@pyreon/vite-plugin 0.19.0 → 0.21.0

package/lib/analysis/index.js.html

@@ -5386,7 +5386,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.js","children":[{"name":"src/index.ts","uid":"88d6c780-1"}]}],"isRoot":true},"nodeParts":{"88d6c780-1":{"renderedLength":29326,"gzipLength":9623,"brotliLength":0,"metaUid":"88d6c780-0"}},"nodeMetas":{"88d6c780-0":{"id":"/src/index.ts","moduleParts":{"index.js":"88d6c780-1"},"imported":[{"uid":"88d6c780-2"},{"uid":"88d6c780-3"},{"uid":"88d6c780-4"}],"importedBy":[],"isEntry":true},"88d6c780-2":{"id":"node:fs","moduleParts":{},"imported":[],"importedBy":[{"uid":"88d6c780-0"}]},"88d6c780-3":{"id":"node:path","moduleParts":{},"imported":[],"importedBy":[{"uid":"88d6c780-0"}]},"88d6c780-4":{"id":"@pyreon/compiler","moduleParts":{},"imported":[],"importedBy":[{"uid":"88d6c780-0"}]}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.js","children":[{"name":"src/index.ts","uid":"f3fd0c0b-1"}]},{"name":"rocketstyle-collapse-C4eMAnwR.js","children":[{"name":"src/rocketstyle-collapse.ts","uid":"f3fd0c0b-3"}]}],"isRoot":true},"nodeParts":{"f3fd0c0b-1":{"renderedLength":33323,"gzipLength":10763,"brotliLength":0,"metaUid":"f3fd0c0b-0"},"f3fd0c0b-3":{"renderedLength":3424,"gzipLength":1530,"brotliLength":0,"metaUid":"f3fd0c0b-2"}},"nodeMetas":{"f3fd0c0b-0":{"id":"/src/index.ts","moduleParts":{"index.js":"f3fd0c0b-1"},"imported":[{"uid":"f3fd0c0b-4"},{"uid":"f3fd0c0b-5"},{"uid":"f3fd0c0b-6"},{"uid":"f3fd0c0b-2","dynamic":true}],"importedBy":[],"isEntry":true},"f3fd0c0b-2":{"id":"/src/rocketstyle-collapse.ts","moduleParts":{"rocketstyle-collapse-C4eMAnwR.js":"f3fd0c0b-3"},"imported":[{"uid":"f3fd0c0b-7","dynamic":true}],"importedBy":[{"uid":"f3fd0c0b-0"}]},"f3fd0c0b-4":{"id":"node:fs","moduleParts":{},"imported":[],"importedBy":[{"uid":"f3fd0c0b-0"}]},"f3fd0c0b-5":{"id":"node:path","moduleParts":{},"imported":[],"importedBy":[{"uid":"f3fd0c0b-0"}]},"f3fd0c0b-6":{"id":"@pyreon/compiler","moduleParts":{},"imported":[],"importedBy":[{"uid":"f3fd0c0b-0"}]},"f3fd0c0b-7":{"id":"vite","moduleParts":{},"imported":[],"importedBy":[{"uid":"f3fd0c0b-2"}]}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/lib/index.js

@@ -1,6 +1,6 @@
 import { existsSync, mkdirSync, readFileSync, readdirSync, statSync, writeFileSync } from "node:fs";
 import { dirname, join } from "node:path";
-import { generateContext, transformDeferInline, transformJSX } from "@pyreon/compiler";
+import { generateContext, scanCollapsibleSites, transformDeferInline, transformJSX } from "@pyreon/compiler";
 
 //#region src/index.ts
 /**
@@ -36,6 +36,11 @@ import { generateContext, transformDeferInline, transformJSX } from "@pyreon/com
 *   vite build                                                  # client bundle
 *   vite build --ssr src/entry-server.ts --outDir dist/server   # server bundle
 */
+let _createCollapseResolver = null;
+async function loadCreateCollapseResolver() {
+	if (!_createCollapseResolver) _createCollapseResolver = (await import("./rocketstyle-collapse-C4eMAnwR.js")).createCollapseResolver;
+	return _createCollapseResolver;
+}
 const HMR_RUNTIME_ID = "\0pyreon/hmr-runtime";
 const HMR_RUNTIME_IMPORT = "virtual:pyreon/hmr-runtime";
 const ISLANDS_REGISTRY_ID = "\0pyreon/islands-registry";
@@ -64,6 +69,13 @@ const COMPAT_ALIASES = {
 		"solid-js": "@pyreon/solid-compat",
 		"solid-js/jsx-runtime": "@pyreon/solid-compat/jsx-runtime",
 		"solid-js/jsx-dev-runtime": "@pyreon/solid-compat/jsx-runtime"
+	},
+	svelte: {
+		svelte: "@pyreon/svelte-compat",
+		"svelte/store": "@pyreon/svelte-compat/store",
+		"svelte/internal": "@pyreon/svelte-compat",
+		"svelte/jsx-runtime": "@pyreon/svelte-compat/jsx-runtime",
+		"svelte/jsx-dev-runtime": "@pyreon/svelte-compat/jsx-runtime"
 	}
 };
 /**
@@ -132,6 +144,7 @@ function getCompatTarget(compat, id) {
 		if (compat === "preact") return "@pyreon/preact-compat/jsx-runtime";
 		if (compat === "vue") return "@pyreon/vue-compat/jsx-runtime";
 		if (compat === "solid") return "@pyreon/solid-compat/jsx-runtime";
+		if (compat === "svelte") return "@pyreon/svelte-compat/jsx-runtime";
 	}
 }
 /**
@@ -164,7 +177,44 @@ function pyreonPlugin(options) {
 	const ssrConfig = options?.ssr;
 	const compat = options?.compat;
 	const islandsEnabled = options?.islands !== false;
+	const collapseOpt = options?.collapse;
+	const collapseEnabled = collapseOpt === true || collapseOpt != null && collapseOpt !== false;
+	const collapseUserCfg = collapseOpt && collapseOpt !== true ? collapseOpt : {};
+	const collapseProvider = collapseUserCfg.provider ?? {
+		name: "PyreonUI",
+		source: "@pyreon/ui-core"
+	};
+	const collapseTheme = collapseUserCfg.theme ?? {
+		name: "theme",
+		source: "@pyreon/ui-theme"
+	};
+	const collapseMode = collapseUserCfg.mode ?? {
+		name: "useMode",
+		source: "@pyreon/ui-core"
+	};
+	const collapseSources = new Set(collapseUserCfg.sources ?? ["@pyreon/ui-components"]);
+	const collapseComponentFilter = collapseUserCfg.components ? (n) => collapseUserCfg.components.includes(n) : null;
+	let collapseResolver = null;
+	let collapseResolverInit = null;
+	/**
+	* Lazily spin ONE programmatic Vite SSR server (bound to the project's
+	* own vite config) the first time a client-graph module actually has a
+	* collapsible call site. Memoized via `collapseResolverInit` so
+	* concurrent transforms share the single server. Returns null if the
+	* server fails to start (graceful — every call site then keeps its
+	* normal rocketstyle mount).
+	*/
+	function ensureCollapseResolver() {
+		if (collapseResolver) return Promise.resolve(collapseResolver);
+		if (collapseResolverInit) return collapseResolverInit;
+		collapseResolverInit = loadCreateCollapseResolver().then((create) => create(projectRoot)).then((r) => {
+			collapseResolver = r;
+			return r;
+		}).catch(() => null);
+		return collapseResolverInit;
+	}
 	let isBuild = false;
+	let warnedDevCollapse = false;
 	let projectRoot = "";
 	const signalExportRegistry = /* @__PURE__ */ new Map();
 	const resolveCache = /* @__PURE__ */ new Map();
@@ -195,6 +245,13 @@ function pyreonPlugin(options) {
 			await prescanSignalExports(projectRoot, signalExportRegistry);
 			if (islandsEnabled) await prescanIslandDeclarations(projectRoot, islandRegistry);
 		},
+		async closeBundle() {
+			if (collapseResolver) {
+				await collapseResolver.dispose();
+				collapseResolver = null;
+				collapseResolverInit = null;
+			}
+		},
 		async resolveId(id, importer) {
 			if (id === HMR_RUNTIME_IMPORT) return HMR_RUNTIME_ID;
 			if (id === ISLANDS_REGISTRY_IMPORT) return ISLANDS_REGISTRY_ID;
@@ -210,7 +267,7 @@ function pyreonPlugin(options) {
 		async transform(code, id, transformOptions) {
 			const ext = getExt(id);
 			if (ext !== ".tsx" && ext !== ".jsx" && ext !== ".pyreon") return;
-			if (compat === "react" || compat === "preact" || compat === "vue" || compat === "solid") {
+			if (compat === "react" || compat === "preact" || compat === "vue" || compat === "solid" || compat === "svelte") {
 				if (compat === "react" || compat === "preact") {
 					const transformed = transformCompatAttributes(code);
 					if (transformed !== code) return {
@@ -226,9 +283,55 @@ function pyreonPlugin(options) {
 			const sourceForJsx = deferResult.changed ? deferResult.code : code;
 			for (const w of deferResult.warnings) this.warn(`${w.message} (${id}:${w.line}:${w.column})`);
 			const knownSignals = await resolveImportedSignals(sourceForJsx, id, signalExportRegistry, this, resolveCache);
+			const isSsr = transformOptions?.ssr === true;
+			let collapseRocketstyle;
+			if (collapseEnabled && !isBuild && !isSsr && !warnedDevCollapse) {
+				warnedDevCollapse = true;
+				this.info("[Pyreon] collapse is build-only — `vite dev` keeps the normal rocketstyle mount so theme-source edits stay HMR-reactive. Production `vite build` collapses the literal-prop sites.");
+			}
+			if (collapseEnabled && isBuild && !isSsr) {
+				const scanned = scanCollapsibleSites(sourceForJsx, id, collapseSources).filter((s) => !collapseComponentFilter || collapseComponentFilter(s.componentName));
+				if (scanned.length > 0) {
+					const resolver = await ensureCollapseResolver();
+					if (resolver) {
+						const sites = /* @__PURE__ */ new Map();
+						const candidates = /* @__PURE__ */ new Set();
+						for (const s of scanned) {
+							const resolved = await resolver.resolve({
+								component: {
+									name: s.importedName,
+									source: s.source
+								},
+								props: s.props,
+								childrenText: s.childrenText,
+								config: {
+									provider: collapseProvider,
+									theme: collapseTheme,
+									mode: collapseMode
+								}
+							});
+							if (!resolved) continue;
+							candidates.add(s.componentName);
+							sites.set(s.key, {
+								templateHtml: resolved.templateHtml,
+								lightClass: resolved.lightClass,
+								darkClass: resolved.darkClass,
+								rules: resolved.rules,
+								ruleKey: resolved.key
+							});
+						}
+						if (sites.size > 0) collapseRocketstyle = {
+							candidates,
+							sites,
+							mode: collapseMode
+						};
+					}
+				}
+			}
 			const result = transformJSX(sourceForJsx, id, {
-				ssr: transformOptions?.ssr === true,
-				knownSignals
+				ssr: isSsr,
+				knownSignals,
+				...collapseRocketstyle ? { collapseRocketstyle } : {}
 			});
 			for (const w of result.warnings) this.warn(`${w.message} (${id}:${w.line}:${w.column})`);
 			let output = result.code;
@@ -238,7 +341,7 @@ function pyreonPlugin(options) {
 			}
 			return {
 				code: output,
-				map: null
+				map: result.map ?? null
 			};
 		},
 		configureServer(server) {

package/lib/rocketstyle-collapse-C4eMAnwR.js

@@ -0,0 +1,113 @@
+//#region src/rocketstyle-collapse.ts
+function fnv1a(str) {
+	let h = 2166136261;
+	for (let i = 0; i < str.length; i++) {
+		h ^= str.charCodeAt(i);
+		h = Math.imul(h, 16777619);
+	}
+	return (h >>> 0).toString(36);
+}
+const FIRST_CLASS_RE = /^(\s*<[a-zA-Z][\w-]*)([^>]*?)\sclass="([^"]*)"([^>]*>)/;
+/** Strip the FIRST element's `class="..."`, returning [stripped, class]. */
+function stripRootClass(html) {
+	const m = FIRST_CLASS_RE.exec(html);
+	if (!m) return null;
+	return {
+		stripped: html.replace(FIRST_CLASS_RE, "$1$2$4"),
+		cls: m[3] ?? ""
+	};
+}
+/**
+* Pure extraction half — given the two rendered HTML strings and the
+* styler rule snapshot, derive the ResolvedCollapse (or null on a shape
+* the slice doesn't collapse). Separated for direct unit-testing without
+* spinning Vite.
+*/
+function deriveCollapse(lightHtml, darkHtml, rules) {
+	const light = stripRootClass(lightHtml);
+	const dark = stripRootClass(darkHtml);
+	if (!light || !dark || !light.cls || !dark.cls) return null;
+	if (light.stripped !== dark.stripped) return null;
+	return {
+		templateHtml: light.stripped.trim(),
+		lightClass: light.cls,
+		darkClass: dark.cls,
+		rules,
+		key: fnv1a(rules.join("\0"))
+	};
+}
+/**
+* Create a resolver backed by ONE programmatic Vite SSR server bound to
+* `projectRoot`'s vite config. Reused across every call site in a build;
+* `dispose()` at buildEnd. Module loads are cached by Vite's own SSR
+* module graph (provider/theme/component import once).
+*/
+async function createCollapseResolver(projectRoot) {
+	const { createServer } = await import("vite");
+	let server = await createServer({
+		root: projectRoot,
+		server: { middlewareMode: true },
+		appType: "custom",
+		logLevel: "silent",
+		optimizeDeps: {
+			noDiscovery: true,
+			include: []
+		}
+	});
+	const cache = /* @__PURE__ */ new Map();
+	async function load(spec) {
+		return await server.ssrLoadModule(spec);
+	}
+	return {
+		async resolve(input) {
+			const ck = JSON.stringify([
+				input.component,
+				input.props,
+				input.childrenText,
+				input.config.provider,
+				input.config.theme
+			]);
+			if (cache.has(ck)) return cache.get(ck) ?? null;
+			try {
+				if (!server) return null;
+				const rs = await load("@pyreon/runtime-server");
+				const core = await load("@pyreon/core");
+				const styler = await load("@pyreon/styler");
+				const prov = await load(input.config.provider.source);
+				const thm = await load(input.config.theme.source);
+				const comp = await load(input.component.source);
+				const renderToString = rs.renderToString;
+				const h = core.h;
+				const Provider = prov[input.config.provider.name];
+				const themeVal = thm[input.config.theme.name];
+				const Component = comp[input.component.name];
+				const sheet = styler.sheet;
+				if (typeof Component !== "function" || Provider == null || themeVal == null) {
+					cache.set(ck, null);
+					return null;
+				}
+				const childArgs = input.childrenText ? [input.childrenText] : [];
+				const node = (mode) => h(Provider, {
+					theme: themeVal,
+					mode
+				}, h(Component, input.props, ...childArgs));
+				const result = deriveCollapse(await renderToString(node("light")), await renderToString(node("dark")), sheet.getStyleRules().slice());
+				cache.set(ck, result);
+				return result;
+			} catch {
+				cache.set(ck, null);
+				return null;
+			}
+		},
+		async dispose() {
+			const s = server;
+			server = null;
+			cache.clear();
+			if (s) await s.close();
+		}
+	};
+}
+
+//#endregion
+export { createCollapseResolver };
+//# sourceMappingURL=rocketstyle-collapse-C4eMAnwR.js.map

package/lib/types/index.d.ts

@@ -1,7 +1,7 @@
 import { Plugin } from "vite";
 
 //#region src/index.d.ts
-type CompatFramework = 'react' | 'preact' | 'vue' | 'solid';
+type CompatFramework = 'react' | 'preact' | 'vue' | 'solid' | 'svelte';
 interface PyreonPluginOptions {
   /**
    * Alias imports from an existing framework to Pyreon's compat layer.
@@ -13,6 +13,7 @@ interface PyreonPluginOptions {
    * pyreon({ compat: "react" })   // react + react-dom → @pyreon/react-compat
    * pyreon({ compat: "vue" })     // vue → @pyreon/vue-compat
    * pyreon({ compat: "solid" })   // solid-js → @pyreon/solid-compat
+   * pyreon({ compat: "svelte" })  // svelte + svelte/store → @pyreon/svelte-compat
    * pyreon({ compat: "preact" })  // preact + hooks + signals → @pyreon/preact-compat
    */
   compat?: CompatFramework;
@@ -55,8 +56,54 @@ interface PyreonPluginOptions {
    * hydrateIslandsAuto()
    */
   islands?: boolean;
+  /**
+   * P0 — opt-in compile-time rocketstyle wrapper collapse. `true` uses
+   * the default provider/theme/mode wiring (PyreonUI + theme +
+   * useMode from @pyreon/ui-core / @pyreon/ui-theme). Pass an object to
+   * override. OFF by default (zero behaviour change). When on, the
+   * plugin SSR-resolves every literal-prop call site of a candidate
+   * component (real component, light + dark) and the compiler collapses
+   * the 5-layer wrapper mount into a single `_rsCollapse` cloneNode.
+   * Only the CLIENT graph is collapsed — the SSR graph keeps the normal
+   * mount (and the resolver itself uses SSR render).
+   *
+   * @example pyreon({ collapse: true })
+   * @example pyreon({ collapse: { components: ['Button', 'Badge'] } })
+   */
+  collapse?: boolean | PyreonCollapseOptions;
+}
+interface PyreonCollapseOptions {
+  /**
+   * Import sources whose components may collapse. Default:
+   * `['@pyreon/ui-components']`. The compiler's AST scan only considers
+   * a call site whose component was imported from one of these sources;
+   * the conservative bail catalogue + the SSR resolver are the real
+   * gate beyond that.
+   */
+  sources?: string[];
+  /**
+   * Optional local-name allowlist applied AFTER the source scan
+   * (e.g. `['Button']`). Omit to collapse every collapsible component
+   * from the configured sources.
+   */
+  components?: string[];
+  /** Override the theme/mode provider. Default PyreonUI@@pyreon/ui-core. */
+  provider?: {
+    name: string;
+    source: string;
+  };
+  /** Override the theme object. Default theme@@pyreon/ui-theme. */
+  theme?: {
+    name: string;
+    source: string;
+  };
+  /** Override the live mode accessor. Default useMode@@pyreon/ui-core. */
+  mode?: {
+    name: string;
+    source: string;
+  };
 }
 declare function pyreonPlugin(options?: PyreonPluginOptions): Plugin;
 //#endregion
-export { CompatFramework, PyreonPluginOptions, pyreonPlugin as default };
+export { CompatFramework, PyreonCollapseOptions, PyreonPluginOptions, pyreonPlugin as default };
 //# sourceMappingURL=index2.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pyreon/vite-plugin",
-  "version": "0.19.0",
+  "version": "0.21.0",
   "description": "Vite plugin for Pyreon — .pyreon SFC support, HMR, compiler integration",
   "homepage": "https://github.com/pyreon/pyreon/tree/main/packages/vite-plugin#readme",
   "bugs": {
@@ -43,7 +43,7 @@
     "prepublishOnly": "bun run build"
   },
   "dependencies": {
-    "@pyreon/compiler": "^0.19.0"
+    "@pyreon/compiler": "^0.21.0"
   },
   "devDependencies": {
     "vite": "^8.0.0"