@symbiote-native/video 0.0.0-stage → 0.0.0

package/build-ngc/core/video-player.js

@@ -0,0 +1,23 @@
+import { expoVideo } from './native-module';
+import { parseSource } from './video-source';
+const SYNC_REPLACE_WARNING = 'On iOS `VideoPlayer.replace` loads the asset data synchronously on the main thread, which can lead to UI freezes and will be deprecated in a future release. Switch to `replaceAsync` for better user experience.';
+// Upstream patches these two methods onto the native prototype at load, a subclass does the same
+class SourceParsingVideoPlayer extends expoVideo.VideoPlayer {
+    replace(source, disableWarning = false) {
+        if (!disableWarning)
+            console.warn(SYNC_REPLACE_WARNING);
+        super.replace(parseSource(source));
+    }
+    replaceAsync(source) {
+        return super.replaceAsync(parseSource(source));
+    }
+}
+/**
+ * Creates a player that does not release automatically, call `release()` when done
+ *
+ * The adapter hooks release it on unmount
+ */
+export function createVideoPlayer(source, playerBuilderOptions) {
+    return new SourceParsingVideoPlayer(parseSource(source), false, playerBuilderOptions);
+}
+//# sourceMappingURL=video-player.js.map

package/build-ngc/core/video-player.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-player.js","sourceRoot":"","sources":["../../src/core/video-player.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAM5C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,oBAAoB,GACxB,mNAAmN,CAAC;AAEtN,iGAAiG;AACjG,MAAM,wBAAyB,SAAQ,SAAS,CAAC,WAAW;IACjD,OAAO,CAAC,MAAoB,EAAE,cAAc,GAAG,KAAK;QAC3D,IAAI,CAAC,cAAc;YAAE,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACxD,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;IACrC,CAAC;IAEQ,YAAY,CAAC,MAAoB;QACxC,OAAO,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;IACjD,CAAC;CACF;AAED;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAC/B,MAAoB,EACpB,oBAAiD;IAEjD,OAAO,IAAI,wBAAwB,CACjC,WAAW,CAAC,MAAM,CAAC,EACnB,KAAK,EACL,oBAAoB,CACrB,CAAC;AACJ,CAAC"}

package/build-ngc/core/video-source.d.ts

@@ -0,0 +1,3 @@
+import type { IVideoSource } from './player-types';
+/** What the native player takes: a `require`d asset and a string both become a uri */
+export declare function parseSource(source: IVideoSource): IVideoSource;

package/build-ngc/core/video-source.js

@@ -0,0 +1,21 @@
+import { resolveAssetSource } from '@symbiote-native/engine';
+function uriOfAsset(assetId) {
+    const resolved = resolveAssetSource(assetId);
+    const uri = Reflect.get(Object(resolved), 'uri');
+    if (typeof uri !== 'string') {
+        throw new Error(`The asset ${assetId} could not be resolved`);
+    }
+    return uri;
+}
+/** What the native player takes: a `require`d asset and a string both become a uri */
+export function parseSource(source) {
+    if (typeof source === 'number')
+        return { uri: uriOfAsset(source) };
+    if (typeof source === 'string')
+        return { uri: source };
+    if (typeof source?.assetId === 'number' && !source.uri) {
+        return { ...source, uri: uriOfAsset(source.assetId) };
+    }
+    return source;
+}
+//# sourceMappingURL=video-source.js.map

package/build-ngc/core/video-source.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-source.js","sourceRoot":"","sources":["../../src/core/video-source.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAG7D,SAAS,UAAU,CAAC,OAAe;IACjC,MAAM,QAAQ,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAC7C,MAAM,GAAG,GAAY,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,CAAC;IAC1D,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QAC5B,MAAM,IAAI,KAAK,CAAC,aAAa,OAAO,wBAAwB,CAAC,CAAC;IAChE,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAED,sFAAsF;AACtF,MAAM,UAAU,WAAW,CAAC,MAAoB;IAC9C,IAAI,OAAO,MAAM,KAAK,QAAQ;QAAE,OAAO,EAAE,GAAG,EAAE,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;IACnE,IAAI,OAAO,MAAM,KAAK,QAAQ;QAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;IACvD,IAAI,OAAO,MAAM,EAAE,OAAO,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC;QACvD,OAAO,EAAE,GAAG,MAAM,EAAE,GAAG,EAAE,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;IACxD,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/build-ngc/core/video-thumbnail.d.ts

@@ -0,0 +1,4 @@
+import type { VideoThumbnail as IVideoThumbnailInstance } from './player-types';
+/** The native class of a thumbnail, `generateThumbnailsAsync` resolves to instances of it */
+export declare const VideoThumbnail: typeof IVideoThumbnailInstance;
+export type VideoThumbnail = IVideoThumbnailInstance;

package/build-ngc/core/video-thumbnail.js

@@ -0,0 +1,4 @@
+import { expoVideo } from './native-module';
+/** The native class of a thumbnail, `generateThumbnailsAsync` resolves to instances of it */
+export const VideoThumbnail = expoVideo.VideoThumbnail;
+//# sourceMappingURL=video-thumbnail.js.map

package/build-ngc/core/video-thumbnail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-thumbnail.js","sourceRoot":"","sources":["../../src/core/video-thumbnail.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,6FAA6F;AAC7F,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,CAAC,cAAc,CAAC"}

package/build-ngc/core/video-view.d.ts

@@ -0,0 +1,18 @@
+import type { IDescriptor } from '@symbiote-native/components';
+import type { ISymbioteNode } from '@symbiote-native/engine';
+export type IVideoViewHandle = {
+    /** Always shows the native controls */
+    enterFullscreen(): Promise<void>;
+    /** On Android it works only from a native listener, the JS runtime sleeps in fullscreen */
+    exitFullscreen(): Promise<void>;
+    /** Needs `supportsPictureInPicture` of the app setup, one player at a time */
+    startPictureInPicture(): Promise<void>;
+    stopPictureInPicture(): Promise<void>;
+};
+export type IVideoView = {
+    handle: IVideoViewHandle;
+    /** `null` means the view cannot register and the caller renders nothing */
+    render(props: object): IDescriptor | null;
+};
+/** One per mounted view, `getNode` answers the host node once it exists */
+export declare function createVideoView(getNode: () => ISymbioteNode | null | undefined): IVideoView;

package/build-ngc/core/video-view.js

@@ -0,0 +1,64 @@
+// Ядро `VideoView`: нативный view плеера, функции вызываются через `ViewPrototypes`
+import { Platform, requireNativeModule, requireNativeViewManager, } from 'expo-modules-core';
+import { el } from '@symbiote-native/components';
+import { defineExpoNativeViews, defineExpoViewMethods, getNativeTag, isDevBuild, } from '@symbiote-native/engine';
+import { VIDEO_MODULE_NAME, VIDEO_VIEW_NAMES } from './constants';
+import { expoVideo } from './native-module';
+const VIEW_NAMES = {
+    video: VIDEO_VIEW_NAMES.video,
+    surface: VIDEO_VIEW_NAMES.surface,
+    texture: VIDEO_VIEW_NAMES.texture,
+};
+// Регистрация идёт при рендере: побочный эффект барреля теряется в release
+const views = defineExpoNativeViews(requireNativeViewManager, VIDEO_MODULE_NAME, VIEW_NAMES);
+const callers = {
+    video: defineExpoViewMethods(requireNativeModule, VIDEO_MODULE_NAME, VIEW_NAMES.video),
+    surface: defineExpoViewMethods(requireNativeModule, VIDEO_MODULE_NAME, VIEW_NAMES.surface),
+    texture: defineExpoViewMethods(requireNativeModule, VIDEO_MODULE_NAME, VIEW_NAMES.texture),
+};
+function viewKeyFor(surfaceType) {
+    return Platform.select({
+        android: surfaceType === 'textureView' ? 'texture' : 'surface',
+        default: 'video',
+    });
+}
+// The native view takes the id of the shared object, not the player itself
+function playerIdOf(player) {
+    if (player instanceof expoVideo.VideoPlayer) {
+        const id = Reflect.get(player, '__expo_shared_object_id__');
+        return typeof id === 'number' ? id : null;
+    }
+    return typeof player === 'number' ? player : null;
+}
+/** One per mounted view, `getNode` answers the host node once it exists */
+export function createVideoView(getNode) {
+    let renderedKey = viewKeyFor(undefined);
+    async function call(method) {
+        const node = getNode();
+        if (!node || getNativeTag(node) === undefined)
+            return;
+        await callers[renderedKey](node, method, []);
+    }
+    return {
+        handle: {
+            enterFullscreen: () => call('enterFullscreen'),
+            exitFullscreen: () => call('exitFullscreen'),
+            startPictureInPicture: () => call('startPictureInPicture'),
+            stopPictureInPicture: () => call('stopPictureInPicture'),
+        },
+        render: props => {
+            renderedKey = viewKeyFor(Reflect.get(props, 'surfaceType'));
+            const view = views[renderedKey];
+            if (!view.ensureRegistered()) {
+                if (isDevBuild())
+                    console.warn("'VideoView' is not available.");
+                return null;
+            }
+            return el(view.name(), {
+                ...Object.fromEntries(Object.entries(props)),
+                player: playerIdOf(Reflect.get(props, 'player')),
+            });
+        },
+    };
+}
+//# sourceMappingURL=video-view.js.map

package/build-ngc/core/video-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-view.js","sourceRoot":"","sources":["../../src/core/video-view.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,OAAO,EACL,QAAQ,EACR,mBAAmB,EACnB,wBAAwB,GACzB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,EAAE,EAAE,MAAM,6BAA6B,CAAC;AAEjD,OAAO,EACL,qBAAqB,EACrB,qBAAqB,EACrB,YAAY,EACZ,UAAU,GACX,MAAM,yBAAyB,CAAC;AAKjC,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAI5C,MAAM,UAAU,GAAG;IACjB,KAAK,EAAE,gBAAgB,CAAC,KAAK;IAC7B,OAAO,EAAE,gBAAgB,CAAC,OAAO;IACjC,OAAO,EAAE,gBAAgB,CAAC,OAAO;CACe,CAAC;AAEnD,2EAA2E;AAC3E,MAAM,KAAK,GAAG,qBAAqB,CACjC,wBAAwB,EACxB,iBAAiB,EACjB,UAAU,CACX,CAAC;AAEF,MAAM,OAAO,GAAiD;IAC5D,KAAK,EAAE,qBAAqB,CAAC,mBAAmB,EAAE,iBAAiB,EAAE,UAAU,CAAC,KAAK,CAAC;IACtF,OAAO,EAAE,qBAAqB,CAAC,mBAAmB,EAAE,iBAAiB,EAAE,UAAU,CAAC,OAAO,CAAC;IAC1F,OAAO,EAAE,qBAAqB,CAAC,mBAAmB,EAAE,iBAAiB,EAAE,UAAU,CAAC,OAAO,CAAC;CAC3F,CAAC;AAkBF,SAAS,UAAU,CAAC,WAAoB;IACtC,OAAO,QAAQ,CAAC,MAAM,CAAgB;QACpC,OAAO,EAAE,WAAW,KAAK,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QAC9D,OAAO,EAAE,OAAO;KACjB,CAAC,CAAC;AACL,CAAC;AAED,2EAA2E;AAC3E,SAAS,UAAU,CAAC,MAAe;IACjC,IAAI,MAAM,YAAY,SAAS,CAAC,WAAW,EAAE,CAAC;QAC5C,MAAM,EAAE,GAAY,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,2BAA2B,CAAC,CAAC;QACrE,OAAO,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAC5C,CAAC;IACD,OAAO,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AACpD,CAAC;AAED,2EAA2E;AAC3E,MAAM,UAAU,eAAe,CAC7B,OAA+C;IAE/C,IAAI,WAAW,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;IAExC,KAAK,UAAU,IAAI,CAAC,MAAc;QAChC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;QACvB,IAAI,CAAC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,KAAK,SAAS;YAAE,OAAO;QACtD,MAAM,OAAO,CAAC,WAAW,CAAC,CAAgB,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC;IAC9D,CAAC;IAED,OAAO;QACL,MAAM,EAAE;YACN,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC;YAC9C,cAAc,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC;YAC5C,qBAAqB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,uBAAuB,CAAC;YAC1D,oBAAoB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,sBAAsB,CAAC;SACzD;QACD,MAAM,EAAE,KAAK,CAAC,EAAE;YACd,WAAW,GAAG,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC;YAC5D,MAAM,IAAI,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;YAChC,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,EAAE,CAAC;gBAC7B,IAAI,UAAU,EAAE;oBAAE,OAAO,CAAC,IAAI,CAAC,+BAA+B,CAAC,CAAC;gBAChE,OAAO,IAAI,CAAC;YACd,CAAC;YACD,OAAO,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE;gBACrB,GAAG,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;gBAC5C,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;aACjD,CAAC,CAAC;QACL,CAAC;KACF,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,90 @@
+import type { IAccessibilityProps, IAriaProps, IResponderProps } from '@symbiote-native/components';
+import type { IColorValue, IStyleProp, ISymbioteEvent, IViewStyle } from '@symbiote-native/engine';
+import type { VideoPlayer } from './player-types';
+/** `fill` stretches the video, `cover` crops it, `contain` letterboxes it */
+export type IVideoContentFit = 'contain' | 'cover' | 'fill';
+/** Android only: `textureView` for overlapping views, `surfaceView` otherwise */
+export type IVideoSurfaceType = 'textureView' | 'surfaceView';
+/** Android only, which buttons the native controls show */
+export type IVideoButtonOptions = {
+    /** `false` by default */
+    showNext?: boolean;
+    /** `false` by default */
+    showPrevious?: boolean;
+    /** `true` by default */
+    showSeekForward?: boolean;
+    /** `true` by default */
+    showSeekBackward?: boolean;
+    /** `true` always, `false` never, `null` only when subtitles exist */
+    showSubtitles?: boolean | null;
+    /** `true` by default */
+    showSettings?: boolean;
+    /** `true` by default */
+    showPlayPause?: boolean;
+    /** `true` by default, fullscreen shows it anyway */
+    showBottomBar?: boolean;
+};
+export type IVideoFullscreenOrientation = 'default' | 'portrait' | 'portraitUp' | 'portraitDown' | 'landscape' | 'landscapeLeft' | 'landscapeRight';
+export type IVideoKeepFullscreenOnPiPStop = 'always' | 'autoEnter' | 'never';
+export type IVideoFullscreenOptions = {
+    /** Shows the fullscreen button, `true` by default */
+    enable: boolean;
+    orientation?: IVideoFullscreenOrientation;
+    /** Leaves fullscreen when the device turns away from `orientation` */
+    autoExitOnRotate?: boolean;
+    /** iOS only, `autoEnter` by default */
+    keepFullscreenOnPiPStop?: IVideoKeepFullscreenOnPiPStop;
+};
+export type IVideoViewProps = IAccessibilityProps & IAriaProps & IResponderProps & {
+    /** From `useVideoPlayer` */
+    player?: VideoPlayer | null;
+    /** Always on in fullscreen, `true` by default */
+    nativeControls?: boolean;
+    /** `contain` by default */
+    contentFit?: IVideoContentFit;
+    fullscreenOptions?: IVideoFullscreenOptions;
+    /** iOS only, `true` by default */
+    showsTimecodes?: boolean;
+    /** Forbids skipping, `false` by default */
+    requiresLinearPlayback?: boolean;
+    buttonOptions?: IVideoButtonOptions;
+    /** Android only, must not change at runtime */
+    surfaceType?: IVideoSurfaceType;
+    /** iOS only, `{ dx: 0, dy: 0 }` by default */
+    contentPosition?: {
+        dx?: number;
+        dy?: number;
+    };
+    onPictureInPictureStart?: () => void;
+    onPictureInPictureStop?: () => void;
+    /** Needs `supportsPictureInPicture` of the app setup */
+    allowsPictureInPicture?: boolean;
+    /** Android 12+ and iOS, `false` by default */
+    startsPictureInPictureAutomatically?: boolean;
+    /** iOS 16+, `true` by default */
+    allowsVideoFrameAnalysis?: boolean;
+    onFullscreenEnter?: () => void;
+    onFullscreenExit?: () => void;
+    /** The first frame is rendered, also when the video track changes */
+    onFirstFrameRender?: () => void;
+    /** Android only, `false` by default */
+    useExoShutter?: boolean;
+    style?: IStyleProp<IViewStyle>;
+    testID?: string;
+    nativeID?: string;
+    onLayout?: (event: ISymbioteEvent) => void;
+};
+export type IVideoAirPlayButtonProps = IAccessibilityProps & IAriaProps & {
+    /** The icon colour while AirPlay is not active */
+    tint?: IColorValue;
+    /** The icon colour while AirPlay is active */
+    activeTint?: IColorValue;
+    /** Lists the video outputs first, `true` by default */
+    prioritizeVideoDevices?: boolean;
+    onBeginPresentingRoutes?: () => void;
+    onEndPresentingRoutes?: () => void;
+    style?: IStyleProp<IViewStyle>;
+    testID?: string;
+    nativeID?: string;
+    onLayout?: (event: ISymbioteEvent) => void;
+};

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

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

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

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

package/native-link.json

@@ -0,0 +1,31 @@
+{
+  "android": {
+    "gradleProjectName": "expo-video",
+    "modules": [
+      {
+        "importPath": "expo.modules.video.VideoModule",
+        "className": "VideoModule",
+        "nativeName": "ExpoVideo"
+      }
+    ],
+    "optionalManifestBundles": [
+      {
+        "id": "backgroundPlayback",
+        "label": "Background video playback",
+        "warning": "Requesting FOREGROUND_SERVICE_MEDIA_PLAYBACK triggers Play Console policy review for a foreground service, Google asks for a justification before you can publish.",
+        "nextSteps": "Set `staysActiveInBackground` and `showNowPlayingNotification` on the player. On iOS add `audio` to UIBackgroundModes in Info.plist yourself.",
+        "manifestPermissions": [
+          "android.permission.FOREGROUND_SERVICE",
+          "android.permission.FOREGROUND_SERVICE_MEDIA_PLAYBACK"
+        ],
+        "manifestServices": [
+          {
+            "name": "expo.modules.video.playbackService.ExpoVideoPlaybackService",
+            "foregroundServiceType": "mediaPlayback",
+            "intentFilterActions": ["androidx.media3.session.MediaSessionService"]
+          }
+        ]
+      }
+    ]
+  }
+}

package/package.json

@@ -1,6 +1,147 @@
 {
   "name": "@symbiote-native/video",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.0.0",
+  "description": "expo-video wrapped for SymbioteNative — one framework-agnostic core, built once and reachable from the React, Vue, Svelte, Solid, and Angular adapters. Video playback: the player, the view, thumbnails, the cache and the AirPlay button.",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/OneEyed1366/symbiote-native.git",
+    "directory": "packages/video"
+  },
+  "homepage": "https://github.com/OneEyed1366/symbiote-native/tree/master/packages/video#readme",
+  "bugs": {
+    "url": "https://github.com/OneEyed1366/symbiote-native/issues"
+  },
+  "author": "Andrey Prokopenko <psevdoproger@gmail.com>",
+  "keywords": [
+    "react-native",
+    "symbiote-native",
+    "expo-video",
+    "react",
+    "vue",
+    "svelte",
+    "solid",
+    "angular",
+    "video"
+  ],
+  "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-video": "57.0.5",
+    "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/engine": "^1.5.0",
+    "@symbiote-native/react": "^3.2.0",
+    "@symbiote-native/angular": "^3.2.0",
+    "@symbiote-native/svelte": "^3.1.0",
+    "@symbiote-native/vue": "^3.2.0",
+    "@symbiote-native/solid": "^3.1.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/react": "3.2.0",
+    "@symbiote-native/solid": "3.1.0",
+    "@symbiote-native/vue": "3.2.0",
+    "@symbiote-native/angular": "3.2.0",
+    "@symbiote-native/engine": "1.5.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/index.ts

@@ -0,0 +1,6 @@
+// @symbiote-native/video/angular: плеер, view, миниатюры, кэш и кнопка AirPlay на общем ядре
+
+export { VideoView } from './video-view';
+export { VideoAirPlayButton } from './video-airplay-button';
+export { injectVideoPlayer } from './inject-video-player';
+export * from '../core';

package/src/angular/inject-video-player.ts

@@ -0,0 +1,20 @@
+// Angular twin of `useVideoPlayer`, `injectX` shape matching `injectAudioPlayer`
+
+import type { Signal } from '@angular/core';
+import { createResourceHook } from '@symbiote-native/angular';
+import { createVideoPlayerController } from '../core/video-player-controller';
+import type {
+  IVideoPlayerBuilderOptions,
+  IVideoSource,
+  VideoPlayer,
+} from '../core';
+
+const injectPlayerResource = createResourceHook(createVideoPlayerController);
+
+/** Released with the injection context, `setup` runs once on each new player */
+export const injectVideoPlayer = (
+  source: () => IVideoSource,
+  setup?: (player: VideoPlayer) => void,
+  options?: () => IVideoPlayerBuilderOptions | undefined,
+): Signal<VideoPlayer> =>
+  injectPlayerResource(() => [source(), options?.(), setup]);

package/src/angular/video-airplay-button/index.ts

@@ -0,0 +1,39 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { DescriptorOutlet, NativeViewBase } from '@symbiote-native/angular';
+import type { IDescriptor } from '@symbiote-native/components';
+import { renderVideoAirPlayButton } from '../../core';
+import type { IVideoAirPlayButtonProps } from '../../core';
+
+// One list is the inputs of the component and the props it hands to the native view
+const AIRPLAY_INPUTS = [
+  'tint',
+  'activeTint',
+  'prioritizeVideoDevices',
+  'onBeginPresentingRoutes',
+  'onEndPresentingRoutes',
+] as const;
+
+// Types the inputs for the template, the decorators that would do it are replaced by `inputs`
+export interface VideoAirPlayButton
+  extends Partial<
+    Pick<IVideoAirPlayButtonProps, (typeof AIRPLAY_INPUTS)[number]>
+  > {}
+
+/** Angular twin of `expo-video`'s `VideoAirPlayButton`, a plain view off iOS */
+@Component({
+  selector: 'VideoAirPlayButton',
+  standalone: true,
+  imports: [DescriptorOutlet],
+  inputs: [...AIRPLAY_INPUTS],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `@if (descriptor; as node) {
+    <symbiote-descriptor-outlet [node]="node" />
+  }`,
+})
+export class VideoAirPlayButton extends NativeViewBase {
+  protected override readonly propNames = AIRPLAY_INPUTS;
+
+  protected override renderView(props: object): IDescriptor | null {
+    return renderVideoAirPlayButton(props);
+  }
+}

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

@@ -0,0 +1,58 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { DescriptorOutlet, NativeViewBase } from '@symbiote-native/angular';
+import type { IDescriptor } from '@symbiote-native/components';
+import { createVideoView } from '../../core';
+import type { IVideoViewProps } from '../../core';
+
+// One list is the inputs of the component and the props it hands to the native view
+const VIDEO_VIEW_INPUTS = [
+  'player',
+  'nativeControls',
+  'contentFit',
+  'fullscreenOptions',
+  'showsTimecodes',
+  'requiresLinearPlayback',
+  'buttonOptions',
+  'surfaceType',
+  'contentPosition',
+  'onPictureInPictureStart',
+  'onPictureInPictureStop',
+  'allowsPictureInPicture',
+  'startsPictureInPictureAutomatically',
+  'allowsVideoFrameAnalysis',
+  'onFullscreenEnter',
+  'onFullscreenExit',
+  'onFirstFrameRender',
+  'useExoShutter',
+] as const;
+
+// Types the inputs for the template, the decorators that would do it are replaced by `inputs`
+export interface VideoView
+  extends Partial<Pick<IVideoViewProps, (typeof VIDEO_VIEW_INPUTS)[number]>> {}
+
+/** Angular twin of `expo-video`'s `VideoView` */
+@Component({
+  selector: 'VideoView',
+  standalone: true,
+  imports: [DescriptorOutlet],
+  inputs: [...VIDEO_VIEW_INPUTS],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `@if (descriptor; as node) {
+    <symbiote-descriptor-outlet [node]="node" />
+  }`,
+})
+export class VideoView extends NativeViewBase {
+  private readonly view = createVideoView(() => this.hostNode());
+
+  // The functions of the view are members of the component, a `@ViewChild` reaches them
+  readonly enterFullscreen = this.view.handle.enterFullscreen;
+  readonly exitFullscreen = this.view.handle.exitFullscreen;
+  readonly startPictureInPicture = this.view.handle.startPictureInPicture;
+  readonly stopPictureInPicture = this.view.handle.stopPictureInPicture;
+
+  protected override readonly propNames = VIDEO_VIEW_INPUTS;
+
+  protected override renderView(props: object): IDescriptor | null {
+    return this.view.render(props);
+  }
+}

package/src/core/constants.ts

@@ -0,0 +1,16 @@
+// Apart from `native-module`, which resolves the module on import: the views need the name too
+
+export const VIDEO_MODULE_NAME = 'ExpoVideo';
+
+/** Upstream's label for its `UnavailabilityError` */
+export const VIDEO_PACKAGE_NAME = 'expo-video';
+
+export const VIDEO_VIEW_NAMES = {
+  /** The one iOS view */
+  video: 'VideoView',
+  /** The Android default, renders into a `SurfaceView` */
+  surface: 'SurfaceVideoView',
+  /** Android, for overlapping views */
+  texture: 'TextureVideoView',
+  airPlayButton: 'VideoAirPlayButtonView',
+} as const;

package/src/core/index.ts

@@ -0,0 +1,56 @@
+export { VIDEO_MODULE_NAME } from './constants';
+export type {
+  IVideoAudioMixingMode,
+  IVideoAudioTrack,
+  IVideoBufferOptions,
+  IVideoContentType,
+  IVideoDrmOptions,
+  IVideoDrmType,
+  IVideoMetadata,
+  IVideoPlayerBuilderOptions,
+  IVideoPlayerError,
+  IVideoPlayerEvents,
+  IVideoPlayerStatus,
+  IVideoRange,
+  IVideoScrubbingModeOptions,
+  IVideoSeekTolerance,
+  IVideoSize,
+  IVideoSource,
+  IVideoSourceObject,
+  IVideoSubtitleTrack,
+  IVideoThumbnailOptions,
+  IVideoTrack,
+  VideoPlayer,
+} from './player-types';
+export { createVideoPlayer } from './video-player';
+export {
+  createVideoPlayerController,
+  type IVideoPlayerController,
+} from './video-player-controller';
+export {
+  clearVideoCacheAsync,
+  getCurrentVideoCacheSize,
+  isPictureInPictureSupported,
+  setVideoCacheSizeAsync,
+} from './video-module';
+export { parseSource } from './video-source';
+export { VideoThumbnail } from './video-thumbnail';
+export {
+  createVideoView,
+  type IVideoView,
+  type IVideoViewHandle,
+} from './video-view';
+export {
+  renderVideoAirPlayButton,
+  videoAirPlayButtonViewName,
+} from './video-airplay-button';
+export type {
+  IVideoAirPlayButtonProps,
+  IVideoButtonOptions,
+  IVideoContentFit,
+  IVideoFullscreenOptions,
+  IVideoFullscreenOrientation,
+  IVideoKeepFullscreenOnPiPStop,
+  IVideoSurfaceType,
+  IVideoViewProps,
+} from './view-types';