Merge branch 'feat-profiles' of https://github.com/appwrite/console into feat-profiles

Author: TorstenDittmann

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

@@ -92,8 +92,8 @@
 
 <Modal bind:show={showSelectProject} title="Manage projects" onSubmit={updateSelected}>
     <svelte:fragment slot="description">
-        Choose which {$currentPlan?.projects || 2} projects to keep. Projects over the limit will be
-        blocked after this date.
+        Choose which {$currentPlan?.projects || 2} projects to keep. Projects over the limit will be blocked
+        after this date.
     </svelte:fragment>
 
     {#if loading}

src/lib/components/logs/logsResponse.svelte

@@ -143,8 +143,8 @@
         {:else}
             <Card padding="xs" radius="s">
                 <Typography.Text>
-                    Body data is not captured by {resolvedProfile.platform} for your user's security
-                    and privacy. To display body data in the Logs tab, use <InlineCode
+                    Body data is not captured by {resolvedProfile.platform} for your user's security and
+                    privacy. To display body data in the Logs tab, use <InlineCode
                         code="context.log()"
                         size="s" />. <Link external {href} variant="muted">Learn more</Link>.
                 </Typography.Text>

src/lib/studio/studio-widget.ts

@@ -331,13 +331,25 @@ export async function initImagine(
                           props: {}
                       },
             onNavigate(route) {
-                if (route.id === 'project') {
-                    goto(
-                        resolve('/(console)/project-[region]-[project]/(studio)/studio', {
-                            region: route.props.region,
-                            project: route.props.projectId
-                        })
-                    );
+                switch (route.id) {
+                    case 'project':
+                        goto(
+                            resolve('/(console)/project-[region]-[project]/(studio)/studio', {
+                                region: route.props.region,
+                                project: route.props.projectId
+                            })
+                        );
+                        break;
+                    case 'view':
+                        goto(
+                            resolve('/(console)/(redirects)/template/[template]', {
+                                template: route.props.projectId
+                            })
+                        );
+                        break;
+                    case 'home':
+                        goto(resolve('/'));
+                        break;
                 }
             }
         });

src/routes/(console)/(migration-wizard)/resource-form.svelte

@@ -129,8 +129,8 @@
     {#if report && !isVersionAtLeast(version, '1.4.0') && $provider.provider === 'appwrite'}
         <Alert.Inline status="warning">
             <svelte:fragment slot="title">Functions not available for import</svelte:fragment>
-            To migrate your functions, update the version of the {resolvedProfile.platform} instance
-            you're importing from to a version newer than 1.4
+            To migrate your functions, update the version of the {resolvedProfile.platform} instance you're
+            importing from to a version newer than 1.4
         </Alert.Inline>
     {/if}
 

src/routes/(console)/(redirects)/members/+page.ts

@@ -1,5 +1,5 @@
 import { redirect } from '@sveltejs/kit';
-import { base } from '$app/paths';
+import { resolve } from '$app/paths';
 import type { PageLoad } from './$types';
 import { resolvedProfile } from '$lib/profiles/index.svelte';
 
@@ -9,7 +9,12 @@ export const load: PageLoad = async ({ parent }) => {
     const teamId =
         account.prefs[resolvedProfile.organizationPrefKey] ?? organizations.teams[0]?.$id;
     if (teamId) {
-        redirect(303, `${base}/organization-${teamId}/members`);
+        redirect(
+            303,
+            resolve('/(console)/organization-[organization]/members', {
+                organization: teamId
+            })
+        );
     }
-    redirect(303, base);
+    redirect(303, resolve('/'));
 };

src/routes/(console)/(redirects)/template/[template]/+page.ts

@@ -0,0 +1,25 @@
+import { redirect } from '@sveltejs/kit';
+import { resolve } from '$app/paths';
+import type { PageLoad } from './$types';
+import { resolvedProfile } from '$lib/profiles/index.svelte';
+
+export const load: PageLoad = async ({ parent, params }) => {
+    const { organizations, account } = await parent();
+
+    const teamId =
+        account.prefs[resolvedProfile.organizationPrefKey] ?? organizations.teams[0]?.$id;
+    if (teamId) {
+        redirect(
+            303,
+            resolve(
+                '/(console)/organization-[organization]/(studio)/template-[region]-[template]',
+                {
+                    organization: teamId,
+                    template: params.template,
+                    region: 'fra'
+                }
+            )
+        );
+    }
+    redirect(303, resolve('/'));
+};

src/routes/(console)/organization-[organization]/(studio)/template-[region]-[template]/+page.svelte

@@ -0,0 +1,53 @@
+<script lang="ts">
+    import { onDestroy, onMount, tick } from 'svelte';
+    import {
+        attachStudioTo,
+        ensureStudioComponent,
+        hideStudio,
+        navigateToRoute
+    } from '$lib/studio/studio-widget';
+    import { resolvedProfile } from '$lib/profiles/index.svelte';
+
+    let { params } = $props();
+    let anchor: HTMLElement = $state();
+
+    function positionStudio() {
+        if (!anchor) return;
+        attachStudioTo(anchor, { offsetX: 0, offsetY: 0 });
+    }
+
+    onMount(async () => {
+        ensureStudioComponent();
+        await tick();
+        positionStudio();
+        navigateToRoute({
+            id: 'view',
+            props: {
+                projectId: params.template,
+                region: params.region
+            }
+        });
+    });
+
+    onDestroy(() => {
+        hideStudio();
+    });
+
+    $effect(() => {
+        positionStudio();
+    });
+</script>
+
+<svelte:head>
+    <title>Template - {resolvedProfile.platform}</title>
+</svelte:head>
+
+<div class="studio-page" bind:this={anchor}></div>
+
+<style>
+    .studio-page {
+        position: relative;
+        width: 100%;
+        background: var(--bgcolor-neutral-primary);
+    }
+</style>

src/routes/(console)/organization-[organization]/billing/budgetAlert.svelte

@@ -81,8 +81,8 @@
     <svelte:fragment slot="title">Billing alerts</svelte:fragment>
     {#if !currentPlan.budgeting}
         Get notified by email when your organization meets a percentage of your budget cap. <b
-            >{tierToPlan(organization.billingPlan).name} organizations will receive one notification
-            at 75% resource usage.</b>
+            >{tierToPlan(organization.billingPlan).name} organizations will receive one notification at
+            75% resource usage.</b>
     {:else}
         Get notified by email when your organization meets or exceeds a percentage of your specified
         billing alert(s).

src/routes/(console)/organization-[organization]/billing/budgetCap.svelte

@@ -50,8 +50,8 @@
 <Form onSubmit={updateBudget}>
     <CardGrid>
         <svelte:fragment slot="title">Budget cap</svelte:fragment>
-        Restrict your resource usage by setting a budget cap. Cap usage is reset at the beginning of
-        each billing cycle.
+        Restrict your resource usage by setting a budget cap. Cap usage is reset at the beginning of each
+        billing cycle.
         <svelte:fragment slot="aside">
             {#if !currentPlan.budgeting}
                 <Alert.Inline status="info" title="Budget caps are a Pro plan feature">

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

@@ -81,8 +81,8 @@
 
         <CardGrid>
             <svelte:fragment slot="title">Delete organization</svelte:fragment>
-            The organization will be permanently deleted, including all projects and data associated
-            with this organization. This action is irreversible.
+            The organization will be permanently deleted, including all projects and data associated with
+            this organization. This action is irreversible.
             <svelte:fragment slot="aside">
                 <BoxAvatar>
                     <svelte:fragment slot="image">