@octane-xplat/camera 0.7.3 → 0.9.0

package/README.md

@@ -0,0 +1,31 @@
+# `@octane-xplat/camera`
+
+Live camera preview for Octane xplat apps: `getUserMedia` video on web,
+`AVCaptureSession` on iOS, CameraX on Android.
+
+```sh
+pnpm add @octane-xplat/camera
+```
+
+```tsx
+import { CameraView } from '@octane-xplat/camera'
+
+;<CameraView
+	facing="back" // 'front' | 'back', default 'back'
+	active={streaming} // default true — false releases the session
+	onReady={() => console.log('preview running')}
+	onError={(e) => console.log(e.message)}
+	bind={(h) => (handle = h)} // h.native is the preview surface
+/>
+```
+
+This is the preview surface only — for one-shot still capture and library
+picking use [`@octane-xplat/media`](../media/README.md). Permissions are
+requested when the session starts; `onError` is how a denial shows up.
+`bind` hands you the platform surface (`HTMLVideoElement` on web) for
+controls the shared props don't cover, and the `ios`/`android`/`web`
+escape props apply after the shared props.
+
+Guide: [Building screens](../../docs/primitives.md) (leaf components);
+component index: [`docs/components.md`](../../docs/components.md).
+Exercised by [`CameraDemo`](../demos/src/CameraDemo.tsrx).

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

@@ -5,7 +5,7 @@ function cameraHardwarePresent() {
 	if (isIOS) return typeof globalThis.AVCaptureDevice !== "undefined";
 	if (!isAndroid) return false;
 	try {
-		return (Application.android?.context ?? Application.android?.startActivity)?.packageManager?.hasSystemFeature("android.hardware.camera.any") !== false;
+		return (Application.android?.context ?? Application.android?.startActivity)?.getPackageManager()?.hasSystemFeature("android.hardware.camera.any") !== false;
 	} catch {
 		return true;
 	}

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

@@ -1,6 +1,6 @@
 {
   "version": 1,
-  "buildId": "fcf4766e-6e75-4a8c-975d-f47323dec7a1",
+  "buildId": "43ccef1b-b61d-45ed-b9be-3e99093c9451",
   "mode": "production",
   "capabilities": {
     "independentHydration": false

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

@@ -1,6 +1,6 @@
 {
   "version": 1,
-  "buildId": "2cfced37-60f8-430f-9f32-7b16653af15c",
+  "buildId": "b4334c49-36f2-46b2-ba99-abac851b84f2",
   "mode": "production",
   "capabilities": {
     "independentHydration": false

package/package.json

@@ -1,25 +1,25 @@
 {
   "name": "@octane-xplat/camera",
-  "version": "0.7.3",
+  "version": "0.9.0",
   "description": "Live camera preview for Octane xplat — web getUserMedia + native capture (AVCapture / CameraX)",
   "keywords": [
-    "octane",
-    "xplat",
-    "cross-platform",
+    "android",
     "camera",
     "camera-preview",
+    "cross-platform",
+    "ios",
+    "nativescript",
+    "octane",
     "photo",
     "video-capture",
-    "nativescript",
-    "ios",
-    "android",
-    "web"
+    "web",
+    "xplat"
   ],
-  "license": "MIT",
   "homepage": "https://github.com/octane-xplat/octane-xplat/tree/main/packages/camera",
+  "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/octane-xplat/octane-xplat.git",
+    "url": "https://github.com/octane-xplat/octane-xplat",
     "directory": "packages/camera"
   },
   "files": [
@@ -29,12 +29,6 @@
     "platforms"
   ],
   "type": "module",
-  "nativescript": {
-    "platforms": {
-      "ios": "7.0.0",
-      "android": "7.0.0"
-    }
-  },
   "exports": {
     ".": {
       "types": "./types/index.d.ts",
@@ -47,10 +41,11 @@
     "access": "public"
   },
   "devDependencies": {
-    "@nativescript-community/octane": "0.2.1",
+    "@nativescript-community/octane": "0.2.4",
     "@nativescript/core": "9.1.2",
     "@octanejs/vite-plugin": "0.1.61",
     "octane": "0.6.3",
+    "tsrx-typegen": "0.2.1",
     "typescript": "5.9.3",
     "vite": "8.3.0"
   },
@@ -70,7 +65,16 @@
       "optional": true
     }
   },
+  "nativescript": {
+    "platforms": {
+      "ios": "7.0.0",
+      "android": "7.0.0"
+    }
+  },
   "scripts": {
-    "build": "vite build && vite build --mode native && tsc -p tsconfig.types.json && node ../../scripts/check-native-dist.mjs"
+    "build": "vite build && vite build --mode native && pnpm typegen && node ../../scripts/check-native-dist.mjs",
+    "typegen": "tsc -p tsconfig.types.json",
+    "test:packed": "node tests/packed-consumer.mjs",
+    "pack:check": "tsrx-typegen --pack-check"
   }
 }

package/src/camera-permission.mobile.ts

@@ -3,11 +3,17 @@ import { Application, isAndroid, isIOS } from '@nativescript/core'
 let requestCode = 7719
 
 export function cameraHardwarePresent(): boolean {
-	if (isIOS) {return typeof (globalThis as any).AVCaptureDevice !== 'undefined'}
-	if (!isAndroid) {return false}
+	if (isIOS) {
+		return typeof (globalThis as any).AVCaptureDevice !== 'undefined'
+	}
+
+	if (!isAndroid) {
+		return false
+	}
+
 	try {
 		const context = Application.android?.context ?? Application.android?.startActivity
-		return context?.packageManager?.hasSystemFeature('android.hardware.camera.any') !== false
+		return context?.getPackageManager()?.hasSystemFeature('android.hardware.camera.any') !== false
 	} catch {
 		return true
 	}
@@ -19,8 +25,14 @@ export async function ensureCameraPermission(): Promise<boolean> {
 			const av = (globalThis as any).AVCaptureDevice
 			const mediaType = (globalThis as any).AVMediaTypeVideo ?? 'vide'
 			const status = av?.authorizationStatusForMediaType?.(mediaType)
-			if (status === 3) {return true}
-			if (status === 1 || status === 2) {return false}
+			if (status === 3) {
+				return true
+			}
+
+			if (status === 1 || status === 2) {
+				return false
+			}
+
 			return await new Promise<boolean>((resolve) =>
 				av.requestAccessForMediaTypeCompletionHandler(mediaType, resolve),
 			)
@@ -32,28 +44,27 @@ export async function ensureCameraPermission(): Promise<boolean> {
 			if (
 				activity?.checkSelfPermission?.(permission) ===
 				android.content.pm.PackageManager.PERMISSION_GRANTED
-			) {return true}
+			) {
+				return true
+			}
+
+			if (!activity) {
+				return false
+			}
 
-			if (!activity) {return false}
 			return await new Promise<boolean>((resolve) => {
 				const currentRequest = requestCode++
 				const onResult = (args: any) => {
-					if (args.requestCode !== currentRequest) {return}
-					Application.android.off(
-						Application.android.activityRequestPermissionsEvent,
-						onResult,
-					)
+					if (args.requestCode !== currentRequest) {
+						return
+					}
+
+					Application.android.off(Application.android.activityRequestPermissionsEvent, onResult)
 
-					resolve(
-						args.grantResults?.[0] ===
-							android.content.pm.PackageManager.PERMISSION_GRANTED,
-					)
+					resolve(args.grantResults?.[0] === android.content.pm.PackageManager.PERMISSION_GRANTED)
 				}
 
-				Application.android.on(
-					Application.android.activityRequestPermissionsEvent,
-					onResult,
-				)
+				Application.android.on(Application.android.activityRequestPermissionsEvent, onResult)
 
 				activity.requestPermissions([permission], currentRequest)
 			})

package/src/camera-session.ios.ts

@@ -6,9 +6,10 @@ export function startCameraPreview(
 ): () => void {
 	const av = globalThis as any
 	const mediaType = av.AVMediaTypeVideo ?? 'vide'
-	const desiredPosition = facing === 'front'
-		? av.AVCaptureDevicePositionFront ?? 2
-		: av.AVCaptureDevicePositionBack ?? 1
+	const desiredPosition =
+		facing === 'front'
+			? (av.AVCaptureDevicePositionFront ?? 2)
+			: (av.AVCaptureDevicePositionBack ?? 1)
 
 	const devices = av.AVCaptureDevice.devicesWithMediaType(mediaType)
 	let device: any = null
@@ -20,22 +21,32 @@ export function startCameraPreview(
 		}
 	}
 
-	if (!device) {throw new Error('camera unavailable')}
+	if (!device) {
+		throw new Error('camera unavailable')
+	}
 
 	const session = av.AVCaptureSession.new()
 	const input = av.AVCaptureDeviceInput.deviceInputWithDeviceError(device)
-	if (!input || !session.canAddInput(input)) {throw new Error('camera input unavailable')}
+	if (!input || !session.canAddInput(input)) {
+		throw new Error('camera input unavailable')
+	}
+
 	session.addInput(input)
 	const layer = av.AVCaptureVideoPreviewLayer.layerWithSession(session)
 	layer.videoGravity = 'resizeAspectFill'
 	const connection = layer.connection
 	if (connection) {
 		connection.automaticallyAdjustsVideoMirroring = false
-		if (connection.isVideoMirroringSupported) {connection.isVideoMirrored = facing === 'front'}
+		if (connection.isVideoMirroringSupported) {
+			connection.isVideoMirrored = facing === 'front'
+		}
 	}
 
 	const nativeView = view.ios ?? view.nativeViewProtected
-	if (!nativeView?.layer) {throw new Error('camera preview host unavailable')}
+	if (!nativeView?.layer) {
+		throw new Error('camera preview host unavailable')
+	}
+
 	nativeView.layer.addSublayer(layer)
 	const updateFrame = () => {
 		layer.frame = nativeView.bounds

package/src/layout-child.ts

@@ -17,16 +17,23 @@ export function layoutChildProps(props: CameraViewProps): Record<string, any> {
 		'alignSelf',
 		'order',
 	] as const) {
-		if (props[key] !== undefined) {result[key] = props[key]}
+		if (props[key] !== undefined) {
+			result[key] = props[key]
+		}
 	}
 
 	return result
 }
 
 export function applyEscapeProps(view: any, props: { ios?: any; android?: any }): void {
-	if (!view) {return}
+	if (!view) {
+		return
+	}
+
 	const bag = isIOS ? props.ios : props.android
-	if (bag) {Object.assign(view, bag)}
+	if (bag) {
+		Object.assign(view, bag)
+	}
 }
 
 const nativeRoles: Record<string, string> = {
@@ -51,12 +58,24 @@ export function nativeAccessibilityRole(role?: string): string | undefined {
 	return role ? nativeRoles[role] : undefined
 }
 
-export function nativeAccessibilityState(state?: CameraViewProps['accessibilityState']):
-	| string
-	| undefined {
-	if (state?.disabled) {return 'disabled'}
-	if (state?.selected) {return 'selected'}
-	if (state?.checked === true) {return 'checked'}
-	if (state?.checked === false) {return 'unchecked'}
+export function nativeAccessibilityState(
+	state?: CameraViewProps['accessibilityState'],
+): string | undefined {
+	if (state?.disabled) {
+		return 'disabled'
+	}
+
+	if (state?.selected) {
+		return 'selected'
+	}
+
+	if (state?.checked === true) {
+		return 'checked'
+	}
+
+	if (state?.checked === false) {
+		return 'unchecked'
+	}
+
 	return undefined
 }

package/src/layout-child.web.ts

@@ -14,21 +14,45 @@ export function layoutChildProps(props: CameraViewProps, baseStyle: any = props.
 		style.gridColumn = `span ${props.colSpan}`
 	}
 
-	if (props.left !== undefined) {style.left = props.left}
-	if (props.top !== undefined) {style.top = props.top}
-	if (props.flexGrow !== undefined) {style.flexGrow = props.flexGrow}
-	if (props.flexShrink !== undefined) {style.flexShrink = props.flexShrink}
-	if (props.alignSelf !== undefined) {style.alignSelf = props.alignSelf}
-	if (props.order !== undefined) {style.order = props.order}
+	if (props.left !== undefined) {
+		style.left = props.left
+	}
+
+	if (props.top !== undefined) {
+		style.top = props.top
+	}
+
+	if (props.flexGrow !== undefined) {
+		style.flexGrow = props.flexGrow
+	}
+
+	if (props.flexShrink !== undefined) {
+		style.flexShrink = props.flexShrink
+	}
+
+	if (props.alignSelf !== undefined) {
+		style.alignSelf = props.alignSelf
+	}
+
+	if (props.order !== undefined) {
+		style.order = props.order
+	}
+
 	return { style }
 }
 
 export function applyEscapeProps(element: any, props: { web?: any }): void {
-	if (!element || !props.web) {return}
+	if (!element || !props.web) {
+		return
+	}
+
 	for (const [key, value] of Object.entries(props.web)) {
 		if (key.includes('-')) {
-			if (value == null || value === false) {element.removeAttribute(key)}
-			else {element.setAttribute(key, value === true ? '' : String(value))}
+			if (value == null || value === false) {
+				element.removeAttribute(key)
+			} else {
+				element.setAttribute(key, value === true ? '' : String(value))
+			}
 		} else if (key in element) {
 			try {
 				element[key] = value

package/types/index.d.ts

@@ -1,5 +1,5 @@
 import type { UniversalComponent } from 'octane/universal'
-import type { CameraViewProps } from './props'
+import type { CameraViewProps } from './props.js'
 
 export declare const CameraView: UniversalComponent<CameraViewProps>
-export type { CameraViewHandle, CameraViewProps, CameraAccessibilityRole } from './props'
+export type { CameraViewHandle, CameraViewProps, CameraAccessibilityRole } from './props.js'