sygnal 5.1.0 → 5.1.2

package/README.md

@@ -21,12 +21,13 @@ A reactive component framework with pure functions, zero side effects, and autom
 **Scaffold a new project:**
 
 ```bash
-npx degit tpresley/sygnal-template my-app
+npm create sygnal-app my-app
 cd my-app
-npm install
 npm run dev
 ```
 
+Choose from Vite (SPA), Vike (SSR), or Astro templates during setup.
+
 **Or add to an existing project:**
 
 ```bash
@@ -386,6 +387,25 @@ import Counter from '../components/Counter.jsx'
 <Counter client:load />
 ```
 
+### Vike Integration
+
+File-based routing with SSR, client-side navigation, and automatic hydration:
+
+```javascript
+// vite.config.js
+import sygnal from 'sygnal/vite'
+import vike from 'vike/plugin'
+export default defineConfig({ plugins: [sygnal({ disableHmr: true }), vike()] })
+```
+
+```javascript
+// pages/+config.js
+import vikeSygnal from 'sygnal/config'
+export default { extends: [vikeSygnal] }
+```
+
+Pages are standard Sygnal components in `pages/*/+Page.jsx`. Supports layouts, data fetching, and SPA mode.
+
 ### TypeScript
 
 Full type definitions included:
@@ -443,6 +463,7 @@ h('div', [h('h1', 'Hello'), h('button.btn', 'Click')])
 |---------|-------------|
 | [Getting Started](./examples/getting-started) | Interactive guide with live demos (Astro) |
 | [Kanban Board](./examples/kanban) | Drag-and-drop with Collections and cross-component communication |
+| [Vike SSR](./examples/vike) | File-based routing with SSR, layouts, and data fetching |
 | [Advanced Features](./examples/advanced-feature-tests) | Portals, slots, disposal, suspense, lazy loading |
 | [TypeScript 2048](./examples/ts-example-2048) | Full game in TypeScript |
 | [AI Discussion Panel](./examples/ai-panel-spa) | Complex SPA with custom drivers |

package/dist/astro/client.cjs.js

@@ -4,7 +4,7 @@ var h = require('snabbdom/build/h');
 var init = require('snabbdom/build/init');
 var tovnode = require('snabbdom/build/tovnode');
 var vnode = require('snabbdom/build/vnode');
-require('snabbdom/build/jsx');
+var jsx = require('snabbdom/build/jsx');
 var _class = require('snabbdom/build/modules/class');
 var props = require('snabbdom/build/modules/props');
 var attributes = require('snabbdom/build/modules/attributes');
@@ -3570,6 +3570,20 @@ function withState(main, name = 'state') {
     };
 }
 
+/**
+ * Local snabbdom re-export barrel.
+ *
+ * Imports from specific snabbdom subpaths instead of the main barrel to avoid
+ * triggering the broken `styleModule` top-level `window` reference in
+ * snabbdom 3.6.3 (which causes ReferenceError in Node.js environments).
+ *
+ * The styleModule is provided separately by ./styleModule.ts with a fixed
+ * window guard.
+ */
+// Core
+// Tag Fragment so we can identify it even after minification mangles Function.name
+jsx.Fragment.__sygnalFragment = true;
+
 function fromEvent(element, eventName, useCapture = false, preventDefault = false, passive = false) {
     let next = null;
     return Stream_1.create({
@@ -5448,7 +5462,18 @@ function wrapDOMSource(domSource) {
         }
     });
 }
-const ABORT = Symbol('ABORT');
+const ABORT = Symbol.for('sygnal.ABORT');
+/**
+ * Check if a value is the ABORT sentinel.
+ * Uses Symbol.for() identity first, then falls back to description check
+ * in case bundlers (e.g. Vite) create duplicate module instances with
+ * separate Symbol.for() registries.
+ */
+function isAbort(value) {
+    if (value === ABORT)
+        return true;
+    return typeof value === 'symbol' && value.description === 'sygnal.ABORT';
+}
 function normalizeCalculatedEntry(field, entry) {
     if (typeof entry === 'function') {
         return { fn: entry, deps: null };
@@ -6170,7 +6195,7 @@ class Component {
                                 const enhancedState = this.addCalculated(_state);
                                 props.state = enhancedState;
                                 const newState = reducer(enhancedState, data, next, props);
-                                if (newState === ABORT)
+                                if (isAbort(newState))
                                     return _state;
                                 return this.cleanupCalculated(newState);
                             }
@@ -6199,7 +6224,7 @@ class Component {
                             return ABORT;
                         }
                     }
-                }).filter((result) => result !== ABORT);
+                }).filter((result) => !isAbort(result));
             }
             else if (reducer === undefined || reducer === true) {
                 returnStream$ = filtered$.map(({ data }) => data);

package/dist/astro/client.mjs

@@ -2,7 +2,7 @@ import { h } from 'snabbdom/build/h';
 import { init } from 'snabbdom/build/init';
 import { toVNode } from 'snabbdom/build/tovnode';
 import { vnode } from 'snabbdom/build/vnode';
-import 'snabbdom/build/jsx';
+import { Fragment } from 'snabbdom/build/jsx';
 import { classModule } from 'snabbdom/build/modules/class';
 import { propsModule } from 'snabbdom/build/modules/props';
 import { attributesModule } from 'snabbdom/build/modules/attributes';
@@ -3568,6 +3568,20 @@ function withState(main, name = 'state') {
     };
 }
 
+/**
+ * Local snabbdom re-export barrel.
+ *
+ * Imports from specific snabbdom subpaths instead of the main barrel to avoid
+ * triggering the broken `styleModule` top-level `window` reference in
+ * snabbdom 3.6.3 (which causes ReferenceError in Node.js environments).
+ *
+ * The styleModule is provided separately by ./styleModule.ts with a fixed
+ * window guard.
+ */
+// Core
+// Tag Fragment so we can identify it even after minification mangles Function.name
+Fragment.__sygnalFragment = true;
+
 function fromEvent(element, eventName, useCapture = false, preventDefault = false, passive = false) {
     let next = null;
     return Stream_1.create({
@@ -5446,7 +5460,18 @@ function wrapDOMSource(domSource) {
         }
     });
 }
-const ABORT = Symbol('ABORT');
+const ABORT = Symbol.for('sygnal.ABORT');
+/**
+ * Check if a value is the ABORT sentinel.
+ * Uses Symbol.for() identity first, then falls back to description check
+ * in case bundlers (e.g. Vite) create duplicate module instances with
+ * separate Symbol.for() registries.
+ */
+function isAbort(value) {
+    if (value === ABORT)
+        return true;
+    return typeof value === 'symbol' && value.description === 'sygnal.ABORT';
+}
 function normalizeCalculatedEntry(field, entry) {
     if (typeof entry === 'function') {
         return { fn: entry, deps: null };
@@ -6168,7 +6193,7 @@ class Component {
                                 const enhancedState = this.addCalculated(_state);
                                 props.state = enhancedState;
                                 const newState = reducer(enhancedState, data, next, props);
-                                if (newState === ABORT)
+                                if (isAbort(newState))
                                     return _state;
                                 return this.cleanupCalculated(newState);
                             }
@@ -6197,7 +6222,7 @@ class Component {
                             return ABORT;
                         }
                     }
-                }).filter((result) => result !== ABORT);
+                }).filter((result) => !isAbort(result));
             }
             else if (reducer === undefined || reducer === true) {
                 returnStream$ = filtered$.map(({ data }) => data);

package/dist/astro/cycle/dom/DocumentDOMSource.d.ts

@@ -1,10 +1,12 @@
-import { Stream, MemoryStream } from 'xstream';
+import { MemoryStream } from 'xstream';
 import { EventsFnOptions } from './DOMSource';
+import { EnrichedEventStream } from './enrichEventStream';
 export declare class DocumentDOMSource {
     private _name;
-    constructor(_name: string);
+    private _selector;
+    constructor(_name: string, selector?: string);
     select(selector: string): DocumentDOMSource;
-    elements(): MemoryStream<Array<Document>>;
-    element(): MemoryStream<Document>;
-    events<K extends keyof DocumentEventMap>(eventType: K, options?: EventsFnOptions, bubbles?: boolean): Stream<DocumentEventMap[K]>;
+    elements(): MemoryStream<Array<Document | Element>>;
+    element(): MemoryStream<Document | Element | null>;
+    events<K extends keyof DocumentEventMap>(eventType: K, options?: EventsFnOptions, bubbles?: boolean): EnrichedEventStream<DocumentEventMap[K]>;
 }

package/dist/astro/cycle/dom/MainDOMSource.d.ts

@@ -3,6 +3,7 @@ import { EventsFnOptions } from './DOMSource';
 import { DocumentDOMSource } from './DocumentDOMSource';
 import { BodyDOMSource } from './BodyDOMSource';
 import { VNode } from './snabbdom';
+import { EnrichedEventStream } from './enrichEventStream';
 import { Scope, IsolateSink } from './isolate';
 import { IsolateModule } from './IsolateModule';
 import { EventDelegator } from './EventDelegator';
@@ -24,7 +25,7 @@ export declare class MainDOMSource {
     get namespace(): Array<Scope>;
     select<T extends keyof SpecialSelector>(selector: T): SpecialSelector[T];
     select(selector: string): MainDOMSource;
-    events<K extends keyof HTMLElementEventMap>(eventType: K, options?: EventsFnOptions, bubbles?: boolean): Stream<HTMLElementEventMap[K]>;
+    events<K extends keyof HTMLElementEventMap>(eventType: K, options?: EventsFnOptions, bubbles?: boolean): EnrichedEventStream<HTMLElementEventMap[K]>;
     dispose(): void;
     isolateSource: (source: MainDOMSource, scope: string) => MainDOMSource;
     isolateSink: IsolateSink<VNode>;

package/dist/astro/cycle/dom/enrichEventStream.d.ts

@@ -0,0 +1,24 @@
+import { Stream } from 'xstream';
+export interface EnrichedEventStream<T = Event> extends Stream<T> {
+    value(): EnrichedEventStream<string>;
+    value<R>(fn: (val: string) => R): EnrichedEventStream<R>;
+    checked(): EnrichedEventStream<boolean>;
+    checked<R>(fn: (val: boolean) => R): EnrichedEventStream<R>;
+    data(name: string): EnrichedEventStream<string | undefined>;
+    data<R>(name: string, fn: (val: string | undefined) => R): EnrichedEventStream<R>;
+    target(): EnrichedEventStream<EventTarget | null>;
+    target<R>(fn: (el: EventTarget | null) => R): EnrichedEventStream<R>;
+    key(): EnrichedEventStream<string>;
+    key<R>(fn: (key: string) => R): EnrichedEventStream<R>;
+}
+/**
+ * Adds chainable convenience methods to a DOM event stream.
+ *
+ *   DOM.select('.input').events('input').value()
+ *   DOM.input('.input').value()
+ *   DOM.select('.item').events('click').data('id')
+ *   DOM.click('.item').data('id', Number)
+ *   DOM.change('.checkbox').checked()
+ *   DOM.keydown('.field').key()
+ */
+export declare function enrichEventStream(stream$: any): any;

package/dist/astro/server.cjs.js

@@ -514,6 +514,12 @@ function vnodeToHtml(vnode) {
     if (VOID_ELEMENTS.has(tag)) {
         return html;
     }
+    // If innerHTML is set via props, use it as raw content (no escaping)
+    if (vnode.data?.props?.innerHTML != null) {
+        html += String(vnode.data.props.innerHTML);
+        html += `</${tag}>`;
+        return html;
+    }
     // Children — snabbdom uses `text` for single text children (even when
     // `children` holds a text element object). Prioritize `text` when set.
     if (vnode.text != null) {

package/dist/astro/server.mjs

@@ -510,6 +510,12 @@ function vnodeToHtml(vnode) {
     if (VOID_ELEMENTS.has(tag)) {
         return html;
     }
+    // If innerHTML is set via props, use it as raw content (no escaping)
+    if (vnode.data?.props?.innerHTML != null) {
+        html += String(vnode.data.props.innerHTML);
+        html += `</${tag}>`;
+        return html;
+    }
     // Children — snabbdom uses `text` for single text children (even when
     // `children` holds a text element object). Prioritize `text` when set.
     if (vnode.text != null) {

package/dist/cycle/dom/DocumentDOMSource.d.ts

@@ -1,10 +1,12 @@
-import { Stream, MemoryStream } from 'xstream';
+import { MemoryStream } from 'xstream';
 import { EventsFnOptions } from './DOMSource';
+import { EnrichedEventStream } from './enrichEventStream';
 export declare class DocumentDOMSource {
     private _name;
-    constructor(_name: string);
+    private _selector;
+    constructor(_name: string, selector?: string);
     select(selector: string): DocumentDOMSource;
-    elements(): MemoryStream<Array<Document>>;
-    element(): MemoryStream<Document>;
-    events<K extends keyof DocumentEventMap>(eventType: K, options?: EventsFnOptions, bubbles?: boolean): Stream<DocumentEventMap[K]>;
+    elements(): MemoryStream<Array<Document | Element>>;
+    element(): MemoryStream<Document | Element | null>;
+    events<K extends keyof DocumentEventMap>(eventType: K, options?: EventsFnOptions, bubbles?: boolean): EnrichedEventStream<DocumentEventMap[K]>;
 }

package/dist/cycle/dom/MainDOMSource.d.ts

@@ -3,6 +3,7 @@ import { EventsFnOptions } from './DOMSource';
 import { DocumentDOMSource } from './DocumentDOMSource';
 import { BodyDOMSource } from './BodyDOMSource';
 import { VNode } from './snabbdom';
+import { EnrichedEventStream } from './enrichEventStream';
 import { Scope, IsolateSink } from './isolate';
 import { IsolateModule } from './IsolateModule';
 import { EventDelegator } from './EventDelegator';
@@ -24,7 +25,7 @@ export declare class MainDOMSource {
     get namespace(): Array<Scope>;
     select<T extends keyof SpecialSelector>(selector: T): SpecialSelector[T];
     select(selector: string): MainDOMSource;
-    events<K extends keyof HTMLElementEventMap>(eventType: K, options?: EventsFnOptions, bubbles?: boolean): Stream<HTMLElementEventMap[K]>;
+    events<K extends keyof HTMLElementEventMap>(eventType: K, options?: EventsFnOptions, bubbles?: boolean): EnrichedEventStream<HTMLElementEventMap[K]>;
     dispose(): void;
     isolateSource: (source: MainDOMSource, scope: string) => MainDOMSource;
     isolateSink: IsolateSink<VNode>;

package/dist/cycle/dom/enrichEventStream.d.ts

@@ -0,0 +1,24 @@
+import { Stream } from 'xstream';
+export interface EnrichedEventStream<T = Event> extends Stream<T> {
+    value(): EnrichedEventStream<string>;
+    value<R>(fn: (val: string) => R): EnrichedEventStream<R>;
+    checked(): EnrichedEventStream<boolean>;
+    checked<R>(fn: (val: boolean) => R): EnrichedEventStream<R>;
+    data(name: string): EnrichedEventStream<string | undefined>;
+    data<R>(name: string, fn: (val: string | undefined) => R): EnrichedEventStream<R>;
+    target(): EnrichedEventStream<EventTarget | null>;
+    target<R>(fn: (el: EventTarget | null) => R): EnrichedEventStream<R>;
+    key(): EnrichedEventStream<string>;
+    key<R>(fn: (key: string) => R): EnrichedEventStream<R>;
+}
+/**
+ * Adds chainable convenience methods to a DOM event stream.
+ *
+ *   DOM.select('.input').events('input').value()
+ *   DOM.input('.input').value()
+ *   DOM.select('.item').events('click').data('id')
+ *   DOM.click('.item').data('id', Number)
+ *   DOM.change('.checkbox').checked()
+ *   DOM.keydown('.field').key()
+ */
+export declare function enrichEventStream(stream$: any): any;

package/dist/index.cjs.js

@@ -7,7 +7,7 @@ var h = require('snabbdom/build/h');
 var init$1 = require('snabbdom/build/init');
 var tovnode = require('snabbdom/build/tovnode');
 var vnode$1 = require('snabbdom/build/vnode');
-require('snabbdom/build/jsx');
+var jsx = require('snabbdom/build/jsx');
 var _class = require('snabbdom/build/modules/class');
 var props = require('snabbdom/build/modules/props');
 var attributes = require('snabbdom/build/modules/attributes');
@@ -624,6 +624,20 @@ function withState(main, name = 'state') {
     };
 }
 
+/**
+ * Local snabbdom re-export barrel.
+ *
+ * Imports from specific snabbdom subpaths instead of the main barrel to avoid
+ * triggering the broken `styleModule` top-level `window` reference in
+ * snabbdom 3.6.3 (which causes ReferenceError in Node.js environments).
+ *
+ * The styleModule is provided separately by ./styleModule.ts with a fixed
+ * window guard.
+ */
+// Core
+// Tag Fragment so we can identify it even after minification mangles Function.name
+jsx.Fragment.__sygnalFragment = true;
+
 function copyToThunk(vnode, thunkVNode) {
     thunkVNode.elm = vnode.elm;
     vnode.data.fn = thunkVNode.data.fn;
@@ -2191,7 +2205,18 @@ function wrapDOMSource(domSource) {
         }
     });
 }
-const ABORT = Symbol('ABORT');
+const ABORT = Symbol.for('sygnal.ABORT');
+/**
+ * Check if a value is the ABORT sentinel.
+ * Uses Symbol.for() identity first, then falls back to description check
+ * in case bundlers (e.g. Vite) create duplicate module instances with
+ * separate Symbol.for() registries.
+ */
+function isAbort(value) {
+    if (value === ABORT)
+        return true;
+    return typeof value === 'symbol' && value.description === 'sygnal.ABORT';
+}
 function normalizeCalculatedEntry(field, entry) {
     if (typeof entry === 'function') {
         return { fn: entry, deps: null };
@@ -2913,7 +2938,7 @@ class Component {
                                 const enhancedState = this.addCalculated(_state);
                                 props.state = enhancedState;
                                 const newState = reducer(enhancedState, data, next, props);
-                                if (newState === ABORT)
+                                if (isAbort(newState))
                                     return _state;
                                 return this.cleanupCalculated(newState);
                             }
@@ -2942,7 +2967,7 @@ class Component {
                             return ABORT;
                         }
                     }
-                }).filter((result) => result !== ABORT);
+                }).filter((result) => !isAbort(result));
             }
             else if (reducer === undefined || reducer === true) {
                 returnStream$ = filtered$.map(({ data }) => data);
@@ -5536,7 +5561,7 @@ const createElementWithModules = (modules) => {
             console.error('JSX Error: Capitalized HTML element without corresponding factory function.  Components with names where the first letter is capital MUST be defined or included at the parent component\'s file scope.');
         }
         if (fun(sel)) {
-            if (sel.name === 'Fragment') {
+            if (sel.__sygnalFragment || sel.name === 'Fragment') {
                 return sel(data || {}, children);
             }
             data || (data = {});
@@ -6312,6 +6337,12 @@ function vnodeToHtml(vnode) {
     if (VOID_ELEMENTS.has(tag)) {
         return html;
     }
+    // If innerHTML is set via props, use it as raw content (no escaping)
+    if (vnode.data?.props?.innerHTML != null) {
+        html += String(vnode.data.props.innerHTML);
+        html += `</${tag}>`;
+        return html;
+    }
     // Children — snabbdom uses `text` for single text children (even when
     // `children` holds a text element object). Prioritize `text` when set.
     if (vnode.text != null) {

package/dist/index.esm.js

@@ -9,7 +9,7 @@ export { h } from 'snabbdom/build/h';
 import { init as init$1 } from 'snabbdom/build/init';
 import { toVNode } from 'snabbdom/build/tovnode';
 import { vnode as vnode$1 } from 'snabbdom/build/vnode';
-import 'snabbdom/build/jsx';
+import { Fragment } from 'snabbdom/build/jsx';
 import { classModule } from 'snabbdom/build/modules/class';
 import { propsModule } from 'snabbdom/build/modules/props';
 import { attributesModule } from 'snabbdom/build/modules/attributes';
@@ -603,6 +603,20 @@ function withState(main, name = 'state') {
     };
 }
 
+/**
+ * Local snabbdom re-export barrel.
+ *
+ * Imports from specific snabbdom subpaths instead of the main barrel to avoid
+ * triggering the broken `styleModule` top-level `window` reference in
+ * snabbdom 3.6.3 (which causes ReferenceError in Node.js environments).
+ *
+ * The styleModule is provided separately by ./styleModule.ts with a fixed
+ * window guard.
+ */
+// Core
+// Tag Fragment so we can identify it even after minification mangles Function.name
+Fragment.__sygnalFragment = true;
+
 function copyToThunk(vnode, thunkVNode) {
     thunkVNode.elm = vnode.elm;
     vnode.data.fn = thunkVNode.data.fn;
@@ -2170,7 +2184,18 @@ function wrapDOMSource(domSource) {
         }
     });
 }
-const ABORT = Symbol('ABORT');
+const ABORT = Symbol.for('sygnal.ABORT');
+/**
+ * Check if a value is the ABORT sentinel.
+ * Uses Symbol.for() identity first, then falls back to description check
+ * in case bundlers (e.g. Vite) create duplicate module instances with
+ * separate Symbol.for() registries.
+ */
+function isAbort(value) {
+    if (value === ABORT)
+        return true;
+    return typeof value === 'symbol' && value.description === 'sygnal.ABORT';
+}
 function normalizeCalculatedEntry(field, entry) {
     if (typeof entry === 'function') {
         return { fn: entry, deps: null };
@@ -2892,7 +2917,7 @@ class Component {
                                 const enhancedState = this.addCalculated(_state);
                                 props.state = enhancedState;
                                 const newState = reducer(enhancedState, data, next, props);
-                                if (newState === ABORT)
+                                if (isAbort(newState))
                                     return _state;
                                 return this.cleanupCalculated(newState);
                             }
@@ -2921,7 +2946,7 @@ class Component {
                             return ABORT;
                         }
                     }
-                }).filter((result) => result !== ABORT);
+                }).filter((result) => !isAbort(result));
             }
             else if (reducer === undefined || reducer === true) {
                 returnStream$ = filtered$.map(({ data }) => data);
@@ -5515,7 +5540,7 @@ const createElementWithModules = (modules) => {
             console.error('JSX Error: Capitalized HTML element without corresponding factory function.  Components with names where the first letter is capital MUST be defined or included at the parent component\'s file scope.');
         }
         if (fun(sel)) {
-            if (sel.name === 'Fragment') {
+            if (sel.__sygnalFragment || sel.name === 'Fragment') {
                 return sel(data || {}, children);
             }
             data || (data = {});
@@ -6291,6 +6316,12 @@ function vnodeToHtml(vnode) {
     if (VOID_ELEMENTS.has(tag)) {
         return html;
     }
+    // If innerHTML is set via props, use it as raw content (no escaping)
+    if (vnode.data?.props?.innerHTML != null) {
+        html += String(vnode.data.props.innerHTML);
+        html += `</${tag}>`;
+        return html;
+    }
     // Children — snabbdom uses `text` for single text children (even when
     // `children` holds a text element object). Prioritize `text` when set.
     if (vnode.text != null) {

package/dist/jsx-dev-runtime.cjs.js

@@ -227,7 +227,7 @@ const createElementWithModules = (modules) => {
             console.error('JSX Error: Capitalized HTML element without corresponding factory function.  Components with names where the first letter is capital MUST be defined or included at the parent component\'s file scope.');
         }
         if (fun(sel)) {
-            if (sel.name === 'Fragment') {
+            if (sel.__sygnalFragment || sel.name === 'Fragment') {
                 return sel(data || {}, children);
             }
             data || (data = {});
@@ -276,7 +276,7 @@ function vnode(sel, data, children, text, elm) {
 }
 
 /* eslint-disable @typescript-eslint/no-namespace, import/export */
-function Fragment(data, ...children) {
+function Fragment$1(data, ...children) {
     const flatChildren = flattenAndFilter(children, []);
     if (flatChildren.length === 1 &&
         !flatChildren[0].sel &&
@@ -311,6 +311,21 @@ function flattenAndFilter(children, flattened) {
     return flattened;
 }
 
+/**
+ * Local snabbdom re-export barrel.
+ *
+ * Imports from specific snabbdom subpaths instead of the main barrel to avoid
+ * triggering the broken `styleModule` top-level `window` reference in
+ * snabbdom 3.6.3 (which causes ReferenceError in Node.js environments).
+ *
+ * The styleModule is provided separately by ./styleModule.ts with a fixed
+ * window guard.
+ */
+// Core
+// Tag Fragment so we can identify it even after minification mangles Function.name
+Fragment$1.__sygnalFragment = true;
+const Fragment = Fragment$1;
+
 function jsx(type, props, key) {
     if (props == null)
         return createElement(type, null);

package/dist/jsx-dev-runtime.esm.js

@@ -225,7 +225,7 @@ const createElementWithModules = (modules) => {
             console.error('JSX Error: Capitalized HTML element without corresponding factory function.  Components with names where the first letter is capital MUST be defined or included at the parent component\'s file scope.');
         }
         if (fun(sel)) {
-            if (sel.name === 'Fragment') {
+            if (sel.__sygnalFragment || sel.name === 'Fragment') {
                 return sel(data || {}, children);
             }
             data || (data = {});
@@ -274,7 +274,7 @@ function vnode(sel, data, children, text, elm) {
 }
 
 /* eslint-disable @typescript-eslint/no-namespace, import/export */
-function Fragment(data, ...children) {
+function Fragment$1(data, ...children) {
     const flatChildren = flattenAndFilter(children, []);
     if (flatChildren.length === 1 &&
         !flatChildren[0].sel &&
@@ -309,6 +309,21 @@ function flattenAndFilter(children, flattened) {
     return flattened;
 }
 
+/**
+ * Local snabbdom re-export barrel.
+ *
+ * Imports from specific snabbdom subpaths instead of the main barrel to avoid
+ * triggering the broken `styleModule` top-level `window` reference in
+ * snabbdom 3.6.3 (which causes ReferenceError in Node.js environments).
+ *
+ * The styleModule is provided separately by ./styleModule.ts with a fixed
+ * window guard.
+ */
+// Core
+// Tag Fragment so we can identify it even after minification mangles Function.name
+Fragment$1.__sygnalFragment = true;
+const Fragment = Fragment$1;
+
 function jsx(type, props, key) {
     if (props == null)
         return createElement(type, null);

package/dist/jsx-runtime.cjs.js

@@ -227,7 +227,7 @@ const createElementWithModules = (modules) => {
             console.error('JSX Error: Capitalized HTML element without corresponding factory function.  Components with names where the first letter is capital MUST be defined or included at the parent component\'s file scope.');
         }
         if (fun(sel)) {
-            if (sel.name === 'Fragment') {
+            if (sel.__sygnalFragment || sel.name === 'Fragment') {
                 return sel(data || {}, children);
             }
             data || (data = {});
@@ -276,7 +276,7 @@ function vnode(sel, data, children, text, elm) {
 }
 
 /* eslint-disable @typescript-eslint/no-namespace, import/export */
-function Fragment(data, ...children) {
+function Fragment$1(data, ...children) {
     const flatChildren = flattenAndFilter(children, []);
     if (flatChildren.length === 1 &&
         !flatChildren[0].sel &&
@@ -311,6 +311,21 @@ function flattenAndFilter(children, flattened) {
     return flattened;
 }
 
+/**
+ * Local snabbdom re-export barrel.
+ *
+ * Imports from specific snabbdom subpaths instead of the main barrel to avoid
+ * triggering the broken `styleModule` top-level `window` reference in
+ * snabbdom 3.6.3 (which causes ReferenceError in Node.js environments).
+ *
+ * The styleModule is provided separately by ./styleModule.ts with a fixed
+ * window guard.
+ */
+// Core
+// Tag Fragment so we can identify it even after minification mangles Function.name
+Fragment$1.__sygnalFragment = true;
+const Fragment = Fragment$1;
+
 function jsx(type, props, key) {
     if (props == null)
         return createElement(type, null);