HortiMagic - 蔷薇花园脚本管理插件

HortiMagic（园艺魔法）是一个基于Lit构建的蔷薇花园（iirose）浏览器插件，提供了一套丰富的UI组件和脚本管理功能，用于增强花园的使用体验。

功能特性

• UI组件库: 提供多种常用的UI组件，如菜单、按钮、对话框、通知、开关、输入框等
• 脚本管理: 支持动态添加、管理和运行外部脚本
• 状态管理: 使用valtio实现响应式状态管理，支持自动保存设置
• 网络钩子: 提供消息发送和接收的钩子函数，可以拦截和处理网络请求
• 配置系统: 提供用户界面来配置插件的各种设置
• 日志系统: 内置日志记录功能，便于调试和监控插件运行状态
• 通知系统: 提供美观的通知组件和API

核心组件

• hm-accordion - 手风琴组件
• hm-button - 按钮组件
• hm-cell - 列表单元格组件
• hm-dialog - 对话框组件
• hm-icon - 图标组件
• hm-input - 输入框组件
• hm-menu - 菜单组件
• hm-move-panel - 可移动面板组件
• hm-notification - 通知组件
• hm-select - 选择器组件
• hm-swipe-cell - 滑动单元格组件
• hm-switch - 开关组件

安装使用

1. 在花园中打开终端（左侧菜单）
2. 输入js命令
3. 输入本插件的脚本链接即可使用

开发

环境搭建

# 安装依赖
npm install

# 开发模式
npm run dev

# 构建
npm run build

项目结构

src/
├── apps/           # 应用模块
│   ├── config-app.ts     # 配置应用
│   ├── dialog-app.ts     # 对话框应用
│   ├── log-app.ts        # 日志应用
│   ├── main-app.ts       # 主应用
│   ├── script-app.ts     # 脚本管理应用
│   └── index.ts
├── components/     # UI组件
├── core/           # 核心功能
│   ├── Emitter.ts        # 事件发射器
│   ├── Message.ts        # 消息处理
│   ├── decoder.ts        # 消息解码器
│   ├── encoder.ts        # 消息编码器
│   ├── elements-hooks.ts # DOM元素钩子
│   ├── log-tools.ts      # 日志工具
│   ├── script-tools.ts   # 脚本管理工具
│   ├── socket-tools.ts   # 网络连接工具
│   ├── store.ts          # 状态管理
│   └── tools.ts          # 通用工具
├── holders/        # DOM容器
├── easy-tools.ts   # 简化工具
└── main.ts         # 入口文件

依赖

• lit - 轻量级Web组件库
• valtio - Reaction-like状态管理
• terser - JavaScript压缩工具

许可证

MIT License

联系方式

如果遇到问题，可以联系作者：

1. 花园房间：留不住别样年华
2. QQ群：56246005