sygnal 5.3.1 → 5.3.3

package/dist/vike/+config.cjs.js

@@ -40,6 +40,9 @@ var _config = {
         lang: {
             env: { server: true, client: true },
         },
+        drivers: {
+            env: { client: true },
+        },
         ssr: {
             env: { config: true },
             effect({ configDefinedAt, configValue }) {

package/dist/vike/+config.js

@@ -38,6 +38,9 @@ var _config = {
         lang: {
             env: { server: true, client: true },
         },
+        drivers: {
+            env: { client: true },
+        },
         ssr: {
             env: { config: true },
             effect({ configDefinedAt, configValue }) {

package/dist/vike/onRenderClient.cjs.js

@@ -265,7 +265,7 @@ function onRenderClient(pageContext) {
             };
             const Component = createLayoutWrapper(wrappers, layouts, Page);
             try {
-                currentApp = sygnal.run(Component, {}, { mountPoint: '#page-view' });
+                currentApp = sygnal.run(Component, config.drivers || {}, { mountPoint: '#page-view' });
             }
             catch (err) {
                 console.error('[sygnal/vike] Client render error:', err);
@@ -301,7 +301,7 @@ function onRenderClient(pageContext) {
             urlPathname: () => currentUrlPathname,
         };
         try {
-            currentApp = sygnal.run(Page, {}, { mountPoint: '#page-view' });
+            currentApp = sygnal.run(Page, config.drivers || {}, { mountPoint: '#page-view' });
         }
         catch (err) {
             console.error('[sygnal/vike] Client render error:', err);

package/dist/vike/onRenderClient.mjs

@@ -263,7 +263,7 @@ function onRenderClient(pageContext) {
             };
             const Component = createLayoutWrapper(wrappers, layouts, Page);
             try {
-                currentApp = run(Component, {}, { mountPoint: '#page-view' });
+                currentApp = run(Component, config.drivers || {}, { mountPoint: '#page-view' });
             }
             catch (err) {
                 console.error('[sygnal/vike] Client render error:', err);
@@ -299,7 +299,7 @@ function onRenderClient(pageContext) {
             urlPathname: () => currentUrlPathname,
         };
         try {
-            currentApp = run(Page, {}, { mountPoint: '#page-view' });
+            currentApp = run(Page, config.drivers || {}, { mountPoint: '#page-view' });
         }
         catch (err) {
             console.error('[sygnal/vike] Client render error:', err);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sygnal",
-  "version": "5.3.1",
+  "version": "5.3.3",
   "description": "An intuitive framework for building fast and small components or applications based on Cycle.js",
   "main": "./dist/index.cjs.js",
   "types": "./dist/index.d.ts",

package/src/extra/pwa.ts

@@ -1,6 +1,10 @@
-import xs, {Stream} from 'xstream';
+import _xs from './xstreamCompat';
+import type {Stream, Listener} from 'xstream';
+import type xsType from 'xstream';
 import {adapt} from '../cycle/run/adapt';
 
+const xs = _xs as typeof xsType;
+
 // ── Types ────────────────────────────────────────────────────
 
 export interface ServiceWorkerSource {
@@ -109,34 +113,32 @@ export function makeServiceWorkerDriver(
 }
 
 // ── onlineStatus$ ────────────────────────────────────────────
+// Lazy — the real stream is created on first subscribe so importing
+// sygnal in SSR doesn't eagerly reference window/navigator.
 
-function _createOnlineStatus(): Stream<boolean> {
-  if (typeof window === 'undefined') {
-    return xs.of(true);
-  }
+let _onlineCleanup: (() => void) | undefined;
 
-  let cleanup: (() => void) | undefined;
-
-  return xs.create<boolean>({
-    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;
-    },
-  });
-}
-
-export const onlineStatus$: Stream<boolean> = _createOnlineStatus();
+export const onlineStatus$: Stream<boolean> = xs.create<boolean>({
+  start(listener: Listener<boolean>) {
+    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 ──────────────────────────────────────
 

package/src/vike/+config.ts

@@ -42,6 +42,9 @@ export default {
     lang: {
       env: { server: true, client: true },
     },
+    drivers: {
+      env: { client: true },
+    },
     ssr: {
       env: { config: true },
       effect({ configDefinedAt, configValue }: { configDefinedAt: string; configValue: unknown }) {

package/src/vike/onRenderClient.ts

@@ -36,6 +36,7 @@ interface PageContext {
     Wrapper?: any | any[]
     title?: string
     ssr?: boolean
+    drivers?: Record<string, (sink: any) => any>
   }
 }
 
@@ -310,7 +311,7 @@ export function onRenderClient(pageContext: PageContext) {
       const Component = createLayoutWrapper(wrappers, layouts, Page)
 
       try {
-        currentApp = run(Component, {}, { mountPoint: '#page-view' }) as any
+        currentApp = run(Component, config.drivers || {}, { mountPoint: '#page-view' }) as any
       } catch (err: any) {
         console.error('[sygnal/vike] Client render error:', err)
         const container = document.getElementById('page-view')
@@ -347,7 +348,7 @@ export function onRenderClient(pageContext: PageContext) {
     }
 
     try {
-      currentApp = run(Page, {}, { mountPoint: '#page-view' }) as any
+      currentApp = run(Page, config.drivers || {}, { mountPoint: '#page-view' }) as any
     } catch (err: any) {
       console.error('[sygnal/vike] Client render error:', err)
       const container = document.getElementById('page-view')

package/src/vike/types.ts

@@ -22,6 +22,8 @@ declare global {
       favicon?: string
       /** <html lang="..."> attribute (default: "en") */
       lang?: string
+      /** Additional Cycle.js drivers to pass to run() (e.g. WebSocket, HTTP). Client-only. */
+      drivers?: Record<string, (sink: any) => any>
       /** Enable/disable SSR for this page (default: true). Set false for SPA mode. */
       ssr?: boolean
     }