@poveste/plugin-vue 0.18.3 → 0.19.1

package/dist/THIRD_PARTY_NOTICES.md

@@ -0,0 +1,3 @@
+# Third-party notices
+
+@poveste/plugin-vue bundles no third-party code into its `dist`.

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

@@ -5,9 +5,10 @@ import { RouterLinkStub as r } from "./RouterLinkStub.js";
 import { Suspense as i, createApp as a, defineComponent as o, h as s } from "vue";
 import { getSetupHook as c, reportStoryError as l } from "@poveste/shared";
 import * as u from "virtual:$poveste-generated-global-setup";
-import * as d from "virtual:$poveste-setup";
+import d from "virtual:$poveste-plugin-vue/vapor-interop";
+import * as f from "virtual:$poveste-setup";
 //#region src/client/app/host.ts
-var f = o({
+var p = o({
 	name: "PreviewHostRoot",
 	props: {
 		story: {
@@ -23,14 +24,14 @@ var f = o({
 		return t(e.renderContext), () => e.story.file ? s(e.story.file.component, { story: e.story }) : null;
 	}
 });
-function p(e) {
+function m(e) {
 	let t = null, o = null;
 	async function c() {
 		let c = [];
 		o = document.createElement("div"), e.el.appendChild(o), t = a({
 			name: e.name,
 			render: () => {
-				let t = s(f, {
+				let t = s(p, {
 					story: e.getStory(),
 					renderContext: e.renderContext
 				});
@@ -48,7 +49,7 @@ function p(e) {
 				storyId: e.getStory()?.id,
 				variantId: e.getVariant()?.id
 			}), console.error(t);
-		}, n(t), t.component("RouterLink", r), await m({
+		}, d && t.use(d), n(t), t.component("RouterLink", r), await h({
 			app: t,
 			story: e.getStory(),
 			variant: e.getVariant() ?? void 0,
@@ -60,23 +61,23 @@ function p(e) {
 	function u() {
 		t?.unmount(), t = null, o &&= (o.parentNode?.removeChild(o), null);
 	}
-	function d() {
+	function f() {
 		t?._instance?.proxy?.$forceUpdate();
 	}
 	return {
 		mount: c,
 		unmount: u,
-		forceUpdate: d
+		forceUpdate: f
 	};
 }
-async function m(t) {
+async function h(t) {
 	let n = c(u, e);
 	n && await n(t);
-	let r = c(d, e);
+	let r = c(f, e);
 	if (r && await r(t), typeof t.variant?.setupApp == "function") {
 		let e = t.variant.setupApp;
 		await e(t);
 	}
 }
 //#endregion
-export { p as createPreviewHost };
+export { m as createPreviewHost };

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

@@ -14,7 +14,9 @@ export default {
             label: 'File name',
             type: 'text',
             required: true,
-            defaultValue: answers => answers['component']?.replace(/[^/]+\/([^/]+)\.vue$/, '$1.story.vue'),
+            // A name, not a path: both halves join it to the component's own directory,
+            // and a path here was joined twice into one that does not exist (#1176).
+            defaultValue: answers => answers['component']?.split('/').pop()?.replace(/\.vue$/, '.story.vue'),
         },
     ],
     clientAction: (params) => {

package/dist/index.node.js

@@ -1,6 +1,10 @@
+import { readFileSync } from 'node:fs';
+import { createRequire } from 'node:module';
+import { join } from 'node:path';
 import generateStoryCommand from './commands/generate-story.server.js';
 import { VUE_SETUP_HOOK_NAMES } from './setup-hooks.js';
 import { listComponentFiles } from './util/list-components.js';
+import { VAPOR_INTEROP_ID, vaporInteropModule, withoutVaporPlugin } from './util/vapor.js';
 export function HstVue() {
     return {
         name: '@poveste/plugin-vue',
@@ -19,6 +23,20 @@ export function HstVue() {
             return {
                 vite: {
                     plugins: [
+                        withoutVaporPlugin(),
+                        (() => {
+                            let root = process.cwd();
+                            return {
+                                name: 'poveste-plugin-vue:vapor-interop',
+                                configResolved(config) {
+                                    root = config.root;
+                                },
+                                resolveId: id => id === VAPOR_INTEROP_ID ? `\0${VAPOR_INTEROP_ID}` : undefined,
+                                load(id) {
+                                    return id === `\0${VAPOR_INTEROP_ID}` ? vaporInteropModule(projectVueVersion(root)) : undefined;
+                                },
+                            };
+                        })(),
                         {
                             name: 'poveste-plugin-vue',
                             enforce: 'post',
@@ -54,4 +72,13 @@ export function HstVue() {
         },
     };
 }
+function projectVueVersion(root) {
+    try {
+        const manifest = createRequire(join(root, 'package.json')).resolve('vue/package.json');
+        return JSON.parse(readFileSync(manifest, 'utf8')).version;
+    }
+    catch {
+        return undefined;
+    }
+}
 export * from './helpers.js';

package/dist/util/vapor.d.ts

@@ -0,0 +1,30 @@
+import type { Plugin } from 'vite';
+/**
+ * An SFC with `vapor` removed from its `<script>` and `<template>` tags, or
+ * undefined when it has none. Only the opening tags: the attribute does nothing
+ * anywhere else, and a template may well contain the word.
+ */
+export declare function withoutVapor(code: string): string | undefined;
+export declare const VAPOR_INTEROP_ID = "virtual:$poveste-plugin-vue/vapor-interop";
+/**
+ * Whether a Vue of this version exports `vaporInteropPlugin`: 3.6 and later,
+ * prereleases included. Only the project knows its Vue, so the story app gets
+ * the plugin through `VAPOR_INTEROP_ID` rather than importing it: a named import
+ * fails to link against 3.5, and reading it off the namespace either warns in
+ * every 3.5 build or keeps all of Vue in the bundle (#1112).
+ */
+export declare function hasVaporInterop(version: string | undefined): boolean;
+export declare function vaporInteropModule(vueVersion: string | undefined): string;
+/**
+ * Collection imports every story file in Node, where Vue 3.6's entry has no
+ * Vapor runtime, so a `<script setup vapor>` component failed with "does not
+ * provide an export named 'defineVaporComponent'" and took its whole story out
+ * of the book (#1153). Collection only reads metadata and stubs every component
+ * but `Story` and `Variant`, so the component is compiled as an ordinary one
+ * there. The browser still gets it as Vapor.
+ *
+ * A story file is compiled without it in the browser too. Under a Vapor parent,
+ * `Story` and `Variant` get Vapor blocks for slots rather than vnodes, and the
+ * preview never left "Loading..." (#1164). The components it imports stay Vapor.
+ */
+export declare function withoutVaporPlugin(): Plugin;

package/dist/util/vapor.js

@@ -0,0 +1,59 @@
+/**
+ * An SFC with `vapor` removed from its `<script>` and `<template>` tags, or
+ * undefined when it has none. Only the opening tags: the attribute does nothing
+ * anywhere else, and a template may well contain the word.
+ */
+export function withoutVapor(code) {
+    const stripped = code.replace(/<(?:script|template)\b[^>]*>/g, tag => tag.replace(/\svapor(?=[\s/>])/, ''));
+    return stripped === code ? undefined : stripped;
+}
+export const VAPOR_INTEROP_ID = 'virtual:$poveste-plugin-vue/vapor-interop';
+/**
+ * Whether a Vue of this version exports `vaporInteropPlugin`: 3.6 and later,
+ * prereleases included. Only the project knows its Vue, so the story app gets
+ * the plugin through `VAPOR_INTEROP_ID` rather than importing it: a named import
+ * fails to link against 3.5, and reading it off the namespace either warns in
+ * every 3.5 build or keeps all of Vue in the bundle (#1112).
+ */
+export function hasVaporInterop(version) {
+    const match = /^(\d+)\.(\d+)\./.exec(version ?? '');
+    if (!match) {
+        return false;
+    }
+    const [major, minor] = [Number(match[1]), Number(match[2])];
+    return major > 3 || (major === 3 && minor >= 6);
+}
+export function vaporInteropModule(vueVersion) {
+    return hasVaporInterop(vueVersion)
+        ? `export { vaporInteropPlugin as default } from 'vue'\n`
+        : `export default undefined\n`;
+}
+/**
+ * Collection imports every story file in Node, where Vue 3.6's entry has no
+ * Vapor runtime, so a `<script setup vapor>` component failed with "does not
+ * provide an export named 'defineVaporComponent'" and took its whole story out
+ * of the book (#1153). Collection only reads metadata and stubs every component
+ * but `Story` and `Variant`, so the component is compiled as an ordinary one
+ * there. The browser still gets it as Vapor.
+ *
+ * A story file is compiled without it in the browser too. Under a Vapor parent,
+ * `Story` and `Variant` get Vapor blocks for slots rather than vnodes, and the
+ * preview never left "Loading..." (#1164). The components it imports stay Vapor.
+ */
+export function withoutVaporPlugin() {
+    let isStoryFile = () => false;
+    return {
+        name: 'poveste-plugin-vue:without-vapor',
+        enforce: 'pre',
+        configResolved(config) {
+            const api = config.plugins.find(plugin => plugin.name === 'poveste-vite-plugin')?.api;
+            isStoryFile = api?.isStoryFile ?? isStoryFile;
+        },
+        transform(code, id) {
+            if (!id.endsWith('.vue') || !(this.meta.poveste?.isCollecting || isStoryFile(id))) {
+                return undefined;
+            }
+            return withoutVapor(code);
+        },
+    };
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@poveste/plugin-vue",
   "type": "module",
-  "version": "0.18.3",
+  "version": "0.19.1",
   "description": "Poveste plugin for Vue.js support",
   "author": {
     "name": "Sorin Gitlan",
@@ -60,6 +60,8 @@
   "main": "dist/index.js",
   "types": "dist/index.node.d.ts",
   "files": [
+    "!src/**/*.spec.ts",
+    "!src/**/__tests__",
     "client.d.ts",
     "collect.d.ts",
     "components.d.ts",
@@ -70,13 +72,13 @@
     "node": ">=22.22.2"
   },
   "peerDependencies": {
-    "poveste": "^0.18.3",
+    "poveste": "^0.19.1",
     "vue": "^3.5.43"
   },
   "dependencies": {
-    "@poveste/controls": "^0.18.3",
-    "@poveste/shared": "^0.18.3",
-    "@poveste/vendors": "^0.18.3",
+    "@poveste/controls": "^0.19.1",
+    "@poveste/shared": "^0.19.1",
+    "@poveste/vendors": "^0.19.1",
     "change-case": "^5.4.4",
     "ignore": "^7.0.10",
     "launch-editor": "^2.9.1",
@@ -86,11 +88,12 @@
   "devDependencies": {
     "@types/node": "^26.6.3",
     "concurrently": "^10.0.5",
-    "poveste": "0.18.3",
+    "poveste": "0.19.1",
     "typescript": "6.0.3",
     "vite": "^8.3.1",
     "vitest": "^5.0.2",
-    "vue": "^3.5.43"
+    "vue": "^3.5.43",
+    "vue-vapor-rc": "npm:vue@3.6.0-rc.10"
   },
   "scripts": {
     "build": "rimraf dist && vite build && tsc -d -P tsconfig.build.json && pnpm run build:types",

package/src/client/app/host.ts

@@ -6,6 +6,8 @@ import { getSetupHook, reportStoryError } from '@poveste/shared'
 // @ts-expect-error virtual module id
 import * as generatedSetup from 'virtual:$poveste-generated-global-setup'
 // @ts-expect-error virtual module id
+import vaporInteropPlugin from 'virtual:$poveste-plugin-vue/vapor-interop'
+// @ts-expect-error virtual module id
 import * as setup from 'virtual:$poveste-setup'
 import {
   createApp,
@@ -99,6 +101,13 @@ export function createPreviewHost(options: PreviewHostOptions) {
       console.error(err)
     }
 
+    // From Vue 3.6, a Vapor component inside a VDOM tree mounts only through this
+    // plugin, and without it the preview throws `reading 'mount'` (#1112).
+    // Undefined on an older Vue.
+    if (vaporInteropPlugin) {
+      app.use(vaporInteropPlugin)
+    }
+
     registerGlobalComponents(app)
     app.component('RouterLink', RouterLinkStub)
 

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

@@ -16,7 +16,9 @@ export default {
       label: 'File name',
       type: 'text',
       required: true,
-      defaultValue: answers => answers['component']?.replace(/[^/]+\/([^/]+)\.vue$/, '$1.story.vue'),
+      // A name, not a path: both halves join it to the component's own directory,
+      // and a path here was joined twice into one that does not exist (#1176).
+      defaultValue: answers => answers['component']?.split('/').pop()?.replace(/\.vue$/, '.story.vue'),
     },
   ],
   clientAction: (params) => {

package/src/index.node.ts

@@ -1,8 +1,13 @@
 import type { Plugin } from 'poveste'
 
+import { readFileSync } from 'node:fs'
+import { createRequire } from 'node:module'
+import { join } from 'node:path'
+
 import generateStoryCommand from './commands/generate-story.server.js'
 import { VUE_SETUP_HOOK_NAMES } from './setup-hooks.js'
 import { listComponentFiles } from './util/list-components.js'
+import { VAPOR_INTEROP_ID, vaporInteropModule, withoutVaporPlugin } from './util/vapor.js'
 
 export function HstVue(): Plugin {
   return {
@@ -24,6 +29,20 @@ export function HstVue(): Plugin {
       return {
         vite: {
           plugins: [
+            withoutVaporPlugin(),
+            (() => {
+              let root = process.cwd()
+              return {
+                name: 'poveste-plugin-vue:vapor-interop',
+                configResolved(config) {
+                  root = config.root
+                },
+                resolveId: id => id === VAPOR_INTEROP_ID ? `\0${VAPOR_INTEROP_ID}` : undefined,
+                load(id) {
+                  return id === `\0${VAPOR_INTEROP_ID}` ? vaporInteropModule(projectVueVersion(root)) : undefined
+                },
+              }
+            })(),
             {
               name: 'poveste-plugin-vue',
               enforce: 'post',
@@ -63,4 +82,14 @@ export function HstVue(): Plugin {
   }
 }
 
+function projectVueVersion(root: string): string | undefined {
+  try {
+    const manifest = createRequire(join(root, 'package.json')).resolve('vue/package.json')
+    return JSON.parse(readFileSync(manifest, 'utf8')).version
+  }
+  catch {
+    return undefined
+  }
+}
+
 export * from './helpers.js'

package/src/util/vapor.ts

@@ -0,0 +1,65 @@
+import type { Plugin } from 'vite'
+
+/**
+ * An SFC with `vapor` removed from its `<script>` and `<template>` tags, or
+ * undefined when it has none. Only the opening tags: the attribute does nothing
+ * anywhere else, and a template may well contain the word.
+ */
+export function withoutVapor(code: string): string | undefined {
+  const stripped = code.replace(/<(?:script|template)\b[^>]*>/g, tag => tag.replace(/\svapor(?=[\s/>])/, ''))
+  return stripped === code ? undefined : stripped
+}
+
+export const VAPOR_INTEROP_ID = 'virtual:$poveste-plugin-vue/vapor-interop'
+
+/**
+ * Whether a Vue of this version exports `vaporInteropPlugin`: 3.6 and later,
+ * prereleases included. Only the project knows its Vue, so the story app gets
+ * the plugin through `VAPOR_INTEROP_ID` rather than importing it: a named import
+ * fails to link against 3.5, and reading it off the namespace either warns in
+ * every 3.5 build or keeps all of Vue in the bundle (#1112).
+ */
+export function hasVaporInterop(version: string | undefined): boolean {
+  const match = /^(\d+)\.(\d+)\./.exec(version ?? '')
+  if (!match) {
+    return false
+  }
+  const [major, minor] = [Number(match[1]), Number(match[2])]
+  return major > 3 || (major === 3 && minor >= 6)
+}
+
+export function vaporInteropModule(vueVersion: string | undefined): string {
+  return hasVaporInterop(vueVersion)
+    ? `export { vaporInteropPlugin as default } from 'vue'\n`
+    : `export default undefined\n`
+}
+
+/**
+ * Collection imports every story file in Node, where Vue 3.6's entry has no
+ * Vapor runtime, so a `<script setup vapor>` component failed with "does not
+ * provide an export named 'defineVaporComponent'" and took its whole story out
+ * of the book (#1153). Collection only reads metadata and stubs every component
+ * but `Story` and `Variant`, so the component is compiled as an ordinary one
+ * there. The browser still gets it as Vapor.
+ *
+ * A story file is compiled without it in the browser too. Under a Vapor parent,
+ * `Story` and `Variant` get Vapor blocks for slots rather than vnodes, and the
+ * preview never left "Loading..." (#1164). The components it imports stay Vapor.
+ */
+export function withoutVaporPlugin(): Plugin {
+  let isStoryFile: (id: string) => boolean = () => false
+  return {
+    name: 'poveste-plugin-vue:without-vapor',
+    enforce: 'pre',
+    configResolved(config) {
+      const api = config.plugins.find(plugin => plugin.name === 'poveste-vite-plugin')?.api
+      isStoryFile = api?.isStoryFile ?? isStoryFile
+    },
+    transform(code, id) {
+      if (!id.endsWith('.vue') || !((this.meta as any).poveste?.isCollecting || isStoryFile(id))) {
+        return undefined
+      }
+      return withoutVapor(code)
+    },
+  }
+}

package/dist/util/list-components.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/util/list-components.spec.js

@@ -1,46 +0,0 @@
-import { mkdirSync, mkdtempSync, rmSync, writeFileSync } from 'node:fs';
-import { tmpdir } from 'node:os';
-import { dirname, join } from 'node:path';
-import { afterEach, describe, expect, it } from 'vitest';
-import { listComponentFiles } from './list-components.js';
-const roots = [];
-function tree(files) {
-    const root = mkdtempSync(join(tmpdir(), 'list-components-'));
-    roots.push(root);
-    for (const [path, content] of Object.entries(files)) {
-        mkdirSync(dirname(join(root, path)), { recursive: true });
-        writeFileSync(join(root, path), content);
-    }
-    return root;
-}
-afterEach(() => {
-    for (const root of roots.splice(0)) {
-        rmSync(root, { recursive: true, force: true });
-    }
-});
-// Listing honoured .gitignore through globby's `gitignore: true`, and tinyglobby
-// has no such option, so the filtering is ours now (#839).
-describe('listComponentFiles', () => {
-    it('leaves out components git ignores, from the root .gitignore and a nested one', async () => {
-        const root = tree({
-            '.git/HEAD': 'ref: refs/heads/main\n',
-            '.gitignore': 'generated/\n',
-            'app/.gitignore': 'scratch/*\n!scratch/Kept.vue\n',
-            'app/src/Button.vue': '',
-            'app/src/generated/Output.vue': '',
-            'app/scratch/Draft.vue': '',
-            'app/scratch/Kept.vue': '',
-        });
-        const files = await listComponentFiles('', [], 10, join(root, 'app'));
-        expect(files.sort()).toEqual(['scratch/Kept.vue', 'src/Button.vue']);
-    });
-    it('still skips node_modules and the patterns it is given', async () => {
-        const root = tree({
-            '.git/HEAD': 'ref: refs/heads/main\n',
-            'src/Button.vue': '',
-            'src/Button.story.vue': '',
-            'node_modules/pkg/Dep.vue': '',
-        });
-        expect(await listComponentFiles('', ['**/*.story.vue'], 10, root)).toEqual(['src/Button.vue']);
-    });
-});

package/src/client/__tests__/codegen-attrs.spec.ts

@@ -1,149 +0,0 @@
-import type { Variant } from '@poveste/shared'
-import { describe, expect, it } from 'vitest'
-import { h } from 'vue'
-import { delimitAttr, generateSourceCode } from '../codegen.js'
-
-/*
- * The source pane shows the template that produced the variant, so a handler
- * has to appear as its author wrote it. The pass this replaces escaped `'` for
- * a JavaScript string and rewrote `"` into `'` — neither of which is the
- * attribute the result lands in — and each half reached the reader alone (#602).
- *
- * A case carrying both quote characters is the one that matters: each half
- * fails on its own, so a fixture with only one of them passes a half-fix.
- */
-describe('delimitAttr', () => {
-  it('leaves code with no quotes in it alone, under the usual delimiter', () => {
-    expect(delimitAttr(['onClick'])).toEqual({ quote: '"', lines: ['onClick'] })
-  })
-
-  // Was shown as `() => alert('hi')` — the reader's double quotes rewritten.
-  it('takes the other delimiter rather than rewriting a double quote', () => {
-    expect(delimitAttr(['() => alert("hi")'])).toEqual({
-      quote: '\'',
-      lines: ['() => alert("hi")'],
-    })
-  })
-
-  // Was shown as `() => alert(\'hi\')`, backslashes and all.
-  it('leaves a single quote unescaped, since the attribute is not a JS string', () => {
-    expect(delimitAttr(['() => alert(\'hi\')'])).toEqual({
-      quote: '"',
-      lines: ['() => alert(\'hi\')'],
-    })
-  })
-
-  // Both characters, so whichever delimiter is chosen has to be escaped inside
-  // it. Two doubles against one single here, so the single is the cheaper one.
-  it('escapes the quote that appears less often when the code carries both', () => {
-    expect(delimitAttr(['() => console.log("it\'s here")'])).toEqual({
-      quote: '\'',
-      lines: ['() => console.log("it's here")'],
-    })
-  })
-
-  // Four singles against two doubles, so the double is the cheaper one here.
-  it('escapes the double quote instead when that is the rarer one', () => {
-    expect(delimitAttr(['() => alert(\'a\', \'b\', "c")'])).toEqual({
-      quote: '"',
-      lines: ['() => alert(\'a\', \'b\', "c")'],
-    })
-  })
-
-  // The alert CodeQL raised: the escaping pass never escaped a backslash, so
-  // `() => alert('it\'s')` went in carrying one and came out carrying four.
-  it('passes a backslash through untouched', () => {
-    const written = '() => alert(\'it\\\'s\')'
-
-    expect(delimitAttr([written]).lines[0]).toBe(written)
-  })
-
-  it('reads the whole value when deciding, not one line of it', () => {
-    expect(delimitAttr(['() => {', '  alert("hi")', '}']).quote).toBe('\'')
-  })
-
-  it('escapes on every line, not only the one that decided it', () => {
-    expect(delimitAttr(['() => {', '  alert("a")', '  alert(\'b\')', '  alert(\'c\')', '}']).lines).toEqual([
-      '() => {',
-      '  alert("a")',
-      '  alert(\'b\')',
-      '  alert(\'c\')',
-      '}',
-    ])
-  })
-})
-
-/*
- * `delimitAttr` could be right and unused, so these drive the generator itself.
- *
- * The handler states its own source rather than being written as one. A `.vue`
- * ships to the browser untransformed, but this spec does not: esbuild rewrote
- * `alert('it\'s')` in the fixture to `alert("it's")` before `toString()` ever
- * saw it, so a handler written here is not the text the generator receives.
- * Overriding `toString` is what makes the input exact.
- */
-const WITH_DOUBLE = '() => alert("hi")'
-const WITH_SINGLE = '() => alert(\'hi\')'
-const WITH_BOTH = '() => console.log("it\'s here")'
-const WITH_BACKSLASH = String.raw`() => alert('it\'s')`
-
-function handlerWritten(source: string): () => void {
-  const handler = (): void => {}
-  handler.toString = () => source
-  return handler
-}
-
-function variantWith(source: string): Variant {
-  return {
-    state: {},
-    slots: () => ({ default: () => h('button', { onClick: handlerWritten(source) }, 'go') }),
-  } as unknown as Variant
-}
-
-describe('generateSourceCode, for an event handler', () => {
-  it('shows a double quote the author wrote, under the other delimiter', async () => {
-    expect(await generateSourceCode(variantWith(WITH_DOUBLE))).toContain(`@click='${WITH_DOUBLE}'`)
-  })
-
-  it('shows a single quote unescaped, under the usual delimiter', async () => {
-    expect(await generateSourceCode(variantWith(WITH_SINGLE))).toContain(`@click="${WITH_SINGLE}"`)
-  })
-
-  it('escapes only the rarer quote when the handler carries both', async () => {
-    expect(await generateSourceCode(variantWith(WITH_BOTH)))
-      .toContain('@click=\'() => console.log("it's here")\'')
-  })
-
-  it('shows a backslash the author wrote exactly as written', async () => {
-    expect(await generateSourceCode(variantWith(WITH_BACKSLASH))).toContain(WITH_BACKSLASH)
-  })
-
-  // The alert itself: one backslash in, four out.
-  it('does not multiply the backslash it was given', async () => {
-    const source = await generateSourceCode(variantWith(WITH_BACKSLASH))
-
-    expect(source.match(/\\/g)).toHaveLength(1)
-  })
-})
-
-/*
- * A string prop is the other way a `"` reaches an attribute, and it took the
- * delimiter fix later than the handlers did — the element below rendered its
- * directives correctly and mangled this one.
- */
-describe('generateSourceCode, for a string prop', () => {
-  function variantWithTitle(title: string): Variant {
-    return {
-      state: {},
-      slots: () => ({ default: () => h('div', { title }, 'go') }),
-    } as unknown as Variant
-  }
-
-  it('leaves a plain value under the usual delimiter', async () => {
-    expect(await generateSourceCode(variantWithTitle('a calm title'))).toContain('title="a calm title"')
-  })
-
-  it('takes the other delimiter rather than closing the attribute early', async () => {
-    expect(await generateSourceCode(variantWithTitle('He said "hi"'))).toContain(`title='He said "hi"'`)
-  })
-})

package/src/client/__tests__/context.spec.ts

@@ -1,50 +0,0 @@
-import { describe, expect, it, vi } from 'vitest'
-
-/*
- * A collection worker evaluates the context modules more than once — its graph is
- * invalidated while a story is mid-run — so the provider and the consumer can each
- * hold their own instance of one file. The key is what has to survive that: minted
- * per instance it differs between them, the injection misses, and the reader is
- * told their `<Variant>` is outside a `<Story>`.
- *
- * Vue's own `provide`/`inject` are stubbed because they need a mounted component
- * and this package's tests have no DOM; the key they are handed is the subject.
- */
-const provided: unknown[] = []
-const injected: unknown[] = []
-
-vi.mock('vue', () => ({
-  provide: (key: unknown) => {
-    provided.push(key)
-  },
-  inject: (key: unknown) => {
-    injected.push(key)
-    return null
-  },
-}))
-
-const { createContext } = await import('../context.js')
-
-function keyOf(description: string) {
-  createContext(description, '<Story>').provide('anything')
-  return provided.at(-1)
-}
-
-describe('createContext', () => {
-  it('gives two instances of the same context one key', () => {
-    expect(keyOf('poveste-test-context')).toBe(keyOf('poveste-test-context'))
-  })
-
-  it('keeps two contexts apart when their descriptions differ', () => {
-    // What #981 was: one key meaning two things.
-    expect(keyOf('poveste-test-one')).not.toBe(keyOf('poveste-test-two'))
-  })
-
-  it('injects under the key it provides under', () => {
-    const context = createContext<string>('poveste-test-round-trip', '<Story>')
-    context.provide('the story file')
-    context.injectOptional()
-
-    expect(injected.at(-1)).toBe(provided.at(-1))
-  })
-})