From 358ab5959d126335b8b2e498729fcf0c88b80d72 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Sat, 25 Oct 2025 15:05:45 +0530
Subject: [PATCH 1/5] update: show correct info for required<>arrays.

---
 .../table-[table]/columns/boolean.svelte      | 23 +++------
 .../table-[table]/columns/datetime.svelte     | 21 ++------
 .../table-[table]/columns/email.svelte        | 22 ++------
 .../table-[table]/columns/enum.svelte         | 24 +++------
 .../table-[table]/columns/float.svelte        | 22 ++------
 .../table-[table]/columns/integer.svelte      | 22 ++------
 .../table-[table]/columns/ip.svelte           | 22 ++------
 .../columns/requiredArrayCheckboxes.svelte    | 50 +++++++++++++++++++
 .../table-[table]/columns/string.svelte       | 17 +------
 .../table-[table]/columns/url.svelte          | 22 ++------
 10 files changed, 93 insertions(+), 152 deletions(-)
 create mode 100644 src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/requiredArrayCheckboxes.svelte

diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/boolean.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/boolean.svelte
index cd09096a4..dbaf84823 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/boolean.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/boolean.svelte
@@ -38,6 +38,9 @@
 <script lang="ts">
     import { InputSelect } from '$lib/elements/forms';
 
+    import { createConservative } from '$lib/helpers/stores';
+    import RequiredArrayCheckboxes from './requiredArrayCheckboxes.svelte';
+
     export let editing = false;
     export let data: Partial<Models.ColumnBoolean> = {
         required: false,
@@ -45,9 +48,6 @@
         default: null
     };
 
-    import { createConservative } from '$lib/helpers/stores';
-    import { Selector } from '@appwrite.io/pink-svelte';
-
     let savedDefault = data.default;
 
     function handleDefaultState(hideDefault: boolean) {
@@ -67,6 +67,7 @@
         array: false,
         ...data
     });
+
     $: listen(data);
 
     $: handleDefaultState($required || $array);
@@ -83,17 +84,5 @@
         { label: 'False', value: false }
     ]}
     bind:value={data.default} />
-<Selector.Checkbox
-    size="s"
-    id="required"
-    label="Required"
-    bind:checked={data.required}
-    disabled={data.array}
-    description="Indicate whether this column is required" />
-<Selector.Checkbox
-    size="s"
-    id="array"
-    label="Array"
-    bind:checked={data.array}
-    disabled={data.required || editing}
-    description="Indicate whether this column is an array. Defaults to an empty array." />
+
+<RequiredArrayCheckboxes {editing} bind:array={data.array} bind:required={data.required} />
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/datetime.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/datetime.svelte
index 827d77798..210835b2f 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/datetime.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/datetime.svelte
@@ -42,13 +42,12 @@
 
 <script lang="ts">
     import { InputDateTime } from '$lib/elements/forms';
+    import { createConservative } from '$lib/helpers/stores';
+    import RequiredArrayCheckboxes from './requiredArrayCheckboxes.svelte';
 
     export let editing = false;
     export let data: Partial<Models.ColumnDatetime>;
 
-    import { createConservative } from '$lib/helpers/stores';
-    import { Selector } from '@appwrite.io/pink-svelte';
-
     let savedDefault = data.default;
 
     function handleDefaultState(hideDefault: boolean) {
@@ -80,17 +79,5 @@
     bind:value={data.default}
     disabled={data.required || data.array}
     nullable={!data.required && !data.array} />
-<Selector.Checkbox
-    size="s"
-    id="required"
-    label="Required"
-    bind:checked={data.required}
-    disabled={data.array}
-    description="Indicate whether this column is required" />
-<Selector.Checkbox
-    size="s"
-    id="array"
-    label="Array"
-    bind:checked={data.array}
-    disabled={data.required || editing}
-    description="Indicate whether this column is an array. Defaults to an empty array." />
+
+<RequiredArrayCheckboxes {editing} bind:array={data.array} bind:required={data.required} />
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/email.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/email.svelte
index c3f7a0f74..f7a1c4375 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/email.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/email.svelte
@@ -38,13 +38,12 @@
 
 <script lang="ts">
     import { InputEmail } from '$lib/elements/forms';
+    import { createConservative } from '$lib/helpers/stores';
+    import RequiredArrayCheckboxes from './requiredArrayCheckboxes.svelte';
 
     export let editing = false;
     export let data: Partial<Models.ColumnEmail>;
 
-    import { createConservative } from '$lib/helpers/stores';
-    import { Selector } from '@appwrite.io/pink-svelte';
-
     let savedDefault = data.default;
 
     function handleDefaultState(hideDefault: boolean) {
@@ -64,6 +63,7 @@
         array: false,
         ...data
     });
+
     $: listen(data);
 
     $: handleDefaultState($required || $array);
@@ -76,17 +76,5 @@
     bind:value={data.default}
     disabled={data.required || data.array}
     nullable={!data.required && !data.array} />
-<Selector.Checkbox
-    size="s"
-    id="required"
-    label="Required"
-    bind:checked={data.required}
-    disabled={data.array}
-    description="Indicate whether this column is required" />
-<Selector.Checkbox
-    size="s"
-    id="array"
-    label="Array"
-    bind:checked={data.array}
-    disabled={data.required || editing}
-    description="Indicate whether this column is an array. Defaults to an empty array." />
+
+<RequiredArrayCheckboxes {editing} bind:array={data.array} bind:required={data.required} />
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/enum.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/enum.svelte
index 51c7f24e3..086989e3d 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/enum.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/enum.svelte
@@ -39,15 +39,15 @@
 </script>
 
 <script lang="ts">
+    import { createConservative } from '$lib/helpers/stores';
+    import { IconInfo } from '@appwrite.io/pink-icons-svelte';
     import { InputSelect, InputTags } from '$lib/elements/forms';
+    import { Icon, Tooltip, Typography } from '@appwrite.io/pink-svelte';
+    import RequiredArrayCheckboxes from './requiredArrayCheckboxes.svelte';
 
     export let editing = false;
     export let data: Partial<Models.ColumnEnum>;
 
-    import { createConservative } from '$lib/helpers/stores';
-    import { Icon, Selector, Tooltip, Typography } from '@appwrite.io/pink-svelte';
-    import { IconInfo } from '@appwrite.io/pink-icons-svelte';
-
     let savedDefault = data.default;
 
     function handleDefaultState(hideDefault: boolean) {
@@ -107,17 +107,5 @@
     placeholder="Select a value"
     {options}
     bind:value={data.default} />
-<Selector.Checkbox
-    size="s"
-    id="required"
-    label="Required"
-    bind:checked={data.required}
-    disabled={data.array}
-    description="Indicate whether this column is required" />
-<Selector.Checkbox
-    size="s"
-    id="array"
-    label="Array"
-    bind:checked={data.array}
-    disabled={data.required || editing}
-    description="Indicate whether this column is an array. Defaults to an empty array." />
+
+<RequiredArrayCheckboxes {editing} bind:array={data.array} bind:required={data.required} />
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/float.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/float.svelte
index c393badec..e18cb1073 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/float.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/float.svelte
@@ -41,7 +41,10 @@
 </script>
 
 <script lang="ts">
+    import { Layout } from '@appwrite.io/pink-svelte';
     import { InputNumber } from '$lib/elements/forms';
+    import { createConservative } from '$lib/helpers/stores';
+    import RequiredArrayCheckboxes from './requiredArrayCheckboxes.svelte';
 
     export let editing = false;
     export let data: Partial<Models.ColumnFloat> = {
@@ -52,9 +55,6 @@
         array: false
     };
 
-    import { createConservative } from '$lib/helpers/stores';
-    import { Layout, Selector } from '@appwrite.io/pink-svelte';
-
     let savedDefault = data.default;
 
     function handleDefaultState(hideDefault: boolean) {
@@ -105,17 +105,5 @@
     disabled={data.required || data.array}
     nullable={!data.required && !data.array}
     step={0.1} />
-<Selector.Checkbox
-    size="s"
-    id="required"
-    label="Required"
-    bind:checked={data.required}
-    disabled={data.array}
-    description="Indicate whether this column is required" />
-<Selector.Checkbox
-    size="s"
-    id="array"
-    label="Array"
-    bind:checked={data.array}
-    disabled={data.required || editing}
-    description="Indicate whether this column is an array. Defaults to an empty array." />
+
+<RequiredArrayCheckboxes {editing} bind:array={data.array} bind:required={data.required} />
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/integer.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/integer.svelte
index 74f9e2aa9..426ba9ab5 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/integer.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/integer.svelte
@@ -41,7 +41,10 @@
 </script>
 
 <script lang="ts">
+    import { Layout } from '@appwrite.io/pink-svelte';
     import { InputNumber } from '$lib/elements/forms';
+    import { createConservative } from '$lib/helpers/stores';
+    import RequiredArrayCheckboxes from './requiredArrayCheckboxes.svelte';
 
     export let editing = false;
 
@@ -53,9 +56,6 @@
         array: false
     };
 
-    import { createConservative } from '$lib/helpers/stores';
-    import { Layout, Selector } from '@appwrite.io/pink-svelte';
-
     let savedDefault = data.default;
 
     function handleDefaultState(hideDefault: boolean) {
@@ -103,17 +103,5 @@
     bind:value={data.default}
     disabled={data.required || data.array}
     nullable={!data.required && !data.array} />
-<Selector.Checkbox
-    size="s"
-    id="required"
-    label="Required"
-    bind:checked={data.required}
-    disabled={data.array}
-    description="Indicate whether this column is required" />
-<Selector.Checkbox
-    size="s"
-    id="array"
-    label="Array"
-    bind:checked={data.array}
-    disabled={data.required || editing}
-    description="Indicate whether this column is an array. Defaults to an empty array." />
+
+<RequiredArrayCheckboxes {editing} bind:array={data.array} bind:required={data.required} />
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/ip.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/ip.svelte
index b73411ffa..92ea6738d 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/ip.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/ip.svelte
@@ -37,13 +37,12 @@
 
 <script lang="ts">
     import { InputText } from '$lib/elements/forms';
+    import { createConservative } from '$lib/helpers/stores';
+    import RequiredArrayCheckboxes from './requiredArrayCheckboxes.svelte';
 
     export let editing = false;
     export let data: Partial<Models.ColumnIp>;
 
-    import { createConservative } from '$lib/helpers/stores';
-    import { Selector } from '@appwrite.io/pink-svelte';
-
     let savedDefault = data.default;
 
     function handleDefaultState(hideDefault: boolean) {
@@ -63,6 +62,7 @@
         array: false,
         ...data
     });
+
     $: listen(data);
 
     $: handleDefaultState($required || $array);
@@ -75,17 +75,5 @@
     bind:value={data.default}
     disabled={data.required || data.array}
     nullable={!data.required && !data.array} />
-<Selector.Checkbox
-    size="s"
-    id="required"
-    label="Required"
-    bind:checked={data.required}
-    disabled={data.array}
-    description="Indicate whether this column is required" />
-<Selector.Checkbox
-    size="s"
-    id="array"
-    label="Array"
-    bind:checked={data.array}
-    disabled={data.required || editing}
-    description="Indicate whether this column is an array. Defaults to an empty array." />
+
+<RequiredArrayCheckboxes {editing} bind:array={data.array} bind:required={data.required} />
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/requiredArrayCheckboxes.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/requiredArrayCheckboxes.svelte
new file mode 100644
index 000000000..b97a3b674
--- /dev/null
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/requiredArrayCheckboxes.svelte
@@ -0,0 +1,50 @@
+<script lang="ts">
+    import { Selector, Tooltip } from '@appwrite.io/pink-svelte';
+
+    let {
+        required = $bindable(false),
+        array = $bindable(false),
+        editing = false
+    }: {
+        required: boolean;
+        array: boolean;
+        editing: boolean;
+    } = $props();
+</script>
+
+<Tooltip disabled={!array} maxWidth="275px" placement="bottom-start">
+    <div style:width="fit-content">
+        <Selector.Checkbox
+            size="s"
+            id="required"
+            label="Required"
+            bind:checked={required}
+            disabled={array}
+            description="Indicate whether this column is required." />
+    </div>
+
+    <svelte:fragment slot="tooltip">
+        Required cannot be selected because array columns may contain more than one value.
+    </svelte:fragment>
+</Tooltip>
+
+<Tooltip disabled={!(required || editing)} maxWidth="275px" placement="bottom-start">
+    <div style:width="fit-content">
+        <Selector.Checkbox
+            size="s"
+            id="array"
+            label="Array"
+            bind:checked={array}
+            disabled={required || editing}
+            description="Indicate whether this column is an array. Defaults to an empty array." />
+    </div>
+
+    <svelte:fragment slot="tooltip">
+        {#if editing}
+            Array cannot be selected to avoid data incompatibility.
+        {:else}
+            Array cannot be selected because required columns must be populated in all rows with a
+            single value.
+        {/if}
+    </svelte:fragment>
+</Tooltip>
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/string.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/string.svelte
index cc631ae82..e43c89da2 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/string.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/string.svelte
@@ -44,6 +44,7 @@
     import { currentPlan } from '$lib/stores/organization';
     import { createConservative } from '$lib/helpers/stores';
     import { ActionMenu, Selector } from '@appwrite.io/pink-svelte';
+    import RequiredArrayCheckboxes from './requiredArrayCheckboxes.svelte';
     import { InputNumber, InputText, InputTextarea } from '$lib/elements/forms';
     import { Popover, Layout, Tag, Typography, Link } from '@appwrite.io/pink-svelte';
 
@@ -105,21 +106,7 @@
     disabled={data.required || data.array}
     nullable={!data.required && !data.array} />
 
-<Selector.Checkbox
-    size="s"
-    id="required"
-    label="Required"
-    bind:checked={data.required}
-    disabled={data.array}
-    description="Indicate whether this column is required." />
-
-<Selector.Checkbox
-    size="s"
-    id="array"
-    label="Array"
-    bind:checked={data.array}
-    disabled={data.required || editing}
-    description="Indicate whether this column is an array. Defaults to an empty array." />
+<RequiredArrayCheckboxes {editing} bind:array={data.array} bind:required={data.required} />
 
 <Layout.Stack gap="xs" direction="column">
     <div
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/url.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/url.svelte
index bd43e177f..3c240ea8e 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/url.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/url.svelte
@@ -38,13 +38,12 @@
 
 <script lang="ts">
     import { InputURL } from '$lib/elements/forms';
+    import { createConservative } from '$lib/helpers/stores';
+    import RequiredArrayCheckboxes from './requiredArrayCheckboxes.svelte';
 
     export let data: Partial<Models.ColumnUrl>;
     export let editing = false;
 
-    import { createConservative } from '$lib/helpers/stores';
-    import { Selector } from '@appwrite.io/pink-svelte';
-
     let savedDefault = data.default;
 
     function handleDefaultState(hideDefault: boolean) {
@@ -64,6 +63,7 @@
         array: false,
         ...data
     });
+
     $: listen(data);
 
     $: handleDefaultState($required || $array);
@@ -76,17 +76,5 @@
     bind:value={data.default}
     disabled={data.required || data.array}
     nullable={!data.required && !data.array} />
-<Selector.Checkbox
-    size="s"
-    id="required"
-    label="Required"
-    bind:checked={data.required}
-    disabled={data.array}
-    description="Indicate whether this column is required" />
-<Selector.Checkbox
-    size="s"
-    id="array"
-    label="Array"
-    bind:checked={data.array}
-    disabled={data.required || editing}
-    description="Indicate whether this column is an array. Defaults to an empty array." />
+
+<RequiredArrayCheckboxes {editing} bind:array={data.array} bind:required={data.required} />

From cbba5b9a53b510eafa9f18b74bb667587a8419a4 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Sat, 25 Oct 2025 15:44:48 +0530
Subject: [PATCH 2/5] bump: playwright for cve.

---
 package.json   |  2 +-
 pnpm-lock.yaml | 26 +++++++++++++-------------
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/package.json b/package.json
index e698497a1..e81d3d510 100644
--- a/package.json
+++ b/package.json
@@ -52,7 +52,7 @@
         "@eslint/js": "^9.31.0",
         "@melt-ui/pp": "^0.3.2",
         "@melt-ui/svelte": "^0.86.5",
-        "@playwright/test": "^1.51.1",
+        "@playwright/test": "^1.55.1",
         "@sveltejs/adapter-static": "^3.0.8",
         "@sveltejs/kit": "^2.42.1",
         "@sveltejs/vite-plugin-svelte": "^5.0.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c66935adb..62a3e0c69 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -97,8 +97,8 @@ importers:
         specifier: ^0.86.5
         version: 0.86.5(svelte@5.25.3)
       '@playwright/test':
-        specifier: ^1.51.1
-        version: 1.51.1
+        specifier: ^1.55.1
+        version: 1.56.1
       '@sveltejs/adapter-static':
         specifier: ^3.0.8
         version: 3.0.8(@sveltejs/kit@2.42.1(@opentelemetry/api@1.9.0)(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.25.3)(vite@7.0.6(@types/node@22.13.14)(sass@1.86.0)))(svelte@5.25.3)(vite@7.0.6(@types/node@22.13.14)(sass@1.86.0)))
@@ -993,8 +993,8 @@ packages:
     resolution: {integrity: sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==}
     engines: {node: '>= 10.0.0'}
 
-  '@playwright/test@1.51.1':
-    resolution: {integrity: sha512-nM+kEaTSAoVlXmMPH10017vn3FSiFqr/bh4fKg9vmAdMfd9SDqRZNvPSiAHADc/itWak+qPvMPZQOPwCBW7k7Q==}
+  '@playwright/test@1.56.1':
+    resolution: {integrity: sha512-vSMYtL/zOcFpvJCW71Q/OEGQb7KYBPAdKh35WNSkaZA75JlAO8ED8UN6GUNTm3drWomcbcqRPFqQbLae8yBTdg==}
     engines: {node: '>=18'}
     hasBin: true
 
@@ -2830,13 +2830,13 @@ packages:
     resolution: {integrity: sha512-hMhneYm3GCPyQon88SZrVJx+LlqhM1kZFQbuAgXPoh/Az2YvO1B6bitT9qlhpiTdJlsT5lsr3gPmzoVjb5CDXA==}
     engines: {node: '>=10'}
 
-  playwright-core@1.51.1:
-    resolution: {integrity: sha512-/crRMj8+j/Nq5s8QcvegseuyeZPxpQCZb6HNk3Sos3BlZyAknRjoyJPFWkpNn8v0+P3WiwqFF8P+zQo4eqiNuw==}
+  playwright-core@1.56.1:
+    resolution: {integrity: sha512-hutraynyn31F+Bifme+Ps9Vq59hKuUCz7H1kDOcBs+2oGguKkWTU50bBWrtz34OUWmIwpBTWDxaRPXrIXkgvmQ==}
     engines: {node: '>=18'}
     hasBin: true
 
-  playwright@1.51.1:
-    resolution: {integrity: sha512-kkx+MB2KQRkyxjYPc3a0wLZZoDczmppyGJIvQ43l+aZihkaVvmu/21kiyaHeHjiFxjxNNFnUncKmcGIyOojsaw==}
+  playwright@1.56.1:
+    resolution: {integrity: sha512-aFi5B0WovBHTEvpM3DzXTUaeN6eN0qWnTkKx4NQaH4Wvcmc153PdaY2UBdSYKaGYw+UyWXSVyxDUg5DoPEttjw==}
     engines: {node: '>=18'}
     hasBin: true
 
@@ -4453,9 +4453,9 @@ snapshots:
       '@parcel/watcher-win32-x64': 2.5.1
     optional: true
 
-  '@playwright/test@1.51.1':
+  '@playwright/test@1.56.1':
     dependencies:
-      playwright: 1.51.1
+      playwright: 1.56.1
 
   '@polka/url@1.0.0-next.28': {}
 
@@ -6486,11 +6486,11 @@ snapshots:
 
   plausible-tracker@0.3.9: {}
 
-  playwright-core@1.51.1: {}
+  playwright-core@1.56.1: {}
 
-  playwright@1.51.1:
+  playwright@1.56.1:
     dependencies:
-      playwright-core: 1.51.1
+      playwright-core: 1.56.1
     optionalDependencies:
       fsevents: 2.3.2
 

From 788097c854fc26af7ab770e9e68a9b2037bac5b5 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Sat, 25 Oct 2025 16:11:45 +0530
Subject: [PATCH 3/5] fix: slot in a svelte5 environment on `siteCard` comp.
 migrate: from `client.subscribe` to `realtime.subscribe`. misc: use `resolve`
 for url.

---
 src/lib/components/csvImportBox.svelte        |  2 +-
 src/lib/stores/sdk.ts                         |  6 ++-
 .../executions/+page.svelte                   |  2 +-
 .../overview/platforms/createAndroid.svelte   |  2 +-
 .../overview/platforms/createApple.svelte     |  2 +-
 .../overview/platforms/createFlutter.svelte   |  2 +-
 .../platforms/createReactNative.svelte        |  2 +-
 .../overview/platforms/createWeb.svelte       |  2 +-
 .../sites/(components)/siteCard.svelte        |  9 ++--
 .../sites/+page.svelte                        |  2 +-
 .../sites/create-site/deploying/+page.svelte  | 34 ++++++++-------
 .../sites/create-site/finish/+page.svelte     | 43 ++++++++++---------
 .../sites/site-[site]/+page.svelte            |  6 +--
 .../site-[site]/deployments/+layout.svelte    |  2 +-
 .../site-[site]/deployments/+page.svelte      |  2 +-
 .../deployment-[deployment]/+page.svelte      | 27 ++++++------
 .../sites/site-[site]/logs/+page.svelte       |  2 +-
 17 files changed, 78 insertions(+), 69 deletions(-)

diff --git a/src/lib/components/csvImportBox.svelte b/src/lib/components/csvImportBox.svelte
index ec7a2c9a3..ac8561019 100644
--- a/src/lib/components/csvImportBox.svelte
+++ b/src/lib/components/csvImportBox.svelte
@@ -169,7 +169,7 @@
                 migrations.migrations.forEach(updateOrAddItem);
             });
 
-        return sdk.forConsoleIn(page.params.region).client.subscribe('console', (response) => {
+        return sdk.forConsoleIn(page.params.region).realtime.subscribe('console', (response) => {
             if (!response.channels.includes(`projects.${getProjectId()}`)) return;
             if (response.events.includes('migrations.*')) {
                 updateOrAddItem(response.payload as Payload);
diff --git a/src/lib/stores/sdk.ts b/src/lib/stores/sdk.ts
index 2ae897822..9b66f0fee 100644
--- a/src/lib/stores/sdk.ts
+++ b/src/lib/stores/sdk.ts
@@ -21,7 +21,8 @@ import {
     Sites,
     Tokens,
     TablesDB,
-    Domains
+    Domains,
+    Realtime
 } from '@appwrite.io/console';
 import { Billing } from '../sdk/billing';
 import { Backups } from '../sdk/backups';
@@ -90,7 +91,8 @@ function createConsoleSdk(client: Client) {
         sources: new Sources(client),
         sites: new Sites(client),
         domains: new Domains(client),
-        storage: new Storage(client)
+        storage: new Storage(client),
+        realtime: new Realtime(client)
     };
 }
 
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/executions/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/executions/+page.svelte
index b3f43680e..7c4280fc1 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/executions/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/executions/+page.svelte
@@ -16,7 +16,7 @@
     export let data;
 
     onMount(() => {
-        return sdk.forConsole.client.subscribe('console', (response) => {
+        return sdk.forConsole.realtime.subscribe('console', (response) => {
             if (response.events.includes('functions.*.executions.*')) {
                 invalidate(Dependencies.EXECUTIONS);
             }
diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/createAndroid.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/createAndroid.svelte
index fb5cf62fd..4bccedfb2 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createAndroid.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createAndroid.svelte
@@ -81,7 +81,7 @@ const val APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject(page.params.region, page.
     }
 
     onMount(() => {
-        const unsubscribe = sdk.forConsole.client.subscribe('console', (response) => {
+        const unsubscribe = sdk.forConsole.realtime.subscribe('console', (response) => {
             if (response.events.includes(`projects.${projectId}.ping`)) {
                 connectionSuccessful = true;
                 invalidate(Dependencies.ORGANIZATION);
diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/createApple.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/createApple.svelte
index 0ee698c84..e87b21026 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createApple.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createApple.svelte
@@ -90,7 +90,7 @@ APPWRITE_PUBLIC_ENDPOINT: "${sdk.forProject(page.params.region, page.params.proj
     }
 
     onMount(() => {
-        const unsubscribe = sdk.forConsole.client.subscribe('console', (response) => {
+        const unsubscribe = sdk.forConsole.realtime.subscribe('console', (response) => {
             if (response.events.includes(`projects.${projectId}.ping`)) {
                 connectionSuccessful = true;
                 invalidate(Dependencies.ORGANIZATION);
diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/createFlutter.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/createFlutter.svelte
index 312924948..0c0f74d21 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createFlutter.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createFlutter.svelte
@@ -156,7 +156,7 @@
     }
 
     onMount(() => {
-        const unsubscribe = sdk.forConsole.client.subscribe('console', (response) => {
+        const unsubscribe = sdk.forConsole.realtime.subscribe('console', (response) => {
             if (response.events.includes(`projects.${projectId}.ping`)) {
                 connectionSuccessful = true;
                 invalidate(Dependencies.ORGANIZATION);
diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/createReactNative.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/createReactNative.svelte
index aeba8a381..9b6b4799d 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createReactNative.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createReactNative.svelte
@@ -117,7 +117,7 @@ EXPO_PUBLIC_APPWRITE_ENDPOINT=${sdk.forProject(page.params.region, page.params.p
     }
 
     onMount(() => {
-        const unsubscribe = sdk.forConsole.client.subscribe('console', (response) => {
+        const unsubscribe = sdk.forConsole.realtime.subscribe('console', (response) => {
             if (response.events.includes(`projects.${projectId}.ping`)) {
                 connectionSuccessful = true;
                 invalidate(Dependencies.ORGANIZATION);
diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte
index b43acf7e6..87c8acc97 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte
@@ -202,7 +202,7 @@ ${prefix}APPWRITE_ENDPOINT = "${sdk.forProject(page.params.region, page.params.p
     }
 
     onMount(() => {
-        const unsubscribe = sdk.forConsole.client.subscribe('console', (response) => {
+        const unsubscribe = sdk.forConsole.realtime.subscribe('console', (response) => {
             if (response.events.includes(`projects.${projectId}.ping`)) {
                 connectionSuccessful = true;
                 invalidate(Dependencies.ORGANIZATION);
diff --git a/src/routes/(console)/project-[region]-[project]/sites/(components)/siteCard.svelte b/src/routes/(console)/project-[region]-[project]/sites/(components)/siteCard.svelte
index e8f5c8b3c..6bf425f7d 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/(components)/siteCard.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/(components)/siteCard.svelte
@@ -24,17 +24,20 @@
     import { sdk } from '$lib/stores/sdk';
     import { capitalize } from '$lib/helpers/string';
     import { regionalProtocol } from '$routes/(console)/project-[region]-[project]/store';
+    import type { Snippet } from 'svelte';
 
     let {
         deployment,
         proxyRuleList,
         hideQRCode = false,
-        variant = 'primary'
+        variant = 'primary',
+        footer
     }: {
         deployment: Models.Deployment;
         proxyRuleList: Models.ProxyRuleList;
         hideQRCode?: boolean;
         variant?: 'primary' | 'secondary';
+        footer?: Snippet;
     } = $props();
 
     let show = $state(false);
@@ -207,13 +210,13 @@
                 </Layout.Stack>
             </Layout.Stack>
         </div>
-        {#if $$slots.footer}
+        {#if footer}
             <span
                 style="margin-left: calc(-1* var(--space-7));margin-right: calc(-1* var(--space-7));width:auto;">
                 <Divider />
             </span>
             <Layout.Stack direction="row-reverse">
-                <slot name="footer" />
+                {@render footer?.()}
             </Layout.Stack>
         {/if}
     </Layout.Stack>
diff --git a/src/routes/(console)/project-[region]-[project]/sites/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/+page.svelte
index 17022e7d7..e1eb6bb66 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/+page.svelte
@@ -49,7 +49,7 @@
     $updateCommandGroupRanks({ sites: 1000 });
 
     onMount(() => {
-        return sdk.forConsole.client.subscribe('console', (response) => {
+        return sdk.forConsole.realtime.subscribe('console', (response) => {
             if (response.events.includes('sites.*')) {
                 invalidate(Dependencies.SITES);
             }
diff --git a/src/routes/(console)/project-[region]-[project]/sites/create-site/deploying/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/create-site/deploying/+page.svelte
index 08f4f1047..92bf157a1 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/create-site/deploying/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/create-site/deploying/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import { Wizard } from '$lib/layout';
-    import { base } from '$app/paths';
+    import { base, resolve } from '$app/paths';
     import { page } from '$app/state';
     import { Fieldset, Card, Layout, Tag, Typography } from '@appwrite.io/pink-svelte';
     import Button from '$lib/elements/forms/button.svelte';
@@ -20,23 +20,25 @@
     onMount(() => {
         return sdk
             .forConsoleIn(page.params.region)
-            .client.subscribe(
-                'console',
-                async (response: RealtimeResponseEvent<Models.Deployment>) => {
-                    if (
-                        response.events.includes(
-                            `sites.${data.site.$id}.deployments.${data.deployment.$id}.update`
-                        )
-                    ) {
-                        deployment = response.payload;
-                        if (response.payload.status === 'ready') {
-                            goto(
-                                `${base}/project-${page.params.region}-${page.params.project}/sites/create-site/finish?site=${data.site.$id}`
-                            );
-                        }
+            .realtime.subscribe('console', async (response) => {
+                if (
+                    response.events.includes(
+                        `sites.${data.site.$id}.deployments.${data.deployment.$id}.update`
+                    )
+                ) {
+                    deployment = response.payload;
+                    if (response.payload.status === 'ready') {
+                        const resolvedUrl = resolve(
+                            '/(console)/project-[region]-[project]/sites/create-site/finish',
+                            {
+                                region: page.params.region,
+                                project: page.params.project
+                            }
+                        );
+                        await goto(`${resolvedUrl}?site=${data.site.$id}`);
                     }
                 }
-            );
+            });
     });
 </script>
 
diff --git a/src/routes/(console)/project-[region]-[project]/sites/create-site/finish/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/create-site/finish/+page.svelte
index 23e7a2d51..fe788db10 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/create-site/finish/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/create-site/finish/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { base } from '$app/paths';
+    import { resolve } from '$app/paths';
     import { page } from '$app/state';
     import { Wizard } from '$lib/layout';
     import { Layout, Typography, Icon, Lights, Step, Card } from '@appwrite.io/pink-svelte';
@@ -18,13 +18,23 @@
     import { ConnectRepoModal } from '$lib/components/git';
     import { regionalProtocol } from '$routes/(console)/project-[region]-[project]/store';
 
-    export let data;
+    import type { PageProps } from './$types';
 
-    let showOpenOnMobile = false;
-    let showConnectRepository = false;
-    let showInviteCollaborator = false;
+    const { data }: PageProps = $props();
 
-    const siteURL = data.proxyRuleList.rules[0].domain;
+    let showOpenOnMobile = $state(false);
+    let showConnectRepository = $state(false);
+    let showInviteCollaborator = $state(false);
+
+    const siteURL = $derived(data.proxyRuleList.rules[0].domain);
+
+    const siteRedirectHref = $derived.by(() => {
+        return resolve('/(console)/project-[region]-[project]/sites/site-[site]', {
+            region: page.params.region,
+            project: page.params.project,
+            site: data.site.$id
+        });
+    });
 
     onMount(() => {
         if (
@@ -54,16 +64,15 @@
                 providerRepositoryId: selectedRepository,
                 providerBranch: 'main'
             });
-            invalidate(Dependencies.SITE);
+
+            await invalidate(Dependencies.SITE);
         } catch {
             return;
         }
     }
 </script>
 
-<Wizard
-    column
-    href={`${base}/project-${page.params.region}-${page.params.project}/sites/site-${data.site.$id}`}>
+<Wizard column href={siteRedirectHref}>
     <!-- Creating a new stack -->
     <Layout.Stack gap="xxxl">
         <div style:position="relative" style="z-index: 6;">
@@ -83,9 +92,9 @@
                     deployment={data.deployment}
                     proxyRuleList={data.proxyRuleList}
                     hideQRCode>
-                    <svelte:fragment slot="footer">
+                    {#snippet footer()}
                         <Button href={`${$regionalProtocol}${siteURL}`} external>Visit site</Button>
-                    </svelte:fragment>
+                    {/snippet}
                 </SiteCard>
             </Layout.Stack>
         </div>
@@ -127,7 +136,7 @@
                                     source: 'sites_create_finish'
                                 });
                             }}
-                            href={`${base}/project-${page.params.region}-${page.params.project}/sites/site-${data.site.$id}/domains`}>
+                            href={`${siteRedirectHref}/domains`}>
                             <Layout.Stack gap="s" style="height: 100%">
                                 <Layout.Stack
                                     direction="row"
@@ -191,13 +200,7 @@
     </Layout.Stack>
 
     <svelte:fragment slot="footer">
-        <Button
-            size="s"
-            fullWidthMobile
-            secondary
-            href={`${base}/project-${page.params.region}-${page.params.project}/sites/site-${data.site.$id}`}>
-            Go to dashboard
-        </Button>
+        <Button size="s" fullWidthMobile secondary href={siteRedirectHref}>Go to dashboard</Button>
     </svelte:fragment>
 </Wizard>
 
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/+page.svelte
index 97ea0bf4c..adbf16091 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/+page.svelte
@@ -19,7 +19,7 @@
     let showRollback = false;
 
     onMount(() => {
-        return sdk.forConsole.client.subscribe('console', (response) => {
+        return sdk.forConsole.realtime.subscribe('console', (response) => {
             if (response.events.includes(`sites.${page.params.site}.deployments.*`)) {
                 invalidate(Dependencies.SITE);
             }
@@ -31,7 +31,7 @@
     <Layout.Stack gap="xxxl">
         {#if data?.deployment && data.deployment.status === 'ready'}
             <SiteCard deployment={data.deployment} proxyRuleList={data.proxyRuleList}>
-                <svelte:fragment slot="footer">
+                {#snippet footer()}
                     {#if data.proxyRuleList.total}
                         <Button
                             external
@@ -53,7 +53,7 @@
                             active.
                         </span>
                     </Tooltip>
-                </svelte:fragment>
+                {/snippet}
             </SiteCard>
         {:else if data.deployment?.status === 'building'}
             <Card.Base padding="none">
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/+layout.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/+layout.svelte
index cae96ec49..8ff3fe4e8 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/+layout.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/+layout.svelte
@@ -13,7 +13,7 @@
 
     onMount(() => {
         let previousStatus: string = null;
-        return sdk.forConsole.client.subscribe<Models.Deployment>('console', (message) => {
+        return sdk.forConsole.realtime.subscribe<Models.Deployment>('console', (message) => {
             if (message.payload.status !== 'ready' && previousStatus === message.payload.status) {
                 return;
             }
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/+page.svelte
index 2bdaa009e..8200a9cd6 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/+page.svelte
@@ -36,7 +36,7 @@
             showConnectRepo = true;
         }
 
-        return sdk.forConsole.client.subscribe('console', (response) => {
+        return sdk.forConsole.realtime.subscribe('console', (response) => {
             if (response.events.includes('sites.*.deployments.*')) {
                 invalidate(Dependencies.DEPLOYMENTS);
             }
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/deployment-[deployment]/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/deployment-[deployment]/+page.svelte
index cf798ba1e..d79e89b0f 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/deployment-[deployment]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/deployment-[deployment]/+page.svelte
@@ -20,7 +20,9 @@
     import { page } from '$app/state';
     import { regionalProtocol } from '$routes/(console)/project-[region]-[project]/store';
 
-    let { data } = $props();
+    import type { PageProps } from './$types';
+
+    let { data }: PageProps = $props();
 
     let deployment = $derived(data.deployment);
 
@@ -32,24 +34,21 @@
     onMount(() => {
         return sdk
             .forConsoleIn(page.params.region)
-            .client.subscribe(
-                'console',
-                async (response: RealtimeResponseEvent<Models.Deployment>) => {
-                    if (
-                        response.events.includes(
-                            `sites.${page.params.site}.deployments.${page.params.deployment}.update`
-                        )
-                    ) {
-                        await invalidate(Dependencies.DEPLOYMENT);
-                    }
+            .realtime.subscribe('console', async (response) => {
+                if (
+                    response.events.includes(
+                        `sites.${page.params.site}.deployments.${page.params.deployment}.update`
+                    )
+                ) {
+                    await invalidate(Dependencies.DEPLOYMENT);
                 }
-            );
+            });
     });
 </script>
 
 <Container>
     <SiteCard {deployment} proxyRuleList={data.proxyRuleList}>
-        <svelte:fragment slot="footer">
+        {#snippet footer()}
             {#if deployment?.status === 'ready' && data.proxyRuleList?.total}
                 <Button
                     external
@@ -78,7 +77,7 @@
                 bind:showDelete
                 bind:showCancel
                 activeDeployment={data.site.deploymentId} />
-        </svelte:fragment>
+        {/snippet}
     </SiteCard>
     <Card padding="s">
         <Accordion
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/logs/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/logs/+page.svelte
index c7a97e15d..7d710cb40 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/logs/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/logs/+page.svelte
@@ -13,7 +13,7 @@
     export let data;
 
     onMount(() => {
-        return sdk.forConsole.client.subscribe('console', (response) => {
+        return sdk.forConsole.realtime.subscribe('console', (response) => {
             if (response.events.includes('sites.*.executions.*')) {
                 invalidate(Dependencies.EXECUTIONS);
             }

From be2a8cb3ad1ad49fbe739761ce5ddb5c1a15481b Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Sat, 25 Oct 2025 16:45:55 +0530
Subject: [PATCH 4/5] fix: sdk signature and types.

---
 src/lib/stores/sdk.ts                         |  5 ++++
 .../overview/platforms/createAndroid.svelte   | 23 +++++++++++--------
 .../overview/platforms/createApple.svelte     | 23 +++++++++++--------
 .../overview/platforms/createFlutter.svelte   | 23 +++++++++++--------
 .../platforms/createReactNative.svelte        | 23 +++++++++++--------
 .../overview/platforms/createWeb.svelte       | 23 +++++++++++--------
 .../sites/create-site/deploying/+page.svelte  |  1 -
 .../deployment-[deployment]/+page.svelte      |  1 -
 8 files changed, 70 insertions(+), 52 deletions(-)

diff --git a/src/lib/stores/sdk.ts b/src/lib/stores/sdk.ts
index 9b66f0fee..d49468e24 100644
--- a/src/lib/stores/sdk.ts
+++ b/src/lib/stores/sdk.ts
@@ -187,6 +187,11 @@ export enum RuleTrigger {
     MANUAL = 'manual'
 }
 
+/**
+ * Some type imports are broken on the SDK, this works correctly for the time being!
+ */
+export type AppwriteRealtimeSubscription = Awaited<ReturnType<Realtime['subscribe']>>;
+
 export const createAdminClient = () => {
     return new Client().setEndpoint(getApiEndpoint()).setMode('admin').setProject(getProjectId());
 };
diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/createAndroid.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/createAndroid.svelte
index 4bccedfb2..4259e6eec 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createAndroid.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createAndroid.svelte
@@ -17,7 +17,7 @@
     import { Card } from '$lib/components';
     import { page } from '$app/state';
     import { onMount } from 'svelte';
-    import { sdk } from '$lib/stores/sdk';
+    import { type AppwriteRealtimeSubscription, sdk } from '$lib/stores/sdk';
     import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import { addNotification } from '$lib/stores/notifications';
     import { fade } from 'svelte/transition';
@@ -81,17 +81,20 @@ const val APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject(page.params.region, page.
     }
 
     onMount(() => {
-        const unsubscribe = sdk.forConsole.realtime.subscribe('console', (response) => {
-            if (response.events.includes(`projects.${projectId}.ping`)) {
-                connectionSuccessful = true;
-                invalidate(Dependencies.ORGANIZATION);
-                invalidate(Dependencies.PROJECT);
-                unsubscribe();
-            }
-        });
+        let subscription: AppwriteRealtimeSubscription;
+        sdk.forConsole.realtime
+            .subscribe('console', (response) => {
+                if (response.events.includes(`projects.${projectId}.ping`)) {
+                    connectionSuccessful = true;
+                    invalidate(Dependencies.ORGANIZATION);
+                    invalidate(Dependencies.PROJECT);
+                    subscription?.close();
+                }
+            })
+            .then((realtime) => (subscription = realtime));
 
         return () => {
-            unsubscribe();
+            subscription?.close();
             resetPlatformStore();
         };
     });
diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/createApple.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/createApple.svelte
index e87b21026..ff672f611 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createApple.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createApple.svelte
@@ -18,7 +18,7 @@
     import { Card } from '$lib/components';
     import { page } from '$app/state';
     import { onMount } from 'svelte';
-    import { sdk } from '$lib/stores/sdk';
+    import { type AppwriteRealtimeSubscription, sdk } from '$lib/stores/sdk';
     import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import { addNotification } from '$lib/stores/notifications';
     import { fade } from 'svelte/transition';
@@ -90,17 +90,20 @@ APPWRITE_PUBLIC_ENDPOINT: "${sdk.forProject(page.params.region, page.params.proj
     }
 
     onMount(() => {
-        const unsubscribe = sdk.forConsole.realtime.subscribe('console', (response) => {
-            if (response.events.includes(`projects.${projectId}.ping`)) {
-                connectionSuccessful = true;
-                invalidate(Dependencies.ORGANIZATION);
-                invalidate(Dependencies.PROJECT);
-                unsubscribe();
-            }
-        });
+        let subscription: AppwriteRealtimeSubscription;
+        sdk.forConsole.realtime
+            .subscribe('console', (response) => {
+                if (response.events.includes(`projects.${projectId}.ping`)) {
+                    connectionSuccessful = true;
+                    invalidate(Dependencies.ORGANIZATION);
+                    invalidate(Dependencies.PROJECT);
+                    subscription?.close();
+                }
+            })
+            .then((realtime) => (subscription = realtime));
 
         return () => {
-            unsubscribe();
+            subscription?.close();
             resetPlatformStore();
         };
     });
diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/createFlutter.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/createFlutter.svelte
index 0c0f74d21..f04ed60e3 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createFlutter.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createFlutter.svelte
@@ -18,7 +18,7 @@
     import { Card } from '$lib/components';
     import { page } from '$app/state';
     import { onMount } from 'svelte';
-    import { sdk } from '$lib/stores/sdk';
+    import { type AppwriteRealtimeSubscription, sdk } from '$lib/stores/sdk';
     import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import { addNotification } from '$lib/stores/notifications';
     import { fade } from 'svelte/transition';
@@ -156,17 +156,20 @@
     }
 
     onMount(() => {
-        const unsubscribe = sdk.forConsole.realtime.subscribe('console', (response) => {
-            if (response.events.includes(`projects.${projectId}.ping`)) {
-                connectionSuccessful = true;
-                invalidate(Dependencies.ORGANIZATION);
-                invalidate(Dependencies.PROJECT);
-                unsubscribe();
-            }
-        });
+        let subscription: AppwriteRealtimeSubscription;
+        sdk.forConsole.realtime
+            .subscribe('console', (response) => {
+                if (response.events.includes(`projects.${projectId}.ping`)) {
+                    connectionSuccessful = true;
+                    invalidate(Dependencies.ORGANIZATION);
+                    invalidate(Dependencies.PROJECT);
+                    subscription?.close();
+                }
+            })
+            .then((realtime) => (subscription = realtime));
 
         return () => {
-            unsubscribe();
+            subscription?.close();
             resetPlatformStore();
         };
     });
diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/createReactNative.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/createReactNative.svelte
index 9b6b4799d..cd5f35eab 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createReactNative.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createReactNative.svelte
@@ -18,7 +18,7 @@
     import { Card } from '$lib/components';
     import { page } from '$app/state';
     import { onMount } from 'svelte';
-    import { sdk } from '$lib/stores/sdk';
+    import { type AppwriteRealtimeSubscription, sdk } from '$lib/stores/sdk';
     import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import { addNotification } from '$lib/stores/notifications';
     import { fade } from 'svelte/transition';
@@ -117,17 +117,20 @@ EXPO_PUBLIC_APPWRITE_ENDPOINT=${sdk.forProject(page.params.region, page.params.p
     }
 
     onMount(() => {
-        const unsubscribe = sdk.forConsole.realtime.subscribe('console', (response) => {
-            if (response.events.includes(`projects.${projectId}.ping`)) {
-                connectionSuccessful = true;
-                invalidate(Dependencies.ORGANIZATION);
-                invalidate(Dependencies.PROJECT);
-                unsubscribe();
-            }
-        });
+        let subscription: AppwriteRealtimeSubscription;
+        sdk.forConsole.realtime
+            .subscribe('console', (response) => {
+                if (response.events.includes(`projects.${projectId}.ping`)) {
+                    connectionSuccessful = true;
+                    invalidate(Dependencies.ORGANIZATION);
+                    invalidate(Dependencies.PROJECT);
+                    subscription?.close();
+                }
+            })
+            .then((realtime) => (subscription = realtime));
 
         return () => {
-            unsubscribe();
+            subscription?.close();
             resetPlatformStore();
         };
     });
diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte
index 87c8acc97..681abc97b 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte
@@ -28,7 +28,7 @@
     } from '@appwrite.io/pink-icons-svelte';
     import { page } from '$app/state';
     import { onMount } from 'svelte';
-    import { sdk } from '$lib/stores/sdk';
+    import { type AppwriteRealtimeSubscription, sdk } from '$lib/stores/sdk';
     import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import { addNotification } from '$lib/stores/notifications';
     import { fade } from 'svelte/transition';
@@ -202,18 +202,21 @@ ${prefix}APPWRITE_ENDPOINT = "${sdk.forProject(page.params.region, page.params.p
     }
 
     onMount(() => {
-        const unsubscribe = sdk.forConsole.realtime.subscribe('console', (response) => {
-            if (response.events.includes(`projects.${projectId}.ping`)) {
-                connectionSuccessful = true;
-                invalidate(Dependencies.ORGANIZATION);
-                invalidate(Dependencies.PROJECT);
-                unsubscribe();
-            }
-        });
+        let subscription: AppwriteRealtimeSubscription;
+        sdk.forConsole.realtime
+            .subscribe('console', (response) => {
+                if (response.events.includes(`projects.${projectId}.ping`)) {
+                    connectionSuccessful = true;
+                    invalidate(Dependencies.ORGANIZATION);
+                    invalidate(Dependencies.PROJECT);
+                    subscription?.close();
+                }
+            })
+            .then((realtime) => (subscription = realtime));
 
         return () => {
-            unsubscribe();
             resetPlatformStore();
+            subscription?.close();
         };
     });
 </script>
diff --git a/src/routes/(console)/project-[region]-[project]/sites/create-site/deploying/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/create-site/deploying/+page.svelte
index 92bf157a1..84a8d88f3 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/create-site/deploying/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/create-site/deploying/+page.svelte
@@ -11,7 +11,6 @@
     import { goto } from '$app/navigation';
     import { onMount } from 'svelte';
     import { getFrameworkIcon } from '$lib/stores/sites';
-    import type { Models, RealtimeResponseEvent } from '@appwrite.io/console';
 
     let { data } = $props();
 
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/deployment-[deployment]/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/deployment-[deployment]/+page.svelte
index d79e89b0f..864a55b35 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/deployment-[deployment]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/deployment-[deployment]/+page.svelte
@@ -2,7 +2,6 @@
     import { Container } from '$lib/layout';
     import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
-    import type { Models, RealtimeResponseEvent } from '@appwrite.io/console';
     import SiteCard from '../../../(components)/siteCard.svelte';
     import Logs, { badgeTypeDeployment } from '../../../(components)/logs.svelte';
     import Card from '$lib/components/card.svelte';

From 52c583345b3c83f8a21a0ef84f0bc4f3667b58e7 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Sat, 25 Oct 2025 17:03:09 +0530
Subject: [PATCH 5/5] fix: leaking wss.

---
 .../sites/create-site/deploying/+page.svelte        | 13 +++++++++----
 .../deployment-[deployment]/+page.svelte            | 13 +++++++++----
 2 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/sites/create-site/deploying/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/create-site/deploying/+page.svelte
index 84a8d88f3..bdb1741ac 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/create-site/deploying/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/create-site/deploying/+page.svelte
@@ -7,7 +7,7 @@
     import Aside from '../aside.svelte';
     import Logs from '../../(components)/logs.svelte';
     import { Copy, SvgIcon } from '$lib/components';
-    import { sdk } from '$lib/stores/sdk';
+    import { type AppwriteRealtimeSubscription, sdk } from '$lib/stores/sdk';
     import { goto } from '$app/navigation';
     import { onMount } from 'svelte';
     import { getFrameworkIcon } from '$lib/stores/sites';
@@ -17,8 +17,8 @@
     let deployment = $state(data.deployment);
 
     onMount(() => {
-        return sdk
-            .forConsoleIn(page.params.region)
+        let subscription: AppwriteRealtimeSubscription;
+        sdk.forConsoleIn(page.params.region)
             .realtime.subscribe('console', async (response) => {
                 if (
                     response.events.includes(
@@ -37,7 +37,12 @@
                         await goto(`${resolvedUrl}?site=${data.site.$id}`);
                     }
                 }
-            });
+            })
+            .then((realtime) => (subscription = realtime));
+
+        return () => {
+            subscription?.close();
+        };
     });
 </script>
 
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/deployment-[deployment]/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/deployment-[deployment]/+page.svelte
index 864a55b35..a53b1ae5f 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/deployment-[deployment]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/deployment-[deployment]/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import { Container } from '$lib/layout';
-    import { sdk } from '$lib/stores/sdk';
+    import { type AppwriteRealtimeSubscription, sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import SiteCard from '../../../(components)/siteCard.svelte';
     import Logs, { badgeTypeDeployment } from '../../../(components)/logs.svelte';
@@ -31,8 +31,8 @@
     let showCancel = $state(false);
 
     onMount(() => {
-        return sdk
-            .forConsoleIn(page.params.region)
+        let subscription: AppwriteRealtimeSubscription;
+        sdk.forConsoleIn(page.params.region)
             .realtime.subscribe('console', async (response) => {
                 if (
                     response.events.includes(
@@ -41,7 +41,12 @@
                 ) {
                     await invalidate(Dependencies.DEPLOYMENT);
                 }
-            });
+            })
+            .then((realtime) => (subscription = realtime));
+
+        return () => {
+            subscription?.close();
+        };
     });
 </script>