@octane-xplat/ui 0.2.0 → 0.3.0

package/dist/native/ui30.js

@@ -0,0 +1,35 @@
+import { hookSlots, useEffect, useState } from "@nativescript-community/octane";
+import { Application } from "@nativescript/core";
+//#region src/safeAreaInsets.native.tsrx
+var _hs$ = /* @__PURE__ */ hookSlots(2);
+var _h$0 = /* @__PURE__ */ Symbol(_hs$);
+var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);
+function measure() {
+	const insets = (Application.ios?.rootController?.view)?.safeAreaInsets;
+	if (insets) return {
+		top: insets.top,
+		right: insets.right,
+		bottom: insets.bottom,
+		left: insets.left
+	};
+	return {
+		top: 0,
+		right: 0,
+		bottom: 0,
+		left: 0
+	};
+}
+function useSafeAreaInsets() {
+	const [insets, setInsets] = useState(measure, _h$0);
+	useEffect(() => {
+		const update = () => setInsets(measure());
+		Application.on(Application.orientationChangedEvent, update);
+		update();
+		return () => {
+			Application.off(Application.orientationChangedEvent, update);
+		};
+	}, [], _h$1);
+	return insets;
+}
+//#endregion
+export { useSafeAreaInsets };

package/dist/native/ui31.js

@@ -0,0 +1,39 @@
+import { cx } from "./ui2.js";
+import { useSafeAreaInsets } from "./ui30.js";
+import { defineUniversalComponent, hookSlots, universalPlan, universalValue, withSlot } from "@nativescript-community/octane";
+import { Application } from "@nativescript/core";
+//#region src/SafeArea.native.tsrx
+var _h$0 = /* @__PURE__ */ Symbol(/* @__PURE__ */ hookSlots(1));
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"bindings": [
+		["ref", 0],
+		["className", 1],
+		["style", 2]
+	],
+	"children": [{
+		"kind": "slot",
+		"slot": 3
+	}]
+});
+var SafeArea = defineUniversalComponent("nativescript", function SafeArea(props) {
+	const insets = withSlot(_h$0, useSafeAreaInsets);
+	const platformProps = Application.ios != null ? props.ios : props.android;
+	return universalValue(__octaneUniversalPlan0, [
+		(host) => {
+			if (host && platformProps) Object.assign(host, platformProps);
+		},
+		cx("vx-safe-area", props.className),
+		{
+			...props.style,
+			paddingTop: insets.top,
+			paddingRight: insets.right,
+			paddingBottom: insets.bottom,
+			paddingLeft: insets.left
+		},
+		props.children
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { SafeArea };

package/dist/native/ui32.js

@@ -0,0 +1,70 @@
+import { cx } from "./ui2.js";
+import { defineUniversalComponent, hookSlots, universalPlan, universalValue, useEffect, useState, withSlot } from "@nativescript-community/octane";
+import { Application } from "@nativescript/core";
+//#region src/KeyboardAvoiding.native.tsrx
+var _hs$ = /* @__PURE__ */ hookSlots(5);
+var _h$0 = /* @__PURE__ */ Symbol(_hs$);
+var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);
+var _h$2 = /* @__PURE__ */ Symbol(_hs$ + 2);
+var _h$3 = /* @__PURE__ */ Symbol(_hs$ + 3);
+var _h$4 = /* @__PURE__ */ Symbol(_hs$ + 4);
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "scrollview",
+	"bindings": [
+		["className", 0],
+		["style", 1],
+		["ref", 2]
+	],
+	"children": [{
+		"kind": "host",
+		"type": "flexboxlayout",
+		"props": { "flexDirection": "column" },
+		"bindings": [["style", 3]],
+		"children": [{
+			"kind": "slot",
+			"slot": 4
+		}]
+	}]
+});
+function useKeyboardInset() {
+	const [inset, setInset] = useState(0, _h$0);
+	useEffect(() => {
+		if (!Application.ios) return;
+		const center = NSNotificationCenter.defaultCenter;
+		const token = center.addObserverForNameObjectQueueUsingBlock(UIKeyboardWillChangeFrameNotification, null, NSOperationQueue.mainQueue, (note) => {
+			const frame = note.userInfo.objectForKey(UIKeyboardFrameEndUserInfoKey);
+			const screenHeight = UIScreen.mainScreen.bounds.size.height;
+			setInset(Math.max(0, screenHeight - frame.origin.y));
+		});
+		return () => center.removeObserver(token);
+	}, [], _h$1);
+	return inset;
+}
+function useAndroidResize() {
+	useEffect(() => {
+		const nativeWindow = Application.android?.foregroundActivity?.window;
+		if (!nativeWindow) return;
+		const params = android.view.WindowManager.LayoutParams;
+		const previous = nativeWindow.attributes.softInputMode;
+		const adjusted = previous & ~params.SOFT_INPUT_MASK_ADJUST | params.SOFT_INPUT_ADJUST_RESIZE;
+		nativeWindow.setSoftInputMode(adjusted);
+		return () => nativeWindow.setSoftInputMode(previous);
+	}, [], _h$2);
+}
+var KeyboardAvoiding = defineUniversalComponent("nativescript", function KeyboardAvoiding(props) {
+	const keyboardInset = withSlot(_h$3, useKeyboardInset);
+	withSlot(_h$4, useAndroidResize);
+	const platformProps = Application.ios != null ? props.ios : props.android;
+	return universalValue(__octaneUniversalPlan0, [
+		cx("vx-keyboard-avoiding", props.className),
+		props.style,
+		(host) => {
+			if (host && platformProps) Object.assign(host, platformProps);
+		},
+		keyboardInset ? { paddingBottom: keyboardInset } : void 0,
+		props.children
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { KeyboardAvoiding };

package/dist/native/ui33.js

@@ -0,0 +1,30 @@
+import { cx } from "./ui2.js";
+import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
+import { Application } from "@nativescript/core";
+//#region src/Drawer.native.tsrx
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"bindings": [
+		["ref", 0],
+		["className", 1],
+		["style", 2]
+	],
+	"children": [{
+		"kind": "slot",
+		"slot": 3
+	}]
+});
+var Drawer = defineUniversalComponent("nativescript", function Drawer(props) {
+	const platformProps = Application.ios != null ? props.ios : props.android;
+	return universalValue(__octaneUniversalPlan0, [
+		(host) => {
+			if (host && platformProps) Object.assign(host, platformProps);
+		},
+		cx("vx-drawer", props.className),
+		props.style,
+		props.main
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { Drawer };

package/dist/native/ui34.js

@@ -0,0 +1,10 @@
+import { isAndroid, isIOS } from "@nativescript/core";
+//#region src/platformProps.native.ts
+/** Apply the matching native escape-hatch bag after the primitive's props. */
+function applyNativeProps(el, props) {
+	if (!el) return;
+	const bag = isIOS ? props.ios : isAndroid ? props.android : void 0;
+	if (bag) Object.assign(el, bag);
+}
+//#endregion
+export { applyNativeProps };

package/dist/native/ui35.js

@@ -0,0 +1,27 @@
+import { cx } from "./ui2.js";
+import { applyNativeProps } from "./ui34.js";
+import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
+//#region src/ActivityIndicator.native.tsrx
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "activityindicator",
+	"bindings": [
+		["id", 0],
+		["className", 1],
+		["style", 2],
+		["busy", 3],
+		["ref", 4]
+	]
+});
+var ActivityIndicator = defineUniversalComponent("nativescript", function ActivityIndicator(props) {
+	if (props.busy === false) return null;
+	return universalValue(__octaneUniversalPlan0, [
+		props.id,
+		cx(props.className),
+		props.style,
+		props.busy ?? true,
+		(el) => applyNativeProps(el, props)
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { ActivityIndicator };

package/dist/native/ui36.js

@@ -0,0 +1,34 @@
+import { cx } from "./ui2.js";
+import { applyNativeProps } from "./ui34.js";
+import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
+//#region src/Slider.native.tsrx
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "slider",
+	"bindings": [
+		["id", 0],
+		["className", 1],
+		["style", 2],
+		["value", 3],
+		["minValue", 4],
+		["maxValue", 5],
+		["isEnabled", 6],
+		["onValueChange", 7],
+		["ref", 8]
+	]
+});
+var Slider = defineUniversalComponent("nativescript", function Slider(props) {
+	return universalValue(__octaneUniversalPlan0, [
+		props.id,
+		cx(props.className),
+		props.style,
+		props.value,
+		props.minValue ?? 0,
+		props.maxValue ?? 100,
+		props.disabled ? false : true,
+		(e) => props.onValueChange?.(e.value),
+		(el) => applyNativeProps(el, props)
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { Slider };

package/dist/native/ui37.js

@@ -0,0 +1,17 @@
+//#region src/icons.ts
+/**
+* App-owned icon registry. `svg` is SVG path `d` data (not a full SVG
+* markup string). Native `font` glyphs render only when the app ships that font.
+*/
+var icons = /* @__PURE__ */ new Map();
+function registerIcon(name, glyph) {
+	icons.set(name, glyph);
+}
+function registerIcons(record) {
+	for (const [name, glyph] of Object.entries(record)) icons.set(name, glyph);
+}
+function getIcon(name) {
+	return icons.get(name);
+}
+//#endregion
+export { getIcon, registerIcon, registerIcons };

package/dist/native/ui38.js

@@ -0,0 +1,68 @@
+import { cx } from "./ui2.js";
+import { applyNativeProps } from "./ui34.js";
+import { getIcon } from "./ui37.js";
+import { defineUniversalComponent, universalIf, universalPlan, universalValue } from "@nativescript-community/octane";
+//#region src/Icon.native.tsrx
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "label",
+	"bindings": [
+		["id", 0],
+		["className", 1],
+		["text", 2],
+		["style", 3],
+		["ref", 4]
+	]
+});
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "image",
+	"bindings": [
+		["id", 0],
+		["className", 1],
+		["src", 2],
+		["style", 3],
+		["ref", 4]
+	]
+});
+var __octaneUniversalPlan2 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan3 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var Icon = defineUniversalComponent("nativescript", function Icon(props) {
+	const glyph = getIcon(props.name);
+	if (!glyph) return null;
+	const size = props.size ?? 24;
+	return universalValue(__octaneUniversalPlan3, [universalIf(glyph.font, () => {
+		return universalValue(__octaneUniversalPlan0, [
+			props.id,
+			cx(props.className),
+			glyph.font.glyph,
+			{
+				fontFamily: glyph.font.family,
+				fontSize: size,
+				color: props.color
+			},
+			(el) => applyNativeProps(el, props)
+		]);
+	}, () => {
+		return universalValue(__octaneUniversalPlan2, [universalIf(glyph.src, () => {
+			return universalValue(__octaneUniversalPlan1, [
+				props.id,
+				cx(props.className),
+				glyph.src,
+				{
+					width: size,
+					height: size
+				},
+				(el) => applyNativeProps(el, props)
+			]);
+		})]);
+	})]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { Icon };

package/dist/native/ui39.js

@@ -0,0 +1,33 @@
+import { cx } from "./ui2.js";
+import { applyNativeProps } from "./ui34.js";
+import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
+import { AccessibilityRole } from "@nativescript/core";
+//#region src/Heading.native.tsrx
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "label",
+	"bindings": [
+		["id", 0],
+		["className", 1],
+		["style", 2],
+		["accessibilityRole", 3],
+		["ref", 4]
+	],
+	"children": [{
+		"kind": "slot",
+		"slot": 5
+	}]
+});
+var Heading = defineUniversalComponent("nativescript", function Heading(props) {
+	const level = props.level ?? 2;
+	return universalValue(__octaneUniversalPlan0, [
+		props.id,
+		cx(`vx-h${level}`, props.className),
+		props.style,
+		AccessibilityRole.Header,
+		(el) => applyNativeProps(el, props),
+		props.children
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { Heading };

package/dist/native/ui4.js

@@ -1,49 +1,22 @@
-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" });
+//#region src/layout-child.native.ts
+/** NativeScript reads these attributes from each child view during parent
+*  layout. Values are forwarded with NativeScript's own property names. */
+function layoutChildProps(props) {
+	const result = {};
+	for (const key of [
+		"row",
+		"col",
+		"rowSpan",
+		"colSpan",
+		"dock",
+		"left",
+		"top",
+		"flexGrow",
+		"flexShrink",
+		"alignSelf",
+		"order"
+	]) if (props[key] !== void 0) result[key] = props[key];
+	return result;
+}
 //#endregion
-export { Text };
+export { layoutChildProps };

package/dist/native/ui40.js

@@ -0,0 +1,14 @@
+import { cx } from "./ui2.js";
+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, [cx(props.className)]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { PlatformBadge };

package/dist/native/ui41.js

@@ -0,0 +1,104 @@
+//#region src/route-table.ts
+var EXT = /\.(tsrx|tsx|ts|mts|cts|js|mjs|cjs|jsx)$/;
+var SUFFIX = /\.(web|native|ios|android)$/;
+var PARAM = /^\[(.+)\]$/;
+/** Component pick rule for route/layout modules: default export, then a
+*  `screen` named export, then a single function export. Route files use
+*  named exports (decision #13) — a lone component is unambiguous. */
+function pick(mod, file) {
+	if (typeof mod?.default === "function") return mod.default;
+	if (typeof mod?.screen === "function") return mod.screen;
+	const fns = Object.keys(mod ?? {}).filter((k) => typeof mod[k] === "function");
+	if (fns.length === 1) return mod[fns[0]];
+	console.warn("[octane-xplat] route file " + file + (fns.length ? ` has ${fns.length} component-shaped exports (${fns.join(", ")}) — add a default or 'screen' export` : " has no component export") + " — skipped");
+}
+function deriveRouteManifest(files, prefer, dir = "app") {
+	const prefix = dir.replace(/^\.?\/?/, "").replace(/\/+$/, "") + "/";
+	const seen = /* @__PURE__ */ new Map();
+	const layoutRank = /* @__PURE__ */ new Map();
+	const layouts = {};
+	const warned = /* @__PURE__ */ new Set();
+	for (const key of Object.keys(files).sort()) {
+		let rel = key.replace(/^\.?\//, "");
+		if (rel.startsWith(prefix)) rel = rel.slice(prefix.length);
+		rel = rel.replace(EXT, "");
+		const parts = rel.split("/");
+		let base = parts[parts.length - 1];
+		const sm = SUFFIX.exec(base);
+		const suffix = sm?.[1];
+		if (sm) base = base.slice(0, base.length - sm[0].length);
+		if (suffix && !prefer.includes(suffix)) continue;
+		const rank = suffix ? prefer.indexOf(suffix) : prefer.length;
+		if (base === "_layout") {
+			const d = parts.slice(0, -1).join("/");
+			const prev = layoutRank.get(d);
+			if (prev !== void 0 && prev <= rank) continue;
+			const component = pick(files[key], key);
+			if (component) {
+				layouts[d] = component;
+				layoutRank.set(d, rank);
+			}
+			continue;
+		}
+		const segs = parts.slice(0, -1).concat(base);
+		if (segs[segs.length - 1] === "index") segs.pop();
+		const segments = segs.map((s) => {
+			const p = PARAM.exec(s);
+			return p ? ":" + p[1] : s;
+		});
+		const name = segments.join("/") || "index";
+		const meta = {
+			name,
+			segments,
+			params: segments.filter((s) => s.startsWith(":")).map((s) => s.slice(1)),
+			file: key
+		};
+		const prev = seen.get(name);
+		if (prev && prev.rank <= rank) {
+			if (prev.rank === rank && !warned.has(name)) {
+				warned.add(name);
+				console.warn(`[octane-xplat] route '${name}' is defined by both ${prev.meta.file} and ${key} — keeping ${prev.meta.file}`);
+			}
+			continue;
+		}
+		const component = pick(files[key], key);
+		if (component) seen.set(name, {
+			rank,
+			meta,
+			component
+		});
+	}
+	const screens = {};
+	const routes = [];
+	for (const { meta, component } of seen.values()) {
+		screens[meta.name] = component;
+		routes.push(meta);
+	}
+	routes.sort((a, b) => b.segments.reduce((n, s) => n + (s.startsWith(":") ? 1 : 2), 0) - a.segments.reduce((n, s) => n + (s.startsWith(":") ? 1 : 2), 0) || a.name.localeCompare(b.name));
+	return {
+		screens,
+		routes,
+		layouts
+	};
+}
+/** Serialize a Route to a URL path (no origin): manifest routes substitute
+*  `:param` segments from params (leftover params → query string);
+*  non-manifest names keep the legacy `/<stack>/<name>?params` shape. */
+function buildRoutePath(routes, r) {
+	const meta = routes.find((m) => m.name === r.name);
+	let segs;
+	let rest = r.params;
+	if (meta) {
+		segs = meta.segments.map((s) => {
+			if (!s.startsWith(":")) return s;
+			const v = r.params[s.slice(1)];
+			if (v === void 0) console.warn(`[octane-xplat] route '${r.name}' pushed without path param ${s}`);
+			return encodeURIComponent(String(v ?? ""));
+		});
+		rest = Object.fromEntries(Object.entries(r.params).filter(([k]) => !meta.params.includes(k)));
+	} else segs = [r.name];
+	const q = Object.entries(rest).map(([k, v]) => encodeURIComponent(k) + "=" + encodeURIComponent(String(v))).join("&");
+	return (((r.stack === "root" ? "" : "/" + r.stack) + "/" + segs.join("/")).replace(/\/+$/, "") || "/") + (q ? "?" + q : "");
+}
+//#endregion
+export { buildRoutePath, deriveRouteManifest };