openpencil/packages/core/src/undo.ts
Danila Poyarkov 6d1cec1606 Extract @open-pencil/core package
Move engine (scene-graph, renderer, layout, codec, kiwi) into
packages/core/ as a Bun workspace package. The app's src/engine/
files become thin re-export shims so all existing imports still work.

- Bun workspace with packages/core
- Zero DOM dependencies in core
- Headless-friendly CanvasKit init (locateFile option)
- Constants split: engine constants in core, UI constants in app
- All 76 unit tests pass, lint + typecheck clean, vite build works
2026-03-01 01:03:07 +03:00

111 lines
2.4 KiB
TypeScript

import type { SceneNode } from './scene-graph'
export interface UndoEntry {
label: string
forward: () => void
inverse: () => void
}
export class UndoManager {
private undoStack: UndoEntry[] = []
private redoStack: UndoEntry[] = []
private batchEntries: UndoEntry[] | null = null
private batchLabel = ''
apply(entry: UndoEntry): void {
entry.forward()
if (this.batchEntries) {
this.batchEntries.push(entry)
} else {
this.undoStack.push(entry)
this.redoStack = []
}
}
push(entry: UndoEntry): void {
if (this.batchEntries) {
this.batchEntries.push(entry)
} else {
this.undoStack.push(entry)
this.redoStack = []
}
}
undo(): string | null {
const entry = this.undoStack.pop()
if (!entry) return null
entry.inverse()
this.redoStack.push(entry)
return entry.label
}
redo(): string | null {
const entry = this.redoStack.pop()
if (!entry) return null
entry.forward()
this.undoStack.push(entry)
return entry.label
}
beginBatch(label: string): void {
this.batchLabel = label
this.batchEntries = []
}
commitBatch(): void {
if (!this.batchEntries || this.batchEntries.length === 0) {
this.batchEntries = null
return
}
const entries = this.batchEntries
const label = this.batchLabel
this.batchEntries = null
this.undoStack.push({
label,
forward: () => entries.forEach((e) => e.forward()),
inverse: () => [...entries].reverse().forEach((e) => e.inverse())
})
this.redoStack = []
}
clear(): void {
this.undoStack = []
this.redoStack = []
this.batchEntries = null
}
get canUndo(): boolean {
return this.undoStack.length > 0
}
get canRedo(): boolean {
return this.redoStack.length > 0
}
get undoLabel(): string | null {
return this.undoStack.at(-1)?.label ?? null
}
get redoLabel(): string | null {
return this.redoStack.at(-1)?.label ?? null
}
}
export function createPropertyChange(
node: SceneNode,
changes: Partial<SceneNode>,
label: string
): UndoEntry {
const previous: Partial<SceneNode> = {}
for (const key of Object.keys(changes) as (keyof SceneNode)[]) {
;(previous as Record<string, unknown>)[key] = node[key]
}
return {
label,
forward: () => Object.assign(node, changes),
inverse: () => Object.assign(node, previous)
}
}