feat: add <PreJoinView /> for voice channel

Author: moonrailgun

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

@@ -7,6 +7,9 @@ const PLUGIN_NAME = 'Markdown Panel';
 
 console.log(`Plugin ${PLUGIN_NAME}(${PLUGIN_ID}) is loaded`);
 
+/**
+ * @note 应该用 PLUGIN_ID 而不是 PLUGIN_NAME, 后续需要逐步迁移
+ */
 regGroupPanel({
   name: `${PLUGIN_NAME}/customwebpanel`,
   label: Translate.name,

client/web/src/plugin/component/index.tsx

@@ -35,6 +35,7 @@ export { Link } from 'react-router-dom';
 export { MessageAckContainer } from '@/components/ChatBox/ChatMessageList/MessageAckContainer';
 export { BaseChatInputButton } from '@/components/ChatBox/ChatInputBox/BaseChatInputButton';
 export { useChatInputActionContext } from '@/components/ChatBox/ChatInputBox/context';
+export { GroupPanelContainer } from '@/components/Panel/group/shared/GroupPanelContainer';
 export { GroupExtraDataPanel } from '@/components/Panel/group/GroupExtraDataPanel';
 export { Image } from '@/components/Image';
 export { IconBtn } from '@/components/IconBtn';

client/web/tailchat.d.ts

@@ -153,7 +153,9 @@ declare module '@capital/common' {
     deps?: React.DependencyList
   ) => [{ loading: boolean; value?: any }, T];
 
-  export const useEvent: any;
+  export const useEvent: <T extends (this: any, ...args: any[]) => any>(
+    fn: T
+  ) => T;
 
   export const uploadFile: any;
 
@@ -204,7 +206,12 @@ declare module '@capital/common' {
 
   export const getTextColorHex: any;
 
-  export const useCurrentUserInfo: any;
+  export const useCurrentUserInfo: () => {
+    email?: string;
+    nickname?: string;
+    discriminator: string;
+    avatar?: string;
+  };
 
   export const createPluginRequest: (pluginName: string) => {
     get: (actionName: string, config?: any) => Promise<any>;

pnpm-lock.yaml

@@ -7,7 +7,12 @@
   "scripts": {
     "sync:declaration": "tailchat declaration github"
   },
-  "dependencies": {},
+  "dependencies": {
+    "@livekit/components-core": "^0.6.11",
+    "@livekit/components-react": "^1.0.8",
+    "@livekit/components-styles": "^1.0.4",
+    "livekit-client": "^1.12.1"
+  },
   "devDependencies": {
     "@types/styled-components": "^5.1.26",
     "react": "18.2.0",

server/plugins/com.msgbyte.livekit/web/plugins/com.msgbyte.livekit/package.json

@@ -0,0 +1,9 @@
+import styled from 'styled-components';
+import '@livekit/components-styles';
+
+export const LivekitContainer = styled.div.attrs({
+  'data-lk-theme': 'default',
+})`
+  height: 100%;
+  background-color: var(--lk-bg);
+`;