个人用 Rubick 插件，同时包含系统插件和 UI 插件逻辑。使用 vite + ts + react ，system下为系统插件源码，src目录下为页面代码，preload目录下为预加载脚本。

该项目包含如下内容，可以作为插件开发的模板：

1. 两个页面入口，一个是主页面，一个是利用 API 创建新页面的模板页面
2. 一个根据 feature code 做的简易 Router，允许根据不同 code 渲染不同元素
3. 一个无匹配 feature code 时展示的默认页面，展示了一些常用 API 的用法
4. 一个自定义的预加载脚本，对 rubick 的 API 进行了一定的封装，包含一些实用的函数
5. 一个自定义的系统脚本，进行了一定的包装以提高鲁棒性
6. 对 subInput 和 db 抽象成 hook 以允许其变动时重新渲染相应组件；其中 db 联合系统脚本做了抽象，使得在值变动时所有渲染进程均能得到通知
7. rubick API 的部分类型定义（不怎么全，但扩展它是容易的）
8. mock API（允许使用npm run dev去开发，便于查看样式等，但不怎么全，干这事有点得不偿失…不如写个监测到文件更新就自动执行 build 的脚本）

clone 下来后，似乎应当修改 electron 版本和 rubick 的一致，避免 node 多次加载 electron 依赖？，执行：

npm i
npm run build

然后在 dist 目录下执行 npm link，在 rubick 的“开发者”设置中引入该目录的dist文件夹即可。

安装后如果没有托盘通知，插件页面没有内容，可能是 rubick 生成了错误的快捷方式或者根本没有生成，检查 %APPDATA%\rubick\rubick-plugins-new\node_modules下指向该插件的快捷方式是否存在和能够跳转，如果无法跳转，移除该快捷方式并在 cmd 中手动创建链接：

mklink /D %APPDATA%\rubick\rubick-plugins-new\node_modules\rubick-ykihelper C:\path\to\project\dist

如果代码有修改（无论是系统插件、预加载脚本还是前端），执行 npm run build 即可。

如果public/pacakge.json有修改，需要在执行 npm run build 之后，在“开发者”中输入该目录的dist文件夹路径并点击“刷新插件”，然后重启 rubick。

• 打包时打开发环境的 react，不然错误日志太简略
• 把 tsconfig 的配置掂量清楚，最小化
• 补充 eslint 等玩意
• 水一篇笔记