@symbiote-native/camera 0.0.0-stage → 0.0.0

package/build-ngc/core/native-module.d.ts

@@ -0,0 +1,28 @@
+import type { EventSubscription, PermissionResponse, SharedRef } from 'expo-modules-core';
+import type { ICameraBarcodeScanningResult, ICameraBarcodeType, ICameraPhotoResult, ICameraSavePictureOptions, ICameraScanningOptions, ICameraScanningResult, ICameraVideoCodec } from './types';
+/** A reference to a native instance of an image, other Expo packages accept it as is */
+export type ICameraPictureRef = SharedRef<'image'> & {
+    width: number;
+    height: number;
+    /** Saves the image into the cache directory */
+    savePictureAsync(options?: ICameraSavePictureOptions): Promise<ICameraPhotoResult>;
+};
+export type ICameraPictureRefClass = abstract new (...args: never[]) => ICameraPictureRef;
+export type ICameraNativeModule = {
+    Picture: ICameraPictureRefClass;
+    readonly isModernBarcodeScannerAvailable: boolean;
+    readonly toggleRecordingAsyncAvailable: boolean;
+    readonly Type: Record<string, string>;
+    readonly FlashMode: Record<string, string>;
+    isAvailableAsync?(): Promise<boolean>;
+    launchScanner(options?: ICameraScanningOptions): Promise<void>;
+    dismissScanner(): Promise<void>;
+    scanFromURLAsync(url: string, barcodeTypes?: ICameraBarcodeType[]): Promise<ICameraBarcodeScanningResult[]>;
+    getCameraPermissionsAsync(): Promise<PermissionResponse>;
+    requestCameraPermissionsAsync(): Promise<PermissionResponse>;
+    getMicrophonePermissionsAsync(): Promise<PermissionResponse>;
+    requestMicrophonePermissionsAsync(): Promise<PermissionResponse>;
+    getAvailableVideoCodecsAsync?(): Promise<ICameraVideoCodec[]>;
+    addListener(eventName: string, listener: (event: ICameraScanningResult) => void): EventSubscription;
+};
+export declare const expoCamera: ICameraNativeModule;

package/build-ngc/core/native-module.js

@@ -0,0 +1,4 @@
+import { requireNativeModule } from 'expo-modules-core';
+import { CAMERA_MODULE_NAME } from './constants';
+export const expoCamera = requireNativeModule(CAMERA_MODULE_NAME);
+//# sourceMappingURL=native-module.js.map

package/build-ngc/core/native-module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-module.js","sourceRoot":"","sources":["../../src/core/native-module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAMxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAgDjD,MAAM,CAAC,MAAM,UAAU,GAAG,mBAAmB,CAC3C,kBAAkB,CACnB,CAAC"}

package/build-ngc/core/picture-options.d.ts

@@ -0,0 +1,9 @@
+import type { ICameraCapturedPicture, ICameraPictureOptions, ICameraRecordingOptions } from './types';
+export declare function ensurePictureOptions(options?: ICameraPictureOptions): ICameraPictureOptions;
+export declare function ensureRecordingOptions(options?: ICameraRecordingOptions): ICameraRecordingOptions;
+export declare function handlePictureSaved({ nativeEvent, }: {
+    nativeEvent: {
+        data: ICameraCapturedPicture;
+        id: number;
+    };
+}): void;

package/build-ngc/core/picture-options.js

@@ -0,0 +1,30 @@
+const MIRROR_DEPRECATED = 'The `mirror` option is deprecated. Please use the `mirror` prop on the `CameraView` instead.';
+// The callbacks wait here for the native event that carries their picture
+const pictureSavedCallbacks = new Map();
+let nextPictureId = 1;
+export function ensurePictureOptions(options) {
+    if (!options || typeof options !== 'object')
+        return {};
+    if (options.mirror)
+        console.warn(MIRROR_DEPRECATED);
+    const { onPictureSaved, ...rest } = options;
+    const withQuality = { ...rest, quality: options.quality ?? 1 };
+    if (!onPictureSaved)
+        return withQuality;
+    const id = nextPictureId++;
+    pictureSavedCallbacks.set(id, onPictureSaved);
+    return { ...withQuality, id, fastMode: true };
+}
+export function ensureRecordingOptions(options = {}) {
+    if (options.mirror)
+        console.warn(MIRROR_DEPRECATED);
+    return options;
+}
+export function handlePictureSaved({ nativeEvent, }) {
+    const callback = pictureSavedCallbacks.get(nativeEvent.id);
+    if (!callback)
+        return;
+    pictureSavedCallbacks.delete(nativeEvent.id);
+    callback(nativeEvent.data);
+}
+//# sourceMappingURL=picture-options.js.map

package/build-ngc/core/picture-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"picture-options.js","sourceRoot":"","sources":["../../src/core/picture-options.ts"],"names":[],"mappings":"AAMA,MAAM,iBAAiB,GACrB,8FAA8F,CAAC;AAEjG,0EAA0E;AAC1E,MAAM,qBAAqB,GAAG,IAAI,GAAG,EAGlC,CAAC;AACJ,IAAI,aAAa,GAAG,CAAC,CAAC;AAEtB,MAAM,UAAU,oBAAoB,CAClC,OAA+B;IAE/B,IAAI,CAAC,OAAO,IAAI,OAAO,OAAO,KAAK,QAAQ;QAAE,OAAO,EAAE,CAAC;IACvD,IAAI,OAAO,CAAC,MAAM;QAAE,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;IACpD,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,EAAE,GAAG,OAAO,CAAC;IAC5C,MAAM,WAAW,GAAG,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,IAAI,CAAC,EAAE,CAAC;IAC/D,IAAI,CAAC,cAAc;QAAE,OAAO,WAAW,CAAC;IACxC,MAAM,EAAE,GAAG,aAAa,EAAE,CAAC;IAC3B,qBAAqB,CAAC,GAAG,CAAC,EAAE,EAAE,cAAc,CAAC,CAAC;IAC9C,OAAO,EAAE,GAAG,WAAW,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAChD,CAAC;AAED,MAAM,UAAU,sBAAsB,CACpC,UAAmC,EAAE;IAErC,IAAI,OAAO,CAAC,MAAM;QAAE,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;IACpD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EACjC,WAAW,GAGZ;IACC,MAAM,QAAQ,GAAG,qBAAqB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAC3D,IAAI,CAAC,QAAQ;QAAE,OAAO;IACtB,qBAAqB,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAC7C,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AAC7B,CAAC"}

package/build-ngc/core/picture-ref.d.ts

@@ -0,0 +1,2 @@
+/** The native image class, `takePictureAsync({ pictureRef: true })` resolves to an instance */
+export declare const PictureRef: import("./native-module").ICameraPictureRefClass;

package/build-ngc/core/picture-ref.js

@@ -0,0 +1,4 @@
+import { expoCamera } from './native-module';
+/** The native image class, `takePictureAsync({ pictureRef: true })` resolves to an instance */
+export const PictureRef = expoCamera.Picture;
+//# sourceMappingURL=picture-ref.js.map

package/build-ngc/core/picture-ref.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"picture-ref.js","sourceRoot":"","sources":["../../src/core/picture-ref.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,+FAA+F;AAC/F,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC"}

package/build-ngc/core/props.d.ts

@@ -0,0 +1,4 @@
+type INativeProps = Record<string, unknown>;
+/** The props the native view takes, built from the friendly ones of the view */
+export declare function ensureNativeProps(props: object): INativeProps;
+export {};

package/build-ngc/core/props.js

@@ -0,0 +1,27 @@
+import { expoCamera } from './native-module';
+// Values under these keys become native options, the tables come from the native module
+function conversionTableFor(key) {
+    if (key === 'type')
+        return expoCamera.Type;
+    if (key === 'flash')
+        return expoCamera.FlashMode;
+    return undefined;
+}
+function convertNativeProps(props) {
+    return Object.fromEntries(Object.entries(props).map(([key, value]) => {
+        const table = conversionTableFor(key);
+        return [key, typeof value === 'string' && table ? table[value] : value];
+    }));
+}
+/** The props the native view takes, built from the friendly ones of the view */
+export function ensureNativeProps(props) {
+    const { poster: _poster, ...native } = convertNativeProps(props);
+    return {
+        ...native,
+        barcodeScannerEnabled: Boolean(Reflect.get(props, 'onBarcodeScanned')),
+        flashMode: Reflect.get(props, 'flash') ?? 'off',
+        mute: Reflect.get(props, 'mute') ?? false,
+        autoFocus: Reflect.get(props, 'autofocus') ?? 'off',
+    };
+}
+//# sourceMappingURL=props.js.map

package/build-ngc/core/props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sourceRoot":"","sources":["../../src/core/props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAI7C,wFAAwF;AACxF,SAAS,kBAAkB,CAAC,GAAW;IACrC,IAAI,GAAG,KAAK,MAAM;QAAE,OAAO,UAAU,CAAC,IAAI,CAAC;IAC3C,IAAI,GAAG,KAAK,OAAO;QAAE,OAAO,UAAU,CAAC,SAAS,CAAC;IACjD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,kBAAkB,CAAC,KAAa;IACvC,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QACzC,MAAM,KAAK,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC;QACtC,OAAO,CAAC,GAAG,EAAE,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC1E,CAAC,CAAC,CACH,CAAC;AACJ,CAAC;AAED,gFAAgF;AAChF,MAAM,UAAU,iBAAiB,CAAC,KAAa;IAC7C,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,EAAE,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IACjE,OAAO;QACL,GAAG,MAAM;QACT,qBAAqB,EAAE,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAC;QACtE,SAAS,EAAE,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,KAAK;QAC/C,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,KAAK;QACzC,SAAS,EAAE,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,WAAW,CAAC,IAAI,KAAK;KACpD,CAAC;AACJ,CAAC"}

package/build-ngc/core/types.d.ts

@@ -0,0 +1,170 @@
+import type { IAccessibilityProps, IAriaProps, IResponderProps } from '@symbiote-native/components';
+import type { IStyleProp, ISymbioteEvent, IViewStyle } from '@symbiote-native/engine';
+import type { IAndroidBarcode } from './android-barcode';
+export type ICameraType = 'front' | 'back';
+/**
+ * `screen` uses the display as the flash of a front camera, on iOS it maps to `on`
+ * and Retina Flash fires
+ */
+export type ICameraFlashMode = 'off' | 'on' | 'auto' | 'screen';
+/** `on` focuses once and locks, `off` focuses whenever needed */
+export type ICameraFocusMode = 'on' | 'off';
+export type ICameraMode = 'picture' | 'video';
+export type ICameraRatio = '4:3' | '16:9' | '1:1';
+/** The codec of a video recording, iOS only */
+export type ICameraVideoCodec = 'avc1' | 'hvc1' | 'jpeg' | 'apcn' | 'ap4h';
+/** On Android all but `off` turn the stabilization on, the device picks the method */
+export type ICameraVideoStabilization = 'off' | 'standard' | 'cinematic' | 'auto';
+export type ICameraVideoQuality = '2160p' | '1080p' | '720p' | '480p' | '4:3';
+export type ICameraOrientation = 'portrait' | 'portraitUpsideDown' | 'landscapeLeft' | 'landscapeRight';
+export type ICameraBarcodeType = 'aztec' | 'ean13' | 'ean8' | 'qr' | 'pdf417' | 'upc_e' | 'datamatrix' | 'code39' | 'code93' | 'itf14' | 'codabar' | 'code128' | 'upc_a';
+export type ICameraCapturedPicture = {
+    width: number;
+    height: number;
+    format: 'jpg' | 'png';
+    uri: string;
+    /** Base64 of the JPEG data, present when the `base64` option was set */
+    base64?: string;
+    /** The EXIF tags and their values, present when the `exif` option was set */
+    exif?: Record<string, unknown>;
+};
+export type ICameraPictureOptions = {
+    /** From `0` (small) to `1` (best), `1` by default */
+    quality?: number;
+    base64?: boolean;
+    exif?: boolean;
+    /** Extra EXIF data, takes effect with `exif` */
+    additionalExif?: Record<string, unknown>;
+    /**
+     * Called when the picture is saved, the promise then resolves at once with no data
+     * and the picture goes to this callback
+     */
+    onPictureSaved?: (picture: ICameraCapturedPicture) => void;
+    /** Returns the image as it came from the sensor, `quality` is discarded */
+    skipProcessing?: boolean;
+    /** @deprecated Use the `mirror` prop of the view */
+    mirror?: boolean;
+    id?: number;
+    fastMode?: boolean;
+    maxDownsampling?: number;
+    /** `true` by default */
+    shutterSound?: boolean;
+    /** Resolves to a reference to the native image instead of a file */
+    pictureRef?: boolean;
+};
+export type ICameraRecordingOptions = {
+    /** In seconds */
+    maxDuration?: number;
+    /** In bytes */
+    maxFileSize?: number;
+    /** @deprecated Use the `mirror` prop of the view */
+    mirror?: boolean;
+    /** iOS only */
+    codec?: ICameraVideoCodec;
+};
+export type ICameraAvailableLenses = {
+    lenses: string[];
+};
+export type ICameraResponsiveOrientation = {
+    orientation: ICameraOrientation;
+};
+export type ICameraMountError = {
+    message: string;
+};
+export type ICameraBarcodePoint = {
+    x: number;
+    y: number;
+};
+export type ICameraBarcodeBounds = {
+    origin: ICameraBarcodePoint;
+    size: {
+        height: number;
+        width: number;
+    };
+};
+export type ICameraBarcodeScanningResult = {
+    type: string;
+    /** The parsed information encoded in the barcode */
+    data: string;
+    /** The raw information, Android only */
+    raw?: string;
+    /** The order of the points differs per platform, and is empty for some types */
+    cornerPoints: ICameraBarcodePoint[];
+    bounds: ICameraBarcodeBounds;
+    /** Extra information of the type of barcode, Android only */
+    extra?: IAndroidBarcode;
+};
+export type ICameraScanningResult = Omit<ICameraBarcodeScanningResult, 'bounds' | 'cornerPoints'>;
+export type ICameraBarcodeSettings = {
+    barcodeTypes: ICameraBarcodeType[];
+};
+/** The options of the system scanner, iOS 16+ and Google's code scanner on Android */
+export type ICameraScanningOptions = {
+    barcodeTypes: ICameraBarcodeType[];
+    /** iOS only, `true` by default */
+    isPinchToZoomEnabled?: boolean;
+    /** iOS only, `true` by default */
+    isGuidanceEnabled?: boolean;
+    /** iOS only, `false` by default */
+    isHighlightingEnabled?: boolean;
+};
+export type ICameraPhotoResult = {
+    uri: string;
+    width: number;
+    height: number;
+    base64?: string;
+};
+export type ICameraSavePictureOptions = {
+    quality?: number;
+    metadata?: Record<string, unknown>;
+    base64?: boolean;
+};
+export type ICameraViewProps = IAccessibilityProps & IAriaProps & IResponderProps & {
+    /** `back` by default */
+    facing?: ICameraType;
+    /** `off` by default */
+    flash?: ICameraFlashMode;
+    /** From `0` to `1`, a share of the maximum zoom of the device */
+    zoom?: number;
+    /** `picture` by default */
+    mode?: ICameraMode;
+    /** Records video with no sound */
+    mute?: boolean;
+    /** Mirrors the image of the front camera */
+    mirror?: boolean;
+    /** iOS only, `off` by default */
+    autofocus?: ICameraFocusMode;
+    /** Stops the session while `false`, iOS only, `true` by default */
+    active?: boolean;
+    videoQuality?: ICameraVideoQuality;
+    /** In bits per second, on iOS needs the codec in `recordAsync` */
+    videoBitrate?: number;
+    animateShutter?: boolean;
+    /** Makes `ratio` ignored, the sizes come from `getAvailablePictureSizesAsync` */
+    pictureSize?: string;
+    /** iOS only, `builtInWideAngleCamera` by default */
+    selectedLens?: string;
+    enableTorch?: boolean;
+    /** `auto` by default */
+    videoStabilizationMode?: ICameraVideoStabilization;
+    barcodeScannerSettings?: ICameraBarcodeSettings;
+    /** Takes landscape pictures of a portrait-locked app when the device turns, iOS only */
+    responsiveOrientationWhenOrientationLocked?: boolean;
+    /** Android only, switches the preview from fill to fit */
+    ratio?: ICameraRatio;
+    onCameraReady?: () => void;
+    onMountError?: (event: ICameraMountError) => void;
+    onBarcodeScanned?: (result: ICameraBarcodeScanningResult) => void;
+    /** iOS only */
+    onResponsiveOrientationChanged?: (event: ICameraResponsiveOrientation) => void;
+    /** iOS only */
+    onAvailableLensesChanged?: (event: ICameraAvailableLenses) => void;
+    style?: IStyleProp<IViewStyle>;
+    testID?: string;
+    nativeID?: string;
+    onLayout?: (event: ISymbioteEvent) => void;
+};
+export type ICameraSupportedFeatures = {
+    isModernBarcodeScannerAvailable: boolean;
+    toggleRecordingAsyncAvailable: boolean;
+};

package/build-ngc/core/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build-ngc/core/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/core/types.ts"],"names":[],"mappings":""}

package/native-link.json

@@ -0,0 +1,22 @@
+{
+  "android": {
+    "gradleProjectName": "expo-camera",
+    "modules": [
+      {
+        "importPath": "expo.modules.camera.CameraViewModule",
+        "className": "CameraViewModule",
+        "nativeName": "ExpoCamera"
+      }
+    ],
+    "manifestPermissions": [
+      "android.permission.CAMERA",
+      "android.permission.RECORD_AUDIO"
+    ]
+  },
+  "ios": {
+    "infoPlistKeys": {
+      "NSCameraUsageDescription": "Allow $(PRODUCT_NAME) to access your camera",
+      "NSMicrophoneUsageDescription": "Allow $(PRODUCT_NAME) to access your microphone"
+    }
+  }
+}

package/package.json

@@ -1,6 +1,147 @@
 {
   "name": "@symbiote-native/camera",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.0.0",
+  "description": "expo-camera wrapped for SymbioteNative — one framework-agnostic core, built once and reachable from the React, Vue, Svelte, Solid, and Angular adapters. The camera preview, pictures, video recording and barcode scanning.",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/OneEyed1366/symbiote-native.git",
+    "directory": "packages/camera"
+  },
+  "homepage": "https://github.com/OneEyed1366/symbiote-native/tree/master/packages/camera#readme",
+  "bugs": {
+    "url": "https://github.com/OneEyed1366/symbiote-native/issues"
+  },
+  "author": "Andrey Prokopenko <psevdoproger@gmail.com>",
+  "keywords": [
+    "react-native",
+    "symbiote-native",
+    "expo-camera",
+    "react",
+    "vue",
+    "svelte",
+    "solid",
+    "angular",
+    "camera"
+  ],
+  "type": "module",
+  "main": "./build/core/index.js",
+  "module": "./build/core/index.js",
+  "types": "./build/core/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./build/core/index.d.ts",
+      "default": "./build/core/index.js"
+    },
+    "./vue": {
+      "types": "./build/vue/index.d.ts",
+      "default": "./build/vue/index.js"
+    },
+    "./react": {
+      "types": "./build/react/index.d.ts",
+      "default": "./build/react/index.js"
+    },
+    "./svelte": "./src/svelte/index.ts",
+    "./solid": {
+      "types": "./build/solid/index.d.ts",
+      "default": "./build/solid/index.js"
+    },
+    "./angular": {
+      "types": "./build-ngc/angular/index.d.ts",
+      "react-native": "./build-ngc/angular/index.js",
+      "default": "./src/angular/index.ts"
+    }
+  },
+  "files": [
+    "src",
+    "build",
+    "build-ngc",
+    "native-link.json",
+    "!src/**/*.test.*",
+    "!src/**/*.spec.*",
+    "!src/**/*.detox.*"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "expo-camera": "57.0.6",
+    "expo-modules-core": "57.0.20",
+    "@symbiote-native/components": "3.1.4"
+  },
+  "peerDependencies": {
+    "@angular/core": ">=20",
+    "@vue/runtime-core": "^3.5.13",
+    "react": ">=19.0.0",
+    "react-native": ">=0.86",
+    "solid-js": ">=1.9.0",
+    "svelte": ">=5.56.0",
+    "vue": ">=3.5.0",
+    "@symbiote-native/angular": "^3.2.0",
+    "@symbiote-native/engine": "^1.5.0",
+    "@symbiote-native/react": "^3.2.0",
+    "@symbiote-native/svelte": "^3.1.0",
+    "@symbiote-native/solid": "^3.1.0",
+    "@symbiote-native/vue": "^3.2.0"
+  },
+  "peerDependenciesMeta": {
+    "@symbiote-native/angular": {
+      "optional": true
+    },
+    "@symbiote-native/react": {
+      "optional": true
+    },
+    "@symbiote-native/solid": {
+      "optional": true
+    },
+    "@symbiote-native/svelte": {
+      "optional": true
+    },
+    "@symbiote-native/vue": {
+      "optional": true
+    },
+    "@angular/core": {
+      "optional": true
+    },
+    "@vue/runtime-core": {
+      "optional": true
+    },
+    "react": {
+      "optional": true
+    },
+    "solid-js": {
+      "optional": true
+    },
+    "svelte": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@angular/compiler": "~22.0.8",
+    "@angular/compiler-cli": "~22.0.8",
+    "@angular/core": "~22.0.8",
+    "@types/node": "^26.0.0",
+    "@types/react": "^19.2.0",
+    "@vue/runtime-core": "^3.5.13",
+    "react": "19.2.3",
+    "solid-js": "^1.9.14",
+    "svelte": "^5.56.0",
+    "typescript": "~6.0.0",
+    "@symbiote-native/angular": "3.2.0",
+    "@symbiote-native/engine": "1.5.0",
+    "@symbiote-native/solid": "3.1.0",
+    "@symbiote-native/react": "3.2.0",
+    "@symbiote-native/vue": "3.2.0",
+    "@symbiote-native/test-utils": "0.4.6",
+    "@symbiote-native/svelte": "3.1.0"
+  },
+  "scripts": {
+    "typecheck": "tsc --build",
+    "clean": "rm -rf build-ngc",
+    "ng:build": "pnpm run clean && ngc -p tsconfig.angular.json",
+    "format": "prettier --write \"src/**/*.{ts,tsx}\""
+  }
 }

package/src/angular/camera-view/index.ts

@@ -0,0 +1,95 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { DescriptorOutlet, NativeViewBase } from '@symbiote-native/angular';
+import type { IDescriptor } from '@symbiote-native/components';
+import { createCameraView } from '../../core';
+import type { ICameraViewHandle, ICameraViewProps } from '../../core';
+
+// One list is the inputs of the component and the props it hands to the native view
+const CAMERA_VIEW_INPUTS = [
+  'facing',
+  'flash',
+  'zoom',
+  'mode',
+  'mute',
+  'mirror',
+  'autofocus',
+  'active',
+  'videoQuality',
+  'videoBitrate',
+  'animateShutter',
+  'pictureSize',
+  'selectedLens',
+  'enableTorch',
+  'videoStabilizationMode',
+  'barcodeScannerSettings',
+  'responsiveOrientationWhenOrientationLocked',
+  'ratio',
+  'onCameraReady',
+  'onMountError',
+  'onBarcodeScanned',
+  'onResponsiveOrientationChanged',
+  'onAvailableLensesChanged',
+] as const;
+
+/** Angular twin of `expo-camera`'s `CameraView` */
+@Component({
+  selector: 'CameraView',
+  standalone: true,
+  imports: [DescriptorOutlet],
+  inputs: [...CAMERA_VIEW_INPUTS],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `@if (descriptor; as node) {
+    <symbiote-descriptor-outlet [node]="node" />
+  }`,
+})
+export class CameraView extends NativeViewBase {
+  // The inputs are named by `inputs`, these only type them for the template
+  declare facing?: ICameraViewProps['facing'];
+  declare flash?: ICameraViewProps['flash'];
+  declare zoom?: ICameraViewProps['zoom'];
+  declare mode?: ICameraViewProps['mode'];
+  declare mute?: ICameraViewProps['mute'];
+  declare mirror?: ICameraViewProps['mirror'];
+  declare autofocus?: ICameraViewProps['autofocus'];
+  declare active?: ICameraViewProps['active'];
+  declare videoQuality?: ICameraViewProps['videoQuality'];
+  declare videoBitrate?: ICameraViewProps['videoBitrate'];
+  declare animateShutter?: ICameraViewProps['animateShutter'];
+  declare pictureSize?: ICameraViewProps['pictureSize'];
+  declare selectedLens?: ICameraViewProps['selectedLens'];
+  declare enableTorch?: ICameraViewProps['enableTorch'];
+  declare videoStabilizationMode?: ICameraViewProps['videoStabilizationMode'];
+  declare barcodeScannerSettings?: ICameraViewProps['barcodeScannerSettings'];
+  declare responsiveOrientationWhenOrientationLocked?: ICameraViewProps['responsiveOrientationWhenOrientationLocked'];
+  declare ratio?: ICameraViewProps['ratio'];
+  declare onCameraReady?: ICameraViewProps['onCameraReady'];
+  declare onMountError?: ICameraViewProps['onMountError'];
+  declare onBarcodeScanned?: ICameraViewProps['onBarcodeScanned'];
+  declare onResponsiveOrientationChanged?: ICameraViewProps['onResponsiveOrientationChanged'];
+  declare onAvailableLensesChanged?: ICameraViewProps['onAvailableLensesChanged'];
+
+  private readonly view = createCameraView(() => this.hostNode());
+
+  // The functions of the view are copied onto the component, a `@ViewChild` reaches them
+  declare readonly takePictureAsync: ICameraViewHandle['takePictureAsync'];
+  declare readonly recordAsync: ICameraViewHandle['recordAsync'];
+  declare readonly toggleRecordingAsync: ICameraViewHandle['toggleRecordingAsync'];
+  declare readonly stopRecording: ICameraViewHandle['stopRecording'];
+  declare readonly pausePreview: ICameraViewHandle['pausePreview'];
+  declare readonly resumePreview: ICameraViewHandle['resumePreview'];
+  declare readonly getAvailablePictureSizesAsync: ICameraViewHandle['getAvailablePictureSizesAsync'];
+  declare readonly getAvailableLensesAsync: ICameraViewHandle['getAvailableLensesAsync'];
+  declare readonly getSupportedFeatures: ICameraViewHandle['getSupportedFeatures'];
+  declare readonly getHostNode: ICameraViewHandle['getHostNode'];
+
+  constructor() {
+    super();
+    Object.assign(this, this.view.handle);
+  }
+
+  protected override readonly propNames = CAMERA_VIEW_INPUTS;
+
+  protected override renderView(props: object): IDescriptor | null {
+    return this.view.render(props);
+  }
+}

package/src/angular/index.ts

@@ -0,0 +1,8 @@
+// @symbiote-native/camera/angular: камера, съёмка, запись видео и сканирование кодов на общем ядре
+
+export { CameraView } from './camera-view';
+export {
+  CameraPermissionsService,
+  MicrophonePermissionsService,
+} from './services/camera-permissions.service';
+export * from '../core';

package/src/angular/services/camera-permissions.service.ts

@@ -0,0 +1,28 @@
+import { Injectable } from '@angular/core';
+import { PermissionsServiceBase } from '@symbiote-native/angular';
+import {
+  cameraPermissionMethods,
+  microphonePermissionMethods,
+} from '../../core/camera-api';
+import type { PermissionResponse } from 'expo-modules-core';
+
+// Angular twin of `../../react`'s camera permission hooks
+@Injectable({ providedIn: 'root' })
+export class CameraPermissionsService extends PermissionsServiceBase<PermissionResponse> {
+  constructor() {
+    super(
+      cameraPermissionMethods.getMethod,
+      cameraPermissionMethods.requestMethod,
+    );
+  }
+}
+
+@Injectable({ providedIn: 'root' })
+export class MicrophonePermissionsService extends PermissionsServiceBase<PermissionResponse> {
+  constructor() {
+    super(
+      microphonePermissionMethods.getMethod,
+      microphonePermissionMethods.requestMethod,
+    );
+  }
+}