@octane-xplat/ui 0.1.0

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

@@ -0,0 +1,8 @@
+{
+  "version": 1,
+  "buildId": "e5d5a76e-91b1-4920-b8b5-b59d15b06d53",
+  "mode": "production",
+  "capabilities": {
+    "independentHydration": false
+  }
+}

package/dist/native/ui.js

@@ -0,0 +1,19 @@
+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 { getStack, registerStack, stackEntries } from "./ui15.js";
+import { Tabs } from "./ui16.js";
+import { Switch } from "./ui17.js";
+import { PlatformBadge } from "./ui18.js";
+import { currentRoute, pushRoute, routeFor, useRoute } 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 };

package/dist/native/ui10.js

@@ -0,0 +1,52 @@
+import { createNativeScriptRoot, defineUniversalComponent, hookSlots, universalPlan, universalValue, useEffect, useRef } from "@nativescript-community/octane";
+import { ContentView, Frame } from "@nativescript/core";
+//#region src/Modal.native.tsrx
+var _hs$ = /* @__PURE__ */ hookSlots(2);
+var _h$0 = /* @__PURE__ */ Symbol(_hs$);
+var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "range",
+	"children": [{
+		"kind": "slot",
+		"slot": 0
+	}]
+});
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "range",
+	"children": []
+});
+var Panel = defineUniversalComponent("nativescript", function Panel(props) {
+	return universalValue(__octaneUniversalPlan0, [props.children]);
+}, { "module": "@nativescript-community/octane" });
+var Modal = defineUniversalComponent("nativescript", function Modal(props) {
+	const shown = useRef(null, _h$0);
+	useEffect(() => {
+		if (props.open && !shown.current) {
+			const presenter = Frame.topmost()?.currentPage ?? Frame.topmost();
+			if (!presenter) return;
+			const host = new ContentView();
+			const root = createNativeScriptRoot(host);
+			shown.current = {
+				host,
+				root
+			};
+			root.render(Panel, { children: props.children });
+			presenter.showModal(host, {
+				context: {},
+				closeCallback: () => {
+					shown.current = null;
+					props.onClose?.();
+				},
+				fullscreen: props.fullscreen ?? true,
+				animated: true
+			});
+		} else if (!props.open && shown.current) {
+			const { host } = shown.current;
+			shown.current = null;
+			host.closeModal();
+		}
+	}, [props.open], _h$1);
+	return universalValue(__octaneUniversalPlan1, []);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { Modal };

package/dist/native/ui11.js

@@ -0,0 +1,58 @@
+import { hookSlots, useRef } from "@nativescript-community/octane";
+import { cancelAnimationFrame, requestAnimationFrame } from "@nativescript/core/animation-frame";
+//#region src/anim.native.tsrx
+var _h$0 = /* @__PURE__ */ Symbol(/* @__PURE__ */ hookSlots(1));
+function createAnimated(initial, prop) {
+	let view = null;
+	let current = initial;
+	let raf = 0;
+	const apply = (v) => {
+		current = v;
+		if (view) view[prop] = v;
+	};
+	const run = (step) => {
+		cancelAnimationFrame(raf);
+		const start = Date.now();
+		const tick = () => {
+			const v = step(Date.now() - start);
+			if (v === null) return;
+			apply(v);
+			raf = requestAnimationFrame(tick);
+		};
+		raf = requestAnimationFrame(tick);
+	};
+	return {
+		get value() {
+			return current;
+		},
+		bind(v) {
+			view = v;
+			if (view) view[prop] = current;
+		},
+		to(target, opts) {
+			const dur = opts?.duration ?? 300;
+			const from = current;
+			run((t) => t >= dur ? (apply(target), null) : from + (target - from) * (t / dur));
+		},
+		spring(target, opts) {
+			const damping = opts?.damping ?? 14, stiffness = opts?.stiffness ?? 120;
+			let v = 0, x = current;
+			run(() => {
+				const dt = 1 / 60;
+				v += (-stiffness * (x - target) - damping * v) * dt;
+				x += v * dt;
+				return Math.abs(v) < .5 && Math.abs(x - target) < .5 ? (apply(target), null) : x;
+			});
+		},
+		stop() {
+			cancelAnimationFrame(raf);
+		}
+	};
+}
+function useAnimation(initial = 0, prop = "translateX") {
+	const c = useRef(null, _h$0);
+	if (!c.current) c.current = createAnimated(initial, prop);
+	return c.current;
+}
+//#endregion
+export { useAnimation };

package/dist/native/ui12.js

@@ -0,0 +1,17 @@
+import { hookSlots, useSyncExternalStore } from "@nativescript-community/octane";
+import { Application } from "@nativescript/core";
+//#region src/theme/colorScheme.native.tsrx
+var _h$0 = /* @__PURE__ */ Symbol(/* @__PURE__ */ hookSlots(1));
+function getColorScheme() {
+	return Application.primaryWindow?.systemAppearance?.() ?? Application.systemAppearance?.() ?? "light";
+}
+function subscribe(cb) {
+	const h = () => cb();
+	Application.on("systemAppearanceChanged", h);
+	return () => Application.off("systemAppearanceChanged", h);
+}
+function useColorScheme() {
+	return useSyncExternalStore(subscribe, getColorScheme, _h$0);
+}
+//#endregion
+export { getColorScheme, useColorScheme };

package/dist/native/ui13.js

@@ -0,0 +1,19 @@
+import "@nativescript-community/octane";
+import { defineUniversalComponent as defineUniversalComponent$1, universalComponent as universalComponent$1 } from "octane/universal";
+//#region src/styled.native.tsrx
+function styled(Base, def) {
+	function Styled(props) {
+		const cls = [def.base];
+		const rest = { ...props };
+		for (const k of Object.keys(def.variants ?? {})) {
+			if (props[k]) cls.push(def.variants[k]);
+			delete rest[k];
+		}
+		if (props.className) cls.push(props.className);
+		rest.className = cls;
+		return universalComponent$1("nativescript", Base, rest);
+	}
+	return defineUniversalComponent$1("nativescript", Styled);
+}
+//#endregion
+export { styled };

package/dist/native/ui14.js

@@ -0,0 +1,20 @@
+import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
+//#region src/Screen.native.tsrx
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "rootlayout",
+	"bindings": [["className", 0], ["style", 1]],
+	"children": [{
+		"kind": "slot",
+		"slot": 2
+	}]
+});
+var Screen = defineUniversalComponent("nativescript", function Screen(props) {
+	return universalValue(__octaneUniversalPlan0, [
+		props.className,
+		props.style,
+		props.children
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { Screen };

package/dist/native/ui15.js

@@ -0,0 +1,19 @@
+//#region src/stacks.native.ts
+/** Named parallel stacks. A shell (Tabs with `stack` on a spec, the app
+*  entry's root frame) registers its Frame here; `navigate(name, params,
+*  {into})` resolves the target by name. Native-only concept — on web,
+*  parallel stacks map to nested routes (one linear URL stack). */
+var stacks = /* @__PURE__ */ new Map();
+function registerStack(name, frame) {
+	stacks.set(name, frame);
+}
+function getStack(name) {
+	return stacks.get(name);
+}
+/** All registered stacks in registration order — for hardware-back
+*  resolution (pop whichever stack is visibly on top). */
+function stackEntries() {
+	return stacks.entries();
+}
+//#endregion
+export { getStack, registerStack, stackEntries };

package/dist/native/ui16.js

@@ -0,0 +1,143 @@
+import { registerStack } from "./ui15.js";
+import { createNativeScriptRoot, defineUniversalComponent, markWarm, memo, universalComponent, universalPlan, universalProps, universalValue, useBatch, warmChild } from "@nativescript-community/octane";
+import { ContentView, Frame, Page, TabViewItem } from "@nativescript/core";
+//#region src/Tabs.native.tsrx
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "range",
+	"children": [{
+		"kind": "slot",
+		"slot": 0
+	}]
+});
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "tabview",
+	"bindings": [
+		["id", 0],
+		["className", 1],
+		["style", 2],
+		["items", 3],
+		["selectedIndex", 4],
+		["onSelectedIndexChanged", 5],
+		["onLoaded", 6]
+	]
+});
+var __octaneUniversalPlan2 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var TabPane = defineUniversalComponent("nativescript", function TabPane(props) {
+	return universalValue(__octaneUniversalPlan0, [props.render()]);
+}, { "module": "@nativescript-community/octane" });
+var paneRoots = /* @__PURE__ */ new WeakMap();
+var tabsByView = /* @__PURE__ */ new WeakMap();
+var itemsCache = /* @__PURE__ */ new WeakMap();
+function itemsFor(tabs) {
+	let items = itemsCache.get(tabs);
+	if (items !== void 0) return items;
+	items = tabs.map((t) => {
+		const item = new TabViewItem();
+		item.title = t.title;
+		if (t.stack) {
+			const frame = new Frame();
+			frame.once("loaded", () => {
+				frame.navigate({ create: () => {
+					const page = new Page();
+					page.actionBarHidden = true;
+					createNativeScriptRoot(page).render(TabPane, { render: t.render });
+					return page;
+				} });
+			});
+			registerStack(t.stack, frame);
+			item.view = frame;
+			return item;
+		}
+		const cv = new ContentView();
+		tabsByView.set(cv, t.render);
+		item.view = cv;
+		return item;
+	});
+	itemsCache.set(tabs, items);
+	return items;
+}
+function mountPanes(e) {
+	const tv = e.object;
+	for (const item of tv.items) {
+		const cv = item.view;
+		if (!(cv instanceof ContentView) || paneRoots.has(cv)) continue;
+		const render = tabsByView.get(cv);
+		if (!render) continue;
+		const root = createNativeScriptRoot(cv);
+		paneRoots.set(cv, root);
+		root.render(TabPane, { render });
+	}
+	console.log("[probe] tabs mounted panes=" + tv.items.length);
+}
+var TabsInner = defineUniversalComponent("nativescript", function TabsInner(props) {
+	return universalValue(__octaneUniversalPlan1, [
+		props.id,
+		props.className,
+		props.style,
+		itemsFor(props.tabs),
+		props.selectedIndex,
+		(e) => props.onSelectedIndexChanged?.(e.value),
+		mountPanes
+	]);
+}, { "module": "@nativescript-community/octane" });
+var MemoTabs = memo(TabsInner, (a, b) => a.tabs === b.tabs && a.selectedIndex === b.selectedIndex);
+var Tabs = defineUniversalComponent("nativescript", markWarm(function Tabs(props) {
+	useBatch([], () => {
+		warmChild(MemoTabs, {
+			id: props.id,
+			className: props.className,
+			style: props.style,
+			tabs: props.tabs,
+			selectedIndex: props.selectedIndex,
+			onSelectedIndexChanged: props.onSelectedIndexChanged
+		});
+	});
+	return universalValue(__octaneUniversalPlan2, [universalComponent("nativescript", MemoTabs, universalProps([
+		[
+			"set",
+			"id",
+			props.id
+		],
+		[
+			"set",
+			"className",
+			props.className
+		],
+		[
+			"set",
+			"style",
+			props.style
+		],
+		[
+			"set",
+			"tabs",
+			props.tabs
+		],
+		[
+			"set",
+			"selectedIndex",
+			props.selectedIndex
+		],
+		[
+			"set",
+			"onSelectedIndexChanged",
+			props.onSelectedIndexChanged
+		]
+	]))]);
+}, (__wp) => {
+	const props = __wp;
+	warmChild(MemoTabs, {
+		id: props.id,
+		className: props.className,
+		style: props.style,
+		tabs: props.tabs,
+		selectedIndex: props.selectedIndex,
+		onSelectedIndexChanged: props.onSelectedIndexChanged
+	});
+}), { "module": "@nativescript-community/octane" });
+//#endregion
+export { Tabs };

package/dist/native/ui17.js

@@ -0,0 +1,24 @@
+import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
+//#region src/Switch.native.tsrx
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "switch",
+	"bindings": [
+		["id", 0],
+		["className", 1],
+		["style", 2],
+		["checked", 3],
+		["onCheckedChange", 4]
+	]
+});
+var Switch = defineUniversalComponent("nativescript", function Switch(props) {
+	return universalValue(__octaneUniversalPlan0, [
+		props.id,
+		props.className,
+		props.style,
+		props.checked,
+		(e) => props.onCheckedChange?.(e.value)
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { Switch };

package/dist/native/ui18.js

@@ -0,0 +1,13 @@
+import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
+//#region src/PlatformBadge.native.tsrx
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "label",
+	"props": { "text": "ios|android" },
+	"bindings": [["className", 0]]
+});
+var PlatformBadge = defineUniversalComponent("nativescript", function PlatformBadge(props) {
+	return universalValue(__octaneUniversalPlan0, [props.className]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { PlatformBadge };

package/dist/native/ui19.js

@@ -0,0 +1,13 @@
+//#region src/route.native.ts
+function routeFor(_stack) {
+	return null;
+}
+function currentRoute() {
+	return null;
+}
+function useRoute(_stack) {
+	return null;
+}
+function pushRoute(_r) {}
+//#endregion
+export { currentRoute, pushRoute, routeFor, useRoute };

package/dist/native/ui2.js

@@ -0,0 +1,49 @@
+import { defineUniversalComponent, hookSlots, universalPlan, 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": "flexboxlayout",
+	"props": { "flexDirection": "column" },
+	"bindings": [
+		["id", 0],
+		["ref", 1],
+		["className", 2],
+		["style", 3],
+		["onPan", 4],
+		["onSwipe", 5]
+	],
+	"children": [{
+		"kind": "slot",
+		"slot": 6
+	}]
+});
+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, [
+		props.id,
+		props.bind,
+		props.className,
+		props.style,
+		props.onPan ? onPan : void 0,
+		props.onSwipe,
+		props.children
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { View };

package/dist/native/ui3.js

@@ -0,0 +1,21 @@
+import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
+//#region src/Row.native.tsrx
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"props": { "flexDirection": "row" },
+	"bindings": [["className", 0], ["style", 1]],
+	"children": [{
+		"kind": "slot",
+		"slot": 2
+	}]
+});
+var Row = defineUniversalComponent("nativescript", function Row(props) {
+	return universalValue(__octaneUniversalPlan0, [
+		props.className,
+		props.style,
+		props.children
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { Row };

package/dist/native/ui4.js

@@ -0,0 +1,49 @@
+import { createContext, defineUniversalComponent, universalComponent, universalIf, universalPlan, universalProps, universalValue, useContext } from "@nativescript-community/octane";
+//#region src/Text.native.tsrx
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "span",
+	"bindings": [["className", 0], ["style", 1]],
+	"children": [{
+		"kind": "slot",
+		"slot": 2
+	}]
+});
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "label",
+	"bindings": [["className", 0], ["style", 1]],
+	"children": [{
+		"kind": "slot",
+		"slot": 2
+	}]
+});
+var __octaneUniversalPlan2 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var InText = createContext(false);
+var TextScope = defineUniversalComponent("nativescript", function TextScope(props) {
+	return InText({
+		value: true,
+		children: props.children
+	});
+}, { "module": "@nativescript-community/octane" });
+var Text = defineUniversalComponent("nativescript", function Text(props) {
+	const inText = useContext(InText);
+	return universalValue(__octaneUniversalPlan2, [universalIf(inText, () => {
+		return universalValue(__octaneUniversalPlan0, [
+			props.className,
+			props.style,
+			props.children
+		]);
+	}, () => {
+		return universalValue(__octaneUniversalPlan1, [
+			props.className,
+			props.style,
+			universalComponent("nativescript", TextScope, universalProps([], props.children))
+		]);
+	})]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { Text };

package/dist/native/ui5.js

@@ -0,0 +1,35 @@
+import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
+//#region src/Pressable.native.tsrx
+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]
+	],
+	"children": [{
+		"kind": "slot",
+		"slot": 8
+	}]
+});
+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
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { Pressable };

package/dist/native/ui6.js

@@ -0,0 +1,25 @@
+import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
+//#region src/TextInput.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]
+	]
+});
+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)
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { TextInput };

package/dist/native/ui7.js

@@ -0,0 +1,73 @@
+import { defineUniversalComponent, memo, universalComponent, universalIf, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
+//#region src/List.native.tsrx
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "listview",
+	"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",
+	"children": [{
+		"kind": "slot",
+		"slot": 0
+	}]
+});
+var __octaneUniversalPlan3 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var ListInner = defineUniversalComponent("nativescript", function ListInner(props) {
+	return universalValue(__octaneUniversalPlan0, [
+		props.id,
+		props.className,
+		props.style,
+		props.items,
+		props.renderItem
+	]);
+}, { "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 };