@pixel-point/toolcraft 0.0.9 → 0.0.11

package/templates/runtime/state/timeline-loop.ts

@@ -0,0 +1,35 @@
+import type { ToolcraftTimelineState } from "./types";
+
+export type ToolcraftTimelineLoopOptions = Pick<
+  ToolcraftTimelineState,
+  "currentTimeSeconds" | "durationSeconds"
+>;
+
+function getPositiveModulo(value: number, modulo: number): number {
+  return ((value % modulo) + modulo) % modulo;
+}
+
+export function getToolcraftTimelineLoopTime({
+  currentTimeSeconds,
+  durationSeconds,
+}: ToolcraftTimelineLoopOptions): number {
+  if (
+    !Number.isFinite(currentTimeSeconds) ||
+    !Number.isFinite(durationSeconds) ||
+    durationSeconds <= 0
+  ) {
+    return 0;
+  }
+
+  return getPositiveModulo(currentTimeSeconds, durationSeconds);
+}
+
+export function getToolcraftTimelineLoopProgress(
+  options: ToolcraftTimelineLoopOptions,
+): number {
+  if (!Number.isFinite(options.durationSeconds) || options.durationSeconds <= 0) {
+    return 0;
+  }
+
+  return getToolcraftTimelineLoopTime(options) / options.durationSeconds;
+}

package/templates/runtime/state/types.ts

@@ -37,6 +37,11 @@ export type ToolcraftCommand =
       panelId: ToolcraftPanelId;
       type: "panels.setOffset";
     }
+  | {
+      hidden: boolean;
+      panelId: ToolcraftPanelId;
+      type: "panels.setHidden";
+    }
   | { panelId: ToolcraftPanelId; type: "panels.resetOffset" }
   | {
       asset: Omit<ToolcraftMediaAsset, "id" | "layerId"> & {
@@ -49,6 +54,11 @@ export type ToolcraftCommand =
     }
   | { mediaId: string; type: "media.delete" }
   | { mediaIds: string[]; type: "media.reorder" }
+  | {
+      mediaId: string;
+      operation: ToolcraftMediaTransformOperation;
+      type: "media.transform";
+    }
   | { currentTimeSeconds: number; type: "timeline.setCurrentTime" }
   | { durationSeconds: number; type: "timeline.setDuration" }
   | { expanded: boolean; type: "timeline.setExpanded" }
@@ -106,10 +116,12 @@ export const toolcraftRuntimeCommandTypes = [
   "canvas.zoomReset",
   "canvas.setViewport",
   "panels.setOffset",
+  "panels.setHidden",
   "panels.resetOffset",
   "media.import",
   "media.delete",
   "media.reorder",
+  "media.transform",
   "timeline.setCurrentTime",
   "timeline.setDuration",
   "timeline.setExpanded",
@@ -171,8 +183,21 @@ export type ToolcraftMediaAsset = {
   position: ToolcraftPoint;
   size?: ToolcraftCanvasSize;
   sourceTarget?: string;
+  transform?: ToolcraftMediaTransform;
+};
+
+export type ToolcraftMediaTransform = {
+  flipHorizontal?: boolean;
+  flipVertical?: boolean;
+  rotationDeg?: 0 | 90 | 180 | 270;
 };
 
+export type ToolcraftMediaTransformOperation =
+  | "flip-horizontal"
+  | "flip-vertical"
+  | "rotate-left"
+  | "rotate-right";
+
 export type ToolcraftHistoryPatch = {
   after: Record<string, unknown>;
   before: Record<string, unknown>;
@@ -223,6 +248,8 @@ export type ToolcraftPanelId = "controls" | "layers" | "timeline" | "toolbar";
 
 export type ToolcraftPanelState = {
   collapsed?: boolean;
+  extended?: boolean;
+  hidden?: boolean;
   offset: { x: number; y: number };
 };