feat:Add a function to generate random-length IDs, enhancing room security

frontend/components/ClipboardApp/SendTabPanel.tsx

@@ -138,6 +138,14 @@ export function SendTabPanel({
                 messages.text.ClipboardApp.html.retrieveRoomId_placeholder
               }
             />
+            <Button
+              variant="outline"
+              className="w-full sm:w-auto px-4"
+              onClick={() => processRoomIdInput(crypto.randomUUID())}
+              disabled={isSenderInRoom}
+            >
+              {messages.text.ClipboardApp.html.generateRoomId_tips}
+            </Button>
             <Button
               className="w-full sm:w-auto px-4"
               onClick={() => joinRoom(true, inputFieldValue.trim())}

frontend/constants/messages/de.ts

@@ -321,6 +321,7 @@ export const de: Messages = {
         Copy_dis: "Kopieren",
         inputRoomIdprompt: "Ihre Raum-ID (bearbeitbar):",
         joinRoomBtn: "Raum beitreten",
+        generateRoomId_tips: "Zufällige ID",
         readClipboardToRoomId: "Raum-ID einfügen",
         enterRoomID_placeholder: "Raum-ID eingeben",
         retrieveMethod: "Abrufmethode",

frontend/constants/messages/en.ts

@@ -313,6 +313,7 @@ export const en: Messages = {
         Copy_dis: "Copy",
         inputRoomIdprompt: "Your RoomID (Editable):",
         joinRoomBtn: "Join room",
+        generateRoomId_tips: "Random ID",
         readClipboardToRoomId: "Paste RoomID",
         enterRoomID_placeholder: "enter RoomID",
         retrieveMethod: "Retrieve method",

frontend/constants/messages/es.ts

@@ -315,6 +315,7 @@ export const es: Messages = {
         Copy_dis: "Copiar",
         inputRoomIdprompt: "Tu ID de Sala (Editable):",
         joinRoomBtn: "Unirse a sala",
+        generateRoomId_tips: "ID Aleatorio",
         readClipboardToRoomId: "Pegar ID de Sala",
         enterRoomID_placeholder: "ingresa ID de Sala",
         retrieveMethod: "Método de recuperación",

frontend/constants/messages/fr.ts

@@ -323,6 +323,7 @@ export const fr: Messages = {
         Copy_dis: "Copier",
         inputRoomIdprompt: "Votre ID de salle (modifiable) :",
         joinRoomBtn: "Rejoindre la salle",
+        generateRoomId_tips: "ID Aléatoire",
         readClipboardToRoomId: "Coller l'ID de salle",
         enterRoomID_placeholder: "entrez l'ID de salle",
         retrieveMethod: "Méthode de récupération",

frontend/constants/messages/ja.ts

@@ -307,6 +307,7 @@ export const ja: Messages = {
         Copy_dis: "コピー",
         inputRoomIdprompt: "ルームID（編集可能）：",
         joinRoomBtn: "ルームに参加",
+        generateRoomId_tips: "ランダムID",
         readClipboardToRoomId: "ルームIDを貼り付け",
         enterRoomID_placeholder: "ルームIDを入力",
         retrieveMethod: "取得方法",

frontend/constants/messages/ko.ts

@@ -305,6 +305,7 @@ export const ko: Messages = {
         Copy_dis: "복사",
         inputRoomIdprompt: "방 ID (편집 가능):",
         joinRoomBtn: "방 참여",
+        generateRoomId_tips: "랜덤 ID",
         readClipboardToRoomId: "방 ID 붙여넣기",
         enterRoomID_placeholder: "방 ID 입력",
         retrieveMethod: "검색 방법",

frontend/constants/messages/zh.ts

@@ -292,6 +292,7 @@ export const zh: Messages = {
         Copy_dis: "复制",
         inputRoomIdprompt: "您的房间ID（可编辑）：",
         joinRoomBtn: "加入房间",
+        generateRoomId_tips: "随机ID",
         readClipboardToRoomId: "粘贴房间ID",
         enterRoomID_placeholder: "输入房间ID",
         retrieveMethod: "接收方式",

frontend/types/messages.ts

@@ -243,6 +243,7 @@ export type ClipboardAppHtml = {
   Copy_dis: string;
   inputRoomIdprompt: string;
   joinRoomBtn: string;
+  generateRoomId_tips: string;
   readClipboardToRoomId: string;
   enterRoomID_placeholder: string;
   retrieveMethod: string;