@poveste/plugin-vue 0.1.0 → 0.1.2

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

@@ -1,10 +1,10 @@
 import { omitInheritStoryProps as g } from "@poveste/shared";
-import { defineComponent as j, h as $, getCurrentInstance as C, useAttrs as O, computed as P, provide as h, reactive as _, isRef as S, cloneVNode as A } from "vue";
+import { defineComponent as j, h as $, getCurrentInstance as C, useAttrs as O, computed as P, provide as S, reactive as _, isRef as h, cloneVNode as A } from "vue";
 import { useRenderContext as I } from "./render-context.js";
 import R from "./Variant.js";
 const F = j({
   name: "Story",
-  __histoireType: "story",
+  __povesteType: "story",
   inheritAttrs: !1,
   props: {
     initState: {
@@ -16,47 +16,47 @@ const F = j({
       default: void 0
     }
   },
-  setup(c) {
-    const a = C(), n = O(), p = I(), y = P(() => n.story);
-    h("story", y);
-    const i = a.parent, d = _({});
+  setup(p) {
+    const a = C(), n = O(), f = I(), y = P(() => n.story);
+    S("story", y);
+    const s = a.parent, d = _({});
     Object.defineProperty(d, "$data", {
       enumerable: !0,
       configurable: !0,
-      get: () => i.data,
+      get: () => s.data,
       set: (t) => {
-        Object.assign(i.data, t);
+        Object.assign(s.data, t);
       }
     });
     function l(t, o) {
-      const f = t[o];
-      typeof f == "function" || f?.__file || typeof f?.render == "function" || typeof f?.setup == "function" || Object.defineProperty(d, o, {
+      const c = t[o];
+      typeof c == "function" || c?.__file || typeof c?.render == "function" || typeof c?.setup == "function" || Object.defineProperty(d, o, {
         enumerable: !0,
         configurable: !0,
         get: () => {
           const r = t[o];
-          return S(r) ? r.value : r;
+          return h(r) ? r.value : r;
         },
         set: (r) => {
           const e = t[o];
-          S(e) ? e.value = r : e && typeof e == "object" && r && typeof r == "object" ? Object.assign(e, r) : t[o] = r;
+          h(e) ? e.value = r : e && typeof e == "object" && r && typeof r == "object" ? Object.assign(e, r) : t[o] = r;
         }
       });
     }
-    for (const t in i.exposed)
-      l(i.exposed, t);
-    for (const t in i.devtoolsRawSetupState)
-      l(i.devtoolsRawSetupState, t);
-    for (const t in i.data)
-      l(i.data, t);
-    h("implicitState", () => d);
+    for (const t in s.exposed)
+      l(s.exposed, t);
+    for (const t in s.devtoolsRawSetupState)
+      l(s.devtoolsRawSetupState, t);
+    for (const t in s.data)
+      l(s.data, t);
+    S("implicitState", () => d);
     function v() {
-      c.meta && (n.story.meta || (n.story.meta = {}), Object.assign(n.story.meta, c.meta)), Object.assign(n.story, {
+      p.meta && (n.story.meta || (n.story.meta = {}), Object.assign(n.story.meta, p.meta)), Object.assign(n.story, {
         slots: () => a.proxy.$slots
       });
     }
     return {
-      renderContext: p,
+      renderContext: f,
       story: y,
       renderMountStory: x,
       renderPreviewStory: b,
@@ -64,21 +64,21 @@ const F = j({
     };
     function x() {
       let t = 0;
-      const o = (f) => {
+      const o = (c) => {
         const r = [];
-        for (const e of f) {
-          if (e.type?.__histoireType === "variant") {
+        for (const e of c) {
+          if (e.type?.__povesteType === "variant") {
             const m = n.story.variants[t];
             if (t++, !m)
               continue;
             const u = {
               variant: m
             };
-            !e.props?.initState && !e.props?.["init-state"] && (u.initState = c.initState);
-            for (const s in a.proxy.$attrs)
-              typeof e.props?.[s] > "u" && (u[s] = a.proxy.$attrs[s]);
-            for (const s in n.story)
-              !g.includes(s) && typeof e.props?.[s] > "u" && (u[s] = n.story[s]);
+            !e.props?.initState && !e.props?.["init-state"] && (u.initState = p.initState);
+            for (const i in a.proxy.$attrs)
+              typeof e.props?.[i] > "u" && (u[i] = a.proxy.$attrs[i]);
+            for (const i in n.story)
+              !g.includes(i) && typeof e.props?.[i] > "u" && (u[i] = n.story[i]);
             r.push(A(e, u));
             continue;
           }
@@ -89,18 +89,18 @@ const F = j({
       return o(a.proxy.$slots.default?.() ?? []);
     }
     function b() {
-      p.nextVariantIndex.value = 0;
+      f.nextVariantIndex.value = 0;
       const t = {
-        state: p.externalState
+        state: f.externalState
       }, o = [];
-      return p.slotName === "controls" && o.push(...a.proxy.$slots.controls?.(t) ?? []), (p.slotName === "default" || n.story.meta?.hasVariantChildComponents) && o.push(...a.proxy.$slots.default?.(t) ?? []), o;
+      return f.slotName === "controls" && o.push(...a.proxy.$slots.controls?.(t) ?? []), (f.slotName === "default" || n.story.meta?.hasVariantChildComponents) && o.push(...a.proxy.$slots.default?.(t) ?? []), o;
     }
   },
   render() {
     this.updateStory();
-    const [c] = this.story.variants;
-    return c?.id === "_default" ? $(R, {
-      variant: c,
+    const [p] = this.story.variants;
+    return p?.id === "_default" ? $(R, {
+      variant: p,
       initState: this.initState,
       implicit: !0,
       ...this.$attrs

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

@@ -5,7 +5,7 @@ import { useRenderContext as P } from "./render-context.js";
 import { toRawDeep as g, syncStateBundledAndExternal as m } from "./util.js";
 const $ = x({
   name: "Variant",
-  __histoireType: "variant",
+  __povesteType: "variant",
   props: {
     initState: {
       type: Function,

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

@@ -1,5 +1,5 @@
-import * as a from "virtual:$histoire-generated-global-setup";
-import * as i from "virtual:$histoire-setup";
+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 { registerGlobalComponents as w } from "./global-components.js";
 import { provideRenderContext as C } from "./render-context.js";

package/dist/bundled/client/app/render-context.js

@@ -1,12 +1,12 @@
 import { provide as n, inject as r } from "vue";
-const e = /* @__PURE__ */ Symbol("histoire-preview-render-context");
+const e = /* @__PURE__ */ Symbol("poveste-preview-render-context");
 function i(t) {
   n(e, t);
 }
-function c() {
+function p() {
   return r(e, null);
 }
 export {
   i as provideRenderContext,
-  c as useRenderContext
+  p as useRenderContext
 };

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

@@ -1,5 +1,5 @@
-import * as u from "virtual:$histoire-generated-global-setup";
-import * as a from "virtual:$histoire-setup";
+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";

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-vue:generate-story',
+    id: 'poveste:plugin-vue:generate-story',
     label: 'Generate Vue 3 story from component',
     icon: 'https://vuejs.org/logo.svg',
     searchText: 'generate create',

package/dist/index.node.js

@@ -19,11 +19,11 @@ export function HstVue() {
                 vite: {
                     plugins: [
                         {
-                            name: 'histoire-plugin-vue',
+                            name: 'poveste-plugin-vue',
                             enforce: 'post',
                             transform(code, id) {
                                 // Remove vue warnings about unknown components
-                                if (this.meta.histoire?.isCollecting && id.endsWith('.vue')) {
+                                if (this.meta.poveste?.isCollecting && id.endsWith('.vue')) {
                                     return `const _stubComponent = (name) => ['Story','Variant'].some(validName => name.toLowerCase() === validName.toLowerCase()) ? _resolveComponent(name) : ({ render: () => null });${code?.replaceAll('_resolveComponent(', '_stubComponent(') ?? ''}`;
                                 }
                             },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@poveste/plugin-vue",
   "type": "module",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "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.0"
+    "poveste": "^0.1.2"
   },
   "dependencies": {
     "change-case": "^5.4.4",
     "globby": "^14.0.2",
     "launch-editor": "^2.9.1",
     "pathe": "^1.1.2",
-    "@poveste/controls": "^0.1.0",
-    "@poveste/vendors": "^0.1.0",
-    "@poveste/shared": "^0.1.0"
+    "@poveste/controls": "^0.1.2",
+    "@poveste/vendors": "^0.1.2",
+    "@poveste/shared": "^0.1.2"
   },
   "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.0"
+    "poveste": "0.1.2"
   },
   "scripts": {
     "build": "rimraf dist && vite build && tsc -d -P tsconfig.build.json && pnpm run build:types",

package/src/client/app/Story.ts

@@ -8,7 +8,7 @@ import Variant from './Variant'
 export default defineComponent({
 
   name: 'Story',
-  __histoireType: 'story',
+  __povesteType: 'story',
 
   inheritAttrs: false,
 
@@ -120,7 +120,7 @@ export default defineComponent({
 
         for (const vnode of vnodes) {
           // @ts-expect-error custom option
-          if (vnode.type?.__histoireType === 'variant') {
+          if (vnode.type?.__povesteType === 'variant') {
             const variant = attrs.story.variants[index]
             index++
 

package/src/client/app/Variant.ts

@@ -11,7 +11,7 @@ import { syncStateBundledAndExternal, toRawDeep } from './util.js'
 export default defineComponent({
 
   name: 'Variant',
-  __histoireType: 'variant',
+  __povesteType: 'variant',
 
   props: {
     initState: {

package/src/client/app/host.ts

@@ -2,9 +2,9 @@ import type { Story, Variant } from '@poveste/shared'
 import type { App, Component, PropType, VNode } from 'vue'
 import type { Vue3StorySetupApi, Vue3StorySetupHandler } from '../../helpers.js'
 // @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 {
   createApp,
   defineComponent,

package/src/client/app/render-context.ts

@@ -12,7 +12,7 @@ export interface PreviewRenderContext {
   }
 }
 
-const previewRenderContextKey: InjectionKey<PreviewRenderContext> = Symbol('histoire-preview-render-context')
+const previewRenderContextKey: InjectionKey<PreviewRenderContext> = Symbol('poveste-preview-render-context')
 
 export function provideRenderContext(value: PreviewRenderContext) {
   provide(previewRenderContextKey, value)

package/src/client/server/run.ts

@@ -1,9 +1,9 @@
 import type { ServerRunPayload } from '@poveste/shared'
 import type { Vue3StorySetupApi, Vue3StorySetupHandler } from '../../helpers.js'
 // @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 { createApp, h } from 'vue'
 import Story from './Story'
 import Variant from './Variant'

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-vue:generate-story',
+  id: 'poveste:plugin-vue:generate-story',
   label: 'Generate Vue 3 story from component',
   icon: 'https://vuejs.org/logo.svg',
   searchText: 'generate create',

package/src/index.node.ts

@@ -24,11 +24,11 @@ export function HstVue(): Plugin {
         vite: {
           plugins: [
             {
-              name: 'histoire-plugin-vue',
+              name: 'poveste-plugin-vue',
               enforce: 'post',
               transform(code, id) {
                 // Remove vue warnings about unknown components
-                if ((this.meta as any).histoire?.isCollecting && id.endsWith('.vue')) {
+                if ((this.meta as any).poveste?.isCollecting && id.endsWith('.vue')) {
                   return `const _stubComponent = (name) => ['Story','Variant'].some(validName => name.toLowerCase() === validName.toLowerCase()) ? _resolveComponent(name) : ({ render: () => null });${code?.replaceAll('_resolveComponent(', '_stubComponent(') ?? ''}`
                 }
               },

package/vite.config.ts

@@ -5,7 +5,7 @@ import { defineConfig } from 'vite'
 export default defineConfig({
   plugins: [
     {
-      name: 'histoire:preserve:import.dynamic',
+      name: 'poveste:preserve:import.dynamic',
       enforce: 'pre',
       transform(code) {
         if (code.includes('import(')) {
@@ -40,7 +40,7 @@ export default defineConfig({
     },
     rollupOptions: {
       external: [
-        /\$histoire/,
+        /\$poveste/,
         /@poveste/,
         'vue',
       ],

package/dist/bundled/node_modules/.pnpm/change-case@5.4.4/node_modules/change-case/dist/index.js

@@ -1,118 +0,0 @@
-const E = new RegExp("([\\p{Ll}\\d])(\\p{Lu})", "gu"), P = new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])", "gu"), w = new RegExp("(\\d)\\p{Ll}|(\\p{L})\\d", "u"), R = /[^\p{L}\d]+/giu, C = "$1\0$2", x = "";
-function h(r) {
-  let e = r.trim();
-  e = e.replace(E, C).replace(P, C), e = e.replace(R, "\0");
-  let t = 0, c = e.length;
-  for (; e.charAt(t) === "\0"; )
-    t++;
-  if (t === c)
-    return [];
-  for (; e.charAt(c - 1) === "\0"; )
-    c--;
-  return e.slice(t, c).split(/\0/g);
-}
-function A(r) {
-  const e = h(r);
-  for (let t = 0; t < e.length; t++) {
-    const c = e[t], n = w.exec(c);
-    if (n) {
-      const a = n.index + (n[1] ?? n[2]).length;
-      e.splice(t, 1, c.slice(0, a), c.slice(a));
-    }
-  }
-  return e;
-}
-function p(r, e) {
-  const [t, c, n] = u(r, e);
-  return t + c.map(f(e?.locale)).join(e?.delimiter ?? " ") + n;
-}
-function g(r, e) {
-  const [t, c, n] = u(r, e), a = f(e?.locale), s = o(e?.locale), i = e?.mergeAmbiguousCharacters ? d(a, s) : _(a, s);
-  return t + c.map((l, m) => m === 0 ? a(l) : i(l, m)).join(e?.delimiter ?? "") + n;
-}
-function S(r, e) {
-  const [t, c, n] = u(r, e), a = f(e?.locale), s = o(e?.locale), i = e?.mergeAmbiguousCharacters ? d(a, s) : _(a, s);
-  return t + c.map(i).join(e?.delimiter ?? "") + n;
-}
-function T(r, e) {
-  return L(r, { delimiter: "_", ...e });
-}
-function L(r, e) {
-  const [t, c, n] = u(r, e), a = f(e?.locale), s = o(e?.locale);
-  return t + c.map(d(a, s)).join(e?.delimiter ?? " ") + n;
-}
-function F(r, e) {
-  const [t, c, n] = u(r, e);
-  return t + c.map(o(e?.locale)).join(e?.delimiter ?? "_") + n;
-}
-function U(r, e) {
-  return p(r, { delimiter: ".", ...e });
-}
-function I(r, e) {
-  return p(r, { delimiter: "-", ...e });
-}
-function b(r, e) {
-  return p(r, { delimiter: "/", ...e });
-}
-function j(r, e) {
-  const [t, c, n] = u(r, e), a = f(e?.locale), s = o(e?.locale), i = d(a, s);
-  return t + c.map((l, m) => m === 0 ? i(l) : a(l)).join(e?.delimiter ?? " ") + n;
-}
-function k(r, e) {
-  return p(r, { delimiter: "_", ...e });
-}
-function y(r, e) {
-  return L(r, { delimiter: "-", ...e });
-}
-function f(r) {
-  return r === !1 ? (e) => e.toLowerCase() : (e) => e.toLocaleLowerCase(r);
-}
-function o(r) {
-  return r === !1 ? (e) => e.toUpperCase() : (e) => e.toLocaleUpperCase(r);
-}
-function d(r, e) {
-  return (t) => `${e(t[0])}${r(t.slice(1))}`;
-}
-function _(r, e) {
-  return (t, c) => {
-    const n = t[0];
-    return (c > 0 && n >= "0" && n <= "9" ? "_" + n : e(n)) + r(t.slice(1));
-  };
-}
-function u(r, e = {}) {
-  const t = e.split ?? (e.separateNumbers ? A : h), c = e.prefixCharacters ?? x, n = e.suffixCharacters ?? x;
-  let a = 0, s = r.length;
-  for (; a < r.length; ) {
-    const i = r.charAt(a);
-    if (!c.includes(i))
-      break;
-    a++;
-  }
-  for (; s > a; ) {
-    const i = s - 1, l = r.charAt(i);
-    if (!n.includes(l))
-      break;
-    s = i;
-  }
-  return [
-    r.slice(0, a),
-    t(r.slice(a, s)),
-    r.slice(s)
-  ];
-}
-export {
-  g as camelCase,
-  L as capitalCase,
-  F as constantCase,
-  U as dotCase,
-  I as kebabCase,
-  p as noCase,
-  S as pascalCase,
-  T as pascalSnakeCase,
-  b as pathCase,
-  j as sentenceCase,
-  k as snakeCase,
-  h as split,
-  A as splitSeparateNumbers,
-  y as trainCase
-};