@pyreon/runtime-dom 0.12.10 → 0.12.12

package/lib/types/index.d.ts

@@ -269,6 +269,20 @@ declare function _bindDirect(source: {
  * })
  */
 declare function _tpl(html: string, bind: (el: HTMLElement) => (() => void) | null): NativeItem;
+/**
+ * Mount a children slot inside a template.
+ *
+ * Compiler emits this instead of `createTextNode()` when it detects a
+ * children expression (`props.children`, `own.children`). Unlike text nodes,
+ * children can be VNodes, arrays, or reactive accessors — all handled by
+ * `mountChild()`.
+ *
+ * @param children - The children value (VNode, string, array, or accessor)
+ * @param parent - The parent element in the cloned template
+ * @param placeholder - The comment placeholder node to replace
+ * @returns Cleanup function
+ */
+declare function _mountSlot(children: VNodeChild | VNodeChild[], parent: Node, placeholder: Node): (() => void) | null;
 //#endregion
 //#region src/transition.d.ts
 interface TransitionProps {
@@ -396,5 +410,5 @@ declare function mount(root: VNodeChild, container: Element): () => void;
 /** Alias for `mount` */
 declare const render: typeof mount;
 //#endregion
-export { DELEGATED_EVENTS, type DevtoolsComponentEntry, KeepAlive, type KeepAliveProps, type PyreonDevtools, type SanitizeFn, Transition, TransitionGroup, type TransitionGroupProps, type TransitionProps, applyProps as _applyProps, applyProps, _bindDirect, _bindText, _tpl, applyProp, createTemplate, delegatedPropName, disableHydrationWarnings, enableHydrationWarnings, hydrateRoot, mount, mountChild, render, sanitizeHtml, setSanitizer, setupDelegation };
+export { DELEGATED_EVENTS, type DevtoolsComponentEntry, KeepAlive, type KeepAliveProps, type PyreonDevtools, type SanitizeFn, Transition, TransitionGroup, type TransitionGroupProps, type TransitionProps, applyProps as _applyProps, applyProps, _bindDirect, _bindText, _mountSlot, _tpl, applyProp, createTemplate, delegatedPropName, disableHydrationWarnings, enableHydrationWarnings, hydrateRoot, mount, mountChild, render, sanitizeHtml, setSanitizer, setupDelegation };
 //# sourceMappingURL=index2.d.ts.map

package/lib/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index2.d.ts","names":[],"sources":["../../../src/delegate.ts","../../../src/devtools.ts","../../../src/hydrate.ts","../../../src/hydration-debug.ts","../../../src/keep-alive.ts","../../../src/mount.ts","../../../src/props.ts","../../../src/template.ts","../../../src/transition.ts","../../../src/transition-group.ts","../../../src/index.ts"],"mappings":"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"}
+{"version":3,"file":"index2.d.ts","names":[],"sources":["../../../src/delegate.ts","../../../src/devtools.ts","../../../src/hydrate.ts","../../../src/hydration-debug.ts","../../../src/keep-alive.ts","../../../src/mount.ts","../../../src/props.ts","../../../src/template.ts","../../../src/transition.ts","../../../src/transition-group.ts","../../../src/index.ts"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pyreon/runtime-dom",
-  "version": "0.12.10",
+  "version": "0.12.12",
   "description": "DOM renderer for Pyreon",
   "homepage": "https://github.com/pyreon/pyreon/tree/main/packages/runtime-dom#readme",
   "bugs": {
@@ -42,13 +42,13 @@
     "prepublishOnly": "bun run build"
   },
   "dependencies": {
-    "@pyreon/core": "^0.12.10",
-    "@pyreon/reactivity": "^0.12.10"
+    "@pyreon/core": "^0.12.12",
+    "@pyreon/reactivity": "^0.12.12"
   },
   "devDependencies": {
     "@happy-dom/global-registrator": "^20.8.9",
-    "@pyreon/compiler": "^0.12.10",
-    "@pyreon/runtime-server": "^0.12.10",
+    "@pyreon/compiler": "^0.12.12",
+    "@pyreon/runtime-server": "^0.12.12",
     "happy-dom": "^20.8.3"
   }
 }

package/src/hydration-debug.ts

@@ -9,7 +9,10 @@
  * enableHydrationWarnings()
  */
 
-const __DEV__ = typeof process !== 'undefined' && process.env.NODE_ENV !== 'production'
+// Dev-mode gate: see `pyreon/no-process-dev-gate` lint rule for why this
+// uses `import.meta.env.DEV` instead of `typeof process !== 'undefined'`.
+// @ts-ignore — `import.meta.env.DEV` is provided by Vite/Rolldown at build time
+const __DEV__ = import.meta.env?.DEV === true
 
 let _enabled = __DEV__
 

package/src/index.ts

@@ -9,7 +9,7 @@ export { KeepAlive } from './keep-alive'
 export { mountChild } from './mount'
 export type { SanitizeFn } from './props'
 export { applyProp, applyProps, applyProps as _applyProps, sanitizeHtml, setSanitizer } from './props'
-export { _bindDirect, _bindText, _tpl, createTemplate } from './template'
+export { _bindDirect, _bindText, _mountSlot, _tpl, createTemplate } from './template'
 export type { TransitionProps } from './transition'
 export { Transition } from './transition'
 export type { TransitionGroupProps } from './transition-group'
@@ -20,7 +20,10 @@ import { setupDelegation } from './delegate'
 import { installDevTools } from './devtools'
 import { mountChild } from './mount'
 
-const __DEV__ = typeof process !== 'undefined' && process.env.NODE_ENV !== 'production'
+// Dev-mode gate: see `pyreon/no-process-dev-gate` lint rule for why this
+// uses `import.meta.env.DEV` instead of `typeof process !== 'undefined'`.
+// @ts-ignore — `import.meta.env.DEV` is provided by Vite/Rolldown at build time
+const __DEV__ = import.meta.env?.DEV === true
 
 /**
  * Mount a VNode tree into a container element.

package/src/mount.ts

@@ -23,7 +23,10 @@ import { registerComponent, unregisterComponent } from './devtools'
 import { mountFor, mountKeyedList, mountReactive } from './nodes'
 import { applyProps } from './props'
 
-const __DEV__ = typeof process !== 'undefined' && process.env.NODE_ENV !== 'production'
+// Dev-mode gate: see `pyreon/no-process-dev-gate` lint rule for why this
+// uses `import.meta.env.DEV` instead of `typeof process !== 'undefined'`.
+// @ts-ignore — `import.meta.env.DEV` is provided by Vite/Rolldown at build time
+const __DEV__ = import.meta.env?.DEV === true
 
 type Cleanup = () => void
 const noop: Cleanup = () => {
@@ -353,9 +356,12 @@ function mountComponent(
           'Components must be synchronous — use lazy() + Suspense for async loading, ' +
           'or fetch data in onMount and store it in a signal.',
       )
-    } else if (!('type' in output)) {
+    } else if (!('type' in output) && !Array.isArray(output) && !((output as any).__isNative)) {
+      // Objects without `type` that are NOT arrays (valid VNodeChild[])
+      // and NOT NativeItems (from _tpl()) are invalid. Arrays come from
+      // Fragment returns, NativeItems come from compiled templates.
       console.warn(
-        `[Pyreon] Component <${componentName}> returned an invalid value. Components must return a VNode, string, null, or function.`,
+        `[Pyreon] Component <${componentName}> returned an invalid value. Components must return a VNode, string, null, function, or array.`,
       )
     }
   }

package/src/nodes.ts

@@ -5,7 +5,10 @@ type MountFn = (child: VNodeChild, parent: Node, anchor: Node | null) => Cleanup
 
 import { effect, runUntracked } from '@pyreon/reactivity'
 
-const __DEV__ = typeof process !== 'undefined' && process.env.NODE_ENV !== 'production'
+// Dev-mode gate: see `pyreon/no-process-dev-gate` lint rule for why this
+// uses `import.meta.env.DEV` instead of `typeof process !== 'undefined'`.
+// @ts-ignore — `import.meta.env.DEV` is provided by Vite/Rolldown at build time
+const __DEV__ = import.meta.env?.DEV === true
 
 type Cleanup = () => void
 
@@ -68,11 +71,12 @@ export function mountReactive(
       /* noop */
     }
     const value = accessor()
-    if (__DEV__ && typeof value === 'function') {
-      console.warn(
-        '[Pyreon] Reactive accessor returned a function instead of a value. Did you forget to call the signal?',
-      )
-    }
+    // Note: typeof value === 'function' is a VALID return from a reactive
+    // accessor — it represents a nested `() => VNodeChild` accessor (the
+    // conditional rendering pattern: `{() => show() ? <A /> : null}`).
+    // mountChild handles function children by calling them reactively.
+    // Do NOT warn on function returns — they are handled correctly at
+    // runtime by mountChild's function branch (line 58 above).
     if (value != null && value !== false) {
       // Mount children UNTRACKED — signal reads during child component
       // setup (useContext, useTheme, etc.) must NOT subscribe this

package/src/props.ts

@@ -6,7 +6,10 @@ import { DELEGATED_EVENTS, delegatedPropName } from './delegate'
 
 type Cleanup = () => void
 
-const __DEV__ = typeof process !== 'undefined' && process.env.NODE_ENV !== 'production'
+// Dev-mode gate: see `pyreon/no-process-dev-gate` lint rule for why this
+// uses `import.meta.env.DEV` instead of `typeof process !== 'undefined'`.
+// @ts-ignore — `import.meta.env.DEV` is provided by Vite/Rolldown at build time
+const __DEV__ = import.meta.env?.DEV === true
 
 // ─── Configurable sanitizer ──────────────────────────────────────────────────
 
@@ -316,6 +319,19 @@ function setStaticProp(el: Element, key: string, value: unknown): void {
     return
   }
 
+  // SVG and MathML elements: ALWAYS use setAttribute. Many of their
+  // properties are read-only `SVGAnimated*` getters (e.g.
+  // `SVGMarkerElement.refX`, `SVGMarkerElement.markerWidth`,
+  // `SVGRectElement.x`, etc.). Trying `el[key] = value` on those
+  // crashes with "Cannot set property X of [object Object] which has
+  // only a getter". The standard React/Vue/Solid behavior is to
+  // skip the property assignment optimization for non-HTML elements
+  // and always go through setAttribute.
+  if (el.namespaceURI && el.namespaceURI !== 'http://www.w3.org/1999/xhtml') {
+    el.setAttribute(key, String(value))
+    return
+  }
+
   if (key in el) {
     ;(el as unknown as Record<string, unknown>)[key] = value
     return

package/src/template.ts

@@ -1,5 +1,6 @@
-import type { NativeItem } from '@pyreon/core'
+import type { NativeItem, VNodeChild } from '@pyreon/core'
 import { renderEffect } from '@pyreon/reactivity'
+import { mountChild } from './mount'
 
 /**
  * Creates a row/item factory backed by HTML template cloning.
@@ -151,3 +152,30 @@ export function _tpl(html: string, bind: (el: HTMLElement) => (() => void) | nul
   const cleanup = bind(el)
   return { __isNative: true, el, cleanup }
 }
+
+/**
+ * Mount a children slot inside a template.
+ *
+ * Compiler emits this instead of `createTextNode()` when it detects a
+ * children expression (`props.children`, `own.children`). Unlike text nodes,
+ * children can be VNodes, arrays, or reactive accessors — all handled by
+ * `mountChild()`.
+ *
+ * @param children - The children value (VNode, string, array, or accessor)
+ * @param parent - The parent element in the cloned template
+ * @param placeholder - The comment placeholder node to replace
+ * @returns Cleanup function
+ */
+export function _mountSlot(
+  children: VNodeChild | VNodeChild[],
+  parent: Node,
+  placeholder: Node,
+): (() => void) | null {
+  if (children == null || children === false || children === true) {
+    parent.removeChild(placeholder)
+    return null
+  }
+  const cleanup = mountChild(children, parent, placeholder)
+  parent.removeChild(placeholder)
+  return cleanup
+}

package/src/tests/coverage-gaps.test.ts

@@ -484,17 +484,20 @@ describe('nodes.ts — LIS array growth and dev warnings', () => {
     el.remove()
   })
 
-  test('mountReactive — __DEV__ warning when accessor returns function', () => {
+  test('mountReactive — accessor returning function is valid (no warning)', () => {
     const el = container()
     const warnSpy = vi.spyOn(console, 'warn').mockImplementation(() => {})
 
-    // Reactive accessor that returns a function (not a value) — dev warning
-    const badAccessor = () => (() => 'oops') as unknown as VNodeChild
-    mount(h('div', null, badAccessor as VNodeChild), el)
+    // Reactive accessor that returns a function — this IS valid in Pyreon.
+    // Functions are a valid VNodeChild form (() => VNodeChildAtom) and are
+    // handled by mountChild's function branch recursively. The previous
+    // warning was a false positive that fired on legitimate conditional
+    // rendering patterns like {() => show() ? <A /> : null}.
+    const accessor = () => (() => 'hello') as unknown as VNodeChild
+    mount(h('div', null, accessor as VNodeChild), el)
 
-    expect(warnSpy).toHaveBeenCalledWith(
-      expect.stringContaining('returned a function instead of a value'),
-    )
+    // No warning should fire — function returns are valid
+    expect(warnSpy).not.toHaveBeenCalled()
     warnSpy.mockRestore()
     el.remove()
   })

package/src/tests/mount.test.ts

@@ -3247,6 +3247,75 @@ describe('mount — SVG namespace', () => {
     expect(rect.namespaceURI).toBe(SVG_NS)
   })
 
+  test('SVG marker mounts cleanly with read-only animated-length attributes', () => {
+    // Regression test for the bug fixed via the SVG namespace
+    // special case in setStaticProp: SVGMarkerElement properties
+    // like markerWidth, markerHeight, refX, refY are read-only
+    // SVGAnimatedLength getters. Before the fix, the runtime tried
+    // `el[key] = value` and crashed with `Cannot set property
+    // markerWidth of [object Object] which has only a getter`.
+    // Same for SVGRectElement.x/y/width/height and many others.
+    //
+    // The fix: SVG and MathML elements always go through
+    // setAttribute() instead of property assignment. This test
+    // mounts a marker with all the offending attributes and asserts
+    // they were applied via setAttribute.
+    const el = container()
+    mount(
+      h(
+        'svg',
+        null,
+        h(
+          'defs',
+          null,
+          h(
+            'marker',
+            {
+              id: 'arrowhead',
+              markerWidth: '10',
+              markerHeight: '7',
+              refX: '10',
+              refY: '3.5',
+              orient: 'auto',
+            },
+            h('polygon', { points: '0 0, 10 3.5, 0 7', fill: '#999' }),
+          ),
+        ),
+      ),
+      el,
+    )
+
+    const marker = el.querySelector('marker#arrowhead')
+    expect(marker).not.toBeNull()
+    expect(marker?.getAttribute('markerWidth')).toBe('10')
+    expect(marker?.getAttribute('markerHeight')).toBe('7')
+    expect(marker?.getAttribute('refX')).toBe('10')
+    expect(marker?.getAttribute('refY')).toBe('3.5')
+    expect(marker?.getAttribute('orient')).toBe('auto')
+  })
+
+  test('SVG rect mounts cleanly with read-only x/y/width/height attributes', () => {
+    // Same regression class as the marker test above. SVGRectElement
+    // exposes x, y, width, height as read-only SVGAnimatedLength.
+    const el = container()
+    mount(
+      h(
+        'svg',
+        null,
+        h('rect', { x: '5', y: '10', width: '100', height: '50', fill: 'red' }),
+      ),
+      el,
+    )
+
+    const rect = el.querySelector('rect')
+    expect(rect).not.toBeNull()
+    expect(rect?.getAttribute('x')).toBe('5')
+    expect(rect?.getAttribute('y')).toBe('10')
+    expect(rect?.getAttribute('width')).toBe('100')
+    expect(rect?.getAttribute('height')).toBe('50')
+    expect(rect?.getAttribute('fill')).toBe('red')
+  })
+
   test('elements outside svg do not get SVG namespace', () => {
     const el = container()
     mount(

package/src/tests/template.test.ts

@@ -192,3 +192,58 @@ describe('_bindDirect', () => {
     expect(el.getAttribute('data-num')).toBe('1')
   })
 })
+
+// ─── _mountSlot ────────────────────────────────────────────────────────────
+
+describe('_mountSlot', async () => {
+  const { _mountSlot } = await import('../template')
+  const { h } = await import('@pyreon/core')
+
+  test('mounts a string child as text', () => {
+    const parent = document.createElement('div')
+    const placeholder = document.createComment('')
+    parent.appendChild(placeholder)
+
+    _mountSlot('hello', parent, placeholder)
+    expect(parent.textContent).toBe('hello')
+  })
+
+  test('mounts a VNode child as DOM element', () => {
+    const parent = document.createElement('div')
+    const placeholder = document.createComment('')
+    parent.appendChild(placeholder)
+
+    const vnode = h('span', { class: 'test' }, 'content')
+    _mountSlot(vnode, parent, placeholder)
+    expect(parent.querySelector('span')).not.toBeNull()
+    expect(parent.querySelector('span')?.textContent).toBe('content')
+    expect(parent.querySelector('span')?.className).toBe('test')
+  })
+
+  test('mounts an array of children', () => {
+    const parent = document.createElement('div')
+    const placeholder = document.createComment('')
+    parent.appendChild(placeholder)
+
+    _mountSlot(['first', ' ', 'second'], parent, placeholder)
+    expect(parent.textContent).toBe('first second')
+  })
+
+  test('handles null/undefined children', () => {
+    const parent = document.createElement('div')
+    const placeholder = document.createComment('')
+    parent.appendChild(placeholder)
+
+    _mountSlot(null, parent, placeholder)
+    expect(parent.childNodes.length).toBe(0)
+  })
+
+  test('handles false/true children', () => {
+    const parent = document.createElement('div')
+    const placeholder = document.createComment('')
+    parent.appendChild(placeholder)
+
+    _mountSlot(false, parent, placeholder)
+    expect(parent.childNodes.length).toBe(0)
+  })
+})

package/src/transition.ts

@@ -2,7 +2,13 @@ import type { Props, VNode, VNodeChild } from '@pyreon/core'
 import { createRef, Fragment, h, onUnmount } from '@pyreon/core'
 import { effect, runUntracked, signal } from '@pyreon/reactivity'
 
-const __DEV__ = typeof process !== 'undefined' && process.env.NODE_ENV !== 'production'
+// Dev-mode gate: `import.meta.env.DEV` is the Vite/Rolldown standard,
+// literal-replaced at build time. The previous `typeof process !== 'undefined'`
+// pattern was dead code in real Vite browser bundles because Vite does not
+// polyfill `process` for the client — every wrapped warning silently never
+// fired in dev. Enforced by the `pyreon/no-process-dev-gate` lint rule.
+// @ts-ignore — `import.meta.env.DEV` is provided by Vite/Rolldown at build time
+const __DEV__ = import.meta.env?.DEV === true
 
 export interface TransitionProps {
   /**