{"id":30735840,"url":"https://github.com/fromsko/voice-vscode","last_synced_at":"2025-09-03T20:47:13.043Z","repository":{"id":308848915,"uuid":"1034313005","full_name":"Fromsko/voice-vscode","owner":"Fromsko","description":"voice-vscode 采用 无头浏览器实现的 Vscode 语音录制的 vscode 插件","archived":false,"fork":false,"pushed_at":"2025-08-08T08:03:14.000Z","size":61,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-08-08T09:22:15.033Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Fromsko.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-08-08T07:32:17.000Z","updated_at":"2025-08-08T08:01:17.000Z","dependencies_parsed_at":"2025-08-08T09:33:21.543Z","dependency_job_id":null,"html_url":"https://github.com/Fromsko/voice-vscode","commit_stats":null,"previous_names":["fromsko/voice-vscode"],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/Fromsko/voice-vscode","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Fromsko%2Fvoice-vscode","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Fromsko%2Fvoice-vscode/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Fromsko%2Fvoice-vscode/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Fromsko%2Fvoice-vscode/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Fromsko","download_url":"https://codeload.github.com/Fromsko/voice-vscode/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Fromsko%2Fvoice-vscode/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273508854,"owners_count":25118443,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-03T02:00:09.631Z","response_time":76,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-09-03T20:47:08.139Z","updated_at":"2025-09-03T20:47:13.030Z","avatar_url":"https://github.com/Fromsko.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vscode 扩展 - voice-vscode\n\n这是一个采用 React + Vite + TailwindCSS4 + DaisyUI5  构建的 `vscode` 插件，能够进行 vscode 音频录制。\n\n## 功能特点\n\n- 🚀 使用 Vite 作为构建工具，提供快速的开发体验\n- ⚛️ 使用 React 18 构建 WebView UI\n- 🔍 TypeScript 支持，提供类型安全\n- 🎨 集成 Tailwind CSS 和 daisyUI 进行样式管理和 UI 组件\n- 🌓 支持亮色/暗色主题切换\n- 🔄 WebView 与扩展之间的双向通信\n- 💾 WebView 状态管理\n- 🧩 使用 VS Code WebView UI Toolkit 组件\n\n## 项目结构\n\n```\n├── extension/             # VS Code 扩展代码\n│   ├── index.ts           # 扩展入口文件\n│   ├── services/          # 扩展服务\n│   └── views/             # WebView 相关代码\n│       ├── helper.ts      # WebView 辅助函数\n│       ├── panel.ts       # WebView 面板管理\n│       └── sidebar.ts     # 侧边栏视图提供者\n├── src/                   # React 应用代码\n│   ├── App.tsx            # 主要 React 组件\n│   ├── main.tsx           # React 应用入口\n│   ├── pages/             # 页面组件\n│   └── utils/             # 工具函数\n│       └── vscode.ts      # VS Code API 工具\n├── assets/                # 静态资源\n├── python/                # Python 脚本\n└── package.json           # 项目配置\n```\n\n## 安装\n\n```bash\n# 克隆仓库\ngit clone https://github.com/fromsko/voice-vscode.git\n\n# 进入项目目录\ncd voice-vscode\n\n# 安装依赖\nnpm install\n# 或者使用 yarn\nyarn\n# 或者使用 bun\nbun install\n```\n\n## 开发\n\n```bash\n# 启动开发服务器\nnpm run dev\n# 或者\nyarn dev\n# 或者\nbun dev\n```\n\n然后，在 VS Code 中按下 F5 启动扩展开发主机。\n\n## 使用方法\n\n1. 在 VS Code 中，按下 `Ctrl+Shift+P`（Windows/Linux）或 `Cmd+Shift+P`（macOS）打开命令面板\n2. 输入 \"Hello World: Show\" 并选择该命令\n3. 将会打开一个 WebView 面板，显示 React 应用\n\n## 扩展功能\n\n### 命令\n\n- `Hello World: Show` - 显示 WebView 面板\n\n### 视图\n\n- 在活动栏中添加了一个 \"Hello World\" 图标，点击可以打开 WebView 面板\n- 侧边栏视图保持状态，切换时不会重新加载（使用 `retainContextWhenHidden: true`）\n\n### WebView 功能\n\n- 发送消息到扩展\n- 设置和获取状态\n### UI 组件\n\n- 使用 daisyUI 组件库构建美观的用户界面\n- 支持亮色/暗色主题切换\n- 响应式设计，适应不同大小的窗口\n\n## 构建\n\n```shell\nbun run dev\nbun run build\nbun run preview\nbun run copy-python\n```\n\n## 技术栈\n\n- [VS Code Extension API](https://code.visualstudio.com/api)\n- [React](https://reactjs.org/)\n- [TypeScript](https://www.typescriptlang.org/)\n- [Vite](https://vitejs.dev/)\n- [Tailwind CSS](https://tailwindcss.com/)\n- [daisyUI](https://daisyui.com/)\n- [VS Code WebView UI Toolkit](https://github.com/microsoft/vscode-webview-ui-toolkit)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffromsko%2Fvoice-vscode","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffromsko%2Fvoice-vscode","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffromsko%2Fvoice-vscode/lists"}