@storybook/addon-docs 10.1.0-alpha.9 → 10.1.0-beta.1

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.
Files changed (33) hide show
  1. package/dist/_browser-chunks/Color-S5NAVK5F.js +1096 -0
  2. package/dist/_browser-chunks/{DocsRenderer-HT7GNKAR.js → DocsRenderer-GHJI37HO.js} +2 -2
  3. package/dist/_browser-chunks/{chunk-MM7DTO55.js → chunk-A242L54C.js} +10 -16
  4. package/dist/_browser-chunks/chunk-CYSK6WYR.js +7 -0
  5. package/dist/_browser-chunks/chunk-DDRHE7EB.js +949 -0
  6. package/dist/_browser-chunks/{chunk-74ZUTOZN.js → chunk-OATZR77O.js} +9 -22
  7. package/dist/_browser-chunks/chunk-UUESKCKV.js +31 -0
  8. package/dist/_node-chunks/chunk-2A5U5ANW.js +22630 -0
  9. package/dist/_node-chunks/{chunk-D527LDYX.js → chunk-3AUFNFUR.js} +13 -19
  10. package/dist/_node-chunks/chunk-EX6XKYQU.js +196 -0
  11. package/dist/_node-chunks/chunk-Q4AUMUWJ.js +168 -0
  12. package/dist/_node-chunks/mdx-plugin-6YABNLL4.js +1032 -0
  13. package/dist/_node-chunks/rehype-external-links-FLP6Q4I3.js +121 -0
  14. package/dist/_node-chunks/{rehype-slug-NIZ5EZAF.js → rehype-slug-PEZLUBRN.js} +24 -58
  15. package/dist/angular/index.js +3 -5
  16. package/dist/blocks.d.ts +5 -2
  17. package/dist/blocks.js +4658 -6651
  18. package/dist/ember/index.js +3 -5
  19. package/dist/index.js +4 -6
  20. package/dist/manager.js +11 -22
  21. package/dist/mdx-loader.js +13 -19
  22. package/dist/preset.js +160 -453
  23. package/dist/preview.js +2 -2
  24. package/package.json +6 -6
  25. package/dist/_browser-chunks/Color-64QXVMR3.js +0 -1675
  26. package/dist/_browser-chunks/chunk-DMNQCVA2.js +0 -12
  27. package/dist/_browser-chunks/chunk-UZFOWTVP.js +0 -974
  28. package/dist/_browser-chunks/chunk-YDZYZRYC.js +0 -39
  29. package/dist/_node-chunks/chunk-45YQE7PZ.js +0 -36332
  30. package/dist/_node-chunks/chunk-BBLOWQ3W.js +0 -231
  31. package/dist/_node-chunks/chunk-P7HMFQCU.js +0 -248
  32. package/dist/_node-chunks/mdx-plugin-36DJJXJE.js +0 -1654
  33. package/dist/_node-chunks/rehype-external-links-AGP76D2N.js +0 -168
@@ -1,11 +1,9 @@
1
- import {
2
- __name
3
- } from "../_browser-chunks/chunk-MM7DTO55.js";
1
+ import "../_browser-chunks/chunk-A242L54C.js";
4
2
 
5
3
  // src/ember/index.ts
6
- var setJSONDoc = /* @__PURE__ */ __name((jsondoc) => {
4
+ var setJSONDoc = (jsondoc) => {
7
5
  globalThis.__EMBER_GENERATED_DOC_JSON__ = jsondoc;
8
- }, "setJSONDoc");
6
+ };
9
7
  export {
10
8
  setJSONDoc
11
9
  };
package/dist/index.js CHANGED
@@ -1,16 +1,14 @@
1
1
  import {
2
2
  DocsRenderer
3
- } from "./_browser-chunks/chunk-74ZUTOZN.js";
3
+ } from "./_browser-chunks/chunk-OATZR77O.js";
4
4
  import {
5
5
  preview_exports
6
- } from "./_browser-chunks/chunk-YDZYZRYC.js";
7
- import {
8
- __name
9
- } from "./_browser-chunks/chunk-MM7DTO55.js";
6
+ } from "./_browser-chunks/chunk-UUESKCKV.js";
7
+ import "./_browser-chunks/chunk-A242L54C.js";
10
8
 
11
9
  // src/index.ts
12
10
  import { definePreviewAddon } from "storybook/internal/csf";
13
- var index_default = /* @__PURE__ */ __name(() => definePreviewAddon(preview_exports), "default");
11
+ var index_default = () => definePreviewAddon(preview_exports);
14
12
  export {
15
13
  DocsRenderer,
16
14
  index_default as default
package/dist/manager.js CHANGED
@@ -1,9 +1,7 @@
1
1
  import {
2
2
  Source
3
- } from "./_browser-chunks/chunk-UZFOWTVP.js";
4
- import {
5
- __name
6
- } from "./_browser-chunks/chunk-MM7DTO55.js";
3
+ } from "./_browser-chunks/chunk-DDRHE7EB.js";
4
+ import "./_browser-chunks/chunk-A242L54C.js";
7
5
 
8
6
  // src/manager.tsx
9
7
  import React, { useEffect, useState } from "react";
@@ -12,10 +10,7 @@ import { addons, types, useChannel, useParameter } from "storybook/manager-api";
12
10
  import { ignoreSsrWarning, styled, useTheme } from "storybook/theming";
13
11
 
14
12
  // ../../core/src/docs-tools/shared.ts
15
- var ADDON_ID = "storybook/docs";
16
- var PANEL_ID = `${ADDON_ID}/panel`;
17
- var PARAM_KEY = `docs`;
18
- var SNIPPET_RENDERED = `${ADDON_ID}/snippet-rendered`;
13
+ var ADDON_ID = "storybook/docs", PANEL_ID = `${ADDON_ID}/panel`, PARAM_KEY = "docs", SNIPPET_RENDERED = `${ADDON_ID}/snippet-rendered`;
19
14
 
20
15
  // src/manager.tsx
21
16
  addons.register(ADDON_ID, (api) => {
@@ -36,17 +31,13 @@ addons.register(ADDON_ID, (api) => {
36
31
  * },
37
32
  * ```
38
33
  */
39
- disabled: /* @__PURE__ */ __name((parameters) => !parameters?.docs?.codePanel, "disabled"),
40
- match: /* @__PURE__ */ __name(({ viewMode }) => viewMode === "story", "match"),
41
- render: /* @__PURE__ */ __name(({ active }) => {
42
- const channel = api.getChannel();
43
- const currentStory = api.getCurrentStoryData();
44
- const lastEvent = channel?.last(SNIPPET_RENDERED)?.[0];
45
- const [codeSnippet, setSourceCode] = useState({
34
+ disabled: (parameters) => !parameters?.docs?.codePanel,
35
+ match: ({ viewMode }) => viewMode === "story",
36
+ render: ({ active }) => {
37
+ let channel = api.getChannel(), currentStory = api.getCurrentStoryData(), lastEvent = channel?.last(SNIPPET_RENDERED)?.[0], [codeSnippet, setSourceCode] = useState({
46
38
  source: lastEvent?.source,
47
39
  format: lastEvent?.format ?? void 0
48
- });
49
- const parameter = useParameter(PARAM_KEY, {
40
+ }), parameter = useParameter(PARAM_KEY, {
50
41
  source: { code: "" },
51
42
  theme: "dark"
52
43
  });
@@ -55,14 +46,12 @@ addons.register(ADDON_ID, (api) => {
55
46
  source: void 0,
56
47
  format: void 0
57
48
  });
58
- }, [currentStory?.id]);
59
- useChannel({
49
+ }, [currentStory?.id]), useChannel({
60
50
  [SNIPPET_RENDERED]: ({ source, format }) => {
61
51
  setSourceCode({ source, format });
62
52
  }
63
53
  });
64
- const theme = useTheme();
65
- const isDark = theme.base !== "light";
54
+ let isDark = useTheme().base !== "light";
66
55
  return React.createElement(AddonPanel, { active: !!active }, React.createElement(SourceStyles, null, React.createElement(
67
56
  Source,
68
57
  {
@@ -72,7 +61,7 @@ addons.register(ADDON_ID, (api) => {
72
61
  dark: isDark
73
62
  }
74
63
  )));
75
- }, "render")
64
+ }
76
65
  });
77
66
  });
78
67
  var SourceStyles = styled.div(() => ({
@@ -1,41 +1,35 @@
1
- import CJS_COMPAT_NODE_URL_1ynzi6bba2j from 'node:url';
2
- import CJS_COMPAT_NODE_PATH_1ynzi6bba2j from 'node:path';
3
- import CJS_COMPAT_NODE_MODULE_1ynzi6bba2j from "node:module";
1
+ import CJS_COMPAT_NODE_URL_r3o3qx3o4o from 'node:url';
2
+ import CJS_COMPAT_NODE_PATH_r3o3qx3o4o from 'node:path';
3
+ import CJS_COMPAT_NODE_MODULE_r3o3qx3o4o from "node:module";
4
4
 
5
- var __filename = CJS_COMPAT_NODE_URL_1ynzi6bba2j.fileURLToPath(import.meta.url);
6
- var __dirname = CJS_COMPAT_NODE_PATH_1ynzi6bba2j.dirname(__filename);
7
- var require = CJS_COMPAT_NODE_MODULE_1ynzi6bba2j.createRequire(import.meta.url);
5
+ var __filename = CJS_COMPAT_NODE_URL_r3o3qx3o4o.fileURLToPath(import.meta.url);
6
+ var __dirname = CJS_COMPAT_NODE_PATH_r3o3qx3o4o.dirname(__filename);
7
+ var require = CJS_COMPAT_NODE_MODULE_r3o3qx3o4o.createRequire(import.meta.url);
8
8
 
9
9
  // ------------------------------------------------------------
10
10
  // end of CJS compatibility banner, injected by Storybook's esbuild configuration
11
11
  // ------------------------------------------------------------
12
12
  import {
13
13
  compile
14
- } from "./_node-chunks/chunk-45YQE7PZ.js";
15
- import "./_node-chunks/chunk-P7HMFQCU.js";
16
- import "./_node-chunks/chunk-BBLOWQ3W.js";
17
- import {
18
- __name
19
- } from "./_node-chunks/chunk-D527LDYX.js";
14
+ } from "./_node-chunks/chunk-2A5U5ANW.js";
15
+ import "./_node-chunks/chunk-EX6XKYQU.js";
16
+ import "./_node-chunks/chunk-Q4AUMUWJ.js";
17
+ import "./_node-chunks/chunk-3AUFNFUR.js";
20
18
 
21
19
  // src/mdx-loader.ts
22
20
  var DEFAULT_RENDERER = `
23
21
  import React from 'react';
24
22
  `;
25
23
  async function loader(content) {
26
- const callback = this.async();
27
- const options = { ...this.getOptions(), filepath: this.resourcePath };
24
+ let callback = this.async(), options = { ...this.getOptions(), filepath: this.resourcePath };
28
25
  try {
29
- const result = await compile(content, options);
30
- const code = `${DEFAULT_RENDERER}
26
+ let result = await compile(content, options), code = `${DEFAULT_RENDERER}
31
27
  ${result}`;
32
28
  return callback(null, code);
33
29
  } catch (err) {
34
- console.error("Error loading:", this.resourcePath);
35
- return callback(err);
30
+ return console.error("Error loading:", this.resourcePath), callback(err);
36
31
  }
37
32
  }
38
- __name(loader, "loader");
39
33
  var mdx_loader_default = loader;
40
34
  export {
41
35
  mdx_loader_default as default