fix: base paths

package.json

@@ -54,7 +54,7 @@
         "@melt-ui/svelte": "^0.86.5",
         "@playwright/test": "^1.51.1",
         "@sveltejs/adapter-static": "^3.0.8",
-        "@sveltejs/kit": "^2.36.2",
+        "@sveltejs/kit": "^2.42.1",
         "@sveltejs/vite-plugin-svelte": "^5.0.3",
         "@testing-library/dom": "^10.4.0",
         "@testing-library/jest-dom": "^6.6.3",

src/lib/components/billing/alerts/newDevUpgradePro.svelte

@@ -23,7 +23,7 @@
     }
 </script>
 
-{#if show && $organization?.$id && $organization?.billingPlan === BillingPlan.FREE && !page.url.pathname.includes('/console/account')}
+{#if show && $organization?.$id && $organization?.billingPlan === BillingPlan.FREE && !page.url.pathname.includes(base + '/account')}
     <GradientBanner on:close={handleClose}>
         <Layout.Stack
             gap="m"

src/lib/components/sidebar.svelte

@@ -42,6 +42,7 @@
     import type { HTMLAttributes } from 'svelte/elements';
     import type { Models } from '@appwrite.io/console';
     import { noWidthTransition } from '$lib/stores/sidebar';
+    import { base } from '$app/paths';
 
     type $$Props = HTMLAttributes<HTMLElement> & {
         state?: 'closed' | 'open' | 'icons';
@@ -138,7 +139,7 @@
                 <Tooltip placement="right" disabled={state !== 'icons'}>
                     <a
                         class="progress-card"
-                        href={`/console/project-${project?.region}-${project?.$id}/get-started`}
+                        href={`${base}/project-${project?.region}-${project?.$id}/get-started`}
                         on:click={() => {
                             trackEvent('click_menu_get_started');
                             sideBarIsOpen = false;
@@ -162,7 +163,7 @@
                 <Layout.Stack direction="column" gap="s">
                     <Tooltip placement="right" disabled={state !== 'icons'}>
                         <a
-                            href={`/console/project-${project.region}-${project.$id}/overview/platforms`}
+                            href={`${base}/project-${project.region}-${project.$id}/overview/platforms`}
                             class="link"
                             class:active={isSelected('overview')}
                             on:click={() => {
@@ -192,7 +193,7 @@
                     {#each buildProjectOptions as projectOption}
                         <Tooltip placement="right" disabled={state !== 'icons'}>
                             <a
-                                href={`/console/project-${project.region}-${project.$id}/${projectOption.slug}`}
+                                href={`${base}/project-${project.region}-${project.$id}/${projectOption.slug}`}
                                 class="link"
                                 class:active={isSelected(projectOption.slug)}
                                 on:click={() => {
@@ -223,7 +224,7 @@
                     {#each deployProjectOptions as projectOption}
                         <Tooltip placement="right" disabled={state !== 'icons'}>
                             <a
-                                href={`/console/project-${project.region}-${project.$id}/${projectOption.slug}`}
+                                href={`${base}/project-${project.region}-${project.$id}/${projectOption.slug}`}
                                 class="link"
                                 class:active={isSelected(projectOption.slug)}
                                 on:click={() => {
@@ -253,7 +254,7 @@
                         <div class="mobile-tablet-settings">
                             <Tooltip placement="right" disabled={state !== 'icons'}>
                                 <a
-                                    href={`/console/project-${project.region}-${project.$id}/settings`}
+                                    href={`${base}/project-${project.region}-${project.$id}/settings`}
                                     on:click={() => {
                                         trackEvent('click_menu_settings');
                                         sideBarIsOpen = false;
@@ -313,7 +314,7 @@
                 <div class="only-desktop">
                     <Tooltip placement="right" disabled={state !== 'icons'}>
                         <a
-                            href={`/console/project-${project.region}-${project.$id}/settings`}
+                            href={`${base}/project-${project.region}-${project.$id}/settings`}
                             class="link"
                             on:click={() => {
                                 trackEvent('click_menu_settings');

src/lib/stores/billing.ts

@@ -620,7 +620,7 @@ export const billingURL = derived(
     ($page) => `${base}/organization-${$page.data?.organization?.$id}/billing`
 );
 
-export const hideBillingHeaderRoutes = ['/console/create-organization', '/console/account'];
+export const hideBillingHeaderRoutes = [base + '/create-organization', base + '/account'];
 
 export function calculateExcess(addon: AggregationTeam, plan: Plan) {
     return {

src/routes/(console)/+layout.svelte

@@ -82,7 +82,7 @@
             keys: ['g', 'p'],
             group: 'navigation',
             disabled:
-                (page.url.pathname.includes('/console/organization-') &&
+                (page.url.pathname.includes(base + '/organization-') &&
                     !page.url.pathname.endsWith('/members') &&
                     !page.url.pathname.endsWith('/settings')) ||
                 !$canSeeProjects,
@@ -335,11 +335,11 @@
 <Shell
     showSideNavigation={page.url.pathname !== '/' &&
         !page?.params.organization &&
-        !page.url.pathname.includes('/console/account') &&
-        !page.url.pathname.includes('/console/card') &&
-        !page.url.pathname.includes('/console/onboarding')}
-    showHeader={!page.url.pathname.includes('/console/onboarding/create-project')}
-    showFooter={!page.url.pathname.includes('/console/onboarding/create-project')}
+        !page.url.pathname.includes(base + '/account') &&
+        !page.url.pathname.includes(base + '/card') &&
+        !page.url.pathname.includes(base + '/onboarding')}
+    showHeader={!page.url.pathname.includes(base + '/onboarding/create-project')}
+    showFooter={!page.url.pathname.includes(base + '/onboarding/create-project')}
     selectedProject={page.data?.project}>
     <!--    <Header slot="header" />-->
     <slot />

src/routes/(console)/apply-credit/+page.svelte

@@ -174,7 +174,7 @@
                     '',
                     clientSecret,
                     paymentMethodId,
-                    `/console/apply-credit?${params}`
+                    `${base}/apply-credit?${params}`
                 );
                 org = await sdk.forConsole.billing.validateOrganization(org.teamId, collaborators);
             }

src/routes/(console)/create-organization/+page.svelte

@@ -143,7 +143,7 @@
                         '',
                         clientSecret,
                         paymentMethodId,
-                        `/console/create-organization?${params}`
+                        `${base}/create-organization?${params}`
                     );
                     await validate(org.teamId, collaborators);
                 }

src/routes/(console)/onboarding/create-project/+page.svelte

@@ -82,13 +82,13 @@
         <Loading {startAnimation} />
     {:else}
         <img
-            src="/console/images/appwrite-logo-light.svg"
+            src="{base}/images/appwrite-logo-light.svg"
             width="120"
             height="22"
             class="u-only-light"
             alt="Appwrite Logo" />
         <img
-            src="/console/images/appwrite-logo-dark.svg"
+            src="{base}/images/appwrite-logo-dark.svg"
             width="120"
             height="22"
             class="u-only-dark"

src/routes/(console)/organization-[organization]/+page.ts

@@ -4,11 +4,12 @@ import { getLimit, getPage, getSearch, pageToOffset } from '$lib/helpers/load';
 import { CARD_LIMIT, Dependencies } from '$lib/constants';
 import type { PageLoad } from './$types';
 import { redirect } from '@sveltejs/kit';
+import { base } from '$app/paths';
 
 export const load: PageLoad = async ({ params, url, route, depends, parent }) => {
     const { scopes } = await parent();
     if (!scopes.includes('projects.read') && scopes.includes('billing.read')) {
-        return redirect(301, `/console/organization-${params.organization}/billing`);
+        return redirect(301, `${base}/organization-${params.organization}/billing`);
     }
 
     depends(Dependencies.ORGANIZATION);

src/routes/(console)/organization-[organization]/billing/+page.ts

@@ -5,12 +5,13 @@ import { sdk } from '$lib/stores/sdk';
 import { redirect } from '@sveltejs/kit';
 import type { PageLoad } from './$types';
 import { isCloud } from '$lib/system';
+import { base } from '$app/paths';
 
 export const load: PageLoad = async ({ parent, depends }) => {
     const { organization, scopes, currentPlan, countryList, locale } = await parent();
 
     if (!scopes.includes('billing.read')) {
-        return redirect(301, `/console/organization-${organization.$id}`);
+        return redirect(301, `${base}/organization-${organization.$id}`);
     }
 
     depends(Dependencies.PAYMENT_METHODS);