@poveste/plugin-vue 0.1.3 → 0.2.1

package/dist/bundled/client/app/host.js

@@ -1,10 +1,11 @@
-import * as a from "virtual:$poveste-generated-global-setup";
-import * as i from "virtual:$poveste-setup";
-import { defineComponent as l, h as o, createApp as y, Suspense as v } from "vue";
+import { getSetupHook as i } from "@poveste/shared";
+import * as d from "virtual:$poveste-generated-global-setup";
+import * as l from "virtual:$poveste-setup";
+import { defineComponent as y, h as o, createApp as v, Suspense as g } from "vue";
 import { registerGlobalComponents as w } from "./global-components.js";
-import { provideRenderContext as C } from "./render-context.js";
-import { RouterLinkStub as g } from "./RouterLinkStub.js";
-const x = l({
+import { provideRenderContext as S } from "./render-context.js";
+import { RouterLinkStub as C } from "./RouterLinkStub.js";
+const x = y({
   name: "PreviewHostRoot",
   props: {
     story: {
@@ -17,33 +18,33 @@ const x = l({
     }
   },
   setup(e) {
-    return C(e.renderContext), () => o(e.story.file.component, {
+    return S(e.renderContext), () => o(e.story.file.component, {
       story: e.story
     });
   }
 });
-function H(e) {
+function F(e) {
   let t = null, r = null;
-  async function p() {
+  async function a() {
     const u = [];
-    r = document.createElement("div"), e.el.appendChild(r), t = y({
+    r = document.createElement("div"), e.el.appendChild(r), t = v({
       name: e.name,
       render: () => {
         let n = o(x, {
           story: e.getStory(),
           renderContext: e.renderContext
         });
-        for (const m of u) {
-          const d = n;
-          n = o(m, {
+        for (const s of u) {
+          const f = n;
+          n = o(s, {
             story: e.getStory(),
             variant: e.getVariant()
-          }, () => d);
+          }, () => f);
         }
-        return e.wrapInDiv && (n = o("div", n)), o(v, {}, n);
+        return e.wrapInDiv && (n = o("div", n)), o(g, {}, n);
       }
-    }), w(t), t.component("RouterLink", g);
-    const f = {
+    }), w(t), t.component("RouterLink", C);
+    const m = {
       app: t,
       story: e.getStory(),
       variant: e.getVariant(),
@@ -51,34 +52,29 @@ function H(e) {
         u.unshift(n);
       }
     };
-    await S(f), t.mount(r);
+    await h(m), t.mount(r);
   }
-  function c() {
+  function p() {
     t?.unmount(), t = null, r && (r.parentNode?.removeChild(r), r = null);
   }
-  function s() {
+  function c() {
     t?._instance?.proxy?.$forceUpdate();
   }
   return {
-    mount: p,
-    unmount: c,
-    forceUpdate: s
+    mount: a,
+    unmount: p,
+    forceUpdate: c
   };
 }
-async function S(e) {
-  if (typeof a?.setupVue3 == "function") {
-    const t = a.setupVue3;
-    await t(e);
-  }
-  if (typeof i?.setupVue3 == "function") {
-    const t = i.setupVue3;
-    await t(e);
-  }
-  if (typeof e.variant?.setupApp == "function") {
-    const t = e.variant.setupApp;
-    await t(e);
+async function h(e) {
+  const t = i(d, "setupVue3");
+  t && await t(e);
+  const r = i(l, "setupVue3");
+  if (r && await r(e), typeof e.variant?.setupApp == "function") {
+    const a = e.variant.setupApp;
+    await a(e);
   }
 }
 export {
-  H as createPreviewHost
+  F as createPreviewHost
 };

package/dist/bundled/client/server/Story.js

@@ -1,6 +1,6 @@
-import { defineComponent as i, useAttrs as n, inject as d, provide as r, onMounted as l } from "vue";
-import { autoStubComponents as u } from "./stub.js";
-const c = i({
+import { defineComponent as a, inject as r, provide as i, onMounted as d } from "vue";
+import { autoStubComponents as l } from "./stub.js";
+const f = a({
   name: "PovesteStory",
   inheritAttrs: !1,
   props: {
@@ -38,9 +38,9 @@ const c = i({
     }
   },
   setup(t) {
-    const e = n(), o = {
-      id: t.id ?? e.data.id,
-      title: t.title ?? e.data.fileName,
+    const e = r("hstStoryFile"), o = {
+      id: t.id ?? e?.id,
+      title: t.title ?? e?.fileName,
       group: t.group,
       layout: t.layout,
       icon: t.icon,
@@ -49,9 +49,9 @@ const c = i({
       meta: t.meta,
       variants: []
     };
-    return d("addStory", null)?.(o), r("story", o), r("addVariant", (a) => {
-      o.variants.push(a);
-    }), l(() => {
+    return r("addStory", null)?.(o), i("story", o), i("addVariant", (n) => {
+      o.variants.push(n);
+    }), d(() => {
       o.variants.length || o.variants.push({
         id: "_default",
         title: "default"
@@ -68,12 +68,12 @@ const c = i({
           return t = !0, {};
         }
       });
-      return Array.isArray(e) && u(e), e;
+      return Array.isArray(e) && l(e), e;
     } catch (e) {
       return t || console.error(e), null;
     }
   }
 });
 export {
-  c as default
+  f as default
 };

package/dist/bundled/client/server/run.js

@@ -1,51 +1,44 @@
-import * as u from "virtual:$poveste-generated-global-setup";
-import * as a from "virtual:$poveste-setup";
-import { createApp as m, h as d } from "vue";
-import f from "./Story.js";
-import l from "./Variant.js";
-async function S({ file: n, storyData: r, el: c }) {
+import { getSetupHook as i } from "@poveste/shared";
+import * as d from "virtual:$poveste-generated-global-setup";
+import * as f from "virtual:$poveste-setup";
+import { createApp as l, h as S } from "vue";
+import y from "./Story.js";
+import h from "./Variant.js";
+async function w({ file: n, storyData: r, el: m }) {
   const { default: e } = await import(/* @vite-ignore */
     /* @vite-ignore */
     n.moduleId
-  ), o = m({
+  ), t = l({
     provide: {
-      addStory(t) {
-        r.push(t);
-      }
+      addStory(o) {
+        r.push(o);
+      },
+      hstStoryFile: n
     },
     render() {
-      return d(e, {
-        ref: "comp",
-        data: n
-      });
+      return S(e);
     }
   });
-  o.component("Story", f), o.component("Variant", l);
+  t.component("Story", y), t.component("Variant", h);
   const p = {
-    app: o,
+    app: t,
     story: null,
     variant: null,
     addWrapper: () => {
     }
-  };
-  if (typeof u?.setupVue3 == "function") {
-    const t = u.setupVue3;
-    await t(p);
-  }
-  if (typeof a?.setupVue3 == "function") {
-    const t = a.setupVue3;
-    await t(p);
-  }
-  if (o.mount(c), e.doc) {
-    const t = document.createElement("div");
-    t.innerHTML = e.doc;
-    const i = t.textContent;
-    r.forEach((s) => {
-      s.docsText = i;
+  }, a = i(d, "setupVue3");
+  a && await a(p);
+  const u = i(f, "setupVue3");
+  if (u && await u(p), t.mount(m), e.doc) {
+    const o = document.createElement("div");
+    o.innerHTML = e.doc;
+    const s = o.textContent;
+    r.forEach((c) => {
+      c.docsText = s;
     });
   }
-  o.unmount();
+  t.unmount();
 }
 export {
-  S as run
+  w as run
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@poveste/plugin-vue",
   "type": "module",
-  "version": "0.1.3",
+  "version": "0.2.1",
   "description": "Poveste plugin for Vue.js support",
   "author": {
     "name": "Sorin Gitlan"
@@ -44,16 +44,16 @@
   "types": "dist/index.node.d.ts",
   "peerDependencies": {
     "vue": "^3.5.26",
-    "poveste": "^0.1.3"
+    "poveste": "^0.2.1"
   },
   "dependencies": {
     "change-case": "^5.4.4",
     "globby": "^14.0.2",
     "launch-editor": "^2.9.1",
     "pathe": "^1.1.2",
-    "@poveste/controls": "^0.1.3",
-    "@poveste/shared": "^0.1.3",
-    "@poveste/vendors": "^0.1.3"
+    "@poveste/controls": "^0.2.1",
+    "@poveste/vendors": "^0.2.1",
+    "@poveste/shared": "^0.2.1"
   },
   "devDependencies": {
     "@types/node": "^22.10.1",
@@ -61,7 +61,7 @@
     "typescript": "5.6.3",
     "vite": "^7.3.0",
     "vue": "^3.5.26",
-    "poveste": "0.1.3"
+    "poveste": "0.2.1"
   },
   "scripts": {
     "build": "rimraf dist && vite build && tsc -d -P tsconfig.build.json && pnpm run build:types",

package/src/client/app/host.ts

@@ -1,6 +1,7 @@
 import type { Story, Variant } from '@poveste/shared'
 import type { App, Component, PropType, VNode } from 'vue'
 import type { Vue3StorySetupApi, Vue3StorySetupHandler } from '../../helpers.js'
+import { getSetupHook } from '@poveste/shared'
 // @ts-expect-error virtual module id
 import * as generatedSetup from 'virtual:$poveste-generated-global-setup'
 // @ts-expect-error virtual module id
@@ -122,18 +123,18 @@ export function createPreviewHost(options: PreviewHostOptions) {
 }
 
 async function runSetupHooks(setupApi: Vue3StorySetupApi) {
-  if (typeof generatedSetup?.setupVue3 === 'function') {
-    const setupFn = generatedSetup.setupVue3 as Vue3StorySetupHandler
-    await setupFn(setupApi)
+  const generatedSetupFn = getSetupHook<Vue3StorySetupHandler>(generatedSetup, 'setupVue3')
+  if (generatedSetupFn) {
+    await generatedSetupFn(setupApi)
   }
 
-  if (typeof setup?.setupVue3 === 'function') {
-    const setupFn = setup.setupVue3 as Vue3StorySetupHandler
+  const setupFn = getSetupHook<Vue3StorySetupHandler>(setup, 'setupVue3')
+  if (setupFn) {
     await setupFn(setupApi)
   }
 
   if (typeof setupApi.variant?.setupApp === 'function') {
-    const setupFn = setupApi.variant.setupApp as Vue3StorySetupHandler
-    await setupFn(setupApi)
+    const variantSetupFn = setupApi.variant.setupApp as Vue3StorySetupHandler
+    await variantSetupFn(setupApi)
   }
 }

package/src/client/server/Story.ts

@@ -1,6 +1,6 @@
 import type { ServerStory, ServerStoryFile, ServerVariant } from '@poveste/shared'
 import type { PropType } from 'vue'
-import { defineComponent, inject, onMounted, provide, useAttrs } from 'vue'
+import { defineComponent, inject, onMounted, provide } from 'vue'
 import { autoStubComponents } from './stub'
 
 export default defineComponent({
@@ -51,15 +51,13 @@ export default defineComponent({
   },
 
   setup(props) {
-    const attrs = useAttrs() as {
-      data: ServerStoryFile
-    }
+    const file = inject<ServerStoryFile>('hstStoryFile')
 
     // Story
 
     const story: ServerStory = {
-      id: props.id ?? attrs.data.id,
-      title: props.title ?? attrs.data.fileName,
+      id: props.id ?? file?.id,
+      title: props.title ?? file?.fileName,
       group: props.group,
       layout: props.layout,
       icon: props.icon,

package/src/client/server/run.ts

@@ -1,5 +1,6 @@
 import type { ServerRunPayload } from '@poveste/shared'
 import type { Vue3StorySetupApi, Vue3StorySetupHandler } from '../../helpers.js'
+import { getSetupHook } from '@poveste/shared'
 // @ts-expect-error virtual module id
 import * as generatedSetup from 'virtual:$poveste-generated-global-setup'
 // @ts-expect-error virtual module id
@@ -16,12 +17,10 @@ export async function run({ file, storyData, el }: ServerRunPayload) {
       addStory(data) {
         storyData.push(data)
       },
+      hstStoryFile: file,
     },
     render() {
-      return h(Comp, {
-        ref: 'comp',
-        data: file,
-      })
+      return h(Comp)
     },
   })
 
@@ -38,13 +37,13 @@ export async function run({ file, storyData, el }: ServerRunPayload) {
     addWrapper: () => { /* noop */ },
   }
 
-  if (typeof generatedSetup?.setupVue3 === 'function') {
-    const setupFn = generatedSetup.setupVue3 as Vue3StorySetupHandler
-    await setupFn(setupApi)
+  const generatedSetupFn = getSetupHook<Vue3StorySetupHandler>(generatedSetup, 'setupVue3')
+  if (generatedSetupFn) {
+    await generatedSetupFn(setupApi)
   }
 
-  if (typeof setup?.setupVue3 === 'function') {
-    const setupFn = setup.setupVue3 as Vue3StorySetupHandler
+  const setupFn = getSetupHook<Vue3StorySetupHandler>(setup, 'setupVue3')
+  if (setupFn) {
     await setupFn(setupApi)
   }