@octane-xplat/ui 0.2.1 → 0.4.0

package/dist/native/ui15.js

@@ -1,19 +1,80 @@
-//#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();
+import { cx } from "./ui2.js";
+import { applyEscapeProps } from "./ui3.js";
+import { layoutChildProps } from "./ui5.js";
+import { defineUniversalComponent, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
+//#region src/RichText.native.tsrx
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "label",
+	"propsSlot": 0,
+	"children": [{
+		"kind": "host",
+		"type": "formattedstring",
+		"children": [{
+			"kind": "slot",
+			"slot": 1
+		}]
+	}]
+});
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "span",
+	"propsSlot": 0
+});
+var RichText = defineUniversalComponent("nativescript", function RichText(props) {
+	return universalValue(__octaneUniversalPlan0, [universalProps([
+		[
+			"set",
+			"id",
+			props.id
+		],
+		[
+			"set",
+			"ref",
+			(el) => applyEscapeProps(el, props)
+		],
+		["spread", layoutChildProps(props)],
+		[
+			"set",
+			"className",
+			cx("vx-rich-text", props.className)
+		],
+		[
+			"set",
+			"style",
+			props.style
+		],
+		[
+			"set",
+			"whiteSpace",
+			"normal"
+		]
+	]), props.children]);
+}, { "module": "@nativescript-community/octane" });
+function runText(props) {
+	if (props.text !== void 0) return props.text;
+	if (typeof props.children === "string" || typeof props.children === "number") return String(props.children);
+	return "";
 }
+var RichTextSpan = defineUniversalComponent("nativescript", function RichTextSpan(props) {
+	return universalValue(__octaneUniversalPlan1, [universalProps([
+		[
+			"set",
+			"text",
+			runText(props)
+		],
+		[
+			"set",
+			"className",
+			cx(props.className)
+		],
+		["spread", props.style],
+		[
+			"set",
+			"onLinkTap",
+			props.onPress
+		]
+	])]);
+}, { "module": "@nativescript-community/octane" });
 //#endregion
-export { getStack, registerStack, stackEntries };
+export { RichText, RichTextSpan };

package/dist/native/ui16.js

@@ -1,143 +1,116 @@
-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
+import { cx } from "./ui2.js";
+import { applyEscapeProps, nativeAccessibilityState } from "./ui3.js";
+import { glassClassOf, glassConfigOf } from "./ui4.js";
+import { layoutChildProps } from "./ui5.js";
+import { defineUniversalComponent, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
+//#region src/Pressable.native.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
-	"kind": "range",
+	"kind": "host",
+	"type": "flexboxlayout",
+	"propsSlot": 0,
 	"children": [{
 		"kind": "slot",
-		"slot": 0
+		"slot": 1
 	}]
 });
-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([
+var Pressable = defineUniversalComponent("nativescript", function Pressable(props) {
+	return universalValue(__octaneUniversalPlan0, [universalProps([
+		[
+			"set",
+			"ref",
+			(v) => applyEscapeProps(v, props)
+		],
 		[
 			"set",
 			"id",
 			props.id
 		],
+		["spread", layoutChildProps(props)],
 		[
 			"set",
 			"className",
-			props.className
+			cx("vx-pressable", glassClassOf(props.glass), props.className)
+		],
+		[
+			"set",
+			"iosGlassEffect",
+			glassConfigOf(props.glass)
 		],
 		[
 			"set",
 			"style",
-			props.style
+			{
+				...props.style,
+				...props.hitSlop ? {
+					margin: -props.hitSlop,
+					padding: props.hitSlop
+				} : {}
+			}
+		],
+		[
+			"set",
+			"accessible",
+			props.accessible
+		],
+		[
+			"set",
+			"accessibilityLabel",
+			props.accessibilityLabel
+		],
+		[
+			"set",
+			"accessibilityRole",
+			props.accessibilityRole
+		],
+		[
+			"set",
+			"accessibilityHint",
+			props.accessibilityHint
+		],
+		[
+			"set",
+			"accessibilityValue",
+			props.accessibilityValue
+		],
+		[
+			"set",
+			"accessibilityState",
+			nativeAccessibilityState(props.accessibilityState)
 		],
 		[
 			"set",
-			"tabs",
-			props.tabs
+			"accessibilityLiveRegion",
+			props.accessibilityLiveRegion
 		],
 		[
 			"set",
-			"selectedIndex",
-			props.selectedIndex
+			"ignoreTouchAnimation",
+			props.ignoreTouchAnimation
 		],
 		[
 			"set",
-			"onSelectedIndexChanged",
-			props.onSelectedIndexChanged
+			"onTap",
+			props.disabled ? void 0 : props.onPress
+		],
+		[
+			"set",
+			"onLongPress",
+			props.disabled ? void 0 : props.onLongPress
+		],
+		[
+			"set",
+			"onDoubleTap",
+			props.disabled ? void 0 : props.onDoublePress
+		],
+		[
+			"set",
+			"onTouch",
+			props.disabled ? void 0 : (e) => {
+				if (e.action === "down") props.onPressIn?.();
+				else if (e.action === "up" || e.action === "cancel") props.onPressOut?.();
+			}
 		]
-	]))]);
-}, (__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" });
+	]), props.children]);
+}, { "module": "@nativescript-community/octane" });
 //#endregion
-export { Tabs };
+export { Pressable };

package/dist/native/ui17.js

@@ -1,24 +1,34 @@
-import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
-//#region src/Switch.native.tsrx
+import { Pressable } from "./ui16.js";
+import { defineUniversalComponent, universalChildren, universalComponent, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
+import { Utils } from "@nativescript/core";
+//#region src/Link.native.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",
-	"type": "switch",
-	"bindings": [
-		["id", 0],
-		["className", 1],
-		["style", 2],
-		["checked", 3],
-		["onCheckedChange", 4]
-	]
+	"type": "flexboxlayout",
+	"props": { "flexDirection": "row" },
+	"children": [{
+		"kind": "slot",
+		"slot": 0
+	}]
 });
-var Switch = defineUniversalComponent("nativescript", function Switch(props) {
-	return universalValue(__octaneUniversalPlan0, [
-		props.id,
-		props.className,
-		props.style,
-		props.checked,
-		(e) => props.onCheckedChange?.(e.value)
-	]);
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var Link = defineUniversalComponent("nativescript", function Link(props) {
+	return universalValue(__octaneUniversalPlan1, [universalComponent("nativescript", Pressable, universalProps([[
+		"set",
+		"className",
+		props.className
+	], [
+		"set",
+		"onPress",
+		() => {
+			Utils.openUrl(props.href);
+		}
+	]], universalChildren("nativescript", () => {
+		return universalValue(__octaneUniversalPlan0, [props.children]);
+	})))]);
 }, { "module": "@nativescript-community/octane" });
 //#endregion
-export { Switch };
+export { Link };

package/dist/native/ui18.js

@@ -1,13 +1,35 @@
-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" });
+import { Application, Frame } from "@nativescript/core";
+//#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; `pushRoute` resolves the
+*  target by name. Native-only concept — on web, parallel stacks map to
+*  nested routes (one linear URL stack). 'root' needs no registration:
+*  unregistered, it resolves to the app's root view when that's a
+*  Frame — the standard `Application.run({ create: () => frame })` boot
+*  shape. An explicit registerStack('root', frame) overrides it. */
+var stacks = /* @__PURE__ */ new Map();
+var regListeners = /* @__PURE__ */ new Set();
+function registerStack(name, frame) {
+	stacks.set(name, frame);
+	regListeners.forEach((l) => l(name, frame));
+}
+function getStack(name) {
+	const registered = stacks.get(name);
+	if (registered) return registered;
+	if (name === "root") {
+		const rv = Application.getRootView?.();
+		if (rv instanceof Frame) return rv;
+	}
+}
+/** All registered stacks in registration order — for hardware-back
+*  resolution (pop whichever stack is visibly on top). */
+function stackEntries() {
+	return stacks.entries();
+}
+/** Internal: route.native attaches frame listeners as stacks appear —
+*  named frames can register after a useRoute subscription ran. */
+function onStackRegistered(cb) {
+	regListeners.add(cb);
+}
 //#endregion
-export { PlatformBadge };
+export { getStack, onStackRegistered, registerStack, stackEntries };