@storybook/preact 0.0.0-pr-31806-sha-dd7d87dd → 0.0.0-pr-31803-sha-080533ec
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/chunk-K2M5ZLJD.mjs +7 -0
- package/dist/chunk-YYJV5DBG.mjs +43 -0
- package/dist/entry-preview-docs.js +31 -1
- package/dist/entry-preview-docs.mjs +7 -2
- package/dist/entry-preview.js +68 -2
- package/dist/entry-preview.mjs +2 -2
- package/dist/index.js +86 -2
- package/dist/index.mjs +9 -3
- package/dist/preset.js +42 -1
- package/package.json +3 -3
- package/dist/chunk-CEH6MNVV.mjs +0 -3
- package/dist/chunk-YWXRTNBA.mjs +0 -10
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { __export } from './chunk-K2M5ZLJD.mjs';
|
|
2
|
+
import * as preact from 'preact';
|
|
3
|
+
import { dedent } from 'ts-dedent';
|
|
4
|
+
|
|
5
|
+
// src/entry-preview.ts
|
|
6
|
+
var entry_preview_exports = {};
|
|
7
|
+
__export(entry_preview_exports, {
|
|
8
|
+
parameters: () => parameters,
|
|
9
|
+
render: () => render2,
|
|
10
|
+
renderToCanvas: () => renderToCanvas
|
|
11
|
+
});
|
|
12
|
+
var { h: h2 } = preact, render2 = (args, context) => {
|
|
13
|
+
let { id, component: Component } = context;
|
|
14
|
+
if (!Component)
|
|
15
|
+
throw new Error(
|
|
16
|
+
`Unable to render story ${id} as the component annotation is missing from the default export`
|
|
17
|
+
);
|
|
18
|
+
return /* @__PURE__ */ h2(Component, { ...args });
|
|
19
|
+
}, renderedStory;
|
|
20
|
+
function preactRender(story, canvasElement) {
|
|
21
|
+
preact.Fragment ? preact.render(story, canvasElement) : renderedStory = preact.render(story, canvasElement, renderedStory);
|
|
22
|
+
}
|
|
23
|
+
var StoryHarness = ({ showError, name, title, storyFn, canvasElement }) => {
|
|
24
|
+
let content = preact.h(storyFn, null);
|
|
25
|
+
return content || (showError({
|
|
26
|
+
title: `Expecting a Preact element from the story: "${name}" of "${title}".`,
|
|
27
|
+
description: dedent`
|
|
28
|
+
Did you forget to return the Preact element from the story?
|
|
29
|
+
Use "() => (<MyComp/>)" or "() => { return <MyComp/>; }" when defining the story.
|
|
30
|
+
`
|
|
31
|
+
}), null);
|
|
32
|
+
};
|
|
33
|
+
function renderToCanvas({ storyFn, title, name, showMain, showError, forceRemount }, canvasElement) {
|
|
34
|
+
forceRemount && preactRender(null, canvasElement), showMain(), preactRender(
|
|
35
|
+
preact.h(StoryHarness, { name, title, showError, storyFn, canvasElement }),
|
|
36
|
+
canvasElement
|
|
37
|
+
);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
// src/entry-preview.ts
|
|
41
|
+
var parameters = { renderer: "preact" };
|
|
42
|
+
|
|
43
|
+
export { entry_preview_exports, parameters, render2 as render, renderToCanvas };
|
|
@@ -1 +1,31 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
11
|
+
for (let key of __getOwnPropNames(from))
|
|
12
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
+
return to;
|
|
14
|
+
};
|
|
15
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
16
|
+
|
|
17
|
+
// src/entry-preview-docs.ts
|
|
18
|
+
var entry_preview_docs_exports = {};
|
|
19
|
+
__export(entry_preview_docs_exports, {
|
|
20
|
+
parameters: () => parameters
|
|
21
|
+
});
|
|
22
|
+
module.exports = __toCommonJS(entry_preview_docs_exports);
|
|
23
|
+
var parameters = {
|
|
24
|
+
docs: {
|
|
25
|
+
story: { inline: !0 }
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
29
|
+
0 && (module.exports = {
|
|
30
|
+
parameters
|
|
31
|
+
});
|
package/dist/entry-preview.js
CHANGED
|
@@ -1,4 +1,70 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
10
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
+
return to;
|
|
15
|
+
};
|
|
16
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
17
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
18
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
19
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
20
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
22
|
+
mod
|
|
23
|
+
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
24
|
+
|
|
25
|
+
// src/entry-preview.ts
|
|
26
|
+
var entry_preview_exports = {};
|
|
27
|
+
__export(entry_preview_exports, {
|
|
28
|
+
parameters: () => parameters,
|
|
29
|
+
render: () => render2,
|
|
30
|
+
renderToCanvas: () => renderToCanvas
|
|
31
|
+
});
|
|
32
|
+
module.exports = __toCommonJS(entry_preview_exports);
|
|
33
|
+
|
|
34
|
+
// src/render.tsx
|
|
35
|
+
var preact = __toESM(require("preact")), import_ts_dedent = require("ts-dedent"), { h: h2 } = preact, render2 = (args, context) => {
|
|
36
|
+
let { id, component: Component } = context;
|
|
37
|
+
if (!Component)
|
|
38
|
+
throw new Error(
|
|
39
|
+
`Unable to render story ${id} as the component annotation is missing from the default export`
|
|
40
|
+
);
|
|
41
|
+
return /* @__PURE__ */ h2(Component, { ...args });
|
|
42
|
+
}, renderedStory;
|
|
43
|
+
function preactRender(story, canvasElement) {
|
|
44
|
+
preact.Fragment ? preact.render(story, canvasElement) : renderedStory = preact.render(story, canvasElement, renderedStory);
|
|
45
|
+
}
|
|
46
|
+
var StoryHarness = ({ showError, name, title, storyFn, canvasElement }) => {
|
|
47
|
+
let content = preact.h(storyFn, null);
|
|
48
|
+
return content || (showError({
|
|
49
|
+
title: `Expecting a Preact element from the story: "${name}" of "${title}".`,
|
|
50
|
+
description: import_ts_dedent.dedent`
|
|
2
51
|
Did you forget to return the Preact element from the story?
|
|
3
52
|
Use "() => (<MyComp/>)" or "() => { return <MyComp/>; }" when defining the story.
|
|
4
|
-
`
|
|
53
|
+
`
|
|
54
|
+
}), null);
|
|
55
|
+
};
|
|
56
|
+
function renderToCanvas({ storyFn, title, name, showMain, showError, forceRemount }, canvasElement) {
|
|
57
|
+
forceRemount && preactRender(null, canvasElement), showMain(), preactRender(
|
|
58
|
+
preact.h(StoryHarness, { name, title, showError, storyFn, canvasElement }),
|
|
59
|
+
canvasElement
|
|
60
|
+
);
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
// src/entry-preview.ts
|
|
64
|
+
var parameters = { renderer: "preact" };
|
|
65
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
66
|
+
0 && (module.exports = {
|
|
67
|
+
parameters,
|
|
68
|
+
render,
|
|
69
|
+
renderToCanvas
|
|
70
|
+
});
|
package/dist/entry-preview.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { parameters, render, renderToCanvas } from './chunk-
|
|
2
|
-
import './chunk-
|
|
1
|
+
export { parameters, render, renderToCanvas } from './chunk-YYJV5DBG.mjs';
|
|
2
|
+
import './chunk-K2M5ZLJD.mjs';
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,88 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
10
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
+
return to;
|
|
15
|
+
};
|
|
16
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
17
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
18
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
19
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
20
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
22
|
+
mod
|
|
23
|
+
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
24
|
+
|
|
25
|
+
// src/index.ts
|
|
26
|
+
var index_exports = {};
|
|
27
|
+
__export(index_exports, {
|
|
28
|
+
setProjectAnnotations: () => setProjectAnnotations
|
|
29
|
+
});
|
|
30
|
+
module.exports = __toCommonJS(index_exports);
|
|
31
|
+
|
|
32
|
+
// src/globals.ts
|
|
33
|
+
var import_global = require("@storybook/global"), { window: globalWindow } = import_global.global;
|
|
34
|
+
globalWindow && (globalWindow.STORYBOOK_ENV = "preact");
|
|
35
|
+
|
|
36
|
+
// src/portable-stories.ts
|
|
37
|
+
var import_preview_api = require("storybook/preview-api");
|
|
38
|
+
|
|
39
|
+
// src/entry-preview.ts
|
|
40
|
+
var entry_preview_exports = {};
|
|
41
|
+
__export(entry_preview_exports, {
|
|
42
|
+
parameters: () => parameters,
|
|
43
|
+
render: () => render2,
|
|
44
|
+
renderToCanvas: () => renderToCanvas
|
|
45
|
+
});
|
|
46
|
+
|
|
47
|
+
// src/render.tsx
|
|
48
|
+
var preact = __toESM(require("preact")), import_ts_dedent = require("ts-dedent"), { h: h2 } = preact, render2 = (args, context) => {
|
|
49
|
+
let { id, component: Component } = context;
|
|
50
|
+
if (!Component)
|
|
51
|
+
throw new Error(
|
|
52
|
+
`Unable to render story ${id} as the component annotation is missing from the default export`
|
|
53
|
+
);
|
|
54
|
+
return /* @__PURE__ */ h2(Component, { ...args });
|
|
55
|
+
}, renderedStory;
|
|
56
|
+
function preactRender(story, canvasElement) {
|
|
57
|
+
preact.Fragment ? preact.render(story, canvasElement) : renderedStory = preact.render(story, canvasElement, renderedStory);
|
|
58
|
+
}
|
|
59
|
+
var StoryHarness = ({ showError, name, title, storyFn, canvasElement }) => {
|
|
60
|
+
let content = preact.h(storyFn, null);
|
|
61
|
+
return content || (showError({
|
|
62
|
+
title: `Expecting a Preact element from the story: "${name}" of "${title}".`,
|
|
63
|
+
description: import_ts_dedent.dedent`
|
|
2
64
|
Did you forget to return the Preact element from the story?
|
|
3
65
|
Use "() => (<MyComp/>)" or "() => { return <MyComp/>; }" when defining the story.
|
|
4
|
-
`
|
|
66
|
+
`
|
|
67
|
+
}), null);
|
|
68
|
+
};
|
|
69
|
+
function renderToCanvas({ storyFn, title, name, showMain, showError, forceRemount }, canvasElement) {
|
|
70
|
+
forceRemount && preactRender(null, canvasElement), showMain(), preactRender(
|
|
71
|
+
preact.h(StoryHarness, { name, title, showError, storyFn, canvasElement }),
|
|
72
|
+
canvasElement
|
|
73
|
+
);
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
// src/entry-preview.ts
|
|
77
|
+
var parameters = { renderer: "preact" };
|
|
78
|
+
|
|
79
|
+
// src/portable-stories.ts
|
|
80
|
+
function setProjectAnnotations(projectAnnotations) {
|
|
81
|
+
return (0, import_preview_api.setDefaultProjectAnnotations)(entry_preview_exports), (0, import_preview_api.setProjectAnnotations)(
|
|
82
|
+
projectAnnotations
|
|
83
|
+
);
|
|
84
|
+
}
|
|
85
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
86
|
+
0 && (module.exports = {
|
|
87
|
+
setProjectAnnotations
|
|
88
|
+
});
|
package/dist/index.mjs
CHANGED
|
@@ -1,8 +1,14 @@
|
|
|
1
|
-
import { entry_preview_exports } from './chunk-
|
|
2
|
-
import './chunk-
|
|
1
|
+
import { entry_preview_exports } from './chunk-YYJV5DBG.mjs';
|
|
2
|
+
import './chunk-K2M5ZLJD.mjs';
|
|
3
3
|
import { global } from '@storybook/global';
|
|
4
4
|
import { setDefaultProjectAnnotations, setProjectAnnotations as setProjectAnnotations$1 } from 'storybook/preview-api';
|
|
5
5
|
|
|
6
|
-
var{window:globalWindow}=global;
|
|
6
|
+
var { window: globalWindow } = global;
|
|
7
|
+
globalWindow && (globalWindow.STORYBOOK_ENV = "preact");
|
|
8
|
+
function setProjectAnnotations(projectAnnotations) {
|
|
9
|
+
return setDefaultProjectAnnotations(entry_preview_exports), setProjectAnnotations$1(
|
|
10
|
+
projectAnnotations
|
|
11
|
+
);
|
|
12
|
+
}
|
|
7
13
|
|
|
8
14
|
export { setProjectAnnotations };
|
package/dist/preset.js
CHANGED
|
@@ -1 +1,42 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
11
|
+
for (let key of __getOwnPropNames(from))
|
|
12
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
+
return to;
|
|
14
|
+
};
|
|
15
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
16
|
+
|
|
17
|
+
// src/preset.ts
|
|
18
|
+
var preset_exports = {};
|
|
19
|
+
__export(preset_exports, {
|
|
20
|
+
previewAnnotations: () => previewAnnotations,
|
|
21
|
+
resolvedReact: () => resolvedReact
|
|
22
|
+
});
|
|
23
|
+
module.exports = __toCommonJS(preset_exports);
|
|
24
|
+
var import_node_path = require("path"), previewAnnotations = async (input = [], options) => {
|
|
25
|
+
let docsEnabled = Object.keys(await options.presets.apply("docs", {}, options)).length > 0;
|
|
26
|
+
return [].concat(input).concat([(0, import_node_path.join)(__dirname, "entry-preview.mjs")]).concat(docsEnabled ? [(0, import_node_path.join)(__dirname, "entry-preview-docs.mjs")] : []);
|
|
27
|
+
}, resolvedReact = async (existing) => {
|
|
28
|
+
try {
|
|
29
|
+
return {
|
|
30
|
+
...existing,
|
|
31
|
+
react: "preact/compat",
|
|
32
|
+
reactDom: "preact/compat"
|
|
33
|
+
};
|
|
34
|
+
} catch {
|
|
35
|
+
return existing;
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
39
|
+
0 && (module.exports = {
|
|
40
|
+
previewAnnotations,
|
|
41
|
+
resolvedReact
|
|
42
|
+
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storybook/preact",
|
|
3
|
-
"version": "0.0.0-pr-
|
|
3
|
+
"version": "0.0.0-pr-31803-sha-080533ec",
|
|
4
4
|
"description": "Storybook Preact renderer",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"storybook"
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
},
|
|
56
56
|
"peerDependencies": {
|
|
57
57
|
"preact": "^8.0.0||^10.0.0",
|
|
58
|
-
"storybook": "^0.0.0-pr-
|
|
58
|
+
"storybook": "^0.0.0-pr-31803-sha-080533ec"
|
|
59
59
|
},
|
|
60
60
|
"engines": {
|
|
61
61
|
"node": ">=20.0.0"
|
|
@@ -72,5 +72,5 @@
|
|
|
72
72
|
],
|
|
73
73
|
"platform": "browser"
|
|
74
74
|
},
|
|
75
|
-
"gitHead": "
|
|
75
|
+
"gitHead": "e6a7fd8a655c69780bc20b9749c2699e44beae17"
|
|
76
76
|
}
|
package/dist/chunk-CEH6MNVV.mjs
DELETED
package/dist/chunk-YWXRTNBA.mjs
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { __export } from './chunk-CEH6MNVV.mjs';
|
|
2
|
-
import * as preact from 'preact';
|
|
3
|
-
import { dedent } from 'ts-dedent';
|
|
4
|
-
|
|
5
|
-
var entry_preview_exports={};__export(entry_preview_exports,{parameters:()=>parameters,render:()=>render2,renderToCanvas:()=>renderToCanvas});var {h:h2}=preact,render2=(args,context)=>{let{id,component:Component}=context;if(!Component)throw new Error(`Unable to render story ${id} as the component annotation is missing from the default export`);return h2(Component,{...args})},renderedStory;function preactRender(story,canvasElement){preact.Fragment?preact.render(story,canvasElement):renderedStory=preact.render(story,canvasElement,renderedStory);}var StoryHarness=({showError,name,title,storyFn,canvasElement})=>{let content=preact.h(storyFn,null);return content||(showError({title:`Expecting a Preact element from the story: "${name}" of "${title}".`,description:dedent`
|
|
6
|
-
Did you forget to return the Preact element from the story?
|
|
7
|
-
Use "() => (<MyComp/>)" or "() => { return <MyComp/>; }" when defining the story.
|
|
8
|
-
`}),null)};function renderToCanvas({storyFn,title,name,showMain,showError,forceRemount},canvasElement){forceRemount&&preactRender(null,canvasElement),showMain(),preactRender(preact.h(StoryHarness,{name,title,showError,storyFn,canvasElement}),canvasElement);}var parameters={renderer:"preact"};
|
|
9
|
-
|
|
10
|
-
export { entry_preview_exports, parameters, render2 as render, renderToCanvas };
|