@pyreon/elements 0.13.1 → 0.15.0

package/src/__tests__/perf-stress.browser.test.tsx

@@ -0,0 +1,119 @@
+/**
+ * Wall-clock stress benchmark for the Element + Wrapper + Styled stack.
+ *
+ * Runs in real Chromium. Goal: surface a measurable wall-clock delta that
+ * synthetic counter probes (happy-dom + mountChild) miss. Specifically
+ * targets the path where Pyreon's 9ms benchmark numbers come from — the
+ * mount-pipeline + styler-resolve composition.
+ *
+ * Each test mounts N components, disposes, and reports median wall-clock
+ * across 5 measured iterations after warmup. Variance ≤ 15% on stable runs.
+ */
+import { h, type VNodeChild } from '@pyreon/core'
+import { mount } from '@pyreon/runtime-dom'
+import { flush, mountInBrowser } from '@pyreon/test-utils/browser'
+import { describe, expect, it } from 'vitest'
+import Element from '../Element/component'
+
+interface Bench {
+  median: number
+  min: number
+  max: number
+  runs: number[]
+}
+
+async function benchmark(N: number, mountFn: (root: Element, i: number) => () => void): Promise<Bench> {
+  const { container, unmount: cleanup } = mountInBrowser(h('div', { id: 'bench-root' }))
+  const root = container.querySelector('#bench-root')!
+
+  // Warmup — primes the styler sheet cache + GC any dead objects from prior runs.
+  for (let w = 0; w < 50; w++) {
+    const dispose = mountFn(root, w)
+    dispose()
+  }
+  await flush()
+
+  const runs: number[] = []
+  for (let r = 0; r < 5; r++) {
+    const t0 = performance.now()
+    const disposers: Array<() => void> = []
+    for (let i = 0; i < N; i++) disposers.push(mountFn(root, i))
+    for (const d of disposers) d()
+    runs.push(performance.now() - t0)
+    await flush()
+  }
+  cleanup()
+
+  const sorted = [...runs].sort((a, b) => a - b)
+  const median = sorted[2] as number
+  const min = sorted[0] as number
+  const max = sorted[4] as number
+  return { median, min, max, runs }
+}
+
+describe('Element + stack stress benchmark', () => {
+  it('500 bare Element mounts (mount + dispose, batched)', async () => {
+    const bench = await benchmark(500, (root, i) => mount(h(Element, null, `item-${i}`), root))
+    // oxlint-disable-next-line no-console
+    console.log(
+      `[stress] 500 bare Element: median=${bench.median.toFixed(2)}ms, runs=[${bench.runs.map((r) => r.toFixed(1)).join(', ')}]`,
+    )
+    expect(bench.median).toBeLessThan(200)
+  })
+
+  it('500 Element with css prop (exercises extendCss path)', async () => {
+    const bench = await benchmark(500, (root, i) =>
+      mount(
+        h(Element, { css: { color: 'red', padding: 8 } as unknown as Record<string, unknown> }, `item-${i}`),
+        root,
+      ),
+    )
+    // oxlint-disable-next-line no-console
+    console.log(
+      `[stress] 500 Element + css: median=${bench.median.toFixed(2)}ms, runs=[${bench.runs.map((r) => r.toFixed(1)).join(', ')}]`,
+    )
+    expect(bench.median).toBeLessThan(500)
+  })
+
+  it('depth-10 Element nesting × 50 mounts', async () => {
+    const buildDepth = (n: number, label: string): VNodeChild => {
+      if (n === 0) return label
+      return h(Element, null, buildDepth(n - 1, label))
+    }
+    const bench = await benchmark(50, (root, i) =>
+      mount(buildDepth(10, `leaf-${i}`) as unknown as Parameters<typeof mount>[0], root),
+    )
+    // oxlint-disable-next-line no-console
+    console.log(
+      `[stress] 50 depth-10: median=${bench.median.toFixed(2)}ms, runs=[${bench.runs.map((r) => r.toFixed(1)).join(', ')}]`,
+    )
+    expect(bench.median).toBeLessThan(500)
+  })
+
+  // Larger workload — clearer signal-to-noise. Mount + dispose 5000 elements.
+  it('5000 Element mounts — large workload, clearer wall-clock signal', async () => {
+    const bench = await benchmark(5000, (root, i) => mount(h(Element, null, `item-${i}`), root))
+    // oxlint-disable-next-line no-console
+    console.log(
+      `[stress] 5000 bare Element: median=${bench.median.toFixed(2)}ms, runs=[${bench.runs.map((r) => r.toFixed(1)).join(', ')}]`,
+    )
+    expect(bench.median).toBeLessThan(2000)
+  })
+
+  // One-shot single-tree mount: reflects real-app cold-mount cost.
+  it('single one-shot mount of a 500-Element tree', async () => {
+    const bench = await benchmark(1, (root) => {
+      const tree = h(
+        'div',
+        null,
+        ...Array.from({ length: 500 }, (_, i) => h(Element, null, `child-${i}`)),
+      )
+      return mount(tree, root)
+    })
+    // oxlint-disable-next-line no-console
+    console.log(
+      `[stress] 500-child tree mount: median=${bench.median.toFixed(2)}ms, runs=[${bench.runs.map((r) => r.toFixed(1)).join(', ')}]`,
+    )
+    expect(bench.median).toBeLessThan(1000)
+  })
+})

package/src/__tests__/responsiveProps.test.ts

@@ -7,6 +7,37 @@ import Wrapper from '../helpers/Wrapper/component'
 
 const asVNode = (v: unknown) => v as VNode
 
+// See Element.test.ts for context — Element's simple-element fast path moves
+// layout props from `result.props.{tag, direction, …}` to
+// `result.props.{as, $element.direction, …}`. This helper reads from
+// whichever shape the result is in.
+const getLayoutProps = (result: VNode): Record<string, unknown> => {
+  const p = result.props as Record<string, unknown>
+  if (p.$element && typeof p.$element === 'object') {
+    const el = p.$element as Record<string, unknown>
+    return {
+      tag: p.as,
+      direction: el.direction,
+      alignX: el.alignX,
+      alignY: el.alignY,
+      block: el.block,
+      equalCols: el.equalCols,
+      extendCss: el.extraStyles,
+      isInline: undefined,
+    }
+  }
+  return {
+    tag: p.tag,
+    direction: p.direction,
+    alignX: p.alignX,
+    alignY: p.alignY,
+    block: p.block,
+    equalCols: p.equalCols,
+    extendCss: p.extendCss,
+    isInline: p.isInline,
+  }
+}
+
 const getContentSlots = (result: VNode): VNode[] => {
   const children = result.props.children
   if (!Array.isArray(children)) return []
@@ -20,17 +51,17 @@ describe('Element responsive props', () => {
   describe('single values', () => {
     it('renders with alignX as string', () => {
       const result = asVNode(Element({ alignX: 'center', children: 'content' }))
-      expect(result.type).toBe(Wrapper)
+      expect(typeof result.type).toBe("function")
     })
 
     it('renders with alignY as string', () => {
       const result = asVNode(Element({ alignY: 'top', children: 'content' }))
-      expect(result.type).toBe(Wrapper)
+      expect(typeof result.type).toBe("function")
     })
 
     it('renders with direction as string', () => {
       const result = asVNode(Element({ direction: 'rows', children: 'content' }))
-      expect(result.type).toBe(Wrapper)
+      expect(typeof result.type).toBe("function")
     })
 
     it('renders with gap as number', () => {
@@ -42,13 +73,13 @@ describe('Element responsive props', () => {
           children: 'content',
         }),
       )
-      expect(result.type).toBe(Wrapper)
+      expect(typeof result.type).toBe("function")
     })
 
     it('renders with block as boolean', () => {
       const result = asVNode(Element({ block: true, children: 'content' }))
-      expect(result.type).toBe(Wrapper)
-      expect(result.props.block).toBe(true)
+      expect(typeof result.type).toBe("function")
+      expect(getLayoutProps(result).block).toBe(true)
     })
 
     it('renders with equalCols as boolean', () => {
@@ -60,7 +91,7 @@ describe('Element responsive props', () => {
           children: 'content',
         }),
       )
-      expect(result.type).toBe(Wrapper)
+      expect(typeof result.type).toBe("function")
     })
   })
 
@@ -69,19 +100,19 @@ describe('Element responsive props', () => {
       const result = asVNode(
         Element({ alignX: ['left', 'center', 'right'] as any, children: 'content' }),
       )
-      expect(result.type).toBe(Wrapper)
+      expect(typeof result.type).toBe("function")
     })
 
     it('renders with alignY as array', () => {
       const result = asVNode(
         Element({ alignY: ['top', 'center', 'bottom'] as any, children: 'content' }),
       )
-      expect(result.type).toBe(Wrapper)
+      expect(typeof result.type).toBe("function")
     })
 
     it('renders with direction as array', () => {
       const result = asVNode(Element({ direction: ['rows', 'inline'] as any, children: 'content' }))
-      expect(result.type).toBe(Wrapper)
+      expect(typeof result.type).toBe("function")
     })
 
     it('renders with gap as array', () => {
@@ -92,12 +123,12 @@ describe('Element responsive props', () => {
           children: 'content',
         }),
       )
-      expect(result.type).toBe(Wrapper)
+      expect(typeof result.type).toBe("function")
     })
 
     it('renders with block as array', () => {
       const result = asVNode(Element({ block: [false, true] as any, children: 'content' }))
-      expect(result.type).toBe(Wrapper)
+      expect(typeof result.type).toBe("function")
     })
 
     it('renders with equalCols as array', () => {
@@ -109,7 +140,7 @@ describe('Element responsive props', () => {
           children: 'content',
         }),
       )
-      expect(result.type).toBe(Wrapper)
+      expect(typeof result.type).toBe("function")
     })
   })
 
@@ -121,14 +152,14 @@ describe('Element responsive props', () => {
           children: 'content',
         }),
       )
-      expect(result.type).toBe(Wrapper)
+      expect(typeof result.type).toBe("function")
     })
 
     it('renders with alignY as breakpoint object', () => {
       const result = asVNode(
         Element({ alignY: { xs: 'top', lg: 'center' } as any, children: 'content' }),
       )
-      expect(result.type).toBe(Wrapper)
+      expect(typeof result.type).toBe("function")
     })
 
     it('renders with direction as breakpoint object', () => {
@@ -138,7 +169,7 @@ describe('Element responsive props', () => {
           children: 'content',
         }),
       )
-      expect(result.type).toBe(Wrapper)
+      expect(typeof result.type).toBe("function")
     })
 
     it('renders with gap as breakpoint object', () => {
@@ -149,14 +180,14 @@ describe('Element responsive props', () => {
           children: 'content',
         }),
       )
-      expect(result.type).toBe(Wrapper)
+      expect(typeof result.type).toBe("function")
     })
 
     it('renders with block as breakpoint object', () => {
       const result = asVNode(
         Element({ block: { xs: false, md: true } as any, children: 'content' }),
       )
-      expect(result.type).toBe(Wrapper)
+      expect(typeof result.type).toBe("function")
     })
   })
 
@@ -174,7 +205,7 @@ describe('Element responsive props', () => {
           children: h('span', { 'data-testid': 'main' }, 'Main'),
         }),
       )
-      expect(result.type).toBe(Wrapper)
+      expect(typeof result.type).toBe("function")
       const slots = getContentSlots(result)
       expect(slots).toHaveLength(3)
     })
@@ -190,7 +221,7 @@ describe('Element responsive props', () => {
           children: h('span', null, 'Main'),
         }),
       )
-      expect(result.type).toBe(Wrapper)
+      expect(typeof result.type).toBe("function")
       const slots = getContentSlots(result)
       expect(slots).toHaveLength(3)
     })
@@ -207,15 +238,15 @@ describe('Element responsive props', () => {
           children: 'content',
         }),
       )
-      expect(result.type).toBe(Wrapper)
+      expect(typeof result.type).toBe("function")
     })
   })
 
   describe('responsive css prop', () => {
     it('renders with css as string', () => {
       const result = asVNode(Element({ css: 'background: red;', children: 'content' }))
-      expect(result.type).toBe(Wrapper)
-      expect(result.props.extendCss).toBe('background: red;')
+      expect(typeof result.type).toBe("function")
+      expect(getLayoutProps(result).extendCss).toBe('background: red;')
     })
 
     it('renders with contentCss', () => {
@@ -226,7 +257,7 @@ describe('Element responsive props', () => {
           children: 'content',
         }),
       )
-      expect(result.type).toBe(Wrapper)
+      expect(typeof result.type).toBe("function")
       const slots = getContentSlots(result)
       const contentSlot = slots.find((v) => v.props.contentType === 'content')
       expect(contentSlot?.props.extendCss).toBe('color: blue;')
@@ -242,7 +273,7 @@ describe('Element responsive props', () => {
           children: 'content',
         }),
       )
-      expect(result.type).toBe(Wrapper)
+      expect(typeof result.type).toBe("function")
       const slots = getContentSlots(result)
       const beforeSlot = slots.find((v) => v.props.contentType === 'before')
       const afterSlot = slots.find((v) => v.props.contentType === 'after')
@@ -273,14 +304,14 @@ describe('Element responsive props', () => {
     for (const value of alignXValues) {
       it(`renders with alignX="${value}"`, () => {
         const result = asVNode(Element({ alignX: value, children: 'content' }))
-        expect(result.type).toBe(Wrapper)
+        expect(typeof result.type).toBe("function")
       })
     }
 
     for (const value of alignYValues) {
       it(`renders with alignY="${value}"`, () => {
         const result = asVNode(Element({ alignY: value, children: 'content' }))
-        expect(result.type).toBe(Wrapper)
+        expect(typeof result.type).toBe("function")
       })
     }
   })
@@ -291,7 +322,7 @@ describe('Element responsive props', () => {
     for (const value of directionValues) {
       it(`renders with direction="${value}"`, () => {
         const result = asVNode(Element({ direction: value, children: 'content' }))
-        expect(result.type).toBe(Wrapper)
+        expect(typeof result.type).toBe("function")
       })
     }
   })

package/src/__tests__/useOverlay.test.ts

@@ -34,7 +34,13 @@ vi.mock('@pyreon/reactivity', () => {
     return s
   }
 
-  return { signal }
+  // See sibling Overlay.test.ts mock: `@pyreon/core` imports
+  // `setSnapshotCapture` and calls it at module load to install the
+  // reactive-effect context-snapshot DI hook. The mock provides a no-op
+  // so the `@pyreon/core` import doesn't throw "No 'setSnapshotCapture'
+  // export is defined on the '@pyreon/reactivity' mock."
+  const setSnapshotCapture = () => {}
+  return { signal, setSnapshotCapture }
 })
 
 vi.mock('@pyreon/core', async (importOriginal) => {

package/src/env.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Minimal process type — just enough for `process.env.NODE_ENV` checks.
+ * Avoids requiring @types/node in consumers that import pyreon source
+ * via the `"bun"` export condition.
+ */
+declare var process: { env: { NODE_ENV?: string } }

package/src/helpers/Wrapper/component.tsx

@@ -5,7 +5,9 @@
  * support `display: flex` consistently across browsers.
  */
 import { splitProps } from '@pyreon/core'
+import { getShouldBeEmpty } from '../../Element/utils'
 import { IS_DEVELOPMENT } from '../../utils'
+import { internElementBundle } from '../internElementBundle'
 import Styled from './styled'
 import type { Props } from './types'
 import { isWebFixNeeded } from './utils'
@@ -41,46 +43,49 @@ const Component = (props: Partial<Props> & { ref?: unknown }) => {
 
   const needsFix = !own.dangerouslySetInnerHTML && isWebFixNeeded(own.tag)
 
+  // Void HTML elements (hr, input, img, br, …) cannot have children. Even
+  // a falsy `{own.children}` slot becomes `[undefined]` in the vnode and
+  // trips runtime-dom's void-element warning. Element already skips passing
+  // children to Wrapper for void tags; this guard makes sure the empty
+  // slot is dropped here too instead of leaking into the JSX.
+  const isVoidTag = !own.dangerouslySetInnerHTML && getShouldBeEmpty(own.tag)
+
   if (!needsFix) {
+    const bundle = internElementBundle({
+      block: own.block,
+      direction: own.direction,
+      alignX: own.alignX,
+      alignY: own.alignY,
+      equalCols: own.equalCols,
+      extraStyles: own.extendCss,
+    })
+    if (isVoidTag) {
+      return <Styled {...commonProps} $element={bundle} />
+    }
     return (
-      <Styled
-        {...commonProps}
-        $element={{
-          block: own.block,
-          direction: own.direction,
-          alignX: own.alignX,
-          alignY: own.alignY,
-          equalCols: own.equalCols,
-          extraStyles: own.extendCss,
-        }}
-      >
+      <Styled {...commonProps} $element={bundle}>
         {own.children}
       </Styled>
     )
   }
 
   const asTag = own.isInline ? 'span' : 'div'
+  const parentBundle = internElementBundle({
+    parentFix: true as const,
+    block: own.block,
+    extraStyles: own.extendCss,
+  })
+  const childBundle = internElementBundle({
+    childFix: true as const,
+    direction: own.direction,
+    alignX: own.alignX,
+    alignY: own.alignY,
+    equalCols: own.equalCols,
+  })
 
   return (
-    <Styled
-      {...commonProps}
-      $element={{
-        parentFix: true as const,
-        block: own.block,
-        extraStyles: own.extendCss,
-      }}
-    >
-      <Styled
-        as={asTag}
-        $childFix
-        $element={{
-          childFix: true as const,
-          direction: own.direction,
-          alignX: own.alignX,
-          alignY: own.alignY,
-          equalCols: own.equalCols,
-        }}
-      >
+    <Styled {...commonProps} $element={parentBundle}>
+      <Styled as={asTag} $childFix $element={childBundle}>
         {own.children}
       </Styled>
     </Styled>

package/src/helpers/internElementBundle.ts

@@ -0,0 +1,37 @@
+/**
+ * Module-scope intern cache for `$element` bundles passed to Wrapper's styled
+ * component. Same primitive prop tuple → same object identity, so the styler's
+ * `elClassCache` (added 2026-Q2 alongside this) hits and skips the resolve
+ * pipeline. Analogous to `@pyreon/rocketstyle`'s dimension-prop memo (PR #344)
+ * but at the layer below — covers non-rocketstyle Element / Wrapper / Text usage
+ * AND the residual styled wrappers under any rocketstyle component.
+ *
+ * Cache key is a JSON-stringified shallow snapshot of the bundle. LRU-bound at
+ * 256 entries; oldest-first eviction. Bail (return the input as-is, no cache)
+ * when any value is a function (signal accessor) or a non-string object (CSS
+ * callback / CSSResult / nested object) — those cannot be safely round-tripped
+ * through JSON without losing identity guarantees.
+ */
+const _bundleCache = new Map<string, Record<string, unknown>>()
+const BUNDLE_CAP = 256
+
+export const internElementBundle = <T extends Record<string, unknown>>(bundle: T): T => {
+  for (const k in bundle) {
+    const v = bundle[k]
+    if (typeof v === 'function') return bundle
+    if (v != null && typeof v === 'object') return bundle
+  }
+  const key = JSON.stringify(bundle)
+  const existing = _bundleCache.get(key)
+  if (existing) {
+    _bundleCache.delete(key)
+    _bundleCache.set(key, existing)
+    return existing as T
+  }
+  if (_bundleCache.size >= BUNDLE_CAP) {
+    const oldest = _bundleCache.keys().next().value
+    if (oldest !== undefined) _bundleCache.delete(oldest)
+  }
+  _bundleCache.set(key, bundle)
+  return bundle
+}

package/src/utils.ts

@@ -2,7 +2,4 @@
 // literal-replaced so prod bundles tree-shake the dev branch to zero bytes.
 // Typed through a narrowing interface so downstream packages don't need
 // `vite/client` in their tsconfigs to type-check this file transitively.
-interface ViteMeta {
-  readonly env?: { readonly DEV?: boolean }
-}
-export const IS_DEVELOPMENT: boolean = (import.meta as ViteMeta).env?.DEV === true
+export const IS_DEVELOPMENT: boolean = process.env.NODE_ENV !== 'production'

package/lib/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index2.d.ts","names":[],"sources":["../../src/types.ts","../../src/Element/types.ts","../../src/Element/component.tsx","../../src/helpers/Iterator/types.ts","../../src/helpers/Iterator/component.tsx","../../src/List/component.tsx","../../src/Overlay/context.tsx","../../src/Overlay/positioning.ts","../../src/Overlay/useOverlay.tsx","../../src/Overlay/component.tsx","../../src/Portal/component.tsx","../../src/Text/component.tsx","../../src/Util/component.tsx"],"mappings":"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"}