@daimazun/hardware-info 1.0.0

package/test/check-bugs.js

@@ -0,0 +1,182 @@
+/**
+ * 前端页面 bug 自动检查
+ * 1. 模板里 {{ }} 和 v-* 引用的变量/函数是否在 setup 里声明
+ * 2. 是否在 return 里导出
+ * 3. API 接口是否在 server.js 里存在
+ */
+
+const fs = require('fs');
+const path = require('path');
+
+const html = fs.readFileSync(path.join(__dirname, 'public/index.html'), 'utf8');
+const serverJs = fs.readFileSync(path.join(__dirname, 'server.js'), 'utf8');
+
+// 提取 setup 函数内容
+const setupMatch = html.match(/setup\(\)\s*\{([\s\S]*?)return\s*\{([\s\S]*?)\n\s*\};/);
+if (!setupMatch) {
+  console.log('未找到 setup 函数');
+  process.exit(1);
+}
+
+const setupBody = setupMatch[1];
+const returnBody = setupMatch[2];
+
+// 提取 setup 里声明的所有变量（const xxx = ref/reactive/computed/[]/{}/function）
+const declaredVars = new Set();
+const declPatterns = [
+  /const\s+(\w+)\s*=\s*(?:ref|reactive|computed)/g,
+  /const\s+(\w+)\s*=\s*(?:\[\]|\{\}|function|async|new)/g,
+  /(?:async\s+)?function\s+(\w+)\s*\(/g,
+  /const\s+(\w+)\s*=\s*\(/g, // 箭头函数
+];
+for (const pattern of declPatterns) {
+  let m;
+  while ((m = pattern.exec(setupBody)) !== null) {
+    declaredVars.add(m[1]);
+  }
+}
+
+// 提取 return 里导出的变量
+const exportedVars = new Set();
+const returnPattern = /(\w+)\s*[,\n}]/g;
+let rm;
+while ((rm = returnPattern.exec(returnBody)) !== null) {
+  if (rm[1] !== 'get' && rm[1] !== 'return') {
+    exportedVars.add(rm[1]);
+  }
+}
+
+// 提取模板里引用的所有变量（{{ }} 和 v-xxx="..." 和 @click="..." 和 :prop="..."）
+const templateMatch = html.match(/<div id="app">([\s\S]*?)<\/div>\s*<script>/);
+const template = templateMatch ? templateMatch[1] : '';
+
+const templateVars = new Set();
+
+// {{ variable }} 引用
+const mustachePattern = /\{\{\s*([a-zA-Z_$][\w$]*)/g;
+let mm;
+while ((mm = mustachePattern.exec(template)) !== null) {
+  templateVars.add(mm[1]);
+}
+
+// v-if/v-for/v-show/v-model/v-bind 引用
+const vPattern = /v-(?:if|for|show|model|bind|html|text|on|cloak|pre|once|memo|is)[^=]*="([^"]*)"/g;
+let vm;
+while ((vm = vPattern.exec(template)) !== null) {
+  const expr = vm[1];
+  // 提取表达式里的变量名
+  const varPattern = /([a-zA-Z_$][\w$]*)\s*(?:\(|\.|\[|==|!=|>|<|>=|<=|&&|\|\||\?|\+|-|\*|\/|%|,|$)/g;
+  let vv;
+  while ((vv = varPattern.exec(expr)) !== null) {
+    templateVars.add(vv[1]);
+  }
+}
+
+// @click/@xxx 事件引用
+const eventPattern = /@(?:click|change|input|submit|mouseenter|mouseleave|keydown|keyup|focus|blur)[^=]*="([^"]*)"/g;
+let em;
+while ((em = eventPattern.exec(template)) !== null) {
+  const expr = em[1];
+  const funcPattern = /([a-zA-Z_$][\w$]*)\s*\(/g;
+  let fm;
+  while ((fm = funcPattern.exec(expr)) !== null) {
+    templateVars.add(fm[1]);
+  }
+}
+
+// :prop 简写引用
+const colonPattern = /:([a-zA-Z-]+)="([^"]*)"/g;
+let cm;
+while ((cm = colonPattern.exec(template)) !== null) {
+  const expr = cm[2];
+  const varPattern = /([a-zA-Z_$][\w$]*)\s*(?:\(|\.|\[|==|!=|>|<|>=|<=|&&|\|\||\?|\+|-|\*|\/|%|,|$)/g;
+  let vv;
+  while ((vv = varPattern.exec(expr)) !== null) {
+    templateVars.add(vv[1]);
+  }
+}
+
+// v-for 里的 (item, index) 是局部变量，排除
+const vforPattern = /v-for="\((\w+)(?:\s*,\s*(\w+))?\)\s+in/g;
+let vfm;
+const vforLocals = new Set();
+while ((vfm = vforPattern.exec(template)) !== null) {
+  vforLocals.add(vfm[1]);
+  if (vfm[2]) vforLocals.add(vfm[2]);
+}
+
+// 排除 JS 内置关键字和 Vue 内置
+const builtins = new Set([
+  'true', 'false', 'null', 'undefined', 'Math', 'Date', 'JSON', 'Array', 'Object',
+  'String', 'Number', 'Boolean', 'parseInt', 'parseFloat', 'isNaN', 'isFinite',
+  'console', 'window', 'document', 'alert', 'confirm', 'prompt', 'setTimeout', 'setInterval',
+  'item', 'index', 'key', 'value', 's', 'c', 'p', 'd', 'h', 'inst', 'pd', 'svc',
+  't', 'e', 'i', 'n', 'a', 'b', 'k', 'v', 'm', 'r', 'x', 'y', 'z',
+  'this', 'new', 'typeof', 'instanceof', 'in', 'of', 'void', 'delete',
+  'if', 'else', 'for', 'while', 'do', 'switch', 'case', 'break', 'continue',
+  'return', 'function', 'class', 'extends', 'super', 'const', 'let', 'var',
+  'try', 'catch', 'finally', 'throw', 'async', 'await', 'yield',
+  'import', 'export', 'from', 'default', 'require', 'module',
+  'Vue', 'ref', 'reactive', 'computed', 'onMounted', 'onUnmounted', 'watch',
+  'length', 'push', 'pop', 'shift', 'unshift', 'slice', 'splice', 'join',
+  'map', 'filter', 'reduce', 'forEach', 'find', 'findIndex', 'some', 'every',
+  'includes', 'indexOf', 'lastIndexOf', 'sort', 'reverse', 'concat',
+  'toString', 'toFixed', 'toLocaleString', 'toLowerCase', 'toUpperCase',
+  'trim', 'split', 'substring', 'substr', 'slice', 'replace', 'match', 'test',
+  'getFullYear', 'getMonth', 'getDate', 'getHours', 'getMinutes', 'getSeconds',
+  'stringify', 'parse',
+]);
+
+// 检查结果
+console.log('=== 前端页面 Bug 检查 ===\n');
+
+// 1. 模板引用但未声明的变量
+const undeclared = [...templateVars].filter(v =>
+  !declaredVars.has(v) && !builtins.has(v) && !vforLocals.has(v) && !v.startsWith('on')
+);
+console.log(`1. 模板引用但 setup 未声明的变量/函数 (${undeclared.length}个):`);
+undeclared.forEach(v => console.log(`   - ${v}`));
+if (undeclared.length === 0) console.log('   (无)');
+
+// 2. 声明了但未导出的变量
+const notExported = [...declaredVars].filter(v =>
+  !exportedVars.has(v) && !builtins.has(v) && templateVars.has(v)
+);
+console.log(`\n2. 模板引用但未在 return 导出的变量 (${notExported.length}个):`);
+notExported.forEach(v => console.log(`   - ${v}`));
+if (notExported.length === 0) console.log('   (无)');
+
+// 3. 导出了但未声明的变量（拼写错误）
+const exportedButUndeclared = [...exportedVars].filter(v =>
+  !declaredVars.has(v) && !builtins.has(v)
+);
+console.log(`\n3. return 导出但 setup 未声明的变量 (${exportedButUndeclared.length}个):`);
+exportedButUndeclared.forEach(v => console.log(`   - ${v}`));
+if (exportedButUndeclared.length === 0) console.log('   (无)');
+
+// 4. 检查 API 接口
+console.log('\n4. 前端 fetch 的 API 接口检查:');
+const apiPattern = /fetch\(['"`](\/api\/[\w-\/]+)['"`]/g;
+let am;
+const apis = new Set();
+while ((am = apiPattern.exec(html)) !== null) {
+  apis.add(am[1]);
+}
+let apiIssues = 0;
+apis.forEach(api => {
+  // 去掉查询参数
+  const baseApi = api.split('?')[0];
+  if (!serverJs.includes(baseApi) && !serverJs.includes(baseApi.replace('/api/', ''))) {
+    console.log(`   - 缺失: ${api}`);
+    apiIssues++;
+  }
+});
+if (apiIssues === 0) console.log('   (全部存在)');
+
+// 5. 统计
+console.log('\n=== 统计 ===');
+console.log(`模板引用变量: ${templateVars.size}个`);
+console.log(`setup 声明变量: ${declaredVars.size}个`);
+console.log(`return 导出变量: ${exportedVars.size}个`);
+console.log(`API 接口: ${apis.size}个`);
+console.log(`\n问题总数: ${undeclared.length + notExported.length + exportedButUndeclared.length + apiIssues}`);