@pyreon/core 0.16.0 → 0.19.0

package/README.md

@@ -50,6 +50,7 @@ Lifecycle hook arrays are lazy-allocated -- `LifecycleHooks.mount`/`.unmount`/`.
 
 - **`makeReactiveProps(raw)`** -- Converts compiler-emitted `_rp()` wrappers into getter properties. Uses a scan-first strategy: checks for any branded reactive prop before allocating the result object. Static-only components return `raw` immediately with no allocation.
 - **`_rp(fn)`** -- Brands a function as a reactive prop wrapper (compiler-emitted, not user-facing).
+- **`_wrapSpread(source)`** -- Compiler-emitted helper that makes JSX spread on a component reactivity-safe. For `<Comp {...source}>`, the compiler emits `<Comp {..._wrapSpread(source)}>`. `_wrapSpread` walks `source`'s own keys without firing getters and re-brands each getter-shaped value as an `_rp` thunk pointing back at the live source. JS spread then carries the brands as plain data properties; `makeReactiveProps` converts them back to getters on the consumer side -- so reactive props survive the spread end-to-end. Fast path: when `source` has no getter descriptors, returns the source unchanged (zero cost). Not user-facing; emitted automatically by `@pyreon/compiler` for any component JSX with a spread. See `docs/patterns/reactive-spread.md` for the full contract.
 
 ### Context
 

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","children":[{"uid":"46e89893-1","name":"lifecycle.ts"},{"uid":"46e89893-3","name":"component.ts"},{"uid":"46e89893-5","name":"compat-marker.ts"},{"uid":"46e89893-7","name":"context.ts"},{"uid":"46e89893-9","name":"h.ts"},{"uid":"46e89893-11","name":"dynamic.ts"},{"uid":"46e89893-13","name":"telemetry.ts"},{"uid":"46e89893-15","name":"error-boundary.ts"},{"uid":"46e89893-17","name":"for.ts"},{"uid":"46e89893-19","name":"lazy.ts"},{"uid":"46e89893-21","name":"map-array.ts"},{"uid":"46e89893-23","name":"portal.ts"},{"uid":"46e89893-25","name":"props.ts"},{"uid":"46e89893-27","name":"ref.ts"},{"uid":"46e89893-29","name":"show.ts"},{"uid":"46e89893-31","name":"style.ts"},{"uid":"46e89893-33","name":"suspense.ts"},{"uid":"46e89893-35","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"46e89893-1":{"renderedLength":3078,"gzipLength":1313,"brotliLength":0,"metaUid":"46e89893-0"},"46e89893-3":{"renderedLength":1471,"gzipLength":693,"brotliLength":0,"metaUid":"46e89893-2"},"46e89893-5":{"renderedLength":3173,"gzipLength":1409,"brotliLength":0,"metaUid":"46e89893-4"},"46e89893-7":{"renderedLength":3600,"gzipLength":1542,"brotliLength":0,"metaUid":"46e89893-6"},"46e89893-9":{"renderedLength":1813,"gzipLength":957,"brotliLength":0,"metaUid":"46e89893-8"},"46e89893-11":{"renderedLength":490,"gzipLength":291,"brotliLength":0,"metaUid":"46e89893-10"},"46e89893-13":{"renderedLength":1208,"gzipLength":633,"brotliLength":0,"metaUid":"46e89893-12"},"46e89893-15":{"renderedLength":1659,"gzipLength":842,"brotliLength":0,"metaUid":"46e89893-14"},"46e89893-17":{"renderedLength":700,"gzipLength":478,"brotliLength":0,"metaUid":"46e89893-16"},"46e89893-19":{"renderedLength":461,"gzipLength":273,"brotliLength":0,"metaUid":"46e89893-18"},"46e89893-21":{"renderedLength":1018,"gzipLength":571,"brotliLength":0,"metaUid":"46e89893-20"},"46e89893-23":{"renderedLength":818,"gzipLength":491,"brotliLength":0,"metaUid":"46e89893-22"},"46e89893-25":{"renderedLength":4339,"gzipLength":1641,"brotliLength":0,"metaUid":"46e89893-24"},"46e89893-27":{"renderedLength":86,"gzipLength":98,"brotliLength":0,"metaUid":"46e89893-26"},"46e89893-29":{"renderedLength":2022,"gzipLength":854,"brotliLength":0,"metaUid":"46e89893-28"},"46e89893-31":{"renderedLength":1858,"gzipLength":825,"brotliLength":0,"metaUid":"46e89893-30"},"46e89893-33":{"renderedLength":1104,"gzipLength":614,"brotliLength":0,"metaUid":"46e89893-32"},"46e89893-35":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"46e89893-34"}},"nodeMetas":{"46e89893-0":{"id":"/src/lifecycle.ts","moduleParts":{"index.js":"46e89893-1"},"imported":[],"importedBy":[{"uid":"46e89893-34"},{"uid":"46e89893-2"},{"uid":"46e89893-6"},{"uid":"46e89893-14"}]},"46e89893-2":{"id":"/src/component.ts","moduleParts":{"index.js":"46e89893-3"},"imported":[{"uid":"46e89893-0"}],"importedBy":[{"uid":"46e89893-34"},{"uid":"46e89893-14"}]},"46e89893-4":{"id":"/src/compat-marker.ts","moduleParts":{"index.js":"46e89893-5"},"imported":[],"importedBy":[{"uid":"46e89893-34"},{"uid":"46e89893-14"}]},"46e89893-6":{"id":"/src/context.ts","moduleParts":{"index.js":"46e89893-7"},"imported":[{"uid":"46e89893-36"},{"uid":"46e89893-0"}],"importedBy":[{"uid":"46e89893-34"}]},"46e89893-8":{"id":"/src/h.ts","moduleParts":{"index.js":"46e89893-9"},"imported":[],"importedBy":[{"uid":"46e89893-34"},{"uid":"46e89893-10"},{"uid":"46e89893-18"},{"uid":"46e89893-32"}]},"46e89893-10":{"id":"/src/dynamic.ts","moduleParts":{"index.js":"46e89893-11"},"imported":[{"uid":"46e89893-8"}],"importedBy":[{"uid":"46e89893-34"}]},"46e89893-12":{"id":"/src/telemetry.ts","moduleParts":{"index.js":"46e89893-13"},"imported":[],"importedBy":[{"uid":"46e89893-34"},{"uid":"46e89893-14"}]},"46e89893-14":{"id":"/src/error-boundary.ts","moduleParts":{"index.js":"46e89893-15"},"imported":[{"uid":"46e89893-36"},{"uid":"46e89893-4"},{"uid":"46e89893-2"},{"uid":"46e89893-0"},{"uid":"46e89893-12"}],"importedBy":[{"uid":"46e89893-34"}]},"46e89893-16":{"id":"/src/for.ts","moduleParts":{"index.js":"46e89893-17"},"imported":[],"importedBy":[{"uid":"46e89893-34"}]},"46e89893-18":{"id":"/src/lazy.ts","moduleParts":{"index.js":"46e89893-19"},"imported":[{"uid":"46e89893-36"},{"uid":"46e89893-8"}],"importedBy":[{"uid":"46e89893-34"}]},"46e89893-20":{"id":"/src/map-array.ts","moduleParts":{"index.js":"46e89893-21"},"imported":[],"importedBy":[{"uid":"46e89893-34"}]},"46e89893-22":{"id":"/src/portal.ts","moduleParts":{"index.js":"46e89893-23"},"imported":[],"importedBy":[{"uid":"46e89893-34"}]},"46e89893-24":{"id":"/src/props.ts","moduleParts":{"index.js":"46e89893-25"},"imported":[],"importedBy":[{"uid":"46e89893-34"}]},"46e89893-26":{"id":"/src/ref.ts","moduleParts":{"index.js":"46e89893-27"},"imported":[],"importedBy":[{"uid":"46e89893-34"}]},"46e89893-28":{"id":"/src/show.ts","moduleParts":{"index.js":"46e89893-29"},"imported":[],"importedBy":[{"uid":"46e89893-34"}]},"46e89893-30":{"id":"/src/style.ts","moduleParts":{"index.js":"46e89893-31"},"imported":[],"importedBy":[{"uid":"46e89893-34"}]},"46e89893-32":{"id":"/src/suspense.ts","moduleParts":{"index.js":"46e89893-33"},"imported":[{"uid":"46e89893-8"}],"importedBy":[{"uid":"46e89893-34"}]},"46e89893-34":{"id":"/src/index.ts","moduleParts":{"index.js":"46e89893-35"},"imported":[{"uid":"46e89893-2"},{"uid":"46e89893-4"},{"uid":"46e89893-6"},{"uid":"46e89893-10"},{"uid":"46e89893-14"},{"uid":"46e89893-16"},{"uid":"46e89893-8"},{"uid":"46e89893-18"},{"uid":"46e89893-0"},{"uid":"46e89893-20"},{"uid":"46e89893-22"},{"uid":"46e89893-24"},{"uid":"46e89893-26"},{"uid":"46e89893-28"},{"uid":"46e89893-30"},{"uid":"46e89893-32"},{"uid":"46e89893-12"}],"importedBy":[],"isEntry":true},"46e89893-36":{"id":"@pyreon/reactivity","moduleParts":{},"imported":[],"importedBy":[{"uid":"46e89893-6"},{"uid":"46e89893-14"},{"uid":"46e89893-18"}]}},"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","children":[{"uid":"d1de8643-1","name":"lifecycle.ts"},{"uid":"d1de8643-3","name":"component.ts"},{"uid":"d1de8643-5","name":"compat-marker.ts"},{"uid":"d1de8643-7","name":"compat-shared.ts"},{"uid":"d1de8643-9","name":"context.ts"},{"uid":"d1de8643-11","name":"h.ts"},{"uid":"d1de8643-13","name":"dynamic.ts"},{"uid":"d1de8643-15","name":"telemetry.ts"},{"uid":"d1de8643-17","name":"error-boundary.ts"},{"uid":"d1de8643-19","name":"for.ts"},{"uid":"d1de8643-21","name":"ref.ts"},{"uid":"d1de8643-23","name":"defer.ts"},{"uid":"d1de8643-25","name":"lazy.ts"},{"uid":"d1de8643-27","name":"map-array.ts"},{"uid":"d1de8643-29","name":"portal.ts"},{"uid":"d1de8643-31","name":"props.ts"},{"uid":"d1de8643-33","name":"show.ts"},{"uid":"d1de8643-35","name":"style.ts"},{"uid":"d1de8643-37","name":"suspense.ts"},{"uid":"d1de8643-39","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"d1de8643-1":{"renderedLength":3090,"gzipLength":1316,"brotliLength":0,"metaUid":"d1de8643-0"},"d1de8643-3":{"renderedLength":1471,"gzipLength":693,"brotliLength":0,"metaUid":"d1de8643-2"},"d1de8643-5":{"renderedLength":3173,"gzipLength":1409,"brotliLength":0,"metaUid":"d1de8643-4"},"d1de8643-7":{"renderedLength":2346,"gzipLength":1033,"brotliLength":0,"metaUid":"d1de8643-6"},"d1de8643-9":{"renderedLength":3600,"gzipLength":1542,"brotliLength":0,"metaUid":"d1de8643-8"},"d1de8643-11":{"renderedLength":1813,"gzipLength":957,"brotliLength":0,"metaUid":"d1de8643-10"},"d1de8643-13":{"renderedLength":490,"gzipLength":292,"brotliLength":0,"metaUid":"d1de8643-12"},"d1de8643-15":{"renderedLength":1990,"gzipLength":950,"brotliLength":0,"metaUid":"d1de8643-14"},"d1de8643-17":{"renderedLength":1659,"gzipLength":843,"brotliLength":0,"metaUid":"d1de8643-16"},"d1de8643-19":{"renderedLength":700,"gzipLength":478,"brotliLength":0,"metaUid":"d1de8643-18"},"d1de8643-21":{"renderedLength":86,"gzipLength":98,"brotliLength":0,"metaUid":"d1de8643-20"},"d1de8643-23":{"renderedLength":4387,"gzipLength":1891,"brotliLength":0,"metaUid":"d1de8643-22"},"d1de8643-25":{"renderedLength":461,"gzipLength":273,"brotliLength":0,"metaUid":"d1de8643-24"},"d1de8643-27":{"renderedLength":1018,"gzipLength":571,"brotliLength":0,"metaUid":"d1de8643-26"},"d1de8643-29":{"renderedLength":818,"gzipLength":491,"brotliLength":0,"metaUid":"d1de8643-28"},"d1de8643-31":{"renderedLength":6310,"gzipLength":2344,"brotliLength":0,"metaUid":"d1de8643-30"},"d1de8643-33":{"renderedLength":2022,"gzipLength":854,"brotliLength":0,"metaUid":"d1de8643-32"},"d1de8643-35":{"renderedLength":1858,"gzipLength":825,"brotliLength":0,"metaUid":"d1de8643-34"},"d1de8643-37":{"renderedLength":1104,"gzipLength":614,"brotliLength":0,"metaUid":"d1de8643-36"},"d1de8643-39":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"d1de8643-38"}},"nodeMetas":{"d1de8643-0":{"id":"/src/lifecycle.ts","moduleParts":{"index.js":"d1de8643-1"},"imported":[],"importedBy":[{"uid":"d1de8643-38"},{"uid":"d1de8643-2"},{"uid":"d1de8643-8"},{"uid":"d1de8643-16"},{"uid":"d1de8643-22"}]},"d1de8643-2":{"id":"/src/component.ts","moduleParts":{"index.js":"d1de8643-3"},"imported":[{"uid":"d1de8643-0"}],"importedBy":[{"uid":"d1de8643-38"},{"uid":"d1de8643-16"}]},"d1de8643-4":{"id":"/src/compat-marker.ts","moduleParts":{"index.js":"d1de8643-5"},"imported":[],"importedBy":[{"uid":"d1de8643-38"},{"uid":"d1de8643-16"}]},"d1de8643-6":{"id":"/src/compat-shared.ts","moduleParts":{"index.js":"d1de8643-7"},"imported":[],"importedBy":[{"uid":"d1de8643-38"}]},"d1de8643-8":{"id":"/src/context.ts","moduleParts":{"index.js":"d1de8643-9"},"imported":[{"uid":"d1de8643-40"},{"uid":"d1de8643-0"}],"importedBy":[{"uid":"d1de8643-38"}]},"d1de8643-10":{"id":"/src/h.ts","moduleParts":{"index.js":"d1de8643-11"},"imported":[],"importedBy":[{"uid":"d1de8643-38"},{"uid":"d1de8643-12"},{"uid":"d1de8643-22"},{"uid":"d1de8643-24"},{"uid":"d1de8643-36"}]},"d1de8643-12":{"id":"/src/dynamic.ts","moduleParts":{"index.js":"d1de8643-13"},"imported":[{"uid":"d1de8643-10"}],"importedBy":[{"uid":"d1de8643-38"}]},"d1de8643-14":{"id":"/src/telemetry.ts","moduleParts":{"index.js":"d1de8643-15"},"imported":[{"uid":"d1de8643-40"}],"importedBy":[{"uid":"d1de8643-38"},{"uid":"d1de8643-16"}]},"d1de8643-16":{"id":"/src/error-boundary.ts","moduleParts":{"index.js":"d1de8643-17"},"imported":[{"uid":"d1de8643-40"},{"uid":"d1de8643-4"},{"uid":"d1de8643-2"},{"uid":"d1de8643-0"},{"uid":"d1de8643-14"}],"importedBy":[{"uid":"d1de8643-38"}]},"d1de8643-18":{"id":"/src/for.ts","moduleParts":{"index.js":"d1de8643-19"},"imported":[],"importedBy":[{"uid":"d1de8643-38"}]},"d1de8643-20":{"id":"/src/ref.ts","moduleParts":{"index.js":"d1de8643-21"},"imported":[],"importedBy":[{"uid":"d1de8643-38"},{"uid":"d1de8643-22"}]},"d1de8643-22":{"id":"/src/defer.ts","moduleParts":{"index.js":"d1de8643-23"},"imported":[{"uid":"d1de8643-40"},{"uid":"d1de8643-10"},{"uid":"d1de8643-0"},{"uid":"d1de8643-20"}],"importedBy":[{"uid":"d1de8643-38"}]},"d1de8643-24":{"id":"/src/lazy.ts","moduleParts":{"index.js":"d1de8643-25"},"imported":[{"uid":"d1de8643-40"},{"uid":"d1de8643-10"}],"importedBy":[{"uid":"d1de8643-38"}]},"d1de8643-26":{"id":"/src/map-array.ts","moduleParts":{"index.js":"d1de8643-27"},"imported":[],"importedBy":[{"uid":"d1de8643-38"}]},"d1de8643-28":{"id":"/src/portal.ts","moduleParts":{"index.js":"d1de8643-29"},"imported":[],"importedBy":[{"uid":"d1de8643-38"}]},"d1de8643-30":{"id":"/src/props.ts","moduleParts":{"index.js":"d1de8643-31"},"imported":[],"importedBy":[{"uid":"d1de8643-38"}]},"d1de8643-32":{"id":"/src/show.ts","moduleParts":{"index.js":"d1de8643-33"},"imported":[],"importedBy":[{"uid":"d1de8643-38"}]},"d1de8643-34":{"id":"/src/style.ts","moduleParts":{"index.js":"d1de8643-35"},"imported":[],"importedBy":[{"uid":"d1de8643-38"}]},"d1de8643-36":{"id":"/src/suspense.ts","moduleParts":{"index.js":"d1de8643-37"},"imported":[{"uid":"d1de8643-10"}],"importedBy":[{"uid":"d1de8643-38"}]},"d1de8643-38":{"id":"/src/index.ts","moduleParts":{"index.js":"d1de8643-39"},"imported":[{"uid":"d1de8643-2"},{"uid":"d1de8643-4"},{"uid":"d1de8643-6"},{"uid":"d1de8643-8"},{"uid":"d1de8643-12"},{"uid":"d1de8643-16"},{"uid":"d1de8643-18"},{"uid":"d1de8643-10"},{"uid":"d1de8643-22"},{"uid":"d1de8643-24"},{"uid":"d1de8643-0"},{"uid":"d1de8643-26"},{"uid":"d1de8643-28"},{"uid":"d1de8643-30"},{"uid":"d1de8643-20"},{"uid":"d1de8643-32"},{"uid":"d1de8643-34"},{"uid":"d1de8643-36"},{"uid":"d1de8643-14"}],"importedBy":[],"isEntry":true},"d1de8643-40":{"id":"@pyreon/reactivity","moduleParts":{},"imported":[],"importedBy":[{"uid":"d1de8643-8"},{"uid":"d1de8643-16"},{"uid":"d1de8643-22"},{"uid":"d1de8643-24"},{"uid":"d1de8643-14"}]}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/lib/analysis/jsx-dev-runtime.js.html

@@ -5386,7 +5386,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"jsx-dev-runtime.js","children":[{"name":"src","children":[{"uid":"235a8e25-1","name":"h.ts"},{"uid":"235a8e25-3","name":"jsx-runtime.ts"},{"uid":"235a8e25-5","name":"jsx-dev-runtime.ts"}]}]}],"isRoot":true},"nodeParts":{"235a8e25-1":{"renderedLength":1813,"gzipLength":957,"brotliLength":0,"metaUid":"235a8e25-0"},"235a8e25-3":{"renderedLength":1103,"gzipLength":640,"brotliLength":0,"metaUid":"235a8e25-2"},"235a8e25-5":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"235a8e25-4"}},"nodeMetas":{"235a8e25-0":{"id":"/src/h.ts","moduleParts":{"jsx-dev-runtime.js":"235a8e25-1"},"imported":[],"importedBy":[{"uid":"235a8e25-2"}]},"235a8e25-2":{"id":"/src/jsx-runtime.ts","moduleParts":{"jsx-dev-runtime.js":"235a8e25-3"},"imported":[{"uid":"235a8e25-0"}],"importedBy":[{"uid":"235a8e25-4"}]},"235a8e25-4":{"id":"/src/jsx-dev-runtime.ts","moduleParts":{"jsx-dev-runtime.js":"235a8e25-5"},"imported":[{"uid":"235a8e25-2"}],"importedBy":[],"isEntry":true}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"jsx-dev-runtime.js","children":[{"name":"src","children":[{"uid":"430b4b1b-1","name":"h.ts"},{"uid":"430b4b1b-3","name":"jsx-runtime.ts"},{"uid":"430b4b1b-5","name":"jsx-dev-runtime.ts"}]}]}],"isRoot":true},"nodeParts":{"430b4b1b-1":{"renderedLength":1813,"gzipLength":957,"brotliLength":0,"metaUid":"430b4b1b-0"},"430b4b1b-3":{"renderedLength":1789,"gzipLength":834,"brotliLength":0,"metaUid":"430b4b1b-2"},"430b4b1b-5":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"430b4b1b-4"}},"nodeMetas":{"430b4b1b-0":{"id":"/src/h.ts","moduleParts":{"jsx-dev-runtime.js":"430b4b1b-1"},"imported":[],"importedBy":[{"uid":"430b4b1b-2"}]},"430b4b1b-2":{"id":"/src/jsx-runtime.ts","moduleParts":{"jsx-dev-runtime.js":"430b4b1b-3"},"imported":[{"uid":"430b4b1b-0"}],"importedBy":[{"uid":"430b4b1b-4"}]},"430b4b1b-4":{"id":"/src/jsx-dev-runtime.ts","moduleParts":{"jsx-dev-runtime.js":"430b4b1b-5"},"imported":[{"uid":"430b4b1b-2"}],"importedBy":[],"isEntry":true}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/lib/analysis/jsx-runtime.js.html

@@ -5386,7 +5386,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"jsx-runtime.js","children":[{"name":"src","children":[{"uid":"8c2807f7-1","name":"h.ts"},{"uid":"8c2807f7-3","name":"jsx-runtime.ts"}]}]}],"isRoot":true},"nodeParts":{"8c2807f7-1":{"renderedLength":1813,"gzipLength":957,"brotliLength":0,"metaUid":"8c2807f7-0"},"8c2807f7-3":{"renderedLength":1103,"gzipLength":640,"brotliLength":0,"metaUid":"8c2807f7-2"}},"nodeMetas":{"8c2807f7-0":{"id":"/src/h.ts","moduleParts":{"jsx-runtime.js":"8c2807f7-1"},"imported":[],"importedBy":[{"uid":"8c2807f7-2"}]},"8c2807f7-2":{"id":"/src/jsx-runtime.ts","moduleParts":{"jsx-runtime.js":"8c2807f7-3"},"imported":[{"uid":"8c2807f7-0"}],"importedBy":[],"isEntry":true}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"jsx-runtime.js","children":[{"name":"src","children":[{"uid":"36dca003-1","name":"h.ts"},{"uid":"36dca003-3","name":"jsx-runtime.ts"}]}]}],"isRoot":true},"nodeParts":{"36dca003-1":{"renderedLength":1813,"gzipLength":957,"brotliLength":0,"metaUid":"36dca003-0"},"36dca003-3":{"renderedLength":1789,"gzipLength":834,"brotliLength":0,"metaUid":"36dca003-2"}},"nodeMetas":{"36dca003-0":{"id":"/src/h.ts","moduleParts":{"jsx-runtime.js":"36dca003-1"},"imported":[],"importedBy":[{"uid":"36dca003-2"}]},"36dca003-2":{"id":"/src/jsx-runtime.ts","moduleParts":{"jsx-runtime.js":"36dca003-3"},"imported":[{"uid":"36dca003-0"}],"importedBy":[],"isEntry":true}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/lib/index.js

@@ -1,7 +1,7 @@
-import { setSnapshotCapture, signal } from "@pyreon/reactivity";
+import { effect, getReactiveTrace, setSnapshotCapture, signal } from "@pyreon/reactivity";
 
 //#region src/lifecycle.ts
-const __DEV__$3 = process.env.NODE_ENV !== "production";
+const __DEV__$5 = process.env.NODE_ENV !== "production";
 let _current = null;
 function setCurrentHooks(hooks) {
 	_current = hooks;
@@ -40,10 +40,10 @@ function captureCallSite() {
 	return "";
 }
 function warnOutsideSetup(hookName) {
-	if (__DEV__$3 && !_current) {
+	if (__DEV__$5 && !_current) {
 		const callSite = captureCallSite();
-		const location = callSite ? `\n  Called from: ${callSite}` : "";
-		console.warn(`[Pyreon] ${hookName}() called outside component setup. Lifecycle hooks must be called synchronously during a component's setup function.` + location + (hookName === "onUnmount" ? "\n  Hint: `provide()` internally calls onUnmount(). If you use provide(), ensure it runs during synchronous component setup — not inside effects, callbacks, or after awaits." : ""));
+		const callSiteSuffix = callSite ? `\n  Called from: ${callSite}` : "";
+		console.warn(`[Pyreon] ${hookName}() called outside component setup. Lifecycle hooks must be called synchronously during a component's setup function.` + callSiteSuffix + (hookName === "onUnmount" ? "\n  Hint: `provide()` internally calls onUnmount(). If you use provide(), ensure it runs during synchronous component setup — not inside effects, callbacks, or after awaits." : ""));
 	}
 }
 /**
@@ -231,6 +231,71 @@ function isNativeCompat(fn) {
 	return typeof fn === "function" && fn[NATIVE_COMPAT_MARKER] === true;
 }
 
+//#endregion
+//#region src/compat-shared.ts
+/**
+* Code shared by the framework-compat JSX runtimes
+* (`@pyreon/react-compat`, `@pyreon/preact-compat`).
+*
+* These helpers were previously copy-pasted byte-for-byte into both
+* packages. `@pyreon/core` is the correct single home — it's already a
+* dependency of every compat package and already hosts the sibling
+* cross-compat module `compat-marker.ts` (`nativeCompat` / `isNativeCompat`).
+*/
+/**
+* Shallow props comparison used by compat `memo()` / `useState` bailout.
+* Same-length key sets with `Object.is`-equal values → equal.
+*/
+function shallowEqualProps(a, b) {
+	const keysA = Object.keys(a);
+	const keysB = Object.keys(b);
+	if (keysA.length !== keysB.length) return false;
+	for (const k of keysA) if (!Object.is(a[k], b[k])) return false;
+	return true;
+}
+/**
+* Map React/Preact-style DOM attributes to standard HTML attributes,
+* mutating `props` in place. No-op when `type` is not a host string
+* (component vnodes keep their props untouched).
+*
+* The React and Preact variants were identical apart from React also
+* stripping `suppressContentEditableWarning`. Both keys are React/Preact
+* authoring-only and never valid DOM attributes, so always stripping
+* both is behavior-preserving for Preact (the key is never set there;
+* `delete` of an absent key is a no-op) and removes the only divergence.
+*/
+function mapCompatDomProps(props, type) {
+	if (typeof type !== "string") return;
+	if (props.className !== void 0) {
+		props.class = props.className;
+		delete props.className;
+	}
+	if (props.htmlFor !== void 0) {
+		props.for = props.htmlFor;
+		delete props.htmlFor;
+	}
+	if ((type === "input" || type === "textarea" || type === "select") && props.onChange !== void 0) {
+		if (props.onInput === void 0) props.onInput = props.onChange;
+		delete props.onChange;
+	}
+	if (props.autoFocus !== void 0) {
+		props.autofocus = props.autoFocus;
+		delete props.autoFocus;
+	}
+	if (type === "input" || type === "textarea") {
+		if (props.defaultValue !== void 0 && props.value === void 0) {
+			props.value = props.defaultValue;
+			delete props.defaultValue;
+		}
+		if (props.defaultChecked !== void 0 && props.checked === void 0) {
+			props.checked = props.defaultChecked;
+			delete props.defaultChecked;
+		}
+	}
+	delete props.suppressHydrationWarning;
+	delete props.suppressContentEditableWarning;
+}
+
 //#endregion
 //#region src/context.ts
 /**
@@ -396,10 +461,10 @@ function flattenChildren(children) {
 
 //#endregion
 //#region src/dynamic.ts
-const __DEV__$2 = process.env.NODE_ENV !== "production";
+const __DEV__$4 = process.env.NODE_ENV !== "production";
 function Dynamic(props) {
 	const { component, children, ...rest } = props;
-	if (__DEV__$2 && !component) console.warn("[Pyreon] <Dynamic> received a falsy `component` prop. Nothing will be rendered.");
+	if (__DEV__$4 && !component) console.warn("[Pyreon] <Dynamic> received a falsy `component` prop. Nothing will be rendered.");
 	if (!component) return null;
 	if (children === void 0) return h(component, rest);
 	if (Array.isArray(children)) return h(component, rest, ...children);
@@ -408,6 +473,24 @@ function Dynamic(props) {
 
 //#endregion
 //#region src/telemetry.ts
+/**
+* Error telemetry — hook into Pyreon's error reporting for Sentry, Datadog, etc.
+*
+* Captures errors from ALL lifecycle phases including reactive effects.
+* `effect()` errors thrown by `@pyreon/reactivity` are bridged through a
+* globalThis sink (no upward import — reactivity doesn't depend on core).
+*
+* @example
+* import { registerErrorHandler } from "@pyreon/core"
+* import * as Sentry from "@sentry/browser"
+*
+* registerErrorHandler(ctx => {
+*   Sentry.captureException(ctx.error, {
+*     extra: { component: ctx.component, phase: ctx.phase },
+*   })
+* })
+*/
+const __DEV__$3 = process.env.NODE_ENV !== "production";
 let _handlers = [];
 /**
 * Register a global error handler. Called whenever a component throws in any
@@ -431,6 +514,10 @@ function registerErrorHandler(handler) {
 * Existing console.error calls are preserved; this is additive.
 */
 function reportError(ctx) {
+	if (__DEV__$3 && ctx.reactiveTrace === void 0) try {
+		const trace = getReactiveTrace();
+		if (trace.length > 0) ctx.reactiveTrace = trace;
+	} catch {}
 	for (const h of _handlers) try {
 		h(ctx);
 	} catch {}
@@ -450,7 +537,7 @@ function _installReactivityBridge() {
 
 //#endregion
 //#region src/error-boundary.ts
-const __DEV__$1 = process.env.NODE_ENV !== "production";
+const __DEV__$2 = process.env.NODE_ENV !== "production";
 /**
 * ErrorBoundary — catches errors thrown by child components and renders a
 * fallback UI instead of crashing the whole tree.
@@ -475,7 +562,7 @@ const __DEV__$1 = process.env.NODE_ENV !== "production";
 *   </ErrorBoundary>
 */
 function ErrorBoundary(props) {
-	if (__DEV__$1 && typeof props.fallback !== "function") console.warn(`[Pyreon] <ErrorBoundary> expects \`fallback\` to be a function: (err, reset) => VNode. Received ${typeof props.fallback}.`);
+	if (__DEV__$2 && typeof props.fallback !== "function") console.warn(`[Pyreon] <ErrorBoundary> expects \`fallback\` to be a function: (err, reset) => VNode. Received ${typeof props.fallback}.`);
 	const error = signal(null);
 	const reset = () => error.set(null);
 	const handler = (err) => {
@@ -527,6 +614,139 @@ function For(props) {
 	};
 }
 
+//#endregion
+//#region src/ref.ts
+function createRef() {
+	return { current: null };
+}
+
+//#endregion
+//#region src/defer.ts
+const __DEV__$1 = process.env.NODE_ENV !== "production";
+/**
+* Set up the `on="idle"` trigger. Returns a teardown function the
+* caller must invoke on unmount. Browser-API access is gated by
+* `typeof` checks so SSR / jsdom environments fall back to a
+* `setTimeout(1)` shim. Extracted as a standalone helper so it's
+* directly testable without going through `onMount` (core tests
+* don't run in happy-dom; runtime-dom is where the lifecycle hooks
+* live).
+*
+* @internal Exported for tests; not part of the stable public API.
+*/
+function _setupIdleTrigger(startLoad) {
+	const ric = globalThis.requestIdleCallback;
+	const cic = globalThis.cancelIdleCallback;
+	if (typeof ric === "function") {
+		const id = ric(startLoad);
+		return () => cic?.(id);
+	}
+	const t = setTimeout(startLoad, 1);
+	return () => clearTimeout(t);
+}
+/**
+* Set up the `on="visible"` trigger. Observes `el` via an
+* `IntersectionObserver` and fires `startLoad` once on the first
+* intersection. If `IntersectionObserver` is unavailable (jsdom)
+* or `el` is null (SSR), falls back to loading immediately.
+*
+* Returns a teardown function — call to disconnect the observer.
+*
+* @internal Exported for tests; not part of the stable public API.
+*/
+function _setupVisibleTrigger(el, startLoad, rootMargin) {
+	if (!el || typeof IntersectionObserver === "undefined") {
+		startLoad();
+		return () => {};
+	}
+	const obs = new IntersectionObserver((entries) => {
+		if (entries.some((e) => e.isIntersecting)) {
+			startLoad();
+			obs.disconnect();
+		}
+	}, { rootMargin });
+	obs.observe(el);
+	return () => obs.disconnect();
+}
+/**
+* Lazy-load a chunk when a trigger condition is met.
+*
+* Three trigger modes:
+*   - `when={() => signal()}` — load when condition flips truthy (modal pattern)
+*   - `on="visible"`         — load when the wrapper scrolls into view
+*   - `on="idle"`            — load during browser idle time
+*
+* The chunk fetch is fired exactly once per `Defer` instance — repeated
+* trigger firings after the chunk loads are no-ops.
+*
+* @example
+* // Signal-driven (modal):
+* <Defer chunk={() => import('./ConfirmDeleteModal')} when={open}>
+*   {Modal => <Modal onClose={() => setOpen(false)} />}
+* </Defer>
+*
+* @example
+* // Viewport-driven (below-fold):
+* <Defer chunk={() => import('./Comments')} on="visible">
+*   {Comments => <Comments postId={id} />}
+* </Defer>
+*
+* @example
+* // Idle-driven (non-critical):
+* <Defer chunk={() => import('./Analytics')} on="idle">
+*   {Dashboard => <Dashboard />}
+* </Defer>
+*/
+function Defer(props) {
+	const Loaded = signal(null);
+	const Failed = signal(null);
+	let loadStarted = false;
+	const startLoad = () => {
+		if (loadStarted) return;
+		loadStarted = true;
+		if (!props.chunk) {
+			const err = /* @__PURE__ */ new Error("[Pyreon] <Defer> has no `chunk` prop. Either pass `chunk={() => import(\"...\")}` (explicit form), or use the inline form `<Defer when={...}><Component /></Defer>` with `@pyreon/vite-plugin` enabled — the compiler rewrites inline JSX to an explicit chunk-prop call.");
+			Failed.set(err);
+			return;
+		}
+		props.chunk().then((mod) => {
+			const Comp = typeof mod === "function" ? mod : mod.default;
+			if (__DEV__$1 && typeof Comp !== "function") {
+				console.warn("[Pyreon] <Defer> chunk() resolved without a default-exported component. Make sure your module exports default.");
+				return;
+			}
+			Loaded.set(Comp);
+		}).catch((err) => {
+			const wrapped = err instanceof Error ? err : new Error(String(err));
+			if (__DEV__$1) console.error("[Pyreon] <Defer> chunk() rejected:", wrapped);
+			Failed.set(wrapped);
+		});
+	};
+	if ("when" in props) effect(() => {
+		if (props.when() && !loadStarted) startLoad();
+	});
+	else if (props.on === "idle") onMount(() => _setupIdleTrigger(startLoad));
+	const renderContent = () => {
+		const err = Failed();
+		if (err) throw err;
+		const Comp = Loaded();
+		if (!Comp) return props.fallback ?? null;
+		const ch = props.children;
+		if (typeof ch === "function") return ch(Comp);
+		return h(Comp, {});
+	};
+	if ("on" in props && props.on === "visible") {
+		const containerRef = createRef();
+		onMount(() => _setupVisibleTrigger(containerRef.current, startLoad, props.rootMargin ?? "200px"));
+		return h("div", {
+			"data-pyreon-defer": "visible",
+			ref: containerRef,
+			style: "display: contents"
+		}, renderContent);
+	}
+	return h(Fragment, null, renderContent);
+}
+
 //#endregion
 //#region src/lazy.ts
 function lazy(load) {
@@ -705,6 +925,54 @@ function _rp(fn) {
 	return fn;
 }
 /**
+* Wrap a JSX spread source so its getter-shaped reactive props survive
+* the JS-level object spread that esbuild's automatic JSX runtime emits
+* for `<Comp {...source}>`.
+*
+* Without this wrapper, esbuild compiles `<Comp {...source}>` to
+* `jsx(Comp, { ...source })` — and JS spread fires every getter on
+* `source`, storing the resolved values as plain data properties. Any
+* compiler-emitted reactive prop (`_rp(() => signal())` converted to a
+* getter by `makeReactiveProps`) on `source` is collapsed to its
+* initial value before the receiving component ever sees it.
+*
+* `_wrapSpread(source)` walks `source`'s own keys via `Reflect.ownKeys`
+* (no getter firing) and returns a new object whose values are
+* `_rp`-branded thunks `() => source[key]`. When `{ ..._wrapSpread(s) }`
+* is spread by esbuild, the thunks are stored as plain data property
+* values (no getters to fire), then `makeReactiveProps` in `mount.ts`
+* converts the brands back into getters that lazily read from the
+* original `source` — preserving the reactive subscription end-to-end.
+*
+* Fast path: when `source` has no getter descriptors, return the
+* source object unchanged. JS spread will work correctly in that case
+* because there's nothing reactive to preserve. Saves N thunk
+* allocations per component render in the 99% case.
+*
+* Emitted by the compiler — not generally meant for hand-written code.
+*/
+function _wrapSpread(source) {
+	if (!source || typeof source !== "object") return source;
+	const descriptors = Object.getOwnPropertyDescriptors(source);
+	let hasGetter = false;
+	for (const k in descriptors) if (descriptors[k].get) {
+		hasGetter = true;
+		break;
+	}
+	if (!hasGetter) return source;
+	const result = {};
+	for (const key of Reflect.ownKeys(source)) {
+		const desc = descriptors[key];
+		if (!desc) continue;
+		if (desc.get) {
+			const fn = () => source[key];
+			fn[REACTIVE_PROP] = true;
+			result[key] = fn;
+		} else result[key] = desc.value;
+	}
+	return result;
+}
+/**
 * Convert compiler-emitted `_rp(() => expr)` prop values into getter properties.
 *
 * Only converts functions branded with REACTIVE_PROP — user-written accessor
@@ -752,12 +1020,6 @@ function createUniqueId() {
 	return `pyreon-${++_idCounter}`;
 }
 
-//#endregion
-//#region src/ref.ts
-function createRef() {
-	return { current: null };
-}
-
 //#endregion
 //#region src/show.ts
 function callWhen(when) {
@@ -936,5 +1198,5 @@ function Suspense(props) {
 }
 
 //#endregion
-export { CSS_UNITLESS, Dynamic, EMPTY_PROPS, ErrorBoundary, For, ForSymbol, Fragment, Match, MatchSymbol, NATIVE_COMPAT_MARKER, Portal, PortalSymbol, REACTIVE_PROP, Show, Suspense, Switch, _rp, captureContextStack, createContext, createReactiveContext, createRef, createUniqueId, cx, defineComponent, dispatchToErrorBoundary, h, isNativeCompat, lazy, makeReactiveProps, mapArray, mergeProps, nativeCompat, normalizeStyleValue, onErrorCaptured, onMount, onUnmount, onUpdate, popContext, propagateError, provide, pushContext, registerErrorHandler, reportError, restoreContextStack, runWithHooks, setContextStackProvider, splitProps, toKebabCase, useContext, withContext };
+export { CSS_UNITLESS, Defer, Dynamic, EMPTY_PROPS, ErrorBoundary, For, ForSymbol, Fragment, Match, MatchSymbol, NATIVE_COMPAT_MARKER, Portal, PortalSymbol, REACTIVE_PROP, Show, Suspense, Switch, _rp, _wrapSpread, captureContextStack, createContext, createReactiveContext, createRef, createUniqueId, cx, defineComponent, dispatchToErrorBoundary, h, isNativeCompat, lazy, makeReactiveProps, mapArray, mapCompatDomProps, mergeProps, nativeCompat, normalizeStyleValue, onErrorCaptured, onMount, onUnmount, onUpdate, popContext, propagateError, provide, pushContext, registerErrorHandler, reportError, restoreContextStack, runWithHooks, setContextStackProvider, shallowEqualProps, splitProps, toKebabCase, useContext, withContext };
 //# sourceMappingURL=index.js.map

package/lib/jsx-dev-runtime.js

@@ -60,15 +60,35 @@ function flattenChildren(children) {
 * jsx-runtime.ts into the consumer's compilation unit.
 */
 function jsx(type, props, key) {
-	const { children, ...rest } = props;
-	const propsWithKey = key != null ? {
-		...rest,
-		key
-	} : rest;
-	if (typeof type === "function") return h(type, children !== void 0 ? {
-		...propsWithKey,
-		children
-	} : propsWithKey);
+	const descriptors = Object.getOwnPropertyDescriptors(props);
+	let hasGetter = false;
+	for (const k in descriptors) if (descriptors[k].get) {
+		hasGetter = true;
+		break;
+	}
+	const children = props.children;
+	if (!hasGetter) {
+		const { children: _ignored, ...rest } = props;
+		const propsWithKey = key != null ? {
+			...rest,
+			key
+		} : rest;
+		if (typeof type === "function") return h(type, children !== void 0 ? {
+			...propsWithKey,
+			children
+		} : propsWithKey);
+		return h(type, propsWithKey, ...children === void 0 ? [] : Array.isArray(children) ? children : [children]);
+	}
+	const propsWithKey = {};
+	for (const k in descriptors) {
+		if (k === "children") continue;
+		Object.defineProperty(propsWithKey, k, descriptors[k]);
+	}
+	if (key != null) propsWithKey.key = key;
+	if (typeof type === "function") {
+		if (children !== void 0) propsWithKey.children = children;
+		return h(type, propsWithKey);
+	}
 	return h(type, propsWithKey, ...children === void 0 ? [] : Array.isArray(children) ? children : [children]);
 }
 const jsxs = jsx;

package/lib/jsx-runtime.js

@@ -60,15 +60,35 @@ function flattenChildren(children) {
 * jsx-runtime.ts into the consumer's compilation unit.
 */
 function jsx(type, props, key) {
-	const { children, ...rest } = props;
-	const propsWithKey = key != null ? {
-		...rest,
-		key
-	} : rest;
-	if (typeof type === "function") return h(type, children !== void 0 ? {
-		...propsWithKey,
-		children
-	} : propsWithKey);
+	const descriptors = Object.getOwnPropertyDescriptors(props);
+	let hasGetter = false;
+	for (const k in descriptors) if (descriptors[k].get) {
+		hasGetter = true;
+		break;
+	}
+	const children = props.children;
+	if (!hasGetter) {
+		const { children: _ignored, ...rest } = props;
+		const propsWithKey = key != null ? {
+			...rest,
+			key
+		} : rest;
+		if (typeof type === "function") return h(type, children !== void 0 ? {
+			...propsWithKey,
+			children
+		} : propsWithKey);
+		return h(type, propsWithKey, ...children === void 0 ? [] : Array.isArray(children) ? children : [children]);
+	}
+	const propsWithKey = {};
+	for (const k in descriptors) {
+		if (k === "children") continue;
+		Object.defineProperty(propsWithKey, k, descriptors[k]);
+	}
+	if (key != null) propsWithKey.key = key;
+	if (typeof type === "function") {
+		if (children !== void 0) propsWithKey.children = children;
+		return h(type, propsWithKey);
+	}
 	return h(type, propsWithKey, ...children === void 0 ? [] : Array.isArray(children) ? children : [children]);
 }
 const jsxs = jsx;