c9f8fe4d29
Merge pull request #3 from LingandRX/develop
...
refactor(storage): 将 storage 工具类导出名重命名为 storageUtil
2026-02-27 16:17:23 +08:00
6458500d5a
Merge pull request #2 from LingandRX/develop
...
Develop
2026-02-27 16:14:59 +08:00
f0bb1b21ab
refactor(storage): 将 storage 工具类导出名重命名为 storageUtil
...
- 将 utils/chromeStorage.ts 中的 storage 导出重命名为 storageUtil
- 更新 RoutePersistence.tsx 中的导入和引用以使用新名称
- 优化 recordUtils.tsx 中 chrome.downloads 的链式调用格式
使工具类的命名更加清晰，避免与全局 storage 概念混淆
2026-02-27 16:12:52 +08:00
6d2b553ca4
```
...
refactor(storage): 将storage工具类重命名为chromeStorage
重命名utils/storage.ts为utils/chromeStorage.ts以更好地反映其功能用途
feat(messages): 简化消息协议定义并移除过时的消息类型
将messages.tsx中的硬编码消息对象替换为ProtocolMap接口定义，
移除了不再使用的popup、content和offscreen相关消息类型，
使消息系统更加简洁和类型安全
```
2026-02-26 17:15:20 +08:00
c848003214
feat(recorder): 实现IndexedDB分块存储录制事件
...
- 将录制状态中的events数组替换为sessionId，避免内存溢出问题
- 集成IndexedDB工具模块实现事件分块存储功能
- 修改开始录制逻辑以生成会话ID并初始化数据库会话
- 更新停止录制逻辑从数据库流式读取事件并删除会话数据
- 修复content:save-track-events消息类型的拼写错误
- 在RoutePersistence组件中添加路由恢复和保存的成功提示
- 重构popup应用CSS样式文件，移除冗余导航样式代码
2026-02-21 15:27:30 +08:00
80e510225c
feat(background): 添加录制状态持久化和Tab切换处理
...
- 实现录制状态存储到本地storage，包括isRecording、recordingTabId、events和startTime
- 添加loadRecorderState和saveRecorderState函数用于状态管理
- 监听Tab切换事件，当切换离开录制Tab时发出警告并通知popup
- 监听Tab关闭事件，自动停止录制并清理状态
- 添加录制状态同步检查，确保content script状态一致
- 在开始录制前检查是否已在录制状态，避免重复录制
- 添加错误处理返回详细错误信息
- 优化回放HTML样式和脚本加载方式
- 添加Tab切换消息通信协议支持
2026-02-21 15:09:07 +08:00
19b7ab141a
feat(extension): 添加调试器功能并优化界面布局
...
- 集成 Chrome 调试器 API 支持 attach/detach 功能
- 新增 tabUtils 工具模块用于获取活动标签页 ID
- 在背景脚本中添加标签页激活和更新事件监听
- 使用 Material-UI 容器和堆叠组件重构页面布局
- 移除 Chromium 启动参数中的自动打开开发者工具选项
- 更新权限配置添加调试器相关权限
- 在测试页面添加多个调试功能按钮和状态管理
2026-02-15 01:35:23 +08:00
c01659c9f9
docs(readme): 更新项目文档以反映浏览器扩展功能
...
- 将原有 Create React App 模板文档替换为 Testing Tools 浏览器扩展介绍
- 添加项目概述、功能特性和技术栈说明
- 提供详细的安装运行指南和构建命令
- 补充项目结构、权限说明和主要依赖信息
- 增加贡献指南和许可证说明
2026-02-14 01:53:27 +08:00
3ece5e2e96
fix: 修复 ESLint 配置及组件弃用属性警告，优化代码格式
...
1. 工程配置：
- 更新 tsconfig.json include 规则，解决 eslint.config.ts 未被包含的问题。
2. 组件重构 (Material UI 适配)：
- Navbar: 替换已弃用的 PaperProps 为 slotProps.paper。
- TimestampToDatetime / DatetimeToTimestamp: 替换已弃用的 InputProps 为 slotProps.input。
3. 类型与逻辑修复：
- utils/recordUtils.tsx: 引入缺失依赖，忽略 UNSAFE_replayCanvas 等类型报错，修复构建问题。
- utils/messages.tsx: 完善事件参数类型定义。
4. 其他优化：
- 统一 App.css 代码格式。
- 补充部分组件 (CopyButton, TimestampExecution) 的 React 导入和类型定义。
2026-02-13 23:46:16 +08:00
50034331bc
refactor: 统一扩展消息机制并优化组件结构
...
1、统一消息系统：将 background、content 和 popup 的通信方式从原生的 chrome.runtime 迁移至 @webext-core/messaging，修复了消息回调返回 undefined 的问题。
2、优化组件结构：将通用组件从 entrypoints/popup/components 迁移至根目录 components，并使用 MUI 重构了 Navbar。
3、同步更新：调整了录制工具 (useRecorder) 和各页面组件（RecordeReplayPage, TestPage等），以适配新的消息协议和组件路径。
2026-02-13 20:38:15 +08:00
22985f4c18
feat:添加测试页面并优化时间戳工具
...
refactor: 优化时间戳转换组件及整体代码结构
chore: 更新构建配置和包依赖项
2026-02-13 17:29:01 +08:00
ee4d328b9c
refactor：
...
1、添加全局toast
2、将CopyButton拆分为useCopy hook
2026-02-13 00:24:56 +08:00
a93a8b3e9a
refactor:优化时间戳工具，优化CopyButton
2026-02-12 21:26:41 +08:00
38b7d16c31
feat: 添加导航栏组件，优化路由持久化逻辑，更新存储工具类
2026-02-07 13:17:32 +08:00
a94ae7421e
feat:
...
1、并发进行脚本注入
2、完善过滤逻辑
2026-02-07 00:31:41 +08:00
2c0df95104
feat: 添加录制功能，优化消息处理，修复拼写错误，更新下载逻辑
2026-02-04 23:29:42 +08:00
e6f41032c8
feat: 重构录制逻辑，添加错误处理，更新消息常量，使用 terser 进行构建压缩
2026-02-03 23:42:28 +08:00
37f8ef9c2b
feat: 优化消息处理逻辑，添加录制开始和停止的消息处理，删除未使用的 chromeUtils 文件
2026-02-02 22:57:01 +08:00
a6d85962b7
feat: 使用 dayjs 替换时间处理逻辑，优化日期时间转换功能，删除不再使用的时间工具函数
2026-02-02 20:58:56 +08:00
0b70c0c0c1
feat:
...
1、移动popup的page、components
2、更新wxt的host权限
3、验证message传递逻辑
2026-02-01 00:21:36 +08:00
4213e70697
feat: update package.json to remove lint-staged, add eslint configuration and dependencies
...
feat: add state management for recording in RecordeReplayPage component
refactor: remove bridge and storage services as they are no longer needed
chore: update tsconfig.json for improved type checking and module resolution
fix: update downloadHtml function to use eventWithTime type and improve formatting
fix: add error logging in formatWithZone function for better debugging
2026-01-31 18:00:01 +08:00
88a612f9cf
feat: 更新背景脚本和内容脚本，添加录制控制消息处理，优化录制状态检查逻辑，新增消息常量
2026-01-30 23:08:49 +08:00
0ff33cbeb3
feat: 添加离屏文档创建和下载功能，优化录制逻辑
2026-01-29 19:35:55 +08:00
ed5e90f0fc
feat: 删除不再使用的数据库和环境相关的工具函数
2026-01-29 17:27:18 +08:00
92026ee7fa
Refactor time utility functions for improved type safety and error handling
...
- Removed deprecated formatDate function.
- Enhanced formatWithZone to support TypeScript types for parameters.
- Updated getTimeZoneOffset to use TypeScript types.
- Improved formatWithDate for better error messages and type safety.
2026-01-28 22:39:44 +08:00
710bffd2f8
feat: 添加 husky 和 lint-staged 支持，配置 prettier 进行代码格式化
2026-01-28 20:26:48 +08:00
4edb2f1a47
feat:
...
1. 重构CopyButton
2. 修改Router特性
3. 修改CopyButton传参
4. 添加options页面
2026-01-28 00:42:05 +08:00
b33194bd2d
更换使用wxt框架搭建testing tool
2026-01-27 23:09:57 +08:00
9c84b7adc0
feat(deps): 添加 rrweb 控制台记录和回放插件支持
...
- 集成 @rrweb/rrweb-plugin-console-record 插件用于控制台记录功能
- 集成 @rrweb/rrweb-plugin-console-replay 插件用于控制台回放功能
- 更新 package-lock.json 中的相关依赖配置
- 添加 tailwindcss 依赖的 yaml 模块支持
2026-01-25 22:25:42 +08:00
a53b58a007
feat(app): add rrweb recording and replay functionality
...
- Integrate rrweb library for session recording capabilities
- Add RecordeReplayPage component with start/stop recording buttons
- Implement useRecorder hook to manage recording state and events
- Create bridge service for extension communication
- Add storage service with Chrome extension and web compatibility
- Implement downloadHtml utility for replay file generation
- Update manifest permissions for activeTab, scripting, and tabs
- Add Chrome extension type definitions as development dependencies
2026-01-25 12:36:52 +08:00
49aaab6e2c
Comment out automated test step in workflow
...
Disables the test command in the CI pipeline, possibly to address failing tests, speed up builds, or troubleshoot issues with the testing environment.
2026-01-21 23:30:39 +08:00
b6eeb74fed
Comments out sample React test code
...
Temporarily disables default test to prevent it from running,
likely in preparation for custom tests or to avoid irrelevant
test failures during development.
2026-01-21 23:27:18 +08:00
1c258e2bf4
Change npm ci to npm install in workflow
2026-01-21 23:24:13 +08:00
de8e6c6139
Update Node.js version matrix in workflow
2026-01-21 23:22:55 +08:00
2665d6ab81
Improves UI alignment and copy feedback clarity
...
Removes unnecessary spacing and minimum height from layout styles
to enhance visual consistency. Updates copy feedback to display a
clearer success message, improving user interaction and clarity.
2026-01-20 23:01:56 +08:00
f6432dc4c4
Standardizes UI with CSS variables and refactors styles
...
Introduces CSS custom properties for unified colors, border, and radius,
simplifying style management and improving maintainability. Refactors
timestamp and datetime converter styles to use these variables for
consistency. Enhances visual feedback with hover effects and minor
typography adjustments. Updates a timer ref type annotation for clarity
and adds a container class for better structure.
2026-01-20 00:06:01 +08:00
d8a9e2e1e7
Removes test and todo pages from app navigation
...
Cleans up navigation by excluding test and todo-related pages and their associated files.
Simplifies the app structure to focus on the timestamp feature and prepares for future refactoring or feature updates.
2026-01-19 23:14:32 +08:00
c37d721aad
feat: implement Markdown Todo Tree with date grouping and local storage persistence
...
- Added new CSS styles for the TestPage component.
- Refactored TestPage.js to manage a Markdown-based todo list with date grouping.
- Integrated date-fns for date formatting.
- Introduced ReactMarkdown for rendering Markdown content.
- Enhanced user experience with input handling for adding and editing todos.
- Implemented local storage for persistent state across sessions.
2026-01-12 23:19:20 +08:00
db46210096
fix：修复复制按钮
2026-01-12 22:14:01 +08:00
7079334562
feat(app): 添加图片采集器功能并修复粘贴问题
...
- 集成 dexie 和 dexie-react-hooks 实现本地数据库存储
- 创建 TestPage 组件实现图片粘贴采集功能
- 修复重复粘贴问题，添加事件监听器清理机制
- 修复删除按钮触发增加的事件冒泡问题
- 为电子木鱼页面添加顶部边距样式
- 更新导航项标签为中文显示
- 添加图片网格展示和删除功能
2026-01-08 21:49:39 +08:00
3ee28a91e0
style(components): 优化导航栏和电子木鱼组件的UI样式
...
- 调整CopyButton组件的圆角样式
- 更新导航栏的高度、背景、边框和阴影样式
- 优化导航链接的颜色、字体和悬停效果
- 改进折叠菜单的内容样式和动画效果
- 调整时间戳控件的响应式布局
- 优化电子木鱼组件的整体视觉效果
- 更新电子木鱼计数显示的样式和动画
- 改进控制区域输入框和按钮的样式
- 添加多设备尺寸的响应式设计适配
2026-01-08 21:00:26 +08:00
8956f86443
style(css): 优化页面滚动条和布局样式
...
- 修改html和body选择器以正确设置页面尺寸和滚动行为
- 将.app容器的高度设置从100vh改为min-height: 100%
- 更新.nav-collapse-content的最大高度计算方式
- 为body元素添加滚动条隐藏样式
- 统一各组件的滚动条样式处理规则
2026-01-07 23:43:17 +08:00
259bc51dc5
style(ui): 隐藏页面滚动条并优化滚动处理
...
- 添加html和body的overflow hidden样式以隐藏滚动条
- 在.app容器中添加overflow auto以支持内容滚动
- 为.app、.nav-collapse-content.show和.timestamp-display组件添加滚动条隐藏样式
- 包含WebKit、Firefox和IE/Edge浏览器的兼容性样式
- 修复了页面滚动条显示问题
2026-01-07 23:34:18 +08:00
cef700a89b
style(css): 移除导航折叠组件的边框样式
...
- 移除了导航折叠项的 border-block 样式
- 移除了导航折叠内容区域的 border-block 样式
- 移除了导航折叠内容区域的 border-top 样式
- 将导航折叠内容区域的边框设置为 border: 0
2026-01-07 23:25:34 +08:00
cdd197bff5
style(App): 优化导航折叠组件的边框样式
...
- 移除了多余的左右边框样式设置
- 将边框重置方式从 border: none 改为 border-style: none
- 修正了 border-block 属性值，从 0px 改为 0
2026-01-07 23:15:10 +08:00
2017dfddfa
style(css): 调整导航组件样式
...
- 移除下拉菜单的 z-index 属性
- 为导航折叠内容添加左右边框样式
- 简化边框隐藏的 CSS 规则
- 添加 border-block 样式属性
- 移除导航边框的 z-index 层级设置
2026-01-07 23:08:47 +08:00
2673a86a52
feat(App): 添加导航菜单折叠功能和样式优化
...
- 实现响应式导航菜单，根据屏幕尺寸自动调整显示项数量
- 添加移动端友好的折叠菜单和汉堡按钮
- 统一应用内所有按钮和容器的圆角样式为8px
- 重构导航配置为数据驱动模式，便于后续扩展
- 优化小屏幕设备上的导航显示和交互体验
- 添加菜单展开收起的动画过渡效果
- 修复超小屏幕下的边框遮挡问题
2026-01-07 23:01:57 +08:00
11e941d5fe
feat(components): 添加时间戳和日期时间转换功能
...
- 实现了时间戳实时显示组件，支持毫秒/秒单位切换和自动更新
- 添加了日期时间转时间戳转换器，支持多种时区选择和单位转换
- 实现了时间戳转日期时间转换器，支持毫秒/秒单位和时区转换
- 为App.css添加了响应式样式和时间戳组件相关样式
- 为时间戳和转换组件添加了错误处理和输入验证功能
- 实现在index.css中重置标题样式以保持一致性
2026-01-07 21:42:59 +08:00
0cad722479
feat(markdown): 引入 react-markdown 及相关依赖支持 markdown 渲染
...
- 添加 react-markdown 库以支持 markdown 内容渲染
- 引入 @types 相关类型定义包，包括 debug、estree-jsx、hast 等
- 添加解析 markdown 所需的工具库，如 micromark、mdast-util 系列
- 集成 hast-util-to-jsx-runtime 实现 hast 到 jsx 的转换
- 添加字符实体处理和样式解析相关依赖
- 引入支持 mdx 语法的相关工具包
- 添加统一的类型检查和开发依赖支持
- 更新 package-lock.json 锁定新增依赖版本
2025-12-20 20:58:46 +08:00
d6b1edeffc
feat(electronic-wooden-fish): 重构木鱼页面交互与样式
...
- 使用CSS变量统一管理主题样式，提升可维护性
- 优化木鱼点击动画效果，增加缩放反馈
- 改进计数逻辑，支持自定义计数名称并持久化存储
- 实现浮动提示动画，增强用户点击反馈
- 添加防抖存储机制，减少频繁IO操作
- 限制提示数量，防止内存泄漏
- 增加响应式设计，适配移动端显示
- 完善组件卸载清理逻辑，避免内存泄漏
- 修复计数存储可能存在的竞态条件问题
- 提升代码健壮性，增加异常处理机制
2025-12-20 14:58:41 +08:00
LingandRX