sygnal 5.1.1 → 5.1.3

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

@@ -5462,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 };
@@ -6184,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);
                             }
@@ -6213,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

@@ -5460,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 };
@@ -6182,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);
                             }
@@ -6211,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

@@ -1,8 +1,8 @@
 'use strict';
 
 var xs$1 = require('xstream');
-var dropRepeats$2 = require('xstream/extra/dropRepeats');
-var concat$1 = require('xstream/extra/concat');
+var dropRepeatsModule = require('xstream/extra/dropRepeats.js');
+var concat$1 = require('xstream/extra/concat.js');
 var h = require('snabbdom/build/h');
 var init$1 = require('snabbdom/build/init');
 var tovnode = require('snabbdom/build/tovnode');
@@ -12,14 +12,10 @@ var _class = require('snabbdom/build/modules/class');
 var props = require('snabbdom/build/modules/props');
 var attributes = require('snabbdom/build/modules/attributes');
 var dataset = require('snabbdom/build/modules/dataset');
-var sampleCombine = require('xstream/extra/sampleCombine');
+var sampleCombine = require('xstream/extra/sampleCombine.js');
 var delayModule = require('xstream/extra/delay.js');
-var concatModule = require('xstream/extra/concat.js');
 var debounceModule = require('xstream/extra/debounce.js');
-var dropRepeatsModule = require('xstream/extra/dropRepeats.js');
-var debounce$1 = require('xstream/extra/debounce');
-var throttle = require('xstream/extra/throttle');
-var delay$1 = require('xstream/extra/delay');
+var throttle_js = require('xstream/extra/throttle.js');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -39,11 +35,10 @@ function _interopNamespaceDefault(e) {
 }
 
 var xs__namespace = /*#__PURE__*/_interopNamespaceDefault(xs$1);
-var dropRepeats__namespace = /*#__PURE__*/_interopNamespaceDefault(dropRepeats$2);
+var dropRepeatsModule__namespace = /*#__PURE__*/_interopNamespaceDefault(dropRepeatsModule);
+var concat__namespace = /*#__PURE__*/_interopNamespaceDefault(concat$1);
 var delayModule__namespace = /*#__PURE__*/_interopNamespaceDefault(delayModule);
-var concatModule__namespace = /*#__PURE__*/_interopNamespaceDefault(concatModule);
 var debounceModule__namespace = /*#__PURE__*/_interopNamespaceDefault(debounceModule);
-var dropRepeatsModule__namespace = /*#__PURE__*/_interopNamespaceDefault(dropRepeatsModule);
 
 function getGlobal() {
     let globalObj;
@@ -231,7 +226,7 @@ class StateSource {
         this.isolateSink = isolateSink;
         this._stream = stream
             .filter(s => typeof s !== 'undefined')
-            .compose(dropRepeats$2())
+            .compose(dropRepeatsModule())
             .remember();
         this._name = name;
         this.stream = adapt(this._stream);
@@ -2080,7 +2075,7 @@ const Stream = xs__namespace.Stream ||
     (xs__namespace.default && xs__namespace.default.Stream) ||
     (xs && xs.Stream);
 
-const dropRepeats$1 = resolveInteropDefault(dropRepeats__namespace);
+const dropRepeats$1 = resolveInteropDefault(dropRepeatsModule__namespace);
 function switchable(factories, name$, initial, opts = {}) {
     const { switched = ['DOM'], stateSourceName = 'STATE' } = opts;
     const nameType = typeof name$;
@@ -2183,7 +2178,7 @@ function makeCommandSource(cmd) {
 }
 
 const delay = resolveInteropDefault(delayModule__namespace);
-const concat = resolveInteropDefault(concatModule__namespace);
+const concat = resolveInteropDefault(concat__namespace);
 const debounce = resolveInteropDefault(debounceModule__namespace);
 const dropRepeats = resolveInteropDefault(dropRepeatsModule__namespace);
 const ENVIRONMENT = (typeof window != 'undefined' && window) || (typeof process !== 'undefined' && process.env) || {};
@@ -2205,7 +2200,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 };
@@ -2927,7 +2933,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);
                             }
@@ -2956,7 +2962,7 @@ class Component {
                             return ABORT;
                         }
                     }
-                }).filter((result) => result !== ABORT);
+                }).filter((result) => !isAbort(result));
             }
             else if (reducer === undefined || reducer === true) {
                 returnStream$ = filtered$.map(({ data }) => data);
@@ -6326,6 +6332,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) {
@@ -6457,15 +6469,15 @@ function buildAttributes(data, selectorId, selectorClasses) {
     return result;
 }
 
-exports.dropRepeats = dropRepeats$2;
+exports.dropRepeats = dropRepeatsModule;
 Object.defineProperty(exports, 'h', {
     enumerable: true,
     get: function () { return h.h; }
 });
 exports.sampleCombine = sampleCombine;
-exports.debounce = debounce$1;
-exports.throttle = throttle;
-exports.delay = delay$1;
+exports.delay = delayModule;
+exports.debounce = debounceModule;
+exports.throttle = throttle_js;
 exports.ABORT = ABORT;
 exports.Collection = Collection;
 exports.MainDOMSource = MainDOMSource;

package/dist/index.d.ts

@@ -614,11 +614,11 @@ export function renderToString(componentDef: any, options?: RenderToStringOption
 
 export const xs: typeof xsDefault
 
-export { default as debounce } from 'xstream/extra/debounce'
-export { default as throttle } from 'xstream/extra/throttle'
-export { default as delay } from 'xstream/extra/delay'
-export { default as dropRepeats } from 'xstream/extra/dropRepeats'
-export { default as sampleCombine } from 'xstream/extra/sampleCombine'
+export { default as debounce } from 'xstream/extra/debounce.js'
+export { default as throttle } from 'xstream/extra/throttle.js'
+export { default as delay } from 'xstream/extra/delay.js'
+export { default as dropRepeats } from 'xstream/extra/dropRepeats.js'
+export { default as sampleCombine } from 'xstream/extra/sampleCombine.js'
 
 export * from './cycle/dom/index'
 export type { MemoryStream, Stream }

package/dist/index.esm.js

@@ -1,9 +1,10 @@
 import * as xs$1 from 'xstream';
 import xs__default, { Stream as Stream$1, NO } from 'xstream';
-import * as dropRepeats$2 from 'xstream/extra/dropRepeats';
-import dropRepeats__default from 'xstream/extra/dropRepeats';
-export { default as dropRepeats } from 'xstream/extra/dropRepeats';
-import concat$1 from 'xstream/extra/concat';
+import * as dropRepeatsModule from 'xstream/extra/dropRepeats.js';
+import dropRepeatsModule__default from 'xstream/extra/dropRepeats.js';
+export { default as dropRepeats } from 'xstream/extra/dropRepeats.js';
+import * as concat$1 from 'xstream/extra/concat.js';
+import concat__default from 'xstream/extra/concat.js';
 import { h } from 'snabbdom/build/h';
 export { h } from 'snabbdom/build/h';
 import { init as init$1 } from 'snabbdom/build/init';
@@ -14,15 +15,13 @@ import { classModule } from 'snabbdom/build/modules/class';
 import { propsModule } from 'snabbdom/build/modules/props';
 import { attributesModule } from 'snabbdom/build/modules/attributes';
 import { datasetModule } from 'snabbdom/build/modules/dataset';
-import sampleCombine from 'xstream/extra/sampleCombine';
-export { default as sampleCombine } from 'xstream/extra/sampleCombine';
+import sampleCombine from 'xstream/extra/sampleCombine.js';
+export { default as sampleCombine } from 'xstream/extra/sampleCombine.js';
 import * as delayModule from 'xstream/extra/delay.js';
-import * as concatModule from 'xstream/extra/concat.js';
+export { default as delay } from 'xstream/extra/delay.js';
 import * as debounceModule from 'xstream/extra/debounce.js';
-import * as dropRepeatsModule from 'xstream/extra/dropRepeats.js';
-export { default as debounce } from 'xstream/extra/debounce';
-export { default as throttle } from 'xstream/extra/throttle';
-export { default as delay } from 'xstream/extra/delay';
+export { default as debounce } from 'xstream/extra/debounce.js';
+export { default as throttle } from 'xstream/extra/throttle.js';
 
 function getGlobal() {
     let globalObj;
@@ -210,7 +209,7 @@ class StateSource {
         this.isolateSink = isolateSink;
         this._stream = stream
             .filter(s => typeof s !== 'undefined')
-            .compose(dropRepeats__default())
+            .compose(dropRepeatsModule__default())
             .remember();
         this._name = name;
         this.stream = adapt(this._stream);
@@ -592,7 +591,7 @@ function withState(main, name = 'state') {
         innerSources[name] = new StateSource(state$, name);
         const sinks = main(innerSources);
         if (sinks[name]) {
-            const stream$ = concat$1(xs__default.fromObservable(sinks[name]), xs__default.never());
+            const stream$ = concat__default(xs__default.fromObservable(sinks[name]), xs__default.never());
             stream$.subscribe({
                 next: i => queueMicrotask(() => reducerMimic$._n(i)),
                 error: err => queueMicrotask(() => reducerMimic$._e(err)),
@@ -1905,7 +1904,7 @@ function makeDOMDriver(container, options = {}) {
         })
             .compose(dropCompletion))
             .flatten();
-        const rootElement$ = concat$1(domReady$, mutationConfirmed$)
+        const rootElement$ = concat__default(domReady$, mutationConfirmed$)
             .endWhen(sanitation$)
             .compose(sampleCombine(elementAfterPatch$))
             .map(arr => arr[1])
@@ -2059,7 +2058,7 @@ const Stream = xs$1.Stream ||
     (xs$1.default && xs$1.default.Stream) ||
     (xs && xs.Stream);
 
-const dropRepeats$1 = resolveInteropDefault(dropRepeats$2);
+const dropRepeats$1 = resolveInteropDefault(dropRepeatsModule);
 function switchable(factories, name$, initial, opts = {}) {
     const { switched = ['DOM'], stateSourceName = 'STATE' } = opts;
     const nameType = typeof name$;
@@ -2162,7 +2161,7 @@ function makeCommandSource(cmd) {
 }
 
 const delay = resolveInteropDefault(delayModule);
-const concat = resolveInteropDefault(concatModule);
+const concat = resolveInteropDefault(concat$1);
 const debounce = resolveInteropDefault(debounceModule);
 const dropRepeats = resolveInteropDefault(dropRepeatsModule);
 const ENVIRONMENT = (typeof window != 'undefined' && window) || (typeof process !== 'undefined' && process.env) || {};
@@ -2184,7 +2183,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 };
@@ -2906,7 +2916,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);
                             }
@@ -2935,7 +2945,7 @@ class Component {
                             return ABORT;
                         }
                     }
-                }).filter((result) => result !== ABORT);
+                }).filter((result) => !isAbort(result));
             }
             else if (reducer === undefined || reducer === true) {
                 returnStream$ = filtered$.map(({ data }) => data);
@@ -6305,6 +6315,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) {