@storybook/preact 0.0.0-pr-31819-sha-7e336af7 → 0.0.0-pr-31692-sha-e6b952d3

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.
@@ -0,0 +1,3 @@
1
+ var __defProp=Object.defineProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0});};
2
+
3
+ export { __export };
@@ -0,0 +1,10 @@
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 };
@@ -0,0 +1,9 @@
1
+ declare const parameters: {
2
+ docs: {
3
+ story: {
4
+ inline: boolean;
5
+ };
6
+ };
7
+ };
8
+
9
+ export { parameters };
@@ -1,11 +1 @@
1
- import "./_browser-chunks/chunk-A47P2DCZ.js";
2
-
3
- // src/entry-preview-docs.ts
4
- var e = {
5
- docs: {
6
- story: { inline: !0 }
7
- }
8
- };
9
- export {
10
- e as parameters
11
- };
1
+ "use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var entry_preview_docs_exports={};__export(entry_preview_docs_exports,{parameters:()=>parameters});module.exports=__toCommonJS(entry_preview_docs_exports);var parameters={docs:{story:{inline:!0}}};0&&(module.exports={parameters});
@@ -0,0 +1,5 @@
1
+ import './chunk-CEH6MNVV.mjs';
2
+
3
+ var parameters={docs:{story:{inline:!0}}};
4
+
5
+ export { parameters };
@@ -0,0 +1,14 @@
1
+ import { ArgsStoryFn, RenderContext } from 'storybook/internal/types';
2
+ import { P as PreactRenderer } from './types-57f4f889.js';
3
+ import 'preact';
4
+
5
+ /** @jsx h */
6
+
7
+ declare const render: ArgsStoryFn<PreactRenderer>;
8
+ declare function renderToCanvas({ storyFn, title, name, showMain, showError, forceRemount }: RenderContext<PreactRenderer>, canvasElement: PreactRenderer['canvasElement']): void;
9
+
10
+ declare const parameters: {
11
+ renderer: string;
12
+ };
13
+
14
+ export { parameters, render, renderToCanvas };
@@ -1,11 +1,4 @@
1
- import {
2
- a,
3
- b,
4
- c
5
- } from "./_browser-chunks/chunk-TMPSQMDO.js";
6
- import "./_browser-chunks/chunk-A47P2DCZ.js";
7
- export {
8
- c as parameters,
9
- a as render,
10
- b as renderToCanvas
11
- };
1
+ "use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var entry_preview_exports={};__export(entry_preview_exports,{parameters:()=>parameters,render:()=>render2,renderToCanvas:()=>renderToCanvas});module.exports=__toCommonJS(entry_preview_exports);var preact=__toESM(require("preact")),import_ts_dedent=require("ts-dedent"),{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:import_ts_dedent.dedent`
2
+ Did you forget to return the Preact element from the story?
3
+ Use "() => (<MyComp/>)" or "() => { return <MyComp/>; }" when defining the story.
4
+ `}),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"};0&&(module.exports={parameters,render,renderToCanvas});
@@ -0,0 +1,2 @@
1
+ export { parameters, render, renderToCanvas } from './chunk-YWXRTNBA.mjs';
2
+ import './chunk-CEH6MNVV.mjs';
package/dist/index.d.ts CHANGED
@@ -1,12 +1,7 @@
1
- import { WebRenderer, Args, ComponentAnnotations, AnnotatedStoryFn, StoryAnnotations, StrictArgs, DecoratorFunction, LoaderFunction, StoryContext as StoryContext$1, ProjectAnnotations, NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations } from 'storybook/internal/types';
1
+ import { Args, ComponentAnnotations, AnnotatedStoryFn, StoryAnnotations, StrictArgs, DecoratorFunction, LoaderFunction, StoryContext as StoryContext$1, ProjectAnnotations, NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations } from 'storybook/internal/types';
2
2
  export { ArgTypes, Args, Parameters, StrictArgs } from 'storybook/internal/types';
3
- import { AnyComponent } from 'preact';
4
-
5
- type StoryFnPreactReturnType = string | Node | preact.JSX.Element;
6
- interface PreactRenderer extends WebRenderer {
7
- component: AnyComponent<any, any>;
8
- storyResult: StoryFnPreactReturnType;
9
- }
3
+ import { P as PreactRenderer } from './types-57f4f889.js';
4
+ import 'preact';
10
5
 
11
6
  /**
12
7
  * Metadata to configure the stories for a component.
@@ -52,4 +47,4 @@ type Preview = ProjectAnnotations<PreactRenderer>;
52
47
  */
53
48
  declare function setProjectAnnotations(projectAnnotations: NamedOrDefaultProjectAnnotations<any> | NamedOrDefaultProjectAnnotations<any>[]): NormalizedProjectAnnotations<PreactRenderer>;
54
49
 
55
- export { type Decorator, type Loader, type Meta, type PreactRenderer, type Preview, type StoryContext, type StoryFn, type StoryObj, setProjectAnnotations };
50
+ export { Decorator, Loader, Meta, PreactRenderer, Preview, StoryContext, StoryFn, StoryObj, setProjectAnnotations };
package/dist/index.js CHANGED
@@ -1,26 +1,4 @@
1
- import {
2
- d as r
3
- } from "./_browser-chunks/chunk-TMPSQMDO.js";
4
- import {
5
- a as t
6
- } from "./_browser-chunks/chunk-A47P2DCZ.js";
7
-
8
- // src/globals.ts
9
- import { global as n } from "@storybook/global";
10
- var { window: e } = n;
11
- e && (e.STORYBOOK_ENV = "preact");
12
-
13
- // src/portable-stories.ts
14
- import {
15
- setProjectAnnotations as a,
16
- setDefaultProjectAnnotations as s
17
- } from "storybook/preview-api";
18
- function p(o) {
19
- return s(r), a(
20
- o
21
- );
22
- }
23
- t(p, "setProjectAnnotations");
24
- export {
25
- p as setProjectAnnotations
26
- };
1
+ "use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var index_exports={};__export(index_exports,{setProjectAnnotations:()=>setProjectAnnotations});module.exports=__toCommonJS(index_exports);var import_global=require("@storybook/global"),{window:globalWindow}=import_global.global;globalWindow&&(globalWindow.STORYBOOK_ENV="preact");var import_preview_api=require("storybook/preview-api");var entry_preview_exports={};__export(entry_preview_exports,{parameters:()=>parameters,render:()=>render2,renderToCanvas:()=>renderToCanvas});var preact=__toESM(require("preact")),import_ts_dedent=require("ts-dedent"),{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:import_ts_dedent.dedent`
2
+ Did you forget to return the Preact element from the story?
3
+ Use "() => (<MyComp/>)" or "() => { return <MyComp/>; }" when defining the story.
4
+ `}),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"};function setProjectAnnotations(projectAnnotations){return(0,import_preview_api.setDefaultProjectAnnotations)(entry_preview_exports),(0,import_preview_api.setProjectAnnotations)(projectAnnotations)}0&&(module.exports={setProjectAnnotations});
package/dist/index.mjs ADDED
@@ -0,0 +1,8 @@
1
+ import { entry_preview_exports } from './chunk-YWXRTNBA.mjs';
2
+ import './chunk-CEH6MNVV.mjs';
3
+ import { global } from '@storybook/global';
4
+ import { setDefaultProjectAnnotations, setProjectAnnotations as setProjectAnnotations$1 } from 'storybook/preview-api';
5
+
6
+ var{window:globalWindow}=global;globalWindow&&(globalWindow.STORYBOOK_ENV="preact");function setProjectAnnotations(projectAnnotations){return setDefaultProjectAnnotations(entry_preview_exports),setProjectAnnotations$1(projectAnnotations)}
7
+
8
+ export { setProjectAnnotations };
@@ -0,0 +1,10 @@
1
+ import { PresetProperty } from 'storybook/internal/types';
2
+
3
+ declare const previewAnnotations: PresetProperty<'previewAnnotations'>;
4
+ /**
5
+ * Alias react and react-dom to preact/compat similar to the preact vite preset
6
+ * https://github.com/preactjs/preset-vite/blob/main/src/index.ts#L238-L239
7
+ */
8
+ declare const resolvedReact: (existing: any) => Promise<any>;
9
+
10
+ export { previewAnnotations, resolvedReact };
package/dist/preset.js CHANGED
@@ -1,35 +1 @@
1
- import CJS_COMPAT_NODE_URL from 'node:url';
2
- import CJS_COMPAT_NODE_PATH from 'node:path';
3
- import CJS_COMPAT_NODE_MODULE from "node:module";
4
-
5
- const __filename = CJS_COMPAT_NODE_URL.fileURLToPath(import.meta.url);
6
- const __dirname = CJS_COMPAT_NODE_PATH.dirname(__filename);
7
- const require = CJS_COMPAT_NODE_MODULE.createRequire(import.meta.url);
8
- // ------------------------------------------------------------
9
- // end of CJS compatibility banner, injected by Storybook's esbuild configuration
10
- // ------------------------------------------------------------
11
- var a = Object.defineProperty;
12
- var r = (t, e) => a(t, "name", { value: e, configurable: !0 });
13
-
14
- // src/preset.ts
15
- import { fileURLToPath as o } from "node:url";
16
- var y = /* @__PURE__ */ r(async (t = [], e) => {
17
- let c = Object.keys(await e.presets.apply("docs", {}, e)).length > 0;
18
- return [].concat(t).concat([o(import.meta.resolve("@storybook/preact/entry-preview"))]).concat(
19
- c ? [o(import.meta.resolve("@storybook/preact/entry-preview-docs"))] : []
20
- );
21
- }, "previewAnnotations"), i = /* @__PURE__ */ r(async (t) => {
22
- try {
23
- return {
24
- ...t,
25
- react: "preact/compat",
26
- reactDom: "preact/compat"
27
- };
28
- } catch {
29
- return t;
30
- }
31
- }, "resolvedReact");
32
- export {
33
- y as previewAnnotations,
34
- i as resolvedReact
35
- };
1
+ "use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var preset_exports={};__export(preset_exports,{previewAnnotations:()=>previewAnnotations,resolvedReact:()=>resolvedReact});module.exports=__toCommonJS(preset_exports);var import_node_path=require("path"),previewAnnotations=async(input=[],options)=>{let docsEnabled=Object.keys(await options.presets.apply("docs",{},options)).length>0;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")]:[])},resolvedReact=async existing=>{try{return{...existing,react:"preact/compat",reactDom:"preact/compat"}}catch{return existing}};0&&(module.exports={previewAnnotations,resolvedReact});
@@ -0,0 +1,10 @@
1
+ import { WebRenderer } from 'storybook/internal/types';
2
+ import { AnyComponent } from 'preact';
3
+
4
+ type StoryFnPreactReturnType = string | Node | preact.JSX.Element;
5
+ interface PreactRenderer extends WebRenderer {
6
+ component: AnyComponent<any, any>;
7
+ storyResult: StoryFnPreactReturnType;
8
+ }
9
+
10
+ export { PreactRenderer as P };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@storybook/preact",
3
- "version": "0.0.0-pr-31819-sha-7e336af7",
3
+ "version": "0.0.0-pr-31692-sha-e6b952d3",
4
4
  "description": "Storybook Preact renderer",
5
5
  "keywords": [
6
6
  "storybook"
@@ -19,17 +19,20 @@
19
19
  "url": "https://opencollective.com/storybook"
20
20
  },
21
21
  "license": "MIT",
22
- "type": "module",
23
22
  "exports": {
24
23
  ".": {
25
24
  "types": "./dist/index.d.ts",
26
- "default": "./dist/index.js"
25
+ "import": "./dist/index.mjs",
26
+ "require": "./dist/index.js"
27
27
  },
28
- "./entry-preview": "./dist/entry-preview.js",
29
- "./entry-preview-docs": "./dist/entry-preview-docs.js",
30
- "./package.json": "./package.json",
31
- "./preset": "./dist/preset.js"
28
+ "./preset": "./preset.js",
29
+ "./dist/entry-preview.mjs": "./dist/entry-preview.mjs",
30
+ "./dist/entry-preview-docs.mjs": "./dist/entry-preview-docs.mjs",
31
+ "./package.json": "./package.json"
32
32
  },
33
+ "main": "dist/index.js",
34
+ "module": "dist/index.mjs",
35
+ "types": "dist/index.d.ts",
33
36
  "files": [
34
37
  "dist/**/*",
35
38
  "template/cli/**/*",
@@ -39,8 +42,8 @@
39
42
  "!src/**/*"
40
43
  ],
41
44
  "scripts": {
42
- "check": "jiti ../../../scripts/check/check-package.ts",
43
- "prep": "jiti ../../../scripts/build/build-package.ts"
45
+ "check": "jiti ../../../scripts/prepare/check.ts",
46
+ "prep": "jiti ../../../scripts/prepare/bundle.ts"
44
47
  },
45
48
  "dependencies": {
46
49
  "@storybook/global": "^5.0.0",
@@ -52,10 +55,22 @@
52
55
  },
53
56
  "peerDependencies": {
54
57
  "preact": "^8.0.0||^10.0.0",
55
- "storybook": "^0.0.0-pr-31819-sha-7e336af7"
58
+ "storybook": "^0.0.0-pr-31692-sha-e6b952d3"
59
+ },
60
+ "engines": {
61
+ "node": ">=20.0.0"
56
62
  },
57
63
  "publishConfig": {
58
64
  "access": "public"
59
65
  },
60
- "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae18"
66
+ "bundler": {
67
+ "entries": [
68
+ "./src/index.ts",
69
+ "./src/preset.ts",
70
+ "./src/entry-preview.ts",
71
+ "./src/entry-preview-docs.ts"
72
+ ],
73
+ "platform": "browser"
74
+ },
75
+ "gitHead": "e6a7fd8a655c69780bc20b9749c2699e44beae16"
61
76
  }
package/preset.js CHANGED
@@ -1 +1 @@
1
- export * from './dist/preset.js';
1
+ module.exports = require('./dist/preset');
@@ -1,11 +0,0 @@
1
- var d = Object.defineProperty;
2
- var e = (b, a) => d(b, "name", { value: a, configurable: !0 });
3
- var f = (b, a) => {
4
- for (var c in a)
5
- d(b, c, { get: a[c], enumerable: !0 });
6
- };
7
-
8
- export {
9
- e as a,
10
- f as b
11
- };
@@ -1,55 +0,0 @@
1
- import {
2
- a,
3
- b as y
4
- } from "./chunk-A47P2DCZ.js";
5
-
6
- // src/entry-preview.ts
7
- var P = {};
8
- y(P, {
9
- parameters: () => R,
10
- render: () => m,
11
- renderToCanvas: () => l
12
- });
13
-
14
- // src/render.tsx
15
- import * as e from "preact";
16
- import { dedent as f } from "ts-dedent";
17
- var { h: u } = e, m = /* @__PURE__ */ a((r, t) => {
18
- let { id: o, component: n } = t;
19
- if (!n)
20
- throw new Error(
21
- `Unable to render story ${o} as the component annotation is missing from the default export`
22
- );
23
- return u(n, { ...r });
24
- }, "render"), d;
25
- function i(r, t) {
26
- e.Fragment ? e.render(r, t) : d = e.render(r, t, d);
27
- }
28
- a(i, "preactRender");
29
- var h = /* @__PURE__ */ a(({ showError: r, name: t, title: o, storyFn: n, canvasElement: p }) => {
30
- let s = e.h(n, null);
31
- return s || (r({
32
- title: `Expecting a Preact element from the story: "${t}" of "${o}".`,
33
- description: f`
34
- Did you forget to return the Preact element from the story?
35
- Use "() => (<MyComp/>)" or "() => { return <MyComp/>; }" when defining the story.
36
- `
37
- }), null);
38
- }, "StoryHarness");
39
- function l({ storyFn: r, title: t, name: o, showMain: n, showError: p, forceRemount: s }, c) {
40
- s && i(null, c), n(), i(
41
- e.h(h, { name: o, title: t, showError: p, storyFn: r, canvasElement: c }),
42
- c
43
- );
44
- }
45
- a(l, "renderToCanvas");
46
-
47
- // src/entry-preview.ts
48
- var R = { renderer: "preact" };
49
-
50
- export {
51
- m as a,
52
- l as b,
53
- R as c,
54
- P as d
55
- };