@pyreon/core 0.14.0 → 0.16.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","children":[{"uid":"fe312da0-1","name":"lifecycle.ts"},{"uid":"fe312da0-3","name":"component.ts"},{"uid":"fe312da0-5","name":"context.ts"},{"uid":"fe312da0-7","name":"h.ts"},{"uid":"fe312da0-9","name":"dynamic.ts"},{"uid":"fe312da0-11","name":"telemetry.ts"},{"uid":"fe312da0-13","name":"error-boundary.ts"},{"uid":"fe312da0-15","name":"for.ts"},{"uid":"fe312da0-17","name":"lazy.ts"},{"uid":"fe312da0-19","name":"map-array.ts"},{"uid":"fe312da0-21","name":"portal.ts"},{"uid":"fe312da0-23","name":"props.ts"},{"uid":"fe312da0-25","name":"ref.ts"},{"uid":"fe312da0-27","name":"show.ts"},{"uid":"fe312da0-29","name":"style.ts"},{"uid":"fe312da0-31","name":"suspense.ts"},{"uid":"fe312da0-33","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"fe312da0-1":{"renderedLength":3070,"gzipLength":1306,"brotliLength":0,"metaUid":"fe312da0-0"},"fe312da0-3":{"renderedLength":1471,"gzipLength":693,"brotliLength":0,"metaUid":"fe312da0-2"},"fe312da0-5":{"renderedLength":2925,"gzipLength":1260,"brotliLength":0,"metaUid":"fe312da0-4"},"fe312da0-7":{"renderedLength":1082,"gzipLength":597,"brotliLength":0,"metaUid":"fe312da0-6"},"fe312da0-9":{"renderedLength":339,"gzipLength":245,"brotliLength":0,"metaUid":"fe312da0-8"},"fe312da0-11":{"renderedLength":570,"gzipLength":346,"brotliLength":0,"metaUid":"fe312da0-10"},"fe312da0-13":{"renderedLength":1622,"gzipLength":822,"brotliLength":0,"metaUid":"fe312da0-12"},"fe312da0-15":{"renderedLength":700,"gzipLength":478,"brotliLength":0,"metaUid":"fe312da0-14"},"fe312da0-17":{"renderedLength":461,"gzipLength":273,"brotliLength":0,"metaUid":"fe312da0-16"},"fe312da0-19":{"renderedLength":1018,"gzipLength":571,"brotliLength":0,"metaUid":"fe312da0-18"},"fe312da0-21":{"renderedLength":818,"gzipLength":491,"brotliLength":0,"metaUid":"fe312da0-20"},"fe312da0-23":{"renderedLength":4339,"gzipLength":1641,"brotliLength":0,"metaUid":"fe312da0-22"},"fe312da0-25":{"renderedLength":86,"gzipLength":98,"brotliLength":0,"metaUid":"fe312da0-24"},"fe312da0-27":{"renderedLength":1892,"gzipLength":810,"brotliLength":0,"metaUid":"fe312da0-26"},"fe312da0-29":{"renderedLength":1858,"gzipLength":825,"brotliLength":0,"metaUid":"fe312da0-28"},"fe312da0-31":{"renderedLength":1096,"gzipLength":603,"brotliLength":0,"metaUid":"fe312da0-30"},"fe312da0-33":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"fe312da0-32"}},"nodeMetas":{"fe312da0-0":{"id":"/src/lifecycle.ts","moduleParts":{"index.js":"fe312da0-1"},"imported":[],"importedBy":[{"uid":"fe312da0-32"},{"uid":"fe312da0-2"},{"uid":"fe312da0-4"},{"uid":"fe312da0-12"}]},"fe312da0-2":{"id":"/src/component.ts","moduleParts":{"index.js":"fe312da0-3"},"imported":[{"uid":"fe312da0-0"}],"importedBy":[{"uid":"fe312da0-32"},{"uid":"fe312da0-12"}]},"fe312da0-4":{"id":"/src/context.ts","moduleParts":{"index.js":"fe312da0-5"},"imported":[{"uid":"fe312da0-0"}],"importedBy":[{"uid":"fe312da0-32"}]},"fe312da0-6":{"id":"/src/h.ts","moduleParts":{"index.js":"fe312da0-7"},"imported":[],"importedBy":[{"uid":"fe312da0-32"},{"uid":"fe312da0-8"},{"uid":"fe312da0-16"},{"uid":"fe312da0-30"}]},"fe312da0-8":{"id":"/src/dynamic.ts","moduleParts":{"index.js":"fe312da0-9"},"imported":[{"uid":"fe312da0-6"}],"importedBy":[{"uid":"fe312da0-32"}]},"fe312da0-10":{"id":"/src/telemetry.ts","moduleParts":{"index.js":"fe312da0-11"},"imported":[],"importedBy":[{"uid":"fe312da0-32"},{"uid":"fe312da0-12"}]},"fe312da0-12":{"id":"/src/error-boundary.ts","moduleParts":{"index.js":"fe312da0-13"},"imported":[{"uid":"fe312da0-34"},{"uid":"fe312da0-2"},{"uid":"fe312da0-0"},{"uid":"fe312da0-10"}],"importedBy":[{"uid":"fe312da0-32"}]},"fe312da0-14":{"id":"/src/for.ts","moduleParts":{"index.js":"fe312da0-15"},"imported":[],"importedBy":[{"uid":"fe312da0-32"}]},"fe312da0-16":{"id":"/src/lazy.ts","moduleParts":{"index.js":"fe312da0-17"},"imported":[{"uid":"fe312da0-34"},{"uid":"fe312da0-6"}],"importedBy":[{"uid":"fe312da0-32"}]},"fe312da0-18":{"id":"/src/map-array.ts","moduleParts":{"index.js":"fe312da0-19"},"imported":[],"importedBy":[{"uid":"fe312da0-32"}]},"fe312da0-20":{"id":"/src/portal.ts","moduleParts":{"index.js":"fe312da0-21"},"imported":[],"importedBy":[{"uid":"fe312da0-32"}]},"fe312da0-22":{"id":"/src/props.ts","moduleParts":{"index.js":"fe312da0-23"},"imported":[],"importedBy":[{"uid":"fe312da0-32"}]},"fe312da0-24":{"id":"/src/ref.ts","moduleParts":{"index.js":"fe312da0-25"},"imported":[],"importedBy":[{"uid":"fe312da0-32"}]},"fe312da0-26":{"id":"/src/show.ts","moduleParts":{"index.js":"fe312da0-27"},"imported":[],"importedBy":[{"uid":"fe312da0-32"}]},"fe312da0-28":{"id":"/src/style.ts","moduleParts":{"index.js":"fe312da0-29"},"imported":[],"importedBy":[{"uid":"fe312da0-32"}]},"fe312da0-30":{"id":"/src/suspense.ts","moduleParts":{"index.js":"fe312da0-31"},"imported":[{"uid":"fe312da0-6"}],"importedBy":[{"uid":"fe312da0-32"}]},"fe312da0-32":{"id":"/src/index.ts","moduleParts":{"index.js":"fe312da0-33"},"imported":[{"uid":"fe312da0-2"},{"uid":"fe312da0-4"},{"uid":"fe312da0-8"},{"uid":"fe312da0-12"},{"uid":"fe312da0-14"},{"uid":"fe312da0-6"},{"uid":"fe312da0-16"},{"uid":"fe312da0-0"},{"uid":"fe312da0-18"},{"uid":"fe312da0-20"},{"uid":"fe312da0-22"},{"uid":"fe312da0-24"},{"uid":"fe312da0-26"},{"uid":"fe312da0-28"},{"uid":"fe312da0-30"},{"uid":"fe312da0-10"}],"importedBy":[],"isEntry":true},"fe312da0-34":{"id":"@pyreon/reactivity","moduleParts":{},"imported":[],"importedBy":[{"uid":"fe312da0-12"},{"uid":"fe312da0-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":"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 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":"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 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":"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 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;
@@ -157,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
 /**
@@ -191,7 +265,7 @@ function setContextStackProvider(fn) {
 function getStack() {
 	return _stackProvider();
 }
-import.meta.env?.DEV;
+process.env.NODE_ENV;
 function pushContext(values) {
 	getStack().push(values);
 }
@@ -248,23 +322,50 @@ 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
-/** Marker for fragment nodes — renders children without a wrapper element */
-const Fragment = Symbol("Pyreon.Fragment");
+/**
+* Marker for fragment nodes — renders children without a wrapper element.
+*
+* MUST use `Symbol.for(...)` (global registry, keyed by string), NOT
+* `Symbol(...)` (fresh per evaluation). `h.ts` is inlined into BOTH the
+* main `lib/index.js` and the `lib/jsx-runtime.js` published bundles —
+* each bundle's evaluation of a bare `Symbol(...)` would produce a
+* DISTINCT Symbol identity. JSX `<>` compiles to `jsx(Fragment, ...)` and
+* resolves to jsx-runtime's identity; `runtime-server` checks
+* `vnode.type === Fragment` against the main-entry identity. Mismatch
+* fell through to `renderElement` and crashed SSG with
+* `TypeError: Cannot convert a Symbol value to a string`.
+* `Symbol.for()` keys by string in a global registry shared across all
+* bundle evaluations — same identity everywhere.
+*/
+const Fragment = Symbol.for("Pyreon.Fragment");
 /**
 * Hyperscript function — the compiled output of JSX.
 * `<div class="x">hello</div>` → `h("div", { class: "x" }, "hello")`
@@ -295,12 +396,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
@@ -308,10 +411,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);
 	};
@@ -325,10 +435,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.
@@ -376,6 +498,7 @@ function ErrorBoundary(props) {
 		return typeof ch === "function" ? ch() : ch;
 	};
 }
+nativeCompat(ErrorBoundary);
 
 //#endregion
 //#region src/for.ts
@@ -637,6 +760,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.
 *
@@ -651,7 +777,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.
@@ -691,7 +817,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;
 	});
@@ -781,7 +908,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.
 *
@@ -809,5 +936,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

@@ -1,6 +1,20 @@
 //#region src/h.ts
-/** Marker for fragment nodes — renders children without a wrapper element */
-const Fragment = Symbol("Pyreon.Fragment");
+/**
+* Marker for fragment nodes — renders children without a wrapper element.
+*
+* MUST use `Symbol.for(...)` (global registry, keyed by string), NOT
+* `Symbol(...)` (fresh per evaluation). `h.ts` is inlined into BOTH the
+* main `lib/index.js` and the `lib/jsx-runtime.js` published bundles —
+* each bundle's evaluation of a bare `Symbol(...)` would produce a
+* DISTINCT Symbol identity. JSX `<>` compiles to `jsx(Fragment, ...)` and
+* resolves to jsx-runtime's identity; `runtime-server` checks
+* `vnode.type === Fragment` against the main-entry identity. Mismatch
+* fell through to `renderElement` and crashed SSG with
+* `TypeError: Cannot convert a Symbol value to a string`.
+* `Symbol.for()` keys by string in a global registry shared across all
+* bundle evaluations — same identity everywhere.
+*/
+const Fragment = Symbol.for("Pyreon.Fragment");
 /**
 * Hyperscript function — the compiled output of JSX.
 * `<div class="x">hello</div>` → `h("div", { class: "x" }, "hello")`
@@ -37,6 +51,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

@@ -1,6 +1,20 @@
 //#region src/h.ts
-/** Marker for fragment nodes — renders children without a wrapper element */
-const Fragment = Symbol("Pyreon.Fragment");
+/**
+* Marker for fragment nodes — renders children without a wrapper element.
+*
+* MUST use `Symbol.for(...)` (global registry, keyed by string), NOT
+* `Symbol(...)` (fresh per evaluation). `h.ts` is inlined into BOTH the
+* main `lib/index.js` and the `lib/jsx-runtime.js` published bundles —
+* each bundle's evaluation of a bare `Symbol(...)` would produce a
+* DISTINCT Symbol identity. JSX `<>` compiles to `jsx(Fragment, ...)` and
+* resolves to jsx-runtime's identity; `runtime-server` checks
+* `vnode.type === Fragment` against the main-entry identity. Mismatch
+* fell through to `renderElement` and crashed SSG with
+* `TypeError: Cannot convert a Symbol value to a string`.
+* `Symbol.for()` keys by string in a global registry shared across all
+* bundle evaluations — same identity everywhere.
+*/
+const Fragment = Symbol.for("Pyreon.Fragment");
 /**
 * Hyperscript function — the compiled output of JSX.
 * `<div class="x">hello</div>` → `h("div", { class: "x" }, "hello")`
@@ -37,6 +51,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;