show only project Go to Settings for credential queries

Author: HarshMN2345

src/lib/commandCenter/searchers/projects.ts

@@ -1,25 +1,71 @@
 import { goto } from '$app/navigation';
 import { organization } from '$lib/stores/organization';
-import { sdk } from '$lib/stores/sdk';
+import { sdk, getApiEndpoint } from '$lib/stores/sdk';
 import { Query } from '@appwrite.io/console';
 import { get } from 'svelte/store';
 import type { Searcher } from '../commands';
+import { project } from '$routes/(console)/project-[region]-[project]/store';
 import { base } from '$app/paths';
 
 export const projectsSearcher = (async (query: string) => {
+    const q = query.toLowerCase().trim();
+    const wantsCredentials =
+        q.includes('endpoint') ||
+        q.includes('api key') ||
+        q.includes('api-key') ||
+        q.includes('apikey') ||
+        q.includes('project id') ||
+        q.includes('project-id') ||
+        q === 'id' ||
+        q.endsWith(' id') ||
+        q.startsWith('end') ||
+        q.includes('api end') ||
+        (q.includes('api') && q.includes('end'));
+
+    if (wantsCredentials) {
+        const curr = get(project);
+        if (curr?.$id) {
+            return [
+                {
+                    label: 'Go to Settings',
+                    callback: () => {
+                        goto(`${base}/project-${curr.region}-${curr.$id}/settings`);
+                    },
+                    group: 'navigation'
+                }
+            ];
+        }
+        return [];
+    }
+
     const { projects } = await sdk.forConsole.projects.list({
         queries: [Query.equal('teamId', get(organization).$id), Query.orderDesc('')]
     });
 
     return projects
-        .filter((project) => project.name.toLowerCase().includes(query.toLowerCase()))
-        .map((project) => {
-            return {
-                label: project.name,
-                callback: () => {
-                    goto(`${base}/project-${project.region}-${project.$id}`);
-                },
-                group: 'projects'
-            } as const;
+        .filter((project) => {
+            const endpoint = getApiEndpoint(project.region);
+            const searchable = [project.name, project.$id, project.region, endpoint]
+                .filter(Boolean)
+                .join(' ')
+                .toLowerCase();
+
+            const words = q.split(/\s+/).filter(Boolean);
+            return words.every((w) => searchable.includes(w));
+        })
+        .flatMap((project) => {
+            const href = `${base}/project-${project.region}-${project.$id}`;
+
+            const label = project.name;
+
+            return [
+                {
+                    label,
+                    callback: () => {
+                        goto(href);
+                    },
+                    group: 'projects'
+                }
+            ];
         });
 }) satisfies Searcher;

src/lib/components/id.svelte

@@ -29,8 +29,8 @@
         }
     }
 
-    export function truncateText(node: HTMLElement) {
-        let originalText = node.textContent;
+    export function truncateText(node: HTMLElement, text?: string) {
+        let originalText = text ?? node.textContent;
 
         function checkOverflow() {
             node.textContent = originalText;
@@ -70,8 +70,8 @@
         window.addEventListener('resize', debouncedCheck);
 
         return {
-            update() {
-                originalText = node.textContent;
+            update(newText?: string) {
+                originalText = newText ?? node.textContent;
                 addToBatch(checkOverflow);
             },
             destroy() {

src/lib/components/regionEndpoint.svelte

@@ -38,7 +38,7 @@
                     class="text u-line-height-1-5"
                     style:overflow="hidden"
                     style:word-break="break-all"
-                    use:truncateText
+                    use:truncateText={region?.name}
                     style:font-family="unset">
                     {region?.name}
                 </span>