Load platform data on relevant pages

Author: HarshMN2345

src/lib/layout/shell.svelte

@@ -71,6 +71,8 @@
         if (!activeProject || hasOnboardingDismissed(activeProject.$id, $user)) return undefined;
 
         const platforms = page.data.platforms as Models.PlatformList | undefined;
+        if (!platforms) return undefined;
+
         const { pingCount } = activeProject;
         let percentage = 33;
 

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

@@ -41,25 +41,22 @@ export const load: LayoutLoad = async ({ params, depends, parent }) => {
     // organization can be null if not in the filtered list!
     const includedInBasePlans = plansInfo.has(organization?.billingPlanId);
 
-    const [org, rawRegionalConsoleVariables, rolesResult, , platformList, keyList] =
-        await Promise.all([
-            !organization
-                ? // TODO: @itznotabug - teams.get with Models.Organization?
-                  (sdk.forConsole.teams.get({
-                      teamId: project.teamId
-                  }) as Promise<Models.Organization>)
-                : organization,
-            sdk.forConsoleIn(project.region).console.variables(),
-            isCloud
-                ? sdk.forConsole.organizations.getScopes({
-                      organizationId: project.teamId
-                  })
-                : null,
-
-            loadAvailableRegions(project.teamId),
-            projectSdk.listPlatforms(),
-            projectSdk.listKeys()
-        ]);
+    const [org, rawRegionalConsoleVariables, rolesResult] = await Promise.all([
+        !organization
+            ? // TODO: @itznotabug - teams.get with Models.Organization?
+              (sdk.forConsole.teams.get({
+                  teamId: project.teamId
+              }) as Promise<Models.Organization>)
+            : organization,
+        sdk.forConsoleIn(project.region).console.variables(),
+        isCloud
+            ? sdk.forConsole.organizations.getScopes({
+                  organizationId: project.teamId
+              })
+            : null,
+
+        loadAvailableRegions(project.teamId)
+    ]);
 
     const regionalConsoleVariables = normalizeConsoleVariables(rawRegionalConsoleVariables);
 
@@ -128,8 +125,6 @@ export const load: LayoutLoad = async ({ params, depends, parent }) => {
 
     return {
         project,
-        platforms: platformList,
-        keys: keyList,
         organization,
         regionalConsoleVariables,
         roles,

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

@@ -1,10 +1,12 @@
 <script lang="ts">
-    import { page } from '$app/state';
     import Onboard from '../overview/onboard.svelte';
+    import type { PageProps } from './$types';
+
+    let { data }: PageProps = $props();
 </script>
 
 <svelte:head>
     <title>Console - Appwrite</title>
 </svelte:head>
 
-<Onboard platforms={page.data.platforms.platforms} pingCount={page.data.project.pingCount} />
+<Onboard platforms={data.platforms.platforms} pingCount={data.project.pingCount} />

src/routes/(console)/project-[region]-[project]/get-started/+page.ts

@@ -0,0 +1,11 @@
+import { Dependencies } from '$lib/constants';
+import { sdk } from '$lib/stores/sdk';
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ params, depends }) => {
+    depends(Dependencies.PROJECT);
+
+    return {
+        platforms: await sdk.forProject(params.region, params.project).project.listPlatforms()
+    };
+};

src/routes/(console)/project-[region]-[project]/overview/platforms/+page.ts

@@ -1,8 +1,11 @@
+import { Dependencies } from '$lib/constants';
+import { sdk } from '$lib/stores/sdk';
 import type { PageLoad } from './$types';
 
-export const load: PageLoad = async ({ parent }) => {
-    const { platforms } = await parent();
+export const load: PageLoad = async ({ params, depends }) => {
+    depends(Dependencies.PROJECT);
+
     return {
-        platforms
+        platforms: await sdk.forProject(params.region, params.project).project.listPlatforms()
     };
 };