@storybook/addon-essentials 9.0.0-alpha.0 → 9.0.0-alpha.10

package/README.md

@@ -8,12 +8,7 @@ Each addon is documented and maintained by the core team and will be upgraded al
 
 Storybook essentials includes the following addons. Addons can be disabled and re-configured as [described below](#configuration):
 
-- [Actions](https://github.com/storybookjs/storybook/tree/next/code/addons/actions)
 - [Backgrounds](https://github.com/storybookjs/storybook/tree/next/code/addons/backgrounds)
-- [Controls](https://github.com/storybookjs/storybook/tree/next/code/addons/controls)
-- [Docs](https://github.com/storybookjs/storybook/tree/next/code/addons/docs)
-- [Viewport](https://github.com/storybookjs/storybook/tree/next/code/addons/viewport)
-- [Toolbars](https://github.com/storybookjs/storybook/tree/next/code/addons/toolbars)
 - [Measure](https://github.com/storybookjs/storybook/tree/next/code/addons/measure)
 - [Outline](https://github.com/storybookjs/storybook/tree/next/code/addons/outline)
 
@@ -25,7 +20,7 @@ You can add Essentials to your project with:
 npm install --save-dev @storybook/addon-essentials
 ```
 
-And then add the following line to your `.storybook/main.js`:
+And then add the following line to your `.storybook/main.ts`:
 
 ```js
 export default {
@@ -37,11 +32,11 @@ export default {
 
 Essentials is "zero config." That means that comes with a recommended configuration out of the box.
 
-If you want to reconfigure an addon, simply install that addon per that addon's installation instructions and configure it as normal. Essentials scans your project's `main.js` on startup and if detects one of its addons is already configured in the `addons` field, it will skip that addon's configuration entirely.
+If you want to reconfigure an addon, simply install that addon per that addon's installation instructions and configure it as normal. Essentials scans your project's `main.ts` on startup and if detects one of its addons is already configured in the `addons` field, it will skip that addon's configuration entirely.
 
 ## Disabling addons
 
-You can disable any of Essential's addons using the following configuration scheme in `.storybook/main.js`:
+You can disable any of Essential's addons using the following configuration scheme in `.storybook/main.ts`:
 
 ```js
 export default {
@@ -54,4 +49,6 @@ export default {
 };
 ```
 
-Valid addon keys include: `actions`, `backgrounds`, `controls`, `docs`, `viewport`, `toolbars`.
+Valid addon keys include: `backgrounds`, `measure`, `outline`.
+
+Note: The `docs` addon was previously part of essentials but is now a separate package. If you need documentation features, please install `@storybook/addon-docs` separately; see [MIGRATION.md](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#docs-addon-moved-out-of-addon-essentials)

package/dist/backgrounds/preview.d.ts

@@ -1 +1,4 @@
 export * from '@storybook/addon-backgrounds/preview';
+import '@storybook/addon-highlight/preview';
+import '@storybook/addon-measure/preview';
+import '@storybook/addon-outline/preview';

package/dist/index.js

@@ -1,42 +1,18 @@
 'use strict';
 
-var previewApi = require('storybook/internal/preview-api');
-var actionsAddon = require('@storybook/addon-actions');
+var previewApi = require('storybook/preview-api');
 var backgroundsAddon = require('@storybook/addon-backgrounds');
-var docsAddon = require('@storybook/addon-docs/preview');
 var highlightAddon = require('@storybook/addon-highlight');
 var measureAddon = require('@storybook/addon-measure');
 var outlineAddon = require('@storybook/addon-outline');
-var viewportAddon = require('@storybook/addon-viewport');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-function _interopNamespace(e) {
-	if (e && e.__esModule) return e;
-	var n = Object.create(null);
-	if (e) {
-		Object.keys(e).forEach(function (k) {
-			if (k !== 'default') {
-				var d = Object.getOwnPropertyDescriptor(e, k);
-				Object.defineProperty(n, k, d.get ? d : {
-					enumerable: true,
-					get: function () { return e[k]; }
-				});
-			}
-		});
-	}
-	n.default = e;
-	return Object.freeze(n);
-}
-
-var actionsAddon__default = /*#__PURE__*/_interopDefault(actionsAddon);
 var backgroundsAddon__default = /*#__PURE__*/_interopDefault(backgroundsAddon);
-var docsAddon__namespace = /*#__PURE__*/_interopNamespace(docsAddon);
 var highlightAddon__default = /*#__PURE__*/_interopDefault(highlightAddon);
 var measureAddon__default = /*#__PURE__*/_interopDefault(measureAddon);
 var outlineAddon__default = /*#__PURE__*/_interopDefault(outlineAddon);
-var viewportAddon__default = /*#__PURE__*/_interopDefault(viewportAddon);
 
-var preview_default=previewApi.composeConfigs([actionsAddon__default.default(),docsAddon__namespace,backgroundsAddon__default.default(),viewportAddon__default.default(),measureAddon__default.default(),outlineAddon__default.default(),highlightAddon__default.default()]);var index_default=()=>previewApi.definePreview(preview_default);
+var preview_default=previewApi.composeConfigs([backgroundsAddon__default.default(),measureAddon__default.default(),outlineAddon__default.default(),highlightAddon__default.default()]);var index_default=()=>previewApi.definePreview(preview_default);
 
 module.exports = index_default;

package/dist/index.mjs

@@ -1,12 +1,9 @@
-import { composeConfigs, definePreview } from 'storybook/internal/preview-api';
-import actionsAddon from '@storybook/addon-actions';
+import { composeConfigs, definePreview } from 'storybook/preview-api';
 import backgroundsAddon from '@storybook/addon-backgrounds';
-import * as docsAddon from '@storybook/addon-docs/preview';
 import highlightAddon from '@storybook/addon-highlight';
 import measureAddon from '@storybook/addon-measure';
 import outlineAddon from '@storybook/addon-outline';
-import viewportAddon from '@storybook/addon-viewport';
 
-var preview_default=composeConfigs([actionsAddon(),docsAddon,backgroundsAddon(),viewportAddon(),measureAddon(),outlineAddon(),highlightAddon()]);var index_default=()=>definePreview(preview_default);
+var preview_default=composeConfigs([backgroundsAddon(),measureAddon(),outlineAddon(),highlightAddon()]);var index_default=()=>definePreview(preview_default);
 
 export { index_default as default };

package/dist/preset.js

@@ -4,6 +4,6 @@ var path = require('path');
 var common = require('storybook/internal/common');
 var nodeLogger = require('storybook/internal/node-logger');
 
-var requireMain=configDir=>{let absoluteConfigDir=path.isAbsolute(configDir)?configDir:path.join(process.cwd(),configDir),mainFile=path.join(absoluteConfigDir,"main");return common.serverRequire(mainFile)??{}};function addons(options){let checkInstalled=(addonName,main2)=>{let addon=`@storybook/addon-${addonName}`,existingAddon=main2.addons?.find(entry=>(typeof entry=="string"?entry:entry.name)?.startsWith(addon));return existingAddon&&nodeLogger.logger.info(`Found existing addon ${JSON.stringify(existingAddon)}, skipping.`),!!existingAddon},main=requireMain(options.configDir);return ["controls","actions","docs","backgrounds","viewport","toolbars","measure","outline","highlight"].filter(key=>options[key]!==!1).filter(addon=>!checkInstalled(addon,main)).map(addon=>`@storybook/addon-essentials/${addon}`)}
+var requireMain=configDir=>{let absoluteConfigDir=path.isAbsolute(configDir)?configDir:path.join(process.cwd(),configDir),mainFile=path.join(absoluteConfigDir,"main");return common.serverRequire(mainFile)??{}};function addons(options){let checkInstalled=(addonName,main2)=>{let addon=`@storybook/addon-${addonName}`,existingAddon=main2.addons?.find(entry=>(typeof entry=="string"?entry:entry.name)?.startsWith(addon));return existingAddon&&nodeLogger.logger.info(`Found existing addon ${JSON.stringify(existingAddon)}, skipping.`),!!existingAddon},main=requireMain(options.configDir);return ["backgrounds","measure","outline","highlight"].filter(key=>options[key]!==!1).filter(addon=>!checkInstalled(addon,main)).map(addon=>`@storybook/addon-essentials/${addon}`)}
 
 exports.addons = addons;

package/dist/preview.js

@@ -1,42 +1,18 @@
 'use strict';
 
-var previewApi = require('storybook/internal/preview-api');
-var actionsAddon = require('@storybook/addon-actions');
 var backgroundsAddon = require('@storybook/addon-backgrounds');
-var docsAddon = require('@storybook/addon-docs/preview');
 var highlightAddon = require('@storybook/addon-highlight');
 var measureAddon = require('@storybook/addon-measure');
 var outlineAddon = require('@storybook/addon-outline');
-var viewportAddon = require('@storybook/addon-viewport');
+var previewApi = require('storybook/preview-api');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-function _interopNamespace(e) {
-	if (e && e.__esModule) return e;
-	var n = Object.create(null);
-	if (e) {
-		Object.keys(e).forEach(function (k) {
-			if (k !== 'default') {
-				var d = Object.getOwnPropertyDescriptor(e, k);
-				Object.defineProperty(n, k, d.get ? d : {
-					enumerable: true,
-					get: function () { return e[k]; }
-				});
-			}
-		});
-	}
-	n.default = e;
-	return Object.freeze(n);
-}
-
-var actionsAddon__default = /*#__PURE__*/_interopDefault(actionsAddon);
 var backgroundsAddon__default = /*#__PURE__*/_interopDefault(backgroundsAddon);
-var docsAddon__namespace = /*#__PURE__*/_interopNamespace(docsAddon);
 var highlightAddon__default = /*#__PURE__*/_interopDefault(highlightAddon);
 var measureAddon__default = /*#__PURE__*/_interopDefault(measureAddon);
 var outlineAddon__default = /*#__PURE__*/_interopDefault(outlineAddon);
-var viewportAddon__default = /*#__PURE__*/_interopDefault(viewportAddon);
 
-var preview_default=previewApi.composeConfigs([actionsAddon__default.default(),docsAddon__namespace,backgroundsAddon__default.default(),viewportAddon__default.default(),measureAddon__default.default(),outlineAddon__default.default(),highlightAddon__default.default()]);
+var preview_default=previewApi.composeConfigs([backgroundsAddon__default.default(),measureAddon__default.default(),outlineAddon__default.default(),highlightAddon__default.default()]);
 
 module.exports = preview_default;

package/dist/preview.mjs

@@ -1,12 +1,9 @@
-import { composeConfigs } from 'storybook/internal/preview-api';
-import actionsAddon from '@storybook/addon-actions';
 import backgroundsAddon from '@storybook/addon-backgrounds';
-import * as docsAddon from '@storybook/addon-docs/preview';
 import highlightAddon from '@storybook/addon-highlight';
 import measureAddon from '@storybook/addon-measure';
 import outlineAddon from '@storybook/addon-outline';
-import viewportAddon from '@storybook/addon-viewport';
+import { composeConfigs } from 'storybook/preview-api';
 
-var preview_default=composeConfigs([actionsAddon(),docsAddon,backgroundsAddon(),viewportAddon(),measureAddon(),outlineAddon(),highlightAddon()]);
+var preview_default=composeConfigs([backgroundsAddon(),measureAddon(),outlineAddon(),highlightAddon()]);
 
 export { preview_default as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-essentials",
-  "version": "9.0.0-alpha.0",
+  "version": "9.0.0-alpha.10",
   "description": "Curated addons to bring out the best of Storybook",
   "keywords": [
     "addon",
@@ -32,27 +32,12 @@
       "import": "./dist/preview.mjs",
       "require": "./dist/preview.js"
     },
-    "./actions/preview": {
-      "types": "./dist/actions/preview.d.ts",
-      "import": "./dist/actions/preview.mjs",
-      "require": "./dist/actions/preview.js"
-    },
-    "./actions/manager": "./dist/actions/manager.js",
     "./backgrounds/preview": {
       "types": "./dist/backgrounds/preview.d.ts",
       "import": "./dist/backgrounds/preview.mjs",
       "require": "./dist/backgrounds/preview.js"
     },
     "./backgrounds/manager": "./dist/backgrounds/manager.js",
-    "./controls/manager": "./dist/controls/manager.js",
-    "./docs/manager": "./dist/docs/manager.js",
-    "./docs/preview": {
-      "types": "./dist/docs/preview.d.ts",
-      "import": "./dist/docs/preview.mjs",
-      "require": "./dist/docs/preview.js"
-    },
-    "./docs/preset": "./dist/docs/preset.js",
-    "./docs/mdx-react-shim": "./dist/docs/mdx-react-shim.js",
     "./highlight/preview": {
       "types": "./dist/highlight/preview.d.ts",
       "import": "./dist/highlight/preview.mjs",
@@ -70,13 +55,6 @@
       "require": "./dist/outline/preview.js"
     },
     "./outline/manager": "./dist/outline/manager.js",
-    "./toolbars/manager": "./dist/toolbars/manager.js",
-    "./viewport/manager": "./dist/viewport/manager.js",
-    "./viewport/preview": {
-      "types": "./dist/viewport/preview.d.ts",
-      "import": "./dist/viewport/preview.mjs",
-      "require": "./dist/viewport/preview.js"
-    },
     "./preset": "./dist/preset.js",
     "./package.json": "./package.json"
   },
@@ -105,57 +83,40 @@
     "prep": "jiti ../../../scripts/prepare/addon-bundle.ts"
   },
   "dependencies": {
-    "@storybook/addon-actions": "9.0.0-alpha.0",
-    "@storybook/addon-backgrounds": "9.0.0-alpha.0",
-    "@storybook/addon-controls": "9.0.0-alpha.0",
-    "@storybook/addon-docs": "9.0.0-alpha.0",
-    "@storybook/addon-highlight": "9.0.0-alpha.0",
-    "@storybook/addon-measure": "9.0.0-alpha.0",
-    "@storybook/addon-outline": "9.0.0-alpha.0",
-    "@storybook/addon-toolbars": "9.0.0-alpha.0",
-    "@storybook/addon-viewport": "9.0.0-alpha.0",
+    "@storybook/addon-backgrounds": "9.0.0-alpha.10",
+    "@storybook/addon-highlight": "9.0.0-alpha.10",
+    "@storybook/addon-measure": "9.0.0-alpha.10",
+    "@storybook/addon-outline": "9.0.0-alpha.10",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
     "typescript": "^5.7.3"
   },
   "peerDependencies": {
-    "storybook": "^9.0.0-alpha.0"
+    "storybook": "^9.0.0-alpha.10"
   },
   "publishConfig": {
     "access": "public"
   },
   "bundler": {
     "nodeEntries": [
-      "./src/preset.ts",
-      "./src/docs/preset.ts",
-      "./src/docs/mdx-react-shim.ts"
+      "./src/preset.ts"
     ],
     "exportEntries": [
       "./src/index.ts"
     ],
-    "entries": [
-      "./src/docs/manager.ts"
-    ],
+    "entries": [],
     "managerEntries": [
-      "./src/actions/manager.ts",
       "./src/backgrounds/manager.ts",
-      "./src/controls/manager.ts",
-      "./src/docs/manager.ts",
       "./src/measure/manager.ts",
-      "./src/outline/manager.ts",
-      "./src/toolbars/manager.ts",
-      "./src/viewport/manager.ts"
+      "./src/outline/manager.ts"
     ],
     "previewEntries": [
       "./src/preview.ts",
-      "./src/actions/preview.ts",
       "./src/backgrounds/preview.ts",
-      "./src/docs/preview.ts",
       "./src/highlight/preview.ts",
       "./src/measure/preview.ts",
-      "./src/outline/preview.ts",
-      "./src/viewport/preview.ts"
+      "./src/outline/preview.ts"
     ]
   },
   "gitHead": "e6a7fd8a655c69780bc20b9749c2699e44beae16"

package/dist/actions/manager.js

@@ -1 +0,0 @@
-export * from '@storybook/addon-actions/manager';

package/dist/actions/preview.d.ts

@@ -1,7 +0,0 @@
-export * from '@storybook/addon-actions/preview';
-import '@storybook/addon-backgrounds/preview';
-import '@storybook/addon-docs/dist/preview';
-import '@storybook/addon-highlight/preview';
-import '@storybook/addon-measure/preview';
-import '@storybook/addon-outline/preview';
-import '@storybook/addon-viewport/preview';

package/dist/actions/preview.js

@@ -1,12 +0,0 @@
-'use strict';
-
-var preview = require('@storybook/addon-actions/preview');
-
-
-
-Object.keys(preview).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return preview[k]; }
-	});
-});

package/dist/actions/preview.mjs

@@ -1 +0,0 @@
-export * from '@storybook/addon-actions/preview';

package/dist/controls/manager.js

@@ -1 +0,0 @@
-export * from '@storybook/addon-controls/manager';

package/dist/docs/manager.js

@@ -1 +0,0 @@
-export * from '@storybook/addon-docs/manager';

package/dist/docs/mdx-react-shim.js

@@ -1,12 +0,0 @@
-'use strict';
-
-var mdxReactShim = require('@storybook/addon-docs/dist/shims/mdx-react-shim');
-
-
-
-Object.keys(mdxReactShim).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return mdxReactShim[k]; }
-	});
-});

package/dist/docs/preset.js

@@ -1,14 +0,0 @@
-'use strict';
-
-var path = require('path');
-var preset = require('@storybook/addon-docs/dist/preset');
-
-var __require=(x=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(x,{get:(a,b)=>(typeof require<"u"?require:a)[b]}):x)(function(x){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+x+'" is not supported')});var mdxLoaderOptions=async config=>(config.mdxCompileOptions.providerImportSource=path.join(path.dirname(__require.resolve("@storybook/addon-docs/package.json")),"/dist/shims/mdx-react-shim.mjs"),config);
-
-exports.mdxLoaderOptions = mdxLoaderOptions;
-Object.keys(preset).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return preset[k]; }
-	});
-});

package/dist/docs/preview.d.ts

@@ -1 +0,0 @@
-export * from '@storybook/addon-docs/dist/preview';

package/dist/docs/preview.js

@@ -1,12 +0,0 @@
-'use strict';
-
-var preview = require('@storybook/addon-docs/dist/preview');
-
-
-
-Object.keys(preview).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return preview[k]; }
-	});
-});

package/dist/docs/preview.mjs

@@ -1 +0,0 @@
-export * from '@storybook/addon-docs/dist/preview';

package/dist/toolbars/manager.js

@@ -1 +0,0 @@
-export * from '@storybook/addon-toolbars/manager';

package/dist/viewport/manager.js

@@ -1 +0,0 @@
-export * from '@storybook/addon-viewport/manager';

package/dist/viewport/preview.d.ts

@@ -1 +0,0 @@
-export * from '@storybook/addon-viewport/preview';

package/dist/viewport/preview.js

@@ -1,12 +0,0 @@
-'use strict';
-
-var preview = require('@storybook/addon-viewport/preview');
-
-
-
-Object.keys(preview).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return preview[k]; }
-	});
-});

package/dist/viewport/preview.mjs

@@ -1 +0,0 @@
-export * from '@storybook/addon-viewport/preview';