entangle-ui 0.8.2 → 0.10.0

package/dist/esm/components/editor/Timeline/TimelineTrackHeaders.js

@@ -0,0 +1,142 @@
+"use client";
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useRef, useState, useMemo, useCallback } from 'react';
+import '../../../utils/devWarn.js';
+import { useMergedRef } from '../../../hooks/useMergedRef/useMergedRef.js';
+import '../../../hooks/useBreakpoint/useBreakpoint.js';
+import './../../../assets/src/theme/lightTheme.css.ts.vanilla-Ct6f9Iym.css';
+import '../../../node_modules/@vanilla-extract/css/dist/vanilla-extract-css.esm.js';
+import './../../../assets/src/theme/darkTheme.css.ts.vanilla-BHZ3ecRn.css';
+import './../../../assets/src/theme/globalScrollbars.css.ts.vanilla-BAJwnUEJ.css';
+import '../../../hooks/useNavigationHistory/useNavigationHistory.js';
+import { timelineHeaderColumnStyle, timelineHeaderSpacerStyle, timelineHeaderRowsViewportStyle, timelineHeaderGroupRowStyle, timelineHeaderToggleStyle, timelineHeaderSwatchStyle, timelineHeaderLabelStyle, timelineHeaderRowStyle, timelineHeaderDropIndicatorStyle } from './Timeline.css.js';
+import { reorderTracksByDrop } from './timelineEdits.js';
+
+const GROUP_INDENT = 14;
+/** A crisp disclosure triangle (right-pointing; rotates to point down). */
+function Caret() {
+    return (jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", "aria-hidden": "true", children: jsx("path", { d: "M2 1 L6 4 L2 7 Z", fill: "currentColor" }) }));
+}
+/**
+ * The left track-header column. Renders a spacer aligned with the ruler band,
+ * then the layout rows: group headers (with a collapse caret) and one row per
+ * visible track (built-in label + color swatch + expand-to-graph caret by
+ * default, or `renderTrackHeader`). Rows are absolutely positioned from the
+ * shared layout so they stay aligned with the canvas lanes (variable heights,
+ * expanded graph lanes). With the built-in header, track rows can be dragged to
+ * reorder (a drop indicator marks the target gap).
+ */
+function TimelineTrackHeaders({ rows, contentHeight, tracks, rulerHeight, scrollTop, width, selection, editable, renderTrackHeader, onReorderTracks, onToggleGroupCollapsed, onToggleTrackExpanded, ref, }) {
+    const columnRef = useRef(null);
+    const mergedRef = useMergedRef(columnRef, ref);
+    const [drag, setDrag] = useState(null);
+    const selectedTrackIds = useMemo(() => {
+        const set = new Set();
+        for (const ref of selection)
+            set.add(ref.trackId);
+        return set;
+    }, [selection]);
+    const trackRows = useMemo(() => rows.filter((r) => r.kind === 'track'), [rows]);
+    const trackIndexById = useMemo(() => {
+        const m = new Map();
+        trackRows.forEach((r, i) => m.set(r.track.id, i));
+        return m;
+    }, [trackRows]);
+    // Reorder-drag is only wired for the built-in header, so custom headers keep
+    // full control of their own pointer interactions.
+    const reorderable = editable && !!onReorderTracks && !renderTrackHeader;
+    const dropIndexAt = useCallback((clientY) => {
+        const rect = columnRef.current?.getBoundingClientRect();
+        const top = (rect?.top ?? 0) + rulerHeight;
+        const contentY = clientY - top + scrollTop;
+        for (let i = 0; i < trackRows.length; i += 1) {
+            const r = trackRows[i];
+            if (r && contentY < r.top + r.height / 2)
+                return i;
+        }
+        return trackRows.length;
+    }, [rulerHeight, scrollTop, trackRows]);
+    const handleRowPointerDown = useCallback((e, trackId) => {
+        if (!reorderable || e.button !== 0)
+            return;
+        const column = columnRef.current;
+        if (!column)
+            return;
+        column.setPointerCapture(e.pointerId);
+        const index = trackRows.findIndex(r => r.track.id === trackId);
+        setDrag({ id: trackId, dropIndex: index < 0 ? 0 : index });
+    }, [reorderable, trackRows]);
+    const handlePointerMove = useCallback((e) => {
+        const y = e.clientY;
+        setDrag(d => (d ? { ...d, dropIndex: dropIndexAt(y) } : d));
+    }, [dropIndexAt]);
+    const endDrag = useCallback((e) => {
+        const column = columnRef.current;
+        if (column?.hasPointerCapture(e.pointerId)) {
+            column.releasePointerCapture(e.pointerId);
+        }
+        setDrag(current => {
+            if (current && onReorderTracks) {
+                const visible = tracks.filter(t => !t.hidden);
+                let visibleIndex;
+                if (current.dropIndex >= trackRows.length) {
+                    visibleIndex = visible.length;
+                }
+                else {
+                    const targetId = trackRows[current.dropIndex]?.track.id;
+                    visibleIndex = targetId
+                        ? visible.findIndex(t => t.id === targetId)
+                        : visible.length;
+                }
+                const next = reorderTracksByDrop(tracks, current.id, visibleIndex);
+                if (next.some((t, i) => t.id !== tracks[i]?.id))
+                    onReorderTracks(next);
+            }
+            return null;
+        });
+    }, [tracks, trackRows, onReorderTracks]);
+    const dropTop = drag &&
+        (drag.dropIndex < trackRows.length
+            ? (trackRows[drag.dropIndex]?.top ?? contentHeight)
+            : contentHeight);
+    return (jsxs("div", { ref: mergedRef, className: timelineHeaderColumnStyle, style: { width }, onPointerMove: handlePointerMove, onPointerUp: endDrag, onPointerCancel: endDrag, children: [rulerHeight > 0 && (jsx("div", { className: timelineHeaderSpacerStyle, style: { height: rulerHeight } })), jsx("div", { className: timelineHeaderRowsViewportStyle, children: jsx("div", { style: {
+                        position: 'absolute',
+                        inset: 0,
+                        transform: `translateY(${-scrollTop}px)`,
+                    }, children: rows.map(row => {
+                        if (row.kind === 'group') {
+                            const collapsed = row.group.collapsed ?? false;
+                            return (jsxs("div", { role: "button", tabIndex: 0, "aria-expanded": !collapsed, className: timelineHeaderGroupRowStyle, style: { top: row.top, height: row.height }, onClick: () => {
+                                    onToggleGroupCollapsed(row.group.id);
+                                }, onKeyDown: event => {
+                                    if (event.key === 'Enter' || event.key === ' ') {
+                                        event.preventDefault();
+                                        onToggleGroupCollapsed(row.group.id);
+                                    }
+                                }, children: [jsx("span", { className: timelineHeaderToggleStyle, "data-open": !collapsed || undefined, children: jsx(Caret, {}) }), row.group.color && (jsx("span", { className: timelineHeaderSwatchStyle, style: { background: row.group.color } })), jsx("span", { className: timelineHeaderLabelStyle, children: row.group.label ?? row.group.id })] }, `group:${row.group.id}`));
+                        }
+                        const track = row.track;
+                        const hasSelection = selectedTrackIds.has(track.id);
+                        const grouped = track.groupId !== undefined;
+                        return (jsx("div", { className: timelineHeaderRowStyle, style: {
+                                top: row.top,
+                                height: row.height,
+                                ...(grouped ? { paddingInlineStart: GROUP_INDENT } : {}),
+                            }, "data-draggable": reorderable || undefined, "data-dragging": drag?.id === track.id || undefined, "data-locked": track.locked ? true : undefined, "data-selected": hasSelection || undefined, onPointerDown: reorderable
+                                ? e => {
+                                    handleRowPointerDown(e, track.id);
+                                }
+                                : undefined, children: renderTrackHeader ? (renderTrackHeader(track, {
+                                index: trackIndexById.get(track.id) ?? 0,
+                                hasSelection,
+                            })) : (jsxs(Fragment, { children: [jsx("button", { type: "button", className: timelineHeaderToggleStyle, "data-open": track.expanded ? true : undefined, onPointerDown: e => {
+                                            e.stopPropagation();
+                                        }, onClick: e => {
+                                            e.stopPropagation();
+                                            onToggleTrackExpanded(track.id);
+                                        }, "aria-label": track.expanded ? 'Collapse track' : 'Expand track', "aria-expanded": track.expanded ?? false, children: jsx(Caret, {}) }), jsx("span", { className: timelineHeaderSwatchStyle, style: track.color ? { background: track.color } : undefined }), jsx("span", { className: timelineHeaderLabelStyle, children: track.label ?? track.id })] })) }, track.id));
+                    }) }) }), drag && dropTop !== null && (jsx("div", { className: timelineHeaderDropIndicatorStyle, style: { top: rulerHeight + dropTop - scrollTop } }))] }));
+}
+
+export { TimelineTrackHeaders };
+//# sourceMappingURL=TimelineTrackHeaders.js.map

package/dist/esm/components/editor/Timeline/TimelineTrackHeaders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineTrackHeaders.js","sources":["../../../../../../src/components/editor/Timeline/TimelineTrackHeaders.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;AA0BA;AA2BA;AACA;;AAMA;AAEA;;;;;;;;AAQG;AACG;AAeJ;;;AAIA;AACE;;AAC6B;AAC7B;AACF;;AAMA;AACE;;AAEA;AACF;;;;AAMA;;;AAII;AACA;AACE;AACA;AAA0C;;;;;AAS5C;;AACA;AACA;;AACA;AACA;;AAEF;AAIF;AAEI;;AAEF;AAIF;AAEI;;AAEE;;;AAGA;AACE;AACA;;AAEE;;;AAEA;AACA;AACE;AACA;;AAEJ;;;;AAIF;AACF;;;AAOF;AACE;;;AAqBM;AACA;AACA;AACD;AAGC;;AAEE;AASM;AACF;AAEE;;AAEE;;AAEJ;;AAqBN;;AAEA;AACA;;;AAOM;AACD;;AAQO;;;;;AASL;;AASG;;AAGE;AACF;AAqBZ;AAWV;;"}

package/dist/esm/components/editor/Timeline/TimelineTrackScale.js

@@ -0,0 +1,18 @@
+import { TIMELINE_SLOT } from './Timeline.types.js';
+
+/**
+ * Renders a tiny min / max value scale on every graph / expanded-track lane.
+ * Picked out of `<Timeline>` children by the `TIMELINE_SLOT` symbol — its
+ * position in the child tree does not affect placement (always drawn inside
+ * the canvas, at the start or end of each lane).
+ *
+ * Pure marker — the actual drawing happens inside `drawTimeline`.
+ */
+const TimelineTrackScaleImpl = () => null;
+const TimelineTrackScale = Object.assign(TimelineTrackScaleImpl, {
+    displayName: 'Timeline.TrackScale',
+    [TIMELINE_SLOT]: 'track-scale',
+});
+
+export { TimelineTrackScale };
+//# sourceMappingURL=TimelineTrackScale.js.map

package/dist/esm/components/editor/Timeline/TimelineTrackScale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineTrackScale.js","sources":["../../../../../../src/components/editor/Timeline/TimelineTrackScale.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AAIA;;;;;;;AAOG;AACH,MAAM,sBAAsB,GAA6C,MACvE,IAAI;MAEO,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,sBAAsB,EAAE;AACtE,IAAA,WAAW,EAAE,qBAAqB;IAClC,CAAC,aAAa,GAAG,aAAsB;AACxC,CAAA;;;;"}

package/dist/esm/components/editor/Timeline/index.js

@@ -0,0 +1,18 @@
+import { Timeline as Timeline$1 } from './Timeline.js';
+import { TimelineFooter } from './TimelineFooter.js';
+import { TimelineMinimap } from './TimelineMinimap.js';
+import { TimelineToolbar } from './TimelineToolbar.js';
+import { TimelineTrackScale } from './TimelineTrackScale.js';
+export { useTimelineContext, useTimelineGeometry, useTimelinePlayhead, useTimelineSelectedTangentMode, useTimelineSelection } from './TimelineContext.js';
+import '../../controls/CurveEditor/CurveEditor.js';
+import '../../controls/CurveEditor/curvePresets.js';
+
+const TimelineWithSlots = Timeline$1;
+TimelineWithSlots.Toolbar = TimelineToolbar;
+TimelineWithSlots.Footer = TimelineFooter;
+TimelineWithSlots.Minimap = TimelineMinimap;
+TimelineWithSlots.TrackScale = TimelineTrackScale;
+const Timeline = TimelineWithSlots;
+
+export { Timeline, TimelineFooter, TimelineMinimap, TimelineToolbar, TimelineTrackScale };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/editor/Timeline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/editor/Timeline/index.ts"],"sourcesContent":[null],"names":["TimelineBase"],"mappings":";;;;;;;;;AAaA,MAAM,iBAAiB,GAAGA,UAAgC;AAC1D,iBAAiB,CAAC,OAAO,GAAG,eAAe;AAC3C,iBAAiB,CAAC,MAAM,GAAG,cAAc;AACzC,iBAAiB,CAAC,OAAO,GAAG,eAAe;AAC3C,iBAAiB,CAAC,UAAU,GAAG,kBAAkB;AAE1C,MAAM,QAAQ,GAAG;;;;"}

package/dist/esm/components/editor/Timeline/timelineCoords.js

@@ -0,0 +1,118 @@
+import { clamp } from '../../../utils/mathUtils.js';
+
+/** Resolve a loop prop to a concrete `{ startFrame, endFrame }` region, or null. */
+function resolveLoop(loop, startFrame, endFrame) {
+    if (loop === true)
+        return { startFrame, endFrame };
+    if (loop && typeof loop === 'object')
+        return loop;
+    return null;
+}
+/** Visible frame span of a view window. Guards against a zero/negative span. */
+function viewSpan(view) {
+    return Math.max(1e-6, view.endFrame - view.startFrame);
+}
+/** Map a frame to a CSS-pixel X within the track area `[0, width]`. */
+function frameToX(frame, view, width) {
+    return ((frame - view.startFrame) / viewSpan(view)) * width;
+}
+/** Inverse of `frameToX`: a CSS-pixel X to a frame. */
+function xToFrame(x, view, width) {
+    if (width <= 0)
+        return view.startFrame;
+    return view.startFrame + (x / width) * viewSpan(view);
+}
+/** Snap a frame to the nearest increment. `true` = 1 frame, `false` = no snap. */
+function snapFrame(frame, snap) {
+    if (snap === false)
+        return frame;
+    const step = snap === true ? 1 : Math.max(1e-6, snap);
+    return Math.round(frame / step) * step;
+}
+/**
+ * Format a frame number as `HH:MM:SS:FF` timecode at the given fps.
+ * Negative frames clamp to zero; fps is rounded to whole frames-per-second.
+ */
+function framesToTimecode(frame, fps) {
+    const safeFps = fps > 0 ? Math.round(fps) : 30;
+    const total = Math.max(0, Math.floor(frame));
+    const ff = total % safeFps;
+    const totalSeconds = Math.floor(total / safeFps);
+    const ss = totalSeconds % 60;
+    const mm = Math.floor(totalSeconds / 60) % 60;
+    const hh = Math.floor(totalSeconds / 3600);
+    const pad = (n) => n.toString().padStart(2, '0');
+    return `${pad(hh)}:${pad(mm)}:${pad(ss)}:${pad(ff)}`;
+}
+// ─── Graph-mode value axis ───
+/** Vertical inset (CSS px) inside a graph row so curves don't touch the edges. */
+function valueInset(rowHeight) {
+    return Math.min(8, rowHeight * 0.2);
+}
+/** Map a value to a CSS-pixel Y inside a graph-mode row (higher value → higher up). */
+function valueToY(value, range, rowTop, rowHeight) {
+    const span = Math.max(1e-6, range[1] - range[0]);
+    const inset = valueInset(rowHeight);
+    const usable = Math.max(1e-6, rowHeight - inset * 2);
+    const t = (value - range[0]) / span;
+    return rowTop + inset + (1 - t) * usable;
+}
+/** Inverse of `valueToY`: a CSS-pixel Y inside a row to a value. */
+function yToValue(y, range, rowTop, rowHeight) {
+    const span = range[1] - range[0];
+    const inset = valueInset(rowHeight);
+    const usable = Math.max(1e-6, rowHeight - inset * 2);
+    const t = 1 - (y - rowTop - inset) / usable;
+    return range[0] + t * span;
+}
+/** Auto-fit a value range to a set of keyframes, with 10% padding. */
+function autoValueRange(keyframes) {
+    if (keyframes.length === 0)
+        return [0, 1];
+    let lo = Infinity;
+    let hi = -Infinity;
+    for (const k of keyframes) {
+        if (k.y < lo)
+            lo = k.y;
+        if (k.y > hi)
+            hi = k.y;
+    }
+    if (lo === hi)
+        return [lo - 1, hi + 1];
+    const pad = (hi - lo) * 0.1;
+    return [lo - pad, hi + pad];
+}
+/**
+ * Compute the next view that should follow the playhead during playback,
+ * or `null` when no change is needed.
+ *
+ * - `'smooth'` — the view's `startFrame` is `frame - span/2`, clamped to
+ *   `[startFrame, endFrame - span]`. Called every frame tick → continuous
+ *   tracking with the playhead pinned to the centre.
+ * - `'paged'` — return a new view only when the playhead has left the
+ *   current view; the new view starts at the playhead, clamped to bounds.
+ * - `'off'` — always returns `null`.
+ */
+function nextFollowView(mode, view, frame, startFrame, endFrame) {
+    if (mode === 'off')
+        return null;
+    const span = view.endFrame - view.startFrame;
+    if (span <= 0)
+        return null;
+    const maxStart = endFrame - span;
+    let nextStart;
+    if (mode === 'paged') {
+        if (frame >= view.startFrame && frame <= view.endFrame)
+            return null;
+        nextStart = clamp(frame, startFrame, maxStart);
+    }
+    else {
+        nextStart = clamp(frame - span / 2, startFrame, maxStart);
+    }
+    if (nextStart === view.startFrame)
+        return null;
+    return { startFrame: nextStart, endFrame: nextStart + span };
+}
+
+export { autoValueRange, clamp, frameToX, framesToTimecode, nextFollowView, resolveLoop, snapFrame, valueInset, valueToY, xToFrame, yToValue };
+//# sourceMappingURL=timelineCoords.js.map

package/dist/esm/components/editor/Timeline/timelineCoords.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timelineCoords.js","sources":["../../../../../../src/components/editor/Timeline/timelineCoords.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}