@codingfactory/mediables-vue 2.8.0 → 2.9.1

package/dist/components/video/ui-v2/SplitPanelLayout.vue.d.ts

@@ -1,14 +1,18 @@
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {
+    isMobile: any;
+}, __VLS_9: {}, __VLS_11: {};
 type __VLS_Slots = {} & {
     toolbar?: (props: typeof __VLS_1) => any;
 } & {
-    canvas?: (props: typeof __VLS_3) => any;
+    assets?: (props: typeof __VLS_3) => any;
 } & {
-    timeline?: (props: typeof __VLS_5) => any;
+    canvas?: (props: typeof __VLS_5) => any;
 } & {
-    inspector?: (props: typeof __VLS_7) => any;
+    timeline?: (props: typeof __VLS_7) => any;
 } & {
-    drawer?: (props: typeof __VLS_9) => any;
+    inspector?: (props: typeof __VLS_9) => any;
+} & {
+    drawer?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_component: import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, string, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/components/video/ui-v2/TimelineTrackHeader.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, string, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>;
+export default _default;

package/dist/composables/useClientVideoExport.d.ts

@@ -0,0 +1,27 @@
+import { type Ref } from 'vue';
+import type { VideoRecipe, WebGLExportPayload } from '../types/video';
+export interface ClientVideoExportSettings {
+    quality?: string;
+    format?: string;
+}
+export interface ClientVideoExportPreview {
+    captureFrameAt?: (timeSeconds: number) => Promise<HTMLCanvasElement | null>;
+    ensureReadyForCapture?: () => Promise<boolean>;
+    duration?: number | {
+        value?: unknown;
+    };
+}
+export interface UseClientVideoExportOptions {
+    forcePixiPreview: Ref<boolean>;
+    getPreviewRef: () => ClientVideoExportPreview | null;
+    getSourceUrl: () => string;
+    setPlaying: (playing: boolean) => void;
+}
+export interface UseClientVideoExportReturn {
+    canExportClientSide: () => Promise<boolean>;
+    renderRecipeWithPixi: (recipe: VideoRecipe, settings?: ClientVideoExportSettings, onProgress?: (percent: number) => void) => Promise<WebGLExportPayload>;
+    cancelClientExport: () => void;
+    resetClientExport: () => void;
+}
+export declare function resolveClientExportDuration(recipe: VideoRecipe, fallbackDuration?: number): number;
+export declare function useClientVideoExport(options: UseClientVideoExportOptions): UseClientVideoExportReturn;

package/dist/composables/useLiveStream.d.ts

@@ -22,7 +22,7 @@ export declare function useLiveStream(mediaUuid?: string): {
         auto_record: boolean;
         low_latency: boolean;
         vod_media_uuid?: string | undefined;
-        metadata?: Record<string, any> | undefined;
+        metadata?: Record<string, unknown> | undefined;
     } | null, LiveStream | {
         id: string;
         media_uuid: string;
@@ -37,7 +37,7 @@ export declare function useLiveStream(mediaUuid?: string): {
         auto_record: boolean;
         low_latency: boolean;
         vod_media_uuid?: string | undefined;
-        metadata?: Record<string, any> | undefined;
+        metadata?: Record<string, unknown> | undefined;
     } | null>;
     lowLatency: import("vue").Ref<boolean, boolean>;
     autoRecord: import("vue").Ref<boolean, boolean>;

package/dist/composables/useRadialMenu.d.ts

@@ -40,7 +40,7 @@ export declare function useRadialMenu(): {
     }>;
     activeCategory: import("vue").ComputedRef<number | null>;
     activeFilter: import("vue").ComputedRef<string | null>;
-    menuLevel: import("vue").ComputedRef<1 | 2 | 3>;
+    menuLevel: import("vue").ComputedRef<1 | 3 | 2>;
     hoveredCategory: import("vue").Ref<number | null, number | null>;
     filterCategories: FilterCategory[];
     subMenuFilters: import("vue").ComputedRef<Filter[]>;

package/dist/composables/useVideoEditor.d.ts

@@ -3,14 +3,16 @@
  *
  * Core logic for video editing operations
  */
-import type { VideoRecipe, VideoMedia, AppliedFilter, TextOverlayRecipe, AudioTrackRecipe } from '../types/video';
+import type { VideoRecipe, TimelineClip, VideoMedia, AppliedFilter, TextOverlayRecipe, AudioTrackRecipe, TimelineTransitionRecipe, CaptionTrackRecipe, VisualLayerRecipe } from '../types/video';
 import { MediablesCompositionAdapter } from '../video-engine/adapters/MediablesCompositionAdapter';
 export declare function useVideoEditor(mediaUuid: string, initialRecipe?: VideoRecipe, initialMedia?: VideoMedia): {
-    currentFrame: import("vue").Ref<any, any>;
+    currentFrame: import("vue").Ref<unknown, unknown>;
     playheadPosition: import("vue").ComputedRef<number>;
     timelineClips: import("vue").ComputedRef<{
         id: string;
-        type: "clip" | "video";
+        type: import("@/types").TimelineClipKind;
+        trackId?: string | undefined;
+        sourceRefId?: string | undefined;
         timelineStart: number;
         timelineEnd: number;
         startTime?: number | undefined;
@@ -24,12 +26,38 @@ export declare function useVideoEditor(mediaUuid: string, initialRecipe?: VideoR
         filters?: {
             id: string;
             filterId: string;
-            params: Record<string, any>;
+            params: import("@/types").FilterParamMap;
             intensity: number;
             ffmpegCommand?: string | undefined;
         }[] | undefined;
         thumbnail?: string | undefined;
         label?: string | undefined;
+        waveformSamples?: readonly {
+            index: number;
+            time: number;
+            duration: number;
+            endTime: number;
+            peak: number;
+            rms: number;
+            channel: import("../video/project").WaveformChannel;
+        }[] | undefined;
+        filmstripFrames?: readonly {
+            id: string;
+            time: number;
+            duration: number | null;
+            uri: string;
+            width: number;
+            height: number;
+            aspectRatio: number;
+            cacheKey: string | null;
+        }[] | undefined;
+        keyframes?: readonly {
+            id: string;
+            target: "opacity" | "scale" | "x" | "y" | "rotation" | "audioVolume";
+            time: number;
+            value: number;
+            easing: import("../video/project").KeyframeAutomationEasing;
+        }[] | undefined;
         url?: string | undefined;
         muted?: boolean | undefined;
         scale?: number | undefined;
@@ -42,12 +70,56 @@ export declare function useVideoEditor(mediaUuid: string, initialRecipe?: VideoR
             scale?: number | undefined;
         } | undefined;
     }[]>;
+    tracks: import("vue").ComputedRef<{
+        id: string;
+        type: import("@/types").TimelineTrackType;
+        name: string;
+        order: number;
+        locked?: boolean | undefined;
+        hidden?: boolean | undefined;
+        muted?: boolean | undefined;
+        solo?: boolean | undefined;
+        height?: number | undefined;
+        clipIds?: string[] | undefined;
+    }[]>;
+    mediaSources: import("vue").ComputedRef<{
+        id: string;
+        type: import("@/types").TimelineClipSourceType;
+        mediaUuid?: string | undefined;
+        url?: string | undefined;
+        filename?: string | undefined;
+        mimeType?: string | undefined;
+        duration?: number | undefined;
+        width?: number | undefined;
+        height?: number | undefined;
+        frameRate?: number | undefined;
+        hasAudio?: boolean | undefined;
+        thumbnailUrl?: string | undefined;
+        isPrivate?: boolean | undefined;
+        metadata?: import("@/types").JsonObject | undefined;
+    }[]>;
+    transitions: import("vue").ComputedRef<{
+        id: string;
+        type: import("@/types").TimelineTransitionType;
+        fromClipId: string;
+        toClipId: string;
+        duration: number;
+        easing: import("@/types").TimelineTransitionEasing;
+        cutTime?: number | undefined;
+        params?: {
+            direction?: "left" | "right" | "up" | "down" | undefined;
+            color?: string | undefined;
+            softness?: number | undefined;
+        } | undefined;
+    }[]>;
     totalDuration: import("vue").ComputedRef<number>;
     hasChanges: import("vue").ComputedRef<boolean>;
     isPlaying: import("vue").ComputedRef<boolean>;
     selectedClip: import("vue").ComputedRef<{
         id: string;
-        type: "clip" | "video";
+        type: import("@/types").TimelineClipKind;
+        trackId?: string | undefined;
+        sourceRefId?: string | undefined;
         timelineStart: number;
         timelineEnd: number;
         startTime?: number | undefined;
@@ -61,12 +133,38 @@ export declare function useVideoEditor(mediaUuid: string, initialRecipe?: VideoR
         filters?: {
             id: string;
             filterId: string;
-            params: Record<string, any>;
+            params: import("@/types").FilterParamMap;
             intensity: number;
             ffmpegCommand?: string | undefined;
         }[] | undefined;
         thumbnail?: string | undefined;
         label?: string | undefined;
+        waveformSamples?: readonly {
+            index: number;
+            time: number;
+            duration: number;
+            endTime: number;
+            peak: number;
+            rms: number;
+            channel: import("../video/project").WaveformChannel;
+        }[] | undefined;
+        filmstripFrames?: readonly {
+            id: string;
+            time: number;
+            duration: number | null;
+            uri: string;
+            width: number;
+            height: number;
+            aspectRatio: number;
+            cacheKey: string | null;
+        }[] | undefined;
+        keyframes?: readonly {
+            id: string;
+            target: "opacity" | "scale" | "x" | "y" | "rotation" | "audioVolume";
+            time: number;
+            value: number;
+            easing: import("../video/project").KeyframeAutomationEasing;
+        }[] | undefined;
         url?: string | undefined;
         muted?: boolean | undefined;
         scale?: number | undefined;
@@ -90,10 +188,24 @@ export declare function useVideoEditor(mediaUuid: string, initialRecipe?: VideoR
     handleClipSelect: (clipId: string | null) => void;
     splitAtPlayhead: () => void;
     deleteSelectedClip: () => void;
+    rippleDeleteClip: (clipId: string) => boolean;
+    rippleDeleteSelectedClip: () => boolean;
     duplicateSelectedClip: () => void;
+    appendMediaSourceToTimeline: (sourceId: string) => TimelineClip | null;
+    replaceSelectedClipSource: (sourceId: string) => boolean;
+    removeMediaSource: (sourceId: string) => boolean;
+    toggleTrackLock: (trackId: string) => boolean;
+    toggleTrackHidden: (trackId: string) => boolean;
+    toggleTrackMuted: (trackId: string) => boolean;
+    toggleTrackSolo: (trackId: string) => boolean;
     setFilters: (filters: AppliedFilter[]) => void;
     setTextOverlays: (overlays: TextOverlayRecipe[]) => void;
     setAudioTracks: (tracks: AudioTrackRecipe[]) => void;
+    setCaptionTracks: (tracks: CaptionTrackRecipe[]) => void;
+    setVisualLayers: (layers: VisualLayerRecipe[]) => void;
+    setTransitions: (transitions: TimelineTransitionRecipe[]) => void;
+    setClipKeyframes: (clipId: string, keyframes: NonNullable<TimelineClip["keyframes"]>) => void;
+    loadRecipe: (recipe: VideoRecipe) => void;
     moveClip: (clipId: string, newStart: number) => void;
     saveDraft: () => VideoRecipe;
     clearHasChanges: () => void;
@@ -118,7 +230,7 @@ export declare function useVideoEditor(mediaUuid: string, initialRecipe?: VideoR
     canRedo: import("vue").ComputedRef<boolean>;
     initializeComposition: (width?: number, height?: number) => Promise<void>;
     syncCompositionWithState: () => Promise<void>;
-    syncWithComposition: (_composition: any) => void;
+    syncWithComposition: (_composition: unknown) => void;
     convertToFrames: (seconds: number) => number;
     convertToSeconds: (frames: number) => number;
     seekToFrame: (frame: number) => void;

package/dist/composables/useVideoFilters.d.ts

@@ -53,13 +53,13 @@ export declare function useVideoFilters(): {
     activeFilters: import("vue").Ref<{
         id: string;
         filterId: string;
-        params: Record<string, any>;
+        params: import("@/types").FilterParamMap;
         intensity: number;
         ffmpegCommand?: string | undefined;
     }[], AppliedFilter[] | {
         id: string;
         filterId: string;
-        params: Record<string, any>;
+        params: import("@/types").FilterParamMap;
         intensity: number;
         ffmpegCommand?: string | undefined;
     }[]>;
@@ -147,13 +147,13 @@ export declare function useVideoFilters(): {
     previewFilter: import("vue").Ref<{
         id: string;
         filterId: string;
-        params: Record<string, any>;
+        params: import("@/types").FilterParamMap;
         intensity: number;
         ffmpegCommand?: string | undefined;
     } | null, AppliedFilter | {
         id: string;
         filterId: string;
-        params: Record<string, any>;
+        params: import("@/types").FilterParamMap;
         intensity: number;
         ffmpegCommand?: string | undefined;
     } | null>;