From ad41c51de1b710db8938b1eef6f21a33ced92e2a Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Mon, 10 Oct 2022 21:47:20 +0200
Subject: [PATCH 1/9] feat: usage for auth and storage

---
 src/lib/components/card.svelte                |   6 +-
 src/lib/components/tiles.svelte               |   2 +-
 .../authentication/usage/+page.svelte         | 190 ++++++++++--------
 .../storage/bucket/[bucket]/store.ts          |  57 +++---
 .../bucket/[bucket]/usage/+page.svelte        | 134 +++++++++++-
 .../project-[project]/storage/store.ts        |  14 ++
 .../storage/usage/+page.svelte                | 131 +++++++++++-
 7 files changed, 415 insertions(+), 119 deletions(-)

diff --git a/src/lib/components/card.svelte b/src/lib/components/card.svelte
index 931aee314..a9d12f9bc 100644
--- a/src/lib/components/card.svelte
+++ b/src/lib/components/card.svelte
@@ -1,3 +1,7 @@
-<article class="card common-section">
+<script lang="ts">
+    export let isTile = false;
+</script>
+
+<article class="card" class:common-section={!isTile}>
     <slot />
 </article>
diff --git a/src/lib/components/tiles.svelte b/src/lib/components/tiles.svelte
index 90e8b3fdb..d02407e98 100644
--- a/src/lib/components/tiles.svelte
+++ b/src/lib/components/tiles.svelte
@@ -1,3 +1,3 @@
-<ul class="grid-box common-section">
+<ul class="grid-box common-section" style="--grid-item-size:25rem;">
     <slot />
 </ul>
diff --git a/src/routes/console/project-[project]/authentication/usage/+page.svelte b/src/routes/console/project-[project]/authentication/usage/+page.svelte
index 0f981af92..102819394 100644
--- a/src/routes/console/project-[project]/authentication/usage/+page.svelte
+++ b/src/routes/console/project-[project]/authentication/usage/+page.svelte
@@ -1,101 +1,131 @@
-<script>
+<script lang="ts">
     import { Container } from '$lib/layout';
-    import { BarChart } from '$lib/charts';
-    import { Card } from '$lib/components';
+    import { BarChart, LineChart } from '$lib/charts';
+    import { Card, Tiles } from '$lib/components';
     import { usersUsage } from '../store';
+    import type { Models } from '@aw-labs/appwrite-console';
 
     let currentRange = '30d';
 
     $: usersUsage.load(currentRange);
-    $: data = $usersUsage;
 
-    //TODO: add types once they are fixed
+    // TODO: metric type is wrong
+    $: usersCount = $usersUsage.usersCount as unknown as Models.Metric[];
+    $: usersCreate = $usersUsage.usersCreate as unknown as Models.Metric[];
+    $: usersRead = $usersUsage.usersRead as unknown as Models.Metric[];
+    $: usersUpdate = $usersUsage.usersUpdate as unknown as Models.Metric[];
+    $: usersDelete = $usersUsage.usersDelete as unknown as Models.Metric[];
+
+    function last(set: Array<unknown>): Models.Metric | null {
+        return (set as Models.Metric[]).slice(-1)[0] ?? null;
+    }
+
+    // TODO: metric type is wrong
+    function total(set: Array<unknown>): number {
+        return (set as Models.Metric[]).reduce((prev, curr) => prev + curr.value, 0);
+    }
 </script>
 
 <Container>
-    {#if data}
-        <div class="u-flex u-main-end common-section">
-            <ul class="drop-tabs">
-                <li class="drop-tabs-item">
-                    <button
-                        class="drop-tabs-button"
-                        on:click={() => (currentRange = '24h')}
-                        disabled={currentRange === '24h'}>
-                        <span class="text">24h</span>
-                    </button>
-                </li>
-                <li class="drop-tabs-item">
-                    <button
-                        class="drop-tabs-button"
-                        on:click={() => (currentRange = '30d')}
-                        disabled={currentRange === '30d'}>
-                        <span class="text">30d</span>
-                    </button>
-                </li>
-                <li class="drop-tabs-item">
-                    <button
-                        class="drop-tabs-button"
-                        on:click={() => (currentRange = '90d')}
-                        disabled={currentRange === '90d'}>
-                        <span class="text">90d</span>
-                    </button>
-                </li>
-            </ul>
-        </div>
-        <Card>
-            <h6 class="heading-level-6">Users</h6>
-            <p>Count of users over time</p>
+    <div class="u-flex u-main-space-between common-section">
+        <h2 class="heading-level-5">Users</h2>
+        <ul class="drop-tabs">
+            <li class="drop-tabs-item">
+                <button
+                    class="drop-tabs-button"
+                    on:click={() => (currentRange = '24h')}
+                    disabled={currentRange === '24h'}>
+                    <span class="text">24h</span>
+                </button>
+            </li>
+            <li class="drop-tabs-item">
+                <button
+                    class="drop-tabs-button"
+                    on:click={() => (currentRange = '30d')}
+                    disabled={currentRange === '30d'}>
+                    <span class="text">30d</span>
+                </button>
+            </li>
+            <li class="drop-tabs-item">
+                <button
+                    class="drop-tabs-button"
+                    on:click={() => (currentRange = '90d')}
+                    disabled={currentRange === '90d'}>
+                    <span class="text">90d</span>
+                </button>
+            </li>
+        </ul>
+    </div>
+    <Card>
+        {#if usersCount}
+            <h6 class="heading-level-6">{last(usersCount).value}</h6>
+            <p>Registered users</p>
+            <div class="u-margin-block-start-16" />
             <BarChart
                 series={[
                     {
                         name: 'User',
-                        data: [...data.usersCount.map((e) => [e.date, e.value])]
+                        data: [...usersCount.map((e) => [e.date, e.value])]
                     }
                 ]} />
+        {/if}
+    </Card>
+    <Tiles>
+        <Card isTile>
+            {#if usersCreate}
+                <h6 class="heading-level-6">{total(usersCreate)}</h6>
+                <p>Users created</p>
+                <div class="u-margin-block-start-16" />
+                <LineChart
+                    series={[
+                        {
+                            name: 'Create',
+                            data: [...usersCreate.map((e) => [e.date, e.value])]
+                        }
+                    ]} />
+            {/if}
         </Card>
-        <Card>
-            <h6 class="heading-level-6">Operations</h6>
-            <p>Count of users create, read, update and delete operations over time</p>
-            <BarChart
-                series={[
-                    {
-                        name: 'Create',
-                        data: [...data.usersCreate.map((e) => [e.date, e.value])]
-                    }
-                ]} />
+        <Card isTile>
+            {#if usersRead}
+                <h6 class="heading-level-6">{total(usersRead)}</h6>
+                <p>Users read</p>
+                <div class="u-margin-block-start-16" />
+                <LineChart
+                    series={[
+                        {
+                            name: 'Read',
+                            data: [...usersRead.map((e) => [e.date, e.value])]
+                        }
+                    ]} />
+            {/if}
         </Card>
-        <Card>
-            <h6 class="heading-level-6">Operations</h6>
-            <p>Count of users create, read, update and delete operations over time</p>
-            <BarChart
-                series={[
-                    {
-                        name: 'Read',
-                        data: [...data.usersRead.map((e) => [e.date, e.value])]
-                    }
-                ]} />
+        <Card isTile>
+            {#if usersUpdate}
+                <h6 class="heading-level-6">{total(usersUpdate)}</h6>
+                <p>Users updated</p>
+                <div class="u-margin-block-start-16" />
+                <LineChart
+                    series={[
+                        {
+                            name: 'Update',
+                            data: [...usersUpdate.map((e) => [e.date, e.value])]
+                        }
+                    ]} />
+            {/if}
         </Card>
-        <Card>
-            <h6 class="heading-level-6">Operations</h6>
-            <p>Count of users create, read, update and delete operations over time</p>
-            <BarChart
-                series={[
-                    {
-                        name: 'Update',
-                        data: [...data.usersUpdate.map((e) => [e.date, e.value])]
-                    }
-                ]} />
+        <Card isTile>
+            {#if usersDelete}
+                <h6 class="heading-level-6">{total(usersDelete)}</h6>
+                <p>Users deleted</p>
+                <div class="u-margin-block-start-16" />
+                <LineChart
+                    series={[
+                        {
+                            name: 'Delete',
+                            data: [...usersDelete.map((e) => [e.date, e.value])]
+                        }
+                    ]} />
+            {/if}
         </Card>
-        <Card>
-            <h6 class="heading-level-6">Operations</h6>
-            <p>Count of users create, read, update and delete operations over time</p>
-            <BarChart
-                series={[
-                    {
-                        name: 'Delete',
-                        data: [...data.usersDelete.map((e) => [e.date, e.value])]
-                    }
-                ]} />
-        </Card>
-    {/if}
+    </Tiles>
 </Container>
diff --git a/src/routes/console/project-[project]/storage/bucket/[bucket]/store.ts b/src/routes/console/project-[project]/storage/bucket/[bucket]/store.ts
index e2268e2d0..8667d18d4 100644
--- a/src/routes/console/project-[project]/storage/bucket/[bucket]/store.ts
+++ b/src/routes/console/project-[project]/storage/bucket/[bucket]/store.ts
@@ -1,42 +1,45 @@
 import { sdkForProject } from '$lib/stores/sdk';
 import type { Models } from '@aw-labs/appwrite-console';
-import { writable } from 'svelte/store';
-import { browser } from '$app/environment';
-
-function createBucketStore() {
-    const { subscribe, set } = writable<Models.Bucket>(
-        browser ? JSON.parse(sessionStorage.getItem('bucket')) : null
-    );
+import { cachedStore } from '$lib/helpers/cache';
 
+export const bucket = cachedStore<
+    Models.Bucket,
+    {
+        load: (bucketId: string) => Promise<void>;
+    }
+>('bucket', function ({ set }) {
     return {
-        subscribe,
-        set,
-        load: async (bucketId: string) => {
+        load: async (bucketId) => {
             const response = await sdkForProject.storage.getBucket(bucketId);
             set(response);
         }
     };
-}
-
-function createFilesStore() {
-    const { subscribe, set } = writable<Models.FileList>(
-        browser ? JSON.parse(sessionStorage.getItem('files')) : null
-    );
+});
 
+export const files = cachedStore<
+    Models.FileList,
+    {
+        load: (bucketId: string, queries: string[], search: string) => Promise<void>;
+    }
+>('files', function ({ set }) {
     return {
-        subscribe,
-        set,
-        load: async (bucketId: string, queries?: string[], search?: string) => {
+        load: async (bucketId, queries, search) => {
             const response = await sdkForProject.storage.listFiles(bucketId, queries, search);
             set(response);
         }
     };
-}
+});
 
-export const bucket = createBucketStore();
-export const files = createFilesStore();
-
-if (browser) {
-    bucket.subscribe((n) => sessionStorage?.setItem('bucket', JSON.stringify(n ?? '')));
-    files.subscribe((n) => sessionStorage?.setItem('files', JSON.stringify(n ?? '')));
-}
+export const bucketUsage = cachedStore<
+    Models.UsageBuckets,
+    {
+        load: (bucketId: string, range: string) => Promise<void>;
+    }
+>('bucketsUsage', function ({ set }) {
+    return {
+        load: async (bucketId, range) => {
+            const response = await sdkForProject.storage.getBucketUsage(bucketId, range);
+            set(response);
+        }
+    };
+});
diff --git a/src/routes/console/project-[project]/storage/bucket/[bucket]/usage/+page.svelte b/src/routes/console/project-[project]/storage/bucket/[bucket]/usage/+page.svelte
index aa43e6741..37a204d4c 100644
--- a/src/routes/console/project-[project]/storage/bucket/[bucket]/usage/+page.svelte
+++ b/src/routes/console/project-[project]/storage/bucket/[bucket]/usage/+page.svelte
@@ -1,10 +1,134 @@
-<script>
-    import { Card } from '$lib/components';
+<script lang="ts">
     import { Container } from '$lib/layout';
+    import { BarChart, LineChart } from '$lib/charts';
+    import { Card, Tiles } from '$lib/components';
+    import { bucketUsage } from '../store';
+    import type { Models } from '@aw-labs/appwrite-console';
+    import { page } from '$app/stores';
+
+    let currentRange = '30d';
+
+    const bucketId = $page.params.bucket;
+
+    $: bucketUsage.load(bucketId, currentRange);
+
+    // TODO: metric type is wrong
+    $: filesCount = $bucketUsage.filesCount as unknown as Models.Metric[];
+    $: filesCreate = $bucketUsage.filesCreate as unknown as Models.Metric[];
+    $: filesRead = $bucketUsage.filesRead as unknown as Models.Metric[];
+    $: filesUpdate = $bucketUsage.filesUpdate as unknown as Models.Metric[];
+    $: filesDelete = $bucketUsage.filesDelete as unknown as Models.Metric[];
+
+    function last(set: Array<unknown>): Models.Metric | null {
+        return (set as Models.Metric[]).slice(-1)[0] ?? null;
+    }
+
+    // TODO: metric type is wrong
+    function total(set: Array<unknown>): number {
+        return (set as Models.Metric[]).reduce((prev, curr) => prev + curr.value, 0);
+    }
 </script>
 
 <Container>
-    <h1>Usage</h1>
-
-    <Card />
+    <div class="u-flex u-main-space-between common-section">
+        <h2 class="heading-level-5">Users</h2>
+        <ul class="drop-tabs">
+            <li class="drop-tabs-item">
+                <button
+                    class="drop-tabs-button"
+                    on:click={() => (currentRange = '24h')}
+                    disabled={currentRange === '24h'}>
+                    <span class="text">24h</span>
+                </button>
+            </li>
+            <li class="drop-tabs-item">
+                <button
+                    class="drop-tabs-button"
+                    on:click={() => (currentRange = '30d')}
+                    disabled={currentRange === '30d'}>
+                    <span class="text">30d</span>
+                </button>
+            </li>
+            <li class="drop-tabs-item">
+                <button
+                    class="drop-tabs-button"
+                    on:click={() => (currentRange = '90d')}
+                    disabled={currentRange === '90d'}>
+                    <span class="text">90d</span>
+                </button>
+            </li>
+        </ul>
+    </div>
+    <Card>
+        {#if filesCount}
+            <h6 class="heading-level-6">{last(filesCount).value}</h6>
+            <p>Total Files</p>
+            <div class="u-margin-block-start-16" />
+            <BarChart
+                series={[
+                    {
+                        name: 'User',
+                        data: [...filesCount.map((e) => [e.date, e.value])]
+                    }
+                ]} />
+        {/if}
+    </Card>
+    <Tiles>
+        <Card isTile>
+            {#if filesCreate}
+                <h6 class="heading-level-6">{total(filesCreate)}</h6>
+                <p>Files created</p>
+                <div class="u-margin-block-start-16" />
+                <LineChart
+                    series={[
+                        {
+                            name: 'Create',
+                            data: [...filesCreate.map((e) => [e.date, e.value])]
+                        }
+                    ]} />
+            {/if}
+        </Card>
+        <Card isTile>
+            {#if filesRead}
+                <h6 class="heading-level-6">{total(filesRead)}</h6>
+                <p>Files read</p>
+                <div class="u-margin-block-start-16" />
+                <LineChart
+                    series={[
+                        {
+                            name: 'Read',
+                            data: [...filesRead.map((e) => [e.date, e.value])]
+                        }
+                    ]} />
+            {/if}
+        </Card>
+        <Card isTile>
+            {#if filesUpdate}
+                <h6 class="heading-level-6">{total(filesUpdate)}</h6>
+                <p>Files updated</p>
+                <div class="u-margin-block-start-16" />
+                <LineChart
+                    series={[
+                        {
+                            name: 'Update',
+                            data: [...filesUpdate.map((e) => [e.date, e.value])]
+                        }
+                    ]} />
+            {/if}
+        </Card>
+        <Card isTile>
+            {#if filesDelete}
+                <h6 class="heading-level-6">{total(filesDelete)}</h6>
+                <p>Files deleted</p>
+                <div class="u-margin-block-start-16" />
+                <LineChart
+                    series={[
+                        {
+                            name: 'Delete',
+                            data: [...filesDelete.map((e) => [e.date, e.value])]
+                        }
+                    ]} />
+            {/if}
+        </Card>
+    </Tiles>
 </Container>
diff --git a/src/routes/console/project-[project]/storage/store.ts b/src/routes/console/project-[project]/storage/store.ts
index dac5aed69..71849a52b 100644
--- a/src/routes/console/project-[project]/storage/store.ts
+++ b/src/routes/console/project-[project]/storage/store.ts
@@ -15,3 +15,17 @@ export const bucketList = cachedStore<
         }
     };
 });
+
+export const storageUsage = cachedStore<
+    Models.UsageStorage,
+    {
+        load: (range: string) => Promise<void>;
+    }
+>('storageUsage', function ({ set }) {
+    return {
+        load: async (range) => {
+            const response = await sdkForProject.storage.getUsage(range);
+            set(response);
+        }
+    };
+});
diff --git a/src/routes/console/project-[project]/storage/usage/+page.svelte b/src/routes/console/project-[project]/storage/usage/+page.svelte
index aa43e6741..68e22bcc3 100644
--- a/src/routes/console/project-[project]/storage/usage/+page.svelte
+++ b/src/routes/console/project-[project]/storage/usage/+page.svelte
@@ -1,10 +1,131 @@
-<script>
-    import { Card } from '$lib/components';
+<script lang="ts">
     import { Container } from '$lib/layout';
+    import { BarChart, LineChart } from '$lib/charts';
+    import { Card, Tiles } from '$lib/components';
+    import { storageUsage } from '../store';
+    import type { Models } from '@aw-labs/appwrite-console';
+
+    let currentRange = '30d';
+
+    $: storageUsage.load(currentRange);
+
+    // TODO: metric type is wrong
+    $: bucketsCount = $storageUsage.bucketsCount as unknown as Models.Metric[];
+    $: bucketsCreate = $storageUsage.bucketsCreate as unknown as Models.Metric[];
+    $: bucketsRead = $storageUsage.bucketsRead as unknown as Models.Metric[];
+    $: bucketsUpdate = $storageUsage.bucketsUpdate as unknown as Models.Metric[];
+    $: bucketsDelete = $storageUsage.bucketsDelete as unknown as Models.Metric[];
+
+    function last(set: Array<unknown>): Models.Metric | null {
+        return (set as Models.Metric[]).slice(-1)[0] ?? null;
+    }
+
+    // TODO: metric type is wrong
+    function total(set: Array<unknown>): number {
+        return (set as Models.Metric[]).reduce((prev, curr) => prev + curr.value, 0);
+    }
 </script>
 
 <Container>
-    <h1>Usage</h1>
-
-    <Card />
+    <div class="u-flex u-main-space-between common-section">
+        <h2 class="heading-level-5">Users</h2>
+        <ul class="drop-tabs">
+            <li class="drop-tabs-item">
+                <button
+                    class="drop-tabs-button"
+                    on:click={() => (currentRange = '24h')}
+                    disabled={currentRange === '24h'}>
+                    <span class="text">24h</span>
+                </button>
+            </li>
+            <li class="drop-tabs-item">
+                <button
+                    class="drop-tabs-button"
+                    on:click={() => (currentRange = '30d')}
+                    disabled={currentRange === '30d'}>
+                    <span class="text">30d</span>
+                </button>
+            </li>
+            <li class="drop-tabs-item">
+                <button
+                    class="drop-tabs-button"
+                    on:click={() => (currentRange = '90d')}
+                    disabled={currentRange === '90d'}>
+                    <span class="text">90d</span>
+                </button>
+            </li>
+        </ul>
+    </div>
+    <Card>
+        {#if bucketsCount}
+            <h6 class="heading-level-6">{last(bucketsCount).value}</h6>
+            <p>Total Buckets</p>
+            <div class="u-margin-block-start-16" />
+            <BarChart
+                series={[
+                    {
+                        name: 'User',
+                        data: [...bucketsCount.map((e) => [e.date, e.value])]
+                    }
+                ]} />
+        {/if}
+    </Card>
+    <Tiles>
+        <Card isTile>
+            {#if bucketsCreate}
+                <h6 class="heading-level-6">{total(bucketsCreate)}</h6>
+                <p>Buckets created</p>
+                <div class="u-margin-block-start-16" />
+                <LineChart
+                    series={[
+                        {
+                            name: 'Create',
+                            data: [...bucketsCreate.map((e) => [e.date, e.value])]
+                        }
+                    ]} />
+            {/if}
+        </Card>
+        <Card isTile>
+            {#if bucketsRead}
+                <h6 class="heading-level-6">{total(bucketsRead)}</h6>
+                <p>Buckets read</p>
+                <div class="u-margin-block-start-16" />
+                <LineChart
+                    series={[
+                        {
+                            name: 'Read',
+                            data: [...bucketsRead.map((e) => [e.date, e.value])]
+                        }
+                    ]} />
+            {/if}
+        </Card>
+        <Card isTile>
+            {#if bucketsUpdate}
+                <h6 class="heading-level-6">{total(bucketsUpdate)}</h6>
+                <p>Buckets updated</p>
+                <div class="u-margin-block-start-16" />
+                <LineChart
+                    series={[
+                        {
+                            name: 'Update',
+                            data: [...bucketsUpdate.map((e) => [e.date, e.value])]
+                        }
+                    ]} />
+            {/if}
+        </Card>
+        <Card isTile>
+            {#if bucketsDelete}
+                <h6 class="heading-level-6">{total(bucketsDelete)}</h6>
+                <p>Buckets deleted</p>
+                <div class="u-margin-block-start-16" />
+                <LineChart
+                    series={[
+                        {
+                            name: 'Delete',
+                            data: [...bucketsDelete.map((e) => [e.date, e.value])]
+                        }
+                    ]} />
+            {/if}
+        </Card>
+    </Tiles>
 </Container>

From f253bacdbdc70f9b4fcc278f694cf21b4934b073 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Mon, 10 Oct 2022 21:59:03 +0200
Subject: [PATCH 2/9] fix: nullish error on usage

---
 .../authentication/usage/+page.svelte         | 142 +++++++++---------
 .../bucket/[bucket]/usage/+page.svelte        | 142 +++++++++---------
 .../storage/usage/+page.svelte                | 142 +++++++++---------
 3 files changed, 216 insertions(+), 210 deletions(-)

diff --git a/src/routes/console/project-[project]/authentication/usage/+page.svelte b/src/routes/console/project-[project]/authentication/usage/+page.svelte
index 102819394..5e960f3e0 100644
--- a/src/routes/console/project-[project]/authentication/usage/+page.svelte
+++ b/src/routes/console/project-[project]/authentication/usage/+page.svelte
@@ -10,11 +10,11 @@
     $: usersUsage.load(currentRange);
 
     // TODO: metric type is wrong
-    $: usersCount = $usersUsage.usersCount as unknown as Models.Metric[];
-    $: usersCreate = $usersUsage.usersCreate as unknown as Models.Metric[];
-    $: usersRead = $usersUsage.usersRead as unknown as Models.Metric[];
-    $: usersUpdate = $usersUsage.usersUpdate as unknown as Models.Metric[];
-    $: usersDelete = $usersUsage.usersDelete as unknown as Models.Metric[];
+    $: usersCount = $usersUsage?.usersCount as unknown as Models.Metric[];
+    $: usersCreate = $usersUsage?.usersCreate as unknown as Models.Metric[];
+    $: usersRead = $usersUsage?.usersRead as unknown as Models.Metric[];
+    $: usersUpdate = $usersUsage?.usersUpdate as unknown as Models.Metric[];
+    $: usersDelete = $usersUsage?.usersDelete as unknown as Models.Metric[];
 
     function last(set: Array<unknown>): Models.Metric | null {
         return (set as Models.Metric[]).slice(-1)[0] ?? null;
@@ -56,76 +56,78 @@
             </li>
         </ul>
     </div>
-    <Card>
-        {#if usersCount}
-            <h6 class="heading-level-6">{last(usersCount).value}</h6>
-            <p>Registered users</p>
-            <div class="u-margin-block-start-16" />
-            <BarChart
-                series={[
-                    {
-                        name: 'User',
-                        data: [...usersCount.map((e) => [e.date, e.value])]
-                    }
-                ]} />
-        {/if}
-    </Card>
-    <Tiles>
-        <Card isTile>
-            {#if usersCreate}
-                <h6 class="heading-level-6">{total(usersCreate)}</h6>
-                <p>Users created</p>
+    {#if $usersUsage}
+        <Card>
+            {#if usersCount}
+                <h6 class="heading-level-6">{last(usersCount).value}</h6>
+                <p>Registered users</p>
                 <div class="u-margin-block-start-16" />
-                <LineChart
+                <BarChart
                     series={[
                         {
-                            name: 'Create',
-                            data: [...usersCreate.map((e) => [e.date, e.value])]
+                            name: 'User',
+                            data: [...usersCount.map((e) => [e.date, e.value])]
                         }
                     ]} />
             {/if}
         </Card>
-        <Card isTile>
-            {#if usersRead}
-                <h6 class="heading-level-6">{total(usersRead)}</h6>
-                <p>Users read</p>
-                <div class="u-margin-block-start-16" />
-                <LineChart
-                    series={[
-                        {
-                            name: 'Read',
-                            data: [...usersRead.map((e) => [e.date, e.value])]
-                        }
-                    ]} />
-            {/if}
-        </Card>
-        <Card isTile>
-            {#if usersUpdate}
-                <h6 class="heading-level-6">{total(usersUpdate)}</h6>
-                <p>Users updated</p>
-                <div class="u-margin-block-start-16" />
-                <LineChart
-                    series={[
-                        {
-                            name: 'Update',
-                            data: [...usersUpdate.map((e) => [e.date, e.value])]
-                        }
-                    ]} />
-            {/if}
-        </Card>
-        <Card isTile>
-            {#if usersDelete}
-                <h6 class="heading-level-6">{total(usersDelete)}</h6>
-                <p>Users deleted</p>
-                <div class="u-margin-block-start-16" />
-                <LineChart
-                    series={[
-                        {
-                            name: 'Delete',
-                            data: [...usersDelete.map((e) => [e.date, e.value])]
-                        }
-                    ]} />
-            {/if}
-        </Card>
-    </Tiles>
+        <Tiles>
+            <Card isTile>
+                {#if usersCreate}
+                    <h6 class="heading-level-6">{total(usersCreate)}</h6>
+                    <p>Users created</p>
+                    <div class="u-margin-block-start-16" />
+                    <LineChart
+                        series={[
+                            {
+                                name: 'Create',
+                                data: [...usersCreate.map((e) => [e.date, e.value])]
+                            }
+                        ]} />
+                {/if}
+            </Card>
+            <Card isTile>
+                {#if usersRead}
+                    <h6 class="heading-level-6">{total(usersRead)}</h6>
+                    <p>Users read</p>
+                    <div class="u-margin-block-start-16" />
+                    <LineChart
+                        series={[
+                            {
+                                name: 'Read',
+                                data: [...usersRead.map((e) => [e.date, e.value])]
+                            }
+                        ]} />
+                {/if}
+            </Card>
+            <Card isTile>
+                {#if usersUpdate}
+                    <h6 class="heading-level-6">{total(usersUpdate)}</h6>
+                    <p>Users updated</p>
+                    <div class="u-margin-block-start-16" />
+                    <LineChart
+                        series={[
+                            {
+                                name: 'Update',
+                                data: [...usersUpdate.map((e) => [e.date, e.value])]
+                            }
+                        ]} />
+                {/if}
+            </Card>
+            <Card isTile>
+                {#if usersDelete}
+                    <h6 class="heading-level-6">{total(usersDelete)}</h6>
+                    <p>Users deleted</p>
+                    <div class="u-margin-block-start-16" />
+                    <LineChart
+                        series={[
+                            {
+                                name: 'Delete',
+                                data: [...usersDelete.map((e) => [e.date, e.value])]
+                            }
+                        ]} />
+                {/if}
+            </Card>
+        </Tiles>
+    {/if}
 </Container>
diff --git a/src/routes/console/project-[project]/storage/bucket/[bucket]/usage/+page.svelte b/src/routes/console/project-[project]/storage/bucket/[bucket]/usage/+page.svelte
index 37a204d4c..c1c8f26ee 100644
--- a/src/routes/console/project-[project]/storage/bucket/[bucket]/usage/+page.svelte
+++ b/src/routes/console/project-[project]/storage/bucket/[bucket]/usage/+page.svelte
@@ -13,11 +13,11 @@
     $: bucketUsage.load(bucketId, currentRange);
 
     // TODO: metric type is wrong
-    $: filesCount = $bucketUsage.filesCount as unknown as Models.Metric[];
-    $: filesCreate = $bucketUsage.filesCreate as unknown as Models.Metric[];
-    $: filesRead = $bucketUsage.filesRead as unknown as Models.Metric[];
-    $: filesUpdate = $bucketUsage.filesUpdate as unknown as Models.Metric[];
-    $: filesDelete = $bucketUsage.filesDelete as unknown as Models.Metric[];
+    $: filesCount = $bucketUsage?.filesCount as unknown as Models.Metric[];
+    $: filesCreate = $bucketUsage?.filesCreate as unknown as Models.Metric[];
+    $: filesRead = $bucketUsage?.filesRead as unknown as Models.Metric[];
+    $: filesUpdate = $bucketUsage?.filesUpdate as unknown as Models.Metric[];
+    $: filesDelete = $bucketUsage?.filesDelete as unknown as Models.Metric[];
 
     function last(set: Array<unknown>): Models.Metric | null {
         return (set as Models.Metric[]).slice(-1)[0] ?? null;
@@ -59,76 +59,78 @@
             </li>
         </ul>
     </div>
-    <Card>
-        {#if filesCount}
-            <h6 class="heading-level-6">{last(filesCount).value}</h6>
-            <p>Total Files</p>
-            <div class="u-margin-block-start-16" />
-            <BarChart
-                series={[
-                    {
-                        name: 'User',
-                        data: [...filesCount.map((e) => [e.date, e.value])]
-                    }
-                ]} />
-        {/if}
-    </Card>
-    <Tiles>
-        <Card isTile>
-            {#if filesCreate}
-                <h6 class="heading-level-6">{total(filesCreate)}</h6>
-                <p>Files created</p>
+    {#if $bucketUsage}
+        <Card>
+            {#if filesCount}
+                <h6 class="heading-level-6">{last(filesCount).value}</h6>
+                <p>Total Files</p>
                 <div class="u-margin-block-start-16" />
-                <LineChart
+                <BarChart
                     series={[
                         {
-                            name: 'Create',
-                            data: [...filesCreate.map((e) => [e.date, e.value])]
+                            name: 'User',
+                            data: [...filesCount.map((e) => [e.date, e.value])]
                         }
                     ]} />
             {/if}
         </Card>
-        <Card isTile>
-            {#if filesRead}
-                <h6 class="heading-level-6">{total(filesRead)}</h6>
-                <p>Files read</p>
-                <div class="u-margin-block-start-16" />
-                <LineChart
-                    series={[
-                        {
-                            name: 'Read',
-                            data: [...filesRead.map((e) => [e.date, e.value])]
-                        }
-                    ]} />
-            {/if}
-        </Card>
-        <Card isTile>
-            {#if filesUpdate}
-                <h6 class="heading-level-6">{total(filesUpdate)}</h6>
-                <p>Files updated</p>
-                <div class="u-margin-block-start-16" />
-                <LineChart
-                    series={[
-                        {
-                            name: 'Update',
-                            data: [...filesUpdate.map((e) => [e.date, e.value])]
-                        }
-                    ]} />
-            {/if}
-        </Card>
-        <Card isTile>
-            {#if filesDelete}
-                <h6 class="heading-level-6">{total(filesDelete)}</h6>
-                <p>Files deleted</p>
-                <div class="u-margin-block-start-16" />
-                <LineChart
-                    series={[
-                        {
-                            name: 'Delete',
-                            data: [...filesDelete.map((e) => [e.date, e.value])]
-                        }
-                    ]} />
-            {/if}
-        </Card>
-    </Tiles>
+        <Tiles>
+            <Card isTile>
+                {#if filesCreate}
+                    <h6 class="heading-level-6">{total(filesCreate)}</h6>
+                    <p>Files created</p>
+                    <div class="u-margin-block-start-16" />
+                    <LineChart
+                        series={[
+                            {
+                                name: 'Create',
+                                data: [...filesCreate.map((e) => [e.date, e.value])]
+                            }
+                        ]} />
+                {/if}
+            </Card>
+            <Card isTile>
+                {#if filesRead}
+                    <h6 class="heading-level-6">{total(filesRead)}</h6>
+                    <p>Files read</p>
+                    <div class="u-margin-block-start-16" />
+                    <LineChart
+                        series={[
+                            {
+                                name: 'Read',
+                                data: [...filesRead.map((e) => [e.date, e.value])]
+                            }
+                        ]} />
+                {/if}
+            </Card>
+            <Card isTile>
+                {#if filesUpdate}
+                    <h6 class="heading-level-6">{total(filesUpdate)}</h6>
+                    <p>Files updated</p>
+                    <div class="u-margin-block-start-16" />
+                    <LineChart
+                        series={[
+                            {
+                                name: 'Update',
+                                data: [...filesUpdate.map((e) => [e.date, e.value])]
+                            }
+                        ]} />
+                {/if}
+            </Card>
+            <Card isTile>
+                {#if filesDelete}
+                    <h6 class="heading-level-6">{total(filesDelete)}</h6>
+                    <p>Files deleted</p>
+                    <div class="u-margin-block-start-16" />
+                    <LineChart
+                        series={[
+                            {
+                                name: 'Delete',
+                                data: [...filesDelete.map((e) => [e.date, e.value])]
+                            }
+                        ]} />
+                {/if}
+            </Card>
+        </Tiles>
+    {/if}
 </Container>
diff --git a/src/routes/console/project-[project]/storage/usage/+page.svelte b/src/routes/console/project-[project]/storage/usage/+page.svelte
index 68e22bcc3..ffa51a930 100644
--- a/src/routes/console/project-[project]/storage/usage/+page.svelte
+++ b/src/routes/console/project-[project]/storage/usage/+page.svelte
@@ -10,11 +10,11 @@
     $: storageUsage.load(currentRange);
 
     // TODO: metric type is wrong
-    $: bucketsCount = $storageUsage.bucketsCount as unknown as Models.Metric[];
-    $: bucketsCreate = $storageUsage.bucketsCreate as unknown as Models.Metric[];
-    $: bucketsRead = $storageUsage.bucketsRead as unknown as Models.Metric[];
-    $: bucketsUpdate = $storageUsage.bucketsUpdate as unknown as Models.Metric[];
-    $: bucketsDelete = $storageUsage.bucketsDelete as unknown as Models.Metric[];
+    $: bucketsCount = $storageUsage?.bucketsCount as unknown as Models.Metric[];
+    $: bucketsCreate = $storageUsage?.bucketsCreate as unknown as Models.Metric[];
+    $: bucketsRead = $storageUsage?.bucketsRead as unknown as Models.Metric[];
+    $: bucketsUpdate = $storageUsage?.bucketsUpdate as unknown as Models.Metric[];
+    $: bucketsDelete = $storageUsage?.bucketsDelete as unknown as Models.Metric[];
 
     function last(set: Array<unknown>): Models.Metric | null {
         return (set as Models.Metric[]).slice(-1)[0] ?? null;
@@ -56,76 +56,78 @@
             </li>
         </ul>
     </div>
-    <Card>
-        {#if bucketsCount}
-            <h6 class="heading-level-6">{last(bucketsCount).value}</h6>
-            <p>Total Buckets</p>
-            <div class="u-margin-block-start-16" />
-            <BarChart
-                series={[
-                    {
-                        name: 'User',
-                        data: [...bucketsCount.map((e) => [e.date, e.value])]
-                    }
-                ]} />
-        {/if}
-    </Card>
-    <Tiles>
-        <Card isTile>
-            {#if bucketsCreate}
-                <h6 class="heading-level-6">{total(bucketsCreate)}</h6>
-                <p>Buckets created</p>
+    {#if $storageUsage}
+        <Card>
+            {#if bucketsCount}
+                <h6 class="heading-level-6">{last(bucketsCount).value}</h6>
+                <p>Total Buckets</p>
                 <div class="u-margin-block-start-16" />
-                <LineChart
+                <BarChart
                     series={[
                         {
-                            name: 'Create',
-                            data: [...bucketsCreate.map((e) => [e.date, e.value])]
+                            name: 'User',
+                            data: [...bucketsCount.map((e) => [e.date, e.value])]
                         }
                     ]} />
             {/if}
         </Card>
-        <Card isTile>
-            {#if bucketsRead}
-                <h6 class="heading-level-6">{total(bucketsRead)}</h6>
-                <p>Buckets read</p>
-                <div class="u-margin-block-start-16" />
-                <LineChart
-                    series={[
-                        {
-                            name: 'Read',
-                            data: [...bucketsRead.map((e) => [e.date, e.value])]
-                        }
-                    ]} />
-            {/if}
-        </Card>
-        <Card isTile>
-            {#if bucketsUpdate}
-                <h6 class="heading-level-6">{total(bucketsUpdate)}</h6>
-                <p>Buckets updated</p>
-                <div class="u-margin-block-start-16" />
-                <LineChart
-                    series={[
-                        {
-                            name: 'Update',
-                            data: [...bucketsUpdate.map((e) => [e.date, e.value])]
-                        }
-                    ]} />
-            {/if}
-        </Card>
-        <Card isTile>
-            {#if bucketsDelete}
-                <h6 class="heading-level-6">{total(bucketsDelete)}</h6>
-                <p>Buckets deleted</p>
-                <div class="u-margin-block-start-16" />
-                <LineChart
-                    series={[
-                        {
-                            name: 'Delete',
-                            data: [...bucketsDelete.map((e) => [e.date, e.value])]
-                        }
-                    ]} />
-            {/if}
-        </Card>
-    </Tiles>
+        <Tiles>
+            <Card isTile>
+                {#if bucketsCreate}
+                    <h6 class="heading-level-6">{total(bucketsCreate)}</h6>
+                    <p>Buckets created</p>
+                    <div class="u-margin-block-start-16" />
+                    <LineChart
+                        series={[
+                            {
+                                name: 'Create',
+                                data: [...bucketsCreate.map((e) => [e.date, e.value])]
+                            }
+                        ]} />
+                {/if}
+            </Card>
+            <Card isTile>
+                {#if bucketsRead}
+                    <h6 class="heading-level-6">{total(bucketsRead)}</h6>
+                    <p>Buckets read</p>
+                    <div class="u-margin-block-start-16" />
+                    <LineChart
+                        series={[
+                            {
+                                name: 'Read',
+                                data: [...bucketsRead.map((e) => [e.date, e.value])]
+                            }
+                        ]} />
+                {/if}
+            </Card>
+            <Card isTile>
+                {#if bucketsUpdate}
+                    <h6 class="heading-level-6">{total(bucketsUpdate)}</h6>
+                    <p>Buckets updated</p>
+                    <div class="u-margin-block-start-16" />
+                    <LineChart
+                        series={[
+                            {
+                                name: 'Update',
+                                data: [...bucketsUpdate.map((e) => [e.date, e.value])]
+                            }
+                        ]} />
+                {/if}
+            </Card>
+            <Card isTile>
+                {#if bucketsDelete}
+                    <h6 class="heading-level-6">{total(bucketsDelete)}</h6>
+                    <p>Buckets deleted</p>
+                    <div class="u-margin-block-start-16" />
+                    <LineChart
+                        series={[
+                            {
+                                name: 'Delete',
+                                data: [...bucketsDelete.map((e) => [e.date, e.value])]
+                            }
+                        ]} />
+                {/if}
+            </Card>
+        </Tiles>
+    {/if}
 </Container>

From 7620236b23ba66f76831c97b95c7c9db40721532 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Mon, 10 Oct 2022 22:12:02 +0200
Subject: [PATCH 3/9] chore: upgrade

---
 package-lock.json | 555 +++++++++++++++++++++++-----------------------
 package.json      |   4 +-
 2 files changed, 283 insertions(+), 276 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 55e48f3c5..04f536230 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,8 +18,8 @@
             },
             "devDependencies": {
                 "@playwright/test": "^1.26.1",
-                "@sveltejs/adapter-auto": "1.0.0-next.80",
-                "@sveltejs/kit": "1.0.0-next.509",
+                "@sveltejs/adapter-auto": "1.0.0-next.81",
+                "@sveltejs/kit": "1.0.0-next.512",
                 "@sveltejs/vite-plugin-svelte": "^1.0.8",
                 "@testing-library/dom": "^8.18.1",
                 "@testing-library/jest-dom": "^5.16.5",
@@ -724,10 +724,26 @@
             "integrity": "sha512-gaBUSaKS65mN3iKZEgichbXYEmAa/pXkc5Gbt+1BptYphdGkj09ggdsiE4w8g0F/uI1g36QaTKrzVnBAWMipvQ==",
             "dev": true
         },
+        "node_modules/@esbuild/android-arm": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.15.10.tgz",
+            "integrity": "sha512-FNONeQPy/ox+5NBkcSbYJxoXj9GWu8gVGJTVmUyoOCKQFDTrHVKgNSzChdNt0I8Aj/iKcsDf2r9BFwv+FSNUXg==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
         "node_modules/@esbuild/linux-loong64": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.15.7.tgz",
-            "integrity": "sha512-IKznSJOsVUuyt7cDzzSZyqBEcZe+7WlBqTVXiF1OXP/4Nm387ToaXZ0fyLwI1iBlI/bzpxVq411QE2/Bt2XWWw==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.15.10.tgz",
+            "integrity": "sha512-w0Ou3Z83LOYEkwaui2M8VwIp+nLi/NA60lBLMvaJ+vXVMcsARYdEzLNE7RSm4+lSg4zq4d7fAVuzk7PNQ5JFgg==",
             "cpu": [
                 "loong64"
             ],
@@ -741,9 +757,9 @@
             }
         },
         "node_modules/@eslint/eslintrc": {
-            "version": "1.3.2",
-            "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.2.tgz",
-            "integrity": "sha512-AXYd23w1S/bv3fTs3Lz0vjiYemS08jWkI3hYyS9I1ry+0f+Yjs1wm+sU0BS8qDOPrBIkp4qHYC16I8uVtpLajQ==",
+            "version": "1.3.3",
+            "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.3.tgz",
+            "integrity": "sha512-uj3pT6Mg+3t39fvLrj8iuCIJ38zKO9FpGtJ4BBJebJhEwjoT+KLVNCcHT5QC9NGRIEi7fZ0ZR8YRb884auB4Lg==",
             "dev": true,
             "dependencies": {
                 "ajv": "^6.12.4",
@@ -777,16 +793,6 @@
                 "node": ">=10.10.0"
             }
         },
-        "node_modules/@humanwhocodes/gitignore-to-minimatch": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/@humanwhocodes/gitignore-to-minimatch/-/gitignore-to-minimatch-1.0.2.tgz",
-            "integrity": "sha512-rSqmMJDdLFUsyxR6FMtD00nfQKKLFb1kv+qBbOVKqErvloEIJLo5bDTJTQNTYgeyp78JsA7u/NPi5jT1GR/MuA==",
-            "dev": true,
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/nzakas"
-            }
-        },
         "node_modules/@humanwhocodes/module-importer": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
@@ -1362,13 +1368,13 @@
             }
         },
         "node_modules/@sveltejs/adapter-auto": {
-            "version": "1.0.0-next.80",
-            "resolved": "https://registry.npmjs.org/@sveltejs/adapter-auto/-/adapter-auto-1.0.0-next.80.tgz",
-            "integrity": "sha512-352WoZr9fQgxJqgNENvxRr2gsA+wTF6V9AVaQaaatDYd3RVEBaXTYOOalFaRLSa25mRUJaLYP2aaliqczMl23g==",
+            "version": "1.0.0-next.81",
+            "resolved": "https://registry.npmjs.org/@sveltejs/adapter-auto/-/adapter-auto-1.0.0-next.81.tgz",
+            "integrity": "sha512-q+0Rh2upU7i3m0fVi/CHrkt+BbTR7bkQ2OoVTVMKwSqrBenr6utPB/7y8tyRrZ21gzUihMSbeFpzbpmzVOI+2g==",
             "dev": true,
             "dependencies": {
                 "@sveltejs/adapter-cloudflare": "1.0.0-next.38",
-                "@sveltejs/adapter-netlify": "1.0.0-next.78",
+                "@sveltejs/adapter-netlify": "1.0.0-next.79",
                 "@sveltejs/adapter-vercel": "1.0.0-next.77"
             }
         },
@@ -1384,9 +1390,9 @@
             }
         },
         "node_modules/@sveltejs/adapter-netlify": {
-            "version": "1.0.0-next.78",
-            "resolved": "https://registry.npmjs.org/@sveltejs/adapter-netlify/-/adapter-netlify-1.0.0-next.78.tgz",
-            "integrity": "sha512-Yyn/j/0QcLK3Db442ducLUZmyvkO74j7Gdcwu9xN0fQN3kBlCJP9Itx5o4SySrPFGc4Q8cLJ5ELNg+mWduLBAA==",
+            "version": "1.0.0-next.79",
+            "resolved": "https://registry.npmjs.org/@sveltejs/adapter-netlify/-/adapter-netlify-1.0.0-next.79.tgz",
+            "integrity": "sha512-XaihONVwUeXVVt9f2xcFgRExfG8jWKPkyqi715kzPbrgpqH3zaRgLJM2ABEGQ3g2MEn+6op+Z2olIWhM+RA0Cg==",
             "dev": true,
             "dependencies": {
                 "@iarna/toml": "^2.2.5",
@@ -1405,9 +1411,9 @@
             }
         },
         "node_modules/@sveltejs/kit": {
-            "version": "1.0.0-next.509",
-            "resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.0.0-next.509.tgz",
-            "integrity": "sha512-PKynROFwayitCsMw1ZRtf7ezoI9YzWbQxAQy0NskNUSWf7iUo1ng7Qd/bB5VpFqKIrjgi/nWl8hriaemkit2Vg==",
+            "version": "1.0.0-next.512",
+            "resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.0.0-next.512.tgz",
+            "integrity": "sha512-/KywzSMXdNxYGujJfdlAbLgV9m0TSSKqC8XluZ46M6oPAM1fUsjfBBtukU/Vx3hP7ldR8d/vpKX3amENAMw50g==",
             "dev": true,
             "hasInstallScript": true,
             "dependencies": {
@@ -1448,16 +1454,16 @@
             }
         },
         "node_modules/@sveltejs/vite-plugin-svelte": {
-            "version": "1.0.8",
-            "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-1.0.8.tgz",
-            "integrity": "sha512-1xkVTB4pm6zuign858FzVYE9Fdw9MQBOlxrdd85STV0NvTDmcofcRpcrK+zcIyT8SZ2dseHLu8hvDwzssF6RfA==",
+            "version": "1.0.9",
+            "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-1.0.9.tgz",
+            "integrity": "sha512-+SDrAnT7TDi8sdj4OfD2SC4s9DNrpNVBrue8fT2PmKks9Ddu0JIfSeX91wXZb/1xHz4EkGb+rli8GTRI0yGOjg==",
             "dev": true,
             "dependencies": {
                 "@rollup/pluginutils": "^4.2.1",
                 "debug": "^4.3.4",
                 "deepmerge": "^4.2.2",
                 "kleur": "^4.1.5",
-                "magic-string": "^0.26.3",
+                "magic-string": "^0.26.5",
                 "svelte-hmr": "^0.15.0"
             },
             "engines": {
@@ -1475,9 +1481,9 @@
             }
         },
         "node_modules/@sveltejs/vite-plugin-svelte/node_modules/magic-string": {
-            "version": "0.26.3",
-            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.26.3.tgz",
-            "integrity": "sha512-u1Po0NDyFcwdg2nzHT88wSK0+Rih0N1M+Ph1Sp08k8yvFFU3KR72wryS7e1qMPJypt99WB7fIFVCA92mQrMjrg==",
+            "version": "0.26.7",
+            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.26.7.tgz",
+            "integrity": "sha512-hX9XH3ziStPoPhJxLq1syWuZMxbDvGNbVchfrdCtanC7D13888bMFow61x8axrx+GfHLtVeAx2kxL7tTGRl+Ow==",
             "dev": true,
             "dependencies": {
                 "sourcemap-codec": "^1.4.8"
@@ -3050,9 +3056,9 @@
             "dev": true
         },
         "node_modules/esbuild": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.15.7.tgz",
-            "integrity": "sha512-7V8tzllIbAQV1M4QoE52ImKu8hT/NLGlGXkiDsbEU5PS6K8Mn09ZnYoS+dcmHxOS9CRsV4IRAMdT3I67IyUNXw==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.15.10.tgz",
+            "integrity": "sha512-N7wBhfJ/E5fzn/SpNgX+oW2RLRjwaL8Y0ezqNqhjD6w0H2p0rDuEz2FKZqpqLnO8DCaWumKe8dsC/ljvVSSxng==",
             "dev": true,
             "hasInstallScript": true,
             "bin": {
@@ -3062,33 +3068,34 @@
                 "node": ">=12"
             },
             "optionalDependencies": {
-                "@esbuild/linux-loong64": "0.15.7",
-                "esbuild-android-64": "0.15.7",
-                "esbuild-android-arm64": "0.15.7",
-                "esbuild-darwin-64": "0.15.7",
-                "esbuild-darwin-arm64": "0.15.7",
-                "esbuild-freebsd-64": "0.15.7",
-                "esbuild-freebsd-arm64": "0.15.7",
-                "esbuild-linux-32": "0.15.7",
-                "esbuild-linux-64": "0.15.7",
-                "esbuild-linux-arm": "0.15.7",
-                "esbuild-linux-arm64": "0.15.7",
-                "esbuild-linux-mips64le": "0.15.7",
-                "esbuild-linux-ppc64le": "0.15.7",
-                "esbuild-linux-riscv64": "0.15.7",
-                "esbuild-linux-s390x": "0.15.7",
-                "esbuild-netbsd-64": "0.15.7",
-                "esbuild-openbsd-64": "0.15.7",
-                "esbuild-sunos-64": "0.15.7",
-                "esbuild-windows-32": "0.15.7",
-                "esbuild-windows-64": "0.15.7",
-                "esbuild-windows-arm64": "0.15.7"
+                "@esbuild/android-arm": "0.15.10",
+                "@esbuild/linux-loong64": "0.15.10",
+                "esbuild-android-64": "0.15.10",
+                "esbuild-android-arm64": "0.15.10",
+                "esbuild-darwin-64": "0.15.10",
+                "esbuild-darwin-arm64": "0.15.10",
+                "esbuild-freebsd-64": "0.15.10",
+                "esbuild-freebsd-arm64": "0.15.10",
+                "esbuild-linux-32": "0.15.10",
+                "esbuild-linux-64": "0.15.10",
+                "esbuild-linux-arm": "0.15.10",
+                "esbuild-linux-arm64": "0.15.10",
+                "esbuild-linux-mips64le": "0.15.10",
+                "esbuild-linux-ppc64le": "0.15.10",
+                "esbuild-linux-riscv64": "0.15.10",
+                "esbuild-linux-s390x": "0.15.10",
+                "esbuild-netbsd-64": "0.15.10",
+                "esbuild-openbsd-64": "0.15.10",
+                "esbuild-sunos-64": "0.15.10",
+                "esbuild-windows-32": "0.15.10",
+                "esbuild-windows-64": "0.15.10",
+                "esbuild-windows-arm64": "0.15.10"
             }
         },
         "node_modules/esbuild-android-64": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-android-64/-/esbuild-android-64-0.15.7.tgz",
-            "integrity": "sha512-p7rCvdsldhxQr3YHxptf1Jcd86dlhvc3EQmQJaZzzuAxefO9PvcI0GLOa5nCWem1AJ8iMRu9w0r5TG8pHmbi9w==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-android-64/-/esbuild-android-64-0.15.10.tgz",
+            "integrity": "sha512-UI7krF8OYO1N7JYTgLT9ML5j4+45ra3amLZKx7LO3lmLt1Ibn8t3aZbX5Pu4BjWiqDuJ3m/hsvhPhK/5Y/YpnA==",
             "cpu": [
                 "x64"
             ],
@@ -3102,9 +3109,9 @@
             }
         },
         "node_modules/esbuild-android-arm64": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-android-arm64/-/esbuild-android-arm64-0.15.7.tgz",
-            "integrity": "sha512-L775l9ynJT7rVqRM5vo+9w5g2ysbOCfsdLV4CWanTZ1k/9Jb3IYlQ06VCI1edhcosTYJRECQFJa3eAvkx72eyQ==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-android-arm64/-/esbuild-android-arm64-0.15.10.tgz",
+            "integrity": "sha512-EOt55D6xBk5O05AK8brXUbZmoFj4chM8u3riGflLa6ziEoVvNjRdD7Cnp82NHQGfSHgYR06XsPI8/sMuA/cUwg==",
             "cpu": [
                 "arm64"
             ],
@@ -3118,9 +3125,9 @@
             }
         },
         "node_modules/esbuild-darwin-64": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.15.7.tgz",
-            "integrity": "sha512-KGPt3r1c9ww009t2xLB6Vk0YyNOXh7hbjZ3EecHoVDxgtbUlYstMPDaReimKe6eOEfyY4hBEEeTvKwPsiH5WZg==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.15.10.tgz",
+            "integrity": "sha512-hbDJugTicqIm+WKZgp208d7FcXcaK8j2c0l+fqSJ3d2AzQAfjEYDRM3Z2oMeqSJ9uFxyj/muSACLdix7oTstRA==",
             "cpu": [
                 "x64"
             ],
@@ -3134,9 +3141,9 @@
             }
         },
         "node_modules/esbuild-darwin-arm64": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.15.7.tgz",
-            "integrity": "sha512-kBIHvtVqbSGajN88lYMnR3aIleH3ABZLLFLxwL2stiuIGAjGlQW741NxVTpUHQXUmPzxi6POqc9npkXa8AcSZQ==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.15.10.tgz",
+            "integrity": "sha512-M1t5+Kj4IgSbYmunf2BB6EKLkWUq+XlqaFRiGOk8bmBapu9bCDrxjf4kUnWn59Dka3I27EiuHBKd1rSO4osLFQ==",
             "cpu": [
                 "arm64"
             ],
@@ -3150,9 +3157,9 @@
             }
         },
         "node_modules/esbuild-freebsd-64": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-freebsd-64/-/esbuild-freebsd-64-0.15.7.tgz",
-            "integrity": "sha512-hESZB91qDLV5MEwNxzMxPfbjAhOmtfsr9Wnuci7pY6TtEh4UDuevmGmkUIjX/b+e/k4tcNBMf7SRQ2mdNuK/HQ==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-freebsd-64/-/esbuild-freebsd-64-0.15.10.tgz",
+            "integrity": "sha512-KMBFMa7C8oc97nqDdoZwtDBX7gfpolkk6Bcmj6YFMrtCMVgoU/x2DI1p74DmYl7CSS6Ppa3xgemrLrr5IjIn0w==",
             "cpu": [
                 "x64"
             ],
@@ -3166,9 +3173,9 @@
             }
         },
         "node_modules/esbuild-freebsd-arm64": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.15.7.tgz",
-            "integrity": "sha512-dLFR0ChH5t+b3J8w0fVKGvtwSLWCv7GYT2Y2jFGulF1L5HftQLzVGN+6pi1SivuiVSmTh28FwUhi9PwQicXI6Q==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.15.10.tgz",
+            "integrity": "sha512-m2KNbuCX13yQqLlbSojFMHpewbn8wW5uDS6DxRpmaZKzyq8Dbsku6hHvh2U+BcLwWY4mpgXzFUoENEf7IcioGg==",
             "cpu": [
                 "arm64"
             ],
@@ -3182,9 +3189,9 @@
             }
         },
         "node_modules/esbuild-linux-32": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-linux-32/-/esbuild-linux-32-0.15.7.tgz",
-            "integrity": "sha512-v3gT/LsONGUZcjbt2swrMjwxo32NJzk+7sAgtxhGx1+ZmOFaTRXBAi1PPfgpeo/J//Un2jIKm/I+qqeo4caJvg==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-linux-32/-/esbuild-linux-32-0.15.10.tgz",
+            "integrity": "sha512-guXrwSYFAvNkuQ39FNeV4sNkNms1bLlA5vF1H0cazZBOLdLFIny6BhT+TUbK/hdByMQhtWQ5jI9VAmPKbVPu1w==",
             "cpu": [
                 "ia32"
             ],
@@ -3198,9 +3205,9 @@
             }
         },
         "node_modules/esbuild-linux-64": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.15.7.tgz",
-            "integrity": "sha512-LxXEfLAKwOVmm1yecpMmWERBshl+Kv5YJ/1KnyAr6HRHFW8cxOEsEfisD3sVl/RvHyW//lhYUVSuy9jGEfIRAQ==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.15.10.tgz",
+            "integrity": "sha512-jd8XfaSJeucMpD63YNMO1JCrdJhckHWcMv6O233bL4l6ogQKQOxBYSRP/XLWP+6kVTu0obXovuckJDcA0DKtQA==",
             "cpu": [
                 "x64"
             ],
@@ -3214,9 +3221,9 @@
             }
         },
         "node_modules/esbuild-linux-arm": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-linux-arm/-/esbuild-linux-arm-0.15.7.tgz",
-            "integrity": "sha512-JKgAHtMR5f75wJTeuNQbyznZZa+pjiUHV7sRZp42UNdyXC6TiUYMW/8z8yIBAr2Fpad8hM1royZKQisqPABPvQ==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-linux-arm/-/esbuild-linux-arm-0.15.10.tgz",
+            "integrity": "sha512-6N8vThLL/Lysy9y4Ex8XoLQAlbZKUyExCWyayGi2KgTBelKpPgj6RZnUaKri0dHNPGgReJriKVU6+KDGQwn10A==",
             "cpu": [
                 "arm"
             ],
@@ -3230,9 +3237,9 @@
             }
         },
         "node_modules/esbuild-linux-arm64": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-linux-arm64/-/esbuild-linux-arm64-0.15.7.tgz",
-            "integrity": "sha512-P3cfhudpzWDkglutWgXcT2S7Ft7o2e3YDMrP1n0z2dlbUZghUkKCyaWw0zhp4KxEEzt/E7lmrtRu/pGWnwb9vw==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-linux-arm64/-/esbuild-linux-arm64-0.15.10.tgz",
+            "integrity": "sha512-GByBi4fgkvZFTHFDYNftu1DQ1GzR23jws0oWyCfhnI7eMOe+wgwWrc78dbNk709Ivdr/evefm2PJiUBMiusS1A==",
             "cpu": [
                 "arm64"
             ],
@@ -3246,9 +3253,9 @@
             }
         },
         "node_modules/esbuild-linux-mips64le": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.15.7.tgz",
-            "integrity": "sha512-T7XKuxl0VpeFLCJXub6U+iybiqh0kM/bWOTb4qcPyDDwNVhLUiPcGdG2/0S7F93czUZOKP57YiLV8YQewgLHKw==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.15.10.tgz",
+            "integrity": "sha512-BxP+LbaGVGIdQNJUNF7qpYjEGWb0YyHVSKqYKrn+pTwH/SiHUxFyJYSP3pqkku61olQiSBnSmWZ+YUpj78Tw7Q==",
             "cpu": [
                 "mips64el"
             ],
@@ -3262,9 +3269,9 @@
             }
         },
         "node_modules/esbuild-linux-ppc64le": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.15.7.tgz",
-            "integrity": "sha512-6mGuC19WpFN7NYbecMIJjeQgvDb5aMuvyk0PDYBJrqAEMkTwg3Z98kEKuCm6THHRnrgsdr7bp4SruSAxEM4eJw==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.15.10.tgz",
+            "integrity": "sha512-LoSQCd6498PmninNgqd/BR7z3Bsk/mabImBWuQ4wQgmQEeanzWd5BQU2aNi9mBURCLgyheuZS6Xhrw5luw3OkQ==",
             "cpu": [
                 "ppc64"
             ],
@@ -3278,9 +3285,9 @@
             }
         },
         "node_modules/esbuild-linux-riscv64": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.15.7.tgz",
-            "integrity": "sha512-uUJsezbswAYo/X7OU/P+PuL/EI9WzxsEQXDekfwpQ23uGiooxqoLFAPmXPcRAt941vjlY9jtITEEikWMBr+F/g==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.15.10.tgz",
+            "integrity": "sha512-Lrl9Cr2YROvPV4wmZ1/g48httE8z/5SCiXIyebiB5N8VT7pX3t6meI7TQVHw/wQpqP/AF4SksDuFImPTM7Z32Q==",
             "cpu": [
                 "riscv64"
             ],
@@ -3294,9 +3301,9 @@
             }
         },
         "node_modules/esbuild-linux-s390x": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-linux-s390x/-/esbuild-linux-s390x-0.15.7.tgz",
-            "integrity": "sha512-+tO+xOyTNMc34rXlSxK7aCwJgvQyffqEM5MMdNDEeMU3ss0S6wKvbBOQfgd5jRPblfwJ6b+bKiz0g5nABpY0QQ==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-linux-s390x/-/esbuild-linux-s390x-0.15.10.tgz",
+            "integrity": "sha512-ReP+6q3eLVVP2lpRrvl5EodKX7EZ1bS1/z5j6hsluAlZP5aHhk6ghT6Cq3IANvvDdscMMCB4QEbI+AjtvoOFpA==",
             "cpu": [
                 "s390x"
             ],
@@ -3310,9 +3317,9 @@
             }
         },
         "node_modules/esbuild-netbsd-64": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-netbsd-64/-/esbuild-netbsd-64-0.15.7.tgz",
-            "integrity": "sha512-yVc4Wz+Pu3cP5hzm5kIygNPrjar/v5WCSoRmIjCPWfBVJkZNb5brEGKUlf+0Y759D48BCWa0WHrWXaNy0DULTQ==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-netbsd-64/-/esbuild-netbsd-64-0.15.10.tgz",
+            "integrity": "sha512-iGDYtJCMCqldMskQ4eIV+QSS/CuT7xyy9i2/FjpKvxAuCzrESZXiA1L64YNj6/afuzfBe9i8m/uDkFHy257hTw==",
             "cpu": [
                 "x64"
             ],
@@ -3326,9 +3333,9 @@
             }
         },
         "node_modules/esbuild-openbsd-64": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-openbsd-64/-/esbuild-openbsd-64-0.15.7.tgz",
-            "integrity": "sha512-GsimbwC4FSR4lN3wf8XmTQ+r8/0YSQo21rWDL0XFFhLHKlzEA4SsT1Tl8bPYu00IU6UWSJ+b3fG/8SB69rcuEQ==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-openbsd-64/-/esbuild-openbsd-64-0.15.10.tgz",
+            "integrity": "sha512-ftMMIwHWrnrYnvuJQRJs/Smlcb28F9ICGde/P3FUTCgDDM0N7WA0o9uOR38f5Xe2/OhNCgkjNeb7QeaE3cyWkQ==",
             "cpu": [
                 "x64"
             ],
@@ -3342,9 +3349,9 @@
             }
         },
         "node_modules/esbuild-sunos-64": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.15.7.tgz",
-            "integrity": "sha512-8CDI1aL/ts0mDGbWzjEOGKXnU7p3rDzggHSBtVryQzkSOsjCHRVe0iFYUuhczlxU1R3LN/E7HgUO4NXzGGP/Ag==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.15.10.tgz",
+            "integrity": "sha512-mf7hBL9Uo2gcy2r3rUFMjVpTaGpFJJE5QTDDqUFf1632FxteYANffDZmKbqX0PfeQ2XjUDE604IcE7OJeoHiyg==",
             "cpu": [
                 "x64"
             ],
@@ -3358,9 +3365,9 @@
             }
         },
         "node_modules/esbuild-windows-32": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.15.7.tgz",
-            "integrity": "sha512-cOnKXUEPS8EGCzRSFa1x6NQjGhGsFlVgjhqGEbLTPsA7x4RRYiy2RKoArNUU4iR2vHmzqS5Gr84MEumO/wxYKA==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.15.10.tgz",
+            "integrity": "sha512-ttFVo+Cg8b5+qHmZHbEc8Vl17kCleHhLzgT8X04y8zudEApo0PxPg9Mz8Z2cKH1bCYlve1XL8LkyXGFjtUYeGg==",
             "cpu": [
                 "ia32"
             ],
@@ -3374,9 +3381,9 @@
             }
         },
         "node_modules/esbuild-windows-64": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.15.7.tgz",
-            "integrity": "sha512-7MI08Ec2sTIDv+zH6StNBKO+2hGUYIT42GmFyW6MBBWWtJhTcQLinKS6ldIN1d52MXIbiJ6nXyCJ+LpL4jBm3Q==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.15.10.tgz",
+            "integrity": "sha512-2H0gdsyHi5x+8lbng3hLbxDWR7mKHWh5BXZGKVG830KUmXOOWFE2YKJ4tHRkejRduOGDrBvHBriYsGtmTv3ntA==",
             "cpu": [
                 "x64"
             ],
@@ -3390,9 +3397,9 @@
             }
         },
         "node_modules/esbuild-windows-arm64": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-windows-arm64/-/esbuild-windows-arm64-0.15.7.tgz",
-            "integrity": "sha512-R06nmqBlWjKHddhRJYlqDd3Fabx9LFdKcjoOy08YLimwmsswlFBJV4rXzZCxz/b7ZJXvrZgj8DDv1ewE9+StMw==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-windows-arm64/-/esbuild-windows-arm64-0.15.10.tgz",
+            "integrity": "sha512-S+th4F+F8VLsHLR0zrUcG+Et4hx0RKgK1eyHc08kztmLOES8BWwMiaGdoW9hiXuzznXQ0I/Fg904MNbr11Nktw==",
             "cpu": [
                 "arm64"
             ],
@@ -3522,14 +3529,13 @@
             }
         },
         "node_modules/eslint": {
-            "version": "8.24.0",
-            "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.24.0.tgz",
-            "integrity": "sha512-dWFaPhGhTAiPcCgm3f6LI2MBWbogMnTJzFBbhXVRQDJPkr9pGZvVjlVfXd+vyDcWPA2Ic9L2AXPIQM0+vk/cSQ==",
+            "version": "8.25.0",
+            "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.25.0.tgz",
+            "integrity": "sha512-DVlJOZ4Pn50zcKW5bYH7GQK/9MsoQG2d5eDH0ebEkE8PbgzTTmtt/VTH9GGJ4BfeZCpBLqFfvsjX35UacUL83A==",
             "dev": true,
             "dependencies": {
-                "@eslint/eslintrc": "^1.3.2",
+                "@eslint/eslintrc": "^1.3.3",
                 "@humanwhocodes/config-array": "^0.10.5",
-                "@humanwhocodes/gitignore-to-minimatch": "^1.0.2",
                 "@humanwhocodes/module-importer": "^1.0.1",
                 "ajv": "^6.10.0",
                 "chalk": "^4.0.0",
@@ -6558,9 +6564,9 @@
             }
         },
         "node_modules/prettier-plugin-svelte": {
-            "version": "2.7.1",
-            "resolved": "https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-2.7.1.tgz",
-            "integrity": "sha512-H33qjhCBZyd9Zr1A5hUAYDh7j0Mf97uvy7XcA7CP4nNSYrNcPvBUf7wI8K9NptWTIs0S41QtgTWmJIUiGlEBtw==",
+            "version": "2.8.0",
+            "resolved": "https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-2.8.0.tgz",
+            "integrity": "sha512-QlXv/U3bUszks3XYDPsk1fsaQC+fo2lshwKbcbO+lrSVdJ+40mB1BfL8OCAk1W9y4pJxpqO/4gqm6NtF3zNGCw==",
             "dev": true,
             "peerDependencies": {
                 "prettier": "^1.16.4 || ^2.0.0",
@@ -7254,9 +7260,9 @@
             }
         },
         "node_modules/strip-literal": {
-            "version": "0.4.1",
-            "resolved": "https://registry.npmjs.org/strip-literal/-/strip-literal-0.4.1.tgz",
-            "integrity": "sha512-z+F/xmDM8GOdvA5UoZXFxEnxdvMOZ+XEBIwjfLfc8hMSuHpGxjXAUCfuEo+t1GOHSb8+qgI/IBRpxXVMaABYWA==",
+            "version": "0.4.2",
+            "resolved": "https://registry.npmjs.org/strip-literal/-/strip-literal-0.4.2.tgz",
+            "integrity": "sha512-pv48ybn4iE1O9RLgCAN0iU4Xv7RlBTiit6DKmMiErbs9x1wH6vXBs45tWc0H5wUIF6TLTrKweqkmYF/iraQKNw==",
             "dev": true,
             "dependencies": {
                 "acorn": "^8.8.0"
@@ -7313,9 +7319,9 @@
             }
         },
         "node_modules/svelte-check": {
-            "version": "2.9.1",
-            "resolved": "https://registry.npmjs.org/svelte-check/-/svelte-check-2.9.1.tgz",
-            "integrity": "sha512-+BFPsj6irZ+t2pVSVo//2Ic1mI3A52xCwbkSTVhTqYZqgawcyZd9pYZoEac3fIWbEeTyCb5X82ORKI/gjn+P7A==",
+            "version": "2.9.2",
+            "resolved": "https://registry.npmjs.org/svelte-check/-/svelte-check-2.9.2.tgz",
+            "integrity": "sha512-DRi8HhnCiqiGR2YF9ervPGvtoYrheE09cXieCTEqeTPOTJzfoa54Py8rovIBv4bH4n5HgZYIyTQ3DDLHQLl2uQ==",
             "dev": true,
             "dependencies": {
                 "@jridgewell/trace-mapping": "^0.3.9",
@@ -7511,9 +7517,9 @@
             }
         },
         "node_modules/tinybench": {
-            "version": "2.1.5",
-            "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.1.5.tgz",
-            "integrity": "sha512-ak+PZZEuH3mw6CCFOgf5S90YH0MARnZNhxjhjguAmoJimEMAJuNip/rJRd6/wyylHItomVpKTzZk9zrhTrQCoQ==",
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.3.0.tgz",
+            "integrity": "sha512-zs1gMVBwyyG2QbVchYIbnabRhMOCGvrwZz/q+SV+LIMa9q5YDQZi2kkI6ZRqV2Bz7ba1uvrc7ieUoE4KWnGeKg==",
             "dev": true
         },
         "node_modules/tinypool": {
@@ -7743,12 +7749,12 @@
             }
         },
         "node_modules/vite": {
-            "version": "3.1.4",
-            "resolved": "https://registry.npmjs.org/vite/-/vite-3.1.4.tgz",
-            "integrity": "sha512-JoQI08aBjY9lycL7jcEq4p9o1xUjq5aRvdH4KWaXtkSx7e7RpAh9D3IjzDWRD4Fg44LS3oDAIOG/Kq1L+82psA==",
+            "version": "3.1.7",
+            "resolved": "https://registry.npmjs.org/vite/-/vite-3.1.7.tgz",
+            "integrity": "sha512-5vCAmU4S8lyVdFCInu9M54f/g8qbOMakVw5xJ4pjoaDy5wgy9sLLZkGdSLN52dlsBqh0tBqxjaqqa8LgPqwRAA==",
             "dev": true,
             "dependencies": {
-                "esbuild": "^0.15.6",
+                "esbuild": "^0.15.9",
                 "postcss": "^8.4.16",
                 "resolve": "^1.22.1",
                 "rollup": "~2.78.0"
@@ -8654,17 +8660,24 @@
             "integrity": "sha512-gaBUSaKS65mN3iKZEgichbXYEmAa/pXkc5Gbt+1BptYphdGkj09ggdsiE4w8g0F/uI1g36QaTKrzVnBAWMipvQ==",
             "dev": true
         },
+        "@esbuild/android-arm": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.15.10.tgz",
+            "integrity": "sha512-FNONeQPy/ox+5NBkcSbYJxoXj9GWu8gVGJTVmUyoOCKQFDTrHVKgNSzChdNt0I8Aj/iKcsDf2r9BFwv+FSNUXg==",
+            "dev": true,
+            "optional": true
+        },
         "@esbuild/linux-loong64": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.15.7.tgz",
-            "integrity": "sha512-IKznSJOsVUuyt7cDzzSZyqBEcZe+7WlBqTVXiF1OXP/4Nm387ToaXZ0fyLwI1iBlI/bzpxVq411QE2/Bt2XWWw==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.15.10.tgz",
+            "integrity": "sha512-w0Ou3Z83LOYEkwaui2M8VwIp+nLi/NA60lBLMvaJ+vXVMcsARYdEzLNE7RSm4+lSg4zq4d7fAVuzk7PNQ5JFgg==",
             "dev": true,
             "optional": true
         },
         "@eslint/eslintrc": {
-            "version": "1.3.2",
-            "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.2.tgz",
-            "integrity": "sha512-AXYd23w1S/bv3fTs3Lz0vjiYemS08jWkI3hYyS9I1ry+0f+Yjs1wm+sU0BS8qDOPrBIkp4qHYC16I8uVtpLajQ==",
+            "version": "1.3.3",
+            "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.3.tgz",
+            "integrity": "sha512-uj3pT6Mg+3t39fvLrj8iuCIJ38zKO9FpGtJ4BBJebJhEwjoT+KLVNCcHT5QC9NGRIEi7fZ0ZR8YRb884auB4Lg==",
             "dev": true,
             "requires": {
                 "ajv": "^6.12.4",
@@ -8689,12 +8702,6 @@
                 "minimatch": "^3.0.4"
             }
         },
-        "@humanwhocodes/gitignore-to-minimatch": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/@humanwhocodes/gitignore-to-minimatch/-/gitignore-to-minimatch-1.0.2.tgz",
-            "integrity": "sha512-rSqmMJDdLFUsyxR6FMtD00nfQKKLFb1kv+qBbOVKqErvloEIJLo5bDTJTQNTYgeyp78JsA7u/NPi5jT1GR/MuA==",
-            "dev": true
-        },
         "@humanwhocodes/module-importer": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
@@ -9159,13 +9166,13 @@
             }
         },
         "@sveltejs/adapter-auto": {
-            "version": "1.0.0-next.80",
-            "resolved": "https://registry.npmjs.org/@sveltejs/adapter-auto/-/adapter-auto-1.0.0-next.80.tgz",
-            "integrity": "sha512-352WoZr9fQgxJqgNENvxRr2gsA+wTF6V9AVaQaaatDYd3RVEBaXTYOOalFaRLSa25mRUJaLYP2aaliqczMl23g==",
+            "version": "1.0.0-next.81",
+            "resolved": "https://registry.npmjs.org/@sveltejs/adapter-auto/-/adapter-auto-1.0.0-next.81.tgz",
+            "integrity": "sha512-q+0Rh2upU7i3m0fVi/CHrkt+BbTR7bkQ2OoVTVMKwSqrBenr6utPB/7y8tyRrZ21gzUihMSbeFpzbpmzVOI+2g==",
             "dev": true,
             "requires": {
                 "@sveltejs/adapter-cloudflare": "1.0.0-next.38",
-                "@sveltejs/adapter-netlify": "1.0.0-next.78",
+                "@sveltejs/adapter-netlify": "1.0.0-next.79",
                 "@sveltejs/adapter-vercel": "1.0.0-next.77"
             }
         },
@@ -9181,9 +9188,9 @@
             }
         },
         "@sveltejs/adapter-netlify": {
-            "version": "1.0.0-next.78",
-            "resolved": "https://registry.npmjs.org/@sveltejs/adapter-netlify/-/adapter-netlify-1.0.0-next.78.tgz",
-            "integrity": "sha512-Yyn/j/0QcLK3Db442ducLUZmyvkO74j7Gdcwu9xN0fQN3kBlCJP9Itx5o4SySrPFGc4Q8cLJ5ELNg+mWduLBAA==",
+            "version": "1.0.0-next.79",
+            "resolved": "https://registry.npmjs.org/@sveltejs/adapter-netlify/-/adapter-netlify-1.0.0-next.79.tgz",
+            "integrity": "sha512-XaihONVwUeXVVt9f2xcFgRExfG8jWKPkyqi715kzPbrgpqH3zaRgLJM2ABEGQ3g2MEn+6op+Z2olIWhM+RA0Cg==",
             "dev": true,
             "requires": {
                 "@iarna/toml": "^2.2.5",
@@ -9202,9 +9209,9 @@
             }
         },
         "@sveltejs/kit": {
-            "version": "1.0.0-next.509",
-            "resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.0.0-next.509.tgz",
-            "integrity": "sha512-PKynROFwayitCsMw1ZRtf7ezoI9YzWbQxAQy0NskNUSWf7iUo1ng7Qd/bB5VpFqKIrjgi/nWl8hriaemkit2Vg==",
+            "version": "1.0.0-next.512",
+            "resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.0.0-next.512.tgz",
+            "integrity": "sha512-/KywzSMXdNxYGujJfdlAbLgV9m0TSSKqC8XluZ46M6oPAM1fUsjfBBtukU/Vx3hP7ldR8d/vpKX3amENAMw50g==",
             "dev": true,
             "requires": {
                 "@sveltejs/vite-plugin-svelte": "^1.0.5",
@@ -9233,23 +9240,23 @@
             }
         },
         "@sveltejs/vite-plugin-svelte": {
-            "version": "1.0.8",
-            "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-1.0.8.tgz",
-            "integrity": "sha512-1xkVTB4pm6zuign858FzVYE9Fdw9MQBOlxrdd85STV0NvTDmcofcRpcrK+zcIyT8SZ2dseHLu8hvDwzssF6RfA==",
+            "version": "1.0.9",
+            "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-1.0.9.tgz",
+            "integrity": "sha512-+SDrAnT7TDi8sdj4OfD2SC4s9DNrpNVBrue8fT2PmKks9Ddu0JIfSeX91wXZb/1xHz4EkGb+rli8GTRI0yGOjg==",
             "dev": true,
             "requires": {
                 "@rollup/pluginutils": "^4.2.1",
                 "debug": "^4.3.4",
                 "deepmerge": "^4.2.2",
                 "kleur": "^4.1.5",
-                "magic-string": "^0.26.3",
+                "magic-string": "^0.26.5",
                 "svelte-hmr": "^0.15.0"
             },
             "dependencies": {
                 "magic-string": {
-                    "version": "0.26.3",
-                    "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.26.3.tgz",
-                    "integrity": "sha512-u1Po0NDyFcwdg2nzHT88wSK0+Rih0N1M+Ph1Sp08k8yvFFU3KR72wryS7e1qMPJypt99WB7fIFVCA92mQrMjrg==",
+                    "version": "0.26.7",
+                    "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.26.7.tgz",
+                    "integrity": "sha512-hX9XH3ziStPoPhJxLq1syWuZMxbDvGNbVchfrdCtanC7D13888bMFow61x8axrx+GfHLtVeAx2kxL7tTGRl+Ow==",
                     "dev": true,
                     "requires": {
                         "sourcemap-codec": "^1.4.8"
@@ -10491,171 +10498,172 @@
             "dev": true
         },
         "esbuild": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.15.7.tgz",
-            "integrity": "sha512-7V8tzllIbAQV1M4QoE52ImKu8hT/NLGlGXkiDsbEU5PS6K8Mn09ZnYoS+dcmHxOS9CRsV4IRAMdT3I67IyUNXw==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.15.10.tgz",
+            "integrity": "sha512-N7wBhfJ/E5fzn/SpNgX+oW2RLRjwaL8Y0ezqNqhjD6w0H2p0rDuEz2FKZqpqLnO8DCaWumKe8dsC/ljvVSSxng==",
             "dev": true,
             "requires": {
-                "@esbuild/linux-loong64": "0.15.7",
-                "esbuild-android-64": "0.15.7",
-                "esbuild-android-arm64": "0.15.7",
-                "esbuild-darwin-64": "0.15.7",
-                "esbuild-darwin-arm64": "0.15.7",
-                "esbuild-freebsd-64": "0.15.7",
-                "esbuild-freebsd-arm64": "0.15.7",
-                "esbuild-linux-32": "0.15.7",
-                "esbuild-linux-64": "0.15.7",
-                "esbuild-linux-arm": "0.15.7",
-                "esbuild-linux-arm64": "0.15.7",
-                "esbuild-linux-mips64le": "0.15.7",
-                "esbuild-linux-ppc64le": "0.15.7",
-                "esbuild-linux-riscv64": "0.15.7",
-                "esbuild-linux-s390x": "0.15.7",
-                "esbuild-netbsd-64": "0.15.7",
-                "esbuild-openbsd-64": "0.15.7",
-                "esbuild-sunos-64": "0.15.7",
-                "esbuild-windows-32": "0.15.7",
-                "esbuild-windows-64": "0.15.7",
-                "esbuild-windows-arm64": "0.15.7"
+                "@esbuild/android-arm": "0.15.10",
+                "@esbuild/linux-loong64": "0.15.10",
+                "esbuild-android-64": "0.15.10",
+                "esbuild-android-arm64": "0.15.10",
+                "esbuild-darwin-64": "0.15.10",
+                "esbuild-darwin-arm64": "0.15.10",
+                "esbuild-freebsd-64": "0.15.10",
+                "esbuild-freebsd-arm64": "0.15.10",
+                "esbuild-linux-32": "0.15.10",
+                "esbuild-linux-64": "0.15.10",
+                "esbuild-linux-arm": "0.15.10",
+                "esbuild-linux-arm64": "0.15.10",
+                "esbuild-linux-mips64le": "0.15.10",
+                "esbuild-linux-ppc64le": "0.15.10",
+                "esbuild-linux-riscv64": "0.15.10",
+                "esbuild-linux-s390x": "0.15.10",
+                "esbuild-netbsd-64": "0.15.10",
+                "esbuild-openbsd-64": "0.15.10",
+                "esbuild-sunos-64": "0.15.10",
+                "esbuild-windows-32": "0.15.10",
+                "esbuild-windows-64": "0.15.10",
+                "esbuild-windows-arm64": "0.15.10"
             }
         },
         "esbuild-android-64": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-android-64/-/esbuild-android-64-0.15.7.tgz",
-            "integrity": "sha512-p7rCvdsldhxQr3YHxptf1Jcd86dlhvc3EQmQJaZzzuAxefO9PvcI0GLOa5nCWem1AJ8iMRu9w0r5TG8pHmbi9w==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-android-64/-/esbuild-android-64-0.15.10.tgz",
+            "integrity": "sha512-UI7krF8OYO1N7JYTgLT9ML5j4+45ra3amLZKx7LO3lmLt1Ibn8t3aZbX5Pu4BjWiqDuJ3m/hsvhPhK/5Y/YpnA==",
             "dev": true,
             "optional": true
         },
         "esbuild-android-arm64": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-android-arm64/-/esbuild-android-arm64-0.15.7.tgz",
-            "integrity": "sha512-L775l9ynJT7rVqRM5vo+9w5g2ysbOCfsdLV4CWanTZ1k/9Jb3IYlQ06VCI1edhcosTYJRECQFJa3eAvkx72eyQ==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-android-arm64/-/esbuild-android-arm64-0.15.10.tgz",
+            "integrity": "sha512-EOt55D6xBk5O05AK8brXUbZmoFj4chM8u3riGflLa6ziEoVvNjRdD7Cnp82NHQGfSHgYR06XsPI8/sMuA/cUwg==",
             "dev": true,
             "optional": true
         },
         "esbuild-darwin-64": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.15.7.tgz",
-            "integrity": "sha512-KGPt3r1c9ww009t2xLB6Vk0YyNOXh7hbjZ3EecHoVDxgtbUlYstMPDaReimKe6eOEfyY4hBEEeTvKwPsiH5WZg==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.15.10.tgz",
+            "integrity": "sha512-hbDJugTicqIm+WKZgp208d7FcXcaK8j2c0l+fqSJ3d2AzQAfjEYDRM3Z2oMeqSJ9uFxyj/muSACLdix7oTstRA==",
             "dev": true,
             "optional": true
         },
         "esbuild-darwin-arm64": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.15.7.tgz",
-            "integrity": "sha512-kBIHvtVqbSGajN88lYMnR3aIleH3ABZLLFLxwL2stiuIGAjGlQW741NxVTpUHQXUmPzxi6POqc9npkXa8AcSZQ==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.15.10.tgz",
+            "integrity": "sha512-M1t5+Kj4IgSbYmunf2BB6EKLkWUq+XlqaFRiGOk8bmBapu9bCDrxjf4kUnWn59Dka3I27EiuHBKd1rSO4osLFQ==",
             "dev": true,
             "optional": true
         },
         "esbuild-freebsd-64": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-freebsd-64/-/esbuild-freebsd-64-0.15.7.tgz",
-            "integrity": "sha512-hESZB91qDLV5MEwNxzMxPfbjAhOmtfsr9Wnuci7pY6TtEh4UDuevmGmkUIjX/b+e/k4tcNBMf7SRQ2mdNuK/HQ==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-freebsd-64/-/esbuild-freebsd-64-0.15.10.tgz",
+            "integrity": "sha512-KMBFMa7C8oc97nqDdoZwtDBX7gfpolkk6Bcmj6YFMrtCMVgoU/x2DI1p74DmYl7CSS6Ppa3xgemrLrr5IjIn0w==",
             "dev": true,
             "optional": true
         },
         "esbuild-freebsd-arm64": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.15.7.tgz",
-            "integrity": "sha512-dLFR0ChH5t+b3J8w0fVKGvtwSLWCv7GYT2Y2jFGulF1L5HftQLzVGN+6pi1SivuiVSmTh28FwUhi9PwQicXI6Q==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.15.10.tgz",
+            "integrity": "sha512-m2KNbuCX13yQqLlbSojFMHpewbn8wW5uDS6DxRpmaZKzyq8Dbsku6hHvh2U+BcLwWY4mpgXzFUoENEf7IcioGg==",
             "dev": true,
             "optional": true
         },
         "esbuild-linux-32": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-linux-32/-/esbuild-linux-32-0.15.7.tgz",
-            "integrity": "sha512-v3gT/LsONGUZcjbt2swrMjwxo32NJzk+7sAgtxhGx1+ZmOFaTRXBAi1PPfgpeo/J//Un2jIKm/I+qqeo4caJvg==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-linux-32/-/esbuild-linux-32-0.15.10.tgz",
+            "integrity": "sha512-guXrwSYFAvNkuQ39FNeV4sNkNms1bLlA5vF1H0cazZBOLdLFIny6BhT+TUbK/hdByMQhtWQ5jI9VAmPKbVPu1w==",
             "dev": true,
             "optional": true
         },
         "esbuild-linux-64": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.15.7.tgz",
-            "integrity": "sha512-LxXEfLAKwOVmm1yecpMmWERBshl+Kv5YJ/1KnyAr6HRHFW8cxOEsEfisD3sVl/RvHyW//lhYUVSuy9jGEfIRAQ==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.15.10.tgz",
+            "integrity": "sha512-jd8XfaSJeucMpD63YNMO1JCrdJhckHWcMv6O233bL4l6ogQKQOxBYSRP/XLWP+6kVTu0obXovuckJDcA0DKtQA==",
             "dev": true,
             "optional": true
         },
         "esbuild-linux-arm": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-linux-arm/-/esbuild-linux-arm-0.15.7.tgz",
-            "integrity": "sha512-JKgAHtMR5f75wJTeuNQbyznZZa+pjiUHV7sRZp42UNdyXC6TiUYMW/8z8yIBAr2Fpad8hM1royZKQisqPABPvQ==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-linux-arm/-/esbuild-linux-arm-0.15.10.tgz",
+            "integrity": "sha512-6N8vThLL/Lysy9y4Ex8XoLQAlbZKUyExCWyayGi2KgTBelKpPgj6RZnUaKri0dHNPGgReJriKVU6+KDGQwn10A==",
             "dev": true,
             "optional": true
         },
         "esbuild-linux-arm64": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-linux-arm64/-/esbuild-linux-arm64-0.15.7.tgz",
-            "integrity": "sha512-P3cfhudpzWDkglutWgXcT2S7Ft7o2e3YDMrP1n0z2dlbUZghUkKCyaWw0zhp4KxEEzt/E7lmrtRu/pGWnwb9vw==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-linux-arm64/-/esbuild-linux-arm64-0.15.10.tgz",
+            "integrity": "sha512-GByBi4fgkvZFTHFDYNftu1DQ1GzR23jws0oWyCfhnI7eMOe+wgwWrc78dbNk709Ivdr/evefm2PJiUBMiusS1A==",
             "dev": true,
             "optional": true
         },
         "esbuild-linux-mips64le": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.15.7.tgz",
-            "integrity": "sha512-T7XKuxl0VpeFLCJXub6U+iybiqh0kM/bWOTb4qcPyDDwNVhLUiPcGdG2/0S7F93czUZOKP57YiLV8YQewgLHKw==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.15.10.tgz",
+            "integrity": "sha512-BxP+LbaGVGIdQNJUNF7qpYjEGWb0YyHVSKqYKrn+pTwH/SiHUxFyJYSP3pqkku61olQiSBnSmWZ+YUpj78Tw7Q==",
             "dev": true,
             "optional": true
         },
         "esbuild-linux-ppc64le": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.15.7.tgz",
-            "integrity": "sha512-6mGuC19WpFN7NYbecMIJjeQgvDb5aMuvyk0PDYBJrqAEMkTwg3Z98kEKuCm6THHRnrgsdr7bp4SruSAxEM4eJw==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.15.10.tgz",
+            "integrity": "sha512-LoSQCd6498PmninNgqd/BR7z3Bsk/mabImBWuQ4wQgmQEeanzWd5BQU2aNi9mBURCLgyheuZS6Xhrw5luw3OkQ==",
             "dev": true,
             "optional": true
         },
         "esbuild-linux-riscv64": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.15.7.tgz",
-            "integrity": "sha512-uUJsezbswAYo/X7OU/P+PuL/EI9WzxsEQXDekfwpQ23uGiooxqoLFAPmXPcRAt941vjlY9jtITEEikWMBr+F/g==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.15.10.tgz",
+            "integrity": "sha512-Lrl9Cr2YROvPV4wmZ1/g48httE8z/5SCiXIyebiB5N8VT7pX3t6meI7TQVHw/wQpqP/AF4SksDuFImPTM7Z32Q==",
             "dev": true,
             "optional": true
         },
         "esbuild-linux-s390x": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-linux-s390x/-/esbuild-linux-s390x-0.15.7.tgz",
-            "integrity": "sha512-+tO+xOyTNMc34rXlSxK7aCwJgvQyffqEM5MMdNDEeMU3ss0S6wKvbBOQfgd5jRPblfwJ6b+bKiz0g5nABpY0QQ==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-linux-s390x/-/esbuild-linux-s390x-0.15.10.tgz",
+            "integrity": "sha512-ReP+6q3eLVVP2lpRrvl5EodKX7EZ1bS1/z5j6hsluAlZP5aHhk6ghT6Cq3IANvvDdscMMCB4QEbI+AjtvoOFpA==",
             "dev": true,
             "optional": true
         },
         "esbuild-netbsd-64": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-netbsd-64/-/esbuild-netbsd-64-0.15.7.tgz",
-            "integrity": "sha512-yVc4Wz+Pu3cP5hzm5kIygNPrjar/v5WCSoRmIjCPWfBVJkZNb5brEGKUlf+0Y759D48BCWa0WHrWXaNy0DULTQ==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-netbsd-64/-/esbuild-netbsd-64-0.15.10.tgz",
+            "integrity": "sha512-iGDYtJCMCqldMskQ4eIV+QSS/CuT7xyy9i2/FjpKvxAuCzrESZXiA1L64YNj6/afuzfBe9i8m/uDkFHy257hTw==",
             "dev": true,
             "optional": true
         },
         "esbuild-openbsd-64": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-openbsd-64/-/esbuild-openbsd-64-0.15.7.tgz",
-            "integrity": "sha512-GsimbwC4FSR4lN3wf8XmTQ+r8/0YSQo21rWDL0XFFhLHKlzEA4SsT1Tl8bPYu00IU6UWSJ+b3fG/8SB69rcuEQ==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-openbsd-64/-/esbuild-openbsd-64-0.15.10.tgz",
+            "integrity": "sha512-ftMMIwHWrnrYnvuJQRJs/Smlcb28F9ICGde/P3FUTCgDDM0N7WA0o9uOR38f5Xe2/OhNCgkjNeb7QeaE3cyWkQ==",
             "dev": true,
             "optional": true
         },
         "esbuild-sunos-64": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.15.7.tgz",
-            "integrity": "sha512-8CDI1aL/ts0mDGbWzjEOGKXnU7p3rDzggHSBtVryQzkSOsjCHRVe0iFYUuhczlxU1R3LN/E7HgUO4NXzGGP/Ag==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.15.10.tgz",
+            "integrity": "sha512-mf7hBL9Uo2gcy2r3rUFMjVpTaGpFJJE5QTDDqUFf1632FxteYANffDZmKbqX0PfeQ2XjUDE604IcE7OJeoHiyg==",
             "dev": true,
             "optional": true
         },
         "esbuild-windows-32": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.15.7.tgz",
-            "integrity": "sha512-cOnKXUEPS8EGCzRSFa1x6NQjGhGsFlVgjhqGEbLTPsA7x4RRYiy2RKoArNUU4iR2vHmzqS5Gr84MEumO/wxYKA==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.15.10.tgz",
+            "integrity": "sha512-ttFVo+Cg8b5+qHmZHbEc8Vl17kCleHhLzgT8X04y8zudEApo0PxPg9Mz8Z2cKH1bCYlve1XL8LkyXGFjtUYeGg==",
             "dev": true,
             "optional": true
         },
         "esbuild-windows-64": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.15.7.tgz",
-            "integrity": "sha512-7MI08Ec2sTIDv+zH6StNBKO+2hGUYIT42GmFyW6MBBWWtJhTcQLinKS6ldIN1d52MXIbiJ6nXyCJ+LpL4jBm3Q==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.15.10.tgz",
+            "integrity": "sha512-2H0gdsyHi5x+8lbng3hLbxDWR7mKHWh5BXZGKVG830KUmXOOWFE2YKJ4tHRkejRduOGDrBvHBriYsGtmTv3ntA==",
             "dev": true,
             "optional": true
         },
         "esbuild-windows-arm64": {
-            "version": "0.15.7",
-            "resolved": "https://registry.npmjs.org/esbuild-windows-arm64/-/esbuild-windows-arm64-0.15.7.tgz",
-            "integrity": "sha512-R06nmqBlWjKHddhRJYlqDd3Fabx9LFdKcjoOy08YLimwmsswlFBJV4rXzZCxz/b7ZJXvrZgj8DDv1ewE9+StMw==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-windows-arm64/-/esbuild-windows-arm64-0.15.10.tgz",
+            "integrity": "sha512-S+th4F+F8VLsHLR0zrUcG+Et4hx0RKgK1eyHc08kztmLOES8BWwMiaGdoW9hiXuzznXQ0I/Fg904MNbr11Nktw==",
             "dev": true,
             "optional": true
         },
@@ -10745,14 +10753,13 @@
             }
         },
         "eslint": {
-            "version": "8.24.0",
-            "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.24.0.tgz",
-            "integrity": "sha512-dWFaPhGhTAiPcCgm3f6LI2MBWbogMnTJzFBbhXVRQDJPkr9pGZvVjlVfXd+vyDcWPA2Ic9L2AXPIQM0+vk/cSQ==",
+            "version": "8.25.0",
+            "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.25.0.tgz",
+            "integrity": "sha512-DVlJOZ4Pn50zcKW5bYH7GQK/9MsoQG2d5eDH0ebEkE8PbgzTTmtt/VTH9GGJ4BfeZCpBLqFfvsjX35UacUL83A==",
             "dev": true,
             "requires": {
-                "@eslint/eslintrc": "^1.3.2",
+                "@eslint/eslintrc": "^1.3.3",
                 "@humanwhocodes/config-array": "^0.10.5",
-                "@humanwhocodes/gitignore-to-minimatch": "^1.0.2",
                 "@humanwhocodes/module-importer": "^1.0.1",
                 "ajv": "^6.10.0",
                 "chalk": "^4.0.0",
@@ -13062,9 +13069,9 @@
             "dev": true
         },
         "prettier-plugin-svelte": {
-            "version": "2.7.1",
-            "resolved": "https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-2.7.1.tgz",
-            "integrity": "sha512-H33qjhCBZyd9Zr1A5hUAYDh7j0Mf97uvy7XcA7CP4nNSYrNcPvBUf7wI8K9NptWTIs0S41QtgTWmJIUiGlEBtw==",
+            "version": "2.8.0",
+            "resolved": "https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-2.8.0.tgz",
+            "integrity": "sha512-QlXv/U3bUszks3XYDPsk1fsaQC+fo2lshwKbcbO+lrSVdJ+40mB1BfL8OCAk1W9y4pJxpqO/4gqm6NtF3zNGCw==",
             "dev": true,
             "requires": {}
         },
@@ -13590,9 +13597,9 @@
             "dev": true
         },
         "strip-literal": {
-            "version": "0.4.1",
-            "resolved": "https://registry.npmjs.org/strip-literal/-/strip-literal-0.4.1.tgz",
-            "integrity": "sha512-z+F/xmDM8GOdvA5UoZXFxEnxdvMOZ+XEBIwjfLfc8hMSuHpGxjXAUCfuEo+t1GOHSb8+qgI/IBRpxXVMaABYWA==",
+            "version": "0.4.2",
+            "resolved": "https://registry.npmjs.org/strip-literal/-/strip-literal-0.4.2.tgz",
+            "integrity": "sha512-pv48ybn4iE1O9RLgCAN0iU4Xv7RlBTiit6DKmMiErbs9x1wH6vXBs45tWc0H5wUIF6TLTrKweqkmYF/iraQKNw==",
             "dev": true,
             "requires": {
                 "acorn": "^8.8.0"
@@ -13631,9 +13638,9 @@
             "dev": true
         },
         "svelte-check": {
-            "version": "2.9.1",
-            "resolved": "https://registry.npmjs.org/svelte-check/-/svelte-check-2.9.1.tgz",
-            "integrity": "sha512-+BFPsj6irZ+t2pVSVo//2Ic1mI3A52xCwbkSTVhTqYZqgawcyZd9pYZoEac3fIWbEeTyCb5X82ORKI/gjn+P7A==",
+            "version": "2.9.2",
+            "resolved": "https://registry.npmjs.org/svelte-check/-/svelte-check-2.9.2.tgz",
+            "integrity": "sha512-DRi8HhnCiqiGR2YF9ervPGvtoYrheE09cXieCTEqeTPOTJzfoa54Py8rovIBv4bH4n5HgZYIyTQ3DDLHQLl2uQ==",
             "dev": true,
             "requires": {
                 "@jridgewell/trace-mapping": "^0.3.9",
@@ -13744,9 +13751,9 @@
             }
         },
         "tinybench": {
-            "version": "2.1.5",
-            "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.1.5.tgz",
-            "integrity": "sha512-ak+PZZEuH3mw6CCFOgf5S90YH0MARnZNhxjhjguAmoJimEMAJuNip/rJRd6/wyylHItomVpKTzZk9zrhTrQCoQ==",
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.3.0.tgz",
+            "integrity": "sha512-zs1gMVBwyyG2QbVchYIbnabRhMOCGvrwZz/q+SV+LIMa9q5YDQZi2kkI6ZRqV2Bz7ba1uvrc7ieUoE4KWnGeKg==",
             "dev": true
         },
         "tinypool": {
@@ -13923,12 +13930,12 @@
             }
         },
         "vite": {
-            "version": "3.1.4",
-            "resolved": "https://registry.npmjs.org/vite/-/vite-3.1.4.tgz",
-            "integrity": "sha512-JoQI08aBjY9lycL7jcEq4p9o1xUjq5aRvdH4KWaXtkSx7e7RpAh9D3IjzDWRD4Fg44LS3oDAIOG/Kq1L+82psA==",
+            "version": "3.1.7",
+            "resolved": "https://registry.npmjs.org/vite/-/vite-3.1.7.tgz",
+            "integrity": "sha512-5vCAmU4S8lyVdFCInu9M54f/g8qbOMakVw5xJ4pjoaDy5wgy9sLLZkGdSLN52dlsBqh0tBqxjaqqa8LgPqwRAA==",
             "dev": true,
             "requires": {
-                "esbuild": "^0.15.6",
+                "esbuild": "^0.15.9",
                 "fsevents": "~2.3.2",
                 "postcss": "^8.4.16",
                 "resolve": "^1.22.1",
diff --git a/package.json b/package.json
index c35b59efb..c09c10829 100644
--- a/package.json
+++ b/package.json
@@ -28,8 +28,8 @@
     },
     "devDependencies": {
         "@playwright/test": "^1.26.1",
-        "@sveltejs/adapter-auto": "1.0.0-next.80",
-        "@sveltejs/kit": "1.0.0-next.509",
+        "@sveltejs/adapter-auto": "1.0.0-next.81",
+        "@sveltejs/kit": "1.0.0-next.512",
         "@sveltejs/vite-plugin-svelte": "^1.0.8",
         "@testing-library/dom": "^8.18.1",
         "@testing-library/jest-dom": "^5.16.5",

From 4a03a7528f512aaed664025b3a24bf5930b8214d Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Mon, 10 Oct 2022 22:20:13 +0200
Subject: [PATCH 4/9] feat: use static adapter

---
 package-lock.json | 777 +++-------------------------------------------
 package.json      |   2 +-
 svelte.config.js  |   6 +-
 vercel.json       |   8 +
 vite.config.js    |   4 +-
 5 files changed, 52 insertions(+), 745 deletions(-)
 create mode 100644 vercel.json

diff --git a/package-lock.json b/package-lock.json
index 04f536230..3a2289e17 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,7 +18,7 @@
             },
             "devDependencies": {
                 "@playwright/test": "^1.26.1",
-                "@sveltejs/adapter-auto": "1.0.0-next.81",
+                "@sveltejs/adapter-static": "1.0.0-next.44",
                 "@sveltejs/kit": "1.0.0-next.512",
                 "@sveltejs/vite-plugin-svelte": "^1.0.8",
                 "@testing-library/dom": "^8.18.1",
@@ -718,12 +718,6 @@
             "dev": true,
             "peer": true
         },
-        "node_modules/@cloudflare/workers-types": {
-            "version": "3.16.0",
-            "resolved": "https://registry.npmjs.org/@cloudflare/workers-types/-/workers-types-3.16.0.tgz",
-            "integrity": "sha512-gaBUSaKS65mN3iKZEgichbXYEmAa/pXkc5Gbt+1BptYphdGkj09ggdsiE4w8g0F/uI1g36QaTKrzVnBAWMipvQ==",
-            "dev": true
-        },
         "node_modules/@esbuild/android-arm": {
             "version": "0.15.10",
             "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.15.10.tgz",
@@ -812,12 +806,6 @@
             "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
             "dev": true
         },
-        "node_modules/@iarna/toml": {
-            "version": "2.2.5",
-            "resolved": "https://registry.npmjs.org/@iarna/toml/-/toml-2.2.5.tgz",
-            "integrity": "sha512-trnsAYxU3xnS1gPHPyU961coFyLkh4gAD/0zQ5mymY4yOZ+CYvsPqUbOFSw0aDM4y0tV7tiFxL/1XfXPNC6IPg==",
-            "dev": true
-        },
         "node_modules/@istanbuljs/load-nyc-config": {
             "version": "1.1.0",
             "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
@@ -1242,26 +1230,6 @@
                 "@jridgewell/sourcemap-codec": "^1.4.10"
             }
         },
-        "node_modules/@mapbox/node-pre-gyp": {
-            "version": "1.0.10",
-            "resolved": "https://registry.npmjs.org/@mapbox/node-pre-gyp/-/node-pre-gyp-1.0.10.tgz",
-            "integrity": "sha512-4ySo4CjzStuprMwk35H5pPbkymjv1SF3jGLj6rAHp/xT/RF7TL7bd9CTm1xDY49K2qF7jmR/g7k+SkLETP6opA==",
-            "dev": true,
-            "dependencies": {
-                "detect-libc": "^2.0.0",
-                "https-proxy-agent": "^5.0.0",
-                "make-dir": "^3.1.0",
-                "node-fetch": "^2.6.7",
-                "nopt": "^5.0.0",
-                "npmlog": "^5.0.1",
-                "rimraf": "^3.0.2",
-                "semver": "^7.3.5",
-                "tar": "^6.1.11"
-            },
-            "bin": {
-                "node-pre-gyp": "bin/node-pre-gyp"
-            }
-        },
         "node_modules/@nodelib/fs.scandir": {
             "version": "2.1.5",
             "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -1367,48 +1335,11 @@
                 "@sinonjs/commons": "^1.7.0"
             }
         },
-        "node_modules/@sveltejs/adapter-auto": {
-            "version": "1.0.0-next.81",
-            "resolved": "https://registry.npmjs.org/@sveltejs/adapter-auto/-/adapter-auto-1.0.0-next.81.tgz",
-            "integrity": "sha512-q+0Rh2upU7i3m0fVi/CHrkt+BbTR7bkQ2OoVTVMKwSqrBenr6utPB/7y8tyRrZ21gzUihMSbeFpzbpmzVOI+2g==",
-            "dev": true,
-            "dependencies": {
-                "@sveltejs/adapter-cloudflare": "1.0.0-next.38",
-                "@sveltejs/adapter-netlify": "1.0.0-next.79",
-                "@sveltejs/adapter-vercel": "1.0.0-next.77"
-            }
-        },
-        "node_modules/@sveltejs/adapter-cloudflare": {
-            "version": "1.0.0-next.38",
-            "resolved": "https://registry.npmjs.org/@sveltejs/adapter-cloudflare/-/adapter-cloudflare-1.0.0-next.38.tgz",
-            "integrity": "sha512-N6jdTomRZkdKlcNoguwYD7lpdXSt0beIyUJsp0MS/YLm/4gI83y698zFYInFKJ9t5e6DAnuEBSAXcg568z2oFA==",
-            "dev": true,
-            "dependencies": {
-                "@cloudflare/workers-types": "^3.14.0",
-                "esbuild": "^0.15.7",
-                "worktop": "0.8.0-next.14"
-            }
-        },
-        "node_modules/@sveltejs/adapter-netlify": {
-            "version": "1.0.0-next.79",
-            "resolved": "https://registry.npmjs.org/@sveltejs/adapter-netlify/-/adapter-netlify-1.0.0-next.79.tgz",
-            "integrity": "sha512-XaihONVwUeXVVt9f2xcFgRExfG8jWKPkyqi715kzPbrgpqH3zaRgLJM2ABEGQ3g2MEn+6op+Z2olIWhM+RA0Cg==",
-            "dev": true,
-            "dependencies": {
-                "@iarna/toml": "^2.2.5",
-                "esbuild": "^0.15.7",
-                "set-cookie-parser": "^2.4.8"
-            }
-        },
-        "node_modules/@sveltejs/adapter-vercel": {
-            "version": "1.0.0-next.77",
-            "resolved": "https://registry.npmjs.org/@sveltejs/adapter-vercel/-/adapter-vercel-1.0.0-next.77.tgz",
-            "integrity": "sha512-r4MqtP+lzx83HfcvI8PU0Yxzmxt6WQq9nzZETLboJouJzhSBUFIN5RmNZfEn6nNIlUwZbGQUEK/FxsRnnxI/Ig==",
-            "dev": true,
-            "dependencies": {
-                "@vercel/nft": "^0.22.0",
-                "esbuild": "^0.15.7"
-            }
+        "node_modules/@sveltejs/adapter-static": {
+            "version": "1.0.0-next.44",
+            "resolved": "https://registry.npmjs.org/@sveltejs/adapter-static/-/adapter-static-1.0.0-next.44.tgz",
+            "integrity": "sha512-qBtkmIMYGiDv5r2F3AfSG0ABHZim2NC+1PL2YVCa+QYz8IVCm1E/wGQ0RW4KVrANZ3MZk8y52PPajx+8/fwmNw==",
+            "dev": true
         },
         "node_modules/@sveltejs/kit": {
             "version": "1.0.0-next.512",
@@ -2000,37 +1931,6 @@
                 "url": "https://opencollective.com/typescript-eslint"
             }
         },
-        "node_modules/@vercel/nft": {
-            "version": "0.22.1",
-            "resolved": "https://registry.npmjs.org/@vercel/nft/-/nft-0.22.1.tgz",
-            "integrity": "sha512-lYYZIoxRurqDOSoVIdBicGnpUIpfyaS5qVjdPq+EfI285WqtZK3NK/dyCkiyBul+X2U2OEhRyeMdXPCHGJbohw==",
-            "dev": true,
-            "dependencies": {
-                "@mapbox/node-pre-gyp": "^1.0.5",
-                "acorn": "^8.6.0",
-                "async-sema": "^3.1.1",
-                "bindings": "^1.4.0",
-                "estree-walker": "2.0.2",
-                "glob": "^7.1.3",
-                "graceful-fs": "^4.2.9",
-                "micromatch": "^4.0.2",
-                "node-gyp-build": "^4.2.2",
-                "resolve-from": "^5.0.0",
-                "rollup-pluginutils": "^2.8.2"
-            },
-            "bin": {
-                "nft": "out/cli.js"
-            }
-        },
-        "node_modules/@vercel/nft/node_modules/resolve-from": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
-            "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
-            "dev": true,
-            "engines": {
-                "node": ">=8"
-            }
-        },
         "node_modules/@vitest/ui": {
             "version": "0.23.4",
             "resolved": "https://registry.npmjs.org/@vitest/ui/-/ui-0.23.4.tgz",
@@ -2048,12 +1948,6 @@
             "optional": true,
             "peer": true
         },
-        "node_modules/abbrev": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
-            "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
-            "dev": true
-        },
         "node_modules/acorn": {
             "version": "8.8.0",
             "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.0.tgz",
@@ -2117,6 +2011,8 @@
             "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
             "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
             "dev": true,
+            "optional": true,
+            "peer": true,
             "dependencies": {
                 "debug": "4"
             },
@@ -2206,39 +2102,6 @@
                 "node": ">= 8"
             }
         },
-        "node_modules/aproba": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/aproba/-/aproba-2.0.0.tgz",
-            "integrity": "sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==",
-            "dev": true
-        },
-        "node_modules/are-we-there-yet": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-2.0.0.tgz",
-            "integrity": "sha512-Ci/qENmwHnsYo9xKIcUJN5LeDKdJ6R1Z1j9V/J5wyq8nh/mYPEpIKJbBZXtZjG04HiK7zV/p6Vs9952MrMeUIw==",
-            "dev": true,
-            "dependencies": {
-                "delegates": "^1.0.0",
-                "readable-stream": "^3.6.0"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/are-we-there-yet/node_modules/readable-stream": {
-            "version": "3.6.0",
-            "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
-            "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
-            "dev": true,
-            "dependencies": {
-                "inherits": "^2.0.3",
-                "string_decoder": "^1.1.1",
-                "util-deprecate": "^1.0.1"
-            },
-            "engines": {
-                "node": ">= 6"
-            }
-        },
         "node_modules/argparse": {
             "version": "2.0.1",
             "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
@@ -2272,12 +2135,6 @@
                 "node": "*"
             }
         },
-        "node_modules/async-sema": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/async-sema/-/async-sema-3.1.1.tgz",
-            "integrity": "sha512-tLRNUXati5MFePdAk8dw7Qt7DpxPB60ofAgn8WRhW6a2rcimZnYBP9oxHiv0OHy+Wz7kPMG+t4LGdt31+4EmGg==",
-            "dev": true
-        },
         "node_modules/asynckit": {
             "version": "0.4.0",
             "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
@@ -2394,15 +2251,6 @@
                 "node": ">=8"
             }
         },
-        "node_modules/bindings": {
-            "version": "1.5.0",
-            "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
-            "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
-            "dev": true,
-            "dependencies": {
-                "file-uri-to-path": "1.0.0"
-            }
-        },
         "node_modules/brace-expansion": {
             "version": "1.1.11",
             "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -2616,15 +2464,6 @@
                 "node": ">= 6"
             }
         },
-        "node_modules/chownr": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz",
-            "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==",
-            "dev": true,
-            "engines": {
-                "node": ">=10"
-            }
-        },
         "node_modules/ci-info": {
             "version": "3.3.1",
             "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.3.1.tgz",
@@ -2687,15 +2526,6 @@
             "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
             "dev": true
         },
-        "node_modules/color-support": {
-            "version": "1.1.3",
-            "resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz",
-            "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==",
-            "dev": true,
-            "bin": {
-                "color-support": "bin.js"
-            }
-        },
         "node_modules/combined-stream": {
             "version": "1.0.8",
             "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
@@ -2728,12 +2558,6 @@
                 "typedarray": "^0.0.6"
             }
         },
-        "node_modules/console-control-strings": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz",
-            "integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==",
-            "dev": true
-        },
         "node_modules/convert-source-map": {
             "version": "1.8.0",
             "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.8.0.tgz",
@@ -2915,12 +2739,6 @@
                 "node": ">=0.4.0"
             }
         },
-        "node_modules/delegates": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
-            "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==",
-            "dev": true
-        },
         "node_modules/detect-indent": {
             "version": "6.1.0",
             "resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-6.1.0.tgz",
@@ -2930,15 +2748,6 @@
                 "node": ">=8"
             }
         },
-        "node_modules/detect-libc": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.1.tgz",
-            "integrity": "sha512-463v3ZeIrcWtdgIg6vI6XUncguvr2TnGl4SzDXinkt9mSLpBJKXT3mW6xT3VQdDN11+WVs29pgvivTc4Lp8v+w==",
-            "dev": true,
-            "engines": {
-                "node": ">=8"
-            }
-        },
         "node_modules/detect-newline": {
             "version": "3.1.0",
             "resolved": "https://registry.npmjs.org/detect-newline/-/detect-newline-3.1.0.tgz",
@@ -3037,7 +2846,8 @@
             "version": "8.0.0",
             "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
             "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-            "dev": true
+            "dev": true,
+            "peer": true
         },
         "node_modules/error-ex": {
             "version": "1.3.2",
@@ -3972,12 +3782,6 @@
                 "node": "^10.12.0 || >=12.0.0"
             }
         },
-        "node_modules/file-uri-to-path": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
-            "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
-            "dev": true
-        },
         "node_modules/fill-range": {
             "version": "7.0.1",
             "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
@@ -4039,18 +3843,6 @@
                 "node": ">= 6"
             }
         },
-        "node_modules/fs-minipass": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz",
-            "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==",
-            "dev": true,
-            "dependencies": {
-                "minipass": "^3.0.0"
-            },
-            "engines": {
-                "node": ">= 8"
-            }
-        },
         "node_modules/fs.realpath": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
@@ -4077,26 +3869,6 @@
             "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
             "dev": true
         },
-        "node_modules/gauge": {
-            "version": "3.0.2",
-            "resolved": "https://registry.npmjs.org/gauge/-/gauge-3.0.2.tgz",
-            "integrity": "sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==",
-            "dev": true,
-            "dependencies": {
-                "aproba": "^1.0.3 || ^2.0.0",
-                "color-support": "^1.1.2",
-                "console-control-strings": "^1.0.0",
-                "has-unicode": "^2.0.1",
-                "object-assign": "^4.1.1",
-                "signal-exit": "^3.0.0",
-                "string-width": "^4.2.3",
-                "strip-ansi": "^6.0.1",
-                "wide-align": "^1.1.2"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
         "node_modules/gensync": {
             "version": "1.0.0-beta.2",
             "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
@@ -4261,12 +4033,6 @@
                 "node": ">=8"
             }
         },
-        "node_modules/has-unicode": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
-            "integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==",
-            "dev": true
-        },
         "node_modules/html-encoding-sniffer": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
@@ -4309,6 +4075,8 @@
             "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
             "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
             "dev": true,
+            "optional": true,
+            "peer": true,
             "dependencies": {
                 "agent-base": "6",
                 "debug": "4"
@@ -4471,6 +4239,7 @@
             "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
             "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
             "dev": true,
+            "peer": true,
             "engines": {
                 "node": ">=8"
             }
@@ -5876,6 +5645,7 @@
             "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
             "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
             "dev": true,
+            "peer": true,
             "dependencies": {
                 "semver": "^6.0.0"
             },
@@ -5891,6 +5661,7 @@
             "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
             "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
             "dev": true,
+            "peer": true,
             "bin": {
                 "semver": "bin/semver.js"
             }
@@ -6002,31 +5773,6 @@
             "integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==",
             "dev": true
         },
-        "node_modules/minipass": {
-            "version": "3.3.4",
-            "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.4.tgz",
-            "integrity": "sha512-I9WPbWHCGu8W+6k1ZiGpPu0GkoKBeorkfKNuAFBNS1HNFJvke82sxvI5bzcCNpWPorkOO5QQ+zomzzwRxejXiw==",
-            "dev": true,
-            "dependencies": {
-                "yallist": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/minizlib": {
-            "version": "2.1.2",
-            "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz",
-            "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==",
-            "dev": true,
-            "dependencies": {
-                "minipass": "^3.0.0",
-                "yallist": "^4.0.0"
-            },
-            "engines": {
-                "node": ">= 8"
-            }
-        },
         "node_modules/mkdirp": {
             "version": "0.5.5",
             "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz",
@@ -6119,17 +5865,6 @@
                 "webidl-conversions": "^3.0.0"
             }
         },
-        "node_modules/node-gyp-build": {
-            "version": "4.5.0",
-            "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.5.0.tgz",
-            "integrity": "sha512-2iGbaQBV+ITgCz76ZEjmhUKAKVf7xfY1sRl4UiKQspfZMH2h06SyhNsnSVy50cwkFQDGLyif6m/6uFXHkOZ6rg==",
-            "dev": true,
-            "bin": {
-                "node-gyp-build": "bin.js",
-                "node-gyp-build-optional": "optional.js",
-                "node-gyp-build-test": "build-test.js"
-            }
-        },
         "node_modules/node-int64": {
             "version": "0.4.0",
             "resolved": "https://registry.npmjs.org/node-int64/-/node-int64-0.4.0.tgz",
@@ -6144,21 +5879,6 @@
             "dev": true,
             "peer": true
         },
-        "node_modules/nopt": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/nopt/-/nopt-5.0.0.tgz",
-            "integrity": "sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==",
-            "dev": true,
-            "dependencies": {
-                "abbrev": "1"
-            },
-            "bin": {
-                "nopt": "bin/nopt.js"
-            },
-            "engines": {
-                "node": ">=6"
-            }
-        },
         "node_modules/normalize-path": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -6181,18 +5901,6 @@
                 "node": ">=8"
             }
         },
-        "node_modules/npmlog": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-5.0.1.tgz",
-            "integrity": "sha512-AqZtDUWOMKs1G/8lwylVjrdYgqA4d9nu8hc+0gzRxlDb1I10+FHBGMXs6aiQHFdCUUlqH99MUMuLfzWDNDtfxw==",
-            "dev": true,
-            "dependencies": {
-                "are-we-there-yet": "^2.0.0",
-                "console-control-strings": "^1.1.0",
-                "gauge": "^3.0.0",
-                "set-blocking": "^2.0.0"
-            }
-        },
         "node_modules/nwsapi": {
             "version": "2.2.0",
             "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.0.tgz",
@@ -6201,15 +5909,6 @@
             "optional": true,
             "peer": true
         },
-        "node_modules/object-assign": {
-            "version": "4.1.1",
-            "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-            "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-            "dev": true,
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
         "node_modules/once": {
             "version": "1.4.0",
             "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
@@ -6732,15 +6431,6 @@
             "integrity": "sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA==",
             "dev": true
         },
-        "node_modules/regexparam": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/regexparam/-/regexparam-2.0.1.tgz",
-            "integrity": "sha512-zRgSaYemnNYxUv+/5SeoHI0eJIgTL/A2pUtXUPLHQxUldagouJ9p+K6IbIZ/JiQuCEv2E2B1O11SjVQy3aMCkw==",
-            "dev": true,
-            "engines": {
-                "node": ">=8"
-            }
-        },
         "node_modules/regexpp": {
             "version": "3.2.0",
             "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.2.0.tgz",
@@ -6862,21 +6552,6 @@
                 "fsevents": "~2.3.2"
             }
         },
-        "node_modules/rollup-pluginutils": {
-            "version": "2.8.2",
-            "resolved": "https://registry.npmjs.org/rollup-pluginutils/-/rollup-pluginutils-2.8.2.tgz",
-            "integrity": "sha512-EEp9NhnUkwY8aif6bxgovPHMoMoNr2FulJziTndpt5H9RdwC47GSGuII9XxpSdzVGM0GWrNPHV6ie1LTNJPaLQ==",
-            "dev": true,
-            "dependencies": {
-                "estree-walker": "^0.6.1"
-            }
-        },
-        "node_modules/rollup-pluginutils/node_modules/estree-walker": {
-            "version": "0.6.1",
-            "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-0.6.1.tgz",
-            "integrity": "sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w==",
-            "dev": true
-        },
         "node_modules/run-parallel": {
             "version": "1.2.0",
             "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -6996,12 +6671,6 @@
                 "node": ">=10"
             }
         },
-        "node_modules/set-blocking": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
-            "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
-            "dev": true
-        },
         "node_modules/set-cookie-parser": {
             "version": "2.5.1",
             "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.5.1.tgz",
@@ -7033,7 +6702,8 @@
             "version": "3.0.7",
             "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
             "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
-            "dev": true
+            "dev": true,
+            "peer": true
         },
         "node_modules/sirv": {
             "version": "2.0.2",
@@ -7194,6 +6864,7 @@
             "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
             "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
             "dev": true,
+            "peer": true,
             "dependencies": {
                 "emoji-regex": "^8.0.0",
                 "is-fullwidth-code-point": "^3.0.0",
@@ -7439,35 +7110,6 @@
             "optional": true,
             "peer": true
         },
-        "node_modules/tar": {
-            "version": "6.1.11",
-            "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.11.tgz",
-            "integrity": "sha512-an/KZQzQUkZCkuoAA64hM92X0Urb6VpRhAFllDzz44U2mcD5scmT3zBc4VgVpkugF580+DQn8eAFSyoQt0tznA==",
-            "dev": true,
-            "dependencies": {
-                "chownr": "^2.0.0",
-                "fs-minipass": "^2.0.0",
-                "minipass": "^3.0.0",
-                "minizlib": "^2.1.1",
-                "mkdirp": "^1.0.3",
-                "yallist": "^4.0.0"
-            },
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/tar/node_modules/mkdirp": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
-            "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
-            "dev": true,
-            "bin": {
-                "mkdirp": "bin/cmd.js"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
         "node_modules/terminal-link": {
             "version": "2.1.1",
             "resolved": "https://registry.npmjs.org/terminal-link/-/terminal-link-2.1.1.tgz",
@@ -7947,15 +7589,6 @@
                 "node": ">= 8"
             }
         },
-        "node_modules/wide-align": {
-            "version": "1.1.5",
-            "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.5.tgz",
-            "integrity": "sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==",
-            "dev": true,
-            "dependencies": {
-                "string-width": "^1.0.2 || 2 || 3 || 4"
-            }
-        },
         "node_modules/word-wrap": {
             "version": "1.2.3",
             "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz",
@@ -7965,19 +7598,6 @@
                 "node": ">=0.10.0"
             }
         },
-        "node_modules/worktop": {
-            "version": "0.8.0-next.14",
-            "resolved": "https://registry.npmjs.org/worktop/-/worktop-0.8.0-next.14.tgz",
-            "integrity": "sha512-RZgqHu1w/JcUdWOE/BUEAzarrUUHh39eWkLdX8XpA6MfgLJF6X5Vl26CV7/wcm4O/UpZvHMGJUtB9eYTqDjc9g==",
-            "dev": true,
-            "dependencies": {
-                "mrmime": "^1.0.0",
-                "regexparam": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=12"
-            }
-        },
         "node_modules/wrap-ansi": {
             "version": "7.0.0",
             "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
@@ -8654,12 +8274,6 @@
             "dev": true,
             "peer": true
         },
-        "@cloudflare/workers-types": {
-            "version": "3.16.0",
-            "resolved": "https://registry.npmjs.org/@cloudflare/workers-types/-/workers-types-3.16.0.tgz",
-            "integrity": "sha512-gaBUSaKS65mN3iKZEgichbXYEmAa/pXkc5Gbt+1BptYphdGkj09ggdsiE4w8g0F/uI1g36QaTKrzVnBAWMipvQ==",
-            "dev": true
-        },
         "@esbuild/android-arm": {
             "version": "0.15.10",
             "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.15.10.tgz",
@@ -8714,12 +8328,6 @@
             "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
             "dev": true
         },
-        "@iarna/toml": {
-            "version": "2.2.5",
-            "resolved": "https://registry.npmjs.org/@iarna/toml/-/toml-2.2.5.tgz",
-            "integrity": "sha512-trnsAYxU3xnS1gPHPyU961coFyLkh4gAD/0zQ5mymY4yOZ+CYvsPqUbOFSw0aDM4y0tV7tiFxL/1XfXPNC6IPg==",
-            "dev": true
-        },
         "@istanbuljs/load-nyc-config": {
             "version": "1.1.0",
             "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
@@ -9065,23 +8673,6 @@
                 "@jridgewell/sourcemap-codec": "^1.4.10"
             }
         },
-        "@mapbox/node-pre-gyp": {
-            "version": "1.0.10",
-            "resolved": "https://registry.npmjs.org/@mapbox/node-pre-gyp/-/node-pre-gyp-1.0.10.tgz",
-            "integrity": "sha512-4ySo4CjzStuprMwk35H5pPbkymjv1SF3jGLj6rAHp/xT/RF7TL7bd9CTm1xDY49K2qF7jmR/g7k+SkLETP6opA==",
-            "dev": true,
-            "requires": {
-                "detect-libc": "^2.0.0",
-                "https-proxy-agent": "^5.0.0",
-                "make-dir": "^3.1.0",
-                "node-fetch": "^2.6.7",
-                "nopt": "^5.0.0",
-                "npmlog": "^5.0.1",
-                "rimraf": "^3.0.2",
-                "semver": "^7.3.5",
-                "tar": "^6.1.11"
-            }
-        },
         "@nodelib/fs.scandir": {
             "version": "2.1.5",
             "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -9165,48 +8756,11 @@
                 "@sinonjs/commons": "^1.7.0"
             }
         },
-        "@sveltejs/adapter-auto": {
-            "version": "1.0.0-next.81",
-            "resolved": "https://registry.npmjs.org/@sveltejs/adapter-auto/-/adapter-auto-1.0.0-next.81.tgz",
-            "integrity": "sha512-q+0Rh2upU7i3m0fVi/CHrkt+BbTR7bkQ2OoVTVMKwSqrBenr6utPB/7y8tyRrZ21gzUihMSbeFpzbpmzVOI+2g==",
-            "dev": true,
-            "requires": {
-                "@sveltejs/adapter-cloudflare": "1.0.0-next.38",
-                "@sveltejs/adapter-netlify": "1.0.0-next.79",
-                "@sveltejs/adapter-vercel": "1.0.0-next.77"
-            }
-        },
-        "@sveltejs/adapter-cloudflare": {
-            "version": "1.0.0-next.38",
-            "resolved": "https://registry.npmjs.org/@sveltejs/adapter-cloudflare/-/adapter-cloudflare-1.0.0-next.38.tgz",
-            "integrity": "sha512-N6jdTomRZkdKlcNoguwYD7lpdXSt0beIyUJsp0MS/YLm/4gI83y698zFYInFKJ9t5e6DAnuEBSAXcg568z2oFA==",
-            "dev": true,
-            "requires": {
-                "@cloudflare/workers-types": "^3.14.0",
-                "esbuild": "^0.15.7",
-                "worktop": "0.8.0-next.14"
-            }
-        },
-        "@sveltejs/adapter-netlify": {
-            "version": "1.0.0-next.79",
-            "resolved": "https://registry.npmjs.org/@sveltejs/adapter-netlify/-/adapter-netlify-1.0.0-next.79.tgz",
-            "integrity": "sha512-XaihONVwUeXVVt9f2xcFgRExfG8jWKPkyqi715kzPbrgpqH3zaRgLJM2ABEGQ3g2MEn+6op+Z2olIWhM+RA0Cg==",
-            "dev": true,
-            "requires": {
-                "@iarna/toml": "^2.2.5",
-                "esbuild": "^0.15.7",
-                "set-cookie-parser": "^2.4.8"
-            }
-        },
-        "@sveltejs/adapter-vercel": {
-            "version": "1.0.0-next.77",
-            "resolved": "https://registry.npmjs.org/@sveltejs/adapter-vercel/-/adapter-vercel-1.0.0-next.77.tgz",
-            "integrity": "sha512-r4MqtP+lzx83HfcvI8PU0Yxzmxt6WQq9nzZETLboJouJzhSBUFIN5RmNZfEn6nNIlUwZbGQUEK/FxsRnnxI/Ig==",
-            "dev": true,
-            "requires": {
-                "@vercel/nft": "^0.22.0",
-                "esbuild": "^0.15.7"
-            }
+        "@sveltejs/adapter-static": {
+            "version": "1.0.0-next.44",
+            "resolved": "https://registry.npmjs.org/@sveltejs/adapter-static/-/adapter-static-1.0.0-next.44.tgz",
+            "integrity": "sha512-qBtkmIMYGiDv5r2F3AfSG0ABHZim2NC+1PL2YVCa+QYz8IVCm1E/wGQ0RW4KVrANZ3MZk8y52PPajx+8/fwmNw==",
+            "dev": true
         },
         "@sveltejs/kit": {
             "version": "1.0.0-next.512",
@@ -9652,33 +9206,6 @@
                 "eslint-visitor-keys": "^3.3.0"
             }
         },
-        "@vercel/nft": {
-            "version": "0.22.1",
-            "resolved": "https://registry.npmjs.org/@vercel/nft/-/nft-0.22.1.tgz",
-            "integrity": "sha512-lYYZIoxRurqDOSoVIdBicGnpUIpfyaS5qVjdPq+EfI285WqtZK3NK/dyCkiyBul+X2U2OEhRyeMdXPCHGJbohw==",
-            "dev": true,
-            "requires": {
-                "@mapbox/node-pre-gyp": "^1.0.5",
-                "acorn": "^8.6.0",
-                "async-sema": "^3.1.1",
-                "bindings": "^1.4.0",
-                "estree-walker": "2.0.2",
-                "glob": "^7.1.3",
-                "graceful-fs": "^4.2.9",
-                "micromatch": "^4.0.2",
-                "node-gyp-build": "^4.2.2",
-                "resolve-from": "^5.0.0",
-                "rollup-pluginutils": "^2.8.2"
-            },
-            "dependencies": {
-                "resolve-from": {
-                    "version": "5.0.0",
-                    "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
-                    "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
-                    "dev": true
-                }
-            }
-        },
         "@vitest/ui": {
             "version": "0.23.4",
             "resolved": "https://registry.npmjs.org/@vitest/ui/-/ui-0.23.4.tgz",
@@ -9696,12 +9223,6 @@
             "optional": true,
             "peer": true
         },
-        "abbrev": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
-            "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
-            "dev": true
-        },
         "acorn": {
             "version": "8.8.0",
             "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.0.tgz",
@@ -9750,6 +9271,8 @@
             "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
             "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
             "dev": true,
+            "optional": true,
+            "peer": true,
             "requires": {
                 "debug": "4"
             }
@@ -9810,35 +9333,6 @@
                 "picomatch": "^2.0.4"
             }
         },
-        "aproba": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/aproba/-/aproba-2.0.0.tgz",
-            "integrity": "sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==",
-            "dev": true
-        },
-        "are-we-there-yet": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-2.0.0.tgz",
-            "integrity": "sha512-Ci/qENmwHnsYo9xKIcUJN5LeDKdJ6R1Z1j9V/J5wyq8nh/mYPEpIKJbBZXtZjG04HiK7zV/p6Vs9952MrMeUIw==",
-            "dev": true,
-            "requires": {
-                "delegates": "^1.0.0",
-                "readable-stream": "^3.6.0"
-            },
-            "dependencies": {
-                "readable-stream": {
-                    "version": "3.6.0",
-                    "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
-                    "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
-                    "dev": true,
-                    "requires": {
-                        "inherits": "^2.0.3",
-                        "string_decoder": "^1.1.1",
-                        "util-deprecate": "^1.0.1"
-                    }
-                }
-            }
-        },
         "argparse": {
             "version": "2.0.1",
             "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
@@ -9863,12 +9357,6 @@
             "integrity": "sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==",
             "dev": true
         },
-        "async-sema": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/async-sema/-/async-sema-3.1.1.tgz",
-            "integrity": "sha512-tLRNUXati5MFePdAk8dw7Qt7DpxPB60ofAgn8WRhW6a2rcimZnYBP9oxHiv0OHy+Wz7kPMG+t4LGdt31+4EmGg==",
-            "dev": true
-        },
         "asynckit": {
             "version": "0.4.0",
             "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
@@ -9961,15 +9449,6 @@
             "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
             "dev": true
         },
-        "bindings": {
-            "version": "1.5.0",
-            "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
-            "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
-            "dev": true,
-            "requires": {
-                "file-uri-to-path": "1.0.0"
-            }
-        },
         "brace-expansion": {
             "version": "1.1.11",
             "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -10127,12 +9606,6 @@
                 }
             }
         },
-        "chownr": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz",
-            "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==",
-            "dev": true
-        },
         "ci-info": {
             "version": "3.3.1",
             "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.3.1.tgz",
@@ -10188,12 +9661,6 @@
             "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
             "dev": true
         },
-        "color-support": {
-            "version": "1.1.3",
-            "resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz",
-            "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==",
-            "dev": true
-        },
         "combined-stream": {
             "version": "1.0.8",
             "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
@@ -10220,12 +9687,6 @@
                 "typedarray": "^0.0.6"
             }
         },
-        "console-control-strings": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz",
-            "integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==",
-            "dev": true
-        },
         "convert-source-map": {
             "version": "1.8.0",
             "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.8.0.tgz",
@@ -10379,24 +9840,12 @@
             "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
             "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk="
         },
-        "delegates": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
-            "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==",
-            "dev": true
-        },
         "detect-indent": {
             "version": "6.1.0",
             "resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-6.1.0.tgz",
             "integrity": "sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==",
             "dev": true
         },
-        "detect-libc": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.1.tgz",
-            "integrity": "sha512-463v3ZeIrcWtdgIg6vI6XUncguvr2TnGl4SzDXinkt9mSLpBJKXT3mW6xT3VQdDN11+WVs29pgvivTc4Lp8v+w==",
-            "dev": true
-        },
         "detect-newline": {
             "version": "3.1.0",
             "resolved": "https://registry.npmjs.org/detect-newline/-/detect-newline-3.1.0.tgz",
@@ -10479,7 +9928,8 @@
             "version": "8.0.0",
             "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
             "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-            "dev": true
+            "dev": true,
+            "peer": true
         },
         "error-ex": {
             "version": "1.3.2",
@@ -11088,12 +10538,6 @@
                 "flat-cache": "^3.0.4"
             }
         },
-        "file-uri-to-path": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
-            "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
-            "dev": true
-        },
         "fill-range": {
             "version": "7.0.1",
             "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
@@ -11143,15 +10587,6 @@
                 "mime-types": "^2.1.12"
             }
         },
-        "fs-minipass": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz",
-            "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==",
-            "dev": true,
-            "requires": {
-                "minipass": "^3.0.0"
-            }
-        },
         "fs.realpath": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
@@ -11171,23 +10606,6 @@
             "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
             "dev": true
         },
-        "gauge": {
-            "version": "3.0.2",
-            "resolved": "https://registry.npmjs.org/gauge/-/gauge-3.0.2.tgz",
-            "integrity": "sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==",
-            "dev": true,
-            "requires": {
-                "aproba": "^1.0.3 || ^2.0.0",
-                "color-support": "^1.1.2",
-                "console-control-strings": "^1.0.0",
-                "has-unicode": "^2.0.1",
-                "object-assign": "^4.1.1",
-                "signal-exit": "^3.0.0",
-                "string-width": "^4.2.3",
-                "strip-ansi": "^6.0.1",
-                "wide-align": "^1.1.2"
-            }
-        },
         "gensync": {
             "version": "1.0.0-beta.2",
             "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
@@ -11307,12 +10725,6 @@
             "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
             "dev": true
         },
-        "has-unicode": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
-            "integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==",
-            "dev": true
-        },
         "html-encoding-sniffer": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
@@ -11349,6 +10761,8 @@
             "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
             "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
             "dev": true,
+            "optional": true,
+            "peer": true,
             "requires": {
                 "agent-base": "6",
                 "debug": "4"
@@ -11468,7 +10882,8 @@
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
             "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-            "dev": true
+            "dev": true,
+            "peer": true
         },
         "is-generator-fn": {
             "version": "2.1.0",
@@ -12564,6 +11979,7 @@
             "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
             "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
             "dev": true,
+            "peer": true,
             "requires": {
                 "semver": "^6.0.0"
             },
@@ -12572,7 +11988,8 @@
                     "version": "6.3.0",
                     "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
                     "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
-                    "dev": true
+                    "dev": true,
+                    "peer": true
                 }
             }
         },
@@ -12656,25 +12073,6 @@
             "integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==",
             "dev": true
         },
-        "minipass": {
-            "version": "3.3.4",
-            "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.4.tgz",
-            "integrity": "sha512-I9WPbWHCGu8W+6k1ZiGpPu0GkoKBeorkfKNuAFBNS1HNFJvke82sxvI5bzcCNpWPorkOO5QQ+zomzzwRxejXiw==",
-            "dev": true,
-            "requires": {
-                "yallist": "^4.0.0"
-            }
-        },
-        "minizlib": {
-            "version": "2.1.2",
-            "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz",
-            "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==",
-            "dev": true,
-            "requires": {
-                "minipass": "^3.0.0",
-                "yallist": "^4.0.0"
-            }
-        },
         "mkdirp": {
             "version": "0.5.5",
             "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz",
@@ -12743,12 +12141,6 @@
                 }
             }
         },
-        "node-gyp-build": {
-            "version": "4.5.0",
-            "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.5.0.tgz",
-            "integrity": "sha512-2iGbaQBV+ITgCz76ZEjmhUKAKVf7xfY1sRl4UiKQspfZMH2h06SyhNsnSVy50cwkFQDGLyif6m/6uFXHkOZ6rg==",
-            "dev": true
-        },
         "node-int64": {
             "version": "0.4.0",
             "resolved": "https://registry.npmjs.org/node-int64/-/node-int64-0.4.0.tgz",
@@ -12763,15 +12155,6 @@
             "dev": true,
             "peer": true
         },
-        "nopt": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/nopt/-/nopt-5.0.0.tgz",
-            "integrity": "sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==",
-            "dev": true,
-            "requires": {
-                "abbrev": "1"
-            }
-        },
         "normalize-path": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -12788,18 +12171,6 @@
                 "path-key": "^3.0.0"
             }
         },
-        "npmlog": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-5.0.1.tgz",
-            "integrity": "sha512-AqZtDUWOMKs1G/8lwylVjrdYgqA4d9nu8hc+0gzRxlDb1I10+FHBGMXs6aiQHFdCUUlqH99MUMuLfzWDNDtfxw==",
-            "dev": true,
-            "requires": {
-                "are-we-there-yet": "^2.0.0",
-                "console-control-strings": "^1.1.0",
-                "gauge": "^3.0.0",
-                "set-blocking": "^2.0.0"
-            }
-        },
         "nwsapi": {
             "version": "2.2.0",
             "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.0.tgz",
@@ -12808,12 +12179,6 @@
             "optional": true,
             "peer": true
         },
-        "object-assign": {
-            "version": "4.1.1",
-            "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-            "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-            "dev": true
-        },
         "once": {
             "version": "1.4.0",
             "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
@@ -13197,12 +12562,6 @@
             "integrity": "sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA==",
             "dev": true
         },
-        "regexparam": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/regexparam/-/regexparam-2.0.1.tgz",
-            "integrity": "sha512-zRgSaYemnNYxUv+/5SeoHI0eJIgTL/A2pUtXUPLHQxUldagouJ9p+K6IbIZ/JiQuCEv2E2B1O11SjVQy3aMCkw==",
-            "dev": true
-        },
         "regexpp": {
             "version": "3.2.0",
             "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.2.0.tgz",
@@ -13283,23 +12642,6 @@
                 "fsevents": "~2.3.2"
             }
         },
-        "rollup-pluginutils": {
-            "version": "2.8.2",
-            "resolved": "https://registry.npmjs.org/rollup-pluginutils/-/rollup-pluginutils-2.8.2.tgz",
-            "integrity": "sha512-EEp9NhnUkwY8aif6bxgovPHMoMoNr2FulJziTndpt5H9RdwC47GSGuII9XxpSdzVGM0GWrNPHV6ie1LTNJPaLQ==",
-            "dev": true,
-            "requires": {
-                "estree-walker": "^0.6.1"
-            },
-            "dependencies": {
-                "estree-walker": {
-                    "version": "0.6.1",
-                    "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-0.6.1.tgz",
-                    "integrity": "sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w==",
-                    "dev": true
-                }
-            }
-        },
         "run-parallel": {
             "version": "1.2.0",
             "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -13386,12 +12728,6 @@
                 "lru-cache": "^6.0.0"
             }
         },
-        "set-blocking": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
-            "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
-            "dev": true
-        },
         "set-cookie-parser": {
             "version": "2.5.1",
             "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.5.1.tgz",
@@ -13417,7 +12753,8 @@
             "version": "3.0.7",
             "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
             "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
-            "dev": true
+            "dev": true,
+            "peer": true
         },
         "sirv": {
             "version": "2.0.2",
@@ -13552,6 +12889,7 @@
             "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
             "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
             "dev": true,
+            "peer": true,
             "requires": {
                 "emoji-regex": "^8.0.0",
                 "is-fullwidth-code-point": "^3.0.0",
@@ -13689,28 +13027,6 @@
             "optional": true,
             "peer": true
         },
-        "tar": {
-            "version": "6.1.11",
-            "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.11.tgz",
-            "integrity": "sha512-an/KZQzQUkZCkuoAA64hM92X0Urb6VpRhAFllDzz44U2mcD5scmT3zBc4VgVpkugF580+DQn8eAFSyoQt0tznA==",
-            "dev": true,
-            "requires": {
-                "chownr": "^2.0.0",
-                "fs-minipass": "^2.0.0",
-                "minipass": "^3.0.0",
-                "minizlib": "^2.1.1",
-                "mkdirp": "^1.0.3",
-                "yallist": "^4.0.0"
-            },
-            "dependencies": {
-                "mkdirp": {
-                    "version": "1.0.4",
-                    "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
-                    "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
-                    "dev": true
-                }
-            }
-        },
         "terminal-link": {
             "version": "2.1.1",
             "resolved": "https://registry.npmjs.org/terminal-link/-/terminal-link-2.1.1.tgz",
@@ -14046,31 +13362,12 @@
                 "isexe": "^2.0.0"
             }
         },
-        "wide-align": {
-            "version": "1.1.5",
-            "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.5.tgz",
-            "integrity": "sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==",
-            "dev": true,
-            "requires": {
-                "string-width": "^1.0.2 || 2 || 3 || 4"
-            }
-        },
         "word-wrap": {
             "version": "1.2.3",
             "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz",
             "integrity": "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==",
             "dev": true
         },
-        "worktop": {
-            "version": "0.8.0-next.14",
-            "resolved": "https://registry.npmjs.org/worktop/-/worktop-0.8.0-next.14.tgz",
-            "integrity": "sha512-RZgqHu1w/JcUdWOE/BUEAzarrUUHh39eWkLdX8XpA6MfgLJF6X5Vl26CV7/wcm4O/UpZvHMGJUtB9eYTqDjc9g==",
-            "dev": true,
-            "requires": {
-                "mrmime": "^1.0.0",
-                "regexparam": "^2.0.0"
-            }
-        },
         "wrap-ansi": {
             "version": "7.0.0",
             "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
diff --git a/package.json b/package.json
index c09c10829..7ceaa1092 100644
--- a/package.json
+++ b/package.json
@@ -28,7 +28,7 @@
     },
     "devDependencies": {
         "@playwright/test": "^1.26.1",
-        "@sveltejs/adapter-auto": "1.0.0-next.81",
+        "@sveltejs/adapter-static": "1.0.0-next.44",
         "@sveltejs/kit": "1.0.0-next.512",
         "@sveltejs/vite-plugin-svelte": "^1.0.8",
         "@testing-library/dom": "^8.18.1",
diff --git a/svelte.config.js b/svelte.config.js
index 58741882e..b425b5de9 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -1,4 +1,4 @@
-import adapter from '@sveltejs/adapter-auto';
+import adapter from '@sveltejs/adapter-static';
 import preprocess from 'svelte-preprocess';
 
 /** @type {import('@sveltejs/kit').Config} */
@@ -10,7 +10,9 @@ const config = {
         accessors: process.env.VITEST
     },
     kit: {
-        adapter: adapter(),
+        adapter: adapter({
+            fallback: 'index.html'
+        }),
         paths: {
             base: ''
         }
diff --git a/vercel.json b/vercel.json
new file mode 100644
index 000000000..2c6e2022e
--- /dev/null
+++ b/vercel.json
@@ -0,0 +1,8 @@
+{
+    "rewrites": [
+        {
+            "source": "/(.*)",
+            "destination": "/"
+        }
+    ]
+}
diff --git a/vite.config.js b/vite.config.js
index 5f10e134d..fb3877514 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -4,10 +4,10 @@ import { sveltekit } from '@sveltejs/kit/vite';
 const config = {
     plugins: [sveltekit()],
     optimizeDeps: {
-        include: ['echarts']
+        include: ['echarts', 'prismjs']
     },
     ssr: {
-        noExternal: ['echarts']
+        noExternal: ['echarts', 'prismjs']
     },
     define: {
         'import.meta.env.VERCEL_ANALYTICS_ID': JSON.stringify(process.env.VERCEL_ANALYTICS_ID)

From e63750c8b81ee1b01f2c0c9a653e38abcacb2d20 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Tue, 11 Oct 2022 11:31:43 +0200
Subject: [PATCH 5/9] feat: create tabs, tab component

---
 src/lib/components/index.ts    |  2 +
 src/lib/components/tab.svelte  | 16 ++++++
 src/lib/components/tabs.svelte | 70 ++++++++++++++++++++++++++
 src/lib/layout/shell.svelte    | 92 +++++++---------------------------
 4 files changed, 105 insertions(+), 75 deletions(-)
 create mode 100644 src/lib/components/tab.svelte
 create mode 100644 src/lib/components/tabs.svelte

diff --git a/src/lib/components/index.ts b/src/lib/components/index.ts
index 8ede2d738..8bbd6f0da 100644
--- a/src/lib/components/index.ts
+++ b/src/lib/components/index.ts
@@ -33,3 +33,5 @@ export { default as Code } from './code.svelte';
 export { default as Json } from './json.svelte';
 export { default as CustomId } from './customId.svelte';
 export { default as Secret } from './secret.svelte';
+export { default as Tabs } from './tabs.svelte';
+export { default as Tab } from './tab.svelte';
diff --git a/src/lib/components/tab.svelte b/src/lib/components/tab.svelte
new file mode 100644
index 000000000..b4bf9bbeb
--- /dev/null
+++ b/src/lib/components/tab.svelte
@@ -0,0 +1,16 @@
+<script lang="ts">
+    export let selected = false;
+    export let href: string = null;
+</script>
+
+<li class="tabs-item">
+    {#if href}
+        <a class="tabs-button" {href} class:is-selected={selected}>
+            <span class="text"><slot /></span>
+        </a>
+    {:else}
+        <button class="tabs-button" on:click class:is-selected={selected}>
+            <span class="text"><slot /></span>
+        </button>
+    {/if}
+</li>
diff --git a/src/lib/components/tabs.svelte b/src/lib/components/tabs.svelte
new file mode 100644
index 000000000..fd99cef1e
--- /dev/null
+++ b/src/lib/components/tabs.svelte
@@ -0,0 +1,70 @@
+<script lang="ts">
+    let showLeft = false;
+    let showRight = false;
+    let tabsList: HTMLUListElement;
+
+    const slide = (direction: 'left' | 'right') => {
+        let scrollCompleted = 0;
+        let slideVar = setInterval(() => {
+            if (direction == 'left') {
+                tabsList.scrollLeft -= 10;
+            } else {
+                tabsList.scrollLeft += 10;
+            }
+            scrollCompleted += 10;
+            if (scrollCompleted >= 100) {
+                clearInterval(slideVar);
+            }
+        }, 10);
+    };
+
+    //TODO: implement this directly into onScroll
+    const throttle = (fn: () => void, delay: number) => {
+        let timeout = false;
+        return () => {
+            if (!timeout) {
+                timeout = true;
+                fn.apply(this);
+                setTimeout(() => {
+                    timeout = false;
+                }, delay);
+            }
+        };
+    };
+
+    const onScroll = () => {
+        if (!tabsList) {
+            return;
+        }
+        const { offsetWidth, scrollLeft, scrollWidth } = tabsList;
+        showLeft = scrollLeft > 10;
+        showRight = scrollLeft < scrollWidth - offsetWidth - 10;
+    };
+</script>
+
+<svelte:window on:resize={throttle(onScroll, 25)} />
+
+<div class="tabs">
+    {#if showLeft}
+        <button
+            class="tabs-button-scroll is-start"
+            aria-label="Show items in start side"
+            on:click={() => slide('left')}>
+            <span class="icon-cheveron-left" aria-hidden="true" />
+        </button>
+    {/if}
+    {#if showRight}
+        <button
+            class="tabs-button-scroll is-end"
+            aria-label="Show items in end side"
+            on:click={() => slide('right')}>
+            <span class="icon-cheveron-right" aria-hidden="true" />
+        </button>
+    {/if}
+    <ul
+        class="tabs-list scroll-shadow-horizontal"
+        bind:this={tabsList}
+        on:scroll={throttle(onScroll, 25)}>
+        <slot />
+    </ul>
+</div>
diff --git a/src/lib/layout/shell.svelte b/src/lib/layout/shell.svelte
index 7eb4e1f36..79d720472 100644
--- a/src/lib/layout/shell.svelte
+++ b/src/lib/layout/shell.svelte
@@ -2,7 +2,15 @@
     import { navigating, page } from '$app/stores';
     import { tabs, title, backButton, copyData, titleDropdown } from '$lib/stores/layout';
     import { Cover } from '.';
-    import { Copy, DropList, DropListItem, DropListLink, AvatarGroup } from '$lib/components';
+    import {
+        Copy,
+        DropList,
+        DropListItem,
+        DropListLink,
+        AvatarGroup,
+        Tabs,
+        Tab
+    } from '$lib/components';
     import { Pill } from '$lib/elements';
     import { Button } from '$lib/elements/forms';
     import {
@@ -22,29 +30,12 @@
     export let showSideNavigation = false;
 
     let y: number;
-    let tabsList: HTMLUListElement;
-    let showLeft = false;
-    let showRight = false;
     let showDropdown = false;
 
     navigating.subscribe(() => {
         if (isOpen) isOpen = false;
     });
 
-    const slide = (direction: 'left' | 'right') => {
-        let scrollCompleted = 0;
-        let slideVar = setInterval(() => {
-            if (direction == 'left') {
-                tabsList.scrollLeft -= 10;
-            } else {
-                tabsList.scrollLeft += 10;
-            }
-            scrollCompleted += 10;
-            if (scrollCompleted >= 100) {
-                clearInterval(slideVar);
-            }
-        }, 10);
-    };
     let avatars = [];
     let avatarsTotal = 0;
 
@@ -65,29 +56,6 @@
         await goto(`${base}/login`);
     };
 
-    const onScroll = () => {
-        if (!tabsList) {
-            return;
-        }
-        const { offsetWidth, scrollLeft, scrollWidth } = tabsList;
-        showLeft = scrollLeft > 10;
-        showRight = scrollLeft < scrollWidth - offsetWidth - 10;
-    };
-
-    //TODO: implement this directly into onScroll
-    const throttle = (fn: () => void, delay: number) => {
-        let timeout = false;
-        return () => {
-            if (!timeout) {
-                timeout = true;
-                fn.apply(this);
-                setTimeout(() => {
-                    timeout = false;
-                }, delay);
-            }
-        };
-    };
-
     const toggleMenu = () => {
         y = 0;
         isOpen = !isOpen;
@@ -101,7 +69,7 @@
     };
 </script>
 
-<svelte:window bind:scrollY={y} on:resize={throttle(onScroll, 25)} />
+<svelte:window bind:scrollY={y} />
 
 <main
     class:grid-with-side={showSideNavigation}
@@ -200,39 +168,13 @@
             </svelte:fragment>
 
             {#if $tabs.length}
-                <div class="tabs">
-                    {#if showLeft}
-                        <button
-                            class="tabs-button-scroll is-start"
-                            aria-label="Show items in start side"
-                            on:click={() => slide('left')}>
-                            <span class="icon-cheveron-left" aria-hidden="true" />
-                        </button>
-                    {/if}
-                    {#if showRight}
-                        <button
-                            class="tabs-button-scroll is-end"
-                            aria-label="Show items in end side"
-                            on:click={() => slide('right')}>
-                            <span class="icon-cheveron-right" aria-hidden="true" />
-                        </button>
-                    {/if}
-                    <ul
-                        class="tabs-list scroll-shadow-horizontal"
-                        bind:this={tabsList}
-                        on:scroll={throttle(onScroll, 25)}>
-                        {#each $tabs as tab}
-                            <li class="tabs-item">
-                                <a
-                                    class="tabs-button"
-                                    href={tab.href}
-                                    class:is-selected={$page.url.pathname === tab.href}>
-                                    <span class="text">{tab.title}</span>
-                                </a>
-                            </li>
-                        {/each}
-                    </ul>
-                </div>
+                <Tabs>
+                    {#each $tabs as tab}
+                        <Tab href={tab.href} selected={$page.url.pathname === tab.href}>
+                            {tab.title}
+                        </Tab>
+                    {/each}
+                </Tabs>
             {/if}
         </Cover>
         <slot />

From d42a246a0f1c3f118ffa22de15c33dd84d87932a Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Tue, 11 Oct 2022 12:17:41 +0200
Subject: [PATCH 6/9] feat: tests

---
 src/lib/components/tab.svelte      |  2 +-
 src/lib/mock/tabs.test.svelte      | 13 ++++++++++++
 tests/unit/components/tab.test.ts  | 32 ++++++++++++++++++++++++++++++
 tests/unit/components/tabs.test.ts | 27 +++++++++++++++++++++++++
 4 files changed, 73 insertions(+), 1 deletion(-)
 create mode 100644 src/lib/mock/tabs.test.svelte
 create mode 100644 tests/unit/components/tab.test.ts
 create mode 100644 tests/unit/components/tabs.test.ts

diff --git a/src/lib/components/tab.svelte b/src/lib/components/tab.svelte
index b4bf9bbeb..c696b180e 100644
--- a/src/lib/components/tab.svelte
+++ b/src/lib/components/tab.svelte
@@ -9,7 +9,7 @@
             <span class="text"><slot /></span>
         </a>
     {:else}
-        <button class="tabs-button" on:click class:is-selected={selected}>
+        <button class="tabs-button" on:click|preventDefault class:is-selected={selected}>
             <span class="text"><slot /></span>
         </button>
     {/if}
diff --git a/src/lib/mock/tabs.test.svelte b/src/lib/mock/tabs.test.svelte
new file mode 100644
index 000000000..319139817
--- /dev/null
+++ b/src/lib/mock/tabs.test.svelte
@@ -0,0 +1,13 @@
+<script>
+    import { Tabs, Tab } from '../components';
+
+    export let tabs = [];
+</script>
+
+<Tabs>
+    {#each tabs as tab}
+        <Tab href={tab.href}>
+            {tab.title}
+        </Tab>
+    {/each}
+</Tabs>
diff --git a/tests/unit/components/tab.test.ts b/tests/unit/components/tab.test.ts
new file mode 100644
index 000000000..a0d7b0dcb
--- /dev/null
+++ b/tests/unit/components/tab.test.ts
@@ -0,0 +1,32 @@
+import '@testing-library/jest-dom';
+import { vi } from 'vitest';
+import { render, fireEvent } from '@testing-library/svelte';
+import { Tab } from '../../../src/lib/components';
+
+test('shows tab', () => {
+    const { getByRole } = render(Tab);
+
+    expect(getByRole('button')).toBeInTheDocument();
+});
+test('shows tab - is selected', () => {
+    const { getByRole } = render(Tab, { selected: true });
+
+    expect(getByRole('button')).toHaveClass('is-selected');
+});
+
+test('shows tab - is link', () => {
+    render(Tab, { href: 'https://appwrite.io' });
+    const link = document.querySelector('a');
+
+    expect(link).toHaveAttribute('href', 'https://appwrite.io');
+});
+
+test('shows tab - on:click', async () => {
+    const { getByRole, component } = render(Tab);
+    const tab = getByRole('button');
+    const callback = vi.fn();
+    component.$on('click', callback);
+
+    await fireEvent.click(tab);
+    expect(callback).toHaveBeenCalled();
+});
diff --git a/tests/unit/components/tabs.test.ts b/tests/unit/components/tabs.test.ts
new file mode 100644
index 000000000..b9a47c102
--- /dev/null
+++ b/tests/unit/components/tabs.test.ts
@@ -0,0 +1,27 @@
+import '@testing-library/jest-dom';
+import { render } from '@testing-library/svelte';
+import Tabs from '../../../src/lib/mock/tabs.test.svelte';
+
+const list = [
+    {
+        title: 'Tab 1',
+        href: '#tab-1'
+    },
+    {
+        title: 'Tab 2',
+        href: '#tab-2'
+    },
+    {
+        title: 'Tab 3',
+        href: '#tab-3'
+    }
+];
+
+test('shows Tabs component', () => {
+    const { container } = render(Tabs, { tabs: list });
+    const tabs = container.querySelector('div.tabs');
+    const children = tabs.childNodes;
+
+    expect(tabs).toBeInTheDocument();
+    expect(children.length).toBe(list.length);
+});

From 4d6ecf009e9de144c7ff1d09eb86a71d8d2e8847 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Tue, 11 Oct 2022 12:56:27 +0200
Subject: [PATCH 7/9] feat: usage for databases

---
 src/lib/layout/index.ts                       |   1 +
 src/lib/layout/usage.svelte                   | 141 +++++++++++++++
 .../authentication/usage/+page.svelte         | 160 ++++-------------
 .../collection/[collection]/+layout.svelte    |   4 +
 .../collection/[collection]/store.ts          |  14 ++
 .../[collection]/usage/+page.svelte           |  48 ++++++
 .../databases/database/[database]/store.ts    |  14 ++
 .../database/[database]/usage/+page.svelte    |  52 +++++-
 .../project-[project]/databases/store.ts      |  16 +-
 .../databases/usage/+page.svelte              |  50 +++++-
 .../project-[project]/overview/+layout.svelte |   2 +-
 .../project-[project]/overview/store.ts       |   3 +-
 .../bucket/[bucket]/usage/+page.svelte        | 161 ++++--------------
 .../storage/usage/+page.svelte                | 159 ++++-------------
 14 files changed, 433 insertions(+), 392 deletions(-)
 create mode 100644 src/lib/layout/usage.svelte
 create mode 100644 src/routes/console/project-[project]/databases/database/[database]/collection/[collection]/usage/+page.svelte

diff --git a/src/lib/layout/index.ts b/src/lib/layout/index.ts
index 449707740..376a6e632 100644
--- a/src/lib/layout/index.ts
+++ b/src/lib/layout/index.ts
@@ -10,3 +10,4 @@ export { default as Wizard } from './wizard.svelte';
 export { default as WizardStep } from './wizardStep.svelte';
 export { default as Breadcrumbs } from './breadcrumbs.svelte';
 export { default as Unauthenticated } from './unauthenticated.svelte';
+export { default as Usage, type UsagePeriods } from './usage.svelte';
diff --git a/src/lib/layout/usage.svelte b/src/lib/layout/usage.svelte
new file mode 100644
index 000000000..de9f982ef
--- /dev/null
+++ b/src/lib/layout/usage.svelte
@@ -0,0 +1,141 @@
+<script context="module" lang="ts">
+    export type UsagePeriods = '24h' | '30d' | '90d';
+</script>
+
+<script lang="ts">
+    import { Container } from '$lib/layout';
+    import { BarChart, LineChart } from '$lib/charts';
+    import { Card, Tiles } from '$lib/components';
+    import type { Models } from '@aw-labs/appwrite-console';
+
+    type MetricMetadata = {
+        title: string;
+        legend: string;
+    };
+
+    export let count: Models.Metric[];
+    export let created: Models.Metric[];
+    export let read: Models.Metric[];
+    export let updated: Models.Metric[];
+    export let deleted: Models.Metric[];
+
+    export let countMetadata: MetricMetadata;
+    export let createdMetadata: MetricMetadata;
+    export let readMetadata: MetricMetadata;
+    export let updatedMetadata: MetricMetadata;
+    export let deletedMetadata: MetricMetadata;
+
+    export let range: UsagePeriods;
+
+    function last(set: Models.Metric[]): Models.Metric | null {
+        return set.slice(-1)[0] ?? null;
+    }
+
+    function total(set: Models.Metric[]): number {
+        return set.reduce((prev, curr) => prev + curr.value, 0);
+    }
+</script>
+
+<Container>
+    <div class="u-flex u-main-space-between common-section">
+        <h2 class="heading-level-5">Users</h2>
+        <ul class="drop-tabs">
+            <li class="drop-tabs-item">
+                <button
+                    class="drop-tabs-button"
+                    on:click={() => (range = '24h')}
+                    disabled={range === '24h'}>
+                    <span class="text">24h</span>
+                </button>
+            </li>
+            <li class="drop-tabs-item">
+                <button
+                    class="drop-tabs-button"
+                    on:click={() => (range = '30d')}
+                    disabled={range === '30d'}>
+                    <span class="text">30d</span>
+                </button>
+            </li>
+            <li class="drop-tabs-item">
+                <button
+                    class="drop-tabs-button"
+                    on:click={() => (range = '90d')}
+                    disabled={range === '90d'}>
+                    <span class="text">90d</span>
+                </button>
+            </li>
+        </ul>
+    </div>
+    <Card>
+        {#if count}
+            <h6 class="heading-level-6">{last(count).value}</h6>
+            <p>{countMetadata.title}</p>
+            <div class="u-margin-block-start-16" />
+            <BarChart
+                series={[
+                    {
+                        name: countMetadata.legend,
+                        data: [...count.map((e) => [e.date, e.value])]
+                    }
+                ]} />
+        {/if}
+    </Card>
+    <Tiles>
+        <Card isTile>
+            {#if created}
+                <h6 class="heading-level-6">{total(created)}</h6>
+                <p>{createdMetadata.title}</p>
+                <div class="u-margin-block-start-16" />
+                <LineChart
+                    series={[
+                        {
+                            name: createdMetadata.legend,
+                            data: [...created.map((e) => [e.date, e.value])]
+                        }
+                    ]} />
+            {/if}
+        </Card>
+        <Card isTile>
+            {#if read}
+                <h6 class="heading-level-6">{total(read)}</h6>
+                <p>{createdMetadata.title}</p>
+                <div class="u-margin-block-start-16" />
+                <LineChart
+                    series={[
+                        {
+                            name: readMetadata.legend,
+                            data: [...read.map((e) => [e.date, e.value])]
+                        }
+                    ]} />
+            {/if}
+        </Card>
+        <Card isTile>
+            {#if updated}
+                <h6 class="heading-level-6">{total(updated)}</h6>
+                <p>{updatedMetadata.title}</p>
+                <div class="u-margin-block-start-16" />
+                <LineChart
+                    series={[
+                        {
+                            name: updatedMetadata.legend,
+                            data: [...updated.map((e) => [e.date, e.value])]
+                        }
+                    ]} />
+            {/if}
+        </Card>
+        <Card isTile>
+            {#if deleted}
+                <h6 class="heading-level-6">{total(deleted)}</h6>
+                <p>{deletedMetadata.title}</p>
+                <div class="u-margin-block-start-16" />
+                <LineChart
+                    series={[
+                        {
+                            name: deletedMetadata.legend,
+                            data: [...deleted.map((e) => [e.date, e.value])]
+                        }
+                    ]} />
+            {/if}
+        </Card>
+    </Tiles>
+</Container>
diff --git a/src/routes/console/project-[project]/authentication/usage/+page.svelte b/src/routes/console/project-[project]/authentication/usage/+page.svelte
index 5e960f3e0..f5e86e672 100644
--- a/src/routes/console/project-[project]/authentication/usage/+page.svelte
+++ b/src/routes/console/project-[project]/authentication/usage/+page.svelte
@@ -1,133 +1,45 @@
 <script lang="ts">
-    import { Container } from '$lib/layout';
-    import { BarChart, LineChart } from '$lib/charts';
-    import { Card, Tiles } from '$lib/components';
+    import { Usage } from '$lib/layout';
     import { usersUsage } from '../store';
     import type { Models } from '@aw-labs/appwrite-console';
+    import type { UsagePeriods } from '$lib/layout/usage.svelte';
 
-    let currentRange = '30d';
+    let range: UsagePeriods = '30d';
 
-    $: usersUsage.load(currentRange);
+    $: usersUsage.load(range);
 
     // TODO: metric type is wrong
-    $: usersCount = $usersUsage?.usersCount as unknown as Models.Metric[];
-    $: usersCreate = $usersUsage?.usersCreate as unknown as Models.Metric[];
-    $: usersRead = $usersUsage?.usersRead as unknown as Models.Metric[];
-    $: usersUpdate = $usersUsage?.usersUpdate as unknown as Models.Metric[];
-    $: usersDelete = $usersUsage?.usersDelete as unknown as Models.Metric[];
-
-    function last(set: Array<unknown>): Models.Metric | null {
-        return (set as Models.Metric[]).slice(-1)[0] ?? null;
-    }
-
-    // TODO: metric type is wrong
-    function total(set: Array<unknown>): number {
-        return (set as Models.Metric[]).reduce((prev, curr) => prev + curr.value, 0);
-    }
+    $: count = $usersUsage?.usersCount as unknown as Models.Metric[];
+    $: created = $usersUsage?.usersCreate as unknown as Models.Metric[];
+    $: read = $usersUsage?.usersRead as unknown as Models.Metric[];
+    $: updated = $usersUsage?.usersUpdate as unknown as Models.Metric[];
+    $: deleted = $usersUsage?.usersDelete as unknown as Models.Metric[];
 </script>
 
-<Container>
-    <div class="u-flex u-main-space-between common-section">
-        <h2 class="heading-level-5">Users</h2>
-        <ul class="drop-tabs">
-            <li class="drop-tabs-item">
-                <button
-                    class="drop-tabs-button"
-                    on:click={() => (currentRange = '24h')}
-                    disabled={currentRange === '24h'}>
-                    <span class="text">24h</span>
-                </button>
-            </li>
-            <li class="drop-tabs-item">
-                <button
-                    class="drop-tabs-button"
-                    on:click={() => (currentRange = '30d')}
-                    disabled={currentRange === '30d'}>
-                    <span class="text">30d</span>
-                </button>
-            </li>
-            <li class="drop-tabs-item">
-                <button
-                    class="drop-tabs-button"
-                    on:click={() => (currentRange = '90d')}
-                    disabled={currentRange === '90d'}>
-                    <span class="text">90d</span>
-                </button>
-            </li>
-        </ul>
-    </div>
-    {#if $usersUsage}
-        <Card>
-            {#if usersCount}
-                <h6 class="heading-level-6">{last(usersCount).value}</h6>
-                <p>Registered users</p>
-                <div class="u-margin-block-start-16" />
-                <BarChart
-                    series={[
-                        {
-                            name: 'User',
-                            data: [...usersCount.map((e) => [e.date, e.value])]
-                        }
-                    ]} />
-            {/if}
-        </Card>
-        <Tiles>
-            <Card isTile>
-                {#if usersCreate}
-                    <h6 class="heading-level-6">{total(usersCreate)}</h6>
-                    <p>Users created</p>
-                    <div class="u-margin-block-start-16" />
-                    <LineChart
-                        series={[
-                            {
-                                name: 'Create',
-                                data: [...usersCreate.map((e) => [e.date, e.value])]
-                            }
-                        ]} />
-                {/if}
-            </Card>
-            <Card isTile>
-                {#if usersRead}
-                    <h6 class="heading-level-6">{total(usersRead)}</h6>
-                    <p>Users read</p>
-                    <div class="u-margin-block-start-16" />
-                    <LineChart
-                        series={[
-                            {
-                                name: 'Read',
-                                data: [...usersRead.map((e) => [e.date, e.value])]
-                            }
-                        ]} />
-                {/if}
-            </Card>
-            <Card isTile>
-                {#if usersUpdate}
-                    <h6 class="heading-level-6">{total(usersUpdate)}</h6>
-                    <p>Users updated</p>
-                    <div class="u-margin-block-start-16" />
-                    <LineChart
-                        series={[
-                            {
-                                name: 'Update',
-                                data: [...usersUpdate.map((e) => [e.date, e.value])]
-                            }
-                        ]} />
-                {/if}
-            </Card>
-            <Card isTile>
-                {#if usersDelete}
-                    <h6 class="heading-level-6">{total(usersDelete)}</h6>
-                    <p>Users deleted</p>
-                    <div class="u-margin-block-start-16" />
-                    <LineChart
-                        series={[
-                            {
-                                name: 'Delete',
-                                data: [...usersDelete.map((e) => [e.date, e.value])]
-                            }
-                        ]} />
-                {/if}
-            </Card>
-        </Tiles>
-    {/if}
-</Container>
+<Usage
+    bind:range
+    {count}
+    {created}
+    {read}
+    {updated}
+    {deleted}
+    countMetadata={{
+        legend: 'Users',
+        title: 'Registered users'
+    }}
+    createdMetadata={{
+        legend: 'Create',
+        title: 'Users created'
+    }}
+    readMetadata={{
+        legend: 'Read',
+        title: 'Users read'
+    }}
+    updatedMetadata={{
+        legend: 'Update',
+        title: 'Users updated'
+    }}
+    deletedMetadata={{
+        legend: 'Delete',
+        title: 'Users deleted'
+    }} />
diff --git a/src/routes/console/project-[project]/databases/database/[database]/collection/[collection]/+layout.svelte b/src/routes/console/project-[project]/databases/database/[database]/collection/[collection]/+layout.svelte
index 8115c2396..c21d4def9 100644
--- a/src/routes/console/project-[project]/databases/database/[database]/collection/[collection]/+layout.svelte
+++ b/src/routes/console/project-[project]/databases/database/[database]/collection/[collection]/+layout.svelte
@@ -46,6 +46,10 @@
                     href: `${path}/indexes`,
                     title: 'Indexes'
                 },
+                {
+                    href: `${path}/usage`,
+                    title: 'Usage'
+                },
                 {
                     href: `${path}/settings`,
                     title: 'Settings'
diff --git a/src/routes/console/project-[project]/databases/database/[database]/collection/[collection]/store.ts b/src/routes/console/project-[project]/databases/database/[database]/collection/[collection]/store.ts
index b9e406dfd..35af4cde8 100644
--- a/src/routes/console/project-[project]/databases/database/[database]/collection/[collection]/store.ts
+++ b/src/routes/console/project-[project]/databases/database/[database]/collection/[collection]/store.ts
@@ -116,3 +116,17 @@ export const attributeList = cachedStore<
         }
     };
 });
+
+export const collectionUsage = cachedStore<
+    Models.UsageCollection,
+    {
+        load: (databaseId: string, collectionId: string, range: string) => Promise<void>;
+    }
+>('collectionUsage', function ({ set }) {
+    return {
+        load: async (databaseId, range) => {
+            const usages = await sdkForProject.databases.getCollectionUsage(databaseId, range);
+            set(usages);
+        }
+    };
+});
diff --git a/src/routes/console/project-[project]/databases/database/[database]/collection/[collection]/usage/+page.svelte b/src/routes/console/project-[project]/databases/database/[database]/collection/[collection]/usage/+page.svelte
new file mode 100644
index 000000000..a2f1e4d60
--- /dev/null
+++ b/src/routes/console/project-[project]/databases/database/[database]/collection/[collection]/usage/+page.svelte
@@ -0,0 +1,48 @@
+<script lang="ts">
+    import { page } from '$app/stores';
+    import { Usage, type UsagePeriods } from '$lib/layout';
+    import { collectionUsage } from '../store';
+    import type { Models } from '@aw-labs/appwrite-console';
+
+    let range: UsagePeriods = '30d';
+
+    const databaseId = $page.params.database;
+    const collectionId = $page.params.collection;
+
+    $: collectionUsage.load(databaseId, collectionId, range);
+
+    // TODO: metric type is wrong
+    $: count = $collectionUsage?.documentsCount as unknown as Models.Metric[];
+    $: created = $collectionUsage?.documentsCreate as unknown as Models.Metric[];
+    $: read = $collectionUsage?.documentsRead as unknown as Models.Metric[];
+    $: updated = $collectionUsage?.documentsUpdate as unknown as Models.Metric[];
+    $: deleted = $collectionUsage?.documentsDelete as unknown as Models.Metric[];
+</script>
+
+<Usage
+    bind:range
+    {count}
+    {created}
+    {read}
+    {updated}
+    {deleted}
+    countMetadata={{
+        legend: 'Documents',
+        title: 'Total documents'
+    }}
+    createdMetadata={{
+        legend: 'Create',
+        title: 'Documents created'
+    }}
+    readMetadata={{
+        legend: 'Read',
+        title: 'Documents read'
+    }}
+    updatedMetadata={{
+        legend: 'Update',
+        title: 'Documents updated'
+    }}
+    deletedMetadata={{
+        legend: 'Delete',
+        title: 'Documents deleted'
+    }} />
diff --git a/src/routes/console/project-[project]/databases/database/[database]/store.ts b/src/routes/console/project-[project]/databases/database/[database]/store.ts
index a3eb21e8d..69072d890 100644
--- a/src/routes/console/project-[project]/databases/database/[database]/store.ts
+++ b/src/routes/console/project-[project]/databases/database/[database]/store.ts
@@ -38,3 +38,17 @@ export const database = cachedStore<
         }
     };
 });
+
+export const databaseUsage = cachedStore<
+    Models.UsageDatabase,
+    {
+        load: (databaseId: string, range: string) => Promise<void>;
+    }
+>('databaseUsage', function ({ set }) {
+    return {
+        load: async (databaseId, range) => {
+            const usages = await sdkForProject.databases.getDatabaseUsage(databaseId, range);
+            set(usages);
+        }
+    };
+});
diff --git a/src/routes/console/project-[project]/databases/database/[database]/usage/+page.svelte b/src/routes/console/project-[project]/databases/database/[database]/usage/+page.svelte
index 0fdd935f5..91d0c1ec1 100644
--- a/src/routes/console/project-[project]/databases/database/[database]/usage/+page.svelte
+++ b/src/routes/console/project-[project]/databases/database/[database]/usage/+page.svelte
@@ -1,9 +1,47 @@
-<script>
-    import { Card } from '$lib/components';
-    import { Container } from '$lib/layout';
+<script lang="ts">
+    import { page } from '$app/stores';
+    import { Usage, type UsagePeriods } from '$lib/layout';
+    import { databaseUsage } from '../store';
+    import type { Models } from '@aw-labs/appwrite-console';
+
+    let range: UsagePeriods = '30d';
+
+    const databaseId = $page.params.database;
+
+    $: databaseUsage.load(databaseId, range);
+
+    // TODO: metric type is wrong
+    $: count = $databaseUsage?.collectionsCount as unknown as Models.Metric[];
+    $: created = $databaseUsage?.collectionsCreate as unknown as Models.Metric[];
+    $: read = $databaseUsage?.collectionsRead as unknown as Models.Metric[];
+    $: updated = $databaseUsage?.collectionsUpdate as unknown as Models.Metric[];
+    $: deleted = $databaseUsage?.collectionsDelete as unknown as Models.Metric[];
 </script>
 
-<Container>
-    <h1>Usage</h1>
-    <Card />
-</Container>
+<Usage
+    bind:range
+    {count}
+    {created}
+    {read}
+    {updated}
+    {deleted}
+    countMetadata={{
+        legend: 'Collections',
+        title: 'Total collections'
+    }}
+    createdMetadata={{
+        legend: 'Create',
+        title: 'Collections created'
+    }}
+    readMetadata={{
+        legend: 'Read',
+        title: 'Collections read'
+    }}
+    updatedMetadata={{
+        legend: 'Update',
+        title: 'Collections updated'
+    }}
+    deletedMetadata={{
+        legend: 'Delete',
+        title: 'Collections deleted'
+    }} />
diff --git a/src/routes/console/project-[project]/databases/store.ts b/src/routes/console/project-[project]/databases/store.ts
index 88256ca12..642b5c471 100644
--- a/src/routes/console/project-[project]/databases/store.ts
+++ b/src/routes/console/project-[project]/databases/store.ts
@@ -1,6 +1,6 @@
 import { sdkForProject } from '$lib/stores/sdk';
-import type { Models } from '@aw-labs/appwrite-console';
 import { cachedStore } from '$lib/helpers/cache';
+import type { Models } from '@aw-labs/appwrite-console';
 
 export const databaseList = cachedStore<
     Models.DatabaseList,
@@ -15,3 +15,17 @@ export const databaseList = cachedStore<
         }
     };
 });
+
+export const databasesUsage = cachedStore<
+    Models.UsageDatabases,
+    {
+        load: (range: string) => Promise<void>;
+    }
+>('databasesUsage', function ({ set }) {
+    return {
+        load: async (range) => {
+            const usages = await sdkForProject.databases.getUsage(range);
+            set(usages);
+        }
+    };
+});
diff --git a/src/routes/console/project-[project]/databases/usage/+page.svelte b/src/routes/console/project-[project]/databases/usage/+page.svelte
index aa43e6741..bd3049710 100644
--- a/src/routes/console/project-[project]/databases/usage/+page.svelte
+++ b/src/routes/console/project-[project]/databases/usage/+page.svelte
@@ -1,10 +1,44 @@
-<script>
-    import { Card } from '$lib/components';
-    import { Container } from '$lib/layout';
+<script lang="ts">
+    import { Usage, type UsagePeriods } from '$lib/layout';
+    import { databasesUsage } from '../store';
+    import type { Models } from '@aw-labs/appwrite-console';
+
+    let range: UsagePeriods = '30d';
+
+    $: databasesUsage.load(range);
+
+    // TODO: metric type is wrong
+    $: count = $databasesUsage?.databasesCount as unknown as Models.Metric[];
+    $: created = $databasesUsage?.databasesCreate as unknown as Models.Metric[];
+    $: read = $databasesUsage?.databasesRead as unknown as Models.Metric[];
+    $: updated = $databasesUsage?.databasesUpdate as unknown as Models.Metric[];
+    $: deleted = $databasesUsage?.databasesDelete as unknown as Models.Metric[];
 </script>
 
-<Container>
-    <h1>Usage</h1>
-
-    <Card />
-</Container>
+<Usage
+    bind:range
+    {count}
+    {created}
+    {read}
+    {updated}
+    {deleted}
+    countMetadata={{
+        legend: 'Databases',
+        title: 'Total databases'
+    }}
+    createdMetadata={{
+        legend: 'Create',
+        title: 'Databases created'
+    }}
+    readMetadata={{
+        legend: 'Read',
+        title: 'Databases read'
+    }}
+    updatedMetadata={{
+        legend: 'Update',
+        title: 'Databases updated'
+    }}
+    deletedMetadata={{
+        legend: 'Delete',
+        title: 'Databases deleted'
+    }} />
diff --git a/src/routes/console/project-[project]/overview/+layout.svelte b/src/routes/console/project-[project]/overview/+layout.svelte
index 6ebba1fae..d96abb255 100644
--- a/src/routes/console/project-[project]/overview/+layout.svelte
+++ b/src/routes/console/project-[project]/overview/+layout.svelte
@@ -9,7 +9,7 @@
     import { usage, type UsagePeriods } from './store';
     import { onMount } from 'svelte';
     import { afterNavigate } from '$app/navigation';
-    import { DropList, DropListItem } from '$lib/components';
+    import { Code, DropList, DropListItem } from '$lib/components';
     import { BarChart, LineChart } from '$lib/charts';
     import { humanFileSize } from '$lib/helpers/sizeConvertion';
 
diff --git a/src/routes/console/project-[project]/overview/store.ts b/src/routes/console/project-[project]/overview/store.ts
index 013b18a08..17c8ad4a1 100644
--- a/src/routes/console/project-[project]/overview/store.ts
+++ b/src/routes/console/project-[project]/overview/store.ts
@@ -2,11 +2,10 @@ import { sdkForConsole } from '$lib/stores/sdk';
 import { cachedStore } from '$lib/helpers/cache';
 import type { Models } from '@aw-labs/appwrite-console';
 
-export type UsagePeriods = '24h' | '30d' | '90d';
 export const usage = cachedStore<
     Models.UsageProject,
     {
-        load: (projectId: string, range: UsagePeriods) => Promise<void>;
+        load: (projectId: string, range: string) => Promise<void>;
     }
 >('projectUsage', function ({ set }) {
     return {
diff --git a/src/routes/console/project-[project]/storage/bucket/[bucket]/usage/+page.svelte b/src/routes/console/project-[project]/storage/bucket/[bucket]/usage/+page.svelte
index c1c8f26ee..03c0566db 100644
--- a/src/routes/console/project-[project]/storage/bucket/[bucket]/usage/+page.svelte
+++ b/src/routes/console/project-[project]/storage/bucket/[bucket]/usage/+page.svelte
@@ -1,136 +1,47 @@
 <script lang="ts">
-    import { Container } from '$lib/layout';
-    import { BarChart, LineChart } from '$lib/charts';
-    import { Card, Tiles } from '$lib/components';
+    import { page } from '$app/stores';
+    import { Usage, type UsagePeriods } from '$lib/layout';
     import { bucketUsage } from '../store';
     import type { Models } from '@aw-labs/appwrite-console';
-    import { page } from '$app/stores';
 
-    let currentRange = '30d';
+    let range: UsagePeriods = '30d';
 
     const bucketId = $page.params.bucket;
 
-    $: bucketUsage.load(bucketId, currentRange);
+    $: bucketUsage.load(bucketId, range);
 
     // TODO: metric type is wrong
-    $: filesCount = $bucketUsage?.filesCount as unknown as Models.Metric[];
-    $: filesCreate = $bucketUsage?.filesCreate as unknown as Models.Metric[];
-    $: filesRead = $bucketUsage?.filesRead as unknown as Models.Metric[];
-    $: filesUpdate = $bucketUsage?.filesUpdate as unknown as Models.Metric[];
-    $: filesDelete = $bucketUsage?.filesDelete as unknown as Models.Metric[];
-
-    function last(set: Array<unknown>): Models.Metric | null {
-        return (set as Models.Metric[]).slice(-1)[0] ?? null;
-    }
-
-    // TODO: metric type is wrong
-    function total(set: Array<unknown>): number {
-        return (set as Models.Metric[]).reduce((prev, curr) => prev + curr.value, 0);
-    }
+    $: count = $bucketUsage?.filesCount as unknown as Models.Metric[];
+    $: created = $bucketUsage?.filesCreate as unknown as Models.Metric[];
+    $: read = $bucketUsage?.filesRead as unknown as Models.Metric[];
+    $: updated = $bucketUsage?.filesUpdate as unknown as Models.Metric[];
+    $: deleted = $bucketUsage?.filesDelete as unknown as Models.Metric[];
 </script>
 
-<Container>
-    <div class="u-flex u-main-space-between common-section">
-        <h2 class="heading-level-5">Users</h2>
-        <ul class="drop-tabs">
-            <li class="drop-tabs-item">
-                <button
-                    class="drop-tabs-button"
-                    on:click={() => (currentRange = '24h')}
-                    disabled={currentRange === '24h'}>
-                    <span class="text">24h</span>
-                </button>
-            </li>
-            <li class="drop-tabs-item">
-                <button
-                    class="drop-tabs-button"
-                    on:click={() => (currentRange = '30d')}
-                    disabled={currentRange === '30d'}>
-                    <span class="text">30d</span>
-                </button>
-            </li>
-            <li class="drop-tabs-item">
-                <button
-                    class="drop-tabs-button"
-                    on:click={() => (currentRange = '90d')}
-                    disabled={currentRange === '90d'}>
-                    <span class="text">90d</span>
-                </button>
-            </li>
-        </ul>
-    </div>
-    {#if $bucketUsage}
-        <Card>
-            {#if filesCount}
-                <h6 class="heading-level-6">{last(filesCount).value}</h6>
-                <p>Total Files</p>
-                <div class="u-margin-block-start-16" />
-                <BarChart
-                    series={[
-                        {
-                            name: 'User',
-                            data: [...filesCount.map((e) => [e.date, e.value])]
-                        }
-                    ]} />
-            {/if}
-        </Card>
-        <Tiles>
-            <Card isTile>
-                {#if filesCreate}
-                    <h6 class="heading-level-6">{total(filesCreate)}</h6>
-                    <p>Files created</p>
-                    <div class="u-margin-block-start-16" />
-                    <LineChart
-                        series={[
-                            {
-                                name: 'Create',
-                                data: [...filesCreate.map((e) => [e.date, e.value])]
-                            }
-                        ]} />
-                {/if}
-            </Card>
-            <Card isTile>
-                {#if filesRead}
-                    <h6 class="heading-level-6">{total(filesRead)}</h6>
-                    <p>Files read</p>
-                    <div class="u-margin-block-start-16" />
-                    <LineChart
-                        series={[
-                            {
-                                name: 'Read',
-                                data: [...filesRead.map((e) => [e.date, e.value])]
-                            }
-                        ]} />
-                {/if}
-            </Card>
-            <Card isTile>
-                {#if filesUpdate}
-                    <h6 class="heading-level-6">{total(filesUpdate)}</h6>
-                    <p>Files updated</p>
-                    <div class="u-margin-block-start-16" />
-                    <LineChart
-                        series={[
-                            {
-                                name: 'Update',
-                                data: [...filesUpdate.map((e) => [e.date, e.value])]
-                            }
-                        ]} />
-                {/if}
-            </Card>
-            <Card isTile>
-                {#if filesDelete}
-                    <h6 class="heading-level-6">{total(filesDelete)}</h6>
-                    <p>Files deleted</p>
-                    <div class="u-margin-block-start-16" />
-                    <LineChart
-                        series={[
-                            {
-                                name: 'Delete',
-                                data: [...filesDelete.map((e) => [e.date, e.value])]
-                            }
-                        ]} />
-                {/if}
-            </Card>
-        </Tiles>
-    {/if}
-</Container>
+<Usage
+    bind:range
+    {count}
+    {created}
+    {read}
+    {updated}
+    {deleted}
+    countMetadata={{
+        legend: 'Files',
+        title: 'Total files'
+    }}
+    createdMetadata={{
+        legend: 'Create',
+        title: 'Files created'
+    }}
+    readMetadata={{
+        legend: 'Read',
+        title: 'Files read'
+    }}
+    updatedMetadata={{
+        legend: 'Update',
+        title: 'Files updated'
+    }}
+    deletedMetadata={{
+        legend: 'Delete',
+        title: 'Files deleted'
+    }} />
diff --git a/src/routes/console/project-[project]/storage/usage/+page.svelte b/src/routes/console/project-[project]/storage/usage/+page.svelte
index ffa51a930..615ae59af 100644
--- a/src/routes/console/project-[project]/storage/usage/+page.svelte
+++ b/src/routes/console/project-[project]/storage/usage/+page.svelte
@@ -1,133 +1,44 @@
 <script lang="ts">
-    import { Container } from '$lib/layout';
-    import { BarChart, LineChart } from '$lib/charts';
-    import { Card, Tiles } from '$lib/components';
+    import { Usage, type UsagePeriods } from '$lib/layout';
     import { storageUsage } from '../store';
     import type { Models } from '@aw-labs/appwrite-console';
 
-    let currentRange = '30d';
+    let range: UsagePeriods = '30d';
 
-    $: storageUsage.load(currentRange);
+    $: storageUsage.load(range);
 
     // TODO: metric type is wrong
-    $: bucketsCount = $storageUsage?.bucketsCount as unknown as Models.Metric[];
-    $: bucketsCreate = $storageUsage?.bucketsCreate as unknown as Models.Metric[];
-    $: bucketsRead = $storageUsage?.bucketsRead as unknown as Models.Metric[];
-    $: bucketsUpdate = $storageUsage?.bucketsUpdate as unknown as Models.Metric[];
-    $: bucketsDelete = $storageUsage?.bucketsDelete as unknown as Models.Metric[];
-
-    function last(set: Array<unknown>): Models.Metric | null {
-        return (set as Models.Metric[]).slice(-1)[0] ?? null;
-    }
-
-    // TODO: metric type is wrong
-    function total(set: Array<unknown>): number {
-        return (set as Models.Metric[]).reduce((prev, curr) => prev + curr.value, 0);
-    }
+    $: count = $storageUsage?.bucketsCount as unknown as Models.Metric[];
+    $: created = $storageUsage?.bucketsCreate as unknown as Models.Metric[];
+    $: read = $storageUsage?.bucketsRead as unknown as Models.Metric[];
+    $: updated = $storageUsage?.bucketsUpdate as unknown as Models.Metric[];
+    $: deleted = $storageUsage?.bucketsDelete as unknown as Models.Metric[];
 </script>
 
-<Container>
-    <div class="u-flex u-main-space-between common-section">
-        <h2 class="heading-level-5">Users</h2>
-        <ul class="drop-tabs">
-            <li class="drop-tabs-item">
-                <button
-                    class="drop-tabs-button"
-                    on:click={() => (currentRange = '24h')}
-                    disabled={currentRange === '24h'}>
-                    <span class="text">24h</span>
-                </button>
-            </li>
-            <li class="drop-tabs-item">
-                <button
-                    class="drop-tabs-button"
-                    on:click={() => (currentRange = '30d')}
-                    disabled={currentRange === '30d'}>
-                    <span class="text">30d</span>
-                </button>
-            </li>
-            <li class="drop-tabs-item">
-                <button
-                    class="drop-tabs-button"
-                    on:click={() => (currentRange = '90d')}
-                    disabled={currentRange === '90d'}>
-                    <span class="text">90d</span>
-                </button>
-            </li>
-        </ul>
-    </div>
-    {#if $storageUsage}
-        <Card>
-            {#if bucketsCount}
-                <h6 class="heading-level-6">{last(bucketsCount).value}</h6>
-                <p>Total Buckets</p>
-                <div class="u-margin-block-start-16" />
-                <BarChart
-                    series={[
-                        {
-                            name: 'User',
-                            data: [...bucketsCount.map((e) => [e.date, e.value])]
-                        }
-                    ]} />
-            {/if}
-        </Card>
-        <Tiles>
-            <Card isTile>
-                {#if bucketsCreate}
-                    <h6 class="heading-level-6">{total(bucketsCreate)}</h6>
-                    <p>Buckets created</p>
-                    <div class="u-margin-block-start-16" />
-                    <LineChart
-                        series={[
-                            {
-                                name: 'Create',
-                                data: [...bucketsCreate.map((e) => [e.date, e.value])]
-                            }
-                        ]} />
-                {/if}
-            </Card>
-            <Card isTile>
-                {#if bucketsRead}
-                    <h6 class="heading-level-6">{total(bucketsRead)}</h6>
-                    <p>Buckets read</p>
-                    <div class="u-margin-block-start-16" />
-                    <LineChart
-                        series={[
-                            {
-                                name: 'Read',
-                                data: [...bucketsRead.map((e) => [e.date, e.value])]
-                            }
-                        ]} />
-                {/if}
-            </Card>
-            <Card isTile>
-                {#if bucketsUpdate}
-                    <h6 class="heading-level-6">{total(bucketsUpdate)}</h6>
-                    <p>Buckets updated</p>
-                    <div class="u-margin-block-start-16" />
-                    <LineChart
-                        series={[
-                            {
-                                name: 'Update',
-                                data: [...bucketsUpdate.map((e) => [e.date, e.value])]
-                            }
-                        ]} />
-                {/if}
-            </Card>
-            <Card isTile>
-                {#if bucketsDelete}
-                    <h6 class="heading-level-6">{total(bucketsDelete)}</h6>
-                    <p>Buckets deleted</p>
-                    <div class="u-margin-block-start-16" />
-                    <LineChart
-                        series={[
-                            {
-                                name: 'Delete',
-                                data: [...bucketsDelete.map((e) => [e.date, e.value])]
-                            }
-                        ]} />
-                {/if}
-            </Card>
-        </Tiles>
-    {/if}
-</Container>
+<Usage
+    bind:range
+    {count}
+    {created}
+    {read}
+    {updated}
+    {deleted}
+    countMetadata={{
+        legend: 'Buckets',
+        title: 'Total buckets'
+    }}
+    createdMetadata={{
+        legend: 'Create',
+        title: 'Buckets created'
+    }}
+    readMetadata={{
+        legend: 'Read',
+        title: 'Buckets read'
+    }}
+    updatedMetadata={{
+        legend: 'Update',
+        title: 'Buckets updated'
+    }}
+    deletedMetadata={{
+        legend: 'Delete',
+        title: 'Buckets deleted'
+    }} />

From 1b991aee4aa1ea9a1c6145c6a274395b55ae8bf3 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Tue, 11 Oct 2022 13:00:59 +0200
Subject: [PATCH 8/9] fix: imports for overview layout

---
 .../console/project-[project]/overview/+layout.svelte       | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/routes/console/project-[project]/overview/+layout.svelte b/src/routes/console/project-[project]/overview/+layout.svelte
index d96abb255..00972707c 100644
--- a/src/routes/console/project-[project]/overview/+layout.svelte
+++ b/src/routes/console/project-[project]/overview/+layout.svelte
@@ -1,15 +1,15 @@
 <script lang="ts">
     import type { Models } from '@aw-labs/appwrite-console';
-    import { Container } from '$lib/layout';
+    import { Container, type UsagePeriods } from '$lib/layout';
     import { page } from '$app/stores';
     import { browser } from '$app/environment';
     import { tabs, title, backButton, copyData } from '$lib/stores/layout';
     import { sdkForConsole } from '$lib/stores/sdk';
     import { project } from '../store';
-    import { usage, type UsagePeriods } from './store';
+    import { usage } from './store';
     import { onMount } from 'svelte';
     import { afterNavigate } from '$app/navigation';
-    import { Code, DropList, DropListItem } from '$lib/components';
+    import { DropList, DropListItem } from '$lib/components';
     import { BarChart, LineChart } from '$lib/charts';
     import { humanFileSize } from '$lib/helpers/sizeConvertion';
 

From f3a011cc51789fddd858e8cbf2be0b45151f3acf Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Tue, 11 Oct 2022 13:17:44 +0200
Subject: [PATCH 9/9] fix: use droptabs component in usage layout

---
 src/lib/layout/usage.svelte | 39 ++++++++++++-------------------------
 1 file changed, 12 insertions(+), 27 deletions(-)

diff --git a/src/lib/layout/usage.svelte b/src/lib/layout/usage.svelte
index de9f982ef..632e98296 100644
--- a/src/lib/layout/usage.svelte
+++ b/src/lib/layout/usage.svelte
@@ -5,7 +5,7 @@
 <script lang="ts">
     import { Container } from '$lib/layout';
     import { BarChart, LineChart } from '$lib/charts';
-    import { Card, Tiles } from '$lib/components';
+    import { Card, DropTabs, DropTabsItem, Tiles } from '$lib/components';
     import type { Models } from '@aw-labs/appwrite-console';
 
     type MetricMetadata = {
@@ -39,32 +39,17 @@
 <Container>
     <div class="u-flex u-main-space-between common-section">
         <h2 class="heading-level-5">Users</h2>
-        <ul class="drop-tabs">
-            <li class="drop-tabs-item">
-                <button
-                    class="drop-tabs-button"
-                    on:click={() => (range = '24h')}
-                    disabled={range === '24h'}>
-                    <span class="text">24h</span>
-                </button>
-            </li>
-            <li class="drop-tabs-item">
-                <button
-                    class="drop-tabs-button"
-                    on:click={() => (range = '30d')}
-                    disabled={range === '30d'}>
-                    <span class="text">30d</span>
-                </button>
-            </li>
-            <li class="drop-tabs-item">
-                <button
-                    class="drop-tabs-button"
-                    on:click={() => (range = '90d')}
-                    disabled={range === '90d'}>
-                    <span class="text">90d</span>
-                </button>
-            </li>
-        </ul>
+        <DropTabs>
+            <DropTabsItem on:click={() => (range = '24h')} disabled={range === '24h'}>
+                24h
+            </DropTabsItem>
+            <DropTabsItem on:click={() => (range = '30d')} disabled={range === '30d'}>
+                30d
+            </DropTabsItem>
+            <DropTabsItem on:click={() => (range = '90d')} disabled={range === '90d'}>
+                90d
+            </DropTabsItem>
+        </DropTabs>
     </div>
     <Card>
         {#if count}