docs: 添加规则测试

Author: aooiuu

docs/.vitepress/components/RulePlay/index.vue

@@ -0,0 +1,33 @@
+<template>
+  <div>
+    <div class="details custom-block !p-10px">
+      <input class="w-full" v-model="inputText" placeholder="这里输入原始文本, 比如网页源码" />
+    </div>
+    <div class="details custom-block !p-10px">
+      <input class="w-full" v-model="rule" placeholder="这里输入规则, 比如 xpath, jsonpath 等等组合" />
+    </div>
+    <div class="details custom-block !p-10px">
+      <div class="min-h-40px">
+        {{ outputText || '' }}
+      </div>
+    </div>
+  </div>
+</template>
+
+
+<script setup>
+import { ref, watch, nextTick } from 'vue'
+import { createAnalyzerManager } from '@any-reader/core/browser'
+
+const analyzerManager = createAnalyzerManager()
+
+const inputText = ref('')
+const rule = ref('')
+const outputText = ref('')
+
+watch([inputText, rule], v => {
+  nextTick(async () => {
+    outputText.value = await analyzerManager.getString(rule.value, inputText.value)
+  })
+})
+</script>

docs/.vitepress/config.ts

@@ -30,7 +30,8 @@ export default withMermaid({
     logo: '/logo.svg',
     nav: [
       { text: '指南', link: '/desktop/' },
-      { text: '规则', link: '/rule/' }
+      { text: '规则', link: '/rule/' },
+      { text: '规则测试', link: '/play/' },
     ],
     search: {
       provider: 'local'

docs/.vitepress/theme/index.ts

@@ -1,11 +1,14 @@
-import Theme from "vitepress/theme";
-import TwoslashFloatingVue from '@shikijs/vitepress-twoslash/client'
-import '@shikijs/vitepress-twoslash/style.css'
+import Theme from 'vitepress/theme';
+import TwoslashFloatingVue from '@shikijs/vitepress-twoslash/client';
+import '@shikijs/vitepress-twoslash/style.css';
+import 'uno.css'
+import RulePlay from '../components/RulePlay/index.vue';
 
 export default {
   ...Theme,
 
   enhanceApp({ app }) {
-    app.use(TwoslashFloatingVue) 
-  },
+    app.use(TwoslashFloatingVue);
+    app.component('RulePlay', RulePlay);
+  }
 };

docs/play/index.md

@@ -0,0 +1,4 @@
+> 开发中, 目前规则部分不支持 `@filter` `@js`, 暂不支持解析流程测试
+
+<RulePlay />
+

docs/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "../tsconfig.json",
+  "include": ["**.ts"]
+}

docs/uno.config.ts

@@ -0,0 +1,24 @@
+import { defineConfig, presetUno } from 'unocss';
+
+export default defineConfig({
+  content: {
+    pipeline: {
+      exclude: ['node_modules', '.git', '.husky', '.vscode', 'public', 'dist', 'dist-electron', 'mock']
+    }
+  },
+  presets: [presetUno({ dark: 'class' })],
+
+  postprocess: (util) => {
+    util.entries.forEach((i) => {
+      const value = i[1];
+      if (value && typeof value === 'string' && /^-?[.\d]+rem$/.test(value)) i[1] = `${+value.slice(0, -3) * 4}px`;
+    });
+  },
+
+  // 映射组合
+  shortcuts: {
+    'vsc-toolbar-btn': 'hover:bg-[--toolbar-hoverBackground] hover:op-70 cursor-pointer',
+    'wh-full': 'w-full h-full',
+    'flex-center': 'flex justify-center items-center'
+  }
+});

docs/vite.config.ts

@@ -1,10 +1,14 @@
 import { defineConfig } from 'vite';
+import UnoCSS from 'unocss/vite';
 import { alias } from '../alias';
 
 export default defineConfig({
   optimizeDeps: {
     exclude: ['vitepress']
   },
+
+  plugins: [UnoCSS()],
+
   server: {
     hmr: {
       overlay: false

package.json

@@ -64,6 +64,7 @@
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore --cache"
   },
   "dependencies": {
+    "@unocss/reset": "^0.62.3",
     "sql.js": "^1.11.0",
     "sqlite3": "5.1.6"
   },
@@ -89,6 +90,7 @@
     "tsup": "^8.2.4",
     "tsx": "^4.19.0",
     "unbuild": "^2.0.0",
+    "unocss": "^0.62.3",
     "vite-tsconfig-paths": "^5.0.1",
     "vitest": "^2.0.5"
   },

packages/web/package.json

@@ -42,7 +42,6 @@
     "@any-reader/core": "workspace:^",
     "@any-reader/rule-utils": "workspace:^",
     "@any-reader/shared": "workspace:^",
-    "@unocss/reset": "^0.62.3",
     "@v-c/utils": "^0.0.26",
     "@vscode/codicons": "^0.0.36",
     "@vscode/webview-ui-toolkit": "^1.4.0",
@@ -90,7 +89,6 @@
     "sass": "^1.78.0",
     "sass-loader": "^13.3.3",
     "typescript": "^5.5.4",
-    "unocss": "^0.62.3",
     "unplugin-auto-import": "^0.18.2",
     "unplugin-vue-components": "^0.27.4",
     "vite": "^5.4.3",