remove: platforms dependency.

ItzNotABug · ItzNotABug · commit c0f5b62a2780 · 2025-12-20T18:00:27.000+05:30
add: multi select table on platforms for batch delete.
diff --git a/src/lib/constants.ts b/src/lib/constants.ts
@@ -63,7 +63,6 @@ export enum Dependencies {
     DEPLOYMENTS = 'dependency:deployments',
     EXECUTIONS = 'dependency:executions',
     PLATFORM = 'dependency:platform',
-    PLATFORMS = 'dependency:platforms',
     KEY = 'dependency:key',
     KEYS = 'dependency:keys',
     DEV_KEY = 'dependency:dev_key',
diff --git a/src/routes/(console)/organization-[organization]/+page.ts b/src/routes/(console)/organization-[organization]/+page.ts
@@ -5,6 +5,7 @@ import { CARD_LIMIT, Dependencies } from '$lib/constants';
 import type { PageLoad } from './$types';
 import { redirect } from '@sveltejs/kit';
 import { base } from '$app/paths';
+import { isCloud } from '$lib/system';
 
 export const load: PageLoad = async ({ params, url, route, depends, parent }) => {
     const { scopes } = await parent();
@@ -25,7 +26,7 @@ export const load: PageLoad = async ({ params, url, route, depends, parent }) =>
             Query.equal('teamId', params.organization),
             Query.limit(limit),
             Query.orderDesc(''),
-            Query.select(['$id', 'name', 'region', 'status']) /* NOTE: @itznotabug - status is cloud only */
+            Query.select(['$id', 'name', 'platforms', 'region', ...(isCloud ? ['status'] : [])])
         ],
         search: search || undefined
     });
diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/+page.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/+page.svelte
@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
     import { columns } from './store';
     import { wizard } from '$lib/stores/wizard';
     import CreateAndroid from './createAndroid.svelte';
@@ -59,8 +59,7 @@
 </script>
 
 <script lang="ts">
-    import { base } from '$app/paths';
-    import { page } from '$app/state';
+    import { resolve } from '$app/paths';
     import { Button } from '$lib/elements/forms';
     import { canWritePlatforms } from '$lib/stores/roles';
     import { setOverviewAction } from '../context';
@@ -84,25 +83,33 @@
     import type { ComponentType } from 'svelte';
     import DualTimeView from '$lib/components/dualTimeView.svelte';
 
-    export let data;
+    import { page } from '$app/state';
+    import type { PageProps } from './$types';
+    import type { Models } from '@appwrite.io/console';
+    import { type DeleteOperationState, MultiSelectionTable } from '$lib/components';
+    import { sdk } from '$lib/stores/sdk';
+    import { Submit, trackError } from '$lib/actions/analytics';
+    import { invalidate } from '$app/navigation';
+    import { Dependencies } from '$lib/constants';
+
+    const { data }: PageProps = $props();
 
-    enum PlatformTypes {
-        'apple-ios' = 'iOS',
-        'apple-macos' = 'macOS',
-        'apple-watchos' = 'watchOS',
-        'apple-tvos' = 'tvOS',
-        'android' = 'Android',
-        'flutter-android' = 'Android',
-        'flutter-ios' = 'iOS',
-        'flutter-linux' = 'Linux',
-        'flutter-macos' = 'macOS',
-        'flutter-windows' = 'Windows',
-        'flutter-web' = 'Web',
-        'react-native-android' = 'Android',
-        'react-native-ios' = 'iOS',
-        'web' = 'Web'
-    }
-    const path = `${base}/project-${page.params.region}-${page.params.project}/overview/platforms`;
+    const PlatformTypes = {
+        'apple-ios': 'iOS',
+        'apple-macos': 'macOS',
+        'apple-watchos': 'watchOS',
+        'apple-tvos': 'tvOS',
+        android: 'Android',
+        'flutter-android': 'Android',
+        'flutter-ios': 'iOS',
+        'flutter-linux': 'Linux',
+        'flutter-macos': 'macOS',
+        'flutter-windows': 'Windows',
+        'flutter-web': 'Web',
+        'react-native-android': 'Android',
+        'react-native-ios': 'iOS',
+        web: 'Web'
+    } as const;
 
     function getPlatformInfo(platform: string): ComponentType {
         if (platform.includes('flutter')) {
@@ -118,46 +125,82 @@
         }
     }
 
+    function getPlatformPath(platform: Models.Platform) {
+        return resolve('/(console)/project-[region]-[project]/overview/platforms/[platform]', {
+            region: page.params.region,
+            project: page.params.project,
+            platform: platform.$id
+        });
+    }
+
+    async function handlePlatformDelete(
+        selectedPlatforms: string[]
+    ): Promise<DeleteOperationState> {
+        const promises = selectedPlatforms.map((platformId) => {
+            return sdk.forConsole.projects.deletePlatform({
+                projectId: page.params.project,
+                platformId
+            });
+        });
+
+        try {
+            await Promise.all(promises);
+            trackEvent(Submit.PlatformDelete, { total: selectedPlatforms.length });
+        } catch (error) {
+            trackError(error, Submit.PlatformDelete);
+            return error;
+        } finally {
+            await invalidate(Dependencies.PROJECT);
+        }
+    }
+
     setOverviewAction(Action);
 </script>
 
-{#if data.platforms.platforms.length}
-    <Table.Root columns={$columns} let:root>
-        <svelte:fragment slot="header" let:root>
+{#if data.platforms.total}
+    <MultiSelectionTable
+        resource="platform"
+        columns={$columns}
+        onDelete={handlePlatformDelete}
+        allowSelection={false /*$canWritePlatforms*/}>
+        {#snippet header(root)}
             {#each $columns as column}
                 <Table.Header.Cell {root} column={column.id}>
                     {column.title}
                 </Table.Header.Cell>
             {/each}
-        </svelte:fragment>
-        {#each data.platforms.platforms as platform}
-            <Table.Row.Link href={`${path}/${platform.$id}`} {root}>
-                <Table.Cell {root}>
-                    {platform.name}
-                </Table.Cell>
-                <Table.Cell {root}>
-                    <Layout.Stack direction="row" gap="s" alignItems="center">
-                        <Icon icon={getPlatformInfo(platform.type)} />
-                        {PlatformTypes[platform.type]}
-                    </Layout.Stack>
-                </Table.Cell>
-                <Table.Cell {root}>
-                    {#if platform.type.includes('web') || platform.type === 'web'}
-                        {platform.hostname || '—'}
-                    {:else}
-                        {platform.key || platform.hostname || '—'}
-                    {/if}
-                </Table.Cell>
-                <Table.Cell {root}>
-                    {#if platform.$updatedAt}
-                        <DualTimeView time={platform.$updatedAt} />
-                    {:else}
-                        never
-                    {/if}
-                </Table.Cell>
-            </Table.Row.Link>
-        {/each}
-    </Table.Root>
+        {/snippet}
+
+        {#snippet children(root)}
+            {#each data.platforms.platforms as platform}
+                <Table.Row.Link href={getPlatformPath(platform)} {root} id={platform.$id}>
+                    <Table.Cell {root}>
+                        {platform.name}
+                    </Table.Cell>
+                    <Table.Cell {root}>
+                        <Layout.Stack direction="row" gap="s" alignItems="center">
+                            <Icon icon={getPlatformInfo(platform.type)} />
+                            {PlatformTypes[platform.type]}
+                        </Layout.Stack>
+                    </Table.Cell>
+                    <Table.Cell {root}>
+                        {#if platform.type.includes('web') || platform.type === 'web'}
+                            {platform.hostname || '—'}
+                        {:else}
+                            {platform.key || platform.hostname || '—'}
+                        {/if}
+                    </Table.Cell>
+                    <Table.Cell {root}>
+                        {#if platform.$updatedAt}
+                            <DualTimeView time={platform.$updatedAt} />
+                        {:else}
+                            never
+                        {/if}
+                    </Table.Cell>
+                </Table.Row.Link>
+            {/each}
+        {/snippet}
+    </MultiSelectionTable>
 {:else}
     <Card.Base padding="none">
         <Empty
diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/+page.ts b/src/routes/(console)/project-[region]-[project]/overview/platforms/+page.ts
@@ -1,10 +1,11 @@
-import { sdk } from '$lib/stores/sdk';
 import type { PageLoad } from './$types';
-import { Dependencies } from '$lib/constants';
 
-export const load: PageLoad = async ({ params, depends }) => {
-    depends(Dependencies.PLATFORMS);
+export const load: PageLoad = async ({ parent }) => {
+    const { project } = await parent();
     return {
-        platforms: await sdk.forConsole.projects.listPlatforms({ projectId: params.project })
+        platforms: {
+            platforms: project.platforms,
+            total: project.platforms.length
+        }
     };
 };
diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/[platform]/delete.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/[platform]/delete.svelte
@@ -17,7 +17,7 @@
                 projectId: $project.$id,
                 platformId: $platform.$id
             });
-            await invalidate(Dependencies.PLATFORMS);
+            await invalidate(Dependencies.PROJECT);
             showDelete = false;
             addNotification({
                 type: 'success',
diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/createAndroid.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/createAndroid.svelte
@@ -134,10 +134,7 @@ const val APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject(page.params.region, page.
                 message: 'Platform created.'
             });
 
-            await Promise.all([
-                invalidate(Dependencies.PROJECT),
-                invalidate(Dependencies.PLATFORMS)
-            ]);
+            await invalidate(Dependencies.PROJECT);
         } catch (error) {
             trackError(error, Submit.PlatformCreate);
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/createApple.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/createApple.svelte
@@ -97,10 +97,7 @@ APPWRITE_PUBLIC_ENDPOINT: "${sdk.forProject(page.params.region, page.params.proj
                 message: 'Platform created.'
             });
 
-            await Promise.all([
-                invalidate(Dependencies.PROJECT),
-                invalidate(Dependencies.PLATFORMS)
-            ]);
+            await invalidate(Dependencies.PROJECT);
         } catch (error) {
             trackError(error, Submit.PlatformCreate);
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/createFlutter.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/createFlutter.svelte
@@ -187,10 +187,7 @@ client.ping();
                 message: 'Platform created.'
             });
 
-            await Promise.all([
-                invalidate(Dependencies.PROJECT),
-                invalidate(Dependencies.PLATFORMS)
-            ]);
+            await invalidate(Dependencies.PROJECT);
         } catch (error) {
             trackError(error, Submit.PlatformCreate);
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/createReactNative.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/createReactNative.svelte
@@ -128,10 +128,7 @@ EXPO_PUBLIC_APPWRITE_ENDPOINT=${sdk.forProject(page.params.region, page.params.p
                 message: 'Platform created.'
             });
 
-            await Promise.all([
-                invalidate(Dependencies.PROJECT),
-                invalidate(Dependencies.PLATFORMS)
-            ]);
+            await invalidate(Dependencies.PROJECT);
         } catch (error) {
             trackError(error, Submit.PlatformCreate);
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte
@@ -243,10 +243,7 @@ APPWRITE_ENDPOINT = "${sdk.forProject(page.params.region, page.params.project).c
                 message: 'Platform created.'
             });
 
-            await Promise.all([
-                invalidate(Dependencies.PROJECT),
-                invalidate(Dependencies.PLATFORMS)
-            ]);
+            await invalidate(Dependencies.PROJECT);
         } catch (error) {
             trackError(error, Submit.PlatformCreate);
             addNotification({
