@octane-xplat/ui 0.2.1 → 0.3.0

package/dist/native/ui42.js

@@ -0,0 +1,148 @@
+import { getStack, onStackRegistered, stackEntries } from "./ui27.js";
+import { buildRoutePath } from "./ui41.js";
+import { createNativeScriptRoot } from "@nativescript-community/octane";
+import { Application, GridLayout, Page } from "@nativescript/core";
+import { hookSlots as hookSlots$1, useSyncExternalStore as useSyncExternalStore$1 } from "octane";
+//#region src/route.native.ts
+/** Native twin of route.web — same Route contract over Frame/Page stacks.
+*  `pushRoute` resolves a stack ('root' = the app's root Frame — an
+*  explicit registerStack('root') or, by default, the Frame returned by
+*  Application.getRootView(); named stacks come from TabSpec.stack panes
+*  or registerStack) and pushes a Page hosting the registered screen —
+*  each pushed Page is its own Octane root (decision #9: pages never
+*  share context with their presenter). Params land as props; named-stack
+*  pushes get `_stack` injected so the screen can popRoute its own stack.
+*
+*  Registration contract (the footgun this module exists to defuse):
+*  - `registerScreens(table)` once — pushRoute resolves `name` through it.
+*  - 'root' needs nothing when the app boots a Frame as its root view
+*    (the standard shape); non-Frame roots can't host pushes at all.
+*  - named stacks register via `TabSpec.stack` or `registerStack`.
+*  Every drop path warns loudly — silent no-ops are how apps ship a
+*  default route on native while working fine on web. */
+var screens = {};
+var routes = [];
+/** Register the app's name → screen table (call once, from the shared
+*  routes module). Native `pushRoute` resolves `route.name` through it;
+*  on web the table feeds `screenFor` for outlets without a
+*  `resolveScreen` prop. `manifest` (from deriveRouteManifest) is stored
+*  for parity — the web leaf matches URLs through it; native navigation
+*  is name+params and only needs the table. */
+function registerScreens(table, manifest) {
+	screens = table;
+	routes = manifest ?? [];
+}
+/** One-call registration for route-dir apps — screens + URL patterns +
+*  layouts all come from deriveRouteManifest. */
+function registerRoutes(manifest) {
+	registerScreens(manifest.screens, manifest.routes);
+}
+function screenFor(name) {
+	return screens[name];
+}
+var tracked = /* @__PURE__ */ new WeakSet();
+var listeners = /* @__PURE__ */ new Set();
+var pageRoutes = /* @__PURE__ */ new WeakMap();
+var warned = /* @__PURE__ */ new Set();
+function emit() {
+	listeners.forEach((l) => l());
+}
+function warnOnce(key, msg) {
+	if (warned.has(key)) return;
+	warned.add(key);
+	console.warn("[octane-xplat] " + msg);
+}
+/** Attach the route-store emission hook once per frame. `navigatedTo`
+*  fires on push AND on pop (the revealed page re-fires it), so one
+*  listener keeps every useRoute snapshot honest. */
+function trackFrame(frame) {
+	if (tracked.has(frame)) return;
+	tracked.add(frame);
+	frame.on("navigatedTo", emit);
+}
+function resolveStack(stack) {
+	const frame = getStack(stack);
+	if (frame) trackFrame(frame);
+	return frame;
+}
+onStackRegistered((_name, frame) => {
+	trackFrame(frame);
+	emit();
+});
+function pushRoute(r) {
+	const frame = resolveStack(r.stack);
+	if (!frame) {
+		warnOnce("stack:" + r.stack, r.stack === "root" ? `pushRoute('${r.name}') dropped — no root Frame. Boot with a Frame as the app root (Application.run create() returning new Frame) or call registerStack('root', frame).` : `pushRoute('${r.name}') dropped — no stack '${r.stack}' is registered. Named stacks come from TabSpec.stack on <Tabs> or registerStack('${r.stack}', frame).`);
+		return;
+	}
+	const C = screenFor(r.name);
+	if (!C) {
+		warnOnce("screen:" + r.name, `pushRoute('${r.name}') dropped — '${r.name}' isn't in the screen table. Call registerScreens({ ${r.name}: ... }) at boot.`);
+		return;
+	}
+	if (Application.android && r.stack !== "root") warnOnce("android:" + r.stack, `pushRoute into named stack '${r.stack}' on Android — upstream #11444: the page mounts but currentPage/backStack/goBack never land (pages accumulate). Named-stack pushes are iOS-only until fixed.`);
+	if (!frame.isLoaded) frame.callLoaded?.();
+	const props = r.stack === "root" ? r.params : {
+		...r.params,
+		_stack: r.stack
+	};
+	try {
+		frame.navigate({ create: () => {
+			const page = new Page();
+			page.id = r.name + "-page";
+			page.actionBarHidden = true;
+			pageRoutes.set(page, r);
+			const host = new GridLayout();
+			page.content = host;
+			createNativeScriptRoot(host).render(C, props);
+			return page;
+		} });
+	} catch (e) {
+		console.warn("[octane-xplat] pushRoute(" + r.name + ") threw: " + e?.message);
+	}
+}
+/** Pop the top page of a stack ('root' default). Quiet no-op at the base
+*  page — matching web, where back at the app root is a no-op; loud only
+*  when the stack itself doesn't exist. */
+function popRoute(stack = "root") {
+	const frame = resolveStack(stack);
+	if (!frame) {
+		warnOnce("pop:" + stack, `popRoute('${stack}') dropped — no such stack is registered.`);
+		return;
+	}
+	frame.goBack();
+}
+/** Route stamped on a stack's current page, or null at its base page. */
+function routeFor(stack) {
+	const page = resolveStack(stack)?.currentPage;
+	return (page && pageRoutes.get(page)) ?? null;
+}
+/** The top route across stacks — root's current route wins (a root push
+*  covers the shell); otherwise the most recently registered named stack
+*  showing a pushed page. Native has no boot URL, so this is an
+*  approximation of web's "current URL route", not a deep link. */
+function currentRoute() {
+	const root = routeFor("root");
+	if (root) return root;
+	const named = [...stackEntries()].reverse();
+	for (const [name] of named) {
+		const r = routeFor(name);
+		if (r) return r;
+	}
+	return null;
+}
+/** Path-string parity for the web leaf's hrefFor — a canonical
+*  /<stack>/<path> rendering of the route (deep-linking consumes it
+*  there). Native navigation itself is name+params, not URLs. */
+function hrefFor(r) {
+	return buildRoutePath(routes, r);
+}
+function useRoute(stack) {
+	return useSyncExternalStore$1((cb) => {
+		listeners.add(cb);
+		return () => listeners.delete(cb);
+	}, () => routeFor(stack), _h$0);
+}
+var _h$0 = /* @__PURE__ */ Symbol(/* @__PURE__ */ hookSlots$1(1));
+//#endregion
+export { currentRoute, hrefFor, popRoute, pushRoute, registerRoutes, registerScreens, routeFor, screenFor, useRoute };

package/dist/native/ui43.js

@@ -0,0 +1,22 @@
+//#region src/store.ts
+function createStore(initial) {
+	let value = initial;
+	const listeners = /* @__PURE__ */ new Set();
+	return {
+		get: () => value,
+		set(next) {
+			const v = typeof next === "function" ? next(value) : next;
+			if (Object.is(v, value)) return;
+			value = v;
+			for (const l of [...listeners]) l();
+		},
+		subscribe(notify) {
+			listeners.add(notify);
+			return () => {
+				listeners.delete(notify);
+			};
+		}
+	};
+}
+//#endregion
+export { createStore };

package/dist/native/ui44.js

@@ -0,0 +1,8 @@
+import { hookSlots, useSyncExternalStore } from "@nativescript-community/octane";
+//#region src/use-store.native.tsrx
+var _h$0 = /* @__PURE__ */ Symbol(/* @__PURE__ */ hookSlots(1));
+function useStore(store, select) {
+	return useSyncExternalStore(store.subscribe, select === void 0 ? store.get : () => select(store.get()), _h$0);
+}
+//#endregion
+export { useStore };

package/dist/native/ui5.js

@@ -1,35 +1,78 @@
-import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
-//#region src/Pressable.native.tsrx
+import { cx } from "./ui2.js";
+import { applyEscapeProps } from "./ui3.js";
+import { layoutChildProps } from "./ui4.js";
+import { defineUniversalComponent, hookSlots, universalPlan, universalProps, universalValue, useCallback } from "@nativescript-community/octane";
+//#region src/View.native.tsrx
+var _h$0 = /* @__PURE__ */ Symbol(/* @__PURE__ */ hookSlots(1));
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",
-	"type": "contentview",
-	"bindings": [
-		["id", 0],
-		["className", 1],
-		["style", 2],
-		["accessible", 3],
-		["accessibilityLabel", 4],
-		["accessibilityRole", 5],
-		["onTap", 6],
-		["onLongPress", 7]
-	],
+	"type": "flexboxlayout",
+	"propsSlot": 0,
 	"children": [{
 		"kind": "slot",
-		"slot": 8
+		"slot": 1
 	}]
 });
-var Pressable = defineUniversalComponent("nativescript", function Pressable(props) {
-	return universalValue(__octaneUniversalPlan0, [
-		props.id,
-		props.className,
-		props.style,
-		props.accessible,
-		props.accessibilityLabel,
-		props.accessibilityRole,
-		props.disabled ? void 0 : props.onPress,
-		props.disabled ? void 0 : props.onLongPress,
-		props.children
-	]);
+var PAN_STATE = [
+	"cancelled",
+	"began",
+	"moved",
+	"ended"
+];
+var View = defineUniversalComponent("nativescript", function View(props) {
+	const onPan = useCallback((e) => props.onPan?.({
+		x: e.deltaX,
+		y: e.deltaY,
+		dx: e.deltaX,
+		dy: e.deltaY,
+		vx: 0,
+		vy: 0,
+		state: PAN_STATE[e.state] ?? "moved",
+		target: e.view ?? e.object
+	}), [props.onPan], _h$0);
+	return universalValue(__octaneUniversalPlan0, [universalProps([
+		[
+			"set",
+			"id",
+			props.id
+		],
+		["spread", layoutChildProps(props)],
+		[
+			"set",
+			"ref",
+			(v) => {
+				if (v) {
+					applyEscapeProps(v, props);
+					props.bind?.(v);
+				}
+			}
+		],
+		[
+			"set",
+			"flexDirection",
+			"column"
+		],
+		[
+			"set",
+			"className",
+			cx(props.className)
+		],
+		[
+			"set",
+			"style",
+			props.style
+		],
+		[
+			"set",
+			"onPan",
+			props.onPan ? onPan : void 0
+		],
+		[
+			"set",
+			"onSwipe",
+			props.onSwipe
+		]
+	]), props.children]);
 }, { "module": "@nativescript-community/octane" });
 //#endregion
-export { Pressable };
+export { View };

package/dist/native/ui6.js

@@ -1,25 +1,41 @@
-import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
-//#region src/TextInput.native.tsrx
+import { cx } from "./ui2.js";
+import { applyEscapeProps } from "./ui3.js";
+import { layoutChildProps } from "./ui4.js";
+import { defineUniversalComponent, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
+//#region src/Row.native.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",
-	"type": "textfield",
-	"props": { "id": "probe-input" },
-	"bindings": [
-		["className", 0],
-		["style", 1],
-		["text", 2],
-		["hint", 3],
-		["onTextChange", 4]
-	]
+	"type": "flexboxlayout",
+	"propsSlot": 0,
+	"children": [{
+		"kind": "slot",
+		"slot": 1
+	}]
 });
-var TextInput = defineUniversalComponent("nativescript", function TextInput(props) {
-	return universalValue(__octaneUniversalPlan0, [
-		props.className,
-		props.style,
-		props.value,
-		props.placeholder ?? props.hint,
-		(e) => props.onChange?.(e.value)
-	]);
+var Row = defineUniversalComponent("nativescript", function Row(props) {
+	return universalValue(__octaneUniversalPlan0, [universalProps([
+		[
+			"set",
+			"ref",
+			(v) => applyEscapeProps(v, props)
+		],
+		[
+			"set",
+			"flexDirection",
+			"row"
+		],
+		[
+			"set",
+			"className",
+			cx(props.className)
+		],
+		[
+			"set",
+			"style",
+			props.style
+		],
+		["spread", layoutChildProps(props)]
+	]), props.children]);
 }, { "module": "@nativescript-community/octane" });
 //#endregion
-export { TextInput };
+export { Row };

package/dist/native/ui7.js

@@ -1,73 +1,36 @@
-import { defineUniversalComponent, memo, universalComponent, universalIf, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
-//#region src/List.native.tsrx
+import { cx } from "./ui2.js";
+import { applyEscapeProps } from "./ui3.js";
+import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
+//#region src/Grid.native.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",
-	"type": "listview",
+	"type": "gridlayout",
 	"bindings": [
-		["id", 0],
-		["className", 1],
-		["style", 2],
-		["items", 3],
-		["renderItem", 4]
-	]
-});
-var __octaneUniversalPlan1 = universalPlan("nativescript", {
-	"kind": "slot",
-	"slot": 0
-});
-var __octaneUniversalPlan2 = universalPlan("nativescript", {
-	"kind": "range",
+		["ref", 0],
+		["rows", 1],
+		["columns", 2],
+		["className", 3],
+		["style", 4]
+	],
 	"children": [{
 		"kind": "slot",
-		"slot": 0
+		"slot": 5
 	}]
 });
-var __octaneUniversalPlan3 = universalPlan("nativescript", {
-	"kind": "slot",
-	"slot": 0
-});
-var ListInner = defineUniversalComponent("nativescript", function ListInner(props) {
+var warnedAboutGap = false;
+var Grid = defineUniversalComponent("nativescript", function Grid(props) {
+	if (props.gap != null && !warnedAboutGap) {
+		warnedAboutGap = true;
+		console.warn("[Grid] gap is not supported; use child margins instead.");
+	}
 	return universalValue(__octaneUniversalPlan0, [
-		props.id,
-		props.className,
+		(view) => applyEscapeProps(view, props),
+		props.rows,
+		props.columns,
+		cx("vx-grid", props.className),
 		props.style,
-		props.items,
-		props.renderItem
+		props.children
 	]);
 }, { "module": "@nativescript-community/octane" });
-var MemoListView = memo(ListInner, (a, b) => a.items === b.items);
-var List = defineUniversalComponent("nativescript", function List(props) {
-	return universalValue(__octaneUniversalPlan3, [universalIf(props.items.length > 0, () => {
-		return universalValue(__octaneUniversalPlan1, [universalComponent("nativescript", MemoListView, universalProps([
-			[
-				"set",
-				"id",
-				props.id
-			],
-			[
-				"set",
-				"items",
-				props.items
-			],
-			[
-				"set",
-				"className",
-				props.className
-			],
-			[
-				"set",
-				"style",
-				props.style
-			],
-			[
-				"set",
-				"renderItem",
-				props.renderItem
-			]
-		]))]);
-	}, () => {
-		return universalValue(__octaneUniversalPlan2, [props.renderEmpty?.()]);
-	})]);
-}, { "module": "@nativescript-community/octane" });
 //#endregion
-export { List };
+export { Grid };

package/dist/native/ui8.js

@@ -1,33 +1,31 @@
+import { cx } from "./ui2.js";
+import { applyEscapeProps } from "./ui3.js";
 import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
-//#region src/ScrollView.native.tsrx
+//#region src/Stack.native.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",
-	"type": "scrollview",
+	"type": "gridlayout",
+	"props": {
+		"rows": "*",
+		"columns": "*"
+	},
 	"bindings": [
-		["id", 0],
+		["ref", 0],
 		["className", 1],
-		["style", 2],
-		["orientation", 3]
+		["style", 2]
 	],
 	"children": [{
-		"kind": "host",
-		"type": "flexboxlayout",
-		"bindings": [["flexDirection", 4]],
-		"children": [{
-			"kind": "slot",
-			"slot": 5
-		}]
+		"kind": "slot",
+		"slot": 3
 	}]
 });
-var ScrollView = defineUniversalComponent("nativescript", function ScrollView(props) {
+var Stack = defineUniversalComponent("nativescript", function Stack(props) {
 	return universalValue(__octaneUniversalPlan0, [
-		props.id,
-		props.className,
+		(view) => applyEscapeProps(view, props),
+		cx("vx-stack", props.className),
 		props.style,
-		props.horizontal ? "horizontal" : "vertical",
-		props.horizontal ? "row" : "column",
 		props.children
 	]);
 }, { "module": "@nativescript-community/octane" });
 //#endregion
-export { ScrollView };
+export { Stack };

package/dist/native/ui9.js

@@ -1,24 +1,27 @@
+import { cx } from "./ui2.js";
+import { applyEscapeProps } from "./ui3.js";
 import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
-//#region src/Image.native.tsrx
+//#region src/Absolute.native.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",
-	"type": "image",
+	"type": "absolutelayout",
 	"bindings": [
-		["id", 0],
+		["ref", 0],
 		["className", 1],
-		["style", 2],
-		["src", 3],
-		["accessibilityLabel", 4]
-	]
+		["style", 2]
+	],
+	"children": [{
+		"kind": "slot",
+		"slot": 3
+	}]
 });
-var Image = defineUniversalComponent("nativescript", function Image(props) {
+var Absolute = defineUniversalComponent("nativescript", function Absolute(props) {
 	return universalValue(__octaneUniversalPlan0, [
-		props.id,
-		props.className,
+		(view) => applyEscapeProps(view, props),
+		cx("vx-absolute", props.className),
 		props.style,
-		props.src,
-		props.alt
+		props.children
 	]);
 }, { "module": "@nativescript-community/octane" });
 //#endregion
-export { Image };
+export { Absolute };

package/dist/web/octane-client-build.json

@@ -1,6 +1,6 @@
 {
   "version": 1,
-  "buildId": "cf079eb9-42ee-4226-83ff-a7f9254bf392",
+  "buildId": "a3c5ef68-e48b-4d5d-845b-09c8b7ac9b67",
   "mode": "production",
   "capabilities": {
     "independentHydration": false

package/dist/web/ui.js

@@ -1,19 +1,40 @@
-import { View } from "./ui2.js";
-import { Row } from "./ui3.js";
-import { Text } from "./ui4.js";
-import { Pressable } from "./ui5.js";
-import { TextInput } from "./ui6.js";
-import { List } from "./ui7.js";
-import { ScrollView } from "./ui8.js";
-import { Image } from "./ui9.js";
-import { Modal } from "./ui10.js";
-import { useAnimation } from "./ui11.js";
-import { getColorScheme, useColorScheme } from "./ui12.js";
-import { styled } from "./ui13.js";
-import { Screen } from "./ui14.js";
-import { currentRoute, pushRoute, routeFor, useRoute } from "./ui15.js";
-import { Tabs } from "./ui16.js";
-import { Switch } from "./ui17.js";
-import { PlatformBadge } from "./ui18.js";
-import { getStack, registerStack, stackEntries } from "./ui19.js";
-export { View as Column, Image, List, Modal, PlatformBadge, Pressable, Row, Screen, ScrollView, Switch, Tabs, Text, TextInput, View, currentRoute, getColorScheme, getStack, pushRoute, registerStack, routeFor, stackEntries, styled, useAnimation, useColorScheme, useRoute };
+import { View } from "./ui4.js";
+import { Row } from "./ui5.js";
+import { Grid } from "./ui6.js";
+import { Stack } from "./ui7.js";
+import { Absolute } from "./ui8.js";
+import { Spacer } from "./ui9.js";
+import { Text } from "./ui10.js";
+import { Pressable } from "./ui11.js";
+import { TextInput } from "./ui12.js";
+import { TextArea } from "./ui13.js";
+import { List } from "./ui14.js";
+import { ScrollView } from "./ui15.js";
+import { Image } from "./ui16.js";
+import { Modal } from "./ui17.js";
+import { openModal } from "./ui18.js";
+import { Overlay } from "./ui20.js";
+import { Popover } from "./ui21.js";
+import { showToast } from "./ui22.js";
+import { useAnimation } from "./ui23.js";
+import { getColorScheme, useColorScheme } from "./ui24.js";
+import { styled } from "./ui25.js";
+import { Screen } from "./ui26.js";
+import { deriveRouteManifest } from "./ui27.js";
+import { currentRoute, hrefFor, popRoute, pushRoute, registerRoutes, registerScreens, routeFor, screenFor, useRoute } from "./ui28.js";
+import { Tabs } from "./ui29.js";
+import { Switch } from "./ui30.js";
+import { useSafeAreaInsets } from "./ui31.js";
+import { SafeArea } from "./ui32.js";
+import { KeyboardAvoiding } from "./ui33.js";
+import { Drawer } from "./ui34.js";
+import { ActivityIndicator } from "./ui36.js";
+import { Slider } from "./ui37.js";
+import { registerIcon, registerIcons } from "./ui38.js";
+import { Icon } from "./ui39.js";
+import { Heading } from "./ui40.js";
+import { PlatformBadge } from "./ui41.js";
+import { getStack, registerStack, stackEntries } from "./ui42.js";
+import { createStore } from "./ui43.js";
+import { useStore } from "./ui44.js";
+export { Absolute, ActivityIndicator, View as Column, Drawer, Grid, Heading, Icon, Image, KeyboardAvoiding, List, Modal, Overlay, PlatformBadge, Popover, Pressable, Row, SafeArea, Screen, ScrollView, Slider, Spacer, Stack, Switch, Tabs, Text, TextArea, TextInput, View, createStore, currentRoute, deriveRouteManifest, getColorScheme, getStack, hrefFor, openModal, popRoute, pushRoute, registerIcon, registerIcons, registerRoutes, registerScreens, registerStack, routeFor, screenFor, showToast, stackEntries, styled, useAnimation, useColorScheme, useRoute, useSafeAreaInsets, useStore };