feat: 增加工具蛙插件

client/web/build/webpack.config.ts

@@ -159,7 +159,7 @@ const config: Configuration = {
     publicPath: ASSET_PATH,
   },
   devServer: {
-    open: true,
+    open: false,
     port: PORT,
     historyApiFallback: true,
     static: {

client/web/plugins/com.msgbyte.snapdrop/manifest.json

@@ -3,6 +3,7 @@
   "name": "com.msgbyte.snapdrop",
   "url": "/plugins/com.msgbyte.snapdrop/index.js",
   "icon": "/plugins/com.msgbyte.snapdrop/assets/icon.png",
+  "documentUrl": "/plugins/com.msgbyte.snapdrop/README.md",
   "version": "0.0.0",
   "author": "msgbyte",
   "description": "隔空投送 —— 在同一网络发送文件与消息",

client/web/plugins/com.msgbyte.toolwa/manifest.json

@@ -0,0 +1,10 @@
+{
+  "label": "工具哇！",
+  "name": "com.msgbyte.toolwa",
+  "url": "/plugins/com.msgbyte.toolwa/index.js",
+  "icon": "/plugins/com.msgbyte.toolwa/assets/icon.png",
+  "version": "0.0.0",
+  "author": "msgbyte",
+  "description": "工具哇 —— 在线小工具",
+  "requireRestart": false
+}

client/web/plugins/com.msgbyte.toolwa/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "@plugins/com.msgbyte.toolwa",
+  "main": "src/index.tsx",
+  "version": "0.0.0",
+  "private": true,
+  "dependencies": {
+  }
+}

client/web/plugins/com.msgbyte.toolwa/src/index.tsx

@@ -0,0 +1,16 @@
+import { regCustomPanel } from '@capital/common';
+import { Webview } from '@capital/component';
+import React from 'react';
+import { Translate } from './translate';
+
+const PLUGIN_NAME = 'com.msgbyte.toolwa';
+
+regCustomPanel({
+  name: `${PLUGIN_NAME}/personPanel`,
+  position: 'personal',
+  label: Translate.panelName,
+  icon: 'openmoji:frog',
+  render: () => (
+    <Webview className="w-full h-full bg-white" url="https://toolwa.com/" />
+  ),
+});

client/web/plugins/com.msgbyte.toolwa/src/translate.ts

@@ -0,0 +1,5 @@
+import { localTrans } from '@capital/common';
+
+export const Translate = {
+  panelName: localTrans({ 'zh-CN': '工具哇！', 'en-US': 'Toolwa!' }),
+};

client/web/plugins/com.msgbyte.toolwa/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "baseUrl": "./src",
+    "esModuleInterop": true,
+    "jsx": "react",
+    "paths": {
+      "@capital/*": ["../../../src/plugin/*"],
+    }
+  }
+}

client/web/registry.json

@@ -51,6 +51,7 @@
     "name": "com.msgbyte.snapdrop",
     "url": "/plugins/com.msgbyte.snapdrop/index.js",
     "icon": "/plugins/com.msgbyte.snapdrop/assets/icon.png",
+    "documentUrl": "/plugins/com.msgbyte.snapdrop/README.md",
     "version": "0.0.0",
     "author": "msgbyte",
     "description": "隔空投送 —— 在同一网络发送文件与消息",
@@ -113,5 +114,15 @@
     "author": "moonrailgun",
     "description": "在聊天输入框快捷打开 wormhole 以支持传输文件",
     "requireRestart": true
+  },
+  {
+    "label": "工具哇！",
+    "name": "com.msgbyte.toolwa",
+    "url": "/plugins/com.msgbyte.toolwa/index.js",
+    "icon": "/plugins/com.msgbyte.toolwa/assets/icon.png",
+    "version": "0.0.0",
+    "author": "msgbyte",
+    "description": "工具哇 —— 在线小工具",
+    "requireRestart": false
   }
 ]