update: title formats.

Author: ItzNotABug

src/lib/helpers/string.ts

@@ -84,3 +84,7 @@ export function hash(input: string | string[], delimiter: string = ','): string
     }
     return Math.abs(hash).toString(36);
 }
+
+export function truncate(value: string, max: number = 25): string {
+    return value.length > max ? value.substring(0, max).trimEnd() : value;
+}

src/routes/(console)/project-[region]-[project]/(studio)/studio/+page.svelte

@@ -7,6 +7,7 @@
         navigateToRoute
     } from '$lib/studio/studio-widget';
     import { page } from '$app/state';
+    import { getPageTitle } from '../../store';
     import { resolvedProfile } from '$lib/profiles/index.svelte';
 
     let anchor: HTMLElement = $state();
@@ -39,7 +40,7 @@
 </script>
 
 <svelte:head>
-    <title>Studio - {resolvedProfile.platform}</title>
+    <title>{getPageTitle(page.data?.project?.name, 'Studio', resolvedProfile.platform)}</title>
 </svelte:head>
 
 <div class="studio-page" bind:this={anchor}></div>

src/routes/(console)/project-[region]-[project]/auth/+layout.svelte

@@ -7,7 +7,7 @@
     import { readOnly } from '$lib/stores/billing';
     import { canWriteTeams, canWriteUsers } from '$lib/stores/roles';
     import { GRACE_PERIOD_OVERRIDE } from '$lib/system';
-    import { project } from '../store';
+    import { getPageTitle, project } from '../store';
     import { showCreateUser } from './+page.svelte';
     import { showCreateTeam } from './teams/+page.svelte';
     import { IconPlus } from '@appwrite.io/pink-icons-svelte';
@@ -106,7 +106,7 @@
 </script>
 
 <svelte:head>
-    <title>Auth - {resolvedProfile.platform}</title>
+    <title>{getPageTitle(page.data?.project?.name, 'Auth', resolvedProfile.platform)}</title>
 </svelte:head>
 
 <slot />

src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/+layout.svelte

@@ -1,9 +1,11 @@
 <script>
+    import { page } from '$app/state';
+    import { getPageTitle } from '../../../store';
     import { resolvedProfile } from '$lib/profiles/index.svelte';
 </script>
 
 <svelte:head>
-    <title>Team - {resolvedProfile.platform}</title>
+    <title>{getPageTitle(page.data?.project?.name, 'Team', resolvedProfile.platform)}</title>
 </svelte:head>
 
 <slot />

src/routes/(console)/project-[region]-[project]/auth/user-[user]/+layout.svelte

@@ -1,9 +1,11 @@
 <script>
+    import { page } from '$app/state';
+    import { getPageTitle } from '../../store';
     import { resolvedProfile } from '$lib/profiles/index.svelte';
 </script>
 
 <svelte:head>
-    <title>User - {resolvedProfile.platform}</title>
+    <title>{getPageTitle(page.data?.project?.name, 'User', resolvedProfile.platform)}</title>
 </svelte:head>
 
 <slot />

src/routes/(console)/project-[region]-[project]/databases/+layout.svelte

@@ -4,7 +4,7 @@
     import { page } from '$app/state';
     import { addSubPanel, registerCommands, updateCommandGroupRanks } from '$lib/commandCenter';
     import { DatabasesPanel } from '$lib/commandCenter/panels';
-    import { project } from '../store';
+    import { getPageTitle, project } from '../store';
     import { resolvedProfile } from '$lib/profiles/index.svelte';
 
     $: $registerCommands([
@@ -34,7 +34,8 @@
 <svelte:head>
     <!-- svelte bug, the table header just stays! -->
     {#key page.url.pathname}
-        <title>Databases - {resolvedProfile.platform}</title>
+        <title
+            >{getPageTitle(page.data?.project?.name, 'Databases', resolvedProfile.platform)}</title>
     {/key}
 </svelte:head>
 

src/routes/(console)/project-[region]-[project]/databases/database-[database]/+layout.svelte

@@ -20,6 +20,7 @@
     import { isCloud } from '$lib/system';
     import { noWidthTransition } from '$lib/stores/sidebar';
     import { resolvedProfile } from '$lib/profiles/index.svelte';
+    import { getPageTitle } from '../../store';
 
     const project = page.params.project;
     const databaseId = page.params.database;
@@ -141,7 +142,8 @@
 <svelte:head>
     <!-- svelte bug, the table header just stays! -->
     {#key page.url.pathname}
-        <title>Database - {resolvedProfile.platform}</title>
+        <title
+            >{getPageTitle(page.data?.project?.name, 'Database', resolvedProfile.platform)}</title>
     {/key}
 </svelte:head>
 

src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/+layout.svelte

@@ -71,6 +71,7 @@
     import { buildRowUrl, isRelationship } from './rows/store';
     import { chunks } from '$lib/helpers/array';
     import { Submit, trackEvent } from '$lib/actions/analytics';
+    import { getPageTitle } from '../../../store';
 
     import { isTabletViewport } from '$lib/stores/viewport';
     import IndexesSuggestions from '../(suggestions)/indexes.svelte';
@@ -420,7 +421,12 @@
 </script>
 
 <svelte:head>
-    <title>{$table?.name ?? 'Table'} - {resolvedProfile.platform}</title>
+    <title
+        >{getPageTitle(
+            page.data?.project?.name,
+            $table?.name ?? 'Table',
+            resolvedProfile.platform
+        )}</title>
 </svelte:head>
 
 <slot />

src/routes/(console)/project-[region]-[project]/functions/+layout.svelte

@@ -3,6 +3,8 @@
     import { FunctionsPanel } from '$lib/commandCenter/panels';
     import { canSeeFunctions } from '$lib/stores/roles';
     import { resolvedProfile } from '$lib/profiles/index.svelte';
+    import { page } from '$app/state';
+    import { getPageTitle } from '../store';
 
     $registerCommands([
         {
@@ -18,7 +20,7 @@
 </script>
 
 <svelte:head>
-    <title>Functions - {resolvedProfile.platform}</title>
+    <title>{getPageTitle(page.data?.project?.name, 'Functions', resolvedProfile.platform)}</title>
 </svelte:head>
 
 <slot />

src/routes/(console)/project-[region]-[project]/functions/create-function/deploy/+page.svelte

@@ -13,7 +13,7 @@
     import { onMount } from 'svelte';
     import { ID, Runtime, TemplateReferenceType } from '@appwrite.io/console';
     import { getIconFromRuntime } from '$lib/stores/runtimes';
-    import { regionalConsoleVariables } from '$routes/(console)/project-[region]-[project]/store';
+    import { regionalConsoleVariables, getPageTitle } from '$routes/(console)/project-[region]-[project]/store';
     import { iconPath } from '$lib/stores/app';
     import type { PageData } from './$types';
     import { getLatestTag } from '$lib/helpers/github';
@@ -161,7 +161,12 @@
 </script>
 
 <svelte:head>
-    <title>Deploy {data.repository.name} - {resolvedProfile.platform}</title>
+    <title
+        >{getPageTitle(
+            page.data?.project?.name,
+            `Deploy ${data.repository.name}`,
+            resolvedProfile.platform
+        )}</title>
 </svelte:head>
 
 <Wizard