Support Undo blocks for penpot

Author: basiclines

penpot/manifest.json

@@ -1,6 +1,6 @@
 {
     "name": "Super Tidy",
-    "description": "Plugin description",
+    "description": "Rename, reorder and tidy all your nodes in 1 click",
     "code": "./dist/core.js",
     "icon": "./icon.png",
     "permissions": [

src/Core.js

@@ -86,12 +86,16 @@ function ensureDirectCommandGate(commandName, executeCommand, preferences, UUID,
 
 		// Bind direct countdown completion handler
 		MessageBus.bind('direct-countdown-complete', (msg) => {
+			let historyId = FP.startUndoBlock()
 			executeCommand()
+			FP.finishUndoBlock(historyId)
 			FP.closePlugin()
 		})
 	} else {
 		// Execute immediately if licensed
+		let historyId = FP.startUndoBlock()
 		executeCommand()
+		FP.finishUndoBlock(historyId)
 		FP.closePlugin()
 	}
 }
@@ -199,10 +203,12 @@ Storage.getMultiple([
 		var TIDY_ENABLED = msg.options.tidy
 		var PAGER_ENABLED = msg.options.pager
 
+		let historyId = FP.startUndoBlock()
 		if (TIDY_ENABLED) cmdTidy(preferences.spacing.x, preferences.spacing.y, preferences.wrap_instances, preferences.layout_paradigm || 'rows')
 		if (RENAMING_ENABLED) cmdRename(preferences.rename_strategy, preferences.start_name, preferences.layout_paradigm || 'rows')
 		if (REORDER_ENABLED) cmdReorder(preferences.layout_paradigm || 'rows')
 		if (PAGER_ENABLED) cmdPager(preferences.pager_variable, preferences.layout_paradigm || 'rows')
+		FP.finishUndoBlock(historyId)
 		FP.showNotification('Super Tidy')
 		setTimeout(() => FP.closePlugin(), 100)
 	})

src/utils/FigPen.js

@@ -207,4 +207,22 @@ export default class FigPen {
         }
     }
 
+    startUndoBlock() {
+        if (this.designTool === FIGMA) {
+            console.warn('startUndoBlock not supported in Figma. https://developers.figma.com/docs/plugins/api/properties/figma-commitundo/')
+        } else if (this.designTool === PENPOT) {
+            console.log('startUndoBlock', penpot.history)
+            return penpot.history.undoBlockBegin()
+        }
+    }
+
+    finishUndoBlock(historyId) {
+        if (this.designTool === FIGMA) {
+            console.warn('finishUndoBlock not supported in Figma. https://developers.figma.com/docs/plugins/api/properties/figma-commitundo/')
+        } else if (this.designTool === PENPOT) {
+            console.log('finishUndoBlock', penpot.history)
+            return penpot.history.undoBlockFinish(historyId)
+        }
+    }
+
 }