devop: generate names for uuids

enkryptcom · Feb 13, 2025 · 73f87c2 · 73f87c2
1 parent 3cf90f1
commit 73f87c2
Show file tree

Hide file tree

Showing 4 changed files with 609 additions and 5 deletions.
diff --git a/packages/extension/src/ui/action/views/settings/views/settings-backups/index.vue b/packages/extension/src/ui/action/views/settings/views/settings-backups/index.vue
@@ -90,7 +90,7 @@
               v-for="(entity, index) in backups"
               :key="`entity-${entity.userId}-${index}`"
             >
-              <td>{{ concatId(entity.userId) }}</td>
+              <td>{{ generateRandomNameWithSeed('_', entity.userId) }}</td>
               <td>{{ formatDate(entity.updatedAt) }}</td>
               <td>
                 <span
@@ -127,6 +127,7 @@ import SettingsInnerHeader from '@action/views/settings/components/settings-inne
 import SettingsSwitch from '@action/views/settings/components/settings-switch.vue';
 import deleteIcon from '@/ui/action/icons/actions/trash.vue';
 import BalanceLoader from '@action/icons/common/balance-loader.vue';
+import { generateRandomNameWithSeed } from '@enkryptcom/utils';
 
 const backupState = new BackupState();
 const loading = ref(true);
@@ -155,10 +156,6 @@ const toggleBackups = async (checked: boolean) => {
   loading.value = false;
 };
 
-const concatId = (userId: string) => {
-  return `${userId.slice(0, 4)}...${userId.slice(-4)}`;
-};
-
 const deleteBackup = async (userId: string) => {
   loading.value = true;
   await backupState.deleteBackup(userId);

diff --git a/packages/extension/src/ui/onboard/restore-wallet/backup-detected.vue b/packages/extension/src/ui/onboard/restore-wallet/backup-detected.vue
@@ -14,6 +14,7 @@
             'backup-detected__backup-item',
           ]"
         >
+          {{ generateRandomNameWithSeed('_', backup.userId) }} -
           {{ new Date(backup.updatedAt).toLocaleString() }}
         </a>
       </div>
@@ -43,6 +44,7 @@ import BackupState from '@/libs/backup-state';
 import { ListBackupType } from '@/libs/backup-state/types';
 import { useRouter } from 'vue-router';
 import { routes } from '../restore-wallet/routes';
+import { generateRandomNameWithSeed } from '@enkryptcom/utils';
 
 const selectedBackup = ref<ListBackupType>();
 const backups = ref<ListBackupType[]>([]);

diff --git a/packages/utils/src/index.ts b/packages/utils/src/index.ts
@@ -18,6 +18,7 @@ import {
   naclEncrypt,
   NACL_VERSION,
 } from "./nacl-encrypt-decrypt";
+import { generateRandomNameWithSeed } from "./random-names";
 
 const bufferToHex = (buf: Buffer | Uint8Array, nozerox = false): string =>
   nozerox
@@ -54,4 +55,5 @@ export {
   naclDecrypt,
   naclEncrypt,
   NACL_VERSION,
+  generateRandomNameWithSeed,
 };