Merge pull request #289 from chromaui/valentin/fix-bundling

Fix bundling strategy of tsup
chromaui · Apr 15, 2024 · 6afda22 · 6afda22
2 parents c671cfc + 2081b09
commit 6afda22
Show file tree

Hide file tree

Showing 5 changed files with 391 additions and 346 deletions.
diff --git a/package.json b/package.json
@@ -1,12 +1,56 @@
 {
+  "name": "@chromatic-com/storybook",
+  "version": "1.3.2",
+  "description": "Catch unexpected visual changes & UI bugs in your stories",
+  "keywords": [
+    "storybook-addons",
+    "test",
+    "visual tests",
+    "vrt",
+    "chromatic"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/chromaui/addon-visual-tests.git"
+  },
+  "license": "MIT",
   "author": "Chromatic <support@chromatic.com>",
-  "bundler": {
-    "exportEntries": [
-      "src/index.ts"
-    ],
-    "managerEntries": [
-      "src/manager.tsx"
-    ]
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "node": "./dist/index.js",
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs"
+    },
+    "./manager": "./dist/manager.js",
+    "./preset": "./dist/preset.js",
+    "./package.json": "./package.json"
+  },
+  "main": "dist/index.js",
+  "files": [
+    "dist/**/*",
+    "README.md",
+    "*.js",
+    "*.d.ts"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "build-storybook": "storybook build",
+    "build:staging": "CHROMATIC_BASE_URL=https://www.staging-chromatic.com tsup",
+    "build:watch": "run-p 'build --watch' 'codegen --watch'",
+    "chromatic": "chromatic --config-file production.config.json",
+    "codegen": "graphql-codegen",
+    "lint": "eslint src --max-warnings 0 --report-unused-disable-directives",
+    "prerelease": "zx scripts/prepublish-checks.mjs",
+    "release": "yarn run build && auto shipit",
+    "start": "run-p build:watch 'storybook --quiet'",
+    "storybook": "CHROMATIC_ADDON_NAME='../src/dev.ts' storybook dev -p 6006",
+    "storybook-from-dist": "CHROMATIC_USE_DIST_VERSION=true CHROMATIC_ADDON_NAME='../dist/index.js' storybook dev -p 6006",
+    "test": "vitest",
+    "typecheck": "tsc --noemit"
+  },
+  "resolutions": {
+    "jackspeak": "2.1.1"
   },
   "dependencies": {
     "chromatic": "^11.3.0",
@@ -15,7 +59,6 @@
     "react-confetti": "^6.1.0",
     "strip-ansi": "^7.1.0"
   },
-  "description": "Catch unexpected visual changes & UI bugs in your stories",
   "devDependencies": {
     "@emotion/weak-memoize": "^0.3.1",
     "@graphql-codegen/cli": "^4.0.1",
@@ -90,60 +133,22 @@
     "node": ">=16.0.0",
     "yarn": ">=1.22.18"
   },
-  "exports": {
-    ".": {
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    },
-    "./manager": {
-      "import": "./dist/manager.mjs"
-    },
-    "./package.json": "./package.json"
-  },
-  "files": [
-    "dist/**/*",
-    "README.md",
-    "*.js",
-    "*.d.ts"
-  ],
-  "keywords": [
-    "storybook-addons",
-    "test",
-    "visual tests",
-    "vrt",
-    "chromatic"
-  ],
-  "license": "MIT",
-  "main": "dist/index.js",
-  "msw": {
-    "workerDirectory": "public"
-  },
-  "name": "@chromatic-com/storybook",
   "publishConfig": {
     "access": "public"
   },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/chromaui/addon-visual-tests.git"
-  },
-  "resolutions": {
-    "jackspeak": "2.1.1"
+  "bundler": {
+    "exportEntries": [
+      "./src/index.ts"
+    ],
+    "managerEntries": [
+      "./src/manager.tsx"
+    ],
+    "nodeEntries": [
+      "./src/preset.ts"
+    ]
   },
-  "scripts": {
-    "build": "tsup",
-    "build-storybook": "storybook build",
-    "build:staging": "CHROMATIC_BASE_URL=https://www.staging-chromatic.com tsup",
-    "build:watch": "run-p 'build --watch' 'codegen --watch'",
-    "chromatic": "chromatic --config-file production.config.json",
-    "codegen": "graphql-codegen",
-    "lint": "eslint src --max-warnings 0 --report-unused-disable-directives",
-    "prerelease": "zx scripts/prepublish-checks.mjs",
-    "release": "yarn run build && auto shipit",
-    "start": "run-p build:watch 'storybook --quiet'",
-    "storybook": "CHROMATIC_ADDON_NAME='../src/dev.ts' storybook dev -p 6006",
-    "storybook-from-dist": "CHROMATIC_USE_DIST_VERSION=true CHROMATIC_ADDON_NAME='../dist/index.js' storybook dev -p 6006",
-    "test": "vitest",
-    "typecheck": "tsc --noemit"
+  "msw": {
+    "workerDirectory": "public"
   },
   "storybook": {
     "displayName": "Visual Tests",
@@ -159,6 +164,5 @@
       "preact",
       "react-native"
     ]
-  },
-  "version": "1.3.2"
+  }
 }
diff --git a/preset.js b/preset.js
@@ -0,0 +1 @@
+module.exports = require("./dist/preset.js");