summaryrefslogtreecommitdiff
path: root/apps/web/src/lib/commands/timeline/element/update-text-element.ts
diff options
context:
space:
mode:
authorMaze <167211895+mazeincoding@users.noreply.github.com>2026-01-31 00:20:04 +0100
committerGitHub <noreply@github.com>2026-01-31 00:20:04 +0100
commit7bf0984698e43b9aa2dd879f65951318ed410390 (patch)
treeccf2cd590a47d550152afc07129cb55c71a9ec35 /apps/web/src/lib/commands/timeline/element/update-text-element.ts
parent0173db99448d1c4c6415dcf15272e17551b48b04 (diff)
downloadopencut-7bf0984698e43b9aa2dd879f65951318ed410390.tar.gz
codebase overhaul (#697)
Diffstat (limited to 'apps/web/src/lib/commands/timeline/element/update-text-element.ts')
-rw-r--r--apps/web/src/lib/commands/timeline/element/update-text-element.ts52
1 files changed, 52 insertions, 0 deletions
diff --git a/apps/web/src/lib/commands/timeline/element/update-text-element.ts b/apps/web/src/lib/commands/timeline/element/update-text-element.ts
new file mode 100644
index 00000000..e3cc4a32
--- /dev/null
+++ b/apps/web/src/lib/commands/timeline/element/update-text-element.ts
@@ -0,0 +1,52 @@
+import { Command } from "@/lib/commands/base-command";
+import type { TextElement, TimelineTrack } from "@/types/timeline";
+import { EditorCore } from "@/core";
+
+export class UpdateTextElementCommand extends Command {
+ private savedState: TimelineTrack[] | null = null;
+
+ constructor(
+ private trackId: string,
+ private elementId: string,
+ private updates: Partial<
+ Pick<
+ TextElement,
+ | "content"
+ | "fontSize"
+ | "fontFamily"
+ | "color"
+ | "backgroundColor"
+ | "textAlign"
+ | "fontWeight"
+ | "fontStyle"
+ | "textDecoration"
+ >
+ >,
+ ) {
+ super();
+ }
+
+ execute(): void {
+ 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.type === "text"
+ ? { ...el, ...this.updates }
+ : el,
+ );
+ return { ...t, elements: newElements } as typeof t;
+ });
+
+ editor.timeline.updateTracks(updatedTracks);
+ }
+
+ undo(): void {
+ if (this.savedState) {
+ const editor = EditorCore.getInstance();
+ editor.timeline.updateTracks(this.savedState);
+ }
+ }
+}