@twick/2d 0.11.0

package/lib/utils/CanvasUtils.d.ts

@@ -0,0 +1,23 @@
+import type { BBox, Spacing } from '@twick/core';
+import { Color, Vector2 } from '@twick/core';
+import type { CanvasStyle, PossibleCanvasStyle } from '../partials';
+import { Gradient, Pattern } from '../partials';
+export declare function canvasStyleParser(style: PossibleCanvasStyle): Color | Gradient | Pattern | null;
+export declare function resolveCanvasStyle(style: CanvasStyle, context: CanvasRenderingContext2D): string | CanvasGradient | CanvasPattern;
+export declare function drawRoundRect(context: CanvasRenderingContext2D | Path2D, rect: BBox, radius: Spacing, smoothCorners: boolean, cornerSharpness: number): void;
+export declare function adjustRectRadius(radius: number, horizontal: number, vertical: number, rect: BBox): number;
+export declare function drawRect(context: CanvasRenderingContext2D | Path2D, rect: BBox): void;
+export declare function fillRect(context: CanvasRenderingContext2D, rect: BBox): void;
+export declare function strokeRect(context: CanvasRenderingContext2D, rect: BBox): void;
+export declare function drawPolygon(path: CanvasRenderingContext2D | Path2D, rect: BBox, sides: number): void;
+export declare function drawImage(context: CanvasRenderingContext2D, image: CanvasImageSource, destination: BBox): void;
+export declare function drawImage(context: CanvasRenderingContext2D, image: CanvasImageSource, source: BBox, destination: BBox): void;
+export declare function moveTo(context: CanvasRenderingContext2D | Path2D, position: Vector2): void;
+export declare function lineTo(context: CanvasRenderingContext2D | Path2D, position: Vector2): void;
+export declare function arcTo(context: CanvasRenderingContext2D | Path2D, through: Vector2, position: Vector2, radius: number): void;
+export declare function drawLine(context: CanvasRenderingContext2D | Path2D, points: Vector2[]): void;
+export declare function drawPivot(context: CanvasRenderingContext2D | Path2D, offset: Vector2, radius?: number): void;
+export declare function arc(context: CanvasRenderingContext2D | Path2D, center: Vector2, radius: number, startAngle?: number, endAngle?: number, counterclockwise?: boolean): void;
+export declare function bezierCurveTo(context: CanvasRenderingContext2D | Path2D, controlPoint1: Vector2, controlPoint2: Vector2, to: Vector2): void;
+export declare function quadraticCurveTo(context: CanvasRenderingContext2D | Path2D, controlPoint: Vector2, to: Vector2): void;
+//# sourceMappingURL=CanvasUtils.d.ts.map

package/lib/utils/CanvasUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasUtils.d.ts","sourceRoot":"","sources":["../../src/lib/utils/CanvasUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,OAAO,EAAC,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAC,KAAK,EAAE,OAAO,EAAC,MAAM,aAAa,CAAC;AAC3C,OAAO,KAAK,EAAC,WAAW,EAAE,mBAAmB,EAAC,MAAM,aAAa,CAAC;AAClE,OAAO,EAAC,QAAQ,EAAE,OAAO,EAAC,MAAM,aAAa,CAAC;AAE9C,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,mBAAmB,qCAY3D;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,wBAAwB,GAChC,MAAM,GAAG,cAAc,GAAG,aAAa,CAezC;AAED,wBAAgB,aAAa,CAC3B,OAAO,EAAE,wBAAwB,GAAG,MAAM,EAC1C,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,OAAO,EACf,aAAa,EAAE,OAAO,EACtB,eAAe,EAAE,MAAM,QAuFxB;AAED,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,IAAI,GACT,MAAM,CAWR;AAED,wBAAgB,QAAQ,CACtB,OAAO,EAAE,wBAAwB,GAAG,MAAM,EAC1C,IAAI,EAAE,IAAI,QAGX;AAED,wBAAgB,QAAQ,CAAC,OAAO,EAAE,wBAAwB,EAAE,IAAI,EAAE,IAAI,QAErE;AAED,wBAAgB,UAAU,CAAC,OAAO,EAAE,wBAAwB,EAAE,IAAI,EAAE,IAAI,QAEvE;AAED,wBAAgB,WAAW,CACzB,IAAI,EAAE,wBAAwB,GAAG,MAAM,EACvC,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAM,QAcd;AAED,wBAAgB,SAAS,CACvB,OAAO,EAAE,wBAAwB,EACjC,KAAK,EAAE,iBAAiB,EACxB,WAAW,EAAE,IAAI,GAChB,IAAI,CAAC;AACR,wBAAgB,SAAS,CACvB,OAAO,EAAE,wBAAwB,EACjC,KAAK,EAAE,iBAAiB,EACxB,MAAM,EAAE,IAAI,EACZ,WAAW,EAAE,IAAI,GAChB,IAAI,CAAC;AAwBR,wBAAgB,MAAM,CACpB,OAAO,EAAE,wBAAwB,GAAG,MAAM,EAC1C,QAAQ,EAAE,OAAO,QAGlB;AAED,wBAAgB,MAAM,CACpB,OAAO,EAAE,wBAAwB,GAAG,MAAM,EAC1C,QAAQ,EAAE,OAAO,QAGlB;AAED,wBAAgB,KAAK,CACnB,OAAO,EAAE,wBAAwB,GAAG,MAAM,EAC1C,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,MAAM,QAGf;AAED,wBAAgB,QAAQ,CACtB,OAAO,EAAE,wBAAwB,GAAG,MAAM,EAC1C,MAAM,EAAE,OAAO,EAAE,QAOlB;AAED,wBAAgB,SAAS,CACvB,OAAO,EAAE,wBAAwB,GAAG,MAAM,EAC1C,MAAM,EAAE,OAAO,EACf,MAAM,SAAI,QAOX;AAED,wBAAgB,GAAG,CACjB,OAAO,EAAE,wBAAwB,GAAG,MAAM,EAC1C,MAAM,EAAE,OAAO,EACf,MAAM,EAAE,MAAM,EACd,UAAU,SAAI,EACd,QAAQ,SAAc,EACtB,gBAAgB,UAAQ,QAUzB;AAED,wBAAgB,aAAa,CAC3B,OAAO,EAAE,wBAAwB,GAAG,MAAM,EAC1C,aAAa,EAAE,OAAO,EACtB,aAAa,EAAE,OAAO,EACtB,EAAE,EAAE,OAAO,QAUZ;AAED,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,wBAAwB,GAAG,MAAM,EAC1C,YAAY,EAAE,OAAO,EACrB,EAAE,EAAE,OAAO,QAGZ"}

package/lib/utils/CanvasUtils.js

@@ -0,0 +1,138 @@
+import { Color, Vector2 } from '@twick/core';
+import { Gradient, Pattern } from '../partials';
+export function canvasStyleParser(style) {
+    if (style === null) {
+        return null;
+    }
+    if (style instanceof Gradient) {
+        return style;
+    }
+    if (style instanceof Pattern) {
+        return style;
+    }
+    return new Color(style);
+}
+export function resolveCanvasStyle(style, context) {
+    if (style === null) {
+        return '';
+    }
+    if (style instanceof Color) {
+        return style.serialize();
+    }
+    if (style instanceof Gradient) {
+        return style.canvasGradient(context);
+    }
+    if (style instanceof Pattern) {
+        return style.canvasPattern(context) ?? '';
+    }
+    return '';
+}
+export function drawRoundRect(context, rect, radius, smoothCorners, cornerSharpness) {
+    if (radius.top === 0 &&
+        radius.right === 0 &&
+        radius.bottom === 0 &&
+        radius.left === 0) {
+        drawRect(context, rect);
+        return;
+    }
+    const topLeft = adjustRectRadius(radius.top, radius.right, radius.left, rect);
+    const topRight = adjustRectRadius(radius.right, radius.top, radius.bottom, rect);
+    const bottomRight = adjustRectRadius(radius.bottom, radius.left, radius.right, rect);
+    const bottomLeft = adjustRectRadius(radius.left, radius.bottom, radius.top, rect);
+    if (smoothCorners) {
+        const sharpness = (radius) => {
+            const val = radius * cornerSharpness;
+            return radius - val;
+        };
+        context.moveTo(rect.left + topLeft, rect.top);
+        context.lineTo(rect.right - topRight, rect.top);
+        context.bezierCurveTo(rect.right - sharpness(topRight), rect.top, rect.right, rect.top + sharpness(topRight), rect.right, rect.top + topRight);
+        context.lineTo(rect.right, rect.bottom - bottomRight);
+        context.bezierCurveTo(rect.right, rect.bottom - sharpness(bottomRight), rect.right - sharpness(bottomRight), rect.bottom, rect.right - bottomRight, rect.bottom);
+        context.lineTo(rect.left + bottomLeft, rect.bottom);
+        context.bezierCurveTo(rect.left + sharpness(bottomLeft), rect.bottom, rect.left, rect.bottom - sharpness(bottomLeft), rect.left, rect.bottom - bottomLeft);
+        context.lineTo(rect.left, rect.top + topLeft);
+        context.bezierCurveTo(rect.left, rect.top + sharpness(topLeft), rect.left + sharpness(topLeft), rect.top, rect.left + topLeft, rect.top);
+        return;
+    }
+    context.moveTo(rect.left + topLeft, rect.top);
+    context.arcTo(rect.right, rect.top, rect.right, rect.bottom, topRight);
+    context.arcTo(rect.right, rect.bottom, rect.left, rect.bottom, bottomRight);
+    context.arcTo(rect.left, rect.bottom, rect.left, rect.top, bottomLeft);
+    context.arcTo(rect.left, rect.top, rect.right, rect.top, topLeft);
+}
+export function adjustRectRadius(radius, horizontal, vertical, rect) {
+    const width = radius + horizontal > rect.width
+        ? rect.width * (radius / (radius + horizontal))
+        : radius;
+    const height = radius + vertical > rect.height
+        ? rect.height * (radius / (radius + vertical))
+        : radius;
+    return Math.min(width, height);
+}
+export function drawRect(context, rect) {
+    context.rect(rect.x, rect.y, rect.width, rect.height);
+}
+export function fillRect(context, rect) {
+    context.fillRect(rect.x, rect.y, rect.width, rect.height);
+}
+export function strokeRect(context, rect) {
+    context.strokeRect(rect.x, rect.y, rect.width, rect.height);
+}
+export function drawPolygon(path, rect, sides) {
+    const size = rect.size.scale(0.5);
+    for (let i = 0; i <= sides; i++) {
+        const theta = (i * 2 * Math.PI) / sides;
+        const direction = Vector2.fromRadians(theta).perpendicular;
+        const vertex = direction.mul(size);
+        if (i === 0) {
+            moveTo(path, vertex);
+        }
+        else {
+            lineTo(path, vertex);
+        }
+    }
+    path.closePath();
+}
+export function drawImage(context, image, first, second) {
+    if (second) {
+        context.drawImage(image, first.x, first.y, first.width, first.height, second.x, second.y, second.width, second.height);
+    }
+    else {
+        context.drawImage(image, first.x, first.y, first.width, first.height);
+    }
+}
+export function moveTo(context, position) {
+    context.moveTo(position.x, position.y);
+}
+export function lineTo(context, position) {
+    context.lineTo(position.x, position.y);
+}
+export function arcTo(context, through, position, radius) {
+    context.arcTo(through.x, through.y, position.x, position.y, radius);
+}
+export function drawLine(context, points) {
+    if (points.length < 2)
+        return;
+    moveTo(context, points[0]);
+    for (const point of points.slice(1)) {
+        lineTo(context, point);
+    }
+}
+export function drawPivot(context, offset, radius = 8) {
+    lineTo(context, offset.addY(-radius));
+    lineTo(context, offset.addY(radius));
+    lineTo(context, offset);
+    lineTo(context, offset.addX(-radius));
+    arc(context, offset, radius);
+}
+export function arc(context, center, radius, startAngle = 0, endAngle = Math.PI * 2, counterclockwise = false) {
+    context.arc(center.x, center.y, radius, startAngle, endAngle, counterclockwise);
+}
+export function bezierCurveTo(context, controlPoint1, controlPoint2, to) {
+    context.bezierCurveTo(controlPoint1.x, controlPoint1.y, controlPoint2.x, controlPoint2.y, to.x, to.y);
+}
+export function quadraticCurveTo(context, controlPoint, to) {
+    context.quadraticCurveTo(controlPoint.x, controlPoint.y, to.x, to.y);
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FudmFzVXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbGliL3V0aWxzL0NhbnZhc1V0aWxzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBQyxLQUFLLEVBQUUsT0FBTyxFQUFDLE1BQU0sYUFBYSxDQUFDO0FBRTNDLE9BQU8sRUFBQyxRQUFRLEVBQUUsT0FBTyxFQUFDLE1BQU0sYUFBYSxDQUFDO0FBRTlDLE1BQU0sVUFBVSxpQkFBaUIsQ0FBQyxLQUEwQjtJQUMxRCxJQUFJLEtBQUssS0FBSyxJQUFJLEVBQUUsQ0FBQztRQUNuQixPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFDRCxJQUFJLEtBQUssWUFBWSxRQUFRLEVBQUUsQ0FBQztRQUM5QixPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7SUFDRCxJQUFJLEtBQUssWUFBWSxPQUFPLEVBQUUsQ0FBQztRQUM3QixPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7SUFFRCxPQUFPLElBQUksS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0FBQzFCLENBQUM7QUFFRCxNQUFNLFVBQVUsa0JBQWtCLENBQ2hDLEtBQWtCLEVBQ2xCLE9BQWlDO0lBRWpDLElBQUksS0FBSyxLQUFLLElBQUksRUFBRSxDQUFDO1FBQ25CLE9BQU8sRUFBRSxDQUFDO0lBQ1osQ0FBQztJQUNELElBQUksS0FBSyxZQUFZLEtBQUssRUFBRSxDQUFDO1FBQzNCLE9BQWUsS0FBTSxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ3BDLENBQUM7SUFDRCxJQUFJLEtBQUssWUFBWSxRQUFRLEVBQUUsQ0FBQztRQUM5QixPQUFPLEtBQUssQ0FBQyxjQUFjLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDdkMsQ0FBQztJQUNELElBQUksS0FBSyxZQUFZLE9BQU8sRUFBRSxDQUFDO1FBQzdCLE9BQU8sS0FBSyxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDNUMsQ0FBQztJ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

package/lib/utils/diff.d.ts

@@ -0,0 +1,31 @@
+interface TransformDiff<T> {
+    inserted: TransformDiffItem<T>[];
+    deleted: TransformDiffItem<T>[];
+    transformed: TransformDiffItemTransformed<T>[];
+}
+interface TransformDiffItem<T> {
+    before?: T;
+    beforeIdIndex: number;
+    current: T;
+    currentIndex: number;
+}
+interface TransformDiffItemTransformed<T> {
+    insert: boolean;
+    remove: boolean;
+    from: TransformDiffItem<T>;
+    to: TransformDiffItem<T>;
+}
+interface ApplyTransformInserted<T> {
+    item: TransformDiffItem<T>;
+    order: number;
+}
+interface ApplyTransformResult<T> {
+    inserted: ApplyTransformInserted<T>[];
+}
+interface Idable {
+    id: string;
+}
+export declare function getTransformDiff<T extends Idable>(from: T[], to: T[]): TransformDiff<T>;
+export declare function applyTransformDiff<T extends Idable>(current: T[], diff: TransformDiff<T>, cloner: (original: T) => T): ApplyTransformResult<T>;
+export {};
+//# sourceMappingURL=diff.d.ts.map

package/lib/utils/diff.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"diff.d.ts","sourceRoot":"","sources":["../../src/lib/utils/diff.ts"],"names":[],"mappings":"AAAA,UAAU,aAAa,CAAC,CAAC;IACvB,QAAQ,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;IACjC,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;IAChC,WAAW,EAAE,4BAA4B,CAAC,CAAC,CAAC,EAAE,CAAC;CAChD;AAED,UAAU,iBAAiB,CAAC,CAAC;IAC3B,MAAM,CAAC,EAAE,CAAC,CAAC;IACX,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,CAAC,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,4BAA4B,CAAC,CAAC;IACtC,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAC3B,EAAE,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;CAC1B;AAED,UAAU,sBAAsB,CAAC,CAAC;IAChC,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,oBAAoB,CAAC,CAAC;IAC9B,QAAQ,EAAE,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC;CACvC;AAED,UAAU,MAAM;IACd,EAAE,EAAE,MAAM,CAAC;CACZ;AAsBD,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAC/C,IAAI,EAAE,CAAC,EAAE,EACT,EAAE,EAAE,CAAC,EAAE,GACN,aAAa,CAAC,CAAC,CAAC,CA0ClB;AAED,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,EACjD,OAAO,EAAE,CAAC,EAAE,EACZ,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EACtB,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,GACzB,oBAAoB,CAAC,CAAC,CAAC,CA2CzB"}

package/lib/utils/diff.js

@@ -0,0 +1,97 @@
+function getIdMap(list) {
+    const map = new Map();
+    let before = undefined;
+    for (const [index, current] of list.entries()) {
+        const currentArray = map.get(current.id) ?? [];
+        if (!map.has(current.id)) {
+            map.set(current.id, currentArray);
+        }
+        currentArray.push({
+            before,
+            current,
+            beforeIdIndex: before ? map.get(before.id).length - 1 : -1,
+            currentIndex: index,
+        });
+        before = current;
+    }
+    return map;
+}
+export function getTransformDiff(from, to) {
+    const diff = {
+        inserted: [],
+        deleted: [],
+        transformed: [],
+    };
+    const fromMap = getIdMap(from);
+    const toMap = getIdMap(to);
+    for (const [key, fromItem] of fromMap.entries()) {
+        const toItem = toMap.get(key);
+        if (toItem) {
+            toMap.delete(key);
+            for (let i = 0; i < Math.max(fromItem.length, toItem.length); i++) {
+                const insert = i >= fromItem.length;
+                const remove = i >= toItem.length;
+                const fromNode = !insert ? fromItem[i] : fromItem[fromItem.length - 1];
+                const toNode = !remove ? toItem[i] : toItem[toItem.length - 1];
+                diff.transformed.push({
+                    insert,
+                    remove,
+                    from: fromNode,
+                    to: toNode,
+                });
+            }
+        }
+        else {
+            for (const node of fromItem) {
+                diff.deleted.push(node);
+            }
+        }
+    }
+    for (const toItem of toMap.values()) {
+        for (const node of toItem) {
+            diff.inserted.push(node);
+        }
+    }
+    return diff;
+}
+export function applyTransformDiff(current, diff, cloner) {
+    function insert(item) {
+        let idIndex = -1;
+        const index = item.before
+            ? current.findIndex(({ id }) => {
+                if (id === item.before?.id) {
+                    idIndex++;
+                    if (idIndex === item.beforeIdIndex)
+                        return true;
+                }
+                return false;
+            })
+            : 0;
+        current.splice(index + 1, 0, item.current);
+    }
+    const result = {
+        inserted: diff.inserted.map(item => ({
+            item,
+            order: item.currentIndex,
+        })),
+    };
+    for (const item of diff.transformed) {
+        if (!item.insert)
+            continue;
+        const from = item.from;
+        item.from = {
+            ...item.to,
+            current: cloner(from.current),
+        };
+        result.inserted.push({
+            item: item.from,
+            order: item.to.currentIndex,
+        });
+    }
+    result.inserted.sort((a, b) => a.order - b.order);
+    for (const item of result.inserted) {
+        insert(item.item);
+    }
+    return result;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlmZi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9saWIvdXRpbHMvZGlmZi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ0EsU0FBUyxRQUFRLENBQW1CLElBQVM7SUFDM0MsTUFBTSxHQUFHLEdBQUcsSUFBSSxHQUFHLEVBQWtDLENBQUM7SUFDdEQsSUFBSSxNQUFNLEdBQWtCLFNBQVMsQ0FBQztJQUN0QyxLQUFLLE1BQU0sQ0FBQyxLQUFLLEVBQUUsT0FBTyxDQUFDLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRSxFQUFFLENBQUM7UUFDOUMsTUFBTSxZQUFZLEdBQUcsR0FBRyxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQy9DLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDO1lBQ3pCLEdBQUcsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLEVBQUUsRUFBRSxZQUFZLENBQUMsQ0FBQztRQUNwQyxDQUFDO1FBRUQsWUFBWSxDQUFDLElBQUksQ0FBQztZQUNoQixNQUFNO1lBQ04sT0FBTztZQUNQLGFBQWEsRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBRSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUMzRCxZQUFZLEVBQUUsS0FBSztTQUNwQixDQUFDLENBQUM7UUFDSCxNQUFNLEdBQUcsT0FBTyxDQUFDO0lBQ25CLENBQUM7SUFDRCxPQUFPLEdBQUcsQ0FBQztBQUNiLENBQUM7QUFFRCxNQUFNLFVBQVUsZ0JBQWdCLENBQzlCLElBQVMsRUFDVCxFQUFPO0lBRVAsTUFBTSxJQUFJLEdBQXFCO1FBQzdCLFFBQVEsRUFBRSxFQUFFO1FBQ1osT0FBTyxFQUFFLEVBQUU7UUFDWCxXQUFXLEVBQUUsRUFBRTtLQUNo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

package/lib/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './CanvasUtils';
+export * from './is';
+//# sourceMappingURL=index.d.ts.map

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

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

package/lib/utils/index.js

@@ -0,0 +1,3 @@
+export * from './CanvasUtils';
+export * from './is';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbGliL3V0aWxzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsTUFBTSxDQUFDIn0=

package/lib/utils/is.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Create a predicate that checks if the given object is an instance of the
+ * given class.
+ *
+ * @param klass - The class to check against.
+ */
+export declare function is<T>(klass: new (...args: any[]) => T): (object: any) => object is T;
+//# sourceMappingURL=is.d.ts.map

package/lib/utils/is.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"is.d.ts","sourceRoot":"","sources":["../../src/lib/utils/is.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,EAAE,CAAC,CAAC,EAClB,KAAK,EAAE,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,GAC/B,CAAC,MAAM,EAAE,GAAG,KAAK,MAAM,IAAI,CAAC,CAE9B"}

package/lib/utils/is.js

@@ -0,0 +1,10 @@
+/**
+ * Create a predicate that checks if the given object is an instance of the
+ * given class.
+ *
+ * @param klass - The class to check against.
+ */
+export function is(klass) {
+    return (object) => object instanceof klass;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbGliL3V0aWxzL2lzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7OztHQUtHO0FBQ0gsTUFBTSxVQUFVLEVBQUUsQ0FDaEIsS0FBZ0M7SUFFaEMsT0FBTyxDQUFDLE1BQU0sRUFBZSxFQUFFLENBQUMsTUFBTSxZQUFZLEtBQUssQ0FBQztBQUMxRCxDQUFDIn0=

package/lib/utils/makeSignalExtensions.d.ts

@@ -0,0 +1,4 @@
+import type { SignalExtensions } from '@twick/core';
+import type { PropertyMetadata } from '../decorators';
+export declare function makeSignalExtensions<TSetterValue, TValue extends TSetterValue>(meta?: Partial<PropertyMetadata<TValue>>, owner?: any, name?: string): Partial<SignalExtensions<TSetterValue, TValue>>;
+//# sourceMappingURL=makeSignalExtensions.d.ts.map

package/lib/utils/makeSignalExtensions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeSignalExtensions.d.ts","sourceRoot":"","sources":["../../src/lib/utils/makeSignalExtensions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAEpD,wBAAgB,oBAAoB,CAAC,YAAY,EAAE,MAAM,SAAS,YAAY,EAC5E,IAAI,GAAE,OAAO,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAM,EAC5C,KAAK,CAAC,EAAE,GAAG,EACX,IAAI,CAAC,EAAE,MAAM,mDAsBd"}

package/lib/utils/makeSignalExtensions.js

@@ -0,0 +1,20 @@
+import { capitalize } from '@twick/core';
+export function makeSignalExtensions(meta = {}, owner, name) {
+    const extensions = {};
+    if (name && owner) {
+        const setter = meta.setter ?? owner?.[`set${capitalize(name)}`];
+        if (setter) {
+            extensions.setter = setter.bind(owner);
+        }
+        const getter = meta.getter ?? owner?.[`get${capitalize(name)}`];
+        if (getter) {
+            extensions.getter = getter.bind(owner);
+        }
+        const tweener = meta.tweener ?? owner?.[`tween${capitalize(name)}`];
+        if (tweener) {
+            extensions.tweener = tweener.bind(owner);
+        }
+    }
+    return extensions;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFrZVNpZ25hbEV4dGVuc2lvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbGliL3V0aWxzL21ha2VTaWduYWxFeHRlbnNpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSxhQUFhLENBQUM7QUFHdkMsTUFBTSxVQUFVLG9CQUFvQixDQUNsQyxPQUEwQyxFQUFFLEVBQzVDLEtBQVcsRUFDWCxJQUFhO0lBRWIsTUFBTSxVQUFVLEdBQW9ELEVBQUUsQ0FBQztJQUV2RSxJQUFJLElBQUksSUFBSSxLQUFLLEVBQUUsQ0FBQztRQUNsQixNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsTUFBTSxJQUFJLEtBQUssRUFBRSxDQUFDLE1BQU0sVUFBVSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNoRSxJQUFJLE1BQU0sRUFBRSxDQUFDO1lBQ1gsVUFBVSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3pDLENBQUM7UUFFRCxNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsTUFBTSxJQUFJLEtBQUssRUFBRSxDQUFDLE1BQU0sVUFBVSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNoRSxJQUFJLE1BQU0sRUFBRSxDQUFDO1lBQ1gsVUFBVSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3pDLENBQUM7UUFFRCxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxJQUFJLEtBQUssRUFBRSxDQUFDLFFBQVEsVUFBVSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNwRSxJQUFJLE9BQU8sRUFBRSxDQUFDO1lBQ1osVUFBVSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzNDLENBQUM7SUFDSCxDQUFDO0lBRUQsT0FBTyxVQUFVLENBQUM7QUFDcEIsQ0FBQyJ9

package/lib/utils/video/ffmpeg-client.d.ts

@@ -0,0 +1,5 @@
+export declare class ImageCommunication {
+    constructor();
+    getFrame(id: string, src: string, time: number, duration: number, fps: number): Promise<ImageBitmap>;
+}
+//# sourceMappingURL=ffmpeg-client.d.ts.map

package/lib/utils/video/ffmpeg-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ffmpeg-client.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/video/ffmpeg-client.ts"],"names":[],"mappings":"AAAA,qBAAa,kBAAkB;;IAOhB,QAAQ,CACnB,EAAE,EAAE,MAAM,EACV,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,EAChB,GAAG,EAAE,MAAM;CAqCd"}

package/lib/utils/video/ffmpeg-client.js

@@ -0,0 +1,32 @@
+export class ImageCommunication {
+    constructor() {
+        if (!import.meta.hot) {
+            throw new Error('FfmpegVideoFrame can only be used with HMR.');
+        }
+    }
+    async getFrame(id, src, time, duration, fps) {
+        const response = await fetch('/twick-ffmpeg-decoder/video-frame', {
+            method: 'POST',
+            headers: {
+                // eslint-disable-next-line
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({
+                id,
+                filePath: src,
+                startTime: time,
+                duration,
+                fps,
+            }),
+        });
+        if (!response.ok) {
+            throw new Error(`HTTP error! status: ${response.status}`);
+        }
+        const width = parseInt(response.headers.get('X-Frame-Width') || '1080', 10);
+        const height = parseInt(response.headers.get('X-Frame-Height') || '1920', 10);
+        const arrayBuffer = await response.arrayBuffer();
+        const imageData = new ImageData(new Uint8ClampedArray(arrayBuffer), width, height);
+        return createImageBitmap(imageData);
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmZtcGVnLWNsaWVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvdXRpbHMvdmlkZW8vZmZtcGVnLWNsaWVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLE9BQU8sa0JBQWtCO0lBQzdCO1FBQ0UsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFLENBQUM7WUFDckIsTUFBTSxJQUFJLEtBQUssQ0FBQyw2Q0FBNkMsQ0FBQyxDQUFDO1FBQ2pFLENBQUM7SUFDSCxDQUFDO0lBRU0sS0FBSyxDQUFDLFFBQVEsQ0FDbkIsRUFBVSxFQUNWLEdBQVcsRUFDWCxJQUFZLEVBQ1osUUFBZ0IsRUFDaEIsR0FBVztRQUVYLE1BQU0sUUFBUSxHQUFHLE1BQU0sS0FBSyxDQUFDLG1DQUFtQyxFQUFFO1lBQ2hFLE1BQU0sRUFBRSxNQUFNO1lBQ2QsT0FBTyxFQUFFO2dCQUNQLDJCQUEyQjtnQkFDM0IsY0FBYyxFQUFFLGtCQUFrQjthQUNuQztZQUNELElBQUksRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDO2dCQUNuQixFQUFFO2dCQUNGLFFBQVEsRUFBRSxHQUFHO2dCQUNiLFNBQVMsRUFBRSxJQUFJO2dCQUNmLFFBQVE7Z0JBQ1IsR0FBRzthQUNKLENBQUM7U0FDSCxDQUFDLENBQUM7UUFFSCxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQUUsRUFBRSxDQUFDO1lBQ2pCLE1BQU0sSUFBSSxLQUFLLENBQUMsdUJBQXVCLFFBQVEsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDO1FBQzVELENBQUM7UUFFRCxNQUFNLEtBQUssR0FBRyxRQUFRLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsZUFBZSxDQUFDLElBQUksTUFBTSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQzVFLE1BQU0sTUFBTSxHQUFHLFFBQVEsQ0FDckIsUUFBUSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxNQUFNLEVBQ2hELEVBQUUsQ0FDSCxDQUFDO1FBRUYsTUFBTSxXQUFXLEdBQUcsTUFBTSxRQUFRLENBQUMsV0FBVyxFQUFFLENBQUM7UUFFakQsTUFBTSxTQUFTLEdBQUcsSUFBSSxTQUFTLENBQzdCLElBQUksaUJBQWlCLENBQUMsV0FBVyxDQUFDLEVBQ2xDLEtBQUssRUFDTCxNQUFNLENBQ1AsQ0FBQztRQUVGLE9BQU8saUJBQWlCLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDdEMsQ0FBQztDQUNGIn0=

package/lib/utils/video/mp4-parser-manager.d.ts

@@ -0,0 +1,3 @@
+export declare function dropExtractor(id: string, filePath: string): Promise<void>;
+export declare function getFrame(id: string, filePath: string, time: number, fps: number): Promise<VideoFrame>;
+//# sourceMappingURL=mp4-parser-manager.d.ts.map

package/lib/utils/video/mp4-parser-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mp4-parser-manager.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/video/mp4-parser-manager.ts"],"names":[],"mappings":"AAKA,wBAAsB,aAAa,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,iBAO/D;AAED,wBAAsB,QAAQ,CAC5B,EAAE,EAAE,MAAM,EACV,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,uBAqDZ"}

package/lib/utils/video/mp4-parser-manager.js

@@ -0,0 +1,55 @@
+import { Mp4Parser } from './parser';
+// List of VideoFrameExtractors
+const videoFrameExtractors = new Map();
+export async function dropExtractor(id, filePath) {
+    const extractorId = filePath + '-' + id;
+    const extractor = videoFrameExtractors.get(extractorId);
+    if (extractor) {
+        extractor.close();
+        videoFrameExtractors.delete(extractorId);
+    }
+}
+export async function getFrame(id, filePath, time, fps) {
+    // Check if we already have a VideoFrameExtractor for this video
+    const extractorId = filePath + '-' + id;
+    let extractor = videoFrameExtractors.get(extractorId);
+    const frameDuration = 1 / fps;
+    /**
+     * Sometimes, HTMLVideoElement.duration is not accurate, which can lead to the
+     * requested time being greater than the duration.
+     * To prevent this, we clamp the time to the duration reported by the extractor.
+     */
+    const duration = extractor?.getDuration();
+    if (duration && time > duration) {
+        time = duration;
+    }
+    const isOldFrame = extractor && Math.abs(time - extractor.getLastTime()) < frameDuration / 2;
+    // If time has not changed, return the last frame
+    if (extractor && isOldFrame) {
+        const lastFrame = extractor.getLastFrame();
+        if (!lastFrame) {
+            throw new Error('No last frame');
+        }
+        return lastFrame;
+    }
+    // If the video has skipped back we need to create a new extractor
+    if (extractor && time + frameDuration < extractor.getTime()) {
+        extractor.close();
+        videoFrameExtractors.delete(extractorId);
+        extractor = undefined;
+    }
+    // If the video has skipped forward we need to create a new extractor
+    if (extractor && time > extractor.getTime() + frameDuration * 1.5) {
+        extractor.close();
+        videoFrameExtractors.delete(extractorId);
+        extractor = undefined;
+    }
+    if (!extractor) {
+        extractor = new Mp4Parser(filePath, fps, time);
+        await extractor.start();
+        videoFrameExtractors.set(extractorId, extractor);
+    }
+    // Go to the frame that is closest to the requested time
+    return extractor.getNextFrame();
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXA0LXBhcnNlci1tYW5hZ2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi91dGlscy92aWRlby9tcDQtcGFyc2VyLW1hbmFnZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLFVBQVUsQ0FBQztBQUVuQywrQkFBK0I7QUFDL0IsTUFBTSxvQkFBb0IsR0FBRyxJQUFJLEdBQUcsRUFBcUIsQ0FBQztBQUUxRCxNQUFNLENBQUMsS0FBSyxVQUFVLGFBQWEsQ0FBQyxFQUFVLEVBQUUsUUFBZ0I7SUFDOUQsTUFBTSxXQUFXLEdBQUcsUUFBUSxHQUFHLEdBQUcsR0FBRyxFQUFFLENBQUM7SUFDeEMsTUFBTSxTQUFTLEdBQUcsb0JBQW9CLENBQUMsR0FBRyxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQ3hELElBQUksU0FBUyxFQUFFLENBQUM7UUFDZCxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDbEIsb0JBQW9CLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQzNDLENBQUM7QUFDSCxDQUFDO0FBRUQsTUFBTSxDQUFDLEtBQUssVUFBVSxRQUFRLENBQzVCLEVBQVUsRUFDVixRQUFnQixFQUNoQixJQUFZLEVBQ1osR0FBVztJQUVYLGdFQUFnRTtJQUNoRSxNQUFNLFdBQVcsR0FBRyxRQUFRLEdBQUcsR0FBRyxHQUFHLEVBQUUsQ0FBQztJQUN4QyxJQUFJLFNBQVMsR0FBRyxvQkFBb0IsQ0FBQyxHQUFHLENBQUMsV0FBVyxDQUFDLENBQUM7SUFFdEQsTUFBTSxhQUFhLEdBQUcsQ0FBQyxHQUFHLEdBQUcsQ0FBQztJQUU5Qjs7OztPQUlHO0lBQ0gsTUFBTSxRQUFRLEdBQUcsU0FBUyxFQUFFLFdBQVcsRUFBRSxDQUFDO0lBQzFDLElBQUksUUFBUSxJQUFJLElBQUksR0FBRyxRQUFRLEVBQUUsQ0FBQztRQUNoQyxJQUFJLEdBQUcsUUFBUSxDQUFDO0lBQ2xCLENBQUM7SUFFRCxNQUFNLFVBQVUsR0FDZCxTQUFTLElBQUksSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLEdBQUcsU0FBUyxDQUFDLFdBQVcsRUFBRSxDQUFDLEdBQUcsYUFBYSxHQUFHLENBQUMsQ0FBQztJQUU1RSxpREFBaUQ7SUFDakQsSUFBSSxTQUFTLElBQUksVUFBVSxFQUFFLENBQUM7UUFDNUIsTUFBTSxTQUFTLEdBQUcsU0FBUyxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQzNDLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztZQUNmLE1BQU0sSUFBSSxLQUFLLENBQUMsZUFBZSxDQUFDLENBQUM7UUFDbkMsQ0FBQztRQUVELE9BQU8sU0FBUyxDQUFDO0lBQ25CLENBQUM7SUFFRCxrRUFBa0U7SUFDbEUsSUFBSSxTQUFTLElBQUksSUFBSSxHQUFHLGFBQWEsR0FBRyxTQUFTLENBQUMsT0FBTyxFQUFFLEVBQUUsQ0FBQztRQUM1RCxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDbEIsb0JBQW9CLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ3pDLFNBQVMsR0FBRyxTQUFTLENBQUM7SUFDeEIsQ0FBQztJQUVELHFFQUFxRTtJQUNyRSxJQUFJLFNBQVMsSUFBSSxJQUFJLEdBQUcsU0FBUyxDQUFDLE9BQU8sRUFBRSxHQUFHLGFBQWEsR0FBRyxHQUFHLEVBQUUsQ0FBQztRQUNsRSxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDbEIsb0JBQW9CLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ3pDLFNBQVMsR0FBRyxTQUFTLENBQUM7SUFDeEIsQ0FBQztJQUVELElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUNmLFNBQVMsR0FBRyxJQUFJLFNBQVMsQ0FBQyxRQUFRLEVBQUUsR0FBRyxFQUFFLElBQUksQ0FBQyxDQUFDO1FBQy9DLE1BQU0sU0FBUyxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ3hCLG9CQUFvQixDQUFDLEdBQUcsQ0FBQyxXQUFXLEVBQUUsU0FBUyxDQUFDLENBQUM7SUFDbkQsQ0FBQztJQUVELHdEQUF3RDtJQUN4RCxPQUFPLFNBQVMsQ0FBQyxZQUFZLEVBQUUsQ0FBQztBQUNsQyxDQUFDIn0=

package/lib/utils/video/parser/index.d.ts

@@ -0,0 +1,2 @@
+export * from './parser';
+//# sourceMappingURL=index.d.ts.map

package/lib/utils/video/parser/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/utils/video/parser/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/lib/utils/video/parser/index.js

@@ -0,0 +1,2 @@
+export * from './parser';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL3V0aWxzL3ZpZGVvL3BhcnNlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLFVBQVUsQ0FBQyJ9

package/lib/utils/video/parser/parser.d.ts

@@ -0,0 +1,21 @@
+export declare class Mp4Parser {
+    private uri;
+    private file;
+    private edits;
+    private decoderConfig?;
+    private startTime;
+    private targetFps;
+    private nextSegment;
+    private sampler?;
+    constructor(uri: string, targetFps: number, startTime: number);
+    start(): Promise<void>;
+    getNextFrame(): Promise<VideoFrame>;
+    private getSecondDurationOfSegment;
+    getDuration(): number;
+    private getTimeSubtractingFrames;
+    getTime(): number;
+    getLastTime(): number;
+    getLastFrame(): VideoFrame | undefined;
+    close(): void;
+}
+//# sourceMappingURL=parser.d.ts.map

package/lib/utils/video/parser/parser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parser.d.ts","sourceRoot":"","sources":["../../../../src/lib/utils/video/parser/parser.ts"],"names":[],"mappings":"AAkGA,qBAAa,SAAS;IACpB,OAAO,CAAC,GAAG,CAAS;IACpB,OAAO,CAAC,IAAI,CAAM;IAClB,OAAO,CAAC,KAAK,CAAc;IAC3B,OAAO,CAAC,aAAa,CAAC,CAAqB;IAE3C,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,SAAS,CAAS;IAE1B,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,OAAO,CAAC,CAAe;gBAEZ,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM;IAMvD,KAAK;IAOL,YAAY;IAqFzB,OAAO,CAAC,0BAA0B;IAO3B,WAAW;IAOlB,OAAO,CAAC,wBAAwB;IAiBzB,OAAO;IAIP,WAAW;IAIX,YAAY;IAIZ,KAAK;CAKb"}