@valaxyjs/devtools 0.22.4 → 0.22.5-beta.5

package/dist/client/assets/index-DKnSvpEK.css

@@ -0,0 +1,7 @@
+.bottom-gradient[data-v-2102e92e] {
+  height: 100px;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--va-c-bg) 77.94%);
+}

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

@@ -1,5 +1,5 @@
-import { d as defineComponent, e as ref, f as onMounted, y as getGlobalValaxyProperty, o as openBlock, j as createBlock, w as withCtx, u as unref, m as createVNode, h as createBaseVNode, a as createElementBlock, k as renderList, F as Fragment, B as withDirectives, C as vModelCheckbox, t as toDisplayString, D as vModelText } from './index-DERgnaDy.js';
-import { g, M, a as axios } from './splitpanes.es-C0nkbxNz.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-Clg7HLhF.js';
+import { g, M, a as axios } from './splitpanes.es-B_iwNZlc.js';
 
 const _hoisted_1 = {
   class: "h-full",

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

@@ -1,4 +1,4 @@
-import { E as h, o as openBlock, a as createElementBlock, r as renderSlot, G as normalizeStyle } from './index-DERgnaDy.js';
+import { ay as h, C as openBlock, D as createElementBlock, F as renderSlot, ac as normalizeStyle } from './index-Clg7HLhF.js';
 
 function bind(fn, thisArg) {
   return function wrap() {

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

@@ -1,5 +1,4 @@
-import { _ as _export_sfc } from './_plugin-vue_export-helper-DgDhiqFL.js';
-import { a as createElementBlock, o as openBlock } from './index-DERgnaDy.js';
+import { _ as _export_sfc, D as createElementBlock, C as openBlock } from './index-Clg7HLhF.js';
 
 /* unplugin-vue-components disabled */const _sfc_main = {};
 

package/dist/client/assets/zh-CN-DrQHTX9V.js

@@ -0,0 +1,32 @@
+const resource = {
+  "button": {
+    "about": {"t":0,"b":{"t":2,"i":[{"t":3}],"s":"关于"}},
+    "back": {"t":0,"b":{"t":2,"i":[{"t":3}],"s":"返回"}},
+    "go": {"t":0,"b":{"t":2,"i":[{"t":3}],"s":"确定"}},
+    "home": {"t":0,"b":{"t":2,"i":[{"t":3}],"s":"首页"}},
+    "toggle_dark": {"t":0,"b":{"t":2,"i":[{"t":3}],"s":"切换深色模式"}},
+    "toggle_langs": {"t":0,"b":{"t":2,"i":[{"t":3}],"s":"切换语言"}}
+  },
+  "frontmatter": {
+    "title": {"t":0,"b":{"t":2,"i":[{"t":3}],"s":"标题"}},
+    "title_zh": {"t":0,"b":{"t":2,"i":[{"t":3}],"s":"中文标题"}},
+    "time_warning": {"t":0,"b":{"t":2,"i":[{"t":3}],"s":"过期警告"}},
+    "hide": {"t":0,"b":{"t":2,"i":[{"t":3}],"s":"是否隐藏"}},
+    "date": {"t":0,"b":{"t":2,"i":[{"t":3}],"s":"创建日期"}},
+    "updated": {"t":0,"b":{"t":2,"i":[{"t":3}],"s":"更新日期"}},
+    "cover": {"t":0,"b":{"t":2,"i":[{"t":3}],"s":"封面"}},
+    "categories": {"t":0,"b":{"t":2,"i":[{"t":3}],"s":"分类"}},
+    "tags": {"t":0,"b":{"t":2,"i":[{"t":3}],"s":"标签"}},
+    "excerpt": {"t":0,"b":{"t":2,"i":[{"t":3}],"s":"摘要"}},
+    "excerpt_type": {"t":0,"b":{"t":2,"i":[{"t":3}],"s":"摘要类型"}},
+    "toc": {"t":0,"b":{"t":2,"i":[{"t":3}],"s":"是否展示目录"}},
+    "password": {"t":0,"b":{"t":2,"i":[{"t":3}],"s":"密码"}},
+    "password_hint": {"t":0,"b":{"t":2,"i":[{"t":3}],"s":"密码提示"}},
+    "type": {"t":0,"b":{"t":2,"i":[{"t":3}],"s":"自定义文章类型"}},
+    "end": {"t":0,"b":{"t":2,"i":[{"t":3}],"s":"是否完结"}},
+    "draft": {"t":0,"b":{"t":2,"i":[{"t":3}],"s":"是否为草稿"}}
+  }
+};
+/* Injected with object hook! */
+
+export { resource as default };

package/dist/client/index.html

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

package/dist/index.d.mts

@@ -7,4 +7,9 @@ interface ValaxyDevtoolsOptions {
 
 declare function ValaxyDevtools(options?: ValaxyDevtoolsOptions): Plugin;
 
-export { ValaxyDevtools as default };
+/**
+ * icons safelist
+ */
+declare const safelist: string[];
+
+export { ValaxyDevtools, ValaxyDevtools as default, safelist };

package/dist/index.d.ts

@@ -7,4 +7,9 @@ interface ValaxyDevtoolsOptions {
 
 declare function ValaxyDevtools(options?: ValaxyDevtoolsOptions): Plugin;
 
-export { ValaxyDevtools as default };
+/**
+ * icons safelist
+ */
+declare const safelist: string[];
+
+export { ValaxyDevtools, ValaxyDevtools as default, safelist };

package/dist/index.mjs

@@ -1,18 +1,22 @@
-import { createProxyMiddleware } from 'http-proxy-middleware';
 import c from 'picocolors';
 import sirv from 'sirv';
-import { dirname, resolve } from 'node:path';
+import { createRPCServer } from 'vite-dev-rpc';
+import path, { dirname, resolve } from 'node:path';
 import { fileURLToPath } from 'node:url';
 import bodyParser from 'body-parser';
 import fs from 'fs-extra';
 import matter from 'gray-matter';
 import { JSON_SCHEMA } from 'js-yaml';
+import process from 'node:process';
+import dayjs from 'dayjs';
+import fg from 'fast-glob';
+
+const NAMESPACE = "valaxy:devtools";
 
 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";
 async function migration(path, frontmatter) {
   if (fs.existsSync(path)) {
     const rawMd = await fs.readFile(path, "utf-8");
@@ -31,52 +35,108 @@ async function migration(path, frontmatter) {
     }
   }
 }
+
+const prefix = "/valaxy-devtools-api";
+const apis = [
+  {
+    route: "/frontmatter",
+    fn: 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);
+        }
+      }
+    }
+  },
+  {
+    route: "/migration",
+    fn: async (req, res) => {
+      if (req.method === "POST") {
+        const { pageData, frontmatter } = await req.body;
+        const worker = [];
+        for (const item of pageData) {
+          const path = item;
+          worker.push(migration(path, frontmatter));
+        }
+        Promise.all(worker).then(() => {
+          res.end("ok");
+        }).catch((_) => {
+          res.end("migration error");
+        });
+      }
+    }
+  }
+];
 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);
-      }
-    }
+  apis.forEach(({ route, fn }) => {
+    app.use(prefix + route, fn);
   });
-  app.use(`${prefix}/migration`, async (req, _res) => {
-    if (req.method === "POST") {
-      const { pageData, frontmatter } = await req.body;
-      const worker = [];
-      for (const item of pageData) {
-        const path = item;
-        worker.push(migration(path, frontmatter));
+}
+
+function getFunctions(server, devtoolsOptions) {
+  const userRoot = devtoolsOptions.userRoot || process.cwd();
+  function getRoutePath(filePath) {
+    return path.relative(path.resolve(userRoot, "pages"), filePath).slice(0, -".md".length);
+  }
+  return {
+    async getOptions() {
+      return {
+        userRoot
+      };
+    },
+    async getPostList() {
+      const files = await fg(`${userRoot}/pages/posts/**/*.md`);
+      const posts = [];
+      for await (const file of files) {
+        const md = await fs.readFile(file, "utf-8");
+        const { data } = matter(md);
+        posts.push({
+          frontmatter: data,
+          filePath: file,
+          routePath: path.relative(path.resolve(userRoot, "pages"), file).slice(0, -".md".length)
+        });
       }
-      Promise.all(worker).then(() => {
-        _res.end("ok");
-      }).catch((_) => {
-        _res.end("migration error");
-      });
+      return {
+        // sort by updated
+        posts: posts.sort((a, b) => {
+          const bDateValue = dayjs(b.frontmatter.date).valueOf();
+          const aDateValue = dayjs(a.frontmatter.date).valueOf();
+          return bDateValue - aDateValue;
+        }),
+        root: userRoot
+      };
+    },
+    async getPageData(pagePath) {
+      const relativePath = pagePath.startsWith("/") ? pagePath.slice(1) : pagePath;
+      const file = path.resolve(userRoot, relativePath);
+      const { data } = matter(file);
+      return {
+        routePath: getRoutePath(file),
+        filePath: file,
+        frontmatter: data
+      };
     }
-  });
+  };
 }
 
-const NAME = "valaxy:devtools";
 function ValaxyDevtools(options = {}) {
   let config;
+  const isDevDevtools = import.meta.env?.VITE_VALAXY_DEVTOOLS_DEV === "true";
   function configureServer(server) {
     const _print = server.printUrls;
     const base = (options.base ?? server.config.base) || "/";
+    const functions = getFunctions(server, options);
+    createRPCServer(NAMESPACE, server.ws, functions);
     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 {
+    if (!isDevDevtools) {
       server.middlewares.use(devtoolsUrl, sirv(DIR_CLIENT, {
         single: true,
         dev: true
@@ -100,8 +160,9 @@ function ValaxyDevtools(options = {}) {
     registerApi(server);
   }
   const plugin = {
-    name: NAME,
+    name: NAMESPACE,
     enforce: "pre",
+    // config: () => { },
     configResolved(_config) {
       config = _config;
     },
@@ -112,4 +173,6 @@ function ValaxyDevtools(options = {}) {
   return plugin;
 }
 
-export { ValaxyDevtools as default };
+const safelist = [];
+
+export { ValaxyDevtools, ValaxyDevtools as default, safelist };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@valaxyjs/devtools",
   "type": "module",
-  "version": "0.22.4",
+  "version": "0.22.5-beta.5",
   "repository": {
     "url": "https://github.com/YunYouJun/valaxy"
   },
@@ -10,33 +10,49 @@
       "types": "./dist/index.d.ts",
       "default": "./dist/index.mjs"
     },
+    "./rpc": "./rpc.d.ts",
+    "./client": "./dist/client",
     "./*": "./*"
   },
   "main": "dist/index.mjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "rpc.d.ts"
+  ],
   "dependencies": {
     "@rollup/pluginutils": "^5.1.4",
     "axios": "^1.7.9",
     "body-parser": "^2.0.2",
+    "cors": "^2.8.5",
     "http-proxy-middleware": "^3.0.3",
     "js-yaml": "^4.1.0",
+    "pathe": "^1.1.2",
     "picocolors": "^1.1.1",
-    "sirv": "^3.0.0"
+    "sirv": "^3.0.0",
+    "vite-dev-rpc": "^0.1.7"
   },
   "devDependencies": {
-    "@advjs/gui": "0.0.7-beta.1",
+    "@advjs/gui": "0.0.7-beta.7",
     "@iconify-json/ri": "^1.2.5",
+    "@intlify/unplugin-vue-i18n": "^6.0.2",
+    "@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.6",
+    "typescript": "^5.7.2",
     "unbuild": "^3.0.1",
     "unplugin-vue-router": "^0.10.9",
-    "vite": "^6.0.3"
+    "vite": "^6.0.5",
+    "vue-i18n": "^11.0.0",
+    "zod": "^3.24.1"
   },
   "scripts": {
+    "clean": "rimraf dist",
     "build": "rimraf dist && run-s build:*",
     "build:client": "vite build src/client",
     "build:node": "unbuild",

package/rpc.d.ts

@@ -0,0 +1,21 @@
+import type { ClientOptions, ClientPageData, ClientPostList } from './client/types'
+
+export interface ServerFunctions {
+  // add: (a: number, b: number) => number
+  /**
+   * 获取基础配置
+   */
+  getOptions: () => Promise<ClientOptions>
+  /**
+   * 获取文章列表
+   */
+  getPostList: () => Promise<ClientPostList>
+  /**
+   * 获取页面 pageData
+   */
+  getPageData: (pagePath: string) => Promise<ClientPageData>
+}
+
+export interface ClientFunctions {
+  // alert: (message: string) => void
+}

package/build.config.ts

@@ -1,20 +0,0 @@
-import { defineBuildConfig } from 'unbuild'
-
-export default defineBuildConfig({
-  entries: [
-    './src/index',
-  ],
-  clean: false,
-  declaration: true,
-  externals: [
-    // in valaxy
-    'vite',
-    'gray-matter',
-    'fs-extra',
-  ],
-  rollup: {
-    dts: {
-      respectExternal: true,
-    },
-  },
-})

package/dist/client/assets/_plugin-vue_export-helper-DgDhiqFL.js

@@ -1,11 +0,0 @@
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-
-/* Injected with object hook! */
-
-export { _export_sfc as _ };

package/dist/client/assets/index-BsE069b2.css

@@ -1,61 +0,0 @@
-.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);
-}