@storybook/preact 0.0.0-pr-28882-sha-441ae2cd → 0.0.0-pr-28882-sha-a04fe375
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-CEH6MNVV.mjs +3 -0
- package/dist/chunk-YWXRTNBA.mjs +10 -0
- package/dist/entry-preview-docs.mjs +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/package.json +6 -6
- package/template/cli/.eslintrc.json +1 -2
- package/template/cli/Button.jsx +3 -2
- package/template/cli/Header.jsx +1 -0
- package/template/cli/Page.jsx +1 -3
@@ -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.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/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@storybook/preact",
|
3
|
-
"version": "0.0.0-pr-28882-sha-
|
3
|
+
"version": "0.0.0-pr-28882-sha-a04fe375",
|
4
4
|
"description": "Storybook Preact renderer",
|
5
5
|
"keywords": [
|
6
6
|
"storybook"
|
@@ -47,11 +47,11 @@
|
|
47
47
|
"prep": "jiti ../../../scripts/prepare/bundle.ts"
|
48
48
|
},
|
49
49
|
"dependencies": {
|
50
|
-
"@storybook/components": "^0.0.0-pr-28882-sha-
|
50
|
+
"@storybook/components": "^0.0.0-pr-28882-sha-a04fe375",
|
51
51
|
"@storybook/global": "^5.0.0",
|
52
|
-
"@storybook/manager-api": "^0.0.0-pr-28882-sha-
|
53
|
-
"@storybook/preview-api": "^0.0.0-pr-28882-sha-
|
54
|
-
"@storybook/theming": "^0.0.0-pr-28882-sha-
|
52
|
+
"@storybook/manager-api": "^0.0.0-pr-28882-sha-a04fe375",
|
53
|
+
"@storybook/preview-api": "^0.0.0-pr-28882-sha-a04fe375",
|
54
|
+
"@storybook/theming": "^0.0.0-pr-28882-sha-a04fe375",
|
55
55
|
"ts-dedent": "^2.0.0"
|
56
56
|
},
|
57
57
|
"devDependencies": {
|
@@ -60,7 +60,7 @@
|
|
60
60
|
},
|
61
61
|
"peerDependencies": {
|
62
62
|
"preact": "^8.0.0||^10.0.0",
|
63
|
-
"storybook": "^0.0.0-pr-28882-sha-
|
63
|
+
"storybook": "^0.0.0-pr-28882-sha-a04fe375"
|
64
64
|
},
|
65
65
|
"engines": {
|
66
66
|
"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