Clarify scope enum usage

Author: HarshMN2345

src/routes/(console)/project-[region]-[project]/overview/(components)/create.svelte

@@ -14,15 +14,15 @@
     import { addNotification } from '$lib/stores/notifications';
     import { writable } from 'svelte/store';
     import Scopes from '../api-keys/scopes.svelte';
-    import { ID, type ProjectKeyScopes as ScopesType } from '@appwrite.io/console';
+    import { ID, type ProjectKeyScopes } from '@appwrite.io/console';
     import { page } from '$app/state';
     import { copy } from '$lib/helpers/copy';
 
     let showExitModal = false;
     let formComponent: Form;
     let isSubmitting = writable(false);
 
-    let scopes: ScopesType[] = [];
+    let scopes: ProjectKeyScopes[] = [];
     let name = '';
     let expire: string | null = null;
 

src/routes/(console)/project-[region]-[project]/overview/(components)/keyDetails.svelte

@@ -12,7 +12,7 @@
     import { project } from '../../store';
     import Delete from './delete.svelte';
     import UpdateExpirationDate from './updateExpirationDate.svelte';
-    import type { Models, ProjectKeyScopes as ScopesType } from '@appwrite.io/console';
+    import type { Models, ProjectKeyScopes } from '@appwrite.io/console';
     import { symmetricDifference } from '$lib/helpers/array';
     import Scopes from '../api-keys/scopes.svelte';
     import { InteractiveText, Layout, Typography } from '@appwrite.io/pink-svelte';
@@ -21,7 +21,7 @@
     export let keyType: 'api' | 'dev' = 'api';
 
     let name: string = null;
-    let scopes: ScopesType[] = null;
+    let scopes: ProjectKeyScopes[] = null;
 
     let showDelete = false;
     const isApiKey = keyType === 'api';
@@ -32,7 +32,7 @@
     onMount(() => {
         name ??= key.name;
         if (isApiKey) {
-            scopes ??= (key as Models.Key).scopes as ScopesType[];
+            scopes ??= (key as Models.Key).scopes as ProjectKeyScopes[];
         }
     });
 

src/routes/(console)/project-[region]-[project]/overview/api-keys/scopes.svelte

@@ -26,7 +26,7 @@
     }
 </script>
 
-<script lang="ts">
+<script lang="ts" generics="ScopeValue extends ProjectKeyScopes | Scopes">
     import { onMount } from 'svelte';
     import { isCloud } from '$lib/system';
     import { Button } from '$lib/elements/forms';
@@ -48,8 +48,6 @@
     } from '@appwrite.io/pink-svelte';
     import type { ProjectKeyScopes, Scopes } from '@appwrite.io/console';
 
-    type ScopeValue = ProjectKeyScopes | Scopes;
-
     let { scopes = $bindable([]) }: { scopes: ScopeValue[] } = $props();
 
     let allScopesList: ScopeDefinition[] = $state([]);
@@ -194,10 +192,10 @@
         });
     }
 
-    function generateSyncedScopes(activeScopesObj: Record<string, boolean>): Scopes[] {
+    function generateSyncedScopes(activeScopesObj: Record<string, boolean>): ScopeValue[] {
         return Object.entries(activeScopesObj)
             .filter(([scope, isActive]) => isActive && scopeCatalog.has(scope))
-            .map(([scope]) => scope as Scopes);
+            .map(([scope]) => scope as ScopeValue);
     }
 </script>
 

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

@@ -14,7 +14,7 @@
     import Details from './details.svelte';
     import ExportModal from './exportModal.svelte';
     import { readOnly } from '$lib/stores/billing';
-    import { ID, ProjectKeyScopes as Scopes, type Models } from '@appwrite.io/console';
+    import { ID, ProjectKeyScopes, type Models } from '@appwrite.io/console';
     import { canWriteProjects } from '$lib/stores/roles';
     import {
         IconCloud,
@@ -92,23 +92,23 @@
                 keyId: ID.unique(),
                 name: `[AUTO-GENERATED] Migration ${new Date().toISOString()}`,
                 scopes: [
-                    Scopes.UsersRead,
-                    Scopes.TeamsRead,
-                    Scopes.DatabasesRead,
-                    Scopes.CollectionsRead /* legacy */,
-                    Scopes.AttributesRead /* legacy */,
-                    Scopes.IndexesRead,
-                    Scopes.DocumentsRead /* legacy */,
-                    Scopes.TablesRead,
-                    Scopes.ColumnsRead,
-                    Scopes.RowsRead,
-                    Scopes.FilesRead,
-                    Scopes.BucketsRead,
-                    Scopes.FunctionsRead,
-                    Scopes.ExecutionsRead,
-                    Scopes.LocaleRead,
-                    Scopes.AvatarsRead,
-                    Scopes.HealthRead
+                    ProjectKeyScopes.UsersRead,
+                    ProjectKeyScopes.TeamsRead,
+                    ProjectKeyScopes.DatabasesRead,
+                    ProjectKeyScopes.CollectionsRead /* legacy */,
+                    ProjectKeyScopes.AttributesRead /* legacy */,
+                    ProjectKeyScopes.IndexesRead,
+                    ProjectKeyScopes.DocumentsRead /* legacy */,
+                    ProjectKeyScopes.TablesRead,
+                    ProjectKeyScopes.ColumnsRead,
+                    ProjectKeyScopes.RowsRead,
+                    ProjectKeyScopes.FilesRead,
+                    ProjectKeyScopes.BucketsRead,
+                    ProjectKeyScopes.FunctionsRead,
+                    ProjectKeyScopes.ExecutionsRead,
+                    ProjectKeyScopes.LocaleRead,
+                    ProjectKeyScopes.AvatarsRead,
+                    ProjectKeyScopes.HealthRead
                 ]
             });
 

src/routes/(console)/project-[region]-[project]/settings/migrations/exportModal.svelte

@@ -10,7 +10,7 @@
     import { sdk } from '$lib/stores/sdk';
     import { user } from '$lib/stores/user';
     import { organization } from '$lib/stores/organization';
-    import { ID, ProjectKeyScopes as Scopes } from '@appwrite.io/console';
+    import { ID, ProjectKeyScopes } from '@appwrite.io/console';
 
     export let show = false;
 
@@ -94,28 +94,28 @@
                 keyId: ID.unique(),
                 name: `[AUTO-GENERATED] Migration ${new Date().toISOString()}`,
                 scopes: [
-                    Scopes.UsersRead,
-                    Scopes.TeamsRead,
-                    Scopes.DatabasesRead,
-                    Scopes.CollectionsRead /* legacy */,
-                    Scopes.AttributesRead /* legacy */,
-                    Scopes.IndexesRead,
-                    Scopes.DocumentsRead /* legacy */,
-                    Scopes.TablesRead,
-                    Scopes.ColumnsRead,
-                    Scopes.RowsRead,
-                    Scopes.FilesRead,
-                    Scopes.BucketsRead,
-                    Scopes.FunctionsRead,
-                    Scopes.ExecutionsRead,
-                    Scopes.SitesRead,
-                    Scopes.ProvidersRead,
-                    Scopes.TopicsRead,
-                    Scopes.SubscribersRead,
-                    Scopes.MessagesRead,
-                    Scopes.LocaleRead,
-                    Scopes.AvatarsRead,
-                    Scopes.HealthRead
+                    ProjectKeyScopes.UsersRead,
+                    ProjectKeyScopes.TeamsRead,
+                    ProjectKeyScopes.DatabasesRead,
+                    ProjectKeyScopes.CollectionsRead /* legacy */,
+                    ProjectKeyScopes.AttributesRead /* legacy */,
+                    ProjectKeyScopes.IndexesRead,
+                    ProjectKeyScopes.DocumentsRead /* legacy */,
+                    ProjectKeyScopes.TablesRead,
+                    ProjectKeyScopes.ColumnsRead,
+                    ProjectKeyScopes.RowsRead,
+                    ProjectKeyScopes.FilesRead,
+                    ProjectKeyScopes.BucketsRead,
+                    ProjectKeyScopes.FunctionsRead,
+                    ProjectKeyScopes.ExecutionsRead,
+                    ProjectKeyScopes.SitesRead,
+                    ProjectKeyScopes.ProvidersRead,
+                    ProjectKeyScopes.TopicsRead,
+                    ProjectKeyScopes.SubscribersRead,
+                    ProjectKeyScopes.MessagesRead,
+                    ProjectKeyScopes.LocaleRead,
+                    ProjectKeyScopes.AvatarsRead,
+                    ProjectKeyScopes.HealthRead
                 ]
             });