@storybook/addon-essentials 0.0.0-pr-30916-sha-e160c7e2 → 0.0.0-pr-30875-sha-e2f7434e

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -9,6 +9,10 @@ Each addon is documented and maintained by the core team and will be upgraded al
9
9
  Storybook essentials includes the following addons. Addons can be disabled and re-configured as [described below](#configuration):
10
10
 
11
11
  - [Backgrounds](https://github.com/storybookjs/storybook/tree/next/code/addons/backgrounds)
12
+ - [Controls](https://github.com/storybookjs/storybook/tree/next/code/addons/controls)
13
+ - [Docs](https://github.com/storybookjs/storybook/tree/next/code/addons/docs)
14
+ - [Viewport](https://github.com/storybookjs/storybook/tree/next/code/addons/viewport)
15
+ - [Toolbars](https://github.com/storybookjs/storybook/tree/next/code/addons/toolbars)
12
16
  - [Measure](https://github.com/storybookjs/storybook/tree/next/code/addons/measure)
13
17
  - [Outline](https://github.com/storybookjs/storybook/tree/next/code/addons/outline)
14
18
 
@@ -20,7 +24,7 @@ You can add Essentials to your project with:
20
24
  npm install --save-dev @storybook/addon-essentials
21
25
  ```
22
26
 
23
- And then add the following line to your `.storybook/main.ts`:
27
+ And then add the following line to your `.storybook/main.js`:
24
28
 
25
29
  ```js
26
30
  export default {
@@ -32,11 +36,11 @@ export default {
32
36
 
33
37
  Essentials is "zero config." That means that comes with a recommended configuration out of the box.
34
38
 
35
- 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.
39
+ 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.
36
40
 
37
41
  ## Disabling addons
38
42
 
39
- You can disable any of Essential's addons using the following configuration scheme in `.storybook/main.ts`:
43
+ You can disable any of Essential's addons using the following configuration scheme in `.storybook/main.js`:
40
44
 
41
45
  ```js
42
46
  export default {
@@ -49,6 +53,4 @@ export default {
49
53
  };
50
54
  ```
51
55
 
52
- Valid addon keys include: `backgrounds`, `measure`, `outline`.
53
-
54
- 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)
56
+ Valid addon keys include: `backgrounds`, `controls`, `docs`, `viewport`, `toolbars`.
@@ -1,4 +1,6 @@
1
1
  export * from '@storybook/addon-backgrounds/preview';
2
+ import '@storybook/addon-docs/dist/preview';
2
3
  import '@storybook/addon-highlight/preview';
3
4
  import '@storybook/addon-measure/preview';
4
5
  import '@storybook/addon-outline/preview';
6
+ import '@storybook/addon-viewport/preview';
@@ -0,0 +1 @@
1
+ export * from '@storybook/addon-controls/manager';
@@ -0,0 +1 @@
1
+ export * from '@storybook/addon-docs/manager';
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ var mdxReactShim = require('@storybook/addon-docs/dist/shims/mdx-react-shim');
4
+
5
+
6
+
7
+ Object.keys(mdxReactShim).forEach(function (k) {
8
+ if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
9
+ enumerable: true,
10
+ get: function () { return mdxReactShim[k]; }
11
+ });
12
+ });
@@ -0,0 +1,14 @@
1
+ 'use strict';
2
+
3
+ var path = require('path');
4
+ var preset = require('@storybook/addon-docs/dist/preset');
5
+
6
+ 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);
7
+
8
+ exports.mdxLoaderOptions = mdxLoaderOptions;
9
+ Object.keys(preset).forEach(function (k) {
10
+ if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
11
+ enumerable: true,
12
+ get: function () { return preset[k]; }
13
+ });
14
+ });
@@ -0,0 +1 @@
1
+ export * from '@storybook/addon-docs/dist/preview';
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ var preview = require('@storybook/addon-docs/dist/preview');
4
+
5
+
6
+
7
+ Object.keys(preview).forEach(function (k) {
8
+ if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
9
+ enumerable: true,
10
+ get: function () { return preview[k]; }
11
+ });
12
+ });
@@ -0,0 +1 @@
1
+ export * from '@storybook/addon-docs/dist/preview';
package/dist/index.js CHANGED
@@ -2,17 +2,39 @@
2
2
 
3
3
  var previewApi = require('storybook/preview-api');
4
4
  var backgroundsAddon = require('@storybook/addon-backgrounds');
5
+ var docsAddon = require('@storybook/addon-docs/preview');
5
6
  var highlightAddon = require('@storybook/addon-highlight');
6
7
  var measureAddon = require('@storybook/addon-measure');
7
8
  var outlineAddon = require('@storybook/addon-outline');
9
+ var viewportAddon = require('@storybook/addon-viewport');
8
10
 
9
11
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
10
12
 
13
+ function _interopNamespace(e) {
14
+ if (e && e.__esModule) return e;
15
+ var n = Object.create(null);
16
+ if (e) {
17
+ Object.keys(e).forEach(function (k) {
18
+ if (k !== 'default') {
19
+ var d = Object.getOwnPropertyDescriptor(e, k);
20
+ Object.defineProperty(n, k, d.get ? d : {
21
+ enumerable: true,
22
+ get: function () { return e[k]; }
23
+ });
24
+ }
25
+ });
26
+ }
27
+ n.default = e;
28
+ return Object.freeze(n);
29
+ }
30
+
11
31
  var backgroundsAddon__default = /*#__PURE__*/_interopDefault(backgroundsAddon);
32
+ var docsAddon__namespace = /*#__PURE__*/_interopNamespace(docsAddon);
12
33
  var highlightAddon__default = /*#__PURE__*/_interopDefault(highlightAddon);
13
34
  var measureAddon__default = /*#__PURE__*/_interopDefault(measureAddon);
14
35
  var outlineAddon__default = /*#__PURE__*/_interopDefault(outlineAddon);
36
+ var viewportAddon__default = /*#__PURE__*/_interopDefault(viewportAddon);
15
37
 
16
- var preview_default=previewApi.composeConfigs([backgroundsAddon__default.default(),measureAddon__default.default(),outlineAddon__default.default(),highlightAddon__default.default()]);var index_default=()=>previewApi.definePreview(preview_default);
38
+ var preview_default=previewApi.composeConfigs([docsAddon__namespace,backgroundsAddon__default.default(),viewportAddon__default.default(),measureAddon__default.default(),outlineAddon__default.default(),highlightAddon__default.default()]);var index_default=()=>previewApi.definePreview(preview_default);
17
39
 
18
40
  module.exports = index_default;
package/dist/index.mjs CHANGED
@@ -1,9 +1,11 @@
1
1
  import { composeConfigs, definePreview } from 'storybook/preview-api';
2
2
  import backgroundsAddon from '@storybook/addon-backgrounds';
3
+ import * as docsAddon from '@storybook/addon-docs/preview';
3
4
  import highlightAddon from '@storybook/addon-highlight';
4
5
  import measureAddon from '@storybook/addon-measure';
5
6
  import outlineAddon from '@storybook/addon-outline';
7
+ import viewportAddon from '@storybook/addon-viewport';
6
8
 
7
- var preview_default=composeConfigs([backgroundsAddon(),measureAddon(),outlineAddon(),highlightAddon()]);var index_default=()=>definePreview(preview_default);
9
+ var preview_default=composeConfigs([docsAddon,backgroundsAddon(),viewportAddon(),measureAddon(),outlineAddon(),highlightAddon()]);var index_default=()=>definePreview(preview_default);
8
10
 
9
11
  export { index_default as default };
package/dist/preset.js CHANGED
@@ -4,6 +4,6 @@ var path = require('path');
4
4
  var common = require('storybook/internal/common');
5
5
  var nodeLogger = require('storybook/internal/node-logger');
6
6
 
7
- 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}`)}
7
+ 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","docs","backgrounds","viewport","toolbars","measure","outline","highlight"].filter(key=>options[key]!==!1).filter(addon=>!checkInstalled(addon,main)).map(addon=>`@storybook/addon-essentials/${addon}`)}
8
8
 
9
9
  exports.addons = addons;
package/dist/preview.js CHANGED
@@ -1,18 +1,40 @@
1
1
  'use strict';
2
2
 
3
3
  var backgroundsAddon = require('@storybook/addon-backgrounds');
4
+ var docsAddon = require('@storybook/addon-docs/preview');
4
5
  var highlightAddon = require('@storybook/addon-highlight');
5
6
  var measureAddon = require('@storybook/addon-measure');
6
7
  var outlineAddon = require('@storybook/addon-outline');
8
+ var viewportAddon = require('@storybook/addon-viewport');
7
9
  var previewApi = require('storybook/preview-api');
8
10
 
9
11
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
10
12
 
13
+ function _interopNamespace(e) {
14
+ if (e && e.__esModule) return e;
15
+ var n = Object.create(null);
16
+ if (e) {
17
+ Object.keys(e).forEach(function (k) {
18
+ if (k !== 'default') {
19
+ var d = Object.getOwnPropertyDescriptor(e, k);
20
+ Object.defineProperty(n, k, d.get ? d : {
21
+ enumerable: true,
22
+ get: function () { return e[k]; }
23
+ });
24
+ }
25
+ });
26
+ }
27
+ n.default = e;
28
+ return Object.freeze(n);
29
+ }
30
+
11
31
  var backgroundsAddon__default = /*#__PURE__*/_interopDefault(backgroundsAddon);
32
+ var docsAddon__namespace = /*#__PURE__*/_interopNamespace(docsAddon);
12
33
  var highlightAddon__default = /*#__PURE__*/_interopDefault(highlightAddon);
13
34
  var measureAddon__default = /*#__PURE__*/_interopDefault(measureAddon);
14
35
  var outlineAddon__default = /*#__PURE__*/_interopDefault(outlineAddon);
36
+ var viewportAddon__default = /*#__PURE__*/_interopDefault(viewportAddon);
15
37
 
16
- var preview_default=previewApi.composeConfigs([backgroundsAddon__default.default(),measureAddon__default.default(),outlineAddon__default.default(),highlightAddon__default.default()]);
38
+ var preview_default=previewApi.composeConfigs([docsAddon__namespace,backgroundsAddon__default.default(),viewportAddon__default.default(),measureAddon__default.default(),outlineAddon__default.default(),highlightAddon__default.default()]);
17
39
 
18
40
  module.exports = preview_default;
package/dist/preview.mjs CHANGED
@@ -1,9 +1,11 @@
1
1
  import backgroundsAddon from '@storybook/addon-backgrounds';
2
+ import * as docsAddon from '@storybook/addon-docs/preview';
2
3
  import highlightAddon from '@storybook/addon-highlight';
3
4
  import measureAddon from '@storybook/addon-measure';
4
5
  import outlineAddon from '@storybook/addon-outline';
6
+ import viewportAddon from '@storybook/addon-viewport';
5
7
  import { composeConfigs } from 'storybook/preview-api';
6
8
 
7
- var preview_default=composeConfigs([backgroundsAddon(),measureAddon(),outlineAddon(),highlightAddon()]);
9
+ var preview_default=composeConfigs([docsAddon,backgroundsAddon(),viewportAddon(),measureAddon(),outlineAddon(),highlightAddon()]);
8
10
 
9
11
  export { preview_default as default };
@@ -0,0 +1 @@
1
+ export * from '@storybook/addon-toolbars/manager';
@@ -0,0 +1 @@
1
+ export * from '@storybook/addon-viewport/manager';
@@ -0,0 +1 @@
1
+ export * from '@storybook/addon-viewport/preview';
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ var preview = require('@storybook/addon-viewport/preview');
4
+
5
+
6
+
7
+ Object.keys(preview).forEach(function (k) {
8
+ if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
9
+ enumerable: true,
10
+ get: function () { return preview[k]; }
11
+ });
12
+ });
@@ -0,0 +1 @@
1
+ export * from '@storybook/addon-viewport/preview';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@storybook/addon-essentials",
3
- "version": "0.0.0-pr-30916-sha-e160c7e2",
3
+ "version": "0.0.0-pr-30875-sha-e2f7434e",
4
4
  "description": "Curated addons to bring out the best of Storybook",
5
5
  "keywords": [
6
6
  "addon",
@@ -38,6 +38,15 @@
38
38
  "require": "./dist/backgrounds/preview.js"
39
39
  },
40
40
  "./backgrounds/manager": "./dist/backgrounds/manager.js",
41
+ "./controls/manager": "./dist/controls/manager.js",
42
+ "./docs/manager": "./dist/docs/manager.js",
43
+ "./docs/preview": {
44
+ "types": "./dist/docs/preview.d.ts",
45
+ "import": "./dist/docs/preview.mjs",
46
+ "require": "./dist/docs/preview.js"
47
+ },
48
+ "./docs/preset": "./dist/docs/preset.js",
49
+ "./docs/mdx-react-shim": "./dist/docs/mdx-react-shim.js",
41
50
  "./highlight/preview": {
42
51
  "types": "./dist/highlight/preview.d.ts",
43
52
  "import": "./dist/highlight/preview.mjs",
@@ -55,6 +64,13 @@
55
64
  "require": "./dist/outline/preview.js"
56
65
  },
57
66
  "./outline/manager": "./dist/outline/manager.js",
67
+ "./toolbars/manager": "./dist/toolbars/manager.js",
68
+ "./viewport/manager": "./dist/viewport/manager.js",
69
+ "./viewport/preview": {
70
+ "types": "./dist/viewport/preview.d.ts",
71
+ "import": "./dist/viewport/preview.mjs",
72
+ "require": "./dist/viewport/preview.js"
73
+ },
58
74
  "./preset": "./dist/preset.js",
59
75
  "./package.json": "./package.json"
60
76
  },
@@ -83,40 +99,54 @@
83
99
  "prep": "jiti ../../../scripts/prepare/addon-bundle.ts"
84
100
  },
85
101
  "dependencies": {
86
- "@storybook/addon-backgrounds": "0.0.0-pr-30916-sha-e160c7e2",
87
- "@storybook/addon-highlight": "0.0.0-pr-30916-sha-e160c7e2",
88
- "@storybook/addon-measure": "0.0.0-pr-30916-sha-e160c7e2",
89
- "@storybook/addon-outline": "0.0.0-pr-30916-sha-e160c7e2",
102
+ "@storybook/addon-backgrounds": "0.0.0-pr-30875-sha-e2f7434e",
103
+ "@storybook/addon-controls": "0.0.0-pr-30875-sha-e2f7434e",
104
+ "@storybook/addon-docs": "0.0.0-pr-30875-sha-e2f7434e",
105
+ "@storybook/addon-highlight": "0.0.0-pr-30875-sha-e2f7434e",
106
+ "@storybook/addon-measure": "0.0.0-pr-30875-sha-e2f7434e",
107
+ "@storybook/addon-outline": "0.0.0-pr-30875-sha-e2f7434e",
108
+ "@storybook/addon-toolbars": "0.0.0-pr-30875-sha-e2f7434e",
109
+ "@storybook/addon-viewport": "0.0.0-pr-30875-sha-e2f7434e",
90
110
  "ts-dedent": "^2.0.0"
91
111
  },
92
112
  "devDependencies": {
93
113
  "typescript": "^5.7.3"
94
114
  },
95
115
  "peerDependencies": {
96
- "storybook": "^0.0.0-pr-30916-sha-e160c7e2"
116
+ "storybook": "^0.0.0-pr-30875-sha-e2f7434e"
97
117
  },
98
118
  "publishConfig": {
99
119
  "access": "public"
100
120
  },
101
121
  "bundler": {
102
122
  "nodeEntries": [
103
- "./src/preset.ts"
123
+ "./src/preset.ts",
124
+ "./src/docs/preset.ts",
125
+ "./src/docs/mdx-react-shim.ts"
104
126
  ],
105
127
  "exportEntries": [
106
128
  "./src/index.ts"
107
129
  ],
108
- "entries": [],
130
+ "entries": [
131
+ "./src/docs/manager.ts"
132
+ ],
109
133
  "managerEntries": [
110
134
  "./src/backgrounds/manager.ts",
135
+ "./src/controls/manager.ts",
136
+ "./src/docs/manager.ts",
111
137
  "./src/measure/manager.ts",
112
- "./src/outline/manager.ts"
138
+ "./src/outline/manager.ts",
139
+ "./src/toolbars/manager.ts",
140
+ "./src/viewport/manager.ts"
113
141
  ],
114
142
  "previewEntries": [
115
143
  "./src/preview.ts",
116
144
  "./src/backgrounds/preview.ts",
145
+ "./src/docs/preview.ts",
117
146
  "./src/highlight/preview.ts",
118
147
  "./src/measure/preview.ts",
119
- "./src/outline/preview.ts"
148
+ "./src/outline/preview.ts",
149
+ "./src/viewport/preview.ts"
120
150
  ]
121
151
  },
122
152
  "gitHead": "e6a7fd8a655c69780bc20b9749c2699e44beae16"