@overlap.ai/react-video-subtitles 1.0.27 → 1.0.28

package/dist/test/TestComponent.d.ts

@@ -0,0 +1 @@
+export declare const TestComponent: () => import("react/jsx-runtime").JSX.Element;

package/dist/test/components/FullScreenPreset.d.ts

@@ -0,0 +1 @@
+export declare const FullScreenPreset: () => import("react/jsx-runtime").JSX.Element;

package/dist/test/components/GridView.d.ts

@@ -0,0 +1 @@
+export declare const GridView: () => import("react/jsx-runtime").JSX.Element;

package/dist/test/components/NewPreset.d.ts

@@ -0,0 +1 @@
+export declare const NewPreset: () => import("react/jsx-runtime").JSX.Element;

package/dist/test/components/PresetTest.d.ts

@@ -0,0 +1 @@
+export declare const PresetTest: () => import("react/jsx-runtime").JSX.Element;

package/dist/test/components/SmallTest.d.ts

@@ -0,0 +1 @@
+export declare const SmallTest: () => import("react/jsx-runtime").JSX.Element;

package/dist/test/components/SwitchableTest.d.ts

@@ -0,0 +1 @@
+export declare const SwitchableTest: () => import("react/jsx-runtime").JSX.Element;

package/dist/test/components/controls/ColorPicker.d.ts

@@ -0,0 +1,7 @@
+interface ColorPickerProps {
+    label: string;
+    value: string;
+    onChange: (value: string) => void;
+}
+export declare const ColorPicker: ({ label, value, onChange }: ColorPickerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/test/components/controls/Select.d.ts

@@ -0,0 +1,8 @@
+interface SelectProps {
+    label: string;
+    value: string;
+    options: string[];
+    onChange: (value: string) => void;
+}
+export declare const Select: ({ label, value, options, onChange }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/test/components/controls/Slider.d.ts

@@ -0,0 +1,10 @@
+interface SliderProps {
+    label: string;
+    value: number;
+    min: number;
+    max: number;
+    step?: number;
+    onChange: (value: number) => void;
+}
+export declare const Slider: ({ label, value, min, max, step, onChange }: SliderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/test/components/controls/Switch.d.ts

@@ -0,0 +1,7 @@
+interface SwitchProps {
+    label: string;
+    checked: boolean;
+    onChange: (value: boolean) => void;
+}
+export declare const Switch: ({ label, checked, onChange }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/test/constants/testWords.d.ts

@@ -0,0 +1,5 @@
+export declare const testWords: {
+    text: string;
+    start: number;
+    end: number;
+}[];

package/dist/test/hooks/useAnimationFrame.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const useAnimationFrame: (setCurrentTime: React.Dispatch<React.SetStateAction<number>>, words: Array<{
+    end: number;
+}>) => void;

package/dist/test/main.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/styles/common.d.ts

@@ -0,0 +1,7 @@
+export declare const backgroundStyle: {
+    backgroundColor: string;
+    backgroundImage: string;
+    backgroundSize: string;
+    backgroundPosition: string;
+    opacity: number;
+};

package/dist/test/utils/loadSubtitlePresets.d.ts

@@ -0,0 +1 @@
+export declare const loadSubtitlePresets: () => Promise<any[]>;

package/dist/types/components.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { StyleConfig } from './subtitles';
+export interface SubtitleTextProps {
+    text: string;
+    style: StyleConfig;
+    frame: number;
+    startFrame: number;
+    words?: Array<{
+        word: string;
+        start: number;
+        end: number;
+    }>;
+    fps: number;
+    animationStyle?: string;
+    randomColors?: StyleConfig['randomColors'];
+    highlightWords?: string[];
+    highlightWordsColor?: string;
+    lineCount?: number;
+}
+export type SubtitleComponent = React.ComponentType<SubtitleTextProps> | React.MemoExoticComponent<React.ComponentType<SubtitleTextProps>>;

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export type { StyleConfig, SubtitlesProps, Phrase } from './subtitles';
+export type { SubtitleComponent, SubtitleTextProps } from './components';

package/dist/types/subtitles.d.ts

@@ -0,0 +1,93 @@
+export interface SegmentWord {
+    text: string;
+    start: number;
+    end: number;
+}
+export interface Phrase {
+    start: number;
+    end: number;
+    text: string;
+    words: SegmentWord[];
+    startFrame?: number;
+    durationInFrames?: number;
+    subType?: string;
+}
+export interface StyleConfig {
+    name: string;
+    captionPosition: "bottom" | "middle";
+    amplifiedColor: string;
+    amplifiedOpacity?: number;
+    amplifySpokenWords: boolean;
+    fontFamily: string;
+    fontWeight: string;
+    fontColor: string;
+    fontSize: string;
+    textCase: string;
+    outlineColor: string;
+    outlineWidth: string;
+    outlineStyle?: string;
+    shadowColor: string;
+    shadowBlur: string;
+    shadowOffsetX: string;
+    shadowOffsetY: string;
+    shadowEnabled?: boolean;
+    shadowIntensity?: number;
+    backgroundColor?: string;
+    backgroundOpacity?: number;
+    backgroundPadding?: string | number;
+    backgroundPaddingX?: string | number;
+    backgroundPaddingY?: string | number;
+    backgroundBorderRadius?: string | number;
+    backgroundFillStyle?: "wrap" | "none";
+    textSpacing?: string | number;
+    lineCount?: number;
+    maxCharsPerLine?: number;
+    textAlign?: string;
+    lineSpacing?: number;
+    animationStyle?: string | 'spring-word' | 'fade' | 'fade-word' | 'intense' | 'tiktok';
+    isItalic?: boolean;
+    shinyWordHighlight?: boolean;
+    shinySegmentHighlight?: boolean;
+    verticalStretch?: string | number;
+    opacity?: number;
+    textHighlightPersists?: boolean;
+    currentWordBlock?: boolean;
+    currentWordBlockBorderRadius?: string | number;
+    currentWordBlockBackgroundColor?: string;
+    currentWordBlockOpacity?: number;
+    currentWordBlockPadding?: string | number;
+    amplifyOpacityTransitionDuration?: number;
+    randomColors?: {
+        enabled?: boolean | string;
+        colors?: Array<{
+            type: string;
+            color: string;
+        }>;
+        avoidFillers?: boolean;
+        pctApplied?: number;
+        randomWordCountRange?: [number, number];
+    };
+    amplifiedColors?: Array<{
+        type: string;
+        colors: string[];
+        angle?: number;
+    }>;
+}
+export interface SubtitlesProps {
+    words: SegmentWord[];
+    maxCharsPerLine?: number;
+    lineCount?: number;
+    styleConfig: StyleConfig;
+    x: number;
+    y: number;
+    currentFrame: number;
+    currentTime: number;
+    fps: number;
+    startTime?: number;
+    endTime?: number;
+    highlightWords?: string[];
+    highlightWordsColor?: string;
+    width: number;
+    height: number;
+    devMode?: boolean;
+}

package/dist/utils/findPhrasesInRange.d.ts

@@ -0,0 +1,2 @@
+import { Phrase } from '../types/subtitles';
+export declare const findPhrasesInRange: (time: number, phrases: Phrase[]) => Phrase[];

package/dist/utils/loadSubtitlePreset.d.ts

@@ -0,0 +1,3 @@
+export function loadSubtitlePreset(presetId: any): Promise<{
+    id: string;
+}>;

package/dist/utils/saveSubtitlePreset.d.ts

@@ -0,0 +1,27 @@
+export function saveSubtitlePreset(presetData: any): Promise<{
+    success: boolean;
+    id: any;
+    error?: undefined;
+} | {
+    success: boolean;
+    error: any;
+    id?: undefined;
+}>;
+export function updateSubtitlePreset(id: any, presetData: any): Promise<{
+    success: boolean;
+    id: any;
+    error?: undefined;
+} | {
+    success: boolean;
+    error: any;
+    id?: undefined;
+}>;
+export function deleteSubtitlePreset(id: any): Promise<{
+    success: boolean;
+    id: any;
+    error?: undefined;
+} | {
+    success: boolean;
+    error: any;
+    id?: undefined;
+}>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@overlap.ai/react-video-subtitles",
-  "version": "1.0.27",
+  "version": "1.0.28",
   "description": "A React component for rendering animated subtitles in videos",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",