update

client/demo/src/000_index.tsx

@@ -36,6 +36,9 @@ const App = () => {
                         <img src="./assets/icons/help-circle.svg" />
                         <span>manual</span>
                     </a>
+                    <a className="link" href="https://www.buymeacoffee.com/wokad" target="_blank" rel="noopener noreferrer">
+                        <img className="donate-img" src="./assets/buymeacoffee.png" />
+                    </a>
                 </span>
                 <span className="belongings">
 

client/demo/src/001_globalHooks/001_useVCClient.ts

@@ -1,5 +1,4 @@
 import { ClientState, useClient } from "@dannadori/voice-changer-client-js"
-import { useEffect, useState } from "react"
 import { AUDIO_ELEMENT_FOR_PLAY_RESULT } from "../const"
 
 export type UseVCClientProps = {

client/demo/src/css/App.css

@@ -497,3 +497,8 @@ body {
         width: 50%;
     }
 }
+
+.donate-img {
+    border-radius: 35px;
+    height: 2rem;
+}

server/sio/MMVC_SocketIOApp.py

@@ -4,6 +4,7 @@ from sio.MMVC_SocketIOServer import MMVC_SocketIOServer
 from voice_changer.VoiceChangerManager import VoiceChangerManager
 from const import frontend_path
 
+
 class MMVC_SocketIOApp():
     @classmethod
     def get_instance(cls, app_fastapi, voiceChangerManager: VoiceChangerManager):
@@ -21,14 +22,16 @@ class MMVC_SocketIOApp():
                         'filename': f'{frontend_path}/assets/icons/help-circle.svg',
                         'content_type': 'image/svg+xml'
                     },
+                    '/buymeacoffee.png': {
+                        'filename': f'{frontend_path}/assets/buymeacoffee.png',
+                        'content_type': 'image/png'
+                    },
                     '': f'{frontend_path}',
                         '/': f'{frontend_path}/index.html',
                 }
             )
 
-
             cls._instance = app_socketio
             return cls._instance
 
         return cls._instance
-