@swimmingliu/autovpn 1.4.1 → 1.5.0

package/dist/web/renderer/assets/vpn-auto-logo-v2-minimal.svg

@@ -0,0 +1,41 @@
+<svg width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="bg" x1="164" y1="128" x2="846" y2="896" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#8789F7"/>
+      <stop offset="0.58" stop-color="#5B5CE2"/>
+      <stop offset="1" stop-color="#4B4DCC"/>
+    </linearGradient>
+    <linearGradient id="line" x1="364" y1="614" x2="670" y2="420" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#FFFFFF"/>
+      <stop offset="1" stop-color="#E8ECFF"/>
+    </linearGradient>
+    <filter id="shadow" x="52" y="60" width="920" height="920" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+      <feOffset dy="28"/>
+      <feGaussianBlur stdDeviation="22"/>
+      <feColorMatrix type="matrix" values="0 0 0 0 0.1176 0 0 0 0 0.1529 0 0 0 0 0.2902 0 0 0 0.24 0"/>
+      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_0_1"/>
+      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_0_1" result="shape"/>
+    </filter>
+  </defs>
+
+  <g filter="url(#shadow)">
+    <rect x="96" y="96" width="832" height="832" rx="220" fill="url(#bg)"/>
+    <rect x="144" y="144" width="736" height="736" rx="184" stroke="white" stroke-opacity="0.16" stroke-width="4"/>
+    <path d="M128 320C203 205 346 144 512 144C670 144 812 206 896 320V228C896 172 850 128 794 128H230C174 128 128 172 128 228V320Z" fill="white" fill-opacity="0.08"/>
+  </g>
+
+  <path d="M512 258C603 258 678 286 736 334V530C736 669 634 788 512 840C390 788 288 669 288 530V334C346 286 421 258 512 258Z" stroke="white" stroke-width="30" stroke-linejoin="round"/>
+  <path d="M374 602L448 528L526 580L650 454" stroke="url(#line)" stroke-width="34" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M620 452H684V516" stroke="url(#line)" stroke-width="34" stroke-linecap="round" stroke-linejoin="round"/>
+  <circle cx="374" cy="602" r="36" fill="white"/>
+  <circle cx="448" cy="528" r="28" fill="#E5E9FF"/>
+  <circle cx="526" cy="580" r="28" fill="#E5E9FF"/>
+  <circle cx="650" cy="454" r="26" fill="white"/>
+  <path d="M402 420C432 393 469 380 512 380C560 380 600 398 636 432" stroke="white" stroke-opacity="0.86" stroke-width="18" stroke-linecap="round"/>
+  <circle cx="388" cy="434" r="11" fill="white"/>
+  <circle cx="650" cy="442" r="11" fill="white"/>
+  <path d="M446 670H578" stroke="white" stroke-opacity="0.22" stroke-width="18" stroke-linecap="round"/>
+  <path d="M470 710H554" stroke="white" stroke-opacity="0.16" stroke-width="16" stroke-linecap="round"/>
+</svg>

package/dist/web/renderer/i18n.js

@@ -0,0 +1,137 @@
+export const SUPPORTED_LANGUAGES = ['zh-CN'];
+export const LANGUAGE_STORAGE_KEY = 'vpn-automation-language';
+
+const ZH_MESSAGES = {
+  locale: 'zh-CN',
+  appTitle: 'AutoVPN',
+  sidebarTitle: 'AutoVPN',
+  sidebarVersion: 'v.1.3.0',
+  brandSubtitle: '概览、运行、结果、订阅、日志、设置统一管理',
+  languageLabel: '',
+  saveButton: '保存配置',
+  runButton: '立即运行',
+  runButtonRunning: '运行中',
+  runButtonStopping: '停止中',
+  stopButton: '停止运行',
+  projectButton: '项目地址',
+  settingsButton: '设置',
+  shortcutActions: {
+    run: '开始运行',
+    settings: '设置统一管理',
+    results: '查看结果',
+    logs: '打开日志'
+  },
+  pageTitles: {
+    dashboard: '概览',
+    runs: '运行',
+    results: '结果',
+    subscriptions: '订阅',
+    logs: '日志',
+    settings: '设置'
+  },
+  pageSubtitles: {
+    dashboard: '只展示运行状态、系统状态摘要、核心指标和最近结果',
+    runs: '执行流水线、查看阶段进度和当前阶段详情',
+    results: '查看 pipeline 后最终留下的节点和区域统计',
+    subscriptions: '生成和分发 Clash、Clash Meta、Sing-box、Surge 订阅',
+    logs: '查看实时日志流、错误高亮和日志操作',
+    settings: '以分组卡片和弹窗方式管理数据源、测速与可达性配置'
+  },
+  nav: {
+    dashboard: '概览',
+    runs: '运行',
+    results: '结果',
+    subscriptions: '订阅',
+    logs: '日志',
+    settings: '设置'
+  },
+  currentTaskLabel: '当前任务',
+  runModeLabel: '运行模式',
+  logLinesLabel: '日志行数',
+  lastResultLabel: '最新结果',
+  lastUpdateLabel: '最后更新',
+  manualRunMode: '本地优先',
+  demoRunMode: '演示模式',
+  taskWaiting: '等待开始',
+  notAvailableValue: '—',
+  sidebarStatusTitle: '系统状态',
+  runStateLabels: {
+    idle: '待运行',
+    running: '运行中',
+    stopping: '停止中'
+  },
+  runResultLabels: {
+    idle: '未开始',
+    running: '执行中',
+    success: '已完成',
+    failed: '失败',
+    stopped: '已停止',
+    demo: '演示完成'
+  },
+  stageLabels: {
+    doctor: '环境检查',
+    extract: '提取节点',
+    dedupe: '节点去重',
+    speedtest: '节点测速',
+    availability: '站点验证',
+    postprocess: '节点处理',
+    render: '模板渲染',
+    obfuscate: '加密处理',
+    deploy: '打包部署',
+    verify: '结果校验'
+  },
+  statusLabels: {
+    pending: '待执行',
+    running: '运行中',
+    success: '成功',
+    failed: '失败'
+  },
+  emptyStates: {
+    noRunData: '暂无运行数据',
+    noArtifacts: '尚未生成订阅地址或产物文件',
+    noLogs: '尚未采集日志',
+    noSubscription: '尚未生成订阅地址'
+  },
+  readyValue: '待运行',
+  verifiedValue: '已验证',
+  idleValue: '空闲',
+  demoMode: '[演示] 当前以浏览器演示模式运行',
+  profileSaved: '[界面] 配置已保存',
+  profileReset: '[界面] 已恢复到上次保存的配置',
+  pipelineStarted: '[界面] 流水线已启动',
+  deployCredentialsMissing: '部署配置不完整：请填写 Cloudflare Token，或勾选“跳过部署”后仅执行本地生成。',
+  pipelineStopping: '[界面] 已请求停止当前流水线',
+  pipelineStopped: '[界面] 流水线已停止',
+  pipelineFinished: '[界面] 流水线结束，退出码：{code}',
+  pipelineFailed: '[界面] 流水线失败：{error}',
+  stopUnavailable: '[界面] 当前没有可停止的运行任务',
+  copiedToastMessage: '已复制到剪贴板',
+  copiedNodesToastMessage: '已复制 {count} 条节点',
+  copiedMessage: '[界面] 已复制：{value}',
+  copiedNodesLogMessage: '[界面] 已复制 {count} 条节点',
+  nothingToCopyMessage: '暂无可复制内容',
+  copyFailedToastMessage: '复制失败：{error}',
+  copyFailedLogMessage: '[界面] 复制失败：{error}',
+  openedPathMessage: '[界面] 已打开目录：{value}',
+  exportedLogsMessage: '[界面] 日志已导出：{value}',
+  exportLogsButton: '导出日志',
+  openArtifactsButton: '打开输出目录',
+  openLogsButton: '查看日志页',
+  resetButton: '恢复到已保存配置',
+  openFailed: '[界面] 打开失败：{error}'
+};
+
+export function resolveLanguage() {
+  return 'zh-CN';
+}
+
+export function getMessages() {
+  return ZH_MESSAGES;
+}
+
+export function formatMessage(template, params = {}) {
+  return Object.entries(params).reduce(
+    (result, [key, value]) => result.replaceAll(`{${key}}`, String(value)),
+    template
+  );
+}

package/dist/web/renderer/index.html

@@ -0,0 +1,48 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>AutoVPN</title>
+    <link rel="stylesheet" href="./styles.css" />
+  </head>
+  <body data-page="dashboard">
+    <div class="app-frame">
+      <div class="window-titlebar" aria-hidden="true"></div>
+      <div class="app-content-shell">
+        <div class="workspace-shell">
+          <aside class="sidebar">
+            <div class="sidebar-brand">
+              <img class="brand-mark" src="./assets/vpn-auto-logo-v2-minimal.svg" alt="" aria-hidden="true" />
+              <div class="brand-copy">
+                <div id="sidebarTitle" class="sidebar-title"></div>
+                <div id="sidebarVersion" class="sidebar-version"></div>
+              </div>
+            </div>
+
+            <nav id="sidebarNav" class="sidebar-nav"></nav>
+          </aside>
+
+          <div class="main-shell">
+            <header class="topbar">
+              <div class="topbar-heading">
+                <div class="page-title-row">
+                  <h1 id="pageTitle"></h1>
+                  <span id="runStateBadge" class="badge neutral"></span>
+                </div>
+                <p id="pageSubtitle"></p>
+              </div>
+
+              <div id="pageActions" class="topbar-actions"></div>
+            </header>
+
+            <main id="pageContent" class="page-content"></main>
+          </div>
+        </div>
+      </div>
+      <div id="toastRoot" class="toast-root" aria-live="polite" aria-atomic="true"></div>
+    </div>
+
+    <script type="module" src="./app.js"></script>
+  </body>
+</html>

package/dist/web/renderer/state.js

@@ -0,0 +1,81 @@
+export const STAGE_ORDER = [
+  'doctor',
+  'extract',
+  'dedupe',
+  'speedtest',
+  'availability',
+  'postprocess',
+  'render',
+  'obfuscate',
+  'deploy',
+  'verify'
+];
+
+export const PAGE_ORDER = [
+  'dashboard',
+  'runs',
+  'results',
+  'subscriptions',
+  'logs',
+  'settings'
+];
+
+export const PAGE_INDEX = Object.fromEntries(
+  PAGE_ORDER.map((name, index) => [name, String(index + 1).padStart(2, '0')])
+);
+
+const METRIC_LABELS = {
+  raw_links: '原始节点',
+  postprocess_links: '去重节点',
+  deduped_links: '去重节点',
+  speedtest_links: '测速通过节点',
+  availability_links: '最终可用'
+};
+
+export function buildStageModel(stageStatus = {}) {
+  return STAGE_ORDER.map((name) => ({
+    name,
+    status: stageStatus[name] ?? 'pending'
+  }));
+}
+
+export function resolveVerifyMetricValue(status = 'pending', messages) {
+  if (status === 'success') {
+    return messages.verifiedValue;
+  }
+  if (status === 'pending') {
+    return messages.readyValue;
+  }
+  return messages.statusLabels[status] ?? status;
+}
+
+export function resolveRunControlState(runState = 'idle') {
+  if (runState === 'running') {
+    return {
+      isBusy: true,
+      runDisabled: true,
+      stopDisabled: false
+    };
+  }
+
+  if (runState === 'stopping') {
+    return {
+      isBusy: true,
+      runDisabled: true,
+      stopDisabled: true
+    };
+  }
+
+  return {
+    isBusy: false,
+    runDisabled: false,
+    stopDisabled: true
+  };
+}
+
+export function toMetricItems(counts = {}) {
+  return Object.entries(counts).map(([label, value]) => ({
+    label: METRIC_LABELS[label] ?? label,
+    value: String(value)
+  }));
+}