Merge pull request #18805 from abdlqader/feat/lib-addons-to-tsup

Build lib/addons with ts-up

code/addons/a11y/src/index.ts

@@ -1,3 +1,5 @@
+/// <reference types="webpack-env" />
+
 import type { AnyFramework, DecoratorFunction } from '@storybook/csf';
 import deprecate from 'util-deprecate';
 import { dedent } from 'ts-dedent';

code/addons/actions/src/index.ts

@@ -1,3 +1,5 @@
+/// <reference types="webpack-env" />
+
 export * from './constants';
 export * from './models';
 export * from './preview';

code/addons/backgrounds/src/index.ts

@@ -1,3 +1,5 @@
+/// <reference types="webpack-env" />
+
 if (module && module.hot && module.hot.decline) {
   module.hot.decline();
 }

code/addons/jest/src/index.ts

@@ -1,3 +1,5 @@
+/// <reference types="webpack-env" />
+
 import { addons } from '@storybook/addons';
 import { normalize, sep } from 'upath';
 import { ADD_TESTS, defineJestParameter } from './shared';

code/addons/links/src/index.ts

@@ -1,3 +1,5 @@
+/// <reference types="webpack-env" />
+
 import { dedent } from 'ts-dedent';
 
 let hasWarned = false;

code/addons/measure/src/index.ts

@@ -1,3 +1,5 @@
+/// <reference types="webpack-env" />
+
 if (module && module.hot && module.hot.decline) {
   module.hot.decline();
 }

code/addons/outline/src/index.ts

@@ -1,3 +1,5 @@
+/// <reference types="webpack-env" />
+
 if (module && module.hot && module.hot.decline) {
   module.hot.decline();
 }

code/addons/storysource/src/index.ts

@@ -1,3 +1,5 @@
+/// <reference types="webpack-env" />
+
 import { ADDON_ID, PANEL_ID } from './events';
 
 export { ADDON_ID, PANEL_ID };

code/lib/addons/package.json

@@ -20,9 +20,17 @@
   },
   "license": "MIT",
   "sideEffects": false,
-  "main": "dist/cjs/index.js",
+  "exports": {
-  "module": "dist/esm/index.js",
+    ".": {
-  "types": "dist/types/index.d.ts",
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
   "files": [
     "dist/**/*",
     "README.md",
@@ -31,7 +39,7 @@
   ],
   "scripts": {
     "check": "../../../scripts/node_modules/.bin/tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/api": "7.0.0-alpha.34",
@@ -50,5 +58,10 @@
   "publishConfig": {
     "access": "public"
   },
+  "bundler": {
+    "entries": [
+      "./src/index.ts"
+    ]
+  },
   "gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
 }

code/lib/ui/src/globals/exports.ts

@@ -215,13 +215,13 @@ export default {
   '@storybook/addons': [
     'AddonStore',
     'Channel',
-    'addons',
-    'makeDecorator',
-    'isSupportedType',
-    'types',
-    'mockChannel',
     'HooksContext',
+    'addons',
     'applyHooks',
+    'isSupportedType',
+    'makeDecorator',
+    'mockChannel',
+    'types',
     'useArgs',
     'useCallback',
     'useChannel',