@storybook/preact 8.3.0-alpha.0 → 8.3.0-alpha.10

package/dist/chunk-CEH6MNVV.mjs

@@ -0,0 +1,3 @@
+var __defProp=Object.defineProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0});};
+
+export { __export };

package/dist/chunk-YWXRTNBA.mjs

@@ -0,0 +1,10 @@
+import { __export } from './chunk-CEH6MNVV.mjs';
+import * as preact from 'preact';
+import { dedent } from 'ts-dedent';
+
+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`
+        Did you forget to return the Preact element from the story?
+        Use "() => (<MyComp/>)" or "() => { return <MyComp/>; }" when defining the story.
+      `}),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"};
+
+export { entry_preview_exports, parameters, render2 as render, renderToCanvas };

package/dist/entry-preview-docs.mjs

@@ -1,3 +1,5 @@
+import './chunk-CEH6MNVV.mjs';
+
 var parameters={docs:{story:{inline:!0}}};
 
 export { parameters };

package/dist/entry-preview.d.ts

@@ -2,6 +2,8 @@ import { ArgsStoryFn, RenderContext } from 'storybook/internal/types';
 import { P as PreactRenderer } from './types-57f4f889.js';
 import 'preact';
 
+/** @jsx h */
+
 declare const render: ArgsStoryFn<PreactRenderer>;
 declare function renderToCanvas({ storyFn, title, name, showMain, showError, forceRemount }: RenderContext<PreactRenderer>, canvasElement: PreactRenderer['canvasElement']): void;
 

package/dist/entry-preview.mjs

@@ -1,9 +1,2 @@
-import * as preact from 'preact';
-import { dedent } from 'ts-dedent';
-
-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`
-        Did you forget to return the Preact element from the story?
-        Use "() => (<MyComp/>)" or "() => { return <MyComp/>; }" when defining the story.
-      `}),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"};
-
-export { parameters, render2 as render, renderToCanvas };
+export { parameters, render, renderToCanvas } from './chunk-YWXRTNBA.mjs';
+import './chunk-CEH6MNVV.mjs';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { Args, ComponentAnnotations, AnnotatedStoryFn, StoryAnnotations, StrictArgs, DecoratorFunction, LoaderFunction, StoryContext as StoryContext$1, ProjectAnnotations } from 'storybook/internal/types';
+import { Args, ComponentAnnotations, AnnotatedStoryFn, StoryAnnotations, StrictArgs, DecoratorFunction, LoaderFunction, StoryContext as StoryContext$1, ProjectAnnotations, NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations } from 'storybook/internal/types';
 export { ArgTypes, Args, Parameters, StrictArgs } from 'storybook/internal/types';
 import { P as PreactRenderer } from './types-57f4f889.js';
 import 'preact';
@@ -26,4 +26,25 @@ type Loader<TArgs = StrictArgs> = LoaderFunction<PreactRenderer, TArgs>;
 type StoryContext<TArgs = StrictArgs> = StoryContext$1<PreactRenderer, TArgs>;
 type Preview = ProjectAnnotations<PreactRenderer>;
 
-export { Decorator, Loader, Meta, PreactRenderer, Preview, StoryContext, StoryFn, StoryObj };
+/**
+ * Function that sets the globalConfig of your storybook. The global config is the preview module of
+ * your .storybook folder.
+ *
+ * It should be run a single time, so that your global config (e.g. decorators) is applied to your
+ * stories when using `composeStories` or `composeStory`.
+ *
+ * Example:
+ *
+ * ```jsx
+ * // setup-file.js
+ * import { setProjectAnnotations } from '@storybook/preact';
+ * import projectAnnotations from './.storybook/preview';
+ *
+ * setProjectAnnotations(projectAnnotations);
+ * ```
+ *
+ * @param projectAnnotations - E.g. (import projectAnnotations from '../.storybook/preview')
+ */
+declare function setProjectAnnotations(projectAnnotations: NamedOrDefaultProjectAnnotations<any> | NamedOrDefaultProjectAnnotations<any>[]): NormalizedProjectAnnotations<PreactRenderer>;
+
+export { Decorator, Loader, Meta, PreactRenderer, Preview, StoryContext, StoryFn, StoryObj, setProjectAnnotations };

package/dist/index.js

@@ -1 +1,4 @@
-"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");typeof module<"u"&&module?.hot?.decline();
+"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`
+        Did you forget to return the Preact element from the story?
+        Use "() => (<MyComp/>)" or "() => { return <MyComp/>; }" when defining the story.
+      `}),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

@@ -1,3 +1,8 @@
+import { entry_preview_exports } from './chunk-YWXRTNBA.mjs';
+import './chunk-CEH6MNVV.mjs';
 import { global } from '@storybook/global';
+import { setDefaultProjectAnnotations, setProjectAnnotations as setProjectAnnotations$1 } from 'storybook/internal/preview-api';
 
-var{window:globalWindow}=global;globalWindow&&(globalWindow.STORYBOOK_ENV="preact");typeof module<"u"&&module?.hot?.decline();
+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();
+
+export { setProjectAnnotations };

package/dist/preset.js

@@ -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 import_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_path.join)(__dirname,"entry-preview.mjs")]).concat(docsEnabled?[(0,import_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});
+"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

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact",
-  "version": "8.3.0-alpha.0",
+  "version": "8.3.0-alpha.10",
   "description": "Storybook Preact renderer",
   "keywords": [
     "storybook"
@@ -22,9 +22,9 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.js",
+      "node": "./dist/index.js"
     },
     "./preset": "./preset.js",
     "./dist/entry-preview.mjs": "./dist/entry-preview.mjs",
@@ -43,11 +43,15 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
+    "@storybook/components": "^8.3.0-alpha.10",
     "@storybook/global": "^5.0.0",
+    "@storybook/manager-api": "^8.3.0-alpha.10",
+    "@storybook/preview-api": "^8.3.0-alpha.10",
+    "@storybook/theming": "^8.3.0-alpha.10",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
@@ -56,7 +60,7 @@
   },
   "peerDependencies": {
     "preact": "^8.0.0||^10.0.0",
-    "storybook": "^8.3.0-alpha.0"
+    "storybook": "^8.3.0-alpha.10"
   },
   "engines": {
     "node": ">=18.0.0"

package/template/cli/.eslintrc.json

@@ -1,7 +1,6 @@
 {
   "rules": {
     "import/extensions": "off",
-    "react/react-in-jsx-scope": "off",
-    "import/no-extraneous-dependencies": "off"
+    "react/react-in-jsx-scope": "off"
   }
 }

package/template/cli/Button.jsx

@@ -2,10 +2,11 @@ import './button.css';
 
 /**
  * Primary UI component for user interaction
+ *
  * @param {object} props
- * @param {string} [props.primary=false]
+ * @param {string} [props.primary=false] Default is `false`
  * @param {string} [props.backgroundColor]
- * @param {('small' | 'medium' | 'large')} [props.size='medium']
+ * @param {'small' | 'medium' | 'large'} [props.size='medium'] Default is `'medium'`
  * @param {string} props.label
  * @param {function} props.onClick
  */

package/template/cli/Button.stories.jsx

@@ -1,4 +1,5 @@
 import { fn } from '@storybook/test';
+
 import { Button } from './Button';
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories

package/template/cli/Header.jsx

@@ -3,6 +3,7 @@ import './header.css';
 
 /**
  * Header component
+ *
  * @param {object} props
  * @param {object} [props.user]
  * @param {string} props.user.name

package/template/cli/Header.stories.jsx

@@ -1,4 +1,5 @@
 import { fn } from '@storybook/test';
+
 import { Header } from './Header';
 
 export default {

package/template/cli/Page.jsx

@@ -1,10 +1,9 @@
 import { useState } from 'preact/hooks';
+
 import { Header } from './Header';
 import './page.css';
 
-/**
- * Simple page component
- */
+/** Simple page component */
 export const Page = () => {
   const [user, setUser] = useState();
 

package/template/cli/Page.stories.jsx

@@ -1,4 +1,4 @@
-import { within, userEvent } from '@storybook/test';
+import { userEvent, within } from '@storybook/test';
 
 import { Page } from './Page';
 

package/template/components/index.js

@@ -1,9 +1,9 @@
 import { global as globalThis } from '@storybook/global';
 
 import { Button } from './Button.jsx';
-import { Pre } from './Pre.jsx';
 import { Form } from './Form.jsx';
 import { Html } from './Html.jsx';
+import { Pre } from './Pre.jsx';
 
 globalThis.Components = { Button, Pre, Form, Html };
 globalThis.storybookRenderer = 'preact';