@valaxyjs/devtools 0.22.5 → 0.22.7

package/dist/client/assets/{migration-BXXS7zuk.js → migration-CbwDNwNj.js}

@@ -1,5 +1,5 @@
-import { S as defineComponent, U as ref, ap as onMounted, av as getGlobalValaxyProperty, C as openBlock, O as createBlock, R as withCtx, X as unref, W as createVNode, E as createBaseVNode, D as createElementBlock, N as renderList, M as Fragment, A as withDirectives, aw as vModelCheckbox, I as toDisplayString, ax as vModelText } from './index-Clg7HLhF.js';
-import { g, M, a as axios } from './splitpanes.es-B_iwNZlc.js';
+import { S as defineComponent, U as ref, ap as onMounted, av as getGlobalValaxyProperty, C as openBlock, O as createBlock, R as withCtx, X as unref, W as createVNode, E as createBaseVNode, D as createElementBlock, N as renderList, M as Fragment, A as withDirectives, aw as vModelCheckbox, I as toDisplayString, ax as vModelText } from './index-Dc1MXK-z.js';
+import { g, M, a as axios } from './splitpanes.es-Bj0Y5My3.js';
 
 const _hoisted_1 = {
   class: "h-full",

package/dist/client/assets/{splitpanes.es-B_iwNZlc.js → splitpanes.es-Bj0Y5My3.js}

@@ -1,4 +1,4 @@
-import { ay as h, C as openBlock, D as createElementBlock, F as renderSlot, ac as normalizeStyle } from './index-Clg7HLhF.js';
+import { ay as h, C as openBlock, D as createElementBlock, F as renderSlot, ac as normalizeStyle } from './index-Dc1MXK-z.js';
 
 function bind(fn, thisArg) {
   return function wrap() {
@@ -3805,13 +3805,15 @@ axios.default = axios;
 /* Injected with object hook! */
 
 const M = {
+  // eslint-disable-next-line vue/multi-word-component-names
   name: "splitpanes",
   emits: ["ready", "resize", "resized", "pane-click", "pane-maximize", "pane-add", "pane-remove", "splitter-click"],
   props: {
     horizontal: { type: Boolean },
-    pushOtherPanes: { type: Boolean, default: !0 },
-    dblClickSplitter: { type: Boolean, default: !0 },
-    rtl: { type: Boolean, default: !1 },
+    pushOtherPanes: { type: Boolean, default: true },
+    dblClickSplitter: { type: Boolean, default: true },
+    rtl: { type: Boolean, default: false },
+    // Right to left direction.
     firstSplitter: { type: Boolean }
   },
   provide() {
@@ -3824,14 +3826,15 @@ const M = {
   },
   data: () => ({
     container: null,
-    ready: !1,
+    ready: false,
     panes: [],
     touch: {
-      mouseDown: !1,
-      dragging: !1,
+      mouseDown: false,
+      dragging: false,
       activeSplitter: null
     },
     splitterTaps: {
+      // Used to detect double click on touch devices.
       splitter: null,
       timeoutId: null
     }
@@ -3840,6 +3843,8 @@ const M = {
     panesCount() {
       return this.panes.length;
     },
+    // Indexed panes by `uid` of Pane components for fast lookup.
+    // Every time a pane is destroyed this index is recomputed.
     indexedPanes() {
       return this.panes.reduce((e, i) => (e[i.id] = i) && e, {});
     }
@@ -3848,32 +3853,35 @@ const M = {
     updatePaneComponents() {
       this.panes.forEach((e) => {
         e.update && e.update({
+          // Panes are indexed by Pane component uid, as they might be inserted at different index.
           [this.horizontal ? "height" : "width"]: `${this.indexedPanes[e.id].size}%`
         });
       });
     },
     bindEvents() {
-      document.addEventListener("mousemove", this.onMouseMove, { passive: !1 }), document.addEventListener("mouseup", this.onMouseUp), "ontouchstart" in window && (document.addEventListener("touchmove", this.onMouseMove, { passive: !1 }), document.addEventListener("touchend", this.onMouseUp));
+      document.addEventListener("mousemove", this.onMouseMove, { passive: false }), document.addEventListener("mouseup", this.onMouseUp), "ontouchstart" in window && (document.addEventListener("touchmove", this.onMouseMove, { passive: false }), document.addEventListener("touchend", this.onMouseUp));
     },
     unbindEvents() {
-      document.removeEventListener("mousemove", this.onMouseMove, { passive: !1 }), document.removeEventListener("mouseup", this.onMouseUp), "ontouchstart" in window && (document.removeEventListener("touchmove", this.onMouseMove, { passive: !1 }), document.removeEventListener("touchend", this.onMouseUp));
+      document.removeEventListener("mousemove", this.onMouseMove, { passive: false }), document.removeEventListener("mouseup", this.onMouseUp), "ontouchstart" in window && (document.removeEventListener("touchmove", this.onMouseMove, { passive: false }), document.removeEventListener("touchend", this.onMouseUp));
     },
     onMouseDown(e, i) {
-      this.bindEvents(), this.touch.mouseDown = !0, this.touch.activeSplitter = i;
+      this.bindEvents(), this.touch.mouseDown = true, this.touch.activeSplitter = i;
     },
     onMouseMove(e) {
-      this.touch.mouseDown && (e.preventDefault(), this.touch.dragging = !0, this.calculatePanesSize(this.getCurrentMouseDrag(e)), this.$emit("resize", this.panes.map((i) => ({ min: i.min, max: i.max, size: i.size }))));
+      this.touch.mouseDown && (e.preventDefault(), this.touch.dragging = true, this.calculatePanesSize(this.getCurrentMouseDrag(e)), this.$emit("resize", this.panes.map((i) => ({ min: i.min, max: i.max, size: i.size }))));
     },
     onMouseUp() {
-      this.touch.dragging && this.$emit("resized", this.panes.map((e) => ({ min: e.min, max: e.max, size: e.size }))), this.touch.mouseDown = !1, setTimeout(() => {
-        this.touch.dragging = !1, this.unbindEvents();
+      this.touch.dragging && this.$emit("resized", this.panes.map((e) => ({ min: e.min, max: e.max, size: e.size }))), this.touch.mouseDown = false, setTimeout(() => {
+        this.touch.dragging = false, this.unbindEvents();
       }, 100);
     },
+    // If touch device, detect double tap manually (2 taps separated by less than 500ms).
     onSplitterClick(e, i) {
       "ontouchstart" in window && (e.preventDefault(), this.dblClickSplitter && (this.splitterTaps.splitter === i ? (clearTimeout(this.splitterTaps.timeoutId), this.splitterTaps.timeoutId = null, this.onSplitterDblClick(e, i), this.splitterTaps.splitter = null) : (this.splitterTaps.splitter = i, this.splitterTaps.timeoutId = setTimeout(() => {
         this.splitterTaps.splitter = null;
       }, 500)))), this.touch.dragging || this.$emit("splitter-click", this.panes[i]);
     },
+    // On splitter dbl click or dbl tap maximize this pane.
     onSplitterDblClick(e, i) {
       let s = 0;
       this.panes = this.panes.map((n, t) => (n.size = t === i ? n.max : n.min, t !== i && (s += n.min), n)), this.panes[i].size -= s, this.$emit("pane-maximize", this.panes[i]), this.$emit("resized", this.panes.map((n) => ({ min: n.min, max: n.max, size: n.size })));
@@ -3881,6 +3889,7 @@ const M = {
     onPaneClick(e, i) {
       this.$emit("pane-click", this.indexedPanes[i]);
     },
+    // Get the cursor position relative to the splitpane container.
     getCurrentMouseDrag(e) {
       const i = this.container.getBoundingClientRect(), { clientX: s, clientY: n } = "ontouchstart" in window && e.touches ? e.touches[0] : e;
       return {
@@ -3888,6 +3897,7 @@ const M = {
         y: n - i.top
       };
     },
+    // Returns the drag percentage of the splitter relative to the container (ranging from 0 to 100%).
     getCurrentDragPercentage(e) {
       e = e[this.horizontal ? "y" : "x"];
       const i = this.container[this.horizontal ? "clientHeight" : "clientWidth"];
@@ -3910,8 +3920,7 @@ const M = {
       }
       if (this.pushOtherPanes) {
         const d = this.doPushOtherPanes(s, a);
-        if (!d)
-          return;
+        if (!d) return;
         (({ sums: s, panesToResize: r } = d)), o = this.panes[r[0]] || null, h = this.panes[r[1]] || null;
       }
       o !== null && (o.size = Math.min(Math.max(a - s.prevPanesSize - s.prevReachedMinPanes, o.min), o.max)), h !== null && (h.size = Math.min(Math.max(100 - a - s.nextPanesSize - s.nextReachedMinPanes, h.min), h.max));
@@ -3920,11 +3929,11 @@ const M = {
       const s = this.touch.activeSplitter, n = [s, s + 1];
       return i < e.prevPanesSize + this.panes[n[0]].min && (n[0] = this.findPrevExpandedPane(s).index, e.prevReachedMinPanes = 0, n[0] < s && this.panes.forEach((t, a) => {
         a > n[0] && a <= s && (t.size = t.min, e.prevReachedMinPanes += t.min);
-      }), e.prevPanesSize = this.sumPrevPanesSize(n[0]), n[0] === void 0) ? (e.prevReachedMinPanes = 0, this.panes[0].size = this.panes[0].min, this.panes.forEach((t, a) => {
+      }), e.prevPanesSize = this.sumPrevPanesSize(n[0]), n[0] === undefined) ? (e.prevReachedMinPanes = 0, this.panes[0].size = this.panes[0].min, this.panes.forEach((t, a) => {
         a > 0 && a <= s && (t.size = t.min, e.prevReachedMinPanes += t.min);
       }), this.panes[n[1]].size = 100 - e.prevReachedMinPanes - this.panes[0].min - e.prevPanesSize - e.nextPanesSize, null) : i > 100 - e.nextPanesSize - this.panes[n[1]].min && (n[1] = this.findNextExpandedPane(s).index, e.nextReachedMinPanes = 0, n[1] > s + 1 && this.panes.forEach((t, a) => {
         a > s && a < n[1] && (t.size = t.min, e.nextReachedMinPanes += t.min);
-      }), e.nextPanesSize = this.sumNextPanesSize(n[1] - 1), n[1] === void 0) ? (e.nextReachedMinPanes = 0, this.panes[this.panesCount - 1].size = this.panes[this.panesCount - 1].min, this.panes.forEach((t, a) => {
+      }), e.nextPanesSize = this.sumNextPanesSize(n[1] - 1), n[1] === undefined) ? (e.nextReachedMinPanes = 0, this.panes[this.panesCount - 1].size = this.panes[this.panesCount - 1].min, this.panes.forEach((t, a) => {
         a < this.panesCount - 1 && a >= s + 1 && (t.size = t.min, e.nextReachedMinPanes += t.min);
       }), this.panes[n[0]].size = 100 - e.prevPanesSize - e.nextReachedMinPanes - this.panes[this.panesCount - 1].min - e.nextPanesSize, null) : { sums: e, panesToResize: n };
     },
@@ -3934,9 +3943,11 @@ const M = {
     sumNextPanesSize(e) {
       return this.panes.reduce((i, s, n) => i + (n > e + 1 ? s.size : 0), 0);
     },
+    // Return the previous pane from siblings which has a size (width for vert or height for horz) of more than 0.
     findPrevExpandedPane(e) {
       return [...this.panes].reverse().find((s) => s.index < e && s.size > s.min) || {};
     },
+    // Return the next pane from siblings which has a size (width for vert or height for horz) of more than 0.
     findNextExpandedPane(e) {
       return this.panes.find((s) => s.index > e + 1 && s.size > s.min) || {};
     },
@@ -3946,12 +3957,12 @@ const M = {
         !s && !n && (i.parentNode.removeChild(i), console.warn("Splitpanes: Only <pane> elements are allowed at the root of <splitpanes>. One of your DOM nodes was removed."));
       });
     },
-    addSplitter(e, i, s = !1) {
+    addSplitter(e, i, s = false) {
       const n = e - 1, t = document.createElement("div");
       t.classList.add("splitpanes__splitter"), s || (t.onmousedown = (a) => this.onMouseDown(a, n), typeof window < "u" && "ontouchstart" in window && (t.ontouchstart = (a) => this.onMouseDown(a, n)), t.onclick = (a) => this.onSplitterClick(a, n + 1)), this.dblClickSplitter && (t.ondblclick = (a) => this.onSplitterDblClick(a, n + 1)), i.parentNode.insertBefore(t, i);
     },
     removeSplitter(e) {
-      e.onmousedown = void 0, e.onclick = void 0, e.ondblclick = void 0, e.parentNode.removeChild(e);
+      e.onmousedown = undefined, e.onclick = undefined, e.ondblclick = undefined, e.parentNode.removeChild(e);
     },
     redoSplitters() {
       const e = Array.from(this.container.children);
@@ -3960,9 +3971,10 @@ const M = {
       });
       let i = 0;
       e.forEach((s) => {
-        s.className.includes("splitpanes__pane") && (!i && this.firstSplitter ? this.addSplitter(i, s, !0) : i && this.addSplitter(i, s), i++);
+        s.className.includes("splitpanes__pane") && (!i && this.firstSplitter ? this.addSplitter(i, s, true) : i && this.addSplitter(i, s), i++);
       });
     },
+    // Called by Pane component on programmatic resize.
     requestUpdate({ target: e, ...i }) {
       const s = this.indexedPanes[e._.uid];
       Object.entries(i).forEach(([n, t]) => s[n] = t);
@@ -4021,6 +4033,57 @@ const M = {
         e && e.givenSize !== null && e.id === r.id || (r.size = Math.max(Math.min(s, r.max), r.min)), n -= r.size, r.size >= r.max && t.push(r.id), r.size <= r.min && a.push(r.id);
       }), n > 0.1 && this.readjustSizes(n, t, a));
     },
+    /* recalculatePaneSizes ({ addedPane, removedPane } = {}) {
+          let leftToAllocate = 100
+          let equalSpaceToAllocate = leftToAllocate / this.panesCount
+          let ungrowable = []
+          let unshrinkable = []
+    
+          // When adding a pane with no size, apply min-size if defined otherwise divide another pane
+          // (next or prev) in 2.
+          // if (addedPane && addedPane.size === null) {
+          //   if (addedPane.min) addedPane.size = addedPane.min
+          //   else {
+          //     const paneToDivide = this.panes[addedPane.index + 1] || this.panes[addedPane.index - 1]
+          //     if (paneToDivide) {
+          //       // @todo: Dividing that pane in 2 could be incorrect if becoming lower than its min size.
+          //       addedPane.size = paneToDivide.size / 2
+          //       paneToDivide.size /= 2
+          //     }
+          //   }
+          // }
+    
+          this.panes.forEach((pane, i) => {
+            // Added pane - reduce the size of the next pane.
+            if (addedPane && addedPane.index + 1 === i) {
+              pane.size = Math.max(Math.min(100 - this.sumPrevPanesSize(i) - this.sumNextPanesSize(i + 1), pane.max), pane.min)
+              // @todo: if could not allocate correctly, try to allocate in the next pane straight away,
+              // then still do the second loop if not correct.
+            }
+    
+            // Removed pane - increase the size of the next pane.
+            else if (removedPane && removedPane.index === i) {
+              pane.size = Math.max(Math.min(100 - this.sumPrevPanesSize(i) - this.sumNextPanesSize(i + 1), pane.max), pane.min)
+              // @todo: if could not allocate correctly, try to allocate in the next pane straight away,
+              // then still do the second loop if not correct.
+            }
+    
+            // Initial load and on demand recalculation.
+            else if (!addedPane && !removedPane && pane.size === null) {
+              pane.size = Math.max(Math.min(equalSpaceToAllocate, pane.max), pane.min)
+            }
+    
+            leftToAllocate -= pane.size
+    
+            if (pane.size >= pane.max) ungrowable.push(pane.id)
+            if (pane.size <= pane.min) unshrinkable.push(pane.id)
+          })
+    
+          // Do one more loop to adjust sizes if still wrong.
+          // > 0.1: Prevent maths rounding issues due to bytes.
+          if (Math.abs(leftToAllocate) > 0.1) this.readjustSizes(leftToAllocate, ungrowable, unshrinkable)
+        }, */
+    // Second loop to adjust sizes now that we know more about the panes constraints.
     readjustSizes(e, i, s) {
       let n;
       e > 0 ? n = e / (this.panesCount - i.length) : n = e / (this.panesCount - s.length), this.panes.forEach((t, a) => {
@@ -4038,11 +4101,58 @@ const M = {
         this.ready && console.warn("Splitpanes: Could not resize panes correctly due to their constraints.");
       });
     }
+    /* distributeEmptySpace () {
+          let growablePanes = []
+          let collapsedPanesCount = 0
+          let growableAmount = 0 // Total of how much the current panes can grow to fill blank space.
+          let spaceToDistribute = 100 - this.panes.reduce((sum, pane) => (sum += pane.size) && sum, 0)
+          // Do a first loop to determine if we can distribute the new blank space between all the
+          // expandedPanes, without expanding the collapsed ones.
+          this.panes.forEach(pane => {
+            if (pane.size < pane.max) growablePanes.push(pane)
+    
+            if (!pane.size) collapsedPanesCount++
+            else growableAmount += pane.max - pane.size
+          })
+    
+          // If the blank space to distribute is too great for the expanded panes, also expand collapsed ones.
+          let expandCollapsedPanes = growableAmount < spaceToDistribute
+    
+          // New space to distribute equally.
+          let growablePanesCount = (growablePanes.length - (expandCollapsedPanes ? 0 : collapsedPanesCount))
+          let equalSpaceToDistribute = spaceToDistribute / growablePanesCount
+          // if (growablePanesCount === 1) equalSpace = 100 / this.panesCount
+          let spaceLeftToDistribute = spaceToDistribute
+    
+          // Now add the equalSpaceToDistribute to each pane size accordingly.
+          growablePanes.forEach(pane => {
+            if (pane.size < pane.max && (pane.size || (!pane.size && expandCollapsedPanes))) {
+              const newSize = Math.min(pane.size + equalSpaceToDistribute, pane.max)
+              let allocatedSpace = (newSize - pane.size)
+              spaceLeftToDistribute -= allocatedSpace
+              pane.size = newSize
+              // If the equalSpaceToDistribute is not fully added to the current pane, distribute the remainder
+              // to the next panes.
+              // Also fix decimal issue due to bites - E.g. calculating 8.33 and getting 8.3299999999999
+              if (equalSpaceToDistribute - allocatedSpace > 0.1) equalSpaceToDistribute = spaceLeftToDistribute / (--growablePanesCount)
+            }
+          })
+    
+          /* Disabled otherwise will show up on hot reload.
+          // if there is still space to allocate show warning message.
+          if (this.panesCount && ~~spaceLeftToDistribute) {
+            // eslint-disable-next-line no-console
+            console.warn('Splitpanes: Could not distribute all the empty space between panes due to their constraints.')
+          } *\/
+    
+          this.$emit('resized', this.panes.map(pane => ({ min: pane.min, max: pane.max, size: pane.size })))
+        } */
   },
   watch: {
     panes: {
-      deep: !0,
-      immediate: !1,
+      // Every time a pane is updated, update the panes accordingly.
+      deep: true,
+      immediate: false,
       handler() {
         this.updatePaneComponents();
       }
@@ -4055,15 +4165,15 @@ const M = {
     },
     dblClickSplitter(e) {
       [...this.container.querySelectorAll(".splitpanes__splitter")].forEach((s, n) => {
-        s.ondblclick = e ? (t) => this.onSplitterDblClick(t, n) : void 0;
+        s.ondblclick = e ? (t) => this.onSplitterDblClick(t, n) : undefined;
       });
     }
   },
   beforeUnmount() {
-    this.ready = !1;
+    this.ready = false;
   },
   mounted() {
-    this.container = this.$refs.container, this.checkSplitpanesNodes(), this.redoSplitters(), this.resetPaneSizes(), this.$emit("ready"), this.ready = !0;
+    this.container = this.$refs.container, this.checkSplitpanesNodes(), this.redoSplitters(), this.resetPaneSizes(), this.$emit("ready"), this.ready = true;
   },
   render() {
     return h(
@@ -4087,6 +4197,7 @@ const M = {
     s[n] = t;
   return s;
 }, x = {
+  // eslint-disable-next-line vue/multi-word-component-names
   name: "pane",
   inject: ["requestUpdate", "onPaneAdd", "onPaneRemove", "onPaneClick"],
   props: {
@@ -4104,6 +4215,7 @@ const M = {
     this.onPaneRemove(this);
   },
   methods: {
+    // Called from the splitpanes component.
     update(e) {
       this.style = e;
     }

package/dist/client/assets/{tags-DyKgUFNV.js → tags-_1lp2Ved.js}

@@ -1,4 +1,4 @@
-import { _ as _export_sfc, D as createElementBlock, C as openBlock } from './index-Clg7HLhF.js';
+import { _ as _export_sfc, D as createElementBlock, C as openBlock } from './index-Dc1MXK-z.js';
 
 /* unplugin-vue-components disabled */const _sfc_main = {};
 

package/dist/client/index.html

@@ -16,8 +16,8 @@
       document.documentElement.classList.toggle('dark', true)
   })()
 </script>
-  <script type="module" crossorigin src="./assets/index-Clg7HLhF.js"></script>
-  <link rel="stylesheet" crossorigin href="./assets/index-60_bCGDF.css">
+  <script type="module" crossorigin src="./assets/index-Dc1MXK-z.js"></script>
+  <link rel="stylesheet" crossorigin href="./assets/index-CfREljUb.css">
 </head>
 
 <body data-vite-inspect-mode="DEV">

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@valaxyjs/devtools",
   "type": "module",
-  "version": "0.22.5",
+  "version": "0.22.7",
   "repository": {
     "url": "https://github.com/YunYouJun/valaxy"
   },
@@ -28,27 +28,27 @@
     "cors": "^2.8.5",
     "http-proxy-middleware": "^3.0.3",
     "js-yaml": "^4.1.0",
-    "pathe": "^1.1.2",
+    "pathe": "^2.0.2",
     "picocolors": "^1.1.1",
     "sirv": "^3.0.0",
-    "vite-dev-rpc": "^0.1.7"
+    "vite-dev-rpc": "^1.0.7"
   },
   "devDependencies": {
     "@advjs/gui": "0.0.7-beta.7",
     "@iconify-json/ri": "^1.2.5",
-    "@intlify/unplugin-vue-i18n": "^6.0.2",
+    "@intlify/unplugin-vue-i18n": "^6.0.3",
     "@primevue/themes": "^4.2.5",
     "@types/body-parser": "^1.19.5",
     "@types/splitpanes": "^2.2.6",
     "@types/wicg-file-system-access": "^2023.10.5",
     "gray-matter": "^4.0.3",
     "primevue": "^4.2.5",
-    "splitpanes": "^3.1.5",
-    "typescript": "^5.7.2",
-    "unbuild": "^3.0.1",
-    "unplugin-vue-router": "^0.10.9",
-    "vite": "^6.0.5",
-    "vue-i18n": "^11.0.0",
+    "splitpanes": "^3.1.8",
+    "typescript": "^5.7.3",
+    "unbuild": "^3.3.1",
+    "unplugin-vue-router": "^0.11.1",
+    "vite": "^6.0.11",
+    "vue-i18n": "^11.0.1",
     "zod": "^3.24.1"
   },
   "scripts": {