@jalvin/runtime 2.0.38 → 2.0.40

package/dist/ui.js

@@ -1,271 +1,173 @@
-"use strict";
 // ─────────────────────────────────────────────────────────────────────────────
-// 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.
+// Jalvin UI runtime — Vanilla DOM reactivity system
 // ─────────────────────────────────────────────────────────────────────────────
-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;
+let activeSubscriber = null;
+let stateHolderIdCounter = 0;
+class StateHolder {
+    _value;
+    subscribers = new Set();
+    id = ++stateHolderIdCounter;
+    constructor(initial) {
+        this._value = initial;
     }
-    catch {
-        throw new Error("[jalvin/runtime] React is required for component functions. " +
-            "Install react@>=18 and add it to your peer dependencies.");
+    get value() {
+        if (activeSubscriber) {
+            // console.log(`[State ${this.id}] Subscribing active render loop.`);
+            this.subscribers.add(activeSubscriber);
+        }
+        return this._value;
     }
-}
-const stateflow_js_1 = require("./stateflow.js");
-/**
- * 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
- */
-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;
+    set value(next) {
+        if (!Object.is(this._value, next)) {
+            console.log(`[State ${this.id}] Value changing:`, this._value, "->", next, "| Notifying", this.subscribers.size, "subscribers");
+            this._value = next;
+            this.notify();
+        }
     }
-    return holderRef.current;
+    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;
 }
-// ---------------------------------------------------------------------------
-// remember { } — memoised value across recompositions
-// ---------------------------------------------------------------------------
 /**
- * Compute an expensive value once and remember it.
- *
- *   val scope = remember { CoroutineScope() }
+ * Returns a reactive state holder.
  */
-function remember(compute, deps = []) {
-    const R = getReact();
-    return R.useMemo(compute, deps);
+export function mutableStateOf(initial) {
+    return new StateHolder(initial);
 }
 /**
- * `remember { mutableStateOf(0) }` — convenience wrapper.
+ * Persists a value across re-renders.
  */
-function rememberMutableStateOf(initial) {
-    const R = getReact();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    return R.useMemo(() => mutableStateOf(initial), []);
+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;
 }
-// ---------------------------------------------------------------------------
-// collectAsState — subscribe to a StateFlow inside a component
-// ---------------------------------------------------------------------------
 /**
- * Collects a StateFlow into React state. The component re-renders when
- * the flow emits a new value.
- *
- *   val currentName by viewModel.name.collectAsState()
+ * Convenience wrapper.
  */
-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 value;
+export function rememberMutableStateOf(initial) {
+    return remember(() => mutableStateOf(initial));
 }
-// ---------------------------------------------------------------------------
-// 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() }
+ * Collects a StateFlow into reactive state, persisting the subscription across renders.
  */
-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;
+export function collectAsState(flow) {
+    const state = remember(() => {
+        const s = mutableStateOf(flow.value);
+        flow.collect((v) => { s.value = v; });
+        return s;
+    }, [flow]);
+    return state.value;
 }
-// ---------------------------------------------------------------------------
-// LaunchedEffect — run a suspend block tied to component lifecycle
-// ---------------------------------------------------------------------------
 /**
- * Runs a suspend block when deps change. Cancels on unmount.
- *
- *   LaunchedEffect(Unit) {
- *       repeat(10) { delay(1_000) }
- *   }
+ * Runs an effect tied to "component" execution.
  */
-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
+export function LaunchedEffect(deps, fn) {
+    remember(() => {
+        fn();
+        return true;
     }, deps);
 }
-// ---------------------------------------------------------------------------
-// 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
+export function DisposableEffect(deps, fn) {
+    remember(() => {
+        fn();
+        return true;
     }, deps);
 }
-// ---------------------------------------------------------------------------
-// SideEffect — run a non-suspending effect every recomposition
-// ---------------------------------------------------------------------------
-function SideEffect(fn) {
-    const R = getReact();
-    R.useEffect(fn);
+export function SideEffect(fn) {
+    fn();
 }
-/** @internal — exported for testing */
-function widthToSizeClass(widthPx) {
+export function widthToSizeClass(widthPx) {
     if (widthPx < 600)
         return "Compact";
     if (widthPx < 840)
         return "Medium";
     return "Expanded";
 }
-/** @internal — exported for testing */
-function heightToSizeClass(heightPx) {
+export function heightToSizeClass(heightPx) {
     if (heightPx < 480)
         return "Compact";
     if (heightPx < 900)
         return "Medium";
     return "Expanded";
 }
-// ---------------------------------------------------------------------------
-// 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;
-}
-/**
- * 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);
+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),
         };
-        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);
+    });
+}
+export function calculateWindowSizeClass() {
+    return windowSizeState.value;
+}
+export function WindowSizeClassProvider({ children }) {
+    return children;
 }
+// -- ViewModels -------------------------------------------------------------
+export { viewModel as useViewModel } from "./stateflow.js";
+// -- Root Rendering ---------------------------------------------------------
+let renderCount = 0;
+import { patch } from "./dom.js";
 /**
- * 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()
- *   }
- * }
- * ```
+ * Mounts a Jalvin component to the DOM and sets up the re-render loop.
  */
-function calculateWindowSizeClass() {
-    const R = getReact();
-    return R.useContext(getWindowSizeClassContext());
+export function render(rootComponent, container) {
+    // Store the last rendered VNode on the container
+    let oldVNode = container._jalvin_vnode || null;
+    const update = () => {
+        renderCount++;
+        console.log(`[RENDER] Cycle ${renderCount} starting...`);
+        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;
+        console.log(`[RENDER] Cycle ${renderCount} finished.`);
+    };
+    update();
 }
 //# 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,7 +1,8 @@
 {
   "name": "@jalvin/runtime",
-  "version": "2.0.38",
-  "description": "Jalvin runtime — Bibi HTTP client, coroutines, StateFlow, ViewModel, UI hooks",
+  "version": "2.0.40",
+  "description": "Jalvin runtime — Bibi HTTP client, coroutines, StateFlow, ViewModel, UI reactivity",
+  "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -18,19 +19,10 @@
   "files": [
     "dist"
   ],
-  "peerDependencies": {
-    "react": ">=18.0.0"
-  },
-  "peerDependenciesMeta": {
-    "react": {
-      "optional": true
-    }
-  },
   "devDependencies": {
-    "typescript": "^5.4.0",
     "@types/node": "^20.0.0",
-    "@types/react": "^18.0.0",
     "@vitest/coverage-v8": "^2.1.9",
+    "typescript": "^5.4.0",
     "vitest": "^2.1.9"
   },
   "scripts": {