@pyreon/vite-plugin 0.16.0 → 0.18.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":"8d2ce63a-1"}]}],"isRoot":true},"nodeParts":{"8d2ce63a-1":{"renderedLength":28850,"gzipLength":9498,"brotliLength":0,"metaUid":"8d2ce63a-0"}},"nodeMetas":{"8d2ce63a-0":{"id":"/src/index.ts","moduleParts":{"index.js":"8d2ce63a-1"},"imported":[{"uid":"8d2ce63a-2"},{"uid":"8d2ce63a-3"},{"uid":"8d2ce63a-4"}],"importedBy":[],"isEntry":true},"8d2ce63a-2":{"id":"node:fs","moduleParts":{},"imported":[],"importedBy":[{"uid":"8d2ce63a-0"}]},"8d2ce63a-3":{"id":"node:path","moduleParts":{},"imported":[],"importedBy":[{"uid":"8d2ce63a-0"}]},"8d2ce63a-4":{"id":"@pyreon/compiler","moduleParts":{},"imported":[],"importedBy":[{"uid":"8d2ce63a-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":"9860678c-1"}]}],"isRoot":true},"nodeParts":{"9860678c-1":{"renderedLength":29090,"gzipLength":9553,"brotliLength":0,"metaUid":"9860678c-0"}},"nodeMetas":{"9860678c-0":{"id":"/src/index.ts","moduleParts":{"index.js":"9860678c-1"},"imported":[{"uid":"9860678c-2"},{"uid":"9860678c-3"},{"uid":"9860678c-4"}],"importedBy":[],"isEntry":true},"9860678c-2":{"id":"node:fs","moduleParts":{},"imported":[],"importedBy":[{"uid":"9860678c-0"}]},"9860678c-3":{"id":"node:path","moduleParts":{},"imported":[],"importedBy":[{"uid":"9860678c-0"}]},"9860678c-4":{"id":"@pyreon/compiler","moduleParts":{},"imported":[],"importedBy":[{"uid":"9860678c-0"}]}},"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, transformJSX } from "@pyreon/compiler";
+import { generateContext, transformDeferInline, transformJSX } from "@pyreon/compiler";
 
 //#region src/index.ts
 /**
@@ -222,8 +222,11 @@ function pyreonPlugin(options) {
 			}
 			scanSignalExports(code, normalizeModuleId(id), signalExportRegistry);
 			if (islandsEnabled) scanIslandDeclarations(code, id, islandRegistry);
-			const knownSignals = await resolveImportedSignals(code, id, signalExportRegistry, this, resolveCache);
-			const result = transformJSX(code, id, {
+			const deferResult = transformDeferInline(code, id);
+			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 result = transformJSX(sourceForJsx, id, {
 				ssr: transformOptions?.ssr === true,
 				knownSignals
 			});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pyreon/vite-plugin",
-  "version": "0.16.0",
+  "version": "0.18.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.16.0"
+    "@pyreon/compiler": "^0.18.0"
   },
   "devDependencies": {
     "vite": "^8.0.0"

package/src/index.ts

@@ -34,7 +34,7 @@
 
 import { existsSync, mkdirSync, readdirSync, readFileSync, statSync, writeFileSync } from 'node:fs'
 import { dirname, join as pathJoin } from 'node:path'
-import { generateContext, transformJSX } from '@pyreon/compiler'
+import { generateContext, transformDeferInline, transformJSX } from '@pyreon/compiler'
 import type { Plugin, ViteDevServer } from 'vite'
 
 // Virtual module ID for the HMR runtime
@@ -429,16 +429,31 @@ export default function pyreonPlugin(options?: PyreonPluginOptions): Plugin {
       // next dev-server module reload.
       if (islandsEnabled) scanIslandDeclarations(code, id, islandRegistry)
 
+      // ── Inline-Defer pre-pass ──────────────────────────────────────────
+      // Rewrites `<Defer when={x}><Modal /></Defer>` into the explicit
+      // chunk-prop form so Rolldown emits a proper per-Defer chunk and
+      // the main bundle drops the static `import { Modal } from ...`
+      // when it's exclusively used inside this Defer's subtree. Runs
+      // BEFORE the JSX→runtime transform so the downstream pipeline
+      // sees an already-explicit `<Defer chunk={...}>` shape with no
+      // special-casing needed in `transformJSX`. See
+      // `@pyreon/compiler/defer-inline` for the rewrite contract.
+      const deferResult = transformDeferInline(code, id)
+      const sourceForJsx = deferResult.changed ? deferResult.code : code
+      for (const w of deferResult.warnings) {
+        this.warn(`${w.message} (${id}:${w.line}:${w.column})`)
+      }
+
       // ── Resolve imported signals from the registry ─────────────────────
       // Check each import in this file: if the imported module has signal
       // exports in the registry, pass them as knownSignals to the compiler.
-      const knownSignals = await resolveImportedSignals(code, id, signalExportRegistry, this, resolveCache)
+      const knownSignals = await resolveImportedSignals(sourceForJsx, id, signalExportRegistry, this, resolveCache)
 
       // Vite passes `ssr: true` when transforming for the SSR module graph
       // (both build --ssr and dev `ssrLoadModule`). The compiler emits plain
       // `h()` calls in that mode so `runtime-server` can render to a string.
       const isSsr = transformOptions?.ssr === true
-      const result = transformJSX(code, id, { ssr: isSsr, knownSignals })
+      const result = transformJSX(sourceForJsx, id, { ssr: isSsr, knownSignals })
       // Surface compiler warnings in the terminal
       for (const w of result.warnings) {
         this.warn(`${w.message} (${id}:${w.line}:${w.column})`)