优化

client/web/plugins/com.msgbyte.snapdrop/README.md

@@ -0,0 +1,9 @@
+## com.msgbyte.snapdrop
+
+为 `Tailchat` 增加 局域网文件互传的功能
+
+Powered by [snapdrop](https://github.com/RobinLinus/snapdrop.git)
+
+### 使用方式
+
+仅需要在同一网络下两个设备均打开 [我 -> 隔空投送] 面板，单击或长按即可发送

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

@@ -0,0 +1,13 @@
+{
+  "label": "Snapdrop",
+  "label.zh-CN": "隔空投送",
+  "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": "Snapdrop —— Send files and messages on the same network",
+  "description.zh-CN": "隔空投送 —— 在同一网络发送文件与消息",
+  "requireRestart": false
+}

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

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

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

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

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

@@ -0,0 +1,5 @@
+import { localTrans } from '@capital/common';
+
+export const Translate = {
+  panelName: localTrans({ 'zh-CN': '隔空投送', 'en-US': 'Snapdrop' }),
+};

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

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