support undo and redo. 0.2.1.

Author: b4rtaz

CHANGELOG.md

@@ -1,3 +1,14 @@
+## 0.2.1
+
+Support undo and redo. This feature is disabled by default. To enable it add the below config.
+
+```js
+const config = {
+  undoStackSize: 10,
+  // ...
+};
+```
+
 ## 0.2.0
 
 #### Editor's Context

README.md

@@ -94,11 +94,13 @@ const definition = {
 };
 
 const configuration = {
-  theme: 'light',
-  isReadonly: false,
+  theme: 'light', // optional, default: 'light'
+  isReadonly: false, // optional, default: false
+  undoStackSize: 10, // optional, default: 0 - disabled, 1+ - enabled
 
   toolbox: {
-    isHidden: false,
+    isHidden: false, // optional, default: false
+
     groups: [
       {
         name: 'Files',
@@ -134,7 +136,8 @@ const configuration = {
   },
 
   editors: {
-    isHidden: false,
+    isHidden: false, // optional, default: false
+
     globalEditorProvider: (definition) => {
       const container = document.createElement('div');
       // ...

examples/assets/fullscreen.js

@@ -50,6 +50,8 @@ function toolboxGroup(name) {
 
 let designer;
 const configuration = {
+	undoStackSize: 20,
+
 	toolbox: {
 		isHidden: false,
 		groups: [

examples/assets/image-filter.js

@@ -91,6 +91,7 @@ function createTaskStep(id, type, name) {
 
 const configuration = {
 	theme: 'dark',
+	undoStackSize: 10,
 
 	toolbox: {
 		isHidden: false,

examples/assets/live-testing.js

@@ -119,11 +119,14 @@ function appendTextField(parent, label, startValue, set) {
 	field.addEventListener('input', () => set(input.value));
 }
 
-function globalEditorProvider(definition) {
+function globalEditorProvider(definition, globalContext) {
 	const container = document.createElement('span');
 	appendTitle(container, 'State machine config');
 	appendTextField(container, 'Speed (ms)', definition.properties['speed'],
-		v => definition.properties['speed'] = parseInt(v, 10));
+		v => {
+			definition.properties['speed'] = parseInt(v, 10);
+			globalContext.notifyPropertiesChanged();
+		});
 	return container;
 }
 
@@ -161,6 +164,8 @@ function stepEditorProvider(step, editorContext) {
 }
 
 const configuration = {
+	undoStackSize: 5,
+
 	toolbox: {
 		isHidden: false,
 		groups: [