@storybook/preact
Advanced tools
Comparing version 0.0.0-pr-28768-sha-f4bf860e to 0.0.0-pr-28797-sha-2c38805d
@@ -5,2 +5,4 @@ import { ArgsStoryFn, RenderContext } from 'storybook/internal/types'; | ||
/** @jsx h */ | ||
declare const render: ArgsStoryFn<PreactRenderer>; | ||
@@ -7,0 +9,0 @@ declare function renderToCanvas({ storyFn, title, name, showMain, showError, forceRemount }: RenderContext<PreactRenderer>, canvasElement: PreactRenderer['canvasElement']): void; |
@@ -1,2 +0,2 @@ | ||
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'; | ||
@@ -29,2 +29,23 @@ import { P as PreactRenderer } from './types-57f4f889.js'; | ||
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 }; |
@@ -1,1 +0,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}); |
@@ -1,1 +0,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}); |
{ | ||
"name": "@storybook/preact", | ||
"version": "0.0.0-pr-28768-sha-f4bf860e", | ||
"version": "0.0.0-pr-28797-sha-2c38805d", | ||
"description": "Storybook Preact renderer", | ||
@@ -25,5 +25,5 @@ "keywords": [ | ||
"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" | ||
}, | ||
@@ -47,11 +47,11 @@ "./preset": "./preset.js", | ||
"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": "^0.0.0-pr-28768-sha-f4bf860e", | ||
"@storybook/components": "^0.0.0-pr-28797-sha-2c38805d", | ||
"@storybook/global": "^5.0.0", | ||
"@storybook/manager-api": "^0.0.0-pr-28768-sha-f4bf860e", | ||
"@storybook/preview-api": "^0.0.0-pr-28768-sha-f4bf860e", | ||
"@storybook/theming": "^0.0.0-pr-28768-sha-f4bf860e", | ||
"@storybook/manager-api": "^0.0.0-pr-28797-sha-2c38805d", | ||
"@storybook/preview-api": "^0.0.0-pr-28797-sha-2c38805d", | ||
"@storybook/theming": "^0.0.0-pr-28797-sha-2c38805d", | ||
"ts-dedent": "^2.0.0" | ||
@@ -65,3 +65,3 @@ }, | ||
"preact": "^8.0.0||^10.0.0", | ||
"storybook": "^0.0.0-pr-28768-sha-f4bf860e" | ||
"storybook": "^0.0.0-pr-28797-sha-2c38805d" | ||
}, | ||
@@ -68,0 +68,0 @@ "engines": { |
{ | ||
"rules": { | ||
"import/extensions": "off", | ||
"react/react-in-jsx-scope": "off", | ||
"import/no-extraneous-dependencies": "off" | ||
"react/react-in-jsx-scope": "off" | ||
} | ||
} |
@@ -5,6 +5,7 @@ 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 | ||
@@ -11,0 +12,0 @@ * @param {function} props.onClick |
import { fn } from '@storybook/test'; | ||
import { Button } from './Button'; | ||
@@ -3,0 +4,0 @@ |
@@ -6,2 +6,3 @@ import { Button } from './Button'; | ||
* Header component | ||
* | ||
* @param {object} props | ||
@@ -8,0 +9,0 @@ * @param {object} [props.user] |
import { fn } from '@storybook/test'; | ||
import { Header } from './Header'; | ||
@@ -3,0 +4,0 @@ |
import { useState } from 'preact/hooks'; | ||
import { Header } from './Header'; | ||
import './page.css'; | ||
/** | ||
* Simple page component | ||
*/ | ||
/** Simple page component */ | ||
export const Page = () => { | ||
@@ -9,0 +8,0 @@ const [user, setUser] = useState(); |
@@ -1,2 +0,2 @@ | ||
import { within, userEvent } from '@storybook/test'; | ||
import { userEvent, within } from '@storybook/test'; | ||
@@ -3,0 +3,0 @@ import { Page } from './Page'; |
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'; |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 1 instance in 1 package
23365
25
387