Added edge-light and workerd conditions to package.json (#417)

* Add a workerd target for cloudflare workers

* add edge-light export condition

* reuse conditions better

* tweak changeset

---------

Co-authored-by: Mateusz Burzyński <[email protected]>

Author: threepointone

.changeset/flat-areas-buy.md

@@ -0,0 +1,7 @@
+---
+'react-textarea-autosize': patch
+---
+
+Added `edge-light` and `workerd` conditions to `package.json` manifest to better serve users using Vercel Edge and Cloudflare Workers.
+
+This lets tools like Wrangler and the Cloudflare Vite Plugin pick up the right version of the built module, preventing issues like https://github.com/cloudflare/workers-sdk/issues/8723.

package.json

@@ -26,10 +26,20 @@
         "default": "./dist/react-textarea-autosize.cjs.js"
       },
       "development": {
+        "edge-light": {
+          "module": "./dist/react-textarea-autosize.development.edge-light.esm.js",
+          "import": "./dist/react-textarea-autosize.development.edge-light.cjs.mjs",
+          "default": "./dist/react-textarea-autosize.development.edge-light.cjs.js"
+        },
         "worker": {
-          "module": "./dist/react-textarea-autosize.development.worker.esm.js",
-          "import": "./dist/react-textarea-autosize.development.worker.cjs.mjs",
-          "default": "./dist/react-textarea-autosize.development.worker.cjs.js"
+          "module": "./dist/react-textarea-autosize.development.edge-light.esm.js",
+          "import": "./dist/react-textarea-autosize.development.edge-light.cjs.mjs",
+          "default": "./dist/react-textarea-autosize.development.edge-light.cjs.js"
+        },
+        "workerd": {
+          "module": "./dist/react-textarea-autosize.development.edge-light.esm.js",
+          "import": "./dist/react-textarea-autosize.development.edge-light.cjs.mjs",
+          "default": "./dist/react-textarea-autosize.development.edge-light.cjs.js"
         },
         "browser": {
           "module": "./dist/react-textarea-autosize.browser.development.esm.js",
@@ -40,10 +50,20 @@
         "import": "./dist/react-textarea-autosize.development.cjs.mjs",
         "default": "./dist/react-textarea-autosize.development.cjs.js"
       },
+      "edge-light": {
+        "module": "./dist/react-textarea-autosize.edge-light.esm.js",
+        "import": "./dist/react-textarea-autosize.edge-light.cjs.mjs",
+        "default": "./dist/react-textarea-autosize.edge-light.cjs.js"
+      },
       "worker": {
-        "module": "./dist/react-textarea-autosize.worker.esm.js",
-        "import": "./dist/react-textarea-autosize.worker.cjs.mjs",
-        "default": "./dist/react-textarea-autosize.worker.cjs.js"
+        "module": "./dist/react-textarea-autosize.edge-light.esm.js",
+        "import": "./dist/react-textarea-autosize.edge-light.cjs.mjs",
+        "default": "./dist/react-textarea-autosize.edge-light.cjs.js"
+      },
+      "workerd": {
+        "module": "./dist/react-textarea-autosize.edge-light.esm.js",
+        "import": "./dist/react-textarea-autosize.edge-light.cjs.mjs",
+        "default": "./dist/react-textarea-autosize.edge-light.cjs.js"
       },
       "browser": {
         "module": "./dist/react-textarea-autosize.browser.esm.js",
@@ -57,14 +77,16 @@
     "./package.json": "./package.json"
   },
   "imports": {
-    "#is-browser": {
-      "worker": "./src/resolved-conditions/worker.ts",
-      "browser": "./src/resolved-conditions/browser.ts",
-      "default": "./src/resolved-conditions/node.ts"
-    },
     "#is-development": {
-      "development": "./src/resolved-conditions/development.ts",
-      "default": "./src/resolved-conditions/production.ts"
+      "development": "./src/conditions/true.ts",
+      "default": "./src/conditions/false.ts"
+    },
+    "#is-browser": {
+      "edge-light": "./src/conditions/false.ts",
+      "workerd": "./src/conditions/false.ts",
+      "worker": "./src/conditions/false.ts",
+      "browser": "./src/conditions/true.ts",
+      "default": "./src/conditions/is-browser.ts"
     }
   },
   "sideEffects": false,

src/conditions/false.ts

@@ -0,0 +1 @@
+export default false;

src/conditions/is-browser.ts

@@ -0,0 +1 @@
+export default typeof document !== 'undefined';

src/conditions/true.ts

@@ -0,0 +1 @@
+export default true;

src/getSizingData.ts

@@ -1,4 +1,4 @@
-import { isBrowser } from '#is-browser';
+import isBrowser from '#is-browser';
 import { pick } from './utils';
 
 const SIZING_STYLE = [

src/index.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { isDevelopment } from '#is-development';
-import { isBrowser } from '#is-browser';
+import isDevelopment from '#is-development';
+import isBrowser from '#is-browser';
 import calculateNodeHeight from './calculateNodeHeight';
 import getSizingData, { SizingData } from './getSizingData';
 import {