@octane-xplat/ui 0.6.0 → 0.7.0

package/dist/native/Video.native.tsrx.js

@@ -1,248 +0,0 @@
-import { cx } from "./cx.js";
-import { applyEscapeProps, nativeAccessibilityRole, nativeAccessibilityState } from "./escape-props.native.js";
-import { layoutChildProps } from "./layout-child.native.js";
-import { VideoChrome } from "./video-chrome.native.tsrx.js";
-import { defineUniversalComponent, hookSlots, registerElement, universalComponent, universalIf, universalPlan, universalProps, universalValue, useCallback, useEffect, useRef, useState } from "@nativescript-community/octane";
-import { Video, VideoFill } from "@nstudio/nativescript-exoplayer";
-//#region src/Video.native.tsrx
-var _hs$ = /* @__PURE__ */ hookSlots(11);
-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 _h$5 = /* @__PURE__ */ Symbol(_hs$ + 5);
-var _h$6 = /* @__PURE__ */ Symbol(_hs$ + 6);
-var _h$7 = /* @__PURE__ */ Symbol(_hs$ + 7);
-var _h$8 = /* @__PURE__ */ Symbol(_hs$ + 8);
-var _h$9 = /* @__PURE__ */ Symbol(_hs$ + 9);
-var _h$10 = /* @__PURE__ */ Symbol(_hs$ + 10);
-var __octaneUniversalPlan0 = universalPlan("nativescript", {
-	"kind": "slot",
-	"slot": 0
-});
-var __octaneUniversalPlan1 = universalPlan("nativescript", {
-	"kind": "host",
-	"type": "gridlayout",
-	"propsSlot": 0,
-	"children": [{
-		"kind": "host",
-		"type": "xplatvideo",
-		"props": { "controls": false },
-		"bindings": [
-			["ref", 1],
-			["autoplay", 2],
-			["loop", 3],
-			["muted", 4],
-			["fill", 5],
-			["observeCurrentTime", 6],
-			["onFinished", 7],
-			["onPlaybackReady", 8],
-			["onPlaybackStart", 9],
-			["onCurrentTimeUpdated", 10]
-		]
-	}, {
-		"kind": "slot",
-		"slot": 11
-	}]
-});
-registerElement("xplatvideo", Video);
-var FILLS = {
-	contain: VideoFill.aspect,
-	cover: VideoFill.aspectFill,
-	fill: VideoFill.fill
-};
-var Video$1 = defineUniversalComponent("nativescript", function Video(props) {
-	const host = useRef(null, _h$0);
-	const [playing, setPlaying] = useState(props.playing ?? props.autoPlay ?? false, _h$1);
-	const [started, setStarted] = useState(false, _h$2);
-	const [position, setPosition] = useState(0, _h$3);
-	const [duration, setDuration] = useState(0, _h$4);
-	const [internalMuted, setInternalMuted] = useState(false, _h$5);
-	const muted = props.muted ?? internalMuted;
-	const appliedSrc = useRef(void 0, _h$6);
-	const bindHost = useCallback((v) => {
-		host.current = v;
-	}, [], _h$7);
-	const drive = (v, next) => {
-		if (!v) return;
-		if (next) v.play();
-		else v.pause();
-	};
-	useEffect(() => {
-		const v = host.current;
-		if (!v) return;
-		applyEscapeProps(v, props);
-		props.bind?.(handle(v));
-	}, [], _h$8);
-	useEffect(() => {
-		const v = host.current;
-		if (!v || props.src === appliedSrc.current) return;
-		appliedSrc.current = props.src;
-		v.src = props.src;
-	}, [props.src], _h$9);
-	useEffect(() => {
-		if (props.playing === void 0) return;
-		setPlaying(props.playing);
-		drive(host.current, props.playing);
-	}, [props.playing], _h$10);
-	const togglePlay = () => {
-		const next = !playing;
-		setPlaying(next);
-		drive(host.current, next);
-		props.onPlayingChange?.(next);
-	};
-	const handle = (v) => ({
-		play: () => v.play(),
-		pause: () => v.pause(),
-		seekTo: (ms) => v.seekToTime(ms / 1e3),
-		currentTime: () => v.getCurrentTime(),
-		duration: () => v.getDuration(),
-		native: v
-	});
-	return universalValue(__octaneUniversalPlan1, [
-		universalProps([
-			[
-				"set",
-				"id",
-				props.id
-			],
-			[
-				"set",
-				"rows",
-				"*"
-			],
-			[
-				"set",
-				"columns",
-				"*"
-			],
-			[
-				"set",
-				"className",
-				cx("vx-stack", "vx-video", props.className)
-			],
-			[
-				"set",
-				"style",
-				props.style
-			],
-			["spread", layoutChildProps(props)],
-			[
-				"set",
-				"accessible",
-				props.accessible
-			],
-			[
-				"set",
-				"accessibilityLabel",
-				props.accessibilityLabel
-			],
-			[
-				"set",
-				"accessibilityRole",
-				nativeAccessibilityRole(props.accessibilityRole)
-			],
-			[
-				"set",
-				"accessibilityHint",
-				props.accessibilityHint
-			],
-			[
-				"set",
-				"accessibilityValue",
-				props.accessibilityValue
-			],
-			[
-				"set",
-				"accessibilityState",
-				nativeAccessibilityState(props.accessibilityState)
-			],
-			[
-				"set",
-				"accessibilityLiveRegion",
-				props.accessibilityLiveRegion
-			]
-		]),
-		bindHost,
-		props.playing ?? props.autoPlay ?? false,
-		props.loop,
-		muted,
-		FILLS[props.fit ?? "contain"],
-		props.controls !== false,
-		() => {
-			if (!props.loop) {
-				setPlaying(false);
-				props.onEnded?.();
-			}
-		},
-		() => {
-			const ms = host.current?.getDuration?.() ?? 0;
-			setDuration(ms);
-			props.onReady?.({ duration: ms });
-		},
-		() => setStarted(true),
-		(e) => setPosition(e.position ?? 0),
-		universalIf(props.controls !== false, () => {
-			return universalValue(__octaneUniversalPlan0, [universalComponent("nativescript", VideoChrome, universalProps([
-				[
-					"set",
-					"poster",
-					props.poster
-				],
-				[
-					"set",
-					"started",
-					started
-				],
-				[
-					"set",
-					"playing",
-					playing
-				],
-				[
-					"set",
-					"position",
-					position
-				],
-				[
-					"set",
-					"duration",
-					duration
-				],
-				[
-					"set",
-					"muted",
-					muted
-				],
-				[
-					"set",
-					"onTogglePlay",
-					togglePlay
-				],
-				[
-					"set",
-					"onToggleMute",
-					() => {
-						const next = !muted;
-						setInternalMuted(next);
-						if (host.current) host.current.muted = next;
-						props.onMutedChange?.(next);
-					}
-				],
-				[
-					"set",
-					"onSeek",
-					(ms) => {
-						if (host.current) {
-							host.current.seekToTime(ms / 1e3);
-							setPosition(ms);
-						}
-					}
-				]
-			]))]);
-		})
-	]);
-}, { "module": "@nativescript-community/octane" });
-//#endregion
-export { Video$1 as Video };

package/dist/native/camera-permission.native.js

@@ -1,47 +0,0 @@
-import { Application, isAndroid, isIOS } from "@nativescript/core";
-//#region src/camera-permission.native.ts
-var cameraRequestCode = 7719;
-function cameraHardwarePresent() {
-	if (isIOS) return typeof globalThis.AVCaptureDevice !== "undefined";
-	if (isAndroid) try {
-		return (Application.android?.context ?? Application.android?.startActivity)?.packageManager?.hasSystemFeature("android.hardware.camera.any") !== false;
-	} catch {
-		return true;
-	}
-	return false;
-}
-async function ensureCameraPermission() {
-	try {
-		if (isIOS) {
-			const av = globalThis.AVCaptureDevice;
-			const video = globalThis.AVMediaTypeVideo;
-			const status = av?.authorizationStatusForMediaType?.(video);
-			if (status === 3) return true;
-			if (status === 1 || status === 2) return false;
-			return await new Promise((resolve) => {
-				av.requestAccessForMediaTypeCompletionHandler(video, (granted) => resolve(granted));
-			});
-		}
-		if (isAndroid) {
-			const perm = "android.permission.CAMERA";
-			const activity = Application.android.foregroundActivity ?? Application.android.startActivity;
-			if (activity?.checkSelfPermission?.(perm) === android.content.pm.PackageManager.PERMISSION_GRANTED) return true;
-			if (!activity) return false;
-			return await new Promise((resolve) => {
-				const requestCode = cameraRequestCode++;
-				const onResult = (args) => {
-					if (args.requestCode !== requestCode) return;
-					Application.android.off(Application.android.activityRequestPermissionsEvent, onResult);
-					resolve(args.grantResults?.[0] === android.content.pm.PackageManager.PERMISSION_GRANTED);
-				};
-				Application.android.on(Application.android.activityRequestPermissionsEvent, onResult);
-				activity.requestPermissions([perm], requestCode);
-			});
-		}
-		return false;
-	} catch {
-		return false;
-	}
-}
-//#endregion
-export { cameraHardwarePresent, ensureCameraPermission };

package/dist/native/safeAreaInsets.native.tsrx.js

@@ -1,35 +0,0 @@
-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/video-chrome.native.tsrx.js

@@ -1,365 +0,0 @@
-import { View } from "./View.native.tsrx.js";
-import { Row } from "./Row.native.tsrx.js";
-import { Text } from "./Text.native.tsrx.js";
-import { Pressable } from "./Pressable.native.tsrx.js";
-import { Icon } from "./Icon.native.tsrx.js";
-import { Image } from "./Image.native.tsrx.js";
-import { Slider } from "./Slider.native.tsrx.js";
-import { defineUniversalComponent, hookSlots, universalChildren, universalComponent, universalIf, universalPlan, universalProps, universalValue, useEffect, useState } from "@nativescript-community/octane";
-//#region src/video-chrome.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": "slot",
-	"slot": 0
-});
-var __octaneUniversalPlan1 = universalPlan("nativescript", {
-	"kind": "slot",
-	"slot": 0
-});
-var __octaneUniversalPlan2 = universalPlan("nativescript", {
-	"kind": "slot",
-	"slot": 0
-});
-var __octaneUniversalPlan3 = universalPlan("nativescript", {
-	"kind": "slot",
-	"slot": 0
-});
-var __octaneUniversalPlan4 = universalPlan("nativescript", {
-	"kind": "slot",
-	"slot": 0
-});
-var __octaneUniversalPlan5 = universalPlan("nativescript", {
-	"kind": "slot",
-	"slot": 0
-});
-var __octaneUniversalPlan6 = universalPlan("nativescript", {
-	"kind": "range",
-	"children": [
-		{
-			"kind": "slot",
-			"slot": 0
-		},
-		{
-			"kind": "slot",
-			"slot": 1
-		},
-		{
-			"kind": "slot",
-			"slot": 2
-		},
-		{
-			"kind": "slot",
-			"slot": 3
-		},
-		{
-			"kind": "slot",
-			"slot": 4
-		}
-	]
-});
-var __octaneUniversalPlan7 = universalPlan("nativescript", {
-	"kind": "slot",
-	"slot": 0
-});
-var __octaneUniversalPlan8 = universalPlan("nativescript", {
-	"kind": "range",
-	"children": [{
-		"kind": "slot",
-		"slot": 0
-	}, {
-		"kind": "slot",
-		"slot": 1
-	}]
-});
-var __octaneUniversalPlan9 = universalPlan("nativescript", {
-	"kind": "range",
-	"children": [
-		{
-			"kind": "slot",
-			"slot": 0
-		},
-		{
-			"kind": "slot",
-			"slot": 1
-		},
-		{
-			"kind": "slot",
-			"slot": 2
-		}
-	]
-});
-function stamp(ms) {
-	const total = Math.max(0, Math.floor(ms / 1e3));
-	return `${Math.floor(total / 60)}:${String(total % 60).padStart(2, "0")}`;
-}
-var VideoChrome = defineUniversalComponent("nativescript", function VideoChrome(props) {
-	const [visible, setVisible] = useState(true, _h$0);
-	useEffect(() => {
-		if (!props.playing || !visible) return;
-		const t = setTimeout(() => setVisible(false), 2500);
-		return () => clearTimeout(t);
-	}, [props.playing, visible], _h$1);
-	return universalValue(__octaneUniversalPlan9, [
-		universalIf(props.poster && !props.started, () => {
-			return universalValue(__octaneUniversalPlan0, [universalComponent("nativescript", Image, universalProps([
-				[
-					"set",
-					"className",
-					"vx-video-poster"
-				],
-				[
-					"set",
-					"src",
-					props.poster
-				],
-				[
-					"set",
-					"ios",
-					{ stretch: "aspectFill" }
-				],
-				[
-					"set",
-					"android",
-					{ stretch: "aspectFill" }
-				]
-			]))]);
-		}),
-		universalComponent("nativescript", Pressable, universalProps([
-			[
-				"set",
-				"className",
-				"vx-video-tap"
-			],
-			[
-				"set",
-				"accessibilityRole",
-				"button"
-			],
-			[
-				"set",
-				"accessibilityLabel",
-				visible ? "Hide video controls" : "Show video controls"
-			],
-			[
-				"set",
-				"onPress",
-				() => setVisible(props.playing ? !visible : true)
-			]
-		])),
-		universalIf(visible, () => {
-			return universalValue(__octaneUniversalPlan8, [universalIf(!props.playing, () => {
-				return universalValue(__octaneUniversalPlan3, [universalComponent("nativescript", Pressable, universalProps([
-					[
-						"set",
-						"className",
-						"vx-video-center"
-					],
-					[
-						"set",
-						"justifyContent",
-						"center"
-					],
-					[
-						"set",
-						"alignItems",
-						"center"
-					],
-					[
-						"set",
-						"accessibilityRole",
-						"button"
-					],
-					[
-						"set",
-						"accessibilityLabel",
-						"Play"
-					],
-					[
-						"set",
-						"onPress",
-						props.onTogglePlay
-					]
-				], universalChildren("nativescript", () => {
-					return universalValue(__octaneUniversalPlan2, [universalComponent("nativescript", View, universalProps([[
-						"set",
-						"className",
-						"vx-video-centerbtn"
-					]], universalChildren("nativescript", () => {
-						return universalValue(__octaneUniversalPlan1, [universalComponent("nativescript", Icon, universalProps([
-							[
-								"set",
-								"name",
-								"xplat-play"
-							],
-							[
-								"set",
-								"size",
-								28
-							],
-							[
-								"set",
-								"color",
-								"#fff"
-							]
-						]))]);
-					})))]);
-				})))]);
-			}), universalComponent("nativescript", View, universalProps([[
-				"set",
-				"className",
-				"vx-video-barwrap"
-			], [
-				"set",
-				"justifyContent",
-				"end"
-			]], universalChildren("nativescript", () => {
-				return universalValue(__octaneUniversalPlan7, [universalComponent("nativescript", Row, universalProps([
-					[
-						"set",
-						"className",
-						"vx-video-bar"
-					],
-					[
-						"set",
-						"alignItems",
-						"center"
-					],
-					[
-						"set",
-						"gap",
-						8
-					]
-				], universalChildren("nativescript", () => {
-					return universalValue(__octaneUniversalPlan6, [
-						universalComponent("nativescript", Pressable, universalProps([
-							[
-								"set",
-								"className",
-								"vx-video-btn"
-							],
-							[
-								"set",
-								"accessibilityRole",
-								"button"
-							],
-							[
-								"set",
-								"accessibilityLabel",
-								props.playing ? "Pause" : "Play"
-							],
-							[
-								"set",
-								"onPress",
-								props.onTogglePlay
-							]
-						], universalChildren("nativescript", () => {
-							return universalValue(__octaneUniversalPlan4, [universalComponent("nativescript", Icon, universalProps([
-								[
-									"set",
-									"name",
-									props.playing ? "xplat-pause" : "xplat-play"
-								],
-								[
-									"set",
-									"size",
-									20
-								],
-								[
-									"set",
-									"color",
-									"#fff"
-								]
-							]))]);
-						}))),
-						universalComponent("nativescript", Text, universalProps([[
-							"set",
-							"className",
-							"vx-video-time"
-						]], stamp(props.position))),
-						universalComponent("nativescript", Slider, universalProps([
-							[
-								"set",
-								"className",
-								"vx-video-slider"
-							],
-							[
-								"set",
-								"style",
-								{ flexGrow: 1 }
-							],
-							[
-								"set",
-								"value",
-								props.position
-							],
-							[
-								"set",
-								"minValue",
-								0
-							],
-							[
-								"set",
-								"maxValue",
-								props.duration > 0 ? props.duration : 1
-							],
-							[
-								"set",
-								"onValueChange",
-								props.onSeek
-							]
-						])),
-						universalComponent("nativescript", Text, universalProps([[
-							"set",
-							"className",
-							"vx-video-time"
-						]], stamp(props.duration))),
-						universalComponent("nativescript", Pressable, universalProps([
-							[
-								"set",
-								"className",
-								"vx-video-btn"
-							],
-							[
-								"set",
-								"accessibilityRole",
-								"button"
-							],
-							[
-								"set",
-								"accessibilityLabel",
-								props.muted ? "Unmute" : "Mute"
-							],
-							[
-								"set",
-								"onPress",
-								props.onToggleMute
-							]
-						], universalChildren("nativescript", () => {
-							return universalValue(__octaneUniversalPlan5, [universalComponent("nativescript", Icon, universalProps([
-								[
-									"set",
-									"name",
-									props.muted ? "xplat-volume-off" : "xplat-volume"
-								],
-								[
-									"set",
-									"size",
-									20
-								],
-								[
-									"set",
-									"color",
-									"#fff"
-								]
-							]))]);
-						})))
-					]);
-				})))]);
-			})))]);
-		})
-	]);
-}, { "module": "@nativescript-community/octane" });
-//#endregion
-export { VideoChrome };