yeahhe365/Structure-Insight

# 结构洞察应用 浏览器优先的代码库分析与导出工具，用于与 AI 系统共享仓库上下文。 ## 此应用的功能 - 在浏览器中完整导入文件夹和 `.zip` 压缩包 - 构建可导航的树形视图和代码查看器 - 允许在应用内编辑文件并导出当前状态 - 支持分层的 `.gitignore` 和 `.ignore` 过滤 - 估算已加载文件的令牌用量 - 在复制或保存导出前标记可能的敏感内容 - 显示专用的安全发现对话框以审查警告详情 - 可以在保存时将大型导出拆分为多个文件 - 注册为 PWA 并在首次在线加载后缓存应用外壳以供离线复用 - 使用本地构建时资源而非运行时 CDN 依赖来提供核心 UI 样式、图标和语法高亮 - 将文件树和代码查看器等较重视图拆分为独立 chunk，以保持初始应用外壳更轻量 ## 开发 请从此目录运行所有命令： ``` npm install npm run dev ``` 常用脚本： ``` npm run typecheck npm test -- --run npm run build npm run check ``` ## 仓库说明 - 本仓库是安装、构建和部署的应用根目录。 - Cloudflare Pages 或类似平台应使用仓库根目录作为根路径。 - 生产构建输出目录为 `dist`。 - 仅在此应用被检出为较大本地工作区的子目录时，才使用 `structure-insight/` 作为工作目录。 ## 导出语义 - 令牌计数为估算值，用于规划和比较，并非精确的模型-令牌保证。 ## 离线说明 - 应用外壳不再依赖 `index.html` 中的外部 CDN 资源。 - 核心样式通过本地 Tailwind 编译。 - 图标和语法高亮资源被打包或从本地项目资源提供。 - Font Awesome 仅缩减为本地 solid 子集，且仅输出 `woff2` 格式。 - 首次加载仍需要网络访问以完成安装，但后续访问可依赖缓存的本地资源。

标签：AI系统集成, Cloudflare Pages部署, Font Awesome, .gitignore过滤, PWA, SEO关键词: 代码结构分析, SEO关键词: 浏览器代码分析工具, SEO关键词: 项目文件可视化, Syntax Highlighting, Tailwind CSS, Token估算, Web工具, 代码分块加载, 代码分析, 代码树视图, 代码项目分享, 凭证管理, 分层忽略文件, 前端性能优化, 响应拦截, 安全内容检测, 导出功能, 敏感内容警告, 数据可视化, 文件结构可视化, 文件编辑器, 本地构建资源, 浏览器工具, 离线应用, 自动化攻击