@hyperframes/studio 0.7.76 → 0.7.78

package/src/player/components/TimelineDragGhost.tsx

@@ -1,59 +0,0 @@
-import type { ReactNode } from "react";
-import { TimelineClip } from "./TimelineClip";
-import { getTimelineEditCapabilities } from "./timelineEditing";
-import { CLIP_Y, TRACK_H } from "./timelineLayout";
-import type { TimelineTheme } from "./timelineTheme";
-import type { TimelineElement } from "../store/playerStore";
-
-interface TimelineDragGhostProps {
-  element: TimelineElement;
-  position: { left: number; top: number };
-  pps: number;
-  selectedElementId: string | null;
-  hasCustomContent: boolean;
-  theme: TimelineTheme;
-  children: ReactNode;
-}
-
-export function TimelineDragGhost({
-  element,
-  position,
-  pps,
-  selectedElementId,
-  hasCustomContent,
-  theme,
-  children,
-}: TimelineDragGhostProps) {
-  return (
-    <div
-      className="absolute pointer-events-none"
-      style={{
-        top: position.top,
-        left: position.left,
-        width: Math.max(element.duration * pps, 4),
-        height: TRACK_H - CLIP_Y * 2,
-        zIndex: 40,
-      }}
-    >
-      <TimelineClip
-        el={{ ...element, start: 0 }}
-        pps={pps}
-        clipY={0}
-        isSelected={selectedElementId === (element.key ?? element.id)}
-        isHovered={false}
-        isDragging={true}
-        hasCustomContent={hasCustomContent}
-        capabilities={getTimelineEditCapabilities(element)}
-        theme={theme}
-        isComposition={!!element.compositionSrc}
-        onHoverStart={() => {}}
-        onHoverEnd={() => {}}
-        onResizeStart={() => {}}
-        onClick={() => {}}
-        onDoubleClick={() => {}}
-      >
-        {children}
-      </TimelineClip>
-    </div>
-  );
-}

package/src/utils/keyframeSelection.test.ts

@@ -1,45 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { selectedKeyframePercentagesForElement } from "./keyframeSelection";
-
-describe("selectedKeyframePercentagesForElement", () => {
-  it("returns the percentages of keyframes on the active element", () => {
-    const selected = new Set(["comp#a:25", "comp#a:75"]);
-    expect(selectedKeyframePercentagesForElement(selected, "comp#a")).toEqual([25, 75]);
-  });
-
-  it("drops keyframes that belong to other elements", () => {
-    // The bug: a stale shift-selection on `comp#b` would otherwise have its
-    // percentages applied to the now-active `comp#a`, deleting the wrong keyframes.
-    const selected = new Set(["comp#a:25", "comp#b:50", "comp#b:80"]);
-    expect(selectedKeyframePercentagesForElement(selected, "comp#a")).toEqual([25]);
-  });
-
-  it("returns nothing when no key belongs to the active element", () => {
-    const selected = new Set(["comp#b:50"]);
-    expect(selectedKeyframePercentagesForElement(selected, "comp#a")).toEqual([]);
-  });
-
-  it("returns nothing when there is no active element", () => {
-    const selected = new Set(["comp#a:25"]);
-    expect(selectedKeyframePercentagesForElement(selected, null)).toEqual([]);
-  });
-
-  it("returns nothing for an empty selection", () => {
-    expect(selectedKeyframePercentagesForElement(new Set(), "comp#a")).toEqual([]);
-  });
-
-  it("splits on the final colon so element ids containing ':' still match", () => {
-    const selected = new Set(["a:b:40"]);
-    expect(selectedKeyframePercentagesForElement(selected, "a:b")).toEqual([40]);
-  });
-
-  it("skips keys without a percentage separator", () => {
-    const selected = new Set(["comp#a"]);
-    expect(selectedKeyframePercentagesForElement(selected, "comp#a")).toEqual([]);
-  });
-
-  it("skips keys whose percentage is not a finite number", () => {
-    const selected = new Set(["comp#a:abc", "comp#a:NaN", "comp#a:30"]);
-    expect(selectedKeyframePercentagesForElement(selected, "comp#a")).toEqual([30]);
-  });
-});

package/src/utils/keyframeSelection.ts

@@ -1,29 +0,0 @@
-/**
- * Resolves which keyframe percentages a bulk operation should act on.
- *
- * `selectedKeyframes` holds `"<elementId>:<percentage>"` keys and can contain
- * keyframes from more than one element — e.g. a shift-selection made before the
- * active element changed (via a keyframe click, a clip click, the layers panel,
- * or the keyframe context menu). A bulk delete only targets the active
- * element's animation, so keys belonging to other elements must be dropped;
- * otherwise their percentages get applied to the active element and remove
- * keyframes the user never selected on it.
- *
- * The element id is everything before the final `:` so element ids that happen
- * to contain `:` are handled correctly.
- */
-export function selectedKeyframePercentagesForElement(
-  selectedKeyframes: ReadonlySet<string>,
-  activeElementId: string | null,
-): number[] {
-  if (!activeElementId) return [];
-  const percentages: number[] = [];
-  for (const key of selectedKeyframes) {
-    const separator = key.lastIndexOf(":");
-    if (separator < 0) continue;
-    if (key.slice(0, separator) !== activeElementId) continue;
-    const percentage = Number(key.slice(separator + 1));
-    if (Number.isFinite(percentage)) percentages.push(percentage);
-  }
-  return percentages;
-}