Added recently used characters.

.gitignore

@@ -11,6 +11,7 @@
 .cache
 dist
 *.tsbuildinfo
+/src/client/components.d.ts
 
 # Node artifacts
 node_modules

src/client/app.ts

@@ -141,9 +141,6 @@ declare global
     }
 }
 
-const appVersion = await versionRA.getAppVersion();
-window.RPGKeeper = appVersion;
-
 //----------------------------------------------------------------------------------------------------------------------
 // App Initialization
 //----------------------------------------------------------------------------------------------------------------------
@@ -158,6 +155,10 @@ async function init() : Promise<void>
     // Mount the application
     app.mount('#rpgkeeper');
 
+    // Set the app version on window
+    const appVersion = await versionRA.getAppVersion();
+    window.RPGKeeper = appVersion;
+
     // Print out an initialization message
     console.info(`RPGKeeper v${ appVersion.version.full } initialized.`);
 }

src/client/lib/resource-access/character.ts

@@ -42,6 +42,8 @@ class CharacterResourceAccess
             color: randomColor(),
             campaign: '',
             details: { ...system.defaults } as Details,
+            created: Date.now(),
+            updated: Date.now(),
             ...def,
         };
     }

src/client/lib/stores/characters.ts

@@ -34,6 +34,14 @@ export const useCharactersStore = defineStore('characters', {
             characters: [],
         };
     },
+    getters: {
+        recentCharacters() : Character[]
+        {
+            return this.characters
+                .slice()
+                .sort((charA, charB) => charB.updated - charA.updated);
+        },
+    },
     actions: {
         async load() : Promise<void>
         {

src/client/pages/dashboardPage.vue

@@ -4,6 +4,29 @@
 
 <template>
     <BContainer id="dashboard" class="pb-0">
+        <h3>Recently Used</h3>
+        <div class="d-flex gap-2 mb-5">
+            <BCard v-for="char in recentCharacters" :key="char.id">
+                <div class="d-flex">
+                    <div style="min-width: 64px">
+                        <CharThumbnail :char="char" />
+                    </div>
+                    <div class="ms-2 flex-column d-flex justify-content-center">
+                        <h5 class="mb-1">
+                            {{ char.name }}
+                        </h5>
+                        <p class="text-muted m-0">
+                            <BBadge class="me-1">
+                                {{ getSystem(char.system).name }}
+                            </BBadge>
+                        </p>
+                        <p class="text-muted m-0">
+                            <small>{{ char.campaign }}</small>
+                        </p>
+                    </div>
+                </div>
+            </BCard>
+        </div>
         <BFormRow>
             <BCol cols="12" class="mb-3">
                 <!-- Characters Card -->
@@ -226,6 +249,18 @@
         return [];
     });
 
+    const recentCharacters = computed(() =>
+    {
+        if(account.value)
+        {
+            return charStore.recentCharacters
+                .filter((char) => char.accountID == account.value.id)
+                .slice(0, 5);
+        }
+
+        return [];
+    });
+
     //------------------------------------------------------------------------------------------------------------------
     // Methods
     //------------------------------------------------------------------------------------------------------------------

src/common/models/character.ts

@@ -16,7 +16,9 @@ export interface Character<Details extends SystemDetails = SystemDetails>
     campaign ?: string;
     accountID : string;
     noteID : string;
-    details : Details
+    details : Details;
+    created : number;
+    updated : number;
 }
 
 //----------------------------------------------------------------------------------------------------------------------

src/server/knex/migrations/20241211190749_character_timestamps.ts

@@ -66,7 +66,7 @@ export async function up(knex : Knex) : Promise<Knex.QueryBuilder>
             .insert(characters.map((character) =>
             {
                 return {
-                    character_id: character.hash_id,
+                    character_id: character.character_id,
                     system: character.system,
                     name: character.name,
                     description: character.description,

src/server/resource-access/character.ts

@@ -95,7 +95,7 @@ export async function update(charID : string, updateChar : Partial<Character>) :
     // Update the database
     const db = await getDB();
     await db('character')
-        .update(newCharacter)
+        .update({ ...newCharacter, updated: db.fn.now() })
         .where({ character_id: charID });
 
     const newChar = await get(charID);

src/server/resource-access/transforms/character.ts

@@ -19,13 +19,15 @@ export interface CharacterDBSchema
     details : string | null;
     note_id : string;
     account_id : string;
+    created : string;
+    updated : string;
 }
 
 // ---------------------------------------------------------------------------------------------------------------------
 
-export function toDB(character : Character) : CharacterDBSchema
+export function toDB(character : Character) : Omit<CharacterDBSchema, 'created' | 'updated'>
 {
-    const { id, details, accountID, noteID, ...rest } = character;
+    const { id, details, accountID, noteID, created, updated, ...rest } = character;
     return {
         ...rest,
         character_id: id,
@@ -49,6 +51,8 @@ export function fromDB(character : CharacterDBSchema) : Character
         details: JSON.parse(character.details),
         noteID: character.note_id,
         accountID: character.account_id,
+        created: (new Date(character.created)).getTime() / 1000,
+        updated: (new Date(character.updated)).getTime() / 1000,
     };
 }