RomanNum3ral
/
OpenCut
mirror of https://github.com/OpenCut-app/OpenCut.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

please

This commit is contained in:
Maze Winther 2026-02-01 10:59:05 +01:00
parent 1d55b903d7
commit 33f4a54768
11 changed files with 33 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/src/components/editor/timeline/timeline-ruler.tsx
View File

@ -7,7 +7,7 @@ import { TimelineTick } from "./timeline-tick";
interface TimelineRulerProps {
zoomLevel: number;
dynamicTimelineWidth: number;
rulerRef: React.RefObject<HTMLDivElement>;
rulerRef: React.Ref<HTMLDivElement>;
handleWheel: (e: React.WheelEvent) => void;
handleTimelineContentClick: (e: React.MouseEvent) => void;
handleRulerTrackingMouseDown: (e: React.MouseEvent) => void;

2
apps/web/src/components/ui/color-picker.tsx
View File

@ -7,7 +7,7 @@ interface ColorPickerProps {
value?: string;
onChange?: (value: string) => void;
className?: string;
containerRef?: React.RefObject<HTMLDivElement | null>;
containerRef?: React.RefObject<HTMLDivElement>;
}
const hexToHsv = (hex: string) => {

14
apps/web/src/hooks/timeline/element/use-element-interaction.ts
View File

@ -25,10 +25,10 @@ const DRAG_THRESHOLD_PX = 5;
interface UseElementInteractionProps {
zoomLevel: number;
timelineRef: RefObject<HTMLDivElement | null>;
tracksContainerRef: RefObject<HTMLDivElement | null>;
tracksScrollRef: RefObject<HTMLDivElement | null>;
headerRef?: RefObject<HTMLElement | null>;
timelineRef: RefObject<HTMLDivElement>;
tracksContainerRef: RefObject<HTMLDivElement>;
tracksScrollRef: RefObject<HTMLDivElement>;
headerRef?: RefObject<HTMLElement>;
snappingEnabled: boolean;
onSnapPointChange?: (snapPoint: SnapPoint | null) => void;
}
@ -115,9 +115,9 @@ function getDragDropTarget({
elementId: string;
trackId: string;
tracks: TimelineTrack[];
tracksContainerRef: RefObject<HTMLDivElement | null>;
tracksScrollRef: RefObject<HTMLDivElement | null>;
headerRef?: RefObject<HTMLElement | null>;
tracksContainerRef: RefObject<HTMLDivElement>;
tracksScrollRef: RefObject<HTMLDivElement>;
headerRef?: RefObject<HTMLElement>;
zoomLevel: number;
snappedTime: number;
verticalDragDirection?: "up" | "down" | null;

4
apps/web/src/hooks/timeline/use-edge-auto-scroll.ts
View File

@ -3,8 +3,8 @@ import { useEffect, useRef } from "react";
interface UseEdgeAutoScrollParams {
isActive: boolean;
getMouseClientX: () => number;
rulerScrollRef: React.RefObject<HTMLDivElement | null>;
tracksScrollRef: React.RefObject<HTMLDivElement | null>;
rulerScrollRef: React.RefObject<HTMLDivElement>;
tracksScrollRef: React.RefObject<HTMLDivElement>;
contentWidth: number;
edgeThreshold?: number;
maxScrollSpeed?: number;

8
apps/web/src/hooks/timeline/use-scroll-sync.ts
View File

@ -1,10 +1,10 @@
import { useEffect, useRef } from "react";
interface UseScrollSyncProps {
rulerScrollRef?: React.RefObject<HTMLDivElement | null>;
tracksScrollRef: React.RefObject<HTMLDivElement | null>;
trackLabelsScrollRef?: React.RefObject<HTMLDivElement | null>;
bookmarksScrollRef?: React.RefObject<HTMLDivElement | null>;
rulerScrollRef?: React.RefObject<HTMLDivElement>;
tracksScrollRef: React.RefObject<HTMLDivElement>;
trackLabelsScrollRef?: React.RefObject<HTMLDivElement>;
bookmarksScrollRef?: React.RefObject<HTMLDivElement>;
}
export function useScrollSync({

4
apps/web/src/hooks/timeline/use-selection-box.ts
View File

@ -4,12 +4,12 @@ import { getCumulativeHeightBefore, getTrackHeight } from "@/lib/timeline";
import { useEditor } from "../use-editor";
interface UseSelectionBoxProps {
containerRef: React.RefObject<HTMLElement | null>;
containerRef: React.RefObject<HTMLElement>;
onSelectionComplete: (
elements: { trackId: string; elementId: string }[],
) => void;
isEnabled?: boolean;
tracksScrollRef: React.RefObject<HTMLDivElement | null>;
tracksScrollRef: React.RefObject<HTMLDivElement>;
zoomLevel: number;
}

6
apps/web/src/hooks/timeline/use-snap-indicator-position.ts
View File

@ -6,9 +6,9 @@ interface UseSnapIndicatorPositionParams {
snapPoint: { time: number } | null;
zoomLevel: number;
tracks: TimelineTrack[];
timelineRef: React.RefObject<HTMLDivElement | null>;
trackLabelsRef?: React.RefObject<HTMLDivElement | null>;
tracksScrollRef: React.RefObject<HTMLDivElement | null>;
timelineRef: React.RefObject<HTMLDivElement>;
trackLabelsRef?: React.RefObject<HTMLDivElement>;
tracksScrollRef: React.RefObject<HTMLDivElement>;
}
interface SnapIndicatorPosition {

4
apps/web/src/hooks/timeline/use-timeline-drag-drop.ts
View File

@ -17,8 +17,8 @@ import type { TrackType, DropTarget, ElementType } from "@/types/timeline";
import type { MediaDragData, StickerDragData } from "@/types/drag";
interface UseTimelineDragDropProps {
containerRef: RefObject<HTMLDivElement | null>;
headerRef?: RefObject<HTMLElement | null>;
containerRef: RefObject<HTMLDivElement>;
headerRef?: RefObject<HTMLElement>;
zoomLevel: number;
}

8
apps/web/src/hooks/timeline/use-timeline-playhead.ts
View File

@ -6,10 +6,10 @@ import { TIMELINE_CONSTANTS } from "@/constants/timeline-constants";
interface UseTimelinePlayheadProps {
zoomLevel: number;
rulerRef: React.RefObject<HTMLDivElement | null>;
rulerScrollRef: React.RefObject<HTMLDivElement | null>;
tracksScrollRef: React.RefObject<HTMLDivElement | null>;
playheadRef?: React.RefObject<HTMLDivElement | null>;
rulerRef: React.RefObject<HTMLDivElement>;
rulerScrollRef: React.RefObject<HTMLDivElement>;
tracksScrollRef: React.RefObject<HTMLDivElement>;
playheadRef?: React.RefObject<HTMLDivElement>;
}
export function useTimelinePlayhead({

8
apps/web/src/hooks/timeline/use-timeline-seek.ts
View File

@ -5,10 +5,10 @@ import { getSnappedSeekTime } from "@/lib/time";
import { useEditor } from "../use-editor";
interface UseTimelineSeekProps {
playheadRef: RefObject<HTMLDivElement | null>;
trackLabelsRef: RefObject<HTMLDivElement | null>;
rulerScrollRef: RefObject<HTMLDivElement | null>;
tracksScrollRef: RefObject<HTMLDivElement | null>;
playheadRef: RefObject<HTMLDivElement>;
trackLabelsRef: RefObject<HTMLDivElement>;
rulerScrollRef: RefObject<HTMLDivElement>;
tracksScrollRef: RefObject<HTMLDivElement>;
zoomLevel: number;
duration: number;
isSelecting: boolean;

6
apps/web/src/hooks/timeline/use-timeline-zoom.ts
View File

@ -11,13 +11,13 @@ import { TIMELINE_CONSTANTS } from "@/constants/timeline-constants";
import { useEditor } from "@/hooks/use-editor";
interface UseTimelineZoomProps {
containerRef: RefObject<HTMLDivElement | null>;
containerRef: RefObject<HTMLDivElement>;
minZoom?: number;
initialZoom?: number;
initialScrollLeft?: number;
initialPlayheadTime?: number;
tracksScrollRef: RefObject<HTMLDivElement | null>;
rulerScrollRef: RefObject<HTMLDivElement | null>;
tracksScrollRef: RefObject<HTMLDivElement>;
rulerScrollRef: RefObject<HTMLDivElement>;
}
interface UseTimelineZoomReturn {