@elaraai/east-ui 1.0.34 → 1.0.36

package/dist/test/reactive/match.examples.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"match.examples.d.ts","sourceRoot":"","sources":["../../../test/reactive/match.examples.tsx"],"names":[],"mappings":"AASA;;;;;GAKG;AACH,eAAO,MAAM,eAAe,6CA8B1B,CAAC;AAEH;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,6CAmD9B,CAAC"}

package/dist/test/reactive/match.examples.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@elaraai/east-ui/jsx-runtime";
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/** @jsxImportSource @elaraai/east-ui */
+import { East, IntegerType, NullType, StringType, VariantType, variant, example } from "@elaraai/east";
+import { UIComponentType } from "@elaraai/east-ui";
+import { Match, Reactive, State, Button, HStack, VStack, Text } from "@elaraai/east-ui";
+/**
+ * A `State`-bound mode variant hosted by `<Match>` — the component-level twin
+ * of `variant.match`: only the active case mounts, and it remounts on tag
+ * change. Pass the *reading expression* (`modeBind.read()`) as `on` — the slot
+ * re-reads it reactively; a `$.let` snapshot of the read would freeze the slot.
+ */
+export const matchModeSwitch = example({
+    keywords: ["Match", "on", "cases", "variant", "mode", "hosting slot", "remount", "conditional", "switch"],
+    description: "Match hosts one of two panels by a State-bound mode variant — typed payload per case, remounts on tag change",
+    fn: East.function([], UIComponentType, (_$) => {
+        const ModeType = VariantType({ list: NullType, detail: StringType });
+        return (_jsx(Reactive, { children: $ => {
+                const modeBind = $.let(State.bind([ModeType], "match.mode", variant("list", null)));
+                const toDetail = $.const(East.function([], NullType, $ => {
+                    $(modeBind.write(East.value(variant("detail", "item-1"), ModeType)));
+                }));
+                const toList = $.const(East.function([], NullType, $ => {
+                    $(modeBind.write(East.value(variant("list", null), ModeType)));
+                }));
+                return (_jsxs(VStack, { gap: "3", align: "stretch", children: [_jsxs(HStack, { gap: "2", children: [_jsx(Button, { onClick: toList, children: "List" }), _jsx(Button, { onClick: toDetail, children: "Open item-1" })] }), _jsx(Match, { on: modeBind.read(), cases: {
+                                list: (_$) => _jsx(Text, { children: "All items" }),
+                                detail: (_$, id) => _jsx(Text, { children: East.str `Detail — ${id}` }),
+                            } })] }));
+            } }));
+    }),
+    inputs: [],
+});
+/**
+ * The case `<Match>` exists for: each case is a **stateful** panel (its own
+ * `<Reactive>` + `State.bind`). A plain `variant.match` over mounted panels
+ * would reconcile the same-shape nodes and keep the first panel mounted —
+ * `<Match>` tears the inactive case down and mounts the active one fresh, so
+ * each panel's own bindings attach on entry.
+ */
+export const matchStatefulPanels = example({
+    keywords: ["Match", "Reactive", "State", "stateful", "panel", "remount", "fresh", "hosting slot", "swap"],
+    description: "Match swaps two self-contained stateful panels (each its own Reactive + State.bind) — the active case mounts fresh per tag change",
+    fn: East.function([], UIComponentType, (_$) => {
+        const PanelType = VariantType({ counter: NullType, notes: NullType });
+        return (_jsx(Reactive, { children: $ => {
+                const panelBind = $.let(State.bind([PanelType], "match.panel", variant("counter", null)));
+                const showCounter = $.const(East.function([], NullType, $ => {
+                    $(panelBind.write(East.value(variant("counter", null), PanelType)));
+                }));
+                const showNotes = $.const(East.function([], NullType, $ => {
+                    $(panelBind.write(East.value(variant("notes", null), PanelType)));
+                }));
+                return (_jsxs(VStack, { gap: "3", align: "stretch", children: [_jsxs(HStack, { gap: "2", children: [_jsx(Button, { onClick: showCounter, children: "Counter" }), _jsx(Button, { onClick: showNotes, children: "Notes" })] }), _jsx(Match, { on: panelBind.read(), cases: {
+                                counter: (_$) => (_jsx(Reactive, { children: $ => {
+                                        const countBind = $.let(State.bind([IntegerType], "match.panel.count", 0n));
+                                        const count = $.let(countBind.read());
+                                        const increment = $.const(East.function([], NullType, $ => {
+                                            const current = $.let(countBind.read());
+                                            $(countBind.write(current.add(1n)));
+                                        }));
+                                        return (_jsxs(VStack, { gap: "2", align: "stretch", children: [_jsx(Text, { children: East.str `Count: ${East.print(count)}` }), _jsx(Button, { onClick: increment, children: "+1" })] }));
+                                    } })),
+                                notes: (_$) => (_jsx(Reactive, { children: $ => {
+                                        const noteBind = $.let(State.bind([StringType], "match.panel.note", "…"));
+                                        const note = $.let(noteBind.read());
+                                        return _jsx(Text, { children: East.str `Notes: ${note}` });
+                                    } })),
+                            } })] }));
+            } }));
+    }),
+    inputs: [],
+});
+//# sourceMappingURL=match.examples.js.map

package/dist/test/reactive/match.examples.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"match.examples.js","sourceRoot":"","sources":["../../../test/reactive/match.examples.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elaraai/east-ui",
-  "version": "1.0.34",
+  "version": "1.0.36",
   "description": "East UI - UI components for East language",
   "main": "dist/src/index.js",
   "types": "dist/src/index.d.ts",
@@ -162,10 +162,10 @@
     "eslint-plugin-headers": "^1.3.3",
     "tsx": "^4.19.2",
     "typescript": "~5.9.2",
-    "@elaraai/east-node-std": "1.0.34"
+    "@elaraai/east-node-std": "1.0.36"
   },
   "peerDependencies": {
-    "@elaraai/east": "1.0.34"
+    "@elaraai/east": "1.0.36"
   },
   "scripts": {
     "build": "tsc",