@storybook/html 9.0.0-rc.2 → 9.0.0-rc.4

package/dist/{chunk-Q4ZRAVXG.mjs → chunk-ZBAUHALS.mjs}

@@ -1,14 +1,15 @@
 import { __export } from './chunk-CEH6MNVV.mjs';
+import { enhanceArgTypes } from 'storybook/internal/docs-tools';
 import { global } from '@storybook/global';
 import { simulatePageLoad, simulateDOMContentLoaded } from 'storybook/preview-api';
 import { dedent } from 'ts-dedent';
 
-var entry_preview_exports={};__export(entry_preview_exports,{parameters:()=>parameters,render:()=>render,renderToCanvas:()=>renderToCanvas});var {Node}=global,render=(args,context)=>{let{id,component:Component}=context;if(typeof Component=="string"){let output=Component;return Object.keys(args).forEach(key=>{output=output.replace(`{{${key}}}`,args[key]);}),output}if(Component instanceof HTMLElement){let output=Component.cloneNode(!0);return Object.keys(args).forEach(key=>{output.setAttribute(key,typeof args[key]=="string"?args[key]:JSON.stringify(args[key]));}),output}if(typeof Component=="function")return Component(args,context);throw console.warn(dedent`
+var entry_preview_exports={};__export(entry_preview_exports,{argTypesEnhancers:()=>argTypesEnhancers,parameters:()=>parameters,render:()=>render,renderToCanvas:()=>renderToCanvas});var {Node}=global,render=(args,context)=>{let{id,component:Component}=context;if(typeof Component=="string"){let output=Component;return Object.keys(args).forEach(key=>{output=output.replace(`{{${key}}}`,args[key]);}),output}if(Component instanceof HTMLElement){let output=Component.cloneNode(!0);return Object.keys(args).forEach(key=>{output.setAttribute(key,typeof args[key]=="string"?args[key]:JSON.stringify(args[key]));}),output}if(typeof Component=="function")return Component(args,context);throw console.warn(dedent`
     Storybook's HTML renderer only supports rendering DOM elements and strings.
     Received: ${Component}
   `),new Error(`Unable to render story ${id}`)};function renderToCanvas({storyFn,kind,name,showMain,showError,forceRemount},canvasElement){let element=storyFn();if(showMain(),typeof element=="string")canvasElement.innerHTML=element,simulatePageLoad(canvasElement);else if(element instanceof Node){if(canvasElement.firstChild===element&&forceRemount===!1)return;canvasElement.innerHTML="",canvasElement.appendChild(element),simulateDOMContentLoaded();}else showError({title:`Expecting an HTML snippet or DOM node from the story: "${name}" of "${kind}".`,description:dedent`
         Did you forget to return the HTML snippet from the story?
         Use "() => <your snippet or node>" or when defining the story.
-      `});}var parameters={renderer:"html"};
+      `});}var parameters={renderer:"html"},argTypesEnhancers=[enhanceArgTypes];
 
-export { entry_preview_exports, parameters, render, renderToCanvas };
+export { argTypesEnhancers, entry_preview_exports, parameters, render, renderToCanvas };

package/dist/entry-preview-docs.d.ts

@@ -1,5 +1,5 @@
 import { SourceType } from 'storybook/internal/docs-tools';
-import { DecoratorFunction, ArgTypesEnhancer } from 'storybook/internal/types';
+import { DecoratorFunction } from 'storybook/internal/types';
 import { H as HtmlRenderer } from './types-19e12ec7.js';
 
 declare const decorators: DecoratorFunction<HtmlRenderer>[];
@@ -16,6 +16,5 @@ declare const parameters: {
         };
     };
 };
-declare const argTypesEnhancers: ArgTypesEnhancer[];
 
-export { argTypesEnhancers, decorators, parameters };
+export { decorators, parameters };

package/dist/entry-preview-docs.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 entry_preview_docs_exports={};__export(entry_preview_docs_exports,{argTypesEnhancers:()=>argTypesEnhancers,decorators:()=>decorators,parameters:()=>parameters});module.exports=__toCommonJS(entry_preview_docs_exports);var import_docs_tools2=require("storybook/internal/docs-tools");var import_docs_tools=require("storybook/internal/docs-tools"),import_preview_api=require("storybook/preview-api");function skipSourceRender(context){let sourceParams=context?.parameters.docs?.source,isArgsStory=context?.parameters.__isArgsStory;return sourceParams?.type===import_docs_tools.SourceType.DYNAMIC?!1:!isArgsStory||sourceParams?.code||sourceParams?.type===import_docs_tools.SourceType.CODE}var sourceDecorator=(storyFn,context)=>{let source=(0,import_preview_api.useRef)(void 0),story=storyFn();return(0,import_preview_api.useEffect)(()=>{let renderedForSource=context?.parameters.docs?.source?.excludeDecorators?context.originalStoryFn(context.args,context):story;skipSourceRender(context)||(typeof renderedForSource=="string"&&source.current!==renderedForSource?((0,import_preview_api.emitTransformCode)(renderedForSource,context),source.current=renderedForSource):renderedForSource instanceof Element&&source.current!==renderedForSource.outerHTML&&((0,import_preview_api.emitTransformCode)(renderedForSource.outerHTML,context),source.current=renderedForSource.outerHTML))}),story};var decorators=[sourceDecorator],parameters={docs:{story:{inline:!0},source:{type:import_docs_tools2.SourceType.DYNAMIC,language:"html",code:void 0,excludeDecorators:void 0}}},argTypesEnhancers=[import_docs_tools2.enhanceArgTypes];0&&(module.exports={argTypesEnhancers,decorators,parameters});
+"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 entry_preview_docs_exports={};__export(entry_preview_docs_exports,{decorators:()=>decorators,parameters:()=>parameters});module.exports=__toCommonJS(entry_preview_docs_exports);var import_docs_tools2=require("storybook/internal/docs-tools");var import_docs_tools=require("storybook/internal/docs-tools"),import_preview_api=require("storybook/preview-api");function skipSourceRender(context){let sourceParams=context?.parameters.docs?.source,isArgsStory=context?.parameters.__isArgsStory;return sourceParams?.type===import_docs_tools.SourceType.DYNAMIC?!1:!isArgsStory||sourceParams?.code||sourceParams?.type===import_docs_tools.SourceType.CODE}var sourceDecorator=(storyFn,context)=>{let source=(0,import_preview_api.useRef)(void 0),story=storyFn();return(0,import_preview_api.useEffect)(()=>{let renderedForSource=context?.parameters.docs?.source?.excludeDecorators?context.originalStoryFn(context.args,context):story;skipSourceRender(context)||(typeof renderedForSource=="string"&&source.current!==renderedForSource?((0,import_preview_api.emitTransformCode)(renderedForSource,context),source.current=renderedForSource):renderedForSource instanceof Element&&source.current!==renderedForSource.outerHTML&&((0,import_preview_api.emitTransformCode)(renderedForSource.outerHTML,context),source.current=renderedForSource.outerHTML))}),story};var decorators=[sourceDecorator],parameters={docs:{story:{inline:!0},source:{type:import_docs_tools2.SourceType.DYNAMIC,language:"html",code:void 0,excludeDecorators:void 0}}};0&&(module.exports={decorators,parameters});

package/dist/entry-preview-docs.mjs

@@ -1,7 +1,7 @@
 import './chunk-CEH6MNVV.mjs';
-import { SourceType, enhanceArgTypes } from 'storybook/internal/docs-tools';
+import { SourceType } from 'storybook/internal/docs-tools';
 import { useRef, useEffect, emitTransformCode } from 'storybook/preview-api';
 
-function skipSourceRender(context){let sourceParams=context?.parameters.docs?.source,isArgsStory=context?.parameters.__isArgsStory;return sourceParams?.type===SourceType.DYNAMIC?!1:!isArgsStory||sourceParams?.code||sourceParams?.type===SourceType.CODE}var sourceDecorator=(storyFn,context)=>{let source=useRef(void 0),story=storyFn();return useEffect(()=>{let renderedForSource=context?.parameters.docs?.source?.excludeDecorators?context.originalStoryFn(context.args,context):story;skipSourceRender(context)||(typeof renderedForSource=="string"&&source.current!==renderedForSource?(emitTransformCode(renderedForSource,context),source.current=renderedForSource):renderedForSource instanceof Element&&source.current!==renderedForSource.outerHTML&&(emitTransformCode(renderedForSource.outerHTML,context),source.current=renderedForSource.outerHTML));}),story};var decorators=[sourceDecorator],parameters={docs:{story:{inline:!0},source:{type:SourceType.DYNAMIC,language:"html",code:void 0,excludeDecorators:void 0}}},argTypesEnhancers=[enhanceArgTypes];
+function skipSourceRender(context){let sourceParams=context?.parameters.docs?.source,isArgsStory=context?.parameters.__isArgsStory;return sourceParams?.type===SourceType.DYNAMIC?!1:!isArgsStory||sourceParams?.code||sourceParams?.type===SourceType.CODE}var sourceDecorator=(storyFn,context)=>{let source=useRef(void 0),story=storyFn();return useEffect(()=>{let renderedForSource=context?.parameters.docs?.source?.excludeDecorators?context.originalStoryFn(context.args,context):story;skipSourceRender(context)||(typeof renderedForSource=="string"&&source.current!==renderedForSource?(emitTransformCode(renderedForSource,context),source.current=renderedForSource):renderedForSource instanceof Element&&source.current!==renderedForSource.outerHTML&&(emitTransformCode(renderedForSource.outerHTML,context),source.current=renderedForSource.outerHTML));}),story};var decorators=[sourceDecorator],parameters={docs:{story:{inline:!0},source:{type:SourceType.DYNAMIC,language:"html",code:void 0,excludeDecorators:void 0}}};
 
-export { argTypesEnhancers, decorators, parameters };
+export { decorators, parameters };

package/dist/entry-preview.d.ts

@@ -1,5 +1,5 @@
+import { ArgsStoryFn, RenderContext, ArgTypesEnhancer } from 'storybook/internal/types';
 import { H as HtmlRenderer, P as Parameters } from './types-19e12ec7.js';
-import { ArgsStoryFn, RenderContext } from 'storybook/internal/types';
 import 'storybook/internal/docs-tools';
 
 declare const render: ArgsStoryFn<HtmlRenderer>;
@@ -7,4 +7,6 @@ declare function renderToCanvas({ storyFn, kind, name, showMain, showError, forc
 
 declare const parameters: Parameters;
 
-export { parameters, render, renderToCanvas };
+declare const argTypesEnhancers: ArgTypesEnhancer[];
+
+export { argTypesEnhancers, parameters, render, renderToCanvas };

package/dist/entry-preview.js

@@ -1,7 +1,7 @@
-"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 entry_preview_exports={};__export(entry_preview_exports,{parameters:()=>parameters,render:()=>render,renderToCanvas:()=>renderToCanvas});module.exports=__toCommonJS(entry_preview_exports);var import_global=require("@storybook/global"),import_preview_api=require("storybook/preview-api"),import_ts_dedent=require("ts-dedent"),{Node}=import_global.global,render=(args,context)=>{let{id,component:Component}=context;if(typeof Component=="string"){let output=Component;return Object.keys(args).forEach(key=>{output=output.replace(`{{${key}}}`,args[key])}),output}if(Component instanceof HTMLElement){let output=Component.cloneNode(!0);return Object.keys(args).forEach(key=>{output.setAttribute(key,typeof args[key]=="string"?args[key]:JSON.stringify(args[key]))}),output}if(typeof Component=="function")return Component(args,context);throw console.warn(import_ts_dedent.dedent`
+"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 entry_preview_exports={};__export(entry_preview_exports,{argTypesEnhancers:()=>argTypesEnhancers,parameters:()=>parameters,render:()=>render,renderToCanvas:()=>renderToCanvas});module.exports=__toCommonJS(entry_preview_exports);var import_docs_tools=require("storybook/internal/docs-tools");var import_global=require("@storybook/global"),import_preview_api=require("storybook/preview-api"),import_ts_dedent=require("ts-dedent"),{Node}=import_global.global,render=(args,context)=>{let{id,component:Component}=context;if(typeof Component=="string"){let output=Component;return Object.keys(args).forEach(key=>{output=output.replace(`{{${key}}}`,args[key])}),output}if(Component instanceof HTMLElement){let output=Component.cloneNode(!0);return Object.keys(args).forEach(key=>{output.setAttribute(key,typeof args[key]=="string"?args[key]:JSON.stringify(args[key]))}),output}if(typeof Component=="function")return Component(args,context);throw console.warn(import_ts_dedent.dedent`
     Storybook's HTML renderer only supports rendering DOM elements and strings.
     Received: ${Component}
   `),new Error(`Unable to render story ${id}`)};function renderToCanvas({storyFn,kind,name,showMain,showError,forceRemount},canvasElement){let element=storyFn();if(showMain(),typeof element=="string")canvasElement.innerHTML=element,(0,import_preview_api.simulatePageLoad)(canvasElement);else if(element instanceof Node){if(canvasElement.firstChild===element&&forceRemount===!1)return;canvasElement.innerHTML="",canvasElement.appendChild(element),(0,import_preview_api.simulateDOMContentLoaded)()}else showError({title:`Expecting an HTML snippet or DOM node from the story: "${name}" of "${kind}".`,description:import_ts_dedent.dedent`
         Did you forget to return the HTML snippet from the story?
         Use "() => <your snippet or node>" or when defining the story.
-      `})}var parameters={renderer:"html"};0&&(module.exports={parameters,render,renderToCanvas});
+      `})}var parameters={renderer:"html"},argTypesEnhancers=[import_docs_tools.enhanceArgTypes];0&&(module.exports={argTypesEnhancers,parameters,render,renderToCanvas});

package/dist/entry-preview.mjs

@@ -1,2 +1,2 @@
-export { parameters, render, renderToCanvas } from './chunk-Q4ZRAVXG.mjs';
+export { argTypesEnhancers, parameters, render, renderToCanvas } from './chunk-ZBAUHALS.mjs';
 import './chunk-CEH6MNVV.mjs';

package/dist/index.js

@@ -1,7 +1,7 @@
-"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 index_exports={};__export(index_exports,{setProjectAnnotations:()=>setProjectAnnotations});module.exports=__toCommonJS(index_exports);var import_global=require("@storybook/global"),{window:globalWindow}=import_global.global;globalWindow.STORYBOOK_ENV="HTML";var import_preview_api2=require("storybook/preview-api");var entry_preview_exports={};__export(entry_preview_exports,{parameters:()=>parameters,render:()=>render,renderToCanvas:()=>renderToCanvas});var import_global2=require("@storybook/global"),import_preview_api=require("storybook/preview-api"),import_ts_dedent=require("ts-dedent"),{Node}=import_global2.global,render=(args,context)=>{let{id,component:Component}=context;if(typeof Component=="string"){let output=Component;return Object.keys(args).forEach(key=>{output=output.replace(`{{${key}}}`,args[key])}),output}if(Component instanceof HTMLElement){let output=Component.cloneNode(!0);return Object.keys(args).forEach(key=>{output.setAttribute(key,typeof args[key]=="string"?args[key]:JSON.stringify(args[key]))}),output}if(typeof Component=="function")return Component(args,context);throw console.warn(import_ts_dedent.dedent`
+"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 index_exports={};__export(index_exports,{setProjectAnnotations:()=>setProjectAnnotations});module.exports=__toCommonJS(index_exports);var import_global=require("@storybook/global"),{window:globalWindow}=import_global.global;globalWindow.STORYBOOK_ENV="HTML";var import_preview_api2=require("storybook/preview-api");var entry_preview_exports={};__export(entry_preview_exports,{argTypesEnhancers:()=>argTypesEnhancers,parameters:()=>parameters,render:()=>render,renderToCanvas:()=>renderToCanvas});var import_docs_tools=require("storybook/internal/docs-tools");var import_global2=require("@storybook/global"),import_preview_api=require("storybook/preview-api"),import_ts_dedent=require("ts-dedent"),{Node}=import_global2.global,render=(args,context)=>{let{id,component:Component}=context;if(typeof Component=="string"){let output=Component;return Object.keys(args).forEach(key=>{output=output.replace(`{{${key}}}`,args[key])}),output}if(Component instanceof HTMLElement){let output=Component.cloneNode(!0);return Object.keys(args).forEach(key=>{output.setAttribute(key,typeof args[key]=="string"?args[key]:JSON.stringify(args[key]))}),output}if(typeof Component=="function")return Component(args,context);throw console.warn(import_ts_dedent.dedent`
     Storybook's HTML renderer only supports rendering DOM elements and strings.
     Received: ${Component}
   `),new Error(`Unable to render story ${id}`)};function renderToCanvas({storyFn,kind,name,showMain,showError,forceRemount},canvasElement){let element=storyFn();if(showMain(),typeof element=="string")canvasElement.innerHTML=element,(0,import_preview_api.simulatePageLoad)(canvasElement);else if(element instanceof Node){if(canvasElement.firstChild===element&&forceRemount===!1)return;canvasElement.innerHTML="",canvasElement.appendChild(element),(0,import_preview_api.simulateDOMContentLoaded)()}else showError({title:`Expecting an HTML snippet or DOM node from the story: "${name}" of "${kind}".`,description:import_ts_dedent.dedent`
         Did you forget to return the HTML snippet from the story?
         Use "() => <your snippet or node>" or when defining the story.
-      `})}var parameters={renderer:"html"};function setProjectAnnotations(projectAnnotations){return(0,import_preview_api2.setDefaultProjectAnnotations)(entry_preview_exports),(0,import_preview_api2.setProjectAnnotations)(projectAnnotations)}typeof module<"u"&&module?.hot?.decline();0&&(module.exports={setProjectAnnotations});
+      `})}var parameters={renderer:"html"},argTypesEnhancers=[import_docs_tools.enhanceArgTypes];function setProjectAnnotations(projectAnnotations){return(0,import_preview_api2.setDefaultProjectAnnotations)(entry_preview_exports),(0,import_preview_api2.setProjectAnnotations)(projectAnnotations)}typeof module<"u"&&module?.hot?.decline();0&&(module.exports={setProjectAnnotations});

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { entry_preview_exports } from './chunk-Q4ZRAVXG.mjs';
+import { entry_preview_exports } from './chunk-ZBAUHALS.mjs';
 import './chunk-CEH6MNVV.mjs';
 import { global } from '@storybook/global';
 import { setDefaultProjectAnnotations, setProjectAnnotations as setProjectAnnotations$1 } from 'storybook/preview-api';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html",
-  "version": "9.0.0-rc.2",
+  "version": "9.0.0-rc.4",
   "description": "Storybook HTML renderer",
   "keywords": [
     "storybook"
@@ -53,7 +53,7 @@
     "typescript": "^5.8.3"
   },
   "peerDependencies": {
-    "storybook": "^9.0.0-rc.2"
+    "storybook": "^9.0.0-rc.4"
   },
   "engines": {
     "node": ">=20.0.0"