@storybook/preact 8.3.0-alpha.1 → 8.3.0-alpha.11
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/chunk-CEH6MNVV.mjs +3 -0
- package/dist/chunk-YWXRTNBA.mjs +10 -0
- package/dist/entry-preview-docs.mjs +2 -0
- package/dist/entry-preview.d.ts +2 -0
- package/dist/entry-preview.mjs +2 -9
- package/dist/index.d.ts +23 -2
- package/dist/index.js +4 -1
- package/dist/index.mjs +6 -1
- package/dist/preset.js +1 -1
- package/package.json +8 -9
- package/template/cli/.eslintrc.json +1 -2
- package/template/cli/Button.jsx +3 -2
- package/template/cli/Button.stories.jsx +1 -0
- package/template/cli/Header.jsx +1 -0
- package/template/cli/Header.stories.jsx +1 -0
- package/template/cli/Page.jsx +2 -3
- package/template/cli/Page.stories.jsx +1 -1
- package/template/components/index.js +1 -1
@@ -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 };
|
package/dist/entry-preview.d.ts
CHANGED
@@ -2,6 +2,8 @@ import { ArgsStoryFn, RenderContext } from 'storybook/internal/types';
|
|
2
2
|
import { P as PreactRenderer } from './types-57f4f889.js';
|
3
3
|
import 'preact';
|
4
4
|
|
5
|
+
/** @jsx h */
|
6
|
+
|
5
7
|
declare const render: ArgsStoryFn<PreactRenderer>;
|
6
8
|
declare function renderToCanvas({ storyFn, title, name, showMain, showError, forceRemount }: RenderContext<PreactRenderer>, canvasElement: PreactRenderer['canvasElement']): void;
|
7
9
|
|
package/dist/entry-preview.mjs
CHANGED
@@ -1,9 +1,2 @@
|
|
1
|
-
|
2
|
-
import
|
3
|
-
|
4
|
-
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`
|
5
|
-
Did you forget to return the Preact element from the story?
|
6
|
-
Use "() => (<MyComp/>)" or "() => { return <MyComp/>; }" when defining the story.
|
7
|
-
`}),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"};
|
8
|
-
|
9
|
-
export { parameters, render2 as render, renderToCanvas };
|
1
|
+
export { parameters, render, renderToCanvas } from './chunk-YWXRTNBA.mjs';
|
2
|
+
import './chunk-CEH6MNVV.mjs';
|
package/dist/index.d.ts
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import { Args, ComponentAnnotations, AnnotatedStoryFn, StoryAnnotations, StrictArgs, DecoratorFunction, LoaderFunction, StoryContext as StoryContext$1, ProjectAnnotations } 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
3
|
import { P as PreactRenderer } from './types-57f4f889.js';
|
4
4
|
import 'preact';
|
@@ -26,4 +26,25 @@ type Loader<TArgs = StrictArgs> = LoaderFunction<PreactRenderer, TArgs>;
|
|
26
26
|
type StoryContext<TArgs = StrictArgs> = StoryContext$1<PreactRenderer, TArgs>;
|
27
27
|
type Preview = ProjectAnnotations<PreactRenderer>;
|
28
28
|
|
29
|
-
|
29
|
+
/**
|
30
|
+
* Function that sets the globalConfig of your storybook. The global config is the preview module of
|
31
|
+
* your .storybook folder.
|
32
|
+
*
|
33
|
+
* It should be run a single time, so that your global config (e.g. decorators) is applied to your
|
34
|
+
* stories when using `composeStories` or `composeStory`.
|
35
|
+
*
|
36
|
+
* Example:
|
37
|
+
*
|
38
|
+
* ```jsx
|
39
|
+
* // setup-file.js
|
40
|
+
* import { setProjectAnnotations } from '@storybook/preact';
|
41
|
+
* import projectAnnotations from './.storybook/preview';
|
42
|
+
*
|
43
|
+
* setProjectAnnotations(projectAnnotations);
|
44
|
+
* ```
|
45
|
+
*
|
46
|
+
* @param projectAnnotations - E.g. (import projectAnnotations from '../.storybook/preview')
|
47
|
+
*/
|
48
|
+
declare function setProjectAnnotations(projectAnnotations: NamedOrDefaultProjectAnnotations<any> | NamedOrDefaultProjectAnnotations<any>[]): NormalizedProjectAnnotations<PreactRenderer>;
|
49
|
+
|
50
|
+
export { Decorator, Loader, Meta, PreactRenderer, Preview, StoryContext, StoryFn, StoryObj, setProjectAnnotations };
|
package/dist/index.js
CHANGED
@@ -1 +1,4 @@
|
|
1
|
-
"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __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 src_exports={};module.exports=__toCommonJS(src_exports);var import_global=require("@storybook/global"),{window:globalWindow}=import_global.global;globalWindow&&(globalWindow.STORYBOOK_ENV="preact");
|
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 src_exports={};__export(src_exports,{setProjectAnnotations:()=>setProjectAnnotations});module.exports=__toCommonJS(src_exports);var import_global=require("@storybook/global"),{window:globalWindow}=import_global.global;globalWindow&&(globalWindow.STORYBOOK_ENV="preact");var import_preview_api=require("storybook/internal/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)}typeof module<"u"&&module?.hot?.decline();0&&(module.exports={setProjectAnnotations});
|
package/dist/index.mjs
CHANGED
@@ -1,3 +1,8 @@
|
|
1
|
+
import { entry_preview_exports } from './chunk-YWXRTNBA.mjs';
|
2
|
+
import './chunk-CEH6MNVV.mjs';
|
1
3
|
import { global } from '@storybook/global';
|
4
|
+
import { setDefaultProjectAnnotations, setProjectAnnotations as setProjectAnnotations$1 } from 'storybook/internal/preview-api';
|
2
5
|
|
3
|
-
var{window:globalWindow}=global;globalWindow&&(globalWindow.STORYBOOK_ENV="preact");typeof module<"u"&&module?.hot?.decline();
|
6
|
+
var{window:globalWindow}=global;globalWindow&&(globalWindow.STORYBOOK_ENV="preact");function setProjectAnnotations(projectAnnotations){return setDefaultProjectAnnotations(entry_preview_exports),setProjectAnnotations$1(projectAnnotations)}typeof module<"u"&&module?.hot?.decline();
|
7
|
+
|
8
|
+
export { setProjectAnnotations };
|
package/dist/preset.js
CHANGED
@@ -1 +1 @@
|
|
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
|
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});
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@storybook/preact",
|
3
|
-
"version": "8.3.0-alpha.
|
3
|
+
"version": "8.3.0-alpha.11",
|
4
4
|
"description": "Storybook Preact renderer",
|
5
5
|
"keywords": [
|
6
6
|
"storybook"
|
@@ -22,7 +22,6 @@
|
|
22
22
|
"exports": {
|
23
23
|
".": {
|
24
24
|
"types": "./dist/index.d.ts",
|
25
|
-
"node": "./dist/index.js",
|
26
25
|
"import": "./dist/index.mjs",
|
27
26
|
"require": "./dist/index.js"
|
28
27
|
},
|
@@ -43,15 +42,15 @@
|
|
43
42
|
"!src/**/*"
|
44
43
|
],
|
45
44
|
"scripts": {
|
46
|
-
"check": "
|
47
|
-
"prep": "
|
45
|
+
"check": "jiti ../../../scripts/prepare/check.ts",
|
46
|
+
"prep": "jiti ../../../scripts/prepare/bundle.ts"
|
48
47
|
},
|
49
48
|
"dependencies": {
|
50
|
-
"@storybook/components": "^8.3.0-alpha.
|
49
|
+
"@storybook/components": "^8.3.0-alpha.11",
|
51
50
|
"@storybook/global": "^5.0.0",
|
52
|
-
"@storybook/manager-api": "^8.3.0-alpha.
|
53
|
-
"@storybook/preview-api": "^8.3.0-alpha.
|
54
|
-
"@storybook/theming": "^8.3.0-alpha.
|
51
|
+
"@storybook/manager-api": "^8.3.0-alpha.11",
|
52
|
+
"@storybook/preview-api": "^8.3.0-alpha.11",
|
53
|
+
"@storybook/theming": "^8.3.0-alpha.11",
|
55
54
|
"ts-dedent": "^2.0.0"
|
56
55
|
},
|
57
56
|
"devDependencies": {
|
@@ -60,7 +59,7 @@
|
|
60
59
|
},
|
61
60
|
"peerDependencies": {
|
62
61
|
"preact": "^8.0.0||^10.0.0",
|
63
|
-
"storybook": "^8.3.0-alpha.
|
62
|
+
"storybook": "^8.3.0-alpha.11"
|
64
63
|
},
|
65
64
|
"engines": {
|
66
65
|
"node": ">=18.0.0"
|
package/template/cli/Button.jsx
CHANGED
@@ -2,10 +2,11 @@ import './button.css';
|
|
2
2
|
|
3
3
|
/**
|
4
4
|
* Primary UI component for user interaction
|
5
|
+
*
|
5
6
|
* @param {object} props
|
6
|
-
* @param {string} [props.primary=false]
|
7
|
+
* @param {string} [props.primary=false] Default is `false`
|
7
8
|
* @param {string} [props.backgroundColor]
|
8
|
-
* @param {
|
9
|
+
* @param {'small' | 'medium' | 'large'} [props.size='medium'] Default is `'medium'`
|
9
10
|
* @param {string} props.label
|
10
11
|
* @param {function} props.onClick
|
11
12
|
*/
|
package/template/cli/Header.jsx
CHANGED
package/template/cli/Page.jsx
CHANGED
@@ -1,9 +1,9 @@
|
|
1
1
|
import { global as globalThis } from '@storybook/global';
|
2
2
|
|
3
3
|
import { Button } from './Button.jsx';
|
4
|
-
import { Pre } from './Pre.jsx';
|
5
4
|
import { Form } from './Form.jsx';
|
6
5
|
import { Html } from './Html.jsx';
|
6
|
+
import { Pre } from './Pre.jsx';
|
7
7
|
|
8
8
|
globalThis.Components = { Button, Pre, Form, Html };
|
9
9
|
globalThis.storybookRenderer = 'preact';
|