poveste 0.10.0 → 0.12.0

package/README.md

@@ -3,7 +3,7 @@
 > Fast and beautiful interactive component playgrounds
 
 Poveste builds a browsable *book* of stories from your components, powered by
-[Vite](https://vite.dev). It is a community-maintained successor to
+[Vite](https://vite.dev). It is a community-maintained fork of
 [histoire](https://github.com/histoire-dev/histoire).
 
 ## Install
@@ -41,7 +41,7 @@ Run `npx poveste --help` for the full list of options.
 
 ## Requirements
 
-Node `>=26` and Vite `^8.0.0`. See
+Node `^22.22.2 || ^24.15.0 || >=26.0.0` and Vite `^8.0.0`. See
 [supported versions](https://poveste.dev/guide/getting-started.html#supported-versions) for
 what proves each range.
 

package/dist/node/build.js

@@ -299,12 +299,11 @@ export async function build(ctx) {
 }
 function generateBaseHtml(head, body, ctx) {
     return `<!DOCTYPE html>
-<html>
+<html lang="${ctx.config.theme.lang ?? 'en'}">
 <head>
   <title>${ctx.config.theme.title}</title>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width,initial-scale=1">
-  <meta name="description" content="">
   <style>html,body{margin:0;padding:0}</style>
   ${head}
 </head>

package/dist/node/builtin-plugins/pinceau-tokens-style.d.ts

@@ -0,0 +1 @@
+export declare const css = ".__pvt-shade {\n  height: 80px;\n  border-radius: 4px;\n}\n\n.__pvt-text {\n  font-size: 4rem;\n  display: flex;\n  align-items: flex-end;\n}\n\n.__pvt-border {\n  border-style: solid;\n  border-width: 2px;\n}\n\n.__pvt-spaces {\n  background-color: rgb(113 113 122 / 0.1);\n  width: min-content;\n}\n\n.__pvt-margin {\n  border: dashed 1px rgb(113 113 122 / 0.5);\n  width: min-content;\n}\n\n.__pvt-spaces-box,\n.__pvt-margin-box {\n  width: 5rem;\n  height: 5rem;\n  background-color: rgb(113 113 122 / 0.5);\n}\n\n.__pvt-spaces,\n.__pvt-spaces-box,\n.__pvt-margin,\n.__pvt-margin-box,\n.__pvt-drop-shadow {\n  border-radius: 4px;\n}\n\n.__pvt-truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.__pvt-drop-shadow {\n  width: 8rem;\n  height: 8rem;\n  background: white;\n  margin-bottom: 0.5rem;\n}\n\n.__pvt-drop-shadow {\n  background: #4e4e57;\n}\n\n.__pvt-border-radius {\n  width: 8rem;\n  height: 8rem;\n  background-color: rgb(113 113 122 / 0.5);\n}\n\n.__pvt-border-width {\n  width: 8rem;\n  height: 8rem;\n  border-color: rgb(113 113 122 / 0.5);\n  background-color: rgb(113 113 122 / 0.1);\n}\n\n.__pvt-width {\n  background-color: rgb(113 113 122 / 0.1);\n}\n\n.__pvt-width-box,\n.__pvt-height {\n  background-color: rgb(113 113 122 / 0.5);\n}\n\n.__pvt-width-box {\n  height: 5rem;\n}";

package/dist/node/builtin-plugins/pinceau-tokens-style.js

@@ -0,0 +1,85 @@
+// Injected as `style.css` next to the generated story file, so it styles
+// the Pinceau token stories without reaching the book's own stylesheet.
+export const css = `.__pvt-shade {
+  height: 80px;
+  border-radius: 4px;
+}
+
+.__pvt-text {
+  font-size: 4rem;
+  display: flex;
+  align-items: flex-end;
+}
+
+.__pvt-border {
+  border-style: solid;
+  border-width: 2px;
+}
+
+.__pvt-spaces {
+  background-color: rgb(113 113 122 / 0.1);
+  width: min-content;
+}
+
+.__pvt-margin {
+  border: dashed 1px rgb(113 113 122 / 0.5);
+  width: min-content;
+}
+
+.__pvt-spaces-box,
+.__pvt-margin-box {
+  width: 5rem;
+  height: 5rem;
+  background-color: rgb(113 113 122 / 0.5);
+}
+
+.__pvt-spaces,
+.__pvt-spaces-box,
+.__pvt-margin,
+.__pvt-margin-box,
+.__pvt-drop-shadow {
+  border-radius: 4px;
+}
+
+.__pvt-truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.__pvt-drop-shadow {
+  width: 8rem;
+  height: 8rem;
+  background: white;
+  margin-bottom: 0.5rem;
+}
+
+.__pvt-drop-shadow {
+  background: #4e4e57;
+}
+
+.__pvt-border-radius {
+  width: 8rem;
+  height: 8rem;
+  background-color: rgb(113 113 122 / 0.5);
+}
+
+.__pvt-border-width {
+  width: 8rem;
+  height: 8rem;
+  border-color: rgb(113 113 122 / 0.5);
+  background-color: rgb(113 113 122 / 0.1);
+}
+
+.__pvt-width {
+  background-color: rgb(113 113 122 / 0.1);
+}
+
+.__pvt-width-box,
+.__pvt-height {
+  background-color: rgb(113 113 122 / 0.5);
+}
+
+.__pvt-width-box {
+  height: 5rem;
+}`;

package/dist/node/builtin-plugins/pinceau-tokens.js

@@ -1,5 +1,6 @@
 import { join } from 'pathe';
 import { getInjectedImport } from '../util/vendors.js';
+import { css } from './pinceau-tokens-style.js';
 export function pinceauTokens(_options = {}) {
     const themePath = join(process.cwd(), 'node_modules/.vite/pinceau/index.js');
     async function generate(api) {
@@ -421,86 +422,3 @@ export default {
   ],
 }`;
 }
-const css = `.__pvt-shade {
-  height: 80px;
-  border-radius: 4px;
-}
-
-.__pvt-text {
-  font-size: 4rem;
-  display: flex;
-  align-items: flex-end;
-}
-
-.__pvt-border {
-  border-style: solid;
-  border-width: 2px;
-}
-
-.__pvt-spaces {
-  background-color: rgb(113 113 122 / 0.1);
-  width: min-content;
-}
-
-.__pvt-margin {
-  border: dashed 1px rgb(113 113 122 / 0.5);
-  width: min-content;
-}
-
-.__pvt-spaces-box,
-.__pvt-margin-box {
-  width: 5rem;
-  height: 5rem;
-  background-color: rgb(113 113 122 / 0.5);
-}
-
-.__pvt-spaces,
-.__pvt-spaces-box,
-.__pvt-margin,
-.__pvt-margin-box,
-.__pvt-drop-shadow {
-  border-radius: 4px;
-}
-
-.__pvt-truncate {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.__pvt-drop-shadow {
-  width: 8rem;
-  height: 8rem;
-  background: white;
-  margin-bottom: 0.5rem;
-}
-
-.__pvt-drop-shadow {
-  background: #4e4e57;
-}
-
-.__pvt-border-radius {
-  width: 8rem;
-  height: 8rem;
-  background-color: rgb(113 113 122 / 0.5);
-}
-
-.__pvt-border-width {
-  width: 8rem;
-  height: 8rem;
-  border-color: rgb(113 113 122 / 0.5);
-  background-color: rgb(113 113 122 / 0.1);
-}
-
-.__pvt-width {
-  background-color: rgb(113 113 122 / 0.1);
-}
-
-.__pvt-width-box,
-.__pvt-height {
-  background-color: rgb(113 113 122 / 0.5);
-}
-
-.__pvt-width-box {
-  height: 5rem;
-}`;

package/dist/node/collect/worker.js

@@ -13,15 +13,26 @@ let _runner;
 // per story broke re-collection.
 let _domEnv;
 let _rpc;
+// A virtual module is cached under the id the plugin resolved it to, not the one
+// it was asked for, so both forms have to go.
+function invalidate(file) {
+    _moduleCache.delete(file);
+    _moduleCache.delete(`\0${file}`);
+}
 // Cleanup module cache
 parentPort.on('message', (message) => {
     if (message?.kind === 'hst:invalidate') {
-        _moduleCache.delete(message.file);
+        invalidate(message.file);
     }
 });
 export default async (payload) => {
     const startTime = performance.now();
     process.env.HST_COLLECT = 'true';
+    // Here rather than broadcast from the main thread: the pool dispatches tasks
+    // on a different port from `broadcastMessage`, and nothing orders the two, so
+    // a busy worker could start the task first and read its own stale cache. A
+    // story being re-executed is being re-read by definition (#557).
+    invalidate(payload.storyFile.moduleId);
     // Before any module runs: an externalised dep reads these at import time.
     for (const [key, value] of Object.entries(payload.defineGlobals ?? {})) {
         ;

package/dist/node/config-validation.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Type checks over the config options that are load-bearing.
+ *
+ * Nothing validated the config, so a wrong type surfaced wherever the value was
+ * first used — `outDir: 42` became `TypeError: input.replace is not a function`
+ * inside `pathe`, naming neither Poveste, nor the option, nor the config file
+ * (#324).
+ *
+ * Hand-written rather than a schema library: `poveste` already ships 31 runtime
+ * dependencies (#306), and this needs to name a key and a received type, not
+ * model the whole surface. Only options whose wrong type fails *inside someone
+ * else's code* are listed — the rest fail legibly on their own.
+ */
+export type ConfigKind = 'string' | 'boolean' | 'number' | 'string[]' | 'array' | 'object' | 'function';
+/** What the value actually is, in the words the message uses. */
+export declare function describeKind(value: unknown): string;
+export declare function configProblems(config: unknown, configFile: string): string[];

package/dist/node/config-validation.js

@@ -0,0 +1,95 @@
+const RULES = [
+    { path: 'outDir', kind: 'string' },
+    { path: 'storyMatch', kind: 'string[]' },
+    { path: 'storyIgnored', kind: 'string[]' },
+    { path: 'plugins', kind: 'array' },
+    { path: 'setupFile', kind: ['string', 'object'] },
+    { path: 'setupCode', kind: 'string[]' },
+    { path: 'globalStyles', kind: 'string[]' },
+    { path: 'isolateStyles', kind: 'boolean' },
+    { path: 'autoApplyContrastColor', kind: 'boolean' },
+    { path: 'defaultBackgroundColor', kind: 'string' },
+    { path: 'sandboxDarkClass', kind: 'string' },
+    { path: 'responsivePresets', kind: 'array' },
+    { path: 'backgroundPresets', kind: 'array' },
+    { path: 'theme.title', kind: 'string' },
+    { path: 'theme.lang', kind: 'string' },
+    { path: 'theme.darkClass', kind: 'string' },
+    { path: 'theme.favicon', kind: 'string' },
+    { path: 'theme.logo.square', kind: 'string' },
+    { path: 'theme.logo.light', kind: 'string' },
+    { path: 'theme.logo.dark', kind: 'string' },
+    { path: 'theme.logoHref', kind: 'string' },
+    { path: 'tree.file', kind: ['string', 'function'] },
+    { path: 'tree.order', kind: ['string', 'function'] },
+    { path: 'vite', kind: ['object', 'function'] },
+];
+/** What the value actually is, in the words the message uses. */
+export function describeKind(value) {
+    if (Array.isArray(value)) {
+        return value.every(item => typeof item === 'string') ? 'string[]' : 'array';
+    }
+    return typeof value;
+}
+function matches(value, kind) {
+    switch (kind) {
+        case 'string[]':
+            return Array.isArray(value) && value.every(item => typeof item === 'string');
+        case 'array':
+            return Array.isArray(value);
+        case 'object':
+            return typeof value === 'object' && value !== null && !Array.isArray(value);
+        case 'string':
+            return typeof value === 'string';
+        case 'boolean':
+            return typeof value === 'boolean';
+        case 'number':
+            return typeof value === 'number';
+        case 'function':
+            return typeof value === 'function';
+        default:
+            return false;
+    }
+}
+function read(config, path) {
+    let current = config;
+    for (const key of path.split('.')) {
+        if (current == null || typeof current !== 'object' || !(key in current)) {
+            return { present: false, value: undefined };
+        }
+        current = current[key];
+    }
+    return { present: true, value: current };
+}
+/**
+ * The value echoed back, short enough to be worth reading.
+ *
+ * JSON rather than `String(value)`: an object stringifies to `[object Object]`,
+ * which tells the reader nothing about what they wrote.
+ */
+function preview(value) {
+    let text;
+    try {
+        text = JSON.stringify(value) ?? String(value);
+    }
+    catch {
+        text = String(value);
+    }
+    return text.length > 40 ? `${text.slice(0, 40)}…` : text;
+}
+export function configProblems(config, configFile) {
+    const problems = [];
+    for (const { path, kind } of RULES) {
+        const { present, value } = read(config, path);
+        // An absent or explicitly-undefined option falls back to the default.
+        if (!present || value === undefined) {
+            continue;
+        }
+        const kinds = Array.isArray(kind) ? kind : [kind];
+        if (kinds.some(one => matches(value, one))) {
+            continue;
+        }
+        problems.push(`${configFile}: \`${path}\` must be ${kinds.join(' or ')}, received ${describeKind(value)} (${preview(value)})`);
+    }
+    return problems;
+}

package/dist/node/config.js

@@ -7,6 +7,7 @@ import pc from 'picocolors';
 import { mergeConfig as mergeViteConfig, resolveConfig as resolveViteConfig, } from 'vite';
 import { vanillaSupport } from './builtin-plugins/vanilla-support/plugin.js';
 import { defaultColors } from './colors.js';
+import { configProblems } from './config-validation.js';
 import { findUp } from './util/find-up.js';
 const __filename = fileURLToPath(import.meta.url);
 export function getDefaultConfig() {
@@ -38,6 +39,7 @@ export function getDefaultConfig() {
             defaultColorScheme: 'auto',
             storeColorScheme: true,
             darkClass: 'dark',
+            lang: 'en',
         },
         responsivePresets: [
             {
@@ -164,6 +166,16 @@ export async function loadConfigFile(configFile) {
     }
     catch (e) {
         console.error(pc.red(`Error while loading ${configFile}`));
+        const missing = e?.code === 'ERR_MODULE_NOT_FOUND' || e?.code === 'MODULE_NOT_FOUND'
+            ? (String(e.message).match(/Cannot find module '([^']+)'/) ?? [])[1]
+            : undefined;
+        if (missing && !process.env.DEBUG) {
+            // The stack is all module-loader and jiti frames, which diagnose neither
+            // an uninstalled package nor a typo (#324). `DEBUG=1` keeps it.
+            console.error(pc.red(`Cannot find module '${missing}'`));
+            console.error(pc.dim('Is it installed, and is the name spelt correctly? Run with DEBUG=1 for the full stack.'));
+            throw new Error(`Cannot find module '${missing}' imported from ${configFile}`);
+        }
         throw e;
     }
 }
@@ -237,17 +249,37 @@ export const mergeConfig = createDefu((obj, key, value) => {
         return true;
     }
 });
+/** Print every problem, then stop before anything consumes the value. */
+function reportConfigProblems(config, configFile) {
+    const problems = configProblems(config, configFile);
+    if (problems.length === 0) {
+        return;
+    }
+    for (const problem of problems) {
+        console.error(pc.red(problem));
+    }
+    throw new Error(`Invalid Poveste config: ${problems.length} problem${problems.length === 1 ? '' : 's'} above.`);
+}
 export async function resolveConfig(cwd = process.cwd(), mode, configFile) {
     let result;
     const resolvedConfigFile = resolveConfigFile(cwd, configFile);
     if (resolvedConfigFile) {
         result = await loadConfigFile(resolvedConfigFile);
+        // Before the merge, so the message quotes what the user actually wrote
+        // rather than a value defaults supplied, and before anything consumes it —
+        // the whole point is not reaching `pathe` with a number (#324).
+        reportConfigProblems(result, path.relative(cwd, resolvedConfigFile) || resolvedConfigFile);
     }
     const viteConfig = await resolveViteConfig({}, 'serve');
     // The `histoire` key is our own deprecation, and reading it is the whole
     // point — it is what makes poveste drop-in for an existing histoire config.
     // eslint-disable-next-line ts/no-deprecated
     const vitePovesteConfig = (viteConfig.poveste ?? viteConfig.histoire ?? {});
+    // The other place a config is written, and validating only `poveste.config.ts`
+    // left it out: `examples/svelte5` and `examples/sveltekit` have no such file
+    // and configure poveste entirely under this key, so half the reference books
+    // took the unvalidated path (#324).
+    reportConfigProblems(vitePovesteConfig, viteConfig.configFile ? path.relative(cwd, viteConfig.configFile) : 'the vite config');
     const preUserConfig = mergeConfig(result, vitePovesteConfig);
     const processedDefaultConfig = await processDefaultConfig(getDefaultConfig(), preUserConfig, mode, cwd);
     return resolveConfigPlugins(mergeConfig(preUserConfig, processedDefaultConfig), mode);

package/dist/node/markdown.d.ts

@@ -1,7 +1,9 @@
+import type { ServerMarkdownFile } from '@poveste/shared';
 import type { Plugin as VitePlugin } from 'vite';
 import type { Context } from './context.js';
 import MarkdownIt from 'markdown-it';
 export declare function onMarkdownListChange(handler: () => unknown): void;
+export declare function onMarkdownFileChange(handler: (file: ServerMarkdownFile) => unknown): void;
 export declare function createMarkdownRenderer(ctx: Context): Promise<MarkdownIt>;
 export declare function createMarkdownPlugins(ctx: Context): Promise<VitePlugin<any>[]>;
 export declare function createMarkdownFilesWatcher(ctx: Context): Promise<{

package/dist/node/markdown.js

@@ -21,6 +21,24 @@ function notifyMarkdownListChange() {
         handler();
     }
 }
+/**
+ * One markdown file's *content* changed, as distinct from the list of files
+ * changing.
+ *
+ * The rendered html reaches the client as its own virtual module,
+ * `virtual:md:<id>`, so invalidating the list module is not enough to repaint an
+ * open docs pane — the list is the same, and only that file's module is stale
+ * (#370). The module already carries the `import.meta.hot.accept` half.
+ */
+const onMarkdownFileChangeHandlers = [];
+export function onMarkdownFileChange(handler) {
+    onMarkdownFileChangeHandlers.push(handler);
+}
+function notifyMarkdownFileChange(file) {
+    for (const handler of onMarkdownFileChangeHandlers) {
+        handler(file);
+    }
+}
 /**
  * Shared between the markdown Vite plugin and the markdown file watcher, which
  * both build a renderer — a `poveste build` reaches this three times. The
@@ -132,6 +150,21 @@ export async function createMarkdownPlugins(ctx) {
     });
     return plugins;
 }
+/**
+ * The story a standalone `.story.md` gets: no sibling story file, so its story
+ * is derived from frontmatter rather than collected from source.
+ */
+function derivedStoryCode(frontmatter) {
+    return `export default ${JSON.stringify({
+        id: frontmatter.id,
+        title: frontmatter.title,
+        icon: frontmatter.icon ?? 'carbon:document-blank',
+        iconColor: frontmatter.iconColor,
+        group: frontmatter.group,
+        docsOnly: true,
+        variants: [],
+    })}`;
+}
 export async function createMarkdownFilesWatcher(ctx) {
     const md = await createMarkdownRendererWithPlugins(ctx);
     const watcher = chokidar.watch('.', {
@@ -169,15 +202,7 @@ export async function createMarkdownFilesWatcher(ctx) {
         ctx.markdownFiles.push(file);
         if (!isRelatedToStory) {
             const storyRelativePath = relativePath.replace(/\.md$/, '.js');
-            const storyFile = addStory(storyRelativePath, `export default ${JSON.stringify({
-                id: frontmatter.id,
-                title: frontmatter.title,
-                icon: frontmatter.icon ?? 'carbon:document-blank',
-                iconColor: frontmatter.iconColor,
-                group: frontmatter.group,
-                docsOnly: true,
-                variants: [],
-            })}`);
+            const storyFile = addStory(storyRelativePath, derivedStoryCode(frontmatter));
             file.storyFile = storyFile;
             storyFile.markdownFile = file;
             notifyStoryChange(storyFile);
@@ -206,12 +231,50 @@ export async function createMarkdownFilesWatcher(ctx) {
             notifyMarkdownListChange();
         }
     }
+    /**
+     * Chokidar emits `change` for an edit to an existing file, and nothing
+     * handled it: `addFile` is the only path that reads and renders markdown, and
+     * it ran on `add` alone, so an edit was watched, delivered and dropped (#370).
+     *
+     * Story files get away with the same two-handler shape because they travel
+     * through Vite's module graph and Vite updates them. Markdown does not —
+     * `addFile` reads and renders in Node, outside the graph.
+     */
+    function updateFile(relativePath) {
+        const file = ctx.markdownFiles.find(file => file.relativePath === relativePath);
+        if (!file) {
+            // Not tracked yet — a file that did not match when it was added, say.
+            addFile(relativePath);
+            return;
+        }
+        const { data: frontmatter, content } = matter(fs.readFileSync(file.absolutePath, 'utf8'));
+        file.frontmatter = frontmatter;
+        file.content = content;
+        // Rewritten in place rather than by removing and re-adding the story:
+        // `moduleId` is derived from the path, so a re-added story carries the id
+        // the client already imported and nothing would tell it to look again
+        // (#539).
+        if (!file.isRelatedToStory && file.storyFile) {
+            file.storyFile.moduleCode = derivedStoryCode(frontmatter);
+        }
+        file.html = md.render(content, {
+            file: file.absolutePath,
+        });
+        notifyMarkdownFileChange(file);
+        if (file.storyFile) {
+            notifyStoryChange(file.storyFile);
+        }
+        notifyMarkdownListChange();
+    }
     async function stop() {
         await watcher.close();
     }
     watcher
         .on('add', (relativePath) => {
         addFile(relativePath);
+    })
+        .on('change', (relativePath) => {
+        updateFile(relativePath);
     })
         .on('unlink', (relativePath) => {
         removeFile(relativePath);

package/dist/node/server.js

@@ -4,7 +4,7 @@ import { createServer as createViteServer, mergeConfig as mergeViteConfig } from
 import { useCollectStories } from './collect/index.js';
 import { hmrPortFor } from './commands/port.js';
 import { useModuleLoader } from './load.js';
-import { createMarkdownFilesWatcher, onMarkdownListChange } from './markdown.js';
+import { createMarkdownFilesWatcher, onMarkdownFileChange, onMarkdownListChange } from './markdown.js';
 import { DevEventPluginApi, DevPluginApi } from './plugin.js';
 import { onStoryChange, onStoryListChange, watchStories } from './stories.js';
 import { wrapLogError } from './util/log.js';
@@ -192,6 +192,11 @@ export async function createServer(ctx, options = {}) {
     onMarkdownListChange(() => {
         invalidateModule(VirtualFiles.RESOLVED_MARKDOWN_FILES);
     });
+    // The list module is unchanged when a file is merely edited — the stale one is
+    // that file's own module, which is what carries the rendered html (#370).
+    onMarkdownFileChange((file) => {
+        invalidateModule(`/__resolved__virtual:md:${file.id}`);
+    });
     async function close() {
         for (const cb of pluginOnCleanups) {
             await wrapLogError('plugin.onDev.onCleanup', () => cb());

package/dist/node/vite.js

@@ -207,12 +207,11 @@ export async function getViteConfigWithPlugins(isServer, ctx) {
                     res.statusCode = 200;
                     let html = `
 <!DOCTYPE html>
-<html>
+<html lang="${ctx.config.theme?.lang ?? 'en'}">
 <head>
   <title></title>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width,initial-scale=1">
-  <meta name="description" content="">
 </head>
 <body>
   <div id="app"></div>
@@ -245,13 +244,12 @@ export async function getViteConfigWithPlugins(isServer, ctx) {
                         res.statusCode = 200;
                         let html = `
 <!DOCTYPE html>
-<html>
+<html lang="${ctx.config.theme?.lang ?? 'en'}">
   <head>
     <title></title>
     <link rel="icon" href=""/>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <meta name="description" content="">
     ${ctx.config.theme?.favicon ? `<link rel="icon" type="${lookupMime(ctx.config.theme.favicon)}" href="${server.config.base}${ctx.config.theme.favicon}"/>` : ''}
     <style>html,body{margin:0;padding:0}</style>
   </head>

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "poveste",
   "type": "module",
-  "version": "0.10.0",
-  "description": "Interactive component playgrounds for Vue, Svelte and Nuxt — a maintained, drop-in successor to histoire",
+  "version": "0.12.0",
+  "description": "Interactive component playgrounds for Vue, Nuxt, Svelte, SvelteKit and Quasar — a drop-in fork of histoire, with Quasar support histoire does not ship.",
   "author": {
-    "name": "Sorin Gitlan"
+    "name": "Sorin Gitlan",
+    "url": "https://x.com/50rayn"
   },
   "license": "MIT",
   "homepage": "https://poveste.dev",
@@ -72,6 +73,10 @@
   },
   "dependencies": {
     "@akryum/tinypool": "^0.3.1",
+    "@poveste/app": "^0.12.0",
+    "@poveste/controls": "^0.12.0",
+    "@poveste/shared": "^0.12.0",
+    "@poveste/vendors": "^0.12.0",
     "@types/markdown-it": "^14.1.2",
     "birpc": "^0.2.19",
     "change-case": "^5.4.4",
@@ -97,11 +102,7 @@
     "shiki": "^3.0.0",
     "sirv": "^3.0.0",
     "unhead": "^3.1.0",
-    "vite-node": "^6.0.0",
-    "@poveste/app": "^0.10.0",
-    "@poveste/controls": "^0.10.0",
-    "@poveste/shared": "^0.10.0",
-    "@poveste/vendors": "^0.10.0"
+    "vite-node": "^6.0.0"
   },
   "devDependencies": {
     "@types/fs-extra": "^11.0.4",