Develop (#25)

核心功能新增
工具套件扩展
JSON 工具（差异比较、格式化、转 YAML/TOML、压缩）
Base64 转换器（文本/文件/图像编解码）
Markdown ↔ HTML 双向转换
JWT 解析器
文本统计工具
二维码生成/解析（替换库以减小体积）
表单工具（已移除）
表单映射、智能填充、高亮定位功能已移除
架构与工程改进
技术栈升级
引入 @webext-core/messaging 重构消息通信
添加 @dnd-kit 支持功能列表拖拽排序
引入 i18next 实现中英文国际化
使用 MUI 主题系统替代硬编码样式，支持暗色模式
代码质量
统一组件导出为默认导出
提取公共组件（TextInputArea、SwitchButtonGroup、PageHeader、DecodeResultPaper）
使用 useStorageState 钩子统一管理存储状态
添加 PageErrorBoundary 页面级错误边界
实现组件懒加载优化首屏性能
关键重构
路由系统重构 — 支持独立标签页模式，合并路由与功能配置
状态管理优化 — 存储状态增加快照机制、验证器和防抖处理
剪贴板与打印工具 — 统一为 async/await 形式，修复重复触发问题
存储清理器 — 使用 TextEncoder 准确计算 UTF-8 字节数，支持 TB 单位
测试与 CI
测试覆盖 — 为新增工具、公共组件、边界场景补充单元测试
CI 精简 — 移除 Firefox 测试，仅保留 Chrome；修正类型检查命令

pages/Base64Converter/FileMode.tsx

@@ -272,17 +272,8 @@ export default function FileMode() {
                   {t('base64Output')}
                 </Typography>
                 <Stack direction="row" spacing={1}>
-                  <CopyButton
-                    text={result.rawBase64}
-                    tooltip={t('copyRaw')}
-                    showMessage={() => {}}
-                  />
-                  <CopyButton
-                    text={result.output}
-                    tooltip={t('copyDataUri')}
-                    color="info"
-                    showMessage={() => {}}
-                  />
+                  <CopyButton text={result.rawBase64} tooltip={t('copyRaw')} />
+                  <CopyButton text={result.output} tooltip={t('copyDataUri')} color="info" />
                 </Stack>
               </Stack>
               <TextInputArea

pages/Base64Converter/ImageMode.tsx

@@ -291,17 +291,8 @@ export default function ImageMode() {
                   {t('base64Output')}
                 </Typography>
                 <Stack direction="row" spacing={1}>
-                  <CopyButton
-                    text={result.rawBase64}
-                    tooltip={t('copyRaw')}
-                    showMessage={() => {}}
-                  />
-                  <CopyButton
-                    text={result.output}
-                    tooltip={t('copyDataUri')}
-                    color="info"
-                    showMessage={() => {}}
-                  />
+                  <CopyButton text={result.rawBase64} tooltip={t('copyRaw')} />
+                  <CopyButton text={result.output} tooltip={t('copyDataUri')} color="info" />
                 </Stack>
               </Stack>
               <Box

pages/Base64Converter/TextMode.tsx

@@ -128,7 +128,7 @@ export default function TextMode({ onSwitchToImageMode }: TextModeProps = {}) {
             <Typography variant="caption" fontWeight={700} color="text.secondary">
               {outputLabel}
             </Typography>
-            <CopyButton text={output} showMessage={(_msg, _opts) => {}} />
+            <CopyButton text={output} />
           </Stack>
           <TextInputArea
             readOnly

pages/HtmlToMarkdown/index.tsx

@@ -214,11 +214,7 @@ export default function HtmlToMarkdownPage() {
                   <Typography variant="caption" sx={{ color: 'text.disabled' }}>
                     {t('charCount', { count: result.markdownLength })}
                   </Typography>
-                  <CopyButton
-                    text={result.markdown}
-                    showMessage={(_msg, _opts) => {}}
-                    size="small"
-                  />
+                  <CopyButton text={result.markdown} size="small" />
                 </Stack>
               </Box>
 

pages/Jwt/index.tsx

@@ -11,7 +11,6 @@ import { useTranslation } from 'react-i18next';
 interface SectionProps {
   title: string;
   content: unknown;
-  raw: string;
   color: string;
 }
 
@@ -99,13 +98,11 @@ export default function Index() {
               <Section
                 title={t('jwt:headerTitle')}
                 content={result.header}
-                raw={result.raw.header}
                 color="#fb015b" // JWT.io Header Color
               />
               <Section
                 title={t('jwt:payloadTitle')}
                 content={result.payload}
-                raw={result.raw.payload}
                 color="#d63aff" // JWT.io Payload Color
               />
               <Paper

pages/MarkdownToHtml/index.tsx

@@ -326,7 +326,7 @@ export default function MarkdownToHtmlPage() {
                   <Typography variant="caption" sx={{ color: 'text.disabled' }}>
                     {t('charCount', { count: result.htmlLength })}
                   </Typography>
-                  <CopyButton text={result.html} showMessage={(_msg, _opts) => {}} size="small" />
+                  <CopyButton text={result.html} size="small" />
                 </Stack>
               </Box>