@kepler.gl/components 3.3.0-alpha.1 → 3.3.0-alpha.2

package/dist/modals/swipe-export-video-container.d.ts

@@ -0,0 +1,122 @@
+import React, { Component } from 'react';
+import { DeckAdapter, FormatConfigs, Timecode } from '@hubble.gl/core';
+import type { DeckProps, MapViewState } from '@deck.gl/core';
+import { SwipeExportVideoPreview } from './swipe-export-video-preview';
+import { SwipeEasing } from './swipe-composite-utils';
+export type SwipeExportVideoSettings = {
+    mediaType?: string;
+    cameraPreset?: string;
+    fileName?: string;
+    resolution?: string;
+    durationMs?: number;
+    swipeStartPct?: number;
+    swipeEndPct?: number;
+    swipeEasing?: SwipeEasing;
+};
+type SwipeExportVideoPanelContainerProps = {
+    initialState?: Partial<SwipeExportVideoPanelContainerState>;
+    glContext?: WebGL2RenderingContext;
+    exportVideoWidth: number;
+    handleClose: () => void;
+    mapData: any;
+    header: boolean;
+    deckProps?: DeckProps;
+    mapProps: Record<string, any>;
+    disableBaseMap: boolean;
+    mapboxLayerBeforeId?: string;
+    defaultFileName: string;
+    animatableFilters: any;
+    onTripFrameUpdate: (value: any) => void;
+    onFilterFrameUpdate: (filterIdx: number, name: string, value: any) => void;
+    getTimeRangeFilterKeyframes: (args: any) => any;
+    onSettingsChange: (settings: SwipeExportVideoSettings) => void;
+    swipeStartPct: number;
+    swipeEndPct: number;
+    swipeEasing: SwipeEasing;
+};
+type SwipeExportVideoPanelContainerState = {
+    adapter?: DeckAdapter;
+    durationMs: number;
+    mediaType: string;
+    cameraPreset: string;
+    fileName: string;
+    resolution: string;
+    viewState?: MapViewState;
+    rendering: boolean;
+    previewing: boolean;
+    saving: boolean;
+    currentTimeMs: number;
+    memo?: {
+        viewState: MapViewState;
+    };
+};
+/**
+ * Orchestrates swipe video export recording.
+ * Manages a DeckAdapter but overrides the capture pipeline to
+ * composite left/right canvases with an animated swipe divider.
+ */
+export declare class SwipeExportVideoPanelContainer extends Component<SwipeExportVideoPanelContainerProps, SwipeExportVideoPanelContainerState> {
+    previewRef: React.RefObject<SwipeExportVideoPreview | null>;
+    animationFrameId: number | null;
+    activeEncoder: any | null;
+    constructor(props: SwipeExportVideoPanelContainerProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    getFileName(): string;
+    getCanvasSize(): {
+        width: number;
+        height: number;
+    };
+    _getContainer(): {
+        height: number;
+        width: number;
+    };
+    getFormatConfigs(): Partial<FormatConfigs>;
+    getTimecode(): Timecode;
+    getEncoder(): any;
+    getCameraKeyframes(): {
+        timings: number[];
+        keyframes: MapViewState[];
+        easings: import("popmotion").Easing[];
+        width: number;
+        height: number;
+    };
+    getFilterKeyframes(): {
+        filters: any;
+        filterKeyframes: any;
+    } | {
+        filters?: undefined;
+        filterKeyframes?: undefined;
+    };
+    getTripKeyframes(): {
+        animationConfig: any;
+        tripKeyframe: {
+            timings: number[];
+        };
+    } | {
+        animationConfig?: undefined;
+        tripKeyframe?: undefined;
+    };
+    setViewState: (viewState: MapViewState) => void;
+    setStateAndNotify(update: SwipeExportVideoSettings): void;
+    setMediaType: (mediaType: string) => void;
+    setCameraPreset: (cameraPreset: string) => void;
+    setFileName: (fileName: string) => void;
+    setResolution: (resolution: string) => void;
+    setDuration: (durationMs: number) => void;
+    /**
+     * Start a preview playback — animates the swipe without encoding.
+     */
+    onPreviewVideo: () => void;
+    /**
+     * Start actual recording — captures composited frames into the encoder.
+     * Uses a timer-based approach: updates currentTimeMs, waits for the preview
+     * to composite, then captures the composite canvas.
+     */
+    onRenderVideo: () => void;
+    onStop: ({ abort }?: {
+        abort?: boolean;
+    }) => void;
+    render(): React.JSX.Element;
+}
+export {};