Merge branch 'feat-pink-v2' into 'svelte5-migration'.

Author: ItzNotABug

package.json

@@ -23,9 +23,9 @@
     "dependencies": {
         "@appwrite.io/console": "https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@9c6551f",
         "@appwrite.io/pink-icons": "0.25.0",
-        "@appwrite.io/pink-icons-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@87d91a9",
+        "@appwrite.io/pink-icons-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@207628e",
         "@appwrite.io/pink-legacy": "^1.0.3",
-        "@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@87d91a9",
+        "@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@207628e",
         "@popperjs/core": "^2.11.8",
         "@sentry/sveltekit": "^8.38.0",
         "@stripe/stripe-js": "^3.5.0",

pnpm-lock.yaml

@@ -59,12 +59,32 @@ export const columns = writable<Column[]>([
         ],
         filter: false
     },
+    {
+        id: 'totalSize',
+        title: 'Total size',
+        type: 'integer',
+        width: { min: 140, max: 160 },
+        elements: [
+            {
+                value: 2 * 1000 * 1000,
+                label: 'more than 2MB'
+            },
+            {
+                value: 10 * 1000 * 1000,
+                label: 'more than 10MB'
+            },
+            {
+                value: 50 * 1000 * 1000,
+                label: 'more than 50MB'
+            }
+        ]
+    },
     {
         id: 'sourceSize',
         title: 'Source size',
         type: 'integer',
+        hide: true,
         width: { min: 140, max: 160 },
-
         elements: [
             {
                 value: 2 * 1000 * 1000,
@@ -85,8 +105,21 @@ export const columns = writable<Column[]>([
         title: 'Build size',
         type: 'integer',
         hide: true,
-        filter: false,
-        width: { min: 110, max: 130 }
+        width: { min: 110, max: 130 },
+        elements: [
+            {
+                value: 2 * 1000 * 1000,
+                label: 'more than 2MB'
+            },
+            {
+                value: 10 * 1000 * 1000,
+                label: 'more than 10MB'
+            },
+            {
+                value: 50 * 1000 * 1000,
+                label: 'more than 50MB'
+            }
+        ]
     },
     {
         id: 'type',

src/routes/(console)/project-[project]/functions/function-[function]/store.ts

@@ -87,6 +87,8 @@
                         {:else}
                             {formatTimeDetailed(deployment.buildDuration)}
                         {/if}
+                    {:else if column.id === 'totalSize'}
+                        {calculateSize(deployment.totalSize)}
                     {:else if column.id === 'sourceSize'}
                         {calculateSize(deployment.sourceSize)}
                     {:else if column.id === 'buildSize'}

src/routes/(console)/project-[project]/functions/function-[function]/table.svelte

@@ -28,14 +28,14 @@
             });
             trackEvent(Submit.SiteRedeploy);
 
+            await invalidate(Dependencies.SITE);
+            await invalidate(Dependencies.DEPLOYMENTS);
+            show = false;
             if (redirect) {
                 await goto(
                     `${base}/project-${page.params.project}/sites/site-${site.$id}/deployments/deployment-${deployment.$id}`
                 );
             }
-            await invalidate(Dependencies.SITE);
-            await invalidate(Dependencies.DEPLOYMENTS);
-            show = false;
         } catch (e) {
             error = e.message;
             trackError(e, Submit.SiteRedeploy);

src/routes/(console)/project-[project]/sites/redeployModal.svelte

@@ -16,38 +16,39 @@
     import { Accordion } from '@appwrite.io/pink-svelte';
     import { capitalize } from '$lib/helpers/string';
     import LogsTimer from '../../../(components)/logsTimer.svelte';
+    import { invalidate } from '$app/navigation';
+    import { Dependencies } from '$lib/constants';
+    import { page } from '$app/state';
 
     let { data } = $props();
 
-    let deployment = $state(data.deployment);
+    let deployment = $derived(data.deployment);
+
     let showRedeploy = $state(false);
     let showActivate = $state(false);
     let showDelete = $state(false);
     let showCancel = $state(false);
 
     onMount(async () => {
-        if (data.deployment.status === 'ready') {
-            return;
-        }
         sdk.forConsole.client.subscribe(
             'console',
             async (response: RealtimeResponseEvent<Models.Deployment>) => {
                 if (
                     response.events.includes(
-                        `sites.${data.deployment.resourceId}.deployments.${data.deployment.$id}.update`
+                        `sites.${page.params.site}.deployments.${page.params.deployment}.update`
                     )
                 ) {
-                    deployment = response.payload;
+                    invalidate(Dependencies.DEPLOYMENTS);
                 }
             }
         );
     });
 </script>
 
 <Container>
-    <SiteCard deployment={data.deployment} proxyRuleList={data.proxyRuleList}>
+    <SiteCard {deployment} proxyRuleList={data.proxyRuleList}>
         <svelte:fragment slot="footer">
-            {#if data.deployment?.status === 'ready' && data.proxyRuleList?.total}
+            {#if deployment?.status === 'ready' && data.proxyRuleList?.total}
                 <Button href={`${$protocol}${data.proxyRuleList.rules[0]?.domain}`} external>
                     Visit
                 </Button>
@@ -56,8 +57,8 @@
             <Button secondary on:click={() => (showRedeploy = true)}>Redeploy</Button>
             <DeploymentActionMenu
                 inCard
-                deployment={data.deployment}
-                selectedDeployment={data.deployment}
+                {deployment}
+                selectedDeployment={deployment}
                 bind:showRedeploy
                 bind:showActivate
                 bind:showDelete
@@ -70,7 +71,7 @@
             title="Deployment logs"
             badge={capitalize(deployment.status)}
             open
-            badgeType={badgeTypeDeployment(data.deployment.status)}
+            badgeType={badgeTypeDeployment(deployment.status)}
             hideDivider>
             <Logs {deployment} hideTitle hideScrollButtons fullHeight />
             <svelte:fragment slot="end">