Distribute completely separate files for the worker condition (#386)

Andarist · Aug 22, 2023 · b3dc597 · b3dc597
1 parent eb4e4f1
commit b3dc597
Show file tree

Hide file tree

Showing 11 changed files with 24 additions and 16 deletions.
diff --git a/.changeset/gentle-carrots-smoke.md b/.changeset/gentle-carrots-smoke.md
@@ -0,0 +1,5 @@
+---
+'react-textarea-autosize': patch
+---
+
+Distribute completely separate files for the `worker` condition to avoid bundlers from aliasing files targeting node to the ones targeting browsers through the `package.json#browser` alias field.
diff --git a/package.json b/package.json
@@ -27,9 +27,9 @@
       },
       "development": {
         "worker": {
-          "module": "./dist/react-textarea-autosize.development.esm.js",
-          "import": "./dist/react-textarea-autosize.development.cjs.mjs",
-          "default": "./dist/react-textarea-autosize.development.cjs.js"
+          "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"
         },
         "browser": {
           "module": "./dist/react-textarea-autosize.browser.development.esm.js",
@@ -41,9 +41,9 @@
         "default": "./dist/react-textarea-autosize.development.cjs.js"
       },
       "worker": {
-        "module": "./dist/react-textarea-autosize.esm.js",
-        "import": "./dist/react-textarea-autosize.cjs.mjs",
-        "default": "./dist/react-textarea-autosize.cjs.js"
+        "module": "./dist/react-textarea-autosize.worker.esm.js",
+        "import": "./dist/react-textarea-autosize.worker.cjs.mjs",
+        "default": "./dist/react-textarea-autosize.worker.cjs.js"
       },
       "browser": {
         "module": "./dist/react-textarea-autosize.browser.esm.js",
@@ -58,13 +58,13 @@
   },
   "imports": {
     "#is-browser": {
-      "worker": "./src/resolved-conditions/false.ts",
-      "browser": "./src/resolved-conditions/true.ts",
-      "default": "./src/resolved-conditions/false.ts"
+      "worker": "./src/resolved-conditions/worker.ts",
+      "browser": "./src/resolved-conditions/browser.ts",
+      "default": "./src/resolved-conditions/node.ts"
     },
     "#is-development": {
-      "development": "./src/resolved-conditions/true.ts",
-      "default": "./src/resolved-conditions/false.ts"
+      "development": "./src/resolved-conditions/development.ts",
+      "default": "./src/resolved-conditions/production.ts"
     }
   },
   "sideEffects": false,

diff --git a/src/getSizingData.ts b/src/getSizingData.ts
@@ -1,4 +1,4 @@
-import isBrowser from '#is-browser';
+import { isBrowser } from '#is-browser';
 import { pick } from './utils';
 
 const SIZING_STYLE = [

diff --git a/src/index.tsx b/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 {

diff --git a/src/resolved-conditions/browser.ts b/src/resolved-conditions/browser.ts
@@ -0,0 +1 @@
+export const isBrowser = true;
diff --git a/src/resolved-conditions/development.ts b/src/resolved-conditions/development.ts
@@ -0,0 +1 @@
+export const isDevelopment = true;
diff --git a/src/resolved-conditions/false.ts b/src/resolved-conditions/false.ts
diff --git a/src/resolved-conditions/node.ts b/src/resolved-conditions/node.ts
@@ -0,0 +1 @@
+export const isBrowser = false;
diff --git a/src/resolved-conditions/production.ts b/src/resolved-conditions/production.ts
@@ -0,0 +1 @@
+export const isDevelopment = false;
diff --git a/src/resolved-conditions/true.ts b/src/resolved-conditions/true.ts
diff --git a/src/resolved-conditions/worker.ts b/src/resolved-conditions/worker.ts
@@ -0,0 +1 @@
+export const isBrowser = false;