fuck malware, fuck you
This commit is contained in:
Maze Winther
parent
0934db2aba
commit
f18e9f4b4e
|
|
@ -1,6 +1,417 @@
|
|||
{"location":"use-timeline-zoom.ts:preventZoom","message":"document wheel preventDefault","data":"{\"isInTimeline\":true,\"isZoomKeyPressed\":true,\"isInContainer\":true,\"cancelable\":true,\"beforeDefaultPrevented\":false,\"afterDefaultPrevented\":true,\"shouldPrevent\":true}","timestamp":1768559405563,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H6"}
|
||||
{"location":"use-timeline-zoom.ts:handleWheel","message":"wheel event","data":"{\"ctrlKey\":true,\"metaKey\":false,\"shiftKey\":false,\"deltaX\":0,\"deltaY\":-100,\"isZoomGesture\":true,\"isHorizontalScrollGesture\":false,\"isInTimeline\":true,\"hasContainer\":true}","timestamp":1768559405563,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-timeline-zoom.ts:preventZoom","message":"document wheel preventDefault","data":"{\"isInTimeline\":true,\"isZoomKeyPressed\":true,\"isInContainer\":true,\"cancelable\":true,\"beforeDefaultPrevented\":false,\"afterDefaultPrevented\":true,\"shouldPrevent\":true}","timestamp":1768559411318,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H6"}
|
||||
{"location":"use-timeline-zoom.ts:handleWheel","message":"wheel event","data":"{\"ctrlKey\":true,\"metaKey\":false,\"shiftKey\":false,\"deltaX\":0,\"deltaY\":-100,\"isZoomGesture\":true,\"isHorizontalScrollGesture\":false,\"isInTimeline\":true,\"hasContainer\":true}","timestamp":1768559411320,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-timeline-zoom.ts:preventZoom","message":"document wheel preventDefault","data":"{\"isInTimeline\":true,\"isZoomKeyPressed\":true,\"isInContainer\":true,\"cancelable\":true,\"beforeDefaultPrevented\":false,\"afterDefaultPrevented\":true,\"shouldPrevent\":true}","timestamp":1768559412464,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H6"}
|
||||
{"location":"use-timeline-zoom.ts:handleWheel","message":"wheel event","data":"{\"ctrlKey\":true,\"metaKey\":false,\"shiftKey\":false,\"deltaX\":0,\"deltaY\":100,\"isZoomGesture\":true,\"isHorizontalScrollGesture\":false,\"isInTimeline\":true,\"hasContainer\":true}","timestamp":1768559412464,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":280,"clientY":677,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.5},"timestamp":1768678772901,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":282,"clientY":675,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.5},"timestamp":1768678772917,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":283,"clientY":675,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.5},"timestamp":1768678772934,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":286,"clientY":675,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.5},"timestamp":1768678772950,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":288,"clientY":675,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.5},"timestamp":1768678772968,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":290,"clientY":675,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.5},"timestamp":1768678772984,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":291,"clientY":674,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.5},"timestamp":1768678773001,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":292,"clientY":674,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.5},"timestamp":1768678773017,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":293,"clientY":674,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.5},"timestamp":1768678773050,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":286,"clientY":674,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.5},"timestamp":1768678773333,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":285,"clientY":674,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.5},"timestamp":1768678773361,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":284,"clientY":674,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.5},"timestamp":1768678773400,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":283,"clientY":674,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.5},"timestamp":1768678773430,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","isBeingDragged":false,"elementStartTime":0.6666666666666666,"elementLeft":33.33333333333333,"zIndexClass":"z-10"},"timestamp":1768678773615,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":285,"clientY":674,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768678774017,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":296,"clientY":674,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768678774033,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","isBeingDragged":true,"elementStartTime":0.9333333333333333,"elementLeft":46.666666666666664,"zIndexClass":"z-50"},"timestamp":1768678774062,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":331,"clientY":674,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.5134375},"timestamp":1768678774064,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":342,"clientY":674,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.5134375},"timestamp":1768678774094,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":346,"clientY":674,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.5134375},"timestamp":1768678774095,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":348,"clientY":674,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.5134375},"timestamp":1768678774127,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":349,"clientY":674,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.5134375},"timestamp":1768678774160,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":348,"clientY":672,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.5134375},"timestamp":1768678774217,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":343,"clientY":672,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.5134375},"timestamp":1768678774237,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":336,"clientY":671,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.5134375},"timestamp":1768678774250,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":331,"clientY":671,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.5134375},"timestamp":1768678774268,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":323,"clientY":671,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.5134375},"timestamp":1768678774284,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":317,"clientY":671,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.5134375},"timestamp":1768678774300,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":309,"clientY":671,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.5134375},"timestamp":1768678774318,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":303,"clientY":671,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.5134375},"timestamp":1768678774334,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":292,"clientY":671,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.5134375},"timestamp":1768678774350,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":290,"clientY":671,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.5134375},"timestamp":1768678774367,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":289,"clientY":671,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.5134375},"timestamp":1768678774384,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":289,"clientY":671,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.5134375},"timestamp":1768678774433,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":287,"clientY":671,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.5134375},"timestamp":1768678774500,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","isBeingDragged":false,"elementStartTime":0.6666666666666666,"elementLeft":33.33333333333333,"zIndexClass":"z-10"},"timestamp":1768678774599,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":330,"clientY":647,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768678775500,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":323,"clientY":649,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768678775517,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","isBeingDragged":true,"elementStartTime":0.5,"elementLeft":25,"zIndexClass":"z-50"},"timestamp":1768678775544,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":301,"clientY":656,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":3.4934375},"timestamp":1768678775547,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":287,"clientY":661,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":3.4934375},"timestamp":1768678775582,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":286,"clientY":661,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":3.4934375},"timestamp":1768678775613,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":361,"clientY":673,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768678776417,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":364,"clientY":673,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768678776433,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","isBeingDragged":false,"elementStartTime":0,"elementLeft":0,"zIndexClass":"z-10"},"timestamp":1768678775657,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","isBeingDragged":true,"elementStartTime":0.1,"elementLeft":8.052550000000004,"zIndexClass":"z-50"},"timestamp":1768678776476,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":368,"clientY":675,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768678776450,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":384,"clientY":677,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.9307486448392113},"timestamp":1768678776481,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":398,"clientY":679,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.9307486448392113},"timestamp":1768678776510,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":400,"clientY":679,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.9307486448392113},"timestamp":1768678776538,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":401,"clientY":679,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.9307486448392113},"timestamp":1768678776617,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","isBeingDragged":false,"elementStartTime":0.5,"elementLeft":40.26275000000002,"zIndexClass":"z-10"},"timestamp":1768678776744,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":486,"clientY":724,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768681012520,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","isBeingDragged":true,"elementStartTime":6,"elementLeft":300,"zIndexClass":"z-50"},"timestamp":1768681012551,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":503,"clientY":725,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.226875},"timestamp":1768681012554,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":509,"clientY":725,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.226875},"timestamp":1768681012592,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":506,"clientY":725,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.226875},"timestamp":1768681012802,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":497,"clientY":725,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.226875},"timestamp":1768681012836,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":495,"clientY":725,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.226875},"timestamp":1768681012837,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":490,"clientY":725,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.226875},"timestamp":1768681012855,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":487,"clientY":725,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.226875},"timestamp":1768681012886,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":486,"clientY":725,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.226875},"timestamp":1768681012903,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":479,"clientY":725,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.226875},"timestamp":1768681012921,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":467,"clientY":724,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.226875},"timestamp":1768681012937,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":451,"clientY":724,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.226875},"timestamp":1768681012953,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":437,"clientY":724,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.226875},"timestamp":1768681012976,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":436,"clientY":724,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.226875},"timestamp":1768681012988,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":438,"clientY":724,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.226875},"timestamp":1768681013119,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":443,"clientY":724,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.226875},"timestamp":1768681013136,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":447,"clientY":724,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.226875},"timestamp":1768681013152,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":449,"clientY":724,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.226875},"timestamp":1768681013169,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":451,"clientY":724,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.226875},"timestamp":1768681013186,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":452,"clientY":724,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.226875},"timestamp":1768681013202,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":454,"clientY":724,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.226875},"timestamp":1768681013219,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":455,"clientY":724,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.226875},"timestamp":1768681013236,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":452,"clientY":724,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.226875},"timestamp":1768681013402,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":450,"clientY":724,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.226875},"timestamp":1768681013419,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":448,"clientY":724,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.226875},"timestamp":1768681013436,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":448,"clientY":725,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.226875},"timestamp":1768681013502,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":454,"clientY":727,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.226875},"timestamp":1768681013532,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":497,"clientY":731,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.226875},"timestamp":1768681013565,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":516,"clientY":731,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.226875},"timestamp":1768681013604,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":517,"clientY":731,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.226875},"timestamp":1768681013686,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":517,"clientY":730,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.226875},"timestamp":1768681013759,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","isBeingDragged":false,"elementStartTime":6.633333333333334,"elementLeft":331.6666666666667,"zIndexClass":"z-10"},"timestamp":1768681013779,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":310,"clientY":661,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768681091015,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":301,"clientY":658,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768681091048,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","isBeingDragged":true,"elementStartTime":0.4,"elementLeft":42.87177620000004,"zIndexClass":"z-50"},"timestamp":1768681091069,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":278,"clientY":657,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.2355156397742146},"timestamp":1768681091071,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":261,"clientY":657,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.2355156397742146},"timestamp":1768681091095,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":256,"clientY":657,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.2355156397742146},"timestamp":1768681091107,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":251,"clientY":657,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.2355156397742146},"timestamp":1768681091115,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":244,"clientY":657,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.2355156397742146},"timestamp":1768681091132,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":226,"clientY":657,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.2355156397742146},"timestamp":1768681091148,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":220,"clientY":658,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.2355156397742146},"timestamp":1768681091165,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":217,"clientY":658,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.2355156397742146},"timestamp":1768681091182,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":215,"clientY":659,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.2355156397742146},"timestamp":1768681091315,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","isBeingDragged":false,"elementStartTime":0,"elementLeft":0,"zIndexClass":"z-10"},"timestamp":1768681091329,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":837,"clientY":742,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768681092116,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":false,"clientX":832,"clientY":742,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768681092116,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","isBeingDragged":true,"elementStartTime":6.6,"elementLeft":707.3843073000006,"zIndexClass":"z-50"},"timestamp":1768681092136,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":822,"clientY":742,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":0.08440867910669857},"timestamp":1768681092138,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":805,"clientY":742,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":0.08440867910669857},"timestamp":1768681092162,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":795,"clientY":742,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":0.08440867910669857},"timestamp":1768681092184,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":794,"clientY":742,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":0.08440867910669857},"timestamp":1768681092199,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":794,"clientY":743,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":0.08440867910669857},"timestamp":1768681092332,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":795,"clientY":743,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":0.08440867910669857},"timestamp":1768681092365,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":798,"clientY":743,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":0.08440867910669857},"timestamp":1768681092382,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":800,"clientY":743,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":0.08440867910669857},"timestamp":1768681092399,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":802,"clientY":743,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":0.08440867910669857},"timestamp":1768681092415,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":803,"clientY":743,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":0.08440867910669857},"timestamp":1768681092432,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":804,"clientY":743,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":0.08440867910669857},"timestamp":1768681092615,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","isBeingDragged":false,"elementStartTime":6.266666666666667,"elementLeft":671.657827133334,"zIndexClass":"z-10"},"timestamp":1768681092786,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":928,"clientY":730,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768681092965,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":920,"clientY":730,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768681092982,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","isBeingDragged":true,"elementStartTime":6.166666666666667,"elementLeft":660.939883083334,"zIndexClass":"z-50"},"timestamp":1768681092987,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":909,"clientY":730,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.2534470172010264},"timestamp":1768681092999,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":902,"clientY":730,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.2534470172010264},"timestamp":1768681093015,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":893,"clientY":730,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.2534470172010264},"timestamp":1768681093032,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":885,"clientY":730,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.2534470172010264},"timestamp":1768681093049,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":879,"clientY":730,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.2534470172010264},"timestamp":1768681093065,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":875,"clientY":730,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.2534470172010264},"timestamp":1768681093082,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":872,"clientY":730,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.2534470172010264},"timestamp":1768681093115,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":875,"clientY":731,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.2534470172010264},"timestamp":1768681093315,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":882,"clientY":732,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.2534470172010264},"timestamp":1768681093336,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":885,"clientY":733,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.2534470172010264},"timestamp":1768681093359,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":883,"clientY":733,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.2534470172010264},"timestamp":1768681093465,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":882,"clientY":733,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.2534470172010264},"timestamp":1768681093482,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":880,"clientY":733,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.2534470172010264},"timestamp":1768681093498,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":879,"clientY":733,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":1.2534470172010264},"timestamp":1768681093548,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","isBeingDragged":false,"elementStartTime":5.8,"elementLeft":621.6407549000006,"zIndexClass":"z-10"},"timestamp":1768681093579,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":542,"clientY":719,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768681966478,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","isBeingDragged":true,"elementStartTime":5.533333333333333,"elementLeft":276.6666666666667,"zIndexClass":"z-50"},"timestamp":1768681966497,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":523,"clientY":718,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":2.84},"timestamp":1768681966499,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":491,"clientY":718,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":2.84},"timestamp":1768681966519,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":470,"clientY":718,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":2.84},"timestamp":1768681966538,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":441,"clientY":718,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":2.84},"timestamp":1768681966551,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":419,"clientY":718,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":2.84},"timestamp":1768681966562,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":351,"clientY":718,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":2.84},"timestamp":1768681966580,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":270,"clientY":718,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":2.84},"timestamp":1768681966595,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":214,"clientY":718,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":2.84},"timestamp":1768681966612,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":180,"clientY":718,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":2.84},"timestamp":1768681966628,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":171,"clientY":718,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":2.84},"timestamp":1768681966644,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":169,"clientY":718,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":2.84},"timestamp":1768681966678,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":159,"clientY":718,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":2.84},"timestamp":1768681966694,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":142,"clientY":720,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":2.84},"timestamp":1768681966711,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":127,"clientY":722,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":2.84},"timestamp":1768681966728,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":118,"clientY":723,"dragging":true,"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","trackId":"9c678e42-ebdf-428c-ad4b-d0cef2e248f1","clickOffsetTime":2.84},"timestamp":1768681966744,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"7d953dc4-99eb-491f-b552-f60554b36e1e","isBeingDragged":false,"elementStartTime":0,"elementLeft":0,"zIndexClass":"z-10"},"timestamp":1768681966857,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":298,"clientY":670,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768681976761,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":298,"clientY":667,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768681976861,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":297,"clientY":660,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768681976877,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","isBeingDragged":true,"elementStartTime":0,"elementLeft":0,"zIndexClass":"z-50"},"timestamp":1768681976891,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":296,"clientY":652,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":3.48},"timestamp":1768681976894,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":294,"clientY":642,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":3.48},"timestamp":1768681976912,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":292,"clientY":631,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":3.48},"timestamp":1768681976928,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":287,"clientY":616,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":3.48},"timestamp":1768681976945,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":285,"clientY":603,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":3.48},"timestamp":1768681976962,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":284,"clientY":591,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":3.48},"timestamp":1768681976977,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":283,"clientY":582,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":3.48},"timestamp":1768681976994,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":283,"clientY":576,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":3.48},"timestamp":1768681977011,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":281,"clientY":571,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":3.48},"timestamp":1768681977027,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":281,"clientY":570,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":3.48},"timestamp":1768681977044,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":281,"clientY":569,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":3.48},"timestamp":1768681977060,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":265,"clientY":678,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768681983902,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":265,"clientY":678,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768681983977,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":471,"clientY":672,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768681985560,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":471,"clientY":680,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768681985577,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","isBeingDragged":true,"elementStartTime":5.1,"elementLeft":254.99999999999997,"zIndexClass":"z-50"},"timestamp":1768681985592,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":471,"clientY":693,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.84},"timestamp":1768681985594,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":459,"clientY":713,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.84},"timestamp":1768681985612,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":454,"clientY":721,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.84},"timestamp":1768681985627,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":441,"clientY":734,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.84},"timestamp":1768681985644,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":411,"clientY":757,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.84},"timestamp":1768681985660,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":392,"clientY":773,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.84},"timestamp":1768681985677,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":372,"clientY":786,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.84},"timestamp":1768681985694,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":359,"clientY":793,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.84},"timestamp":1768681985710,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":355,"clientY":797,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.84},"timestamp":1768681985727,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":353,"clientY":799,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.84},"timestamp":1768681985744,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":351,"clientY":798,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.84},"timestamp":1768681985877,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":369,"clientY":679,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768681987143,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":348,"clientY":676,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768681987160,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","isBeingDragged":true,"elementStartTime":2.2333333333333334,"elementLeft":111.66666666666667,"zIndexClass":"z-50"},"timestamp":1768681987176,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":312,"clientY":673,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":2.246875},"timestamp":1768681987178,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":271,"clientY":673,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":2.246875},"timestamp":1768681987198,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":255,"clientY":673,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":2.246875},"timestamp":1768681987216,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":246,"clientY":673,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":2.246875},"timestamp":1768681987236,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":238,"clientY":673,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":2.246875},"timestamp":1768681987247,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":234,"clientY":673,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":2.246875},"timestamp":1768681987260,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","isBeingDragged":false,"elementStartTime":0,"elementLeft":0,"zIndexClass":"z-10"},"timestamp":1768681987380,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":223,"clientY":666,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768681988160,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":225,"clientY":666,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768681988198,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":228,"clientY":666,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768681988227,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":231,"clientY":666,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768681988243,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","isBeingDragged":true,"elementStartTime":0.16666666666666666,"elementLeft":8.333333333333332,"zIndexClass":"z-50"},"timestamp":1768681988260,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":236,"clientY":667,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.98},"timestamp":1768681988262,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":241,"clientY":668,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.98},"timestamp":1768681988281,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":246,"clientY":669,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.98},"timestamp":1768681988301,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":250,"clientY":670,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.98},"timestamp":1768681988320,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":251,"clientY":670,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.98},"timestamp":1768681988343,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","isBeingDragged":false,"elementStartTime":0.5666666666666667,"elementLeft":28.333333333333332,"zIndexClass":"z-10"},"timestamp":1768681988437,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":246,"clientY":675,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768681988980,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":246,"clientY":681,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768681988993,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","isBeingDragged":true,"elementStartTime":0.6,"elementLeft":30,"zIndexClass":"z-50"},"timestamp":1768681988999,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":250,"clientY":700,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.8334375},"timestamp":1768681989010,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":252,"clientY":717,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.8334375},"timestamp":1768681989027,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":255,"clientY":730,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.8334375},"timestamp":1768681989044,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":256,"clientY":744,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.8334375},"timestamp":1768681989060,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":257,"clientY":751,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.8334375},"timestamp":1768681989077,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":257,"clientY":753,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.8334375},"timestamp":1768681989094,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":291,"clientY":791,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768681990010,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","isBeingDragged":true,"elementStartTime":0.8333333333333334,"elementLeft":41.66666666666667,"zIndexClass":"z-50"},"timestamp":1768681990018,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":287,"clientY":775,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"7ff286a2-7746-4b05-b022-cdeb60d8e787","clickOffsetTime":2.506875},"timestamp":1768681990027,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":282,"clientY":752,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"7ff286a2-7746-4b05-b022-cdeb60d8e787","clickOffsetTime":2.506875},"timestamp":1768681990044,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":277,"clientY":716,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"7ff286a2-7746-4b05-b022-cdeb60d8e787","clickOffsetTime":2.506875},"timestamp":1768681990060,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":275,"clientY":699,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"7ff286a2-7746-4b05-b022-cdeb60d8e787","clickOffsetTime":2.506875},"timestamp":1768681990077,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":271,"clientY":690,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"7ff286a2-7746-4b05-b022-cdeb60d8e787","clickOffsetTime":2.506875},"timestamp":1768681990094,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":271,"clientY":687,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"7ff286a2-7746-4b05-b022-cdeb60d8e787","clickOffsetTime":2.506875},"timestamp":1768681990110,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":271,"clientY":685,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"7ff286a2-7746-4b05-b022-cdeb60d8e787","clickOffsetTime":2.506875},"timestamp":1768681990127,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":270,"clientY":685,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"7ff286a2-7746-4b05-b022-cdeb60d8e787","clickOffsetTime":2.506875},"timestamp":1768681990177,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":270,"clientY":686,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"7ff286a2-7746-4b05-b022-cdeb60d8e787","clickOffsetTime":2.506875},"timestamp":1768681990227,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":270,"clientY":689,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"7ff286a2-7746-4b05-b022-cdeb60d8e787","clickOffsetTime":2.506875},"timestamp":1768681990243,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":270,"clientY":692,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"7ff286a2-7746-4b05-b022-cdeb60d8e787","clickOffsetTime":2.506875},"timestamp":1768681990262,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":270,"clientY":693,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"7ff286a2-7746-4b05-b022-cdeb60d8e787","clickOffsetTime":2.506875},"timestamp":1768681990293,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":270,"clientY":694,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"7ff286a2-7746-4b05-b022-cdeb60d8e787","clickOffsetTime":2.506875},"timestamp":1768681990393,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":270,"clientY":682,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768681990860,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":270,"clientY":684,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768681990877,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","isBeingDragged":true,"elementStartTime":0.4,"elementLeft":20,"zIndexClass":"z-50"},"timestamp":1768681990882,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":270,"clientY":687,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":2.52},"timestamp":1768681990893,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":270,"clientY":690,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":2.52},"timestamp":1768681990910,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":270,"clientY":692,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":2.52},"timestamp":1768681990927,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":270,"clientY":694,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":2.52},"timestamp":1768681990943,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":270,"clientY":696,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":2.52},"timestamp":1768681990960,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":270,"clientY":698,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":2.52},"timestamp":1768681990977,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":270,"clientY":699,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":2.52},"timestamp":1768681990993,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":270,"clientY":701,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":2.52},"timestamp":1768681991010,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":270,"clientY":703,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":2.52},"timestamp":1768681991027,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":270,"clientY":704,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":2.52},"timestamp":1768681991043,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":269,"clientY":706,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":2.52},"timestamp":1768681991060,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":269,"clientY":707,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":2.52},"timestamp":1768681991077,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":269,"clientY":708,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":2.52},"timestamp":1768681991093,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":269,"clientY":709,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":2.52},"timestamp":1768681991110,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":269,"clientY":711,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":2.52},"timestamp":1768681991143,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":269,"clientY":712,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":2.52},"timestamp":1768681991160,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":269,"clientY":714,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":2.52},"timestamp":1768681991177,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":269,"clientY":715,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":2.52},"timestamp":1768681991193,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":269,"clientY":716,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":2.52},"timestamp":1768681991210,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":269,"clientY":717,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":2.52},"timestamp":1768681991227,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":210,"clientY":672,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768681998409,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","isBeingDragged":true,"elementStartTime":0,"elementLeft":0,"zIndexClass":"z-50"},"timestamp":1768681998427,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":175,"clientY":678,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.78},"timestamp":1768681998429,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":159,"clientY":679,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.78},"timestamp":1768681998448,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":147,"clientY":680,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.78},"timestamp":1768681998464,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":140,"clientY":682,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.78},"timestamp":1768681998476,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":139,"clientY":682,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.78},"timestamp":1768681998493,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","isBeingDragged":false,"elementStartTime":0,"elementLeft":0,"zIndexClass":"z-10"},"timestamp":1768681998587,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":171,"clientY":678,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768681998943,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":173,"clientY":678,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768681998960,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":176,"clientY":678,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768681998976,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","isBeingDragged":true,"elementStartTime":0.13333333333333333,"elementLeft":6.666666666666667,"zIndexClass":"z-50"},"timestamp":1768681998993,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":186,"clientY":678,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":0.92},"timestamp":1768681998995,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":205,"clientY":678,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":0.92},"timestamp":1768681999015,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":220,"clientY":678,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":0.92},"timestamp":1768681999037,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":226,"clientY":678,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":0.92},"timestamp":1768681999057,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":228,"clientY":678,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":0.92},"timestamp":1768681999076,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","isBeingDragged":false,"elementStartTime":1.1666666666666667,"elementLeft":58.333333333333336,"zIndexClass":"z-10"},"timestamp":1768681999155,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":264,"clientY":684,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768682000169,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","isBeingDragged":true,"elementStartTime":1.2,"elementLeft":60,"zIndexClass":"z-50"},"timestamp":1768682000186,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":265,"clientY":699,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.6134375},"timestamp":1768682000188,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":264,"clientY":712,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.6134375},"timestamp":1768682000208,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":259,"clientY":727,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.6134375},"timestamp":1768682000228,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":256,"clientY":734,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.6134375},"timestamp":1768682000228,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":250,"clientY":749,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.6134375},"timestamp":1768682000248,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":247,"clientY":758,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.6134375},"timestamp":1768682000260,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":240,"clientY":774,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.6134375},"timestamp":1768682000277,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":239,"clientY":783,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.6134375},"timestamp":1768682000293,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":238,"clientY":791,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.6134375},"timestamp":1768682000310,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":237,"clientY":795,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.6134375},"timestamp":1768682000326,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":235,"clientY":799,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.6134375},"timestamp":1768682000343,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":235,"clientY":801,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.6134375},"timestamp":1768682000360,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":233,"clientY":803,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.6134375},"timestamp":1768682000376,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":233,"clientY":804,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.6134375},"timestamp":1768682000393,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":233,"clientY":805,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.6134375},"timestamp":1768682000410,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":232,"clientY":807,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.6134375},"timestamp":1768682000426,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":230,"clientY":810,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.6134375},"timestamp":1768682000443,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":230,"clientY":812,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.6134375},"timestamp":1768682000460,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":229,"clientY":813,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.6134375},"timestamp":1768682000476,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":228,"clientY":813,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"0f430ef0-d6fd-4c22-97a5-fde8c9308827","clickOffsetTime":1.6134375},"timestamp":1768682000509,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":272,"clientY":805,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768682001093,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":274,"clientY":794,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768682001109,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","isBeingDragged":true,"elementStartTime":0.5,"elementLeft":25,"zIndexClass":"z-50"},"timestamp":1768682001115,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":275,"clientY":781,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"7ff286a2-7746-4b05-b022-cdeb60d8e787","clickOffsetTime":2.4934375},"timestamp":1768682001126,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":276,"clientY":763,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"7ff286a2-7746-4b05-b022-cdeb60d8e787","clickOffsetTime":2.4934375},"timestamp":1768682001143,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":277,"clientY":745,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"7ff286a2-7746-4b05-b022-cdeb60d8e787","clickOffsetTime":2.4934375},"timestamp":1768682001160,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":279,"clientY":729,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"7ff286a2-7746-4b05-b022-cdeb60d8e787","clickOffsetTime":2.4934375},"timestamp":1768682001179,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":279,"clientY":706,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"7ff286a2-7746-4b05-b022-cdeb60d8e787","clickOffsetTime":2.4934375},"timestamp":1768682001198,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":279,"clientY":694,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"7ff286a2-7746-4b05-b022-cdeb60d8e787","clickOffsetTime":2.4934375},"timestamp":1768682001217,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":279,"clientY":683,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"7ff286a2-7746-4b05-b022-cdeb60d8e787","clickOffsetTime":2.4934375},"timestamp":1768682001237,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":279,"clientY":677,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"7ff286a2-7746-4b05-b022-cdeb60d8e787","clickOffsetTime":2.4934375},"timestamp":1768682001255,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":279,"clientY":675,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"7ff286a2-7746-4b05-b022-cdeb60d8e787","clickOffsetTime":2.4934375},"timestamp":1768682001264,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":279,"clientY":671,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"7ff286a2-7746-4b05-b022-cdeb60d8e787","clickOffsetTime":2.4934375},"timestamp":1768682001276,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":278,"clientY":669,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"7ff286a2-7746-4b05-b022-cdeb60d8e787","clickOffsetTime":2.4934375},"timestamp":1768682001297,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":278,"clientY":666,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"7ff286a2-7746-4b05-b022-cdeb60d8e787","clickOffsetTime":2.4934375},"timestamp":1768682001309,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":278,"clientY":663,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"7ff286a2-7746-4b05-b022-cdeb60d8e787","clickOffsetTime":2.4934375},"timestamp":1768682001326,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":278,"clientY":658,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"7ff286a2-7746-4b05-b022-cdeb60d8e787","clickOffsetTime":2.4934375},"timestamp":1768682001343,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":278,"clientY":655,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"7ff286a2-7746-4b05-b022-cdeb60d8e787","clickOffsetTime":2.4934375},"timestamp":1768682001360,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":278,"clientY":654,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"7ff286a2-7746-4b05-b022-cdeb60d8e787","clickOffsetTime":2.4934375},"timestamp":1768682001376,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":278,"clientY":653,"dragging":true,"elementId":"4443cdbd-1129-42a6-aed6-555c230aa88f","trackId":"7ff286a2-7746-4b05-b022-cdeb60d8e787","clickOffsetTime":2.4934375},"timestamp":1768682001393,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":177,"clientY":665,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768682003176,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":176,"clientY":665,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768682003189,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":337,"clientY":653,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768682408164,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":226,"clientY":668,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768682409692,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":242,"clientY":668,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768682409709,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","isBeingDragged":true,"elementStartTime":0.36666666666666664,"elementLeft":18.333333333333332,"zIndexClass":"z-50"},"timestamp":1768682409725,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":262,"clientY":669,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2},"timestamp":1768682409727,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":284,"clientY":669,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2},"timestamp":1768682409747,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":304,"clientY":669,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2},"timestamp":1768682409766,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":307,"clientY":669,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2},"timestamp":1768682409785,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","isBeingDragged":false,"elementStartTime":1.6666666666666667,"elementLeft":83.33333333333334,"zIndexClass":"z-10"},"timestamp":1768682409875,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":299,"clientY":661,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768682411509,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":297,"clientY":661,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768682411526,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":295,"clientY":661,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768682411559,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":292,"clientY":661,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768682411576,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","isBeingDragged":true,"elementStartTime":1.5,"elementLeft":75,"zIndexClass":"z-50"},"timestamp":1768682411592,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":288,"clientY":661,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.8534375},"timestamp":1768682411595,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":285,"clientY":661,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.8534375},"timestamp":1768682411614,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":284,"clientY":661,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.8534375},"timestamp":1768682411676,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":283,"clientY":661,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.8534375},"timestamp":1768682411695,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","isBeingDragged":false,"elementStartTime":1.3333333333333333,"elementLeft":66.66666666666666,"zIndexClass":"z-10"},"timestamp":1768682411836,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":262,"clientY":669,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768682412109,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":265,"clientY":670,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768682412126,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","isBeingDragged":true,"elementStartTime":1.4666666666666666,"elementLeft":73.33333333333333,"zIndexClass":"z-50"},"timestamp":1768682412130,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":267,"clientY":670,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.346875},"timestamp":1768682412159,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":268,"clientY":671,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.346875},"timestamp":1768682412209,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","isBeingDragged":false,"elementStartTime":1.5333333333333334,"elementLeft":76.66666666666667,"zIndexClass":"z-10"},"timestamp":1768682412267,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":331,"clientY":672,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768682466973,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":310,"clientY":670,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768682467007,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","isBeingDragged":true,"elementStartTime":1.1,"elementLeft":55.00000000000001,"zIndexClass":"z-50"},"timestamp":1768682467023,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":300,"clientY":670,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.606875},"timestamp":1768682467025,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":289,"clientY":670,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.606875},"timestamp":1768682467044,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":283,"clientY":670,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.606875},"timestamp":1768682467063,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":279,"clientY":670,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.606875},"timestamp":1768682467080,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":278,"clientY":670,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.606875},"timestamp":1768682467090,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":276,"clientY":670,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.606875},"timestamp":1768682467107,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","isBeingDragged":false,"elementStartTime":0.43333333333333335,"elementLeft":21.666666666666668,"zIndexClass":"z-10"},"timestamp":1768682467171,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":234,"clientY":670,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768682467491,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":244,"clientY":670,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768682467506,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","isBeingDragged":true,"elementStartTime":0.7333333333333333,"elementLeft":36.666666666666664,"zIndexClass":"z-50"},"timestamp":1768682467521,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":266,"clientY":670,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.666875},"timestamp":1768682467525,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":277,"clientY":670,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.666875},"timestamp":1768682467542,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":282,"clientY":670,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.666875},"timestamp":1768682467560,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":284,"clientY":670,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.666875},"timestamp":1768682467578,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":288,"clientY":670,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.666875},"timestamp":1768682467596,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":290,"clientY":670,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.666875},"timestamp":1768682467607,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":294,"clientY":670,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.666875},"timestamp":1768682467623,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":297,"clientY":670,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.666875},"timestamp":1768682467640,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":299,"clientY":670,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.666875},"timestamp":1768682467657,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","isBeingDragged":false,"elementStartTime":1.8333333333333333,"elementLeft":91.66666666666666,"zIndexClass":"z-10"},"timestamp":1768682467690,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":315,"clientY":674,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768682467957,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":299,"clientY":674,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768682467973,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","isBeingDragged":true,"elementStartTime":1.5,"elementLeft":75,"zIndexClass":"z-50"},"timestamp":1768682467978,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":283,"clientY":674,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.006875},"timestamp":1768682467990,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":275,"clientY":674,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.006875},"timestamp":1768682468007,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":258,"clientY":674,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.006875},"timestamp":1768682468090,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":252,"clientY":675,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.006875},"timestamp":1768682468107,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":249,"clientY":676,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.006875},"timestamp":1768682468123,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":247,"clientY":676,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":2.006875},"timestamp":1768682468140,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","isBeingDragged":false,"elementStartTime":0.4666666666666667,"elementLeft":23.333333333333332,"zIndexClass":"z-10"},"timestamp":1768682468179,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":240,"clientY":675,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768682468557,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":243,"clientY":675,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768682468573,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","isBeingDragged":true,"elementStartTime":0.6,"elementLeft":30,"zIndexClass":"z-50"},"timestamp":1768682468588,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":249,"clientY":675,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.7934375},"timestamp":1768682468590,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":253,"clientY":675,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.7934375},"timestamp":1768682468608,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":259,"clientY":675,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.7934375},"timestamp":1768682468640,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":260,"clientY":675,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.7934375},"timestamp":1768682468657,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":261,"clientY":675,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.7934375},"timestamp":1768682468674,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":262,"clientY":675,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.7934375},"timestamp":1768682468806,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":264,"clientY":675,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.7934375},"timestamp":1768682468840,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":266,"clientY":675,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.7934375},"timestamp":1768682468857,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":268,"clientY":675,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.7934375},"timestamp":1768682468873,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":270,"clientY":675,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.7934375},"timestamp":1768682468890,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","isBeingDragged":false,"elementStartTime":1.1333333333333333,"elementLeft":56.666666666666664,"zIndexClass":"z-10"},"timestamp":1768682469034,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":262,"clientY":674,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768682469240,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":true,"hasPending":true,"clientX":256,"clientY":674,"dragging":false,"elementId":null,"trackId":null,"clickOffsetTime":0},"timestamp":1768682469256,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","isBeingDragged":true,"elementStartTime":0.9666666666666667,"elementLeft":48.333333333333336,"zIndexClass":"z-50"},"timestamp":1768682469261,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":245,"clientY":674,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.686875},"timestamp":1768682469274,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":239,"clientY":674,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.686875},"timestamp":1768682469290,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":236,"clientY":674,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.686875},"timestamp":1768682469307,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":235,"clientY":674,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.686875},"timestamp":1768682469323,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":232,"clientY":674,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.686875},"timestamp":1768682469340,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":229,"clientY":674,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.686875},"timestamp":1768682469357,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":226,"clientY":674,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.686875},"timestamp":1768682469373,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":225,"clientY":674,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.686875},"timestamp":1768682469390,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":224,"clientY":674,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.686875},"timestamp":1768682469407,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":225,"clientY":674,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.686875},"timestamp":1768682469573,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":230,"clientY":674,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.686875},"timestamp":1768682469590,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":234,"clientY":674,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.686875},"timestamp":1768682469608,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":235,"clientY":674,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.686875},"timestamp":1768682469625,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":237,"clientY":674,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.686875},"timestamp":1768682469656,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":238,"clientY":674,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.686875},"timestamp":1768682469674,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":239,"clientY":674,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.686875},"timestamp":1768682469691,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":242,"clientY":673,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.686875},"timestamp":1768682469706,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":244,"clientY":673,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.686875},"timestamp":1768682469756,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":245,"clientY":673,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.686875},"timestamp":1768682469773,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":247,"clientY":673,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.686875},"timestamp":1768682469790,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":248,"clientY":673,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.686875},"timestamp":1768682469807,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":249,"clientY":673,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.686875},"timestamp":1768682469823,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":251,"clientY":672,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.686875},"timestamp":1768682469873,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":252,"clientY":672,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.686875},"timestamp":1768682470190,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":253,"clientY":671,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.686875},"timestamp":1768682470223,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":254,"clientY":671,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.686875},"timestamp":1768682470306,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":256,"clientY":671,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.686875},"timestamp":1768682470406,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":257,"clientY":671,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.686875},"timestamp":1768682470840,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":258,"clientY":671,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.686875},"timestamp":1768682470956,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":259,"clientY":671,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.686875},"timestamp":1768682471006,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"use-element-interaction.ts:147","message":"mousemove start","data":{"isPendingDrag":false,"hasPending":false,"clientX":259,"clientY":671,"dragging":true,"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","trackId":"87bc8971-901b-4ecc-9fcd-d1a7cc1bf096","clickOffsetTime":1.686875},"timestamp":1768682471241,"sessionId":"debug-session","runId":"pre-fix","hypothesisId":"H1"}
|
||||
{"location":"timeline-element.tsx:103","message":"drag state changed","data":{"elementId":"8c1d4f0a-530c-45f9-8687-7981443e016d","isBeingDragged":false,"elementStartTime":1,"elementLeft":50,"zIndexClass":"z-10"},"timestamp":1768682471281,"sessionId":"debug-session","runId":"pre-fix-2","hypothesisId":"H6"}
|
||||
|
|
|
|||
|
|
@ -109,9 +109,9 @@ index.ts
|
|||
project: ProjectManager
|
||||
media: MediaManager
|
||||
renderer: RendererManager
|
||||
save: SaveManager
|
||||
static getInstance(): EditorCore
|
||||
static reset(): void
|
||||
// ... and 1 more
|
||||
// ... and 2 more
|
||||
}
|
||||
|
||||
## apps/web/src/core/managers
|
||||
|
|
@ -206,6 +206,24 @@ renderer-manager.ts
|
|||
subscribe(listener: () => void): () => void
|
||||
}
|
||||
|
||||
save-manager.ts
|
||||
export class SaveManager {
|
||||
debounceMs: number
|
||||
isPaused
|
||||
isSaving
|
||||
hasPendingSave
|
||||
saveTimer: ReturnType<typeof setTimeout> | null
|
||||
unsubscribeHandlers: Array<() => void>
|
||||
constructor(
|
||||
private editor: EditorCore,
|
||||
{ debounceMs = 800 }: SaveManagerOptions = {},
|
||||
)
|
||||
start(): void
|
||||
stop(): void
|
||||
pause(): void
|
||||
// ... and 3 more
|
||||
}
|
||||
|
||||
scenes-manager.ts
|
||||
export class ScenesManager {
|
||||
active: TScene | null
|
||||
|
|
@ -239,54 +257,54 @@ timeline-manager.ts
|
|||
constructor(private editor: EditorCore)
|
||||
addTrack({ type, index }: { type: TrackType; index?: number }): string
|
||||
removeTrack({ trackId }: { trackId: string }): void
|
||||
addElementToTrack({
|
||||
trackId,
|
||||
element,
|
||||
}: {
|
||||
trackId: string;
|
||||
element: CreateTimelineElement;
|
||||
addElementToTrack({
|
||||
trackId,
|
||||
element,
|
||||
}: {
|
||||
trackId: string;
|
||||
element: CreateTimelineElement;
|
||||
}): void
|
||||
updateElementTrim({
|
||||
trackId,
|
||||
elementId,
|
||||
trimStart,
|
||||
trimEnd,
|
||||
pushHistory = true,
|
||||
}: {
|
||||
trackId: string;
|
||||
elementId: string;
|
||||
trimStart: number;
|
||||
trimEnd: number;
|
||||
pushHistory?: boolean;
|
||||
updateElementTrim({
|
||||
elementId,
|
||||
trimStart,
|
||||
trimEnd,
|
||||
pushHistory = true,
|
||||
}: {
|
||||
elementId: string;
|
||||
trimStart: number;
|
||||
trimEnd: number;
|
||||
pushHistory?: boolean;
|
||||
}): void
|
||||
updateElementDuration({
|
||||
trackId,
|
||||
elementId,
|
||||
duration,
|
||||
pushHistory = true,
|
||||
}: {
|
||||
trackId: string;
|
||||
elementId: string;
|
||||
duration: number;
|
||||
pushHistory?: boolean;
|
||||
updateElementDuration({
|
||||
trackId,
|
||||
elementId,
|
||||
duration,
|
||||
pushHistory = true,
|
||||
}: {
|
||||
trackId: string;
|
||||
elementId: string;
|
||||
duration: number;
|
||||
pushHistory?: boolean;
|
||||
}): void
|
||||
updateElementStartTime({
|
||||
elements,
|
||||
startTime,
|
||||
}: {
|
||||
elements: { trackId: string; elementId: string }[];
|
||||
startTime: number;
|
||||
updateElementStartTime({
|
||||
elements,
|
||||
startTime,
|
||||
}: {
|
||||
elements: { trackId: string; elementId: string }[];
|
||||
startTime: number;
|
||||
}): void
|
||||
moveElement({
|
||||
sourceTrackId,
|
||||
targetTrackId,
|
||||
elementId,
|
||||
newStartTime,
|
||||
}: {
|
||||
sourceTrackId: string;
|
||||
targetTrackId: string;
|
||||
elementId: string;
|
||||
newStartTime: number;
|
||||
moveElement({
|
||||
sourceTrackId,
|
||||
targetTrackId,
|
||||
elementId,
|
||||
newStartTime,
|
||||
createTrack,
|
||||
}: {
|
||||
sourceTrackId: string;
|
||||
targetTrackId: string;
|
||||
elementId: string;
|
||||
newStartTime: number;
|
||||
createTrack?: { type: TrackType; index: number };
|
||||
}): void
|
||||
toggleTrackMute({ trackId }: { trackId: string }): void
|
||||
// ... and 14 more
|
||||
|
|
@ -305,36 +323,9 @@ syntax-ui.tsx
|
|||
|
||||
## apps/web/src/hooks
|
||||
|
||||
use-action-handler.ts
|
||||
export function useActionHandler(
|
||||
action: A,
|
||||
handler: TActionFunc<A>,
|
||||
isActive: TActionHandlerOptions,
|
||||
)
|
||||
|
||||
use-edge-auto-scroll.ts
|
||||
export function useEdgeAutoScroll({
|
||||
isActive,
|
||||
getMouseClientX,
|
||||
rulerScrollRef,
|
||||
tracksScrollRef,
|
||||
contentWidth,
|
||||
edgeThreshold = 100,
|
||||
maxScrollSpeed = 15,
|
||||
}: UseEdgeAutoScrollParams): void
|
||||
|
||||
use-editor-actions.ts
|
||||
export function useEditorActions()
|
||||
|
||||
use-editor.ts
|
||||
export function useEditor(): EditorCore
|
||||
|
||||
use-element-selection.ts
|
||||
export function useElementSelection()
|
||||
|
||||
use-file-paste.ts
|
||||
export function useFilePaste({ onFilesPaste }: UseFilePasteOptions)
|
||||
|
||||
use-file-upload.ts
|
||||
export function useFileUpload({
|
||||
accept,
|
||||
|
|
@ -365,16 +356,7 @@ use-keyboard-shortcuts-help.ts
|
|||
action: TAction
|
||||
icon?: React.ReactNode
|
||||
}
|
||||
export const useKeyboardShortcutsHelp = () => ...
|
||||
|
||||
use-mobile.tsx
|
||||
export function useIsMobile()
|
||||
|
||||
use-prevent-scroll.ts
|
||||
export function usePreventScroll({ enabled = true, element }: UsePreventScrollOptions = {})
|
||||
|
||||
use-project-initialize.ts
|
||||
export function useProjectInitialize({ projectId }: { projectId: string })
|
||||
export function useKeyboardShortcutsHelp()
|
||||
|
||||
use-raf-loop.ts
|
||||
export function useRafLoop(callback: ({ time }: { time: number }) => void)
|
||||
|
|
@ -386,6 +368,40 @@ use-reveal-item.ts
|
|||
highlightDuration = 1000,
|
||||
)
|
||||
|
||||
use-sound-search.ts
|
||||
export function useSoundSearch({
|
||||
query,
|
||||
commercialOnly,
|
||||
}: {
|
||||
query: string;
|
||||
commercialOnly: boolean;
|
||||
})
|
||||
|
||||
## apps/web/src/hooks/actions
|
||||
|
||||
use-action-handler.ts
|
||||
export function useActionHandler(
|
||||
action: A,
|
||||
handler: TActionFunc<A>,
|
||||
isActive: TActionHandlerOptions,
|
||||
)
|
||||
|
||||
use-editor-actions.ts
|
||||
export function useEditorActions()
|
||||
|
||||
## apps/web/src/hooks/timeline
|
||||
|
||||
use-edge-auto-scroll.ts
|
||||
export function useEdgeAutoScroll({
|
||||
isActive,
|
||||
getMouseClientX,
|
||||
rulerScrollRef,
|
||||
tracksScrollRef,
|
||||
contentWidth,
|
||||
edgeThreshold = 100,
|
||||
maxScrollSpeed = 15,
|
||||
}: UseEdgeAutoScrollParams): void
|
||||
|
||||
use-scroll-sync.ts
|
||||
export function useScrollSync({
|
||||
rulerScrollRef,
|
||||
|
|
@ -403,44 +419,6 @@ use-selection-box.ts
|
|||
zoomLevel,
|
||||
}: UseSelectionBoxProps)
|
||||
|
||||
use-sound-search.ts
|
||||
export function useSoundSearch({
|
||||
query,
|
||||
commercialOnly,
|
||||
}: {
|
||||
query: string;
|
||||
commercialOnly: boolean;
|
||||
})
|
||||
|
||||
use-toast.ts
|
||||
export const reducer = (state: State, action: Action): State => ...
|
||||
|
||||
## apps/web/src/hooks/timeline
|
||||
|
||||
use-element-interaction.ts
|
||||
export function useElementInteraction({
|
||||
zoomLevel,
|
||||
timelineRef,
|
||||
tracksContainerRef,
|
||||
onSnapPointChange,
|
||||
}: UseElementInteractionProps)
|
||||
|
||||
use-element-resize.ts
|
||||
export interface ResizeState {
|
||||
elementId: string
|
||||
side: "left" | "right"
|
||||
startX: number
|
||||
initialTrimStart: number
|
||||
initialTrimEnd: number
|
||||
initialStartTime: number
|
||||
initialDuration: number
|
||||
}
|
||||
export function useTimelineElementResize({
|
||||
element,
|
||||
track,
|
||||
zoomLevel,
|
||||
}: UseTimelineElementResizeProps)
|
||||
|
||||
use-snap-indicator-position.ts
|
||||
export function useSnapIndicatorPosition({
|
||||
snapPoint,
|
||||
|
|
@ -461,6 +439,7 @@ use-timeline-drag-drop.ts
|
|||
use-timeline-interactions.ts
|
||||
export function useTimelineInteractions({
|
||||
playheadRef,
|
||||
trackLabelsRef,
|
||||
rulerScrollRef,
|
||||
tracksScrollRef,
|
||||
zoomLevel,
|
||||
|
|
@ -496,10 +475,10 @@ use-timeline-snapping.ts
|
|||
enableElementSnapping?: boolean
|
||||
enablePlayheadSnapping?: boolean
|
||||
}
|
||||
export function useTimelineSnapping({
|
||||
snapThreshold = 10,
|
||||
enableElementSnapping = true,
|
||||
enablePlayheadSnapping = true,
|
||||
export function useTimelineSnapping({
|
||||
snapThreshold = 10,
|
||||
enableElementSnapping = true,
|
||||
enablePlayheadSnapping = true,
|
||||
}: UseTimelineSnappingOptions = {})
|
||||
|
||||
use-timeline-zoom.ts
|
||||
|
|
@ -508,6 +487,36 @@ use-timeline-zoom.ts
|
|||
isInTimeline = false,
|
||||
}: UseTimelineZoomProps): UseTimelineZoomReturn
|
||||
|
||||
## apps/web/src/hooks/timeline/element
|
||||
|
||||
use-element-interaction.ts
|
||||
export function useElementInteraction({
|
||||
zoomLevel,
|
||||
timelineRef,
|
||||
tracksContainerRef,
|
||||
tracksScrollRef,
|
||||
onSnapPointChange,
|
||||
}: UseElementInteractionProps)
|
||||
|
||||
use-element-resize.ts
|
||||
export interface ResizeState {
|
||||
elementId: string
|
||||
side: "left" | "right"
|
||||
startX: number
|
||||
initialTrimStart: number
|
||||
initialTrimEnd: number
|
||||
initialStartTime: number
|
||||
initialDuration: number
|
||||
}
|
||||
export function useTimelineElementResize({
|
||||
element,
|
||||
track,
|
||||
zoomLevel,
|
||||
}: UseTimelineElementResizeProps)
|
||||
|
||||
use-element-selection.ts
|
||||
export function useElementSelection()
|
||||
|
||||
## apps/web/src/lib
|
||||
|
||||
audio-utils.ts
|
||||
|
|
@ -973,6 +982,17 @@ remove-media-asset.ts
|
|||
undo(): void
|
||||
}
|
||||
|
||||
## apps/web/src/lib/commands/project
|
||||
|
||||
update-project-settings.ts
|
||||
export class UpdateProjectSettingsCommand extends Command {
|
||||
savedSettings: TProjectSettings | null
|
||||
savedUpdatedAt: Date | null
|
||||
constructor(private updates: Partial<TProjectSettings>)
|
||||
execute(): void
|
||||
undo(): void
|
||||
}
|
||||
|
||||
## apps/web/src/lib/commands/scene
|
||||
|
||||
create-scene.ts
|
||||
|
|
@ -1078,11 +1098,12 @@ duplicate-elements.ts
|
|||
move-element.ts
|
||||
export class MoveElementCommand extends Command {
|
||||
savedState: TimelineTrack[] | null
|
||||
constructor(
|
||||
private sourceTrackId: string,
|
||||
private targetTrackId: string,
|
||||
private elementId: string,
|
||||
private newStartTime: number,
|
||||
constructor(
|
||||
private sourceTrackId: string,
|
||||
private targetTrackId: string,
|
||||
private elementId: string,
|
||||
private newStartTime: number,
|
||||
private createTrack?: { type: TrackType; index: number },
|
||||
)
|
||||
execute(): void
|
||||
undo(): void
|
||||
|
|
@ -1146,7 +1167,6 @@ update-element-trim.ts
|
|||
export class UpdateElementTrimCommand extends Command {
|
||||
savedState: TimelineTrack[] | null
|
||||
constructor(
|
||||
private trackId: string,
|
||||
private elementId: string,
|
||||
private trimStart: number,
|
||||
private trimEnd: number,
|
||||
|
|
@ -1211,6 +1231,14 @@ toggle-track-mute.ts
|
|||
undo(): void
|
||||
}
|
||||
|
||||
toggle-track-visibility.ts
|
||||
export class ToggleTrackVisibilityCommand extends Command {
|
||||
savedState: TimelineTrack[] | null
|
||||
constructor(private trackId: string)
|
||||
execute(): void
|
||||
undo(): void
|
||||
}
|
||||
|
||||
## apps/web/src/lib/db
|
||||
|
||||
index.ts
|
||||
|
|
@ -1355,6 +1383,7 @@ drop-utils.ts
|
|||
elementDuration,
|
||||
pixelsPerSecond,
|
||||
zoomLevel,
|
||||
excludeElementId,
|
||||
}: ComputeDropTargetParams): DropTarget
|
||||
export function getDropLineY({
|
||||
dropTarget,
|
||||
|
|
@ -1470,6 +1499,15 @@ track-utils.ts
|
|||
}: {
|
||||
tracks: Array<{ type: TrackType }>;
|
||||
}): number
|
||||
export function buildEmptyTrack({
|
||||
id,
|
||||
type,
|
||||
name,
|
||||
}: {
|
||||
id: string;
|
||||
type: TrackType;
|
||||
name?: string;
|
||||
}): TimelineTrack
|
||||
export function isMainTrack(track: TimelineTrack)
|
||||
export function getMainTrack({
|
||||
tracks,
|
||||
|
|
@ -1623,9 +1661,9 @@ sticker-node.ts
|
|||
}
|
||||
|
||||
text-node.ts
|
||||
export type TextNodeParams = TextElement & {
|
||||
canvasCenter: { x: number; y: number };
|
||||
textBaseline?: CanvasTextBaseline;
|
||||
export type TextNodeParams = TextElement & {
|
||||
canvasCenter: { x: number; y: number };
|
||||
textBaseline?: CanvasTextBaseline;
|
||||
}
|
||||
export class TextNode extends BaseNode<TextNodeParams> {
|
||||
isInRange({ time }: { time: number })
|
||||
|
|
@ -1939,9 +1977,9 @@ timeline.ts
|
|||
export type TimelineTrack = VideoTrack | TextTrack | AudioTrack | StickerTrack
|
||||
export interface Transform {
|
||||
scale: number
|
||||
position: {
|
||||
x: number;
|
||||
y: number;
|
||||
position: {
|
||||
x: number;
|
||||
y: number;
|
||||
}
|
||||
rotate: number
|
||||
}
|
||||
|
|
@ -1990,30 +2028,31 @@ timeline.ts
|
|||
opacity: number
|
||||
color?: string
|
||||
}
|
||||
export type TimelineElement = | AudioElement
|
||||
| VideoElement
|
||||
| ImageElement
|
||||
| TextElement
|
||||
export type TimelineElement = | AudioElement
|
||||
| VideoElement
|
||||
| ImageElement
|
||||
| TextElement
|
||||
| StickerElement
|
||||
export type ElementType = TimelineElement["type"]
|
||||
export type CreateUploadAudioElement = Omit<UploadAudioElement, "id">
|
||||
export type CreateLibraryAudioElement = Omit<LibraryAudioElement, "id">
|
||||
export type CreateAudioElement = | CreateUploadAudioElement
|
||||
export type CreateAudioElement = | CreateUploadAudioElement
|
||||
| CreateLibraryAudioElement
|
||||
export type CreateVideoElement = Omit<VideoElement, "id">
|
||||
export type CreateImageElement = Omit<ImageElement, "id">
|
||||
export type CreateTextElement = Omit<TextElement, "id">
|
||||
export type CreateStickerElement = Omit<StickerElement, "id">
|
||||
export type CreateTimelineElement = | CreateAudioElement
|
||||
| CreateVideoElement
|
||||
| CreateImageElement
|
||||
| CreateTextElement
|
||||
| ...
|
||||
export type CreateTimelineElement = | CreateAudioElement
|
||||
| CreateVideoElement
|
||||
| CreateImageElement
|
||||
| CreateTextElement
|
||||
| Crea...
|
||||
export interface ElementDragState {
|
||||
isDragging: boolean
|
||||
elementId: string | null
|
||||
trackId: string | null
|
||||
startMouseX: number
|
||||
startMouseY: number
|
||||
startElementTime: number
|
||||
clickOffsetTime: number
|
||||
currentTime: number
|
||||
|
|
@ -2034,6 +2073,7 @@ timeline.ts
|
|||
elementDuration: number
|
||||
pixelsPerSecond: number
|
||||
zoomLevel: number
|
||||
excludeElementId?: string
|
||||
}
|
||||
export interface ClipboardItem {
|
||||
trackType: TrackType
|
||||
|
|
|
|||
|
|
@ -1,20 +1,17 @@
|
|||
{
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode",
|
||||
"[javascript][typescript][javascriptreact][typescriptreact][json][jsonc][css][graphql]": {
|
||||
"editor.defaultFormatter": "biomejs.biome"
|
||||
},
|
||||
"typescript.tsdk": "node_modules/typescript/lib",
|
||||
"editor.formatOnSave": true,
|
||||
"editor.formatOnPaste": true,
|
||||
"emmet.showExpandedAbbreviation": "never",
|
||||
"editor.codeActionsOnSave": {
|
||||
"source.fixAll.biome": "explicit",
|
||||
"source.organizeImports.biome": "explicit"
|
||||
},
|
||||
"[typescriptreact]": {
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||
},
|
||||
"[typescript]": {
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode",
|
||||
"[javascript][typescript][javascriptreact][typescriptreact][json][jsonc][css][graphql]": {
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||
},
|
||||
"typescript.tsdk": "node_modules/typescript/lib",
|
||||
"editor.formatOnSave": true,
|
||||
"editor.formatOnPaste": true,
|
||||
"emmet.showExpandedAbbreviation": "never",
|
||||
"[typescriptreact]": {
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||
},
|
||||
"[typescript]": {
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -1,4 +1,3 @@
|
|||
{
|
||||
"/editor/[project_id]/page": "app/editor/[project_id]/page.js",
|
||||
"/projects/page": "app/projects/page.js"
|
||||
"/editor/[project_id]/page": "app/editor/[project_id]/page.js"
|
||||
}
|
||||
|
|
@ -1,5 +1 @@
|
|||
{
|
||||
"/_app": "pages/_app.js",
|
||||
"/_document": "pages/_document.js",
|
||||
"/_error": "pages/_error.js"
|
||||
}
|
||||
{}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -60,15 +60,15 @@ function ProjectSettingsTabs() {
|
|||
<div className="flex-1 p-5">
|
||||
<BackgroundView />
|
||||
</div>
|
||||
<div className="bg-panel/85 sticky -bottom-0 flex flex-col backdrop-blur-lg">
|
||||
{/* <div className="bg-panel/85 sticky -bottom-0 flex flex-col backdrop-blur-lg">
|
||||
<Separator />
|
||||
<Button className="text-muted-foreground hover:text-foreground/85 h-auto w-fit !bg-transparent p-5 py-4 text-xs shadow-none">
|
||||
Custom background
|
||||
<PlusIcon />
|
||||
</Button>
|
||||
</div>
|
||||
</div> */}
|
||||
|
||||
{/* another ui, looks so beautiful I don't wanna remove it */}
|
||||
{/* another ui */}
|
||||
{/* <div className="flex flex-col justify-center items-center pb-5 sticky bottom-0">
|
||||
<Button className="w-fit h-auto gap-1.5 px-3.5 py-1.5 bg-foreground hover:bg-foreground/85 text-background rounded-full">
|
||||
<span className="text-sm">Custom</span>
|
||||
|
|
|
|||
|
|
@ -1,17 +1,16 @@
|
|||
"use client";
|
||||
|
||||
import { useTimelineStore } from "@/stores/timeline-store";
|
||||
import { ScrollArea } from "../../ui/scroll-area";
|
||||
import { AudioProperties } from "./audio-properties";
|
||||
import { VideoProperties } from "./video-properties";
|
||||
import { TextProperties } from "./text-properties";
|
||||
import { SquareSlashIcon } from "lucide-react";
|
||||
import { useEditor } from "@/hooks/use-editor";
|
||||
import { useElementSelection } from "@/hooks/timeline/element/use-element-selection";
|
||||
|
||||
export function PropertiesPanel() {
|
||||
const { selectedElements } = useTimelineStore();
|
||||
|
||||
const editor = useEditor();
|
||||
const editor = useEditor();
|
||||
const { selectedElements } = useElementSelection();
|
||||
|
||||
const elementsWithTracks = editor.timeline.getElementsWithTracks({
|
||||
elements: selectedElements,
|
||||
|
|
|
|||
|
|
@ -9,6 +9,7 @@ interface TimelineBookmarksRowProps {
|
|||
bookmarksScrollRef: React.RefObject<HTMLDivElement>;
|
||||
handleWheel: (e: React.WheelEvent) => void;
|
||||
handleTimelineContentClick: (e: React.MouseEvent) => void;
|
||||
handleRulerTrackingMouseDown: (e: React.MouseEvent) => void;
|
||||
handleRulerMouseDown: (e: React.MouseEvent) => void;
|
||||
}
|
||||
|
||||
|
|
@ -18,6 +19,7 @@ export function TimelineBookmarksRow({
|
|||
bookmarksScrollRef,
|
||||
handleWheel,
|
||||
handleTimelineContentClick,
|
||||
handleRulerTrackingMouseDown,
|
||||
handleRulerMouseDown,
|
||||
}: TimelineBookmarksRowProps) {
|
||||
const editor = useEditor();
|
||||
|
|
@ -28,6 +30,7 @@ export function TimelineBookmarksRow({
|
|||
className="relative mt-0.5 h-4 flex-1 overflow-hidden"
|
||||
onWheel={handleWheel}
|
||||
onClick={handleTimelineContentClick}
|
||||
onMouseDown={handleRulerTrackingMouseDown}
|
||||
data-bookmarks-area
|
||||
>
|
||||
<ScrollArea className="scrollbar-hidden w-full" ref={bookmarksScrollRef}>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,21 @@
|
|||
import { getDropLineY } from "@/lib/timeline/drop-utils";
|
||||
import type { TimelineTrack, DropTarget } from "@/types/timeline";
|
||||
|
||||
interface DragLineProps {
|
||||
dropTarget: DropTarget | null;
|
||||
tracks: TimelineTrack[];
|
||||
isVisible: boolean;
|
||||
}
|
||||
|
||||
export function DragLine({ dropTarget, tracks, isVisible }: DragLineProps) {
|
||||
if (!isVisible || !dropTarget) return null;
|
||||
|
||||
const y = getDropLineY({ dropTarget, tracks });
|
||||
|
||||
return (
|
||||
<div
|
||||
className="bg-primary pointer-events-none absolute left-0 right-0 z-50 h-0.5"
|
||||
style={{ top: `${y}px` }}
|
||||
/>
|
||||
);
|
||||
}
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
"use client";
|
||||
|
||||
import { ScrollArea } from "@/components/ui/scroll-area";
|
||||
import { Eye, VolumeOff, Volume2 } from "lucide-react";
|
||||
import { Eye, EyeOff, VolumeOff, Volume2, LucideIcon, EyeIcon, Trash2 } from "lucide-react";
|
||||
import {
|
||||
ContextMenu,
|
||||
ContextMenuContent,
|
||||
|
|
@ -13,7 +13,7 @@ import { useState, useRef, useCallback } from "react";
|
|||
import { TimelineTrackContent } from "./timeline-track";
|
||||
import { TimelinePlayhead } from "./timeline-playhead";
|
||||
import { SelectionBox } from "../selection-box";
|
||||
import { useSelectionBox } from "@/hooks/use-selection-box";
|
||||
import { useSelectionBox } from "@/hooks/timeline/use-selection-box";
|
||||
import { SnapIndicator } from "./snap-indicator";
|
||||
import { SnapPoint } from "@/hooks/timeline/use-timeline-snapping";
|
||||
import type { TimelineTrack } from "@/types/timeline";
|
||||
|
|
@ -21,17 +21,18 @@ import {
|
|||
TIMELINE_CONSTANTS,
|
||||
TRACK_ICONS,
|
||||
} from "@/constants/timeline-constants";
|
||||
import { useElementInteraction } from "@/hooks/timeline/use-element-interaction";
|
||||
import { useElementInteraction } from "@/hooks/timeline/element/use-element-interaction";
|
||||
import {
|
||||
getTrackHeight,
|
||||
getCumulativeHeightBefore,
|
||||
getTotalTracksHeight,
|
||||
canTracktHaveAudio,
|
||||
canTrackBeHidden,
|
||||
isMainTrack,
|
||||
} from "@/lib/timeline";
|
||||
import { TimelineToolbar } from "./timeline-toolbar";
|
||||
import { useScrollSync } from "@/hooks/use-scroll-sync";
|
||||
import { useElementSelection } from "@/hooks/use-element-selection";
|
||||
import { useScrollSync } from "@/hooks/timeline/use-scroll-sync";
|
||||
import { useElementSelection } from "@/hooks/timeline/element/use-element-selection";
|
||||
import { useTimelineInteractions } from "@/hooks/timeline/use-timeline-interactions";
|
||||
import { useTimelineDragDrop } from "@/hooks/timeline/use-timeline-drag-drop";
|
||||
import { TimelineRuler } from "./timeline-ruler";
|
||||
|
|
@ -39,17 +40,18 @@ import { TimelineBookmarksRow } from "./bookmarks";
|
|||
import { useTimelineStore } from "@/stores/timeline-store";
|
||||
import { useEditor } from "@/hooks/use-editor";
|
||||
import { useTimelinePlayhead } from "@/hooks/timeline/use-timeline-playhead";
|
||||
import { DragLine } from "./drag-line";
|
||||
|
||||
export function Timeline() {
|
||||
const tracksContainerHeight = { min: 200, max: 800 };
|
||||
const { snappingEnabled } = useTimelineStore();
|
||||
const { clearSelection, setSelection } = useElementSelection();
|
||||
const { clearElementSelection, setElementSelection } = useElementSelection();
|
||||
const editor = useEditor();
|
||||
const timeline = editor.timeline;
|
||||
const tracks = timeline.getTracks();
|
||||
const seek = (time: number) => editor.playback.seek({ time });
|
||||
|
||||
// Refs
|
||||
// refs
|
||||
const timelineRef = useRef<HTMLDivElement>(null);
|
||||
const rulerRef = useRef<HTMLDivElement>(null);
|
||||
const tracksContainerRef = useRef<HTMLDivElement>(null);
|
||||
|
|
@ -60,7 +62,7 @@ export function Timeline() {
|
|||
const trackLabelsScrollRef = useRef<HTMLDivElement>(null);
|
||||
const bookmarksScrollRef = useRef<HTMLDivElement>(null);
|
||||
|
||||
// State
|
||||
// state
|
||||
const [isInTimeline, setIsInTimeline] = useState(false);
|
||||
const [currentSnapPoint, setCurrentSnapPoint] = useState<SnapPoint | null>(
|
||||
null,
|
||||
|
|
@ -84,26 +86,20 @@ export function Timeline() {
|
|||
zoomLevel,
|
||||
timelineRef,
|
||||
tracksContainerRef,
|
||||
tracksScrollRef,
|
||||
onSnapPointChange: handleSnapPointChange,
|
||||
});
|
||||
|
||||
const timelineDuration = timeline.getTotalDuration() || 0;
|
||||
const paddedDuration =
|
||||
timelineDuration + TIMELINE_CONSTANTS.PLAYHEAD_LOOKAHEAD_SECONDS;
|
||||
const dynamicTimelineWidth = Math.max(
|
||||
paddedDuration * TIMELINE_CONSTANTS.PIXELS_PER_SECOND * zoomLevel,
|
||||
timelineRef.current?.clientWidth || 1000,
|
||||
);
|
||||
const { handleRulerMouseDown: handlePlayheadRulerMouseDown } =
|
||||
useTimelinePlayhead({
|
||||
zoomLevel,
|
||||
rulerRef,
|
||||
rulerScrollRef,
|
||||
tracksScrollRef,
|
||||
playheadRef,
|
||||
});
|
||||
|
||||
const { handleRulerMouseDown } = useTimelinePlayhead({
|
||||
zoomLevel,
|
||||
rulerRef,
|
||||
rulerScrollRef,
|
||||
tracksScrollRef,
|
||||
playheadRef,
|
||||
});
|
||||
|
||||
const { dragProps } = useTimelineDragDrop({
|
||||
const { isDragOver, dropTarget, dragProps } = useTimelineDragDrop({
|
||||
containerRef: tracksContainerRef,
|
||||
zoomLevel,
|
||||
});
|
||||
|
|
@ -115,26 +111,39 @@ export function Timeline() {
|
|||
} = useSelectionBox({
|
||||
containerRef: tracksContainerRef,
|
||||
onSelectionComplete: (elements) => {
|
||||
setSelection(elements);
|
||||
setElementSelection({ elements });
|
||||
},
|
||||
tracksScrollRef,
|
||||
zoomLevel,
|
||||
});
|
||||
|
||||
const timelineDuration = timeline.getTotalDuration() || 0;
|
||||
const paddedDuration =
|
||||
timelineDuration + TIMELINE_CONSTANTS.PLAYHEAD_LOOKAHEAD_SECONDS;
|
||||
const dynamicTimelineWidth = Math.max(
|
||||
paddedDuration * TIMELINE_CONSTANTS.PIXELS_PER_SECOND * zoomLevel,
|
||||
timelineRef.current?.clientWidth || 1000,
|
||||
);
|
||||
|
||||
const showSnapIndicator =
|
||||
dragState.isDragging && snappingEnabled && currentSnapPoint !== null;
|
||||
|
||||
const { handleTimelineMouseDown, handleTimelineContentClick } =
|
||||
useTimelineInteractions({
|
||||
playheadRef,
|
||||
rulerScrollRef,
|
||||
tracksScrollRef,
|
||||
zoomLevel,
|
||||
duration: timeline.getTotalDuration(),
|
||||
isSelecting,
|
||||
clearSelectedElements: clearSelection,
|
||||
seek,
|
||||
});
|
||||
const {
|
||||
handleTracksMouseDown,
|
||||
handleTracksClick,
|
||||
handleRulerMouseDown,
|
||||
handleRulerClick,
|
||||
} = useTimelineInteractions({
|
||||
playheadRef,
|
||||
trackLabelsRef,
|
||||
rulerScrollRef,
|
||||
tracksScrollRef,
|
||||
zoomLevel,
|
||||
duration: timeline.getTotalDuration(),
|
||||
isSelecting,
|
||||
clearSelectedElements: clearElementSelection,
|
||||
seek,
|
||||
});
|
||||
|
||||
useScrollSync({
|
||||
rulerScrollRef,
|
||||
|
|
@ -194,8 +203,9 @@ export function Timeline() {
|
|||
rulerRef={rulerRef}
|
||||
rulerScrollRef={rulerScrollRef}
|
||||
handleWheel={handleWheel}
|
||||
handleTimelineContentClick={handleTimelineContentClick}
|
||||
handleRulerMouseDown={handleRulerMouseDown}
|
||||
handleTimelineContentClick={handleRulerClick}
|
||||
handleRulerTrackingMouseDown={handleRulerMouseDown}
|
||||
handleRulerMouseDown={handlePlayheadRulerMouseDown}
|
||||
/>
|
||||
</div>
|
||||
<div className="flex">
|
||||
|
|
@ -207,8 +217,9 @@ export function Timeline() {
|
|||
dynamicTimelineWidth={dynamicTimelineWidth}
|
||||
bookmarksScrollRef={bookmarksScrollRef}
|
||||
handleWheel={handleWheel}
|
||||
handleTimelineContentClick={handleTimelineContentClick}
|
||||
handleRulerMouseDown={handleRulerMouseDown}
|
||||
handleTimelineContentClick={handleRulerClick}
|
||||
handleRulerTrackingMouseDown={handleRulerMouseDown}
|
||||
handleRulerMouseDown={handlePlayheadRulerMouseDown}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -231,39 +242,41 @@ export function Timeline() {
|
|||
}}
|
||||
>
|
||||
<div className="flex min-w-0 flex-1 items-center justify-end gap-2">
|
||||
{canTracktHaveAudio(track) && (
|
||||
<>
|
||||
{track.muted ? (
|
||||
<VolumeOff
|
||||
className="text-destructive h-4 w-4 cursor-pointer"
|
||||
onClick={() =>
|
||||
timeline.toggleTrackMute({
|
||||
trackId: track.id,
|
||||
})
|
||||
}
|
||||
/>
|
||||
) : (
|
||||
<Volume2
|
||||
className="text-muted-foreground h-4 w-4 cursor-pointer"
|
||||
onClick={() =>
|
||||
timeline.toggleTrackMute({
|
||||
trackId: track.id,
|
||||
})
|
||||
}
|
||||
/>
|
||||
)}
|
||||
</>
|
||||
{/* Debug main track */}
|
||||
{isMainTrack(track) && (
|
||||
<div className="size-2 rounded-full bg-red-500" />
|
||||
)}
|
||||
{canTrackBeHidden(track) && (
|
||||
<Eye
|
||||
className="text-muted-foreground h-4 w-4 cursor-pointer"
|
||||
|
||||
{canTracktHaveAudio(track) && (
|
||||
<TrackToggleIcon
|
||||
isOff={track.muted}
|
||||
icons={{
|
||||
on: Volume2,
|
||||
off: VolumeOff,
|
||||
}}
|
||||
onClick={() =>
|
||||
timeline.toggleTrackHidden({
|
||||
editor.timeline.toggleTrackMute({
|
||||
trackId: track.id,
|
||||
})
|
||||
}
|
||||
/>
|
||||
)}
|
||||
|
||||
{canTrackBeHidden(track) && (
|
||||
<TrackToggleIcon
|
||||
isOff={track.hidden}
|
||||
icons={{
|
||||
on: Eye,
|
||||
off: EyeOff,
|
||||
}}
|
||||
onClick={() =>
|
||||
editor.timeline.toggleTrackVisibility({
|
||||
trackId: track.id,
|
||||
})
|
||||
}
|
||||
/>
|
||||
)}
|
||||
|
||||
<TrackIcon track={track} />
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -282,10 +295,10 @@ export function Timeline() {
|
|||
handleWheel(e);
|
||||
}}
|
||||
onMouseDown={(e) => {
|
||||
handleTimelineMouseDown(e);
|
||||
handleTracksMouseDown(e);
|
||||
handleSelectionMouseDown(e);
|
||||
}}
|
||||
onClick={handleTimelineContentClick}
|
||||
onClick={handleTracksClick}
|
||||
ref={tracksContainerRef}
|
||||
>
|
||||
<SelectionBox
|
||||
|
|
@ -294,6 +307,12 @@ export function Timeline() {
|
|||
containerRef={tracksContainerRef}
|
||||
isActive={selectionBox?.isActive || false}
|
||||
/>
|
||||
<DragLine
|
||||
dropTarget={dropTarget}
|
||||
tracks={timeline.getTracks()}
|
||||
isVisible={isDragOver}
|
||||
/>
|
||||
|
||||
<ScrollArea className="h-full w-full" ref={tracksScrollRef}>
|
||||
<div
|
||||
className="relative flex-1"
|
||||
|
|
@ -337,7 +356,7 @@ export function Timeline() {
|
|||
/>
|
||||
</div>
|
||||
</ContextMenuTrigger>
|
||||
<ContextMenuContent className="z-200">
|
||||
<ContextMenuContent className="z-200 w-40">
|
||||
<ContextMenuItem
|
||||
onClick={(e) => {
|
||||
e.stopPropagation();
|
||||
|
|
@ -346,12 +365,42 @@ export function Timeline() {
|
|||
});
|
||||
}}
|
||||
>
|
||||
{canTracktHaveAudio(track) && track.muted
|
||||
? "Unmute track"
|
||||
: "Mute track"}
|
||||
<Volume2 />
|
||||
<span>
|
||||
|
||||
{canTracktHaveAudio(track) && track.muted
|
||||
? "Unmute track"
|
||||
: "Mute track"}
|
||||
</span>
|
||||
</ContextMenuItem>
|
||||
<ContextMenuItem onClick={(e) => e.stopPropagation()}>
|
||||
Track settings (soon)
|
||||
<ContextMenuItem
|
||||
onClick={(e) => {
|
||||
e.stopPropagation();
|
||||
timeline.toggleTrackVisibility({
|
||||
trackId: track.id,
|
||||
});
|
||||
}}
|
||||
>
|
||||
<>
|
||||
<EyeIcon />
|
||||
<span>
|
||||
{canTrackBeHidden(track) && track.hidden
|
||||
? "Show track"
|
||||
: "Hide track"}
|
||||
</span>
|
||||
</>
|
||||
</ContextMenuItem>
|
||||
<ContextMenuItem
|
||||
onClick={(e) => {
|
||||
e.stopPropagation();
|
||||
timeline.removeTrack({
|
||||
trackId: track.id,
|
||||
});
|
||||
}}
|
||||
variant="destructive"
|
||||
>
|
||||
<Trash2 />
|
||||
Delete track
|
||||
</ContextMenuItem>
|
||||
</ContextMenuContent>
|
||||
</ContextMenu>
|
||||
|
|
@ -370,3 +419,32 @@ export function Timeline() {
|
|||
function TrackIcon({ track }: { track: TimelineTrack }) {
|
||||
return <>{TRACK_ICONS[track.type]}</>;
|
||||
}
|
||||
|
||||
function TrackToggleIcon({
|
||||
isOff,
|
||||
icons,
|
||||
onClick,
|
||||
}: {
|
||||
isOff: boolean;
|
||||
icons: {
|
||||
on: LucideIcon;
|
||||
off: LucideIcon;
|
||||
};
|
||||
onClick: () => void;
|
||||
}) {
|
||||
return (
|
||||
<>
|
||||
{isOff ? (
|
||||
<icons.off
|
||||
className="text-destructive size-4 cursor-pointer"
|
||||
onClick={onClick}
|
||||
/>
|
||||
) : (
|
||||
<icons.on
|
||||
className="text-muted-foreground size-4 cursor-pointer"
|
||||
onClick={onClick}
|
||||
/>
|
||||
)}
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -12,11 +12,11 @@ import {
|
|||
VolumeX,
|
||||
ArrowUpDown,
|
||||
} from "lucide-react";
|
||||
import { useEffect, useRef } from "react";
|
||||
import { useEditor } from "@/hooks/use-editor";
|
||||
import { useTimelineStore } from "@/stores/timeline-store";
|
||||
import { useAssetsPanelStore } from "@/stores/assets-panel-store";
|
||||
import AudioWaveform from "./audio-waveform";
|
||||
import { useTimelineElementResize } from "@/hooks/timeline/use-element-resize";
|
||||
import { useTimelineElementResize } from "@/hooks/timeline/element/use-element-resize";
|
||||
import { TIMELINE_CONSTANTS } from "@/constants/timeline-constants";
|
||||
import {
|
||||
getTrackClasses,
|
||||
|
|
@ -40,6 +40,7 @@ import type {
|
|||
import { MediaAsset } from "@/types/assets";
|
||||
import { mediaSupportsAudio } from "@/lib/media-utils";
|
||||
import { type TAction, invokeAction } from "@/lib/actions";
|
||||
import { useElementSelection } from "@/hooks/timeline/element/use-element-selection";
|
||||
|
||||
interface TimelineElementProps {
|
||||
element: TimelineElementType;
|
||||
|
|
@ -64,7 +65,8 @@ export function TimelineElement({
|
|||
dragState,
|
||||
}: TimelineElementProps) {
|
||||
const editor = useEditor();
|
||||
const { selectedElements } = useTimelineStore();
|
||||
const lastDragStateRef = useRef(false);
|
||||
const { selectedElements } = useElementSelection();
|
||||
const { requestRevealMedia } = useAssetsPanelStore();
|
||||
|
||||
const mediaAssets = editor.media.getAssets();
|
||||
|
|
@ -77,7 +79,12 @@ export function TimelineElement({
|
|||
|
||||
const hasAudio = mediaSupportsAudio({ media: mediaAsset });
|
||||
|
||||
const { handleResizeStart } = useTimelineElementResize({
|
||||
const {
|
||||
handleResizeStart,
|
||||
isResizing,
|
||||
currentStartTime,
|
||||
currentDuration,
|
||||
} = useTimelineElementResize({
|
||||
element,
|
||||
track,
|
||||
zoomLevel,
|
||||
|
|
@ -88,15 +95,16 @@ export function TimelineElement({
|
|||
selected.elementId === element.id && selected.trackId === track.id,
|
||||
);
|
||||
|
||||
const elementWidth =
|
||||
element.duration * TIMELINE_CONSTANTS.PIXELS_PER_SECOND * zoomLevel;
|
||||
|
||||
const isBeingDragged = dragState.elementId === element.id;
|
||||
const elementStartTime =
|
||||
isBeingDragged && dragState.isDragging
|
||||
? dragState.currentTime
|
||||
: element.startTime;
|
||||
const elementLeft = elementStartTime * 50 * zoomLevel;
|
||||
const displayedStartTime = isResizing ? currentStartTime : elementStartTime;
|
||||
const displayedDuration = isResizing ? currentDuration : element.duration;
|
||||
const elementWidth =
|
||||
displayedDuration * TIMELINE_CONSTANTS.PIXELS_PER_SECOND * zoomLevel;
|
||||
const elementLeft = displayedStartTime * 50 * zoomLevel;
|
||||
|
||||
const handleAction = ({
|
||||
action,
|
||||
|
|
@ -122,9 +130,8 @@ export function TimelineElement({
|
|||
<ContextMenu>
|
||||
<ContextMenuTrigger asChild>
|
||||
<div
|
||||
className={`timeline-element absolute top-0 h-full select-none ${
|
||||
isBeingDragged ? "z-50" : "z-10"
|
||||
}`}
|
||||
className={`timeline-element absolute top-0 h-full select-none ${isBeingDragged ? "z-30" : "z-10"
|
||||
}`}
|
||||
style={{ left: `${elementLeft}px`, width: `${elementWidth}px` }}
|
||||
data-element-id={element.id}
|
||||
data-track-id={track.id}
|
||||
|
|
@ -166,7 +173,7 @@ export function TimelineElement({
|
|||
isMuted={isMuted}
|
||||
selectedCount={selectedElements.length}
|
||||
onClick={(event) =>
|
||||
handleAction({ action: "toggle-mute-selected", event })
|
||||
handleAction({ action: "toggle-elements-muted-selected", event })
|
||||
}
|
||||
/>
|
||||
)}
|
||||
|
|
@ -177,7 +184,10 @@ export function TimelineElement({
|
|||
isCurrentElementSelected={isCurrentElementSelected}
|
||||
selectedCount={selectedElements.length}
|
||||
onClick={(event) =>
|
||||
handleAction({ action: "toggle-visibility-selected", event })
|
||||
handleAction({
|
||||
action: "toggle-elements-visibility-selected",
|
||||
event,
|
||||
})
|
||||
}
|
||||
/>
|
||||
)}
|
||||
|
|
@ -260,7 +270,7 @@ function ElementInner({
|
|||
{
|
||||
type: track.type,
|
||||
},
|
||||
)} ${isBeingDragged ? "z-50" : "z-10"} ${canElementBeHidden(element) && element.hidden ? "opacity-50" : ""}`}
|
||||
)} ${isBeingDragged ? "z-30" : "z-10"} ${canElementBeHidden(element) && element.hidden ? "opacity-50" : ""}`}
|
||||
onClick={(e) => onElementClick(e, element)}
|
||||
onMouseDown={(e) => onElementMouseDown(e, element)}
|
||||
onContextMenu={(e) => onElementMouseDown(e, element)}
|
||||
|
|
|
|||
|
|
@ -87,7 +87,7 @@ export function TimelinePlayhead({
|
|||
return (
|
||||
<div
|
||||
ref={playheadRef}
|
||||
className="pointer-events-auto absolute z-40"
|
||||
className="pointer-events-auto absolute z-60"
|
||||
style={{
|
||||
left: `${leftPosition}px`,
|
||||
top: 0,
|
||||
|
|
|
|||
|
|
@ -11,6 +11,7 @@ interface TimelineRulerProps {
|
|||
rulerScrollRef: React.RefObject<HTMLDivElement>;
|
||||
handleWheel: (e: React.WheelEvent) => void;
|
||||
handleTimelineContentClick: (e: React.MouseEvent) => void;
|
||||
handleRulerTrackingMouseDown: (e: React.MouseEvent) => void;
|
||||
handleRulerMouseDown: (e: React.MouseEvent) => void;
|
||||
}
|
||||
|
||||
|
|
@ -21,6 +22,7 @@ export function TimelineRuler({
|
|||
rulerScrollRef,
|
||||
handleWheel,
|
||||
handleTimelineContentClick,
|
||||
handleRulerTrackingMouseDown,
|
||||
handleRulerMouseDown,
|
||||
}: TimelineRulerProps) {
|
||||
const editor = useEditor();
|
||||
|
|
@ -50,6 +52,7 @@ export function TimelineRuler({
|
|||
className="relative h-4 flex-1 overflow-hidden"
|
||||
onWheel={handleWheel}
|
||||
onClick={handleTimelineContentClick}
|
||||
onMouseDown={handleRulerTrackingMouseDown}
|
||||
data-ruler-area
|
||||
>
|
||||
<ScrollArea className="scrollbar-hidden w-full" ref={rulerScrollRef}>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,4 @@
|
|||
import { useEditor } from "@/hooks/use-editor";
|
||||
import { useElementSelection } from "@/hooks/use-element-selection";
|
||||
import {
|
||||
TooltipProvider,
|
||||
Tooltip,
|
||||
|
|
@ -37,6 +36,8 @@ import { TIMELINE_CONSTANTS } from "@/constants/timeline-constants";
|
|||
import { EditableTimecode } from "@/components/ui/editable-timecode";
|
||||
import { ScenesView } from "../scenes-view";
|
||||
import { type TAction, invokeAction } from "@/lib/actions";
|
||||
import { cn } from "@/lib/utils";
|
||||
import { useTimelineStore } from "@/stores/timeline-store";
|
||||
|
||||
export function TimelineToolbar({
|
||||
zoomLevel,
|
||||
|
|
@ -49,13 +50,13 @@ export function TimelineToolbar({
|
|||
const newZoomLevel =
|
||||
direction === "in"
|
||||
? Math.min(
|
||||
TIMELINE_CONSTANTS.ZOOM_MAX,
|
||||
zoomLevel + TIMELINE_CONSTANTS.ZOOM_STEP,
|
||||
)
|
||||
TIMELINE_CONSTANTS.ZOOM_MAX,
|
||||
zoomLevel + TIMELINE_CONSTANTS.ZOOM_STEP,
|
||||
)
|
||||
: Math.max(
|
||||
TIMELINE_CONSTANTS.ZOOM_MIN,
|
||||
zoomLevel - TIMELINE_CONSTANTS.ZOOM_STEP,
|
||||
);
|
||||
TIMELINE_CONSTANTS.ZOOM_MIN,
|
||||
zoomLevel - TIMELINE_CONSTANTS.ZOOM_STEP,
|
||||
);
|
||||
setZoomLevel({ zoom: newZoomLevel });
|
||||
};
|
||||
|
||||
|
|
@ -75,13 +76,9 @@ export function TimelineToolbar({
|
|||
}
|
||||
|
||||
function ToolbarLeftSection() {
|
||||
const { selectedElements } = useElementSelection();
|
||||
|
||||
const editor = useEditor();
|
||||
const currentTime = editor.playback.getCurrentTime();
|
||||
const duration = editor.timeline.getTotalDuration();
|
||||
const isPlaying = editor.playback.getIsPlaying();
|
||||
const activeProject = editor.project.getActive();
|
||||
const currentBookmarked = editor.scenes.isBookmarked({ time: currentTime });
|
||||
|
||||
const handleAction = ({
|
||||
|
|
@ -114,11 +111,7 @@ function ToolbarLeftSection() {
|
|||
|
||||
<div className="bg-border mx-2 h-10 w-px" />
|
||||
|
||||
<TimeDisplay
|
||||
currentTime={currentTime}
|
||||
duration={duration}
|
||||
fps={activeProject.settings.fps}
|
||||
/>
|
||||
<TimeDisplay />
|
||||
|
||||
<div className="bg-border mx-1 h-10 w-px" />
|
||||
|
||||
|
|
@ -148,9 +141,9 @@ function ToolbarLeftSection() {
|
|||
|
||||
<ToolbarButton
|
||||
icon={<SplitSquareHorizontal />}
|
||||
tooltip="Coming soon" /* Separate audio */
|
||||
tooltip="Coming soon" /* separate audio */
|
||||
disabled={true}
|
||||
onClick={({ event }) => {}}
|
||||
onClick={({ event }) => { }}
|
||||
/>
|
||||
|
||||
<ToolbarButton
|
||||
|
|
@ -163,9 +156,9 @@ function ToolbarLeftSection() {
|
|||
|
||||
<ToolbarButton
|
||||
icon={<Snowflake />}
|
||||
tooltip="Coming soon" /* Freeze frame */
|
||||
tooltip="Coming soon" /* freeze frame */
|
||||
disabled={true}
|
||||
onClick={({ event }) => {}}
|
||||
onClick={({ event }) => { }}
|
||||
/>
|
||||
|
||||
<ToolbarButton
|
||||
|
|
@ -196,31 +189,26 @@ function ToolbarLeftSection() {
|
|||
);
|
||||
}
|
||||
|
||||
function TimeDisplay({
|
||||
currentTime,
|
||||
duration,
|
||||
fps,
|
||||
}: {
|
||||
currentTime: number;
|
||||
duration: number;
|
||||
fps: number;
|
||||
}) {
|
||||
function TimeDisplay() {
|
||||
const editor = useEditor();
|
||||
const currentTime = editor.playback.getCurrentTime();
|
||||
const totalDuration = editor.timeline.getTotalDuration();
|
||||
const fps = editor.project.getActive().settings.fps;
|
||||
|
||||
return (
|
||||
<div className="flex flex-row items-center justify-center px-2">
|
||||
<EditableTimecode
|
||||
time={currentTime}
|
||||
duration={duration}
|
||||
duration={totalDuration}
|
||||
format="HH:MM:SS:FF"
|
||||
fps={fps}
|
||||
onTimeChange={(time) => editor.playback.seek({ time })}
|
||||
onTimeChange={({ time }) => editor.playback.seek({ time })}
|
||||
className="text-center"
|
||||
/>
|
||||
<div className="text-muted-foreground px-2 font-mono text-xs">/</div>
|
||||
<div className="text-muted-foreground text-center font-mono text-xs">
|
||||
{formatTimeCode({
|
||||
timeInSeconds: duration,
|
||||
timeInSeconds: totalDuration,
|
||||
format: "HH:MM:SS:FF",
|
||||
fps,
|
||||
})}
|
||||
|
|
@ -242,7 +230,7 @@ function SceneSelector() {
|
|||
<ScenesView>
|
||||
<SplitButtonRight
|
||||
disabled={scenesCount === 1}
|
||||
onClick={() => {}}
|
||||
onClick={() => { }}
|
||||
type="button"
|
||||
>
|
||||
<LayersIcon className="size-4" />
|
||||
|
|
@ -262,19 +250,21 @@ function ToolbarRightSection({
|
|||
onZoomChange: (zoom: number) => void;
|
||||
onZoom: (options: { direction: "in" | "out" }) => void;
|
||||
}) {
|
||||
const { snappingEnabled, rippleEditingEnabled, toggleSnapping, toggleRippleEditing } = useTimelineStore();
|
||||
|
||||
return (
|
||||
<div className="flex items-center gap-1">
|
||||
<TooltipProvider delayDuration={500}>
|
||||
<ToolbarButton
|
||||
icon={<Magnet />}
|
||||
icon={<Magnet className={cn(snappingEnabled ? "text-primary" : "")} />}
|
||||
tooltip="Auto snapping"
|
||||
onClick={() => {}}
|
||||
onClick={() => toggleSnapping()}
|
||||
/>
|
||||
|
||||
<ToolbarButton
|
||||
icon={<Link />}
|
||||
icon={<Link className={cn(rippleEditingEnabled ? "text-primary" : "")} />}
|
||||
tooltip="Ripple editing"
|
||||
onClick={() => {}}
|
||||
onClick={() => toggleRippleEditing()}
|
||||
/>
|
||||
</TooltipProvider>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
"use client";
|
||||
|
||||
import { useElementSelection } from "@/hooks/use-element-selection";
|
||||
import { useElementSelection } from "@/hooks/timeline/element/use-element-selection";
|
||||
import { TimelineElement } from "./timeline-element";
|
||||
import { TimelineTrack } from "@/types/timeline";
|
||||
import type { TimelineElement as TimelineElementType } from "@/types/timeline";
|
||||
import { TIMELINE_CONSTANTS } from "@/constants/timeline-constants";
|
||||
import { useEdgeAutoScroll } from "@/hooks/use-edge-auto-scroll";
|
||||
import { useEdgeAutoScroll } from "@/hooks/timeline/use-edge-auto-scroll";
|
||||
import { ElementDragState } from "@/types/timeline";
|
||||
import { useEditor } from "@/hooks/use-editor";
|
||||
|
||||
|
|
@ -39,7 +39,7 @@ export function TimelineTrackContent({
|
|||
onElementClick,
|
||||
}: TimelineTrackContentProps) {
|
||||
const editor = useEditor();
|
||||
const { isSelected, clearSelection } = useElementSelection();
|
||||
const { isElementSelected, clearElementSelection } = useElementSelection();
|
||||
|
||||
const duration = editor.timeline.getTotalDuration();
|
||||
|
||||
|
|
@ -52,14 +52,17 @@ export function TimelineTrackContent({
|
|||
});
|
||||
|
||||
return (
|
||||
<div className="hover:bg-muted/20 size-full" onClick={clearSelection}>
|
||||
<div
|
||||
className="hover:bg-muted/20 size-full"
|
||||
onClick={clearElementSelection}
|
||||
>
|
||||
<div className="track-elements-container relative h-full min-w-full">
|
||||
{track.elements.length === 0 ? (
|
||||
<div className="text-muted-foreground border-muted/30 flex size-full items-center justify-center rounded-sm border-2 border-dashed text-xs" />
|
||||
) : (
|
||||
<>
|
||||
{track.elements.map((element) => {
|
||||
const isElementSelected = isSelected({
|
||||
const isSelected = isElementSelected({
|
||||
trackId: track.id,
|
||||
elementId: element.id,
|
||||
});
|
||||
|
|
@ -70,7 +73,7 @@ export function TimelineTrackContent({
|
|||
element={element}
|
||||
track={track}
|
||||
zoomLevel={zoomLevel}
|
||||
isSelected={isElementSelected}
|
||||
isSelected={isSelected}
|
||||
onElementMouseDown={(event, element) =>
|
||||
onElementMouseDown({ event, element, track })
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@ import {
|
|||
useKeybindingsListener,
|
||||
useKeybindingDisabler,
|
||||
} from "@/hooks/use-keybindings";
|
||||
import { useEditorActions } from "@/hooks/use-editor-actions";
|
||||
import { useEditorActions } from "@/hooks/actions/use-editor-actions";
|
||||
|
||||
interface EditorProviderProps {
|
||||
projectId: string;
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@ interface EditableTimecodeProps {
|
|||
duration: number;
|
||||
format?: TTimeCode;
|
||||
fps: number;
|
||||
onTimeChange?: (time: number) => void;
|
||||
onTimeChange?: ({ time }: { time: number }) => void;
|
||||
className?: string;
|
||||
disabled?: boolean;
|
||||
}
|
||||
|
|
@ -54,43 +54,57 @@ export function EditableTimecode({
|
|||
return;
|
||||
}
|
||||
|
||||
// Clamp time to valid range
|
||||
const clampedTime = Math.max(
|
||||
0,
|
||||
duration ? Math.min(duration, parsedTime) : parsedTime,
|
||||
);
|
||||
|
||||
onTimeChange?.(clampedTime);
|
||||
onTimeChange?.({ time: clampedTime });
|
||||
setIsEditing(false);
|
||||
setInputValue("");
|
||||
setHasError(false);
|
||||
enterPressedRef.current = false;
|
||||
};
|
||||
|
||||
const handleKeyDown = (e: React.KeyboardEvent) => {
|
||||
if (e.key === "Enter") {
|
||||
e.preventDefault();
|
||||
const handleKeyDown = ({
|
||||
key,
|
||||
preventDefault,
|
||||
}: React.KeyboardEvent<HTMLInputElement>) => {
|
||||
if (key === "Enter") {
|
||||
preventDefault();
|
||||
enterPressedRef.current = true;
|
||||
applyEdit();
|
||||
} else if (e.key === "Escape") {
|
||||
e.preventDefault();
|
||||
} else if (key === "Escape") {
|
||||
preventDefault();
|
||||
cancelEditing();
|
||||
}
|
||||
};
|
||||
|
||||
const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
|
||||
setInputValue(e.target.value);
|
||||
const handleInputChange = ({
|
||||
target,
|
||||
}: React.ChangeEvent<HTMLInputElement>) => {
|
||||
setInputValue(target.value);
|
||||
setHasError(false);
|
||||
};
|
||||
|
||||
const handleBlur = () => {
|
||||
// Only apply edit if Enter wasn't pressed (to avoid double processing)
|
||||
if (!enterPressedRef.current && isEditing) {
|
||||
applyEdit();
|
||||
}
|
||||
};
|
||||
|
||||
// Focus input when entering edit mode
|
||||
const handleDisplayKeyDown = ({
|
||||
key,
|
||||
preventDefault,
|
||||
}: React.KeyboardEvent<HTMLSpanElement>) => {
|
||||
if (disabled) return;
|
||||
|
||||
if (key === "Enter" || key === " ") {
|
||||
preventDefault();
|
||||
startEditing();
|
||||
}
|
||||
};
|
||||
|
||||
useEffect(() => {
|
||||
if (isEditing && inputRef.current) {
|
||||
inputRef.current.focus();
|
||||
|
|
@ -123,6 +137,9 @@ export function EditableTimecode({
|
|||
return (
|
||||
<span
|
||||
onClick={startEditing}
|
||||
onKeyDown={handleDisplayKeyDown}
|
||||
role="button"
|
||||
tabIndex={disabled ? -1 : 0}
|
||||
className={cn(
|
||||
"text-primary cursor-pointer font-mono text-xs tabular-nums",
|
||||
"hover:bg-muted/50 -mx-1 px-1 transition-colors hover:rounded",
|
||||
|
|
|
|||
|
|
@ -1,763 +0,0 @@
|
|||
"use client";
|
||||
|
||||
import * as React from "react";
|
||||
import { Slot as SlotPrimitive } from "radix-ui";
|
||||
import { VariantProps, cva } from "class-variance-authority";
|
||||
import { PanelLeft } from "lucide-react";
|
||||
|
||||
import { useIsMobile } from "../../hooks/use-mobile";
|
||||
import { cn } from "../../lib/utils";
|
||||
import { Button } from "./button";
|
||||
import { Input } from "./input";
|
||||
import { Separator } from "./separator";
|
||||
import { Sheet, SheetContent, SheetTitle } from "./sheet";
|
||||
import { Skeleton } from "./skeleton";
|
||||
import {
|
||||
Tooltip,
|
||||
TooltipContent,
|
||||
TooltipProvider,
|
||||
TooltipTrigger,
|
||||
} from "./tooltip";
|
||||
|
||||
const SIDEBAR_COOKIE_NAME = "sidebar:state";
|
||||
const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
|
||||
const SIDEBAR_WIDTH = "16rem";
|
||||
const SIDEBAR_WIDTH_MOBILE = "18rem";
|
||||
const SIDEBAR_WIDTH_ICON = "3rem";
|
||||
const SIDEBAR_KEYBOARD_SHORTCUT = "b";
|
||||
|
||||
type SidebarContext = {
|
||||
state: "expanded" | "collapsed";
|
||||
open: boolean;
|
||||
setOpen: (open: boolean) => void;
|
||||
openMobile: boolean;
|
||||
setOpenMobile: (open: boolean) => void;
|
||||
isMobile: boolean;
|
||||
toggleSidebar: () => void;
|
||||
};
|
||||
|
||||
const SidebarContext = React.createContext<SidebarContext | null>(null);
|
||||
|
||||
function useSidebar() {
|
||||
const context = React.useContext(SidebarContext);
|
||||
if (!context) {
|
||||
throw new Error("useSidebar must be used within a SidebarProvider.");
|
||||
}
|
||||
|
||||
return context;
|
||||
}
|
||||
|
||||
const SidebarProvider = React.forwardRef<
|
||||
HTMLDivElement,
|
||||
React.ComponentProps<"div"> & {
|
||||
defaultOpen?: boolean;
|
||||
open?: boolean;
|
||||
onOpenChange?: (open: boolean) => void;
|
||||
}
|
||||
>(
|
||||
(
|
||||
{
|
||||
defaultOpen = true,
|
||||
open: openProp,
|
||||
onOpenChange: setOpenProp,
|
||||
className,
|
||||
style,
|
||||
children,
|
||||
...props
|
||||
},
|
||||
ref
|
||||
) => {
|
||||
const isMobile = useIsMobile();
|
||||
const [openMobile, setOpenMobile] = React.useState(false);
|
||||
|
||||
// This is the internal state of the sidebar.
|
||||
// We use openProp and setOpenProp for control from outside the component.
|
||||
const [_open, _setOpen] = React.useState(defaultOpen);
|
||||
const open = openProp ?? _open;
|
||||
const setOpen = React.useCallback(
|
||||
(value: boolean | ((value: boolean) => boolean)) => {
|
||||
const openState = typeof value === "function" ? value(open) : value;
|
||||
if (setOpenProp) {
|
||||
setOpenProp(openState);
|
||||
} else {
|
||||
_setOpen(openState);
|
||||
}
|
||||
|
||||
// This sets the cookie to keep the sidebar state.
|
||||
document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
|
||||
},
|
||||
[setOpenProp, open]
|
||||
);
|
||||
|
||||
// Helper to toggle the sidebar.
|
||||
const toggleSidebar = React.useCallback(() => {
|
||||
return isMobile
|
||||
? setOpenMobile((open) => !open)
|
||||
: setOpen((open) => !open);
|
||||
}, [isMobile, setOpen, setOpenMobile]);
|
||||
|
||||
// Adds a keyboard shortcut to toggle the sidebar.
|
||||
React.useEffect(() => {
|
||||
const handleKeyDown = (event: KeyboardEvent) => {
|
||||
if (
|
||||
event.key === SIDEBAR_KEYBOARD_SHORTCUT &&
|
||||
(event.metaKey || event.ctrlKey)
|
||||
) {
|
||||
event.preventDefault();
|
||||
toggleSidebar();
|
||||
}
|
||||
};
|
||||
|
||||
window.addEventListener("keydown", handleKeyDown);
|
||||
return () => window.removeEventListener("keydown", handleKeyDown);
|
||||
}, [toggleSidebar]);
|
||||
|
||||
// We add a state so that we can do data-state="expanded" or "collapsed".
|
||||
// This makes it easier to style the sidebar with Tailwind classes.
|
||||
const state = open ? "expanded" : "collapsed";
|
||||
|
||||
const contextValue = React.useMemo<SidebarContext>(
|
||||
() => ({
|
||||
state,
|
||||
open,
|
||||
setOpen,
|
||||
isMobile,
|
||||
openMobile,
|
||||
setOpenMobile,
|
||||
toggleSidebar,
|
||||
}),
|
||||
[state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
|
||||
);
|
||||
|
||||
return (
|
||||
<SidebarContext.Provider value={contextValue}>
|
||||
<TooltipProvider delayDuration={0}>
|
||||
<div
|
||||
style={
|
||||
{
|
||||
"--sidebar-width": SIDEBAR_WIDTH,
|
||||
"--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
|
||||
...style,
|
||||
} as React.CSSProperties
|
||||
}
|
||||
className={cn(
|
||||
"group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar",
|
||||
className
|
||||
)}
|
||||
ref={ref}
|
||||
{...props}
|
||||
>
|
||||
{children}
|
||||
</div>
|
||||
</TooltipProvider>
|
||||
</SidebarContext.Provider>
|
||||
);
|
||||
}
|
||||
);
|
||||
SidebarProvider.displayName = "SidebarProvider";
|
||||
|
||||
const Sidebar = React.forwardRef<
|
||||
HTMLDivElement,
|
||||
React.ComponentProps<"div"> & {
|
||||
side?: "left" | "right";
|
||||
variant?: "sidebar" | "floating" | "inset";
|
||||
collapsible?: "offcanvas" | "icon" | "none";
|
||||
}
|
||||
>(
|
||||
(
|
||||
{
|
||||
side = "left",
|
||||
variant = "sidebar",
|
||||
collapsible = "offcanvas",
|
||||
className,
|
||||
children,
|
||||
...props
|
||||
},
|
||||
ref
|
||||
) => {
|
||||
const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
|
||||
|
||||
if (collapsible === "none") {
|
||||
return (
|
||||
<div
|
||||
className={cn(
|
||||
"flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground",
|
||||
className
|
||||
)}
|
||||
ref={ref}
|
||||
{...props}
|
||||
>
|
||||
{children}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
if (isMobile) {
|
||||
return (
|
||||
<Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>
|
||||
<SheetContent
|
||||
data-sidebar="sidebar"
|
||||
data-mobile="true"
|
||||
className="w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden"
|
||||
style={
|
||||
{
|
||||
"--sidebar-width": SIDEBAR_WIDTH_MOBILE,
|
||||
} as React.CSSProperties
|
||||
}
|
||||
side={side}
|
||||
>
|
||||
<SheetTitle className="sr-only">Navigation Menu</SheetTitle>
|
||||
<div className="flex h-full w-full flex-col">{children}</div>
|
||||
</SheetContent>
|
||||
</Sheet>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<div
|
||||
ref={ref}
|
||||
className="group peer hidden md:block text-sidebar-foreground"
|
||||
data-state={state}
|
||||
data-collapsible={state === "collapsed" ? collapsible : ""}
|
||||
data-variant={variant}
|
||||
data-side={side}
|
||||
>
|
||||
{/* This is what handles the sidebar gap on desktop */}
|
||||
<div
|
||||
className={cn(
|
||||
"duration-200 relative h-full w-(--sidebar-width) bg-transparent transition-[width] ease-linear",
|
||||
"group-data-[collapsible=offcanvas]:w-0",
|
||||
"group-data-[side=right]:rotate-180",
|
||||
variant === "floating" || variant === "inset"
|
||||
? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]"
|
||||
: "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
|
||||
)}
|
||||
/>
|
||||
<div
|
||||
className={cn(
|
||||
"duration-200 fixed h-[calc(100vh-4rem)] top-16 z-10 hidden w-(--sidebar-width) transition-[left,right,width] ease-linear md:flex",
|
||||
side === "left"
|
||||
? "left-0 border-r group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]"
|
||||
: "right-0 border-l group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
|
||||
variant === "floating" || variant === "inset"
|
||||
? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]"
|
||||
: "group-data-[collapsible=icon]:w-(--sidebar-width-icon)",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
>
|
||||
<div
|
||||
data-sidebar="sidebar"
|
||||
className="flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow-sm"
|
||||
>
|
||||
{children}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
);
|
||||
Sidebar.displayName = "Sidebar";
|
||||
|
||||
const SidebarTrigger = React.forwardRef<
|
||||
React.ElementRef<typeof Button>,
|
||||
React.ComponentProps<typeof Button>
|
||||
>(({ className, onClick, ...props }, ref) => {
|
||||
const { toggleSidebar } = useSidebar();
|
||||
|
||||
return (
|
||||
<Button
|
||||
ref={ref}
|
||||
data-sidebar="trigger"
|
||||
variant="text"
|
||||
size="icon"
|
||||
className={cn("h-8 w-8", className)}
|
||||
onClick={(event) => {
|
||||
onClick?.(event);
|
||||
toggleSidebar();
|
||||
}}
|
||||
{...props}
|
||||
>
|
||||
<PanelLeft />
|
||||
<span className="sr-only">Toggle Sidebar</span>
|
||||
</Button>
|
||||
);
|
||||
});
|
||||
SidebarTrigger.displayName = "SidebarTrigger";
|
||||
|
||||
const SidebarRail = React.forwardRef<
|
||||
HTMLButtonElement,
|
||||
React.ComponentProps<"button">
|
||||
>(({ className, ...props }, ref) => {
|
||||
const { toggleSidebar } = useSidebar();
|
||||
|
||||
return (
|
||||
<button
|
||||
ref={ref}
|
||||
data-sidebar="rail"
|
||||
aria-label="Toggle Sidebar"
|
||||
tabIndex={-1}
|
||||
onClick={toggleSidebar}
|
||||
title="Toggle Sidebar"
|
||||
className={cn(
|
||||
"absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex",
|
||||
"in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize",
|
||||
"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
|
||||
"group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar",
|
||||
"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
|
||||
"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
);
|
||||
});
|
||||
SidebarRail.displayName = "SidebarRail";
|
||||
|
||||
const SidebarInset = React.forwardRef<
|
||||
HTMLDivElement,
|
||||
React.ComponentProps<"main">
|
||||
>(({ className, ...props }, ref) => {
|
||||
return (
|
||||
<main
|
||||
ref={ref}
|
||||
className={cn(
|
||||
"relative flex min-h-svh flex-1 flex-col bg-background",
|
||||
"peer-data-[variant=inset]:min-h-[calc(100svh-(--spacing(4)))] md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
);
|
||||
});
|
||||
SidebarInset.displayName = "SidebarInset";
|
||||
|
||||
const SidebarInput = React.forwardRef<
|
||||
React.ElementRef<typeof Input>,
|
||||
React.ComponentProps<typeof Input>
|
||||
>(({ className, ...props }, ref) => {
|
||||
return (
|
||||
<Input
|
||||
ref={ref}
|
||||
data-sidebar="input"
|
||||
className={cn(
|
||||
"h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
);
|
||||
});
|
||||
SidebarInput.displayName = "SidebarInput";
|
||||
|
||||
const SidebarHeader = React.forwardRef<
|
||||
HTMLDivElement,
|
||||
React.ComponentProps<"div">
|
||||
>(({ className, ...props }, ref) => {
|
||||
return (
|
||||
<div
|
||||
ref={ref}
|
||||
data-sidebar="header"
|
||||
className={cn("flex flex-col gap-2 p-2", className)}
|
||||
{...props}
|
||||
/>
|
||||
);
|
||||
});
|
||||
SidebarHeader.displayName = "SidebarHeader";
|
||||
|
||||
const SidebarFooter = React.forwardRef<
|
||||
HTMLDivElement,
|
||||
React.ComponentProps<"div">
|
||||
>(({ className, ...props }, ref) => {
|
||||
return (
|
||||
<div
|
||||
ref={ref}
|
||||
data-sidebar="footer"
|
||||
className={cn("flex flex-col gap-2 p-2", className)}
|
||||
{...props}
|
||||
/>
|
||||
);
|
||||
});
|
||||
SidebarFooter.displayName = "SidebarFooter";
|
||||
|
||||
const SidebarSeparator = React.forwardRef<
|
||||
React.ElementRef<typeof Separator>,
|
||||
React.ComponentProps<typeof Separator>
|
||||
>(({ className, ...props }, ref) => {
|
||||
return (
|
||||
<Separator
|
||||
ref={ref}
|
||||
data-sidebar="separator"
|
||||
className={cn("mx-2 w-auto bg-sidebar-border", className)}
|
||||
{...props}
|
||||
/>
|
||||
);
|
||||
});
|
||||
SidebarSeparator.displayName = "SidebarSeparator";
|
||||
|
||||
const SidebarContent = React.forwardRef<
|
||||
HTMLDivElement,
|
||||
React.ComponentProps<"div">
|
||||
>(({ className, ...props }, ref) => {
|
||||
return (
|
||||
<div
|
||||
ref={ref}
|
||||
data-sidebar="content"
|
||||
className={cn(
|
||||
"flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
);
|
||||
});
|
||||
SidebarContent.displayName = "SidebarContent";
|
||||
|
||||
const SidebarGroup = React.forwardRef<
|
||||
HTMLDivElement,
|
||||
React.ComponentProps<"div">
|
||||
>(({ className, ...props }, ref) => {
|
||||
return (
|
||||
<div
|
||||
ref={ref}
|
||||
data-sidebar="group"
|
||||
className={cn("relative flex w-full min-w-0 flex-col p-2", className)}
|
||||
{...props}
|
||||
/>
|
||||
);
|
||||
});
|
||||
SidebarGroup.displayName = "SidebarGroup";
|
||||
|
||||
const SidebarGroupLabel = React.forwardRef<
|
||||
HTMLDivElement,
|
||||
React.ComponentProps<"div"> & { asChild?: boolean }
|
||||
>(({ className, asChild = false, ...props }, ref) => {
|
||||
const Comp = asChild ? SlotPrimitive.Slot : "div";
|
||||
|
||||
return (
|
||||
<Comp
|
||||
ref={ref as any}
|
||||
data-sidebar="group-label"
|
||||
className={cn(
|
||||
"duration-200 flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-hidden ring-sidebar-ring transition-[margin,opa] ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
|
||||
"group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
);
|
||||
});
|
||||
SidebarGroupLabel.displayName = "SidebarGroupLabel";
|
||||
|
||||
const SidebarGroupAction = React.forwardRef<
|
||||
HTMLButtonElement,
|
||||
React.ComponentProps<"button"> & { asChild?: boolean }
|
||||
>(({ className, asChild = false, ...props }, ref) => {
|
||||
const Comp = asChild ? SlotPrimitive.Slot : "button";
|
||||
|
||||
return (
|
||||
<Comp
|
||||
ref={ref as any}
|
||||
data-sidebar="group-action"
|
||||
className={cn(
|
||||
"absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-hidden ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
|
||||
// Increases the hit area of the button on mobile.
|
||||
"after:absolute after:-inset-2 md:after:hidden",
|
||||
"group-data-[collapsible=icon]:hidden",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
);
|
||||
});
|
||||
SidebarGroupAction.displayName = "SidebarGroupAction";
|
||||
|
||||
const SidebarGroupContent = React.forwardRef<
|
||||
HTMLDivElement,
|
||||
React.ComponentProps<"div">
|
||||
>(({ className, ...props }, ref) => (
|
||||
<div
|
||||
ref={ref}
|
||||
data-sidebar="group-content"
|
||||
className={cn("w-full text-sm", className)}
|
||||
{...props}
|
||||
/>
|
||||
));
|
||||
SidebarGroupContent.displayName = "SidebarGroupContent";
|
||||
|
||||
const SidebarMenu = React.forwardRef<
|
||||
HTMLUListElement,
|
||||
React.ComponentProps<"ul">
|
||||
>(({ className, ...props }, ref) => (
|
||||
<ul
|
||||
ref={ref}
|
||||
data-sidebar="menu"
|
||||
className={cn("flex w-full min-w-0 flex-col gap-1", className)}
|
||||
{...props}
|
||||
/>
|
||||
));
|
||||
SidebarMenu.displayName = "SidebarMenu";
|
||||
|
||||
const SidebarMenuItem = React.forwardRef<
|
||||
HTMLLIElement,
|
||||
React.ComponentProps<"li">
|
||||
>(({ className, ...props }, ref) => (
|
||||
<li
|
||||
ref={ref}
|
||||
data-sidebar="menu-item"
|
||||
className={cn("group/menu-item relative", className)}
|
||||
{...props}
|
||||
/>
|
||||
));
|
||||
SidebarMenuItem.displayName = "SidebarMenuItem";
|
||||
|
||||
const sidebarMenuButtonVariants = cva(
|
||||
"peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
|
||||
{
|
||||
variants: {
|
||||
variant: {
|
||||
default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
|
||||
outline:
|
||||
"bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]",
|
||||
},
|
||||
size: {
|
||||
default: "h-8 text-sm",
|
||||
sm: "h-7 text-xs",
|
||||
lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!",
|
||||
},
|
||||
},
|
||||
defaultVariants: {
|
||||
variant: "default",
|
||||
size: "default",
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
const SidebarMenuButton = React.forwardRef<
|
||||
HTMLButtonElement,
|
||||
React.ComponentProps<"button"> & {
|
||||
asChild?: boolean;
|
||||
isActive?: boolean;
|
||||
tooltip?: string | React.ComponentProps<typeof TooltipContent>;
|
||||
} & VariantProps<typeof sidebarMenuButtonVariants>
|
||||
>(
|
||||
(
|
||||
{
|
||||
asChild = false,
|
||||
isActive = false,
|
||||
variant = "default",
|
||||
size = "default",
|
||||
tooltip,
|
||||
className,
|
||||
...props
|
||||
},
|
||||
ref
|
||||
) => {
|
||||
const Comp = asChild ? SlotPrimitive.Slot : "button";
|
||||
const { isMobile, state } = useSidebar();
|
||||
|
||||
const button = (
|
||||
<Comp
|
||||
ref={ref as any}
|
||||
data-sidebar="menu-button"
|
||||
data-size={size}
|
||||
data-active={isActive}
|
||||
className={cn(sidebarMenuButtonVariants({ variant, size }), className)}
|
||||
{...props}
|
||||
/>
|
||||
);
|
||||
|
||||
if (!tooltip) {
|
||||
return button;
|
||||
}
|
||||
|
||||
if (typeof tooltip === "string") {
|
||||
tooltip = {
|
||||
children: tooltip,
|
||||
};
|
||||
}
|
||||
|
||||
return (
|
||||
<Tooltip>
|
||||
<TooltipTrigger asChild>{button}</TooltipTrigger>
|
||||
<TooltipContent
|
||||
side="right"
|
||||
align="center"
|
||||
hidden={state !== "collapsed" || isMobile}
|
||||
{...tooltip}
|
||||
/>
|
||||
</Tooltip>
|
||||
);
|
||||
}
|
||||
);
|
||||
SidebarMenuButton.displayName = "SidebarMenuButton";
|
||||
|
||||
const SidebarMenuAction = React.forwardRef<
|
||||
HTMLButtonElement,
|
||||
React.ComponentProps<"button"> & {
|
||||
asChild?: boolean;
|
||||
showOnHover?: boolean;
|
||||
}
|
||||
>(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
|
||||
const Comp = asChild ? SlotPrimitive.Slot : "button";
|
||||
|
||||
return (
|
||||
<Comp
|
||||
ref={ref as any}
|
||||
data-sidebar="menu-action"
|
||||
className={cn(
|
||||
"absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-hidden ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0",
|
||||
// Increases the hit area of the button on mobile.
|
||||
"after:absolute after:-inset-2 md:after:hidden",
|
||||
"peer-data-[size=sm]/menu-button:top-1",
|
||||
"peer-data-[size=default]/menu-button:top-1.5",
|
||||
"peer-data-[size=lg]/menu-button:top-2.5",
|
||||
"group-data-[collapsible=icon]:hidden",
|
||||
showOnHover &&
|
||||
"group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
);
|
||||
});
|
||||
SidebarMenuAction.displayName = "SidebarMenuAction";
|
||||
|
||||
const SidebarMenuBadge = React.forwardRef<
|
||||
HTMLDivElement,
|
||||
React.ComponentProps<"div">
|
||||
>(({ className, ...props }, ref) => (
|
||||
<div
|
||||
ref={ref}
|
||||
data-sidebar="menu-badge"
|
||||
className={cn(
|
||||
"absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground select-none pointer-events-none",
|
||||
"peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
|
||||
"peer-data-[size=sm]/menu-button:top-1",
|
||||
"peer-data-[size=default]/menu-button:top-1.5",
|
||||
"peer-data-[size=lg]/menu-button:top-2.5",
|
||||
"group-data-[collapsible=icon]:hidden",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
));
|
||||
SidebarMenuBadge.displayName = "SidebarMenuBadge";
|
||||
|
||||
const SidebarMenuSkeleton = React.forwardRef<
|
||||
HTMLDivElement,
|
||||
React.ComponentProps<"div"> & {
|
||||
showIcon?: boolean;
|
||||
}
|
||||
>(({ className, showIcon = false, ...props }, ref) => {
|
||||
// Random width between 50 to 90%.
|
||||
const width = React.useMemo(() => {
|
||||
return `${Math.floor(Math.random() * 40) + 50}%`;
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<div
|
||||
ref={ref}
|
||||
data-sidebar="menu-skeleton"
|
||||
className={cn("rounded-md h-8 flex gap-2 px-2 items-center", className)}
|
||||
{...props}
|
||||
>
|
||||
{showIcon && (
|
||||
<Skeleton
|
||||
className="size-4 rounded-md"
|
||||
data-sidebar="menu-skeleton-icon"
|
||||
/>
|
||||
)}
|
||||
<Skeleton
|
||||
className="h-4 flex-1 max-w-(--skeleton-width)"
|
||||
data-sidebar="menu-skeleton-text"
|
||||
style={
|
||||
{
|
||||
"--skeleton-width": width,
|
||||
} as React.CSSProperties
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
});
|
||||
SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
|
||||
|
||||
const SidebarMenuSub = React.forwardRef<
|
||||
HTMLUListElement,
|
||||
React.ComponentProps<"ul">
|
||||
>(({ className, ...props }, ref) => (
|
||||
<ul
|
||||
ref={ref}
|
||||
data-sidebar="menu-sub"
|
||||
className={cn(
|
||||
"mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5",
|
||||
"group-data-[collapsible=icon]:hidden",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
));
|
||||
SidebarMenuSub.displayName = "SidebarMenuSub";
|
||||
|
||||
const SidebarMenuSubItem = React.forwardRef<
|
||||
HTMLLIElement,
|
||||
React.ComponentProps<"li">
|
||||
>(({ ...props }, ref) => <li ref={ref} {...props} />);
|
||||
SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
|
||||
|
||||
const SidebarMenuSubButton = React.forwardRef<
|
||||
HTMLAnchorElement,
|
||||
React.ComponentProps<"a"> & {
|
||||
asChild?: boolean;
|
||||
size?: "sm" | "md";
|
||||
isActive?: boolean;
|
||||
}
|
||||
>(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
|
||||
const Comp = asChild ? SlotPrimitive.Slot : "a";
|
||||
|
||||
return (
|
||||
<Comp
|
||||
ref={ref as any}
|
||||
data-sidebar="menu-sub-button"
|
||||
data-size={size}
|
||||
data-active={isActive}
|
||||
className={cn(
|
||||
"flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-hidden ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground",
|
||||
"data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
|
||||
size === "sm" && "text-xs",
|
||||
size === "md" && "text-sm",
|
||||
"group-data-[collapsible=icon]:hidden",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
);
|
||||
});
|
||||
SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
|
||||
|
||||
export {
|
||||
Sidebar,
|
||||
SidebarContent,
|
||||
SidebarFooter,
|
||||
SidebarGroup,
|
||||
SidebarGroupAction,
|
||||
SidebarGroupContent,
|
||||
SidebarGroupLabel,
|
||||
SidebarHeader,
|
||||
SidebarInput,
|
||||
SidebarInset,
|
||||
SidebarMenu,
|
||||
SidebarMenuAction,
|
||||
SidebarMenuBadge,
|
||||
SidebarMenuButton,
|
||||
SidebarMenuItem,
|
||||
SidebarMenuSkeleton,
|
||||
SidebarMenuSub,
|
||||
SidebarMenuSubButton,
|
||||
SidebarMenuSubItem,
|
||||
SidebarProvider,
|
||||
SidebarRail,
|
||||
SidebarSeparator,
|
||||
SidebarTrigger,
|
||||
useSidebar,
|
||||
};
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
"use client";
|
||||
|
||||
import { useToast } from "../../hooks/use-toast";
|
||||
import {
|
||||
Toast,
|
||||
ToastClose,
|
||||
ToastDescription,
|
||||
ToastProvider,
|
||||
ToastTitle,
|
||||
ToastViewport,
|
||||
} from "./toast";
|
||||
|
||||
export function Toaster() {
|
||||
const { toasts } = useToast();
|
||||
|
||||
return (
|
||||
<ToastProvider>
|
||||
{toasts.map(({ id, title, description, action, ...props }) => (
|
||||
<Toast key={id} {...props}>
|
||||
<div className="grid gap-1">
|
||||
{title && <ToastTitle>{title}</ToastTitle>}
|
||||
{description && <ToastDescription>{description}</ToastDescription>}
|
||||
</div>
|
||||
{action}
|
||||
<ToastClose />
|
||||
</Toast>
|
||||
))}
|
||||
<ToastViewport />
|
||||
</ToastProvider>
|
||||
);
|
||||
}
|
||||
|
|
@ -5,6 +5,7 @@ import { ProjectManager } from "./managers/project-manager";
|
|||
import { MediaManager } from "./managers/media-manager";
|
||||
import { RendererManager } from "./managers/renderer-manager";
|
||||
import { CommandManager } from "./managers/commands";
|
||||
import { SaveManager } from "./managers/save-manager";
|
||||
import { buildScene } from "@/services/renderer/scene-builder";
|
||||
import { SceneExporter } from "@/services/renderer/scene-exporter";
|
||||
import type { ExportOptions } from "@/types/export";
|
||||
|
|
@ -19,6 +20,7 @@ export class EditorCore {
|
|||
public readonly project: ProjectManager;
|
||||
public readonly media: MediaManager;
|
||||
public readonly renderer: RendererManager;
|
||||
public readonly save: SaveManager;
|
||||
|
||||
private constructor() {
|
||||
this.command = new CommandManager();
|
||||
|
|
@ -28,6 +30,8 @@ export class EditorCore {
|
|||
this.project = new ProjectManager(this);
|
||||
this.media = new MediaManager(this);
|
||||
this.renderer = new RendererManager(this);
|
||||
this.save = new SaveManager(this);
|
||||
this.save.start();
|
||||
}
|
||||
|
||||
static getInstance(): EditorCore {
|
||||
|
|
|
|||
|
|
@ -8,6 +8,7 @@ import type { TimelineElement } from "@/types/timeline";
|
|||
import { storageService } from "@/lib/storage/storage-service";
|
||||
import { toast } from "sonner";
|
||||
import { generateUUID } from "@/lib/utils";
|
||||
import { UpdateProjectSettingsCommand } from "@/lib/commands/project";
|
||||
import {
|
||||
DEFAULT_FPS,
|
||||
DEFAULT_CANVAS_SIZE,
|
||||
|
|
@ -130,6 +131,7 @@ export class ProjectManager {
|
|||
this.notify();
|
||||
}
|
||||
|
||||
this.editor.save.pause();
|
||||
await this.ensureStorageMigrations();
|
||||
this.editor.media.clearAllAssets();
|
||||
this.editor.scenes.clearScenes();
|
||||
|
|
@ -159,6 +161,7 @@ export class ProjectManager {
|
|||
} finally {
|
||||
this.isLoading = false;
|
||||
this.notify();
|
||||
this.editor.save.resume();
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -339,27 +342,20 @@ export class ProjectManager {
|
|||
|
||||
async updateSettings({
|
||||
settings,
|
||||
pushHistory = true,
|
||||
}: {
|
||||
settings: Partial<TProjectSettings>;
|
||||
pushHistory?: boolean;
|
||||
}): Promise<void> {
|
||||
if (!this.active) return;
|
||||
|
||||
const updatedProject: TProject = {
|
||||
...this.active,
|
||||
settings: { ...this.active.settings, ...settings },
|
||||
metadata: { ...this.active.metadata, updatedAt: new Date() },
|
||||
};
|
||||
|
||||
try {
|
||||
await storageService.saveProject({ project: updatedProject });
|
||||
this.active = updatedProject;
|
||||
this.notify();
|
||||
} catch (error) {
|
||||
console.error("Failed to update settings:", error);
|
||||
toast.error("Failed to update settings", {
|
||||
description: "Please try again",
|
||||
});
|
||||
const command = new UpdateProjectSettingsCommand(settings);
|
||||
if (pushHistory) {
|
||||
this.editor.command.execute({ command });
|
||||
return;
|
||||
}
|
||||
|
||||
command.execute();
|
||||
}
|
||||
|
||||
async updateThumbnail({ thumbnail }: { thumbnail: string }): Promise<void> {
|
||||
|
|
@ -369,15 +365,10 @@ export class ProjectManager {
|
|||
...this.active,
|
||||
metadata: { ...this.active.metadata, thumbnail, updatedAt: new Date() },
|
||||
};
|
||||
|
||||
try {
|
||||
await storageService.saveProject({ project: updatedProject });
|
||||
this.active = updatedProject;
|
||||
this.notify();
|
||||
this.updateMetadata(updatedProject);
|
||||
} catch (error) {
|
||||
console.error("Failed to update thumbnail:", error);
|
||||
}
|
||||
this.active = updatedProject;
|
||||
this.notify();
|
||||
this.updateMetadata(updatedProject);
|
||||
this.editor.save.markDirty();
|
||||
}
|
||||
|
||||
async prepareExit(): Promise<void> {
|
||||
|
|
|
|||
|
|
@ -0,0 +1,105 @@
|
|||
import type { EditorCore } from "@/core";
|
||||
|
||||
type SaveManagerOptions = {
|
||||
debounceMs?: number;
|
||||
};
|
||||
|
||||
export class SaveManager {
|
||||
private debounceMs: number;
|
||||
private isPaused = false;
|
||||
private isSaving = false;
|
||||
private hasPendingSave = false;
|
||||
private saveTimer: ReturnType<typeof setTimeout> | null = null;
|
||||
private unsubscribeHandlers: Array<() => void> = [];
|
||||
|
||||
constructor(
|
||||
private editor: EditorCore,
|
||||
{ debounceMs = 800 }: SaveManagerOptions = {},
|
||||
) {
|
||||
this.debounceMs = debounceMs;
|
||||
}
|
||||
|
||||
start(): void {
|
||||
if (this.unsubscribeHandlers.length > 0) return;
|
||||
|
||||
this.unsubscribeHandlers = [
|
||||
this.editor.scenes.subscribe(() => {
|
||||
this.markDirty();
|
||||
}),
|
||||
this.editor.timeline.subscribe(() => {
|
||||
this.markDirty();
|
||||
}),
|
||||
];
|
||||
}
|
||||
|
||||
stop(): void {
|
||||
for (const unsubscribe of this.unsubscribeHandlers) {
|
||||
unsubscribe();
|
||||
}
|
||||
this.unsubscribeHandlers = [];
|
||||
this.clearTimer();
|
||||
}
|
||||
|
||||
pause(): void {
|
||||
this.isPaused = true;
|
||||
}
|
||||
|
||||
resume(): void {
|
||||
this.isPaused = false;
|
||||
if (this.hasPendingSave) {
|
||||
this.queueSave();
|
||||
}
|
||||
}
|
||||
|
||||
markDirty(
|
||||
{ force = false }: { force?: boolean } = {},
|
||||
): void {
|
||||
if (this.isPaused && !force) return;
|
||||
this.hasPendingSave = true;
|
||||
this.queueSave();
|
||||
}
|
||||
|
||||
async flush(): Promise<void> {
|
||||
this.hasPendingSave = true;
|
||||
await this.saveNow();
|
||||
}
|
||||
|
||||
private queueSave(): void {
|
||||
if (this.isSaving) return;
|
||||
if (this.saveTimer) {
|
||||
clearTimeout(this.saveTimer);
|
||||
}
|
||||
this.saveTimer = setTimeout(() => {
|
||||
void this.saveNow();
|
||||
}, this.debounceMs);
|
||||
}
|
||||
|
||||
private async saveNow(): Promise<void> {
|
||||
if (this.isSaving) return;
|
||||
if (!this.hasPendingSave) return;
|
||||
|
||||
const activeProject = this.editor.project.getActiveOrNull();
|
||||
if (!activeProject) return;
|
||||
if (this.editor.project.getIsLoading()) return;
|
||||
if (this.editor.project.getMigrationState().isMigrating) return;
|
||||
|
||||
this.isSaving = true;
|
||||
this.hasPendingSave = false;
|
||||
this.clearTimer();
|
||||
|
||||
try {
|
||||
await this.editor.project.saveCurrentProject();
|
||||
} finally {
|
||||
this.isSaving = false;
|
||||
if (this.hasPendingSave) {
|
||||
this.queueSave();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private clearTimer(): void {
|
||||
if (!this.saveTimer) return;
|
||||
clearTimeout(this.saveTimer);
|
||||
this.saveTimer = null;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,23 +1,24 @@
|
|||
import type { EditorCore } from "@/core";
|
||||
import type { TScene } from "@/types/timeline";
|
||||
import type { TimelineTrack, TScene } from "@/types/timeline";
|
||||
import { storageService } from "@/lib/storage/storage-service";
|
||||
import { toast } from "sonner";
|
||||
import {
|
||||
updateSceneInArray,
|
||||
getMainScene,
|
||||
ensureMainScene,
|
||||
buildDefaultScene,
|
||||
canDeleteScene,
|
||||
getFallbackSceneAfterDelete,
|
||||
findCurrentScene,
|
||||
} from "@/lib/scene-utils";
|
||||
import {
|
||||
getFrameTime,
|
||||
toggleBookmarkInArray,
|
||||
removeBookmarkFromArray,
|
||||
isBookmarkAtTime,
|
||||
} from "@/lib/timeline/bookmark-utils";
|
||||
import { ensureMainTrack } from "@/lib/timeline/track-utils";
|
||||
import {
|
||||
CreateSceneCommand,
|
||||
DeleteSceneCommand,
|
||||
RemoveBookmarkCommand,
|
||||
RenameSceneCommand,
|
||||
ToggleBookmarkCommand,
|
||||
} from "@/lib/commands/scene";
|
||||
|
||||
export class ScenesManager {
|
||||
private active: TScene | null = null;
|
||||
|
|
@ -33,16 +34,13 @@ export class ScenesManager {
|
|||
name: string;
|
||||
isMain: boolean;
|
||||
}): Promise<string> {
|
||||
const newScene = buildDefaultScene({ name, isMain });
|
||||
const updatedScenes = [...this.list, newScene];
|
||||
|
||||
try {
|
||||
await this.updateProjectWithScenes({ updatedScenes });
|
||||
return newScene.id;
|
||||
} catch (error) {
|
||||
console.error("Failed to create scene:", error);
|
||||
throw error;
|
||||
if (!this.editor.project.getActive()) {
|
||||
throw new Error("No active project");
|
||||
}
|
||||
|
||||
const command = new CreateSceneCommand(name, isMain);
|
||||
this.editor.command.execute({ command });
|
||||
return command.getSceneId();
|
||||
}
|
||||
|
||||
async deleteScene({ sceneId }: { sceneId: string }): Promise<void> {
|
||||
|
|
@ -57,23 +55,12 @@ export class ScenesManager {
|
|||
throw new Error(reason);
|
||||
}
|
||||
|
||||
const updatedScenes = this.list.filter((s) => s.id !== sceneId);
|
||||
|
||||
const newCurrentScene = getFallbackSceneAfterDelete({
|
||||
scenes: updatedScenes,
|
||||
deletedSceneId: sceneId,
|
||||
currentSceneId: this.active?.id || null,
|
||||
});
|
||||
|
||||
try {
|
||||
await this.updateProjectWithScenes({
|
||||
updatedScenes,
|
||||
updatedSceneId: newCurrentScene?.id,
|
||||
});
|
||||
} catch (error) {
|
||||
console.error("Failed to delete scene:", error);
|
||||
throw error;
|
||||
if (!this.editor.project.getActive()) {
|
||||
throw new Error("No active project");
|
||||
}
|
||||
|
||||
const command = new DeleteSceneCommand(sceneId);
|
||||
this.editor.command.execute({ command });
|
||||
}
|
||||
|
||||
async renameScene({
|
||||
|
|
@ -83,21 +70,12 @@ export class ScenesManager {
|
|||
sceneId: string;
|
||||
name: string;
|
||||
}): Promise<void> {
|
||||
const updatedScenes = updateSceneInArray({
|
||||
scenes: this.list,
|
||||
sceneId,
|
||||
updates: { name, updatedAt: new Date() },
|
||||
});
|
||||
|
||||
try {
|
||||
await this.updateProjectWithScenes({
|
||||
updatedScenes,
|
||||
updatedSceneId: sceneId,
|
||||
});
|
||||
} catch (error) {
|
||||
console.error("Failed to rename scene:", error);
|
||||
throw error;
|
||||
if (!this.editor.project.getActive()) {
|
||||
throw new Error("No active project");
|
||||
}
|
||||
|
||||
const command = new RenameSceneCommand(sceneId, name);
|
||||
this.editor.command.execute({ command });
|
||||
}
|
||||
|
||||
async switchToScene({ sceneId }: { sceneId: string }): Promise<void> {
|
||||
|
|
@ -119,7 +97,6 @@ export class ScenesManager {
|
|||
},
|
||||
};
|
||||
|
||||
await storageService.saveProject({ project: updatedProject });
|
||||
this.editor.project.setActiveProject({ project: updatedProject });
|
||||
}
|
||||
|
||||
|
|
@ -128,39 +105,8 @@ export class ScenesManager {
|
|||
}
|
||||
|
||||
async toggleBookmark({ time }: { time: number }): Promise<void> {
|
||||
const activeScene = this.getActiveScene();
|
||||
if (!activeScene || !this.active) return;
|
||||
|
||||
const activeProject = this.editor.project.getActive();
|
||||
if (!activeProject) return;
|
||||
|
||||
const frameTime = getFrameTime({
|
||||
time,
|
||||
fps: activeProject.settings.fps,
|
||||
});
|
||||
|
||||
const updatedBookmarks = toggleBookmarkInArray({
|
||||
bookmarks: activeScene.bookmarks,
|
||||
frameTime,
|
||||
});
|
||||
|
||||
const updatedScenes = updateSceneInArray({
|
||||
scenes: this.list,
|
||||
sceneId: activeScene.id,
|
||||
updates: { bookmarks: updatedBookmarks },
|
||||
});
|
||||
|
||||
try {
|
||||
await this.updateProjectWithScenes({
|
||||
updatedScenes,
|
||||
updatedSceneId: activeScene.id,
|
||||
});
|
||||
} catch (error) {
|
||||
console.error("Failed to update scene bookmarks:", error);
|
||||
toast.error("Failed to update bookmarks", {
|
||||
description: "Please try again",
|
||||
});
|
||||
}
|
||||
const command = new ToggleBookmarkCommand(time);
|
||||
this.editor.command.execute({ command });
|
||||
}
|
||||
|
||||
isBookmarked({ time }: { time: number }): boolean {
|
||||
|
|
@ -178,43 +124,8 @@ export class ScenesManager {
|
|||
}
|
||||
|
||||
async removeBookmark({ time }: { time: number }): Promise<void> {
|
||||
const activeScene = this.getActiveScene();
|
||||
if (!activeScene || !this.active) return;
|
||||
|
||||
const activeProject = this.editor.project.getActive();
|
||||
if (!activeProject) return;
|
||||
|
||||
const frameTime = getFrameTime({
|
||||
time,
|
||||
fps: activeProject.settings.fps,
|
||||
});
|
||||
|
||||
const updatedBookmarks = removeBookmarkFromArray({
|
||||
bookmarks: activeScene.bookmarks,
|
||||
frameTime,
|
||||
});
|
||||
|
||||
if (updatedBookmarks.length === activeScene.bookmarks.length) {
|
||||
return;
|
||||
}
|
||||
|
||||
const updatedScenes = updateSceneInArray({
|
||||
scenes: this.list,
|
||||
sceneId: activeScene.id,
|
||||
updates: { bookmarks: updatedBookmarks },
|
||||
});
|
||||
|
||||
try {
|
||||
await this.updateProjectWithScenes({
|
||||
updatedScenes,
|
||||
updatedSceneId: activeScene.id,
|
||||
});
|
||||
} catch (error) {
|
||||
console.error("Failed to update scene bookmarks:", error);
|
||||
toast.error("Failed to remove bookmark", {
|
||||
description: "Please try again",
|
||||
});
|
||||
}
|
||||
const command = new RemoveBookmarkCommand(time);
|
||||
this.editor.command.execute({ command });
|
||||
}
|
||||
|
||||
async loadProjectScenes({ projectId }: { projectId: string }): Promise<void> {
|
||||
|
|
@ -245,8 +156,8 @@ export class ScenesManager {
|
|||
updatedAt: new Date(),
|
||||
},
|
||||
};
|
||||
await storageService.saveProject({ project: updatedProject });
|
||||
this.editor.project.setActiveProject({ project: updatedProject });
|
||||
this.editor.save.markDirty({ force: true });
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -292,17 +203,8 @@ export class ScenesManager {
|
|||
},
|
||||
};
|
||||
|
||||
storageService
|
||||
.saveProject({ project: updatedProject })
|
||||
.then(() => {
|
||||
this.editor.project.setActiveProject({ project: updatedProject });
|
||||
})
|
||||
.catch((error) => {
|
||||
console.error(
|
||||
"Failed to save project with background scene:",
|
||||
error,
|
||||
);
|
||||
});
|
||||
this.editor.project.setActiveProject({ project: updatedProject });
|
||||
this.editor.save.markDirty({ force: true });
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -347,9 +249,6 @@ export class ScenesManager {
|
|||
updatedAt: new Date(),
|
||||
},
|
||||
};
|
||||
storageService.saveProject({ project: updatedProject }).catch((error) => {
|
||||
console.error("Failed to persist scenes:", error);
|
||||
});
|
||||
this.editor.project.setActiveProject({ project: updatedProject });
|
||||
}
|
||||
}
|
||||
|
|
@ -366,7 +265,7 @@ export class ScenesManager {
|
|||
updateSceneTracks({
|
||||
tracks,
|
||||
}: {
|
||||
tracks: import("@/types/timeline").TimelineTrack[];
|
||||
tracks: TimelineTrack[];
|
||||
}): void {
|
||||
if (!this.active) return;
|
||||
|
||||
|
|
@ -421,36 +320,4 @@ export class ScenesManager {
|
|||
return { scenes: ensuredScenes, hasAddedMainTrack };
|
||||
}
|
||||
|
||||
private async updateProjectWithScenes({
|
||||
updatedScenes,
|
||||
updatedSceneId,
|
||||
}: {
|
||||
updatedScenes: TScene[];
|
||||
updatedSceneId?: string;
|
||||
}): Promise<void> {
|
||||
const activeProject = this.editor.project.getActive();
|
||||
|
||||
if (!activeProject) {
|
||||
throw new Error("No active project");
|
||||
}
|
||||
|
||||
const updatedScene = updatedSceneId
|
||||
? updatedScenes.find((s) => s.id === updatedSceneId)
|
||||
: this.active;
|
||||
|
||||
const updatedProject = {
|
||||
...activeProject,
|
||||
scenes: updatedScenes,
|
||||
metadata: {
|
||||
...activeProject.metadata,
|
||||
updatedAt: new Date(),
|
||||
},
|
||||
};
|
||||
|
||||
await storageService.saveProject({ project: updatedProject });
|
||||
this.editor.project.setActiveProject({ project: updatedProject });
|
||||
this.list = updatedScenes;
|
||||
this.active = updatedScene || null;
|
||||
this.notify();
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -12,6 +12,7 @@ import {
|
|||
AddTrackCommand,
|
||||
RemoveTrackCommand,
|
||||
ToggleTrackMuteCommand,
|
||||
ToggleTrackVisibilityCommand,
|
||||
AddElementToTrackCommand,
|
||||
UpdateElementTrimCommand,
|
||||
UpdateElementDurationCommand,
|
||||
|
|
@ -54,20 +55,17 @@ export class TimelineManager {
|
|||
}
|
||||
|
||||
updateElementTrim({
|
||||
trackId,
|
||||
elementId,
|
||||
trimStart,
|
||||
trimEnd,
|
||||
pushHistory = true,
|
||||
}: {
|
||||
trackId: string;
|
||||
elementId: string;
|
||||
trimStart: number;
|
||||
trimEnd: number;
|
||||
pushHistory?: boolean;
|
||||
}): void {
|
||||
const command = new UpdateElementTrimCommand(
|
||||
trackId,
|
||||
elementId,
|
||||
trimStart,
|
||||
trimEnd,
|
||||
|
|
@ -118,17 +116,20 @@ export class TimelineManager {
|
|||
targetTrackId,
|
||||
elementId,
|
||||
newStartTime,
|
||||
createTrack,
|
||||
}: {
|
||||
sourceTrackId: string;
|
||||
targetTrackId: string;
|
||||
elementId: string;
|
||||
newStartTime: number;
|
||||
createTrack?: { type: TrackType; index: number };
|
||||
}): void {
|
||||
const command = new MoveElementCommand(
|
||||
sourceTrackId,
|
||||
targetTrackId,
|
||||
elementId,
|
||||
newStartTime,
|
||||
createTrack,
|
||||
);
|
||||
this.editor.command.execute({ command });
|
||||
}
|
||||
|
|
@ -138,6 +139,11 @@ export class TimelineManager {
|
|||
this.editor.command.execute({ command });
|
||||
}
|
||||
|
||||
toggleTrackVisibility({ trackId }: { trackId: string }): void {
|
||||
const command = new ToggleTrackVisibilityCommand(trackId);
|
||||
this.editor.command.execute({ command });
|
||||
}
|
||||
|
||||
splitElements({
|
||||
elements,
|
||||
splitTime,
|
||||
|
|
@ -257,20 +263,6 @@ export class TimelineManager {
|
|||
this.editor.command.execute({ command });
|
||||
}
|
||||
|
||||
checkElementOverlap({
|
||||
trackId,
|
||||
startTime,
|
||||
duration,
|
||||
excludeElementId,
|
||||
}: {
|
||||
trackId: string;
|
||||
startTime: number;
|
||||
duration: number;
|
||||
excludeElementId?: string;
|
||||
}): boolean {
|
||||
throw new Error("Not implemented");
|
||||
}
|
||||
|
||||
getTracks(): TimelineTrack[] {
|
||||
return this.editor.scenes.getActiveScene()?.tracks ?? [];
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,16 +1,17 @@
|
|||
"use client";
|
||||
|
||||
import { useTimelineStore } from "@/stores/timeline-store";
|
||||
import { useActionHandler } from "@/hooks/use-action-handler";
|
||||
import { useEditor } from "./use-editor";
|
||||
import { useActionHandler } from "@/hooks/actions/use-action-handler";
|
||||
import { useEditor } from "../use-editor";
|
||||
import { PasteCommand } from "@/lib/commands/timeline/clipboard/paste";
|
||||
import { toast } from "sonner";
|
||||
import { useElementSelection } from "../timeline/element/use-element-selection";
|
||||
|
||||
export function useEditorActions() {
|
||||
const editor = useEditor();
|
||||
const activeProject = editor.project.getActive();
|
||||
const timelineStore = useTimelineStore.getState();
|
||||
const selectedElements = timelineStore.selectedElements;
|
||||
const { selectedElements, setElementSelection } = useElementSelection();
|
||||
const { clipboard, setClipboard, toggleSnapping } = useTimelineStore();
|
||||
|
||||
useActionHandler(
|
||||
"toggle-play",
|
||||
|
|
@ -191,7 +192,7 @@ export function useEditorActions() {
|
|||
elementId: element.id,
|
||||
})),
|
||||
);
|
||||
timelineStore.setSelectedElements({ elements: allElements });
|
||||
setElementSelection({ elements: allElements });
|
||||
},
|
||||
undefined,
|
||||
);
|
||||
|
|
@ -205,7 +206,7 @@ export function useEditorActions() {
|
|||
);
|
||||
|
||||
useActionHandler(
|
||||
"toggle-mute-selected",
|
||||
"toggle-elements-muted-selected",
|
||||
() => {
|
||||
editor.timeline.toggleElementsMuted({ elements: selectedElements });
|
||||
},
|
||||
|
|
@ -213,7 +214,7 @@ export function useEditorActions() {
|
|||
);
|
||||
|
||||
useActionHandler(
|
||||
"toggle-visibility-selected",
|
||||
"toggle-elements-visibility-selected",
|
||||
() => {
|
||||
editor.timeline.toggleElementsVisibility({ elements: selectedElements });
|
||||
},
|
||||
|
|
@ -244,7 +245,7 @@ export function useEditorActions() {
|
|||
};
|
||||
});
|
||||
|
||||
timelineStore.setClipboard({ items });
|
||||
setClipboard({ items });
|
||||
},
|
||||
undefined,
|
||||
);
|
||||
|
|
@ -252,7 +253,6 @@ export function useEditorActions() {
|
|||
useActionHandler(
|
||||
"paste-selected",
|
||||
() => {
|
||||
const clipboard = timelineStore.clipboard;
|
||||
if (!clipboard?.items.length) return;
|
||||
|
||||
const currentTime = editor.playback.getCurrentTime();
|
||||
|
|
@ -266,7 +266,7 @@ export function useEditorActions() {
|
|||
useActionHandler(
|
||||
"toggle-snapping",
|
||||
() => {
|
||||
timelineStore.toggleSnapping();
|
||||
toggleSnapping();
|
||||
},
|
||||
undefined,
|
||||
);
|
||||
|
|
@ -7,10 +7,11 @@ import {
|
|||
type RefObject,
|
||||
} from "react";
|
||||
import { useEditor } from "@/hooks/use-editor";
|
||||
import { useElementSelection } from "@/hooks/use-element-selection";
|
||||
import { useElementSelection } from "@/hooks/timeline/element/use-element-selection";
|
||||
import { TIMELINE_CONSTANTS } from "@/constants/timeline-constants";
|
||||
import { snapTimeToFrame } from "@/lib/time-utils";
|
||||
import { computeDropTarget } from "@/lib/timeline/drop-utils";
|
||||
import { generateUUID } from "@/lib/utils";
|
||||
import type {
|
||||
ElementDragState,
|
||||
TimelineElement,
|
||||
|
|
@ -24,6 +25,7 @@ interface UseElementInteractionProps {
|
|||
zoomLevel: number;
|
||||
timelineRef: RefObject<HTMLDivElement | null>;
|
||||
tracksContainerRef: RefObject<HTMLDivElement | null>;
|
||||
tracksScrollRef: RefObject<HTMLDivElement | null>;
|
||||
onSnapPointChange?: (snapPoint: SnapPoint | null) => void;
|
||||
}
|
||||
|
||||
|
|
@ -32,27 +34,80 @@ const initialDragState: ElementDragState = {
|
|||
elementId: null,
|
||||
trackId: null,
|
||||
startMouseX: 0,
|
||||
startMouseY: 0,
|
||||
startElementTime: 0,
|
||||
clickOffsetTime: 0,
|
||||
currentTime: 0,
|
||||
};
|
||||
|
||||
interface PendingDragState {
|
||||
elementId: string;
|
||||
trackId: string;
|
||||
startMouseX: number;
|
||||
startMouseY: number;
|
||||
startElementTime: number;
|
||||
clickOffsetTime: number;
|
||||
}
|
||||
|
||||
function getMouseTimeFromClientX({
|
||||
clientX,
|
||||
containerRect,
|
||||
zoomLevel,
|
||||
scrollLeft,
|
||||
}: {
|
||||
clientX: number;
|
||||
containerRect: DOMRect;
|
||||
zoomLevel: number;
|
||||
scrollLeft: number;
|
||||
}): number {
|
||||
const mouseX = clientX - containerRect.left + scrollLeft;
|
||||
return Math.max(
|
||||
0,
|
||||
mouseX / (TIMELINE_CONSTANTS.PIXELS_PER_SECOND * zoomLevel),
|
||||
);
|
||||
}
|
||||
|
||||
function getClickOffsetTime({
|
||||
clientX,
|
||||
elementRect,
|
||||
zoomLevel,
|
||||
}: {
|
||||
clientX: number;
|
||||
elementRect: DOMRect;
|
||||
zoomLevel: number;
|
||||
}): number {
|
||||
const clickOffsetX = clientX - elementRect.left;
|
||||
return clickOffsetX / (TIMELINE_CONSTANTS.PIXELS_PER_SECOND * zoomLevel);
|
||||
}
|
||||
|
||||
function getElementDuration({ element }: { element: TimelineElement }): number {
|
||||
return element.duration - element.trimStart - element.trimEnd;
|
||||
}
|
||||
|
||||
interface StartDragParams
|
||||
extends Omit<ElementDragState, "isDragging" | "currentTime"> {
|
||||
initialCurrentTime: number;
|
||||
}
|
||||
|
||||
export function useElementInteraction({
|
||||
zoomLevel,
|
||||
timelineRef,
|
||||
tracksContainerRef,
|
||||
tracksScrollRef,
|
||||
onSnapPointChange,
|
||||
}: UseElementInteractionProps) {
|
||||
const editor = useEditor();
|
||||
const tracks = editor.timeline.getTracks();
|
||||
const {
|
||||
isSelected,
|
||||
select,
|
||||
isElementSelected,
|
||||
selectElement,
|
||||
handleElementClick: handleSelectionClick,
|
||||
} = useElementSelection();
|
||||
|
||||
const [dragState, setDragState] =
|
||||
useState<ElementDragState>(initialDragState);
|
||||
const [isPendingDrag, setIsPendingDrag] = useState(false);
|
||||
const pendingDragRef = useRef<PendingDragState | null>(null);
|
||||
const lastMouseXRef = useRef(0);
|
||||
const mouseDownLocationRef = useRef<{ x: number; y: number } | null>(null);
|
||||
|
||||
|
|
@ -61,17 +116,20 @@ export function useElementInteraction({
|
|||
elementId,
|
||||
trackId,
|
||||
startMouseX,
|
||||
startMouseY,
|
||||
startElementTime,
|
||||
clickOffsetTime,
|
||||
}: Omit<ElementDragState, "isDragging" | "currentTime">) => {
|
||||
initialCurrentTime,
|
||||
}: StartDragParams) => {
|
||||
setDragState({
|
||||
isDragging: true,
|
||||
elementId,
|
||||
trackId,
|
||||
startMouseX,
|
||||
startMouseY,
|
||||
startElementTime,
|
||||
clickOffsetTime,
|
||||
currentTime: startElementTime,
|
||||
currentTime: initialCurrentTime,
|
||||
});
|
||||
},
|
||||
[],
|
||||
|
|
@ -81,37 +139,77 @@ export function useElementInteraction({
|
|||
setDragState(initialDragState);
|
||||
}, []);
|
||||
|
||||
// mouse move: update drag time
|
||||
useEffect(() => {
|
||||
if (!dragState.isDragging) return;
|
||||
if (!dragState.isDragging && !isPendingDrag) return;
|
||||
|
||||
const handleMouseMove = ({ clientX }: MouseEvent) => {
|
||||
if (!timelineRef.current) return;
|
||||
const handleMouseMove = ({ clientX, clientY }: MouseEvent) => {
|
||||
let startedDragThisEvent = false;
|
||||
const timeline = timelineRef.current;
|
||||
const scrollContainer = tracksScrollRef.current;
|
||||
if (!timeline || !scrollContainer) return;
|
||||
lastMouseXRef.current = clientX;
|
||||
|
||||
if (isPendingDrag && pendingDragRef.current) {
|
||||
const deltaX = Math.abs(clientX - pendingDragRef.current.startMouseX);
|
||||
const deltaY = Math.abs(clientY - pendingDragRef.current.startMouseY);
|
||||
if (deltaX > DRAG_THRESHOLD_PX || deltaY > DRAG_THRESHOLD_PX) {
|
||||
const activeProject = editor.project.getActive();
|
||||
if (!activeProject) return;
|
||||
const scrollLeft = scrollContainer.scrollLeft;
|
||||
const mouseTime = getMouseTimeFromClientX({
|
||||
clientX,
|
||||
containerRect: scrollContainer.getBoundingClientRect(),
|
||||
zoomLevel,
|
||||
scrollLeft,
|
||||
});
|
||||
const adjustedTime = Math.max(
|
||||
0,
|
||||
mouseTime - pendingDragRef.current.clickOffsetTime,
|
||||
);
|
||||
const snappedTime = snapTimeToFrame({
|
||||
time: adjustedTime,
|
||||
fps: activeProject.settings.fps,
|
||||
});
|
||||
startDrag({
|
||||
...pendingDragRef.current,
|
||||
initialCurrentTime: snappedTime,
|
||||
});
|
||||
startedDragThisEvent = true;
|
||||
pendingDragRef.current = null;
|
||||
setIsPendingDrag(false);
|
||||
} else {
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
if (startedDragThisEvent) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (dragState.elementId && dragState.trackId) {
|
||||
const alreadySelected = isSelected({
|
||||
const alreadySelected = isElementSelected({
|
||||
trackId: dragState.trackId,
|
||||
elementId: dragState.elementId,
|
||||
});
|
||||
if (!alreadySelected) {
|
||||
select({
|
||||
selectElement({
|
||||
trackId: dragState.trackId,
|
||||
elementId: dragState.elementId,
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
const rect = timelineRef.current.getBoundingClientRect();
|
||||
const mouseX = clientX - rect.left;
|
||||
const mouseTime = Math.max(
|
||||
0,
|
||||
mouseX / (TIMELINE_CONSTANTS.PIXELS_PER_SECOND * zoomLevel),
|
||||
);
|
||||
const adjustedTime = Math.max(0, mouseTime - dragState.clickOffsetTime);
|
||||
|
||||
const activeProject = editor.project.getActive();
|
||||
if (!activeProject) return;
|
||||
|
||||
const scrollLeft = scrollContainer.scrollLeft;
|
||||
const mouseTime = getMouseTimeFromClientX({
|
||||
clientX,
|
||||
containerRect: scrollContainer.getBoundingClientRect(),
|
||||
zoomLevel,
|
||||
scrollLeft,
|
||||
});
|
||||
const adjustedTime = Math.max(0, mouseTime - dragState.clickOffsetTime);
|
||||
const fps = activeProject.settings.fps;
|
||||
const snappedTime = snapTimeToFrame({ time: adjustedTime, fps });
|
||||
setDragState((previousDragState) => ({
|
||||
|
|
@ -128,13 +226,15 @@ export function useElementInteraction({
|
|||
dragState.elementId,
|
||||
dragState.trackId,
|
||||
zoomLevel,
|
||||
isSelected,
|
||||
select,
|
||||
isElementSelected,
|
||||
selectElement,
|
||||
editor.project,
|
||||
timelineRef,
|
||||
tracksScrollRef,
|
||||
isPendingDrag,
|
||||
startDrag,
|
||||
]);
|
||||
|
||||
// mouse up: resolve drop
|
||||
useEffect(() => {
|
||||
if (!dragState.isDragging) return;
|
||||
|
||||
|
|
@ -164,12 +264,24 @@ export function useElementInteraction({
|
|||
return;
|
||||
}
|
||||
|
||||
const elementDuration =
|
||||
movingElement.duration -
|
||||
movingElement.trimStart -
|
||||
movingElement.trimEnd;
|
||||
const mouseX = clientX - containerRect.left;
|
||||
const elementDuration = getElementDuration({ element: movingElement });
|
||||
const scrollLeft = tracksScrollRef.current?.scrollLeft ?? 0;
|
||||
const scrollContainerRect =
|
||||
tracksScrollRef.current?.getBoundingClientRect();
|
||||
const mouseX = scrollContainerRect
|
||||
? clientX - scrollContainerRect.left + scrollLeft
|
||||
: clientX - containerRect.left + scrollLeft;
|
||||
const mouseY = clientY - containerRect.top;
|
||||
if (mouseDownLocationRef.current) {
|
||||
const deltaX = Math.abs(clientX - mouseDownLocationRef.current.x);
|
||||
const deltaY = Math.abs(clientY - mouseDownLocationRef.current.y);
|
||||
if (deltaX <= DRAG_THRESHOLD_PX && deltaY <= DRAG_THRESHOLD_PX) {
|
||||
mouseDownLocationRef.current = null;
|
||||
endDrag();
|
||||
onSnapPointChange?.(null);
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
const dropTarget = computeDropTarget({
|
||||
elementType: movingElement.type,
|
||||
|
|
@ -181,27 +293,19 @@ export function useElementInteraction({
|
|||
elementDuration,
|
||||
pixelsPerSecond: TIMELINE_CONSTANTS.PIXELS_PER_SECOND,
|
||||
zoomLevel,
|
||||
excludeElementId: movingElement.id,
|
||||
});
|
||||
|
||||
const activeProject = editor.project.getActive();
|
||||
if (!activeProject) {
|
||||
endDrag();
|
||||
onSnapPointChange?.(null);
|
||||
return;
|
||||
}
|
||||
const fps = activeProject.settings.fps;
|
||||
const snappedTime = snapTimeToFrame({ time: dropTarget.xPosition, fps });
|
||||
const snappedTime = dragState.currentTime;
|
||||
|
||||
if (dropTarget.isNewTrack) {
|
||||
const newTrackId = editor.timeline.addTrack({
|
||||
type: sourceTrack.type,
|
||||
index: dropTarget.trackIndex,
|
||||
});
|
||||
const newTrackId = generateUUID();
|
||||
|
||||
editor.timeline.moveElement({
|
||||
sourceTrackId: dragState.trackId,
|
||||
targetTrackId: newTrackId,
|
||||
elementId: dragState.elementId,
|
||||
newStartTime: snappedTime,
|
||||
createTrack: { type: sourceTrack.type, index: dropTarget.trackIndex },
|
||||
});
|
||||
} else {
|
||||
const targetTrack = tracks[dropTarget.trackIndex];
|
||||
|
|
@ -230,11 +334,24 @@ export function useElementInteraction({
|
|||
tracks,
|
||||
endDrag,
|
||||
onSnapPointChange,
|
||||
editor.project,
|
||||
editor.timeline,
|
||||
tracksContainerRef,
|
||||
tracksScrollRef,
|
||||
]);
|
||||
|
||||
useEffect(() => {
|
||||
if (!isPendingDrag) return;
|
||||
|
||||
const handleMouseUp = () => {
|
||||
pendingDragRef.current = null;
|
||||
setIsPendingDrag(false);
|
||||
onSnapPointChange?.(null);
|
||||
};
|
||||
|
||||
document.addEventListener("mouseup", handleMouseUp);
|
||||
return () => document.removeEventListener("mouseup", handleMouseUp);
|
||||
}, [isPendingDrag, onSnapPointChange]);
|
||||
|
||||
const handleElementMouseDown = useCallback(
|
||||
({
|
||||
event,
|
||||
|
|
@ -253,7 +370,7 @@ export function useElementInteraction({
|
|||
|
||||
// right-click
|
||||
if (isRightClick) {
|
||||
const alreadySelected = isSelected({
|
||||
const alreadySelected = isElementSelected({
|
||||
trackId: track.id,
|
||||
elementId: element.id,
|
||||
});
|
||||
|
|
@ -277,22 +394,24 @@ export function useElementInteraction({
|
|||
}
|
||||
|
||||
// start drag
|
||||
const elementRect = (
|
||||
event.currentTarget as HTMLElement
|
||||
).getBoundingClientRect();
|
||||
const clickOffsetX = event.clientX - elementRect.left;
|
||||
const clickOffsetTime =
|
||||
clickOffsetX / (TIMELINE_CONSTANTS.PIXELS_PER_SECOND * zoomLevel);
|
||||
|
||||
startDrag({
|
||||
const clickOffsetTime = getClickOffsetTime({
|
||||
clientX: event.clientX,
|
||||
elementRect: (
|
||||
event.currentTarget as HTMLElement
|
||||
).getBoundingClientRect(),
|
||||
zoomLevel,
|
||||
});
|
||||
pendingDragRef.current = {
|
||||
elementId: element.id,
|
||||
trackId: track.id,
|
||||
startMouseX: event.clientX,
|
||||
startMouseY: event.clientY,
|
||||
startElementTime: element.startTime,
|
||||
clickOffsetTime,
|
||||
});
|
||||
};
|
||||
setIsPendingDrag(true);
|
||||
},
|
||||
[zoomLevel, startDrag, isSelected, handleSelectionClick],
|
||||
[zoomLevel, isElementSelected, handleSelectionClick],
|
||||
);
|
||||
|
||||
const handleElementClick = useCallback(
|
||||
|
|
@ -321,15 +440,15 @@ export function useElementInteraction({
|
|||
if (event.metaKey || event.ctrlKey || event.shiftKey) return;
|
||||
|
||||
// single click: select if not selected
|
||||
const alreadySelected = isSelected({
|
||||
const alreadySelected = isElementSelected({
|
||||
trackId: track.id,
|
||||
elementId: element.id,
|
||||
});
|
||||
if (!alreadySelected) {
|
||||
select({ trackId: track.id, elementId: element.id });
|
||||
selectElement({ trackId: track.id, elementId: element.id });
|
||||
}
|
||||
},
|
||||
[isSelected, select],
|
||||
[isElementSelected, selectElement],
|
||||
);
|
||||
|
||||
return {
|
||||
|
|
@ -1,10 +1,7 @@
|
|||
import { useState, useEffect } from "react";
|
||||
import { useState, useEffect, useRef } from "react";
|
||||
import { TimelineElement, TimelineTrack } from "@/types/timeline";
|
||||
import { snapTimeToFrame } from "@/lib/time-utils";
|
||||
import { EditorCore } from "@/core";
|
||||
import { UpdateElementTrimCommand } from "@/lib/commands/timeline/element/update-element-trim";
|
||||
import { UpdateElementStartTimeCommand } from "@/lib/commands/timeline/element/update-element-start-time";
|
||||
import { UpdateElementDurationCommand } from "@/lib/commands/timeline/element/update-element-duration";
|
||||
|
||||
export interface ResizeState {
|
||||
elementId: string;
|
||||
|
|
@ -35,6 +32,10 @@ export function useTimelineElementResize({
|
|||
const [currentTrimEnd, setCurrentTrimEnd] = useState(element.trimEnd);
|
||||
const [currentStartTime, setCurrentStartTime] = useState(element.startTime);
|
||||
const [currentDuration, setCurrentDuration] = useState(element.duration);
|
||||
const currentTrimStartRef = useRef(element.trimStart);
|
||||
const currentTrimEndRef = useRef(element.trimEnd);
|
||||
const currentStartTimeRef = useRef(element.startTime);
|
||||
const currentDurationRef = useRef(element.duration);
|
||||
|
||||
useEffect(() => {
|
||||
if (!resizing) return;
|
||||
|
|
@ -82,6 +83,10 @@ export function useTimelineElementResize({
|
|||
setCurrentTrimEnd(element.trimEnd);
|
||||
setCurrentStartTime(element.startTime);
|
||||
setCurrentDuration(element.duration);
|
||||
currentTrimStartRef.current = element.trimStart;
|
||||
currentTrimEndRef.current = element.trimEnd;
|
||||
currentStartTimeRef.current = element.startTime;
|
||||
currentDurationRef.current = element.duration;
|
||||
};
|
||||
|
||||
const canExtendElementDuration = () => {
|
||||
|
|
@ -126,6 +131,9 @@ export function useTimelineElementResize({
|
|||
setCurrentTrimStart(newTrimStart);
|
||||
setCurrentStartTime(newStartTime);
|
||||
setCurrentDuration(newDuration);
|
||||
currentTrimStartRef.current = newTrimStart;
|
||||
currentStartTimeRef.current = newStartTime;
|
||||
currentDurationRef.current = newDuration;
|
||||
} else if (calculated < 0) {
|
||||
if (canExtendElementDuration()) {
|
||||
const extensionAmount = Math.abs(calculated);
|
||||
|
|
@ -143,6 +151,9 @@ export function useTimelineElementResize({
|
|||
setCurrentTrimStart(0);
|
||||
setCurrentStartTime(newStartTime);
|
||||
setCurrentDuration(newDuration);
|
||||
currentTrimStartRef.current = 0;
|
||||
currentStartTimeRef.current = newStartTime;
|
||||
currentDurationRef.current = newDuration;
|
||||
} else {
|
||||
const trimDelta = 0 - resizing.initialTrimStart;
|
||||
const newStartTime = snapTimeToFrame({
|
||||
|
|
@ -157,6 +168,9 @@ export function useTimelineElementResize({
|
|||
setCurrentTrimStart(0);
|
||||
setCurrentStartTime(newStartTime);
|
||||
setCurrentDuration(newDuration);
|
||||
currentTrimStartRef.current = 0;
|
||||
currentStartTimeRef.current = newStartTime;
|
||||
currentDurationRef.current = newDuration;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
|
|
@ -176,6 +190,8 @@ export function useTimelineElementResize({
|
|||
|
||||
setCurrentDuration(newDuration);
|
||||
setCurrentTrimEnd(0);
|
||||
currentDurationRef.current = newDuration;
|
||||
currentTrimEndRef.current = 0;
|
||||
} else {
|
||||
const extensionToLimit = resizing.initialTrimEnd;
|
||||
const newDuration = snapTimeToFrame({
|
||||
|
|
@ -185,6 +201,8 @@ export function useTimelineElementResize({
|
|||
|
||||
setCurrentDuration(newDuration);
|
||||
setCurrentTrimEnd(0);
|
||||
currentDurationRef.current = newDuration;
|
||||
currentTrimEndRef.current = 0;
|
||||
}
|
||||
} else {
|
||||
const maxTrimEnd = sourceDuration - resizing.initialTrimStart - 0.1;
|
||||
|
|
@ -201,6 +219,8 @@ export function useTimelineElementResize({
|
|||
|
||||
setCurrentTrimEnd(finalTrimEnd);
|
||||
setCurrentDuration(newDuration);
|
||||
currentTrimEndRef.current = finalTrimEnd;
|
||||
currentDurationRef.current = newDuration;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
|
@ -208,36 +228,36 @@ export function useTimelineElementResize({
|
|||
const handleResizeEnd = () => {
|
||||
if (!resizing) return;
|
||||
|
||||
const trimStartChanged = currentTrimStart !== resizing.initialTrimStart;
|
||||
const trimEndChanged = currentTrimEnd !== resizing.initialTrimEnd;
|
||||
const startTimeChanged = currentStartTime !== resizing.initialStartTime;
|
||||
const durationChanged = currentDuration !== resizing.initialDuration;
|
||||
const finalTrimStart = currentTrimStartRef.current;
|
||||
const finalTrimEnd = currentTrimEndRef.current;
|
||||
const finalStartTime = currentStartTimeRef.current;
|
||||
const finalDuration = currentDurationRef.current;
|
||||
const trimStartChanged = finalTrimStart !== resizing.initialTrimStart;
|
||||
const trimEndChanged = finalTrimEnd !== resizing.initialTrimEnd;
|
||||
const startTimeChanged = finalStartTime !== resizing.initialStartTime;
|
||||
const durationChanged = finalDuration !== resizing.initialDuration;
|
||||
|
||||
if (trimStartChanged || trimEndChanged) {
|
||||
const trimCommand = new UpdateElementTrimCommand(
|
||||
track.id,
|
||||
element.id,
|
||||
currentTrimStart,
|
||||
currentTrimEnd,
|
||||
);
|
||||
editor.command.execute({ command: trimCommand });
|
||||
editor.timeline.updateElementTrim({
|
||||
elementId: element.id,
|
||||
trimStart: finalTrimStart,
|
||||
trimEnd: finalTrimEnd,
|
||||
});
|
||||
}
|
||||
|
||||
if (startTimeChanged) {
|
||||
const startTimeCommand = new UpdateElementStartTimeCommand(
|
||||
[{ trackId: track.id, elementId: element.id }],
|
||||
currentStartTime,
|
||||
);
|
||||
editor.command.execute({ command: startTimeCommand });
|
||||
editor.timeline.updateElementStartTime({
|
||||
elements: [{ trackId: track.id, elementId: element.id }],
|
||||
startTime: finalStartTime,
|
||||
});
|
||||
}
|
||||
|
||||
if (durationChanged) {
|
||||
const durationCommand = new UpdateElementDurationCommand(
|
||||
track.id,
|
||||
element.id,
|
||||
currentDuration,
|
||||
);
|
||||
editor.command.execute({ command: durationCommand });
|
||||
editor.timeline.updateElementDuration({
|
||||
trackId: track.id,
|
||||
elementId: element.id,
|
||||
duration: finalDuration,
|
||||
});
|
||||
}
|
||||
|
||||
setResizing(null);
|
||||
|
|
@ -4,28 +4,29 @@ import { useTimelineStore } from "@/stores/timeline-store";
|
|||
type ElementRef = { trackId: string; elementId: string };
|
||||
|
||||
export function useElementSelection() {
|
||||
const selectedElements = useTimelineStore((s) => s.selectedElements);
|
||||
const setSelectedElements = useTimelineStore((s) => s.setSelectedElements);
|
||||
const { selectedElements, setSelectedElements } = useTimelineStore();
|
||||
|
||||
const isSelected = useCallback(
|
||||
const isElementSelected = useCallback(
|
||||
({ trackId, elementId }: ElementRef) =>
|
||||
selectedElements.some(
|
||||
(el) => el.trackId === trackId && el.elementId === elementId,
|
||||
(element) =>
|
||||
element.trackId === trackId && element.elementId === elementId,
|
||||
),
|
||||
[selectedElements],
|
||||
);
|
||||
|
||||
const select = useCallback(
|
||||
const selectElement = useCallback(
|
||||
({ trackId, elementId }: ElementRef) => {
|
||||
setSelectedElements({ elements: [{ trackId, elementId }] });
|
||||
},
|
||||
[setSelectedElements],
|
||||
);
|
||||
|
||||
const addToSelection = useCallback(
|
||||
const addElementToSelection = useCallback(
|
||||
({ trackId, elementId }: ElementRef) => {
|
||||
const alreadySelected = selectedElements.some(
|
||||
(el) => el.trackId === trackId && el.elementId === elementId,
|
||||
(element) =>
|
||||
element.trackId === trackId && element.elementId === elementId,
|
||||
);
|
||||
if (alreadySelected) return;
|
||||
|
||||
|
|
@ -36,38 +37,40 @@ export function useElementSelection() {
|
|||
[selectedElements, setSelectedElements],
|
||||
);
|
||||
|
||||
const removeFromSelection = useCallback(
|
||||
const removeElementFromSelection = useCallback(
|
||||
({ trackId, elementId }: ElementRef) => {
|
||||
setSelectedElements({
|
||||
elements: selectedElements.filter(
|
||||
(el) => !(el.trackId === trackId && el.elementId === elementId),
|
||||
(element) =>
|
||||
!(element.trackId === trackId && element.elementId === elementId),
|
||||
),
|
||||
});
|
||||
},
|
||||
[selectedElements, setSelectedElements],
|
||||
);
|
||||
|
||||
const toggleSelection = useCallback(
|
||||
const toggleElementSelection = useCallback(
|
||||
({ trackId, elementId }: ElementRef) => {
|
||||
const alreadySelected = selectedElements.some(
|
||||
(el) => el.trackId === trackId && el.elementId === elementId,
|
||||
(element) =>
|
||||
element.trackId === trackId && element.elementId === elementId,
|
||||
);
|
||||
|
||||
if (alreadySelected) {
|
||||
removeFromSelection({ trackId, elementId });
|
||||
removeElementFromSelection({ trackId, elementId });
|
||||
} else {
|
||||
addToSelection({ trackId, elementId });
|
||||
addElementToSelection({ trackId, elementId });
|
||||
}
|
||||
},
|
||||
[selectedElements, addToSelection, removeFromSelection],
|
||||
[selectedElements, addElementToSelection, removeElementFromSelection],
|
||||
);
|
||||
|
||||
const clearSelection = useCallback(() => {
|
||||
const clearElementSelection = useCallback(() => {
|
||||
setSelectedElements({ elements: [] });
|
||||
}, [setSelectedElements]);
|
||||
|
||||
const setSelection = useCallback(
|
||||
(elements: ElementRef[]) => {
|
||||
const setElementSelection = useCallback(
|
||||
({ elements }: { elements: ElementRef[] }) => {
|
||||
setSelectedElements({ elements });
|
||||
},
|
||||
[setSelectedElements],
|
||||
|
|
@ -85,37 +88,23 @@ export function useElementSelection() {
|
|||
isMultiKey,
|
||||
}: ElementRef & { isMultiKey: boolean }) => {
|
||||
if (isMultiKey) {
|
||||
toggleSelection({ trackId, elementId });
|
||||
toggleElementSelection({ trackId, elementId });
|
||||
} else {
|
||||
select({ trackId, elementId });
|
||||
selectElement({ trackId, elementId });
|
||||
}
|
||||
},
|
||||
[toggleSelection, select],
|
||||
);
|
||||
|
||||
/**
|
||||
* Ensures element is selected without toggling.
|
||||
* Used for drag operations where we want to select if not already.
|
||||
*/
|
||||
const ensureSelected = useCallback(
|
||||
({ trackId, elementId }: ElementRef) => {
|
||||
if (!isSelected({ trackId, elementId })) {
|
||||
select({ trackId, elementId });
|
||||
}
|
||||
},
|
||||
[isSelected, select],
|
||||
[toggleElementSelection, selectElement],
|
||||
);
|
||||
|
||||
return {
|
||||
selectedElements,
|
||||
isSelected,
|
||||
select,
|
||||
setSelection,
|
||||
addToSelection,
|
||||
removeFromSelection,
|
||||
toggleSelection,
|
||||
clearSelection,
|
||||
isElementSelected,
|
||||
selectElement,
|
||||
setElementSelection,
|
||||
addElementToSelection,
|
||||
removeElementFromSelection,
|
||||
toggleElementSelection,
|
||||
clearElementSelection,
|
||||
handleElementClick,
|
||||
ensureSelected,
|
||||
};
|
||||
}
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
import { useState, useEffect, useCallback } from "react";
|
||||
import { TIMELINE_CONSTANTS } from "@/constants/timeline-constants";
|
||||
import { getCumulativeHeightBefore, getTrackHeight } from "@/lib/timeline";
|
||||
import { useEditor } from "./use-editor";
|
||||
import { useEditor } from "../use-editor";
|
||||
|
||||
interface UseSelectionBoxProps {
|
||||
containerRef: React.RefObject<HTMLElement>;
|
||||
|
|
@ -1,11 +1,12 @@
|
|||
import { useCallback, useRef } from "react";
|
||||
import type { RefObject } from "react";
|
||||
import type { MutableRefObject, RefObject } from "react";
|
||||
import { TIMELINE_CONSTANTS } from "@/constants/timeline-constants";
|
||||
import { snapTimeToFrame } from "@/lib/time-utils";
|
||||
import { useEditor } from "../use-editor";
|
||||
|
||||
interface UseTimelineInteractionsProps {
|
||||
playheadRef: RefObject<HTMLDivElement>;
|
||||
trackLabelsRef: RefObject<HTMLDivElement>;
|
||||
rulerScrollRef: RefObject<HTMLDivElement>;
|
||||
tracksScrollRef: RefObject<HTMLDivElement>;
|
||||
zoomLevel: number;
|
||||
|
|
@ -15,8 +16,47 @@ interface UseTimelineInteractionsProps {
|
|||
seek: (time: number) => void;
|
||||
}
|
||||
|
||||
function resetMouseTracking({
|
||||
mouseTrackingRef,
|
||||
}: {
|
||||
mouseTrackingRef: MutableRefObject<{
|
||||
isMouseDown: boolean;
|
||||
downX: number;
|
||||
downY: number;
|
||||
downTime: number;
|
||||
}>;
|
||||
}) {
|
||||
mouseTrackingRef.current = {
|
||||
isMouseDown: false,
|
||||
downX: 0,
|
||||
downY: 0,
|
||||
downTime: 0,
|
||||
};
|
||||
}
|
||||
|
||||
function setMouseTracking({
|
||||
mouseTrackingRef,
|
||||
event,
|
||||
}: {
|
||||
mouseTrackingRef: MutableRefObject<{
|
||||
isMouseDown: boolean;
|
||||
downX: number;
|
||||
downY: number;
|
||||
downTime: number;
|
||||
}>;
|
||||
event: React.MouseEvent;
|
||||
}) {
|
||||
mouseTrackingRef.current = {
|
||||
isMouseDown: true,
|
||||
downX: event.clientX,
|
||||
downY: event.clientY,
|
||||
downTime: event.timeStamp,
|
||||
};
|
||||
}
|
||||
|
||||
export function useTimelineInteractions({
|
||||
playheadRef,
|
||||
trackLabelsRef,
|
||||
rulerScrollRef,
|
||||
tracksScrollRef,
|
||||
zoomLevel,
|
||||
|
|
@ -35,69 +75,58 @@ export function useTimelineInteractions({
|
|||
downTime: 0,
|
||||
});
|
||||
|
||||
const handleTimelineMouseDown = useCallback(
|
||||
(e: React.MouseEvent) => {
|
||||
const target = e.target as HTMLElement;
|
||||
const handleTracksMouseDown = useCallback((event: React.MouseEvent) => {
|
||||
if (event.button !== 0) return;
|
||||
setMouseTracking({ mouseTrackingRef, event });
|
||||
}, []);
|
||||
|
||||
const isTimelineBackground =
|
||||
!target.closest(".timeline-element") &&
|
||||
!playheadRef.current?.contains(target) &&
|
||||
!target.closest("[data-track-labels]");
|
||||
|
||||
if (isTimelineBackground) {
|
||||
mouseTrackingRef.current = {
|
||||
isMouseDown: true,
|
||||
downX: e.clientX,
|
||||
downY: e.clientY,
|
||||
downTime: e.timeStamp,
|
||||
};
|
||||
}
|
||||
},
|
||||
[playheadRef],
|
||||
);
|
||||
const handleRulerMouseDown = useCallback((event: React.MouseEvent) => {
|
||||
if (event.button !== 0) return;
|
||||
setMouseTracking({ mouseTrackingRef, event });
|
||||
}, []);
|
||||
|
||||
const shouldProcessTimelineClick = useCallback(
|
||||
(e: React.MouseEvent) => {
|
||||
const target = e.target as HTMLElement;
|
||||
({ event }: { event: React.MouseEvent }) => {
|
||||
const target = event.target as HTMLElement;
|
||||
const { isMouseDown, downX, downY, downTime } = mouseTrackingRef.current;
|
||||
|
||||
if (!isMouseDown) return false;
|
||||
|
||||
const deltaX = Math.abs(e.clientX - downX);
|
||||
const deltaY = Math.abs(e.clientY - downY);
|
||||
const deltaTime = e.timeStamp - downTime;
|
||||
const deltaX = Math.abs(event.clientX - downX);
|
||||
const deltaY = Math.abs(event.clientY - downY);
|
||||
const deltaTime = event.timeStamp - downTime;
|
||||
|
||||
if (deltaX > 5 || deltaY > 5 || deltaTime > 500) return false;
|
||||
|
||||
if (isSelecting) return false;
|
||||
|
||||
if (target.closest(".timeline-element")) return false;
|
||||
|
||||
if (playheadRef.current?.contains(target)) return false;
|
||||
|
||||
if (target.closest("[data-track-labels]")) {
|
||||
if (trackLabelsRef.current?.contains(target)) {
|
||||
clearSelectedElements();
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
},
|
||||
[isSelecting, clearSelectedElements, playheadRef],
|
||||
[isSelecting, clearSelectedElements, playheadRef, trackLabelsRef],
|
||||
);
|
||||
|
||||
const handleTimelineSeek = useCallback(
|
||||
(e: React.MouseEvent) => {
|
||||
const isRulerClick = (e.target as HTMLElement).closest(
|
||||
"[data-ruler-area]",
|
||||
);
|
||||
const scrollContainer = isRulerClick
|
||||
? rulerScrollRef.current
|
||||
: tracksScrollRef.current;
|
||||
({
|
||||
event,
|
||||
source,
|
||||
}: {
|
||||
event: React.MouseEvent;
|
||||
source: "ruler" | "tracks";
|
||||
}) => {
|
||||
const scrollContainer =
|
||||
source === "ruler" ? rulerScrollRef.current : tracksScrollRef.current;
|
||||
|
||||
if (!scrollContainer) return;
|
||||
|
||||
const rect = scrollContainer.getBoundingClientRect();
|
||||
const mouseX = e.clientX - rect.left;
|
||||
const mouseX = event.clientX - rect.left;
|
||||
const scrollLeft = scrollContainer.scrollLeft;
|
||||
|
||||
const rawTime = Math.max(
|
||||
|
|
@ -116,32 +145,41 @@ export function useTimelineInteractions({
|
|||
[
|
||||
duration,
|
||||
zoomLevel,
|
||||
seek,
|
||||
rulerScrollRef,
|
||||
tracksScrollRef,
|
||||
seek,
|
||||
activeProject?.settings.fps,
|
||||
],
|
||||
);
|
||||
|
||||
const handleTimelineContentClick = useCallback(
|
||||
(e: React.MouseEvent) => {
|
||||
mouseTrackingRef.current = {
|
||||
isMouseDown: false,
|
||||
downX: 0,
|
||||
downY: 0,
|
||||
downTime: 0,
|
||||
};
|
||||
const handleTracksClick = useCallback(
|
||||
(event: React.MouseEvent) => {
|
||||
resetMouseTracking({ mouseTrackingRef });
|
||||
|
||||
if (shouldProcessTimelineClick(e)) {
|
||||
if (shouldProcessTimelineClick({ event })) {
|
||||
clearSelectedElements();
|
||||
handleTimelineSeek(e);
|
||||
handleTimelineSeek({ event, source: "tracks" });
|
||||
}
|
||||
},
|
||||
[shouldProcessTimelineClick, handleTimelineSeek, clearSelectedElements],
|
||||
);
|
||||
|
||||
const handleRulerClick = useCallback(
|
||||
(event: React.MouseEvent) => {
|
||||
resetMouseTracking({ mouseTrackingRef });
|
||||
|
||||
if (shouldProcessTimelineClick({ event })) {
|
||||
clearSelectedElements();
|
||||
handleTimelineSeek({ event, source: "ruler" });
|
||||
}
|
||||
},
|
||||
[shouldProcessTimelineClick, handleTimelineSeek, clearSelectedElements],
|
||||
);
|
||||
|
||||
return {
|
||||
handleTimelineMouseDown,
|
||||
handleTimelineContentClick,
|
||||
handleTracksMouseDown,
|
||||
handleTracksClick,
|
||||
handleRulerMouseDown,
|
||||
handleRulerClick,
|
||||
};
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
import { snapTimeToFrame } from "@/lib/time-utils";
|
||||
import { useState, useEffect, useCallback, useRef } from "react";
|
||||
import { useEdgeAutoScroll } from "@/hooks/use-edge-auto-scroll";
|
||||
import { useEdgeAutoScroll } from "@/hooks/timeline/use-edge-auto-scroll";
|
||||
import { useEditor } from "../use-editor";
|
||||
import { TIMELINE_CONSTANTS } from "@/constants/timeline-constants";
|
||||
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@ export interface SnapResult {
|
|||
}
|
||||
|
||||
export interface UseTimelineSnappingOptions {
|
||||
snapThreshold?: number; // Distance in pixels to trigger snapping
|
||||
snapThreshold?: number;
|
||||
enableElementSnapping?: boolean;
|
||||
enablePlayheadSnapping?: boolean;
|
||||
}
|
||||
|
|
@ -27,21 +27,21 @@ export function useTimelineSnapping({
|
|||
enablePlayheadSnapping = true,
|
||||
}: UseTimelineSnappingOptions = {}) {
|
||||
const findSnapPoints = useCallback(
|
||||
(
|
||||
tracks: TimelineTrack[],
|
||||
currentTime: number,
|
||||
playheadTime: number,
|
||||
zoomLevel: number,
|
||||
excludeElementId?: string,
|
||||
): SnapPoint[] => {
|
||||
({
|
||||
tracks,
|
||||
playheadTime,
|
||||
excludeElementId,
|
||||
}: {
|
||||
tracks: Array<TimelineTrack>;
|
||||
playheadTime: number;
|
||||
excludeElementId?: string;
|
||||
}): SnapPoint[] => {
|
||||
const snapPoints: SnapPoint[] = [];
|
||||
|
||||
// Add element snap points
|
||||
if (enableElementSnapping) {
|
||||
tracks.forEach((track) => {
|
||||
track.elements.forEach((element) => {
|
||||
// Skip the element being dragged
|
||||
if (element.id === excludeElementId) return;
|
||||
for (const track of tracks) {
|
||||
for (const element of track.elements) {
|
||||
if (element.id === excludeElementId) continue;
|
||||
|
||||
const elementStart = element.startTime;
|
||||
const elementEnd = element.startTime + element.duration;
|
||||
|
|
@ -60,11 +60,10 @@ export function useTimelineSnapping({
|
|||
trackId: track.id,
|
||||
},
|
||||
);
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Add playhead snap point
|
||||
if (enablePlayheadSnapping) {
|
||||
snapPoints.push({
|
||||
time: playheadTime,
|
||||
|
|
@ -78,24 +77,28 @@ export function useTimelineSnapping({
|
|||
);
|
||||
|
||||
const snapToNearestPoint = useCallback(
|
||||
(
|
||||
targetTime: number,
|
||||
snapPoints: SnapPoint[],
|
||||
zoomLevel: number,
|
||||
): SnapResult => {
|
||||
({
|
||||
targetTime,
|
||||
snapPoints,
|
||||
zoomLevel,
|
||||
}: {
|
||||
targetTime: number;
|
||||
snapPoints: Array<SnapPoint>;
|
||||
zoomLevel: number;
|
||||
}): SnapResult => {
|
||||
const pixelsPerSecond = TIMELINE_CONSTANTS.PIXELS_PER_SECOND * zoomLevel;
|
||||
const thresholdInSeconds = snapThreshold / pixelsPerSecond;
|
||||
|
||||
let closestSnapPoint: SnapPoint | null = null;
|
||||
let closestDistance = Infinity;
|
||||
|
||||
snapPoints.forEach((snapPoint) => {
|
||||
for (const snapPoint of snapPoints) {
|
||||
const distance = Math.abs(targetTime - snapPoint.time);
|
||||
if (distance < thresholdInSeconds && distance < closestDistance) {
|
||||
closestDistance = distance;
|
||||
closestSnapPoint = snapPoint;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
snappedTime: closestSnapPoint
|
||||
|
|
@ -109,34 +112,38 @@ export function useTimelineSnapping({
|
|||
);
|
||||
|
||||
const snapElementEdge = useCallback(
|
||||
(
|
||||
targetTime: number,
|
||||
elementDuration: number,
|
||||
tracks: TimelineTrack[],
|
||||
playheadTime: number,
|
||||
zoomLevel: number,
|
||||
excludeElementId?: string,
|
||||
snapToStart = true, // true for start edge, false for end edge
|
||||
): SnapResult => {
|
||||
const snapPoints = findSnapPoints(
|
||||
({
|
||||
targetTime,
|
||||
elementDuration,
|
||||
tracks,
|
||||
playheadTime,
|
||||
zoomLevel,
|
||||
excludeElementId,
|
||||
snapToStart = true,
|
||||
}: {
|
||||
targetTime: number;
|
||||
elementDuration: number;
|
||||
tracks: Array<TimelineTrack>;
|
||||
playheadTime: number;
|
||||
zoomLevel: number;
|
||||
excludeElementId?: string;
|
||||
snapToStart?: boolean;
|
||||
}): SnapResult => {
|
||||
const snapPoints = findSnapPoints({
|
||||
tracks,
|
||||
targetTime,
|
||||
playheadTime,
|
||||
zoomLevel,
|
||||
excludeElementId,
|
||||
);
|
||||
});
|
||||
|
||||
// For end edge snapping, we need to account for element duration
|
||||
const effectiveTargetTime = snapToStart
|
||||
? targetTime
|
||||
: targetTime + elementDuration;
|
||||
const snapResult = snapToNearestPoint(
|
||||
effectiveTargetTime,
|
||||
const snapResult = snapToNearestPoint({
|
||||
targetTime: effectiveTargetTime,
|
||||
snapPoints,
|
||||
zoomLevel,
|
||||
);
|
||||
});
|
||||
|
||||
// Adjust the snapped time back for end edge
|
||||
if (!snapToStart && snapResult.snapPoint) {
|
||||
snapResult.snappedTime = snapResult.snappedTime - elementDuration;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,23 +0,0 @@
|
|||
import { useEffect } from "react";
|
||||
|
||||
interface UseFilePasteOptions {
|
||||
onFilesPaste: (files: File[]) => void;
|
||||
}
|
||||
|
||||
export function useFilePaste({ onFilesPaste }: UseFilePasteOptions) {
|
||||
useEffect(() => {
|
||||
function handlePaste(e: ClipboardEvent) {
|
||||
if (!e.clipboardData?.files.length) return;
|
||||
|
||||
const files = Array.from(e.clipboardData.files);
|
||||
if (files.length > 0) {
|
||||
e.preventDefault();
|
||||
onFilesPaste(files);
|
||||
}
|
||||
}
|
||||
|
||||
window.addEventListener("paste", handlePaste);
|
||||
return () => window.removeEventListener("paste", handlePaste);
|
||||
}, [onFilesPaste]);
|
||||
}
|
||||
|
||||
|
|
@ -17,8 +17,7 @@ export interface KeyboardShortcut {
|
|||
icon?: React.ReactNode;
|
||||
}
|
||||
|
||||
// Convert key binding format to display format
|
||||
const formatKey = (key: string): string => {
|
||||
function formatKey({ key }: { key: string }): string {
|
||||
return key
|
||||
.replace("ctrl", getPlatformSpecialKey())
|
||||
.replace("alt", getPlatformAlternateKey())
|
||||
|
|
@ -34,27 +33,24 @@ const formatKey = (key: string): string => {
|
|||
.replace("delete", "Delete")
|
||||
.replace("backspace", "Backspace")
|
||||
.replace("-", "+");
|
||||
};
|
||||
}
|
||||
|
||||
export const useKeyboardShortcutsHelp = () => {
|
||||
export function useKeyboardShortcutsHelp() {
|
||||
const { keybindings } = useKeybindingsStore();
|
||||
|
||||
const shortcuts = useMemo(() => {
|
||||
const result: KeyboardShortcut[] = [];
|
||||
|
||||
// Group keybindings by action
|
||||
const actionToKeys: Record<string, Array<string>> = {};
|
||||
const actionToKeys: Record<string, string[]> = {};
|
||||
|
||||
for (const [key, action] of Object.entries(keybindings)) {
|
||||
if (action) {
|
||||
if (!actionToKeys[action]) {
|
||||
actionToKeys[action] = [];
|
||||
}
|
||||
actionToKeys[action].push(formatKey(key));
|
||||
actionToKeys[action].push(formatKey({ key }));
|
||||
}
|
||||
}
|
||||
|
||||
// Convert to shortcuts format
|
||||
for (const [actionId, keys] of Object.entries(actionToKeys)) {
|
||||
if (!Object.prototype.hasOwnProperty.call(ACTIONS, actionId)) {
|
||||
continue;
|
||||
|
|
@ -71,7 +67,6 @@ export const useKeyboardShortcutsHelp = () => {
|
|||
});
|
||||
}
|
||||
|
||||
// Sort shortcuts by category first, then by description to ensure consistent ordering
|
||||
return result.sort((a, b) => {
|
||||
if (a.category !== b.category) {
|
||||
return a.category.localeCompare(b.category);
|
||||
|
|
@ -83,4 +78,4 @@ export const useKeyboardShortcutsHelp = () => {
|
|||
return {
|
||||
shortcuts,
|
||||
};
|
||||
};
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,21 +0,0 @@
|
|||
import * as React from "react";
|
||||
|
||||
const MOBILE_BREAKPOINT = 768;
|
||||
|
||||
export function useIsMobile() {
|
||||
const [isMobile, setIsMobile] = React.useState<boolean | undefined>(
|
||||
undefined
|
||||
);
|
||||
|
||||
React.useEffect(() => {
|
||||
const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
|
||||
const onChange = () => {
|
||||
setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
|
||||
};
|
||||
mql.addEventListener("change", onChange);
|
||||
setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
|
||||
return () => mql.removeEventListener("change", onChange);
|
||||
}, []);
|
||||
|
||||
return !!isMobile;
|
||||
}
|
||||
|
|
@ -1,28 +0,0 @@
|
|||
import { useEffect } from 'react';
|
||||
|
||||
interface UsePreventScrollOptions {
|
||||
enabled?: boolean;
|
||||
element?: HTMLElement;
|
||||
}
|
||||
|
||||
export function usePreventScroll({ enabled = true, element }: UsePreventScrollOptions = {}) {
|
||||
useEffect(() => {
|
||||
if (!enabled) return;
|
||||
|
||||
const targetElement = element || document.body;
|
||||
const originalOverflow = targetElement.style.overflow;
|
||||
const originalPaddingRight = targetElement.style.paddingRight;
|
||||
|
||||
const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
|
||||
|
||||
targetElement.style.overflow = 'hidden';
|
||||
if (scrollbarWidth > 0) {
|
||||
targetElement.style.paddingRight = `${scrollbarWidth}px`;
|
||||
}
|
||||
|
||||
return () => {
|
||||
targetElement.style.overflow = originalOverflow;
|
||||
targetElement.style.paddingRight = originalPaddingRight;
|
||||
};
|
||||
}, [enabled, element]);
|
||||
}
|
||||
|
|
@ -1,93 +0,0 @@
|
|||
import { useEffect, useRef } from "react";
|
||||
import { useRouter } from "next/navigation";
|
||||
import { useEditor } from "@/hooks/use-editor";
|
||||
|
||||
export function useProjectInitialize({ projectId }: { projectId: string }) {
|
||||
const router = useRouter();
|
||||
const handledProjectIds = useRef<Set<string>>(new Set());
|
||||
const isInitializingRef = useRef<boolean>(false);
|
||||
const editor = useEditor();
|
||||
const activeProject = editor.project.getActive();
|
||||
|
||||
useEffect(() => {
|
||||
let isCancelled = false;
|
||||
|
||||
const initProject = async () => {
|
||||
if (!projectId) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (isInitializingRef.current) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (activeProject?.metadata.id === projectId) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (editor.project.isInvalidProjectId({ id: projectId })) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (handledProjectIds.current.has(projectId)) {
|
||||
return;
|
||||
}
|
||||
|
||||
isInitializingRef.current = true;
|
||||
handledProjectIds.current.add(projectId);
|
||||
|
||||
try {
|
||||
await editor.project.loadProject({ id: projectId });
|
||||
|
||||
if (isCancelled) {
|
||||
return;
|
||||
}
|
||||
|
||||
isInitializingRef.current = false;
|
||||
} catch (error) {
|
||||
if (isCancelled) {
|
||||
return;
|
||||
}
|
||||
|
||||
const isProjectNotFound =
|
||||
error instanceof Error &&
|
||||
(error.message.includes("not found") ||
|
||||
error.message.includes("does not exist") ||
|
||||
error.message.includes("Project not found"));
|
||||
|
||||
if (isProjectNotFound) {
|
||||
editor.project.markProjectIdAsInvalid({ id: projectId });
|
||||
|
||||
try {
|
||||
const newProjectId = await editor.project.createNewProject({
|
||||
name: "Untitled Project",
|
||||
});
|
||||
|
||||
if (isCancelled) {
|
||||
return;
|
||||
}
|
||||
|
||||
router.replace(`/editor/${newProjectId}`);
|
||||
} catch (createError) {
|
||||
console.error("Failed to create new project:", createError);
|
||||
}
|
||||
} else {
|
||||
console.error(
|
||||
"Project loading failed with recoverable error:",
|
||||
error,
|
||||
);
|
||||
handledProjectIds.current.delete(projectId);
|
||||
}
|
||||
|
||||
isInitializingRef.current = false;
|
||||
}
|
||||
};
|
||||
|
||||
initProject();
|
||||
|
||||
return () => {
|
||||
isCancelled = true;
|
||||
isInitializingRef.current = false;
|
||||
};
|
||||
}, [projectId, editor, router]);
|
||||
}
|
||||
|
|
@ -1,191 +0,0 @@
|
|||
"use client";
|
||||
|
||||
// Inspired by react-hot-toast library
|
||||
import * as React from "react";
|
||||
|
||||
import type { ToastActionElement, ToastProps } from "../components/ui/toast";
|
||||
|
||||
const TOAST_LIMIT = 1;
|
||||
const TOAST_REMOVE_DELAY = 1_000_000;
|
||||
|
||||
type ToasterToast = ToastProps & {
|
||||
id: string;
|
||||
title?: React.ReactNode;
|
||||
description?: React.ReactNode;
|
||||
action?: ToastActionElement;
|
||||
};
|
||||
|
||||
const actionTypes = {
|
||||
ADD_TOAST: "ADD_TOAST",
|
||||
UPDATE_TOAST: "UPDATE_TOAST",
|
||||
DISMISS_TOAST: "DISMISS_TOAST",
|
||||
REMOVE_TOAST: "REMOVE_TOAST",
|
||||
} as const;
|
||||
|
||||
let count = 0;
|
||||
|
||||
function genId() {
|
||||
count = (count + 1) % Number.MAX_SAFE_INTEGER;
|
||||
return count.toString();
|
||||
}
|
||||
|
||||
type ActionType = typeof actionTypes;
|
||||
|
||||
type Action =
|
||||
| {
|
||||
type: ActionType["ADD_TOAST"];
|
||||
toast: ToasterToast;
|
||||
}
|
||||
| {
|
||||
type: ActionType["UPDATE_TOAST"];
|
||||
toast: Partial<ToasterToast>;
|
||||
}
|
||||
| {
|
||||
type: ActionType["DISMISS_TOAST"];
|
||||
toastId?: ToasterToast["id"];
|
||||
}
|
||||
| {
|
||||
type: ActionType["REMOVE_TOAST"];
|
||||
toastId?: ToasterToast["id"];
|
||||
};
|
||||
|
||||
interface State {
|
||||
toasts: ToasterToast[];
|
||||
}
|
||||
|
||||
const toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>();
|
||||
|
||||
const addToRemoveQueue = (toastId: string) => {
|
||||
if (toastTimeouts.has(toastId)) {
|
||||
return;
|
||||
}
|
||||
|
||||
const timeout = setTimeout(() => {
|
||||
toastTimeouts.delete(toastId);
|
||||
dispatch({
|
||||
type: "REMOVE_TOAST",
|
||||
toastId,
|
||||
});
|
||||
}, TOAST_REMOVE_DELAY);
|
||||
|
||||
toastTimeouts.set(toastId, timeout);
|
||||
};
|
||||
|
||||
export const reducer = (state: State, action: Action): State => {
|
||||
switch (action.type) {
|
||||
case "ADD_TOAST":
|
||||
return {
|
||||
...state,
|
||||
toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
|
||||
};
|
||||
|
||||
case "UPDATE_TOAST":
|
||||
return {
|
||||
...state,
|
||||
toasts: state.toasts.map((t) =>
|
||||
t.id === action.toast.id ? { ...t, ...action.toast } : t
|
||||
),
|
||||
};
|
||||
|
||||
case "DISMISS_TOAST": {
|
||||
const { toastId } = action;
|
||||
|
||||
// ! Side effects ! - This could be extracted into a dismissToast() action,
|
||||
// but I'll keep it here for simplicity
|
||||
if (toastId) {
|
||||
addToRemoveQueue(toastId);
|
||||
} else {
|
||||
state.toasts.forEach((toast) => {
|
||||
addToRemoveQueue(toast.id);
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
...state,
|
||||
toasts: state.toasts.map((t) =>
|
||||
t.id === toastId || toastId === undefined
|
||||
? {
|
||||
...t,
|
||||
open: false,
|
||||
}
|
||||
: t
|
||||
),
|
||||
};
|
||||
}
|
||||
case "REMOVE_TOAST":
|
||||
if (action.toastId === undefined) {
|
||||
return {
|
||||
...state,
|
||||
toasts: [],
|
||||
};
|
||||
}
|
||||
return {
|
||||
...state,
|
||||
toasts: state.toasts.filter((t) => t.id !== action.toastId),
|
||||
};
|
||||
}
|
||||
};
|
||||
|
||||
const listeners: Array<(state: State) => void> = [];
|
||||
|
||||
let memoryState: State = { toasts: [] };
|
||||
|
||||
function dispatch(action: Action) {
|
||||
memoryState = reducer(memoryState, action);
|
||||
listeners.forEach((listener) => {
|
||||
listener(memoryState);
|
||||
});
|
||||
}
|
||||
|
||||
type Toast = Omit<ToasterToast, "id">;
|
||||
|
||||
function toast({ ...props }: Toast) {
|
||||
const id = genId();
|
||||
|
||||
const update = (props: ToasterToast) =>
|
||||
dispatch({
|
||||
type: "UPDATE_TOAST",
|
||||
toast: { ...props, id },
|
||||
});
|
||||
const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
|
||||
|
||||
dispatch({
|
||||
type: "ADD_TOAST",
|
||||
toast: {
|
||||
...props,
|
||||
id,
|
||||
open: true,
|
||||
onOpenChange: (open) => {
|
||||
if (!open) dismiss();
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
return {
|
||||
id,
|
||||
dismiss,
|
||||
update,
|
||||
};
|
||||
}
|
||||
|
||||
function useToast() {
|
||||
const [state, setState] = React.useState<State>(memoryState);
|
||||
|
||||
React.useEffect(() => {
|
||||
listeners.push(setState);
|
||||
return () => {
|
||||
const index = listeners.indexOf(setState);
|
||||
if (index > -1) {
|
||||
listeners.splice(index, 1);
|
||||
}
|
||||
};
|
||||
}, [state]);
|
||||
|
||||
return {
|
||||
...state,
|
||||
toast,
|
||||
dismiss: (toastId?: string) => dispatch({ type: "DISMISS_TOAST", toastId }),
|
||||
};
|
||||
}
|
||||
|
||||
export { useToast, toast };
|
||||
|
|
@ -115,11 +115,11 @@ export const ACTIONS = {
|
|||
category: "selection",
|
||||
defaultShortcuts: ["ctrl+d"],
|
||||
},
|
||||
"toggle-mute-selected": {
|
||||
"toggle-elements-muted-selected": {
|
||||
description: "Mute/unmute selected elements",
|
||||
category: "selection",
|
||||
},
|
||||
"toggle-visibility-selected": {
|
||||
"toggle-elements-visibility-selected": {
|
||||
description: "Show/hide selected elements",
|
||||
category: "selection",
|
||||
},
|
||||
|
|
|
|||
|
|
@ -3,3 +3,4 @@ export { Command } from "./base-command";
|
|||
export * from "./timeline";
|
||||
export * from "./media";
|
||||
export * from "./scene";
|
||||
export * from "./project";
|
||||
|
|
@ -0,0 +1 @@
|
|||
export * from "./update-project-settings";
|
||||
|
|
@ -0,0 +1,46 @@
|
|||
import { Command } from "@/lib/commands/base-command";
|
||||
import { EditorCore } from "@/core";
|
||||
import type { TProject, TProjectSettings } from "@/types/project";
|
||||
|
||||
export class UpdateProjectSettingsCommand extends Command {
|
||||
private savedSettings: TProjectSettings | null = null;
|
||||
private savedUpdatedAt: Date | null = null;
|
||||
|
||||
constructor(private updates: Partial<TProjectSettings>) {
|
||||
super();
|
||||
}
|
||||
|
||||
execute(): void {
|
||||
const editor = EditorCore.getInstance();
|
||||
const activeProject = editor.project.getActiveOrNull();
|
||||
if (!activeProject) return;
|
||||
|
||||
this.savedSettings = activeProject.settings;
|
||||
this.savedUpdatedAt = activeProject.metadata.updatedAt;
|
||||
|
||||
const updatedProject: TProject = {
|
||||
...activeProject,
|
||||
settings: { ...activeProject.settings, ...this.updates },
|
||||
metadata: { ...activeProject.metadata, updatedAt: new Date() },
|
||||
};
|
||||
|
||||
editor.project.setActiveProject({ project: updatedProject });
|
||||
editor.save.markDirty();
|
||||
}
|
||||
|
||||
undo(): void {
|
||||
if (!this.savedSettings || !this.savedUpdatedAt) return;
|
||||
const editor = EditorCore.getInstance();
|
||||
const activeProject = editor.project.getActiveOrNull();
|
||||
if (!activeProject) return;
|
||||
|
||||
const updatedProject: TProject = {
|
||||
...activeProject,
|
||||
settings: this.savedSettings,
|
||||
metadata: { ...activeProject.metadata, updatedAt: this.savedUpdatedAt },
|
||||
};
|
||||
|
||||
editor.project.setActiveProject({ project: updatedProject });
|
||||
editor.save.markDirty();
|
||||
}
|
||||
}
|
||||
|
|
@ -97,11 +97,15 @@ export class AddElementToTrackCommand extends Command {
|
|||
settings: {
|
||||
canvasSize: { width: asset.width, height: asset.height },
|
||||
},
|
||||
pushHistory: false,
|
||||
});
|
||||
}
|
||||
|
||||
if (asset?.type === "video" && asset?.fps) {
|
||||
editor.project.updateSettings({ settings: { fps: asset.fps } });
|
||||
editor.project.updateSettings({
|
||||
settings: { fps: asset.fps },
|
||||
pushHistory: false,
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,7 +1,10 @@
|
|||
import { Command } from "@/lib/commands/base-command";
|
||||
import { EditorCore } from "@/core";
|
||||
import type { TimelineTrack, TimelineElement } from "@/types/timeline";
|
||||
import { validateElementTrackCompatibility } from "@/lib/timeline/track-utils";
|
||||
import type { TimelineTrack, TimelineElement, TrackType } from "@/types/timeline";
|
||||
import {
|
||||
buildEmptyTrack,
|
||||
validateElementTrackCompatibility,
|
||||
} from "@/lib/timeline/track-utils";
|
||||
|
||||
export class MoveElementCommand extends Command {
|
||||
private savedState: TimelineTrack[] | null = null;
|
||||
|
|
@ -11,6 +14,7 @@ export class MoveElementCommand extends Command {
|
|||
private targetTrackId: string,
|
||||
private elementId: string,
|
||||
private newStartTime: number,
|
||||
private createTrack?: { type: TrackType; index: number },
|
||||
) {
|
||||
super();
|
||||
}
|
||||
|
|
@ -27,7 +31,17 @@ export class MoveElementCommand extends Command {
|
|||
return;
|
||||
}
|
||||
|
||||
const targetTrack = this.savedState.find((t) => t.id === this.targetTrackId);
|
||||
let targetTrack = this.savedState.find((t) => t.id === this.targetTrackId);
|
||||
let tracksToUpdate = this.savedState;
|
||||
if (!targetTrack && this.createTrack) {
|
||||
const newTrack = buildEmptyTrack({
|
||||
id: this.targetTrackId,
|
||||
type: this.createTrack.type,
|
||||
});
|
||||
tracksToUpdate = [...this.savedState];
|
||||
tracksToUpdate.splice(this.createTrack.index, 0, newTrack);
|
||||
targetTrack = newTrack;
|
||||
}
|
||||
if (!targetTrack) {
|
||||
console.error("Target track not found");
|
||||
return;
|
||||
|
|
@ -50,7 +64,7 @@ export class MoveElementCommand extends Command {
|
|||
|
||||
const isSameTrack = this.sourceTrackId === this.targetTrackId;
|
||||
|
||||
const updatedTracks = this.savedState.map((track) => {
|
||||
const updatedTracks = tracksToUpdate.map((track) => {
|
||||
if (isSameTrack && track.id === this.sourceTrackId) {
|
||||
return {
|
||||
...track,
|
||||
|
|
|
|||
|
|
@ -6,7 +6,6 @@ export class UpdateElementTrimCommand extends Command {
|
|||
private savedState: TimelineTrack[] | null = null;
|
||||
|
||||
constructor(
|
||||
private trackId: string,
|
||||
private elementId: string,
|
||||
private trimStart: number,
|
||||
private trimEnd: number,
|
||||
|
|
@ -18,14 +17,13 @@ export class UpdateElementTrimCommand extends Command {
|
|||
const editor = EditorCore.getInstance();
|
||||
this.savedState = editor.timeline.getTracks();
|
||||
|
||||
const updatedTracks = this.savedState.map((t) => {
|
||||
if (t.id !== this.trackId) return t;
|
||||
const newElements = t.elements.map((el) =>
|
||||
el.id === this.elementId
|
||||
? { ...el, trimStart: this.trimStart, trimEnd: this.trimEnd }
|
||||
: el,
|
||||
const updatedTracks = this.savedState.map((track) => {
|
||||
const newElements = track.elements.map((element) =>
|
||||
element.id === this.elementId
|
||||
? { ...element, trimStart: this.trimStart, trimEnd: this.trimEnd }
|
||||
: element,
|
||||
);
|
||||
return { ...t, elements: newElements } as typeof t;
|
||||
return { ...track, elements: newElements } as typeof track;
|
||||
});
|
||||
|
||||
editor.timeline.updateTracks(updatedTracks);
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@ import { Command } from "@/lib/commands/base-command";
|
|||
import type { TrackType, TimelineTrack } from "@/types/timeline";
|
||||
import { generateUUID } from "@/lib/utils";
|
||||
import { EditorCore } from "@/core";
|
||||
import { buildEmptyTrack } from "@/lib/timeline/track-utils";
|
||||
|
||||
export class AddTrackCommand extends Command {
|
||||
private trackId: string;
|
||||
|
|
@ -19,34 +20,10 @@ export class AddTrackCommand extends Command {
|
|||
const editor = EditorCore.getInstance();
|
||||
this.savedState = editor.timeline.getTracks();
|
||||
|
||||
const trackName =
|
||||
this.type === "video"
|
||||
? "Video track"
|
||||
: this.type === "text"
|
||||
? "Text track"
|
||||
: this.type === "audio"
|
||||
? "Audio track"
|
||||
: this.type === "sticker"
|
||||
? "Sticker track"
|
||||
: "Track";
|
||||
|
||||
const newTrack: TimelineTrack =
|
||||
this.type === "video"
|
||||
? {
|
||||
id: this.trackId,
|
||||
name: trackName,
|
||||
type: "video",
|
||||
elements: [],
|
||||
muted: false,
|
||||
isMain: false,
|
||||
}
|
||||
: {
|
||||
id: this.trackId,
|
||||
name: trackName,
|
||||
type: this.type,
|
||||
elements: [],
|
||||
muted: false,
|
||||
};
|
||||
const newTrack: TimelineTrack = buildEmptyTrack({
|
||||
id: this.trackId,
|
||||
type: this.type,
|
||||
});
|
||||
|
||||
let updatedTracks: TimelineTrack[];
|
||||
if (this.index !== undefined) {
|
||||
|
|
|
|||
|
|
@ -1,3 +1,4 @@
|
|||
export { AddTrackCommand } from "./add-track";
|
||||
export { RemoveTrackCommand } from "./remove-track";
|
||||
export { ToggleTrackMuteCommand } from "./toggle-track-mute";
|
||||
export { ToggleTrackVisibilityCommand } from "./toggle-track-visibility";
|
||||
|
|
|
|||
|
|
@ -0,0 +1,40 @@
|
|||
import { Command } from "@/lib/commands/base-command";
|
||||
import type { TimelineTrack } from "@/types/timeline";
|
||||
import { EditorCore } from "@/core";
|
||||
import { canTrackBeHidden } from "@/lib/timeline";
|
||||
|
||||
export class ToggleTrackVisibilityCommand extends Command {
|
||||
private savedState: TimelineTrack[] | null = null;
|
||||
|
||||
constructor(private trackId: string) {
|
||||
super();
|
||||
}
|
||||
|
||||
execute(): void {
|
||||
const editor = EditorCore.getInstance();
|
||||
this.savedState = editor.timeline.getTracks();
|
||||
|
||||
const targetTrack = this.savedState.find(
|
||||
(track) => track.id === this.trackId,
|
||||
);
|
||||
if (!targetTrack) {
|
||||
return;
|
||||
}
|
||||
|
||||
const updatedTracks = this.savedState.map((track) => {
|
||||
if (track.id === this.trackId && canTrackBeHidden(track)) {
|
||||
return { ...track, hidden: !track.hidden };
|
||||
}
|
||||
return track;
|
||||
});
|
||||
|
||||
editor.timeline.updateTracks(updatedTracks);
|
||||
}
|
||||
|
||||
undo(): void {
|
||||
if (this.savedState) {
|
||||
const editor = EditorCore.getInstance();
|
||||
editor.timeline.updateTracks(this.savedState);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -100,14 +100,6 @@ class StorageService {
|
|||
|
||||
if (!serializedProject) return null;
|
||||
|
||||
console.log(
|
||||
"[storage] loadProject scenes",
|
||||
JSON.stringify({
|
||||
projectId: id,
|
||||
scenes: serializedProject.scenes ?? [],
|
||||
}),
|
||||
);
|
||||
|
||||
const scenes =
|
||||
serializedProject.scenes?.map((scene) => ({
|
||||
id: scene.id,
|
||||
|
|
|
|||
|
|
@ -94,6 +94,7 @@ export function computeDropTarget({
|
|||
elementDuration,
|
||||
pixelsPerSecond,
|
||||
zoomLevel,
|
||||
excludeElementId,
|
||||
}: ComputeDropTargetParams): DropTarget {
|
||||
const xPosition = isExternalDrop
|
||||
? playheadTime
|
||||
|
|
@ -159,6 +160,7 @@ export function computeDropTarget({
|
|||
elements: track.elements,
|
||||
startTime: xPosition,
|
||||
endTime,
|
||||
excludeElementId,
|
||||
});
|
||||
|
||||
if (isTrackCompatible && !hasOverlap) {
|
||||
|
|
|
|||
|
|
@ -67,6 +67,67 @@ export function getTotalTracksHeight({
|
|||
return tracksHeight + gapsHeight;
|
||||
}
|
||||
|
||||
export function buildEmptyTrack({
|
||||
id,
|
||||
type,
|
||||
name,
|
||||
}: {
|
||||
id: string;
|
||||
type: TrackType;
|
||||
name?: string;
|
||||
}): TimelineTrack {
|
||||
const trackName =
|
||||
name ??
|
||||
(type === "video"
|
||||
? "Video track"
|
||||
: type === "text"
|
||||
? "Text track"
|
||||
: type === "audio"
|
||||
? "Audio track"
|
||||
: type === "sticker"
|
||||
? "Sticker track"
|
||||
: "Track");
|
||||
|
||||
switch (type) {
|
||||
case "video":
|
||||
return {
|
||||
id,
|
||||
name: trackName,
|
||||
type: "video",
|
||||
elements: [],
|
||||
hidden: false,
|
||||
muted: false,
|
||||
isMain: false,
|
||||
};
|
||||
case "text":
|
||||
return {
|
||||
id,
|
||||
name: trackName,
|
||||
type: "text",
|
||||
elements: [],
|
||||
hidden: false,
|
||||
};
|
||||
case "sticker":
|
||||
return {
|
||||
id,
|
||||
name: trackName,
|
||||
type: "sticker",
|
||||
elements: [],
|
||||
hidden: false,
|
||||
};
|
||||
case "audio":
|
||||
return {
|
||||
id,
|
||||
name: trackName,
|
||||
type: "audio",
|
||||
elements: [],
|
||||
muted: false,
|
||||
};
|
||||
default:
|
||||
throw new Error(`Unsupported track type: ${type}`);
|
||||
}
|
||||
}
|
||||
|
||||
export function isMainTrack(track: TimelineTrack): track is VideoTrack {
|
||||
return track.type === "video" && track.isMain === true;
|
||||
}
|
||||
|
|
@ -94,6 +155,7 @@ export function ensureMainTrack({
|
|||
elements: [],
|
||||
muted: false,
|
||||
isMain: true,
|
||||
hidden: false,
|
||||
};
|
||||
return [mainTrack, ...tracks];
|
||||
}
|
||||
|
|
|
|||
|
|
@ -20,13 +20,7 @@ export type BuildSceneParams = {
|
|||
};
|
||||
|
||||
export function buildScene(params: BuildSceneParams) {
|
||||
const {
|
||||
tracks,
|
||||
mediaAssets,
|
||||
duration,
|
||||
canvasSize,
|
||||
background
|
||||
} = params;
|
||||
const { tracks, mediaAssets, duration, canvasSize, background } = params;
|
||||
|
||||
const rootNode = new RootNode({ duration });
|
||||
const mediaMap = new Map(mediaAssets.map((m) => [m.id, m]));
|
||||
|
|
@ -34,8 +28,10 @@ export function buildScene(params: BuildSceneParams) {
|
|||
const elements = tracks
|
||||
.slice()
|
||||
.reverse()
|
||||
.filter((track) => !(canTracktHaveAudio(track) && track.muted))
|
||||
.flatMap((track): TimelineElement[] => track.elements);
|
||||
.filter((track) => !("hidden" in track && track.hidden))
|
||||
.flatMap((track): TimelineElement[] =>
|
||||
track.elements.filter((element) => !("hidden" in element && element.hidden)),
|
||||
);
|
||||
|
||||
const contentNodes = [];
|
||||
|
||||
|
|
@ -101,7 +97,10 @@ export function buildScene(params: BuildSceneParams) {
|
|||
contentNodes,
|
||||
}),
|
||||
);
|
||||
} else if (background.type === "color" && background.color !== "transparent") {
|
||||
} else if (
|
||||
background.type === "color" &&
|
||||
background.color !== "transparent"
|
||||
) {
|
||||
rootNode.add(new ColorNode({ color: background.color }));
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -154,6 +154,7 @@ export interface ElementDragState {
|
|||
elementId: string | null;
|
||||
trackId: string | null;
|
||||
startMouseX: number;
|
||||
startMouseY: number;
|
||||
startElementTime: number;
|
||||
clickOffsetTime: number;
|
||||
currentTime: number;
|
||||
|
|
@ -176,6 +177,7 @@ export interface ComputeDropTargetParams {
|
|||
elementDuration: number;
|
||||
pixelsPerSecond: number;
|
||||
zoomLevel: number;
|
||||
excludeElementId?: string;
|
||||
}
|
||||
|
||||
export interface ClipboardItem {
|
||||
|
|
|
|||
260
bun.lock
260
bun.lock
|
|
@ -5,6 +5,7 @@
|
|||
"name": "opencut",
|
||||
"dependencies": {
|
||||
"next": "15.3.6",
|
||||
"prettier": "^3.8.0",
|
||||
},
|
||||
"devDependencies": {
|
||||
"@biomejs/biome": "2.1.2",
|
||||
|
|
@ -12,75 +13,6 @@
|
|||
"typescript": "5.8.3",
|
||||
},
|
||||
},
|
||||
"apps/tools": {
|
||||
"name": "@opencut/tools",
|
||||
"version": "0.1.0",
|
||||
"dependencies": {
|
||||
"@hookform/resolvers": "^3.9.1",
|
||||
"@opencut/env": "workspace:*",
|
||||
"@opencut/ui": "workspace:*",
|
||||
"@radix-ui/react-separator": "^1.1.7",
|
||||
"@upstash/ratelimit": "^2.0.6",
|
||||
"@upstash/redis": "^1.35.4",
|
||||
"aws4fetch": "^1.0.20",
|
||||
"better-auth": "^1.2.7",
|
||||
"botid": "^1.4.2",
|
||||
"class-variance-authority": "^0.7.1",
|
||||
"clsx": "^2.1.1",
|
||||
"cmdk": "^1.0.0",
|
||||
"dotenv": "^16.5.0",
|
||||
"drizzle-orm": "^0.44.2",
|
||||
"embla-carousel-react": "^8.5.1",
|
||||
"input-otp": "^1.4.1",
|
||||
"lucide-react": "^0.468.0",
|
||||
"mediabunny": "^1.9.3",
|
||||
"motion": "^12.18.1",
|
||||
"nanoid": "^5.1.5",
|
||||
"next": "^15.5.7",
|
||||
"next-themes": "^0.4.4",
|
||||
"pg": "^8.16.2",
|
||||
"postgres": "^3.4.5",
|
||||
"radix-ui": "^1.4.2",
|
||||
"react": "^18.2.0",
|
||||
"react-day-picker": "^8.10.1",
|
||||
"react-dom": "^18.2.0",
|
||||
"react-hook-form": "^7.54.0",
|
||||
"react-icons": "^5.4.0",
|
||||
"react-markdown": "^10.1.0",
|
||||
"react-phone-number-input": "^3.4.11",
|
||||
"react-resizable-panels": "^2.1.7",
|
||||
"recharts": "^2.14.1",
|
||||
"rehype-autolink-headings": "^7.1.0",
|
||||
"rehype-parse": "^9.0.1",
|
||||
"rehype-sanitize": "^6.0.0",
|
||||
"rehype-slug": "^6.0.0",
|
||||
"rehype-stringify": "^10.0.1",
|
||||
"sonner": "^1.7.1",
|
||||
"tailwind-merge": "^2.5.5",
|
||||
"tailwindcss-animate": "^1.0.7",
|
||||
"vaul": "^1.1.1",
|
||||
"zod": "^3.25.67",
|
||||
"zustand": "^5.0.2",
|
||||
},
|
||||
"devDependencies": {
|
||||
"@tailwindcss/postcss": "^4.1.11",
|
||||
"@tailwindcss/typography": "^0.5.16",
|
||||
"@types/bun": "latest",
|
||||
"@types/node": "^24.2.1",
|
||||
"@types/pg": "^8.15.4",
|
||||
"@types/react": "^18.2.48",
|
||||
"@types/react-dom": "^18.2.18",
|
||||
"cross-env": "^7.0.3",
|
||||
"dotenv": "^16.5.0",
|
||||
"drizzle-kit": "^0.31.4",
|
||||
"postcss": "^8",
|
||||
"prettier": "^3.6.2",
|
||||
"prettier-plugin-tailwindcss": "^0.6.14",
|
||||
"tailwindcss": "^4.1.11",
|
||||
"tsx": "^4.7.1",
|
||||
"typescript": "^5.8.3",
|
||||
},
|
||||
},
|
||||
"apps/web": {
|
||||
"name": "@opencut/web",
|
||||
"version": "0.1.0",
|
||||
|
|
@ -382,8 +314,6 @@
|
|||
|
||||
"@opencut/env": ["@opencut/env@workspace:packages/env"],
|
||||
|
||||
"@opencut/tools": ["@opencut/tools@workspace:apps/tools"],
|
||||
|
||||
"@opencut/ui": ["@opencut/ui@workspace:packages/ui"],
|
||||
|
||||
"@opencut/web": ["@opencut/web@workspace:apps/web"],
|
||||
|
|
@ -400,7 +330,7 @@
|
|||
|
||||
"@radix-ui/number": ["@radix-ui/number@1.1.1", "", {}, "sha512-MkKCwxlXTgz6CFoJx3pCwn07GKp36+aZyu/u2Ln2VrA5DcdyCZkASEDBTd8x5whTQQL5CiYf4prXKLcgQdv29g=="],
|
||||
|
||||
"@radix-ui/primitive": ["@radix-ui/primitive@1.1.2", "", {}, "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA=="],
|
||||
"@radix-ui/primitive": ["@radix-ui/primitive@1.1.3", "", {}, "sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg=="],
|
||||
|
||||
"@radix-ui/react-accessible-icon": ["@radix-ui/react-accessible-icon@1.1.7", "", { "dependencies": { "@radix-ui/react-visually-hidden": "1.2.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-XM+E4WXl0OqUJFovy6GjmxxFyx9opfCAIUku4dlKRd5YEPqt4kALOkQOp0Of6reHuUkJuiPBEc5k0o4z4lTC8A=="],
|
||||
|
||||
|
|
@ -430,11 +360,11 @@
|
|||
|
||||
"@radix-ui/react-direction": ["@radix-ui/react-direction@1.1.1", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw=="],
|
||||
|
||||
"@radix-ui/react-dismissable-layer": ["@radix-ui/react-dismissable-layer@1.1.10", "", { "dependencies": { "@radix-ui/primitive": "1.1.2", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-callback-ref": "1.1.1", "@radix-ui/react-use-escape-keydown": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-IM1zzRV4W3HtVgftdQiiOmA0AdJlCtMLe00FXaHwgt3rAnNsIyDqshvkIW3hj/iu5hu8ERP7KIYki6NkqDxAwQ=="],
|
||||
"@radix-ui/react-dismissable-layer": ["@radix-ui/react-dismissable-layer@1.1.11", "", { "dependencies": { "@radix-ui/primitive": "1.1.3", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-callback-ref": "1.1.1", "@radix-ui/react-use-escape-keydown": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-Nqcp+t5cTB8BinFkZgXiMJniQH0PsUt2k51FUhbdfeKvc4ACcG2uQniY/8+h1Yv6Kza4Q7lD7PQV0z0oicE0Mg=="],
|
||||
|
||||
"@radix-ui/react-dropdown-menu": ["@radix-ui/react-dropdown-menu@2.1.15", "", { "dependencies": { "@radix-ui/primitive": "1.1.2", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-context": "1.1.2", "@radix-ui/react-id": "1.1.1", "@radix-ui/react-menu": "2.1.15", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-controllable-state": "1.2.2" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-mIBnOjgwo9AH3FyKaSWoSu/dYj6VdhJ7frEPiGTeXCdUFHjl9h3mFh2wwhEtINOmYXWhdpf1rY2minFsmaNgVQ=="],
|
||||
|
||||
"@radix-ui/react-focus-guards": ["@radix-ui/react-focus-guards@1.1.2", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-fyjAACV62oPV925xFCrH8DR5xWhg9KYtJT4s3u54jxp+L/hbpTY2kIeEFFbFe+a/HCE94zGQMZLIpVTPVZDhaA=="],
|
||||
"@radix-ui/react-focus-guards": ["@radix-ui/react-focus-guards@1.1.3", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-0rFg/Rj2Q62NCm62jZw0QX7a3sz6QCQU0LpZdNrJX8byRGaGVTqbrW9jAoIAHyMQqsNpeZ81YgSizOt5WXq0Pw=="],
|
||||
|
||||
"@radix-ui/react-focus-scope": ["@radix-ui/react-focus-scope@1.1.7", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-callback-ref": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-t2ODlkXBQyn7jkl6TNaw/MtVEVvIGelJDCG41Okq/KwUsJBwQ4XVZsHAVUkK4mBv3ewiAS3PGuUWuY2BoK4ZUw=="],
|
||||
|
||||
|
|
@ -462,7 +392,7 @@
|
|||
|
||||
"@radix-ui/react-portal": ["@radix-ui/react-portal@1.1.9", "", { "dependencies": { "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-bpIxvq03if6UNwXZ+HTK71JLh4APvnXntDc6XOX8UVq4XQOVl7lwok0AvIl+b8zgCw3fSaVTZMpAPPagXbKmHQ=="],
|
||||
|
||||
"@radix-ui/react-presence": ["@radix-ui/react-presence@1.1.4", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-ueDqRbdc4/bkaQT3GIpLQssRlFgWaL/U2z/S31qRwwLWoxHLgry3SIfCwhxeQNbirEUXFa+lq3RL3oBYXtcmIA=="],
|
||||
"@radix-ui/react-presence": ["@radix-ui/react-presence@1.1.5", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ=="],
|
||||
|
||||
"@radix-ui/react-primitive": ["@radix-ui/react-primitive@2.1.3", "", { "dependencies": { "@radix-ui/react-slot": "1.2.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ=="],
|
||||
|
||||
|
|
@ -600,7 +530,7 @@
|
|||
|
||||
"@types/prop-types": ["@types/prop-types@15.7.15", "", {}, "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw=="],
|
||||
|
||||
"@types/react": ["@types/react@18.3.23", "", { "dependencies": { "@types/prop-types": "*", "csstype": "^3.0.2" } }, "sha512-/LDXMQh55EzZQ0uVAZmKKhfENivEvWz6E+EYzh+/MCjMhNsotd+ZHhBGIjFDTi6+fz0OhQQQLbTgdQIxxCsC0w=="],
|
||||
"@types/react": ["@types/react@19.2.7", "", { "dependencies": { "csstype": "^3.2.2" } }, "sha512-MWtvHrGZLFttgeEj28VXHxpmwYbor/ATPYbBfSFZEIRK0ecCFLl2Qo55z52Hss+UV9CRN7trSeq1zbgx7YDWWg=="],
|
||||
|
||||
"@types/react-dom": ["@types/react-dom@18.3.7", "", { "peerDependencies": { "@types/react": "^18.0.0" } }, "sha512-MEe3UeoENYVFXzoXEWsvcpg6ZvlrFNlOQ7EOsvhI3CfAXwzPfO8Qwuxd40nepsYKqyyVQnTdEfv68q91yLcKrQ=="],
|
||||
|
||||
|
|
@ -682,7 +612,7 @@
|
|||
|
||||
"cssesc": ["cssesc@3.0.0", "", { "bin": { "cssesc": "bin/cssesc" } }, "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg=="],
|
||||
|
||||
"csstype": ["csstype@3.1.3", "", {}, "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="],
|
||||
"csstype": ["csstype@3.2.3", "", {}, "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ=="],
|
||||
|
||||
"d3-array": ["d3-array@3.2.4", "", { "dependencies": { "internmap": "1 - 2" } }, "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg=="],
|
||||
|
||||
|
|
@ -988,7 +918,7 @@
|
|||
|
||||
"postgres-interval": ["postgres-interval@1.2.0", "", { "dependencies": { "xtend": "^4.0.0" } }, "sha512-9ZhXKM/rw350N1ovuWHbGxnGh/SNJ4cnxHiM0rxE4VN41wsg8P8zWn9hv/buK00RP4WvlOyr/RBDiptyxVbkZQ=="],
|
||||
|
||||
"prettier": ["prettier@3.6.2", "", { "bin": { "prettier": "bin/prettier.cjs" } }, "sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ=="],
|
||||
"prettier": ["prettier@3.8.0", "", { "bin": { "prettier": "bin/prettier.cjs" } }, "sha512-yEPsovQfpxYfgWNhCfECjG5AQaO+K3dp6XERmOepyPDVqcJm+bjyCVO3pmU+nAPe0N5dDvekfGezt/EIiRe1TA=="],
|
||||
|
||||
"prettier-plugin-tailwindcss": ["prettier-plugin-tailwindcss@0.6.14", "", { "peerDependencies": { "@ianvs/prettier-plugin-sort-imports": "*", "@prettier/plugin-hermes": "*", "@prettier/plugin-oxc": "*", "@prettier/plugin-pug": "*", "@shopify/prettier-plugin-liquid": "*", "@trivago/prettier-plugin-sort-imports": "*", "@zackad/prettier-plugin-twig": "*", "prettier": "^3.0", "prettier-plugin-astro": "*", "prettier-plugin-css-order": "*", "prettier-plugin-import-sort": "*", "prettier-plugin-jsdoc": "*", "prettier-plugin-marko": "*", "prettier-plugin-multiline-arrays": "*", "prettier-plugin-organize-attributes": "*", "prettier-plugin-organize-imports": "*", "prettier-plugin-sort-imports": "*", "prettier-plugin-style-order": "*", "prettier-plugin-svelte": "*" }, "optionalPeers": ["@ianvs/prettier-plugin-sort-imports", "@prettier/plugin-hermes", "@prettier/plugin-oxc", "@prettier/plugin-pug", "@shopify/prettier-plugin-liquid", "@trivago/prettier-plugin-sort-imports", "@zackad/prettier-plugin-twig", "prettier-plugin-astro", "prettier-plugin-css-order", "prettier-plugin-import-sort", "prettier-plugin-jsdoc", "prettier-plugin-marko", "prettier-plugin-multiline-arrays", "prettier-plugin-organize-attributes", "prettier-plugin-organize-imports", "prettier-plugin-sort-imports", "prettier-plugin-style-order", "prettier-plugin-svelte"] }, "sha512-pi2e/+ZygeIqntN+vC573BcW5Cve8zUB0SSAGxqpB4f96boZF4M3phPVoOFCeypwkpRYdi7+jQ5YJJUwrkGUAg=="],
|
||||
|
||||
|
|
@ -1004,7 +934,7 @@
|
|||
|
||||
"raf-schd": ["raf-schd@4.0.3", "", {}, "sha512-tQkJl2GRWh83ui2DiPTJz9wEiMN20syf+5oKfB03yYP7ioZcJwsIK8FjrtLwH1m7C7e+Tt2yYBlrOpdT+dyeIQ=="],
|
||||
|
||||
"react": ["react@18.3.1", "", { "dependencies": { "loose-envify": "^1.1.0" } }, "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ=="],
|
||||
"react": ["react@19.2.0", "", {}, "sha512-tmbWg6W31tQLeB5cdIBOicJDJRR2KzXsV7uSK9iNfLWQ5bIZfxuPEHp7M8wiHyHnn0DD1i7w3Zmin0FtkrwoCQ=="],
|
||||
|
||||
"react-country-flag": ["react-country-flag@3.1.0", "", { "peerDependencies": { "react": ">=16" } }, "sha512-JWQFw1efdv9sTC+TGQvTKXQg1NKbDU2mBiAiRWcKM9F1sK+/zjhP2yGmm8YDddWyZdXVkR8Md47rPMJmo4YO5g=="],
|
||||
|
||||
|
|
@ -1190,29 +1120,111 @@
|
|||
|
||||
"@esbuild-kit/core-utils/esbuild": ["esbuild@0.18.20", "", { "optionalDependencies": { "@esbuild/android-arm": "0.18.20", "@esbuild/android-arm64": "0.18.20", "@esbuild/android-x64": "0.18.20", "@esbuild/darwin-arm64": "0.18.20", "@esbuild/darwin-x64": "0.18.20", "@esbuild/freebsd-arm64": "0.18.20", "@esbuild/freebsd-x64": "0.18.20", "@esbuild/linux-arm": "0.18.20", "@esbuild/linux-arm64": "0.18.20", "@esbuild/linux-ia32": "0.18.20", "@esbuild/linux-loong64": "0.18.20", "@esbuild/linux-mips64el": "0.18.20", "@esbuild/linux-ppc64": "0.18.20", "@esbuild/linux-riscv64": "0.18.20", "@esbuild/linux-s390x": "0.18.20", "@esbuild/linux-x64": "0.18.20", "@esbuild/netbsd-x64": "0.18.20", "@esbuild/openbsd-x64": "0.18.20", "@esbuild/sunos-x64": "0.18.20", "@esbuild/win32-arm64": "0.18.20", "@esbuild/win32-ia32": "0.18.20", "@esbuild/win32-x64": "0.18.20" }, "bin": { "esbuild": "bin/esbuild" } }, "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA=="],
|
||||
|
||||
"@opencut/tools/@types/bun": ["@types/bun@1.3.5", "", { "dependencies": { "bun-types": "1.3.5" } }, "sha512-RnygCqNrd3srIPEWBd5LFeUYG7plCoH2Yw9WaZGyNmdTEei+gWaHqydbaIRkIkcbXwhBT94q78QljxN0Sk838w=="],
|
||||
|
||||
"@opencut/tools/next": ["next@15.5.9", "", { "dependencies": { "@next/env": "15.5.9", "@swc/helpers": "0.5.15", "caniuse-lite": "^1.0.30001579", "postcss": "8.4.31", "styled-jsx": "5.1.6" }, "optionalDependencies": { "@next/swc-darwin-arm64": "15.5.7", "@next/swc-darwin-x64": "15.5.7", "@next/swc-linux-arm64-gnu": "15.5.7", "@next/swc-linux-arm64-musl": "15.5.7", "@next/swc-linux-x64-gnu": "15.5.7", "@next/swc-linux-x64-musl": "15.5.7", "@next/swc-win32-arm64-msvc": "15.5.7", "@next/swc-win32-x64-msvc": "15.5.7", "sharp": "^0.34.3" }, "peerDependencies": { "@opentelemetry/api": "^1.1.0", "@playwright/test": "^1.51.1", "babel-plugin-react-compiler": "*", "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", "sass": "^1.3.0" }, "optionalPeers": ["@opentelemetry/api", "@playwright/test", "babel-plugin-react-compiler", "sass"], "bin": { "next": "dist/bin/next" } }, "sha512-agNLK89seZEtC5zUHwtut0+tNrc0Xw4FT/Dg+B/VLEo9pAcS9rtTKpek3V6kVcVwsB2YlqMaHdfZL4eLEVYuCg=="],
|
||||
|
||||
"@opencut/tools/zod": ["zod@3.25.76", "", {}, "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ=="],
|
||||
|
||||
"@opencut/ui/@types/react": ["@types/react@19.2.7", "", { "dependencies": { "csstype": "^3.2.2" } }, "sha512-MWtvHrGZLFttgeEj28VXHxpmwYbor/ATPYbBfSFZEIRK0ecCFLl2Qo55z52Hss+UV9CRN7trSeq1zbgx7YDWWg=="],
|
||||
|
||||
"@opencut/ui/react": ["react@19.2.0", "", {}, "sha512-tmbWg6W31tQLeB5cdIBOicJDJRR2KzXsV7uSK9iNfLWQ5bIZfxuPEHp7M8wiHyHnn0DD1i7w3Zmin0FtkrwoCQ=="],
|
||||
"@opencut/web/@types/react": ["@types/react@18.3.23", "", { "dependencies": { "@types/prop-types": "*", "csstype": "^3.0.2" } }, "sha512-/LDXMQh55EzZQ0uVAZmKKhfENivEvWz6E+EYzh+/MCjMhNsotd+ZHhBGIjFDTi6+fz0OhQQQLbTgdQIxxCsC0w=="],
|
||||
|
||||
"@opencut/web/next": ["next@15.5.7", "", { "dependencies": { "@next/env": "15.5.7", "@swc/helpers": "0.5.15", "caniuse-lite": "^1.0.30001579", "postcss": "8.4.31", "styled-jsx": "5.1.6" }, "optionalDependencies": { "@next/swc-darwin-arm64": "15.5.7", "@next/swc-darwin-x64": "15.5.7", "@next/swc-linux-arm64-gnu": "15.5.7", "@next/swc-linux-arm64-musl": "15.5.7", "@next/swc-linux-x64-gnu": "15.5.7", "@next/swc-linux-x64-musl": "15.5.7", "@next/swc-win32-arm64-msvc": "15.5.7", "@next/swc-win32-x64-msvc": "15.5.7", "sharp": "^0.34.3" }, "peerDependencies": { "@opentelemetry/api": "^1.1.0", "@playwright/test": "^1.51.1", "babel-plugin-react-compiler": "*", "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", "sass": "^1.3.0" }, "optionalPeers": ["@opentelemetry/api", "@playwright/test", "babel-plugin-react-compiler", "sass"], "bin": { "next": "dist/bin/next" } }, "sha512-+t2/0jIJ48kUpGKkdlhgkv+zPTEOoXyr60qXe68eB/pl3CMJaLeIGjzp5D6Oqt25hCBiBTt8wEeeAzfJvUKnPQ=="],
|
||||
|
||||
"@opencut/web/prettier": ["prettier@3.6.2", "", { "bin": { "prettier": "bin/prettier.cjs" } }, "sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ=="],
|
||||
|
||||
"@opencut/web/react": ["react@18.3.1", "", { "dependencies": { "loose-envify": "^1.1.0" } }, "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ=="],
|
||||
|
||||
"@opencut/web/zod": ["zod@3.25.76", "", {}, "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ=="],
|
||||
|
||||
"@radix-ui/react-accordion/@radix-ui/primitive": ["@radix-ui/primitive@1.1.2", "", {}, "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA=="],
|
||||
|
||||
"@radix-ui/react-alert-dialog/@radix-ui/primitive": ["@radix-ui/primitive@1.1.2", "", {}, "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA=="],
|
||||
|
||||
"@radix-ui/react-alert-dialog/@radix-ui/react-dialog": ["@radix-ui/react-dialog@1.1.14", "", { "dependencies": { "@radix-ui/primitive": "1.1.2", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-context": "1.1.2", "@radix-ui/react-dismissable-layer": "1.1.10", "@radix-ui/react-focus-guards": "1.1.2", "@radix-ui/react-focus-scope": "1.1.7", "@radix-ui/react-id": "1.1.1", "@radix-ui/react-portal": "1.1.9", "@radix-ui/react-presence": "1.1.4", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-slot": "1.2.3", "@radix-ui/react-use-controllable-state": "1.2.2", "aria-hidden": "^1.2.4", "react-remove-scroll": "^2.6.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-+CpweKjqpzTmwRwcYECQcNYbI8V9VSQt0SNFKeEBLgfucbsLssU6Ppq7wUdNXEGb573bMjFhVjKVll8rmV6zMw=="],
|
||||
|
||||
"@radix-ui/react-dialog/@radix-ui/primitive": ["@radix-ui/primitive@1.1.3", "", {}, "sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg=="],
|
||||
"@radix-ui/react-checkbox/@radix-ui/primitive": ["@radix-ui/primitive@1.1.2", "", {}, "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA=="],
|
||||
|
||||
"@radix-ui/react-dialog/@radix-ui/react-dismissable-layer": ["@radix-ui/react-dismissable-layer@1.1.11", "", { "dependencies": { "@radix-ui/primitive": "1.1.3", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-callback-ref": "1.1.1", "@radix-ui/react-use-escape-keydown": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-Nqcp+t5cTB8BinFkZgXiMJniQH0PsUt2k51FUhbdfeKvc4ACcG2uQniY/8+h1Yv6Kza4Q7lD7PQV0z0oicE0Mg=="],
|
||||
"@radix-ui/react-checkbox/@radix-ui/react-presence": ["@radix-ui/react-presence@1.1.4", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-ueDqRbdc4/bkaQT3GIpLQssRlFgWaL/U2z/S31qRwwLWoxHLgry3SIfCwhxeQNbirEUXFa+lq3RL3oBYXtcmIA=="],
|
||||
|
||||
"@radix-ui/react-dialog/@radix-ui/react-focus-guards": ["@radix-ui/react-focus-guards@1.1.3", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-0rFg/Rj2Q62NCm62jZw0QX7a3sz6QCQU0LpZdNrJX8byRGaGVTqbrW9jAoIAHyMQqsNpeZ81YgSizOt5WXq0Pw=="],
|
||||
"@radix-ui/react-collapsible/@radix-ui/primitive": ["@radix-ui/primitive@1.1.2", "", {}, "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA=="],
|
||||
|
||||
"@radix-ui/react-dialog/@radix-ui/react-presence": ["@radix-ui/react-presence@1.1.5", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ=="],
|
||||
"@radix-ui/react-collapsible/@radix-ui/react-presence": ["@radix-ui/react-presence@1.1.4", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-ueDqRbdc4/bkaQT3GIpLQssRlFgWaL/U2z/S31qRwwLWoxHLgry3SIfCwhxeQNbirEUXFa+lq3RL3oBYXtcmIA=="],
|
||||
|
||||
"@radix-ui/react-context-menu/@radix-ui/primitive": ["@radix-ui/primitive@1.1.2", "", {}, "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA=="],
|
||||
|
||||
"@radix-ui/react-dropdown-menu/@radix-ui/primitive": ["@radix-ui/primitive@1.1.2", "", {}, "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA=="],
|
||||
|
||||
"@radix-ui/react-form/@radix-ui/primitive": ["@radix-ui/primitive@1.1.2", "", {}, "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA=="],
|
||||
|
||||
"@radix-ui/react-hover-card/@radix-ui/primitive": ["@radix-ui/primitive@1.1.2", "", {}, "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA=="],
|
||||
|
||||
"@radix-ui/react-hover-card/@radix-ui/react-dismissable-layer": ["@radix-ui/react-dismissable-layer@1.1.10", "", { "dependencies": { "@radix-ui/primitive": "1.1.2", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-callback-ref": "1.1.1", "@radix-ui/react-use-escape-keydown": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-IM1zzRV4W3HtVgftdQiiOmA0AdJlCtMLe00FXaHwgt3rAnNsIyDqshvkIW3hj/iu5hu8ERP7KIYki6NkqDxAwQ=="],
|
||||
|
||||
"@radix-ui/react-hover-card/@radix-ui/react-presence": ["@radix-ui/react-presence@1.1.4", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-ueDqRbdc4/bkaQT3GIpLQssRlFgWaL/U2z/S31qRwwLWoxHLgry3SIfCwhxeQNbirEUXFa+lq3RL3oBYXtcmIA=="],
|
||||
|
||||
"@radix-ui/react-menu/@radix-ui/primitive": ["@radix-ui/primitive@1.1.2", "", {}, "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA=="],
|
||||
|
||||
"@radix-ui/react-menu/@radix-ui/react-dismissable-layer": ["@radix-ui/react-dismissable-layer@1.1.10", "", { "dependencies": { "@radix-ui/primitive": "1.1.2", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-callback-ref": "1.1.1", "@radix-ui/react-use-escape-keydown": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-IM1zzRV4W3HtVgftdQiiOmA0AdJlCtMLe00FXaHwgt3rAnNsIyDqshvkIW3hj/iu5hu8ERP7KIYki6NkqDxAwQ=="],
|
||||
|
||||
"@radix-ui/react-menu/@radix-ui/react-focus-guards": ["@radix-ui/react-focus-guards@1.1.2", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-fyjAACV62oPV925xFCrH8DR5xWhg9KYtJT4s3u54jxp+L/hbpTY2kIeEFFbFe+a/HCE94zGQMZLIpVTPVZDhaA=="],
|
||||
|
||||
"@radix-ui/react-menu/@radix-ui/react-presence": ["@radix-ui/react-presence@1.1.4", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-ueDqRbdc4/bkaQT3GIpLQssRlFgWaL/U2z/S31qRwwLWoxHLgry3SIfCwhxeQNbirEUXFa+lq3RL3oBYXtcmIA=="],
|
||||
|
||||
"@radix-ui/react-menubar/@radix-ui/primitive": ["@radix-ui/primitive@1.1.2", "", {}, "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA=="],
|
||||
|
||||
"@radix-ui/react-navigation-menu/@radix-ui/primitive": ["@radix-ui/primitive@1.1.2", "", {}, "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA=="],
|
||||
|
||||
"@radix-ui/react-navigation-menu/@radix-ui/react-dismissable-layer": ["@radix-ui/react-dismissable-layer@1.1.10", "", { "dependencies": { "@radix-ui/primitive": "1.1.2", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-callback-ref": "1.1.1", "@radix-ui/react-use-escape-keydown": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-IM1zzRV4W3HtVgftdQiiOmA0AdJlCtMLe00FXaHwgt3rAnNsIyDqshvkIW3hj/iu5hu8ERP7KIYki6NkqDxAwQ=="],
|
||||
|
||||
"@radix-ui/react-navigation-menu/@radix-ui/react-presence": ["@radix-ui/react-presence@1.1.4", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-ueDqRbdc4/bkaQT3GIpLQssRlFgWaL/U2z/S31qRwwLWoxHLgry3SIfCwhxeQNbirEUXFa+lq3RL3oBYXtcmIA=="],
|
||||
|
||||
"@radix-ui/react-one-time-password-field/@radix-ui/primitive": ["@radix-ui/primitive@1.1.2", "", {}, "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA=="],
|
||||
|
||||
"@radix-ui/react-password-toggle-field/@radix-ui/primitive": ["@radix-ui/primitive@1.1.2", "", {}, "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA=="],
|
||||
|
||||
"@radix-ui/react-popover/@radix-ui/primitive": ["@radix-ui/primitive@1.1.2", "", {}, "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA=="],
|
||||
|
||||
"@radix-ui/react-popover/@radix-ui/react-dismissable-layer": ["@radix-ui/react-dismissable-layer@1.1.10", "", { "dependencies": { "@radix-ui/primitive": "1.1.2", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-callback-ref": "1.1.1", "@radix-ui/react-use-escape-keydown": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-IM1zzRV4W3HtVgftdQiiOmA0AdJlCtMLe00FXaHwgt3rAnNsIyDqshvkIW3hj/iu5hu8ERP7KIYki6NkqDxAwQ=="],
|
||||
|
||||
"@radix-ui/react-popover/@radix-ui/react-focus-guards": ["@radix-ui/react-focus-guards@1.1.2", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-fyjAACV62oPV925xFCrH8DR5xWhg9KYtJT4s3u54jxp+L/hbpTY2kIeEFFbFe+a/HCE94zGQMZLIpVTPVZDhaA=="],
|
||||
|
||||
"@radix-ui/react-popover/@radix-ui/react-presence": ["@radix-ui/react-presence@1.1.4", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-ueDqRbdc4/bkaQT3GIpLQssRlFgWaL/U2z/S31qRwwLWoxHLgry3SIfCwhxeQNbirEUXFa+lq3RL3oBYXtcmIA=="],
|
||||
|
||||
"@radix-ui/react-radio-group/@radix-ui/primitive": ["@radix-ui/primitive@1.1.2", "", {}, "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA=="],
|
||||
|
||||
"@radix-ui/react-radio-group/@radix-ui/react-presence": ["@radix-ui/react-presence@1.1.4", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-ueDqRbdc4/bkaQT3GIpLQssRlFgWaL/U2z/S31qRwwLWoxHLgry3SIfCwhxeQNbirEUXFa+lq3RL3oBYXtcmIA=="],
|
||||
|
||||
"@radix-ui/react-roving-focus/@radix-ui/primitive": ["@radix-ui/primitive@1.1.2", "", {}, "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA=="],
|
||||
|
||||
"@radix-ui/react-scroll-area/@radix-ui/primitive": ["@radix-ui/primitive@1.1.2", "", {}, "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA=="],
|
||||
|
||||
"@radix-ui/react-scroll-area/@radix-ui/react-presence": ["@radix-ui/react-presence@1.1.4", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-ueDqRbdc4/bkaQT3GIpLQssRlFgWaL/U2z/S31qRwwLWoxHLgry3SIfCwhxeQNbirEUXFa+lq3RL3oBYXtcmIA=="],
|
||||
|
||||
"@radix-ui/react-select/@radix-ui/primitive": ["@radix-ui/primitive@1.1.2", "", {}, "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA=="],
|
||||
|
||||
"@radix-ui/react-select/@radix-ui/react-dismissable-layer": ["@radix-ui/react-dismissable-layer@1.1.10", "", { "dependencies": { "@radix-ui/primitive": "1.1.2", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-callback-ref": "1.1.1", "@radix-ui/react-use-escape-keydown": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-IM1zzRV4W3HtVgftdQiiOmA0AdJlCtMLe00FXaHwgt3rAnNsIyDqshvkIW3hj/iu5hu8ERP7KIYki6NkqDxAwQ=="],
|
||||
|
||||
"@radix-ui/react-select/@radix-ui/react-focus-guards": ["@radix-ui/react-focus-guards@1.1.2", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-fyjAACV62oPV925xFCrH8DR5xWhg9KYtJT4s3u54jxp+L/hbpTY2kIeEFFbFe+a/HCE94zGQMZLIpVTPVZDhaA=="],
|
||||
|
||||
"@radix-ui/react-slider/@radix-ui/primitive": ["@radix-ui/primitive@1.1.2", "", {}, "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA=="],
|
||||
|
||||
"@radix-ui/react-switch/@radix-ui/primitive": ["@radix-ui/primitive@1.1.2", "", {}, "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA=="],
|
||||
|
||||
"@radix-ui/react-tabs/@radix-ui/primitive": ["@radix-ui/primitive@1.1.2", "", {}, "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA=="],
|
||||
|
||||
"@radix-ui/react-tabs/@radix-ui/react-presence": ["@radix-ui/react-presence@1.1.4", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-ueDqRbdc4/bkaQT3GIpLQssRlFgWaL/U2z/S31qRwwLWoxHLgry3SIfCwhxeQNbirEUXFa+lq3RL3oBYXtcmIA=="],
|
||||
|
||||
"@radix-ui/react-toast/@radix-ui/primitive": ["@radix-ui/primitive@1.1.2", "", {}, "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA=="],
|
||||
|
||||
"@radix-ui/react-toast/@radix-ui/react-dismissable-layer": ["@radix-ui/react-dismissable-layer@1.1.10", "", { "dependencies": { "@radix-ui/primitive": "1.1.2", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-callback-ref": "1.1.1", "@radix-ui/react-use-escape-keydown": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-IM1zzRV4W3HtVgftdQiiOmA0AdJlCtMLe00FXaHwgt3rAnNsIyDqshvkIW3hj/iu5hu8ERP7KIYki6NkqDxAwQ=="],
|
||||
|
||||
"@radix-ui/react-toast/@radix-ui/react-presence": ["@radix-ui/react-presence@1.1.4", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-ueDqRbdc4/bkaQT3GIpLQssRlFgWaL/U2z/S31qRwwLWoxHLgry3SIfCwhxeQNbirEUXFa+lq3RL3oBYXtcmIA=="],
|
||||
|
||||
"@radix-ui/react-toggle/@radix-ui/primitive": ["@radix-ui/primitive@1.1.2", "", {}, "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA=="],
|
||||
|
||||
"@radix-ui/react-toggle-group/@radix-ui/primitive": ["@radix-ui/primitive@1.1.2", "", {}, "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA=="],
|
||||
|
||||
"@radix-ui/react-toolbar/@radix-ui/primitive": ["@radix-ui/primitive@1.1.2", "", {}, "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA=="],
|
||||
|
||||
"@radix-ui/react-tooltip/@radix-ui/primitive": ["@radix-ui/primitive@1.1.2", "", {}, "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA=="],
|
||||
|
||||
"@radix-ui/react-tooltip/@radix-ui/react-dismissable-layer": ["@radix-ui/react-dismissable-layer@1.1.10", "", { "dependencies": { "@radix-ui/primitive": "1.1.2", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-callback-ref": "1.1.1", "@radix-ui/react-use-escape-keydown": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-IM1zzRV4W3HtVgftdQiiOmA0AdJlCtMLe00FXaHwgt3rAnNsIyDqshvkIW3hj/iu5hu8ERP7KIYki6NkqDxAwQ=="],
|
||||
|
||||
"@radix-ui/react-tooltip/@radix-ui/react-presence": ["@radix-ui/react-presence@1.1.4", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-ueDqRbdc4/bkaQT3GIpLQssRlFgWaL/U2z/S31qRwwLWoxHLgry3SIfCwhxeQNbirEUXFa+lq3RL3oBYXtcmIA=="],
|
||||
|
||||
"@tailwindcss/oxide-wasm32-wasi/@emnapi/core": ["@emnapi/core@1.4.5", "", { "dependencies": { "@emnapi/wasi-threads": "1.0.4", "tslib": "^2.4.0" }, "bundled": true }, "sha512-XsLw1dEOpkSX/WucdqUhPWP7hDxSvZiY+fsUC14h+FtQ2Ifni4znbBt8punRX+Uj2JG/uDb8nEHVKvrVlvdZ5Q=="],
|
||||
|
||||
|
|
@ -1228,12 +1240,16 @@
|
|||
|
||||
"@types/pg/@types/node": ["@types/node@22.16.5", "", { "dependencies": { "undici-types": "~6.21.0" } }, "sha512-bJFoMATwIGaxxx8VJPeM8TonI8t579oRvgAuT8zFugJsJZgzqv0Fu8Mhp68iecjzG7cnN3mO2dJQ5uUM2EFrgQ=="],
|
||||
|
||||
"@types/react-dom/@types/react": ["@types/react@18.3.23", "", { "dependencies": { "@types/prop-types": "*", "csstype": "^3.0.2" } }, "sha512-/LDXMQh55EzZQ0uVAZmKKhfENivEvWz6E+EYzh+/MCjMhNsotd+ZHhBGIjFDTi6+fz0OhQQQLbTgdQIxxCsC0w=="],
|
||||
|
||||
"@upstash/core-analytics/@upstash/redis": ["@upstash/redis@1.35.1", "", { "dependencies": { "uncrypto": "^0.1.3" } }, "sha512-sIMuAMU9IYbE2bkgDby8KLoQKRiBMXn0moXxqLvUmQ7VUu2CvulZLtK8O0x3WQZFvvZhU5sRC2/lOVZdGfudkA=="],
|
||||
|
||||
"better-auth/zod": ["zod@3.25.76", "", {}, "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ=="],
|
||||
|
||||
"cmdk/@radix-ui/react-dialog": ["@radix-ui/react-dialog@1.1.14", "", { "dependencies": { "@radix-ui/primitive": "1.1.2", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-context": "1.1.2", "@radix-ui/react-dismissable-layer": "1.1.10", "@radix-ui/react-focus-guards": "1.1.2", "@radix-ui/react-focus-scope": "1.1.7", "@radix-ui/react-id": "1.1.1", "@radix-ui/react-portal": "1.1.9", "@radix-ui/react-presence": "1.1.4", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-slot": "1.2.3", "@radix-ui/react-use-controllable-state": "1.2.2", "aria-hidden": "^1.2.4", "react-remove-scroll": "^2.6.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-+CpweKjqpzTmwRwcYECQcNYbI8V9VSQt0SNFKeEBLgfucbsLssU6Ppq7wUdNXEGb573bMjFhVjKVll8rmV6zMw=="],
|
||||
|
||||
"dom-helpers/csstype": ["csstype@3.1.3", "", {}, "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="],
|
||||
|
||||
"next/postcss": ["postcss@8.4.31", "", { "dependencies": { "nanoid": "^3.3.6", "picocolors": "^1.0.0", "source-map-js": "^1.0.2" } }, "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ=="],
|
||||
|
||||
"parse-entities/@types/unist": ["@types/unist@2.0.11", "", {}, "sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA=="],
|
||||
|
|
@ -1242,8 +1258,20 @@
|
|||
|
||||
"prop-types/react-is": ["react-is@16.13.1", "", {}, "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="],
|
||||
|
||||
"radix-ui/@radix-ui/primitive": ["@radix-ui/primitive@1.1.2", "", {}, "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA=="],
|
||||
|
||||
"radix-ui/@radix-ui/react-dialog": ["@radix-ui/react-dialog@1.1.14", "", { "dependencies": { "@radix-ui/primitive": "1.1.2", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-context": "1.1.2", "@radix-ui/react-dismissable-layer": "1.1.10", "@radix-ui/react-focus-guards": "1.1.2", "@radix-ui/react-focus-scope": "1.1.7", "@radix-ui/react-id": "1.1.1", "@radix-ui/react-portal": "1.1.9", "@radix-ui/react-presence": "1.1.4", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-slot": "1.2.3", "@radix-ui/react-use-controllable-state": "1.2.2", "aria-hidden": "^1.2.4", "react-remove-scroll": "^2.6.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-+CpweKjqpzTmwRwcYECQcNYbI8V9VSQt0SNFKeEBLgfucbsLssU6Ppq7wUdNXEGb573bMjFhVjKVll8rmV6zMw=="],
|
||||
|
||||
"radix-ui/@radix-ui/react-dismissable-layer": ["@radix-ui/react-dismissable-layer@1.1.10", "", { "dependencies": { "@radix-ui/primitive": "1.1.2", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-callback-ref": "1.1.1", "@radix-ui/react-use-escape-keydown": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-IM1zzRV4W3HtVgftdQiiOmA0AdJlCtMLe00FXaHwgt3rAnNsIyDqshvkIW3hj/iu5hu8ERP7KIYki6NkqDxAwQ=="],
|
||||
|
||||
"radix-ui/@radix-ui/react-focus-guards": ["@radix-ui/react-focus-guards@1.1.2", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-fyjAACV62oPV925xFCrH8DR5xWhg9KYtJT4s3u54jxp+L/hbpTY2kIeEFFbFe+a/HCE94zGQMZLIpVTPVZDhaA=="],
|
||||
|
||||
"radix-ui/@radix-ui/react-presence": ["@radix-ui/react-presence@1.1.4", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-ueDqRbdc4/bkaQT3GIpLQssRlFgWaL/U2z/S31qRwwLWoxHLgry3SIfCwhxeQNbirEUXFa+lq3RL3oBYXtcmIA=="],
|
||||
|
||||
"react-day-picker/react": ["react@18.3.1", "", { "dependencies": { "loose-envify": "^1.1.0" } }, "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ=="],
|
||||
|
||||
"react-dom/react": ["react@18.3.1", "", { "dependencies": { "loose-envify": "^1.1.0" } }, "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ=="],
|
||||
|
||||
"recharts/eventemitter3": ["eventemitter3@4.0.7", "", {}, "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw=="],
|
||||
|
||||
"vaul/@radix-ui/react-dialog": ["@radix-ui/react-dialog@1.1.14", "", { "dependencies": { "@radix-ui/primitive": "1.1.2", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-context": "1.1.2", "@radix-ui/react-dismissable-layer": "1.1.10", "@radix-ui/react-focus-guards": "1.1.2", "@radix-ui/react-focus-scope": "1.1.7", "@radix-ui/react-id": "1.1.1", "@radix-ui/react-portal": "1.1.9", "@radix-ui/react-presence": "1.1.4", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-slot": "1.2.3", "@radix-ui/react-use-controllable-state": "1.2.2", "aria-hidden": "^1.2.4", "react-remove-scroll": "^2.6.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-+CpweKjqpzTmwRwcYECQcNYbI8V9VSQt0SNFKeEBLgfucbsLssU6Ppq7wUdNXEGb573bMjFhVjKVll8rmV6zMw=="],
|
||||
|
|
@ -1292,29 +1320,7 @@
|
|||
|
||||
"@esbuild-kit/core-utils/esbuild/@esbuild/win32-x64": ["@esbuild/win32-x64@0.18.20", "", { "os": "win32", "cpu": "x64" }, "sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ=="],
|
||||
|
||||
"@opencut/tools/@types/bun/bun-types": ["bun-types@1.3.5", "", { "dependencies": { "@types/node": "*" } }, "sha512-inmAYe2PFLs0SUbFOWSVD24sg1jFlMPxOjOSSCYqUgn4Hsc3rDc7dFvfVYjFPNHtov6kgUeulV4SxbuIV/stPw=="],
|
||||
|
||||
"@opencut/tools/next/@next/env": ["@next/env@15.5.9", "", {}, "sha512-4GlTZ+EJM7WaW2HEZcyU317tIQDjkQIyENDLxYJfSWlfqguN+dHkZgyQTV/7ykvobU7yEH5gKvreNrH4B6QgIg=="],
|
||||
|
||||
"@opencut/tools/next/@next/swc-darwin-arm64": ["@next/swc-darwin-arm64@15.5.7", "", { "os": "darwin", "cpu": "arm64" }, "sha512-IZwtxCEpI91HVU/rAUOOobWSZv4P2DeTtNaCdHqLcTJU4wdNXgAySvKa/qJCgR5m6KI8UsKDXtO2B31jcaw1Yw=="],
|
||||
|
||||
"@opencut/tools/next/@next/swc-darwin-x64": ["@next/swc-darwin-x64@15.5.7", "", { "os": "darwin", "cpu": "x64" }, "sha512-UP6CaDBcqaCBuiq/gfCEJw7sPEoX1aIjZHnBWN9v9qYHQdMKvCKcAVs4OX1vIjeE+tC5EIuwDTVIoXpUes29lg=="],
|
||||
|
||||
"@opencut/tools/next/@next/swc-linux-arm64-gnu": ["@next/swc-linux-arm64-gnu@15.5.7", "", { "os": "linux", "cpu": "arm64" }, "sha512-NCslw3GrNIw7OgmRBxHtdWFQYhexoUCq+0oS2ccjyYLtcn1SzGzeM54jpTFonIMUjNbHmpKpziXnpxhSWLcmBA=="],
|
||||
|
||||
"@opencut/tools/next/@next/swc-linux-arm64-musl": ["@next/swc-linux-arm64-musl@15.5.7", "", { "os": "linux", "cpu": "arm64" }, "sha512-nfymt+SE5cvtTrG9u1wdoxBr9bVB7mtKTcj0ltRn6gkP/2Nu1zM5ei8rwP9qKQP0Y//umK+TtkKgNtfboBxRrw=="],
|
||||
|
||||
"@opencut/tools/next/@next/swc-linux-x64-gnu": ["@next/swc-linux-x64-gnu@15.5.7", "", { "os": "linux", "cpu": "x64" }, "sha512-hvXcZvCaaEbCZcVzcY7E1uXN9xWZfFvkNHwbe/n4OkRhFWrs1J1QV+4U1BN06tXLdaS4DazEGXwgqnu/VMcmqw=="],
|
||||
|
||||
"@opencut/tools/next/@next/swc-linux-x64-musl": ["@next/swc-linux-x64-musl@15.5.7", "", { "os": "linux", "cpu": "x64" }, "sha512-4IUO539b8FmF0odY6/SqANJdgwn1xs1GkPO5doZugwZ3ETF6JUdckk7RGmsfSf7ws8Qb2YB5It33mvNL/0acqA=="],
|
||||
|
||||
"@opencut/tools/next/@next/swc-win32-arm64-msvc": ["@next/swc-win32-arm64-msvc@15.5.7", "", { "os": "win32", "cpu": "arm64" }, "sha512-CpJVTkYI3ZajQkC5vajM7/ApKJUOlm6uP4BknM3XKvJ7VXAvCqSjSLmM0LKdYzn6nBJVSjdclx8nYJSa3xlTgQ=="],
|
||||
|
||||
"@opencut/tools/next/@next/swc-win32-x64-msvc": ["@next/swc-win32-x64-msvc@15.5.7", "", { "os": "win32", "cpu": "x64" }, "sha512-gMzgBX164I6DN+9/PGA+9dQiwmTkE4TloBNx8Kv9UiGARsr9Nba7IpcBRA1iTV9vwlYnrE3Uy6I7Aj6qLjQuqw=="],
|
||||
|
||||
"@opencut/tools/next/postcss": ["postcss@8.4.31", "", { "dependencies": { "nanoid": "^3.3.6", "picocolors": "^1.0.0", "source-map-js": "^1.0.2" } }, "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ=="],
|
||||
|
||||
"@opencut/ui/@types/react/csstype": ["csstype@3.2.3", "", {}, "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ=="],
|
||||
"@opencut/web/@types/react/csstype": ["csstype@3.1.3", "", {}, "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="],
|
||||
|
||||
"@opencut/web/next/@next/env": ["@next/env@15.5.7", "", {}, "sha512-4h6Y2NyEkIEN7Z8YxkA27pq6zTkS09bUSYC0xjd0NpwFxjnIKeZEeH591o5WECSmjpUhLn3H2QLJcDye3Uzcvg=="],
|
||||
|
||||
|
|
@ -1336,13 +1342,35 @@
|
|||
|
||||
"@opencut/web/next/postcss": ["postcss@8.4.31", "", { "dependencies": { "nanoid": "^3.3.6", "picocolors": "^1.0.0", "source-map-js": "^1.0.2" } }, "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ=="],
|
||||
|
||||
"@radix-ui/react-alert-dialog/@radix-ui/react-dialog/@radix-ui/react-dismissable-layer": ["@radix-ui/react-dismissable-layer@1.1.10", "", { "dependencies": { "@radix-ui/primitive": "1.1.2", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-callback-ref": "1.1.1", "@radix-ui/react-use-escape-keydown": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-IM1zzRV4W3HtVgftdQiiOmA0AdJlCtMLe00FXaHwgt3rAnNsIyDqshvkIW3hj/iu5hu8ERP7KIYki6NkqDxAwQ=="],
|
||||
|
||||
"@radix-ui/react-alert-dialog/@radix-ui/react-dialog/@radix-ui/react-focus-guards": ["@radix-ui/react-focus-guards@1.1.2", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-fyjAACV62oPV925xFCrH8DR5xWhg9KYtJT4s3u54jxp+L/hbpTY2kIeEFFbFe+a/HCE94zGQMZLIpVTPVZDhaA=="],
|
||||
|
||||
"@radix-ui/react-alert-dialog/@radix-ui/react-dialog/@radix-ui/react-presence": ["@radix-ui/react-presence@1.1.4", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-ueDqRbdc4/bkaQT3GIpLQssRlFgWaL/U2z/S31qRwwLWoxHLgry3SIfCwhxeQNbirEUXFa+lq3RL3oBYXtcmIA=="],
|
||||
|
||||
"@tailwindcss/oxide-wasm32-wasi/@napi-rs/wasm-runtime/@tybys/wasm-util": ["@tybys/wasm-util@0.10.0", "", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-VyyPYFlOMNylG45GoAe0xDoLwWuowvf92F9kySqzYh8vmYm7D2u4iUJKa1tOUpS70Ku13ASrOkS4ScXFsTaCNQ=="],
|
||||
|
||||
"@types/pg/@types/node/undici-types": ["undici-types@6.21.0", "", {}, "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ=="],
|
||||
|
||||
"@types/react-dom/@types/react/csstype": ["csstype@3.1.3", "", {}, "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="],
|
||||
|
||||
"cmdk/@radix-ui/react-dialog/@radix-ui/primitive": ["@radix-ui/primitive@1.1.2", "", {}, "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA=="],
|
||||
|
||||
"cmdk/@radix-ui/react-dialog/@radix-ui/react-dismissable-layer": ["@radix-ui/react-dismissable-layer@1.1.10", "", { "dependencies": { "@radix-ui/primitive": "1.1.2", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-callback-ref": "1.1.1", "@radix-ui/react-use-escape-keydown": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-IM1zzRV4W3HtVgftdQiiOmA0AdJlCtMLe00FXaHwgt3rAnNsIyDqshvkIW3hj/iu5hu8ERP7KIYki6NkqDxAwQ=="],
|
||||
|
||||
"cmdk/@radix-ui/react-dialog/@radix-ui/react-focus-guards": ["@radix-ui/react-focus-guards@1.1.2", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-fyjAACV62oPV925xFCrH8DR5xWhg9KYtJT4s3u54jxp+L/hbpTY2kIeEFFbFe+a/HCE94zGQMZLIpVTPVZDhaA=="],
|
||||
|
||||
"cmdk/@radix-ui/react-dialog/@radix-ui/react-presence": ["@radix-ui/react-presence@1.1.4", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-ueDqRbdc4/bkaQT3GIpLQssRlFgWaL/U2z/S31qRwwLWoxHLgry3SIfCwhxeQNbirEUXFa+lq3RL3oBYXtcmIA=="],
|
||||
|
||||
"next/postcss/nanoid": ["nanoid@3.3.11", "", { "bin": { "nanoid": "bin/nanoid.cjs" } }, "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w=="],
|
||||
|
||||
"@opencut/tools/next/postcss/nanoid": ["nanoid@3.3.11", "", { "bin": { "nanoid": "bin/nanoid.cjs" } }, "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w=="],
|
||||
"vaul/@radix-ui/react-dialog/@radix-ui/primitive": ["@radix-ui/primitive@1.1.2", "", {}, "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA=="],
|
||||
|
||||
"vaul/@radix-ui/react-dialog/@radix-ui/react-dismissable-layer": ["@radix-ui/react-dismissable-layer@1.1.10", "", { "dependencies": { "@radix-ui/primitive": "1.1.2", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-callback-ref": "1.1.1", "@radix-ui/react-use-escape-keydown": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-IM1zzRV4W3HtVgftdQiiOmA0AdJlCtMLe00FXaHwgt3rAnNsIyDqshvkIW3hj/iu5hu8ERP7KIYki6NkqDxAwQ=="],
|
||||
|
||||
"vaul/@radix-ui/react-dialog/@radix-ui/react-focus-guards": ["@radix-ui/react-focus-guards@1.1.2", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-fyjAACV62oPV925xFCrH8DR5xWhg9KYtJT4s3u54jxp+L/hbpTY2kIeEFFbFe+a/HCE94zGQMZLIpVTPVZDhaA=="],
|
||||
|
||||
"vaul/@radix-ui/react-dialog/@radix-ui/react-presence": ["@radix-ui/react-presence@1.1.4", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-ueDqRbdc4/bkaQT3GIpLQssRlFgWaL/U2z/S31qRwwLWoxHLgry3SIfCwhxeQNbirEUXFa+lq3RL3oBYXtcmIA=="],
|
||||
|
||||
"@opencut/web/next/postcss/nanoid": ["nanoid@3.3.11", "", { "bin": { "nanoid": "bin/nanoid.cjs" } }, "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w=="],
|
||||
}
|
||||
|
|
|
|||
|
|
@ -13,7 +13,8 @@
|
|||
"start:tools": "turbo run start --filter=@opencut/tools"
|
||||
},
|
||||
"dependencies": {
|
||||
"next": "15.3.6"
|
||||
"next": "15.3.6",
|
||||
"prettier": "^3.8.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@biomejs/biome": "2.1.2",
|
||||
|
|
|
|||
Loading…
Reference in New Issue