@storybook/server 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.
- package/dist/entry-preview.js +18 -41
- package/dist/preset.js +15 -23
- package/package.json +3 -3
package/dist/entry-preview.js
CHANGED
|
@@ -1,24 +1,14 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
|
|
4
1
|
// src/render.ts
|
|
5
2
|
import { global } from "@storybook/global";
|
|
6
3
|
import { simulateDOMContentLoaded, simulatePageLoad } from "storybook/preview-api";
|
|
7
4
|
import { dedent } from "ts-dedent";
|
|
8
|
-
var { fetch, Node } = global
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
return
|
|
14
|
-
}, "
|
|
15
|
-
var buildStoryArgs = /* @__PURE__ */ __name((args, argTypes) => {
|
|
16
|
-
const storyArgs = { ...args };
|
|
17
|
-
Object.keys(argTypes).forEach((key) => {
|
|
18
|
-
const argType = argTypes[key];
|
|
19
|
-
const { control } = argType;
|
|
20
|
-
const controlType = control && typeof control === "object" && "type" in control && control.type?.toLowerCase();
|
|
21
|
-
const argValue = storyArgs[key];
|
|
5
|
+
var { fetch, Node } = global, defaultFetchStoryHtml = async (url, path, params, storyContext) => {
|
|
6
|
+
let fetchUrl = new URL(`${url}/${path}`);
|
|
7
|
+
return fetchUrl.search = new URLSearchParams({ ...storyContext.globals, ...params }).toString(), (await fetch(fetchUrl)).text();
|
|
8
|
+
}, buildStoryArgs = (args, argTypes) => {
|
|
9
|
+
let storyArgs = { ...args };
|
|
10
|
+
return Object.keys(argTypes).forEach((key) => {
|
|
11
|
+
let argType = argTypes[key], { control } = argType, controlType = control && typeof control == "object" && "type" in control && control.type?.toLowerCase(), argValue = storyArgs[key];
|
|
22
12
|
switch (controlType) {
|
|
23
13
|
case "date":
|
|
24
14
|
storyArgs[key] = new Date(argValue).toISOString();
|
|
@@ -28,11 +18,9 @@ var buildStoryArgs = /* @__PURE__ */ __name((args, argTypes) => {
|
|
|
28
18
|
break;
|
|
29
19
|
default:
|
|
30
20
|
}
|
|
31
|
-
});
|
|
32
|
-
|
|
33
|
-
}
|
|
34
|
-
var render = /* @__PURE__ */ __name((args) => {
|
|
35
|
-
}, "render");
|
|
21
|
+
}), storyArgs;
|
|
22
|
+
}, render = (args) => {
|
|
23
|
+
};
|
|
36
24
|
async function renderToCanvas({
|
|
37
25
|
id,
|
|
38
26
|
title,
|
|
@@ -45,25 +33,16 @@ async function renderToCanvas({
|
|
|
45
33
|
storyContext: { parameters: parameters2, args, argTypes }
|
|
46
34
|
}, canvasElement) {
|
|
47
35
|
storyFn();
|
|
48
|
-
|
|
49
|
-
const {
|
|
36
|
+
let storyArgs = buildStoryArgs(args, argTypes), {
|
|
50
37
|
server: { url, id: storyId, fetchStoryHtml = defaultFetchStoryHtml, params }
|
|
51
|
-
} = parameters2;
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
if (typeof element === "string") {
|
|
57
|
-
canvasElement.innerHTML = element;
|
|
58
|
-
simulatePageLoad(canvasElement);
|
|
59
|
-
} else if (element instanceof Node) {
|
|
60
|
-
if (canvasElement.firstChild === element && forceRemount === false) {
|
|
38
|
+
} = parameters2, fetchId = storyId || id, storyParams = { ...params, ...storyArgs }, element = await fetchStoryHtml(url, fetchId, storyParams, storyContext);
|
|
39
|
+
if (showMain(), typeof element == "string")
|
|
40
|
+
canvasElement.innerHTML = element, simulatePageLoad(canvasElement);
|
|
41
|
+
else if (element instanceof Node) {
|
|
42
|
+
if (canvasElement.firstChild === element && forceRemount === !1)
|
|
61
43
|
return;
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
canvasElement.appendChild(element);
|
|
65
|
-
simulateDOMContentLoaded();
|
|
66
|
-
} else {
|
|
44
|
+
canvasElement.innerHTML = "", canvasElement.appendChild(element), simulateDOMContentLoaded();
|
|
45
|
+
} else
|
|
67
46
|
showError({
|
|
68
47
|
title: `Expecting an HTML snippet or DOM node from the story: "${name}" of "${title}".`,
|
|
69
48
|
description: dedent`
|
|
@@ -71,9 +50,7 @@ async function renderToCanvas({
|
|
|
71
50
|
Use "() => <your snippet or node>" or when defining the story.
|
|
72
51
|
`
|
|
73
52
|
});
|
|
74
|
-
}
|
|
75
53
|
}
|
|
76
|
-
__name(renderToCanvas, "renderToCanvas");
|
|
77
54
|
|
|
78
55
|
// src/entry-preview.ts
|
|
79
56
|
var parameters = { renderer: "server" };
|
package/dist/preset.js
CHANGED
|
@@ -1,29 +1,26 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
1
|
+
import CJS_COMPAT_NODE_URL_crdf7q46f1a from 'node:url';
|
|
2
|
+
import CJS_COMPAT_NODE_PATH_crdf7q46f1a from 'node:path';
|
|
3
|
+
import CJS_COMPAT_NODE_MODULE_crdf7q46f1a from "node:module";
|
|
4
4
|
|
|
5
|
-
var __filename =
|
|
6
|
-
var __dirname =
|
|
7
|
-
var require =
|
|
5
|
+
var __filename = CJS_COMPAT_NODE_URL_crdf7q46f1a.fileURLToPath(import.meta.url);
|
|
6
|
+
var __dirname = CJS_COMPAT_NODE_PATH_crdf7q46f1a.dirname(__filename);
|
|
7
|
+
var require = CJS_COMPAT_NODE_MODULE_crdf7q46f1a.createRequire(import.meta.url);
|
|
8
8
|
|
|
9
9
|
// ------------------------------------------------------------
|
|
10
10
|
// end of CJS compatibility banner, injected by Storybook's esbuild configuration
|
|
11
11
|
// ------------------------------------------------------------
|
|
12
|
-
var __defProp = Object.defineProperty;
|
|
13
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
14
12
|
|
|
15
13
|
// src/preset.ts
|
|
16
14
|
import { readFile } from "node:fs/promises";
|
|
17
15
|
import { fileURLToPath } from "node:url";
|
|
18
16
|
import yaml from "yaml";
|
|
19
|
-
var experimental_indexers =
|
|
17
|
+
var experimental_indexers = (existingIndexers) => [
|
|
20
18
|
{
|
|
21
19
|
test: /(stories|story)\.(json|ya?ml)$/,
|
|
22
|
-
createIndex:
|
|
23
|
-
|
|
24
|
-
const content = fileName.endsWith(".json") ? JSON.parse(rawFile) : yaml.parse(rawFile);
|
|
20
|
+
createIndex: async (fileName) => {
|
|
21
|
+
let rawFile = await readFile(fileName, { encoding: "utf8" }), content = fileName.endsWith(".json") ? JSON.parse(rawFile) : yaml.parse(rawFile);
|
|
25
22
|
return content.stories.map((story) => {
|
|
26
|
-
|
|
23
|
+
let tags = Array.from(/* @__PURE__ */ new Set([...content.tags ?? [], ...story.tags ?? []]));
|
|
27
24
|
return {
|
|
28
25
|
importPath: fileName,
|
|
29
26
|
exportName: story.name,
|
|
@@ -33,18 +30,13 @@ var experimental_indexers = /* @__PURE__ */ __name((existingIndexers) => [
|
|
|
33
30
|
type: "story"
|
|
34
31
|
};
|
|
35
32
|
});
|
|
36
|
-
}
|
|
33
|
+
}
|
|
37
34
|
},
|
|
38
35
|
...existingIndexers || []
|
|
39
|
-
],
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
return input;
|
|
44
|
-
}
|
|
45
|
-
const result = [];
|
|
46
|
-
return result.concat(input).concat([fileURLToPath(import.meta.resolve("@storybook/server/entry-preview"))]);
|
|
47
|
-
}, "previewAnnotations");
|
|
36
|
+
], previewAnnotations = async (input = [], options) => {
|
|
37
|
+
let { presetsList } = options;
|
|
38
|
+
return presetsList ? [].concat(input).concat([fileURLToPath(import.meta.resolve("@storybook/server/entry-preview"))]) : input;
|
|
39
|
+
};
|
|
48
40
|
export {
|
|
49
41
|
experimental_indexers,
|
|
50
42
|
previewAnnotations
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storybook/server",
|
|
3
|
-
"version": "10.1.0-
|
|
3
|
+
"version": "10.1.0-beta.1",
|
|
4
4
|
"description": "Storybook Server renderer: Develop, document, and test UI components in isolation",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"storybook",
|
|
@@ -53,10 +53,10 @@
|
|
|
53
53
|
"typescript": "^5.8.3"
|
|
54
54
|
},
|
|
55
55
|
"peerDependencies": {
|
|
56
|
-
"storybook": "^10.1.0-
|
|
56
|
+
"storybook": "^10.1.0-beta.1"
|
|
57
57
|
},
|
|
58
58
|
"publishConfig": {
|
|
59
59
|
"access": "public"
|
|
60
60
|
},
|
|
61
|
-
"gitHead": "
|
|
61
|
+
"gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae1l"
|
|
62
62
|
}
|