Socket
Book a DemoInstallSign in
Socket
Book a DemoInstallSign in

@storybook/web-components

Package Overview
Dependencies
Maintainers
12
Versions
2209
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@storybook/web-components - npm Package Compare versions

Comparing version

0.0.0-pr-32369-sha-60d3e1c8
to
0.0.0-pr-32385-sha-07e99aef

dist/chunk-CEH6MNVV.mjs
dist/chunk-J73AUUXV.mjs
dist/chunk-Y527KJ6E.mjs
dist/entry-preview-argtypes.d.ts
dist/entry-preview-argtypes.mjs
dist/entry-preview-docs.d.ts
dist/entry-preview-docs.mjs
dist/entry-preview.d.ts
dist/entry-preview.mjs
dist/index.mjs
dist/preset.d.ts
dist/types-9976a2c9.d.ts

143

dist/entry-preview-argtypes.js

@@ -1,141 +0,2 @@

import {
getCustomElements,
isValidComponent,
isValidMetaData
} from "./_browser-chunks/chunk-CTBWQQZK.js";
import "./_browser-chunks/chunk-NIAEHH3S.js";
import {
__name
} from "./_browser-chunks/chunk-JFJ5UJ7Q.js";
// src/entry-preview-argtypes.ts
import { enhanceArgTypes } from "storybook/internal/docs-tools";
// src/docs/custom-elements.ts
import { logger } from "storybook/internal/client-logger";
import invariant from "tiny-invariant";
function mapItem(item, category) {
let type;
switch (category) {
case "attributes":
case "properties":
type = { name: item.type?.text || item.type };
break;
case "slots":
type = { name: "string" };
break;
default:
type = { name: "void" };
break;
}
return {
name: item.name,
required: false,
description: item.description,
type,
table: {
category,
type: { summary: item.type?.text || item.type },
defaultValue: {
summary: item.default !== void 0 ? item.default : item.defaultValue
}
}
};
}
__name(mapItem, "mapItem");
function mapEvent(item) {
let name = item.name.replace(/(-|_|:|\.|\s)+(.)?/g, (_match, _separator, chr) => {
return chr ? chr.toUpperCase() : "";
}).replace(/^([A-Z])/, (match) => match.toLowerCase());
name = `on${name.charAt(0).toUpperCase() + name.substr(1)}`;
return [{ name, action: { name: item.name }, table: { disable: true } }, mapItem(item, "events")];
}
__name(mapEvent, "mapEvent");
function mapData(data, category) {
return data && data.filter((item) => item && item.name).reduce((acc, item) => {
if (item.kind === "method") {
return acc;
}
switch (category) {
case "events":
mapEvent(item).forEach((argType) => {
invariant(argType.name, `${argType} should have a name property.`);
acc[argType.name] = argType;
});
break;
default:
acc[item.name] = mapItem(item, category);
break;
}
return acc;
}, {});
}
__name(mapData, "mapData");
var getMetaDataExperimental = /* @__PURE__ */ __name((tagName, customElements) => {
if (!isValidComponent(tagName) || !isValidMetaData(customElements)) {
return null;
}
const metaData = customElements.tags.find(
(tag) => tag.name.toUpperCase() === tagName.toUpperCase()
);
if (!metaData) {
logger.warn(`Component not found in custom-elements.json: ${tagName}`);
}
return metaData;
}, "getMetaDataExperimental");
var getMetaDataV1 = /* @__PURE__ */ __name((tagName, customElements) => {
if (!isValidComponent(tagName) || !isValidMetaData(customElements)) {
return null;
}
let metadata;
customElements?.modules?.forEach((_module) => {
_module?.declarations?.forEach((declaration) => {
if (declaration.tagName === tagName) {
metadata = declaration;
}
});
});
if (!metadata) {
logger.warn(`Component not found in custom-elements.json: ${tagName}`);
}
return metadata;
}, "getMetaDataV1");
var getMetaData = /* @__PURE__ */ __name((tagName, manifest) => {
if (manifest?.version === "experimental") {
return getMetaDataExperimental(tagName, manifest);
}
return getMetaDataV1(tagName, manifest);
}, "getMetaData");
var extractArgTypesFromElements = /* @__PURE__ */ __name((tagName, customElements) => {
const metaData = getMetaData(tagName, customElements);
return metaData && {
...mapData(metaData.members ?? [], "properties"),
...mapData(metaData.properties ?? [], "properties"),
...mapData(metaData.attributes ?? [], "attributes"),
...mapData(metaData.events ?? [], "events"),
...mapData(metaData.slots ?? [], "slots"),
...mapData(metaData.cssProperties ?? [], "css custom properties"),
...mapData(metaData.cssParts ?? [], "css shadow parts")
};
}, "extractArgTypesFromElements");
var extractArgTypes = /* @__PURE__ */ __name((tagName) => {
const cem = getCustomElements();
return extractArgTypesFromElements(tagName, cem);
}, "extractArgTypes");
var extractComponentDescription = /* @__PURE__ */ __name((tagName) => {
const metaData = getMetaData(tagName, getCustomElements());
return metaData && metaData.description;
}, "extractComponentDescription");
// src/entry-preview-argtypes.ts
var parameters = {
docs: {
extractArgTypes,
extractComponentDescription
}
};
var argTypesEnhancers = [enhanceArgTypes];
export {
argTypesEnhancers,
parameters
};
"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 entry_preview_argtypes_exports={};__export(entry_preview_argtypes_exports,{argTypesEnhancers:()=>argTypesEnhancers,parameters:()=>parameters});module.exports=__toCommonJS(entry_preview_argtypes_exports);var import_docs_tools=require("storybook/internal/docs-tools");var import_client_logger=require("storybook/internal/client-logger"),import_tiny_invariant=__toESM(require("tiny-invariant"));var import_global4=require("@storybook/global");var import_global=require("@storybook/global"),{window:globalWindow}=import_global.global;globalWindow.STORYBOOK_ENV="web-components";var import_global2=require("@storybook/global");function isValidComponent(tagName){if(!tagName)return!1;if(typeof tagName=="string")return!0;throw new Error('Provided component needs to be a string. e.g. component: "my-element"')}function isValidMetaData(customElements){if(!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.`)}function getCustomElements(){return import_global2.global.__STORYBOOK_CUSTOM_ELEMENTS__||import_global2.global.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__}var import_preview_api2=require("storybook/preview-api");var import_global3=require("@storybook/global"),import_lit=require("lit"),import_directive_helpers=require("lit/directive-helpers.js"),import_preview_api=require("storybook/preview-api"),import_ts_dedent=require("ts-dedent"),{Node}=import_global3.global;var{window,EventSource}=import_global4.global;typeof module<"u"&&module?.hot?.decline&&(module.hot.decline(),new EventSource("__webpack_hmr").addEventListener("message",function(event){try{let{action}=JSON.parse(event.data);action==="built"&&window.location.reload()}catch{}}));function mapItem(item,category){let type;switch(category){case"attributes":case"properties":type={name:item.type?.text||item.type};break;case"slots":type={name:"string"};break;default:type={name:"void"};break}return{name:item.name,required:!1,description:item.description,type,table:{category,type:{summary:item.type?.text||item.type},defaultValue:{summary:item.default!==void 0?item.default:item.defaultValue}}}}function mapEvent(item){let name=item.name.replace(/(-|_|:|\.|\s)+(.)?/g,(_match,_separator,chr)=>chr?chr.toUpperCase():"").replace(/^([A-Z])/,match=>match.toLowerCase());return name=`on${name.charAt(0).toUpperCase()+name.substr(1)}`,[{name,action:{name:item.name},table:{disable:!0}},mapItem(item,"events")]}function mapData(data,category){return data&&data.filter(item=>item&&item.name).reduce((acc,item)=>{if(item.kind==="method")return acc;switch(category){case"events":mapEvent(item).forEach(argType=>{(0,import_tiny_invariant.default)(argType.name,`${argType} should have a name property.`),acc[argType.name]=argType});break;default:acc[item.name]=mapItem(item,category);break}return acc},{})}var getMetaDataExperimental=(tagName,customElements)=>{if(!isValidComponent(tagName)||!isValidMetaData(customElements))return null;let metaData=customElements.tags.find(tag=>tag.name.toUpperCase()===tagName.toUpperCase());return metaData||import_client_logger.logger.warn(`Component not found in custom-elements.json: ${tagName}`),metaData},getMetaDataV1=(tagName,customElements)=>{if(!isValidComponent(tagName)||!isValidMetaData(customElements))return null;let metadata;return customElements?.modules?.forEach(_module=>{_module?.declarations?.forEach(declaration=>{declaration.tagName===tagName&&(metadata=declaration)})}),metadata||import_client_logger.logger.warn(`Component not found in custom-elements.json: ${tagName}`),metadata},getMetaData=(tagName,manifest)=>manifest?.version==="experimental"?getMetaDataExperimental(tagName,manifest):getMetaDataV1(tagName,manifest),extractArgTypesFromElements=(tagName,customElements)=>{let metaData=getMetaData(tagName,customElements);return metaData&&{...mapData(metaData.members??[],"properties"),...mapData(metaData.properties??[],"properties"),...mapData(metaData.attributes??[],"attributes"),...mapData(metaData.events??[],"events"),...mapData(metaData.slots??[],"slots"),...mapData(metaData.cssProperties??[],"css custom properties"),...mapData(metaData.cssParts??[],"css shadow parts")}},extractArgTypes=tagName=>{let cem=getCustomElements();return extractArgTypesFromElements(tagName,cem)},extractComponentDescription=tagName=>{let metaData=getMetaData(tagName,getCustomElements());return metaData&&metaData.description};var parameters={docs:{extractArgTypes,extractComponentDescription}},argTypesEnhancers=[import_docs_tools.enhanceArgTypes];0&&(module.exports={argTypesEnhancers,parameters});

59

dist/entry-preview-docs.js

@@ -1,58 +0,1 @@

import {
__name
} from "./_browser-chunks/chunk-JFJ5UJ7Q.js";
// src/entry-preview-docs.ts
import { SourceType as SourceType2 } from "storybook/internal/docs-tools";
// src/docs/sourceDecorator.ts
import { SourceType } from "storybook/internal/docs-tools";
import { render } from "lit";
import { emitTransformCode, useEffect } from "storybook/preview-api";
var LIT_EXPRESSION_COMMENTS = /<!--\?lit\$[0-9]+\$-->|<!--\??-->/g;
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;
}
__name(skipSourceRender, "skipSourceRender");
function sourceDecorator(storyFn, context) {
const story = storyFn();
const renderedForSource = context?.parameters.docs?.source?.excludeDecorators ? context.originalStoryFn(context.args, context) : story;
let source;
useEffect(() => {
if (source) {
emitTransformCode(source, context);
}
});
if (!skipSourceRender(context)) {
const container = window.document.createElement("div");
if (renderedForSource instanceof DocumentFragment) {
render(renderedForSource.cloneNode(true), container);
} else {
render(renderedForSource, container);
}
source = container.innerHTML.replace(LIT_EXPRESSION_COMMENTS, "");
}
return story;
}
__name(sourceDecorator, "sourceDecorator");
// src/entry-preview-docs.ts
var decorators = [sourceDecorator];
var parameters = {
docs: {
source: {
type: SourceType2.DYNAMIC,
language: "html"
},
story: { inline: true }
}
};
export {
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_lit=require("lit"),import_preview_api=require("storybook/preview-api"),LIT_EXPRESSION_COMMENTS=/<!--\?lit\$[0-9]+\$-->|<!--\??-->/g;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}function sourceDecorator(storyFn,context){let story=storyFn(),renderedForSource=context?.parameters.docs?.source?.excludeDecorators?context.originalStoryFn(context.args,context):story,source;if((0,import_preview_api.useEffect)(()=>{source&&(0,import_preview_api.emitTransformCode)(source,context)}),!skipSourceRender(context)){let container=window.document.createElement("div");renderedForSource instanceof DocumentFragment?(0,import_lit.render)(renderedForSource.cloneNode(!0),container):(0,import_lit.render)(renderedForSource,container),source=container.innerHTML.replace(LIT_EXPRESSION_COMMENTS,"")}return story}var decorators=[sourceDecorator],parameters={docs:{source:{type:import_docs_tools2.SourceType.DYNAMIC,language:"html"},story:{inline:!0}}};0&&(module.exports={decorators,parameters});

15

dist/entry-preview.js

@@ -1,11 +0,4 @@

import {
parameters,
render,
renderToCanvas
} from "./_browser-chunks/chunk-NIAEHH3S.js";
import "./_browser-chunks/chunk-JFJ5UJ7Q.js";
export {
parameters,
render,
renderToCanvas
};
"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_lit=require("lit"),import_directive_helpers=require("lit/directive-helpers.js"),import_preview_api=require("storybook/preview-api"),import_ts_dedent=require("ts-dedent"),{Node}=import_global.global,render=(args,context)=>{let{id,component}=context;if(!component)throw new Error(`Unable to render story ${id} as the component annotation is missing from the default export`);let element=document.createElement(component);return Object.entries(args).forEach(([key,val])=>{element[key]=val}),element};function renderToCanvas({storyFn,kind,name,showMain,showError,forceRemount},canvasElement){let element=storyFn();if(showMain(),(0,import_directive_helpers.isTemplateResult)(element)){(forceRemount||!canvasElement.querySelector('[id="root-inner"]'))&&(canvasElement.innerHTML='<div id="root-inner"></div>');let renderTo=canvasElement.querySelector('[id="root-inner"]');(0,import_lit.render)(element,renderTo),(0,import_preview_api.simulatePageLoad)(canvasElement)}else if(typeof element=="string")canvasElement.innerHTML=element,(0,import_preview_api.simulatePageLoad)(canvasElement);else if(element instanceof Node){if(canvasElement.firstChild===element&&!forceRemount)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:"web-components"};0&&(module.exports={parameters,render,renderToCanvas});

13

dist/index.d.ts

@@ -1,11 +0,6 @@

import { WebRenderer, Args, ComponentAnnotations, AnnotatedStoryFn, StoryAnnotations, StrictArgs, DecoratorFunction, LoaderFunction, StoryContext as StoryContext$1, ProjectAnnotations, NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations } 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 { TemplateResult, SVGTemplateResult } from 'lit';
import { W as WebComponentsRenderer } from './types-9976a2c9.js';
import 'lit';
type StoryFnHtmlReturnType = string | Node | DocumentFragment | TemplateResult | SVGTemplateResult;
interface WebComponentsRenderer extends WebRenderer {
component: string;
storyResult: StoryFnHtmlReturnType;
}
/**

@@ -62,2 +57,2 @@ * Metadata to configure the stories for a component.

export { type Decorator, type Loader, type Meta, type Preview, type StoryContext, type StoryFn, type StoryObj, type WebComponentsRenderer, getCustomElements, isValidComponent, isValidMetaData, setCustomElements, setCustomElementsManifest, setProjectAnnotations };
export { Decorator, Loader, Meta, Preview, StoryContext, StoryFn, StoryObj, WebComponentsRenderer, getCustomElements, isValidComponent, isValidMetaData, setCustomElements, setCustomElementsManifest, setProjectAnnotations };

23

dist/index.js

@@ -1,18 +0,5 @@

import {
getCustomElements,
isValidComponent,
isValidMetaData,
setCustomElements,
setCustomElementsManifest,
setProjectAnnotations
} from "./_browser-chunks/chunk-CTBWQQZK.js";
import "./_browser-chunks/chunk-NIAEHH3S.js";
import "./_browser-chunks/chunk-JFJ5UJ7Q.js";
export {
getCustomElements,
isValidComponent,
isValidMetaData,
setCustomElements,
setCustomElementsManifest,
setProjectAnnotations
};
"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,{getCustomElements:()=>getCustomElements,isValidComponent:()=>isValidComponent,isValidMetaData:()=>isValidMetaData,setCustomElements:()=>setCustomElements,setCustomElementsManifest:()=>setCustomElementsManifest,setProjectAnnotations:()=>setProjectAnnotations});module.exports=__toCommonJS(index_exports);var import_global4=require("@storybook/global");var import_global=require("@storybook/global"),{window:globalWindow}=import_global.global;globalWindow.STORYBOOK_ENV="web-components";var import_global2=require("@storybook/global");function isValidComponent(tagName){if(!tagName)return!1;if(typeof tagName=="string")return!0;throw new Error('Provided component needs to be a string. e.g. component: "my-element"')}function isValidMetaData(customElements){if(!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.`)}function setCustomElements(customElements){import_global2.global.__STORYBOOK_CUSTOM_ELEMENTS__=customElements}function setCustomElementsManifest(customElements){import_global2.global.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__=customElements}function getCustomElements(){return import_global2.global.__STORYBOOK_CUSTOM_ELEMENTS__||import_global2.global.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__}var import_preview_api2=require("storybook/preview-api");var entry_preview_exports={};__export(entry_preview_exports,{parameters:()=>parameters,render:()=>render,renderToCanvas:()=>renderToCanvas});var import_global3=require("@storybook/global"),import_lit=require("lit"),import_directive_helpers=require("lit/directive-helpers.js"),import_preview_api=require("storybook/preview-api"),import_ts_dedent=require("ts-dedent"),{Node}=import_global3.global,render=(args,context)=>{let{id,component}=context;if(!component)throw new Error(`Unable to render story ${id} as the component annotation is missing from the default export`);let element=document.createElement(component);return Object.entries(args).forEach(([key,val])=>{element[key]=val}),element};function renderToCanvas({storyFn,kind,name,showMain,showError,forceRemount},canvasElement){let element=storyFn();if(showMain(),(0,import_directive_helpers.isTemplateResult)(element)){(forceRemount||!canvasElement.querySelector('[id="root-inner"]'))&&(canvasElement.innerHTML='<div id="root-inner"></div>');let renderTo=canvasElement.querySelector('[id="root-inner"]');(0,import_lit.render)(element,renderTo),(0,import_preview_api.simulatePageLoad)(canvasElement)}else if(typeof element=="string")canvasElement.innerHTML=element,(0,import_preview_api.simulatePageLoad)(canvasElement);else if(element instanceof Node){if(canvasElement.firstChild===element&&!forceRemount)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:"web-components"};function setProjectAnnotations(projectAnnotations){return(0,import_preview_api2.setDefaultProjectAnnotations)(entry_preview_exports),(0,import_preview_api2.setProjectAnnotations)(projectAnnotations)}var{window,EventSource}=import_global4.global;typeof module<"u"&&module?.hot?.decline&&(module.hot.decline(),new EventSource("__webpack_hmr").addEventListener("message",function(event){try{let{action}=JSON.parse(event.data);action==="built"&&window.location.reload()}catch{}}));0&&(module.exports={getCustomElements,isValidComponent,isValidMetaData,setCustomElements,setCustomElementsManifest,setProjectAnnotations});

27

dist/preset.js

@@ -1,26 +0,1 @@

import CJS_COMPAT_NODE_URL_w38u3jke6e from 'node:url';
import CJS_COMPAT_NODE_PATH_w38u3jke6e from 'node:path';
import CJS_COMPAT_NODE_MODULE_w38u3jke6e from "node:module";
var __filename = CJS_COMPAT_NODE_URL_w38u3jke6e.fileURLToPath(import.meta.url);
var __dirname = CJS_COMPAT_NODE_PATH_w38u3jke6e.dirname(__filename);
var require = CJS_COMPAT_NODE_MODULE_w38u3jke6e.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/web-components/entry-preview"))]).concat(
docsEnabled ? [fileURLToPath(import.meta.resolve("@storybook/web-components/entry-preview-docs"))] : []
);
}, "previewAnnotations");
export {
previewAnnotations
};
"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});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"),(0,import_node_path.join)(__dirname,"entry-preview-argtypes.mjs")]).concat(docsEnabled?[(0,import_node_path.join)(__dirname,"entry-preview-docs.mjs")]:[])};0&&(module.exports={previewAnnotations});

49

package.json
{
"name": "@storybook/web-components",
"version": "0.0.0-pr-32369-sha-60d3e1c8",
"description": "Storybook Web Components renderer: Develop, document, and test UI components in isolation",
"version": "0.0.0-pr-32385-sha-07e99aef",
"description": "Storybook web-components renderer",
"keywords": [
"storybook",
"storybook-renderer",
"lit",
"lit-html",
"web-components",
"component",
"components"
"storybook",
"web-components"
],

@@ -28,14 +25,17 @@ "homepage": "https://github.com/storybookjs/storybook/tree/next/code/renderers/web-components",

"license": "MIT",
"type": "module",
"exports": {
".": {
"types": "./dist/index.d.ts",
"default": "./dist/index.js"
"import": "./dist/index.mjs",
"require": "./dist/index.js"
},
"./entry-preview": "./dist/entry-preview.js",
"./entry-preview-argtypes": "./dist/entry-preview-argtypes.js",
"./entry-preview-docs": "./dist/entry-preview-docs.js",
"./package.json": "./package.json",
"./preset": "./dist/preset.js"
"./preset": "./preset.js",
"./dist/entry-preview.mjs": "./dist/entry-preview.mjs",
"./dist/entry-preview-argtypes.mjs": "./dist/entry-preview-argtypes.mjs",
"./dist/entry-preview-docs.mjs": "./dist/entry-preview-docs.mjs",
"./package.json": "./package.json"
},
"main": "dist/index.js",
"module": "dist/index.mjs",
"types": "dist/index.d.ts",
"files": [

@@ -50,4 +50,4 @@ "dist/**/*",

"scripts": {
"check": "jiti ../../../scripts/check/check-package.ts",
"prep": "jiti ../../../scripts/build/build-package.ts"
"check": "jiti ../../../scripts/prepare/check.ts",
"prep": "jiti ../../../scripts/prepare/bundle.ts"
},

@@ -71,8 +71,21 @@ "dependencies": {

"lit": "^2.0.0 || ^3.0.0",
"storybook": "^0.0.0-pr-32369-sha-60d3e1c8"
"storybook": "^0.0.0-pr-32385-sha-07e99aef"
},
"engines": {
"node": ">=20.0.0"
},
"publishConfig": {
"access": "public"
},
"gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae16"
"bundler": {
"entries": [
"./src/index.ts",
"./src/preset.ts",
"./src/entry-preview.ts",
"./src/entry-preview-argtypes.ts",
"./src/entry-preview-docs.ts"
],
"platform": "browser"
},
"gitHead": "e6a7fd8a655c69780bc20b9749c2699e44beae16"
}

2

preset.js

@@ -1,1 +0,1 @@

export * from './dist/preset.js';
module.exports = require('./dist/preset');

4

README.md
# Storybook web-components renderer
Develop, document, and test UI components in isolation.
Learn more about Storybook at [storybook.js.org](https://storybook.js.org/?ref=readme).
dist/_browser-chunks/chunk-CTBWQQZK.js
dist/_browser-chunks/chunk-JFJ5UJ7Q.js
dist/_browser-chunks/chunk-NIAEHH3S.js