added history

src/data/history.ts

@@ -0,0 +1,36 @@
+export interface HistoryEntry {
+	obj: PIXI.DisplayObject;
+	properties: { [id: string]: any };
+}
+
+const HISTORY_LIMIT = 100;
+
+class HistoryClass {
+	private readonly entries: HistoryEntry[] = [];
+	private holdingEntry: HistoryEntry;
+
+	// TODO change this name please
+	public readonly onHistoryWalk = new Phaser.Signal();
+
+	public holdEntry(entry: HistoryEntry) { this.holdingEntry = entry; }
+	public cancel() { this.holdingEntry = null; }
+
+	public commit() {
+		if (!this.holdingEntry) return;
+		if (this.entries.length === HISTORY_LIMIT)
+			this.entries.shift();
+		this.entries.push(this.holdingEntry);
+		this.holdingEntry = null;
+	}
+
+	public undo() {
+		if (this.entries.length === 0) return;
+		const entry = this.entries.pop();
+		Object.keys(entry.properties)
+			.forEach(k => entry.obj[k] = entry.properties[k]);
+		entry.obj.updateTransform();
+		this.onHistoryWalk.dispatch(entry);
+	}
+}
+
+export const History = new HistoryClass();

src/editor/editor.ts

@@ -5,7 +5,6 @@ import { Panel } from './panel/panel';
 import { PropertiesInspector } from './properties/inspector/properties-inspector';
 import { Widget } from './widget/widget';
 
-
 export class Editor extends Widget {
 	public static readonly tagName: string = 'phred-editor';
 

src/plugin.ts

@@ -1,4 +1,5 @@
 import { Data, DataOrigin } from 'data/data';
+import { History } from 'data/history';
 import Phaser from 'phaser-ce';
 import { Editor } from './editor/editor';
 import './plugin.scss';
@@ -25,6 +26,11 @@ export class Plugin extends Phaser.Plugin {
 			this.update = update;
 			editor.setup(game, group);
 		}
+
+		document.onkeypress = (e: KeyboardEvent) => {
+			if (e.ctrlKey && e.key === 'z')
+				History.undo();
+		}
 	}
 
 	public postUpdate() {

src/scene/scene-editor.ts

@@ -1,4 +1,5 @@
 import { Data, DataOrigin } from 'data/data';
+import { History, HistoryEntry } from 'data/history';
 import { DragUtil } from '../util/drag.util';
 import { SceneMovel } from './scene-model';
 import { Selection } from './selection/selection';
@@ -37,8 +38,10 @@ export class SceneEditor extends Phaser.Group {
 
 		this.selection = new Selection(game);
 		this.addChild(this.selection);
+
 		Data.addPropertyChangedListener(DataOrigin.INSPECTOR, this.onPropertyChangedInsideInspector.bind(this));
 		Data.addObjectSelectionChangedListener(DataOrigin.INSPECTOR, this.onObjectSelectedInsideInspector.bind(this));
+		History.onHistoryWalk.add(this.onHistory, this);
 	}
 
 	private onPropertyChangedInsideInspector(property: string, value: any, obj: PIXI.DisplayObject) {
@@ -50,6 +53,10 @@ export class SceneEditor extends Phaser.Group {
 
 	private onObjectSelectedInsideInspector(obj: PIXI.DisplayObject) { this.selectObject(obj, false); }
 
+	private onHistory(entry: HistoryEntry) {
+		this.selection.select(entry.obj);
+	}
+
 	private createTouchArea(game: Phaser.Game): Phaser.Graphics {
 		const area = new Phaser.Graphics(game);
 		area.inputEnabled = true;
@@ -71,13 +78,25 @@ export class SceneEditor extends Phaser.Group {
 		this._hasSelected = !this.selection.getBounds().contains(pointer.x, pointer.y)
 			&& this.trySelectOver(pointer);
 		this._lastPos.set(pointer.x, pointer.y);
+
+		const obj = Data.selectedObject
+		if (!obj) return;
+
+		History.holdEntry({
+			obj: Data.selectedObject,
+			properties: { x: obj.x, y: obj.y },
+		});
 	}
 
 	private onInputUp(_: any, pointer: Phaser.Pointer) {
 		this._isInputDown = false;
 		const wasDragging = this._isDragging;
 		this._isDragging = false;
-		if (wasDragging) return;
+		if (wasDragging) {
+			History.commit();
+			return;
+		}
+		History.cancel();
 		if (this._hasSelected) return;
 		this.trySelectOver(pointer);
 		this._hasSelected = false;