@salina-app/media-editor 0.0.14 → 0.0.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/customs/Timeline/CCBlocks.d.ts +7 -0
- package/dist/components/customs/Timeline/Timeline.d.ts +6 -4
- package/dist/components/customs/Timeline/TimelineCard/CCBlock.d.ts +10 -0
- package/dist/components/customs/Timeline/TimelineCard/CCBlockAdd.d.ts +8 -0
- package/dist/components/customs/Timeline/TimelineCard/TrimCard.d.ts +3 -14
- package/dist/components/customs/Timeline/TimelineCard/TrimCardDetails.d.ts +2 -11
- package/dist/components/customs/Timeline/TimelineCards.d.ts +5 -5
- package/dist/components/customs/Timeline/TimelineSpacer.d.ts +2 -0
- package/dist/components/customs/Timeline/TimelineThumbnails.d.ts +2 -2
- package/dist/components/customs/Timeline/TimelineTimestamps.d.ts +2 -2
- package/dist/components/customs/Timeline/TimelineWaveform.d.ts +2 -2
- package/dist/components/ui/alert-dialog.d.ts +20 -0
- package/dist/components/ui/toast.d.ts +2 -2
- package/dist/components/ui/tooltip.d.ts +7 -0
- package/dist/config/config.d.ts +4 -0
- package/dist/dataServices/merged.d.ts +9 -0
- package/dist/dataServices/trimmed.d.ts +12 -0
- package/dist/hooks/useAxios.d.ts +9 -0
- package/dist/hooks/useKeyboardShortcuts.d.ts +1 -1
- package/dist/index.css +1 -1
- package/dist/index.js +31919 -26850
- package/dist/lib/helpers/chunkTimestamps.d.ts +11 -0
- package/dist/lib/helpers/pxToTimestamp.d.ts +10 -0
- package/dist/lib/schema/salina.d.ts +107 -0
- package/dist/lib/typings/IAxios.d.ts +10 -0
- package/dist/lib/typings/IMerged.d.ts +28 -0
- package/dist/lib/typings/ISalina.d.ts +4 -0
- package/dist/lib/typings/IVideoMetadata.d.ts +6 -0
- package/dist/main.d.ts +2 -1
- package/dist/stories/Timeline.stories.d.ts +7 -1
- package/dist/zustand/TimelineStore.d.ts +1 -0
- package/dist/zustand/alertDialogStore.d.ts +13 -0
- package/dist/zustand/mergeStore.d.ts +15 -0
- package/dist/zustand/trimmedClipsStore.d.ts +7 -0
- package/dist/zustand/trimmerStamp.d.ts +7 -0
- package/dist/zustand/videoMetadataStore.d.ts +9 -0
- package/package.json +7 -1
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ITranscriptTimestamps } from '../../../lib/typings/ISalina';
|
|
2
|
+
interface Props {
|
|
3
|
+
closeCaptionDetails?: ITranscriptTimestamps[];
|
|
4
|
+
endTime: string;
|
|
5
|
+
}
|
|
6
|
+
declare const _default: import('react').MemoExoticComponent<({ closeCaptionDetails, endTime }: Props) => import("react/jsx-runtime").JSX.Element>;
|
|
7
|
+
export default _default;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ITranscriptTimestamps } from '../../../lib/typings/ISalina';
|
|
2
2
|
interface TimelineProps {
|
|
3
3
|
isInChapter?: boolean;
|
|
4
4
|
timestampLines?: boolean;
|
|
@@ -6,8 +6,10 @@ interface TimelineProps {
|
|
|
6
6
|
audioSrc?: string;
|
|
7
7
|
thumbnails?: string[];
|
|
8
8
|
peaks?: (number[] | Float32Array)[];
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
mainFilePath?: string;
|
|
10
|
+
pathname?: string;
|
|
11
|
+
userToken?: string;
|
|
12
|
+
closeCaptionDetails?: ITranscriptTimestamps[];
|
|
11
13
|
}
|
|
12
|
-
declare const _default: import('react').MemoExoticComponent<({ isInChapter, timestampLines, className, audioSrc, thumbnails, peaks,
|
|
14
|
+
declare const _default: import('react').MemoExoticComponent<({ isInChapter, timestampLines, className, audioSrc, thumbnails, peaks, mainFilePath, pathname, userToken, closeCaptionDetails, }: TimelineProps) => import("react/jsx-runtime").JSX.Element>;
|
|
13
15
|
export default _default;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ITranscriptTimestamps } from '../../../../lib/typings/ISalina';
|
|
2
|
+
interface Props {
|
|
3
|
+
transcript: ITranscriptTimestamps;
|
|
4
|
+
index: number;
|
|
5
|
+
endTime: string;
|
|
6
|
+
segmentBefore: ITranscriptTimestamps;
|
|
7
|
+
segmentAfter: ITranscriptTimestamps;
|
|
8
|
+
}
|
|
9
|
+
declare const CCBlock: ({ transcript, index, endTime }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export default CCBlock;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ITranscriptTimestamps } from '../../../../lib/typings/ISalina';
|
|
2
|
+
interface Props {
|
|
3
|
+
transcript: ITranscriptTimestamps;
|
|
4
|
+
zoomSize?: number;
|
|
5
|
+
endTime: string;
|
|
6
|
+
}
|
|
7
|
+
declare const CCBlockAdd: ({ transcript, zoomSize }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default CCBlockAdd;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ITranscript } from '../../../../lib/typings/ITranscript';
|
|
2
2
|
import { ISource } from '../../../../lib/typings/ISource';
|
|
3
|
-
import { ITrimmed } from '../../../../lib/typings/ITrimmed';
|
|
4
3
|
export type IAlertDialog = {
|
|
5
4
|
isOpen: boolean;
|
|
6
5
|
title: string;
|
|
@@ -19,22 +18,12 @@ interface TrimCardProps {
|
|
|
19
18
|
redirect: string | null;
|
|
20
19
|
title: string;
|
|
21
20
|
transcription: ITranscript[] | null;
|
|
22
|
-
mainFilePath
|
|
21
|
+
mainFilePath?: string;
|
|
23
22
|
sources: ISource[];
|
|
24
23
|
userToken?: string;
|
|
25
|
-
|
|
24
|
+
pathname?: string;
|
|
26
25
|
setTranscript?: (transcript: ITranscript[]) => void;
|
|
27
26
|
setTranscriptId?: (transcriptId: string) => void;
|
|
28
|
-
trimmedClips: ITrimmed[];
|
|
29
|
-
setTrimmedClips?: (trimmedClips: ITrimmed[]) => void;
|
|
30
|
-
getTrimmedClip?: (payload: {
|
|
31
|
-
clip_id: string;
|
|
32
|
-
access_token: string;
|
|
33
|
-
}) => any;
|
|
34
|
-
getTrimmedClips?: (payload: {
|
|
35
|
-
source: string;
|
|
36
|
-
access_token: string;
|
|
37
|
-
}) => any;
|
|
38
27
|
}
|
|
39
|
-
declare const TrimCard: ({ id, zoomSize, timestamp_start, timestamp_end, segment, isDone, processStatus, redirect, title, transcription, mainFilePath, sources, userToken,
|
|
28
|
+
declare const TrimCard: ({ id, zoomSize, timestamp_start, timestamp_end, segment, isDone, processStatus, redirect, title, transcription, mainFilePath, sources, userToken, pathname, setTranscript, setTranscriptId, }: TrimCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
40
29
|
export default TrimCard;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { ITranscript } from '../../../../lib/typings/ITranscript';
|
|
2
2
|
import { ISource } from '../../../../lib/typings/ISource';
|
|
3
|
-
import {
|
|
4
|
-
import { ITrimmed, ITrimmedProcessPayload, ITrimmedReprocessPayload, ITrimmedSinglePayload } from '../../../../lib/typings/ITrimmed';
|
|
3
|
+
import { ITrimmed } from '../../../../lib/typings/ITrimmed';
|
|
5
4
|
interface TrimCardDetailsProps {
|
|
6
5
|
id: string;
|
|
7
6
|
title: string;
|
|
@@ -13,21 +12,13 @@ interface TrimCardDetailsProps {
|
|
|
13
12
|
toggleRetry: boolean;
|
|
14
13
|
isProcessing: boolean;
|
|
15
14
|
setIsProcessing: (isProcessing: boolean) => void;
|
|
16
|
-
mainFilePath
|
|
15
|
+
mainFilePath?: string;
|
|
17
16
|
setIsModalOpen: (isModalOpen: boolean) => void;
|
|
18
17
|
sources: ISource[];
|
|
19
18
|
setToggleRetry: (toggleRetry: boolean) => void;
|
|
20
19
|
userToken?: string;
|
|
21
20
|
pathname?: string;
|
|
22
21
|
setTrimmedClips?: (trimmedClips: ITrimmed[]) => void;
|
|
23
|
-
setAlertDialog?: (alertDialog: IAlertDialog) => void;
|
|
24
|
-
getTrimmedClips?: (payload: {
|
|
25
|
-
source: string;
|
|
26
|
-
access_token: string;
|
|
27
|
-
}) => any;
|
|
28
|
-
processClip?: (payload: ITrimmedProcessPayload) => void;
|
|
29
|
-
reprocessClip?: (payload: ITrimmedReprocessPayload) => void;
|
|
30
|
-
deleteClip?: (payload: ITrimmedSinglePayload) => void;
|
|
31
22
|
}
|
|
32
23
|
export type TrimCardDetailsFunctionsRef = {
|
|
33
24
|
deleteTrimCardTrigger: () => void;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { ITrimmed } from '../../../lib/typings/ITrimmed';
|
|
2
1
|
interface Props {
|
|
3
2
|
videoDuration: number;
|
|
4
3
|
timelineWidth: number;
|
|
5
4
|
excessTimestampWidth: number;
|
|
6
5
|
cardAlignmentStart: () => number;
|
|
7
6
|
cardWidthDefault: () => number;
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
mainFilePath?: string;
|
|
8
|
+
pathname?: string;
|
|
9
|
+
userToken?: string;
|
|
10
10
|
}
|
|
11
|
-
declare const
|
|
12
|
-
export default
|
|
11
|
+
declare const _default: import('react').MemoExoticComponent<({ videoDuration, timelineWidth, excessTimestampWidth, cardAlignmentStart, cardWidthDefault, mainFilePath, pathname, userToken, }: Props) => import("react/jsx-runtime").JSX.Element>;
|
|
12
|
+
export default _default;
|
|
@@ -4,5 +4,5 @@ interface Props {
|
|
|
4
4
|
excessTimestampWidth: number;
|
|
5
5
|
zoomSize: number;
|
|
6
6
|
}
|
|
7
|
-
declare const
|
|
8
|
-
export default
|
|
7
|
+
declare const _default: import('react').MemoExoticComponent<({ thumbnails, zoomSize, timelineWidth, excessTimestampWidth, }: Props) => import("react/jsx-runtime").JSX.Element>;
|
|
8
|
+
export default _default;
|
|
@@ -8,5 +8,5 @@ interface Props {
|
|
|
8
8
|
setOnHold: (onHold: boolean) => void;
|
|
9
9
|
timestampLines?: boolean;
|
|
10
10
|
}
|
|
11
|
-
declare const
|
|
12
|
-
export default
|
|
11
|
+
declare const _default: import('react').MemoExoticComponent<({ playerRef, timestamps, zoomSize, videoDuration, setVideoCurrentTime, onHold, setOnHold, }: Props) => import("react/jsx-runtime").JSX.Element>;
|
|
12
|
+
export default _default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
interface TimelineWaveformProps {
|
|
2
2
|
isLoading?: boolean;
|
|
3
3
|
}
|
|
4
|
-
declare const
|
|
5
|
-
export default
|
|
4
|
+
declare const _default: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<TimelineWaveformProps & import('react').RefAttributes<HTMLDivElement>>>;
|
|
5
|
+
export default _default;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
3
|
+
declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
|
|
4
|
+
declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
|
|
6
|
+
declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
declare const AlertDialogHeader: {
|
|
9
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
displayName: string;
|
|
11
|
+
};
|
|
12
|
+
declare const AlertDialogFooter: {
|
|
13
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
displayName: string;
|
|
15
|
+
};
|
|
16
|
+
declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
17
|
+
declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
18
|
+
declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
19
|
+
declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
20
|
+
export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
|
-
import * as React from
|
|
3
|
-
import * as ToastPrimitives from
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import * as ToastPrimitives from '@radix-ui/react-toast';
|
|
4
4
|
declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
|
|
5
5
|
declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
|
|
6
6
|
declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as TooltipPrimitive from "@radix-ui/react-tooltip";
|
|
3
|
+
declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
|
|
4
|
+
declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
|
|
5
|
+
declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
6
|
+
declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { AxiosHeaders } from 'axios';
|
|
2
|
+
import { IMergedPayload, IMergedResponse } from '../lib/typings/IMerged';
|
|
3
|
+
import { IResponse } from '../lib/typings/IResponse';
|
|
4
|
+
export declare const headers: AxiosHeaders;
|
|
5
|
+
export declare const useMergedService: () => {
|
|
6
|
+
getMergedInfo: (payload: IMergedPayload) => Promise<IMergedResponse>;
|
|
7
|
+
mergeTrimmed: (payload: any) => Promise<IResponse>;
|
|
8
|
+
reprocessMerge: (payload: any) => Promise<IResponse>;
|
|
9
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { AxiosHeaders } from 'axios';
|
|
2
|
+
import { IResponse } from '../lib/typings/IResponse';
|
|
3
|
+
import { IPrecutPayload, ITrimmedPayload, ITrimmedProcessPayload, ITrimmedReprocessPayload, ITrimmedResponse, ITrimmedSinglePayload, ITrimmedSingleResponse } from '../lib/typings/ITrimmed';
|
|
4
|
+
export declare const headers: AxiosHeaders;
|
|
5
|
+
export declare const useTrimmedService: () => {
|
|
6
|
+
getTrimmedClips: (payload: ITrimmedPayload) => Promise<ITrimmedResponse>;
|
|
7
|
+
getTrimmedClip: (payload: ITrimmedSinglePayload) => Promise<ITrimmedSingleResponse>;
|
|
8
|
+
preCutClip: (payload: IPrecutPayload) => Promise<IResponse>;
|
|
9
|
+
processClip: (payload: ITrimmedProcessPayload) => Promise<IResponse>;
|
|
10
|
+
reprocessClip: (payload: ITrimmedReprocessPayload) => Promise<IResponse>;
|
|
11
|
+
deleteClip: (payload: ITrimmedSinglePayload) => Promise<unknown>;
|
|
12
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { IAxios } from '../lib/typings/IAxios';
|
|
2
|
+
import { AxiosResponse } from 'axios';
|
|
3
|
+
export declare const useAxios: () => {
|
|
4
|
+
instance: import('axios').AxiosInstance;
|
|
5
|
+
GET: <R, P = unknown, B = unknown>(args: IAxios<P, B>) => Promise<AxiosResponse<R>>;
|
|
6
|
+
POST: <R, P = unknown, B = unknown>(args: IAxios<P, B>) => Promise<AxiosResponse<R>>;
|
|
7
|
+
PUT: <P, B>(args: IAxios<P, B>) => Promise<AxiosResponse>;
|
|
8
|
+
DELETE: <P, B>(args: IAxios<P, B>) => Promise<AxiosResponse>;
|
|
9
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const useKeyboardShortcuts: () => void;
|
|
1
|
+
export declare const useKeyboardShortcuts: (pathname?: string, mainFilePath?: string, userToken?: string) => void;
|