工具 『AstroBooox』 -更好的AstroBox提交数据在线生成工具

[WaiJade]

前言​

在上传资源到AstroBox资源库的时候发现写manifest.json和csv语句有点麻烦，发现searchstars提到的两个工具都很难用。
本着折腾的精神，我又自己做了一个网页的数据生成工具。
虽然做完才发现已经有有一个看起来还不错的了，但自认为自己的还不错，所以叫「更好的」
感谢AstroBox团队开发AstroBox
阿斯戳博克斯🤤🤤🤤窝埃泥​

AstroBooox・点我进入​

---

​

展开折叠内容: 『更优雅的UI』

『更优雅的UI』​

基于现代的前端架构Vue3搭建的Web应用，UI更现代
仿照AstroBox官网风格构建
使用MiSans

展开折叠内容: 一些UI图片

---

​

展开折叠内容: 『更强的功能』

『更强的功能』​

「拥抱优雅 - 直接导入文件，拒绝手输文件名」​

更优雅地编辑预览图和图标，直接利用浏览器API导入，拒绝手动输入文件名​

​

「快人一步 - 抛弃翻找繁杂的设备代号和对应逻辑」​

直接使用界面选择支持的设备，若代号相同（如环9和环9NFC都是n66）则选择任意一个同时会被勾选。
退出窗口点击删除不优雅？直接取消勾选即可删除添加的设备！

​

「拒绝下载和复制 - 直接保存manifest，不用下载！」​

拒绝手动打开编辑器复制或下载后拖入
使用更强大的File System Access API文件接口，具有写入权限，直接保存manifest到本地。
害怕手滑覆盖manifest？不用担心覆盖问题，如果已经有manifest则会提示用户是否覆盖。
​

「一目了然 - Json实时预览」​

在左侧栏输入信息时，会同时在右侧的Json预览实时更新

​

​

---

​

展开折叠内容: 『更好的响应式』

『更好的响应式』​

使用现代前端架构Vue3+更先进的Typescript搭建，响应极好。
建议电脑访问，更方便使用直接保存的功能
​

​

---

​

展开折叠内容: 『开源』

『开源』​

AstroBooox开源在GitHub，部署由大善人CloudFlare pages支持
AstroBooox仓库
欢迎star和提出issues，开源因您更美好
​

项目结构​

src/
├── components/      # 组件
│   ├── CSVEGenerator.vue  # CSV/JSON生成器
│   ├── JsonPreview.vue    # JSON预览器
│   └── ManifestEditor.vue # Manifest编辑器
├── layouts/         # 布局组件
│   └── MainLayout.vue # 主布局
├── router/          # 路由配置
│   └── index.ts
├── type/            # 类型定义
│   └── manifest.ts
└── main.ts          # 应用入口

​

​

『后续更新』​

后续会继续更新网站，但应该不会大改，只会继续优化。​