@valaxyjs/devtools 0.18.0-beta.2 → 0.18.0

package/dist/client/assets/{index-ZDzLlgt_.css → index-NKBWV0hh.css}

@@ -384,8 +384,12 @@ Make elements with the HTML hidden attribute stay hidden by default.
 
 [hidden] {
   display: none;
-} *,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}.i-ri-book-line,[i-ri-book-line=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M3 18.5V5a3 3 0 0 1 3-3h14a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5A3.5 3.5 0 0 1 3 18.5M19 20v-3H6.5a1.5 1.5 0 0 0 0 3zM5 15.337A3.486 3.486 0 0 1 6.5 15H19V4H6a1 1 0 0 0-1 1z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-vscode-icons\:file-type-vscode,[i-vscode-icons\:file-type-vscode=""]{background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%230065a9' d='m29.01 5.03l-5.766-2.776a1.742 1.742 0 0 0-1.989.338L2.38 19.8a1.166 1.166 0 0 0-.08 1.647c.025.027.05.053.077.077l1.541 1.4a1.165 1.165 0 0 0 1.489.066L28.142 5.75A1.158 1.158 0 0 1 30 6.672v-.067a1.748 1.748 0 0 0-.99-1.575'/%3E%3Cpath fill='%23007acc' d='m29.01 26.97l-5.766 2.777a1.745 1.745 0 0 1-1.989-.338L2.38 12.2a1.166 1.166 0 0 1-.08-1.647c.025-.027.05-.053.077-.077l1.541-1.4A1.165 1.165 0 0 1 5.41 9.01l22.732 17.24A1.158 1.158 0 0 0 30 25.328v.072a1.749 1.749 0 0 1-.99 1.57'/%3E%3Cpath fill='%231f9cf0' d='M23.244 29.747a1.745 1.745 0 0 1-1.989-.338A1.025 1.025 0 0 0 23 28.684V3.316a1.024 1.024 0 0 0-1.749-.724a1.744 1.744 0 0 1 1.989-.339l5.765 2.772A1.748 1.748 0 0 1 30 6.6v18.8a1.748 1.748 0 0 1-.991 1.576Z'/%3E%3C/svg%3E") no-repeat;background-size:100% 100%;background-color:transparent;width:1.2em;height:1.2em;}.ml-2{margin-left:0.5rem;}.h-8{height:2rem;}.h-full{height:100%;}.w-8{width:2rem;}.w-full{width:100%;}.flex,[flex=""],[flex~="\~"]{display:flex;}.inline-flex{display:inline-flex;}.flex-grow{flex-grow:1;}[flex~="col"]{flex-direction:column;}.cursor-pointer{cursor:pointer;}.list-decimal{list-style-type:decimal;}.items-center{align-items:center;}.justify-end{justify-content:flex-end;}.justify-center{justify-content:center;}[overflow~="auto"]{overflow:auto;}.border-b{border-bottom-width:1px;}.bg-gray-100{--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity));}.py,[py~="\34 "]{padding-top:1rem;padding-bottom:1rem;}.pl{padding-left:1rem;}.pr,[pr~="\34 "]{padding-right:1rem;}[pl~="\31 2"]{padding-left:3rem;}.text-xs{font-size:0.75rem;line-height:1rem;}.dark [text~="dark\:gray-200"]{--un-text-opacity:1;color:rgb(229 231 235 / var(--un-text-opacity));}.text-blue-500{--un-text-opacity:1;color:rgb(59 130 246 / var(--un-text-opacity));}[text~="gray-700"]{--un-text-opacity:1;color:rgb(55 65 81 / var(--un-text-opacity));}.hover\:text-blue-500:hover{--un-text-opacity:1;color:rgb(59 130 246 / var(--un-text-opacity));}.underline{text-decoration-line:underline;}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);} html,
+} *,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}.i-ri-book-line,[i-ri-book-line=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M3 18.5V5a3 3 0 0 1 3-3h14a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5A3.5 3.5 0 0 1 3 18.5M19 20v-3H6.5a1.5 1.5 0 0 0 0 3zM5 15.337A3.486 3.486 0 0 1 6.5 15H19V4H6a1 1 0 0 0-1 1z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-ri-folder-2-line,[i-ri-folder-2-line=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12.414 5H21a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h7.414zM20 11H4v8h16zm0-2V7h-8.414l-2-2H4v4z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-vscode-icons\:file-type-vscode,[i-vscode-icons\:file-type-vscode=""]{background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%230065a9' d='m29.01 5.03l-5.766-2.776a1.742 1.742 0 0 0-1.989.338L2.38 19.8a1.166 1.166 0 0 0-.08 1.647c.025.027.05.053.077.077l1.541 1.4a1.165 1.165 0 0 0 1.489.066L28.142 5.75A1.158 1.158 0 0 1 30 6.672v-.067a1.748 1.748 0 0 0-.99-1.575'/%3E%3Cpath fill='%23007acc' d='m29.01 26.97l-5.766 2.777a1.745 1.745 0 0 1-1.989-.338L2.38 12.2a1.166 1.166 0 0 1-.08-1.647c.025-.027.05-.053.077-.077l1.541-1.4A1.165 1.165 0 0 1 5.41 9.01l22.732 17.24A1.158 1.158 0 0 0 30 25.328v.072a1.749 1.749 0 0 1-.99 1.57'/%3E%3Cpath fill='%231f9cf0' d='M23.244 29.747a1.745 1.745 0 0 1-1.989-.338A1.025 1.025 0 0 0 23 28.684V3.316a1.024 1.024 0 0 0-1.749-.724a1.744 1.744 0 0 1 1.989-.339l5.765 2.772A1.748 1.748 0 0 1 30 6.6v18.8a1.748 1.748 0 0 1-.991 1.576Z'/%3E%3C/svg%3E") no-repeat;background-size:100% 100%;background-color:transparent;width:1.2em;height:1.2em;}.absolute{position:absolute;}.relative{position:relative;}.left-1{left:0.25rem;}[m~="x-1"]{margin-left:0.25rem;margin-right:0.25rem;}.mr-1,[mr-1=""]{margin-right:0.25rem;}.h-8{height:2rem;}.h-full{height:100%;}.w-8{width:2rem;}.w-full{width:100%;}.flex,[flex=""],[flex~="\~"]{display:flex;}.inline-flex,[inline-flex=""]{display:inline-flex;}.flex-grow{flex-grow:1;}[flex~="col"]{flex-direction:column;}.cursor-pointer{cursor:pointer;}.list-decimal{list-style-type:decimal;}.items-center,[items-center=""]{align-items:center;}.justify-end{justify-content:flex-end;}.justify-center,[justify-center=""]{justify-content:center;}[gap~="\32 "]{gap:0.5rem;}[overflow~="auto"]{overflow:auto;}.border,[border=""]{border-width:1px;}.border-b{border-bottom-width:1px;}.border-b-black,.dark [dark~="border-b-black"]{--un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgb(0 0 0 / var(--un-border-bottom-opacity));}.rounded{border-radius:0.25rem;}.rounded-full,[rounded-full=""]{border-radius:9999px;}.bg-gray-100{--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity));}.dark .dark\:bg-gray-900{--un-bg-opacity:1;background-color:rgb(17 24 39 / var(--un-bg-opacity));}.p-2,[p~="\32 "]{padding:0.5rem;}.px-1{padding-left:0.25rem;padding-right:0.25rem;}.px-2,[p~="x-2"],[px-2=""]{padding-left:0.5rem;padding-right:0.5rem;}.py,[py~="\34 "]{padding-top:1rem;padding-bottom:1rem;}.py-1,[p~="y-1"],[py-1=""]{padding-top:0.25rem;padding-bottom:0.25rem;}.py-2,[py-2=""]{padding-top:0.5rem;padding-bottom:0.5rem;}.pl{padding-left:1rem;}.pl-5{padding-left:1.25rem;}.pr,[pr~="\34 "]{padding-right:1rem;}[pl~="\31 2"]{padding-left:3rem;}.text-xs{font-size:0.75rem;line-height:1rem;}.dark [text~="dark\:gray-200"]{--un-text-opacity:1;color:rgb(229 231 235 / var(--un-text-opacity));}.text-blue-500{--un-text-opacity:1;color:rgb(59 130 246 / var(--un-text-opacity));}[text~="gray-700"]{--un-text-opacity:1;color:rgb(55 65 81 / var(--un-text-opacity));}.hover\:text-blue-500:hover{--un-text-opacity:1;color:rgb(59 130 246 / var(--un-text-opacity));}.font-bold{font-weight:700;}.op-60{opacity:0.6;}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.hover\:shadow-lg:hover{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-inset{--un-shadow-inset:inset;}.outline{outline-style:solid;}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);} html,
 body {
   height: 100%;
 }
+
+.dark {
+  background-color: rgba(12, 16, 21);
+}
 .splitpanes{display:flex;width:100%;height:100%}.splitpanes--vertical{flex-direction:row}.splitpanes--horizontal{flex-direction:column}.splitpanes--dragging *{user-select:none}.splitpanes__pane{width:100%;height:100%;overflow:hidden}.splitpanes--vertical .splitpanes__pane{transition:width .2s ease-out}.splitpanes--horizontal .splitpanes__pane{transition:height .2s ease-out}.splitpanes--dragging .splitpanes__pane{transition:none}.splitpanes__splitter{touch-action:none}.splitpanes--vertical>.splitpanes__splitter{min-width:1px;cursor:col-resize}.splitpanes--horizontal>.splitpanes__splitter{min-height:1px;cursor:row-resize}.splitpanes.default-theme .splitpanes__pane{background-color:#f2f2f2}.splitpanes.default-theme .splitpanes__splitter{background-color:#fff;box-sizing:border-box;position:relative;flex-shrink:0}.splitpanes.default-theme .splitpanes__splitter:before,.splitpanes.default-theme .splitpanes__splitter:after{content:"";position:absolute;top:50%;left:50%;background-color:#00000026;transition:background-color .3s}.splitpanes.default-theme .splitpanes__splitter:hover:before,.splitpanes.default-theme .splitpanes__splitter:hover:after{background-color:#00000040}.splitpanes.default-theme .splitpanes__splitter:first-child{cursor:auto}.default-theme.splitpanes .splitpanes .splitpanes__splitter{z-index:1}.default-theme.splitpanes--vertical>.splitpanes__splitter,.default-theme .splitpanes--vertical>.splitpanes__splitter{width:7px;border-left:1px solid #eee;margin-left:-1px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{transform:translateY(-50%);width:1px;height:30px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:before{margin-left:-2px}.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{margin-left:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter,.default-theme .splitpanes--horizontal>.splitpanes__splitter{height:7px;border-top:1px solid #eee;margin-top:-1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{transform:translate(-50%);width:30px;height:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before{margin-top:-2px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{margin-top:1px}

package/dist/client/assets/{index-8_TdlA6f.js → index-q944aN_L.js}

@@ -5814,25 +5814,25 @@ const routes = [
   {
     path: '/',
     name: '/',
-    component: () => __vitePreload(() => import('./index-51E08Ncj.js'),true?__vite__mapDeps([]):void 0,import.meta.url),
+    component: () => __vitePreload(() => import('./index-Ic8qbUfo.js'),true?__vite__mapDeps([0,1,2]):void 0,import.meta.url),
     /* no children */
   },
   {
     path: '/about',
     name: '/about',
-    component: () => __vitePreload(() => import('./about-SiRA-rr8.js'),true?__vite__mapDeps([]):void 0,import.meta.url),
+    component: () => __vitePreload(() => import('./about-ElTANHBg.js'),true?__vite__mapDeps([3,1]):void 0,import.meta.url),
     /* no children */
   },
   {
     path: '/categories',
     name: '/categories',
-    component: () => __vitePreload(() => import('./categories-XFPOy2yC.js'),true?__vite__mapDeps([]):void 0,import.meta.url),
+    component: () => __vitePreload(() => import('./categories-J8DcyOCk.js'),true?__vite__mapDeps([4,1]):void 0,import.meta.url),
     /* no children */
   },
   {
     path: '/tags',
     name: '/tags',
-    component: () => __vitePreload(() => import('./tags-pRAQg_EK.js'),true?__vite__mapDeps([]):void 0,import.meta.url),
+    component: () => __vitePreload(() => import('./tags--GcTVHIk.js'),true?__vite__mapDeps([5,1]):void 0,import.meta.url),
     /* no children */
   }
 ];
@@ -7656,24 +7656,63 @@ function createRouter(options) {
 
 /* Injected with object hook! */
 
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
+const devtoolsRouter = ref();
+const activePath = ref("");
+const frontmatter = ref();
+const pageData = ref();
 
 /* Injected with object hook! */
 
-/* unplugin-vue-components disabled */const _sfc_main = {};
+function getAppWindow() {
+  return window.parent.parent;
+}
+function getWindowProperty(property) {
+  return window.parent.parent[property];
+}
+function getGlobalValaxyProperty(property) {
+  const $valaxy = window.parent.parent.$valaxy;
+  return $valaxy[property];
+}
 
-function _sfc_render(_ctx, _cache) {
-  const _component_RouterView = resolveComponent("RouterView");
+/* Injected with object hook! */
 
-  return (openBlock(), createBlock(_component_RouterView))
+function initDevtoolsClient() {
+  const __VUE_DEVTOOLS_ROUTER__ = getWindowProperty("__VUE_DEVTOOLS_ROUTER__");
+  devtoolsRouter.value = __VUE_DEVTOOLS_ROUTER__;
+  devtoolsRouter.value.beforeEach((to, _from, next) => {
+    activePath.value = to.path;
+    next();
+  });
+  onMounted(() => {
+    frontmatter.value = getWindowProperty("$frontmatter");
+    pageData.value = getWindowProperty("$pageData");
+  });
+  devtoolsRouter.value.afterEach(async () => {
+    await nextTick();
+    frontmatter.value = getWindowProperty("$frontmatter");
+    pageData.value = getWindowProperty("$pageData");
+  });
 }
-const App = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
+
+/* Injected with object hook! */
+
+const isStaticMode = document.body.getAttribute("data-valaxy-devtools-mode") === "BUILD";
+
+/* Injected with object hook! */
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "App",
+  setup(__props) {
+    onMounted(() => {
+      initDevtoolsClient();
+    });
+    return (_ctx, _cache) => {
+      const _component_RouterView = resolveComponent("RouterView");
+      return openBlock(), createBlock(_component_RouterView);
+    };
+  }
+});
+
 /* Injected with object hook! */
 
 /* Injected with object hook! */
@@ -7684,7 +7723,7 @@ const App = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
 
 /* Injected with object hook! */
 
-const app = createApp(App);
+const app = createApp(_sfc_main);
 const router = createRouter({
   history: createWebHashHistory()
 });
@@ -7695,10 +7734,10 @@ app.mount("#app");
 
 /* Injected with object hook! */
 
-export { Fragment as F, _export_sfc as _, createCommentVNode as a, createBaseVNode as b, createElementBlock as c, defineComponent as d, createTextVNode as e, ref as f, onMounted as g, h, renderSlot as i, normalizeStyle as j, createVNode as k, normalizeClass as n, openBlock as o, renderList as r, toDisplayString as t, unref as u, withCtx as w };
+export { h as A, normalizeStyle as B, isStaticMode as C, Fragment as F, createElementBlock as a, createCommentVNode as b, computed as c, defineComponent as d, createBaseVNode as e, resolveComponent as f, getAppWindow as g, createBlock as h, ref as i, renderList as j, createTextVNode as k, createVNode as l, toRaw as m, normalizeClass as n, openBlock as o, pageData as p, frontmatter as q, renderSlot as r, getWindowProperty as s, toDisplayString as t, unref as u, onMounted as v, withCtx as w, getGlobalValaxyProperty as x, activePath as y, devtoolsRouter as z };
 function __vite__mapDeps(indexes) {
   if (!__vite__mapDeps.viteFileDeps) {
-    __vite__mapDeps.viteFileDeps = []
+    __vite__mapDeps.viteFileDeps = ["./index-Ic8qbUfo.js","./_plugin-vue_export-helper-PLawvS9c.js","./index-xfOC-KHy.css","./about-ElTANHBg.js","./categories-J8DcyOCk.js","./tags--GcTVHIk.js"]
   }
   return indexes.map((i) => __vite__mapDeps.viteFileDeps[i])
 }

package/dist/client/assets/index-xfOC-KHy.css

@@ -0,0 +1,61 @@
+.agui-button {
+  --border-radius: 2px;
+}
+.agui-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 6px;
+  font-size: 12px;
+  appearance: none;
+  background: rgb(88, 88, 88) no-repeat center center;
+  color: #e6e6e6;
+  cursor: pointer;
+  border-radius: var(--border-radius);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
+}
+.agui-button[data-location=ALONE] {
+  border-radius: var(--border-radius);
+}
+.agui-button[data-location=LEFT] {
+  border-top-left-radius: var(--border-radius) var(--border-radius);
+  border-bottom-left-radius: var(--border-radius) var(--border-radius);
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.agui-button[data-location=RIGHT] {
+  border-top-right-radius: var(--border-radius) var(--border-radius);
+  border-bottom-right-radius: var(--border-radius) var(--border-radius);
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.agui-button:hover {
+  background: rgb(100, 100, 100);
+  color: #ffffff;
+}
+.agui-button.pressed, .agui-button:active {
+  background-color: #4772b3;
+  color: #ffffff;
+}
+.agui-button.mini {
+  font-size: 9px;
+}.agui-input {
+  --agui-input-c-bg: rgba(42, 42, 42, 1);
+  color: var(--agui-c-label);
+  background-color: var(--agui-input-c-bg, rgb(42, 42, 42));
+  border: 1px solid var(--agui-c-border);
+  border-radius: 3px;
+  font-size: 13px;
+  height: 20px;
+  box-sizing: border-box;
+  transition: border-color 0.2s ease-in-out;
+}
+.agui-input:focus {
+  outline: none;
+  border-color: var(--agui-c-active);
+}
+.agui-input:disabled {
+  opacity: 0.5;
+  color: var(--agui-c-text-3);
+  border-color: var(--agui-c-border);
+}

package/dist/client/assets/{tags-pRAQg_EK.js → tags--GcTVHIk.js}

@@ -1,4 +1,5 @@
-import { _ as _export_sfc, o as openBlock, c as createElementBlock } from './index-8_TdlA6f.js';
+import { _ as _export_sfc } from './_plugin-vue_export-helper-PLawvS9c.js';
+import { a as createElementBlock, o as openBlock } from './index-q944aN_L.js';
 
 /* unplugin-vue-components disabled */const _sfc_main = {};
 

package/dist/client/index.html

@@ -6,8 +6,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="icon" href="/favicon.svg" type="image/svg+xml">
   <title>Valaxy Devtools</title>
-  <script type="module" crossorigin src="./assets/index-8_TdlA6f.js"></script>
-  <link rel="stylesheet" crossorigin href="./assets/index-ZDzLlgt_.css">
+  <script type="module" crossorigin src="./assets/index-q944aN_L.js"></script>
+  <link rel="stylesheet" crossorigin href="./assets/index-NKBWV0hh.css">
 </head>
 
 <body data-vite-inspect-mode="DEV">

package/dist/index.cjs

@@ -2,29 +2,63 @@
 
 const c = require('picocolors');
 const sirv = require('sirv');
+const httpProxyMiddleware = require('http-proxy-middleware');
 const node_path = require('node:path');
 const node_url = require('node:url');
+const bodyParser = require('body-parser');
+const matter = require('gray-matter');
+const fs = require('fs-extra');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
 
 const c__default = /*#__PURE__*/_interopDefaultCompat(c);
 const sirv__default = /*#__PURE__*/_interopDefaultCompat(sirv);
+const bodyParser__default = /*#__PURE__*/_interopDefaultCompat(bodyParser);
+const matter__default = /*#__PURE__*/_interopDefaultCompat(matter);
+const fs__default = /*#__PURE__*/_interopDefaultCompat(fs);
 
 const DIR_DIST = typeof __dirname !== "undefined" ? __dirname : node_path.dirname(node_url.fileURLToPath((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href))));
 const DEVTOOLS_CLIENT_FOLDER = node_path.resolve(DIR_DIST, "../dist/client");
 const DIR_CLIENT = DEVTOOLS_CLIENT_FOLDER;
 
+const prefix = "/valaxy-devtools-api";
+function registerApi(server, _viteConfig) {
+  const app = server.middlewares;
+  app.use(bodyParser__default.json());
+  app.use(`${prefix}/frontmatter`, async (req, _res) => {
+    if (req.method === "POST") {
+      const { pageData, frontmatter: newFm } = await req.body;
+      const path = pageData.path;
+      if (fs__default.existsSync(path)) {
+        const rawMd = await fs__default.readFile(path, "utf-8");
+        const matterFile = matter__default(rawMd);
+        matterFile.data = newFm;
+        const newMd = matter__default.stringify(matterFile.content, matterFile.data);
+        await fs__default.writeFile(path, newMd);
+      }
+    }
+  });
+}
+
 const NAME = "valaxy:devtools";
 function ValaxyDevtools(options = {}) {
   let config;
   function configureServer(server) {
     const _print = server.printUrls;
     const base = (options.base ?? server.config.base) || "/";
-    server.middlewares.use(`${base}__valaxy_devtools__`, sirv__default(DIR_CLIENT, {
-      single: true,
-      dev: true
-    }));
+    const devtoolsUrl = `${base}__valaxy_devtools__/`;
+    if (undefined?.VITE_DEV_VALAXY_DEVTOOLS === "true") {
+      server.middlewares.use(devtoolsUrl, httpProxyMiddleware.createProxyMiddleware({
+        target: "http://localhost:5001/#/",
+        changeOrigin: true
+      }));
+    } else {
+      server.middlewares.use(devtoolsUrl, sirv__default(DIR_CLIENT, {
+        single: true,
+        dev: true
+      }));
+    }
     server.printUrls = () => {
       let host = `${config.server.https ? "https" : "http"}://localhost:${config.server.port || "80"}`;
       const url = server.resolvedUrls?.local[0];
@@ -40,9 +74,11 @@ function ValaxyDevtools(options = {}) {
       const colorUrl = (url2) => c__default.green(url2.replace(/:(\d+)\//, (_, port) => `:${c__default.bold(port)}/`));
       console.log(`  ${c__default.green("\u279C")}  ${c__default.bold("Inspect")}: ${colorUrl(`${host}${base}__inspect/`)}`);
     };
+    registerApi(server);
   }
   const plugin = {
     name: NAME,
+    enforce: "pre",
     configResolved(_config) {
       config = _config;
     },

package/dist/index.mjs

@@ -1,22 +1,53 @@
 import c from 'picocolors';
 import sirv from 'sirv';
+import { createProxyMiddleware } from 'http-proxy-middleware';
 import { dirname, resolve } from 'node:path';
 import { fileURLToPath } from 'node:url';
+import bodyParser from 'body-parser';
+import matter from 'gray-matter';
+import fs from 'fs-extra';
 
 const DIR_DIST = typeof __dirname !== "undefined" ? __dirname : dirname(fileURLToPath(import.meta.url));
 const DEVTOOLS_CLIENT_FOLDER = resolve(DIR_DIST, "../dist/client");
 const DIR_CLIENT = DEVTOOLS_CLIENT_FOLDER;
 
+const prefix = "/valaxy-devtools-api";
+function registerApi(server, _viteConfig) {
+  const app = server.middlewares;
+  app.use(bodyParser.json());
+  app.use(`${prefix}/frontmatter`, async (req, _res) => {
+    if (req.method === "POST") {
+      const { pageData, frontmatter: newFm } = await req.body;
+      const path = pageData.path;
+      if (fs.existsSync(path)) {
+        const rawMd = await fs.readFile(path, "utf-8");
+        const matterFile = matter(rawMd);
+        matterFile.data = newFm;
+        const newMd = matter.stringify(matterFile.content, matterFile.data);
+        await fs.writeFile(path, newMd);
+      }
+    }
+  });
+}
+
 const NAME = "valaxy:devtools";
 function ValaxyDevtools(options = {}) {
   let config;
   function configureServer(server) {
     const _print = server.printUrls;
     const base = (options.base ?? server.config.base) || "/";
-    server.middlewares.use(`${base}__valaxy_devtools__`, sirv(DIR_CLIENT, {
-      single: true,
-      dev: true
-    }));
+    const devtoolsUrl = `${base}__valaxy_devtools__/`;
+    if (import.meta.env?.VITE_DEV_VALAXY_DEVTOOLS === "true") {
+      server.middlewares.use(devtoolsUrl, createProxyMiddleware({
+        target: "http://localhost:5001/#/",
+        changeOrigin: true
+      }));
+    } else {
+      server.middlewares.use(devtoolsUrl, sirv(DIR_CLIENT, {
+        single: true,
+        dev: true
+      }));
+    }
     server.printUrls = () => {
       let host = `${config.server.https ? "https" : "http"}://localhost:${config.server.port || "80"}`;
       const url = server.resolvedUrls?.local[0];
@@ -32,9 +63,11 @@ function ValaxyDevtools(options = {}) {
       const colorUrl = (url2) => c.green(url2.replace(/:(\d+)\//, (_, port) => `:${c.bold(port)}/`));
       console.log(`  ${c.green("\u279C")}  ${c.bold("Inspect")}: ${colorUrl(`${host}${base}__inspect/`)}`);
     };
+    registerApi(server);
   }
   const plugin = {
     name: NAME,
+    enforce: "pre",
     configResolved(_config) {
       config = _config;
     },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@valaxyjs/devtools",
   "type": "module",
-  "version": "0.18.0-beta.2",
+  "version": "0.18.0",
   "repository": {
     "url": "https://github.com/YunYouJun/valaxy"
   },
@@ -18,12 +18,18 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@rollup/pluginutils": "^5.1.0",
+    "axios": "^1.6.7",
+    "body-parser": "^1.20.2",
+    "http-proxy-middleware": "^2.0.6",
     "picocolors": "^1.0.0",
     "sirv": "^2.0.4"
   },
   "devDependencies": {
+    "@advjs/gui": "0.0.5-beta.0",
     "@iconify-json/ri": "^1.1.19",
+    "@types/body-parser": "^1.19.5",
     "@types/splitpanes": "^2.2.6",
+    "gray-matter": "^4.0.3",
     "splitpanes": "^3.1.5",
     "typescript": "^5.3.3",
     "unbuild": "^2.0.0",
@@ -36,7 +42,7 @@
     "build:node": "unbuild",
     "dev": "npm run stub && npm run dev:client",
     "dev:client": "vite build src/client --watch",
-    "dev:src": "vite dev src/client",
+    "dev:src": "vite dev src/client --port 5001",
     "stub": "unbuild --stub",
     "release": "bumpp && npm publish"
   }

package/src/client/App.vue

@@ -1,3 +1,12 @@
+<script lang="ts" setup>
+import { onMounted } from 'vue'
+import { initDevtoolsClient } from './utils'
+
+onMounted(() => {
+  initDevtoolsClient()
+})
+</script>
+
 <template>
   <RouterView />
 </template>

package/src/client/components/PageFrontmatter.vue

@@ -1,15 +1,66 @@
 <script lang="ts" setup>
-defineProps<{
-  frontmatter?: object
+import { ref, toRaw } from 'vue'
+import type { PostFrontMatter } from 'valaxy'
+
+import axios from 'axios'
+import consola from 'consola'
+import { pageData } from '../composables/app'
+
+const props = defineProps<{
+  frontmatter: PostFrontMatter
 }>()
+
+const newFm = ref<PostFrontMatter>(props.frontmatter)
+async function saveNewFm() {
+  // const data = await fetch('/valaxy-devtools-api/frontmatter', {
+  //   method: 'POST',
+  //   // body: JSON.stringify(toRaw(newFm.value)),
+  // })
+
+  const res = await axios.post('/valaxy-devtools-api/frontmatter', {
+    pageData: pageData.value,
+    frontmatter: toRaw(newFm.value),
+  })
+  if (res)
+    consola.success('Frontmatter saved')
+
+  // console.log(res)
+}
 </script>
 
 <template>
   <div>
     <ul v-if="frontmatter">
       <li v-for="(value, key) in frontmatter" :key="key">
-        <strong>{{ key }}</strong>: {{ value }}
+        <strong>{{ key }}</strong>
+        <span mr-1>:</span>
+
+        <template v-if="key === 'tags'">
+          <VDTag v-for="tag in value" :key="tag">
+            {{ tag }}
+          </VDTag>
+        </template>
+        <template v-else-if="key === 'categories'">
+          <VDPostCategories :categories="value" />
+        </template>
+        <template v-else-if="key === 'encryptedContent'">
+          [Encrypted]
+        </template>
+        <template v-else-if="key === 'partiallyEncryptedContents'">
+          [Partially Encrypted]
+        </template>
+        <template v-else-if="key === 'title'">
+          <!-- eslint-disable-next-line vue/no-mutating-props -->
+          <AGUIInput v-model="newFm.title" />
+        </template>
+        <template v-else>
+          {{ value }}
+        </template>
       </li>
     </ul>
+
+    <AGUIButton @click="saveNewFm">
+      Save Frontmatter
+    </AGUIButton>
   </div>
 </template>

package/src/client/components/PostPanel.vue

@@ -0,0 +1,22 @@
+<script lang="ts" setup>
+import { getWindowProperty, openInEditor } from '../utils'
+import { frontmatter } from '../composables/app'
+
+function launchEditor() {
+  openInEditor({
+    file: getWindowProperty('$pageData').path,
+  })
+}
+</script>
+
+<template>
+  <div p="2">
+    <div class="flex" gap="2" py-2>
+      <button class="text-xs shadow transition hover:shadow-lg p-2" @click="launchEditor()">
+        <div i-vscode-icons:file-type-vscode />
+      </button>
+    </div>
+
+    <PageFrontmatter v-if="frontmatter" :frontmatter="frontmatter" />
+  </div>
+</template>

package/src/client/components/VDPostCategories.vue

@@ -0,0 +1,26 @@
+<script lang="ts" setup>
+import type { Post } from 'valaxy'
+
+defineProps<{
+  categories: Post['categories']
+}>()
+</script>
+
+<template>
+  <RouterLink
+    :to="{
+      path: '/categories',
+      query: { category: Array.isArray(categories) ? categories.join('/') : categories },
+    }"
+    class="post-category transition text-xs hover:(text-blue-500 border-blue-500)"
+    px-2 py-1
+    border rounded-full
+    inline-flex justify-center items-center
+    bg="hover:(blue-500 opacity-10)"
+  >
+    <div m="x-1" inline-flex i-ri-folder-2-line />
+    <span>
+      {{ Array.isArray(categories) ? categories.join(' > ') : categories }}
+    </span>
+  </RouterLink>
+</template>

package/src/client/components/VDPostList.vue

@@ -1,17 +1,7 @@
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue'
-import type { Router } from 'vue-router/auto'
-import { getGlobalValaxyProperty, getWindowProperty, openInEditor } from '../utils'
-import { frontmatter } from '../composables/app'
-
-const activePath = ref('')
-
-const __VUE_DEVTOOLS_ROUTER__ = getWindowProperty('__VUE_DEVTOOLS_ROUTER__') as Router
-__VUE_DEVTOOLS_ROUTER__.beforeEach((to, _from, next) => {
-  activePath.value = to.path
-  frontmatter.value = getWindowProperty('$frontmatter')
-  next()
-})
+import { getGlobalValaxyProperty } from '../utils'
+import { activePath, devtoolsRouter } from '../composables/app'
 
 const postList = ref()
 
@@ -20,31 +10,21 @@ onMounted(() => {
 })
 
 function onClickPost(post: any) {
-  __VUE_DEVTOOLS_ROUTER__.push(post.path)
-}
-
-function launchEditor() {
-  openInEditor({
-    file: getWindowProperty('$pageData').path,
-  })
+  devtoolsRouter.value?.push(post.path)
 }
 </script>
 
 <template>
   <ul class="h-full" overflow="auto" pl="12" pr="4" py="4">
-    {{ activePath }}
     <li v-for="post in postList" :key="post.path" class="list-decimal">
       <div flex>
         <span
-          class="inline-flex flex-grow cursor-pointer underline hover:text-blue-500"
-          :class="{ 'text-blue-500': activePath === post.path }"
+          class="inline-flex flex-grow cursor-pointer hover:text-blue-500"
+          :class="{ 'text-blue-500 font-bold': activePath === post.path }"
           @click="onClickPost(post)"
         >
           {{ post.title }}
         </span>
-        <button class="ml-2 text-xs" @click="launchEditor()">
-          <div i-vscode-icons:file-type-vscode />
-        </button>
       </div>
     </li>
   </ul>

package/src/client/components/VDTag.vue

@@ -0,0 +1,9 @@
+<script lang="ts" setup>
+
+</script>
+
+<template>
+  <div class="vd-tag inline-flex shadow border rounded text-xs" p="x-2 y-1">
+    <slot />
+  </div>
+</template>