feat: add bigint column type support and update dependencies

Author: ArnabChatterjee20k

package.json

@@ -20,7 +20,7 @@
     },
     "dependencies": {
         "@ai-sdk/svelte": "^1.1.24",
-        "@appwrite.io/console": "https://pkg.vc/-/@appwrite/@appwrite.io/console@d223f36",
+        "@appwrite.io/console": "https://pkg.vc/-/@appwrite/@appwrite.io/console@863d3e9",
         "@appwrite.io/pink-icons": "0.25.0",
         "@appwrite.io/pink-icons-svelte": "https://pkg.vc/-/@appwrite/@appwrite.io/pink-icons-svelte@bfe7ce3",
         "@appwrite.io/pink-legacy": "^1.0.3",

pnpm-lock.yaml

@@ -34,6 +34,7 @@ const columnTypes = [
     'text',
     'mediumtext',
     'longtext',
+    'bigint',
     'integer',
     'double',
     'boolean',

src/lib/helpers/types.ts

@@ -198,7 +198,7 @@
         ) {
             const stringColumn = column as Models.ColumnString;
             return { display: `Size: ${stringColumn.size}` };
-        } else if (column.type === 'integer' || column.type === 'double') {
+        } else if (column.type === 'bigint' || column.type === 'integer' || column.type === 'double') {
             const numbersColumn = column as Models.ColumnInteger | Models.ColumnFloat;
             const { min, max } = numbersColumn;
 

src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/+page.svelte

@@ -0,0 +1,115 @@
+<script context="module" lang="ts">
+    import { page } from '$app/state';
+    import { sdk } from '$lib/stores/sdk';
+    import type { Models } from '@appwrite.io/console';
+
+    export async function submitBigInt(
+        databaseId: string,
+        tableId: string,
+        key: string,
+        data: Partial<Models.ColumnInteger>
+    ) {
+        await sdk.forProject(page.params.region, page.params.project).tablesDB.createBigIntColumn({
+            databaseId,
+            tableId,
+            key,
+            required: data.required,
+            min: data.min,
+            max: data.max,
+            xdefault: data.default,
+            array: data.array
+        });
+    }
+
+    export async function updateBigInt(
+        databaseId: string,
+        tableId: string,
+        data: Partial<Models.ColumnInteger>,
+        originalKey?: string
+    ) {
+        await sdk.forProject(page.params.region, page.params.project).tablesDB.updateBigIntColumn({
+            databaseId,
+            tableId,
+            key: originalKey,
+            required: data.required,
+            xdefault: data.default,
+            min: data.min,
+            max: data.max,
+            newKey: data.key !== originalKey ? data.key : undefined
+        });
+    }
+</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 disabled = false;
+    export let data: Partial<Models.ColumnInteger> = {
+        required: false,
+        min: 0,
+        max: 0,
+        default: 0,
+        array: false
+    };
+
+    let savedDefault = data.default;
+
+    function handleDefaultState(hideDefault: boolean) {
+        if (hideDefault) {
+            savedDefault = data.default;
+            data.default = null;
+        } else {
+            data.default = savedDefault;
+        }
+    }
+
+    const {
+        stores: { required, array },
+        listen
+    } = createConservative<Partial<Models.ColumnInteger>>({
+        required: false,
+        array: false,
+        ...data
+    });
+    $: listen(data);
+
+    $: handleDefaultState($required || $array);
+</script>
+
+<Layout.Stack direction="row" gap="s">
+    <InputNumber
+        id="min"
+        label="Min"
+        {disabled}
+        placeholder="Enter size"
+        bind:value={data.min}
+        required={editing} />
+
+    <InputNumber
+        id="max"
+        label="Max"
+        {disabled}
+        placeholder="Enter size"
+        bind:value={data.max}
+        required={editing} />
+</Layout.Stack>
+
+<InputNumber
+    id="default"
+    label="Default value"
+    placeholder="Enter value"
+    min={data.min}
+    max={data.max}
+    bind:value={data.default}
+    disabled={data.required || data.array || disabled}
+    nullable={(!data.required && !data.array) || disabled} />
+
+<RequiredArrayCheckboxes
+    {editing}
+    {disabled}
+    bind:array={data.array}
+    bind:required={data.required} />

src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/bigint.svelte

@@ -4,6 +4,7 @@ import Boolean, { submitBoolean, updateBoolean } from './boolean.svelte';
 import Email, { submitEmail, updateEmail } from './email.svelte';
 import Enum, { submitEnum, updateEnum } from './enum.svelte';
 import Float, { submitFloat, updateFloat } from './float.svelte';
+import BigInt, { submitBigInt, updateBigInt } from './bigint.svelte';
 import Integer, { submitInteger, updateInteger } from './integer.svelte';
 import Ip, { submitIp, updateIp } from './ip.svelte';
 import String, { submitString, updateString } from './string.svelte';
@@ -41,6 +42,7 @@ export type Option = {
         | 'Mediumtext'
         | 'Longtext'
         | 'Varchar'
+        | 'BigInt'
         | 'Integer'
         | 'Float'
         | 'Boolean'
@@ -62,6 +64,7 @@ export type Option = {
         | 'mediumtext'
         | 'longtext'
         | 'varchar'
+        | 'bigint'
         | 'integer'
         | 'double'
         | 'boolean'
@@ -125,6 +128,15 @@ export const columnOptions: Option[] = [
         update: updateVarchar,
         icon: IconText
     },
+    {
+        name: 'BigInt',
+        sentenceName: 'bigint',
+        component: BigInt,
+        type: 'bigint',
+        create: submitBigInt,
+        update: updateBigInt,
+        icon: IconHashtag
+    },
     {
         name: 'Integer',
         sentenceName: 'integer',