@storybook/web-components 11.0.0-alpha.6 → 11.0.0-alpha.7

package/dist/_browser-chunks/{chunk-BNL7LBNI.js → chunk-CAPEJO4V.js}

@@ -137,7 +137,7 @@ var { Node: Node2 } = global, render = (args, context) => {
   }
   return fragment.append(element), fragment;
 };
-function renderToCanvas({ storyFn, kind, name, showMain, showError, forceRemount }, canvasElement) {
+function renderToCanvas({ storyFn, title, name, showMain, showError, forceRemount }, canvasElement) {
   let element = storyFn();
   if (showMain(), isTemplateResult(element)) {
     (forceRemount || !canvasElement.querySelector('[id="root-inner"]')) && (canvasElement.innerHTML = '<div id="root-inner"></div>');
@@ -151,7 +151,7 @@ function renderToCanvas({ storyFn, kind, name, showMain, showError, forceRemount
     canvasElement.innerHTML = "", canvasElement.appendChild(element), simulateDOMContentLoaded();
   } else
     showError({
-      title: `Expecting an HTML snippet or DOM node from the story: "${name}" of "${kind}".`,
+      title: `Expecting an HTML snippet or DOM node from the story: "${name}" of "${title}".`,
       description: dedent`
         Did you forget to return the HTML snippet from the story?
         Use "() => <your snippet or node>" or when defining the story.

package/dist/_browser-chunks/{chunk-TXUT6K6E.js → chunk-IPGO7UEM.js}

@@ -1,6 +1,6 @@
 import {
   entry_preview_exports
-} from "./chunk-BNL7LBNI.js";
+} from "./chunk-CAPEJO4V.js";
 import {
   entry_preview_docs_exports
 } from "./chunk-EGBR6PF2.js";
@@ -15,6 +15,8 @@ globalWindow.STORYBOOK_ENV = "web-components";
 
 // src/framework-api.ts
 import { global as global2 } from "@storybook/global";
+import { deprecate } from "storybook/internal/client-logger";
+var RUNTIME_MANIFEST_DEPRECATION = "The runtime Custom Elements Manifest is deprecated and will be removed in Storybook 12. Set framework.options.customElementsManifest in .storybook/main and enable features.docgenServer instead.";
 function isValidComponent(tagName) {
   if (!tagName)
     return !1;
@@ -27,17 +29,18 @@ function isValidMetaData(customElements) {
     return !1;
   if (customElements.tags && Array.isArray(customElements.tags) || customElements.modules && Array.isArray(customElements.modules))
     return !0;
-  throw new Error(`You need to setup valid meta data in your config.js via setCustomElements().
-    See the readme of addon-docs for web components for more details.`);
+  throw new Error(
+    "You need to set up valid Custom Elements metadata with a manifest generated by @custom-elements-manifest/analyzer. Configure it with framework.options.customElementsManifest in .storybook/main."
+  );
 }
 function setCustomElements(customElements) {
-  global2.__STORYBOOK_CUSTOM_ELEMENTS__ = customElements;
+  deprecate(`setCustomElements() is deprecated: ${RUNTIME_MANIFEST_DEPRECATION}`), global2.__STORYBOOK_CUSTOM_ELEMENTS__ = customElements;
 }
 function setCustomElementsManifest(customElements) {
-  global2.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__ = customElements;
+  deprecate(`setCustomElementsManifest() is deprecated: ${RUNTIME_MANIFEST_DEPRECATION}`), global2.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__ = customElements;
 }
 function getCustomElements() {
-  return global2.__STORYBOOK_CUSTOM_ELEMENTS__ || global2.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__;
+  return global2.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__ || global2.__STORYBOOK_CUSTOM_ELEMENTS__;
 }
 
 // src/portable-stories.ts

package/dist/_node-chunks/chunk-MMJPCIXK.js

@@ -0,0 +1,45 @@
+import CJS_COMPAT_NODE_URL_seyt09815b from 'node:url';
+import CJS_COMPAT_NODE_PATH_seyt09815b from 'node:path';
+import CJS_COMPAT_NODE_MODULE_seyt09815b from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_seyt09815b.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_seyt09815b.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_seyt09815b.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+
+// src/docgen/component-docgen/resolve-component/resolve-component.ts
+import { loadCsf, unwrapExpression } from "storybook/internal/csf-tools";
+import { recast, types as t } from "storybook/internal/babel";
+import { readFileSync } from "node:fs";
+function parseStoryFile(storyFilePath, title) {
+  try {
+    let source = readFileSync(storyFilePath, "utf8");
+    return loadCsf(source, { makeTitle: () => title }).parse();
+  } catch {
+    return;
+  }
+}
+var expressionFor = (node) => recast.print(node).code;
+function tagFromNode(node) {
+  let expression = expressionFor(node), unwrapped = unwrapExpression(node);
+  if (t.isStringLiteral(unwrapped) && unwrapped.value !== "")
+    return { tag: unwrapped.value };
+  if (t.isTemplateLiteral(unwrapped) && unwrapped.expressions.length === 0) {
+    let tag = unwrapped.quasis[0]?.value.cooked;
+    if (tag)
+      return { tag };
+  }
+  return { reason: "component-not-a-tag", expression };
+}
+function resolveStoryComponent(csf) {
+  let component = csf._metaAnnotations.component;
+  return component ? tagFromNode(component) : { reason: "no-meta-component" };
+}
+
+export {
+  parseStoryFile,
+  resolveStoryComponent
+};