x-block-lib 0.10.1 → 0.10.3

package/dist/core/events/index.d.ts

@@ -4,4 +4,7 @@ export declare enum CustomEventType {
 }
 export declare class StateChange extends Blockly.Events.Abstract {
     isBlank: boolean;
+    recordUndo: boolean;
+    type: string;
+    constructor(workspace: Blockly.Workspace);
 }

package/dist/index.js

@@ -15,13 +15,6 @@ import { eventBus, globalObjects, messageWarning, openConfirmDlg, openPromptDlg,
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, isRef, mergeModels, mergeProps, nextTick, normalizeStyle, onBeforeUnmount, onMounted, onUnmounted, openBlock, provide, ref, renderList, renderSlot, resolveComponent, resolveDirective, toDisplayString, unref, useId, useModel, useTemplateRef, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 import { useDisplay } from "vuetify";
 import { useI18n } from "vue-i18n";
-let CustomEventType = /* @__PURE__ */ function(e) {
-	return e.STATE_CHANGE = "state_change", e;
-}({});
-var StateChange = class extends Events.Abstract {
-	isBlank = !0;
-};
-registry.register(registry.Type.EVENT, CustomEventType.STATE_CHANGE, StateChange);
 var __rolldown_dynamic_import_helper_default = (e, y, b) => {
 	let x = y.lastIndexOf("?"), S = e[x === -1 || x < y.lastIndexOf("/") ? y : y.slice(0, x)];
 	return S ? typeof S == "function" ? S() : Promise.resolve(S) : new Promise((e, x) => {
@@ -228,8 +221,7 @@ Blocks.get_page_argument_v1 = {
 		return genArgumentOpts();
 	},
 	onchange: function(e) {
-		if (e.type === CustomEventType.STATE_CHANGE) this.checkWarning_();
-		else if (e.type === Events.BLOCK_CHANGE) {
+		if (e.type === Events.BLOCK_CHANGE) {
 			let y = e;
 			y.blockId === this.id && (y.element === "field" && y.name === "ARGUMENT" && this.onArgumentChange_(y.newValue), setTimeout(() => {
 				this.checkWarning_();
@@ -303,8 +295,7 @@ var createBlock$2 = (e, y) => {
 			return ensureOpts(b);
 		},
 		onchange: function(e) {
-			if (e.type === CustomEventType.STATE_CHANGE) this.checkWarning_();
-			else if (e.type === Events.BLOCK_CHANGE) {
+			if (e.type === Events.BLOCK_CHANGE) {
 				let y = e;
 				y.blockId === this.id && (y.element === "field" && y.name === "TYPE" && this.onTypeChange_(y.newValue), setTimeout(() => {
 					this.checkWarning_();
@@ -2107,8 +2098,7 @@ Blocks.app_bind_container_v1 = { init: function() {
 		return this.kind === "state" ? genStateOpts() : ensureOpts([]);
 	},
 	onchange: function(e) {
-		if (e.type === CustomEventType.STATE_CHANGE) this.checkWarning_();
-		else if (e.type === Events.BLOCK_CHANGE) {
+		if (e.type === Events.BLOCK_CHANGE) {
 			let y = e;
 			y.blockId === this.id && (y.element === "field" && (y.name === "KIND" ? this.onKindChange_(y.newValue) : y.name === "NODE" ? this.onNodeChange_(y.newValue) : y.name === "PROPERTY" ? this.onPropertyChange_(y.newValue) : y.name === "STATE" && this.onStateChange_(y.newValue)), setTimeout(() => {
 				this.checkWarning_();
@@ -2250,8 +2240,7 @@ Blocks.app_bind_container_v1 = { init: function() {
 		return genOnEventOpts(this.node.id);
 	},
 	onchange: function(e) {
-		if (e.type === CustomEventType.STATE_CHANGE) this.checkWarning_();
-		else if (e.type === Events.BLOCK_CHANGE) {
+		if (e.type === Events.BLOCK_CHANGE) {
 			let y = e;
 			y.blockId === this.id && (y.element === "field" && (y.name === "NODE" ? this.onNodeChange_(y.newValue) : y.name === "EVENT" && this.onEventChange_(y.newValue)), setTimeout(() => {
 				this.checkWarning_();
@@ -2406,8 +2395,7 @@ ${addIndent(x, 4)}${addIndent(S, 2)}  } catch (e) {
 		return genTriggerEventOpts(this.node.id);
 	},
 	onchange: function(e) {
-		if (e.type === CustomEventType.STATE_CHANGE) this.checkWarning_();
-		else if (e.type === Events.BLOCK_CHANGE) {
+		if (e.type === Events.BLOCK_CHANGE) {
 			let y = e;
 			y.blockId === this.id && (y.element === "field" && (y.name === "NODE" ? this.onNodeChange_(y.newValue) : y.name === "EVENT" && this.onEventChange_(y.newValue)), setTimeout(() => {
 				this.checkWarning_();
@@ -2677,8 +2665,7 @@ ${javascriptGenerator.statementToCode(e, "HANDLE")}}
 		return genCallMethodOpts(this.node.id);
 	},
 	onchange: function(e) {
-		if (e.type === CustomEventType.STATE_CHANGE) this.checkWarning_();
-		else if (e.type === Events.BLOCK_CHANGE) {
+		if (e.type === Events.BLOCK_CHANGE) {
 			let y = e;
 			y.blockId === this.id && (y.element === "field" && (y.name === "NODE" ? this.onNodeChange_(y.newValue) : y.name === "METHOD" && this.onMethodChange_(y.newValue)), setTimeout(() => {
 				this.checkWarning_();
@@ -2890,8 +2877,7 @@ ${w}${e}}
 		return genImplementMethodOpts(this.node.id);
 	},
 	onchange: function(e) {
-		if (e.type === CustomEventType.STATE_CHANGE) this.checkWarning_();
-		else if (e.type === Events.BLOCK_CHANGE) {
+		if (e.type === Events.BLOCK_CHANGE) {
 			let y = e;
 			y.blockId === this.id && (y.element === "field" && (y.name === "NODE" ? this.onNodeChange_(y.newValue) : y.name === "METHOD" && this.onMethodChange_(y.newValue)), setTimeout(() => {
 				this.checkWarning_();
@@ -3051,8 +3037,7 @@ ${E}${y}return __outputs__;
 		return genImplementMethodOutputOpts(this.method.id);
 	},
 	onchange: function(e) {
-		if (e.type === CustomEventType.STATE_CHANGE) this.checkWarning_();
-		else if (e.type === Events.BLOCK_CHANGE) {
+		if (e.type === Events.BLOCK_CHANGE) {
 			let y = e;
 			y.blockId === this.id && (y.element === "field" && (y.name === "NODE" ? this.onNodeChange_(y.newValue) : y.name === "METHOD" ? this.onMethodChange_(y.newValue) : y.name === "OUTPUT" && this.onOutputChange_(y.newValue)), setTimeout(() => {
 				this.checkWarning_();
@@ -3218,8 +3203,7 @@ ${E}${y}return __outputs__;
 		return genPageOpts(this.app.id);
 	},
 	onchange: function(e) {
-		if (e.type === CustomEventType.STATE_CHANGE) this.checkWarning_();
-		else if (e.type === Events.BLOCK_CHANGE) {
+		if (e.type === Events.BLOCK_CHANGE) {
 			let y = e;
 			y.blockId === this.id && (y.element === "field" && (y.name === "APP" ? this.onAppChange_(y.newValue) : y.name === "PAGE" && this.onPageChange_(y.newValue)), setTimeout(() => {
 				this.checkWarning_();
@@ -3293,8 +3277,7 @@ ${E}${y}return __outputs__;
 		return genCompOpts();
 	},
 	onchange: function(e) {
-		if (e.type === CustomEventType.STATE_CHANGE) this.checkWarning_();
-		else if (e.type === Events.BLOCK_CHANGE) {
+		if (e.type === Events.BLOCK_CHANGE) {
 			let y = e;
 			y.blockId === this.id && (y.element === "field" && y.name === "COMP" && this.onCompChange_(y.newValue), setTimeout(() => {
 				this.checkWarning_();
@@ -3347,8 +3330,7 @@ ${E}${y}return __outputs__;
 		return genSlotOpts_();
 	},
 	onchange: function(e) {
-		if (e.type === CustomEventType.STATE_CHANGE) this.checkWarning_();
-		else if (e.type === Events.BLOCK_CHANGE) {
+		if (e.type === Events.BLOCK_CHANGE) {
 			let y = e;
 			y.blockId === this.id && (y.element === "field" && y.name === "SLOT" && this.onSlotChange_(y.newValue), setTimeout(() => {
 				this.checkWarning_();
@@ -3417,8 +3399,7 @@ ${E}${y}return __outputs__;
 		return genPropertyOpts(this.node.id, "read");
 	},
 	onchange: function(e) {
-		if (e.type === CustomEventType.STATE_CHANGE) this.checkWarning_();
-		else if (e.type === Events.BLOCK_CHANGE) {
+		if (e.type === Events.BLOCK_CHANGE) {
 			let y = e;
 			y.blockId === this.id && (y.element === "field" && (y.name === "NODE" ? this.onNodeChange_(y.newValue) : y.name === "PROPERTY" && this.onPropertyChange_(y.newValue)), setTimeout(() => {
 				this.checkWarning_();
@@ -3537,8 +3518,7 @@ ${E}${y}return __outputs__;
 		return genPropertyOpts(this.node.id, "write");
 	},
 	onchange: function(e) {
-		if (e.type === CustomEventType.STATE_CHANGE) this.checkWarning_();
-		else if (e.type === Events.BLOCK_CHANGE) {
+		if (e.type === Events.BLOCK_CHANGE) {
 			let y = e;
 			y.blockId === this.id && (y.element === "field" && (y.name === "NODE" ? this.onNodeChange_(y.newValue) : y.name === "PROPERTY" && this.onPropertyChange_(y.newValue)), setTimeout(() => {
 				this.checkWarning_();
@@ -3655,8 +3635,7 @@ ${E}${y}return __outputs__;
 		return genStateOpts();
 	},
 	onchange: function(e) {
-		if (e.type === CustomEventType.STATE_CHANGE) this.checkWarning_();
-		else if (e.type === Events.BLOCK_CHANGE) {
+		if (e.type === Events.BLOCK_CHANGE) {
 			let y = e;
 			y.blockId === this.id && y.element === "field" && y.name === "STATE" && this.onStateChange_(y.newValue);
 		}
@@ -4085,8 +4064,7 @@ Blocks.call_func_v1 = {
 		return genFuncOpts(this.space.id);
 	},
 	onchange: function(e) {
-		if (e.type === CustomEventType.STATE_CHANGE) this.checkWarning_();
-		else if (e.type === Events.BLOCK_CHANGE) {
+		if (e.type === Events.BLOCK_CHANGE) {
 			let y = e;
 			y.blockId === this.id && (y.element === "field" && (y.name === "SPACE" ? this.onSpaceChange_(y.newValue) : y.name === "FUNC" && this.onFuncChange_(y.newValue)), setTimeout(() => {
 				this.checkWarning_();
@@ -4245,8 +4223,7 @@ ${E}${D}}
 		return genFuncOpts(this.space.id);
 	},
 	onchange: function(e) {
-		if (e.type === CustomEventType.STATE_CHANGE) this.checkWarning_();
-		else if (e.type === Events.BLOCK_CHANGE) {
+		if (e.type === Events.BLOCK_CHANGE) {
 			let y = e;
 			y.blockId === this.id && (y.element === "field" && (y.name === "SPACE" ? this.onSpaceChange_(y.newValue) : y.name === "FUNC" && this.onFuncChange_(y.newValue)), setTimeout(() => {
 				this.checkWarning_();
@@ -4449,8 +4426,7 @@ ${b}}`;
 		return genActiveFuncOutputOpts();
 	},
 	onchange: function(e) {
-		if (e.type === CustomEventType.STATE_CHANGE) this.checkWarning_();
-		else if (e.type === Events.BLOCK_CHANGE) {
+		if (e.type === Events.BLOCK_CHANGE) {
 			let y = e;
 			y.blockId === this.id && (y.element === "field" && y.name === "OUTPUT" && this.onOutputChange_(y.newValue), setTimeout(() => {
 				this.checkWarning_();
@@ -4748,8 +4724,7 @@ ${javascriptGenerator.statementToCode(e, "HANDLE")}}
 		return genColumnOpts(this.space.id, this.table.id);
 	},
 	onchange: function(e) {
-		if (e.type === CustomEventType.STATE_CHANGE) this.checkWarning_();
-		else if (e.type === Events.BLOCK_CHANGE) {
+		if (e.type === Events.BLOCK_CHANGE) {
 			let y = e;
 			y.blockId === this.id && y.element === "field" && (y.name === "SPACE" ? this.onSpaceChange_(y.newValue) : y.name === "TABLE" ? this.onTableChange_(y.newValue) : y.name === "COLUMN" && this.onColumnChange_(y.newValue)), setTimeout(() => {
 				this.checkWarning_();
@@ -5269,8 +5244,7 @@ ${javascriptGenerator.statementToCode(e, "HANDLE")}}
 		}), ensureOpts(e);
 	},
 	onchange: function(e) {
-		if (e.type === CustomEventType.STATE_CHANGE) this.checkWarning_();
-		else if (e.type === Events.BLOCK_CHANGE) {
+		if (e.type === Events.BLOCK_CHANGE) {
 			let y = e;
 			if (y.blockId === this.id) {
 				if (y.element === "field") {
@@ -5446,8 +5420,7 @@ ${javascriptGenerator.statementToCode(e, "HANDLE")}}
 		return genTableOpts(this.space.id);
 	},
 	onchange: function(e) {
-		if (e.type === CustomEventType.STATE_CHANGE) this.checkWarning_();
-		else if (e.type === Events.BLOCK_CHANGE) {
+		if (e.type === Events.BLOCK_CHANGE) {
 			let y = e;
 			y.blockId === this.id && (y.element === "field" && (y.name === "SPACE" ? this.onSpaceChange_(y.newValue) : y.name === "TABLE" && this.onTableChange_(y.newValue)), setTimeout(() => {
 				this.checkWarning_();
@@ -5617,8 +5590,7 @@ ${y}}
 		}), ensureOpts(e);
 	},
 	onchange: function(e) {
-		if (e.type === CustomEventType.STATE_CHANGE) this.checkWarning_();
-		else if (e.type === Events.BLOCK_CHANGE) {
+		if (e.type === Events.BLOCK_CHANGE) {
 			let y = e;
 			if (y.blockId === this.id) {
 				if (y.element === "field") {
@@ -7709,8 +7681,7 @@ Blocks.procedure_return_v1 = {
 		}, 0);
 	},
 	onchange: function(e) {
-		if (e.type === CustomEventType.STATE_CHANGE) this.checkWarning_();
-		else if (e.type === Events.BLOCK_DRAG) {
+		if (e.type === Events.BLOCK_DRAG) {
 			let y = e;
 			if (y.isStart || !y.blocks?.find((e) => e.id === this.id)) return;
 			this.updateShape_(), setTimeout(() => {
@@ -8534,6 +8505,18 @@ var DisableTopBlocks = class {
 	contextMenu: !0,
 	shortcut: !0
 }), new DisableTopBlocks().init();
+let CustomEventType = /* @__PURE__ */ function(e) {
+	return e.STATE_CHANGE = "state_change", e;
+}({});
+var StateChange = class extends Events.Abstract {
+	isBlank = !0;
+	recordUndo = !1;
+	type = CustomEventType.STATE_CHANGE;
+	constructor(e) {
+		super(), this.workspaceId = e.id;
+	}
+};
+registry.register(registry.Type.EVENT, CustomEventType.STATE_CHANGE, StateChange);
 function jumpTopBlock(e) {
 	let y = getMainWorkspace();
 	if (!y) return;
@@ -10098,6 +10081,13 @@ function createWorkspace(e, y, b, x) {
 	options.theme = x ? "dark" : "light", options.toolbox = getToolbox(y, b);
 	let S = inject$1(e, options);
 	return S.addChangeListener((e) => {
+		if (e.type === CustomEventType.STATE_CHANGE) {
+			let e = S.getAllBlocks();
+			for (let y of e) {
+				let e = y;
+				e.checkWarning_ && e.checkWarning_();
+			}
+		}
 		setTimeout(() => {
 			(0, import_dist.shadowBlockConversionChangeListener)(e);
 		}, 0);
@@ -10288,7 +10278,7 @@ var _hoisted_1$1 = { class: "position-relative w-100 h-100" }, blockly_default =
 		}, Y = () => {
 			j.workspace.setScale(C.value);
 		}, X = () => {
-			j.workspace.fireChangeListener(new StateChange());
+			Events.fire(new (Events.get(CustomEventType.STATE_CHANGE))(j.workspace));
 		}, Z = () => {
 			k.value?.cleanWorkspace();
 		}, Q = () => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-block-lib",
   "private": false,
-  "version": "0.10.1",
+  "version": "0.10.3",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -28,43 +28,43 @@
     "@blockly/shadow-block-converter": "^7.0.9",
     "@highlightjs/vue-plugin": "^2.1.0",
     "@sindresorhus/base62": "^1.0.0",
-    "@vueuse/core": "^14.1.0",
-    "axios": "^1.13.2",
+    "@vueuse/core": "^14.2.0",
+    "axios": "^1.13.4",
     "blockly": "^12.3.1",
     "highlight.js": "^11.11.1",
-    "lodash-es": "^4.17.22",
+    "lodash-es": "^4.17.23",
     "vue": "^3.5.27",
     "vue-draggable-plus": "^0.6.1",
     "vue-i18n": "^11.2.8",
-    "vue-router": "^4.6.4",
-    "vuetify": "^3.11.7"
+    "vue-router": "^5.0.2",
+    "vuetify": "^3.11.8"
   },
   "peerDependencies": {
-    "x-essential-lib": "^0.9.24",
-    "x-runtime-lib": "^0.8.209",
-    "x-state-lib": "^0.3.38"
+    "x-essential-lib": "^0.9.25",
+    "x-runtime-lib": "^0.8.213",
+    "x-state-lib": "^0.3.39"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.2",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^25.0.9",
-    "@vitejs/plugin-vue": "^6.0.3",
+    "@types/node": "^25.2.0",
+    "@vitejs/plugin-vue": "^6.0.4",
     "eslint": "^9.39.2",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-vue": "^10.7.0",
-    "globals": "^17.0.0",
+    "globals": "^17.3.0",
     "husky": "^9.1.7",
     "lint-staged": "^16.2.7",
-    "prettier": "3.8.0",
-    "sass": "^1.97.2",
+    "prettier": "3.8.1",
+    "sass": "^1.97.3",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.53.1",
+    "typescript-eslint": "^8.54.0",
     "vite": "npm:rolldown-vite@7.3.1",
     "vite-plugin-css-injected-by-js": "^3.5.2",
     "vite-plugin-vuetify": "^2.1.3",
     "vue-eslint-parser": "^10.2.0",
-    "vue-tsc": "^3.2.2"
+    "vue-tsc": "^3.2.4"
   },
   "overrides": {
     "vite": "npm:rolldown-vite@7.3.1"