@storybook/svelte - npm Package Compare versions

Comparing version 0.0.0-pr-31819-sha-36ca675c to 0.0.0-pr-31819-sha-4058f5e6

dist/entry-preview-docs.js

@@ -1,5 +0,65 @@
-"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});module.exports=__toCommonJS(entry_preview_docs_exports);var import_client_logger=require("storybook/internal/client-logger"),import_docs_tools=require("storybook/internal/docs-tools"),import_preview_api=require("storybook/preview-api"),skipSourceRender=context=>{let sourceParams=context?.parameters.docs?.source,isArgsStory=context?.parameters.__isArgsStory;return(context?.tags??[]).some(tag=>tag.startsWith("svelte-csf"))?!0:sourceParams?.type===import_docs_tools.SourceType.DYNAMIC?!1:!isArgsStory||sourceParams?.code||sourceParams?.type===import_docs_tools.SourceType.CODE};function toSvelteProperty(key,value,argTypes){if(value==null)return null;let argType=argTypes[key];return argType&&argType.defaultValue===value||argType&&argType.action?null:value===!0?key:typeof value=="string"?`${key}=${JSON.stringify(value)}`:typeof value=="function"?`${key}={<handler>}`:`${key}={${JSON.stringify(value)}}`}function getComponentName(component){if(component==null)return null;let{__docgen={}}=component,{name}=__docgen;return name?(name.endsWith(".svelte")&&(name=name.substring(0,name.length-7)),name):component.name}function generateSvelteSource(component,args,argTypes,slotProperty){let name=getComponentName(component);if(!name)return null;let propsArray=Object.entries(args).filter(([k])=>k!==slotProperty).map(([k,v])=>toSvelteProperty(k,v,argTypes)).filter(p=>p),props=propsArray.join(" "),multiline=props.length>50,slotValue=slotProperty?args[slotProperty]:null,srcStart=multiline?`<${name}
-  ${propsArray.join(`
-  `)}`:`<${name} ${props}`;return slotValue?`${srcStart}>
-    ${slotValue}
-</${name}>`:`${srcStart}/>`}function getWrapperProperties(component){let{__docgen}=component||{};return __docgen?__docgen.keywords?.find(kw=>kw.name==="wrapper")?{wrapper:!0,slotProperty:__docgen.data?.find(prop=>prop.keywords.find(kw=>kw.name==="slot"))?.name}:{wrapper:!1}:{wrapper:!1}}var sourceDecorator=(storyFn,context)=>{let skip=skipSourceRender(context),story=storyFn(),source=(0,import_preview_api.useRef)(void 0);return(0,import_preview_api.useEffect)(()=>{if(skip)return;let{parameters={},args={},component:ctxComponent}=context||{},{Component:component}=context.originalStoryFn(args,context),{wrapper,slotProperty}=getWrapperProperties(component);wrapper&&(parameters.component&&(0,import_client_logger.deprecate)("parameters.component is deprecated. Using context.component instead."),component=ctxComponent);let generated=generateSvelteSource(component,args,context?.argTypes,slotProperty);generated&&source.current!==generated&&((0,import_preview_api.emitTransformCode)(generated,context),source.current=generated)}),story};var decorators=[sourceDecorator];0&&(module.exports={decorators});
+import {
+  a as i
+} from "./_browser-chunks/chunk-A47P2DCZ.js";
+
+// src/docs/sourceDecorator.ts
+import { deprecate as d } from "storybook/internal/client-logger";
+import { SourceType as m } from "storybook/internal/docs-tools";
+import { emitTransformCode as g, useEffect as S, useRef as $ } from "storybook/preview-api";
+var A = /* @__PURE__ */ i((e) => {
+  let r = e?.parameters.docs?.source, n = e?.parameters.__isArgsStory;
+  return (e?.tags ?? []).some((t) => t.startsWith("svelte-csf")) ? !0 : r?.type === m.DYNAMIC ? !1 : !n || r?.code || r?.type === m.CODE;
+}, "skipSourceRender");
+function C(e, r, n) {
+  if (r == null)
+    return null;
+  let t = n[e];
+  return t && t.defaultValue === r || t && t.action ? null : r === !0 ? e : typeof r == "string" ? `${e}=${JSON.stringify(r)}` : typeof r == "function" ? `${e}={<handler>}` : `${e}={${JSON.stringify(r)}}`;
+}
+i(C, "toSvelteProperty");
+function D(e) {
+  if (e == null)
+    return null;
+  let { __docgen: r = {} } = e, { name: n } = r;
+  return n ? (n.endsWith(".svelte") && (n = n.substring(0, n.length - 7)), n) : e.name;
+}
+i(D, "getComponentName");
+function R(e, r, n, t) {
+  let o = D(e);
+  if (!o)
+    return null;
+  let a = Object.entries(r).filter(([s]) => s !== t).map(([s, c]) => C(s, c, n)).filter((s) => s), u = a.join(" "), f = u.length > 50, p = t ? r[t] : null, l = f ? `<${o}
+  ${a.join(`
+  `)}` : `<${o} ${u}`;
+  return p ? `${l}>
+    ${p}
+</${o}>` : `${l}/>`;
+}
+i(R, "generateSvelteSource");
+function v(e) {
+  let { __docgen: r } = e || {};
+  return r ? r.keywords?.find((t) => t.name === "wrapper") ? { wrapper: !0, slotProperty: r.data?.find(
+    (t) => t.keywords.find((o) => o.name === "slot")
+  )?.name } : { wrapper: !1 } : { wrapper: !1 };
+}
+i(v, "getWrapperProperties");
+var y = /* @__PURE__ */ i((e, r) => {
+  let n = A(r), t = e(), o = $(void 0);
+  return S(() => {
+    if (n)
+      return;
+    let { parameters: a = {}, args: u = {}, component: f } = r || {}, { Component: p } = r.originalStoryFn(
+      u,
+      r
+    ), { wrapper: l, slotProperty: s } = v(p);
+    l && (a.component && d("parameters.component is deprecated. Using context.component instead."), p = f);
+    let c = R(p, u, r?.argTypes, s);
+    c && o.current !== c && (g(c, r), o.current = c);
+  }), t;
+}, "sourceDecorator");
+
+// src/entry-preview-docs.ts
+var b = [y];
+export {
+  b as decorators
+};

dist/entry-preview.js

@@ -1,3 +0,17 @@
-"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_exports={};__export(entry_preview_exports,{applyDecorators:()=>decorateStory,argTypesEnhancers:()=>argTypesEnhancers,mount:()=>mount2,parameters:()=>parameters,render:()=>render,renderToCanvas:()=>renderToCanvas});module.exports=__toCommonJS(entry_preview_exports);var import_docs_tools=require("storybook/internal/docs-tools");var import_client_logger=require("storybook/internal/client-logger");function hasKeyword(keyword,keywords){return keywords?keywords.find(k=>k.name===keyword)!=null:!1}var extractArgTypes=component=>{try{let docgen=component.__docgen;if(docgen)return createArgTypes(docgen)}catch(err){import_client_logger.logger.log(`Error extracting argTypes: ${err}`)}return{}},createArgTypes=docgen=>{let results={};return docgen.data&&docgen.data.forEach(item=>{results[item.name]={...parseTypeToControl(item.type),name:item.name,description:item.description||void 0,type:{required:hasKeyword("required",item.keywords||[]),name:item.type?.text==="{}"?"object":item.type?.text},table:{type:{summary:item.type?.text},defaultValue:{summary:item.defaultValue},category:"properties"}}}),docgen.events&&docgen.events.forEach(item=>{results[`event_${item.name}`]={name:item.name,action:item.name,control:!1,...item.description?{description:item.description}:{},table:{category:"events"}}}),docgen.slots&&docgen.slots.forEach(item=>{results[`slot_${item.name}`]={name:item.name,control:!1,description:[item.description,item.params?.map(p=>`\`${p.name}\``).join(" ")].filter(p=>p).join(`
-
-`),table:{category:"slots"}}}),results},parseTypeToControl=type=>{if(!type)return null;if(type.kind==="type")switch(type.type){case"string":return{control:{type:"text"}};case"any":return{control:{type:"object"}};default:return{control:{type:type.type}}}else if(type.kind==="union"){if(Array.isArray(type.type)&&!type.type.some(t=>t.kind!=="const"||!["string","number","null","undefined"].includes(t.type))){let options=type.type.map(t=>t.value);return{control:{type:"radio",labels:options.map(String)},options}}}else if(type.kind==="function")return{control:null};return null};function extractComponentDescription(component){return component?.__docgen?.description||""}var import_core_events=require("storybook/internal/core-events"),import_PreviewRender=__toESM(require("@storybook/svelte/internal/PreviewRender.svelte")),import_createReactiveProps=require("@storybook/svelte/internal/createReactiveProps"),import_preview_api=require("storybook/preview-api"),svelte=__toESM(require("svelte")),storyIdsToRemountFromResetArgsEvent=new Set;import_preview_api.addons.getChannel().on(import_core_events.RESET_STORY_ARGS,({storyId})=>{storyIdsToRemountFromResetArgsEvent.add(storyId)});var componentsByDomElement=new Map;function renderToCanvas({storyFn,title,name,showMain,showError,storyContext,forceRemount},canvasElement){function unmount2(canvasElementToUnmount){let{mountedComponent}=componentsByDomElement.get(canvasElementToUnmount)??{};mountedComponent&&(svelte.unmount(mountedComponent),componentsByDomElement.delete(canvasElementToUnmount))}let existingComponent=componentsByDomElement.get(canvasElement),remount=forceRemount;if(storyIdsToRemountFromResetArgsEvent.has(storyContext.id)&&(remount=!0,storyIdsToRemountFromResetArgsEvent.delete(storyContext.id)),remount&&unmount2(canvasElement),!existingComponent||remount){let props=(0,import_createReactiveProps.createReactiveProps)({storyFn,storyContext,name,title,showError}),mountedComponent=svelte.mount(import_PreviewRender.default,{target:canvasElement,props});componentsByDomElement.set(canvasElement,{mountedComponent,props})}else Object.assign(existingComponent.props,{storyFn,storyContext,name,title,showError});return showMain(),()=>{unmount2(canvasElement)}}var render=(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{Component,props:args}};var import_DecoratorHandler=__toESM(require("@storybook/svelte/internal/DecoratorHandler.svelte")),import_preview_api2=require("storybook/preview-api");function unWrap(obj){return obj&&typeof obj=="object"&&"default"in obj?obj.default:obj}function prepareStory(context,rawStory,rawInnerStory){let story=unWrap(rawStory),innerStory=rawInnerStory&&unWrap(rawInnerStory),preparedStory;return!story||Object.keys(story).length===0?preparedStory={Component:context.component}:story.Component?preparedStory=story:preparedStory={Component:story},innerStory?{Component:import_DecoratorHandler.default,props:{...innerStory,decorator:preparedStory}}:{...preparedStory,argTypes:context.argTypes}}function decorateStory(storyFn,decorators){return decorators.reduce((decorated,decorator)=>context=>{let story,decoratedStory=decorator(update=>(story=decorated({...context,...(0,import_preview_api2.sanitizeStoryContextUpdate)(update)}),story),context);return story||(story=decorated(context)),decoratedStory===story?story:prepareStory(context,decoratedStory,story)},context=>prepareStory(context,storyFn(context)))}var mount2=context=>async(Component,options)=>(Component&&(context.originalStoryFn=()=>({Component,props:options&&"props"in options?options?.props:options})),await context.renderToCanvas(),context.canvas);var parameters={renderer:"svelte",docs:{story:{inline:!0},extractArgTypes,extractComponentDescription}},argTypesEnhancers=[import_docs_tools.enhanceArgTypes];0&&(module.exports={applyDecorators,argTypesEnhancers,mount,parameters,render,renderToCanvas});
+import {
+  a,
+  b,
+  c,
+  d,
+  e,
+  f
+} from "./_browser-chunks/chunk-NS6EBDOV.js";
+import "./_browser-chunks/chunk-A47P2DCZ.js";
+export {
+  c as applyDecorators,
+  f as argTypesEnhancers,
+  d as mount,
+  e as parameters,
+  b as render,
+  a as renderToCanvas
+};

dist/index.d.ts

@@ -1,8 +0,30 @@
-import { Args, ComponentAnnotations, AnnotatedStoryFn, ArgsStoryFn, ArgsFromMeta, StoryAnnotations, StrictArgs, DecoratorFunction, LoaderFunction, StoryContext as StoryContext$1, ProjectAnnotations, NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations, StoryAnnotationsOrFn, Store_CSFExports, StoriesWithPartialProps, ComposedStoryFn } from 'storybook/internal/types';
+import { WebRenderer, Canvas, Args, ComponentAnnotations, AnnotatedStoryFn, ArgsStoryFn, ArgsFromMeta, StoryAnnotations, StrictArgs, DecoratorFunction, LoaderFunction, StoryContext as StoryContext$1, ProjectAnnotations, NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations, StoryAnnotationsOrFn, ComposedStoryFn, Store_CSFExports, StoriesWithPartialProps } from 'storybook/internal/types';
 export { ArgTypes, Args, Parameters, StrictArgs } from 'storybook/internal/types';
-import { SvelteComponent, ComponentProps, ComponentType } from 'svelte';
+import * as svelte from 'svelte';
+import { SvelteComponent, ComponentConstructorOptions, ComponentEvents, ComponentProps, ComponentType as ComponentType$1 } from 'svelte';
 import { Simplify, SetOptional } from 'type-fest';
-import { a as Svelte5ComponentType, S as SvelteRenderer } from './types-b7d0039b.js';
 import PreviewRender from '@storybook/svelte/internal/PreviewRender.svelte';
 
+type ComponentType<Props extends Record<string, any> = any, Events extends Record<string, any> = any> = new (options: ComponentConstructorOptions<Props>) => {
+    [P in keyof SvelteComponent<Props> as P extends `$$${string}` ? never : P]: SvelteComponent<Props, Events>[P];
+};
+type Svelte5ComponentType<Props extends Record<string, any> = any> = typeof svelte extends {
+    mount: any;
+} ? svelte.Component<Props, any, any> : never;
+interface SvelteRenderer<C extends SvelteComponent | Svelte5ComponentType = SvelteComponent> extends WebRenderer {
+    component: ComponentType<this['T'] extends Record<string, any> ? this['T'] : any> | Svelte5ComponentType<this['T'] extends Record<string, any> ? this['T'] : any>;
+    storyResult: this['T'] extends Record<string, any> ? SvelteStoryResult<this['T'], C extends SvelteComponent ? ComponentEvents<C> : {}> : SvelteStoryResult;
+    mount: (Component?: ComponentType | Svelte5ComponentType, options?: Record<string, any> & {
+        props: Record<string, any>;
+    }) => Promise<Canvas>;
+}
+interface SvelteStoryResult<Props extends Record<string, any> = any, Events extends Record<string, any> = any> {
+    Component?: ComponentType<Props> | Svelte5ComponentType<Props>;
+    on?: Record<string, any> extends Events ? Record<string, (event: CustomEvent) => void> : {
+        [K in keyof Events as string extends K ? never : K]?: (event: Events[K]) => void;
+    };
+    props?: Props;
+    decorator?: ComponentType<Props> | Svelte5ComponentType<Props>;
+}
+
 /**
@@ -29,3 +51,3 @@ * Metadata to configure the stories for a component.
     args?: infer DefaultArgs;
-} ? Simplify<ComponentProps<Comp extends ComponentType<infer Component> ? Component : Comp extends Svelte5ComponentType ? Comp : never> & ArgsFromMeta<SvelteRenderer, MetaOrCmpOrArgs>> extends infer TArgs ? StoryAnnotations<SvelteRenderer<Comp extends ComponentType<infer Component> ? Component : Comp extends Svelte5ComponentType ? Comp : never>, TArgs, SetOptional<TArgs, Extract<keyof TArgs, keyof DefaultArgs>>> : never : MetaOrCmpOrArgs extends SvelteComponent | Svelte5ComponentType ? StoryAnnotations<SvelteRenderer<MetaOrCmpOrArgs>, ComponentProps<MetaOrCmpOrArgs>> : StoryAnnotations<SvelteRenderer, MetaOrCmpOrArgs>;
+} ? Simplify<ComponentProps<Comp extends ComponentType$1<infer Component> ? Component : Comp extends Svelte5ComponentType ? Comp : never> & ArgsFromMeta<SvelteRenderer, MetaOrCmpOrArgs>> extends infer TArgs ? StoryAnnotations<SvelteRenderer<Comp extends ComponentType$1<infer Component> ? Component : Comp extends Svelte5ComponentType ? Comp : never>, TArgs, SetOptional<TArgs, Extract<keyof TArgs, keyof DefaultArgs>>> : never : MetaOrCmpOrArgs extends SvelteComponent | Svelte5ComponentType ? StoryAnnotations<SvelteRenderer<MetaOrCmpOrArgs>, ComponentProps<MetaOrCmpOrArgs>> : StoryAnnotations<SvelteRenderer, MetaOrCmpOrArgs>;
 
@@ -123,2 +145,2 @@ type Decorator<TArgs = StrictArgs> = DecoratorFunction<SvelteRenderer, TArgs>;
 
-export { Decorator, INTERNAL_DEFAULT_PROJECT_ANNOTATIONS, Loader, Meta, Preview, StoryContext, StoryFn, StoryObj, SvelteRenderer, composeStories, composeStory, setProjectAnnotations };
+export { type Decorator, INTERNAL_DEFAULT_PROJECT_ANNOTATIONS, type Loader, type Meta, type Preview, type StoryContext, type StoryFn, type StoryObj, type SvelteRenderer, composeStories, composeStory, setProjectAnnotations };

dist/index.js

@@ -1,3 +0,71 @@
-"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 index_exports={};__export(index_exports,{INTERNAL_DEFAULT_PROJECT_ANNOTATIONS:()=>INTERNAL_DEFAULT_PROJECT_ANNOTATIONS,composeStories:()=>composeStories,composeStory:()=>composeStory,setProjectAnnotations:()=>setProjectAnnotations});module.exports=__toCommonJS(index_exports);globalThis.STORYBOOK_ENV="svelte";var import_PreviewRender2=__toESM(require("@storybook/svelte/internal/PreviewRender.svelte")),import_createReactiveProps2=require("@storybook/svelte/internal/createReactiveProps"),import_preview_api3=require("storybook/preview-api");var entry_preview_exports={};__export(entry_preview_exports,{applyDecorators:()=>decorateStory,argTypesEnhancers:()=>argTypesEnhancers,mount:()=>mount2,parameters:()=>parameters,render:()=>render,renderToCanvas:()=>renderToCanvas});var import_docs_tools=require("storybook/internal/docs-tools");var import_client_logger=require("storybook/internal/client-logger");function hasKeyword(keyword,keywords){return keywords?keywords.find(k=>k.name===keyword)!=null:!1}var extractArgTypes=component=>{try{let docgen=component.__docgen;if(docgen)return createArgTypes(docgen)}catch(err){import_client_logger.logger.log(`Error extracting argTypes: ${err}`)}return{}},createArgTypes=docgen=>{let results={};return docgen.data&&docgen.data.forEach(item=>{results[item.name]={...parseTypeToControl(item.type),name:item.name,description:item.description||void 0,type:{required:hasKeyword("required",item.keywords||[]),name:item.type?.text==="{}"?"object":item.type?.text},table:{type:{summary:item.type?.text},defaultValue:{summary:item.defaultValue},category:"properties"}}}),docgen.events&&docgen.events.forEach(item=>{results[`event_${item.name}`]={name:item.name,action:item.name,control:!1,...item.description?{description:item.description}:{},table:{category:"events"}}}),docgen.slots&&docgen.slots.forEach(item=>{results[`slot_${item.name}`]={name:item.name,control:!1,description:[item.description,item.params?.map(p=>`\`${p.name}\``).join(" ")].filter(p=>p).join(`
+import {
+  a,
+  g as m
+} from "./_browser-chunks/chunk-NS6EBDOV.js";
+import {
+  a as r
+} from "./_browser-chunks/chunk-A47P2DCZ.js";
 
-`),table:{category:"slots"}}}),results},parseTypeToControl=type=>{if(!type)return null;if(type.kind==="type")switch(type.type){case"string":return{control:{type:"text"}};case"any":return{control:{type:"object"}};default:return{control:{type:type.type}}}else if(type.kind==="union"){if(Array.isArray(type.type)&&!type.type.some(t=>t.kind!=="const"||!["string","number","null","undefined"].includes(t.type))){let options=type.type.map(t=>t.value);return{control:{type:"radio",labels:options.map(String)},options}}}else if(type.kind==="function")return{control:null};return null};function extractComponentDescription(component){return component?.__docgen?.description||""}var import_core_events=require("storybook/internal/core-events"),import_PreviewRender=__toESM(require("@storybook/svelte/internal/PreviewRender.svelte")),import_createReactiveProps=require("@storybook/svelte/internal/createReactiveProps"),import_preview_api=require("storybook/preview-api"),svelte=__toESM(require("svelte")),storyIdsToRemountFromResetArgsEvent=new Set;import_preview_api.addons.getChannel().on(import_core_events.RESET_STORY_ARGS,({storyId})=>{storyIdsToRemountFromResetArgsEvent.add(storyId)});var componentsByDomElement=new Map;function renderToCanvas({storyFn,title,name,showMain,showError,storyContext,forceRemount},canvasElement){function unmount2(canvasElementToUnmount){let{mountedComponent}=componentsByDomElement.get(canvasElementToUnmount)??{};mountedComponent&&(svelte.unmount(mountedComponent),componentsByDomElement.delete(canvasElementToUnmount))}let existingComponent=componentsByDomElement.get(canvasElement),remount=forceRemount;if(storyIdsToRemountFromResetArgsEvent.has(storyContext.id)&&(remount=!0,storyIdsToRemountFromResetArgsEvent.delete(storyContext.id)),remount&&unmount2(canvasElement),!existingComponent||remount){let props=(0,import_createReactiveProps.createReactiveProps)({storyFn,storyContext,name,title,showError}),mountedComponent=svelte.mount(import_PreviewRender.default,{target:canvasElement,props});componentsByDomElement.set(canvasElement,{mountedComponent,props})}else Object.assign(existingComponent.props,{storyFn,storyContext,name,title,showError});return showMain(),()=>{unmount2(canvasElement)}}var render=(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{Component,props:args}};var import_DecoratorHandler=__toESM(require("@storybook/svelte/internal/DecoratorHandler.svelte")),import_preview_api2=require("storybook/preview-api");function unWrap(obj){return obj&&typeof obj=="object"&&"default"in obj?obj.default:obj}function prepareStory(context,rawStory,rawInnerStory){let story=unWrap(rawStory),innerStory=rawInnerStory&&unWrap(rawInnerStory),preparedStory;return!story||Object.keys(story).length===0?preparedStory={Component:context.component}:story.Component?preparedStory=story:preparedStory={Component:story},innerStory?{Component:import_DecoratorHandler.default,props:{...innerStory,decorator:preparedStory}}:{...preparedStory,argTypes:context.argTypes}}function decorateStory(storyFn,decorators){return decorators.reduce((decorated,decorator)=>context=>{let story,decoratedStory=decorator(update=>(story=decorated({...context,...(0,import_preview_api2.sanitizeStoryContextUpdate)(update)}),story),context);return story||(story=decorated(context)),decoratedStory===story?story:prepareStory(context,decoratedStory,story)},context=>prepareStory(context,storyFn(context)))}var mount2=context=>async(Component,options)=>(Component&&(context.originalStoryFn=()=>({Component,props:options&&"props"in options?options?.props:options})),await context.renderToCanvas(),context.canvas);var parameters={renderer:"svelte",docs:{story:{inline:!0},extractArgTypes,extractComponentDescription}},argTypesEnhancers=[import_docs_tools.enhanceArgTypes];function setProjectAnnotations(projectAnnotations){return(0,import_preview_api3.setDefaultProjectAnnotations)(INTERNAL_DEFAULT_PROJECT_ANNOTATIONS),(0,import_preview_api3.setProjectAnnotations)(projectAnnotations)}var INTERNAL_DEFAULT_PROJECT_ANNOTATIONS={...entry_preview_exports,renderToCanvas:(renderContext,canvasElement)=>{if(renderContext.storyContext.testingLibraryRender==null)return renderToCanvas(renderContext,canvasElement);let{storyFn,storyContext:{testingLibraryRender:render2}}=renderContext,{Component,props}=storyFn(),{unmount:unmount2}=render2(Component,{props,target:canvasElement});return unmount2}};function composeStory(story,componentAnnotations,projectAnnotations,exportsName){let composedStory=(0,import_preview_api3.composeStory)(story,componentAnnotations,projectAnnotations,globalThis.globalProjectAnnotations??INTERNAL_DEFAULT_PROJECT_ANNOTATIONS,exportsName),props=(0,import_createReactiveProps2.createReactiveProps)({storyFn:composedStory,storyContext:{...composedStory},name:composedStory.storyName,title:composedStory.id,showError:()=>{}}),renderable={Component:import_PreviewRender2.default,props};return Object.assign(renderable,composedStory),renderable}function composeStories(csfExports,projectAnnotations){return(0,import_preview_api3.composeStories)(csfExports,projectAnnotations,composeStory)}0&&(module.exports={INTERNAL_DEFAULT_PROJECT_ANNOTATIONS,composeStories,composeStory,setProjectAnnotations});
+// src/globals.ts
+globalThis.STORYBOOK_ENV = "svelte";
+
+// src/portable-stories.ts
+import S from "@storybook/svelte/internal/PreviewRender.svelte";
+import { createReactiveProps as y } from "@storybook/svelte/internal/createReactiveProps";
+import {
+  composeStories as d,
+  composeStory as l,
+  setProjectAnnotations as g,
+  setDefaultProjectAnnotations as C
+} from "storybook/preview-api";
+function O(e) {
+  return C(A), g(
+    e
+  );
+}
+r(O, "setProjectAnnotations");
+var A = {
+  ...m,
+  /** @deprecated */
+  renderToCanvas: /* @__PURE__ */ r((e, o) => {
+    if (e.storyContext.testingLibraryRender == null)
+      return a(e, o);
+    let {
+      storyFn: n,
+      storyContext: { testingLibraryRender: p }
+    } = e, { Component: t, props: i } = n(), { unmount: s } = p(t, { props: i, target: o });
+    return s;
+  }, "renderToCanvas")
+};
+function c(e, o, n, p) {
+  let t = l(
+    e,
+    // @ts-expect-error Fix this later: Type 'Partial<{ [x: string]: any; }>' is not assignable to type 'Partial<Simplify<TArgs, {}>>'
+    o,
+    n,
+    globalThis.globalProjectAnnotations ?? A,
+    p
+  ), i = y({
+    storyFn: t,
+    storyContext: { ...t },
+    name: t.storyName,
+    title: t.id,
+    showError: /* @__PURE__ */ r(() => {
+    }, "showError")
+  }), s = {
+    Component: S,
+    props: i
+  };
+  return Object.assign(s, t), s;
+}
+r(c, "composeStory");
+function x(e, o) {
+  return d(e, o, c);
+}
+r(x, "composeStories");
+export {
+  A as INTERNAL_DEFAULT_PROJECT_ANNOTATIONS,
+  x as composeStories,
+  c as composeStory,
+  O as setProjectAnnotations
+};

dist/playwright.js

@@ -1,1 +0,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 playwright_exports={};__export(playwright_exports,{createTest:()=>import_preview_api.createPlaywrightTest});module.exports=__toCommonJS(playwright_exports);var import_preview_api=require("storybook/preview-api");0&&(module.exports={createTest});
+import "./_browser-chunks/chunk-A47P2DCZ.js";
+
+// src/playwright.ts
+import { createPlaywrightTest as r } from "storybook/preview-api";
+export {
+  r as createTest
+};

dist/preset.js

@@ -1,1 +0,24 @@
-"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")]).concat(docsEnabled?[(0,import_node_path.join)(__dirname,"entry-preview-docs.mjs")]:[])};0&&(module.exports={previewAnnotations});
+import CJS_COMPAT_NODE_URL from 'node:url';
+import CJS_COMPAT_NODE_PATH from 'node:path';
+import CJS_COMPAT_NODE_MODULE from "node:module";
+
+const __filename = CJS_COMPAT_NODE_URL.fileURLToPath(import.meta.url);
+const __dirname = CJS_COMPAT_NODE_PATH.dirname(__filename);
+const require = CJS_COMPAT_NODE_MODULE.createRequire(import.meta.url);
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+var n = Object.defineProperty;
+var o = (t, e) => n(t, "name", { value: e, configurable: !0 });
+
+// src/preset.ts
+import { fileURLToPath as r } from "node:url";
+var i = /* @__PURE__ */ o(async (t = [], e) => {
+  let s = Object.keys(await e.presets.apply("docs", {}, e)).length > 0;
+  return [].concat(t).concat([r(import.meta.resolve("@storybook/svelte/entry-preview"))]).concat(
+    s ? [r(import.meta.resolve("@storybook/svelte/entry-preview-docs"))] : []
+  );
+}, "previewAnnotations");
+export {
+  i as previewAnnotations
+};

package.json

 {
   "name": "@storybook/svelte",
-  "version": "0.0.0-pr-31819-sha-36ca675c",
+  "version": "0.0.0-pr-31819-sha-4058f5e6",
   "description": "Storybook Svelte renderer",
@@ -22,27 +22,24 @@ "keywords": [
   "license": "MIT",
+  "type": "module",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "default": "./dist/index.js"
     },
+    "./entry-preview": "./dist/entry-preview.js",
+    "./entry-preview-docs": "./dist/entry-preview-docs.js",
     "./experimental-playwright": {
       "types": "./dist/playwright.d.ts",
-      "import": "./dist/playwright.mjs",
-      "require": "./dist/playwright.js"
+      "default": "./dist/playwright.js"
     },
-    "./preset": "./preset.js",
-    "./dist/entry-preview.mjs": "./dist/entry-preview.mjs",
-    "./dist/entry-preview-docs.mjs": "./dist/entry-preview-docs.mjs",
+    "./internal/AddStorybookIdDecorator.svelte": "./static/AddStorybookIdDecorator.svelte",
+    "./internal/createReactiveProps": "./static/createReactiveProps.svelte.js",
+    "./internal/DecoratorHandler.svelte": "./static/DecoratorHandler.svelte",
+    "./internal/PreviewRender.svelte": "./static/PreviewRender.svelte",
     "./package.json": "./package.json",
-    "./internal/PreviewRender.svelte": "./dist/components/PreviewRender.svelte",
-    "./internal/DecoratorHandler.svelte": "./dist/components/DecoratorHandler.svelte",
-    "./internal/AddStorybookIdDecorator.svelte": "./dist/components/AddStorybookIdDecorator.svelte",
-    "./internal/createReactiveProps": "./dist/createReactiveProps.svelte.js"
+    "./preset": "./dist/preset.js"
   },
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
   "files": [
     "dist/**/*",
+    "static/**/*",
     "template/cli/**/*",
@@ -56,3 +53,3 @@ "README.md",
     "check": "svelte-check",
-    "prep": "jiti ../../../scripts/prepare/bundle.ts"
+    "prep": "jiti ../../../scripts/build/build-package.ts"
   },
@@ -71,6 +68,6 @@ "dependencies": {
     "typescript": "^5.8.3",
-    "vite": "^6.2.5"
+    "vite": "^7.0.4"
   },
   "peerDependencies": {
-    "storybook": "^0.0.0-pr-31819-sha-36ca675c",
+    "storybook": "^0.0.0-pr-31819-sha-4058f5e6",
     "svelte": "^5.0.0"
@@ -81,14 +78,3 @@ },
   },
-  "bundler": {
-    "post": "./scripts/copy-unbundled-to-dist.ts",
-    "entries": [
-      "./src/index.ts",
-      "./src/preset.ts",
-      "./src/entry-preview.ts",
-      "./src/entry-preview-docs.ts",
-      "./src/playwright.ts"
-    ],
-    "platform": "browser"
-  },
-  "gitHead": "a6e7fd8a655c69780bc20b9749c2699e44beae10"
+  "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae18"
 }

preset.js

@@ -1,1 +0,1 @@
-module.exports = require('./dist/preset');
+export * from './dist/preset.js';

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

Minified code

Quality

This 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 3 instances in 1 package

Improved metrics

Lines of code

681

50.66%

Number of low quality alerts

1

-87.5%

Is type module

Yes

NaN

Worsened metrics

Total package byte prevSize

42905

-33.17%

Number of package files

31

-20.51%

Number of medium supply chain risk alerts

1

Infinity%

No dependency changes