@storybook/html 10.1.0-alpha.1 → 10.1.0-alpha.11

package/dist/_browser-chunks/chunk-4BE7D4DS.js

@@ -0,0 +1,9 @@
+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/_browser-chunks/{chunk-R4NDMI3K.js → chunk-CREPD6LO.js}

@@ -1,7 +1,6 @@
 import {
-  __export,
-  __name
-} from "./chunk-JFJ5UJ7Q.js";
+  __export
+} from "./chunk-4BE7D4DS.js";
 
 // src/entry-preview.ts
 var entry_preview_exports = {};
@@ -17,49 +16,39 @@ import { enhanceArgTypes } from "storybook/internal/docs-tools";
 import { global } from "@storybook/global";
 import { simulateDOMContentLoaded, simulatePageLoad } from "storybook/preview-api";
 import { dedent } from "ts-dedent";
-var { Node } = global;
-var render = /* @__PURE__ */ __name((args, context) => {
-  const { id, component: Component } = context;
-  if (typeof Component === "string") {
+var { Node } = global, render = (args, context) => {
+  let { id, component: Component } = context;
+  if (typeof Component == "string") {
     let output = Component;
-    Object.keys(args).forEach((key) => {
+    return Object.keys(args).forEach((key) => {
       output = output.replace(`{{${key}}}`, args[key]);
-    });
-    return output;
+    }), output;
   }
   if (Component instanceof HTMLElement) {
-    const output = Component.cloneNode(true);
-    Object.keys(args).forEach((key) => {
+    let output = Component.cloneNode(!0);
+    return Object.keys(args).forEach((key) => {
       output.setAttribute(
         key,
-        typeof args[key] === "string" ? args[key] : JSON.stringify(args[key])
+        typeof args[key] == "string" ? args[key] : JSON.stringify(args[key])
       );
-    });
-    return output;
+    }), output;
   }
-  if (typeof Component === "function") {
+  if (typeof Component == "function")
     return Component(args, context);
-  }
-  console.warn(dedent`
+  throw console.warn(dedent`
     Storybook's HTML renderer only supports rendering DOM elements and strings.
     Received: ${Component}
-  `);
-  throw new Error(`Unable to render story ${id}`);
-}, "render");
+  `), new Error(`Unable to render story ${id}`);
+};
 function renderToCanvas({ storyFn, kind, name, showMain, showError, forceRemount }, canvasElement) {
-  const element = storyFn();
-  showMain();
-  if (typeof element === "string") {
-    canvasElement.innerHTML = element;
-    simulatePageLoad(canvasElement);
-  } else if (element instanceof Node) {
-    if (canvasElement.firstChild === element && forceRemount === false) {
+  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 {
+    canvasElement.innerHTML = "", canvasElement.appendChild(element), simulateDOMContentLoaded();
+  } else
     showError({
       title: `Expecting an HTML snippet or DOM node from the story: "${name}" of "${kind}".`,
       description: dedent`
@@ -67,13 +56,10 @@ function renderToCanvas({ storyFn, kind, name, showMain, showError, forceRemount
         Use "() => <your snippet or node>" or when defining the story.
       `
     });
-  }
 }
-__name(renderToCanvas, "renderToCanvas");
 
 // src/entry-preview.ts
-var parameters = { renderer: "html" };
-var argTypesEnhancers = [enhanceArgTypes];
+var parameters = { renderer: "html" }, argTypesEnhancers = [enhanceArgTypes];
 
 export {
   render,

package/dist/entry-preview-docs.js

@@ -1,6 +1,4 @@
-import {
-  __name
-} from "./_browser-chunks/chunk-JFJ5UJ7Q.js";
+import "./_browser-chunks/chunk-4BE7D4DS.js";
 
 // src/entry-preview-docs.ts
 import { SourceType as SourceType2 } from "storybook/internal/docs-tools";
@@ -9,37 +7,21 @@ import { SourceType as SourceType2 } from "storybook/internal/docs-tools";
 import { SourceType } from "storybook/internal/docs-tools";
 import { emitTransformCode, useEffect, useRef } from "storybook/preview-api";
 function skipSourceRender(context) {
-  const sourceParams = context?.parameters.docs?.source;
-  const isArgsStory = context?.parameters.__isArgsStory;
-  if (sourceParams?.type === SourceType.DYNAMIC) {
-    return false;
-  }
-  return !isArgsStory || sourceParams?.code || sourceParams?.type === SourceType.CODE;
+  let sourceParams = context?.parameters.docs?.source, isArgsStory = context?.parameters.__isArgsStory;
+  return sourceParams?.type === SourceType.DYNAMIC ? !1 : !isArgsStory || sourceParams?.code || sourceParams?.type === SourceType.CODE;
 }
-__name(skipSourceRender, "skipSourceRender");
-var sourceDecorator = /* @__PURE__ */ __name((storyFn, context) => {
-  const source = useRef(void 0);
-  const story = storyFn();
-  useEffect(() => {
-    const renderedForSource = context?.parameters.docs?.source?.excludeDecorators ? context.originalStoryFn(context.args, context) : story;
-    if (!skipSourceRender(context)) {
-      if (typeof renderedForSource === "string" && source.current !== renderedForSource) {
-        emitTransformCode(renderedForSource, context);
-        source.current = renderedForSource;
-      } else if (renderedForSource instanceof Element && source.current !== renderedForSource.outerHTML) {
-        emitTransformCode(renderedForSource.outerHTML, context);
-        source.current = renderedForSource.outerHTML;
-      }
-    }
-  });
-  return story;
-}, "sourceDecorator");
+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;
+};
 
 // src/entry-preview-docs.ts
-var decorators = [sourceDecorator];
-var parameters = {
+var decorators = [sourceDecorator], parameters = {
   docs: {
-    story: { inline: true },
+    story: { inline: !0 },
     source: {
       type: SourceType2.DYNAMIC,
       language: "html",

package/dist/entry-preview.js

@@ -3,8 +3,8 @@ import {
   parameters,
   render,
   renderToCanvas
-} from "./_browser-chunks/chunk-R4NDMI3K.js";
-import "./_browser-chunks/chunk-JFJ5UJ7Q.js";
+} from "./_browser-chunks/chunk-CREPD6LO.js";
+import "./_browser-chunks/chunk-4BE7D4DS.js";
 export {
   argTypesEnhancers,
   parameters,

package/dist/index.js

@@ -1,9 +1,7 @@
 import {
   entry_preview_exports
-} from "./_browser-chunks/chunk-R4NDMI3K.js";
-import {
-  __name
-} from "./_browser-chunks/chunk-JFJ5UJ7Q.js";
+} from "./_browser-chunks/chunk-CREPD6LO.js";
+import "./_browser-chunks/chunk-4BE7D4DS.js";
 
 // src/globals.ts
 import { global } from "@storybook/global";
@@ -16,12 +14,10 @@ import {
   setDefaultProjectAnnotations
 } from "storybook/preview-api";
 function setProjectAnnotations(projectAnnotations) {
-  setDefaultProjectAnnotations(entry_preview_exports);
-  return originalSetProjectAnnotations(
+  return setDefaultProjectAnnotations(entry_preview_exports), originalSetProjectAnnotations(
     projectAnnotations
   );
 }
-__name(setProjectAnnotations, "setProjectAnnotations");
 export {
   setProjectAnnotations
 };

package/dist/preset.js

@@ -1,26 +1,23 @@
-import CJS_COMPAT_NODE_URL_glrdl4cvuio from 'node:url';
-import CJS_COMPAT_NODE_PATH_glrdl4cvuio from 'node:path';
-import CJS_COMPAT_NODE_MODULE_glrdl4cvuio from "node:module";
+import CJS_COMPAT_NODE_URL_nvy4afgb5qg from 'node:url';
+import CJS_COMPAT_NODE_PATH_nvy4afgb5qg from 'node:path';
+import CJS_COMPAT_NODE_MODULE_nvy4afgb5qg from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_glrdl4cvuio.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_glrdl4cvuio.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_glrdl4cvuio.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_nvy4afgb5qg.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_nvy4afgb5qg.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_nvy4afgb5qg.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 
 // src/preset.ts
 import { fileURLToPath } from "node:url";
-var previewAnnotations = /* @__PURE__ */ __name(async (input = [], options) => {
-  const docsEnabled = Object.keys(await options.presets.apply("docs", {}, options)).length > 0;
-  const result = [];
-  return result.concat(input).concat([fileURLToPath(import.meta.resolve("@storybook/html/entry-preview"))]).concat(
+var previewAnnotations = async (input = [], options) => {
+  let docsEnabled = Object.keys(await options.presets.apply("docs", {}, options)).length > 0;
+  return [].concat(input).concat([fileURLToPath(import.meta.resolve("@storybook/html/entry-preview"))]).concat(
     docsEnabled ? [fileURLToPath(import.meta.resolve("@storybook/html/entry-preview-docs"))] : []
   );
-}, "previewAnnotations");
+};
 export {
   previewAnnotations
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html",
-  "version": "10.1.0-alpha.1",
+  "version": "10.1.0-alpha.11",
   "description": "Storybook HTML renderer: Develop, document, and test UI components in isolation",
   "keywords": [
     "storybook",
@@ -54,10 +54,10 @@
     "typescript": "^5.8.3"
   },
   "peerDependencies": {
-    "storybook": "^10.1.0-alpha.1"
+    "storybook": "^10.1.0-alpha.11"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae16"
+  "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae1l"
 }

package/dist/_browser-chunks/chunk-JFJ5UJ7Q.js

@@ -1,11 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-
-export {
-  __name,
-  __export
-};