x-block-lib 0.2.3 → 0.3.0

package/dist/index.js

@@ -1,25 +1,35 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".blocklyToolboxDiv{overflow-x:hidden;width:56px}")),document.head.appendChild(e)}}catch(d){console.error("vite-plugin-css-injected-by-js",d)}})();
-import { getCurrentInstance as b, inject as d, defineComponent as m, ref as C, onMounted as k, nextTick as S, onBeforeUnmount as T, watch as y, openBlock as L, createElementBlock as E, withDirectives as I, createElementVNode as v } from "vue";
-import { openConfirmDlg as B, openPromptDlg as R, useViewStack as x } from "x-essential-lib";
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.id="x-block-lib",e.appendChild(document.createTextNode(".blocklyToolboxDiv{overflow-x:hidden;width:56px}")),document.head.appendChild(e)}}catch(d){console.error("vite-plugin-css-injected-by-js",d)}})();
+import { openConfirmDlg as b, openPromptDlg as m, useViewStack as C } from "x-essential-lib";
 import * as e from "blockly/core";
-import { javascriptGenerator as P, Order as w } from "blockly/javascript";
-function F(o, t) {
-  const n = b();
+import { javascriptGenerator as k, Order as S } from "blockly/javascript";
+const T = Vue.getCurrentInstance;
+function L(o, t) {
+  const n = T();
   if (!n)
     throw new Error(`[Vuetify] ${o} must be called from inside a setup function`);
   return n;
 }
-const M = Symbol.for("vuetify:locale");
-function K() {
-  const o = d(M);
+Vue.computed;
+const E = Vue.inject;
+Vue.provide;
+Vue.ref;
+const v = Symbol.for("vuetify:locale");
+function I() {
+  const o = E(v);
   if (!o)
     throw new Error("[Vuetify] Could not find injected locale instance");
   return o;
 }
-const A = Symbol.for("vuetify:theme");
-function D() {
-  F("useTheme");
-  const o = d(A, null);
+Vue.computed;
+const B = Vue.inject;
+Vue.provide;
+Vue.ref;
+Vue.watch;
+Vue.watchEffect;
+const R = Symbol.for("vuetify:theme");
+function x() {
+  L("useTheme");
+  const o = B(R, null);
   if (!o)
     throw new Error("Could not find Vuetify theme injection");
   return o;
@@ -44,10 +54,10 @@ e.defineBlocksWithJsonArray([
     helpUrl: "%{BKY_LOGIC_V1_BOOLEAN_HELPURL}"
   }
 ]);
-P.forBlock.boolean_v1 = function(o) {
-  return [o.getFieldValue("BOOL") === "TRUE" ? "true" : "false", w.ATOMIC];
+k.forBlock.boolean_v1 = function(o) {
+  return [o.getFieldValue("BOOL") === "TRUE" ? "true" : "false", S.ATOMIC];
 };
-const N = {
+const P = {
   elseIfCount_: 0,
   hasElse_: !1,
   mutationToDom: function() {
@@ -145,8 +155,8 @@ const N = {
     let n = null;
     this.getInput("ELSE") && (n = this.getInput("ELSE").connection.targetConnection);
     for (let r = 1; this.getInput("IF" + r); r++) {
-      const s = this.getInput("IF" + r), i = this.getInput("DO" + r);
-      o.push(s.connection.targetConnection), t.push(i.connection.targetConnection);
+      const s = this.getInput("IF" + r), l = this.getInput("DO" + r);
+      o.push(s.connection.targetConnection), t.push(l.connection.targetConnection);
     }
     this.updateShape_(), this.reconnectChildBlocks_(
       o,
@@ -164,14 +174,14 @@ const N = {
   },
   reconnectChildBlocks_: function(o, t, n) {
     var r, s;
-    for (let i = 1; i <= this.elseIfCount_; i++)
-      (r = o[i]) == null || r.reconnect(this, "IF" + i), (s = t[i]) == null || s.reconnect(this, "DO" + i);
+    for (let l = 1; l <= this.elseIfCount_; l++)
+      (r = o[l]) == null || r.reconnect(this, "IF" + l), (s = t[l]) == null || s.reconnect(this, "DO" + l);
     n == null || n.reconnect(this, "ELSE");
   }
 };
 e.Extensions.registerMutator(
   "if_v1_mutator",
-  N,
+  P,
   void 0,
   ["if_else_if_v1", "if_else_v1"]
 );
@@ -223,7 +233,7 @@ e.defineBlocksWithJsonArray([
     style: "logic_blocks"
   }
 ]);
-const V = {
+const w = {
   customContextMenu: function(o) {
     if (this.isInFlyout)
       return;
@@ -245,7 +255,7 @@ const V = {
 };
 e.Extensions.registerMixin(
   "contextMenu_newGetVariableBlock_v1",
-  V
+  w
 );
 e.Extensions.register(
   "flow_control_tooltip_v1",
@@ -254,16 +264,16 @@ e.Extensions.register(
     CONTINUE: "%{BKY_LOOP_V1_FLOW_CONTROL_TOOLTIP_CONTINUE}"
   })
 );
-const U = /* @__PURE__ */ new Set([
+const V = /* @__PURE__ */ new Set([
   "repeat_v1",
   "for_each_v1",
   "for_v1",
   "while_until_v1"
-]), Y = {
+]), F = {
   getSurroundLoop: function() {
     let o = this;
     do {
-      if (U.has(o.type))
+      if (V.has(o.type))
         return !0;
       o = o == null ? void 0 : o.getSurroundParent();
     } while (o);
@@ -286,7 +296,7 @@ const U = /* @__PURE__ */ new Set([
 };
 e.Extensions.registerMixin(
   "flow_control_in_loop_check_v1",
-  Y
+  F
 );
 e.defineBlocksWithJsonArray([
   {
@@ -438,30 +448,30 @@ e.defineBlocksWithJsonArray([
   }
 ]);
 e.dialog.setConfirm(async (o, t) => {
-  const n = await B({
+  const n = await b({
     title: "",
     text: o
   });
   t(!!n);
 });
 e.dialog.setPrompt(async (o, t, n) => {
-  const r = await R({
+  const r = await m({
     title: "",
     value: t
   });
   n(r);
 });
-const W = (o, t) => {
+const M = (o, t) => {
   const n = o[t];
   return n ? typeof n == "function" ? n() : Promise.resolve(n) : new Promise((r, s) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(s.bind(null, new Error("Unknown variable dynamic import: " + t)));
   });
 };
 async function f(o) {
-  const t = await W(/* @__PURE__ */ Object.assign({ "./msg/en.ts": () => import("./en-Djut8W3R.js"), "./msg/zhHans.ts": () => import("./zhHans-D_qcn_1f.js") }), `./msg/${o}.ts`);
+  const t = await M(/* @__PURE__ */ Object.assign({ "./msg/en.ts": () => import("./en-Djut8W3R.js"), "./msg/zhHans.ts": () => import("./zhHans-D_qcn_1f.js") }), `./msg/${o}.ts`);
   e.setLocale(t.default);
 }
-class G {
+class K {
   init({ contextMenu: t = !0, shortcut: n = !0 } = {
     contextMenu: !0,
     shortcut: !0
@@ -502,12 +512,12 @@ class G {
         return e.Msg.CROSS_TAB_PASTE ? e.Msg.CROSS_TAB_PASTE : "Paste";
       },
       preconditionFn: function(n) {
-        var i;
+        var l;
         const r = localStorage.getItem("blocklyStash");
         if (!r)
           return "disabled";
         const s = JSON.parse(r);
-        return !s || !((i = n.workspace) != null && i.isCapacityAvailable(s.typeCounts)) ? "disabled" : "enabled";
+        return !s || !((l = n.workspace) != null && l.isCapacityAvailable(s.typeCounts)) ? "disabled" : "enabled";
       },
       callback: function(n) {
         const r = localStorage.getItem("blocklyStash");
@@ -534,19 +544,19 @@ class G {
       [e.utils.KeyCodes.META]
     ), s = {
       name: "copy",
-      preconditionFn: function(i) {
-        if (i.options.readOnly || e.Gesture.inProgress())
+      preconditionFn: function(l) {
+        if (l.options.readOnly || e.Gesture.inProgress())
           return !1;
         const a = e.getSelected();
         return !(!a || !e.isDeletable(a) || !a.isDeletable() || !e.isDraggable(a) || !a.isMovable() || !e.isCopyable(a));
       },
-      callback: function(i, a) {
+      callback: function(l, a) {
         a.preventDefault();
-        const l = e.getSelected();
-        if (!l || !e.isCopyable(l))
+        const i = e.getSelected();
+        if (!i || !e.isCopyable(i))
           return !1;
-        const c = l.toCopyData();
-        return c ? (i.hideChaff(), localStorage.setItem("blocklyStash", JSON.stringify(c)), !0) : !1;
+        const c = i.toCopyData();
+        return c ? (l.hideChaff(), localStorage.setItem("blocklyStash", JSON.stringify(c)), !0) : !1;
       },
       keyCodes: [t, n, r]
     };
@@ -564,19 +574,19 @@ class G {
       [e.utils.KeyCodes.META]
     ), s = {
       name: "cut",
-      preconditionFn: function(i) {
-        if (i.options.readOnly || e.Gesture.inProgress())
+      preconditionFn: function(l) {
+        if (l.options.readOnly || e.Gesture.inProgress())
           return !1;
         const a = e.getSelected();
         return !(!a || !e.isDeletable(a) || !a.isDeletable() || !e.isDraggable(a) || !a.isMovable() || !e.isCopyable(a) || a.workspace.isFlyout);
       },
-      callback: function(i, a) {
+      callback: function(l, a) {
         a.preventDefault();
-        const l = e.getSelected();
-        if (!l || !e.isDeletable(l) || !l.isDeletable() || !e.isCopyable(l))
+        const i = e.getSelected();
+        if (!i || !e.isDeletable(i) || !i.isDeletable() || !e.isCopyable(i))
           return !1;
-        const c = l.toCopyData();
-        return c ? (localStorage.setItem("blocklyStash", JSON.stringify(c)), l instanceof e.BlockSvg ? l.checkAndDelete() : l.dispose(), !0) : !1;
+        const c = i.toCopyData();
+        return c ? (localStorage.setItem("blocklyStash", JSON.stringify(c)), i instanceof e.BlockSvg ? i.checkAndDelete() : i.dispose(), !0) : !1;
       },
       keyCodes: [t, n, r]
     };
@@ -594,29 +604,29 @@ class G {
       [e.utils.KeyCodes.META]
     ), s = {
       name: "paste",
-      preconditionFn: function(i) {
-        if (i.options.readOnly || e.Gesture.inProgress())
+      preconditionFn: function(l) {
+        if (l.options.readOnly || e.Gesture.inProgress())
           return !1;
         const a = localStorage.getItem("blocklyStash");
         if (!a)
           return !1;
-        const l = JSON.parse(a);
-        return !(!l || !i.isCapacityAvailable(l.typeCounts));
+        const i = JSON.parse(a);
+        return !(!i || !l.isCapacityAvailable(i.typeCounts));
       },
-      callback: function(i, a) {
+      callback: function(l, a) {
         a.preventDefault();
-        const l = localStorage.getItem("blocklyStash");
-        if (!l)
+        const i = localStorage.getItem("blocklyStash");
+        if (!i)
           return !1;
-        const c = JSON.parse(l);
-        return c ? (e.clipboard.paste(c, i), !0) : !1;
+        const c = JSON.parse(i);
+        return c ? (e.clipboard.paste(c, l), !0) : !1;
       },
       keyCodes: [t, n, r]
     };
     e.ShortcutRegistry.registry.register(s);
   }
 }
-class H {
+class A {
   init() {
     const t = e.ContextMenuRegistry.registry.getItem("cleanWorkspace");
     t && (t.callback = function(n) {
@@ -625,31 +635,31 @@ class H {
         return;
       r.setResizesEnabled(!1), e.Events.setGroup(!0);
       const s = r.getTopBlocks(!0);
-      let i = 0;
-      for (let a = 0, l; l = s[a]; a++) {
-        if (!l.isMovable())
+      let l = 0;
+      for (let a = 0, i; i = s[a]; a++) {
+        if (!i.isMovable())
           continue;
-        const c = l.getRelativeToSurfaceXY();
-        l.moveBy(-c.x, i - c.y, ["cleanup"]), l.snapToGrid(), i = l.getRelativeToSurfaceXY().y + l.getHeightWidth().height + 100;
+        const c = i.getRelativeToSurfaceXY();
+        i.moveBy(-c.x, l - c.y, ["cleanup"]), i.snapToGrid(), l = i.getRelativeToSurfaceXY().y + i.getHeightWidth().height + 100;
       }
       e.Events.setGroup(!1), r.setResizesEnabled(!0);
     });
   }
 }
-function g(o) {
+function d(o) {
   const t = o.getParent();
-  return t && g(t) ? !0 : !t && !!(o.outputConnection || o.previousConnection);
+  return t && d(t) ? !0 : !t && !!(o.outputConnection || o.previousConnection);
 }
-class z {
+class D {
   init() {
     const t = e.ContextMenuRegistry.registry.getItem("blockDisable");
     t && (t.preconditionFn = function(n) {
       const r = n.block;
-      return r && !r.isInFlyout && r.workspace.options.disable && r.isEditable() ? r.getInheritedDisabled() || g(r) ? "disabled" : "enabled" : "hidden";
+      return r && !r.isInFlyout && r.workspace.options.disable && r.isEditable() ? r.getInheritedDisabled() || d(r) ? "disabled" : "enabled" : "hidden";
     });
   }
 }
-class X extends e.HorizontalFlyout {
+class N extends e.HorizontalFlyout {
   addBlockListeners_(t, n, r) {
     e.getMainWorkspace().options.readOnly || super.addBlockListeners_(t, n, r);
   }
@@ -657,7 +667,7 @@ class X extends e.HorizontalFlyout {
     return e.getMainWorkspace().options.readOnly ? !1 : super.isBlockCreatable(t);
   }
 }
-class J extends e.VerticalFlyout {
+class U extends e.VerticalFlyout {
   addBlockListeners_(t, n, r) {
     e.getMainWorkspace().options.readOnly || super.addBlockListeners_(t, n, r);
   }
@@ -665,22 +675,22 @@ class J extends e.VerticalFlyout {
     return e.getMainWorkspace().options.readOnly ? !1 : super.isBlockCreatable(t);
   }
 }
-const j = new G();
-j.init({ contextMenu: !0, shortcut: !0 });
-const $ = new H();
-$.init();
-const q = new z();
-q.init();
+const Y = new K();
+Y.init({ contextMenu: !0, shortcut: !0 });
+const W = new A();
+W.init();
+const G = new D();
+G.init();
 e.registry.register(
   e.registry.Type.FLYOUTS_HORIZONTAL_TOOLBOX,
   e.registry.DEFAULT,
-  X,
+  N,
   !0
 );
 e.registry.register(
   e.registry.Type.FLYOUTS_VERTICAL_TOOLBOX,
   e.registry.DEFAULT,
-  J,
+  U,
   !0
 );
 e.Themes.Classic.blockStyles = {
@@ -807,7 +817,7 @@ e.Themes.Classic.categoryStyles = {
     colour: "#a55b80"
   }
 };
-const Z = e.Theme.defineTheme("light", {
+const H = e.Theme.defineTheme("light", {
   name: "light",
   base: e.Themes.Classic,
   componentStyles: {
@@ -823,7 +833,7 @@ const Z = e.Theme.defineTheme("light", {
     scrollbarOpacity: 0.4,
     cursorColour: ""
   }
-}), Q = e.Theme.defineTheme("dark", {
+}), z = e.Theme.defineTheme("dark", {
   name: "dark",
   base: e.Themes.Classic,
   componentStyles: {
@@ -840,18 +850,18 @@ const Z = e.Theme.defineTheme("light", {
     cursorColour: ""
   }
 });
-function ee(o) {
+function X(o) {
   const t = e.getMainWorkspace();
   switch (console.log(t), o) {
     case "light":
-      t.setTheme(Z);
+      t.setTheme(H);
       break;
     case "dark":
-      t.setTheme(Q);
+      t.setTheme(z);
       break;
   }
 }
-const te = {
+const J = {
   kind: "category",
   name: "%{BKY_CATEGORY_LOGIC}",
   categorystyle: "logic_category",
@@ -869,7 +879,7 @@ const te = {
       type: "if_v1"
     }
   ]
-}, oe = {
+}, j = {
   kind: "category",
   name: "%{BKY_CATEGORY_LOOP}",
   categorystyle: "loop_category",
@@ -891,34 +901,10 @@ const te = {
       type: "for_each_v1"
     }
   ]
-}, ne = {
+}, $ = {
   kind: "categoryToolbox",
-  contents: [te, oe]
-};
-function re(o, t) {
-  var s, i;
-  const n = t.value, r = {
-    passive: !((s = t.modifiers) != null && s.active)
-  };
-  window.addEventListener("resize", n, r), o._onResize = Object(o._onResize), o._onResize[t.instance.$.uid] = {
-    handler: n,
-    options: r
-  }, (i = t.modifiers) != null && i.quiet || n();
-}
-function se(o, t) {
-  var s;
-  if (!((s = o._onResize) != null && s[t.instance.$.uid]))
-    return;
-  const {
-    handler: n,
-    options: r
-  } = o._onResize[t.instance.$.uid];
-  window.removeEventListener("resize", n, r), delete o._onResize[t.instance.$.uid];
-}
-const ie = {
-  mounted: re,
-  unmounted: se
-}, le = { class: "position-relative w-100 h-100" }, ae = /* @__PURE__ */ m({
+  contents: [J, j]
+}, q = Vue.defineComponent, Z = Vue.resolveDirective, Q = Vue.createElementVNode, ee = Vue.withDirectives, te = Vue.openBlock, oe = Vue.createElementBlock, ne = { class: "position-relative w-100 h-100" }, re = Vue.nextTick, se = Vue.onBeforeUnmount, ie = Vue.onMounted, le = Vue.ref, y = Vue.watch, ae = /* @__PURE__ */ q({
   __name: "index",
   props: {
     type: {},
@@ -926,7 +912,7 @@ const ie = {
   },
   emits: ["ready", "change"],
   setup(o, { emit: t }) {
-    const n = K(), r = D(), { open: s } = x("blocklyEditorFlyout"), i = o, a = t, l = C(null);
+    const n = I(), r = x(), { open: s } = C("blocklyEditorFlyout"), l = o, a = t, i = le(null);
     let c;
     const p = {
       grid: {
@@ -951,20 +937,20 @@ const ie = {
         wheel: !0
       }
     };
-    k(async () => {
-      if (!l.value)
+    ie(async () => {
+      if (!i.value)
         return;
       await f(n.current.value);
       let u;
-      i.type === "app" && i.version === "v1" && (u = ne), p.toolbox = u, c = e.inject(l.value, p), c.addChangeListener(e.Events.disableOrphans), c.addChangeListener(O), await S(), a("ready", c);
+      l.type === "app" && l.version === "v1" && (u = $), p.toolbox = u, c = e.inject(i.value, p), c.addChangeListener(e.Events.disableOrphans), c.addChangeListener(h), await re(), a("ready", c);
     });
-    function h() {
+    function g() {
       c && e.svgResize(c);
     }
-    function O(u) {
+    function h(u) {
       a("change", u);
     }
-    return T(() => {
+    return se(() => {
       s.value = !1;
     }), y(s, (u) => {
       var _;
@@ -977,22 +963,25 @@ const ie = {
     ), y(
       () => r.current.value.dark,
       (u) => {
-        ee(u ? "dark" : "light");
+        X(u ? "dark" : "light");
       }
-    ), (u, _) => (L(), E("div", le, [
-      I(v("div", {
-        class: "w-100 h-100",
-        ref_key: "blocklyDiv",
-        ref: l,
-        id: "blocklyEditor"
-      }, null, 512), [
-        [ie, h]
-      ])
-    ]));
+    ), (u, _) => {
+      const O = Z("resize");
+      return te(), oe("div", ne, [
+        ee(Q("div", {
+          class: "w-100 h-100",
+          ref_key: "blocklyDiv",
+          ref: i,
+          id: "blocklyEditor"
+        }, null, 512), [
+          [O, g]
+        ])
+      ]);
+    };
   }
 }), ce = (o) => {
   o.component("x-blockly", ae);
-}, pe = { install: ce };
+}, ye = { install: ce };
 export {
-  pe as default
+  ye as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-block-lib",
   "private": false,
-  "version": "0.2.3",
+  "version": "0.3.0",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -25,7 +25,7 @@
     "blockly": "^11.1.0",
     "vue": "^3.4.27",
     "vuetify": "^3.6.8",
-    "x-essential-lib": "^0.3.19"
+    "x-essential-lib": "^0.4.0"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.8.0",
@@ -45,6 +45,7 @@
     "typescript": "^5.2.2",
     "vite": "^5.2.0",
     "vite-plugin-css-injected-by-js": "^3.5.0",
+    "vite-plugin-externals": "^0.6.2",
     "vite-plugin-vuetify": "^2.0.3",
     "vue-i18n": "^9.13.1",
     "vue-tsc": "^2.0.6"