Fix PMP ID handling and generation

.changeset/fix_pmp_id_handling.md

@@ -0,0 +1,5 @@
+---
+default: patch
+---
+
+fix id handling and id generation for Personas

src/app/features/settings/Persona/PerMessageProfileOverview.tsx

@@ -6,6 +6,7 @@ import {
 } from '$hooks/usePerMessageProfile';
 import { useEffect, useState } from 'react';
 import { Box, Button, Text } from 'folds';
+import { generateShortId } from '$utils/shortIdGen';
 import { PerMessageProfileEditor } from './PerMessageProfileEditor';
 
 /**
@@ -36,7 +37,7 @@ export function PerMessageProfileOverview() {
         <Button
           onClick={() => {
             const newProfile: PerMessageProfile = {
-              id: crypto.randomUUID(),
+              id: generateShortId(5),
               name: 'New Profile',
             };
             addOrUpdatePerMessageProfile(mx, newProfile).then(() => {

src/app/hooks/useCommands.ts

@@ -51,8 +51,8 @@ const FLAG_PAT = String.raw`(?:^|\s)-(\w+)\b`;
 const FLAG_REG = new RegExp(FLAG_PAT);
 const FLAG_REG_G = new RegExp(FLAG_PAT, 'g');
 
-const ADDPMP_REGEX = /(\w+) (name=)?"?([\w\s]*)"? (avatar=)?([\w.:/]+)/;
-const USEPMP_REGEX = /^(\w+)\s*(-g)?(-o)?(-u)?\s*(\d+)?$/;
+const ADDPMP_REGEX = /(\S+) (name=)?"?([\w\s]*)"? (avatar=)?([\w.:/]+)/;
+const USEPMP_REGEX = /^(\S+)\s*(-g)?(-o)?(-u)?\s*(\d+)?$/;
 
 export const splitPayloadContentAndFlags = (payload: string): [string, string | undefined] => {
   const flagMatch = new RegExp(FLAG_REG).exec(payload);

src/app/plugins/pluralkit-handler/PKitCommandMessageHandler.ts

@@ -8,6 +8,7 @@ import {
 } from '$hooks/usePerMessageProfile';
 import { sendFeedback } from '$utils/sendFeedbackToUser';
 import { MatrixClient, Room } from 'matrix-js-sdk';
+import { generateShortId } from '$utils/shortIdGen';
 
 const pkMemberRenameRegex = /^(pk;member)\s+"?([\w\s]+)"?\s*rename\s+"?([\w\s]+)"?$/;
 const pkMemberNewRegex = /^(pk;member)\s+new\s+"?([\w\s]+)"?$/;
@@ -90,7 +91,7 @@ export class PKitCommandMessageHandler {
         return;
       }
       const memberName = cmdParts[2];
-      const generatedID = crypto.randomUUID();
+      const generatedID = generateShortId(5);
       sendFeedback(
         `adding new member has been created with id: ${generatedID} and name ${memberName}`,
         this.room,

src/app/utils/shortIdGen.ts

@@ -0,0 +1,4 @@
+export function generateShortId(length: number): string {
+  const uuid = crypto.randomUUID();
+  return uuid.replaceAll('-', '').substring(0, length);
+}