@poveste/plugin-svelte 0.1.0 → 0.1.1

package/dist/client/mount.js

@@ -1 +1 @@
-import{callSetupFunctions as e,mountSvelteComponent as t}from"../util/svelte.js";import n from"./MountVariant.svelte";import r from"./MountStory.svelte";import i from"./Stub.svelte";import{components as a}from"@poveste/controls";import{defineComponent as o,h as s,onMounted as c,onUnmounted as l,ref as u,watch as d}from"@poveste/vendors/vue";import*as f from"virtual:$histoire-generated-global-setup";import*as p from"virtual:$histoire-setup";var m=o({name:`MountStory`,props:{story:{type:Object,required:!0}},setup(i){let a=u(),o,s,m=null;async function g(){s=document.createElement(`div`),a.value.appendChild(s);let c=await t(i.story.file.component,{target:s,props:{Hst:{Story:r,Variant:n,...h()}},context:new Map(Object.entries({__hstStory:i.story}))},`client`);o=c.app,m=c.destroy,await e(f,p,{app:o,story:i.story,variant:null})}function _(){m?.(),m=null,s&&=(s.parentNode?.removeChild(s),null),o=null}return d(()=>i.story.id,async()=>{_(),await g()}),c(async()=>{await g()}),l(()=>{_()}),{el:a}},render(){return s(`div`,{ref:`el`})}});function h(){let e={};for(let t in a)e[t.substring(3)]=i;return e}export{m as default};
+import{callSetupFunctions as e,mountSvelteComponent as t}from"../util/svelte.js";import n from"./MountVariant.svelte";import r from"./MountStory.svelte";import i from"./Stub.svelte";import{components as a}from"@poveste/controls";import{defineComponent as o,h as s,onMounted as c,onUnmounted as l,ref as u,watch as d}from"@poveste/vendors/vue";import*as f from"virtual:$poveste-generated-global-setup";import*as p from"virtual:$poveste-setup";var m=o({name:`MountStory`,props:{story:{type:Object,required:!0}},setup(i){let a=u(),o,s,m=null;async function g(){s=document.createElement(`div`),a.value.appendChild(s);let c=await t(i.story.file.component,{target:s,props:{Hst:{Story:r,Variant:n,...h()}},context:new Map(Object.entries({__hstStory:i.story}))},`client`);o=c.app,m=c.destroy,await e(f,p,{app:o,story:i.story,variant:null})}function _(){m?.(),m=null,s&&=(s.parentNode?.removeChild(s),null),o=null}return d(()=>i.story.id,async()=>{_(),await g()}),c(async()=>{await g()}),l(()=>{_()}),{el:a}},render(){return s(`div`,{ref:`el`})}});function h(){let e={};for(let t in a)e[t.substring(3)]=i;return e}export{m as default};

package/dist/client/render.js

@@ -1 +1 @@
-import{callSetupFunctions as e,createWrappedComponent as t,getLegacyStateApi as n,mountSvelteComponent as r}from"../util/svelte.js";import i from"./RenderStory.svelte";import a from"./RenderVariant.svelte";import{syncState as o}from"./util.js";import s from"./Wrap.svelte";import{components as c}from"@poveste/controls";import{defineComponent as l,h as u,onMounted as d,onUnmounted as f,ref as p,watch as m}from"@poveste/vendors/vue";import*as h from"virtual:$histoire-generated-global-setup";import*as g from"virtual:$histoire-setup";var _=l({name:`RenderStory`,props:{variant:{type:Object,required:!0},story:{type:Object,required:!0},slotName:{type:String,default:`default`}},setup(t,{emit:s}){let c=p(),l,u,_=[];function y(e,t){document.addEventListener(e,t);let n=()=>document.removeEventListener(e,t);return _.push(n),{off:n}}async function b(){u=document.createElement(`div`),c.value.appendChild(u);let d=[],{off:f}=y(`SvelteRegisterComponent`,e=>{let{component:t}=e.detail;d.push(t)}),p=await r(t.story.file.component,{target:u,props:{Hst:{Story:i,Variant:a,...v()}},context:new Map(Object.entries({__hstStory:t.story,__hstVariant:t.variant,__hstSlot:t.slotName}))},`client`);l=p.app,_.push(()=>{p.destroy()});let m=d.find(e=>e.$$&&l?.$$&&e.$$===l.$$)??l;f(),d=[];function b(){let e=m?.$replace;e&&(m.$replace=(...t)=>{let n=e.apply(m,t);return m=n??m,n})}b();let x=n(m);if(x){let{apply:e,stop:n}=o(t.variant.state,e=>{x.injectState(e)});_.push(n);let r,i=()=>{e(x.captureState()),r=requestAnimationFrame(i)};r=requestAnimationFrame(i),_.push(()=>{cancelAnimationFrame(r)}),e(x.captureState())}await e(h,g,{app:l,story:t.story,variant:t.variant},t.variant.setupApp),s(`ready`)}function x(){_.forEach(e=>e()),_=[],u&&=(u.parentNode?.removeChild(u),null),l=null}return m(()=>t.story.id,async()=>{x(),await b()}),d(async()=>{await b()}),f(()=>{x()}),{el:c}},render(){return u(`div`,{ref:`el`})}});function v(){let e={};for(let t in c)e[t.substring(3)]=y(c[t]);return e}function y(e){return t(s,e)}export{_ as default};
+import{callSetupFunctions as e,createWrappedComponent as t,getLegacyStateApi as n,mountSvelteComponent as r}from"../util/svelte.js";import i from"./RenderStory.svelte";import a from"./RenderVariant.svelte";import{syncState as o}from"./util.js";import s from"./Wrap.svelte";import{components as c}from"@poveste/controls";import{defineComponent as l,h as u,onMounted as d,onUnmounted as f,ref as p,watch as m}from"@poveste/vendors/vue";import*as h from"virtual:$poveste-generated-global-setup";import*as g from"virtual:$poveste-setup";var _=l({name:`RenderStory`,props:{variant:{type:Object,required:!0},story:{type:Object,required:!0},slotName:{type:String,default:`default`}},setup(t,{emit:s}){let c=p(),l,u,_=[];function y(e,t){document.addEventListener(e,t);let n=()=>document.removeEventListener(e,t);return _.push(n),{off:n}}async function b(){u=document.createElement(`div`),c.value.appendChild(u);let d=[],{off:f}=y(`SvelteRegisterComponent`,e=>{let{component:t}=e.detail;d.push(t)}),p=await r(t.story.file.component,{target:u,props:{Hst:{Story:i,Variant:a,...v()}},context:new Map(Object.entries({__hstStory:t.story,__hstVariant:t.variant,__hstSlot:t.slotName}))},`client`);l=p.app,_.push(()=>{p.destroy()});let m=d.find(e=>e.$$&&l?.$$&&e.$$===l.$$)??l;f(),d=[];function b(){let e=m?.$replace;e&&(m.$replace=(...t)=>{let n=e.apply(m,t);return m=n??m,n})}b();let x=n(m);if(x){let{apply:e,stop:n}=o(t.variant.state,e=>{x.injectState(e)});_.push(n);let r,i=()=>{e(x.captureState()),r=requestAnimationFrame(i)};r=requestAnimationFrame(i),_.push(()=>{cancelAnimationFrame(r)}),e(x.captureState())}await e(h,g,{app:l,story:t.story,variant:t.variant},t.variant.setupApp),s(`ready`)}function x(){_.forEach(e=>e()),_=[],u&&=(u.parentNode?.removeChild(u),null),l=null}return m(()=>t.story.id,async()=>{x(),await b()}),d(async()=>{await b()}),f(()=>{x()}),{el:c}},render(){return u(`div`,{ref:`el`})}});function v(){let e={};for(let t in c)e[t.substring(3)]=y(c[t]);return e}function y(e){return t(s,e)}export{_ as default};

package/dist/collect/index.js

@@ -1 +1 @@
-import{callSetupFunctions as e,mountSvelteComponent as t}from"../util/svelte.js";import n from"./Story.svelte";import r from"./Variant.svelte";import*as i from"virtual:$histoire-generated-global-setup";import*as a from"virtual:$histoire-setup";import{tick as o}from"svelte";async function s({file:s,el:c,storyData:l}){let{default:u}=await import(/* @vite-ignore */s.moduleId),d=await t(u,{target:c,props:{Hst:{Story:n,Variant:r}},context:new Map(Object.entries({__hstAddStory(e){l.push(e)},__hstStoryFile:s}))},`client`);await e(i,a,{app:d.app,story:null,variant:null}),await o(),l[0]?.variants.length||l[0].variants.push({id:`_default`,title:`default`}),d.destroy()}export{s as run};
+import{callSetupFunctions as e,mountSvelteComponent as t}from"../util/svelte.js";import n from"./Story.svelte";import r from"./Variant.svelte";import*as i from"virtual:$poveste-generated-global-setup";import*as a from"virtual:$poveste-setup";import{tick as o}from"svelte";async function s({file:s,el:c,storyData:l}){let{default:u}=await import(/* @vite-ignore */s.moduleId),d=await t(u,{target:c,props:{Hst:{Story:n,Variant:r}},context:new Map(Object.entries({__hstAddStory(e){l.push(e)},__hstStoryFile:s}))},`client`);await e(i,a,{app:d.app,story:null,variant:null}),await o(),l[0]?.variants.length||l[0].variants.push({id:`_default`,title:`default`}),d.destroy()}export{s as run};

package/dist/commands/generate-story.server.js

@@ -2,7 +2,7 @@ import fs from 'node:fs';
 import launchEditor from 'launch-editor';
 import path from 'pathe';
 export default {
-    id: 'histoire:plugin-svelte:generate-story',
+    id: 'poveste:plugin-svelte:generate-story',
     label: 'Generate Svelte story from component',
     icon: 'https://svelte.dev/favicon.png',
     searchText: 'generate create',

package/dist/index.node.js

@@ -23,9 +23,9 @@ export function HstSvelte() {
                         primary: defaultColors.orange,
                     },
                     logo: {
-                        square: '@poveste/plugin-svelte/assets/histoire-svelte.svg',
-                        light: '@poveste/plugin-svelte/assets/histoire-svelte-text.svg',
-                        dark: '@poveste/plugin-svelte/assets/histoire-svelte-text.svg',
+                        square: '@poveste/plugin-svelte/assets/poveste-svelte.svg',
+                        light: '@poveste/plugin-svelte/assets/poveste-svelte-text.svg',
+                        dark: '@poveste/plugin-svelte/assets/poveste-svelte-text.svg',
                     },
                 },
                 viteIgnorePlugins: [

package/dist/util/story-hmr.js

@@ -1,11 +1,11 @@
 const storyFileRE = /\.story\.svelte$/;
 export function disableStoryComponentHmr() {
     return {
-        name: 'histoire:svelte-story-hmr',
+        name: 'poveste:svelte-story-hmr',
         apply: 'serve',
         configResolved(config) {
             for (const plugin of config.plugins) {
-                if (plugin.name !== 'vite-plugin-svelte:config' || plugin.__histoireStoryHmrPatched) {
+                if (plugin.name !== 'vite-plugin-svelte:config' || plugin.__povesteStoryHmrPatched) {
                     continue;
                 }
                 const options = plugin.api?.options;
@@ -23,7 +23,7 @@ export function disableStoryComponentHmr() {
                         hmr: false,
                     };
                 };
-                plugin.__histoireStoryHmrPatched = true;
+                plugin.__povesteStoryHmrPatched = true;
             }
         },
     };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@poveste/plugin-svelte",
   "type": "module",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Poveste plugin for Svelte 4/5 and SvelteKit support",
   "author": {
     "name": "Sorin Gitlan"
@@ -26,16 +26,16 @@
   "types": "./dist/index.node.d.ts",
   "peerDependencies": {
     "svelte": "^4.0.0 || ^5.0.0",
-    "poveste": "^0.1.0"
+    "poveste": "^0.1.1"
   },
   "dependencies": {
     "change-case": "^5.4.4",
     "globby": "^14.0.2",
     "launch-editor": "^2.9.1",
     "pathe": "^1.1.2",
-    "@poveste/shared": "^0.1.0",
-    "@poveste/controls": "^0.1.0",
-    "@poveste/vendors": "^0.1.0"
+    "@poveste/controls": "^0.1.1",
+    "@poveste/shared": "^0.1.1",
+    "@poveste/vendors": "^0.1.1"
   },
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "^7.0.0",
@@ -47,7 +47,7 @@
     "svelte-preprocess": "^6.0.3",
     "typescript": "5.6.3",
     "vite": "^8.0.0",
-    "poveste": "0.1.0"
+    "poveste": "0.1.1"
   },
   "scripts": {
     "build": "rimraf dist && vite build && tsc -d -P tsconfig.build.json && pnpm run build:types",

package/src/client/mount.ts

@@ -13,9 +13,9 @@ import {
   watch as _watch,
 } from '@poveste/vendors/vue'
 // @ts-expect-error virtual module id
-import * as generatedSetup from 'virtual:$histoire-generated-global-setup'
+import * as generatedSetup from 'virtual:$poveste-generated-global-setup'
 // @ts-expect-error virtual module id
-import * as setup from 'virtual:$histoire-setup'
+import * as setup from 'virtual:$poveste-setup'
 import {
   callSetupFunctions,
   mountSvelteComponent,

package/src/client/render.ts

@@ -13,9 +13,9 @@ import {
   watch as _watch,
 } from '@poveste/vendors/vue'
 // @ts-expect-error virtual module id
-import * as generatedSetup from 'virtual:$histoire-generated-global-setup'
+import * as generatedSetup from 'virtual:$poveste-generated-global-setup'
 // @ts-expect-error virtual module id
-import * as setup from 'virtual:$histoire-setup'
+import * as setup from 'virtual:$poveste-setup'
 import {
   callSetupFunctions,
   createWrappedComponent,

package/src/collect/index.ts

@@ -2,9 +2,9 @@ import type { ServerRunPayload } from '@poveste/shared'
 import type { SvelteStorySetupApi } from '../helpers.js'
 import { tick } from 'svelte'
 // @ts-expect-error virtual module id
-import * as generatedSetup from 'virtual:$histoire-generated-global-setup'
+import * as generatedSetup from 'virtual:$poveste-generated-global-setup'
 // @ts-expect-error virtual module id
-import * as setup from 'virtual:$histoire-setup'
+import * as setup from 'virtual:$poveste-setup'
 import {
   callSetupFunctions,
   mountSvelteComponent,

package/src/commands/generate-story.server.ts

@@ -4,7 +4,7 @@ import launchEditor from 'launch-editor'
 import path from 'pathe'
 
 export default {
-  id: 'histoire:plugin-svelte:generate-story',
+  id: 'poveste:plugin-svelte:generate-story',
   label: 'Generate Svelte story from component',
   icon: 'https://svelte.dev/favicon.png',
   searchText: 'generate create',

package/src/index.node.ts

@@ -27,9 +27,9 @@ export function HstSvelte(): Plugin {
             primary: defaultColors.orange,
           },
           logo: {
-            square: '@poveste/plugin-svelte/assets/histoire-svelte.svg',
-            light: '@poveste/plugin-svelte/assets/histoire-svelte-text.svg',
-            dark: '@poveste/plugin-svelte/assets/histoire-svelte-text.svg',
+            square: '@poveste/plugin-svelte/assets/poveste-svelte.svg',
+            light: '@poveste/plugin-svelte/assets/poveste-svelte-text.svg',
+            dark: '@poveste/plugin-svelte/assets/poveste-svelte-text.svg',
           },
         },
         viteIgnorePlugins: [

package/src/util/story-hmr.ts

@@ -15,16 +15,16 @@ interface SveltePluginApi {
 interface SvelteConfigPlugin {
   name: string
   api?: SveltePluginApi
-  __histoireStoryHmrPatched?: boolean
+  __povesteStoryHmrPatched?: boolean
 }
 
 export function disableStoryComponentHmr() {
   return {
-    name: 'histoire:svelte-story-hmr',
+    name: 'poveste:svelte-story-hmr',
     apply: 'serve' as const,
     configResolved(config: { readonly plugins: readonly unknown[] }) {
       for (const plugin of config.plugins as SvelteConfigPlugin[]) {
-        if (plugin.name !== 'vite-plugin-svelte:config' || plugin.__histoireStoryHmrPatched) {
+        if (plugin.name !== 'vite-plugin-svelte:config' || plugin.__povesteStoryHmrPatched) {
           continue
         }
 
@@ -45,7 +45,7 @@ export function disableStoryComponentHmr() {
             hmr: false,
           }
         }
-        plugin.__histoireStoryHmrPatched = true
+        plugin.__povesteStoryHmrPatched = true
       }
     },
   }

package/vite.config.ts

@@ -8,7 +8,7 @@ export default defineConfig({
   plugins: [
     svelte(),
     {
-      name: 'histoire:preserve:import.dynamic',
+      name: 'poveste:preserve:import.dynamic',
       enforce: 'pre',
       transform(code) {
         if (code.includes('import(')) {