@izumisy/vite-plugin-react-preview 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 IzumiSy
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,76 @@
+# @izumisy/vite-plugin-react-preview
+
+Low-level Vite plugin and utilities for rendering React component previews. This package is the shared engine used by both `@izumisy/md-react-preview` (CLI) and `@izumisy/vitepress-plugin-react-preview` (VitePress integration).
+
+## Features
+
+- **Preview block parsing** — `parseMeta()` extracts options (`wrap`, `height`, `standalone`, …) from fenced code block meta strings
+- **Virtual module generation** — each preview block becomes a virtual Vite module (`virtual:mrp-preview-{blockId}`) containing the component code, CSS import, and a default export
+- **Standalone preview pages** — generates full-viewport HTML pages served at `/__preview/{blockId}` with theme support (`?theme=dark|light`)
+- **Block registry** — a shared `Map<string, PreviewBlockEntry>` that tracks discovered blocks and coordinates between the markdown parser and Vite plugin
+- **Browser-safe sub-path** — `@izumisy/vite-plugin-react-preview/dom` exports constants without pulling in Node.js dependencies, safe for browser/Vue SFC imports
+
+## Exports
+
+### `@izumisy/vite-plugin-react-preview` (main)
+
+| Export | Description |
+|--------|-------------|
+| `createBasePreviewPlugin(name, options)` | Creates the core Vite plugin array (resolve/load/transform + dev server middleware) |
+| `createPreviewBuildPlugin(options)` | Vite plugin for production builds — emits standalone HTML pages for each block |
+| `createPreviewHooks(options)` | Lower-level hooks (`resolveId`, `load`, `transform`) for custom plugin composition |
+| `generatePreviewModuleCode(blockId, entry, css?)` | Generates the virtual module source for a single preview block |
+| `generateStandaloneHtml(scriptSrc)` | Generates the HTML shell for standalone preview pages |
+| `parseMeta(meta)` | Parses `key="value"` pairs and boolean flags from fence meta strings |
+| `simpleHash(str)` | MD5-based short hash for generating block IDs |
+| `resolveCssImportPath(css, hostRoot?)` | Resolves CSS import paths (package specifiers vs relative paths) |
+
+### `@izumisy/vite-plugin-react-preview/dom` (browser-safe)
+
+| Export | Description |
+|--------|-------------|
+| `WRAP_STYLES` | Layout style map (`row`, `column`) |
+| `ALIGN_STYLES` | Alignment style map (`center`, `start`, `end`) |
+
+## Usage
+
+This package is not typically used directly. It is consumed by:
+
+- **`@izumisy/md-react-preview`** — uses `createBasePreviewPlugin` and `createPreviewBuildPlugin` to power the CLI preview server
+- **`@izumisy/vitepress-plugin-react-preview`** — uses the same plugins to integrate previews into VitePress
+
+If you are building a custom integration, use `createBasePreviewPlugin()` with a block registry:
+
+```ts
+import {
+  createBasePreviewPlugin,
+  createPreviewBuildPlugin,
+  type PreviewBlockEntry,
+} from "@izumisy/vite-plugin-react-preview";
+
+// blockRegistry is defined externally so that multiple plugins (e.g. a
+// markdown-it plugin that registers blocks and the Vite plugin that serves
+// them) can share the same mutable state.
+const blockRegistry = new Map<string, PreviewBlockEntry>();
+
+// createBasePreviewPlugin: provides virtual module resolution, code
+// generation, JSX compilation, and the dev server middleware for serving
+// standalone preview pages at /__preview/:blockId.
+const basePlugins = createBasePreviewPlugin("my-preview-plugin", {
+  blockRegistry,
+  cssImport: "@my-lib/styles",
+});
+
+// createPreviewBuildPlugin: production build only — emits static HTML pages
+// for each preview block so they can be embedded as iframes in the built site.
+const buildPlugin = createPreviewBuildPlugin({
+  blockRegistry,
+  scanBlocks: (root) => {
+    // Populate blockRegistry before Rollup resolves virtual modules.
+  },
+});
+```
+
+## License
+
+MIT

package/dist/dom.d.mts

@@ -0,0 +1,2 @@
+import { a as WRAP_STYLES, t as ALIGN_STYLES } from "./preview-module-CkwXFASr.mjs";
+export { ALIGN_STYLES, WRAP_STYLES };

package/dist/dom.mjs

@@ -0,0 +1,2 @@
+import { a as WRAP_STYLES, t as ALIGN_STYLES } from "./preview-module-FAlHEUCG.mjs";
+export { ALIGN_STYLES, WRAP_STYLES };

package/dist/index.d.mts

@@ -0,0 +1,51 @@
+import { a as WRAP_STYLES, c as PreviewBlockEntry, d as simpleHash, i as VIRTUAL_PREFIX, l as parseMeta, n as REGISTRY_MODULE_ID, o as generatePreviewModuleCode, r as STANDALONE_CLIENT_MODULE_ID, s as generateStandaloneHtml, t as ALIGN_STYLES, u as resolveCssImportPath } from "./preview-module-CkwXFASr.mjs";
+import * as vite from "vite";
+import { Plugin } from "vite";
+
+//#region src/preview-plugin.d.ts
+interface PreviewPluginOptions {
+  blockRegistry: Map<string, PreviewBlockEntry>;
+  /** CSS file to import in preview blocks (e.g. "@my-lib/styles") */
+  cssImport?: string;
+  /**
+   * When true, skip the configureServer middleware for standalone preview
+   * pages (the consumer provides its own). Defaults to false.
+   */
+  skipStandaloneServer?: boolean;
+}
+/**
+ * Create the common preview hook functions for virtual module resolution,
+ * code generation, and JSX compilation.
+ *
+ * Shared between the standalone CLI previewer and framework-specific plugins.
+ */
+declare function createPreviewHooks(options: PreviewPluginOptions): {
+  resolveId: (this: any, id: string, importer?: string) => any;
+  load: (id: string) => string | undefined;
+  transform: (code: string, id: string) => Promise<vite.ESBuildTransformResult | undefined>;
+};
+/**
+ * Create a complete preview Vite plugin from the common hooks.
+ * Suitable for consumers that don't need to extend the plugin (e.g. VitePress).
+ */
+declare function createBasePreviewPlugin(name: string, options: PreviewPluginOptions): Plugin[];
+interface PreviewBuildPluginOptions {
+  blockRegistry: Map<string, PreviewBlockEntry>;
+  /**
+   * Called during `buildStart` to pre-populate the blockRegistry before
+   * Rollup loads any modules. This is critical for frameworks like VitePress
+   * where blocks are normally registered lazily during the transform phase
+   * — too late for the registry virtual module to include them.
+   */
+  scanBlocks?: (root: string) => void | Promise<void>;
+}
+/**
+ * Vite plugin that generates standalone preview HTML pages during build.
+ *
+ * Each preview block gets its own HTML page at `__preview/{blockId}.html`.
+ * Use alongside `createBasePreviewPlugin` for consumers like VitePress that
+ * need static preview pages in production.
+ */
+declare function createPreviewBuildPlugin(options: PreviewBuildPluginOptions): Plugin;
+//#endregion
+export { ALIGN_STYLES, type PreviewBlockEntry, type PreviewPluginOptions, REGISTRY_MODULE_ID, STANDALONE_CLIENT_MODULE_ID, VIRTUAL_PREFIX, WRAP_STYLES, createBasePreviewPlugin, createPreviewBuildPlugin, createPreviewHooks, generatePreviewModuleCode, generateStandaloneHtml, parseMeta, resolveCssImportPath, simpleHash };

package/dist/index.mjs

@@ -0,0 +1,227 @@
+import { a as WRAP_STYLES, i as VIRTUAL_PREFIX, n as REGISTRY_MODULE_ID, o as generatePreviewModuleCode, r as STANDALONE_CLIENT_MODULE_ID, s as generateStandaloneHtml, t as ALIGN_STYLES } from "./preview-module-FAlHEUCG.mjs";
+import { createHash } from "node:crypto";
+import { resolve } from "node:path";
+import { transformWithEsbuild } from "vite";
+//#region src/preview-utils.ts
+function simpleHash(str) {
+	return createHash("md5").update(str).digest("hex").slice(0, 8);
+}
+/**
+* Parse key="value" pairs and boolean flags from a meta string.
+*/
+function parseMeta(meta) {
+	const result = {};
+	const kvRe = /(\w+)="([^"]*)"/g;
+	let m;
+	while ((m = kvRe.exec(meta)) !== null) result[m[1]] = m[2];
+	const remaining = meta.replace(kvRe, "");
+	const flagRe = /\b(\w+)\b/g;
+	while ((m = flagRe.exec(remaining)) !== null) if (!(m[1] in result)) result[m[1]] = "true";
+	return result;
+}
+/**
+* Resolve a CSS path for Vite consumption.
+*
+* - Bare package specifiers (e.g. "@foo/bar/styles", "some-pkg/styles.css")
+*   are returned as-is so Vite resolves them from node_modules.
+* - Relative or absolute paths are resolved against `hostRoot`.
+*/
+function resolveCssImportPath(css, hostRoot) {
+	if (css.startsWith("@") || !css.startsWith(".") && !css.startsWith("/")) return css;
+	if (hostRoot) return resolve(hostRoot, css);
+	return css;
+}
+//#endregion
+//#region src/preview-plugin.ts
+const RESOLVED_REGISTRY_ID = "\0" + REGISTRY_MODULE_ID;
+const RESOLVED_STANDALONE_CLIENT_ID = "\0" + STANDALONE_CLIENT_MODULE_ID;
+/**
+* Create the common preview hook functions for virtual module resolution,
+* code generation, and JSX compilation.
+*
+* Shared between the standalone CLI previewer and framework-specific plugins.
+*/
+function createPreviewHooks(options) {
+	const { blockRegistry, cssImport } = options;
+	function resolveId(id, importer) {
+		if (importer?.startsWith("\0virtual:mrp-preview-")) {
+			const blockId = importer.slice(("\0" + VIRTUAL_PREFIX).length).replace(/\.tsx$/, "");
+			const entry = blockRegistry.get(blockId);
+			if (entry?.sourceFile) return this.resolve(id, entry.sourceFile, { skipSelf: true });
+		}
+		const cleanId = id.startsWith("/") ? id.slice(1) : id;
+		if (cleanId === "virtual:mrp-preview-registry") return RESOLVED_REGISTRY_ID;
+		if (cleanId === "virtual:mrp-standalone-client") return RESOLVED_STANDALONE_CLIENT_ID;
+		if (cleanId.startsWith("virtual:mrp-preview-")) return "\0" + cleanId + ".tsx";
+		return null;
+	}
+	function load(id) {
+		if (id === RESOLVED_REGISTRY_ID) return `export const registry = {\n${[...blockRegistry.keys()].map((blockId) => `  ${JSON.stringify(blockId)}: () => import(${JSON.stringify(VIRTUAL_PREFIX + blockId)})`).join(",\n")}\n};\n`;
+		if (id === RESOLVED_STANDALONE_CLIENT_ID) return generateStandaloneClientCode();
+		if (!id.startsWith("\0virtual:mrp-preview-")) return;
+		const blockId = id.slice(("\0" + VIRTUAL_PREFIX).length).replace(/\.tsx$/, "");
+		const entry = blockRegistry.get(blockId);
+		if (!entry) return;
+		return generatePreviewModuleCode(blockId, entry, cssImport);
+	}
+	async function transform(code, id) {
+		if (id === RESOLVED_REGISTRY_ID || id === RESOLVED_STANDALONE_CLIENT_ID) return;
+		if (id.startsWith("\0virtual:mrp-preview-")) return transformWithEsbuild(code, id.slice(1), { jsx: "automatic" });
+	}
+	return {
+		resolveId,
+		load,
+		transform
+	};
+}
+function generateStandaloneClientCode() {
+	return `\
+import { createElement } from "react";
+import { createRoot } from "react-dom/client";
+import { registry } from ${JSON.stringify(REGISTRY_MODULE_ID)};
+
+var WRAP_STYLES = ${JSON.stringify(WRAP_STYLES)};
+var ALIGN_STYLES = ${JSON.stringify(ALIGN_STYLES)};
+
+var blockId = location.pathname.split("/").pop().replace(/\\.html$/, "");
+var params = new URLSearchParams(location.search);
+
+var themeParam = params.get("theme");
+function applyTheme(theme) {
+  document.documentElement.setAttribute("data-theme", theme);
+  document.documentElement.classList.remove("light", "dark");
+  document.documentElement.classList.add(theme);
+  document.documentElement.style.colorScheme = theme;
+  var bg = theme === "dark" ? "#1a1a1a" : "#fff";
+  document.documentElement.style.backgroundColor = bg;
+  document.body.style.backgroundColor = bg;
+}
+if (themeParam === "dark" || themeParam === "light") {
+  applyTheme(themeParam);
+}
+window.addEventListener("message", function(e) {
+  if (e.data && e.data.type === "mrp-theme" && (e.data.theme === "dark" || e.data.theme === "light")) {
+    applyTheme(e.data.theme);
+  }
+});
+
+var wrapParam = params.get("wrap");
+var alignParam = params.get("align");
+var root = document.getElementById("root");
+if (wrapParam && WRAP_STYLES[wrapParam]) root.style.cssText += ";" + WRAP_STYLES[wrapParam];
+if (alignParam && ALIGN_STYLES[alignParam]) root.style.cssText += ";" + ALIGN_STYLES[alignParam];
+
+registry[blockId]().then(function(mod) {
+  if (mod.css) {
+    var style = document.createElement("style");
+    style.textContent = mod.css;
+    document.head.appendChild(style);
+  }
+  createRoot(root).render(createElement(mod.default));
+
+  new ResizeObserver(function() {
+    window.parent.postMessage(
+      { type: "mrp-resize", blockId: blockId, height: root.scrollHeight },
+      "*"
+    );
+  }).observe(root);
+});
+`;
+}
+/**
+* Create a complete preview Vite plugin from the common hooks.
+* Suitable for consumers that don't need to extend the plugin (e.g. VitePress).
+*/
+function createBasePreviewPlugin(name, options) {
+	const hooks = createPreviewHooks(options);
+	let isSsrBuild = false;
+	return [{
+		name,
+		enforce: "pre",
+		configResolved(config) {
+			isSsrBuild = !!config.build?.ssr;
+		},
+		resolveId: hooks.resolveId,
+		load(id) {
+			if (isSsrBuild) {
+				if (id === RESOLVED_REGISTRY_ID) return `export const registry = {};`;
+				if (id.startsWith("\0virtual:mrp-preview-")) return `export const css = ""; export default function Preview() { return null; }`;
+			}
+			return hooks.load(id);
+		},
+		transform: hooks.transform,
+		configureServer(server) {
+			if (options.skipStandaloneServer) return;
+			const standaloneHtml = generateStandaloneHtml(STANDALONE_CLIENT_MODULE_ID);
+			server.middlewares.use((req, res, next) => {
+				if (!req.url?.match(/^\/__preview\/([a-f0-9]+)(\?.*)?$/)) return next();
+				const registryMod = server.moduleGraph.getModuleById(RESOLVED_REGISTRY_ID);
+				if (registryMod) server.moduleGraph.invalidateModule(registryMod);
+				server.transformIndexHtml(req.url, standaloneHtml).then((transformed) => {
+					res.setHeader("Content-Type", "text/html");
+					res.end(transformed);
+				}).catch(next);
+			});
+		},
+		config() {
+			return {
+				resolve: { dedupe: ["react", "react-dom"] },
+				build: { rollupOptions: { onwarn(warning, defaultHandler) {
+					if (warning.code === "MODULE_LEVEL_DIRECTIVE" && warning.message.includes("\"use client\"")) return;
+					defaultHandler(warning);
+				} } },
+				ssr: { external: [
+					"react",
+					"react-dom",
+					"react-dom/client",
+					"react/jsx-runtime"
+				] }
+			};
+		}
+	}];
+}
+/**
+* Vite plugin that generates standalone preview HTML pages during build.
+*
+* Each preview block gets its own HTML page at `__preview/{blockId}.html`.
+* Use alongside `createBasePreviewPlugin` for consumers like VitePress that
+* need static preview pages in production.
+*/
+function createPreviewBuildPlugin(options) {
+	const { blockRegistry } = options;
+	let resolvedConfig;
+	let isSsrBuild = false;
+	let standaloneChunkRefId;
+	return {
+		name: "mrp-preview-build",
+		configResolved(config) {
+			resolvedConfig = config;
+			isSsrBuild = !!config.build?.ssr;
+		},
+		async buildStart() {
+			if (isSsrBuild || resolvedConfig.command === "serve") return;
+			if (options.scanBlocks) await options.scanBlocks(resolvedConfig.root);
+			standaloneChunkRefId = this.emitFile({
+				type: "chunk",
+				id: STANDALONE_CLIENT_MODULE_ID,
+				name: "mrp-standalone-preview"
+			});
+		},
+		async generateBundle(_options, _bundle) {
+			if (isSsrBuild || !standaloneChunkRefId) return;
+			const blockIds = [...blockRegistry.keys()];
+			if (blockIds.length === 0) return;
+			const standaloneFileName = this.getFileName(standaloneChunkRefId);
+			for (const blockId of blockIds) {
+				const html = generateStandaloneHtml(standaloneFileName);
+				this.emitFile({
+					type: "asset",
+					fileName: `__preview/${blockId}.html`,
+					source: html
+				});
+			}
+		}
+	};
+}
+//#endregion
+export { ALIGN_STYLES, REGISTRY_MODULE_ID, STANDALONE_CLIENT_MODULE_ID, VIRTUAL_PREFIX, WRAP_STYLES, createBasePreviewPlugin, createPreviewBuildPlugin, createPreviewHooks, generatePreviewModuleCode, generateStandaloneHtml, parseMeta, resolveCssImportPath, simpleHash };

package/dist/preview-module-CkwXFASr.d.mts

@@ -0,0 +1,46 @@
+//#region src/preview-utils.d.ts
+interface PreviewBlockEntry {
+  code: string;
+  sourceFile: string;
+  wrap?: string;
+  height?: string;
+  standalone?: boolean;
+}
+declare function simpleHash(str: string): string;
+/**
+ * Parse key="value" pairs and boolean flags from a meta string.
+ */
+declare function parseMeta(meta: string): Record<string, string>;
+/**
+ * Resolve a CSS path for Vite consumption.
+ *
+ * - Bare package specifiers (e.g. "@foo/bar/styles", "some-pkg/styles.css")
+ *   are returned as-is so Vite resolves them from node_modules.
+ * - Relative or absolute paths are resolved against `hostRoot`.
+ */
+declare function resolveCssImportPath(css: string, hostRoot?: string): string;
+//#endregion
+//#region src/preview-module.d.ts
+declare const VIRTUAL_PREFIX = "virtual:mrp-preview-";
+declare const REGISTRY_MODULE_ID = "virtual:mrp-preview-registry";
+declare const STANDALONE_CLIENT_MODULE_ID = "virtual:mrp-standalone-client";
+declare const WRAP_STYLES: Record<string, string>;
+declare const ALIGN_STYLES: Record<string, string>;
+/**
+ * Generate the standalone preview HTML page shell.
+ *
+ * Used by both dev-server middleware and production build to produce the
+ * `__preview/:blockId` pages. The `scriptSrc` parameter is the path to the
+ * standalone client entry (virtual module ID in dev, hashed filename in build).
+ */
+declare function generateStandaloneHtml(scriptSrc: string): string;
+/**
+ * Generate the virtual module code for a preview block.
+ *
+ * The module exports a React component as default and the CSS string as `css`.
+ * The host component (e.g. PreviewBlock) is responsible for mounting the
+ * component into an iframe container and injecting the CSS.
+ */
+declare function generatePreviewModuleCode(_blockId: string, entry: PreviewBlockEntry, cssImport?: string): string;
+//#endregion
+export { WRAP_STYLES as a, PreviewBlockEntry as c, simpleHash as d, VIRTUAL_PREFIX as i, parseMeta as l, REGISTRY_MODULE_ID as n, generatePreviewModuleCode as o, STANDALONE_CLIENT_MODULE_ID as r, generateStandaloneHtml as s, ALIGN_STYLES as t, resolveCssImportPath as u };

package/dist/preview-module-FAlHEUCG.mjs

@@ -0,0 +1,61 @@
+//#region src/preview-module.ts
+const VIRTUAL_PREFIX = "virtual:mrp-preview-";
+const REGISTRY_MODULE_ID = "virtual:mrp-preview-registry";
+const STANDALONE_CLIENT_MODULE_ID = "virtual:mrp-standalone-client";
+const WRAP_STYLES = {
+	row: "flex-wrap:wrap;gap:8px",
+	column: "flex-direction:column;gap:8px"
+};
+const ALIGN_STYLES = {
+	center: "justify-content:center;align-items:center",
+	start: "justify-content:center;align-items:flex-start",
+	end: "justify-content:center;align-items:flex-end"
+};
+/**
+* Generate the standalone preview HTML page shell.
+*
+* Used by both dev-server middleware and production build to produce the
+* `__preview/:blockId` pages. The `scriptSrc` parameter is the path to the
+* standalone client entry (virtual module ID in dev, hashed filename in build).
+*/
+function generateStandaloneHtml(scriptSrc) {
+	return `<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Preview</title>
+    <style>html,body{background-color:#fff}html.dark,html.dark body{background-color:#1a1a1a}</style>
+    <script>!function(){var t=new URLSearchParams(location.search).get("theme");if(t==="dark"||t==="light"){document.documentElement.style.colorScheme=t;document.documentElement.setAttribute("data-theme",t);document.documentElement.classList.add(t)}}()<\/script>
+  </head>
+  <body style="margin:0">
+    <div id="root" style="display:flex;justify-content:center;align-items:center;min-height:100vh;padding:24px"></div>
+    <script type="module" src="/${scriptSrc}"><\/script>
+  </body>
+</html>`;
+}
+/**
+* Generate the virtual module code for a preview block.
+*
+* The module exports a React component as default and the CSS string as `css`.
+* The host component (e.g. PreviewBlock) is responsible for mounting the
+* component into an iframe container and injecting the CSS.
+*/
+function generatePreviewModuleCode(_blockId, entry, cssImport) {
+	const lines = entry.code.split("\n");
+	const blockImports = [];
+	const bodyLines = [];
+	for (const line of lines) if (line.trimStart().startsWith("import ")) blockImports.push(line);
+	else bodyLines.push(line);
+	const body = bodyLines.join("\n").trim();
+	const cssLines = [];
+	if (cssImport) cssLines.push(`import __mrp_css from ${JSON.stringify(cssImport + "?inline")};`, `export const css = __mrp_css;`);
+	else cssLines.push(`export const css = "";`);
+	return [
+		...cssLines,
+		...blockImports,
+		`export default function Preview() { return <>${body}</>; }`
+	].join("\n");
+}
+//#endregion
+export { WRAP_STYLES as a, VIRTUAL_PREFIX as i, REGISTRY_MODULE_ID as n, generatePreviewModuleCode as o, STANDALONE_CLIENT_MODULE_ID as r, generateStandaloneHtml as s, ALIGN_STYLES as t };

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@izumisy/vite-plugin-react-preview",
+  "version": "0.1.0",
+  "description": "Vite plugin for rendering React component previews in iframe",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "default": "./dist/index.mjs"
+    },
+    "./dom": {
+      "types": "./dist/dom.d.mts",
+      "default": "./dist/dom.mjs"
+    }
+  },
+  "files": [
+    "dist/**"
+  ],
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "vite": "^6.3.5"
+  },
+  "devDependencies": {
+    "@types/node": "^22",
+    "tsdown": "^0.21.3",
+    "typescript": "~5.9.3",
+    "vitest": "^4.1.2"
+  },
+  "scripts": {
+    "dev": "tsdown --watch",
+    "build": "tsdown",
+    "type-check": "tsc --incremental",
+    "test": "vitest run"
+  }
+}