@pyreon/core 0.13.1 → 0.15.0

package/README.md

@@ -44,6 +44,13 @@ function Counter() {
 - **`onUpdate(fn)`** -- Runs after each reactive update.
 - **`onErrorCaptured(fn)`** -- Captures errors thrown by descendant components.
 
+Lifecycle hook arrays are lazy-allocated -- `LifecycleHooks.mount`/`.unmount`/`.update`/`.error` start as `null` and are only allocated on first hook registration. Components with no hooks (the majority) pay zero allocation cost.
+
+### Props Reactivity
+
+- **`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).
+
 ### Context
 
 - **`createContext<T>(defaultValue?): Context<T>`** -- Creates a context with an optional default.
@@ -82,7 +89,9 @@ function Counter() {
 
 ### Types
 
-`VNode`, `VNodeChild`, `VNodeChildAtom`, `Props`, `ComponentFn`, `ExtractProps`, `HigherOrderComponent`, `ComponentInstance`, `LifecycleHooks`, `CleanupFn`, `NativeItem`, `Ref`, `Context`, `LazyComponent`, `ShowProps`, `SwitchProps`, `MatchProps`, `ForProps`, `PortalProps`, `ErrorContext`, `ErrorHandler`, `ClassValue`, `TargetedEvent`, `PyreonHTMLAttributes`, `CSSProperties`, `StyleValue`, `CanvasAttributes`
+`VNode`, `VNodeChild`, `VNodeChildAtom`, `VNodeChildAccessor`, `Props`, `ComponentFn`, `ExtractProps`, `HigherOrderComponent`, `ComponentInstance`, `LifecycleHooks`, `CleanupFn`, `NativeItem`, `Ref`, `Context`, `LazyComponent`, `ShowProps`, `SwitchProps`, `MatchProps`, `ForProps`, `PortalProps`, `ErrorContext`, `ErrorHandler`, `ClassValue`, `TargetedEvent`, `PyreonHTMLAttributes`, `CSSProperties`, `StyleValue`, `CanvasAttributes`
+
+**VNodeChild union ordering**: `VNodeChild = VNodeChildAccessor | VNodeChildAtom | VNodeChildAtom[]` — the accessor type is FIRST so TypeScript matches `{() => cond && <X />}` against the function arm without falling through to `VNodeChildAtom` and erroring on `false | VNode`.
 
 ## License
 

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":"3de2ab69-1","name":"lifecycle.ts"},{"uid":"3de2ab69-3","name":"component.ts"},{"uid":"3de2ab69-5","name":"context.ts"},{"uid":"3de2ab69-7","name":"h.ts"},{"uid":"3de2ab69-9","name":"dynamic.ts"},{"uid":"3de2ab69-11","name":"telemetry.ts"},{"uid":"3de2ab69-13","name":"error-boundary.ts"},{"uid":"3de2ab69-15","name":"for.ts"},{"uid":"3de2ab69-17","name":"lazy.ts"},{"uid":"3de2ab69-19","name":"map-array.ts"},{"uid":"3de2ab69-21","name":"portal.ts"},{"uid":"3de2ab69-23","name":"props.ts"},{"uid":"3de2ab69-25","name":"ref.ts"},{"uid":"3de2ab69-27","name":"show.ts"},{"uid":"3de2ab69-29","name":"style.ts"},{"uid":"3de2ab69-31","name":"suspense.ts"},{"uid":"3de2ab69-33","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"3de2ab69-1":{"renderedLength":2776,"gzipLength":1260,"brotliLength":0,"metaUid":"3de2ab69-0"},"3de2ab69-3":{"renderedLength":1430,"gzipLength":679,"brotliLength":0,"metaUid":"3de2ab69-2"},"3de2ab69-5":{"renderedLength":2925,"gzipLength":1260,"brotliLength":0,"metaUid":"3de2ab69-4"},"3de2ab69-7":{"renderedLength":1082,"gzipLength":597,"brotliLength":0,"metaUid":"3de2ab69-6"},"3de2ab69-9":{"renderedLength":339,"gzipLength":245,"brotliLength":0,"metaUid":"3de2ab69-8"},"3de2ab69-11":{"renderedLength":570,"gzipLength":346,"brotliLength":0,"metaUid":"3de2ab69-10"},"3de2ab69-13":{"renderedLength":1622,"gzipLength":822,"brotliLength":0,"metaUid":"3de2ab69-12"},"3de2ab69-15":{"renderedLength":700,"gzipLength":478,"brotliLength":0,"metaUid":"3de2ab69-14"},"3de2ab69-17":{"renderedLength":461,"gzipLength":273,"brotliLength":0,"metaUid":"3de2ab69-16"},"3de2ab69-19":{"renderedLength":1018,"gzipLength":571,"brotliLength":0,"metaUid":"3de2ab69-18"},"3de2ab69-21":{"renderedLength":818,"gzipLength":491,"brotliLength":0,"metaUid":"3de2ab69-20"},"3de2ab69-23":{"renderedLength":4151,"gzipLength":1595,"brotliLength":0,"metaUid":"3de2ab69-22"},"3de2ab69-25":{"renderedLength":86,"gzipLength":98,"brotliLength":0,"metaUid":"3de2ab69-24"},"3de2ab69-27":{"renderedLength":1892,"gzipLength":810,"brotliLength":0,"metaUid":"3de2ab69-26"},"3de2ab69-29":{"renderedLength":1858,"gzipLength":825,"brotliLength":0,"metaUid":"3de2ab69-28"},"3de2ab69-31":{"renderedLength":1096,"gzipLength":603,"brotliLength":0,"metaUid":"3de2ab69-30"},"3de2ab69-33":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"3de2ab69-32"}},"nodeMetas":{"3de2ab69-0":{"id":"/src/lifecycle.ts","moduleParts":{"index.js":"3de2ab69-1"},"imported":[],"importedBy":[{"uid":"3de2ab69-32"},{"uid":"3de2ab69-2"},{"uid":"3de2ab69-4"},{"uid":"3de2ab69-12"}]},"3de2ab69-2":{"id":"/src/component.ts","moduleParts":{"index.js":"3de2ab69-3"},"imported":[{"uid":"3de2ab69-0"}],"importedBy":[{"uid":"3de2ab69-32"},{"uid":"3de2ab69-12"}]},"3de2ab69-4":{"id":"/src/context.ts","moduleParts":{"index.js":"3de2ab69-5"},"imported":[{"uid":"3de2ab69-0"}],"importedBy":[{"uid":"3de2ab69-32"}]},"3de2ab69-6":{"id":"/src/h.ts","moduleParts":{"index.js":"3de2ab69-7"},"imported":[],"importedBy":[{"uid":"3de2ab69-32"},{"uid":"3de2ab69-8"},{"uid":"3de2ab69-16"},{"uid":"3de2ab69-30"}]},"3de2ab69-8":{"id":"/src/dynamic.ts","moduleParts":{"index.js":"3de2ab69-9"},"imported":[{"uid":"3de2ab69-6"}],"importedBy":[{"uid":"3de2ab69-32"}]},"3de2ab69-10":{"id":"/src/telemetry.ts","moduleParts":{"index.js":"3de2ab69-11"},"imported":[],"importedBy":[{"uid":"3de2ab69-32"},{"uid":"3de2ab69-12"}]},"3de2ab69-12":{"id":"/src/error-boundary.ts","moduleParts":{"index.js":"3de2ab69-13"},"imported":[{"uid":"3de2ab69-34"},{"uid":"3de2ab69-2"},{"uid":"3de2ab69-0"},{"uid":"3de2ab69-10"}],"importedBy":[{"uid":"3de2ab69-32"}]},"3de2ab69-14":{"id":"/src/for.ts","moduleParts":{"index.js":"3de2ab69-15"},"imported":[],"importedBy":[{"uid":"3de2ab69-32"}]},"3de2ab69-16":{"id":"/src/lazy.ts","moduleParts":{"index.js":"3de2ab69-17"},"imported":[{"uid":"3de2ab69-34"},{"uid":"3de2ab69-6"}],"importedBy":[{"uid":"3de2ab69-32"}]},"3de2ab69-18":{"id":"/src/map-array.ts","moduleParts":{"index.js":"3de2ab69-19"},"imported":[],"importedBy":[{"uid":"3de2ab69-32"}]},"3de2ab69-20":{"id":"/src/portal.ts","moduleParts":{"index.js":"3de2ab69-21"},"imported":[],"importedBy":[{"uid":"3de2ab69-32"}]},"3de2ab69-22":{"id":"/src/props.ts","moduleParts":{"index.js":"3de2ab69-23"},"imported":[],"importedBy":[{"uid":"3de2ab69-32"}]},"3de2ab69-24":{"id":"/src/ref.ts","moduleParts":{"index.js":"3de2ab69-25"},"imported":[],"importedBy":[{"uid":"3de2ab69-32"}]},"3de2ab69-26":{"id":"/src/show.ts","moduleParts":{"index.js":"3de2ab69-27"},"imported":[],"importedBy":[{"uid":"3de2ab69-32"}]},"3de2ab69-28":{"id":"/src/style.ts","moduleParts":{"index.js":"3de2ab69-29"},"imported":[],"importedBy":[{"uid":"3de2ab69-32"}]},"3de2ab69-30":{"id":"/src/suspense.ts","moduleParts":{"index.js":"3de2ab69-31"},"imported":[{"uid":"3de2ab69-6"}],"importedBy":[{"uid":"3de2ab69-32"}]},"3de2ab69-32":{"id":"/src/index.ts","moduleParts":{"index.js":"3de2ab69-33"},"imported":[{"uid":"3de2ab69-2"},{"uid":"3de2ab69-4"},{"uid":"3de2ab69-8"},{"uid":"3de2ab69-12"},{"uid":"3de2ab69-14"},{"uid":"3de2ab69-6"},{"uid":"3de2ab69-16"},{"uid":"3de2ab69-0"},{"uid":"3de2ab69-18"},{"uid":"3de2ab69-20"},{"uid":"3de2ab69-22"},{"uid":"3de2ab69-24"},{"uid":"3de2ab69-26"},{"uid":"3de2ab69-28"},{"uid":"3de2ab69-30"},{"uid":"3de2ab69-10"}],"importedBy":[],"isEntry":true},"3de2ab69-34":{"id":"@pyreon/reactivity","moduleParts":{},"imported":[],"importedBy":[{"uid":"3de2ab69-12"},{"uid":"3de2ab69-16"}]}},"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":"824f9243-1","name":"lifecycle.ts"},{"uid":"824f9243-3","name":"component.ts"},{"uid":"824f9243-5","name":"compat-marker.ts"},{"uid":"824f9243-7","name":"context.ts"},{"uid":"824f9243-9","name":"h.ts"},{"uid":"824f9243-11","name":"dynamic.ts"},{"uid":"824f9243-13","name":"telemetry.ts"},{"uid":"824f9243-15","name":"error-boundary.ts"},{"uid":"824f9243-17","name":"for.ts"},{"uid":"824f9243-19","name":"lazy.ts"},{"uid":"824f9243-21","name":"map-array.ts"},{"uid":"824f9243-23","name":"portal.ts"},{"uid":"824f9243-25","name":"props.ts"},{"uid":"824f9243-27","name":"ref.ts"},{"uid":"824f9243-29","name":"show.ts"},{"uid":"824f9243-31","name":"style.ts"},{"uid":"824f9243-33","name":"suspense.ts"},{"uid":"824f9243-35","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"824f9243-1":{"renderedLength":3078,"gzipLength":1313,"brotliLength":0,"metaUid":"824f9243-0"},"824f9243-3":{"renderedLength":1471,"gzipLength":693,"brotliLength":0,"metaUid":"824f9243-2"},"824f9243-5":{"renderedLength":3173,"gzipLength":1409,"brotliLength":0,"metaUid":"824f9243-4"},"824f9243-7":{"renderedLength":3600,"gzipLength":1542,"brotliLength":0,"metaUid":"824f9243-6"},"824f9243-9":{"renderedLength":1082,"gzipLength":597,"brotliLength":0,"metaUid":"824f9243-8"},"824f9243-11":{"renderedLength":490,"gzipLength":291,"brotliLength":0,"metaUid":"824f9243-10"},"824f9243-13":{"renderedLength":1208,"gzipLength":633,"brotliLength":0,"metaUid":"824f9243-12"},"824f9243-15":{"renderedLength":1659,"gzipLength":842,"brotliLength":0,"metaUid":"824f9243-14"},"824f9243-17":{"renderedLength":700,"gzipLength":478,"brotliLength":0,"metaUid":"824f9243-16"},"824f9243-19":{"renderedLength":461,"gzipLength":273,"brotliLength":0,"metaUid":"824f9243-18"},"824f9243-21":{"renderedLength":1018,"gzipLength":571,"brotliLength":0,"metaUid":"824f9243-20"},"824f9243-23":{"renderedLength":818,"gzipLength":491,"brotliLength":0,"metaUid":"824f9243-22"},"824f9243-25":{"renderedLength":4339,"gzipLength":1641,"brotliLength":0,"metaUid":"824f9243-24"},"824f9243-27":{"renderedLength":86,"gzipLength":98,"brotliLength":0,"metaUid":"824f9243-26"},"824f9243-29":{"renderedLength":2022,"gzipLength":854,"brotliLength":0,"metaUid":"824f9243-28"},"824f9243-31":{"renderedLength":1858,"gzipLength":825,"brotliLength":0,"metaUid":"824f9243-30"},"824f9243-33":{"renderedLength":1104,"gzipLength":614,"brotliLength":0,"metaUid":"824f9243-32"},"824f9243-35":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"824f9243-34"}},"nodeMetas":{"824f9243-0":{"id":"/src/lifecycle.ts","moduleParts":{"index.js":"824f9243-1"},"imported":[],"importedBy":[{"uid":"824f9243-34"},{"uid":"824f9243-2"},{"uid":"824f9243-6"},{"uid":"824f9243-14"}]},"824f9243-2":{"id":"/src/component.ts","moduleParts":{"index.js":"824f9243-3"},"imported":[{"uid":"824f9243-0"}],"importedBy":[{"uid":"824f9243-34"},{"uid":"824f9243-14"}]},"824f9243-4":{"id":"/src/compat-marker.ts","moduleParts":{"index.js":"824f9243-5"},"imported":[],"importedBy":[{"uid":"824f9243-34"},{"uid":"824f9243-14"}]},"824f9243-6":{"id":"/src/context.ts","moduleParts":{"index.js":"824f9243-7"},"imported":[{"uid":"824f9243-36"},{"uid":"824f9243-0"}],"importedBy":[{"uid":"824f9243-34"}]},"824f9243-8":{"id":"/src/h.ts","moduleParts":{"index.js":"824f9243-9"},"imported":[],"importedBy":[{"uid":"824f9243-34"},{"uid":"824f9243-10"},{"uid":"824f9243-18"},{"uid":"824f9243-32"}]},"824f9243-10":{"id":"/src/dynamic.ts","moduleParts":{"index.js":"824f9243-11"},"imported":[{"uid":"824f9243-8"}],"importedBy":[{"uid":"824f9243-34"}]},"824f9243-12":{"id":"/src/telemetry.ts","moduleParts":{"index.js":"824f9243-13"},"imported":[],"importedBy":[{"uid":"824f9243-34"},{"uid":"824f9243-14"}]},"824f9243-14":{"id":"/src/error-boundary.ts","moduleParts":{"index.js":"824f9243-15"},"imported":[{"uid":"824f9243-36"},{"uid":"824f9243-4"},{"uid":"824f9243-2"},{"uid":"824f9243-0"},{"uid":"824f9243-12"}],"importedBy":[{"uid":"824f9243-34"}]},"824f9243-16":{"id":"/src/for.ts","moduleParts":{"index.js":"824f9243-17"},"imported":[],"importedBy":[{"uid":"824f9243-34"}]},"824f9243-18":{"id":"/src/lazy.ts","moduleParts":{"index.js":"824f9243-19"},"imported":[{"uid":"824f9243-36"},{"uid":"824f9243-8"}],"importedBy":[{"uid":"824f9243-34"}]},"824f9243-20":{"id":"/src/map-array.ts","moduleParts":{"index.js":"824f9243-21"},"imported":[],"importedBy":[{"uid":"824f9243-34"}]},"824f9243-22":{"id":"/src/portal.ts","moduleParts":{"index.js":"824f9243-23"},"imported":[],"importedBy":[{"uid":"824f9243-34"}]},"824f9243-24":{"id":"/src/props.ts","moduleParts":{"index.js":"824f9243-25"},"imported":[],"importedBy":[{"uid":"824f9243-34"}]},"824f9243-26":{"id":"/src/ref.ts","moduleParts":{"index.js":"824f9243-27"},"imported":[],"importedBy":[{"uid":"824f9243-34"}]},"824f9243-28":{"id":"/src/show.ts","moduleParts":{"index.js":"824f9243-29"},"imported":[],"importedBy":[{"uid":"824f9243-34"}]},"824f9243-30":{"id":"/src/style.ts","moduleParts":{"index.js":"824f9243-31"},"imported":[],"importedBy":[{"uid":"824f9243-34"}]},"824f9243-32":{"id":"/src/suspense.ts","moduleParts":{"index.js":"824f9243-33"},"imported":[{"uid":"824f9243-8"}],"importedBy":[{"uid":"824f9243-34"}]},"824f9243-34":{"id":"/src/index.ts","moduleParts":{"index.js":"824f9243-35"},"imported":[{"uid":"824f9243-2"},{"uid":"824f9243-4"},{"uid":"824f9243-6"},{"uid":"824f9243-10"},{"uid":"824f9243-14"},{"uid":"824f9243-16"},{"uid":"824f9243-8"},{"uid":"824f9243-18"},{"uid":"824f9243-0"},{"uid":"824f9243-20"},{"uid":"824f9243-22"},{"uid":"824f9243-24"},{"uid":"824f9243-26"},{"uid":"824f9243-28"},{"uid":"824f9243-30"},{"uid":"824f9243-32"},{"uid":"824f9243-12"}],"importedBy":[],"isEntry":true},"824f9243-36":{"id":"@pyreon/reactivity","moduleParts":{},"imported":[],"importedBy":[{"uid":"824f9243-6"},{"uid":"824f9243-14"},{"uid":"824f9243-18"}]}},"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":"457db80a-1","name":"h.ts"},{"uid":"457db80a-3","name":"jsx-runtime.ts"},{"uid":"457db80a-5","name":"jsx-dev-runtime.ts"}]}]}],"isRoot":true},"nodeParts":{"457db80a-1":{"renderedLength":1082,"gzipLength":597,"brotliLength":0,"metaUid":"457db80a-0"},"457db80a-3":{"renderedLength":657,"gzipLength":403,"brotliLength":0,"metaUid":"457db80a-2"},"457db80a-5":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"457db80a-4"}},"nodeMetas":{"457db80a-0":{"id":"/src/h.ts","moduleParts":{"jsx-dev-runtime.js":"457db80a-1"},"imported":[],"importedBy":[{"uid":"457db80a-2"}]},"457db80a-2":{"id":"/src/jsx-runtime.ts","moduleParts":{"jsx-dev-runtime.js":"457db80a-3"},"imported":[{"uid":"457db80a-0"}],"importedBy":[{"uid":"457db80a-4"}]},"457db80a-4":{"id":"/src/jsx-dev-runtime.ts","moduleParts":{"jsx-dev-runtime.js":"457db80a-5"},"imported":[{"uid":"457db80a-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":"3319ebff-1","name":"h.ts"},{"uid":"3319ebff-3","name":"jsx-runtime.ts"},{"uid":"3319ebff-5","name":"jsx-dev-runtime.ts"}]}]}],"isRoot":true},"nodeParts":{"3319ebff-1":{"renderedLength":1082,"gzipLength":597,"brotliLength":0,"metaUid":"3319ebff-0"},"3319ebff-3":{"renderedLength":1103,"gzipLength":640,"brotliLength":0,"metaUid":"3319ebff-2"},"3319ebff-5":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"3319ebff-4"}},"nodeMetas":{"3319ebff-0":{"id":"/src/h.ts","moduleParts":{"jsx-dev-runtime.js":"3319ebff-1"},"imported":[],"importedBy":[{"uid":"3319ebff-2"}]},"3319ebff-2":{"id":"/src/jsx-runtime.ts","moduleParts":{"jsx-dev-runtime.js":"3319ebff-3"},"imported":[{"uid":"3319ebff-0"}],"importedBy":[{"uid":"3319ebff-4"}]},"3319ebff-4":{"id":"/src/jsx-dev-runtime.ts","moduleParts":{"jsx-dev-runtime.js":"3319ebff-5"},"imported":[{"uid":"3319ebff-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":"a8d14f92-1","name":"h.ts"},{"uid":"a8d14f92-3","name":"jsx-runtime.ts"}]}]}],"isRoot":true},"nodeParts":{"a8d14f92-1":{"renderedLength":1082,"gzipLength":597,"brotliLength":0,"metaUid":"a8d14f92-0"},"a8d14f92-3":{"renderedLength":657,"gzipLength":403,"brotliLength":0,"metaUid":"a8d14f92-2"}},"nodeMetas":{"a8d14f92-0":{"id":"/src/h.ts","moduleParts":{"jsx-runtime.js":"a8d14f92-1"},"imported":[],"importedBy":[{"uid":"a8d14f92-2"}]},"a8d14f92-2":{"id":"/src/jsx-runtime.ts","moduleParts":{"jsx-runtime.js":"a8d14f92-3"},"imported":[{"uid":"a8d14f92-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":"843e1a91-1","name":"h.ts"},{"uid":"843e1a91-3","name":"jsx-runtime.ts"}]}]}],"isRoot":true},"nodeParts":{"843e1a91-1":{"renderedLength":1082,"gzipLength":597,"brotliLength":0,"metaUid":"843e1a91-0"},"843e1a91-3":{"renderedLength":1103,"gzipLength":640,"brotliLength":0,"metaUid":"843e1a91-2"}},"nodeMetas":{"843e1a91-0":{"id":"/src/h.ts","moduleParts":{"jsx-runtime.js":"843e1a91-1"},"imported":[],"importedBy":[{"uid":"843e1a91-2"}]},"843e1a91-2":{"id":"/src/jsx-runtime.ts","moduleParts":{"jsx-runtime.js":"843e1a91-3"},"imported":[{"uid":"843e1a91-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 { signal } from "@pyreon/reactivity";
+import { setSnapshotCapture, signal } from "@pyreon/reactivity";
 
 //#region src/lifecycle.ts
-const __DEV__$3 = import.meta.env?.DEV === true;
+const __DEV__$3 = process.env.NODE_ENV !== "production";
 let _current = null;
 function setCurrentHooks(hooks) {
 	_current = hooks;
@@ -52,21 +52,30 @@ function warnOutsideSetup(hookName) {
 */
 function onMount(fn) {
 	warnOutsideSetup("onMount");
-	_current?.mount.push(fn);
+	if (_current) {
+		if (_current.mount === null) _current.mount = [];
+		_current.mount.push(fn);
+	}
 }
 /**
 * Register a callback to run when the component is removed from the DOM.
 */
 function onUnmount(fn) {
 	warnOutsideSetup("onUnmount");
-	_current?.unmount.push(fn);
+	if (_current) {
+		if (_current.unmount === null) _current.unmount = [];
+		_current.unmount.push(fn);
+	}
 }
 /**
 * Register a callback to run after each reactive update.
 */
 function onUpdate(fn) {
 	warnOutsideSetup("onUpdate");
-	_current?.update.push(fn);
+	if (_current) {
+		if (_current.update === null) _current.update = [];
+		_current.update.push(fn);
+	}
 }
 /**
 * Register an error handler for this component subtree.
@@ -83,7 +92,10 @@ function onUpdate(fn) {
 */
 function onErrorCaptured(fn) {
 	warnOutsideSetup("onErrorCaptured");
-	_current?.error.push(fn);
+	if (_current) {
+		if (_current.error === null) _current.error = [];
+		_current.error.push(fn);
+	}
 }
 
 //#endregion
@@ -103,10 +115,10 @@ function defineComponent(fn) {
 */
 function runWithHooks(fn, props) {
 	const hooks = {
-		mount: [],
-		unmount: [],
-		update: [],
-		error: []
+		mount: null,
+		unmount: null,
+		update: null,
+		error: null
 	};
 	setCurrentHooks(hooks);
 	let vnode = null;
@@ -125,6 +137,7 @@ function runWithHooks(fn, props) {
 * Returns true if any handler marked the error as handled.
 */
 function propagateError(err, hooks) {
+	if (!hooks.error) return false;
 	for (const handler of hooks.error) if (handler(err) === true) return true;
 	return false;
 }
@@ -144,6 +157,80 @@ function dispatchToErrorBoundary(err) {
 	return handler ? handler(err) : false;
 }
 
+//#endregion
+//#region src/compat-marker.ts
+/**
+* Compat-mode native-component marker.
+*
+* Pyreon ships compat layers (`@pyreon/{react,preact,vue,solid}-compat`) that
+* wrap every JSX-called component function to emulate that source framework's
+* render-on-state-change semantics. That wrapping is correct for user code
+* (the whole point of compat mode) but corrupts Pyreon framework components
+* — those manage their own reactivity via `provide()` / signals / lifecycle
+* hooks, and wrapping them runs their setup body inside the compat layer's
+* render context instead of Pyreon's, breaking `provide()` and
+* `onMount()` / `onUnmount()` calls.
+*
+* Framework components opt out of compat wrapping by setting a well-known
+* registry symbol (`Symbol.for('pyreon:native-compat')`) on the function.
+* The compat layer reads that symbol and routes marked components straight
+* through Pyreon's `h()` mount path. The symbol is registry-shared, so no
+* import direction between framework and compat is implied — both sides
+* reference the same global symbol via the helpers exported here.
+*
+* Audience: framework-package authors writing JSX components in `@pyreon/*`
+* packages whose setup body uses `provide()` / lifecycle hooks / signal
+* subscriptions. Wrap exported components with `nativeCompat()`. One line
+* per export site; zero runtime cost beyond a single property write at
+* module load.
+*/
+/**
+* The well-known registry symbol that marks a component as a Pyreon native
+* framework component. Compat layers check this symbol to decide whether to
+* skip their `wrapCompatComponent` call.
+*
+* Exported for advanced cases where a caller needs to test the marker
+* directly (most callers should use `isNativeCompat()`).
+*/
+const NATIVE_COMPAT_MARKER = Symbol.for("pyreon:native-compat");
+/**
+* Mark a Pyreon framework component as "self-managing" — compat layers will
+* skip their React/Vue/Solid/Preact-style wrapping and route the component
+* directly through Pyreon's mount path. Use on every `@pyreon/*` JSX
+* component whose setup body uses `provide()`, lifecycle hooks
+* (`onMount` / `onUnmount`), signal-driven reactivity, or any other Pyreon
+* native pattern that depends on the active component-setup frame.
+*
+* Idempotent: re-applying the marker is a no-op. Non-function inputs pass
+* through unchanged so callers don't have to typecheck before wrapping.
+*
+* @example
+*   import { nativeCompat, provide } from '@pyreon/core'
+*
+*   export const RouterView = nativeCompat(function RouterView(props) {
+*     provide(RouterContext, ...)
+*     return <div data-pyreon-router-view>{children}</div>
+*   })
+*/
+function nativeCompat(fn) {
+	if (typeof fn === "function") fn[NATIVE_COMPAT_MARKER] = true;
+	return fn;
+}
+/**
+* Read whether a component has been marked as a Pyreon native framework
+* component. Compat-layer code calls this from its `jsx()` to decide whether
+* to wrap or pass through.
+*
+* @example
+*   import { isNativeCompat } from '@pyreon/core'
+*
+*   if (isNativeCompat(type)) return h(type, props)
+*   return wrapCompatComponent(type)(props)
+*/
+function isNativeCompat(fn) {
+	return typeof fn === "function" && fn[NATIVE_COMPAT_MARKER] === true;
+}
+
 //#endregion
 //#region src/context.ts
 /**
@@ -178,7 +265,7 @@ function setContextStackProvider(fn) {
 function getStack() {
 	return _stackProvider();
 }
-import.meta.env?.DEV;
+process.env.NODE_ENV;
 function pushContext(values) {
 	getStack().push(values);
 }
@@ -235,18 +322,31 @@ function captureContextStack() {
 }
 /**
 * Execute `fn()` with a previously captured context stack active.
-* Restores the original stack after `fn()` completes (even on throw).
+*
+* After `fn()` returns, removes ONLY the snapshot frames this call pushed
+* — anything `fn()` itself pushed (typically provider frames from
+* `provide()` calls during component mount) stays on the stack so
+* subsequent reactive re-runs (e.g. `_bind` text bindings,
+* `renderEffect` callbacks) can still find ancestor providers via
+* `useContext`. Pre-fix this method was `stack.length = savedLength`,
+* which destructively truncated provider frames pushed during mount —
+* silently breaking `useMode()` / `useTheme()` / `useRouter()` etc. on
+* every signal-driven update under a `mountReactive` boundary.
 */
 function restoreContextStack(snapshot, fn) {
 	const stack = getStack();
-	const savedLength = stack.length;
+	const insertIndex = stack.length;
 	for (const frame of snapshot) stack.push(frame);
 	try {
 		return fn();
 	} finally {
-		stack.length = savedLength;
+		stack.splice(insertIndex, snapshot.length);
 	}
 }
+setSnapshotCapture({
+	capture: () => captureContextStack(),
+	restore: (snap, fn) => restoreContextStack(snap, fn)
+});
 
 //#endregion
 //#region src/h.ts
@@ -282,12 +382,14 @@ function flattenChildren(children) {
 
 //#endregion
 //#region src/dynamic.ts
-const __DEV__$2 = import.meta.env?.DEV === true;
+const __DEV__$2 = process.env.NODE_ENV !== "production";
 function Dynamic(props) {
-	const { component, ...rest } = props;
+	const { component, children, ...rest } = props;
 	if (__DEV__$2 && !component) console.warn("[Pyreon] <Dynamic> received a falsy `component` prop. Nothing will be rendered.");
 	if (!component) return null;
-	return h(component, rest);
+	if (children === void 0) return h(component, rest);
+	if (Array.isArray(children)) return h(component, rest, ...children);
+	return h(component, rest, children);
 }
 
 //#endregion
@@ -295,10 +397,17 @@ function Dynamic(props) {
 let _handlers = [];
 /**
 * Register a global error handler. Called whenever a component throws in any
-* lifecycle phase. Returns an unregister function.
+* lifecycle phase, OR an effect throws in `@pyreon/reactivity`. Returns an
+* unregister function.
+*
+* Also installs a `globalThis.__pyreon_report_error__` bridge so the
+* reactivity package (which can't depend on core) can forward effect errors
+* into the same telemetry pipeline. Pre-fix the two surfaces were
+* disconnected — Sentry/Datadog wiring missed effect-thrown errors.
 */
 function registerErrorHandler(handler) {
 	_handlers.push(handler);
+	_installReactivityBridge();
 	return () => {
 		_handlers = _handlers.filter((h) => h !== handler);
 	};
@@ -312,10 +421,22 @@ function reportError(ctx) {
 		h(ctx);
 	} catch {}
 }
+const _bridgeHost = globalThis;
+function _installReactivityBridge() {
+	if (_bridgeHost.__pyreon_report_error__) return;
+	_bridgeHost.__pyreon_report_error__ = (err, phase) => {
+		reportError({
+			component: "Effect",
+			phase,
+			error: err,
+			timestamp: Date.now()
+		});
+	};
+}
 
 //#endregion
 //#region src/error-boundary.ts
-const __DEV__$1 = import.meta.env?.DEV === true;
+const __DEV__$1 = process.env.NODE_ENV !== "production";
 /**
 * ErrorBoundary — catches errors thrown by child components and renders a
 * fallback UI instead of crashing the whole tree.
@@ -363,6 +484,7 @@ function ErrorBoundary(props) {
 		return typeof ch === "function" ? ch() : ch;
 	};
 }
+nativeCompat(ErrorBoundary);
 
 //#endregion
 //#region src/for.ts
@@ -577,20 +699,28 @@ function _rp(fn) {
 * Returns the same object if no reactive props found (fast path).
 */
 function makeReactiveProps(raw) {
+	const keys = Object.keys(raw);
+	let hasAny = false;
+	for (let i = 0; i < keys.length; i++) {
+		const val = raw[keys[i]];
+		if (typeof val === "function" && val[REACTIVE_PROP]) {
+			hasAny = true;
+			break;
+		}
+	}
+	if (!hasAny) return raw;
 	const result = {};
-	let hasGetters = false;
-	for (const key of Object.keys(raw)) {
+	for (let i = 0; i < keys.length; i++) {
+		const key = keys[i];
 		const val = raw[key];
-		if (typeof val === "function" && val[REACTIVE_PROP]) {
-			Object.defineProperty(result, key, {
-				get: val,
-				enumerable: true,
-				configurable: true
-			});
-			hasGetters = true;
-		} else result[key] = val;
+		if (typeof val === "function" && val[REACTIVE_PROP]) Object.defineProperty(result, key, {
+			get: val,
+			enumerable: true,
+			configurable: true
+		});
+		else result[key] = val;
 	}
-	return hasGetters ? result : raw;
+	return result;
 }
 let _idCounter = 0;
 /**
@@ -616,6 +746,9 @@ function createRef() {
 
 //#endregion
 //#region src/show.ts
+function callWhen(when) {
+	return typeof when === "function" ? when() : when;
+}
 /**
 * Conditionally render children based on a reactive condition.
 *
@@ -630,7 +763,7 @@ function createRef() {
 * )
 */
 function Show(props) {
-	return (() => props.when() ? props.children ?? null : props.fallback ?? null);
+	return (() => callWhen(props.when) ? props.children ?? null : props.fallback ?? null);
 }
 /**
 * A branch inside `<Switch>`. Renders when `when()` is truthy.
@@ -670,7 +803,8 @@ function Switch(props) {
 		const branches = normalizeBranches(props.children);
 		for (const branch of branches) {
 			if (!isMatchVNode(branch)) continue;
-			if (branch.props.when()) return resolveMatchChildren(branch);
+			const matchProps = branch.props;
+			if (callWhen(matchProps.when)) return resolveMatchChildren(branch);
 		}
 		return props.fallback ?? null;
 	});
@@ -760,7 +894,7 @@ function normalizeStyleValue(key, value) {
 
 //#endregion
 //#region src/suspense.ts
-const __DEV__ = import.meta.env?.DEV === true;
+const __DEV__ = process.env.NODE_ENV !== "production";
 /**
 * Suspense — shows `fallback` while a lazy child component is still loading.
 *
@@ -788,5 +922,5 @@ function Suspense(props) {
 }
 
 //#endregion
-export { CSS_UNITLESS, Dynamic, EMPTY_PROPS, ErrorBoundary, For, ForSymbol, Fragment, Match, MatchSymbol, Portal, PortalSymbol, REACTIVE_PROP, Show, Suspense, Switch, _rp, captureContextStack, createContext, createReactiveContext, createRef, createUniqueId, cx, defineComponent, dispatchToErrorBoundary, h, lazy, makeReactiveProps, mapArray, mergeProps, normalizeStyleValue, onErrorCaptured, onMount, onUnmount, onUpdate, popContext, propagateError, provide, pushContext, registerErrorHandler, reportError, restoreContextStack, runWithHooks, setContextStackProvider, splitProps, toKebabCase, useContext, withContext };
+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 };
 //# sourceMappingURL=index.js.map

package/lib/jsx-dev-runtime.js

@@ -37,6 +37,13 @@ function flattenChildren(children) {
 * When tsconfig has `"jsxImportSource": "@pyreon/core"`, the TS/bundler compiler
 * rewrites JSX to imports from this file automatically:
 *   <div class="x" />  →  jsx("div", { class: "x" })
+*
+* The triple-slash reference above makes this file self-declare its DOM-lib
+* dependency. Without it, any consumer whose tsconfig has `lib: ["ESNext"]`
+* (no DOM) — e.g. backend-only packages like @pyreon/cli — fails to typecheck
+* once `@pyreon/core` becomes resolvable from their dependency graph (e.g. via
+* a transitive devDep), because tsc auto-resolves jsxImportSource and pulls
+* jsx-runtime.ts into the consumer's compilation unit.
 */
 function jsx(type, props, key) {
 	const { children, ...rest } = props;

package/lib/jsx-runtime.js

@@ -37,6 +37,13 @@ function flattenChildren(children) {
 * When tsconfig has `"jsxImportSource": "@pyreon/core"`, the TS/bundler compiler
 * rewrites JSX to imports from this file automatically:
 *   <div class="x" />  →  jsx("div", { class: "x" })
+*
+* The triple-slash reference above makes this file self-declare its DOM-lib
+* dependency. Without it, any consumer whose tsconfig has `lib: ["ESNext"]`
+* (no DOM) — e.g. backend-only packages like @pyreon/cli — fails to typecheck
+* once `@pyreon/core` becomes resolvable from their dependency graph (e.g. via
+* a transitive devDep), because tsc auto-resolves jsxImportSource and pulls
+* jsx-runtime.ts into the consumer's compilation unit.
 */
 function jsx(type, props, key) {
 	const { children, ...rest } = props;