@storybook/preact 8.3.0-alpha.7 → 8.3.0-alpha.8
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.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
@@ -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": "8.3.0-alpha.
|
3
|
+
"version": "8.3.0-alpha.8",
|
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": "^8.3.0-alpha.
|
50
|
+
"@storybook/components": "^8.3.0-alpha.8",
|
51
51
|
"@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.
|
52
|
+
"@storybook/manager-api": "^8.3.0-alpha.8",
|
53
|
+
"@storybook/preview-api": "^8.3.0-alpha.8",
|
54
|
+
"@storybook/theming": "^8.3.0-alpha.8",
|
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": "^8.3.0-alpha.
|
63
|
+
"storybook": "^8.3.0-alpha.8"
|
64
64
|
},
|
65
65
|
"engines": {
|
66
66
|
"node": ">=18.0.0"
|