@jalvin/runtime 2.0.42 → 2.0.43

package/dist/ui.js

@@ -1,170 +1,271 @@
+"use strict";
 // ─────────────────────────────────────────────────────────────────────────────
-// Jalvin UI runtime — Vanilla DOM reactivity system
+// Jalvin UI runtime — React hooks for StateFlow, ViewModel, remember, mutableStateOf
+//
+// These are the companion hooks that make Jalvin's UI primitives
+// work inside React components.
+//
+// `component fun` blocks compiled to React components call these hooks.
 // ─────────────────────────────────────────────────────────────────────────────
-let activeSubscriber = null;
-let stateHolderIdCounter = 0;
-class StateHolder {
-    _value;
-    subscribers = new Set();
-    id = ++stateHolderIdCounter;
-    constructor(initial) {
-        this._value = initial;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mutableStateOf = mutableStateOf;
+exports.remember = remember;
+exports.rememberMutableStateOf = rememberMutableStateOf;
+exports.collectAsState = collectAsState;
+exports.useViewModel = useViewModel;
+exports.LaunchedEffect = LaunchedEffect;
+exports.DisposableEffect = DisposableEffect;
+exports.SideEffect = SideEffect;
+exports.widthToSizeClass = widthToSizeClass;
+exports.heightToSizeClass = heightToSizeClass;
+exports.WindowSizeClassProvider = WindowSizeClassProvider;
+exports.calculateWindowSizeClass = calculateWindowSizeClass;
+let _react = null;
+function getReact() {
+    if (_react)
+        return _react;
+    try {
+        // Dynamic require keeps this file tree-shakeable in non-React builds
+        // eslint-disable-next-line @typescript-eslint/no-var-requires
+        _react = require("react");
+        return _react;
     }
-    get value() {
-        if (activeSubscriber) {
-            // console.log(`[State ${this.id}] Subscribing active render loop.`);
-            this.subscribers.add(activeSubscriber);
-        }
-        return this._value;
+    catch {
+        throw new Error("[jalvin/runtime] React is required for component functions. " +
+            "Install react@>=18 and add it to your peer dependencies.");
     }
-    set value(next) {
-        if (!Object.is(this._value, next)) {
-            this._value = next;
-            this.notify();
-        }
-    }
-    notify() {
-        for (const sub of Array.from(this.subscribers)) {
-            sub();
-        }
-    }
-}
-// -- Hook System ------------------------------------------------------------
-let currentHookIndex = 0;
-let hookState = [];
-/** Reset the hook pointer (called at the start of every render). */
-function resetHooks() {
-    currentHookIndex = 0;
 }
+const stateflow_js_1 = require("./stateflow.js");
 /**
- * Returns a reactive state holder.
+ * Hoisted `mutableStateOf(initial)` inside a `component fun`.
+ * Returns a mutable object whose `.value` setter triggers a re-render.
+ *
+ * Compiled output:
+ *   val count = mutableStateOf(0)
+ *   →  const count = mutableStateOf(0);
+ *      // count.value to read; count.value = x to update
  */
-export function mutableStateOf(initial) {
-    return new StateHolder(initial);
+function mutableStateOf(initial) {
+    const R = getReact();
+    const [v, setV] = R.useState(initial);
+    // stateRef tracks the latest React state value. Updated on every render so
+    // the value getter always returns the current value, not the initial one.
+    const stateRef = R.useRef(v);
+    const holderRef = R.useRef(null);
+    stateRef.current = v;
+    if (holderRef.current === null) {
+        const holder = {};
+        Object.defineProperties(holder, {
+            value: {
+                get() { return stateRef.current; },
+                set(next) {
+                    if (!Object.is(stateRef.current, next))
+                        setV(next);
+                },
+                enumerable: true,
+                configurable: false,
+            },
+        });
+        holderRef.current = holder;
+    }
+    return holderRef.current;
 }
+// ---------------------------------------------------------------------------
+// remember { } — memoised value across recompositions
+// ---------------------------------------------------------------------------
 /**
- * Persists a value across re-renders.
+ * Compute an expensive value once and remember it.
+ *
+ *   val scope = remember { CoroutineScope() }
  */
-export function remember(compute, deps = []) {
-    const idx = currentHookIndex++;
-    const existing = hookState[idx];
-    let depsChanged = !existing || !existing.deps || existing.deps.length !== deps.length;
-    if (!depsChanged && existing) {
-        for (let i = 0; i < deps.length; i++) {
-            if (!Object.is(deps[i], existing.deps[i])) {
-                depsChanged = true;
-                break;
-            }
-        }
-    }
-    if (depsChanged) {
-        hookState[idx] = { value: compute(), deps };
-    }
-    return hookState[idx].value;
+function remember(compute, deps = []) {
+    const R = getReact();
+    return R.useMemo(compute, deps);
 }
 /**
- * Convenience wrapper.
+ * `remember { mutableStateOf(0) }` — convenience wrapper.
  */
-export function rememberMutableStateOf(initial) {
-    return remember(() => mutableStateOf(initial));
+function rememberMutableStateOf(initial) {
+    const R = getReact();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    return R.useMemo(() => mutableStateOf(initial), []);
 }
+// ---------------------------------------------------------------------------
+// collectAsState — subscribe to a StateFlow inside a component
+// ---------------------------------------------------------------------------
 /**
- * Collects a StateFlow into reactive state, persisting the subscription across renders.
+ * Collects a StateFlow into React state. The component re-renders when
+ * the flow emits a new value.
+ *
+ *   val currentName by viewModel.name.collectAsState()
  */
-export function collectAsState(flow) {
-    const state = remember(() => {
-        const s = mutableStateOf(flow.value);
-        flow.collect((v) => { s.value = v; });
-        return s;
+function collectAsState(flow) {
+    const R = getReact();
+    const [value, setValue] = R.useState(flow.value);
+    R.useEffect(() => {
+        const unsub = flow.collect((v) => setValue(v));
+        return unsub;
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [flow]);
-    return state.value;
+    return value;
+}
+// ---------------------------------------------------------------------------
+// useViewModel — get or create a ViewModel scoped to a component subtree
+// ---------------------------------------------------------------------------
+/**
+ * Returns a shared ViewModel instance for the given key.
+ *
+ *   val vm = useViewModel("CounterVm") { CounterViewModel() }
+ */
+function useViewModel(key, factory) {
+    const R = getReact();
+    const vm = R.useMemo(() => (0, stateflow_js_1.viewModel)(key, factory), []);
+    R.useEffect(() => {
+        return () => (0, stateflow_js_1.clearViewModel)(key);
+        // Only clear when the component truly unmounts from root
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return vm;
 }
+// ---------------------------------------------------------------------------
+// LaunchedEffect — run a suspend block tied to component lifecycle
+// ---------------------------------------------------------------------------
 /**
- * Runs an effect tied to "component" execution.
+ * Runs a suspend block when deps change. Cancels on unmount.
+ *
+ *   LaunchedEffect(Unit) {
+ *       repeat(10) { delay(1_000) }
+ *   }
  */
-export function LaunchedEffect(deps, fn) {
-    remember(() => {
-        fn();
-        return true;
+function LaunchedEffect(deps, fn) {
+    const R = getReact();
+    R.useEffect(() => {
+        let cancelled = false;
+        const guard = async () => {
+            if (!cancelled)
+                await fn();
+        };
+        guard();
+        return () => { cancelled = true; };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, deps);
 }
-export function DisposableEffect(deps, fn) {
-    remember(() => {
-        fn();
-        return true;
+// ---------------------------------------------------------------------------
+// DisposableEffect — run setup/teardown on deps change
+// ---------------------------------------------------------------------------
+function DisposableEffect(deps, fn) {
+    const R = getReact();
+    R.useEffect(() => {
+        const cleanup = fn();
+        return cleanup;
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, deps);
 }
-export function SideEffect(fn) {
-    fn();
+// ---------------------------------------------------------------------------
+// SideEffect — run a non-suspending effect every recomposition
+// ---------------------------------------------------------------------------
+function SideEffect(fn) {
+    const R = getReact();
+    R.useEffect(fn);
 }
-export function widthToSizeClass(widthPx) {
+/** @internal — exported for testing */
+function widthToSizeClass(widthPx) {
     if (widthPx < 600)
         return "Compact";
     if (widthPx < 840)
         return "Medium";
     return "Expanded";
 }
-export function heightToSizeClass(heightPx) {
+/** @internal — exported for testing */
+function heightToSizeClass(heightPx) {
     if (heightPx < 480)
         return "Compact";
     if (heightPx < 900)
         return "Medium";
     return "Expanded";
 }
-const windowSizeState = new StateHolder({
-    widthSizeClass: widthToSizeClass(typeof window !== "undefined" ? window.innerWidth : 1280),
-    heightSizeClass: heightToSizeClass(typeof window !== "undefined" ? window.innerHeight : 800),
-});
-if (typeof window !== "undefined") {
-    window.addEventListener("resize", () => {
-        windowSizeState.value = {
-            widthSizeClass: widthToSizeClass(window.innerWidth),
-            heightSizeClass: heightToSizeClass(window.innerHeight),
-        };
-    });
-}
-export function calculateWindowSizeClass() {
-    return windowSizeState.value;
+// ---------------------------------------------------------------------------
+// WindowSizeClassProvider — single resize listener for the whole tree
+//
+// Mount this once at the app root. All calls to calculateWindowSizeClass()
+// read from this context, so a single resize event produces exactly one
+// coordinated state update regardless of how many components call the hook.
+// ---------------------------------------------------------------------------
+const DEFAULT_WINDOW_SIZE_CLASS = {
+    widthSizeClass: "Expanded",
+    heightSizeClass: "Medium",
+};
+// Lazily created so the module remains usable in non-React (Node) builds.
+let _WindowSizeClassContext = null;
+function getWindowSizeClassContext() {
+    if (!_WindowSizeClassContext) {
+        _WindowSizeClassContext = getReact().createContext(DEFAULT_WINDOW_SIZE_CLASS);
+    }
+    return _WindowSizeClassContext;
 }
-export function WindowSizeClassProvider({ children }) {
-    return children;
+/**
+ * Mount once at the app root. Registers a single `resize` listener and
+ * distributes the current {@link WindowSizeClassState} to all descendants
+ * that call {@link calculateWindowSizeClass}.
+ *
+ * The vite-plugin entry module wraps the root component in this provider
+ * automatically when the `entry` option is used.
+ *
+ * @example
+ * ```jalvin
+ * // main entry
+ * root.render(
+ *   WindowSizeClassProvider { MyApp() }
+ * )
+ * ```
+ */
+function WindowSizeClassProvider({ children }) {
+    const R = getReact();
+    const getState = () => ({
+        widthSizeClass: widthToSizeClass(typeof window !== "undefined" ? window.innerWidth : 1280),
+        heightSizeClass: heightToSizeClass(typeof window !== "undefined" ? window.innerHeight : 800),
+    });
+    const [state, setState] = R.useState(getState);
+    R.useEffect(() => {
+        const onResize = () => {
+            const next = getState();
+            setState(prev => prev.widthSizeClass === next.widthSizeClass &&
+                prev.heightSizeClass === next.heightSizeClass
+                ? prev
+                : next);
+        };
+        window.addEventListener("resize", onResize);
+        return () => window.removeEventListener("resize", onResize);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const ctx = getWindowSizeClassContext();
+    return R.createElement(ctx.Provider, { value: state }, children);
 }
-// -- ViewModels -------------------------------------------------------------
-export { viewModel as useViewModel } from "./stateflow.js";
-// -- Root Rendering ---------------------------------------------------------
-let renderCount = 0;
-import { patch } from "./dom.js";
 /**
- * Mounts a Jalvin component to the DOM and sets up the re-render loop.
+ * Returns the current {@link WindowSizeClassState}. Re-renders only when the
+ * window crosses a breakpoint boundary.
+ *
+ * Requires {@link WindowSizeClassProvider} to be mounted somewhere above this
+ * component in the tree (the vite-plugin does this automatically). If no
+ * provider is found the hook falls back to "Expanded/Medium" and logs a
+ * warning in development.
+ *
+ * Mirrors `calculateWindowSizeClass()` from Compose Material3 Adaptive.
+ *
+ * @example
+ * ```jalvin
+ * component fun AdaptiveLayout() {
+ *   val windowSize = calculateWindowSizeClass()
+ *   if (windowSize.widthSizeClass == "Compact") {
+ *     MobileLayout()
+ *   } else {
+ *     DesktopLayout()
+ *   }
+ * }
+ * ```
  */
-export function render(rootComponent, container) {
-    // Store the last rendered VNode on the container
-    let oldVNode = container._jalvin_vnode || null;
-    const update = () => {
-        renderCount++;
-        activeSubscriber = update;
-        resetHooks();
-        // Save current active element (focus) and selection
-        let activeId = "";
-        if (document.activeElement && document.activeElement.id) {
-            activeId = document.activeElement.id;
-        }
-        else if (document.activeElement && document.activeElement.tagName === "INPUT") {
-            activeId = document.activeElement.name;
-        }
-        const newVNode = rootComponent();
-        // Patch the DOM instead of recreating it
-        patch(container, newVNode, oldVNode);
-        oldVNode = newVNode;
-        container._jalvin_vnode = oldVNode;
-        // Restore focus if possible
-        if (activeId) {
-            const toFocus = document.getElementById(activeId) || document.querySelector(`input[name="${activeId}"]`);
-            if (toFocus)
-                toFocus.focus();
-        }
-        activeSubscriber = null;
-    };
-    update();
+function calculateWindowSizeClass() {
+    const R = getReact();
+    return R.useContext(getWindowSizeClassContext());
 }
 //# sourceMappingURL=ui.js.map

package/dist/ui.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui.js","sourceRoot":"","sources":["../src/ui.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ui.js","sourceRoot":"","sources":["../src/ui.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jalvin/runtime",
-  "version": "2.0.42",
+  "version": "2.0.43",
   "description": "Jalvin runtime — Bibi HTTP client, coroutines, StateFlow, ViewModel, UI reactivity",
   "type": "module",
   "main": "dist/index.js",

package/dist/dom.d.ts

@@ -1,15 +0,0 @@
-export interface VNode {
-    tag: string;
-    props: Record<string, any>;
-    children: Array<VNode | string>;
-    el?: Node;
-}
-/**
- * Creates a Virtual DOM Node instead of a real element.
- */
-export declare function jalvinCreateElement(tag: string | Function, props: Record<string, any> | null, ...children: any[]): VNode | any;
-/**
- * A basic diffing algorithm to update the DOM without recreating it.
- */
-export declare function patch(parentEl: HTMLElement, newVNode: VNode | string | null, oldVNode?: VNode | string | null, index?: number): void;
-//# sourceMappingURL=dom.d.ts.map

package/dist/dom.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../src/dom.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,KAAK;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC;IAChC,EAAE,CAAC,EAAE,IAAI,CAAC;CACX;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,GAAG,EAAE,MAAM,GAAG,QAAQ,EACtB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,EACjC,GAAG,QAAQ,EAAE,GAAG,EAAE,GACjB,KAAK,GAAG,GAAG,CAmCb;AAED;;GAEG;AACH,wBAAgB,KAAK,CAAC,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,EAAE,QAAQ,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,EAAE,KAAK,SAAI,GAAG,IAAI,CAmD/H"}