update readme

Author: xiayus

README.en.md

@@ -74,6 +74,36 @@ The table below shows the most representative UI views in a compact GitHub-frien
 | TCP | **Host/Port** remembered locally; **last 3** successful connects as quick chips. |
 | Link state | **WebSocket** plus periodic **GET `/api/status`** keep UI in sync so a broken WS alone does not show “connected” incorrectly. |
 
+## Roadmap
+
+The currently implemented protocols in this repository are still **Serial (COM) / TCP / UDP**. The roadmap below highlights the likely next steps so readers can quickly see what already exists and what may be added later.
+
+### Supported today
+
+- **Serial (COM)**: local serial connection, logging, sending, and parsing
+- **TCP client**: device bring-up, message sending, logs, and live charts
+- **UDP**: send, optional local listen, logging, and parsed data flow
+- **Unified UI experience**: logs, charts, send history, HEX, line endings, checksum options, and multilingual UI
+
+### Planned
+
+- **MQTT**: connect to a broker, publish/subscribe to topics, inspect message logs, and feed numeric payloads into live charts
+- **Bluetooth (BLE first)**: likely starting with **Bluetooth Low Energy (BLE)**, with classic Bluetooth serial-style scenarios considered later
+- **More protocol adapters**: extending beyond the current TCP / UDP set with transports better suited to device messaging workflows
+- **Further transport unification**: reusing the same logging, sending, history, checksum, parsing, and charting experience across protocols
+
+### Ideas
+
+- **Protocol plug-in model**: a cleaner extension point for adding future transports
+- **More chart types**: exploring bar charts, area charts, gauges, status cards, and other visualizations beyond the current line chart for different data patterns
+- **Extended chart capabilities**: more flexible series mapping, chart configuration, field grouping, and multi-panel layouts for different protocols or data models
+- **Custom JavaScript parsers**: allowing user-defined JavaScript scripts to parse device-specific protocols and turn raw payloads into structured fields, log text, or chart data
+- **Script-based protocol adapters**: defining a stable input/output contract for user scripts so new device protocols can be integrated quickly without changing the built-in backend parser every time
+- **More device-debugging workflows**: such as richer session panels, message templates, and protocol presets
+- **Cross-protocol consistency**: keeping Serial, TCP, UDP, MQTT, Bluetooth, and future transports as similar as practical in daily use
+
+> Note: items under `Planned` and `Ideas` are roadmap directions, not currently implemented features.
+
 ## Tech stack
 
 - Python **3.10+** (3.11+ recommended)

README.md

@@ -80,6 +80,36 @@
 | TCP | **Host/Port** 本地记忆；**最近 3 条**成功连接以胶囊一键填入 |
 | 链路状态 | WebSocket 与定时 **GET `/api/status`** 双通道对齐连接态，避免仅断 WS 时 UI 仍显示已连 |
 
+## 开发路线图
+
+当前仓库的已实现能力仍以 **Serial（COM）/ TCP / UDP** 为准。下面的路线图用于说明后续演进方向，便于了解项目接下来可能支持的协议与能力。
+
+### 已支持
+
+- **Serial（COM）**：本地串口连接、日志查看、发送与解析
+- **TCP Client**：设备联调、日志查看、发送与实时图表
+- **UDP**：发送、可选本地监听、日志与数据解析
+- **统一前端体验**：日志、曲线、发送历史、HEX、行尾、校验算法、多语言界面
+
+### 计划中
+
+- **MQTT**：连接 Broker、发布 / 订阅 Topic、查看消息日志，并将数值型消息接入实时曲线
+- **蓝牙（BLE 优先）**：优先考虑 **Bluetooth Low Energy（BLE）**，后续再评估经典蓝牙串口类场景
+- **更多协议适配层**：在现有 TCP / UDP 之外扩展更适合设备消息通信的连接方式
+- **统一连接抽象持续完善**：让更多协议复用相同的日志、发送、历史、校验、解析与图表能力
+
+### 想法池
+
+- **协议插件化**：为未来新增协议保留更清晰的扩展入口
+- **更多图表类型**：除当前折线图外，探索柱状图、面积图、仪表盘、状态卡片等更适合不同数据场景的可视化方式
+- **图表能力扩展**：为不同协议或数据模型提供更灵活的系列映射、图表配置、字段分组与多面板展示能力
+- **自定义 JS 解析脚本**：允许通过自定义 JavaScript 脚本解析不同设备协议，将原始报文转换为结构化字段、日志文本或图表数据
+- **脚本化协议适配**：为用户脚本约定统一输入输出接口，使不同设备协议可以通过脚本快速接入，而不必每次都改动后端内置解析器
+- **更多设备调试工作流**：例如更细粒度的会话面板、消息模板、协议预设
+- **跨协议一致性增强**：尽量让 Serial、TCP、UDP、MQTT、蓝牙等协议共享相似的操作体验
+
+> 说明：`计划中` 与 `想法池` 仅代表当前 roadmap，不代表这些功能已经在仓库中实现。
+
 
 ## 技术栈
 

static/i18n.js

@@ -61,6 +61,8 @@
       footerAppMetaAria: "版本与作者信息",
       footerVersionLabel: "版本",
       footerAuthorAbout: "作者：Allen Liao · SerialNet Debug Studio",
+      footerRepoLink: "GitHub",
+      footerRepoLinkTitle: "在 GitHub 打开 SerialNet Debug Studio 仓库",
       lblMode: "通信方式",
       lblUiLang: "界面语言",
       uiLangAria: "界面语言",
@@ -179,6 +181,8 @@
       footerAppMetaAria: "Version and author",
       footerVersionLabel: "Version",
       footerAuthorAbout: "Author: Allen Liao · SerialNet Debug Studio",
+      footerRepoLink: "GitHub",
+      footerRepoLinkTitle: "Open SerialNet Debug Studio on GitHub",
       lblMode: "Connection",
       lblUiLang: "Language",
       uiLangAria: "Interface language",
@@ -297,6 +301,8 @@
       footerAppMetaAria: "バージョンと作者",
       footerVersionLabel: "バージョン",
       footerAuthorAbout: "作者：Allen Liao · SerialNet Debug Studio",
+      footerRepoLink: "GitHub",
+      footerRepoLinkTitle: "GitHub で SerialNet Debug Studio のリポジトリを開く",
       lblMode: "接続方式",
       lblUiLang: "表示言語",
       uiLangAria: "表示言語",
@@ -415,6 +421,8 @@
       footerAppMetaAria: "버전 및 작성자",
       footerVersionLabel: "버전",
       footerAuthorAbout: "작성자: Allen Liao · SerialNet Debug Studio",
+      footerRepoLink: "GitHub",
+      footerRepoLinkTitle: "GitHub에서 SerialNet Debug Studio 저장소 열기",
       lblMode: "연결 방식",
       lblUiLang: "언어",
       uiLangAria: "인터페이스 언어",
@@ -533,6 +541,8 @@
       footerAppMetaAria: "Version und Autor",
       footerVersionLabel: "Version",
       footerAuthorAbout: "Autor: Allen Liao · SerialNet Debug Studio",
+      footerRepoLink: "GitHub",
+      footerRepoLinkTitle: "SerialNet Debug Studio auf GitHub öffnen",
       lblMode: "Verbindung",
       lblUiLang: "Sprache",
       uiLangAria: "Oberflächensprache",
@@ -651,6 +661,8 @@
       footerAppMetaAria: "Version et auteur",
       footerVersionLabel: "Version",
       footerAuthorAbout: "Auteur : Allen Liao · SerialNet Debug Studio",
+      footerRepoLink: "GitHub",
+      footerRepoLinkTitle: "Ouvrir SerialNet Debug Studio sur GitHub",
       lblMode: "Connexion",
       lblUiLang: "Langue",
       uiLangAria: "Langue de l’interface",
@@ -769,6 +781,8 @@
       footerAppMetaAria: "Versión y autor",
       footerVersionLabel: "Versión",
       footerAuthorAbout: "Autor: Allen Liao · SerialNet Debug Studio",
+      footerRepoLink: "GitHub",
+      footerRepoLinkTitle: "Abrir SerialNet Debug Studio en GitHub",
       lblMode: "Conexión",
       lblUiLang: "Idioma",
       uiLangAria: "Idioma de la interfaz",
@@ -887,6 +901,8 @@
       footerAppMetaAria: "Versão e autor",
       footerVersionLabel: "Versão",
       footerAuthorAbout: "Autor: Allen Liao · SerialNet Debug Studio",
+      footerRepoLink: "GitHub",
+      footerRepoLinkTitle: "Abrir SerialNet Debug Studio no GitHub",
       lblMode: "Conexão",
       lblUiLang: "Idioma",
       uiLangAria: "Idioma da interface",

static/index.html

@@ -9,7 +9,7 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title></title>
-  <link rel="stylesheet" href="/style.css?v=23" />
+  <link rel="stylesheet" href="/style.css?v=24" />
   <script src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js"></script>
 </head>
 <body>
@@ -20,7 +20,18 @@
         <span id="appVersion" class="app-version-num"></span>
       </span>
       <span class="app-meta-sep" aria-hidden="true">·</span>
-      <span class="app-meta-author" data-i18n="footerAuthorAbout"></span>
+      <span class="app-meta-author">
+        <span data-i18n="footerAuthorAbout"></span>
+        <span class="app-meta-sep" aria-hidden="true">·</span>
+        <a
+          class="app-meta-repo-link"
+          href="https://github.com/xiayus/SerialNet-Debug-Studio"
+          target="_blank"
+          rel="noopener noreferrer"
+          data-i18n="footerRepoLink"
+          data-i18n-title="footerRepoLinkTitle"
+          >GitHub</a>
+      </span>
     </div>
   </aside>
 
@@ -172,7 +183,7 @@ <h2 data-i18n="panelChart"></h2>
     </div>
   </footer>
 
-  <script src="/i18n.js?v=8"></script>
+  <script src="/i18n.js?v=9"></script>
   <script src="/app.js?v=32"></script>
 </body>
 </html>

static/style.css

@@ -159,9 +159,24 @@ body {
 }
 
 .app-meta-author {
+  display: inline-flex;
+  align-items: baseline;
+  flex-wrap: wrap;
+  gap: 0 4px;
+  justify-content: center;
   text-align: center;
 }
 
+.app-meta-repo-link {
+  color: var(--accent);
+  text-decoration: none;
+  font-weight: 500;
+}
+
+.app-meta-repo-link:hover {
+  text-decoration: underline;
+}
+
 .cfg-block {
   margin-top: 8px;
   padding-top: 8px;