@growth-labs/video 0.1.0

package/dist/utils/chapters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chapters.d.ts","sourceRoot":"","sources":["../../src/utils/chapters.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAW,YAAY,EAAE,MAAM,aAAa,CAAA;AAExD,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,OAAO,GAAG,YAAY,GAAG,IAAI,CAwBnE;AAED,MAAM,WAAW,mBAAmB;IACnC,OAAO,CAAC,EAAE,OAAO,KAAK,CAAA;CACtB;AAED,wBAAsB,YAAY,CACjC,GAAG,EAAE,MAAM,EACX,IAAI,GAAE,mBAAwB,GAC5B,OAAO,CAAC,YAAY,GAAG,IAAI,CAAC,CAU9B"}

package/dist/utils/chapters.js

@@ -0,0 +1,40 @@
+export function parseChaptersJson(raw) {
+    if (!raw || typeof raw !== 'object')
+        return null;
+    const obj = raw;
+    if (!Array.isArray(obj.chapters))
+        return null;
+    const out = [];
+    for (const item of obj.chapters) {
+        if (!item || typeof item !== 'object')
+            return null;
+        const ch = item;
+        if (typeof ch.index !== 'number' ||
+            typeof ch.title !== 'string' ||
+            typeof ch.startSeconds !== 'number' ||
+            typeof ch.endSeconds !== 'number') {
+            return null;
+        }
+        out.push({
+            index: ch.index,
+            title: ch.title,
+            startSeconds: ch.startSeconds,
+            endSeconds: ch.endSeconds,
+        });
+    }
+    return { chapters: out };
+}
+export async function loadChapters(url, opts = {}) {
+    const fetcher = opts.fetcher ?? fetch;
+    try {
+        const res = await fetcher(url);
+        if (!res.ok)
+            return null;
+        const raw = (await res.json());
+        return parseChaptersJson(raw);
+    }
+    catch {
+        return null;
+    }
+}
+//# sourceMappingURL=chapters.js.map

package/dist/utils/chapters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chapters.js","sourceRoot":"","sources":["../../src/utils/chapters.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,iBAAiB,CAAC,GAAY;IAC7C,IAAI,CAAC,GAAG,IAAI,OAAO,GAAG,KAAK,QAAQ;QAAE,OAAO,IAAI,CAAA;IAChD,MAAM,GAAG,GAAG,GAA8B,CAAA;IAC1C,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC;QAAE,OAAO,IAAI,CAAA;IAC7C,MAAM,GAAG,GAAc,EAAE,CAAA;IACzB,KAAK,MAAM,IAAI,IAAI,GAAG,CAAC,QAAQ,EAAE,CAAC;QACjC,IAAI,CAAC,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ;YAAE,OAAO,IAAI,CAAA;QAClD,MAAM,EAAE,GAAG,IAA+B,CAAA;QAC1C,IACC,OAAO,EAAE,CAAC,KAAK,KAAK,QAAQ;YAC5B,OAAO,EAAE,CAAC,KAAK,KAAK,QAAQ;YAC5B,OAAO,EAAE,CAAC,YAAY,KAAK,QAAQ;YACnC,OAAO,EAAE,CAAC,UAAU,KAAK,QAAQ,EAChC,CAAC;YACF,OAAO,IAAI,CAAA;QACZ,CAAC;QACD,GAAG,CAAC,IAAI,CAAC;YACR,KAAK,EAAE,EAAE,CAAC,KAAK;YACf,KAAK,EAAE,EAAE,CAAC,KAAK;YACf,YAAY,EAAE,EAAE,CAAC,YAAY;YAC7B,UAAU,EAAE,EAAE,CAAC,UAAU;SACzB,CAAC,CAAA;IACH,CAAC;IACD,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAA;AACzB,CAAC;AAMD,MAAM,CAAC,KAAK,UAAU,YAAY,CACjC,GAAW,EACX,OAA4B,EAAE;IAE9B,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,IAAI,KAAK,CAAA;IACrC,IAAI,CAAC;QACJ,MAAM,GAAG,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC,CAAA;QAC9B,IAAI,CAAC,GAAG,CAAC,EAAE;YAAE,OAAO,IAAI,CAAA;QACxB,MAAM,GAAG,GAAG,CAAC,MAAM,GAAG,CAAC,IAAI,EAAE,CAAY,CAAA;QACzC,OAAO,iBAAiB,CAAC,GAAG,CAAC,CAAA;IAC9B,CAAC;IAAC,MAAM,CAAC;QACR,OAAO,IAAI,CAAA;IACZ,CAAC;AACF,CAAC"}

package/dist/utils/index.d.ts

@@ -0,0 +1,8 @@
+export * from './captions.js';
+export * from './chapters.js';
+export * from './jsonld.js';
+export * from './keys.js';
+export * from './session.js';
+export * from './url.js';
+export * from './youtube.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA"}

package/dist/utils/index.js

@@ -0,0 +1,8 @@
+export * from './captions.js';
+export * from './chapters.js';
+export * from './jsonld.js';
+export * from './keys.js';
+export * from './session.js';
+export * from './url.js';
+export * from './youtube.js';
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA"}

package/dist/utils/jsonld.d.ts

@@ -0,0 +1,3 @@
+import type { VideoObjectInput } from '../types.js';
+export declare function generateVideoObjectJsonLd(input: VideoObjectInput): object;
+//# sourceMappingURL=jsonld.d.ts.map

package/dist/utils/jsonld.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsonld.d.ts","sourceRoot":"","sources":["../../src/utils/jsonld.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAenD,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,gBAAgB,GAAG,MAAM,CA0BzE"}

package/dist/utils/jsonld.js

@@ -0,0 +1,42 @@
+import { posterUrl } from './url.js';
+function toIsoDuration(seconds) {
+    const h = Math.floor(seconds / 3600);
+    const m = Math.floor((seconds % 3600) / 60);
+    const s = seconds % 60;
+    let out = 'PT';
+    if (h)
+        out += `${h}H`;
+    if (m)
+        out += `${m}M`;
+    if (s)
+        out += `${s}S`;
+    if (out === 'PT')
+        out = 'PT0S';
+    return out;
+}
+export function generateVideoObjectJsonLd(input) {
+    const thumbnailUrl = input.thumbnailUrls ?? [posterUrl(input.publicDomain, input.videoId)];
+    const ld = {
+        '@context': 'https://schema.org',
+        '@type': 'VideoObject',
+        name: input.title,
+        description: input.description,
+        uploadDate: input.uploadDate,
+        duration: toIsoDuration(input.durationSeconds),
+        thumbnailUrl,
+        embedUrl: input.embedUrl,
+    };
+    if (input.contentUrl)
+        ld.contentUrl = input.contentUrl;
+    if (input.transcript)
+        ld.transcript = input.transcript;
+    if (input.chapters && input.chapters.length > 0) {
+        ld.potentialAction = {
+            '@type': 'SeekToAction',
+            target: `${input.embedUrl}#t={seek_to_second_number}`,
+            'startOffset-input': 'required name=seek_to_second_number',
+        };
+    }
+    return ld;
+}
+//# sourceMappingURL=jsonld.js.map

package/dist/utils/jsonld.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsonld.js","sourceRoot":"","sources":["../../src/utils/jsonld.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEpC,SAAS,aAAa,CAAC,OAAe;IACrC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,CAAA;IACpC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,CAAA;IAC3C,MAAM,CAAC,GAAG,OAAO,GAAG,EAAE,CAAA;IACtB,IAAI,GAAG,GAAG,IAAI,CAAA;IACd,IAAI,CAAC;QAAE,GAAG,IAAI,GAAG,CAAC,GAAG,CAAA;IACrB,IAAI,CAAC;QAAE,GAAG,IAAI,GAAG,CAAC,GAAG,CAAA;IACrB,IAAI,CAAC;QAAE,GAAG,IAAI,GAAG,CAAC,GAAG,CAAA;IACrB,IAAI,GAAG,KAAK,IAAI;QAAE,GAAG,GAAG,MAAM,CAAA;IAC9B,OAAO,GAAG,CAAA;AACX,CAAC;AAED,MAAM,UAAU,yBAAyB,CAAC,KAAuB;IAChE,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAA;IAE1F,MAAM,EAAE,GAA4B;QACnC,UAAU,EAAE,oBAAoB;QAChC,OAAO,EAAE,aAAa;QACtB,IAAI,EAAE,KAAK,CAAC,KAAK;QACjB,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,UAAU,EAAE,KAAK,CAAC,UAAU;QAC5B,QAAQ,EAAE,aAAa,CAAC,KAAK,CAAC,eAAe,CAAC;QAC9C,YAAY;QACZ,QAAQ,EAAE,KAAK,CAAC,QAAQ;KACxB,CAAA;IAED,IAAI,KAAK,CAAC,UAAU;QAAE,EAAE,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,CAAA;IACtD,IAAI,KAAK,CAAC,UAAU;QAAE,EAAE,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,CAAA;IAEtD,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACjD,EAAE,CAAC,eAAe,GAAG;YACpB,OAAO,EAAE,cAAc;YACvB,MAAM,EAAE,GAAG,KAAK,CAAC,QAAQ,4BAA4B;YACrD,mBAAmB,EAAE,qCAAqC;SAC1D,CAAA;IACF,CAAC;IAED,OAAO,EAAE,CAAA;AACV,CAAC"}

package/dist/utils/keys.d.ts

@@ -0,0 +1,6 @@
+export declare function videoManifestKey(videoId: string): string;
+export declare function posterKey(videoId: string): string;
+export declare function captionsKey(videoId: string, lang?: string): string;
+export declare function chaptersKey(videoId: string): string;
+export declare function hlsBundlePrefix(videoId: string): string;
+//# sourceMappingURL=keys.d.ts.map

package/dist/utils/keys.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keys.d.ts","sourceRoot":"","sources":["../../src/utils/keys.ts"],"names":[],"mappings":"AAAA,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAExD;AAED,wBAAgB,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAEjD;AAED,wBAAgB,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,GAAE,MAAa,GAAG,MAAM,CAExE;AAED,wBAAgB,WAAW,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAEnD;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAEvD"}

package/dist/utils/keys.js

@@ -0,0 +1,16 @@
+export function videoManifestKey(videoId) {
+    return `video/${videoId}/hls/master.m3u8`;
+}
+export function posterKey(videoId) {
+    return `video/${videoId}/poster.jpg`;
+}
+export function captionsKey(videoId, lang = 'en') {
+    return lang === 'en' ? `video/${videoId}/captions.vtt` : `video/${videoId}/captions-${lang}.vtt`;
+}
+export function chaptersKey(videoId) {
+    return `video/${videoId}/chapters.json`;
+}
+export function hlsBundlePrefix(videoId) {
+    return `video/${videoId}/hls/`;
+}
+//# sourceMappingURL=keys.js.map

package/dist/utils/keys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keys.js","sourceRoot":"","sources":["../../src/utils/keys.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,gBAAgB,CAAC,OAAe;IAC/C,OAAO,SAAS,OAAO,kBAAkB,CAAA;AAC1C,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,OAAe;IACxC,OAAO,SAAS,OAAO,aAAa,CAAA;AACrC,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,OAAe,EAAE,OAAe,IAAI;IAC/D,OAAO,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,OAAO,eAAe,CAAC,CAAC,CAAC,SAAS,OAAO,aAAa,IAAI,MAAM,CAAA;AACjG,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,OAAe;IAC1C,OAAO,SAAS,OAAO,gBAAgB,CAAA;AACxC,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,OAAe;IAC9C,OAAO,SAAS,OAAO,OAAO,CAAA;AAC/B,CAAC"}

package/dist/utils/session.d.ts

@@ -0,0 +1,10 @@
+export interface SessionPayload {
+    videoIds: string[] | '*';
+    subjectId: string;
+    issuedAt: number;
+    expiresAt: number;
+    nonce: string;
+}
+export declare function issueSession(payload: Omit<SessionPayload, 'nonce'>, secret: string): Promise<string>;
+export declare function verifySession(cookie: string, secret: string, requestedVideoId: string): Promise<SessionPayload | null>;
+//# sourceMappingURL=session.d.ts.map

package/dist/utils/session.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"session.d.ts","sourceRoot":"","sources":["../../src/utils/session.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC9B,QAAQ,EAAE,MAAM,EAAE,GAAG,GAAG,CAAA;IACxB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;CACb;AAiDD,wBAAsB,YAAY,CACjC,OAAO,EAAE,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,EACtC,MAAM,EAAE,MAAM,GACZ,OAAO,CAAC,MAAM,CAAC,CAKjB;AAED,wBAAsB,aAAa,CAClC,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,MAAM,GACtB,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,CA0BhC"}

package/dist/utils/session.js

@@ -0,0 +1,70 @@
+const encoder = new TextEncoder();
+const decoder = new TextDecoder();
+function toBase64Url(bytes) {
+    let bin = '';
+    for (let i = 0; i < bytes.length; i++)
+        bin += String.fromCharCode(bytes[i]);
+    return btoa(bin).replace(/\+/g, '-').replace(/\//g, '_').replace(/=+$/, '');
+}
+function fromBase64Url(str) {
+    const padded = str.replace(/-/g, '+').replace(/_/g, '/') + '='.repeat((4 - (str.length % 4)) % 4);
+    const bin = atob(padded);
+    const bytes = new Uint8Array(bin.length);
+    for (let i = 0; i < bin.length; i++)
+        bytes[i] = bin.charCodeAt(i);
+    return bytes;
+}
+async function importKey(secret) {
+    return crypto.subtle.importKey('raw', encoder.encode(secret), { name: 'HMAC', hash: 'SHA-256' }, false, ['sign', 'verify']);
+}
+async function sign(secret, data) {
+    const key = await importKey(secret);
+    const sig = await crypto.subtle.sign('HMAC', key, encoder.encode(data));
+    return toBase64Url(new Uint8Array(sig));
+}
+async function verify(secret, data, signatureB64) {
+    const key = await importKey(secret);
+    const sig = fromBase64Url(signatureB64);
+    return crypto.subtle.verify('HMAC', key, sig.buffer, encoder.encode(data));
+}
+function randomNonce() {
+    const bytes = new Uint8Array(16);
+    crypto.getRandomValues(bytes);
+    let hex = '';
+    for (let i = 0; i < bytes.length; i++)
+        hex += bytes[i].toString(16).padStart(2, '0');
+    return hex;
+}
+export async function issueSession(payload, secret) {
+    const full = { ...payload, nonce: randomNonce() };
+    const payloadB64 = toBase64Url(encoder.encode(JSON.stringify(full)));
+    const sig = await sign(secret, payloadB64);
+    return `${payloadB64}.${sig}`;
+}
+export async function verifySession(cookie, secret, requestedVideoId) {
+    const dot = cookie.indexOf('.');
+    if (dot === -1)
+        return null;
+    const payloadB64 = cookie.slice(0, dot);
+    const sig = cookie.slice(dot + 1);
+    if (!payloadB64 || !sig)
+        return null;
+    if (!(await verify(secret, payloadB64, sig)))
+        return null;
+    let payload;
+    try {
+        payload = JSON.parse(decoder.decode(fromBase64Url(payloadB64)));
+    }
+    catch {
+        return null;
+    }
+    const now = Math.floor(Date.now() / 1000);
+    if (payload.expiresAt <= now)
+        return null;
+    if (payload.videoIds !== '*' &&
+        (!Array.isArray(payload.videoIds) || !payload.videoIds.includes(requestedVideoId))) {
+        return null;
+    }
+    return payload;
+}
+//# sourceMappingURL=session.js.map

package/dist/utils/session.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"session.js","sourceRoot":"","sources":["../../src/utils/session.ts"],"names":[],"mappings":"AAQA,MAAM,OAAO,GAAG,IAAI,WAAW,EAAE,CAAA;AACjC,MAAM,OAAO,GAAG,IAAI,WAAW,EAAE,CAAA;AAEjC,SAAS,WAAW,CAAC,KAAiB;IACrC,IAAI,GAAG,GAAG,EAAE,CAAA;IACZ,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE;QAAE,GAAG,IAAI,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IAC3E,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;AAC5E,CAAC;AAED,SAAS,aAAa,CAAC,GAAW;IACjC,MAAM,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;IACjG,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,CAAA;IACxB,MAAM,KAAK,GAAG,IAAI,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;IACxC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE;QAAE,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;IACjE,OAAO,KAAK,CAAA;AACb,CAAC;AAED,KAAK,UAAU,SAAS,CAAC,MAAc;IACtC,OAAO,MAAM,CAAC,MAAM,CAAC,SAAS,CAC7B,KAAK,EACL,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EACtB,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,EACjC,KAAK,EACL,CAAC,MAAM,EAAE,QAAQ,CAAC,CAClB,CAAA;AACF,CAAC;AAED,KAAK,UAAU,IAAI,CAAC,MAAc,EAAE,IAAY;IAC/C,MAAM,GAAG,GAAG,MAAM,SAAS,CAAC,MAAM,CAAC,CAAA;IACnC,MAAM,GAAG,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAA;IACvE,OAAO,WAAW,CAAC,IAAI,UAAU,CAAC,GAAG,CAAC,CAAC,CAAA;AACxC,CAAC;AAED,KAAK,UAAU,MAAM,CAAC,MAAc,EAAE,IAAY,EAAE,YAAoB;IACvE,MAAM,GAAG,GAAG,MAAM,SAAS,CAAC,MAAM,CAAC,CAAA;IACnC,MAAM,GAAG,GAAG,aAAa,CAAC,YAAY,CAAC,CAAA;IACvC,OAAO,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,MAAqB,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAA;AAC1F,CAAC;AAED,SAAS,WAAW;IACnB,MAAM,KAAK,GAAG,IAAI,UAAU,CAAC,EAAE,CAAC,CAAA;IAChC,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,CAAA;IAC7B,IAAI,GAAG,GAAG,EAAE,CAAA;IACZ,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE;QAAE,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;IACpF,OAAO,GAAG,CAAA;AACX,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,YAAY,CACjC,OAAsC,EACtC,MAAc;IAEd,MAAM,IAAI,GAAmB,EAAE,GAAG,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,CAAA;IACjE,MAAM,UAAU,GAAG,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;IACpE,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;IAC1C,OAAO,GAAG,UAAU,IAAI,GAAG,EAAE,CAAA;AAC9B,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,aAAa,CAClC,MAAc,EACd,MAAc,EACd,gBAAwB;IAExB,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;IAC/B,IAAI,GAAG,KAAK,CAAC,CAAC;QAAE,OAAO,IAAI,CAAA;IAC3B,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;IACvC,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAA;IACjC,IAAI,CAAC,UAAU,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAA;IACpC,IAAI,CAAC,CAAC,MAAM,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,GAAG,CAAC,CAAC;QAAE,OAAO,IAAI,CAAA;IAEzD,IAAI,OAAuB,CAAA;IAC3B,IAAI,CAAC;QACJ,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAmB,CAAA;IAClF,CAAC;IAAC,MAAM,CAAC;QACR,OAAO,IAAI,CAAA;IACZ,CAAC;IAED,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAA;IACzC,IAAI,OAAO,CAAC,SAAS,IAAI,GAAG;QAAE,OAAO,IAAI,CAAA;IAEzC,IACC,OAAO,CAAC,QAAQ,KAAK,GAAG;QACxB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC,EACjF,CAAC;QACF,OAAO,IAAI,CAAA;IACZ,CAAC;IAED,OAAO,OAAO,CAAA;AACf,CAAC"}

package/dist/utils/url.d.ts

@@ -0,0 +1,7 @@
+export declare function manifestUrl(publicDomain: string, videoId: string): string;
+export declare function posterUrl(publicDomain: string, videoId: string): string;
+export declare function captionsUrl(publicDomain: string, videoId: string, lang?: string): string;
+export declare function chaptersUrl(publicDomain: string, videoId: string): string;
+export declare function premiumManifestUrl(playbackRoute: string, videoId: string): string;
+export declare function premiumPlaybackUrl(playbackRoute: string, videoId: string, subpath: string): string;
+//# sourceMappingURL=url.d.ts.map

package/dist/utils/url.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"url.d.ts","sourceRoot":"","sources":["../../src/utils/url.ts"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,CAAC,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAEzE;AAED,wBAAgB,SAAS,CAAC,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAEvE;AAED,wBAAgB,WAAW,CAAC,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,GAAE,MAAa,GAAG,MAAM,CAI9F;AAED,wBAAgB,WAAW,CAAC,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAEzE;AAMD,wBAAgB,kBAAkB,CAAC,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAEjF;AAED,wBAAgB,kBAAkB,CACjC,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,GACb,MAAM,CAGR"}

package/dist/utils/url.js

@@ -0,0 +1,25 @@
+export function manifestUrl(publicDomain, videoId) {
+    return `https://${publicDomain}/video/${videoId}/hls/master.m3u8`;
+}
+export function posterUrl(publicDomain, videoId) {
+    return `https://${publicDomain}/cdn-cgi/image/width=1200,height=675,fit=cover,quality=80,format=auto/video/${videoId}/poster.jpg`;
+}
+export function captionsUrl(publicDomain, videoId, lang = 'en') {
+    return lang === 'en'
+        ? `https://${publicDomain}/video/${videoId}/captions.vtt`
+        : `https://${publicDomain}/video/${videoId}/captions-${lang}.vtt`;
+}
+export function chaptersUrl(publicDomain, videoId) {
+    return `https://${publicDomain}/video/${videoId}/chapters.json`;
+}
+function normalizeRoute(route) {
+    return route.endsWith('/') ? route.slice(0, -1) : route;
+}
+export function premiumManifestUrl(playbackRoute, videoId) {
+    return `${normalizeRoute(playbackRoute)}/${videoId}/hls/master.m3u8`;
+}
+export function premiumPlaybackUrl(playbackRoute, videoId, subpath) {
+    const trimmed = subpath.startsWith('/') ? subpath.slice(1) : subpath;
+    return `${normalizeRoute(playbackRoute)}/${videoId}/${trimmed}`;
+}
+//# sourceMappingURL=url.js.map

package/dist/utils/url.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"url.js","sourceRoot":"","sources":["../../src/utils/url.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,WAAW,CAAC,YAAoB,EAAE,OAAe;IAChE,OAAO,WAAW,YAAY,UAAU,OAAO,kBAAkB,CAAA;AAClE,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,YAAoB,EAAE,OAAe;IAC9D,OAAO,WAAW,YAAY,+EAA+E,OAAO,aAAa,CAAA;AAClI,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,YAAoB,EAAE,OAAe,EAAE,OAAe,IAAI;IACrF,OAAO,IAAI,KAAK,IAAI;QACnB,CAAC,CAAC,WAAW,YAAY,UAAU,OAAO,eAAe;QACzD,CAAC,CAAC,WAAW,YAAY,UAAU,OAAO,aAAa,IAAI,MAAM,CAAA;AACnE,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,YAAoB,EAAE,OAAe;IAChE,OAAO,WAAW,YAAY,UAAU,OAAO,gBAAgB,CAAA;AAChE,CAAC;AAED,SAAS,cAAc,CAAC,KAAa;IACpC,OAAO,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;AACxD,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,aAAqB,EAAE,OAAe;IACxE,OAAO,GAAG,cAAc,CAAC,aAAa,CAAC,IAAI,OAAO,kBAAkB,CAAA;AACrE,CAAC;AAED,MAAM,UAAU,kBAAkB,CACjC,aAAqB,EACrB,OAAe,EACf,OAAe;IAEf,MAAM,OAAO,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAA;IACpE,OAAO,GAAG,cAAc,CAAC,aAAa,CAAC,IAAI,OAAO,IAAI,OAAO,EAAE,CAAA;AAChE,CAAC"}

package/dist/utils/youtube.d.ts

@@ -0,0 +1,12 @@
+export interface YouTubeEmbedOptions {
+    autoplay?: boolean;
+    start?: number;
+    end?: number;
+    muted?: boolean;
+    controls?: boolean;
+    privacyMode?: boolean;
+}
+export declare function youtubeEmbedUrl(videoId: string, opts?: YouTubeEmbedOptions): string;
+export type YouTubeThumbnailQuality = 'default' | 'hq' | 'maxres';
+export declare function youtubeThumbnailUrl(videoId: string, quality?: YouTubeThumbnailQuality): string;
+//# sourceMappingURL=youtube.d.ts.map

package/dist/utils/youtube.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"youtube.d.ts","sourceRoot":"","sources":["../../src/utils/youtube.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,GAAE,mBAAwB,GAAG,MAAM,CAUvF;AAED,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG,IAAI,GAAG,QAAQ,CAAA;AAEjE,wBAAgB,mBAAmB,CAClC,OAAO,EAAE,MAAM,EACf,OAAO,GAAE,uBAAkC,GACzC,MAAM,CAGR"}

package/dist/utils/youtube.js

@@ -0,0 +1,21 @@
+export function youtubeEmbedUrl(videoId, opts = {}) {
+    const host = opts.privacyMode === false ? 'www.youtube.com' : 'www.youtube-nocookie.com';
+    const params = new URLSearchParams();
+    if (opts.autoplay)
+        params.set('autoplay', '1');
+    if (opts.muted)
+        params.set('mute', '1');
+    if (opts.controls === false)
+        params.set('controls', '0');
+    if (opts.start != null)
+        params.set('start', String(opts.start));
+    if (opts.end != null)
+        params.set('end', String(opts.end));
+    const qs = params.toString();
+    return `https://${host}/embed/${videoId}${qs ? `?${qs}` : ''}`;
+}
+export function youtubeThumbnailUrl(videoId, quality = 'maxres') {
+    const suffix = quality === 'maxres' ? 'maxresdefault' : quality === 'hq' ? 'hqdefault' : 'default';
+    return `https://i.ytimg.com/vi/${videoId}/${suffix}.jpg`;
+}
+//# sourceMappingURL=youtube.js.map

package/dist/utils/youtube.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"youtube.js","sourceRoot":"","sources":["../../src/utils/youtube.ts"],"names":[],"mappings":"AASA,MAAM,UAAU,eAAe,CAAC,OAAe,EAAE,OAA4B,EAAE;IAC9E,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,0BAA0B,CAAA;IACxF,MAAM,MAAM,GAAG,IAAI,eAAe,EAAE,CAAA;IACpC,IAAI,IAAI,CAAC,QAAQ;QAAE,MAAM,CAAC,GAAG,CAAC,UAAU,EAAE,GAAG,CAAC,CAAA;IAC9C,IAAI,IAAI,CAAC,KAAK;QAAE,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACvC,IAAI,IAAI,CAAC,QAAQ,KAAK,KAAK;QAAE,MAAM,CAAC,GAAG,CAAC,UAAU,EAAE,GAAG,CAAC,CAAA;IACxD,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI;QAAE,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAA;IAC/D,IAAI,IAAI,CAAC,GAAG,IAAI,IAAI;QAAE,MAAM,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAA;IACzD,MAAM,EAAE,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAA;IAC5B,OAAO,WAAW,IAAI,UAAU,OAAO,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;AAC/D,CAAC;AAID,MAAM,UAAU,mBAAmB,CAClC,OAAe,EACf,UAAmC,QAAQ;IAE3C,MAAM,MAAM,GAAG,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAA;IAClG,OAAO,0BAA0B,OAAO,IAAI,MAAM,MAAM,CAAA;AACzD,CAAC"}

package/dist/vite-plugin.d.ts

@@ -0,0 +1,4 @@
+import type { Plugin } from 'vite';
+import type { ResolvedVideoOptions } from './options.js';
+export declare function growthLabsVideoPlugin(config: ResolvedVideoOptions): Plugin;
+//# sourceMappingURL=vite-plugin.d.ts.map

package/dist/vite-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite-plugin.d.ts","sourceRoot":"","sources":["../src/vite-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAClC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAKxD,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,oBAAoB,GAAG,MAAM,CAc1E"}

package/dist/vite-plugin.js

@@ -0,0 +1,18 @@
+const VIRTUAL_MODULE_ID = 'virtual:growth-labs/video/config';
+const RESOLVED_VIRTUAL_MODULE_ID = `\0${VIRTUAL_MODULE_ID}`;
+export function growthLabsVideoPlugin(config) {
+    return {
+        name: 'growth-labs-video-config',
+        resolveId(id) {
+            if (id === VIRTUAL_MODULE_ID) {
+                return RESOLVED_VIRTUAL_MODULE_ID;
+            }
+        },
+        load(id) {
+            if (id === RESOLVED_VIRTUAL_MODULE_ID) {
+                return `export const config = ${JSON.stringify(config)};`;
+            }
+        },
+    };
+}
+//# sourceMappingURL=vite-plugin.js.map

package/dist/vite-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite-plugin.js","sourceRoot":"","sources":["../src/vite-plugin.ts"],"names":[],"mappings":"AAGA,MAAM,iBAAiB,GAAG,kCAAkC,CAAA;AAC5D,MAAM,0BAA0B,GAAG,KAAK,iBAAiB,EAAE,CAAA;AAE3D,MAAM,UAAU,qBAAqB,CAAC,MAA4B;IACjE,OAAO;QACN,IAAI,EAAE,0BAA0B;QAChC,SAAS,CAAC,EAAE;YACX,IAAI,EAAE,KAAK,iBAAiB,EAAE,CAAC;gBAC9B,OAAO,0BAA0B,CAAA;YAClC,CAAC;QACF,CAAC;QACD,IAAI,CAAC,EAAE;YACN,IAAI,EAAE,KAAK,0BAA0B,EAAE,CAAC;gBACvC,OAAO,yBAAyB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,CAAA;YAC1D,CAAC;QACF,CAAC;KACD,CAAA;AACF,CAAC"}

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@growth-labs/video",
+  "version": "0.1.0",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./components": {
+      "types": "./src/components/index.ts",
+      "import": "./src/components/index.ts"
+    },
+    "./components/*": {
+      "types": "./src/components/*.astro",
+      "import": "./src/components/*.astro"
+    },
+    "./utils": {
+      "types": "./dist/utils/index.d.ts",
+      "import": "./dist/utils/index.js"
+    },
+    "./utils/*": {
+      "types": "./dist/utils/*.d.ts",
+      "import": "./dist/utils/*.js"
+    },
+    "./routes/*": {
+      "types": "./dist/routes/*.d.ts",
+      "import": "./dist/routes/*.js",
+      "default": "./dist/routes/*.js"
+    }
+  },
+  "files": [
+    "dist",
+    "src/components"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "peerDependencies": {
+    "astro": "^6.0.0",
+    "vidstack": "^1.12.0"
+  },
+  "peerDependenciesMeta": {
+    "vidstack": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "zod": "^3.23.0"
+  },
+  "devDependencies": {
+    "@cloudflare/workers-types": "^4.20260402.1",
+    "astro": "^6.0.0",
+    "typescript": "^5.7.0",
+    "vite": "^7.0.0",
+    "vitest": "^3.0.0",
+    "vidstack": "^1.12.0"
+  },
+  "scripts": {
+    "build": "tsc",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  }
+}

package/src/components/Video.astro

@@ -0,0 +1,164 @@
+---
+import { config } from 'virtual:growth-labs/video/config'
+import {
+	captionsUrl,
+	chaptersUrl,
+	manifestUrl,
+	posterUrl,
+	premiumManifestUrl,
+} from '@growth-labs/video/utils'
+
+interface Props {
+	videoId: string
+	title: string
+	premium?: boolean
+	poster?: string
+	captions?: boolean
+	chapters?: boolean
+	captionsLang?: string
+	autoplay?: boolean
+	muted?: boolean
+	class?: string
+}
+
+const {
+	videoId,
+	title,
+	premium = false,
+	captionsLang = 'en',
+	class: className,
+} = Astro.props
+
+const showCaptions = Astro.props.captions ?? config.player.showCaptions
+const showChapters = Astro.props.chapters ?? config.player.showChapters
+
+const src = premium
+	? premiumManifestUrl(config.premium!.playbackRoute, videoId)
+	: manifestUrl(config.publicDomain, videoId)
+
+const poster = Astro.props.poster ?? posterUrl(config.publicDomain, videoId)
+const chaptersSrc = showChapters ? chaptersUrl(config.publicDomain, videoId) : null
+const captionsSrc = showCaptions
+	? captionsUrl(config.publicDomain, videoId, captionsLang)
+	: null
+---
+
+<media-player
+	data-video-id={videoId}
+	data-premium={premium ? 'true' : 'false'}
+	data-session-route={premium ? config.premium?.sessionRoute : undefined}
+	data-chapters-src={chaptersSrc}
+	data-captions-src={captionsSrc}
+	data-captions-lang={captionsLang}
+	data-progress-marks={JSON.stringify(config.analytics.progressMarks)}
+	title={title}
+	src={src}
+	poster={poster}
+	preload={config.player.preload}
+	autoplay={Astro.props.autoplay ?? config.player.autoplay}
+	muted={Astro.props.muted ?? config.player.muted}
+	class={`gl-video ${className ?? ''}`.trim()}
+>
+	<media-provider></media-provider>
+	<media-video-layout></media-video-layout>
+</media-player>
+
+<script>
+	import('vidstack/elements').then((mod: any) => {
+		if (typeof mod.defineCustomElements === 'function') {
+			mod.defineCustomElements()
+		}
+	})
+
+	const VIDEO_ACCESS_DENIED = 'gl:video-access-denied'
+
+	document.querySelectorAll<HTMLElement>('media-player[data-premium="true"]').forEach((player) => {
+		const videoId = player.dataset.videoId
+		const sessionRoute = player.dataset.sessionRoute
+		if (!videoId || !sessionRoute) return
+
+		let sessionChecked = false
+		const ensure = async () => {
+			if (sessionChecked) return
+			sessionChecked = true
+			try {
+				const res = await fetch(sessionRoute, {
+					method: 'POST',
+					credentials: 'same-origin',
+					headers: { 'Content-Type': 'application/json' },
+					body: JSON.stringify({ videoId }),
+				})
+				if (!res.ok) {
+					window.dispatchEvent(
+						new CustomEvent(VIDEO_ACCESS_DENIED, { detail: { videoId } }),
+					)
+				}
+			} catch {
+				window.dispatchEvent(
+					new CustomEvent(VIDEO_ACCESS_DENIED, { detail: { videoId } }),
+				)
+			}
+		}
+
+		player.addEventListener('pointerenter', ensure, { once: true })
+		player.addEventListener('play', ensure)
+	})
+
+	document.querySelectorAll<HTMLElement>('media-player[data-chapters-src]').forEach(async (player) => {
+		const src = player.dataset.chaptersSrc
+		if (!src) return
+		try {
+			const res = await fetch(src)
+			if (!res.ok) return
+			const data = (await res.json()) as { chapters: unknown }
+			;(player as unknown as { chapters?: unknown }).chapters = data.chapters
+		} catch {
+			// silent
+		}
+	})
+
+	const emit = (name: string, detail: unknown) =>
+		window.dispatchEvent(new CustomEvent(name, { detail }))
+
+	document.querySelectorAll<HTMLElement>('media-player').forEach((player) => {
+		const videoId = player.dataset.videoId
+		if (!videoId) return
+		const marks: number[] = JSON.parse(player.dataset.progressMarks || '[]')
+		const fired = new Set<number>()
+
+		player.addEventListener('play', () => emit('gl:video-play', { videoId }))
+		player.addEventListener('ended', () =>
+			emit('gl:video-complete', {
+				videoId,
+				duration: (player as unknown as { duration?: number }).duration,
+			}),
+		)
+		player.addEventListener('error', (e: Event) =>
+			emit('gl:video-error', { videoId, error: String((e as ErrorEvent).message ?? '') }),
+		)
+		player.addEventListener('timeupdate', () => {
+			const p = player as unknown as { currentTime?: number; duration?: number }
+			if (!p.currentTime || !p.duration) return
+			const fraction = p.currentTime / p.duration
+			for (const mark of marks) {
+				if (fraction >= mark && !fired.has(mark)) {
+					fired.add(mark)
+					emit('gl:video-progress', {
+						videoId,
+						currentTime: p.currentTime,
+						duration: p.duration,
+						fraction: mark,
+					})
+				}
+			}
+		})
+	})
+</script>
+
+<style>
+	.gl-video {
+		width: 100%;
+		aspect-ratio: 16 / 9;
+		display: block;
+	}
+</style>