@flighthq/video 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from './videoFormat';
+export * from './videoResource';
+export * from './videoResourceFrom';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC"}

package/dist/index.js

@@ -0,0 +1,4 @@
+export * from './videoFormat';
+export * from './videoResource';
+export * from './videoResourceFrom';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC"}

package/dist/videoFormat.d.ts

@@ -0,0 +1,2 @@
+export declare function inferVideoType(url: string): string | null;
+//# sourceMappingURL=videoFormat.d.ts.map

package/dist/videoFormat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"videoFormat.d.ts","sourceRoot":"","sources":["../src/videoFormat.ts"],"names":[],"mappings":"AAAA,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAgBzD"}

package/dist/videoFormat.js

@@ -0,0 +1,18 @@
+export function inferVideoType(url) {
+    const ext = url.split('?')[0].split('.').pop()?.toLowerCase();
+    switch (ext) {
+        case 'mp4':
+        case 'm4v':
+            return 'video/mp4';
+        case 'webm':
+            return 'video/webm';
+        case 'ogv':
+        case 'ogg':
+            return 'video/ogg';
+        case 'mov':
+            return 'video/quicktime';
+        default:
+            return null;
+    }
+}
+//# sourceMappingURL=videoFormat.js.map

package/dist/videoFormat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"videoFormat.js","sourceRoot":"","sources":["../src/videoFormat.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,cAAc,CAAC,GAAW;IACxC,MAAM,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,WAAW,EAAE,CAAC;IAC9D,QAAQ,GAAG,EAAE,CAAC;QACZ,KAAK,KAAK,CAAC;QACX,KAAK,KAAK;YACR,OAAO,WAAW,CAAC;QACrB,KAAK,MAAM;YACT,OAAO,YAAY,CAAC;QACtB,KAAK,KAAK,CAAC;QACX,KAAK,KAAK;YACR,OAAO,WAAW,CAAC;QACrB,KAAK,KAAK;YACR,OAAO,iBAAiB,CAAC;QAC3B;YACE,OAAO,IAAI,CAAC;IAChB,CAAC;AACH,CAAC"}

package/dist/videoResource.d.ts

@@ -0,0 +1,3 @@
+import type { VideoResource } from '@flighthq/types';
+export declare function createVideoResource(element?: HTMLVideoElement): VideoResource;
+//# sourceMappingURL=videoResource.d.ts.map

package/dist/videoResource.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"videoResource.d.ts","sourceRoot":"","sources":["../src/videoResource.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,wBAAgB,mBAAmB,CAAC,OAAO,CAAC,EAAE,gBAAgB,GAAG,aAAa,CAE7E"}

package/dist/videoResource.js

@@ -0,0 +1,4 @@
+export function createVideoResource(element) {
+    return { element: element ?? null };
+}
+//# sourceMappingURL=videoResource.js.map

package/dist/videoResource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"videoResource.js","sourceRoot":"","sources":["../src/videoResource.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,mBAAmB,CAAC,OAA0B;IAC5D,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,CAAC;AACtC,CAAC"}

package/dist/videoResourceFrom.d.ts

@@ -0,0 +1,4 @@
+import type { VideoResource, VideoResourceUrl } from '@flighthq/types';
+export declare function loadVideoResourceFromUrl(url: string, signal?: AbortSignal): Promise<VideoResource>;
+export declare function loadVideoResourceFromUrls(sources: VideoResourceUrl[], signal?: AbortSignal): Promise<VideoResource>;
+//# sourceMappingURL=videoResourceFrom.d.ts.map

package/dist/videoResourceFrom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"videoResourceFrom.d.ts","sourceRoot":"","sources":["../src/videoResourceFrom.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAKvE,wBAAgB,wBAAwB,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,aAAa,CAAC,CAkClG;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,gBAAgB,EAAE,EAAE,MAAM,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,aAAa,CAAC,CAKnH"}

package/dist/videoResourceFrom.js

@@ -0,0 +1,42 @@
+import { inferVideoType } from './videoFormat';
+import { createVideoResource } from './videoResource';
+export function loadVideoResourceFromUrl(url, signal) {
+    if (signal?.aborted)
+        return Promise.reject(signal.reason);
+    return new Promise((resolve, reject) => {
+        const element = document.createElement('video');
+        element.preload = 'auto';
+        const onCanPlay = () => {
+            cleanup();
+            resolve(createVideoResource(element));
+        };
+        const onError = () => {
+            cleanup();
+            reject(new Error(`Failed to load video: ${url}`));
+        };
+        const onAbort = () => {
+            cleanup();
+            element.src = '';
+            reject(signal.reason);
+        };
+        const cleanup = () => {
+            element.removeEventListener('canplay', onCanPlay);
+            element.removeEventListener('error', onError);
+            if (signal !== undefined)
+                signal.removeEventListener('abort', onAbort);
+        };
+        element.addEventListener('canplay', onCanPlay, { once: true });
+        element.addEventListener('error', onError, { once: true });
+        if (signal !== undefined)
+            signal.addEventListener('abort', onAbort, { once: true });
+        element.src = url;
+    });
+}
+export function loadVideoResourceFromUrls(sources, signal) {
+    const probe = document.createElement('video');
+    const selected = sources.find(({ url, type }) => probe.canPlayType(type ?? inferVideoType(url) ?? '') !== '');
+    if (selected === undefined)
+        return Promise.resolve(createVideoResource());
+    return loadVideoResourceFromUrl(selected.url, signal);
+}
+//# sourceMappingURL=videoResourceFrom.js.map

package/dist/videoResourceFrom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"videoResourceFrom.js","sourceRoot":"","sources":["../src/videoResourceFrom.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,UAAU,wBAAwB,CAAC,GAAW,EAAE,MAAoB;IACxE,IAAI,MAAM,EAAE,OAAO;QAAE,OAAO,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAC1D,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACrC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAChD,OAAO,CAAC,OAAO,GAAG,MAAM,CAAC;QAEzB,MAAM,SAAS,GAAG,GAAS,EAAE;YAC3B,OAAO,EAAE,CAAC;YACV,OAAO,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC;QACxC,CAAC,CAAC;QAEF,MAAM,OAAO,GAAG,GAAS,EAAE;YACzB,OAAO,EAAE,CAAC;YACV,MAAM,CAAC,IAAI,KAAK,CAAC,yBAAyB,GAAG,EAAE,CAAC,CAAC,CAAC;QACpD,CAAC,CAAC;QAEF,MAAM,OAAO,GAAG,GAAS,EAAE;YACzB,OAAO,EAAE,CAAC;YACV,OAAO,CAAC,GAAG,GAAG,EAAE,CAAC;YACjB,MAAM,CAAC,MAAO,CAAC,MAAM,CAAC,CAAC;QACzB,CAAC,CAAC;QAEF,MAAM,OAAO,GAAG,GAAS,EAAE;YACzB,OAAO,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;YAClD,OAAO,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;YAC9C,IAAI,MAAM,KAAK,SAAS;gBAAE,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QACzE,CAAC,CAAC;QAEF,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;QAC/D,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;QAC3D,IAAI,MAAM,KAAK,SAAS;YAAE,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;QAEpF,OAAO,CAAC,GAAG,GAAG,GAAG,CAAC;IACpB,CAAC,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,yBAAyB,CAAC,OAA2B,EAAE,MAAoB;IACzF,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,IAAI,cAAc,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC;IAC9G,IAAI,QAAQ,KAAK,SAAS;QAAE,OAAO,OAAO,CAAC,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAC;IAC1E,OAAO,wBAAwB,CAAC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;AACxD,CAAC"}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@flighthq/video",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "src/**/*.test.ts",
+    "!dist/**/*.test.js",
+    "!dist/**/*.test.d.ts",
+    "!dist/**/*.test.js.map",
+    "!dist/**/*.test.d.ts.map"
+  ],
+  "scripts": {
+    "build": "tsc -b",
+    "clean": "tsc -b --clean",
+    "test": "vitest run --config vitest.config.ts",
+    "test:watch": "vitest --watch --config vitest.config.ts",
+    "prepack": "npm run clean && npm run clean:dist && npm run build",
+    "clean:dist": "tsx ../../scripts/clean-package-dist.ts"
+  },
+  "dependencies": {
+    "@flighthq/types": "0.1.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.3.0"
+  },
+  "description": "Video resources and URL constructors",
+  "sideEffects": false
+}

package/src/videoFormat.test.ts

@@ -0,0 +1,39 @@
+import { inferVideoType } from './videoFormat';
+
+describe('inferVideoType', () => {
+  it('returns "video/mp4" for .mp4 files', () => {
+    expect(inferVideoType('clip.mp4')).toBe('video/mp4');
+  });
+
+  it('returns "video/mp4" for .m4v files', () => {
+    expect(inferVideoType('clip.m4v')).toBe('video/mp4');
+  });
+
+  it('returns "video/webm" for .webm files', () => {
+    expect(inferVideoType('clip.webm')).toBe('video/webm');
+  });
+
+  it('returns "video/ogg" for .ogv files', () => {
+    expect(inferVideoType('clip.ogv')).toBe('video/ogg');
+  });
+
+  it('returns "video/ogg" for .ogg files', () => {
+    expect(inferVideoType('clip.ogg')).toBe('video/ogg');
+  });
+
+  it('returns "video/quicktime" for .mov files', () => {
+    expect(inferVideoType('clip.mov')).toBe('video/quicktime');
+  });
+
+  it('returns null for unrecognized extensions', () => {
+    expect(inferVideoType('clip.avi')).toBeNull();
+  });
+
+  it('strips query parameters before matching', () => {
+    expect(inferVideoType('clip.mp4?t=0')).toBe('video/mp4');
+  });
+
+  it('returns null for a URL with no extension', () => {
+    expect(inferVideoType('video')).toBeNull();
+  });
+});

package/src/videoResource.test.ts

@@ -0,0 +1,14 @@
+import { createVideoResource } from './videoResource';
+
+describe('createVideoResource', () => {
+  it('returns a resource with null element when called with no arguments', () => {
+    const resource = createVideoResource();
+    expect(resource.element).toBeNull();
+  });
+
+  it('stores the provided video element', () => {
+    const element = document.createElement('video');
+    const resource = createVideoResource(element);
+    expect(resource.element).toBe(element);
+  });
+});

package/src/videoResourceFrom.test.ts

@@ -0,0 +1,35 @@
+import { loadVideoResourceFromUrl, loadVideoResourceFromUrls } from './videoResourceFrom';
+
+describe('loadVideoResourceFromUrl', () => {
+  it('returns a Promise', () => {
+    const result = loadVideoResourceFromUrl('test.mp4');
+    result.catch(() => {});
+    expect(result).toBeInstanceOf(Promise);
+  });
+
+  it('rejects immediately when the signal is already aborted', async () => {
+    const controller = new AbortController();
+    const reason = new Error('pre-aborted');
+    controller.abort(reason);
+    await expect(loadVideoResourceFromUrl('test.mp4', controller.signal)).rejects.toThrow('pre-aborted');
+  });
+
+  it('rejects when the signal is aborted after the call', async () => {
+    const controller = new AbortController();
+    const promise = loadVideoResourceFromUrl('test.mp4', controller.signal);
+    controller.abort(new Error('cancelled'));
+    await expect(promise).rejects.toThrow('cancelled');
+  });
+});
+
+describe('loadVideoResourceFromUrls', () => {
+  it('resolves immediately with a null-element resource when sources is empty', async () => {
+    const resource = await loadVideoResourceFromUrls([]);
+    expect(resource.element).toBeNull();
+  });
+
+  it('resolves to a null-element resource when no source passes canPlayType in jsdom', async () => {
+    const resource = await loadVideoResourceFromUrls([{ url: 'test.mp4' }]);
+    expect(resource.element).toBeNull();
+  });
+});