sygnal 5.3.1 → 5.3.2

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import * as xs$1 from 'xstream';
+import * as xs$2 from 'xstream';
 import xs__default, { Stream as Stream$1, NO } from 'xstream';
 import * as dropRepeatsModule from 'xstream/extra/dropRepeats.js';
 import dropRepeatsModule__default from 'xstream/extra/dropRepeats.js';
@@ -2053,10 +2053,10 @@ function getXs(namespaceValue) {
     }
     return value;
 }
-const xs = getXs(xs$1);
-const Stream = xs$1.Stream ||
-    (xs$1.default && xs$1.default.Stream) ||
-    (xs && xs.Stream);
+const xs$1 = getXs(xs$2);
+const Stream = xs$2.Stream ||
+    (xs$2.default && xs$2.default.Stream) ||
+    (xs$1 && xs$1.Stream);
 
 const dropRepeats$1 = resolveInteropDefault(dropRepeatsModule);
 function switchable(factories, name$, initial, opts = {}) {
@@ -2102,7 +2102,7 @@ function _switchable(factories, sources, name$, switched = ['DOM'], stateSourceN
     const sinks = Object.entries(factories).map(([name, factory]) => {
         if (sources[stateSourceName]) {
             const state$ = sources[stateSourceName].stream;
-            const switchedState = xs
+            const switchedState = xs$1
                 .combine(name$, state$)
                 .filter(([newComponentName]) => newComponentName == name)
                 .map(([, state]) => state)
@@ -2117,7 +2117,7 @@ function _switchable(factories, sources, name$, switched = ['DOM'], stateSourceN
             obj[sinkName] = name$
                 .map((newComponentName) => {
                 const sink = sinks.find(([componentName]) => componentName === newComponentName);
-                return (sink && sink[1][sinkName]) || xs.never();
+                return (sink && sink[1][sinkName]) || xs$1.never();
             })
                 .flatten()
                 .remember()
@@ -2127,7 +2127,7 @@ function _switchable(factories, sources, name$, switched = ['DOM'], stateSourceN
             const definedSinks = sinks
                 .filter(([, sink]) => sink[sinkName] !== undefined)
                 .map(([, sink]) => sink[sinkName]);
-            obj[sinkName] = xs.merge(...definedSinks);
+            obj[sinkName] = xs$1.merge(...definedSinks);
         }
         return obj;
     }, {});
@@ -2142,7 +2142,7 @@ Switchable.preventInstantiation = true;
 
 function createCommand() {
     const listener = { next: () => { } };
-    const _stream = xs.create({
+    const _stream = xs$1.create({
         start(l) { listener.next = (val) => l.next(val); },
         stop() { listener.next = () => { }; },
     });
@@ -2438,7 +2438,7 @@ class Component {
         // This is necessary to ensure that the component tree's state sink is subscribed to
         if (!this.isSubComponent && typeof this.intent === 'undefined' && typeof this.model === 'undefined') {
             this.initialState = initialState || true;
-            this.intent = (_) => ({ __NOOP_ACTION__: xs.never() });
+            this.intent = (_) => ({ __NOOP_ACTION__: xs$1.never() });
             this.model = {
                 __NOOP_ACTION__: (state) => state
             };
@@ -2447,12 +2447,12 @@ class Component {
         this._activeSubComponents = new Map();
         this._childReadyState = {};
         this._readyChangedListener = null;
-        this._readyChanged$ = xs.create({
+        this._readyChanged$ = xs$1.create({
             start: (listener) => { this._readyChangedListener = listener; },
             stop: () => { },
         });
         this._disposeListener = null;
-        this._dispose$ = xs.create({
+        this._dispose$ = xs$1.create({
             start: (listener) => { this._disposeListener = listener; },
             stop: () => { },
         });
@@ -2555,7 +2555,7 @@ class Component {
     }
     initHmrActions() {
         if (typeof this.hmrActions === 'undefined') {
-            this.hmrAction$ = xs.of().filter((_) => false);
+            this.hmrAction$ = xs$1.of().filter((_) => false);
             return;
         }
         if (typeof this.hmrActions === 'string') {
@@ -2567,12 +2567,12 @@ class Component {
         if (this.hmrActions.some(action => typeof action !== 'string')) {
             throw new Error(`[${this.name}] hmrActions must be the name of an action or an array of names of actions to run when a component is hot-reloaded`);
         }
-        this.hmrAction$ = xs.fromArray(this.hmrActions.map(action => ({ type: action })));
+        this.hmrAction$ = xs$1.fromArray(this.hmrActions.map(action => ({ type: action })));
     }
     initAction$() {
         const requestSource = (this.sources && this.sources[this.requestSourceName]) || null;
         if (!this.intent$) {
-            this.action$ = xs.never();
+            this.action$ = xs$1.never();
             return;
         }
         let runner;
@@ -2588,23 +2588,23 @@ class Component {
             }
             const mapped = Object.entries(this.intent$)
                 .map(([type, data$]) => data$.map((data) => ({ type, data })));
-            runner = xs.merge(xs.never(), ...mapped);
+            runner = xs$1.merge(xs$1.never(), ...mapped);
         }
-        const action$ = ((runner instanceof Stream) ? runner : (runner.apply && runner(this.sources) || xs.never()));
-        const bootstrap$ = xs.of({ type: BOOTSTRAP_ACTION }).compose(delay(10));
+        const action$ = ((runner instanceof Stream) ? runner : (runner.apply && runner(this.sources) || xs$1.never()));
+        const bootstrap$ = xs$1.of({ type: BOOTSTRAP_ACTION }).compose(delay(10));
         const _hmrUpdating = typeof window !== 'undefined' && window.__SYGNAL_HMR_UPDATING === true;
-        const hmrAction$ = _hmrUpdating ? this.hmrAction$ : xs.of().filter((_) => false);
-        const wrapped$ = (this.model[BOOTSTRAP_ACTION] && !_hmrUpdating) ? concat(bootstrap$, action$) : concat(xs.of().compose(delay(1)).filter((_) => false), hmrAction$, action$);
+        const hmrAction$ = _hmrUpdating ? this.hmrAction$ : xs$1.of().filter((_) => false);
+        const wrapped$ = (this.model[BOOTSTRAP_ACTION] && !_hmrUpdating) ? concat(bootstrap$, action$) : concat(xs$1.of().compose(delay(1)).filter((_) => false), hmrAction$, action$);
         let initialApiData;
         if (!_hmrUpdating && requestSource && typeof requestSource.select == 'function') {
             initialApiData = requestSource.select('initial')
                 .flatten();
         }
         else {
-            initialApiData = xs.never();
+            initialApiData = xs$1.never();
         }
         const hydrate$ = initialApiData.map((data) => ({ type: HYDRATE_ACTION, data }));
-        this.action$ = xs.merge(wrapped$, hydrate$)
+        this.action$ = xs$1.merge(wrapped$, hydrate$)
             .compose(this.log(({ type }) => `<${type}> Action triggered`))
             .map((action) => {
             if (typeof window !== 'undefined' && window.__SYGNAL_DEVTOOLS__?.connected) {
@@ -2632,15 +2632,15 @@ class Component {
     }
     initContext() {
         if (!this.context && !this.sources.__parentContext$) {
-            this.context$ = xs.of({});
+            this.context$ = xs$1.of({});
             return;
         }
-        const state$ = this.sources[this.stateSourceName]?.stream.startWith({}).compose(dropRepeats(objIsEqual)) || xs.never();
-        const parentContext$ = this.sources.__parentContext$?.startWith({}).compose(dropRepeats(objIsEqual)) || xs.of({});
+        const state$ = this.sources[this.stateSourceName]?.stream.startWith({}).compose(dropRepeats(objIsEqual)) || xs$1.never();
+        const parentContext$ = this.sources.__parentContext$?.startWith({}).compose(dropRepeats(objIsEqual)) || xs$1.of({});
         if (this.context && !isObj(this.context)) {
             console.error(`[${this.name}] Context must be an object mapping names to values of functions: ignoring provided ${typeof this.context}`);
         }
-        this.context$ = xs.combine(state$, parentContext$)
+        this.context$ = xs$1.combine(state$, parentContext$)
             .map(([_, parent]) => {
             const _parent = isObj(parent) ? parent : {};
             const context = isObj(this.context) ? this.context : {};
@@ -2679,7 +2679,7 @@ class Component {
     initModel$() {
         if (typeof this.model == 'undefined') {
             this.model$ = this.sourceNames.reduce((a, s) => {
-                a[s] = xs.never();
+                a[s] = xs$1.never();
                 return a;
             }, {});
             return;
@@ -2692,7 +2692,7 @@ class Component {
         }
         const hasInitialState = (typeof effectiveInitialState !== 'undefined');
         const shouldInjectInitialState = hasInitialState && (ENVIRONMENT?.__SYGNAL_HMR_UPDATING !== true || typeof hmrState !== 'undefined');
-        const shimmed$ = shouldInjectInitialState ? concat(xs.of(initial), this.action$).compose(delay(0)) : this.action$;
+        const shimmed$ = shouldInjectInitialState ? concat(xs$1.of(initial), this.action$).compose(delay(0)) : this.action$;
         const onState = () => this.makeOnAction(shimmed$, true, this.action$);
         const onNormal = () => this.makeOnAction(this.action$, false, this.action$);
         const modelEntries = Object.entries(this.model);
@@ -2761,7 +2761,7 @@ class Component {
         });
         const model$ = Object.entries(reducers).reduce((acc, entry) => {
             const [sink, streams] = entry;
-            acc[sink] = xs.merge(xs.never(), ...streams);
+            acc[sink] = xs$1.merge(xs$1.never(), ...streams);
             return acc;
         }, {});
         this.model$ = model$;
@@ -2791,13 +2791,13 @@ class Component {
     }
     initChildSources$() {
         let newSourcesNext;
-        const childSources$ = xs.create({
+        const childSources$ = xs$1.create({
             start: (listener) => {
                 newSourcesNext = listener.next.bind(listener);
             },
             stop: (_) => {
             }
-        }).map((sources) => xs.merge(...sources)).flatten();
+        }).map((sources) => xs$1.merge(...sources)).flatten();
         this.sources[CHILD_SOURCE_NAME] = {
             select: (nameOrComponent) => {
                 const all$ = childSources$;
@@ -2816,7 +2816,7 @@ class Component {
         };
     }
     initSubComponentSink$() {
-        const subComponentSink$ = xs.create({
+        const subComponentSink$ = xs$1.create({
             start: (listener) => {
                 this.newSubComponentSinks = listener.next.bind(listener);
             },
@@ -2827,7 +2827,7 @@ class Component {
         this.subComponentSink$ = subComponentSink$.filter((sinks) => Object.keys(sinks).length > 0);
     }
     initSubComponentsRendered$() {
-        const stream = xs.create({
+        const stream = xs$1.create({
             start: (listener) => {
                 this.triggerSubComponentsRendered = listener.next.bind(listener);
             },
@@ -2838,7 +2838,7 @@ class Component {
     }
     initVdom$() {
         if (typeof this.view != 'function') {
-            this.vdom$ = xs.of(null);
+            this.vdom$ = xs$1.of(null);
             return;
         }
         const renderParameters$ = this.collectRenderParameters();
@@ -2877,12 +2877,12 @@ class Component {
         this.sinks = this.sourceNames.reduce((acc, name) => {
             if (name == this.DOMSourceName)
                 return acc;
-            const subComponentSink$ = (this.subComponentSink$ && name !== PARENT_SINK_NAME) ? this.subComponentSink$.map((sinks) => sinks[name]).filter((sink) => !!sink).flatten() : xs.never();
+            const subComponentSink$ = (this.subComponentSink$ && name !== PARENT_SINK_NAME) ? this.subComponentSink$.map((sinks) => sinks[name]).filter((sink) => !!sink).flatten() : xs$1.never();
             if (name === this.stateSourceName) {
-                acc[name] = xs.merge((this.model$[name] || xs.never()), subComponentSink$, this.sources[this.stateSourceName].stream.filter((_) => false), ...(this.peers$[name] || []));
+                acc[name] = xs$1.merge((this.model$[name] || xs$1.never()), subComponentSink$, this.sources[this.stateSourceName].stream.filter((_) => false), ...(this.peers$[name] || []));
             }
             else {
-                acc[name] = xs.merge((this.model$[name] || xs.never()), subComponentSink$, ...(this.peers$[name] || []));
+                acc[name] = xs$1.merge((this.model$[name] || xs$1.never()), subComponentSink$, ...(this.peers$[name] || []));
             }
             // Stamp EVENTS sink emissions with emitter component info for devtools
             if (name === 'EVENTS' && acc[name]) {
@@ -2893,7 +2893,7 @@ class Component {
             return acc;
         }, {});
         this.sinks[this.DOMSourceName] = this.vdom$;
-        this.sinks[PARENT_SINK_NAME] = this.model$[PARENT_SINK_NAME] || xs.never();
+        this.sinks[PARENT_SINK_NAME] = this.model$[PARENT_SINK_NAME] || xs$1.never();
         // EFFECT sink: subscribe to trigger side effects but don't expose as a driver sink
         if (this.model$[EFFECT_SINK_NAME]) {
             const effectSub = this.model$[EFFECT_SINK_NAME].subscribe({
@@ -2915,7 +2915,7 @@ class Component {
             this.sinks[READY_SINK_NAME].__explicitReady = true;
         }
         else {
-            this.sinks[READY_SINK_NAME] = xs.of(true);
+            this.sinks[READY_SINK_NAME] = xs$1.of(true);
         }
     }
     makeOnAction(action$, isStateSink = true, rootAction$) {
@@ -3106,7 +3106,7 @@ class Component {
         const state = this.sources[this.stateSourceName];
         const renderParams = { ...this.peers$[this.DOMSourceName] };
         const enhancedState = state && state.isolateSource(state, { get: (state) => this.addCalculated(state) });
-        const stateStream = (enhancedState && enhancedState.stream) || xs.never();
+        const stateStream = (enhancedState && enhancedState.stream) || xs$1.never();
         renderParams.state = stateStream.compose(dropRepeats(objIsEqual));
         if (this.sources.props$) {
             renderParams.props = this.sources.props$.compose(dropRepeats(propsIsEqual));
@@ -3130,7 +3130,7 @@ class Component {
             names.push(name);
             streams.push(stream);
         });
-        const combined = xs.combine(...streams)
+        const combined = xs$1.combine(...streams)
             .compose(debounce(1))
             // map the streams from an array back to an object with the render parameter names as the keys
             .map((arr) => {
@@ -3189,8 +3189,8 @@ class Component {
                     addSinks(entry.sink$);
                     return acc;
                 }
-                const props$ = xs.create().startWith(props);
-                const children$ = xs.create().startWith(children);
+                const props$ = xs$1.create().startWith(props);
+                const children$ = xs$1.create().startWith(children);
                 let instantiator;
                 if (isCollection) {
                     instantiator = this.instantiateCollection.bind(this);
@@ -3218,9 +3218,9 @@ class Component {
                             console.error(`[${this.name}] Error in onError handler:`, fallbackErr);
                         }
                     }
-                    sink$ = { [this.DOMSourceName]: xs.of(fallbackVNode) };
+                    sink$ = { [this.DOMSourceName]: xs$1.of(fallbackVNode) };
                 }
-                sink$[this.DOMSourceName] = sink$[this.DOMSourceName] ? this.makeCoordinatedSubComponentDomSink(sink$[this.DOMSourceName]) : xs.never();
+                sink$[this.DOMSourceName] = sink$[this.DOMSourceName] ? this.makeCoordinatedSubComponentDomSink(sink$[this.DOMSourceName]) : xs$1.never();
                 acc[id] = { sink$, props$, children$ };
                 this._activeSubComponents.set(id, acc[id]);
                 addSinks(sink$);
@@ -3229,7 +3229,7 @@ class Component {
             const mergedSinksByType = Object.entries(sinkArrsByType).reduce((acc, [name, streamArr]) => {
                 if (streamArr.length === 0)
                     return acc;
-                acc[name] = streamArr.length === 1 ? streamArr[0] : xs.merge(...streamArr);
+                acc[name] = streamArr.length === 1 ? streamArr[0] : xs$1.merge(...streamArr);
                 return acc;
             }, {});
             // Dispose removed sub-components
@@ -3268,7 +3268,7 @@ class Component {
             filter,
             sort
         };
-        const state$ = xs.combine(this.sources[this.stateSourceName].stream.startWith(this.currentState), props$.startWith(props))
+        const state$ = xs$1.combine(this.sources[this.stateSourceName].stream.startWith(this.currentState), props$.startWith(props))
             // this debounce is important. it forces state and prop updates to happen at the same time
             // without this, changes to sort or filter won't happen properly
             .compose(debounce(1))
@@ -3570,14 +3570,14 @@ class Component {
         return sink$;
     }
     renderVdom(componentInstances$) {
-        return xs.combine(this.subComponentsRendered$, componentInstances$, this._readyChanged$.startWith(null))
+        return xs$1.combine(this.subComponentsRendered$, componentInstances$, this._readyChanged$.startWith(null))
             .compose(debounce(1))
             .map(([_, components]) => {
             const componentNames = Object.keys(this.components);
             const root = components['::ROOT::'];
             const entries = Object.entries(components).filter(([id]) => id !== '::ROOT::');
             if (entries.length === 0) {
-                return xs.of(processSuspensePost(root));
+                return xs$1.of(processSuspensePost(root));
             }
             const ids = [];
             const vdom$ = entries
@@ -3586,7 +3586,7 @@ class Component {
                 return val.sink$[this.DOMSourceName].startWith(undefined);
             });
             if (vdom$.length === 0)
-                return xs.of(root);
+                return xs$1.of(root);
             // Track READY state on the component instance (persists across folds)
             for (const [id, val] of entries) {
                 if (this._childReadyState[id] !== undefined)
@@ -3619,7 +3619,7 @@ class Component {
                     this._childReadyState[id] = true;
                 }
             }
-            return xs.combine(...vdom$)
+            return xs$1.combine(...vdom$)
                 .compose(debounce(1))
                 .map((vdoms) => {
                 const withIds = vdoms.reduce((acc, vdom, index) => {
@@ -5900,7 +5900,7 @@ function createRef() {
 }
 function createRef$() {
     const listener = { next: () => { } };
-    const stream = xs.createWithMemory({
+    const stream = xs$1.createWithMemory({
         start(l) { listener.next = (val) => l.next(val); },
         stop() { listener.next = () => { }; },
     });
@@ -5945,7 +5945,7 @@ function renderComponent(componentDef, options = {}) {
     // The component's intent function will receive this as a source,
     // and we merge test actions with any real intent streams.
     const testActionListener = { next: () => { } };
-    const testAction$ = xs.create({
+    const testAction$ = xs$1.create({
         start(listener) {
             testActionListener.next = (val) => listener.next(val);
         },
@@ -6041,7 +6041,7 @@ function renderComponent(componentDef, options = {}) {
     // Collect state values
     const states = [];
     let stateListener = null;
-    const stateStream = sources.STATE && sources.STATE.stream ? sources.STATE.stream : xs.never();
+    const stateStream = sources.STATE && sources.STATE.stream ? sources.STATE.stream : xs$1.never();
     stateListener = {
         next: (s) => states.push(s),
         error: () => { },
@@ -6112,8 +6112,8 @@ function renderComponent(componentDef, options = {}) {
     };
     return {
         state$: stateStream,
-        dom$: sinks.DOM || xs.never(),
-        events$: sources.EVENTS || { select: () => xs.never() },
+        dom$: sinks.DOM || xs$1.never(),
+        events$: sources.EVENTS || { select: () => xs$1.never() },
         sinks,
         sources,
         simulateAction,
@@ -6180,6 +6180,7 @@ function emit(type, data) {
     };
 }
 
+const xs = xs$1;
 // ── makeServiceWorkerDriver ──────────────────────────────────
 function trackWorker(worker, events) {
     const emit = (type, data) => events.dispatchEvent(new CustomEvent('data', { detail: { type, data } }));
@@ -6246,7 +6247,7 @@ function makeServiceWorkerDriver(scriptUrl, options = {}) {
         return {
             select(type) {
                 let cb;
-                const in$ = xs__default.create({
+                const in$ = xs.create({
                     start: (listener) => {
                         cb = ({ detail }) => {
                             if (!type || detail.type === type)
@@ -6265,30 +6266,30 @@ function makeServiceWorkerDriver(scriptUrl, options = {}) {
     };
 }
 // ── onlineStatus$ ────────────────────────────────────────────
-function _createOnlineStatus() {
-    if (typeof window === 'undefined') {
-        return xs__default.of(true);
-    }
-    let cleanup;
-    return xs__default.create({
-        start(listener) {
-            listener.next(navigator.onLine);
-            const on = () => listener.next(true);
-            const off = () => listener.next(false);
-            window.addEventListener('online', on);
-            window.addEventListener('offline', off);
-            cleanup = () => {
-                window.removeEventListener('online', on);
-                window.removeEventListener('offline', off);
-            };
-        },
-        stop() {
-            cleanup?.();
-            cleanup = undefined;
-        },
-    });
-}
-const onlineStatus$ = _createOnlineStatus();
+// Lazy — the real stream is created on first subscribe so importing
+// sygnal in SSR doesn't eagerly reference window/navigator.
+let _onlineCleanup;
+const onlineStatus$ = xs.create({
+    start(listener) {
+        if (typeof window === 'undefined') {
+            listener.next(true);
+            return;
+        }
+        listener.next(navigator.onLine);
+        const on = () => listener.next(true);
+        const off = () => listener.next(false);
+        window.addEventListener('online', on);
+        window.addEventListener('offline', off);
+        _onlineCleanup = () => {
+            window.removeEventListener('online', on);
+            window.removeEventListener('offline', off);
+        };
+    },
+    stop() {
+        _onlineCleanup?.();
+        _onlineCleanup = undefined;
+    },
+});
 // ── createInstallPrompt ──────────────────────────────────────
 function createInstallPrompt() {
     let deferredPrompt = null;
@@ -6307,7 +6308,7 @@ function createInstallPrompt() {
     return {
         select(type) {
             let cb;
-            const in$ = xs__default.create({
+            const in$ = xs.create({
                 start: (listener) => {
                     cb = ({ detail }) => {
                         if (detail.type === type)
@@ -6995,4 +6996,4 @@ function buildAttributes(data, selectorId, selectorClasses) {
     return result;
 }
 
-export { ABORT, Collection, MainDOMSource, MockedDOMSource, Portal, Slot, Suspense, Switchable, Transition, classes, collection, component, createCommand, createElement, createInstallPrompt, createRef, createRef$, driverFromAsync, emit, enableHMR, exactState, getDevTools, lazy, makeDOMDriver, makeDragDriver, makeServiceWorkerDriver, mockDOMSource, onlineStatus$, Portal as portal, processDrag, processForm, renderComponent, renderToString, run, set, switchable, thunk, toggle, xs };
+export { ABORT, Collection, MainDOMSource, MockedDOMSource, Portal, Slot, Suspense, Switchable, Transition, classes, collection, component, createCommand, createElement, createInstallPrompt, createRef, createRef$, driverFromAsync, emit, enableHMR, exactState, getDevTools, lazy, makeDOMDriver, makeDragDriver, makeServiceWorkerDriver, mockDOMSource, onlineStatus$, Portal as portal, processDrag, processForm, renderComponent, renderToString, run, set, switchable, thunk, toggle, xs$1 as xs };