From 1465c8c7ffcefe0cbe3f97d9de3cb0b07556e459 Mon Sep 17 00:00:00 2001
From: Bradley Shellnut <bradleyshellnut@protonmail.com>
Date: Fri, 2 Sep 2022 16:38:15 -0500
Subject: [PATCH 01/15] Starting refactor for pagination control in game result
 display.

---
 src/lib/components/pagination/index.svelte | 25 ++++++++++++++++------
 src/routes/+page.svelte                    |  8 +++++++
 src/routes/api/game/+server.ts             |  1 +
 3 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/src/lib/components/pagination/index.svelte b/src/lib/components/pagination/index.svelte
index 97616b6..b40c6d1 100644
--- a/src/lib/components/pagination/index.svelte
+++ b/src/lib/components/pagination/index.svelte
@@ -3,11 +3,11 @@
 
   const totalCount = $boredState.search.totalCount; // TODO: Check default value
   console.log('totalCount', totalCount);
-  $: pageSize = $boredState.search.pageSize;
+  const pageSize = $boredState.search.pageSize;
   console.log('pageSize', pageSize);
-  $: currentPage = $boredState.search.currentPage;
+  const currentPage = $boredState.search.currentPage;
   console.log('currentPage', currentPage);
-  $: skip = $boredState.search.skip;
+  let skip = $boredState.search.skip;
   console.log('skip', skip);
 
   const totalPages: number = Math.ceil(totalCount / pageSize);
@@ -19,18 +19,29 @@
   const itemsLeft: number =
     totalCount - currentPage * pageSize >= 0 ? totalCount - currentPage * pageSize : 0;
 
-  const pageArray = Array.from({ length: 10 }, (_, i) => i + 1);
+  const maxPaginationButtons = 10;
+  let addition = maxPaginationButtons;
+  if (addition <= maxPaginationButtons) {
+    addition = skip;
+  }
+  const pageArray = Array.from({ length: maxPaginationButtons }, (_, i) => i + 1 + addition);
   // console.log('pageArray', pageArray);
 </script>
 
 <div class="container">
   <button type="button" class="btn" disabled={!hasPrevPage}>Prev</button>
-  {#each pageArray as page}
+  {#each pageArray as page (page)}
     <button
       type="button"
       class="btn"
-      aria-current={page === currentPage}
-      class:current={page === currentPage}>{page}</button
+      class:current={page === currentPage}
+      value={page}
+      on:click={() => {
+        boredState.update((n) => ({
+          ...n,
+          search: { skip: page * pageSize, currentPage: currentPage + 1, pageSize, totalCount }
+        }));
+      }}>{page}</button
     >
   {/each}
   <button type="button" class="btn" disabled={!hasNextPage}>Next</button>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index c60749a..dda3d10 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -22,6 +22,14 @@
     boredState.update((n) => ({ ...n, loading: false }));
     gameStore.removeAll();
     gameStore.addAll(responseData?.games);
+    const skip = $boredState?.search?.skip;
+    const pageSize = $boredState?.search?.pageSize;
+    const currentPage = $boredState?.search?.currentPage;
+    const totalCount = responseData?.totalCount;
+    boredState.update((n) => ({
+      ...n,
+      search: { totalCount, skip, pageSize, currentPage }
+    }));
   }
 
   let isOpen: boolean = false;
diff --git a/src/routes/api/game/+server.ts b/src/routes/api/game/+server.ts
index 06baf2f..2a2ca3e 100644
--- a/src/routes/api/game/+server.ts
+++ b/src/routes/api/game/+server.ts
@@ -54,6 +54,7 @@ export const POST: RequestHandler = async ({ request }) => {
     });
 
     return json$1({
+      totalCount,
       games
     });
   }

From 10aefbf13f72abf2148ccea3c8bc46038f2669d9 Mon Sep 17 00:00:00 2001
From: Bradley Shellnut <bradleyshellnut@protonmail.com>
Date: Tue, 13 Sep 2022 15:14:55 -0700
Subject: [PATCH 02/15] Moving to newer SvelteKit RC slowly and updating
 pagination to not use global store.

---
 package.json                                  |  24 +-
 pnpm-lock.yaml                                | 500 +++++++++++++-----
 src/db/actions.ts                             |  65 +++
 src/{hooks.ts => hooks.server..ts}            |   0
 src/lib/apis/game.ts                          |   0
 src/lib/components/GameSearchContainer.svelte |   0
 src/lib/components/pagination/index.svelte    | 150 ++++--
 src/lib/stores/boredState.ts                  |   2 +-
 src/routes/+page.server.ts                    |   0
 src/routes/+page.svelte                       |  38 +-
 src/routes/api/game/+server.ts                |   3 +-
 src/routes/game/[id]/+page.server.ts          |   5 +
 src/search/actions.ts                         |  13 +
 svelte.config.js                              |  13 +-
 14 files changed, 617 insertions(+), 196 deletions(-)
 create mode 100644 src/db/actions.ts
 rename src/{hooks.ts => hooks.server..ts} (100%)
 create mode 100644 src/lib/apis/game.ts
 create mode 100644 src/lib/components/GameSearchContainer.svelte
 create mode 100644 src/routes/+page.server.ts
 create mode 100644 src/search/actions.ts

diff --git a/package.json b/package.json
index 19e67e8..fd3cf59 100644
--- a/package.json
+++ b/package.json
@@ -13,16 +13,16 @@
     "format": "prettier --write --plugin-search-dir=. ."
   },
   "devDependencies": {
-    "@playwright/test": "^1.25.1",
+    "@playwright/test": "^1.25.2",
     "@rgossiaux/svelte-headlessui": "1.0.2",
     "@rgossiaux/svelte-heroicons": "^0.1.2",
-    "@sveltejs/adapter-auto": "1.0.0-next.71",
-    "@sveltejs/kit": "1.0.0-next.461",
+    "@sveltejs/adapter-auto": "1.0.0-next.72",
+    "@sveltejs/kit": "1.0.0-next.480",
     "@types/cookie": "^0.5.1",
-    "@types/node": "^18.7.14",
-    "@typescript-eslint/eslint-plugin": "^5.36.1",
-    "@typescript-eslint/parser": "^5.36.1",
-    "carbon-components-svelte": "^0.70.4",
+    "@types/node": "^18.7.16",
+    "@typescript-eslint/eslint-plugin": "^5.36.2",
+    "@typescript-eslint/parser": "^5.36.2",
+    "carbon-components-svelte": "^0.70.6",
     "carbon-icons-svelte": "^11.2.0",
     "eslint": "^8.23.0",
     "eslint-config-prettier": "^8.1.0",
@@ -30,13 +30,13 @@
     "just-debounce-it": "^3.1.1",
     "prettier": "^2.7.1",
     "prettier-plugin-svelte": "^2.7.0",
-    "sass": "^1.54.8",
-    "svelte": "^3.49.0",
+    "sass": "^1.54.9",
+    "svelte": "^3.50.1",
     "svelte-check": "^2.9.0",
     "svelte-preprocess": "^4.10.7",
     "tslib": "^2.0.0",
-    "typescript": "^4.8.2",
-    "vite": "^3.1.0-beta.1"
+    "typescript": "^4.8.3",
+    "vite": "^3.1.0"
   },
   "type": "module",
   "dependencies": {
@@ -47,6 +47,6 @@
     "@types/feather-icons": "^4.7.0",
     "cookie": "^0.5.0",
     "feather-icons": "^4.29.0",
-    "zod": "^3.18.0"
+    "zod": "^3.19.0"
   }
 }
\ No newline at end of file
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 257b328..85d6797 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -5,17 +5,17 @@ specifiers:
   '@leveluptuts/svelte-side-menu': ^1.0.5
   '@leveluptuts/svelte-toy': ^2.0.3
   '@lukeed/uuid': ^2.0.0
-  '@playwright/test': ^1.25.1
+  '@playwright/test': ^1.25.2
   '@rgossiaux/svelte-headlessui': 1.0.2
   '@rgossiaux/svelte-heroicons': ^0.1.2
-  '@sveltejs/adapter-auto': 1.0.0-next.71
-  '@sveltejs/kit': 1.0.0-next.461
+  '@sveltejs/adapter-auto': 1.0.0-next.72
+  '@sveltejs/kit': 1.0.0-next.480
   '@types/cookie': ^0.5.1
   '@types/feather-icons': ^4.7.0
-  '@types/node': ^18.7.14
-  '@typescript-eslint/eslint-plugin': ^5.36.1
-  '@typescript-eslint/parser': ^5.36.1
-  carbon-components-svelte: ^0.70.4
+  '@types/node': ^18.7.16
+  '@typescript-eslint/eslint-plugin': ^5.36.2
+  '@typescript-eslint/parser': ^5.36.2
+  carbon-components-svelte: ^0.70.6
   carbon-icons-svelte: ^11.2.0
   cookie: ^0.5.0
   eslint: ^8.23.0
@@ -25,14 +25,14 @@ specifiers:
   just-debounce-it: ^3.1.1
   prettier: ^2.7.1
   prettier-plugin-svelte: ^2.7.0
-  sass: ^1.54.8
-  svelte: ^3.49.0
+  sass: ^1.54.9
+  svelte: ^3.50.1
   svelte-check: ^2.9.0
   svelte-preprocess: ^4.10.7
   tslib: ^2.0.0
-  typescript: ^4.8.2
-  vite: ^3.1.0-beta.1
-  zod: ^3.18.0
+  typescript: ^4.8.3
+  vite: ^3.1.0
+  zod: ^3.19.0
 
 dependencies:
   '@fontsource/fira-mono': 4.5.9
@@ -42,38 +42,38 @@ dependencies:
   '@types/feather-icons': 4.7.0
   cookie: 0.5.0
   feather-icons: 4.29.0
-  zod: 3.18.0
+  zod: 3.19.0
 
 devDependencies:
-  '@playwright/test': 1.25.1
-  '@rgossiaux/svelte-headlessui': 1.0.2_svelte@3.49.0
-  '@rgossiaux/svelte-heroicons': 0.1.2_svelte@3.49.0
-  '@sveltejs/adapter-auto': 1.0.0-next.71
-  '@sveltejs/kit': 1.0.0-next.461_fhgkwirxvgjw2igda6zmhiisma
+  '@playwright/test': 1.25.2
+  '@rgossiaux/svelte-headlessui': 1.0.2_svelte@3.50.1
+  '@rgossiaux/svelte-heroicons': 0.1.2_svelte@3.50.1
+  '@sveltejs/adapter-auto': 1.0.0-next.72
+  '@sveltejs/kit': 1.0.0-next.480_svelte@3.50.1+vite@3.1.0
   '@types/cookie': 0.5.1
-  '@types/node': 18.7.14
-  '@typescript-eslint/eslint-plugin': 5.36.1_lbwfnm54o3pmr3ypeqp3btnera
-  '@typescript-eslint/parser': 5.36.1_yqf6kl63nyoq5megxukfnom5rm
-  carbon-components-svelte: 0.70.4
+  '@types/node': 18.7.16
+  '@typescript-eslint/eslint-plugin': 5.36.2_2l2r3i3lm6jysqd4ac3ql4n2mm
+  '@typescript-eslint/parser': 5.36.2_itqs5654cmlnjraw6gjzqacppi
+  carbon-components-svelte: 0.70.6
   carbon-icons-svelte: 11.2.0
   eslint: 8.23.0
   eslint-config-prettier: 8.5.0_eslint@8.23.0
-  eslint-plugin-svelte3: 4.0.0_sfdub7vxhxkt5wmgvhhmmgyu2e
+  eslint-plugin-svelte3: 4.0.0_jtvgu4usxe4xoavzb5jpyaoyje
   just-debounce-it: 3.1.1
   prettier: 2.7.1
-  prettier-plugin-svelte: 2.7.0_o3ioganyptcsrh6x4hnxvjkpqi
-  sass: 1.54.8
-  svelte: 3.49.0
-  svelte-check: 2.9.0_sass@1.54.8+svelte@3.49.0
-  svelte-preprocess: 4.10.7_wvqslddg27v5ozoudw2pkwd4de
+  prettier-plugin-svelte: 2.7.0_nk6d2fkgcllkkdynqbuearcure
+  sass: 1.54.9
+  svelte: 3.50.1
+  svelte-check: 2.9.0_sass@1.54.9+svelte@3.50.1
+  svelte-preprocess: 4.10.7_dmgt4vqjdljwxc7vlji2ruxhdy
   tslib: 2.4.0
-  typescript: 4.8.2
-  vite: 3.1.0-beta.1_sass@1.54.8
+  typescript: 4.8.3
+  vite: 3.1.0_sass@1.54.9
 
 packages:
 
-  /@cloudflare/workers-types/3.15.0:
-    resolution: {integrity: sha512-meL/Afy5qdIsgfdnlbVfcYUh/YjHk23EWUvgmULf6iDrDbrBcd+fse2os3CC7rxSfScdP1OqJVTHgRSEjUm/Pw==}
+  /@cloudflare/workers-types/3.16.0:
+    resolution: {integrity: sha512-gaBUSaKS65mN3iKZEgichbXYEmAa/pXkc5Gbt+1BptYphdGkj09ggdsiE4w8g0F/uI1g36QaTKrzVnBAWMipvQ==}
     dev: true
 
   /@esbuild/linux-loong64/0.14.54:
@@ -85,6 +85,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/linux-loong64/0.15.7:
+    resolution: {integrity: sha512-IKznSJOsVUuyt7cDzzSZyqBEcZe+7WlBqTVXiF1OXP/4Nm387ToaXZ0fyLwI1iBlI/bzpxVq411QE2/Bt2XWWw==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@eslint/eslintrc/1.3.1:
     resolution: {integrity: sha512-OhSY22oQQdw3zgPOOwdoj01l/Dzl1Z+xyUP33tkSN+aqyEhymJCcPHyXt+ylW8FSe0TfRC2VG+ROQOapD0aZSQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -172,8 +181,8 @@ packages:
       '@lukeed/csprng': 1.0.1
     dev: false
 
-  /@mapbox/node-pre-gyp/1.0.9:
-    resolution: {integrity: sha512-aDF3S3rK9Q2gey/WAttUlISduDItz5BU3306M9Eyv6/oS40aMprnopshtlKTykxRNIBEZuRMaZAnbrQ4QtKGyw==}
+  /@mapbox/node-pre-gyp/1.0.10:
+    resolution: {integrity: sha512-4ySo4CjzStuprMwk35H5pPbkymjv1SF3jGLj6rAHp/xT/RF7TL7bd9CTm1xDY49K2qF7jmR/g7k+SkLETP6opA==}
     hasBin: true
     dependencies:
       detect-libc: 2.0.1
@@ -211,33 +220,33 @@ packages:
       fastq: 1.13.0
     dev: true
 
-  /@playwright/test/1.25.1:
-    resolution: {integrity: sha512-IJ4X0yOakXtwkhbnNzKkaIgXe6df7u3H3FnuhI9Jqh+CdO0e/lYQlDLYiyI9cnXK8E7UAppAWP+VqAv6VX7HQg==}
+  /@playwright/test/1.25.2:
+    resolution: {integrity: sha512-6qPznIR4Fw02OMbqXUPMG6bFFg1hDVNEdihKy0t9K0dmRbus1DyP5Q5XFQhGwEHQkLG5hrSfBuu9CW/foqhQHQ==}
     engines: {node: '>=14'}
     hasBin: true
     dependencies:
-      '@types/node': 18.7.14
-      playwright-core: 1.25.1
+      '@types/node': 18.7.16
+      playwright-core: 1.25.2
     dev: true
 
   /@polka/url/1.0.0-next.21:
     resolution: {integrity: sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==}
     dev: true
 
-  /@rgossiaux/svelte-headlessui/1.0.2_svelte@3.49.0:
+  /@rgossiaux/svelte-headlessui/1.0.2_svelte@3.50.1:
     resolution: {integrity: sha512-sauopYTSivhzXe1kAvgawkhyYJcQlK8Li3p0d2OtcCIVprOzdbard5lbqWB4xHDv83zAobt2mR08oizO2poHLQ==}
     peerDependencies:
       svelte: ^3.44.0
     dependencies:
-      svelte: 3.49.0
+      svelte: 3.50.1
     dev: true
 
-  /@rgossiaux/svelte-heroicons/0.1.2_svelte@3.49.0:
+  /@rgossiaux/svelte-heroicons/0.1.2_svelte@3.50.1:
     resolution: {integrity: sha512-c5Ep1QDvBo9HD/P0AxbXItDbn6x77fldCjjL0aBjNseUntV4fkdHkBde1IaLr8i0kmrhTSovjkIen8W83jUPzg==}
     peerDependencies:
       svelte: ^3.44.0
     dependencies:
-      svelte: 3.49.0
+      svelte: 3.50.1
     dev: true
 
   /@rollup/pluginutils/4.2.1:
@@ -248,12 +257,12 @@ packages:
       picomatch: 2.3.1
     dev: true
 
-  /@sveltejs/adapter-auto/1.0.0-next.71:
-    resolution: {integrity: sha512-Qsl82HcehWJbZztXgmU/nTPDeeIaB4jrOQpSvy3Pi8octs+rEf/CO87Wk06EP+M/zUzEHDNENMOx0DgWuHpj7Q==}
+  /@sveltejs/adapter-auto/1.0.0-next.72:
+    resolution: {integrity: sha512-SisfQ6adHkkmm6ANVq9V9hemowl9mSVQd+XoNDAhjgf1DtCdJEgpkdJDZ7xq7RB0lsTZTSiAp7c/LlV4lCSTMA==}
     dependencies:
       '@sveltejs/adapter-cloudflare': 1.0.0-next.32
       '@sveltejs/adapter-netlify': 1.0.0-next.76
-      '@sveltejs/adapter-vercel': 1.0.0-next.72
+      '@sveltejs/adapter-vercel': 1.0.0-next.73
     transitivePeerDependencies:
       - encoding
       - supports-color
@@ -262,7 +271,7 @@ packages:
   /@sveltejs/adapter-cloudflare/1.0.0-next.32:
     resolution: {integrity: sha512-tzkUsdQlBk9xUjcGUOBYos4HKaeaXvz9v4TQ1QS2yIHEtL5xvMEDPZ94/DB2gPL4LZCnYbdY2lsy5HCsoN0hkQ==}
     dependencies:
-      '@cloudflare/workers-types': 3.15.0
+      '@cloudflare/workers-types': 3.16.0
       esbuild: 0.14.54
       worktop: 0.8.0-next.14
     dev: true
@@ -276,28 +285,28 @@ packages:
       tiny-glob: 0.2.9
     dev: true
 
-  /@sveltejs/adapter-vercel/1.0.0-next.72:
-    resolution: {integrity: sha512-oNs8FQaYC2NnwDcvX/jc9MDNqXc9HxwGPQNkd+1vBpFVWZl9mShQgCcOMzfTOIH0ka984jYNa0ZawYYHex79xg==}
+  /@sveltejs/adapter-vercel/1.0.0-next.73:
+    resolution: {integrity: sha512-wYm80tDSkwa9YfXHCHqMFMHmGYsQjVWj2oLbQdijQ2k8dnQPq908Pla3IES1cLwtT+fIMbZyh3Xly7mt06FwJg==}
     dependencies:
-      '@vercel/nft': 0.22.0
+      '@vercel/nft': 0.22.1
       esbuild: 0.14.54
     transitivePeerDependencies:
       - encoding
       - supports-color
     dev: true
 
-  /@sveltejs/kit/1.0.0-next.461_fhgkwirxvgjw2igda6zmhiisma:
-    resolution: {integrity: sha512-REe/ZIjE9F6ndEtCn4oPXpGWjiyLtOVWKJ73q53I3zxxoohL8OG6Zy0tnrdSvQj0nOBFTyQ4QXeYFn4TAO5oSw==}
+  /@sveltejs/kit/1.0.0-next.480_svelte@3.50.1+vite@3.1.0:
+    resolution: {integrity: sha512-RnltVDZFksAkeIZ0wgMQDr4POz3WZxSDy6D/ycIjrz3VXMDYWxKRqmTEI7Yl7TxPgUabeYHGRm/qI+nSXOb/Yw==}
     engines: {node: '>=16.14'}
     hasBin: true
     requiresBuild: true
     peerDependencies:
       svelte: ^3.44.0
-      vite: ^3.1.0-beta.1
+      vite: ^3.1.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 1.0.3_fhgkwirxvgjw2igda6zmhiisma
+      '@sveltejs/vite-plugin-svelte': 1.0.5_svelte@3.50.1+vite@3.1.0
       cookie: 0.5.0
-      devalue: 3.1.2
+      devalue: 3.1.3
       kleur: 4.1.5
       magic-string: 0.26.3
       mime: 3.0.0
@@ -305,17 +314,17 @@ packages:
       sade: 1.8.1
       set-cookie-parser: 2.5.1
       sirv: 2.0.2
-      svelte: 3.49.0
+      svelte: 3.50.1
       tiny-glob: 0.2.9
       undici: 5.10.0
-      vite: 3.1.0-beta.1_sass@1.54.8
+      vite: 3.1.0_sass@1.54.9
     transitivePeerDependencies:
       - diff-match-patch
       - supports-color
     dev: true
 
-  /@sveltejs/vite-plugin-svelte/1.0.3_fhgkwirxvgjw2igda6zmhiisma:
-    resolution: {integrity: sha512-0Qu51m2W9RBlxWPp8i31KJpnqmjWMOne8vAzgmOX6ZM9uX+/RAv6BNhEMcNoP5MsyLjyW1ZTCiJoaZZ5EeqpFg==}
+  /@sveltejs/vite-plugin-svelte/1.0.5_svelte@3.50.1+vite@3.1.0:
+    resolution: {integrity: sha512-CmSdSow0Dr5ua1A11BQMtreWnE0JZmkVIcRU/yG3PKbycKUpXjNdgYTWFSbStLB0vdlGnBbm2+Y4sBVj+C+TIw==}
     engines: {node: ^14.18.0 || >= 16}
     peerDependencies:
       diff-match-patch: ^1.0.5
@@ -330,9 +339,9 @@ packages:
       deepmerge: 4.2.2
       kleur: 4.1.5
       magic-string: 0.26.3
-      svelte: 3.49.0
-      svelte-hmr: 0.14.12_svelte@3.49.0
-      vite: 3.1.0-beta.1_sass@1.54.8
+      svelte: 3.50.1
+      svelte-hmr: 0.14.12_svelte@3.50.1
+      vite: 3.1.0_sass@1.54.9
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -349,8 +358,8 @@ packages:
     resolution: {integrity: sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==}
     dev: true
 
-  /@types/node/18.7.14:
-    resolution: {integrity: sha512-6bbDaETVi8oyIARulOE9qF1/Qdi/23z6emrUh0fNJRUmjznqrixD4MpGDdgOFk5Xb0m2H6Xu42JGdvAxaJR/wA==}
+  /@types/node/18.7.16:
+    resolution: {integrity: sha512-EQHhixfu+mkqHMZl1R2Ovuvn47PUw18azMJOTwSZr9/fhzHNGXAJ0ma0dayRVchprpCj0Kc1K1xKoWaATWF1qg==}
     dev: true
 
   /@types/pug/2.0.6:
@@ -360,11 +369,11 @@ packages:
   /@types/sass/1.43.1:
     resolution: {integrity: sha512-BPdoIt1lfJ6B7rw35ncdwBZrAssjcwzI5LByIrYs+tpXlj/CAkuVdRsgZDdP4lq5EjyWzwxZCqAoFyHKFwp32g==}
     dependencies:
-      '@types/node': 18.7.14
+      '@types/node': 18.7.16
     dev: true
 
-  /@typescript-eslint/eslint-plugin/5.36.1_lbwfnm54o3pmr3ypeqp3btnera:
-    resolution: {integrity: sha512-iC40UK8q1tMepSDwiLbTbMXKDxzNy+4TfPWgIL661Ym0sD42vRcQU93IsZIrmi+x292DBr60UI/gSwfdVYexCA==}
+  /@typescript-eslint/eslint-plugin/5.36.2_2l2r3i3lm6jysqd4ac3ql4n2mm:
+    resolution: {integrity: sha512-OwwR8LRwSnI98tdc2z7mJYgY60gf7I9ZfGjN5EjCwwns9bdTuQfAXcsjSB2wSQ/TVNYSGKf4kzVXbNGaZvwiXw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       '@typescript-eslint/parser': ^5.0.0
@@ -374,24 +383,24 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.36.1_yqf6kl63nyoq5megxukfnom5rm
-      '@typescript-eslint/scope-manager': 5.36.1
-      '@typescript-eslint/type-utils': 5.36.1_yqf6kl63nyoq5megxukfnom5rm
-      '@typescript-eslint/utils': 5.36.1_yqf6kl63nyoq5megxukfnom5rm
+      '@typescript-eslint/parser': 5.36.2_itqs5654cmlnjraw6gjzqacppi
+      '@typescript-eslint/scope-manager': 5.36.2
+      '@typescript-eslint/type-utils': 5.36.2_itqs5654cmlnjraw6gjzqacppi
+      '@typescript-eslint/utils': 5.36.2_itqs5654cmlnjraw6gjzqacppi
       debug: 4.3.4
       eslint: 8.23.0
       functional-red-black-tree: 1.0.1
       ignore: 5.2.0
       regexpp: 3.2.0
       semver: 7.3.7
-      tsutils: 3.21.0_typescript@4.8.2
-      typescript: 4.8.2
+      tsutils: 3.21.0_typescript@4.8.3
+      typescript: 4.8.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser/5.36.1_yqf6kl63nyoq5megxukfnom5rm:
-    resolution: {integrity: sha512-/IsgNGOkBi7CuDfUbwt1eOqUXF9WGVBW9dwEe1pi+L32XrTsZIgmDFIi2RxjzsvB/8i+MIf5JIoTEH8LOZ368A==}
+  /@typescript-eslint/parser/5.36.2_itqs5654cmlnjraw6gjzqacppi:
+    resolution: {integrity: sha512-qS/Kb0yzy8sR0idFspI9Z6+t7mqk/oRjnAYfewG+VN73opAUvmYL3oPIMmgOX6CnQS6gmVIXGshlb5RY/R22pA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
@@ -400,26 +409,26 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': 5.36.1
-      '@typescript-eslint/types': 5.36.1
-      '@typescript-eslint/typescript-estree': 5.36.1_typescript@4.8.2
+      '@typescript-eslint/scope-manager': 5.36.2
+      '@typescript-eslint/types': 5.36.2
+      '@typescript-eslint/typescript-estree': 5.36.2_typescript@4.8.3
       debug: 4.3.4
       eslint: 8.23.0
-      typescript: 4.8.2
+      typescript: 4.8.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/scope-manager/5.36.1:
-    resolution: {integrity: sha512-pGC2SH3/tXdu9IH3ItoqciD3f3RRGCh7hb9zPdN2Drsr341zgd6VbhP5OHQO/reUqihNltfPpMpTNihFMarP2w==}
+  /@typescript-eslint/scope-manager/5.36.2:
+    resolution: {integrity: sha512-cNNP51L8SkIFSfce8B1NSUBTJTu2Ts4nWeWbFrdaqjmn9yKrAaJUBHkyTZc0cL06OFHpb+JZq5AUHROS398Orw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': 5.36.1
-      '@typescript-eslint/visitor-keys': 5.36.1
+      '@typescript-eslint/types': 5.36.2
+      '@typescript-eslint/visitor-keys': 5.36.2
     dev: true
 
-  /@typescript-eslint/type-utils/5.36.1_yqf6kl63nyoq5megxukfnom5rm:
-    resolution: {integrity: sha512-xfZhfmoQT6m3lmlqDvDzv9TiCYdw22cdj06xY0obSznBsT///GK5IEZQdGliXpAOaRL34o8phEvXzEo/VJx13Q==}
+  /@typescript-eslint/type-utils/5.36.2_itqs5654cmlnjraw6gjzqacppi:
+    resolution: {integrity: sha512-rPQtS5rfijUWLouhy6UmyNquKDPhQjKsaKH0WnY6hl/07lasj8gPaH2UD8xWkePn6SC+jW2i9c2DZVDnL+Dokw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '*'
@@ -428,23 +437,23 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.36.1_typescript@4.8.2
-      '@typescript-eslint/utils': 5.36.1_yqf6kl63nyoq5megxukfnom5rm
+      '@typescript-eslint/typescript-estree': 5.36.2_typescript@4.8.3
+      '@typescript-eslint/utils': 5.36.2_itqs5654cmlnjraw6gjzqacppi
       debug: 4.3.4
       eslint: 8.23.0
-      tsutils: 3.21.0_typescript@4.8.2
-      typescript: 4.8.2
+      tsutils: 3.21.0_typescript@4.8.3
+      typescript: 4.8.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/types/5.36.1:
-    resolution: {integrity: sha512-jd93ShpsIk1KgBTx9E+hCSEuLCUFwi9V/urhjOWnOaksGZFbTOxAT47OH2d4NLJnLhkVD+wDbB48BuaycZPLBg==}
+  /@typescript-eslint/types/5.36.2:
+    resolution: {integrity: sha512-9OJSvvwuF1L5eS2EQgFUbECb99F0mwq501w0H0EkYULkhFa19Qq7WFbycdw1PexAc929asupbZcgjVIe6OK/XQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@typescript-eslint/typescript-estree/5.36.1_typescript@4.8.2:
-    resolution: {integrity: sha512-ih7V52zvHdiX6WcPjsOdmADhYMDN15SylWRZrT2OMy80wzKbc79n8wFW0xpWpU0x3VpBz/oDgTm2xwDAnFTl+g==}
+  /@typescript-eslint/typescript-estree/5.36.2_typescript@4.8.3:
+    resolution: {integrity: sha512-8fyH+RfbKc0mTspfuEjlfqA4YywcwQK2Amcf6TDOwaRLg7Vwdu4bZzyvBZp4bjt1RRjQ5MDnOZahxMrt2l5v9w==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       typescript: '*'
@@ -452,28 +461,28 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': 5.36.1
-      '@typescript-eslint/visitor-keys': 5.36.1
+      '@typescript-eslint/types': 5.36.2
+      '@typescript-eslint/visitor-keys': 5.36.2
       debug: 4.3.4
       globby: 11.1.0
       is-glob: 4.0.3
       semver: 7.3.7
-      tsutils: 3.21.0_typescript@4.8.2
-      typescript: 4.8.2
+      tsutils: 3.21.0_typescript@4.8.3
+      typescript: 4.8.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils/5.36.1_yqf6kl63nyoq5megxukfnom5rm:
-    resolution: {integrity: sha512-lNj4FtTiXm5c+u0pUehozaUWhh7UYKnwryku0nxJlYUEWetyG92uw2pr+2Iy4M/u0ONMKzfrx7AsGBTCzORmIg==}
+  /@typescript-eslint/utils/5.36.2_itqs5654cmlnjraw6gjzqacppi:
+    resolution: {integrity: sha512-uNcopWonEITX96v9pefk9DC1bWMdkweeSsewJ6GeC7L6j2t0SJywisgkr9wUTtXk90fi2Eljj90HSHm3OGdGRg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
       '@types/json-schema': 7.0.11
-      '@typescript-eslint/scope-manager': 5.36.1
-      '@typescript-eslint/types': 5.36.1
-      '@typescript-eslint/typescript-estree': 5.36.1_typescript@4.8.2
+      '@typescript-eslint/scope-manager': 5.36.2
+      '@typescript-eslint/types': 5.36.2
+      '@typescript-eslint/typescript-estree': 5.36.2_typescript@4.8.3
       eslint: 8.23.0
       eslint-scope: 5.1.1
       eslint-utils: 3.0.0_eslint@8.23.0
@@ -482,19 +491,19 @@ packages:
       - typescript
     dev: true
 
-  /@typescript-eslint/visitor-keys/5.36.1:
-    resolution: {integrity: sha512-ojB9aRyRFzVMN3b5joSYni6FAS10BBSCAfKJhjJAV08t/a95aM6tAhz+O1jF+EtgxktuSO3wJysp2R+Def/IWQ==}
+  /@typescript-eslint/visitor-keys/5.36.2:
+    resolution: {integrity: sha512-BtRvSR6dEdrNt7Net2/XDjbYKU5Ml6GqJgVfXT0CxTCJlnIqK7rAGreuWKMT2t8cFUT2Msv5oxw0GMRD7T5J7A==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': 5.36.1
+      '@typescript-eslint/types': 5.36.2
       eslint-visitor-keys: 3.3.0
     dev: true
 
-  /@vercel/nft/0.22.0:
-    resolution: {integrity: sha512-hB80/093PPiCefN2gVbqv6J93MH+63Zr7uDCwkiS/U4W07DXkLoftbnkBmZoS0Q84LiTSl9DRVSHU4XYCX+sJA==}
+  /@vercel/nft/0.22.1:
+    resolution: {integrity: sha512-lYYZIoxRurqDOSoVIdBicGnpUIpfyaS5qVjdPq+EfI285WqtZK3NK/dyCkiyBul+X2U2OEhRyeMdXPCHGJbohw==}
     hasBin: true
     dependencies:
-      '@mapbox/node-pre-gyp': 1.0.9
+      '@mapbox/node-pre-gyp': 1.0.10
       acorn: 8.8.0
       async-sema: 3.1.1
       bindings: 1.5.0
@@ -629,8 +638,8 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  /carbon-components-svelte/0.70.4:
-    resolution: {integrity: sha512-XLvGi5lFv1JqcOuUxo02rSIWyT4UVkaHtzqZVHgwM+Gbs86expe3SA2FqE4FzungASoERBr8CaQG5UuoF2aD9w==}
+  /carbon-components-svelte/0.70.6:
+    resolution: {integrity: sha512-Nnm7+hELWLP7NnyaN3J4aioxcKlibsYwUeC5+UBWYAV2MtCv4+BwqwGVS6Yrx85NRid+jd83DCm9PSfimoj40Q==}
     dependencies:
       flatpickr: 4.6.9
     dev: true
@@ -753,8 +762,8 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /devalue/3.1.2:
-    resolution: {integrity: sha512-wUXbMGPAsBx79UF14nsWSsJlC7RcwPlf2w3bGheODWxKx57e9n68ceoijbqCJCEbjyo0S79nqfPwQgyijwLaqw==}
+  /devalue/3.1.3:
+    resolution: {integrity: sha512-9KO89Cb+qjzf2CqdrH+NuLaqdk9GhDP5EhR4zlkR51dvuIaiqtlkDkGzLMShDemwUy21raSMdu+kpX8Enw3yGQ==}
     dev: true
 
   /dir-glob/3.0.1:
@@ -788,6 +797,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-android-64/0.15.7:
+    resolution: {integrity: sha512-p7rCvdsldhxQr3YHxptf1Jcd86dlhvc3EQmQJaZzzuAxefO9PvcI0GLOa5nCWem1AJ8iMRu9w0r5TG8pHmbi9w==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-android-arm64/0.14.54:
     resolution: {integrity: sha512-F9E+/QDi9sSkLaClO8SOV6etqPd+5DgJje1F9lOWoNncDdOBL2YF59IhsWATSt0TLZbYCf3pNlTHvVV5VfHdvg==}
     engines: {node: '>=12'}
@@ -797,6 +815,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-android-arm64/0.15.7:
+    resolution: {integrity: sha512-L775l9ynJT7rVqRM5vo+9w5g2ysbOCfsdLV4CWanTZ1k/9Jb3IYlQ06VCI1edhcosTYJRECQFJa3eAvkx72eyQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-darwin-64/0.14.54:
     resolution: {integrity: sha512-jtdKWV3nBviOd5v4hOpkVmpxsBy90CGzebpbO9beiqUYVMBtSc0AL9zGftFuBon7PNDcdvNCEuQqw2x0wP9yug==}
     engines: {node: '>=12'}
@@ -806,6 +833,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-darwin-64/0.15.7:
+    resolution: {integrity: sha512-KGPt3r1c9ww009t2xLB6Vk0YyNOXh7hbjZ3EecHoVDxgtbUlYstMPDaReimKe6eOEfyY4hBEEeTvKwPsiH5WZg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-darwin-arm64/0.14.54:
     resolution: {integrity: sha512-OPafJHD2oUPyvJMrsCvDGkRrVCar5aVyHfWGQzY1dWnzErjrDuSETxwA2HSsyg2jORLY8yBfzc1MIpUkXlctmw==}
     engines: {node: '>=12'}
@@ -815,6 +851,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-darwin-arm64/0.15.7:
+    resolution: {integrity: sha512-kBIHvtVqbSGajN88lYMnR3aIleH3ABZLLFLxwL2stiuIGAjGlQW741NxVTpUHQXUmPzxi6POqc9npkXa8AcSZQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-freebsd-64/0.14.54:
     resolution: {integrity: sha512-OKwd4gmwHqOTp4mOGZKe/XUlbDJ4Q9TjX0hMPIDBUWWu/kwhBAudJdBoxnjNf9ocIB6GN6CPowYpR/hRCbSYAg==}
     engines: {node: '>=12'}
@@ -824,6 +869,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-freebsd-64/0.15.7:
+    resolution: {integrity: sha512-hESZB91qDLV5MEwNxzMxPfbjAhOmtfsr9Wnuci7pY6TtEh4UDuevmGmkUIjX/b+e/k4tcNBMf7SRQ2mdNuK/HQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-freebsd-arm64/0.14.54:
     resolution: {integrity: sha512-sFwueGr7OvIFiQT6WeG0jRLjkjdqWWSrfbVwZp8iMP+8UHEHRBvlaxL6IuKNDwAozNUmbb8nIMXa7oAOARGs1Q==}
     engines: {node: '>=12'}
@@ -833,6 +887,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-freebsd-arm64/0.15.7:
+    resolution: {integrity: sha512-dLFR0ChH5t+b3J8w0fVKGvtwSLWCv7GYT2Y2jFGulF1L5HftQLzVGN+6pi1SivuiVSmTh28FwUhi9PwQicXI6Q==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-linux-32/0.14.54:
     resolution: {integrity: sha512-1ZuY+JDI//WmklKlBgJnglpUL1owm2OX+8E1syCD6UAxcMM/XoWd76OHSjl/0MR0LisSAXDqgjT3uJqT67O3qw==}
     engines: {node: '>=12'}
@@ -842,6 +905,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-linux-32/0.15.7:
+    resolution: {integrity: sha512-v3gT/LsONGUZcjbt2swrMjwxo32NJzk+7sAgtxhGx1+ZmOFaTRXBAi1PPfgpeo/J//Un2jIKm/I+qqeo4caJvg==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-linux-64/0.14.54:
     resolution: {integrity: sha512-EgjAgH5HwTbtNsTqQOXWApBaPVdDn7XcK+/PtJwZLT1UmpLoznPd8c5CxqsH2dQK3j05YsB3L17T8vE7cp4cCg==}
     engines: {node: '>=12'}
@@ -851,6 +923,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-linux-64/0.15.7:
+    resolution: {integrity: sha512-LxXEfLAKwOVmm1yecpMmWERBshl+Kv5YJ/1KnyAr6HRHFW8cxOEsEfisD3sVl/RvHyW//lhYUVSuy9jGEfIRAQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-linux-arm/0.14.54:
     resolution: {integrity: sha512-qqz/SjemQhVMTnvcLGoLOdFpCYbz4v4fUo+TfsWG+1aOu70/80RV6bgNpR2JCrppV2moUQkww+6bWxXRL9YMGw==}
     engines: {node: '>=12'}
@@ -860,6 +941,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-linux-arm/0.15.7:
+    resolution: {integrity: sha512-JKgAHtMR5f75wJTeuNQbyznZZa+pjiUHV7sRZp42UNdyXC6TiUYMW/8z8yIBAr2Fpad8hM1royZKQisqPABPvQ==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-linux-arm64/0.14.54:
     resolution: {integrity: sha512-WL71L+0Rwv+Gv/HTmxTEmpv0UgmxYa5ftZILVi2QmZBgX3q7+tDeOQNqGtdXSdsL8TQi1vIaVFHUPDe0O0kdig==}
     engines: {node: '>=12'}
@@ -869,6 +959,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-linux-arm64/0.15.7:
+    resolution: {integrity: sha512-P3cfhudpzWDkglutWgXcT2S7Ft7o2e3YDMrP1n0z2dlbUZghUkKCyaWw0zhp4KxEEzt/E7lmrtRu/pGWnwb9vw==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-linux-mips64le/0.14.54:
     resolution: {integrity: sha512-qTHGQB8D1etd0u1+sB6p0ikLKRVuCWhYQhAHRPkO+OF3I/iSlTKNNS0Lh2Oc0g0UFGguaFZZiPJdJey3AGpAlw==}
     engines: {node: '>=12'}
@@ -878,6 +977,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-linux-mips64le/0.15.7:
+    resolution: {integrity: sha512-T7XKuxl0VpeFLCJXub6U+iybiqh0kM/bWOTb4qcPyDDwNVhLUiPcGdG2/0S7F93czUZOKP57YiLV8YQewgLHKw==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-linux-ppc64le/0.14.54:
     resolution: {integrity: sha512-j3OMlzHiqwZBDPRCDFKcx595XVfOfOnv68Ax3U4UKZ3MTYQB5Yz3X1mn5GnodEVYzhtZgxEBidLWeIs8FDSfrQ==}
     engines: {node: '>=12'}
@@ -887,6 +995,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-linux-ppc64le/0.15.7:
+    resolution: {integrity: sha512-6mGuC19WpFN7NYbecMIJjeQgvDb5aMuvyk0PDYBJrqAEMkTwg3Z98kEKuCm6THHRnrgsdr7bp4SruSAxEM4eJw==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-linux-riscv64/0.14.54:
     resolution: {integrity: sha512-y7Vt7Wl9dkOGZjxQZnDAqqn+XOqFD7IMWiewY5SPlNlzMX39ocPQlOaoxvT4FllA5viyV26/QzHtvTjVNOxHZg==}
     engines: {node: '>=12'}
@@ -896,6 +1013,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-linux-riscv64/0.15.7:
+    resolution: {integrity: sha512-uUJsezbswAYo/X7OU/P+PuL/EI9WzxsEQXDekfwpQ23uGiooxqoLFAPmXPcRAt941vjlY9jtITEEikWMBr+F/g==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-linux-s390x/0.14.54:
     resolution: {integrity: sha512-zaHpW9dziAsi7lRcyV4r8dhfG1qBidQWUXweUjnw+lliChJqQr+6XD71K41oEIC3Mx1KStovEmlzm+MkGZHnHA==}
     engines: {node: '>=12'}
@@ -905,6 +1031,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-linux-s390x/0.15.7:
+    resolution: {integrity: sha512-+tO+xOyTNMc34rXlSxK7aCwJgvQyffqEM5MMdNDEeMU3ss0S6wKvbBOQfgd5jRPblfwJ6b+bKiz0g5nABpY0QQ==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-netbsd-64/0.14.54:
     resolution: {integrity: sha512-PR01lmIMnfJTgeU9VJTDY9ZerDWVFIUzAtJuDHwwceppW7cQWjBBqP48NdeRtoP04/AtO9a7w3viI+PIDr6d+w==}
     engines: {node: '>=12'}
@@ -914,6 +1049,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-netbsd-64/0.15.7:
+    resolution: {integrity: sha512-yVc4Wz+Pu3cP5hzm5kIygNPrjar/v5WCSoRmIjCPWfBVJkZNb5brEGKUlf+0Y759D48BCWa0WHrWXaNy0DULTQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-openbsd-64/0.14.54:
     resolution: {integrity: sha512-Qyk7ikT2o7Wu76UsvvDS5q0amJvmRzDyVlL0qf5VLsLchjCa1+IAvd8kTBgUxD7VBUUVgItLkk609ZHUc1oCaw==}
     engines: {node: '>=12'}
@@ -923,6 +1067,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-openbsd-64/0.15.7:
+    resolution: {integrity: sha512-GsimbwC4FSR4lN3wf8XmTQ+r8/0YSQo21rWDL0XFFhLHKlzEA4SsT1Tl8bPYu00IU6UWSJ+b3fG/8SB69rcuEQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-sunos-64/0.14.54:
     resolution: {integrity: sha512-28GZ24KmMSeKi5ueWzMcco6EBHStL3B6ubM7M51RmPwXQGLe0teBGJocmWhgwccA1GeFXqxzILIxXpHbl9Q/Kw==}
     engines: {node: '>=12'}
@@ -932,6 +1085,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-sunos-64/0.15.7:
+    resolution: {integrity: sha512-8CDI1aL/ts0mDGbWzjEOGKXnU7p3rDzggHSBtVryQzkSOsjCHRVe0iFYUuhczlxU1R3LN/E7HgUO4NXzGGP/Ag==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-windows-32/0.14.54:
     resolution: {integrity: sha512-T+rdZW19ql9MjS7pixmZYVObd9G7kcaZo+sETqNH4RCkuuYSuv9AGHUVnPoP9hhuE1WM1ZimHz1CIBHBboLU7w==}
     engines: {node: '>=12'}
@@ -941,6 +1103,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-windows-32/0.15.7:
+    resolution: {integrity: sha512-cOnKXUEPS8EGCzRSFa1x6NQjGhGsFlVgjhqGEbLTPsA7x4RRYiy2RKoArNUU4iR2vHmzqS5Gr84MEumO/wxYKA==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-windows-64/0.14.54:
     resolution: {integrity: sha512-AoHTRBUuYwXtZhjXZbA1pGfTo8cJo3vZIcWGLiUcTNgHpJJMC1rVA44ZereBHMJtotyN71S8Qw0npiCIkW96cQ==}
     engines: {node: '>=12'}
@@ -950,6 +1121,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-windows-64/0.15.7:
+    resolution: {integrity: sha512-7MI08Ec2sTIDv+zH6StNBKO+2hGUYIT42GmFyW6MBBWWtJhTcQLinKS6ldIN1d52MXIbiJ6nXyCJ+LpL4jBm3Q==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-windows-arm64/0.14.54:
     resolution: {integrity: sha512-M0kuUvXhot1zOISQGXwWn6YtS+Y/1RT9WrVIOywZnJHo3jCDyewAc79aKNQWFCQm+xNHVTq9h8dZKvygoXQQRg==}
     engines: {node: '>=12'}
@@ -959,6 +1139,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-windows-arm64/0.15.7:
+    resolution: {integrity: sha512-R06nmqBlWjKHddhRJYlqDd3Fabx9LFdKcjoOy08YLimwmsswlFBJV4rXzZCxz/b7ZJXvrZgj8DDv1ewE9+StMw==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild/0.14.54:
     resolution: {integrity: sha512-Cy9llcy8DvET5uznocPyqL3BFRrFXSVqbgpMJ9Wz8oVjZlh/zUSNbPRbov0VX7VxN2JH1Oa0uNxZ7eLRb62pJA==}
     engines: {node: '>=12'}
@@ -988,6 +1177,35 @@ packages:
       esbuild-windows-arm64: 0.14.54
     dev: true
 
+  /esbuild/0.15.7:
+    resolution: {integrity: sha512-7V8tzllIbAQV1M4QoE52ImKu8hT/NLGlGXkiDsbEU5PS6K8Mn09ZnYoS+dcmHxOS9CRsV4IRAMdT3I67IyUNXw==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    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
+    dev: true
+
   /escape-string-regexp/4.0.0:
     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
     engines: {node: '>=10'}
@@ -1002,14 +1220,14 @@ packages:
       eslint: 8.23.0
     dev: true
 
-  /eslint-plugin-svelte3/4.0.0_sfdub7vxhxkt5wmgvhhmmgyu2e:
+  /eslint-plugin-svelte3/4.0.0_jtvgu4usxe4xoavzb5jpyaoyje:
     resolution: {integrity: sha512-OIx9lgaNzD02+MDFNLw0GEUbuovNcglg+wnd/UY0fbZmlQSz7GlQiQ1f+yX0XvC07XPcDOnFcichqI3xCwp71g==}
     peerDependencies:
       eslint: '>=8.0.0'
       svelte: ^3.2.0
     dependencies:
       eslint: 8.23.0
-      svelte: 3.49.0
+      svelte: 3.50.1
     dev: true
 
   /eslint-scope/5.1.1:
@@ -1725,8 +1943,8 @@ packages:
     engines: {node: '>=8.6'}
     dev: true
 
-  /playwright-core/1.25.1:
-    resolution: {integrity: sha512-lSvPCmA2n7LawD2Hw7gSCLScZ+vYRkhU8xH0AapMyzwN+ojoDqhkH/KIEUxwNu2PjPoE/fcE0wLAksdOhJ2O5g==}
+  /playwright-core/1.25.2:
+    resolution: {integrity: sha512-0yTbUE9lIddkEpLHL3u8PoCL+pWiZtj5A/j3U7YoNjcmKKDGBnCrgHJMzwd2J5vy6l28q4ki3JIuz7McLHhl1A==}
     engines: {node: '>=14'}
     hasBin: true
     dev: true
@@ -1745,14 +1963,14 @@ packages:
     engines: {node: '>= 0.8.0'}
     dev: true
 
-  /prettier-plugin-svelte/2.7.0_o3ioganyptcsrh6x4hnxvjkpqi:
+  /prettier-plugin-svelte/2.7.0_nk6d2fkgcllkkdynqbuearcure:
     resolution: {integrity: sha512-fQhhZICprZot2IqEyoiUYLTRdumULGRvw0o4dzl5jt0jfzVWdGqeYW27QTWAeXhoupEZJULmNoH3ueJwUWFLIA==}
     peerDependencies:
       prettier: ^1.16.4 || ^2.0.0
       svelte: ^3.2.0
     dependencies:
       prettier: 2.7.1
-      svelte: 3.49.0
+      svelte: 3.50.1
     dev: true
 
   /prettier/2.7.1:
@@ -1874,8 +2092,8 @@ packages:
       rimraf: 2.7.1
     dev: true
 
-  /sass/1.54.8:
-    resolution: {integrity: sha512-ib4JhLRRgbg6QVy6bsv5uJxnJMTS2soVcCp9Y88Extyy13A8vV0G1fAwujOzmNkFQbR3LvedudAMbtuNRPbQww==}
+  /sass/1.54.9:
+    resolution: {integrity: sha512-xb1hjASzEH+0L0WI9oFjqhRi51t/gagWnxLiwUNMltA0Ab6jIDkAacgKiGYKM9Jhy109osM7woEEai6SXeJo5Q==}
     engines: {node: '>=12.0.0'}
     hasBin: true
     dependencies:
@@ -2000,7 +2218,7 @@ packages:
     engines: {node: '>= 0.4'}
     dev: true
 
-  /svelte-check/2.9.0_sass@1.54.8+svelte@3.49.0:
+  /svelte-check/2.9.0_sass@1.54.9+svelte@3.50.1:
     resolution: {integrity: sha512-9AVrtP7WbfDgCdqTZNPdj5CCCy1OrYMxFVWAWzNw7fl93c9klFJFtqzVXa6fovfQ050CcpUyJE2dPFL9TFAREw==}
     hasBin: true
     peerDependencies:
@@ -2012,9 +2230,9 @@ packages:
       import-fresh: 3.3.0
       picocolors: 1.0.0
       sade: 1.8.1
-      svelte: 3.49.0
-      svelte-preprocess: 4.10.7_wvqslddg27v5ozoudw2pkwd4de
-      typescript: 4.8.2
+      svelte: 3.50.1
+      svelte-preprocess: 4.10.7_dmgt4vqjdljwxc7vlji2ruxhdy
+      typescript: 4.8.3
     transitivePeerDependencies:
       - '@babel/core'
       - coffeescript
@@ -2028,16 +2246,16 @@ packages:
       - sugarss
     dev: true
 
-  /svelte-hmr/0.14.12_svelte@3.49.0:
+  /svelte-hmr/0.14.12_svelte@3.50.1:
     resolution: {integrity: sha512-4QSW/VvXuqVcFZ+RhxiR8/newmwOCTlbYIezvkeN6302YFRE8cXy0naamHcjz8Y9Ce3ITTZtrHrIL0AGfyo61w==}
     engines: {node: ^12.20 || ^14.13.1 || >= 16}
     peerDependencies:
       svelte: '>=3.19.0'
     dependencies:
-      svelte: 3.49.0
+      svelte: 3.50.1
     dev: true
 
-  /svelte-preprocess/4.10.7_wvqslddg27v5ozoudw2pkwd4de:
+  /svelte-preprocess/4.10.7_dmgt4vqjdljwxc7vlji2ruxhdy:
     resolution: {integrity: sha512-sNPBnqYD6FnmdBrUmBCaqS00RyCsCpj2BG58A1JBswNF7b0OKviwxqVrOL/CKyJrLSClrSeqQv5BXNg2RUbPOw==}
     engines: {node: '>= 9.11.2'}
     requiresBuild: true
@@ -2082,15 +2300,15 @@ packages:
       '@types/sass': 1.43.1
       detect-indent: 6.1.0
       magic-string: 0.25.9
-      sass: 1.54.8
+      sass: 1.54.9
       sorcery: 0.10.0
       strip-indent: 3.0.0
-      svelte: 3.49.0
-      typescript: 4.8.2
+      svelte: 3.50.1
+      typescript: 4.8.3
     dev: true
 
-  /svelte/3.49.0:
-    resolution: {integrity: sha512-+lmjic1pApJWDfPCpUUTc1m8azDqYCG1JN9YEngrx/hUyIcFJo6VZhj0A1Ai0wqoHcEIuQy+e9tk+4uDgdtsFA==}
+  /svelte/3.50.1:
+    resolution: {integrity: sha512-bS4odcsdj5D5jEg6riZuMg5NKelzPtmsCbD9RG+8umU03TeNkdWnP6pqbCm0s8UQNBkqk29w/Bdubn3C+HWSwA==}
     engines: {node: '>= 8'}
     dev: true
 
@@ -2141,14 +2359,14 @@ packages:
     resolution: {integrity: sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==}
     dev: true
 
-  /tsutils/3.21.0_typescript@4.8.2:
+  /tsutils/3.21.0_typescript@4.8.3:
     resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==}
     engines: {node: '>= 6'}
     peerDependencies:
       typescript: '>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta'
     dependencies:
       tslib: 1.14.1
-      typescript: 4.8.2
+      typescript: 4.8.3
     dev: true
 
   /type-check/0.4.0:
@@ -2163,8 +2381,8 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  /typescript/4.8.2:
-    resolution: {integrity: sha512-C0I1UsrrDHo2fYI5oaCGbSejwX4ch+9Y5jTQELvovfmFkK3HHSZJB8MSJcWLmCUBzQBchCrZ9rMRV6GuNrvGtw==}
+  /typescript/4.8.3:
+    resolution: {integrity: sha512-goMHfm00nWPa8UvR/CPSvykqf6dVV8x/dp0c5mFTMTIu0u0FlGWRioyy7Nn0PGAdHxpJZnuO/ut+PpQ8UiHAig==}
     engines: {node: '>=4.2.0'}
     hasBin: true
     dev: true
@@ -2184,8 +2402,8 @@ packages:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
     dev: true
 
-  /vite/3.1.0-beta.1_sass@1.54.8:
-    resolution: {integrity: sha512-JGEnWSC0hfarcduTCQr6wnRjPLbT62iLCK59HBJXYt9oyWSUMtrvcnDqzvLFC+lHV6KGFQkmWlZucyIQmgUnLA==}
+  /vite/3.1.0_sass@1.54.9:
+    resolution: {integrity: sha512-YBg3dUicDpDWFCGttmvMbVyS9ydjntwEjwXRj2KBFwSB8SxmGcudo1yb8FW5+M/G86aS8x828ujnzUVdsLjs9g==}
     engines: {node: ^14.18.0 || >=16.0.0}
     hasBin: true
     peerDependencies:
@@ -2203,11 +2421,11 @@ packages:
       terser:
         optional: true
     dependencies:
-      esbuild: 0.14.54
+      esbuild: 0.15.7
       postcss: 8.4.16
       resolve: 1.22.1
       rollup: 2.78.1
-      sass: 1.54.8
+      sass: 1.54.9
     optionalDependencies:
       fsevents: 2.3.2
     dev: true
@@ -2268,6 +2486,6 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  /zod/3.18.0:
-    resolution: {integrity: sha512-gwTm8RfUCe8l9rDwN5r2A17DkAa8Ez4Yl4yXqc5VqeGaXaJahzYYXbTwvhroZi0SNBqTwh/bKm2N0mpCzuw4bA==}
+  /zod/3.19.0:
+    resolution: {integrity: sha512-Yw0qvUsCNGBe5YacikdMt5gVYeUuaEFVDIHKMfElrGSaBhwR3CQK6vOzgfAJOjTdGIhEeoaj8GtT+NDZrepZbw==}
     dev: false
diff --git a/src/db/actions.ts b/src/db/actions.ts
new file mode 100644
index 0000000..54bc225
--- /dev/null
+++ b/src/db/actions.ts
@@ -0,0 +1,65 @@
+function isNumber(str: string): boolean {
+  if (typeof str !== 'string') {
+    return false;
+  }
+
+  if (str.trim() === '') {
+    return false;
+  }
+
+  return !Number.isNaN(Number(str));
+}
+
+function convertToBoolean(input: string): boolean | undefined {
+  try {
+    return JSON.parse(input.toLowerCase());
+  } catch (e) {
+    return undefined;
+  }
+}
+
+export async function getFormDataObject(request: Request): Promise<{ [key: string]: string }> {
+  const formData = await request.formData();
+  let data = formData.entries();
+  var obj = data.next();
+  var retrieved: any = {};
+  while (undefined !== obj.value) {
+    retrieved[obj.value[0]] = obj.value[1];
+    obj = data.next();
+  }
+  return retrieved;
+}
+
+export async function getFormData<T>(request: Request, schema: any): T {
+  const data = await getFormDataObject(request);
+  return transformFormDataTypes<T>(data, schema);
+}
+
+// TODO: Modify this as schema refers to a JSON schema helper
+
+export function transformFormDataTypes<T>(data, schema): T {
+  for (const property in data) {
+    if (isNumber(schema[property])) {
+      data[property] = parseInt(data[property]);
+    } else if (typeof convertToBoolean(schema[property]) === boolean) {
+      data[property] = convertToBoolean(schema[property]); // data[property] === 'true';
+    } else if (Array.isArray(JSON.parse(schema[property]))) {
+      data[property] = JSON.parse(schema[property]);
+    }
+  }
+  return data;
+}
+
+interface Actions {
+  [key: string]: any // Action
+}
+
+export const Games: Actions = {
+  search: async function search({ request, locals }): Promise<any> {
+
+  }
+  // create: async function create({ request, locals }): Promise<any> {
+  //   const data = await getFormDataObject<any>(request);
+  //   return data;
+  // }
+}
\ No newline at end of file
diff --git a/src/hooks.ts b/src/hooks.server..ts
similarity index 100%
rename from src/hooks.ts
rename to src/hooks.server..ts
diff --git a/src/lib/apis/game.ts b/src/lib/apis/game.ts
new file mode 100644
index 0000000..e69de29
diff --git a/src/lib/components/GameSearchContainer.svelte b/src/lib/components/GameSearchContainer.svelte
new file mode 100644
index 0000000..e69de29
diff --git a/src/lib/components/pagination/index.svelte b/src/lib/components/pagination/index.svelte
index b40c6d1..5fb6804 100644
--- a/src/lib/components/pagination/index.svelte
+++ b/src/lib/components/pagination/index.svelte
@@ -1,58 +1,138 @@
 <script lang="ts">
+  import { createEventDispatcher } from 'svelte';
+  import { fade } from 'svelte/transition';
+  import {
+    Listbox,
+    ListboxButton,
+    ListboxOption,
+    ListboxOptions
+  } from '@rgossiaux/svelte-headlessui';
+  import {
+    CheckIcon,
+    ChevronLeftIcon,
+    ChevronRightIcon
+  } from '@rgossiaux/svelte-heroicons/outline';
   import { boredState } from '$root/lib/stores/boredState';
 
-  const totalCount = $boredState.search.totalCount; // TODO: Check default value
-  console.log('totalCount', totalCount);
-  const pageSize = $boredState.search.pageSize;
-  console.log('pageSize', pageSize);
-  const currentPage = $boredState.search.currentPage;
-  console.log('currentPage', currentPage);
-  let skip = $boredState.search.skip;
-  console.log('skip', skip);
+  const dispatch = createEventDispatcher();
+  // export let pageSize = 10;
+  export let pageSize: number; // Reactive, bind
+  export let currentPage: number; // Reactive, bind
+  export let totalItems: number;
+  export let pageSizes: ReadonlyArray<Number> = [10];
+  export let forwardText: string;
+  export let backwardText: string;
+  export let pageSizeInputDisabled: boolean = false;
 
-  const totalPages: number = Math.ceil(totalCount / pageSize);
+  const totalPages: number = Math.ceil(totalItems / pageSize);
   console.log('totalPages', totalPages);
   const prevPage: number = currentPage - 1;
   const nextPage: number = currentPage + 1;
   const hasNextPage: boolean = nextPage <= totalPages;
   const hasPrevPage: boolean = prevPage >= 1;
   const itemsLeft: number =
-    totalCount - currentPage * pageSize >= 0 ? totalCount - currentPage * pageSize : 0;
-
-  const maxPaginationButtons = 10;
-  let addition = maxPaginationButtons;
-  if (addition <= maxPaginationButtons) {
-    addition = skip;
-  }
-  const pageArray = Array.from({ length: maxPaginationButtons }, (_, i) => i + 1 + addition);
-  // console.log('pageArray', pageArray);
+    totalItems - currentPage * $boredState.search.pageSize >= 0
+      ? totalItems - currentPage * $boredState.search.pageSize
+      : 0;
 </script>
 
 <div class="container">
-  <button type="button" class="btn" disabled={!hasPrevPage}>Prev</button>
-  {#each pageArray as page (page)}
-    <button
-      type="button"
-      class="btn"
-      class:current={page === currentPage}
-      value={page}
-      on:click={() => {
-        boredState.update((n) => ({
-          ...n,
-          search: { skip: page * pageSize, currentPage: currentPage + 1, pageSize, totalCount }
-        }));
-      }}>{page}</button
-    >
-  {/each}
-  <button type="button" class="btn" disabled={!hasNextPage}>Next</button>
+  <span>
+    <p>Items per-page:</p>
+    <div class="list-container">
+      <Listbox
+        class="list-box"
+        value={$boredState.search.pageSize}
+        on:change={(e) => {
+          dispatch('pageSizeEvent', e.detail);
+          // boredState.update((n) => ({
+          //   ...n,
+          //   search: { totalCount, pageSize: e.detail, skip, currentPage }
+          // }));
+        }}
+        let:open
+      >
+        <ListboxButton>{pageSize}</ListboxButton>
+        {#if open}
+          <div transition:fade>
+            <ListboxOptions static class="list-options">
+              {#each pageSizes as size (size)}
+                <ListboxOption
+                  value={size}
+                  disabled={pageSizeInputDisabled}
+                  class={({ active }) => (active ? 'active' : '')}
+                  let:selected
+                >
+                  {#if selected}
+                    <CheckIcon />
+                  {/if}
+                  <p>{size.toString()}</p>
+                </ListboxOption>
+              {/each}
+            </ListboxOptions>
+          </div>
+        {/if}
+      </Listbox>
+    </div>
+  </span>
+  <p>
+    Page {currentPage || 1} of {totalPages || 1}
+  </p>
+  <p>
+    {itemsLeft} Item{itemsLeft > 1 || itemsLeft === 0 ? 's' : ''} Left
+  </p>
+  <button
+    type="button"
+    class="btn"
+    disabled={!hasPrevPage}
+    on:click={() => dispatch('previousPageEvent', prevPage)}
+    ><ChevronLeftIcon width="24" height="24" />
+    <p class="word">{backwardText || 'Prev'}</p></button
+  >
+  <button
+    type="button"
+    class="btn"
+    disabled={!hasNextPage}
+    on:click={() => dispatch('nextPageEvent', nextPage)}
+    ><p class="word">{forwardText || 'Next'}</p>
+    <ChevronRightIcon width="24" height="24" /></button
+  >
 </div>
 
 <style lang="scss">
   .container {
     display: flex;
-    justify-content: center;
+    justify-content: space-between;
+    align-items: center;
     gap: 1rem;
     margin: 3rem 0;
+
+    .btn {
+      display: flex;
+      gap: 0.5rem;
+      padding: 1rem;
+    }
+  }
+
+  @media (max-width: 800px) {
+    .word {
+      display: none;
+    }
+  }
+
+  .list-container :global(.list-box) {
+    height: 100%;
+    position: relative;
+  }
+
+  .list-container :global(.list-options) {
+    position: absolute;
+  }
+
+  .list-container :global(.active) {
+    display: flex;
+    gap: 1rem;
+    padding: 1rem;
   }
 
   button {
diff --git a/src/lib/stores/boredState.ts b/src/lib/stores/boredState.ts
index 1052131..ca25302 100644
--- a/src/lib/stores/boredState.ts
+++ b/src/lib/stores/boredState.ts
@@ -12,7 +12,7 @@ const state = () => {
   const initial: BoredStore = {
     loading: false, dialog: initialDialog, search: {
       totalCount: 1,
-      pageSize: 25,
+      pageSize: 10,
       skip: 0,
       currentPage: 1
     }
diff --git a/src/routes/+page.server.ts b/src/routes/+page.server.ts
new file mode 100644
index 0000000..e69de29
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index dda3d10..c8e8676 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -9,7 +9,33 @@
   import Random from '$lib/components/random/index.svelte';
   import Pagination from '$lib/components/pagination/index.svelte';
 
+  let pageSize: number;
+  let currentPage: number;
+  $: totalItems = 0;
+  console.log('totalItems', totalItems);
+
   async function handleSearch(event: SubmitEvent) {
+    boredState.update((n) => ({ ...n, loading: true }));
+    const form = event.target as HTMLFormElement;
+    console.log('form', form);
+    const response = await fetch('/api/game', {
+      method: 'POST',
+      headers: { accept: 'application/json' },
+      body: new FormData(form)
+    });
+    const responseData = await response.json();
+    boredState.update((n) => ({ ...n, loading: false }));
+    gameStore.removeAll();
+    gameStore.addAll(responseData?.games);
+    totalItems = responseData?.totalCount;
+  }
+
+  // async function handleItemsPerPageChange(event) {
+  //   const perPage = event?.detail;
+  //   if ($gameStore.length )
+  // }
+  async function handleNextPageEvent(event: CustomEvent) {
+    console.log('Next page called', event);
     boredState.update((n) => ({ ...n, loading: true }));
     const form = event.target as HTMLFormElement;
     console.log('form', form);
@@ -79,7 +105,17 @@
         <Game on:removeGameEvent={handleRemoveGame} {game} />
       {/each}
     </div>
-    <Pagination />
+    <Pagination
+      {pageSize}
+      {currentPage}
+      {totalItems}
+      forwardText="Next"
+      backwardText="Prev"
+      pageSizes={[10, 25, 50, 100]}
+      on:nextPageEvent={handleNextPageEvent}
+      on:previousPageEvent={(event) => console.log('Prev page called', event)}
+      on:perPageEvent={(event) => console.log('Per page called', event)}
+    />
   </div>
 {/if}
 
diff --git a/src/routes/api/game/+server.ts b/src/routes/api/game/+server.ts
index 2a2ca3e..7605f3f 100644
--- a/src/routes/api/game/+server.ts
+++ b/src/routes/api/game/+server.ts
@@ -9,7 +9,8 @@ export const POST: RequestHandler = async ({ request }) => {
   const queryParams: SearchQuery = {
     order_by: 'rank',
     ascending: false,
-    limit: 25,
+    limit: 10,
+    skip: 0,
     client_id: import.meta.env.VITE_PUBLIC_CLIENT_ID,
     fuzzy_match: true,
     name: ''
diff --git a/src/routes/game/[id]/+page.server.ts b/src/routes/game/[id]/+page.server.ts
index 039765e..72961b0 100644
--- a/src/routes/game/[id]/+page.server.ts
+++ b/src/routes/game/[id]/+page.server.ts
@@ -1,6 +1,7 @@
 import { error } from '@sveltejs/kit';
 import type { PageServerLoad } from './$types'
 import { boardGameApi } from '../../api';
+// import { Games } from '$lib/db/actions';
 
 type GamePageParams = {
   params: {
@@ -8,6 +9,10 @@ type GamePageParams = {
   }
 }
 
+// export const actions = {
+//   default Games.create,
+// }
+
 export const load: PageServerLoad = async ({ params }: GamePageParams) => {
   console.log('params', params);
   const queryParams = {
diff --git a/src/search/actions.ts b/src/search/actions.ts
new file mode 100644
index 0000000..339a0a0
--- /dev/null
+++ b/src/search/actions.ts
@@ -0,0 +1,13 @@
+interface Actions {
+  [key: string]: any // Action
+}
+
+export const Games: Actions = {
+  search: async function search({ request, locals }): Promise<any> {
+
+  }
+  // create: async function create({ request, locals }): Promise<any> {
+  //   const data = await getFormDataObject<any>(request);
+  //   return data;
+  // }
+}
\ No newline at end of file
diff --git a/svelte.config.js b/svelte.config.js
index d6f36f5..d3b4cd7 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -12,11 +12,14 @@ const config = {
       $components: 'src/components',
       $root: './src'
     },
-    // Override http methods in the Todo forms
-    methodOverride: {
-      allowed: ['PATCH', 'DELETE']
-    }
-  }
+  },
+  vitePlugin: {
+    experimental: {
+      inspector: {
+        toggleKeyCombo: 'control-alt-shift',
+      },
+    },
+  },
 };
 
 export default config;

From 93f57504e65c8dc7a70b7a4011a34cf089f32a1d Mon Sep 17 00:00:00 2001
From: Bradley Shellnut <bradleyshellnut@protonmail.com>
Date: Tue, 13 Sep 2022 15:16:13 -0700
Subject: [PATCH 03/15] Starting page server for the main page.

---
 src/routes/+page.server.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/routes/+page.server.ts b/src/routes/+page.server.ts
index e69de29..62964c8 100644
--- a/src/routes/+page.server.ts
+++ b/src/routes/+page.server.ts
@@ -0,0 +1,6 @@
+export const actions: Actions = {
+  default: async ({ request, locals }): Promise<any> => {
+    // Do things in here
+    return {};
+  }
+}
\ No newline at end of file

From a3f0d811f92f151535ac1a72d94fb4961672e430 Mon Sep 17 00:00:00 2001
From: Bradley Shellnut <bradleyshellnut@pm.me>
Date: Thu, 29 Sep 2022 17:21:48 -0500
Subject: [PATCH 04/15] Update dependencies and update config files to be up to
 date with newer SvelteKit docs.

---
 .prettierrc          |  11 +-
 package.json         |  26 ++---
 playwright.config.ts |   8 +-
 pnpm-lock.yaml       | 267 +++++++++++++++++++++----------------------
 svelte.config.js     |   1 -
 tsconfig.json        |  26 +++--
 vite.config.js       |   8 --
 vite.config.ts       |   8 ++
 8 files changed, 180 insertions(+), 175 deletions(-)
 delete mode 100644 vite.config.js
 create mode 100644 vite.config.ts

diff --git a/.prettierrc b/.prettierrc
index 5f4511a..a77fdde 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -1,6 +1,9 @@
 {
-  "useTabs": false,
-  "singleQuote": true,
-  "trailingComma": "none",
-  "printWidth": 100
+	"useTabs": true,
+	"singleQuote": true,
+	"trailingComma": "none",
+	"printWidth": 100,
+	"plugins": ["prettier-plugin-svelte"],
+	"pluginSearchDirs": ["."],
+	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
 }
diff --git a/package.json b/package.json
index fd3cf59..21dc6d3 100644
--- a/package.json
+++ b/package.json
@@ -13,30 +13,30 @@
     "format": "prettier --write --plugin-search-dir=. ."
   },
   "devDependencies": {
-    "@playwright/test": "^1.25.2",
+    "@playwright/test": "^1.26.1",
     "@rgossiaux/svelte-headlessui": "1.0.2",
     "@rgossiaux/svelte-heroicons": "^0.1.2",
     "@sveltejs/adapter-auto": "1.0.0-next.72",
     "@sveltejs/kit": "1.0.0-next.480",
     "@types/cookie": "^0.5.1",
-    "@types/node": "^18.7.16",
-    "@typescript-eslint/eslint-plugin": "^5.36.2",
-    "@typescript-eslint/parser": "^5.36.2",
-    "carbon-components-svelte": "^0.70.6",
-    "carbon-icons-svelte": "^11.2.0",
-    "eslint": "^8.23.0",
+    "@types/node": "^18.7.23",
+    "@typescript-eslint/eslint-plugin": "^5.38.1",
+    "@typescript-eslint/parser": "^5.38.1",
+    "carbon-components-svelte": "^0.70.9",
+    "carbon-icons-svelte": "^11.3.0",
+    "eslint": "^8.24.0",
     "eslint-config-prettier": "^8.1.0",
     "eslint-plugin-svelte3": "^4.0.0",
     "just-debounce-it": "^3.1.1",
     "prettier": "^2.7.1",
-    "prettier-plugin-svelte": "^2.7.0",
-    "sass": "^1.54.9",
+    "prettier-plugin-svelte": "^2.7.1",
+    "sass": "^1.55.0",
     "svelte": "^3.50.1",
-    "svelte-check": "^2.9.0",
+    "svelte-check": "^2.9.1",
     "svelte-preprocess": "^4.10.7",
     "tslib": "^2.0.0",
-    "typescript": "^4.8.3",
-    "vite": "^3.1.0"
+    "typescript": "^4.8.4",
+    "vite": "^3.1.4"
   },
   "type": "module",
   "dependencies": {
@@ -47,6 +47,6 @@
     "@types/feather-icons": "^4.7.0",
     "cookie": "^0.5.0",
     "feather-icons": "^4.29.0",
-    "zod": "^3.19.0"
+    "zod": "^3.19.1"
   }
 }
\ No newline at end of file
diff --git a/playwright.config.ts b/playwright.config.ts
index 393283e..6ad3a7f 100644
--- a/playwright.config.ts
+++ b/playwright.config.ts
@@ -1,10 +1,10 @@
 import type { PlaywrightTestConfig } from '@playwright/test';
 
 const config: PlaywrightTestConfig = {
-  webServer: {
-    command: 'npm run build && npm run preview',
-    port: 3000
-  }
+	webServer: {
+		command: 'npm run build && npm run preview',
+		port: 4173
+	}
 };
 
 export default config;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 85d6797..a1009ac 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -5,34 +5,34 @@ specifiers:
   '@leveluptuts/svelte-side-menu': ^1.0.5
   '@leveluptuts/svelte-toy': ^2.0.3
   '@lukeed/uuid': ^2.0.0
-  '@playwright/test': ^1.25.2
+  '@playwright/test': ^1.26.1
   '@rgossiaux/svelte-headlessui': 1.0.2
   '@rgossiaux/svelte-heroicons': ^0.1.2
   '@sveltejs/adapter-auto': 1.0.0-next.72
   '@sveltejs/kit': 1.0.0-next.480
   '@types/cookie': ^0.5.1
   '@types/feather-icons': ^4.7.0
-  '@types/node': ^18.7.16
-  '@typescript-eslint/eslint-plugin': ^5.36.2
-  '@typescript-eslint/parser': ^5.36.2
-  carbon-components-svelte: ^0.70.6
-  carbon-icons-svelte: ^11.2.0
+  '@types/node': ^18.7.23
+  '@typescript-eslint/eslint-plugin': ^5.38.1
+  '@typescript-eslint/parser': ^5.38.1
+  carbon-components-svelte: ^0.70.9
+  carbon-icons-svelte: ^11.3.0
   cookie: ^0.5.0
-  eslint: ^8.23.0
+  eslint: ^8.24.0
   eslint-config-prettier: ^8.1.0
   eslint-plugin-svelte3: ^4.0.0
   feather-icons: ^4.29.0
   just-debounce-it: ^3.1.1
   prettier: ^2.7.1
-  prettier-plugin-svelte: ^2.7.0
-  sass: ^1.54.9
+  prettier-plugin-svelte: ^2.7.1
+  sass: ^1.55.0
   svelte: ^3.50.1
-  svelte-check: ^2.9.0
+  svelte-check: ^2.9.1
   svelte-preprocess: ^4.10.7
   tslib: ^2.0.0
-  typescript: ^4.8.3
-  vite: ^3.1.0
-  zod: ^3.19.0
+  typescript: ^4.8.4
+  vite: ^3.1.4
+  zod: ^3.19.1
 
 dependencies:
   '@fontsource/fira-mono': 4.5.9
@@ -42,33 +42,33 @@ dependencies:
   '@types/feather-icons': 4.7.0
   cookie: 0.5.0
   feather-icons: 4.29.0
-  zod: 3.19.0
+  zod: 3.19.1
 
 devDependencies:
-  '@playwright/test': 1.25.2
+  '@playwright/test': 1.26.1
   '@rgossiaux/svelte-headlessui': 1.0.2_svelte@3.50.1
   '@rgossiaux/svelte-heroicons': 0.1.2_svelte@3.50.1
   '@sveltejs/adapter-auto': 1.0.0-next.72
-  '@sveltejs/kit': 1.0.0-next.480_svelte@3.50.1+vite@3.1.0
+  '@sveltejs/kit': 1.0.0-next.480_svelte@3.50.1+vite@3.1.4
   '@types/cookie': 0.5.1
-  '@types/node': 18.7.16
-  '@typescript-eslint/eslint-plugin': 5.36.2_2l2r3i3lm6jysqd4ac3ql4n2mm
-  '@typescript-eslint/parser': 5.36.2_itqs5654cmlnjraw6gjzqacppi
-  carbon-components-svelte: 0.70.6
-  carbon-icons-svelte: 11.2.0
-  eslint: 8.23.0
-  eslint-config-prettier: 8.5.0_eslint@8.23.0
-  eslint-plugin-svelte3: 4.0.0_jtvgu4usxe4xoavzb5jpyaoyje
+  '@types/node': 18.7.23
+  '@typescript-eslint/eslint-plugin': 5.38.1_c7qepppml3d4ahu5cnfwqe6ltq
+  '@typescript-eslint/parser': 5.38.1_ypn2ylkkyfa5i233caldtndbqa
+  carbon-components-svelte: 0.70.9
+  carbon-icons-svelte: 11.3.0
+  eslint: 8.24.0
+  eslint-config-prettier: 8.5.0_eslint@8.24.0
+  eslint-plugin-svelte3: 4.0.0_snydkosur25h6rjxszquwacaua
   just-debounce-it: 3.1.1
   prettier: 2.7.1
-  prettier-plugin-svelte: 2.7.0_nk6d2fkgcllkkdynqbuearcure
-  sass: 1.54.9
+  prettier-plugin-svelte: 2.7.1_nk6d2fkgcllkkdynqbuearcure
+  sass: 1.55.0
   svelte: 3.50.1
-  svelte-check: 2.9.0_sass@1.54.9+svelte@3.50.1
-  svelte-preprocess: 4.10.7_dmgt4vqjdljwxc7vlji2ruxhdy
+  svelte-check: 2.9.1_sass@1.55.0+svelte@3.50.1
+  svelte-preprocess: 4.10.7_hfbjjxm4ggy2hdppiwxlv6aafa
   tslib: 2.4.0
-  typescript: 4.8.3
-  vite: 3.1.0_sass@1.54.9
+  typescript: 4.8.4
+  vite: 3.1.4_sass@1.55.0
 
 packages:
 
@@ -94,8 +94,8 @@ packages:
     dev: true
     optional: true
 
-  /@eslint/eslintrc/1.3.1:
-    resolution: {integrity: sha512-OhSY22oQQdw3zgPOOwdoj01l/Dzl1Z+xyUP33tkSN+aqyEhymJCcPHyXt+ylW8FSe0TfRC2VG+ROQOapD0aZSQ==}
+  /@eslint/eslintrc/1.3.2:
+    resolution: {integrity: sha512-AXYd23w1S/bv3fTs3Lz0vjiYemS08jWkI3hYyS9I1ry+0f+Yjs1wm+sU0BS8qDOPrBIkp4qHYC16I8uVtpLajQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       ajv: 6.12.6
@@ -115,8 +115,8 @@ packages:
     resolution: {integrity: sha512-DDhkRUjPHwPK/wB7GM/7LzGkcEC5JyTZM93YnFoP2Qfjffq3qX1asnXNqfglgZxXHXVmu3RI8OjRf87I97XCfA==}
     dev: false
 
-  /@humanwhocodes/config-array/0.10.4:
-    resolution: {integrity: sha512-mXAIHxZT3Vcpg83opl1wGlVZ9xydbfZO3r5YfRSH6Gpp2J/PfdBP0wbDa2sO6/qRbcalpoevVyW6A/fI6LfeMw==}
+  /@humanwhocodes/config-array/0.10.5:
+    resolution: {integrity: sha512-XVVDtp+dVvRxMoxSiSfasYaG02VEe1qH5cKgMQJWhol6HwzbcqoCMJi8dAGoYAO57jhUyhI6cWuRiTcRaDaYug==}
     engines: {node: '>=10.10.0'}
     dependencies:
       '@humanwhocodes/object-schema': 1.2.1
@@ -220,13 +220,13 @@ packages:
       fastq: 1.13.0
     dev: true
 
-  /@playwright/test/1.25.2:
-    resolution: {integrity: sha512-6qPznIR4Fw02OMbqXUPMG6bFFg1hDVNEdihKy0t9K0dmRbus1DyP5Q5XFQhGwEHQkLG5hrSfBuu9CW/foqhQHQ==}
+  /@playwright/test/1.26.1:
+    resolution: {integrity: sha512-bNxyZASVt2adSZ9gbD7NCydzcb5JaI0OR9hc7s+nmPeH604gwp0zp17NNpwXY4c8nvuBGQQ9oGDx72LE+cUWvw==}
     engines: {node: '>=14'}
     hasBin: true
     dependencies:
-      '@types/node': 18.7.16
-      playwright-core: 1.25.2
+      '@types/node': 18.7.23
+      playwright-core: 1.26.1
     dev: true
 
   /@polka/url/1.0.0-next.21:
@@ -295,7 +295,7 @@ packages:
       - supports-color
     dev: true
 
-  /@sveltejs/kit/1.0.0-next.480_svelte@3.50.1+vite@3.1.0:
+  /@sveltejs/kit/1.0.0-next.480_svelte@3.50.1+vite@3.1.4:
     resolution: {integrity: sha512-RnltVDZFksAkeIZ0wgMQDr4POz3WZxSDy6D/ycIjrz3VXMDYWxKRqmTEI7Yl7TxPgUabeYHGRm/qI+nSXOb/Yw==}
     engines: {node: '>=16.14'}
     hasBin: true
@@ -304,7 +304,7 @@ packages:
       svelte: ^3.44.0
       vite: ^3.1.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 1.0.5_svelte@3.50.1+vite@3.1.0
+      '@sveltejs/vite-plugin-svelte': 1.0.5_svelte@3.50.1+vite@3.1.4
       cookie: 0.5.0
       devalue: 3.1.3
       kleur: 4.1.5
@@ -317,13 +317,13 @@ packages:
       svelte: 3.50.1
       tiny-glob: 0.2.9
       undici: 5.10.0
-      vite: 3.1.0_sass@1.54.9
+      vite: 3.1.4_sass@1.55.0
     transitivePeerDependencies:
       - diff-match-patch
       - supports-color
     dev: true
 
-  /@sveltejs/vite-plugin-svelte/1.0.5_svelte@3.50.1+vite@3.1.0:
+  /@sveltejs/vite-plugin-svelte/1.0.5_svelte@3.50.1+vite@3.1.4:
     resolution: {integrity: sha512-CmSdSow0Dr5ua1A11BQMtreWnE0JZmkVIcRU/yG3PKbycKUpXjNdgYTWFSbStLB0vdlGnBbm2+Y4sBVj+C+TIw==}
     engines: {node: ^14.18.0 || >= 16}
     peerDependencies:
@@ -341,7 +341,7 @@ packages:
       magic-string: 0.26.3
       svelte: 3.50.1
       svelte-hmr: 0.14.12_svelte@3.50.1
-      vite: 3.1.0_sass@1.54.9
+      vite: 3.1.4_sass@1.55.0
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -358,8 +358,8 @@ packages:
     resolution: {integrity: sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==}
     dev: true
 
-  /@types/node/18.7.16:
-    resolution: {integrity: sha512-EQHhixfu+mkqHMZl1R2Ovuvn47PUw18azMJOTwSZr9/fhzHNGXAJ0ma0dayRVchprpCj0Kc1K1xKoWaATWF1qg==}
+  /@types/node/18.7.23:
+    resolution: {integrity: sha512-DWNcCHolDq0ZKGizjx2DZjR/PqsYwAcYUJmfMWqtVU2MBMG5Mo+xFZrhGId5r/O5HOuMPyQEcM6KUBp5lBZZBg==}
     dev: true
 
   /@types/pug/2.0.6:
@@ -369,11 +369,11 @@ packages:
   /@types/sass/1.43.1:
     resolution: {integrity: sha512-BPdoIt1lfJ6B7rw35ncdwBZrAssjcwzI5LByIrYs+tpXlj/CAkuVdRsgZDdP4lq5EjyWzwxZCqAoFyHKFwp32g==}
     dependencies:
-      '@types/node': 18.7.16
+      '@types/node': 18.7.23
     dev: true
 
-  /@typescript-eslint/eslint-plugin/5.36.2_2l2r3i3lm6jysqd4ac3ql4n2mm:
-    resolution: {integrity: sha512-OwwR8LRwSnI98tdc2z7mJYgY60gf7I9ZfGjN5EjCwwns9bdTuQfAXcsjSB2wSQ/TVNYSGKf4kzVXbNGaZvwiXw==}
+  /@typescript-eslint/eslint-plugin/5.38.1_c7qepppml3d4ahu5cnfwqe6ltq:
+    resolution: {integrity: sha512-ky7EFzPhqz3XlhS7vPOoMDaQnQMn+9o5ICR9CPr/6bw8HrFkzhMSxuA3gRfiJVvs7geYrSeawGJjZoZQKCOglQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       '@typescript-eslint/parser': ^5.0.0
@@ -383,24 +383,23 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.36.2_itqs5654cmlnjraw6gjzqacppi
-      '@typescript-eslint/scope-manager': 5.36.2
-      '@typescript-eslint/type-utils': 5.36.2_itqs5654cmlnjraw6gjzqacppi
-      '@typescript-eslint/utils': 5.36.2_itqs5654cmlnjraw6gjzqacppi
+      '@typescript-eslint/parser': 5.38.1_ypn2ylkkyfa5i233caldtndbqa
+      '@typescript-eslint/scope-manager': 5.38.1
+      '@typescript-eslint/type-utils': 5.38.1_ypn2ylkkyfa5i233caldtndbqa
+      '@typescript-eslint/utils': 5.38.1_ypn2ylkkyfa5i233caldtndbqa
       debug: 4.3.4
-      eslint: 8.23.0
-      functional-red-black-tree: 1.0.1
+      eslint: 8.24.0
       ignore: 5.2.0
       regexpp: 3.2.0
       semver: 7.3.7
-      tsutils: 3.21.0_typescript@4.8.3
-      typescript: 4.8.3
+      tsutils: 3.21.0_typescript@4.8.4
+      typescript: 4.8.4
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser/5.36.2_itqs5654cmlnjraw6gjzqacppi:
-    resolution: {integrity: sha512-qS/Kb0yzy8sR0idFspI9Z6+t7mqk/oRjnAYfewG+VN73opAUvmYL3oPIMmgOX6CnQS6gmVIXGshlb5RY/R22pA==}
+  /@typescript-eslint/parser/5.38.1_ypn2ylkkyfa5i233caldtndbqa:
+    resolution: {integrity: sha512-LDqxZBVFFQnQRz9rUZJhLmox+Ep5kdUmLatLQnCRR6523YV+XhRjfYzStQ4MheFA8kMAfUlclHSbu+RKdRwQKw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
@@ -409,26 +408,26 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': 5.36.2
-      '@typescript-eslint/types': 5.36.2
-      '@typescript-eslint/typescript-estree': 5.36.2_typescript@4.8.3
+      '@typescript-eslint/scope-manager': 5.38.1
+      '@typescript-eslint/types': 5.38.1
+      '@typescript-eslint/typescript-estree': 5.38.1_typescript@4.8.4
       debug: 4.3.4
-      eslint: 8.23.0
-      typescript: 4.8.3
+      eslint: 8.24.0
+      typescript: 4.8.4
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/scope-manager/5.36.2:
-    resolution: {integrity: sha512-cNNP51L8SkIFSfce8B1NSUBTJTu2Ts4nWeWbFrdaqjmn9yKrAaJUBHkyTZc0cL06OFHpb+JZq5AUHROS398Orw==}
+  /@typescript-eslint/scope-manager/5.38.1:
+    resolution: {integrity: sha512-BfRDq5RidVU3RbqApKmS7RFMtkyWMM50qWnDAkKgQiezRtLKsoyRKIvz1Ok5ilRWeD9IuHvaidaLxvGx/2eqTQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': 5.36.2
-      '@typescript-eslint/visitor-keys': 5.36.2
+      '@typescript-eslint/types': 5.38.1
+      '@typescript-eslint/visitor-keys': 5.38.1
     dev: true
 
-  /@typescript-eslint/type-utils/5.36.2_itqs5654cmlnjraw6gjzqacppi:
-    resolution: {integrity: sha512-rPQtS5rfijUWLouhy6UmyNquKDPhQjKsaKH0WnY6hl/07lasj8gPaH2UD8xWkePn6SC+jW2i9c2DZVDnL+Dokw==}
+  /@typescript-eslint/type-utils/5.38.1_ypn2ylkkyfa5i233caldtndbqa:
+    resolution: {integrity: sha512-UU3j43TM66gYtzo15ivK2ZFoDFKKP0k03MItzLdq0zV92CeGCXRfXlfQX5ILdd4/DSpHkSjIgLLLh1NtkOJOAw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '*'
@@ -437,23 +436,23 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.36.2_typescript@4.8.3
-      '@typescript-eslint/utils': 5.36.2_itqs5654cmlnjraw6gjzqacppi
+      '@typescript-eslint/typescript-estree': 5.38.1_typescript@4.8.4
+      '@typescript-eslint/utils': 5.38.1_ypn2ylkkyfa5i233caldtndbqa
       debug: 4.3.4
-      eslint: 8.23.0
-      tsutils: 3.21.0_typescript@4.8.3
-      typescript: 4.8.3
+      eslint: 8.24.0
+      tsutils: 3.21.0_typescript@4.8.4
+      typescript: 4.8.4
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/types/5.36.2:
-    resolution: {integrity: sha512-9OJSvvwuF1L5eS2EQgFUbECb99F0mwq501w0H0EkYULkhFa19Qq7WFbycdw1PexAc929asupbZcgjVIe6OK/XQ==}
+  /@typescript-eslint/types/5.38.1:
+    resolution: {integrity: sha512-QTW1iHq1Tffp9lNfbfPm4WJabbvpyaehQ0SrvVK2yfV79SytD9XDVxqiPvdrv2LK7DGSFo91TB2FgWanbJAZXg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@typescript-eslint/typescript-estree/5.36.2_typescript@4.8.3:
-    resolution: {integrity: sha512-8fyH+RfbKc0mTspfuEjlfqA4YywcwQK2Amcf6TDOwaRLg7Vwdu4bZzyvBZp4bjt1RRjQ5MDnOZahxMrt2l5v9w==}
+  /@typescript-eslint/typescript-estree/5.38.1_typescript@4.8.4:
+    resolution: {integrity: sha512-99b5e/Enoe8fKMLdSuwrfH/C0EIbpUWmeEKHmQlGZb8msY33qn1KlkFww0z26o5Omx7EVjzVDCWEfrfCDHfE7g==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       typescript: '*'
@@ -461,41 +460,41 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': 5.36.2
-      '@typescript-eslint/visitor-keys': 5.36.2
+      '@typescript-eslint/types': 5.38.1
+      '@typescript-eslint/visitor-keys': 5.38.1
       debug: 4.3.4
       globby: 11.1.0
       is-glob: 4.0.3
       semver: 7.3.7
-      tsutils: 3.21.0_typescript@4.8.3
-      typescript: 4.8.3
+      tsutils: 3.21.0_typescript@4.8.4
+      typescript: 4.8.4
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils/5.36.2_itqs5654cmlnjraw6gjzqacppi:
-    resolution: {integrity: sha512-uNcopWonEITX96v9pefk9DC1bWMdkweeSsewJ6GeC7L6j2t0SJywisgkr9wUTtXk90fi2Eljj90HSHm3OGdGRg==}
+  /@typescript-eslint/utils/5.38.1_ypn2ylkkyfa5i233caldtndbqa:
+    resolution: {integrity: sha512-oIuUiVxPBsndrN81oP8tXnFa/+EcZ03qLqPDfSZ5xIJVm7A9V0rlkQwwBOAGtrdN70ZKDlKv+l1BeT4eSFxwXA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
       '@types/json-schema': 7.0.11
-      '@typescript-eslint/scope-manager': 5.36.2
-      '@typescript-eslint/types': 5.36.2
-      '@typescript-eslint/typescript-estree': 5.36.2_typescript@4.8.3
-      eslint: 8.23.0
+      '@typescript-eslint/scope-manager': 5.38.1
+      '@typescript-eslint/types': 5.38.1
+      '@typescript-eslint/typescript-estree': 5.38.1_typescript@4.8.4
+      eslint: 8.24.0
       eslint-scope: 5.1.1
-      eslint-utils: 3.0.0_eslint@8.23.0
+      eslint-utils: 3.0.0_eslint@8.24.0
     transitivePeerDependencies:
       - supports-color
       - typescript
     dev: true
 
-  /@typescript-eslint/visitor-keys/5.36.2:
-    resolution: {integrity: sha512-BtRvSR6dEdrNt7Net2/XDjbYKU5Ml6GqJgVfXT0CxTCJlnIqK7rAGreuWKMT2t8cFUT2Msv5oxw0GMRD7T5J7A==}
+  /@typescript-eslint/visitor-keys/5.38.1:
+    resolution: {integrity: sha512-bSHr1rRxXt54+j2n4k54p4fj8AHJ49VDWtjpImOpzQj4qjAiOpPni+V1Tyajh19Api1i844F757cur8wH3YvOA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': 5.36.2
+      '@typescript-eslint/types': 5.38.1
       eslint-visitor-keys: 3.3.0
     dev: true
 
@@ -638,14 +637,14 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  /carbon-components-svelte/0.70.6:
-    resolution: {integrity: sha512-Nnm7+hELWLP7NnyaN3J4aioxcKlibsYwUeC5+UBWYAV2MtCv4+BwqwGVS6Yrx85NRid+jd83DCm9PSfimoj40Q==}
+  /carbon-components-svelte/0.70.9:
+    resolution: {integrity: sha512-eygo57EHPAxyPXNRdXGHMZx5e+qwEc1ltGCi2nVF1093U+9uNjYpnPojxr/l5kKMfZBdxNYJHIg7+Mgy5U/kgw==}
     dependencies:
       flatpickr: 4.6.9
     dev: true
 
-  /carbon-icons-svelte/11.2.0:
-    resolution: {integrity: sha512-nbqCEKoZA5EzT2Lr8vNYnfWcDl5GnFFLnbD861U32g9cNe7D7nmQKx4T+goFp5AoY60OyAgKUNJov8LwNEkhbg==}
+  /carbon-icons-svelte/11.3.0:
+    resolution: {integrity: sha512-45SHyp8RRwP5ZgV1YOvFIKPpdJDIrVzPL3f+YFK5V81eXr0MDH41vebKlRDAVMqAAetci8n8nRNGJ6JbBX2soQ==}
     dev: true
 
   /chalk/4.1.2:
@@ -1211,22 +1210,22 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  /eslint-config-prettier/8.5.0_eslint@8.23.0:
+  /eslint-config-prettier/8.5.0_eslint@8.24.0:
     resolution: {integrity: sha512-obmWKLUNCnhtQRKc+tmnYuQl0pFU1ibYJQ5BGhTVB08bHe9wC8qUeG7c08dj9XX+AuPj1YSGSQIHl1pnDHZR0Q==}
     hasBin: true
     peerDependencies:
       eslint: '>=7.0.0'
     dependencies:
-      eslint: 8.23.0
+      eslint: 8.24.0
     dev: true
 
-  /eslint-plugin-svelte3/4.0.0_jtvgu4usxe4xoavzb5jpyaoyje:
+  /eslint-plugin-svelte3/4.0.0_snydkosur25h6rjxszquwacaua:
     resolution: {integrity: sha512-OIx9lgaNzD02+MDFNLw0GEUbuovNcglg+wnd/UY0fbZmlQSz7GlQiQ1f+yX0XvC07XPcDOnFcichqI3xCwp71g==}
     peerDependencies:
       eslint: '>=8.0.0'
       svelte: ^3.2.0
     dependencies:
-      eslint: 8.23.0
+      eslint: 8.24.0
       svelte: 3.50.1
     dev: true
 
@@ -1246,13 +1245,13 @@ packages:
       estraverse: 5.3.0
     dev: true
 
-  /eslint-utils/3.0.0_eslint@8.23.0:
+  /eslint-utils/3.0.0_eslint@8.24.0:
     resolution: {integrity: sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==}
     engines: {node: ^10.0.0 || ^12.0.0 || >= 14.0.0}
     peerDependencies:
       eslint: '>=5'
     dependencies:
-      eslint: 8.23.0
+      eslint: 8.24.0
       eslint-visitor-keys: 2.1.0
     dev: true
 
@@ -1266,13 +1265,13 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /eslint/8.23.0:
-    resolution: {integrity: sha512-pBG/XOn0MsJcKcTRLr27S5HpzQo4kLr+HjLQIyK4EiCsijDl/TB+h5uEuJU6bQ8Edvwz1XWOjpaP2qgnXGpTcA==}
+  /eslint/8.24.0:
+    resolution: {integrity: sha512-dWFaPhGhTAiPcCgm3f6LI2MBWbogMnTJzFBbhXVRQDJPkr9pGZvVjlVfXd+vyDcWPA2Ic9L2AXPIQM0+vk/cSQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     hasBin: true
     dependencies:
-      '@eslint/eslintrc': 1.3.1
-      '@humanwhocodes/config-array': 0.10.4
+      '@eslint/eslintrc': 1.3.2
+      '@humanwhocodes/config-array': 0.10.5
       '@humanwhocodes/gitignore-to-minimatch': 1.0.2
       '@humanwhocodes/module-importer': 1.0.1
       ajv: 6.12.6
@@ -1282,7 +1281,7 @@ packages:
       doctrine: 3.0.0
       escape-string-regexp: 4.0.0
       eslint-scope: 7.1.1
-      eslint-utils: 3.0.0_eslint@8.23.0
+      eslint-utils: 3.0.0_eslint@8.24.0
       eslint-visitor-keys: 3.3.0
       espree: 9.4.0
       esquery: 1.4.0
@@ -1290,7 +1289,6 @@ packages:
       fast-deep-equal: 3.1.3
       file-entry-cache: 6.0.1
       find-up: 5.0.0
-      functional-red-black-tree: 1.0.1
       glob-parent: 6.0.2
       globals: 13.17.0
       globby: 11.1.0
@@ -1299,6 +1297,7 @@ packages:
       import-fresh: 3.3.0
       imurmurhash: 0.1.4
       is-glob: 4.0.3
+      js-sdsl: 4.1.4
       js-yaml: 4.1.0
       json-stable-stringify-without-jsonify: 1.0.1
       levn: 0.4.1
@@ -1476,10 +1475,6 @@ packages:
     resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==}
     dev: true
 
-  /functional-red-black-tree/1.0.1:
-    resolution: {integrity: sha512-dsKNQNdj6xA3T+QlADDA7mOSlX0qiMINjn0cgr+eGHGsbSHzTabcIogz2+p/iqP1Xs6EP/sS2SbqH+brGTbq0g==}
-    dev: true
-
   /gauge/3.0.2:
     resolution: {integrity: sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==}
     engines: {node: '>=10'}
@@ -1653,6 +1648,10 @@ packages:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
     dev: true
 
+  /js-sdsl/4.1.4:
+    resolution: {integrity: sha512-Y2/yD55y5jteOAmY50JbUZYwk3CP3wnLPEZnlR1w9oKhITrBEtAxwuWKebFf8hMrPMgbYwFoWK/lH2sBkErELw==}
+    dev: true
+
   /js-yaml/4.1.0:
     resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
     hasBin: true
@@ -1943,8 +1942,8 @@ packages:
     engines: {node: '>=8.6'}
     dev: true
 
-  /playwright-core/1.25.2:
-    resolution: {integrity: sha512-0yTbUE9lIddkEpLHL3u8PoCL+pWiZtj5A/j3U7YoNjcmKKDGBnCrgHJMzwd2J5vy6l28q4ki3JIuz7McLHhl1A==}
+  /playwright-core/1.26.1:
+    resolution: {integrity: sha512-hzFchhhxnEiPc4qVPs9q2ZR+5eKNifY2hQDHtg1HnTTUuphYCBP8ZRb2si+B1TR7BHirgXaPi48LIye5SgrLAA==}
     engines: {node: '>=14'}
     hasBin: true
     dev: true
@@ -1963,8 +1962,8 @@ packages:
     engines: {node: '>= 0.8.0'}
     dev: true
 
-  /prettier-plugin-svelte/2.7.0_nk6d2fkgcllkkdynqbuearcure:
-    resolution: {integrity: sha512-fQhhZICprZot2IqEyoiUYLTRdumULGRvw0o4dzl5jt0jfzVWdGqeYW27QTWAeXhoupEZJULmNoH3ueJwUWFLIA==}
+  /prettier-plugin-svelte/2.7.1_nk6d2fkgcllkkdynqbuearcure:
+    resolution: {integrity: sha512-H33qjhCBZyd9Zr1A5hUAYDh7j0Mf97uvy7XcA7CP4nNSYrNcPvBUf7wI8K9NptWTIs0S41QtgTWmJIUiGlEBtw==}
     peerDependencies:
       prettier: ^1.16.4 || ^2.0.0
       svelte: ^3.2.0
@@ -2092,8 +2091,8 @@ packages:
       rimraf: 2.7.1
     dev: true
 
-  /sass/1.54.9:
-    resolution: {integrity: sha512-xb1hjASzEH+0L0WI9oFjqhRi51t/gagWnxLiwUNMltA0Ab6jIDkAacgKiGYKM9Jhy109osM7woEEai6SXeJo5Q==}
+  /sass/1.55.0:
+    resolution: {integrity: sha512-Pk+PMy7OGLs9WaxZGJMn7S96dvlyVBwwtToX895WmCpAOr5YiJYEUJfiJidMuKb613z2xNWcXCHEuOvjZbqC6A==}
     engines: {node: '>=12.0.0'}
     hasBin: true
     dependencies:
@@ -2218,8 +2217,8 @@ packages:
     engines: {node: '>= 0.4'}
     dev: true
 
-  /svelte-check/2.9.0_sass@1.54.9+svelte@3.50.1:
-    resolution: {integrity: sha512-9AVrtP7WbfDgCdqTZNPdj5CCCy1OrYMxFVWAWzNw7fl93c9klFJFtqzVXa6fovfQ050CcpUyJE2dPFL9TFAREw==}
+  /svelte-check/2.9.1_sass@1.55.0+svelte@3.50.1:
+    resolution: {integrity: sha512-+BFPsj6irZ+t2pVSVo//2Ic1mI3A52xCwbkSTVhTqYZqgawcyZd9pYZoEac3fIWbEeTyCb5X82ORKI/gjn+P7A==}
     hasBin: true
     peerDependencies:
       svelte: ^3.24.0
@@ -2231,8 +2230,8 @@ packages:
       picocolors: 1.0.0
       sade: 1.8.1
       svelte: 3.50.1
-      svelte-preprocess: 4.10.7_dmgt4vqjdljwxc7vlji2ruxhdy
-      typescript: 4.8.3
+      svelte-preprocess: 4.10.7_hfbjjxm4ggy2hdppiwxlv6aafa
+      typescript: 4.8.4
     transitivePeerDependencies:
       - '@babel/core'
       - coffeescript
@@ -2255,7 +2254,7 @@ packages:
       svelte: 3.50.1
     dev: true
 
-  /svelte-preprocess/4.10.7_dmgt4vqjdljwxc7vlji2ruxhdy:
+  /svelte-preprocess/4.10.7_hfbjjxm4ggy2hdppiwxlv6aafa:
     resolution: {integrity: sha512-sNPBnqYD6FnmdBrUmBCaqS00RyCsCpj2BG58A1JBswNF7b0OKviwxqVrOL/CKyJrLSClrSeqQv5BXNg2RUbPOw==}
     engines: {node: '>= 9.11.2'}
     requiresBuild: true
@@ -2300,11 +2299,11 @@ packages:
       '@types/sass': 1.43.1
       detect-indent: 6.1.0
       magic-string: 0.25.9
-      sass: 1.54.9
+      sass: 1.55.0
       sorcery: 0.10.0
       strip-indent: 3.0.0
       svelte: 3.50.1
-      typescript: 4.8.3
+      typescript: 4.8.4
     dev: true
 
   /svelte/3.50.1:
@@ -2359,14 +2358,14 @@ packages:
     resolution: {integrity: sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==}
     dev: true
 
-  /tsutils/3.21.0_typescript@4.8.3:
+  /tsutils/3.21.0_typescript@4.8.4:
     resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==}
     engines: {node: '>= 6'}
     peerDependencies:
       typescript: '>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta'
     dependencies:
       tslib: 1.14.1
-      typescript: 4.8.3
+      typescript: 4.8.4
     dev: true
 
   /type-check/0.4.0:
@@ -2381,8 +2380,8 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  /typescript/4.8.3:
-    resolution: {integrity: sha512-goMHfm00nWPa8UvR/CPSvykqf6dVV8x/dp0c5mFTMTIu0u0FlGWRioyy7Nn0PGAdHxpJZnuO/ut+PpQ8UiHAig==}
+  /typescript/4.8.4:
+    resolution: {integrity: sha512-QCh+85mCy+h0IGff8r5XWzOVSbBO+KfeYrMQh7NJ58QujwcE22u+NUSmUxqF+un70P9GXKxa2HCNiTTMJknyjQ==}
     engines: {node: '>=4.2.0'}
     hasBin: true
     dev: true
@@ -2402,8 +2401,8 @@ packages:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
     dev: true
 
-  /vite/3.1.0_sass@1.54.9:
-    resolution: {integrity: sha512-YBg3dUicDpDWFCGttmvMbVyS9ydjntwEjwXRj2KBFwSB8SxmGcudo1yb8FW5+M/G86aS8x828ujnzUVdsLjs9g==}
+  /vite/3.1.4_sass@1.55.0:
+    resolution: {integrity: sha512-JoQI08aBjY9lycL7jcEq4p9o1xUjq5aRvdH4KWaXtkSx7e7RpAh9D3IjzDWRD4Fg44LS3oDAIOG/Kq1L+82psA==}
     engines: {node: ^14.18.0 || >=16.0.0}
     hasBin: true
     peerDependencies:
@@ -2425,7 +2424,7 @@ packages:
       postcss: 8.4.16
       resolve: 1.22.1
       rollup: 2.78.1
-      sass: 1.54.9
+      sass: 1.55.0
     optionalDependencies:
       fsevents: 2.3.2
     dev: true
@@ -2486,6 +2485,6 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  /zod/3.19.0:
-    resolution: {integrity: sha512-Yw0qvUsCNGBe5YacikdMt5gVYeUuaEFVDIHKMfElrGSaBhwR3CQK6vOzgfAJOjTdGIhEeoaj8GtT+NDZrepZbw==}
+  /zod/3.19.1:
+    resolution: {integrity: sha512-LYjZsEDhCdYET9ikFu6dVPGp2YH9DegXjdJToSzD9rO6fy4qiRYFoyEYwps88OseJlPyl2NOe2iJuhEhL7IpEA==}
     dev: false
diff --git a/svelte.config.js b/svelte.config.js
index d3b4cd7..63bee1a 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -9,7 +9,6 @@ const config = {
   kit: {
     adapter: adapter(),
     alias: {
-      $components: 'src/components',
       $root: './src'
     },
   },
diff --git a/tsconfig.json b/tsconfig.json
index 5c56cee..6ae0c8c 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,13 +1,17 @@
 {
-  "extends": "./.svelte-kit/tsconfig.json",
-  "compilerOptions": {
-    "allowJs": true,
-    "checkJs": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "resolveJsonModule": true,
-    "skipLibCheck": true,
-    "sourceMap": true,
-    "strict": true
-  }
+	"extends": "./.svelte-kit/tsconfig.json",
+	"compilerOptions": {
+		"allowJs": true,
+		"checkJs": true,
+		"esModuleInterop": true,
+		"forceConsistentCasingInFileNames": true,
+		"resolveJsonModule": true,
+		"skipLibCheck": true,
+		"sourceMap": true,
+		"strict": true
+	}
+	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
+	//
+	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
+	// from the referenced tsconfig.json - TypeScript does not merge them in
 }
diff --git a/vite.config.js b/vite.config.js
deleted file mode 100644
index 096c206..0000000
--- a/vite.config.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import { sveltekit } from '@sveltejs/kit/vite';
-
-/** @type {import('vite').UserConfig} */
-const config = {
-  plugins: [sveltekit()]
-};
-
-export default config;
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..1695034
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,8 @@
+import { sveltekit } from '@sveltejs/kit/vite';
+import type { UserConfig } from 'vite';
+
+const config: UserConfig = {
+	plugins: [sveltekit()]
+};
+
+export default config;

From 0864159546254481bda098c180fe7bd118663132 Mon Sep 17 00:00:00 2001
From: Bradley Shellnut <bradleyshellnut@pm.me>
Date: Thu, 29 Sep 2022 17:22:01 -0500
Subject: [PATCH 05/15] Moving form posts to actions slowly.

---
 src/app.d.ts                      |  15 +-
 src/hooks.server..ts              |  25 +--
 src/routes/+page.server.ts        |   2 +
 src/routes/+page.svelte           | 294 ++++++++++++++++--------------
 src/routes/about/+page.svelte     |  13 ++
 src/routes/about/+page.ts         |   9 +
 src/routes/search/+page.server.ts |   6 +
 src/routes/search/+page.svelte    |   1 +
 src/search/actions.ts             | 105 ++++++++++-
 9 files changed, 313 insertions(+), 157 deletions(-)
 create mode 100644 src/routes/about/+page.svelte
 create mode 100644 src/routes/about/+page.ts
 create mode 100644 src/routes/search/+page.server.ts
 create mode 100644 src/routes/search/+page.svelte

diff --git a/src/app.d.ts b/src/app.d.ts
index f201c93..89fa05e 100644
--- a/src/app.d.ts
+++ b/src/app.d.ts
@@ -1,11 +1,14 @@
-/// <reference types="@sveltejs/kit" />
-
 // See https://kit.svelte.dev/docs/types#app
 // for information about these interfaces
 // and what to do when importing types
 declare namespace App {
-  // interface Locals {}
-  // interface Platform {}
-  // interface Session {}
-  // interface Stuff {}
+	interface Locals {
+		userid: string;
+	}
+
+	// interface PageData {}
+
+	// interface PageError {}
+
+	// interface Platform {}
 }
diff --git a/src/hooks.server..ts b/src/hooks.server..ts
index 1a08dbc..ef64e7f 100644
--- a/src/hooks.server..ts
+++ b/src/hooks.server..ts
@@ -1,23 +1,16 @@
 import type { Handle } from '@sveltejs/kit';
-import * as cookie from 'cookie';
 
 export const handle: Handle = async ({ event, resolve }) => {
-  const cookies = cookie.parse(event.request.headers.get('cookie') || '');
-  event.locals.userid = cookies['userid'] || crypto.randomUUID();
+	let userid = event.cookies.get('userid');
 
-  const response = await resolve(event);
+	if (!userid) {
+		// if this is the first time the user has visited this app,
+		// set a cookie so that we recognise them when they return
+		userid = crypto.randomUUID();
+		event.cookies.set('userid', userid, { path: '/' });
+	}
 
-  if (!cookies['userid']) {
-    // if this is the first time the user has visited this app,
-    // set a cookie so that we recognise them when they return
-    response.headers.set(
-      'set-cookie',
-      cookie.serialize('userid', event.locals.userid, {
-        path: '/',
-        httpOnly: true
-      })
-    );
-  }
+	event.locals.userid = userid;
 
-  return response;
+	return resolve(event);
 };
diff --git a/src/routes/+page.server.ts b/src/routes/+page.server.ts
index 62964c8..67f6811 100644
--- a/src/routes/+page.server.ts
+++ b/src/routes/+page.server.ts
@@ -1,3 +1,5 @@
+import type { PageServerLoad, Actions } from './$types';
+
 export const actions: Actions = {
   default: async ({ request, locals }): Promise<any> => {
     // Do things in here
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index c8e8676..f05471b 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,165 +1,191 @@
 <script lang="ts">
-  import type { GameType, SavedGameType } from '$root/lib/types';
-  import { gameStore } from '$lib/stores/gameSearchStore';
-  import { boredState } from '$root/lib/stores/boredState';
-  import RemoveCollectionDialog from '$root/lib/components/dialog/RemoveCollectionDialog.svelte';
-  import Game from '$lib/components/game/index.svelte';
-  import TextSearch from '$lib/components/search/textSearch/index.svelte';
-  import RandomSearch from '$lib/components/search/random/index.svelte';
-  import Random from '$lib/components/random/index.svelte';
-  import Pagination from '$lib/components/pagination/index.svelte';
+	import { enhance, applyAction } from '$app/forms';
+	import type { PageData } from './$types';
+	import { ToastType, type GameType, type SavedGameType } from '$root/lib/types';
+	import { gameStore } from '$lib/stores/gameSearchStore';
+	import { boredState } from '$root/lib/stores/boredState';
+	import RemoveCollectionDialog from '$root/lib/components/dialog/RemoveCollectionDialog.svelte';
+	import Game from '$lib/components/game/index.svelte';
+	import TextSearch from '$lib/components/search/textSearch/index.svelte';
+	import RandomSearch from '$lib/components/search/random/index.svelte';
+	import Random from '$lib/components/random/index.svelte';
+	import Pagination from '$lib/components/pagination/index.svelte';
+	import { toast } from '$root/lib/components/toast/toast';
 
-  let pageSize: number;
-  let currentPage: number;
-  $: totalItems = 0;
-  console.log('totalItems', totalItems);
+	export let data: PageData;
+	console.log('Formed data:', JSON.stringify(data));
+	let pageSize: number;
+	let currentPage: number;
+	$: totalItems = 0;
+	console.log('totalItems', totalItems);
 
-  async function handleSearch(event: SubmitEvent) {
-    boredState.update((n) => ({ ...n, loading: true }));
-    const form = event.target as HTMLFormElement;
-    console.log('form', form);
-    const response = await fetch('/api/game', {
-      method: 'POST',
-      headers: { accept: 'application/json' },
-      body: new FormData(form)
-    });
-    const responseData = await response.json();
-    boredState.update((n) => ({ ...n, loading: false }));
-    gameStore.removeAll();
-    gameStore.addAll(responseData?.games);
-    totalItems = responseData?.totalCount;
-  }
+	async function handleSearch(event: SubmitEvent) {
+		boredState.update((n) => ({ ...n, loading: true }));
+		const form = event.target as HTMLFormElement;
+		console.log('form', form);
+		const response = await fetch('/api/game', {
+			method: 'POST',
+			headers: { accept: 'application/json' },
+			body: new FormData(form)
+		});
+		const responseData = await response.json();
+		boredState.update((n) => ({ ...n, loading: false }));
+		gameStore.removeAll();
+		gameStore.addAll(responseData?.games);
+		totalItems = responseData?.totalCount;
+	}
 
-  // async function handleItemsPerPageChange(event) {
-  //   const perPage = event?.detail;
-  //   if ($gameStore.length )
-  // }
-  async function handleNextPageEvent(event: CustomEvent) {
-    console.log('Next page called', event);
-    boredState.update((n) => ({ ...n, loading: true }));
-    const form = event.target as HTMLFormElement;
-    console.log('form', form);
-    const response = await fetch('/api/game', {
-      method: 'POST',
-      headers: { accept: 'application/json' },
-      body: new FormData(form)
-    });
-    const responseData = await response.json();
-    boredState.update((n) => ({ ...n, loading: false }));
-    gameStore.removeAll();
-    gameStore.addAll(responseData?.games);
-    const skip = $boredState?.search?.skip;
-    const pageSize = $boredState?.search?.pageSize;
-    const currentPage = $boredState?.search?.currentPage;
-    const totalCount = responseData?.totalCount;
-    boredState.update((n) => ({
-      ...n,
-      search: { totalCount, skip, pageSize, currentPage }
-    }));
-  }
+	// async function handleItemsPerPageChange(event) {
+	//   const perPage = event?.detail;
+	//   if ($gameStore.length )
+	// }
+	async function handleNextPageEvent(event: CustomEvent) {
+		console.log('Next page called', event);
+		boredState.update((n) => ({ ...n, loading: true }));
+		const form = event.target as HTMLFormElement;
+		console.log('form', form);
+		const response = await fetch('/api/game', {
+			method: 'POST',
+			headers: { accept: 'application/json' },
+			body: new FormData(form)
+		});
+		const responseData = await response.json();
+		boredState.update((n) => ({ ...n, loading: false }));
+		gameStore.removeAll();
+		gameStore.addAll(responseData?.games);
+		const skip = $boredState?.search?.skip;
+		const pageSize = $boredState?.search?.pageSize;
+		const currentPage = $boredState?.search?.currentPage;
+		const totalCount = responseData?.totalCount;
+		boredState.update((n) => ({
+			...n,
+			search: { totalCount, skip, pageSize, currentPage }
+		}));
+	}
 
-  let isOpen: boolean = false;
-  let gameToRemove: GameType | SavedGameType;
-  console.log('isOpen', isOpen);
+	let isOpen: boolean = false;
+	let gameToRemove: GameType | SavedGameType;
+	console.log('isOpen', isOpen);
 
-  interface RemoveGameEvent extends Event {
-    detail: GameType | SavedGameType;
-  }
+	interface RemoveGameEvent extends Event {
+		detail: GameType | SavedGameType;
+	}
 
-  function handleRemoveGame(event: RemoveGameEvent) {
-    console.log('event', event);
-    gameToRemove = event?.detail;
-    boredState.update((n) => ({
-      ...n,
-      dialog: { isOpen: true, content: RemoveCollectionDialog, additionalData: gameToRemove }
-    }));
-  }
+	function handleRemoveGame(event: RemoveGameEvent) {
+		console.log('event', event);
+		gameToRemove = event?.detail;
+		boredState.update((n) => ({
+			...n,
+			dialog: { isOpen: true, content: RemoveCollectionDialog, additionalData: gameToRemove }
+		}));
+	}
 </script>
 
 <svelte:head>
-  <title>Bored Game | Home</title>
+	<title>Bored Game | Home</title>
 </svelte:head>
 
 <h1>Search Boardgames!</h1>
 <p style="margin: 1rem 0;">
-  Input your requirements to search for board game that match your criteria.
+	Input your requirements to search for board game that match your criteria.
 </p>
 <div class="game-search">
-  <form on:submit|preventDefault={handleSearch} method="post">
-    <TextSearch showButton advancedSearch />
-  </form>
-  <section>
-    <p>Or pick a random game!</p>
-    <div class="random-buttons">
-      <RandomSearch />
-      <Random />
-    </div>
-  </section>
+	<form
+		action="/search?/search"
+		method="post"
+		use:enhance={() => {
+			boredState.update((n) => ({ ...n, loading: true }));
+			return async ({ result }) => {
+				boredState.update((n) => ({ ...n, loading: false }));
+				// `result` is an `ActionResult` object
+				if (result.type === 'error') {
+					toast.send('Error!', { duration: 3000, type: ToastType.ERROR, dismissible: true });
+					await applyAction(result);
+				} else {
+					gameStore.removeAll();
+					gameStore.addAll(result?.data?.games);
+					totalItems = result?.data?.totalCount;
+					console.log(`Frontend result: ${JSON.stringify(result)}`);
+					toast.send('Sucess!', { duration: 3000, type: ToastType.INFO, dismissible: true });
+					await applyAction(result);
+				}
+			};
+		}}
+	>
+		<TextSearch showButton advancedSearch />
+	</form>
+	<section>
+		<p>Or pick a random game!</p>
+		<div class="random-buttons">
+			<RandomSearch />
+			<Random />
+		</div>
+	</section>
 </div>
 
 {#if $gameStore?.length > 0}
-  <div class="games">
-    <h1>Games Found:</h1>
-    <div class="games-list">
-      {#each $gameStore as game (game.id)}
-        <Game on:removeGameEvent={handleRemoveGame} {game} />
-      {/each}
-    </div>
-    <Pagination
-      {pageSize}
-      {currentPage}
-      {totalItems}
-      forwardText="Next"
-      backwardText="Prev"
-      pageSizes={[10, 25, 50, 100]}
-      on:nextPageEvent={handleNextPageEvent}
-      on:previousPageEvent={(event) => console.log('Prev page called', event)}
-      on:perPageEvent={(event) => console.log('Per page called', event)}
-    />
-  </div>
+	<div class="games">
+		<h1>Games Found:</h1>
+		<div class="games-list">
+			{#each $gameStore as game (game.id)}
+				<Game on:removeGameEvent={handleRemoveGame} {game} />
+			{/each}
+		</div>
+		<Pagination
+			{pageSize}
+			{currentPage}
+			{totalItems}
+			forwardText="Next"
+			backwardText="Prev"
+			pageSizes={[10, 25, 50, 100]}
+			on:nextPageEvent={handleNextPageEvent}
+			on:previousPageEvent={(event) => console.log('Prev page called', event)}
+			on:perPageEvent={(event) => console.log('Per page called', event)}
+		/>
+	</div>
 {/if}
 
 <style lang="scss">
-  .game-search {
-    display: grid;
-    gap: 2rem;
+	.game-search {
+		display: grid;
+		gap: 2rem;
 
-    section {
-      display: grid;
-      gap: 1rem;
-    }
-  }
+		section {
+			display: grid;
+			gap: 1rem;
+		}
+	}
 
-  .games {
-    margin: 2rem 0rem;
+	.games {
+		margin: 2rem 0rem;
 
-    h1 {
-      margin-bottom: 2rem;
-    }
-  }
+		h1 {
+			margin-bottom: 2rem;
+		}
+	}
 
-  .games-list {
-    display: grid;
-    grid-template-columns: repeat(3, minmax(200px, 1fr));
-    gap: 2rem;
+	.games-list {
+		display: grid;
+		grid-template-columns: repeat(3, minmax(200px, 1fr));
+		gap: 2rem;
 
-    @media (max-width: 800px) {
-      grid-template-columns: 1fr 1fr;
-    }
+		@media (max-width: 800px) {
+			grid-template-columns: 1fr 1fr;
+		}
 
-    @media (max-width: 650px) {
-      grid-template-columns: 1fr;
-    }
-  }
+		@media (max-width: 650px) {
+			grid-template-columns: 1fr;
+		}
+	}
 
-  .random-buttons {
-    display: flex;
-    place-content: space-between;
-    place-items: center;
+	.random-buttons {
+		display: flex;
+		place-content: space-between;
+		place-items: center;
 
-    @media (max-width: 650px) {
-      display: grid;
-      grid-template-columns: 1fr 1fr;
-    }
-  }
+		@media (max-width: 650px) {
+			display: grid;
+			grid-template-columns: 1fr 1fr;
+		}
+	}
 </style>
diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte
new file mode 100644
index 0000000..0972241
--- /dev/null
+++ b/src/routes/about/+page.svelte
@@ -0,0 +1,13 @@
+<svelte:head>
+	<title>Bored Game | About</title>
+	<meta name="description" content="About Bored Game" />
+</svelte:head>
+
+<div class="content">
+	<h1>About Bored Game</h1>
+	<p>
+		One day we were bored and wanted to play one of our board games. Our problem was that we didn't
+		know which one to play.
+	</p>
+	<p>Rather than just pick one I decided to make this overcomplicated version of choice.</p>
+</div>
diff --git a/src/routes/about/+page.ts b/src/routes/about/+page.ts
new file mode 100644
index 0000000..3e13462
--- /dev/null
+++ b/src/routes/about/+page.ts
@@ -0,0 +1,9 @@
+import { dev } from '$app/environment';
+
+// we don't need any JS on this page, though we'll load
+// it in dev so that we get hot module replacement...
+export const csr = dev;
+
+// since there's no dynamic data here, we can prerender
+// it so that it gets served as a static asset in prod
+export const prerender = true;
diff --git a/src/routes/search/+page.server.ts b/src/routes/search/+page.server.ts
new file mode 100644
index 0000000..86f2cf5
--- /dev/null
+++ b/src/routes/search/+page.server.ts
@@ -0,0 +1,6 @@
+import type { Actions } from '../$types';
+import { Games } from '$root/search/actions';
+
+export const actions: Actions = {
+  search: Games.search,
+}
\ No newline at end of file
diff --git a/src/routes/search/+page.svelte b/src/routes/search/+page.svelte
new file mode 100644
index 0000000..63e6401
--- /dev/null
+++ b/src/routes/search/+page.svelte
@@ -0,0 +1 @@
+<h1>Search</h1>
diff --git a/src/search/actions.ts b/src/search/actions.ts
index 339a0a0..23026b1 100644
--- a/src/search/actions.ts
+++ b/src/search/actions.ts
@@ -1,10 +1,113 @@
+import type { RequestEvent } from '@sveltejs/kit';
+import { BOARD_GAME_ATLAS_CLIENT_ID } from '$env/static/private';
+import type { GameType, SearchQuery } from "$root/lib/types";
+import { mapAPIGameToBoredGame } from "$root/lib/util/gameMapper";
+
 interface Actions {
   [key: string]: any // Action
 }
 
 export const Games: Actions = {
-  search: async function search({ request, locals }): Promise<any> {
+  search: async ({ request, locals }: RequestEvent): Promise<any> => {
+    console.log("In search action specific")
+    // Do things in here
+    const form = await request.formData();
+    console.log('form', form);
+    const queryParams: SearchQuery = {
+      order_by: 'rank',
+      ascending: false,
+      limit: 20,
+      client_id: BOARD_GAME_ATLAS_CLIENT_ID
+    };
 
+    const id = form.get('id');
+    const ids = form.get('ids');
+    const minAge = form.get('minAge');
+    const minPlayers = form.get('minPlayers');
+    const maxPlayers = form.get('maxPlayers');
+    const exactMinAge = form.get('exactMinAge') || false;
+    const exactMinPlayers = form.get('exactMinPlayers') || false;
+    const exactMaxPlayers = form.get('exactMaxPlayers') || false;
+    const random = form.get('random') === 'on' || false;
+
+    if (minAge) {
+      if (exactMinAge) {
+        queryParams.min_age = +minAge;
+      } else {
+        queryParams.gt_min_age = +minAge === 1 ? 0 : +minAge - 1;
+      }
+    }
+
+    if (minPlayers) {
+      if (exactMinPlayers) {
+        queryParams.min_players = +minPlayers;
+      } else {
+        queryParams.gt_min_players = +minPlayers === 1 ? 0 : +minPlayers - 1;
+      }
+    }
+
+    if (maxPlayers) {
+      if (exactMaxPlayers) {
+        queryParams.max_players = +maxPlayers;
+      } else {
+        queryParams.lt_max_players = +maxPlayers + 1;
+      }
+    }
+
+    if (id) {
+      queryParams.ids = new Array(`${id}`);
+    }
+
+    if (ids) {
+      // TODO: Pass in ids array from localstorage / game store
+      queryParams.ids = new Array(ids);
+    }
+
+    queryParams.random = random;
+    console.log('queryParams', queryParams);
+
+    const newQueryParams: Record<string, string> = {};
+    for (const key in queryParams) {
+      newQueryParams[key] = `${queryParams[key as keyof typeof queryParams]}`;
+    }
+
+    const urlQueryParams = new URLSearchParams(newQueryParams);
+
+    const url = `https://api.boardgameatlas.com/api/search${urlQueryParams ? `?${urlQueryParams}` : ''
+      }`;
+    const response = await fetch(url, {
+      method: 'get',
+      headers: {
+        'content-type': 'application/json'
+      }
+    });
+    console.log('board game response', response);
+    if (response.status === 404) {
+      // user hasn't created a todo list.
+      // start with an empty array
+      return {
+        success: true,
+        games: [],
+        totalCount: 0
+      };
+    }
+
+    if (response.status === 200) {
+      const gameResponse = await response.json();
+      const gameList = gameResponse?.games;
+      const games: GameType[] = [];
+      gameList.forEach((game: GameType) => {
+        games.push(mapAPIGameToBoredGame(game));
+      });
+      console.log('games', games);
+      return {
+        success: true,
+        games,
+        totalCount: games.length
+      };
+    }
+
+    return { success: false };
   }
   // create: async function create({ request, locals }): Promise<any> {
   //   const data = await getFormDataObject<any>(request);

From 036c821cb0b44696b8ffb3c72fa651b990c6dda1 Mon Sep 17 00:00:00 2001
From: Bradley Shellnut <bradleyshellnut@pm.me>
Date: Wed, 5 Oct 2022 14:53:43 -0500
Subject: [PATCH 06/15] Search action and update deps.

---
 package.json                      |  8 +--
 pnpm-lock.yaml                    | 94 +++++++++++++++----------------
 src/routes/+page.svelte           |  4 +-
 src/routes/search/+page.server.ts |  2 +-
 4 files changed, 54 insertions(+), 54 deletions(-)

diff --git a/package.json b/package.json
index 21dc6d3..54f2135 100644
--- a/package.json
+++ b/package.json
@@ -19,9 +19,9 @@
     "@sveltejs/adapter-auto": "1.0.0-next.72",
     "@sveltejs/kit": "1.0.0-next.480",
     "@types/cookie": "^0.5.1",
-    "@types/node": "^18.7.23",
-    "@typescript-eslint/eslint-plugin": "^5.38.1",
-    "@typescript-eslint/parser": "^5.38.1",
+    "@types/node": "^18.8.1",
+    "@typescript-eslint/eslint-plugin": "^5.39.0",
+    "@typescript-eslint/parser": "^5.39.0",
     "carbon-components-svelte": "^0.70.9",
     "carbon-icons-svelte": "^11.3.0",
     "eslint": "^8.24.0",
@@ -40,7 +40,7 @@
   },
   "type": "module",
   "dependencies": {
-    "@fontsource/fira-mono": "^4.5.9",
+    "@fontsource/fira-mono": "^4.5.10",
     "@leveluptuts/svelte-side-menu": "^1.0.5",
     "@leveluptuts/svelte-toy": "^2.0.3",
     "@lukeed/uuid": "^2.0.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a1009ac..676cb89 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,7 +1,7 @@
 lockfileVersion: 5.4
 
 specifiers:
-  '@fontsource/fira-mono': ^4.5.9
+  '@fontsource/fira-mono': ^4.5.10
   '@leveluptuts/svelte-side-menu': ^1.0.5
   '@leveluptuts/svelte-toy': ^2.0.3
   '@lukeed/uuid': ^2.0.0
@@ -12,9 +12,9 @@ specifiers:
   '@sveltejs/kit': 1.0.0-next.480
   '@types/cookie': ^0.5.1
   '@types/feather-icons': ^4.7.0
-  '@types/node': ^18.7.23
-  '@typescript-eslint/eslint-plugin': ^5.38.1
-  '@typescript-eslint/parser': ^5.38.1
+  '@types/node': ^18.8.1
+  '@typescript-eslint/eslint-plugin': ^5.39.0
+  '@typescript-eslint/parser': ^5.39.0
   carbon-components-svelte: ^0.70.9
   carbon-icons-svelte: ^11.3.0
   cookie: ^0.5.0
@@ -35,7 +35,7 @@ specifiers:
   zod: ^3.19.1
 
 dependencies:
-  '@fontsource/fira-mono': 4.5.9
+  '@fontsource/fira-mono': 4.5.10
   '@leveluptuts/svelte-side-menu': 1.0.5
   '@leveluptuts/svelte-toy': 2.0.3
   '@lukeed/uuid': 2.0.0
@@ -51,9 +51,9 @@ devDependencies:
   '@sveltejs/adapter-auto': 1.0.0-next.72
   '@sveltejs/kit': 1.0.0-next.480_svelte@3.50.1+vite@3.1.4
   '@types/cookie': 0.5.1
-  '@types/node': 18.7.23
-  '@typescript-eslint/eslint-plugin': 5.38.1_c7qepppml3d4ahu5cnfwqe6ltq
-  '@typescript-eslint/parser': 5.38.1_ypn2ylkkyfa5i233caldtndbqa
+  '@types/node': 18.8.1
+  '@typescript-eslint/eslint-plugin': 5.39.0_xyciw6oqjoiiono4dhv3uhn5my
+  '@typescript-eslint/parser': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
   carbon-components-svelte: 0.70.9
   carbon-icons-svelte: 11.3.0
   eslint: 8.24.0
@@ -111,8 +111,8 @@ packages:
       - supports-color
     dev: true
 
-  /@fontsource/fira-mono/4.5.9:
-    resolution: {integrity: sha512-DDhkRUjPHwPK/wB7GM/7LzGkcEC5JyTZM93YnFoP2Qfjffq3qX1asnXNqfglgZxXHXVmu3RI8OjRf87I97XCfA==}
+  /@fontsource/fira-mono/4.5.10:
+    resolution: {integrity: sha512-bxUnRP8xptGRo8YXeY073DSpfK74XpSb0ZyRNpHV9WvLnJ7TwPOjZll8hTMin7zLC6iOp59pDZ8EQDj1gzgAQQ==}
     dev: false
 
   /@humanwhocodes/config-array/0.10.5:
@@ -225,7 +225,7 @@ packages:
     engines: {node: '>=14'}
     hasBin: true
     dependencies:
-      '@types/node': 18.7.23
+      '@types/node': 18.8.1
       playwright-core: 1.26.1
     dev: true
 
@@ -358,8 +358,8 @@ packages:
     resolution: {integrity: sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==}
     dev: true
 
-  /@types/node/18.7.23:
-    resolution: {integrity: sha512-DWNcCHolDq0ZKGizjx2DZjR/PqsYwAcYUJmfMWqtVU2MBMG5Mo+xFZrhGId5r/O5HOuMPyQEcM6KUBp5lBZZBg==}
+  /@types/node/18.8.1:
+    resolution: {integrity: sha512-vuYaNuEIbOYLTLUAJh50ezEbvxrD43iby+lpUA2aa148Nh5kX/AVO/9m1Ahmbux2iU5uxJTNF9g2Y+31uml7RQ==}
     dev: true
 
   /@types/pug/2.0.6:
@@ -369,11 +369,11 @@ packages:
   /@types/sass/1.43.1:
     resolution: {integrity: sha512-BPdoIt1lfJ6B7rw35ncdwBZrAssjcwzI5LByIrYs+tpXlj/CAkuVdRsgZDdP4lq5EjyWzwxZCqAoFyHKFwp32g==}
     dependencies:
-      '@types/node': 18.7.23
+      '@types/node': 18.8.1
     dev: true
 
-  /@typescript-eslint/eslint-plugin/5.38.1_c7qepppml3d4ahu5cnfwqe6ltq:
-    resolution: {integrity: sha512-ky7EFzPhqz3XlhS7vPOoMDaQnQMn+9o5ICR9CPr/6bw8HrFkzhMSxuA3gRfiJVvs7geYrSeawGJjZoZQKCOglQ==}
+  /@typescript-eslint/eslint-plugin/5.39.0_xyciw6oqjoiiono4dhv3uhn5my:
+    resolution: {integrity: sha512-xVfKOkBm5iWMNGKQ2fwX5GVgBuHmZBO1tCRwXmY5oAIsPscfwm2UADDuNB8ZVYCtpQvJK4xpjrK7jEhcJ0zY9A==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       '@typescript-eslint/parser': ^5.0.0
@@ -383,10 +383,10 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.38.1_ypn2ylkkyfa5i233caldtndbqa
-      '@typescript-eslint/scope-manager': 5.38.1
-      '@typescript-eslint/type-utils': 5.38.1_ypn2ylkkyfa5i233caldtndbqa
-      '@typescript-eslint/utils': 5.38.1_ypn2ylkkyfa5i233caldtndbqa
+      '@typescript-eslint/parser': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
+      '@typescript-eslint/scope-manager': 5.39.0
+      '@typescript-eslint/type-utils': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
+      '@typescript-eslint/utils': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
       debug: 4.3.4
       eslint: 8.24.0
       ignore: 5.2.0
@@ -398,8 +398,8 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser/5.38.1_ypn2ylkkyfa5i233caldtndbqa:
-    resolution: {integrity: sha512-LDqxZBVFFQnQRz9rUZJhLmox+Ep5kdUmLatLQnCRR6523YV+XhRjfYzStQ4MheFA8kMAfUlclHSbu+RKdRwQKw==}
+  /@typescript-eslint/parser/5.39.0_ypn2ylkkyfa5i233caldtndbqa:
+    resolution: {integrity: sha512-PhxLjrZnHShe431sBAGHaNe6BDdxAASDySgsBCGxcBecVCi8NQWxQZMcizNA4g0pN51bBAn/FUfkWG3SDVcGlA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
@@ -408,9 +408,9 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': 5.38.1
-      '@typescript-eslint/types': 5.38.1
-      '@typescript-eslint/typescript-estree': 5.38.1_typescript@4.8.4
+      '@typescript-eslint/scope-manager': 5.39.0
+      '@typescript-eslint/types': 5.39.0
+      '@typescript-eslint/typescript-estree': 5.39.0_typescript@4.8.4
       debug: 4.3.4
       eslint: 8.24.0
       typescript: 4.8.4
@@ -418,16 +418,16 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/scope-manager/5.38.1:
-    resolution: {integrity: sha512-BfRDq5RidVU3RbqApKmS7RFMtkyWMM50qWnDAkKgQiezRtLKsoyRKIvz1Ok5ilRWeD9IuHvaidaLxvGx/2eqTQ==}
+  /@typescript-eslint/scope-manager/5.39.0:
+    resolution: {integrity: sha512-/I13vAqmG3dyqMVSZPjsbuNQlYS082Y7OMkwhCfLXYsmlI0ca4nkL7wJ/4gjX70LD4P8Hnw1JywUVVAwepURBw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': 5.38.1
-      '@typescript-eslint/visitor-keys': 5.38.1
+      '@typescript-eslint/types': 5.39.0
+      '@typescript-eslint/visitor-keys': 5.39.0
     dev: true
 
-  /@typescript-eslint/type-utils/5.38.1_ypn2ylkkyfa5i233caldtndbqa:
-    resolution: {integrity: sha512-UU3j43TM66gYtzo15ivK2ZFoDFKKP0k03MItzLdq0zV92CeGCXRfXlfQX5ILdd4/DSpHkSjIgLLLh1NtkOJOAw==}
+  /@typescript-eslint/type-utils/5.39.0_ypn2ylkkyfa5i233caldtndbqa:
+    resolution: {integrity: sha512-KJHJkOothljQWzR3t/GunL0TPKY+fGJtnpl+pX+sJ0YiKTz3q2Zr87SGTmFqsCMFrLt5E0+o+S6eQY0FAXj9uA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '*'
@@ -436,8 +436,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.38.1_typescript@4.8.4
-      '@typescript-eslint/utils': 5.38.1_ypn2ylkkyfa5i233caldtndbqa
+      '@typescript-eslint/typescript-estree': 5.39.0_typescript@4.8.4
+      '@typescript-eslint/utils': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
       debug: 4.3.4
       eslint: 8.24.0
       tsutils: 3.21.0_typescript@4.8.4
@@ -446,13 +446,13 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/types/5.38.1:
-    resolution: {integrity: sha512-QTW1iHq1Tffp9lNfbfPm4WJabbvpyaehQ0SrvVK2yfV79SytD9XDVxqiPvdrv2LK7DGSFo91TB2FgWanbJAZXg==}
+  /@typescript-eslint/types/5.39.0:
+    resolution: {integrity: sha512-gQMZrnfEBFXK38hYqt8Lkwt8f4U6yq+2H5VDSgP/qiTzC8Nw8JO3OuSUOQ2qW37S/dlwdkHDntkZM6SQhKyPhw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@typescript-eslint/typescript-estree/5.38.1_typescript@4.8.4:
-    resolution: {integrity: sha512-99b5e/Enoe8fKMLdSuwrfH/C0EIbpUWmeEKHmQlGZb8msY33qn1KlkFww0z26o5Omx7EVjzVDCWEfrfCDHfE7g==}
+  /@typescript-eslint/typescript-estree/5.39.0_typescript@4.8.4:
+    resolution: {integrity: sha512-qLFQP0f398sdnogJoLtd43pUgB18Q50QSA+BTE5h3sUxySzbWDpTSdgt4UyxNSozY/oDK2ta6HVAzvGgq8JYnA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       typescript: '*'
@@ -460,8 +460,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': 5.38.1
-      '@typescript-eslint/visitor-keys': 5.38.1
+      '@typescript-eslint/types': 5.39.0
+      '@typescript-eslint/visitor-keys': 5.39.0
       debug: 4.3.4
       globby: 11.1.0
       is-glob: 4.0.3
@@ -472,16 +472,16 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils/5.38.1_ypn2ylkkyfa5i233caldtndbqa:
-    resolution: {integrity: sha512-oIuUiVxPBsndrN81oP8tXnFa/+EcZ03qLqPDfSZ5xIJVm7A9V0rlkQwwBOAGtrdN70ZKDlKv+l1BeT4eSFxwXA==}
+  /@typescript-eslint/utils/5.39.0_ypn2ylkkyfa5i233caldtndbqa:
+    resolution: {integrity: sha512-+DnY5jkpOpgj+EBtYPyHRjXampJfC0yUZZzfzLuUWVZvCuKqSdJVC8UhdWipIw7VKNTfwfAPiOWzYkAwuIhiAg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
       '@types/json-schema': 7.0.11
-      '@typescript-eslint/scope-manager': 5.38.1
-      '@typescript-eslint/types': 5.38.1
-      '@typescript-eslint/typescript-estree': 5.38.1_typescript@4.8.4
+      '@typescript-eslint/scope-manager': 5.39.0
+      '@typescript-eslint/types': 5.39.0
+      '@typescript-eslint/typescript-estree': 5.39.0_typescript@4.8.4
       eslint: 8.24.0
       eslint-scope: 5.1.1
       eslint-utils: 3.0.0_eslint@8.24.0
@@ -490,11 +490,11 @@ packages:
       - typescript
     dev: true
 
-  /@typescript-eslint/visitor-keys/5.38.1:
-    resolution: {integrity: sha512-bSHr1rRxXt54+j2n4k54p4fj8AHJ49VDWtjpImOpzQj4qjAiOpPni+V1Tyajh19Api1i844F757cur8wH3YvOA==}
+  /@typescript-eslint/visitor-keys/5.39.0:
+    resolution: {integrity: sha512-yyE3RPwOG+XJBLrhvsxAidUgybJVQ/hG8BhiJo0k8JSAYfk/CshVcxf0HwP4Jt7WZZ6vLmxdo1p6EyN3tzFTkg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': 5.38.1
+      '@typescript-eslint/types': 5.39.0
       eslint-visitor-keys: 3.3.0
     dev: true
 
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index f05471b..082abdc 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -2,6 +2,7 @@
 	import { enhance, applyAction } from '$app/forms';
 	import type { PageData } from './$types';
 	import { ToastType, type GameType, type SavedGameType } from '$root/lib/types';
+	import { toast } from '$root/lib/components/toast/toast';
 	import { gameStore } from '$lib/stores/gameSearchStore';
 	import { boredState } from '$root/lib/stores/boredState';
 	import RemoveCollectionDialog from '$root/lib/components/dialog/RemoveCollectionDialog.svelte';
@@ -10,7 +11,6 @@
 	import RandomSearch from '$lib/components/search/random/index.svelte';
 	import Random from '$lib/components/random/index.svelte';
 	import Pagination from '$lib/components/pagination/index.svelte';
-	import { toast } from '$root/lib/components/toast/toast';
 
 	export let data: PageData;
 	console.log('Formed data:', JSON.stringify(data));
@@ -91,7 +91,7 @@
 </p>
 <div class="game-search">
 	<form
-		action="/search?/search"
+		action="/search"
 		method="post"
 		use:enhance={() => {
 			boredState.update((n) => ({ ...n, loading: true }));
diff --git a/src/routes/search/+page.server.ts b/src/routes/search/+page.server.ts
index 86f2cf5..ce34cdf 100644
--- a/src/routes/search/+page.server.ts
+++ b/src/routes/search/+page.server.ts
@@ -2,5 +2,5 @@ import type { Actions } from '../$types';
 import { Games } from '$root/search/actions';
 
 export const actions: Actions = {
-  search: Games.search,
+  default: Games.search,
 }
\ No newline at end of file

From 79e401a91797d09e0261aadf509f3dc416ab3a0a Mon Sep 17 00:00:00 2001
From: Bradley Shellnut <bradleyshellnut@pm.me>
Date: Thu, 6 Oct 2022 17:06:58 -0500
Subject: [PATCH 07/15] Fixing env in the game page.

---
 src/routes/+layout.svelte            | 272 +++++++++++++--------------
 src/routes/api.ts                    |   4 +-
 src/routes/game/[id]/+page.server.ts |   3 +-
 3 files changed, 140 insertions(+), 139 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 2c5e64f..12ce4d4 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,159 +1,159 @@
 <script lang="ts">
-  import { browser } from '$app/environment';
-  import { navigating } from '$app/stores';
-  import { fade } from 'svelte/transition';
-  import debounce from 'just-debounce-it';
-  import { Toy } from '@leveluptuts/svelte-toy';
-  import Header from '$lib/components/header/Header.svelte';
-  import Loading from '$lib/components/loading.svelte';
-  import Transition from '$lib/components/transition/index.svelte';
-  import Portal from '$lib/Portal.svelte';
-  import { boredState } from '$lib/stores/boredState';
-  import { collectionStore } from '$lib/stores/collectionStore';
-  import { gameStore } from '$lib/stores/gameSearchStore';
-  import { toast } from '$lib/components/toast/toast';
-  import Toast from '$lib/components/toast/Toast.svelte';
-  import '$root/styles/styles.scss';
+	import { browser } from '$app/environment';
+	import { navigating } from '$app/stores';
+	import { fade } from 'svelte/transition';
+	import debounce from 'just-debounce-it';
+	import { Toy } from '@leveluptuts/svelte-toy';
+	import Header from '$lib/components/header/Header.svelte';
+	import Loading from '$lib/components/loading.svelte';
+	import Transition from '$lib/components/transition/index.svelte';
+	import Portal from '$lib/Portal.svelte';
+	import { boredState } from '$lib/stores/boredState';
+	import { collectionStore } from '$lib/stores/collectionStore';
+	import { gameStore } from '$lib/stores/gameSearchStore';
+	import { toast } from '$lib/components/toast/toast';
+	import Toast from '$lib/components/toast/Toast.svelte';
+	import '$root/styles/styles.scss';
 
-  $: {
-    if ($navigating) {
-      debounce(() => {
-        boredState.update((n) => ({ ...n, loading: true }));
-      }, 250);
-    }
-    if (!$navigating) {
-      boredState.update((n) => ({ ...n, loading: false }));
-    }
-  }
+	$: {
+		if ($navigating) {
+			debounce(() => {
+				boredState.update((n) => ({ ...n, loading: true }));
+			}, 250);
+		}
+		if (!$navigating) {
+			boredState.update((n) => ({ ...n, loading: false }));
+		}
+	}
 
-  $: isOpen = $boredState?.dialog?.isOpen;
+	$: isOpen = $boredState?.dialog?.isOpen;
 
-  if (browser) {
-    let collectionEmpty = $collectionStore.length === 0 || false;
-    console.log('collectionEmpty', collectionEmpty);
-    console.log('localStorage.collection', localStorage.collection);
-    if (collectionEmpty && localStorage?.collection && localStorage?.collection?.length !== 0) {
-      const collection = JSON.parse(localStorage.collection);
-      console.log('collection', collection);
-      if (collection?.length !== 0) {
-        collectionStore.addAll(collection);
-      }
-    }
-  }
+	if (browser) {
+		let collectionEmpty = $collectionStore.length === 0 || false;
+		console.log('collectionEmpty', collectionEmpty);
+		console.log('localStorage.collection', localStorage.collection);
+		if (collectionEmpty && localStorage?.collection && localStorage?.collection?.length !== 0) {
+			const collection = JSON.parse(localStorage.collection);
+			console.log('collection', collection);
+			if (collection?.length !== 0) {
+				collectionStore.addAll(collection);
+			}
+		}
+	}
 
-  const dev = process.env.NODE_ENV !== 'production';
+	const dev = process.env.NODE_ENV !== 'production';
 </script>
 
 {#if dev}
-  <Toy register={{ boredState, collectionStore, gameStore, toast }} />
+	<Toy register={{ boredState, collectionStore, gameStore, toast }} />
 {/if}
 <Transition transition={{ type: 'fade', duration: 250 }}>
-  <div class="wrapper">
-    <Header />
-    <Transition transition={{ type: 'page' }}>
-      <main>
-        <slot />
-      </main>
-    </Transition>
-    <footer>
-      <p>Built by <a target="__blank" href="https://bradleyshellnut.com">Bradley Shellnut</a></p>
-      <p>
-        <a
-          target="__blank"
-          href="https://www.flaticon.com/free-icons/board-game"
-          title="board game icons">Board game icons created by Freepik - Flaticon</a
-        >
-      </p>
-    </footer>
-  </div>
-  {#if $boredState?.loading}
-    <Portal>
-      <Transition transition={{ type: 'fade', duration: 0 }}>
-        <div class="loading">
-          <Loading />
-          <h3>Loading...</h3>
-        </div>
-      </Transition>
-      <div class="background" />
-    </Portal>
-  {/if}
-  {#if isOpen}
-    <div class="container">
-      <svelte:component this={$boredState?.dialog?.content} />
-    </div>
-  {/if}
-  <Toast />
+	<div class="wrapper">
+		<Header />
+		<Transition transition={{ type: 'page' }}>
+			<main>
+				<slot />
+			</main>
+		</Transition>
+		<footer>
+			<p>Built by <a target="__blank" href="https://bradleyshellnut.com">Bradley Shellnut</a></p>
+			<p>
+				<a
+					target="__blank"
+					href="https://www.flaticon.com/free-icons/board-game"
+					title="board game icons">Board game icons created by Freepik - Flaticon</a
+				>
+			</p>
+		</footer>
+	</div>
+	{#if $boredState?.loading}
+		<Portal>
+			<Transition transition={{ type: 'fade', duration: 0 }}>
+				<div class="loading">
+					<Loading />
+					<h3>Loading...</h3>
+				</div>
+			</Transition>
+			<div class="background" />
+		</Portal>
+	{/if}
+	{#if isOpen}
+		<div class="container">
+			<svelte:component this={$boredState?.dialog?.content} />
+		</div>
+	{/if}
+	<Toast />
 </Transition>
 
 <style lang="scss">
-  .loading {
-    position: fixed;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    z-index: 101;
-    display: grid;
-    place-items: center;
-    gap: 1rem;
+	.loading {
+		position: fixed;
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -50%);
+		z-index: 101;
+		display: grid;
+		place-items: center;
+		gap: 1rem;
 
-    h3 {
-      color: white;
-    }
-  }
+		h3 {
+			color: white;
+		}
+	}
 
-  .background {
-    background: black;
-    opacity: 0.8;
-    cursor: none;
-    inset: 0;
-    position: fixed;
-    z-index: 100;
-  }
+	.background {
+		background: black;
+		opacity: 0.8;
+		cursor: none;
+		inset: 0;
+		position: fixed;
+		z-index: 100;
+	}
 
-  .wrapper {
-    display: grid;
-    grid-template-rows: auto 1fr auto;
-    min-height: 100vh;
-  }
+	.wrapper {
+		display: grid;
+		grid-template-rows: auto 1fr auto;
+		min-height: 100vh;
+	}
 
-  main {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    max-width: 850px;
-    margin: 0 auto;
-    padding: 2rem 0rem;
-    max-width: 80%;
+	main {
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		max-width: 850px;
+		margin: 0 auto;
+		padding: 2rem 0rem;
+		max-width: 80%;
 
-    @media (min-width: 1500px) {
-      max-width: 60%;
-    }
-    box-sizing: border-box;
-  }
+		@media (min-width: 1500px) {
+			max-width: 60%;
+		}
+		box-sizing: border-box;
+	}
 
-  footer {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    padding: 40px;
-  }
+	footer {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		padding: 40px;
+	}
 
-  footer a {
-    font-weight: bold;
-  }
+	footer a {
+		font-weight: bold;
+	}
 
-  @media (min-width: 480px) {
-    footer {
-      padding: 40px 0;
-    }
-  }
+	@media (min-width: 480px) {
+		footer {
+			padding: 40px 0;
+		}
+	}
 
-  :global(.dialog-overlay) {
-    position: fixed;
-    inset: 0;
-    z-index: 100;
-    background-color: rgb(0 0 0);
-    opacity: 0.8;
-  }
+	:global(.dialog-overlay) {
+		position: fixed;
+		inset: 0;
+		z-index: 100;
+		background-color: rgb(0 0 0);
+		opacity: 0.8;
+	}
 </style>
diff --git a/src/routes/api.ts b/src/routes/api.ts
index cf7e015..4f5a9c1 100644
--- a/src/routes/api.ts
+++ b/src/routes/api.ts
@@ -8,7 +8,7 @@
   (The data on the todo app will expire periodically; no
   guarantees are made. Don't use it to organize your life.)
 */
-
+import { BOARD_GAME_ATLAS_CLIENT_ID } from '$env/static/private';
 import { URLSearchParams } from 'url';
 
 const base = 'https://api.boardgameatlas.com/api';
@@ -20,7 +20,7 @@ export function boardGameApi(
   data?: Record<string, unknown>
 ) {
   // console.log('queryParams', queryParams);
-  queryParams.client_id = import.meta.env.VITE_PUBLIC_CLIENT_ID;
+  queryParams.client_id = BOARD_GAME_ATLAS_CLIENT_ID;
   const urlQueryParams = new URLSearchParams(queryParams);
   const url = `${base}/${resource}${urlQueryParams ? `?${urlQueryParams}` : ''}`;
   return fetch(url, {
diff --git a/src/routes/game/[id]/+page.server.ts b/src/routes/game/[id]/+page.server.ts
index 72961b0..7f1c77b 100644
--- a/src/routes/game/[id]/+page.server.ts
+++ b/src/routes/game/[id]/+page.server.ts
@@ -14,7 +14,8 @@ type GamePageParams = {
 // }
 
 export const load: PageServerLoad = async ({ params }: GamePageParams) => {
-  console.log('params', params);
+  console.log('params', params); 
+  debugger;
   const queryParams = {
     ids: `${params?.id}`
   };

From bfcb04448a92d10ad57759fca89e1177204929a3 Mon Sep 17 00:00:00 2001
From: Bradley Shellnut <bradleyshellnut@pm.me>
Date: Wed, 12 Oct 2022 23:17:30 -0500
Subject: [PATCH 08/15] Fixing search action with and without javascript.

---
 package.json                         |  23 +-
 pnpm-lock.yaml                       | 398 ++++++++++++++-------------
 src/lib/zodValidation.ts             |  11 +-
 src/routes/+page.svelte              |   1 +
 src/routes/api/games/+server.ts      |   4 +-
 src/routes/game/[id]/+page.server.ts |   1 -
 src/routes/search/+page.svelte       |  44 +++
 src/search/actions.ts                | 167 +++++++----
 8 files changed, 394 insertions(+), 255 deletions(-)

diff --git a/package.json b/package.json
index 54f2135..39164e8 100644
--- a/package.json
+++ b/package.json
@@ -13,30 +13,30 @@
     "format": "prettier --write --plugin-search-dir=. ."
   },
   "devDependencies": {
-    "@playwright/test": "^1.26.1",
+    "@playwright/test": "^1.27.1",
     "@rgossiaux/svelte-headlessui": "1.0.2",
     "@rgossiaux/svelte-heroicons": "^0.1.2",
     "@sveltejs/adapter-auto": "1.0.0-next.72",
     "@sveltejs/kit": "1.0.0-next.480",
     "@types/cookie": "^0.5.1",
-    "@types/node": "^18.8.1",
-    "@typescript-eslint/eslint-plugin": "^5.39.0",
-    "@typescript-eslint/parser": "^5.39.0",
-    "carbon-components-svelte": "^0.70.9",
+    "@types/node": "^18.8.5",
+    "@typescript-eslint/eslint-plugin": "^5.40.0",
+    "@typescript-eslint/parser": "^5.40.0",
+    "carbon-components-svelte": "^0.70.10",
     "carbon-icons-svelte": "^11.3.0",
-    "eslint": "^8.24.0",
+    "eslint": "^8.25.0",
     "eslint-config-prettier": "^8.1.0",
     "eslint-plugin-svelte3": "^4.0.0",
     "just-debounce-it": "^3.1.1",
     "prettier": "^2.7.1",
-    "prettier-plugin-svelte": "^2.7.1",
+    "prettier-plugin-svelte": "^2.8.0",
     "sass": "^1.55.0",
-    "svelte": "^3.50.1",
-    "svelte-check": "^2.9.1",
+    "svelte": "^3.51.0",
+    "svelte-check": "^2.9.2",
     "svelte-preprocess": "^4.10.7",
     "tslib": "^2.0.0",
     "typescript": "^4.8.4",
-    "vite": "^3.1.4"
+    "vite": "^3.1.7"
   },
   "type": "module",
   "dependencies": {
@@ -47,6 +47,7 @@
     "@types/feather-icons": "^4.7.0",
     "cookie": "^0.5.0",
     "feather-icons": "^4.29.0",
-    "zod": "^3.19.1"
+    "zod": "^3.19.1",
+    "zod-to-json-schema": "^3.18.1"
   }
 }
\ No newline at end of file
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 676cb89..8394663 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -5,34 +5,35 @@ specifiers:
   '@leveluptuts/svelte-side-menu': ^1.0.5
   '@leveluptuts/svelte-toy': ^2.0.3
   '@lukeed/uuid': ^2.0.0
-  '@playwright/test': ^1.26.1
+  '@playwright/test': ^1.27.1
   '@rgossiaux/svelte-headlessui': 1.0.2
   '@rgossiaux/svelte-heroicons': ^0.1.2
   '@sveltejs/adapter-auto': 1.0.0-next.72
   '@sveltejs/kit': 1.0.0-next.480
   '@types/cookie': ^0.5.1
   '@types/feather-icons': ^4.7.0
-  '@types/node': ^18.8.1
-  '@typescript-eslint/eslint-plugin': ^5.39.0
-  '@typescript-eslint/parser': ^5.39.0
-  carbon-components-svelte: ^0.70.9
+  '@types/node': ^18.8.5
+  '@typescript-eslint/eslint-plugin': ^5.40.0
+  '@typescript-eslint/parser': ^5.40.0
+  carbon-components-svelte: ^0.70.10
   carbon-icons-svelte: ^11.3.0
   cookie: ^0.5.0
-  eslint: ^8.24.0
+  eslint: ^8.25.0
   eslint-config-prettier: ^8.1.0
   eslint-plugin-svelte3: ^4.0.0
   feather-icons: ^4.29.0
   just-debounce-it: ^3.1.1
   prettier: ^2.7.1
-  prettier-plugin-svelte: ^2.7.1
+  prettier-plugin-svelte: ^2.8.0
   sass: ^1.55.0
-  svelte: ^3.50.1
-  svelte-check: ^2.9.1
+  svelte: ^3.51.0
+  svelte-check: ^2.9.2
   svelte-preprocess: ^4.10.7
   tslib: ^2.0.0
   typescript: ^4.8.4
-  vite: ^3.1.4
+  vite: ^3.1.7
   zod: ^3.19.1
+  zod-to-json-schema: ^3.18.1
 
 dependencies:
   '@fontsource/fira-mono': 4.5.10
@@ -43,32 +44,33 @@ dependencies:
   cookie: 0.5.0
   feather-icons: 4.29.0
   zod: 3.19.1
+  zod-to-json-schema: 3.18.1_zod@3.19.1
 
 devDependencies:
-  '@playwright/test': 1.26.1
-  '@rgossiaux/svelte-headlessui': 1.0.2_svelte@3.50.1
-  '@rgossiaux/svelte-heroicons': 0.1.2_svelte@3.50.1
+  '@playwright/test': 1.27.1
+  '@rgossiaux/svelte-headlessui': 1.0.2_svelte@3.51.0
+  '@rgossiaux/svelte-heroicons': 0.1.2_svelte@3.51.0
   '@sveltejs/adapter-auto': 1.0.0-next.72
-  '@sveltejs/kit': 1.0.0-next.480_svelte@3.50.1+vite@3.1.4
+  '@sveltejs/kit': 1.0.0-next.480_svelte@3.51.0+vite@3.1.7
   '@types/cookie': 0.5.1
-  '@types/node': 18.8.1
-  '@typescript-eslint/eslint-plugin': 5.39.0_xyciw6oqjoiiono4dhv3uhn5my
-  '@typescript-eslint/parser': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
-  carbon-components-svelte: 0.70.9
+  '@types/node': 18.8.5
+  '@typescript-eslint/eslint-plugin': 5.40.0_25sstg4uu2sk4pm7xcyzuov7xq
+  '@typescript-eslint/parser': 5.40.0_z4bbprzjrhnsfa24uvmcbu7f5q
+  carbon-components-svelte: 0.70.10
   carbon-icons-svelte: 11.3.0
-  eslint: 8.24.0
-  eslint-config-prettier: 8.5.0_eslint@8.24.0
-  eslint-plugin-svelte3: 4.0.0_snydkosur25h6rjxszquwacaua
+  eslint: 8.25.0
+  eslint-config-prettier: 8.5.0_eslint@8.25.0
+  eslint-plugin-svelte3: 4.0.0_pr36k4f4yzzzfpayao7l7fkqni
   just-debounce-it: 3.1.1
   prettier: 2.7.1
-  prettier-plugin-svelte: 2.7.1_nk6d2fkgcllkkdynqbuearcure
+  prettier-plugin-svelte: 2.8.0_ibge6ami6vq2q2j5g4rcvk62hq
   sass: 1.55.0
-  svelte: 3.50.1
-  svelte-check: 2.9.1_sass@1.55.0+svelte@3.50.1
-  svelte-preprocess: 4.10.7_hfbjjxm4ggy2hdppiwxlv6aafa
+  svelte: 3.51.0
+  svelte-check: 2.9.2_sass@1.55.0+svelte@3.51.0
+  svelte-preprocess: 4.10.7_3zdl52liprsvq5pqxbibodqiju
   tslib: 2.4.0
   typescript: 4.8.4
-  vite: 3.1.4_sass@1.55.0
+  vite: 3.1.7_sass@1.55.0
 
 packages:
 
@@ -76,6 +78,15 @@ packages:
     resolution: {integrity: sha512-gaBUSaKS65mN3iKZEgichbXYEmAa/pXkc5Gbt+1BptYphdGkj09ggdsiE4w8g0F/uI1g36QaTKrzVnBAWMipvQ==}
     dev: true
 
+  /@esbuild/android-arm/0.15.10:
+    resolution: {integrity: sha512-FNONeQPy/ox+5NBkcSbYJxoXj9GWu8gVGJTVmUyoOCKQFDTrHVKgNSzChdNt0I8Aj/iKcsDf2r9BFwv+FSNUXg==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/linux-loong64/0.14.54:
     resolution: {integrity: sha512-bZBrLAIX1kpWelV0XemxBZllyRmM6vgFQQG2GdNb+r3Fkp0FOh1NJSvekXDs7jq70k4euu1cryLMfU+mTXlEpw==}
     engines: {node: '>=12'}
@@ -85,8 +96,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-loong64/0.15.7:
-    resolution: {integrity: sha512-IKznSJOsVUuyt7cDzzSZyqBEcZe+7WlBqTVXiF1OXP/4Nm387ToaXZ0fyLwI1iBlI/bzpxVq411QE2/Bt2XWWw==}
+  /@esbuild/linux-loong64/0.15.10:
+    resolution: {integrity: sha512-w0Ou3Z83LOYEkwaui2M8VwIp+nLi/NA60lBLMvaJ+vXVMcsARYdEzLNE7RSm4+lSg4zq4d7fAVuzk7PNQ5JFgg==}
     engines: {node: '>=12'}
     cpu: [loong64]
     os: [linux]
@@ -94,8 +105,8 @@ packages:
     dev: true
     optional: true
 
-  /@eslint/eslintrc/1.3.2:
-    resolution: {integrity: sha512-AXYd23w1S/bv3fTs3Lz0vjiYemS08jWkI3hYyS9I1ry+0f+Yjs1wm+sU0BS8qDOPrBIkp4qHYC16I8uVtpLajQ==}
+  /@eslint/eslintrc/1.3.3:
+    resolution: {integrity: sha512-uj3pT6Mg+3t39fvLrj8iuCIJ38zKO9FpGtJ4BBJebJhEwjoT+KLVNCcHT5QC9NGRIEi7fZ0ZR8YRb884auB4Lg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       ajv: 6.12.6
@@ -126,10 +137,6 @@ packages:
       - supports-color
     dev: true
 
-  /@humanwhocodes/gitignore-to-minimatch/1.0.2:
-    resolution: {integrity: sha512-rSqmMJDdLFUsyxR6FMtD00nfQKKLFb1kv+qBbOVKqErvloEIJLo5bDTJTQNTYgeyp78JsA7u/NPi5jT1GR/MuA==}
-    dev: true
-
   /@humanwhocodes/module-importer/1.0.1:
     resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
     engines: {node: '>=12.22'}
@@ -220,33 +227,33 @@ packages:
       fastq: 1.13.0
     dev: true
 
-  /@playwright/test/1.26.1:
-    resolution: {integrity: sha512-bNxyZASVt2adSZ9gbD7NCydzcb5JaI0OR9hc7s+nmPeH604gwp0zp17NNpwXY4c8nvuBGQQ9oGDx72LE+cUWvw==}
+  /@playwright/test/1.27.1:
+    resolution: {integrity: sha512-mrL2q0an/7tVqniQQF6RBL2saskjljXzqNcCOVMUjRIgE6Y38nCNaP+Dc2FBW06bcpD3tqIws/HT9qiMHbNU0A==}
     engines: {node: '>=14'}
     hasBin: true
     dependencies:
-      '@types/node': 18.8.1
-      playwright-core: 1.26.1
+      '@types/node': 18.8.5
+      playwright-core: 1.27.1
     dev: true
 
   /@polka/url/1.0.0-next.21:
     resolution: {integrity: sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==}
     dev: true
 
-  /@rgossiaux/svelte-headlessui/1.0.2_svelte@3.50.1:
+  /@rgossiaux/svelte-headlessui/1.0.2_svelte@3.51.0:
     resolution: {integrity: sha512-sauopYTSivhzXe1kAvgawkhyYJcQlK8Li3p0d2OtcCIVprOzdbard5lbqWB4xHDv83zAobt2mR08oizO2poHLQ==}
     peerDependencies:
       svelte: ^3.44.0
     dependencies:
-      svelte: 3.50.1
+      svelte: 3.51.0
     dev: true
 
-  /@rgossiaux/svelte-heroicons/0.1.2_svelte@3.50.1:
+  /@rgossiaux/svelte-heroicons/0.1.2_svelte@3.51.0:
     resolution: {integrity: sha512-c5Ep1QDvBo9HD/P0AxbXItDbn6x77fldCjjL0aBjNseUntV4fkdHkBde1IaLr8i0kmrhTSovjkIen8W83jUPzg==}
     peerDependencies:
       svelte: ^3.44.0
     dependencies:
-      svelte: 3.50.1
+      svelte: 3.51.0
     dev: true
 
   /@rollup/pluginutils/4.2.1:
@@ -295,7 +302,7 @@ packages:
       - supports-color
     dev: true
 
-  /@sveltejs/kit/1.0.0-next.480_svelte@3.50.1+vite@3.1.4:
+  /@sveltejs/kit/1.0.0-next.480_svelte@3.51.0+vite@3.1.7:
     resolution: {integrity: sha512-RnltVDZFksAkeIZ0wgMQDr4POz3WZxSDy6D/ycIjrz3VXMDYWxKRqmTEI7Yl7TxPgUabeYHGRm/qI+nSXOb/Yw==}
     engines: {node: '>=16.14'}
     hasBin: true
@@ -304,7 +311,7 @@ packages:
       svelte: ^3.44.0
       vite: ^3.1.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 1.0.5_svelte@3.50.1+vite@3.1.4
+      '@sveltejs/vite-plugin-svelte': 1.0.5_svelte@3.51.0+vite@3.1.7
       cookie: 0.5.0
       devalue: 3.1.3
       kleur: 4.1.5
@@ -314,16 +321,16 @@ packages:
       sade: 1.8.1
       set-cookie-parser: 2.5.1
       sirv: 2.0.2
-      svelte: 3.50.1
+      svelte: 3.51.0
       tiny-glob: 0.2.9
       undici: 5.10.0
-      vite: 3.1.4_sass@1.55.0
+      vite: 3.1.7_sass@1.55.0
     transitivePeerDependencies:
       - diff-match-patch
       - supports-color
     dev: true
 
-  /@sveltejs/vite-plugin-svelte/1.0.5_svelte@3.50.1+vite@3.1.4:
+  /@sveltejs/vite-plugin-svelte/1.0.5_svelte@3.51.0+vite@3.1.7:
     resolution: {integrity: sha512-CmSdSow0Dr5ua1A11BQMtreWnE0JZmkVIcRU/yG3PKbycKUpXjNdgYTWFSbStLB0vdlGnBbm2+Y4sBVj+C+TIw==}
     engines: {node: ^14.18.0 || >= 16}
     peerDependencies:
@@ -339,9 +346,9 @@ packages:
       deepmerge: 4.2.2
       kleur: 4.1.5
       magic-string: 0.26.3
-      svelte: 3.50.1
-      svelte-hmr: 0.14.12_svelte@3.50.1
-      vite: 3.1.4_sass@1.55.0
+      svelte: 3.51.0
+      svelte-hmr: 0.14.12_svelte@3.51.0
+      vite: 3.1.7_sass@1.55.0
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -358,8 +365,8 @@ packages:
     resolution: {integrity: sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==}
     dev: true
 
-  /@types/node/18.8.1:
-    resolution: {integrity: sha512-vuYaNuEIbOYLTLUAJh50ezEbvxrD43iby+lpUA2aa148Nh5kX/AVO/9m1Ahmbux2iU5uxJTNF9g2Y+31uml7RQ==}
+  /@types/node/18.8.5:
+    resolution: {integrity: sha512-Bq7G3AErwe5A/Zki5fdD3O6+0zDChhg671NfPjtIcbtzDNZTv4NPKMRFr7gtYPG7y+B8uTiNK4Ngd9T0FTar6Q==}
     dev: true
 
   /@types/pug/2.0.6:
@@ -369,11 +376,11 @@ packages:
   /@types/sass/1.43.1:
     resolution: {integrity: sha512-BPdoIt1lfJ6B7rw35ncdwBZrAssjcwzI5LByIrYs+tpXlj/CAkuVdRsgZDdP4lq5EjyWzwxZCqAoFyHKFwp32g==}
     dependencies:
-      '@types/node': 18.8.1
+      '@types/node': 18.8.5
     dev: true
 
-  /@typescript-eslint/eslint-plugin/5.39.0_xyciw6oqjoiiono4dhv3uhn5my:
-    resolution: {integrity: sha512-xVfKOkBm5iWMNGKQ2fwX5GVgBuHmZBO1tCRwXmY5oAIsPscfwm2UADDuNB8ZVYCtpQvJK4xpjrK7jEhcJ0zY9A==}
+  /@typescript-eslint/eslint-plugin/5.40.0_25sstg4uu2sk4pm7xcyzuov7xq:
+    resolution: {integrity: sha512-FIBZgS3DVJgqPwJzvZTuH4HNsZhHMa9SjxTKAZTlMsPw/UzpEjcf9f4dfgDJEHjK+HboUJo123Eshl6niwEm/Q==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       '@typescript-eslint/parser': ^5.0.0
@@ -383,12 +390,12 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
-      '@typescript-eslint/scope-manager': 5.39.0
-      '@typescript-eslint/type-utils': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
-      '@typescript-eslint/utils': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
+      '@typescript-eslint/parser': 5.40.0_z4bbprzjrhnsfa24uvmcbu7f5q
+      '@typescript-eslint/scope-manager': 5.40.0
+      '@typescript-eslint/type-utils': 5.40.0_z4bbprzjrhnsfa24uvmcbu7f5q
+      '@typescript-eslint/utils': 5.40.0_z4bbprzjrhnsfa24uvmcbu7f5q
       debug: 4.3.4
-      eslint: 8.24.0
+      eslint: 8.25.0
       ignore: 5.2.0
       regexpp: 3.2.0
       semver: 7.3.7
@@ -398,8 +405,8 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser/5.39.0_ypn2ylkkyfa5i233caldtndbqa:
-    resolution: {integrity: sha512-PhxLjrZnHShe431sBAGHaNe6BDdxAASDySgsBCGxcBecVCi8NQWxQZMcizNA4g0pN51bBAn/FUfkWG3SDVcGlA==}
+  /@typescript-eslint/parser/5.40.0_z4bbprzjrhnsfa24uvmcbu7f5q:
+    resolution: {integrity: sha512-Ah5gqyX2ySkiuYeOIDg7ap51/b63QgWZA7w6AHtFrag7aH0lRQPbLzUjk0c9o5/KZ6JRkTTDKShL4AUrQa6/hw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
@@ -408,26 +415,26 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': 5.39.0
-      '@typescript-eslint/types': 5.39.0
-      '@typescript-eslint/typescript-estree': 5.39.0_typescript@4.8.4
+      '@typescript-eslint/scope-manager': 5.40.0
+      '@typescript-eslint/types': 5.40.0
+      '@typescript-eslint/typescript-estree': 5.40.0_typescript@4.8.4
       debug: 4.3.4
-      eslint: 8.24.0
+      eslint: 8.25.0
       typescript: 4.8.4
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/scope-manager/5.39.0:
-    resolution: {integrity: sha512-/I13vAqmG3dyqMVSZPjsbuNQlYS082Y7OMkwhCfLXYsmlI0ca4nkL7wJ/4gjX70LD4P8Hnw1JywUVVAwepURBw==}
+  /@typescript-eslint/scope-manager/5.40.0:
+    resolution: {integrity: sha512-d3nPmjUeZtEWRvyReMI4I1MwPGC63E8pDoHy0BnrYjnJgilBD3hv7XOiETKLY/zTwI7kCnBDf2vWTRUVpYw0Uw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': 5.39.0
-      '@typescript-eslint/visitor-keys': 5.39.0
+      '@typescript-eslint/types': 5.40.0
+      '@typescript-eslint/visitor-keys': 5.40.0
     dev: true
 
-  /@typescript-eslint/type-utils/5.39.0_ypn2ylkkyfa5i233caldtndbqa:
-    resolution: {integrity: sha512-KJHJkOothljQWzR3t/GunL0TPKY+fGJtnpl+pX+sJ0YiKTz3q2Zr87SGTmFqsCMFrLt5E0+o+S6eQY0FAXj9uA==}
+  /@typescript-eslint/type-utils/5.40.0_z4bbprzjrhnsfa24uvmcbu7f5q:
+    resolution: {integrity: sha512-nfuSdKEZY2TpnPz5covjJqav+g5qeBqwSHKBvz7Vm1SAfy93SwKk/JeSTymruDGItTwNijSsno5LhOHRS1pcfw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '*'
@@ -436,23 +443,23 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.39.0_typescript@4.8.4
-      '@typescript-eslint/utils': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
+      '@typescript-eslint/typescript-estree': 5.40.0_typescript@4.8.4
+      '@typescript-eslint/utils': 5.40.0_z4bbprzjrhnsfa24uvmcbu7f5q
       debug: 4.3.4
-      eslint: 8.24.0
+      eslint: 8.25.0
       tsutils: 3.21.0_typescript@4.8.4
       typescript: 4.8.4
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/types/5.39.0:
-    resolution: {integrity: sha512-gQMZrnfEBFXK38hYqt8Lkwt8f4U6yq+2H5VDSgP/qiTzC8Nw8JO3OuSUOQ2qW37S/dlwdkHDntkZM6SQhKyPhw==}
+  /@typescript-eslint/types/5.40.0:
+    resolution: {integrity: sha512-V1KdQRTXsYpf1Y1fXCeZ+uhjW48Niiw0VGt4V8yzuaDTU8Z1Xl7yQDyQNqyAFcVhpYXIVCEuxSIWTsLDpHgTbw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@typescript-eslint/typescript-estree/5.39.0_typescript@4.8.4:
-    resolution: {integrity: sha512-qLFQP0f398sdnogJoLtd43pUgB18Q50QSA+BTE5h3sUxySzbWDpTSdgt4UyxNSozY/oDK2ta6HVAzvGgq8JYnA==}
+  /@typescript-eslint/typescript-estree/5.40.0_typescript@4.8.4:
+    resolution: {integrity: sha512-b0GYlDj8TLTOqwX7EGbw2gL5EXS2CPEWhF9nGJiGmEcmlpNBjyHsTwbqpyIEPVpl6br4UcBOYlcI2FJVtJkYhg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       typescript: '*'
@@ -460,41 +467,42 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': 5.39.0
-      '@typescript-eslint/visitor-keys': 5.39.0
+      '@typescript-eslint/types': 5.40.0
+      '@typescript-eslint/visitor-keys': 5.40.0
       debug: 4.3.4
       globby: 11.1.0
       is-glob: 4.0.3
-      semver: 7.3.7
+      semver: 7.3.8
       tsutils: 3.21.0_typescript@4.8.4
       typescript: 4.8.4
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils/5.39.0_ypn2ylkkyfa5i233caldtndbqa:
-    resolution: {integrity: sha512-+DnY5jkpOpgj+EBtYPyHRjXampJfC0yUZZzfzLuUWVZvCuKqSdJVC8UhdWipIw7VKNTfwfAPiOWzYkAwuIhiAg==}
+  /@typescript-eslint/utils/5.40.0_z4bbprzjrhnsfa24uvmcbu7f5q:
+    resolution: {integrity: sha512-MO0y3T5BQ5+tkkuYZJBjePewsY+cQnfkYeRqS6tPh28niiIwPnQ1t59CSRcs1ZwJJNOdWw7rv9pF8aP58IMihA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
       '@types/json-schema': 7.0.11
-      '@typescript-eslint/scope-manager': 5.39.0
-      '@typescript-eslint/types': 5.39.0
-      '@typescript-eslint/typescript-estree': 5.39.0_typescript@4.8.4
-      eslint: 8.24.0
+      '@typescript-eslint/scope-manager': 5.40.0
+      '@typescript-eslint/types': 5.40.0
+      '@typescript-eslint/typescript-estree': 5.40.0_typescript@4.8.4
+      eslint: 8.25.0
       eslint-scope: 5.1.1
-      eslint-utils: 3.0.0_eslint@8.24.0
+      eslint-utils: 3.0.0_eslint@8.25.0
+      semver: 7.3.7
     transitivePeerDependencies:
       - supports-color
       - typescript
     dev: true
 
-  /@typescript-eslint/visitor-keys/5.39.0:
-    resolution: {integrity: sha512-yyE3RPwOG+XJBLrhvsxAidUgybJVQ/hG8BhiJo0k8JSAYfk/CshVcxf0HwP4Jt7WZZ6vLmxdo1p6EyN3tzFTkg==}
+  /@typescript-eslint/visitor-keys/5.40.0:
+    resolution: {integrity: sha512-ijJ+6yig+x9XplEpG2K6FUdJeQGGj/15U3S56W9IqXKJqleuD7zJ2AX/miLezwxpd7ZxDAqO87zWufKg+RPZyQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': 5.39.0
+      '@typescript-eslint/types': 5.40.0
       eslint-visitor-keys: 3.3.0
     dev: true
 
@@ -637,8 +645,8 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  /carbon-components-svelte/0.70.9:
-    resolution: {integrity: sha512-eygo57EHPAxyPXNRdXGHMZx5e+qwEc1ltGCi2nVF1093U+9uNjYpnPojxr/l5kKMfZBdxNYJHIg7+Mgy5U/kgw==}
+  /carbon-components-svelte/0.70.10:
+    resolution: {integrity: sha512-JevvFOwmwyJTlop1UNiJ/bQ88PGFHipS8684qvHCMO283IxLmHaSydn5DcUIq9Qd1xV4qsQdCioYFI8DlLvc0Q==}
     dependencies:
       flatpickr: 4.6.9
     dev: true
@@ -796,8 +804,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-android-64/0.15.7:
-    resolution: {integrity: sha512-p7rCvdsldhxQr3YHxptf1Jcd86dlhvc3EQmQJaZzzuAxefO9PvcI0GLOa5nCWem1AJ8iMRu9w0r5TG8pHmbi9w==}
+  /esbuild-android-64/0.15.10:
+    resolution: {integrity: sha512-UI7krF8OYO1N7JYTgLT9ML5j4+45ra3amLZKx7LO3lmLt1Ibn8t3aZbX5Pu4BjWiqDuJ3m/hsvhPhK/5Y/YpnA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [android]
@@ -814,8 +822,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-android-arm64/0.15.7:
-    resolution: {integrity: sha512-L775l9ynJT7rVqRM5vo+9w5g2ysbOCfsdLV4CWanTZ1k/9Jb3IYlQ06VCI1edhcosTYJRECQFJa3eAvkx72eyQ==}
+  /esbuild-android-arm64/0.15.10:
+    resolution: {integrity: sha512-EOt55D6xBk5O05AK8brXUbZmoFj4chM8u3riGflLa6ziEoVvNjRdD7Cnp82NHQGfSHgYR06XsPI8/sMuA/cUwg==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [android]
@@ -832,8 +840,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-darwin-64/0.15.7:
-    resolution: {integrity: sha512-KGPt3r1c9ww009t2xLB6Vk0YyNOXh7hbjZ3EecHoVDxgtbUlYstMPDaReimKe6eOEfyY4hBEEeTvKwPsiH5WZg==}
+  /esbuild-darwin-64/0.15.10:
+    resolution: {integrity: sha512-hbDJugTicqIm+WKZgp208d7FcXcaK8j2c0l+fqSJ3d2AzQAfjEYDRM3Z2oMeqSJ9uFxyj/muSACLdix7oTstRA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [darwin]
@@ -850,8 +858,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-darwin-arm64/0.15.7:
-    resolution: {integrity: sha512-kBIHvtVqbSGajN88lYMnR3aIleH3ABZLLFLxwL2stiuIGAjGlQW741NxVTpUHQXUmPzxi6POqc9npkXa8AcSZQ==}
+  /esbuild-darwin-arm64/0.15.10:
+    resolution: {integrity: sha512-M1t5+Kj4IgSbYmunf2BB6EKLkWUq+XlqaFRiGOk8bmBapu9bCDrxjf4kUnWn59Dka3I27EiuHBKd1rSO4osLFQ==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [darwin]
@@ -868,8 +876,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-freebsd-64/0.15.7:
-    resolution: {integrity: sha512-hESZB91qDLV5MEwNxzMxPfbjAhOmtfsr9Wnuci7pY6TtEh4UDuevmGmkUIjX/b+e/k4tcNBMf7SRQ2mdNuK/HQ==}
+  /esbuild-freebsd-64/0.15.10:
+    resolution: {integrity: sha512-KMBFMa7C8oc97nqDdoZwtDBX7gfpolkk6Bcmj6YFMrtCMVgoU/x2DI1p74DmYl7CSS6Ppa3xgemrLrr5IjIn0w==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [freebsd]
@@ -886,8 +894,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-freebsd-arm64/0.15.7:
-    resolution: {integrity: sha512-dLFR0ChH5t+b3J8w0fVKGvtwSLWCv7GYT2Y2jFGulF1L5HftQLzVGN+6pi1SivuiVSmTh28FwUhi9PwQicXI6Q==}
+  /esbuild-freebsd-arm64/0.15.10:
+    resolution: {integrity: sha512-m2KNbuCX13yQqLlbSojFMHpewbn8wW5uDS6DxRpmaZKzyq8Dbsku6hHvh2U+BcLwWY4mpgXzFUoENEf7IcioGg==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [freebsd]
@@ -904,8 +912,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-linux-32/0.15.7:
-    resolution: {integrity: sha512-v3gT/LsONGUZcjbt2swrMjwxo32NJzk+7sAgtxhGx1+ZmOFaTRXBAi1PPfgpeo/J//Un2jIKm/I+qqeo4caJvg==}
+  /esbuild-linux-32/0.15.10:
+    resolution: {integrity: sha512-guXrwSYFAvNkuQ39FNeV4sNkNms1bLlA5vF1H0cazZBOLdLFIny6BhT+TUbK/hdByMQhtWQ5jI9VAmPKbVPu1w==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [linux]
@@ -922,8 +930,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-linux-64/0.15.7:
-    resolution: {integrity: sha512-LxXEfLAKwOVmm1yecpMmWERBshl+Kv5YJ/1KnyAr6HRHFW8cxOEsEfisD3sVl/RvHyW//lhYUVSuy9jGEfIRAQ==}
+  /esbuild-linux-64/0.15.10:
+    resolution: {integrity: sha512-jd8XfaSJeucMpD63YNMO1JCrdJhckHWcMv6O233bL4l6ogQKQOxBYSRP/XLWP+6kVTu0obXovuckJDcA0DKtQA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [linux]
@@ -940,8 +948,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-linux-arm/0.15.7:
-    resolution: {integrity: sha512-JKgAHtMR5f75wJTeuNQbyznZZa+pjiUHV7sRZp42UNdyXC6TiUYMW/8z8yIBAr2Fpad8hM1royZKQisqPABPvQ==}
+  /esbuild-linux-arm/0.15.10:
+    resolution: {integrity: sha512-6N8vThLL/Lysy9y4Ex8XoLQAlbZKUyExCWyayGi2KgTBelKpPgj6RZnUaKri0dHNPGgReJriKVU6+KDGQwn10A==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [linux]
@@ -958,8 +966,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-linux-arm64/0.15.7:
-    resolution: {integrity: sha512-P3cfhudpzWDkglutWgXcT2S7Ft7o2e3YDMrP1n0z2dlbUZghUkKCyaWw0zhp4KxEEzt/E7lmrtRu/pGWnwb9vw==}
+  /esbuild-linux-arm64/0.15.10:
+    resolution: {integrity: sha512-GByBi4fgkvZFTHFDYNftu1DQ1GzR23jws0oWyCfhnI7eMOe+wgwWrc78dbNk709Ivdr/evefm2PJiUBMiusS1A==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [linux]
@@ -976,8 +984,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-linux-mips64le/0.15.7:
-    resolution: {integrity: sha512-T7XKuxl0VpeFLCJXub6U+iybiqh0kM/bWOTb4qcPyDDwNVhLUiPcGdG2/0S7F93czUZOKP57YiLV8YQewgLHKw==}
+  /esbuild-linux-mips64le/0.15.10:
+    resolution: {integrity: sha512-BxP+LbaGVGIdQNJUNF7qpYjEGWb0YyHVSKqYKrn+pTwH/SiHUxFyJYSP3pqkku61olQiSBnSmWZ+YUpj78Tw7Q==}
     engines: {node: '>=12'}
     cpu: [mips64el]
     os: [linux]
@@ -994,8 +1002,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-linux-ppc64le/0.15.7:
-    resolution: {integrity: sha512-6mGuC19WpFN7NYbecMIJjeQgvDb5aMuvyk0PDYBJrqAEMkTwg3Z98kEKuCm6THHRnrgsdr7bp4SruSAxEM4eJw==}
+  /esbuild-linux-ppc64le/0.15.10:
+    resolution: {integrity: sha512-LoSQCd6498PmninNgqd/BR7z3Bsk/mabImBWuQ4wQgmQEeanzWd5BQU2aNi9mBURCLgyheuZS6Xhrw5luw3OkQ==}
     engines: {node: '>=12'}
     cpu: [ppc64]
     os: [linux]
@@ -1012,8 +1020,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-linux-riscv64/0.15.7:
-    resolution: {integrity: sha512-uUJsezbswAYo/X7OU/P+PuL/EI9WzxsEQXDekfwpQ23uGiooxqoLFAPmXPcRAt941vjlY9jtITEEikWMBr+F/g==}
+  /esbuild-linux-riscv64/0.15.10:
+    resolution: {integrity: sha512-Lrl9Cr2YROvPV4wmZ1/g48httE8z/5SCiXIyebiB5N8VT7pX3t6meI7TQVHw/wQpqP/AF4SksDuFImPTM7Z32Q==}
     engines: {node: '>=12'}
     cpu: [riscv64]
     os: [linux]
@@ -1030,8 +1038,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-linux-s390x/0.15.7:
-    resolution: {integrity: sha512-+tO+xOyTNMc34rXlSxK7aCwJgvQyffqEM5MMdNDEeMU3ss0S6wKvbBOQfgd5jRPblfwJ6b+bKiz0g5nABpY0QQ==}
+  /esbuild-linux-s390x/0.15.10:
+    resolution: {integrity: sha512-ReP+6q3eLVVP2lpRrvl5EodKX7EZ1bS1/z5j6hsluAlZP5aHhk6ghT6Cq3IANvvDdscMMCB4QEbI+AjtvoOFpA==}
     engines: {node: '>=12'}
     cpu: [s390x]
     os: [linux]
@@ -1048,8 +1056,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-netbsd-64/0.15.7:
-    resolution: {integrity: sha512-yVc4Wz+Pu3cP5hzm5kIygNPrjar/v5WCSoRmIjCPWfBVJkZNb5brEGKUlf+0Y759D48BCWa0WHrWXaNy0DULTQ==}
+  /esbuild-netbsd-64/0.15.10:
+    resolution: {integrity: sha512-iGDYtJCMCqldMskQ4eIV+QSS/CuT7xyy9i2/FjpKvxAuCzrESZXiA1L64YNj6/afuzfBe9i8m/uDkFHy257hTw==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [netbsd]
@@ -1066,8 +1074,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-openbsd-64/0.15.7:
-    resolution: {integrity: sha512-GsimbwC4FSR4lN3wf8XmTQ+r8/0YSQo21rWDL0XFFhLHKlzEA4SsT1Tl8bPYu00IU6UWSJ+b3fG/8SB69rcuEQ==}
+  /esbuild-openbsd-64/0.15.10:
+    resolution: {integrity: sha512-ftMMIwHWrnrYnvuJQRJs/Smlcb28F9ICGde/P3FUTCgDDM0N7WA0o9uOR38f5Xe2/OhNCgkjNeb7QeaE3cyWkQ==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [openbsd]
@@ -1084,8 +1092,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-sunos-64/0.15.7:
-    resolution: {integrity: sha512-8CDI1aL/ts0mDGbWzjEOGKXnU7p3rDzggHSBtVryQzkSOsjCHRVe0iFYUuhczlxU1R3LN/E7HgUO4NXzGGP/Ag==}
+  /esbuild-sunos-64/0.15.10:
+    resolution: {integrity: sha512-mf7hBL9Uo2gcy2r3rUFMjVpTaGpFJJE5QTDDqUFf1632FxteYANffDZmKbqX0PfeQ2XjUDE604IcE7OJeoHiyg==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [sunos]
@@ -1102,8 +1110,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-windows-32/0.15.7:
-    resolution: {integrity: sha512-cOnKXUEPS8EGCzRSFa1x6NQjGhGsFlVgjhqGEbLTPsA7x4RRYiy2RKoArNUU4iR2vHmzqS5Gr84MEumO/wxYKA==}
+  /esbuild-windows-32/0.15.10:
+    resolution: {integrity: sha512-ttFVo+Cg8b5+qHmZHbEc8Vl17kCleHhLzgT8X04y8zudEApo0PxPg9Mz8Z2cKH1bCYlve1XL8LkyXGFjtUYeGg==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [win32]
@@ -1120,8 +1128,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-windows-64/0.15.7:
-    resolution: {integrity: sha512-7MI08Ec2sTIDv+zH6StNBKO+2hGUYIT42GmFyW6MBBWWtJhTcQLinKS6ldIN1d52MXIbiJ6nXyCJ+LpL4jBm3Q==}
+  /esbuild-windows-64/0.15.10:
+    resolution: {integrity: sha512-2H0gdsyHi5x+8lbng3hLbxDWR7mKHWh5BXZGKVG830KUmXOOWFE2YKJ4tHRkejRduOGDrBvHBriYsGtmTv3ntA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [win32]
@@ -1138,8 +1146,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-windows-arm64/0.15.7:
-    resolution: {integrity: sha512-R06nmqBlWjKHddhRJYlqDd3Fabx9LFdKcjoOy08YLimwmsswlFBJV4rXzZCxz/b7ZJXvrZgj8DDv1ewE9+StMw==}
+  /esbuild-windows-arm64/0.15.10:
+    resolution: {integrity: sha512-S+th4F+F8VLsHLR0zrUcG+Et4hx0RKgK1eyHc08kztmLOES8BWwMiaGdoW9hiXuzznXQ0I/Fg904MNbr11Nktw==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [win32]
@@ -1176,33 +1184,34 @@ packages:
       esbuild-windows-arm64: 0.14.54
     dev: true
 
-  /esbuild/0.15.7:
-    resolution: {integrity: sha512-7V8tzllIbAQV1M4QoE52ImKu8hT/NLGlGXkiDsbEU5PS6K8Mn09ZnYoS+dcmHxOS9CRsV4IRAMdT3I67IyUNXw==}
+  /esbuild/0.15.10:
+    resolution: {integrity: sha512-N7wBhfJ/E5fzn/SpNgX+oW2RLRjwaL8Y0ezqNqhjD6w0H2p0rDuEz2FKZqpqLnO8DCaWumKe8dsC/ljvVSSxng==}
     engines: {node: '>=12'}
     hasBin: true
     requiresBuild: true
     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
     dev: true
 
   /escape-string-regexp/4.0.0:
@@ -1210,23 +1219,23 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  /eslint-config-prettier/8.5.0_eslint@8.24.0:
+  /eslint-config-prettier/8.5.0_eslint@8.25.0:
     resolution: {integrity: sha512-obmWKLUNCnhtQRKc+tmnYuQl0pFU1ibYJQ5BGhTVB08bHe9wC8qUeG7c08dj9XX+AuPj1YSGSQIHl1pnDHZR0Q==}
     hasBin: true
     peerDependencies:
       eslint: '>=7.0.0'
     dependencies:
-      eslint: 8.24.0
+      eslint: 8.25.0
     dev: true
 
-  /eslint-plugin-svelte3/4.0.0_snydkosur25h6rjxszquwacaua:
+  /eslint-plugin-svelte3/4.0.0_pr36k4f4yzzzfpayao7l7fkqni:
     resolution: {integrity: sha512-OIx9lgaNzD02+MDFNLw0GEUbuovNcglg+wnd/UY0fbZmlQSz7GlQiQ1f+yX0XvC07XPcDOnFcichqI3xCwp71g==}
     peerDependencies:
       eslint: '>=8.0.0'
       svelte: ^3.2.0
     dependencies:
-      eslint: 8.24.0
-      svelte: 3.50.1
+      eslint: 8.25.0
+      svelte: 3.51.0
     dev: true
 
   /eslint-scope/5.1.1:
@@ -1245,13 +1254,13 @@ packages:
       estraverse: 5.3.0
     dev: true
 
-  /eslint-utils/3.0.0_eslint@8.24.0:
+  /eslint-utils/3.0.0_eslint@8.25.0:
     resolution: {integrity: sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==}
     engines: {node: ^10.0.0 || ^12.0.0 || >= 14.0.0}
     peerDependencies:
       eslint: '>=5'
     dependencies:
-      eslint: 8.24.0
+      eslint: 8.25.0
       eslint-visitor-keys: 2.1.0
     dev: true
 
@@ -1265,14 +1274,13 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /eslint/8.24.0:
-    resolution: {integrity: sha512-dWFaPhGhTAiPcCgm3f6LI2MBWbogMnTJzFBbhXVRQDJPkr9pGZvVjlVfXd+vyDcWPA2Ic9L2AXPIQM0+vk/cSQ==}
+  /eslint/8.25.0:
+    resolution: {integrity: sha512-DVlJOZ4Pn50zcKW5bYH7GQK/9MsoQG2d5eDH0ebEkE8PbgzTTmtt/VTH9GGJ4BfeZCpBLqFfvsjX35UacUL83A==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     hasBin: 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.12.6
       chalk: 4.1.2
@@ -1281,7 +1289,7 @@ packages:
       doctrine: 3.0.0
       escape-string-regexp: 4.0.0
       eslint-scope: 7.1.1
-      eslint-utils: 3.0.0_eslint@8.24.0
+      eslint-utils: 3.0.0_eslint@8.25.0
       eslint-visitor-keys: 3.3.0
       espree: 9.4.0
       esquery: 1.4.0
@@ -1942,8 +1950,8 @@ packages:
     engines: {node: '>=8.6'}
     dev: true
 
-  /playwright-core/1.26.1:
-    resolution: {integrity: sha512-hzFchhhxnEiPc4qVPs9q2ZR+5eKNifY2hQDHtg1HnTTUuphYCBP8ZRb2si+B1TR7BHirgXaPi48LIye5SgrLAA==}
+  /playwright-core/1.27.1:
+    resolution: {integrity: sha512-9EmeXDncC2Pmp/z+teoVYlvmPWUC6ejSSYZUln7YaP89Z6lpAaiaAnqroUt/BoLo8tn7WYShcfaCh+xofZa44Q==}
     engines: {node: '>=14'}
     hasBin: true
     dev: true
@@ -1962,14 +1970,14 @@ packages:
     engines: {node: '>= 0.8.0'}
     dev: true
 
-  /prettier-plugin-svelte/2.7.1_nk6d2fkgcllkkdynqbuearcure:
-    resolution: {integrity: sha512-H33qjhCBZyd9Zr1A5hUAYDh7j0Mf97uvy7XcA7CP4nNSYrNcPvBUf7wI8K9NptWTIs0S41QtgTWmJIUiGlEBtw==}
+  /prettier-plugin-svelte/2.8.0_ibge6ami6vq2q2j5g4rcvk62hq:
+    resolution: {integrity: sha512-QlXv/U3bUszks3XYDPsk1fsaQC+fo2lshwKbcbO+lrSVdJ+40mB1BfL8OCAk1W9y4pJxpqO/4gqm6NtF3zNGCw==}
     peerDependencies:
       prettier: ^1.16.4 || ^2.0.0
       svelte: ^3.2.0
     dependencies:
       prettier: 2.7.1
-      svelte: 3.50.1
+      svelte: 3.51.0
     dev: true
 
   /prettier/2.7.1:
@@ -2114,6 +2122,14 @@ packages:
       lru-cache: 6.0.0
     dev: true
 
+  /semver/7.3.8:
+    resolution: {integrity: sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      lru-cache: 6.0.0
+    dev: true
+
   /set-blocking/2.0.0:
     resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}
     dev: true
@@ -2217,8 +2233,8 @@ packages:
     engines: {node: '>= 0.4'}
     dev: true
 
-  /svelte-check/2.9.1_sass@1.55.0+svelte@3.50.1:
-    resolution: {integrity: sha512-+BFPsj6irZ+t2pVSVo//2Ic1mI3A52xCwbkSTVhTqYZqgawcyZd9pYZoEac3fIWbEeTyCb5X82ORKI/gjn+P7A==}
+  /svelte-check/2.9.2_sass@1.55.0+svelte@3.51.0:
+    resolution: {integrity: sha512-DRi8HhnCiqiGR2YF9ervPGvtoYrheE09cXieCTEqeTPOTJzfoa54Py8rovIBv4bH4n5HgZYIyTQ3DDLHQLl2uQ==}
     hasBin: true
     peerDependencies:
       svelte: ^3.24.0
@@ -2229,8 +2245,8 @@ packages:
       import-fresh: 3.3.0
       picocolors: 1.0.0
       sade: 1.8.1
-      svelte: 3.50.1
-      svelte-preprocess: 4.10.7_hfbjjxm4ggy2hdppiwxlv6aafa
+      svelte: 3.51.0
+      svelte-preprocess: 4.10.7_3zdl52liprsvq5pqxbibodqiju
       typescript: 4.8.4
     transitivePeerDependencies:
       - '@babel/core'
@@ -2245,16 +2261,16 @@ packages:
       - sugarss
     dev: true
 
-  /svelte-hmr/0.14.12_svelte@3.50.1:
+  /svelte-hmr/0.14.12_svelte@3.51.0:
     resolution: {integrity: sha512-4QSW/VvXuqVcFZ+RhxiR8/newmwOCTlbYIezvkeN6302YFRE8cXy0naamHcjz8Y9Ce3ITTZtrHrIL0AGfyo61w==}
     engines: {node: ^12.20 || ^14.13.1 || >= 16}
     peerDependencies:
       svelte: '>=3.19.0'
     dependencies:
-      svelte: 3.50.1
+      svelte: 3.51.0
     dev: true
 
-  /svelte-preprocess/4.10.7_hfbjjxm4ggy2hdppiwxlv6aafa:
+  /svelte-preprocess/4.10.7_3zdl52liprsvq5pqxbibodqiju:
     resolution: {integrity: sha512-sNPBnqYD6FnmdBrUmBCaqS00RyCsCpj2BG58A1JBswNF7b0OKviwxqVrOL/CKyJrLSClrSeqQv5BXNg2RUbPOw==}
     engines: {node: '>= 9.11.2'}
     requiresBuild: true
@@ -2302,12 +2318,12 @@ packages:
       sass: 1.55.0
       sorcery: 0.10.0
       strip-indent: 3.0.0
-      svelte: 3.50.1
+      svelte: 3.51.0
       typescript: 4.8.4
     dev: true
 
-  /svelte/3.50.1:
-    resolution: {integrity: sha512-bS4odcsdj5D5jEg6riZuMg5NKelzPtmsCbD9RG+8umU03TeNkdWnP6pqbCm0s8UQNBkqk29w/Bdubn3C+HWSwA==}
+  /svelte/3.51.0:
+    resolution: {integrity: sha512-PBITYIrsNOuW+Dtds00gSY68raNZQn7i59Dg/fjgf6WwyawPKeBwle692coO7ILZqSO+UJe9899aDn9sMdeOHA==}
     engines: {node: '>= 8'}
     dev: true
 
@@ -2401,8 +2417,8 @@ packages:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
     dev: true
 
-  /vite/3.1.4_sass@1.55.0:
-    resolution: {integrity: sha512-JoQI08aBjY9lycL7jcEq4p9o1xUjq5aRvdH4KWaXtkSx7e7RpAh9D3IjzDWRD4Fg44LS3oDAIOG/Kq1L+82psA==}
+  /vite/3.1.7_sass@1.55.0:
+    resolution: {integrity: sha512-5vCAmU4S8lyVdFCInu9M54f/g8qbOMakVw5xJ4pjoaDy5wgy9sLLZkGdSLN52dlsBqh0tBqxjaqqa8LgPqwRAA==}
     engines: {node: ^14.18.0 || >=16.0.0}
     hasBin: true
     peerDependencies:
@@ -2420,7 +2436,7 @@ packages:
       terser:
         optional: true
     dependencies:
-      esbuild: 0.15.7
+      esbuild: 0.15.10
       postcss: 8.4.16
       resolve: 1.22.1
       rollup: 2.78.1
@@ -2485,6 +2501,14 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
+  /zod-to-json-schema/3.18.1_zod@3.19.1:
+    resolution: {integrity: sha512-YFP4dAZR2GHDkTOZL7E7p2E3/yoUZeB5RD797JEpJTyh/L+9WvIK/tEMuF+MhzDPhQWXlkSugxmO8nbdXjJKYA==}
+    peerDependencies:
+      zod: ^3.18.0
+    dependencies:
+      zod: 3.19.1
+    dev: false
+
   /zod/3.19.1:
     resolution: {integrity: sha512-LYjZsEDhCdYET9ikFu6dVPGp2YH9DegXjdJToSzD9rO6fy4qiRYFoyEYwps88OseJlPyl2NOe2iJuhEhL7IpEA==}
     dev: false
diff --git a/src/lib/zodValidation.ts b/src/lib/zodValidation.ts
index 43a93b3..5c27741 100644
--- a/src/lib/zodValidation.ts
+++ b/src/lib/zodValidation.ts
@@ -1,4 +1,5 @@
 import { z } from 'zod';
+import zodToJsonSchema from 'zod-to-json-schema';
 
 export const BoardGameSearch = z.object({
   minAge: z.number(),
@@ -7,7 +8,9 @@ export const BoardGameSearch = z.object({
   maxPlayers: z.number()
 });
 
-export const Game = z.object({
+export const Board
+
+export const game_schema = z.object({
   id: z.string(),
   handle: z.string(),
   name: z.string(),
@@ -28,3 +31,9 @@ export const Game = z.object({
   players: z.string(),
   playtime: z.string()
 });
+
+export const game_raw_schema_json = zodToJsonSchema(game_schema, {
+  $refStrategy: 'none',
+});
+
+export type Game = z.infer<typeof game_schema>;
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 082abdc..15a5396 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -97,6 +97,7 @@
 			boredState.update((n) => ({ ...n, loading: true }));
 			return async ({ result }) => {
 				boredState.update((n) => ({ ...n, loading: false }));
+				console.log(result);
 				// `result` is an `ActionResult` object
 				if (result.type === 'error') {
 					toast.send('Error!', { duration: 3000, type: ToastType.ERROR, dismissible: true });
diff --git a/src/routes/api/games/+server.ts b/src/routes/api/games/+server.ts
index 6aef45f..e0d8ab4 100644
--- a/src/routes/api/games/+server.ts
+++ b/src/routes/api/games/+server.ts
@@ -91,9 +91,9 @@ export const POST: RequestHandler = async ({ request }) => {
       games.push(mapAPIGameToBoredGame(game));
     });
     console.log('games', games);
-    return json$1({
+    return {
       games
-    });
+    };
   }
 
   return new Response(undefined, { status: response.status });
diff --git a/src/routes/game/[id]/+page.server.ts b/src/routes/game/[id]/+page.server.ts
index 7f1c77b..8972570 100644
--- a/src/routes/game/[id]/+page.server.ts
+++ b/src/routes/game/[id]/+page.server.ts
@@ -15,7 +15,6 @@ type GamePageParams = {
 
 export const load: PageServerLoad = async ({ params }: GamePageParams) => {
   console.log('params', params); 
-  debugger;
   const queryParams = {
     ids: `${params?.id}`
   };
diff --git a/src/routes/search/+page.svelte b/src/routes/search/+page.svelte
index 63e6401..af32b20 100644
--- a/src/routes/search/+page.svelte
+++ b/src/routes/search/+page.svelte
@@ -1 +1,45 @@
+<script lang="ts">
+	import type { ActionData, PageData } from './$types';
+	import Game from '$lib/components/game/index.svelte';
+	import { gameStore } from '$lib/stores/gameSearchStore';
+	import RemoveCollectionDialog from '$root/lib/components/dialog/RemoveCollectionDialog.svelte';
+	import type { GameType, SavedGameType } from '$root/lib/types';
+	import { boredState } from '$root/lib/stores/boredState';
+
+	export let data: PageData;
+	export let form: ActionData;
+	console.log('search page form', form);
+	console.log('search page data stuff', data);
+	let gameToRemove: GameType | SavedGameType;
+
+	$: if (data?.games) {
+		gameStore.removeAll();
+		gameStore.addAll(data?.games);
+	}
+
+	interface RemoveGameEvent extends Event {
+		detail: GameType | SavedGameType;
+	}
+
+	function handleRemoveGame(event: RemoveGameEvent) {
+		console.log('event', event);
+		gameToRemove = event?.detail;
+		boredState.update((n) => ({
+			...n,
+			dialog: { isOpen: true, content: RemoveCollectionDialog, additionalData: gameToRemove }
+		}));
+	}
+</script>
+
 <h1>Search</h1>
+
+{#if $gameStore?.length > 0}
+	<div class="games">
+		<h1>Games Found:</h1>
+		<div class="games-list">
+			{#each $gameStore as game (game.id)}
+				<Game on:removeGameEvent={handleRemoveGame} {game} />
+			{/each}
+		</div>
+	</div>
+{/if}
diff --git a/src/search/actions.ts b/src/search/actions.ts
index 23026b1..d7c9c70 100644
--- a/src/search/actions.ts
+++ b/src/search/actions.ts
@@ -12,66 +12,32 @@ export const Games: Actions = {
     console.log("In search action specific")
     // Do things in here
     const form = await request.formData();
-    console.log('form', form);
+    console.log('action form', form);
     const queryParams: SearchQuery = {
       order_by: 'rank',
       ascending: false,
-      limit: 20,
-      client_id: BOARD_GAME_ATLAS_CLIENT_ID
+      limit: 10,
+      skip: 0,
+      client_id: BOARD_GAME_ATLAS_CLIENT_ID,
+      fuzzy_match: true,
+      name: ''
     };
 
-    const id = form.get('id');
-    const ids = form.get('ids');
-    const minAge = form.get('minAge');
-    const minPlayers = form.get('minPlayers');
-    const maxPlayers = form.get('maxPlayers');
-    const exactMinAge = form.get('exactMinAge') || false;
-    const exactMinPlayers = form.get('exactMinPlayers') || false;
-    const exactMaxPlayers = form.get('exactMaxPlayers') || false;
-    const random = form.get('random') === 'on' || false;
-
-    if (minAge) {
-      if (exactMinAge) {
-        queryParams.min_age = +minAge;
-      } else {
-        queryParams.gt_min_age = +minAge === 1 ? 0 : +minAge - 1;
-      }
+    const name = form.has('name') ? form.get('name') : await request?.text();
+    console.log('name', name);
+    if (name) {
+      queryParams.name = `${name}`;
     }
 
-    if (minPlayers) {
-      if (exactMinPlayers) {
-        queryParams.min_players = +minPlayers;
-      } else {
-        queryParams.gt_min_players = +minPlayers === 1 ? 0 : +minPlayers - 1;
-      }
-    }
-
-    if (maxPlayers) {
-      if (exactMaxPlayers) {
-        queryParams.max_players = +maxPlayers;
-      } else {
-        queryParams.lt_max_players = +maxPlayers + 1;
-      }
-    }
-
-    if (id) {
-      queryParams.ids = new Array(`${id}`);
-    }
-
-    if (ids) {
-      // TODO: Pass in ids array from localstorage / game store
-      queryParams.ids = new Array(ids);
-    }
-
-    queryParams.random = random;
-    console.log('queryParams', queryParams);
-
     const newQueryParams: Record<string, string> = {};
     for (const key in queryParams) {
-      newQueryParams[key] = `${queryParams[key as keyof typeof queryParams]}`;
+      console.log('key', key);
+      console.log('queryParams[key]', queryParams[key]);
+      newQueryParams[key] = `${queryParams[key]}`;
     }
 
     const urlQueryParams = new URLSearchParams(newQueryParams);
+    console.log('urlQueryParams', urlQueryParams);
 
     const url = `https://api.boardgameatlas.com/api/search${urlQueryParams ? `?${urlQueryParams}` : ''
       }`;
@@ -86,7 +52,6 @@ export const Games: Actions = {
       // user hasn't created a todo list.
       // start with an empty array
       return {
-        success: true,
         games: [],
         totalCount: 0
       };
@@ -94,21 +59,117 @@ export const Games: Actions = {
 
     if (response.status === 200) {
       const gameResponse = await response.json();
+      console.log('gameResponse', gameResponse);
       const gameList = gameResponse?.games;
+      const totalCount = gameResponse?.count;
+      console.log('totalCount', totalCount);
       const games: GameType[] = [];
-      gameList.forEach((game: GameType) => {
+      gameList.forEach((game) => {
         games.push(mapAPIGameToBoredGame(game));
       });
-      console.log('games', games);
+
       return {
-        success: true,
         games,
         totalCount: games.length
       };
     }
 
-    return { success: false };
+    return {
+      games: [],
+      totalCount: 0
+    };
   }
+
+  //   const id = form.get('id');
+  //   const ids = form.get('ids');
+  //   const minAge = form.get('minAge');
+  //   const minPlayers = form.get('minPlayers');
+  //   const maxPlayers = form.get('maxPlayers');
+  //   const exactMinAge = form.get('exactMinAge') || false;
+  //   const exactMinPlayers = form.get('exactMinPlayers') || false;
+  //   const exactMaxPlayers = form.get('exactMaxPlayers') || false;
+  //   const random = form.get('random') === 'on' || false;
+
+  //   if (minAge) {
+  //     if (exactMinAge) {
+  //       queryParams.min_age = +minAge;
+  //     } else {
+  //       queryParams.gt_min_age = +minAge === 1 ? 0 : +minAge - 1;
+  //     }
+  //   }
+
+  //   if (minPlayers) {
+  //     if (exactMinPlayers) {
+  //       queryParams.min_players = +minPlayers;
+  //     } else {
+  //       queryParams.gt_min_players = +minPlayers === 1 ? 0 : +minPlayers - 1;
+  //     }
+  //   }
+
+  //   if (maxPlayers) {
+  //     if (exactMaxPlayers) {
+  //       queryParams.max_players = +maxPlayers;
+  //     } else {
+  //       queryParams.lt_max_players = +maxPlayers + 1;
+  //     }
+  //   }
+
+  //   if (id) {
+  //     queryParams.ids = new Array(`${id}`);
+  //   }
+
+  //   if (ids) {
+  //     // TODO: Pass in ids array from localstorage / game store
+  //     queryParams.ids = new Array(ids);
+  //   }
+
+  //   queryParams.random = random;
+  //   console.log('queryParams', queryParams);
+
+  //   const newQueryParams: Record<string, string> = {};
+  //   for (const key in queryParams) {
+  //     newQueryParams[key] = `${queryParams[key as keyof typeof queryParams]}`;
+  //   }
+
+  //   const urlQueryParams = new URLSearchParams(newQueryParams);
+
+  //   const url = `https://api.boardgameatlas.com/api/search${urlQueryParams ? `?${urlQueryParams}` : ''
+  //     }`;
+  //   const response = await fetch(url, {
+  //     method: 'get',
+  //     headers: {
+  //       'content-type': 'application/json'
+  //     }
+  //   });
+  //   console.log('response status', response.status);
+  //   console.log('board game response action', response);
+  //   if (response.status === 404) {
+  //     // user hasn't created a todo list.
+  //     // start with an empty array
+  //     return {
+  //       success: true,
+  //       games: [],
+  //       totalCount: 0
+  //     };
+  //   }
+
+  //   if (response.status === 200) {
+  //     const gameResponse = await response.json();
+  //     console.log('gameResponse', gameResponse);
+  //     const gameList = gameResponse?.games;
+  //     const games: GameType[] = [];
+  //     gameList.forEach((game: GameType) => {
+  //       games.push(mapAPIGameToBoredGame(game));
+  //     });
+  //     console.log('action games', games);
+  //     return {
+  //       games,
+  //       totalCount: games.length
+  //     };
+  //   }
+
+  //   return { success: false };
+  // }
   // create: async function create({ request, locals }): Promise<any> {
   //   const data = await getFormDataObject<any>(request);
   //   return data;

From fa26cbc91e5e4a7912e730b1edbd42726a633cde Mon Sep 17 00:00:00 2001
From: Bradley Shellnut <bradleyshellnut@pm.me>
Date: Wed, 12 Oct 2022 23:49:06 -0500
Subject: [PATCH 09/15] Adding server load to process games.

---
 src/routes/search/+page.server.ts | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/routes/search/+page.server.ts b/src/routes/search/+page.server.ts
index ce34cdf..a001007 100644
--- a/src/routes/search/+page.server.ts
+++ b/src/routes/search/+page.server.ts
@@ -1,6 +1,15 @@
-import type { Actions } from '../$types';
+import type { Actions, PageServerLoad } from '../$types';
 import { Games } from '$root/search/actions';
 
+export const load: PageServerLoad = ({ request }) => {
+	console.log('page server load request', request)
+
+	return {
+    games: [],
+    totalCount: 0
+	};
+};
+
 export const actions: Actions = {
   default: Games.search,
 }
\ No newline at end of file

From f4ac64e88e147c3fbc68ee40edd19c7ce7beaa95 Mon Sep 17 00:00:00 2001
From: Bradley Shellnut <bradleyshellnut@pm.me>
Date: Thu, 13 Oct 2022 22:54:44 -0500
Subject: [PATCH 10/15] Render games without javascript to the search page.

---
 src/routes/search/+page.server.ts |  4 ++--
 src/routes/search/+page.svelte    | 29 +++++++++++++++++++++++++++++
 src/search/actions.ts             |  2 ++
 3 files changed, 33 insertions(+), 2 deletions(-)

diff --git a/src/routes/search/+page.server.ts b/src/routes/search/+page.server.ts
index a001007..16b21a5 100644
--- a/src/routes/search/+page.server.ts
+++ b/src/routes/search/+page.server.ts
@@ -1,8 +1,8 @@
 import type { Actions, PageServerLoad } from '../$types';
 import { Games } from '$root/search/actions';
 
-export const load: PageServerLoad = ({ request }) => {
-	console.log('page server load request', request)
+export const load: PageServerLoad = (v) => {
+	console.log('page server load request', v)
 
 	return {
     games: [],
diff --git a/src/routes/search/+page.svelte b/src/routes/search/+page.svelte
index af32b20..3e1fd28 100644
--- a/src/routes/search/+page.svelte
+++ b/src/routes/search/+page.svelte
@@ -17,6 +17,11 @@
 		gameStore.addAll(data?.games);
 	}
 
+	$: if (form?.games) {
+		gameStore.removeAll();
+		gameStore.addAll(form?.games);
+	}
+
 	interface RemoveGameEvent extends Event {
 		detail: GameType | SavedGameType;
 	}
@@ -43,3 +48,27 @@
 		</div>
 	</div>
 {/if}
+
+<style lang="scss">
+	.games {
+		margin: 2rem 0rem;
+
+		h1 {
+			margin-bottom: 2rem;
+		}
+	}
+
+	.games-list {
+		display: grid;
+		grid-template-columns: repeat(3, minmax(200px, 1fr));
+		gap: 2rem;
+
+		@media (max-width: 800px) {
+			grid-template-columns: 1fr 1fr;
+		}
+
+		@media (max-width: 650px) {
+			grid-template-columns: 1fr;
+		}
+	}
+</style>
diff --git a/src/search/actions.ts b/src/search/actions.ts
index d7c9c70..c0dd25f 100644
--- a/src/search/actions.ts
+++ b/src/search/actions.ts
@@ -68,6 +68,8 @@ export const Games: Actions = {
         games.push(mapAPIGameToBoredGame(game));
       });
 
+      console.log('returning from search')
+
       return {
         games,
         totalCount: games.length

From 94c2b3fc93f5ecd67d5880e1674ed31e4682ec72 Mon Sep 17 00:00:00 2001
From: Bradley Shellnut <bradleyshellnut@pm.me>
Date: Thu, 13 Oct 2022 23:01:01 -0500
Subject: [PATCH 11/15] Add search on the search page...who knew.

---
 src/routes/search/+page.svelte | 33 +++++++++++++++++++++++++++++++--
 1 file changed, 31 insertions(+), 2 deletions(-)

diff --git a/src/routes/search/+page.svelte b/src/routes/search/+page.svelte
index 3e1fd28..6c685bd 100644
--- a/src/routes/search/+page.svelte
+++ b/src/routes/search/+page.svelte
@@ -1,10 +1,13 @@
 <script lang="ts">
+	import { applyAction, enhance } from '$app/forms';
 	import type { ActionData, PageData } from './$types';
 	import Game from '$lib/components/game/index.svelte';
 	import { gameStore } from '$lib/stores/gameSearchStore';
+	import TextSearch from '$lib/components/search/textSearch/index.svelte';
 	import RemoveCollectionDialog from '$root/lib/components/dialog/RemoveCollectionDialog.svelte';
-	import type { GameType, SavedGameType } from '$root/lib/types';
+	import { ToastType, type GameType, type SavedGameType } from '$root/lib/types';
 	import { boredState } from '$root/lib/stores/boredState';
+	import { toast } from '$root/lib/components/toast/toast';
 
 	export let data: PageData;
 	export let form: ActionData;
@@ -36,7 +39,33 @@
 	}
 </script>
 
-<h1>Search</h1>
+<div class="game-search">
+	<form
+		action="/search"
+		method="post"
+		use:enhance={() => {
+			boredState.update((n) => ({ ...n, loading: true }));
+			return async ({ result }) => {
+				boredState.update((n) => ({ ...n, loading: false }));
+				console.log(result);
+				// `result` is an `ActionResult` object
+				if (result.type === 'error') {
+					toast.send('Error!', { duration: 3000, type: ToastType.ERROR, dismissible: true });
+					await applyAction(result);
+				} else {
+					gameStore.removeAll();
+					gameStore.addAll(result?.data?.games);
+					totalItems = result?.data?.totalCount;
+					console.log(`Frontend result: ${JSON.stringify(result)}`);
+					toast.send('Sucess!', { duration: 3000, type: ToastType.INFO, dismissible: true });
+					await applyAction(result);
+				}
+			};
+		}}
+	>
+		<TextSearch showButton />
+	</form>
+</div>
 
 {#if $gameStore?.length > 0}
 	<div class="games">

From 503b4d9e6d3b2c07d773de39bf64d0cd8ca8a9a3 Mon Sep 17 00:00:00 2001
From: Bradley Shellnut <bradleyshellnut@pm.me>
Date: Tue, 25 Oct 2022 21:42:10 -0400
Subject: [PATCH 12/15] Default search action plus adding back advanced search.

---
 package.json                      |  16 +-
 pnpm-lock.yaml                    | 244 ++++++++++++++++--------------
 src/routes/+page.svelte           |  20 ++-
 src/routes/search/+page.server.ts | 208 ++++++++++++++++++++++++-
 src/routes/search/+page.svelte    |   2 +-
 src/search/actions.ts             |  84 +++++-----
 6 files changed, 401 insertions(+), 173 deletions(-)

diff --git a/package.json b/package.json
index 39164e8..5386a1b 100644
--- a/package.json
+++ b/package.json
@@ -19,24 +19,24 @@
     "@sveltejs/adapter-auto": "1.0.0-next.72",
     "@sveltejs/kit": "1.0.0-next.480",
     "@types/cookie": "^0.5.1",
-    "@types/node": "^18.8.5",
-    "@typescript-eslint/eslint-plugin": "^5.40.0",
-    "@typescript-eslint/parser": "^5.40.0",
-    "carbon-components-svelte": "^0.70.10",
-    "carbon-icons-svelte": "^11.3.0",
-    "eslint": "^8.25.0",
+    "@types/node": "^18.11.5",
+    "@typescript-eslint/eslint-plugin": "^5.41.0",
+    "@typescript-eslint/parser": "^5.41.0",
+    "carbon-components-svelte": "^0.70.12",
+    "carbon-icons-svelte": "^11.4.0",
+    "eslint": "^8.26.0",
     "eslint-config-prettier": "^8.1.0",
     "eslint-plugin-svelte3": "^4.0.0",
     "just-debounce-it": "^3.1.1",
     "prettier": "^2.7.1",
     "prettier-plugin-svelte": "^2.8.0",
     "sass": "^1.55.0",
-    "svelte": "^3.51.0",
+    "svelte": "^3.52.0",
     "svelte-check": "^2.9.2",
     "svelte-preprocess": "^4.10.7",
     "tslib": "^2.0.0",
     "typescript": "^4.8.4",
-    "vite": "^3.1.7"
+    "vite": "^3.1.8"
   },
   "type": "module",
   "dependencies": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8394663..bed6084 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -12,13 +12,13 @@ specifiers:
   '@sveltejs/kit': 1.0.0-next.480
   '@types/cookie': ^0.5.1
   '@types/feather-icons': ^4.7.0
-  '@types/node': ^18.8.5
-  '@typescript-eslint/eslint-plugin': ^5.40.0
-  '@typescript-eslint/parser': ^5.40.0
-  carbon-components-svelte: ^0.70.10
-  carbon-icons-svelte: ^11.3.0
+  '@types/node': ^18.11.5
+  '@typescript-eslint/eslint-plugin': ^5.41.0
+  '@typescript-eslint/parser': ^5.41.0
+  carbon-components-svelte: ^0.70.12
+  carbon-icons-svelte: ^11.4.0
   cookie: ^0.5.0
-  eslint: ^8.25.0
+  eslint: ^8.26.0
   eslint-config-prettier: ^8.1.0
   eslint-plugin-svelte3: ^4.0.0
   feather-icons: ^4.29.0
@@ -26,12 +26,12 @@ specifiers:
   prettier: ^2.7.1
   prettier-plugin-svelte: ^2.8.0
   sass: ^1.55.0
-  svelte: ^3.51.0
+  svelte: ^3.52.0
   svelte-check: ^2.9.2
   svelte-preprocess: ^4.10.7
   tslib: ^2.0.0
   typescript: ^4.8.4
-  vite: ^3.1.7
+  vite: ^3.1.8
   zod: ^3.19.1
   zod-to-json-schema: ^3.18.1
 
@@ -48,29 +48,29 @@ dependencies:
 
 devDependencies:
   '@playwright/test': 1.27.1
-  '@rgossiaux/svelte-headlessui': 1.0.2_svelte@3.51.0
-  '@rgossiaux/svelte-heroicons': 0.1.2_svelte@3.51.0
+  '@rgossiaux/svelte-headlessui': 1.0.2_svelte@3.52.0
+  '@rgossiaux/svelte-heroicons': 0.1.2_svelte@3.52.0
   '@sveltejs/adapter-auto': 1.0.0-next.72
-  '@sveltejs/kit': 1.0.0-next.480_svelte@3.51.0+vite@3.1.7
+  '@sveltejs/kit': 1.0.0-next.480_svelte@3.52.0+vite@3.1.8
   '@types/cookie': 0.5.1
-  '@types/node': 18.8.5
-  '@typescript-eslint/eslint-plugin': 5.40.0_25sstg4uu2sk4pm7xcyzuov7xq
-  '@typescript-eslint/parser': 5.40.0_z4bbprzjrhnsfa24uvmcbu7f5q
-  carbon-components-svelte: 0.70.10
-  carbon-icons-svelte: 11.3.0
-  eslint: 8.25.0
-  eslint-config-prettier: 8.5.0_eslint@8.25.0
-  eslint-plugin-svelte3: 4.0.0_pr36k4f4yzzzfpayao7l7fkqni
+  '@types/node': 18.11.5
+  '@typescript-eslint/eslint-plugin': 5.41.0_huremdigmcnkianavgfk3x6iou
+  '@typescript-eslint/parser': 5.41.0_wyqvi574yv7oiwfeinomdzmc3m
+  carbon-components-svelte: 0.70.12
+  carbon-icons-svelte: 11.4.0
+  eslint: 8.26.0
+  eslint-config-prettier: 8.5.0_eslint@8.26.0
+  eslint-plugin-svelte3: 4.0.0_l6ppk7eerpslmlsqymzic46t24
   just-debounce-it: 3.1.1
   prettier: 2.7.1
-  prettier-plugin-svelte: 2.8.0_ibge6ami6vq2q2j5g4rcvk62hq
+  prettier-plugin-svelte: 2.8.0_lrllcp5xtrkmmdzifit4hd52ze
   sass: 1.55.0
-  svelte: 3.51.0
-  svelte-check: 2.9.2_sass@1.55.0+svelte@3.51.0
-  svelte-preprocess: 4.10.7_3zdl52liprsvq5pqxbibodqiju
+  svelte: 3.52.0
+  svelte-check: 2.9.2_sass@1.55.0+svelte@3.52.0
+  svelte-preprocess: 4.10.7_q7oepo4r57y5enzswpidbbgzsy
   tslib: 2.4.0
   typescript: 4.8.4
-  vite: 3.1.7_sass@1.55.0
+  vite: 3.1.8_sass@1.55.0
 
 packages:
 
@@ -126,8 +126,8 @@ packages:
     resolution: {integrity: sha512-bxUnRP8xptGRo8YXeY073DSpfK74XpSb0ZyRNpHV9WvLnJ7TwPOjZll8hTMin7zLC6iOp59pDZ8EQDj1gzgAQQ==}
     dev: false
 
-  /@humanwhocodes/config-array/0.10.5:
-    resolution: {integrity: sha512-XVVDtp+dVvRxMoxSiSfasYaG02VEe1qH5cKgMQJWhol6HwzbcqoCMJi8dAGoYAO57jhUyhI6cWuRiTcRaDaYug==}
+  /@humanwhocodes/config-array/0.11.6:
+    resolution: {integrity: sha512-jJr+hPTJYKyDILJfhNSHsjiwXYf26Flsz8DvNndOsHs5pwSnpGUEy8yzF0JYhCEvTDdV2vuOK5tt8BVhwO5/hg==}
     engines: {node: '>=10.10.0'}
     dependencies:
       '@humanwhocodes/object-schema': 1.2.1
@@ -199,7 +199,7 @@ packages:
       nopt: 5.0.0
       npmlog: 5.0.1
       rimraf: 3.0.2
-      semver: 7.3.7
+      semver: 7.3.8
       tar: 6.1.11
     transitivePeerDependencies:
       - encoding
@@ -232,7 +232,7 @@ packages:
     engines: {node: '>=14'}
     hasBin: true
     dependencies:
-      '@types/node': 18.8.5
+      '@types/node': 18.11.5
       playwright-core: 1.27.1
     dev: true
 
@@ -240,20 +240,20 @@ packages:
     resolution: {integrity: sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==}
     dev: true
 
-  /@rgossiaux/svelte-headlessui/1.0.2_svelte@3.51.0:
+  /@rgossiaux/svelte-headlessui/1.0.2_svelte@3.52.0:
     resolution: {integrity: sha512-sauopYTSivhzXe1kAvgawkhyYJcQlK8Li3p0d2OtcCIVprOzdbard5lbqWB4xHDv83zAobt2mR08oizO2poHLQ==}
     peerDependencies:
       svelte: ^3.44.0
     dependencies:
-      svelte: 3.51.0
+      svelte: 3.52.0
     dev: true
 
-  /@rgossiaux/svelte-heroicons/0.1.2_svelte@3.51.0:
+  /@rgossiaux/svelte-heroicons/0.1.2_svelte@3.52.0:
     resolution: {integrity: sha512-c5Ep1QDvBo9HD/P0AxbXItDbn6x77fldCjjL0aBjNseUntV4fkdHkBde1IaLr8i0kmrhTSovjkIen8W83jUPzg==}
     peerDependencies:
       svelte: ^3.44.0
     dependencies:
-      svelte: 3.51.0
+      svelte: 3.52.0
     dev: true
 
   /@rollup/pluginutils/4.2.1:
@@ -302,7 +302,7 @@ packages:
       - supports-color
     dev: true
 
-  /@sveltejs/kit/1.0.0-next.480_svelte@3.51.0+vite@3.1.7:
+  /@sveltejs/kit/1.0.0-next.480_svelte@3.52.0+vite@3.1.8:
     resolution: {integrity: sha512-RnltVDZFksAkeIZ0wgMQDr4POz3WZxSDy6D/ycIjrz3VXMDYWxKRqmTEI7Yl7TxPgUabeYHGRm/qI+nSXOb/Yw==}
     engines: {node: '>=16.14'}
     hasBin: true
@@ -311,7 +311,7 @@ packages:
       svelte: ^3.44.0
       vite: ^3.1.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 1.0.5_svelte@3.51.0+vite@3.1.7
+      '@sveltejs/vite-plugin-svelte': 1.0.5_svelte@3.52.0+vite@3.1.8
       cookie: 0.5.0
       devalue: 3.1.3
       kleur: 4.1.5
@@ -321,16 +321,16 @@ packages:
       sade: 1.8.1
       set-cookie-parser: 2.5.1
       sirv: 2.0.2
-      svelte: 3.51.0
+      svelte: 3.52.0
       tiny-glob: 0.2.9
       undici: 5.10.0
-      vite: 3.1.7_sass@1.55.0
+      vite: 3.1.8_sass@1.55.0
     transitivePeerDependencies:
       - diff-match-patch
       - supports-color
     dev: true
 
-  /@sveltejs/vite-plugin-svelte/1.0.5_svelte@3.51.0+vite@3.1.7:
+  /@sveltejs/vite-plugin-svelte/1.0.5_svelte@3.52.0+vite@3.1.8:
     resolution: {integrity: sha512-CmSdSow0Dr5ua1A11BQMtreWnE0JZmkVIcRU/yG3PKbycKUpXjNdgYTWFSbStLB0vdlGnBbm2+Y4sBVj+C+TIw==}
     engines: {node: ^14.18.0 || >= 16}
     peerDependencies:
@@ -346,9 +346,9 @@ packages:
       deepmerge: 4.2.2
       kleur: 4.1.5
       magic-string: 0.26.3
-      svelte: 3.51.0
-      svelte-hmr: 0.14.12_svelte@3.51.0
-      vite: 3.1.7_sass@1.55.0
+      svelte: 3.52.0
+      svelte-hmr: 0.14.12_svelte@3.52.0
+      vite: 3.1.8_sass@1.55.0
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -365,8 +365,8 @@ packages:
     resolution: {integrity: sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==}
     dev: true
 
-  /@types/node/18.8.5:
-    resolution: {integrity: sha512-Bq7G3AErwe5A/Zki5fdD3O6+0zDChhg671NfPjtIcbtzDNZTv4NPKMRFr7gtYPG7y+B8uTiNK4Ngd9T0FTar6Q==}
+  /@types/node/18.11.5:
+    resolution: {integrity: sha512-3JRwhbjI+cHLAkUorhf8RnqUbFXajvzX4q6fMn5JwkgtuwfYtRQYI3u4V92vI6NJuTsbBQWWh3RZjFsuevyMGQ==}
     dev: true
 
   /@types/pug/2.0.6:
@@ -376,11 +376,15 @@ packages:
   /@types/sass/1.43.1:
     resolution: {integrity: sha512-BPdoIt1lfJ6B7rw35ncdwBZrAssjcwzI5LByIrYs+tpXlj/CAkuVdRsgZDdP4lq5EjyWzwxZCqAoFyHKFwp32g==}
     dependencies:
-      '@types/node': 18.8.5
+      '@types/node': 18.11.5
     dev: true
 
-  /@typescript-eslint/eslint-plugin/5.40.0_25sstg4uu2sk4pm7xcyzuov7xq:
-    resolution: {integrity: sha512-FIBZgS3DVJgqPwJzvZTuH4HNsZhHMa9SjxTKAZTlMsPw/UzpEjcf9f4dfgDJEHjK+HboUJo123Eshl6niwEm/Q==}
+  /@types/semver/7.3.12:
+    resolution: {integrity: sha512-WwA1MW0++RfXmCr12xeYOOC5baSC9mSb0ZqCquFzKhcoF4TvHu5MKOuXsncgZcpVFhB1pXd5hZmM0ryAoCp12A==}
+    dev: true
+
+  /@typescript-eslint/eslint-plugin/5.41.0_huremdigmcnkianavgfk3x6iou:
+    resolution: {integrity: sha512-DXUS22Y57/LAFSg3x7Vi6RNAuLpTXwxB9S2nIA7msBb/Zt8p7XqMwdpdc1IU7CkOQUPgAqR5fWvxuKCbneKGmA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       '@typescript-eslint/parser': ^5.0.0
@@ -390,12 +394,12 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.40.0_z4bbprzjrhnsfa24uvmcbu7f5q
-      '@typescript-eslint/scope-manager': 5.40.0
-      '@typescript-eslint/type-utils': 5.40.0_z4bbprzjrhnsfa24uvmcbu7f5q
-      '@typescript-eslint/utils': 5.40.0_z4bbprzjrhnsfa24uvmcbu7f5q
+      '@typescript-eslint/parser': 5.41.0_wyqvi574yv7oiwfeinomdzmc3m
+      '@typescript-eslint/scope-manager': 5.41.0
+      '@typescript-eslint/type-utils': 5.41.0_wyqvi574yv7oiwfeinomdzmc3m
+      '@typescript-eslint/utils': 5.41.0_wyqvi574yv7oiwfeinomdzmc3m
       debug: 4.3.4
-      eslint: 8.25.0
+      eslint: 8.26.0
       ignore: 5.2.0
       regexpp: 3.2.0
       semver: 7.3.7
@@ -405,8 +409,8 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser/5.40.0_z4bbprzjrhnsfa24uvmcbu7f5q:
-    resolution: {integrity: sha512-Ah5gqyX2ySkiuYeOIDg7ap51/b63QgWZA7w6AHtFrag7aH0lRQPbLzUjk0c9o5/KZ6JRkTTDKShL4AUrQa6/hw==}
+  /@typescript-eslint/parser/5.41.0_wyqvi574yv7oiwfeinomdzmc3m:
+    resolution: {integrity: sha512-HQVfix4+RL5YRWZboMD1pUfFN8MpRH4laziWkkAzyO1fvNOY/uinZcvo3QiFJVS/siNHupV8E5+xSwQZrl6PZA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
@@ -415,26 +419,26 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': 5.40.0
-      '@typescript-eslint/types': 5.40.0
-      '@typescript-eslint/typescript-estree': 5.40.0_typescript@4.8.4
+      '@typescript-eslint/scope-manager': 5.41.0
+      '@typescript-eslint/types': 5.41.0
+      '@typescript-eslint/typescript-estree': 5.41.0_typescript@4.8.4
       debug: 4.3.4
-      eslint: 8.25.0
+      eslint: 8.26.0
       typescript: 4.8.4
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/scope-manager/5.40.0:
-    resolution: {integrity: sha512-d3nPmjUeZtEWRvyReMI4I1MwPGC63E8pDoHy0BnrYjnJgilBD3hv7XOiETKLY/zTwI7kCnBDf2vWTRUVpYw0Uw==}
+  /@typescript-eslint/scope-manager/5.41.0:
+    resolution: {integrity: sha512-xOxPJCnuktUkY2xoEZBKXO5DBCugFzjrVndKdUnyQr3+9aDWZReKq9MhaoVnbL+maVwWJu/N0SEtrtEUNb62QQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': 5.40.0
-      '@typescript-eslint/visitor-keys': 5.40.0
+      '@typescript-eslint/types': 5.41.0
+      '@typescript-eslint/visitor-keys': 5.41.0
     dev: true
 
-  /@typescript-eslint/type-utils/5.40.0_z4bbprzjrhnsfa24uvmcbu7f5q:
-    resolution: {integrity: sha512-nfuSdKEZY2TpnPz5covjJqav+g5qeBqwSHKBvz7Vm1SAfy93SwKk/JeSTymruDGItTwNijSsno5LhOHRS1pcfw==}
+  /@typescript-eslint/type-utils/5.41.0_wyqvi574yv7oiwfeinomdzmc3m:
+    resolution: {integrity: sha512-L30HNvIG6A1Q0R58e4hu4h+fZqaO909UcnnPbwKiN6Rc3BUEx6ez2wgN7aC0cBfcAjZfwkzE+E2PQQ9nEuoqfA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '*'
@@ -443,23 +447,23 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.40.0_typescript@4.8.4
-      '@typescript-eslint/utils': 5.40.0_z4bbprzjrhnsfa24uvmcbu7f5q
+      '@typescript-eslint/typescript-estree': 5.41.0_typescript@4.8.4
+      '@typescript-eslint/utils': 5.41.0_wyqvi574yv7oiwfeinomdzmc3m
       debug: 4.3.4
-      eslint: 8.25.0
+      eslint: 8.26.0
       tsutils: 3.21.0_typescript@4.8.4
       typescript: 4.8.4
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/types/5.40.0:
-    resolution: {integrity: sha512-V1KdQRTXsYpf1Y1fXCeZ+uhjW48Niiw0VGt4V8yzuaDTU8Z1Xl7yQDyQNqyAFcVhpYXIVCEuxSIWTsLDpHgTbw==}
+  /@typescript-eslint/types/5.41.0:
+    resolution: {integrity: sha512-5BejraMXMC+2UjefDvrH0Fo/eLwZRV6859SXRg+FgbhA0R0l6lDqDGAQYhKbXhPN2ofk2kY5sgGyLNL907UXpA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@typescript-eslint/typescript-estree/5.40.0_typescript@4.8.4:
-    resolution: {integrity: sha512-b0GYlDj8TLTOqwX7EGbw2gL5EXS2CPEWhF9nGJiGmEcmlpNBjyHsTwbqpyIEPVpl6br4UcBOYlcI2FJVtJkYhg==}
+  /@typescript-eslint/typescript-estree/5.41.0_typescript@4.8.4:
+    resolution: {integrity: sha512-SlzFYRwFSvswzDSQ/zPkIWcHv8O5y42YUskko9c4ki+fV6HATsTODUPbRbcGDFYP86gaJL5xohUEytvyNNcXWg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       typescript: '*'
@@ -467,8 +471,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': 5.40.0
-      '@typescript-eslint/visitor-keys': 5.40.0
+      '@typescript-eslint/types': 5.41.0
+      '@typescript-eslint/visitor-keys': 5.41.0
       debug: 4.3.4
       globby: 11.1.0
       is-glob: 4.0.3
@@ -479,30 +483,31 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils/5.40.0_z4bbprzjrhnsfa24uvmcbu7f5q:
-    resolution: {integrity: sha512-MO0y3T5BQ5+tkkuYZJBjePewsY+cQnfkYeRqS6tPh28niiIwPnQ1t59CSRcs1ZwJJNOdWw7rv9pF8aP58IMihA==}
+  /@typescript-eslint/utils/5.41.0_wyqvi574yv7oiwfeinomdzmc3m:
+    resolution: {integrity: sha512-QlvfwaN9jaMga9EBazQ+5DDx/4sAdqDkcs05AsQHMaopluVCUyu1bTRUVKzXbgjDlrRAQrYVoi/sXJ9fmG+KLQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
       '@types/json-schema': 7.0.11
-      '@typescript-eslint/scope-manager': 5.40.0
-      '@typescript-eslint/types': 5.40.0
-      '@typescript-eslint/typescript-estree': 5.40.0_typescript@4.8.4
-      eslint: 8.25.0
+      '@types/semver': 7.3.12
+      '@typescript-eslint/scope-manager': 5.41.0
+      '@typescript-eslint/types': 5.41.0
+      '@typescript-eslint/typescript-estree': 5.41.0_typescript@4.8.4
+      eslint: 8.26.0
       eslint-scope: 5.1.1
-      eslint-utils: 3.0.0_eslint@8.25.0
+      eslint-utils: 3.0.0_eslint@8.26.0
       semver: 7.3.7
     transitivePeerDependencies:
       - supports-color
       - typescript
     dev: true
 
-  /@typescript-eslint/visitor-keys/5.40.0:
-    resolution: {integrity: sha512-ijJ+6yig+x9XplEpG2K6FUdJeQGGj/15U3S56W9IqXKJqleuD7zJ2AX/miLezwxpd7ZxDAqO87zWufKg+RPZyQ==}
+  /@typescript-eslint/visitor-keys/5.41.0:
+    resolution: {integrity: sha512-vilqeHj267v8uzzakbm13HkPMl7cbYpKVjgFWZPIOHIJHZtinvypUhJ5xBXfWYg4eFKqztbMMpOgFpT9Gfx4fw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': 5.40.0
+      '@typescript-eslint/types': 5.41.0
       eslint-visitor-keys: 3.3.0
     dev: true
 
@@ -645,14 +650,14 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  /carbon-components-svelte/0.70.10:
-    resolution: {integrity: sha512-JevvFOwmwyJTlop1UNiJ/bQ88PGFHipS8684qvHCMO283IxLmHaSydn5DcUIq9Qd1xV4qsQdCioYFI8DlLvc0Q==}
+  /carbon-components-svelte/0.70.12:
+    resolution: {integrity: sha512-CSVXWr53kSP/6ITaLxcCd/7rZStM3Mgl1tXedlwgvkViqDgCexWzSsK1u2RoSptmqL5IggUehabcETD6tm5EFg==}
     dependencies:
       flatpickr: 4.6.9
     dev: true
 
-  /carbon-icons-svelte/11.3.0:
-    resolution: {integrity: sha512-45SHyp8RRwP5ZgV1YOvFIKPpdJDIrVzPL3f+YFK5V81eXr0MDH41vebKlRDAVMqAAetci8n8nRNGJ6JbBX2soQ==}
+  /carbon-icons-svelte/11.4.0:
+    resolution: {integrity: sha512-p/llZde2kP2BI9SOqM+QFKGfQnYrW+4dVxF1rAYriEADXDsjt9EYlh+KpQ5qf4JpXAq+e2+TB/r/lIG1xdUbAQ==}
     dev: true
 
   /chalk/4.1.2:
@@ -1219,23 +1224,23 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  /eslint-config-prettier/8.5.0_eslint@8.25.0:
+  /eslint-config-prettier/8.5.0_eslint@8.26.0:
     resolution: {integrity: sha512-obmWKLUNCnhtQRKc+tmnYuQl0pFU1ibYJQ5BGhTVB08bHe9wC8qUeG7c08dj9XX+AuPj1YSGSQIHl1pnDHZR0Q==}
     hasBin: true
     peerDependencies:
       eslint: '>=7.0.0'
     dependencies:
-      eslint: 8.25.0
+      eslint: 8.26.0
     dev: true
 
-  /eslint-plugin-svelte3/4.0.0_pr36k4f4yzzzfpayao7l7fkqni:
+  /eslint-plugin-svelte3/4.0.0_l6ppk7eerpslmlsqymzic46t24:
     resolution: {integrity: sha512-OIx9lgaNzD02+MDFNLw0GEUbuovNcglg+wnd/UY0fbZmlQSz7GlQiQ1f+yX0XvC07XPcDOnFcichqI3xCwp71g==}
     peerDependencies:
       eslint: '>=8.0.0'
       svelte: ^3.2.0
     dependencies:
-      eslint: 8.25.0
-      svelte: 3.51.0
+      eslint: 8.26.0
+      svelte: 3.52.0
     dev: true
 
   /eslint-scope/5.1.1:
@@ -1254,13 +1259,13 @@ packages:
       estraverse: 5.3.0
     dev: true
 
-  /eslint-utils/3.0.0_eslint@8.25.0:
+  /eslint-utils/3.0.0_eslint@8.26.0:
     resolution: {integrity: sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==}
     engines: {node: ^10.0.0 || ^12.0.0 || >= 14.0.0}
     peerDependencies:
       eslint: '>=5'
     dependencies:
-      eslint: 8.25.0
+      eslint: 8.26.0
       eslint-visitor-keys: 2.1.0
     dev: true
 
@@ -1274,14 +1279,15 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /eslint/8.25.0:
-    resolution: {integrity: sha512-DVlJOZ4Pn50zcKW5bYH7GQK/9MsoQG2d5eDH0ebEkE8PbgzTTmtt/VTH9GGJ4BfeZCpBLqFfvsjX35UacUL83A==}
+  /eslint/8.26.0:
+    resolution: {integrity: sha512-kzJkpaw1Bfwheq4VXUezFriD1GxszX6dUekM7Z3aC2o4hju+tsR/XyTC3RcoSD7jmy9VkPU3+N6YjVU2e96Oyg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     hasBin: true
     dependencies:
       '@eslint/eslintrc': 1.3.3
-      '@humanwhocodes/config-array': 0.10.5
+      '@humanwhocodes/config-array': 0.11.6
       '@humanwhocodes/module-importer': 1.0.1
+      '@nodelib/fs.walk': 1.2.8
       ajv: 6.12.6
       chalk: 4.1.2
       cross-spawn: 7.0.3
@@ -1289,7 +1295,7 @@ packages:
       doctrine: 3.0.0
       escape-string-regexp: 4.0.0
       eslint-scope: 7.1.1
-      eslint-utils: 3.0.0_eslint@8.25.0
+      eslint-utils: 3.0.0_eslint@8.26.0
       eslint-visitor-keys: 3.3.0
       espree: 9.4.0
       esquery: 1.4.0
@@ -1299,12 +1305,12 @@ packages:
       find-up: 5.0.0
       glob-parent: 6.0.2
       globals: 13.17.0
-      globby: 11.1.0
       grapheme-splitter: 1.0.4
       ignore: 5.2.0
       import-fresh: 3.3.0
       imurmurhash: 0.1.4
       is-glob: 4.0.3
+      is-path-inside: 3.0.3
       js-sdsl: 4.1.4
       js-yaml: 4.1.0
       json-stable-stringify-without-jsonify: 1.0.1
@@ -1382,6 +1388,17 @@ packages:
       micromatch: 4.0.5
     dev: true
 
+  /fast-glob/3.2.12:
+    resolution: {integrity: sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==}
+    engines: {node: '>=8.6.0'}
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.5
+    dev: true
+
   /fast-json-stable-stringify/2.1.0:
     resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
     dev: true
@@ -1540,7 +1557,7 @@ packages:
     dependencies:
       array-union: 2.1.0
       dir-glob: 3.0.1
-      fast-glob: 3.2.11
+      fast-glob: 3.2.12
       ignore: 5.2.0
       merge2: 1.4.1
       slash: 3.0.0
@@ -1652,6 +1669,11 @@ packages:
     engines: {node: '>=0.12.0'}
     dev: true
 
+  /is-path-inside/3.0.3:
+    resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
+    engines: {node: '>=8'}
+    dev: true
+
   /isexe/2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
     dev: true
@@ -1970,14 +1992,14 @@ packages:
     engines: {node: '>= 0.8.0'}
     dev: true
 
-  /prettier-plugin-svelte/2.8.0_ibge6ami6vq2q2j5g4rcvk62hq:
+  /prettier-plugin-svelte/2.8.0_lrllcp5xtrkmmdzifit4hd52ze:
     resolution: {integrity: sha512-QlXv/U3bUszks3XYDPsk1fsaQC+fo2lshwKbcbO+lrSVdJ+40mB1BfL8OCAk1W9y4pJxpqO/4gqm6NtF3zNGCw==}
     peerDependencies:
       prettier: ^1.16.4 || ^2.0.0
       svelte: ^3.2.0
     dependencies:
       prettier: 2.7.1
-      svelte: 3.51.0
+      svelte: 3.52.0
     dev: true
 
   /prettier/2.7.1:
@@ -2233,7 +2255,7 @@ packages:
     engines: {node: '>= 0.4'}
     dev: true
 
-  /svelte-check/2.9.2_sass@1.55.0+svelte@3.51.0:
+  /svelte-check/2.9.2_sass@1.55.0+svelte@3.52.0:
     resolution: {integrity: sha512-DRi8HhnCiqiGR2YF9ervPGvtoYrheE09cXieCTEqeTPOTJzfoa54Py8rovIBv4bH4n5HgZYIyTQ3DDLHQLl2uQ==}
     hasBin: true
     peerDependencies:
@@ -2245,8 +2267,8 @@ packages:
       import-fresh: 3.3.0
       picocolors: 1.0.0
       sade: 1.8.1
-      svelte: 3.51.0
-      svelte-preprocess: 4.10.7_3zdl52liprsvq5pqxbibodqiju
+      svelte: 3.52.0
+      svelte-preprocess: 4.10.7_q7oepo4r57y5enzswpidbbgzsy
       typescript: 4.8.4
     transitivePeerDependencies:
       - '@babel/core'
@@ -2261,16 +2283,16 @@ packages:
       - sugarss
     dev: true
 
-  /svelte-hmr/0.14.12_svelte@3.51.0:
+  /svelte-hmr/0.14.12_svelte@3.52.0:
     resolution: {integrity: sha512-4QSW/VvXuqVcFZ+RhxiR8/newmwOCTlbYIezvkeN6302YFRE8cXy0naamHcjz8Y9Ce3ITTZtrHrIL0AGfyo61w==}
     engines: {node: ^12.20 || ^14.13.1 || >= 16}
     peerDependencies:
       svelte: '>=3.19.0'
     dependencies:
-      svelte: 3.51.0
+      svelte: 3.52.0
     dev: true
 
-  /svelte-preprocess/4.10.7_3zdl52liprsvq5pqxbibodqiju:
+  /svelte-preprocess/4.10.7_q7oepo4r57y5enzswpidbbgzsy:
     resolution: {integrity: sha512-sNPBnqYD6FnmdBrUmBCaqS00RyCsCpj2BG58A1JBswNF7b0OKviwxqVrOL/CKyJrLSClrSeqQv5BXNg2RUbPOw==}
     engines: {node: '>= 9.11.2'}
     requiresBuild: true
@@ -2318,12 +2340,12 @@ packages:
       sass: 1.55.0
       sorcery: 0.10.0
       strip-indent: 3.0.0
-      svelte: 3.51.0
+      svelte: 3.52.0
       typescript: 4.8.4
     dev: true
 
-  /svelte/3.51.0:
-    resolution: {integrity: sha512-PBITYIrsNOuW+Dtds00gSY68raNZQn7i59Dg/fjgf6WwyawPKeBwle692coO7ILZqSO+UJe9899aDn9sMdeOHA==}
+  /svelte/3.52.0:
+    resolution: {integrity: sha512-FxcnEUOAVfr10vDU5dVgJN19IvqeHQCS1zfe8vayTfis9A2t5Fhx+JDe5uv/C3j//bB1umpLJ6quhgs9xyUbCQ==}
     engines: {node: '>= 8'}
     dev: true
 
@@ -2417,8 +2439,8 @@ packages:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
     dev: true
 
-  /vite/3.1.7_sass@1.55.0:
-    resolution: {integrity: sha512-5vCAmU4S8lyVdFCInu9M54f/g8qbOMakVw5xJ4pjoaDy5wgy9sLLZkGdSLN52dlsBqh0tBqxjaqqa8LgPqwRAA==}
+  /vite/3.1.8_sass@1.55.0:
+    resolution: {integrity: sha512-m7jJe3nufUbuOfotkntGFupinL/fmuTNuQmiVE7cH2IZMuf4UbfbGYMUT3jVWgGYuRVLY9j8NnrRqgw5rr5QTg==}
     engines: {node: ^14.18.0 || >=16.0.0}
     hasBin: true
     peerDependencies:
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 15a5396..07ecd07 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { enhance, applyAction } from '$app/forms';
-	import type { PageData } from './$types';
+	import type { ActionData, PageData } from './$types';
 	import { ToastType, type GameType, type SavedGameType } from '$root/lib/types';
 	import { toast } from '$root/lib/components/toast/toast';
 	import { gameStore } from '$lib/stores/gameSearchStore';
@@ -13,6 +13,7 @@
 	import Pagination from '$lib/components/pagination/index.svelte';
 
 	export let data: PageData;
+	export let form: ActionData;
 	console.log('Formed data:', JSON.stringify(data));
 	let pageSize: number;
 	let currentPage: number;
@@ -97,18 +98,21 @@
 			boredState.update((n) => ({ ...n, loading: true }));
 			return async ({ result }) => {
 				boredState.update((n) => ({ ...n, loading: false }));
-				console.log(result);
+				console.log('result main page search', result);
 				// `result` is an `ActionResult` object
-				if (result.type === 'error') {
-					toast.send('Error!', { duration: 3000, type: ToastType.ERROR, dismissible: true });
-					await applyAction(result);
-				} else {
+				if (result.type === 'success') {
+					console.log('In success');
 					gameStore.removeAll();
-					gameStore.addAll(result?.data?.games);
+					const resultGames = result?.data?.games;
+					if (resultGames?.length <= 0) {
+						toast.send('No results!', { duration: 3000, type: ToastType.INFO, dismissible: true });
+					}
+					gameStore.addAll(resultGames);
 					totalItems = result?.data?.totalCount;
 					console.log(`Frontend result: ${JSON.stringify(result)}`);
-					toast.send('Sucess!', { duration: 3000, type: ToastType.INFO, dismissible: true });
 					await applyAction(result);
+				} else {
+					console.log('Invalid');
 				}
 			};
 		}}
diff --git a/src/routes/search/+page.server.ts b/src/routes/search/+page.server.ts
index 16b21a5..872c74c 100644
--- a/src/routes/search/+page.server.ts
+++ b/src/routes/search/+page.server.ts
@@ -1,5 +1,8 @@
-import type { Actions, PageServerLoad } from '../$types';
-import { Games } from '$root/search/actions';
+import type { Actions, PageServerLoad, RequestEvent } from '../$types';
+import { BOARD_GAME_ATLAS_CLIENT_ID } from '$env/static/private';
+import { invalid } from '@sveltejs/kit';
+import type { GameType, SearchQuery } from '$root/lib/types';
+import { mapAPIGameToBoredGame } from '$root/lib/util/gameMapper';
 
 export const load: PageServerLoad = (v) => {
 	console.log('page server load request', v)
@@ -11,5 +14,202 @@ export const load: PageServerLoad = (v) => {
 };
 
 export const actions: Actions = {
-  default: Games.search,
-}
\ No newline at end of file
+  default: async ({ request, locals }: RequestEvent): Promise<any> => {
+    console.log("In search action specific")
+    // Do things in here
+    const form = await request.formData();
+    console.log('action form', form);
+    const queryParams: SearchQuery = {
+      order_by: 'rank',
+      ascending: false,
+      limit: 10,
+      skip: 0,
+      client_id: BOARD_GAME_ATLAS_CLIENT_ID,
+      fuzzy_match: true,
+      name: ''
+    };
+
+    const minAge = form.get('minAge');
+    const minPlayers = form.get('minPlayers');
+    const maxPlayers = form.get('maxPlayers');
+    const exactMinAge = form.get('exactMinAge') || false;
+    const exactMinPlayers = form.get('exactMinPlayers') || false;
+    const exactMaxPlayers = form.get('exactMaxPlayers') || false;
+    
+    if (minAge) {
+      if (exactMinAge) {
+        queryParams.min_age = +minAge;
+      } else {
+        queryParams.gt_min_age = +minAge === 1 ? 0 : +minAge - 1;
+      }
+    }
+
+    if (minPlayers) {
+      if (exactMinPlayers) {
+        queryParams.min_players = +minPlayers;
+      } else {
+        queryParams.gt_min_players = +minPlayers === 1 ? 0 : +minPlayers - 1;
+      }
+    }
+
+    if (maxPlayers) {
+      if (exactMaxPlayers) {
+        queryParams.max_players = +maxPlayers;
+      } else {
+        queryParams.lt_max_players = +maxPlayers + 1;
+      }
+    }
+
+    const name = form.has('name') ? form.get('name') : await request?.text();
+    console.log('name', name);
+    if (name) {
+      queryParams.name = `${name}`;
+    }
+
+    const newQueryParams: Record<string, string> = {};
+    for (const key in queryParams) {
+      console.log('key', key);
+      console.log('queryParams[key]', queryParams[key as keyof SearchQuery]);
+      newQueryParams[key] = `${queryParams[key as keyof SearchQuery]}`;
+    }
+
+    const urlQueryParams = new URLSearchParams(newQueryParams);
+    console.log('urlQueryParams', urlQueryParams);
+
+    try {
+      const url = `https://api.boardgameatlas.com/api/search${urlQueryParams ? `?${urlQueryParams}` : ''
+        }`;
+      const response = await fetch(url, {
+        method: 'get',
+        headers: {
+          'content-type': 'application/json'
+        }
+      });
+      console.log('board game response', response);
+      if (response.status !== 200) {
+        console.log('Status not 200', response.status)
+        invalid(response.status, {});
+      }
+
+      if (response.status === 200) {
+        const gameResponse = await response.json();
+        console.log('gameResponse', gameResponse);
+        const gameList = gameResponse?.games;
+        const totalCount = gameResponse?.count;
+        console.log('totalCount', totalCount);
+        const games: GameType[] = [];
+        gameList.forEach((game) => {
+          games.push(mapAPIGameToBoredGame(game));
+        });
+
+        console.log('returning from search', games)
+
+        return {
+          games,
+          totalCount: games.length
+        };
+      }
+    } catch (e) {
+      console.log(`Error searching board games ${e}`);
+    }
+    return {
+      games: [],
+      totalCount: 0
+    };
+  }
+
+  //   const id = form.get('id');
+  //   const ids = form.get('ids');
+  //   const minAge = form.get('minAge');
+  //   const minPlayers = form.get('minPlayers');
+  //   const maxPlayers = form.get('maxPlayers');
+  //   const exactMinAge = form.get('exactMinAge') || false;
+  //   const exactMinPlayers = form.get('exactMinPlayers') || false;
+  //   const exactMaxPlayers = form.get('exactMaxPlayers') || false;
+  //   const random = form.get('random') === 'on' || false;
+
+  //   if (minAge) {
+  //     if (exactMinAge) {
+  //       queryParams.min_age = +minAge;
+  //     } else {
+  //       queryParams.gt_min_age = +minAge === 1 ? 0 : +minAge - 1;
+  //     }
+  //   }
+
+  //   if (minPlayers) {
+  //     if (exactMinPlayers) {
+  //       queryParams.min_players = +minPlayers;
+  //     } else {
+  //       queryParams.gt_min_players = +minPlayers === 1 ? 0 : +minPlayers - 1;
+  //     }
+  //   }
+
+  //   if (maxPlayers) {
+  //     if (exactMaxPlayers) {
+  //       queryParams.max_players = +maxPlayers;
+  //     } else {
+  //       queryParams.lt_max_players = +maxPlayers + 1;
+  //     }
+  //   }
+
+  //   if (id) {
+  //     queryParams.ids = new Array(`${id}`);
+  //   }
+
+  //   if (ids) {
+  //     // TODO: Pass in ids array from localstorage / game store
+  //     queryParams.ids = new Array(ids);
+  //   }
+
+  //   queryParams.random = random;
+  //   console.log('queryParams', queryParams);
+
+  //   const newQueryParams: Record<string, string> = {};
+  //   for (const key in queryParams) {
+  //     newQueryParams[key] = `${queryParams[key as keyof typeof queryParams]}`;
+  //   }
+
+  //   const urlQueryParams = new URLSearchParams(newQueryParams);
+
+  //   const url = `https://api.boardgameatlas.com/api/search${urlQueryParams ? `?${urlQueryParams}` : ''
+  //     }`;
+  //   const response = await fetch(url, {
+  //     method: 'get',
+  //     headers: {
+  //       'content-type': 'application/json'
+  //     }
+  //   });
+  //   console.log('response status', response.status);
+  //   console.log('board game response action', response);
+  //   if (response.status === 404) {
+  //     // user hasn't created a todo list.
+  //     // start with an empty array
+  //     return {
+  //       success: true,
+  //       games: [],
+  //       totalCount: 0
+  //     };
+  //   }
+
+  //   if (response.status === 200) {
+  //     const gameResponse = await response.json();
+  //     console.log('gameResponse', gameResponse);
+  //     const gameList = gameResponse?.games;
+  //     const games: GameType[] = [];
+  //     gameList.forEach((game: GameType) => {
+  //       games.push(mapAPIGameToBoredGame(game));
+  //     });
+  //     console.log('action games', games);
+  //     return {
+  //       games,
+  //       totalCount: games.length
+  //     };
+  //   }
+
+  //   return { success: false };
+  // }
+  // create: async function create({ request, locals }): Promise<any> {
+  //   const data = await getFormDataObject<any>(request);
+  //   return data;
+  // }
+}
diff --git a/src/routes/search/+page.svelte b/src/routes/search/+page.svelte
index 6c685bd..0ab0bf4 100644
--- a/src/routes/search/+page.svelte
+++ b/src/routes/search/+page.svelte
@@ -41,7 +41,7 @@
 
 <div class="game-search">
 	<form
-		action="/search"
+		action="?/search"
 		method="post"
 		use:enhance={() => {
 			boredState.update((n) => ({ ...n, loading: true }));
diff --git a/src/search/actions.ts b/src/search/actions.ts
index c0dd25f..91f9962 100644
--- a/src/search/actions.ts
+++ b/src/search/actions.ts
@@ -1,4 +1,4 @@
-import type { RequestEvent } from '@sveltejs/kit';
+import { invalid, type RequestEvent } from '@sveltejs/kit';
 import { BOARD_GAME_ATLAS_CLIENT_ID } from '$env/static/private';
 import type { GameType, SearchQuery } from "$root/lib/types";
 import { mapAPIGameToBoredGame } from "$root/lib/util/gameMapper";
@@ -39,47 +39,49 @@ export const Games: Actions = {
     const urlQueryParams = new URLSearchParams(newQueryParams);
     console.log('urlQueryParams', urlQueryParams);
 
-    const url = `https://api.boardgameatlas.com/api/search${urlQueryParams ? `?${urlQueryParams}` : ''
-      }`;
-    const response = await fetch(url, {
-      method: 'get',
-      headers: {
-        'content-type': 'application/json'
-      }
-    });
-    console.log('board game response', response);
-    if (response.status === 404) {
-      // user hasn't created a todo list.
-      // start with an empty array
-      return {
-        games: [],
-        totalCount: 0
-      };
+    try {
+      throw new Error("test error");
+      // const url = `https://api.boardgameatlas.com/api/search${urlQueryParams ? `?${urlQueryParams}` : ''
+      //   }`;
+      // const response = await fetch(url, {
+      //   method: 'get',
+      //   headers: {
+      //     'content-type': 'application/json'
+      //   }
+      // });
+      // console.log('board game response', response);
+      // if (response.status !== 200) {
+      //   console.log('Status not 200', response.status)
+      //   invalid(response.status, {});
+      // }
+
+      // if (response.status === 200) {
+      //   const gameResponse = await response.json();
+      //   console.log('gameResponse', gameResponse);
+      //   const gameList = gameResponse?.games;
+      //   const totalCount = gameResponse?.count;
+      //   console.log('totalCount', totalCount);
+      //   const games: GameType[] = [];
+      //   gameList.forEach((game) => {
+      //     games.push(mapAPIGameToBoredGame(game));
+      //   });
+
+      //   console.log('returning from search')
+
+      //   return {
+      //     games,
+      //     totalCount: games.length
+      //   };
+      // }
+
+      // return {
+      //   games: [],
+      //   totalCount: 0
+      // };
+    } catch (e) {
+      console.log(`Error searching board games ${e}`);
+      invalid(400, { reason: 'Exception' })
     }
-
-    if (response.status === 200) {
-      const gameResponse = await response.json();
-      console.log('gameResponse', gameResponse);
-      const gameList = gameResponse?.games;
-      const totalCount = gameResponse?.count;
-      console.log('totalCount', totalCount);
-      const games: GameType[] = [];
-      gameList.forEach((game) => {
-        games.push(mapAPIGameToBoredGame(game));
-      });
-
-      console.log('returning from search')
-
-      return {
-        games,
-        totalCount: games.length
-      };
-    }
-
-    return {
-      games: [],
-      totalCount: 0
-    };
   }
 
   //   const id = form.get('id');

From a8ed73ebc01901088378baf07dcfe11a55540ea2 Mon Sep 17 00:00:00 2001
From: Bradley Shellnut <bradleyshellnut@pm.me>
Date: Tue, 25 Oct 2022 22:19:30 -0400
Subject: [PATCH 13/15] Adding server side validations.

---
 .../search/advancedSearch/index.svelte        | 142 +++++++++---------
 .../components/search/textSearch/index.svelte | 138 ++++++++---------
 src/routes/+page.svelte                       |  20 +--
 src/routes/search/+page.server.ts             |   9 +-
 4 files changed, 151 insertions(+), 158 deletions(-)

diff --git a/src/lib/components/search/advancedSearch/index.svelte b/src/lib/components/search/advancedSearch/index.svelte
index 96b9bf7..283a2b3 100644
--- a/src/lib/components/search/advancedSearch/index.svelte
+++ b/src/lib/components/search/advancedSearch/index.svelte
@@ -1,82 +1,86 @@
 <script lang="ts">
-  import { boredState } from '$lib/stores/boredState';
+	import { boredState } from '$lib/stores/boredState';
 
-  let submitting = $boredState?.loading;
-  let minAge = 1;
-  let minPlayers = 1;
-  let maxPlayers = 1;
-  let exactMinPlayers = false;
-  let exactMaxPlayers = false;
+	export let form: ActionData;
+	console.log('form', form);
+	let submitting = $boredState?.loading;
+	let minAge = 1;
+	let minPlayers = 1;
+	let maxPlayers = 1;
+	let exactMinPlayers = false;
+	let exactMaxPlayers = false;
 </script>
 
-<!-- <form on:submit|preventDefault={handleSubmit} method="post"> -->
 <fieldset class="advanced-search" aria-busy={submitting} disabled={submitting}>
-  <div>
-    <label for="minAge">
-      Min Age
-      <input id="minAge" name="minAge" bind:value={minAge} type="number" min={1} max={120} />
-    </label>
-  </div>
-  <div>
-    <label for="minPlayers">
-      Min Players
-      <input
-        id="minPlayers"
-        name="minPlayers"
-        bind:value={minPlayers}
-        type="number"
-        min={0}
-        max={50}
-      />
-    </label>
-    <label for="exactMinPlayers" style="display: flex; gap: 1rem; place-items: center;">
-      <span>Exact?</span>
-      <input
-        id="exactMinPlayers"
-        type="checkbox"
-        name="exactMinPlayers"
-        bind:checked={exactMinPlayers}
-      />
-    </label>
-  </div>
-  <div>
-    <label for="maxPlayers">
-      Max Players
-      <input
-        id="maxPlayers"
-        name="maxPlayers"
-        bind:value={maxPlayers}
-        type="number"
-        min={0}
-        max={50}
-      />
-    </label>
-    <label for="exactMaxPlayers" style="display: flex; gap: 1rem; place-items: center;">
-      <span>Exact?</span>
-      <input
-        id="exactMaxPlayers"
-        type="checkbox"
-        name="exactMaxPlayers"
-        bind:checked={exactMaxPlayers}
-      />
-    </label>
-  </div>
+	<div>
+		<label for="minAge">
+			Min Age
+			<input id="minAge" name="minAge" bind:value={minAge} type="number" min="1" max="120" />
+		</label>
+	</div>
+	<div>
+		<label for="minPlayers">
+			Min Players
+			<input
+				id="minPlayers"
+				name="minPlayers"
+				bind:value={minPlayers}
+				type="number"
+				min="1"
+				max="50"
+			/>
+		</label>
+		<label for="exactMinPlayers" style="display: flex; gap: 1rem; place-items: center;">
+			<span>Exact?</span>
+			<input
+				id="exactMinPlayers"
+				type="checkbox"
+				name="exactMinPlayers"
+				bind:checked={exactMinPlayers}
+			/>
+		</label>
+		{#if form?.error?.id === 'minPlayers'}
+			{form.error.message}
+		{/if}
+	</div>
+	<div>
+		<label for="maxPlayers">
+			Max Players
+			<input
+				id="maxPlayers"
+				name="maxPlayers"
+				bind:value={maxPlayers}
+				type="number"
+				min="1"
+				max="50"
+			/>
+		</label>
+		<label for="exactMaxPlayers" style="display: flex; gap: 1rem; place-items: center;">
+			<span>Exact?</span>
+			<input
+				id="exactMaxPlayers"
+				type="checkbox"
+				name="exactMaxPlayers"
+				bind:checked={exactMaxPlayers}
+			/>
+		</label>
+	</div>
 </fieldset>
 <!-- <button type="submit" disabled={submitting}>Submit</button> -->
 
 <!-- </form> -->
 <style lang="scss">
-  fieldset {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
+	fieldset {
+		display: grid;
+		grid-template-columns: repeat(3, 1fr);
 
-    @media (max-width: 800px) {
-      grid-template-columns: 1fr;
-    }
-  }
+		@media (max-width: 800px) {
+			grid-template-columns: 1fr;
+		}
+	}
 
-  label {
-    display: grid;
-    margin: 1rem;
-  }
+	label {
+		display: grid;
+		margin: 1rem;
+	}
 </style>
diff --git a/src/lib/components/search/textSearch/index.svelte b/src/lib/components/search/textSearch/index.svelte
index 287adab..986cf5f 100644
--- a/src/lib/components/search/textSearch/index.svelte
+++ b/src/lib/components/search/textSearch/index.svelte
@@ -1,88 +1,88 @@
 <script lang="ts">
-  import { fade } from 'svelte/transition';
-  import { Disclosure, DisclosureButton, DisclosurePanel } from '@rgossiaux/svelte-headlessui';
-  import { ChevronRightIcon } from '@rgossiaux/svelte-heroicons/solid';
-  import { boredState } from '$lib/stores/boredState';
-  import AdvancedSearch from '$lib/components/search/advancedSearch/index.svelte';
+	import { fade } from 'svelte/transition';
+	import { Disclosure, DisclosureButton, DisclosurePanel } from '@rgossiaux/svelte-headlessui';
+	import { ChevronRightIcon } from '@rgossiaux/svelte-heroicons/solid';
+	import { boredState } from '$lib/stores/boredState';
+	import AdvancedSearch from '$lib/components/search/advancedSearch/index.svelte';
 
-  export let showButton: boolean = false;
-  export let advancedSearch: boolean = false;
+	export let showButton: boolean = false;
+	export let advancedSearch: boolean = false;
+	export let form: ActionData;
 
-  let submitting = $boredState?.loading;
-  let name = '';
+	let submitting = $boredState?.loading;
+	let name = '';
 </script>
 
-<!-- <form on:submit|preventDefault={handleSearch} method="post"> -->
 <div class="search">
-  <fieldset class="text-search" aria-busy={submitting} disabled={submitting}>
-    <label for="name">
-      Search
-      <input
-        id="name"
-        name="name"
-        bind:value={name}
-        type="text"
-        aria-label="Search boardgame"
-        placeholder="Search boardgame"
-      />
-    </label>
-  </fieldset>
-  {#if advancedSearch}
-    <Disclosure let:open>
-      <DisclosureButton class="disclosure-button">
-        <span>Advanced Search?</span>
-        <ChevronRightIcon
-          class="icon disclosure-icon"
-          style={open
-            ? 'transform: rotate(90deg); transition: transform 0.5s ease;'
-            : 'transform: rotate(0deg); transition: transform 0.5s ease;'}
-        />
-      </DisclosureButton>
+	<fieldset class="text-search" aria-busy={submitting} disabled={submitting}>
+		<label for="name">
+			Search
+			<input
+				id="name"
+				name="name"
+				bind:value={name}
+				type="text"
+				aria-label="Search boardgame"
+				placeholder="Search boardgame"
+			/>
+		</label>
+	</fieldset>
+	{#if advancedSearch}
+		<Disclosure let:open>
+			<DisclosureButton class="disclosure-button">
+				<span>Advanced Search?</span>
+				<ChevronRightIcon
+					class="icon disclosure-icon"
+					style={open
+						? 'transform: rotate(90deg); transition: transform 0.5s ease;'
+						: 'transform: rotate(0deg); transition: transform 0.5s ease;'}
+				/>
+			</DisclosureButton>
 
-      {#if open}
-        <div transition:fade>
-          <!-- Using `static`, `DisclosurePanel` is always rendered,
+			{#if open}
+				<div transition:fade>
+					<!-- Using `static`, `DisclosurePanel` is always rendered,
                 and ignores the `open` state -->
-          <DisclosurePanel static>
-            <AdvancedSearch />
-          </DisclosurePanel>
-        </div>
-      {/if}
-    </Disclosure>
-  {/if}
+					<DisclosurePanel static>
+						<AdvancedSearch form />
+					</DisclosurePanel>
+				</div>
+			{/if}
+		</Disclosure>
+	{/if}
 </div>
 {#if showButton}
-  <button class="btn" type="submit" disabled={submitting}>Submit</button>
+	<button class="btn" type="submit" disabled={submitting}>Submit</button>
 {/if}
 
 <!-- </form> -->
 <style lang="scss">
-  .search {
-    display: grid;
-    gap: 1rem;
-  }
+	.search {
+		display: grid;
+		gap: 1rem;
+	}
 
-  :global(.disclosure-button) {
-    display: flex;
-    gap: 0.25rem;
-    place-items: center;
-  }
+	:global(.disclosure-button) {
+		display: flex;
+		gap: 0.25rem;
+		place-items: center;
+	}
 
-  button {
-    padding: 1rem;
-    margin: 1.5rem 0;
-  }
+	button {
+		padding: 1rem;
+		margin: 1.5rem 0;
+	}
 
-  label {
-    display: grid;
-    grid-template-columns: auto auto;
-    gap: 1rem;
-    place-content: start;
-    place-items: center;
+	label {
+		display: grid;
+		grid-template-columns: auto auto;
+		gap: 1rem;
+		place-content: start;
+		place-items: center;
 
-    @media (max-width: 850px) {
-      display: flex;
-      flex-wrap: wrap;
-    }
-  }
+		@media (max-width: 850px) {
+			display: flex;
+			flex-wrap: wrap;
+		}
+	}
 </style>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 07ecd07..62e1af6 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -14,28 +14,13 @@
 
 	export let data: PageData;
 	export let form: ActionData;
+	console.log('form routesss', form);
 	console.log('Formed data:', JSON.stringify(data));
 	let pageSize: number;
 	let currentPage: number;
 	$: totalItems = 0;
 	console.log('totalItems', totalItems);
 
-	async function handleSearch(event: SubmitEvent) {
-		boredState.update((n) => ({ ...n, loading: true }));
-		const form = event.target as HTMLFormElement;
-		console.log('form', form);
-		const response = await fetch('/api/game', {
-			method: 'POST',
-			headers: { accept: 'application/json' },
-			body: new FormData(form)
-		});
-		const responseData = await response.json();
-		boredState.update((n) => ({ ...n, loading: false }));
-		gameStore.removeAll();
-		gameStore.addAll(responseData?.games);
-		totalItems = responseData?.totalCount;
-	}
-
 	// async function handleItemsPerPageChange(event) {
 	//   const perPage = event?.detail;
 	//   if ($gameStore.length )
@@ -113,11 +98,12 @@
 					await applyAction(result);
 				} else {
 					console.log('Invalid');
+					await applyAction(result);
 				}
 			};
 		}}
 	>
-		<TextSearch showButton advancedSearch />
+		<TextSearch showButton advancedSearch {form} />
 	</form>
 	<section>
 		<p>Or pick a random game!</p>
diff --git a/src/routes/search/+page.server.ts b/src/routes/search/+page.server.ts
index 872c74c..c57fd32 100644
--- a/src/routes/search/+page.server.ts
+++ b/src/routes/search/+page.server.ts
@@ -44,15 +44,18 @@ export const actions: Actions = {
       }
     }
 
-    if (minPlayers) {
+    if (minPlayers && maxPlayers) {
+      if (minPlayers > maxPlayers) {
+        return invalid(400, { minPlayers, error: { id: 'minPlayers', message: 'Min must be less than max' } });
+      } else if (maxPlayers < minPlayers) {
+        return invalid(400, { maxPlayers, error: { id: 'maxPlayers', message: 'Max must be greater than min' } });
+      }
       if (exactMinPlayers) {
         queryParams.min_players = +minPlayers;
       } else {
         queryParams.gt_min_players = +minPlayers === 1 ? 0 : +minPlayers - 1;
       }
-    }
 
-    if (maxPlayers) {
       if (exactMaxPlayers) {
         queryParams.max_players = +maxPlayers;
       } else {

From bac9b7f8881f6485a2685994937bc1769aa84970 Mon Sep 17 00:00:00 2001
From: Bradley Shellnut <bradleyshellnut@pm.me>
Date: Wed, 26 Oct 2022 17:31:57 -0400
Subject: [PATCH 14/15] Fixed random search in form action and the random
 component.

---
 src/lib/components/search/random/index.svelte | 95 ++++++++++++-------
 src/routes/+page.svelte                       |  2 +-
 src/routes/search/+page.server.ts             | 74 ++++++++-------
 3 files changed, 103 insertions(+), 68 deletions(-)

diff --git a/src/lib/components/search/random/index.svelte b/src/lib/components/search/random/index.svelte
index 441a80d..835cd73 100644
--- a/src/lib/components/search/random/index.svelte
+++ b/src/lib/components/search/random/index.svelte
@@ -1,43 +1,72 @@
 <script lang="ts">
-  import { boredState } from '$lib/stores/boredState';
-  import { gameStore } from '$lib/stores/gameSearchStore';
+	import { applyAction, enhance } from '$app/forms';
+	import { boredState } from '$lib/stores/boredState';
+	import { gameStore } from '$lib/stores/gameSearchStore';
+	import { ToastType } from '$root/lib/types';
+	import { toast } from '../../toast/toast';
 
-  async function handleSubmit(event: SubmitEvent) {
-    // submitting = true;
-    boredState.update((n) => ({ ...n, loading: true }));
-    const form = event.target as HTMLFormElement;
-    console.log('form', form);
-    const response = await fetch('/api/games', {
-      method: 'POST',
-      headers: { accept: 'application/json' },
-      body: new FormData(form)
-    });
-    const responseData = await response.json();
-    // submitting = false;
-    boredState.update((n) => ({ ...n, loading: false }));
-    gameStore.removeAll();
-    gameStore.addAll(responseData?.games);
-    // games = responseData?.games;
-  }
+	// async function handleSubmit(event: SubmitEvent) {
+	// 	// submitting = true;
+	// 	boredState.update((n) => ({ ...n, loading: true }));
+	// 	const form = event.target as HTMLFormElement;
+	// 	console.log('form', form);
+	// 	const response = await fetch('/api/games', {
+	// 		method: 'POST',
+	// 		headers: { accept: 'application/json' },
+	// 		body: new FormData(form)
+	// 	});
+	// 	const responseData = await response.json();
+	// 	// submitting = false;
+	// 	boredState.update((n) => ({ ...n, loading: false }));
+	// 	gameStore.removeAll();
+	// 	gameStore.addAll(responseData?.games);
+	// 	// games = responseData?.games;
+	// }
 
-  let submitting = $boredState?.loading;
+	let submitting = $boredState?.loading;
+	let checked = true;
 </script>
 
-<form on:submit|preventDefault={handleSubmit} method="post">
-  <fieldset aria-busy={submitting} disabled={submitting}>
-    <input type="checkbox" id="random" name="random" hidden checked />
-    <button class="btn" type="submit" disabled={submitting}>Random Game 🎲</button>
-  </fieldset>
+<form
+	action="/search"
+	method="POST"
+	use:enhance={() => {
+		boredState.update((n) => ({ ...n, loading: true }));
+		return async ({ result }) => {
+			boredState.update((n) => ({ ...n, loading: false }));
+			console.log('result main page search', result);
+			// `result` is an `ActionResult` object
+			if (result.type === 'success') {
+				console.log('In success');
+				gameStore.removeAll();
+				const resultGames = result?.data?.games;
+				if (resultGames?.length <= 0) {
+					toast.send('No results!', { duration: 3000, type: ToastType.INFO, dismissible: true });
+				}
+				gameStore.addAll(resultGames);
+				console.log(`Frontend result: ${JSON.stringify(result)}`);
+				await applyAction(result);
+			} else {
+				console.log('Invalid');
+				await applyAction(result);
+			}
+		};
+	}}
+>
+	<fieldset aria-busy={submitting} disabled={submitting}>
+		<input type="checkbox" id="random" name="random" hidden {checked} />
+		<button class="btn" type="submit" disabled={submitting}>Random Game 🎲</button>
+	</fieldset>
 </form>
 
 <style lang="scss">
-  fieldset {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-  }
+	fieldset {
+		display: grid;
+		grid-template-columns: repeat(3, 1fr);
+	}
 
-  button {
-    max-width: 450px;
-    padding: var(--spacing-8) var(--spacing-16);
-  }
+	button {
+		max-width: 450px;
+		padding: var(--spacing-8) var(--spacing-16);
+	}
 </style>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 62e1af6..8527455 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -73,7 +73,7 @@
 
 <h1>Search Boardgames!</h1>
 <p style="margin: 1rem 0;">
-	Input your requirements to search for board game that match your criteria.
+	Input your requirements to search for board games that match your criteria.
 </p>
 <div class="game-search">
 	<form
diff --git a/src/routes/search/+page.server.ts b/src/routes/search/+page.server.ts
index c57fd32..874a83a 100644
--- a/src/routes/search/+page.server.ts
+++ b/src/routes/search/+page.server.ts
@@ -29,44 +29,50 @@ export const actions: Actions = {
       name: ''
     };
 
-    const minAge = form.get('minAge');
-    const minPlayers = form.get('minPlayers');
-    const maxPlayers = form.get('maxPlayers');
-    const exactMinAge = form.get('exactMinAge') || false;
-    const exactMinPlayers = form.get('exactMinPlayers') || false;
-    const exactMaxPlayers = form.get('exactMaxPlayers') || false;
-    
-    if (minAge) {
-      if (exactMinAge) {
-        queryParams.min_age = +minAge;
-      } else {
-        queryParams.gt_min_age = +minAge === 1 ? 0 : +minAge - 1;
-      }
-    }
+    const random = form.get('random') && form.get('random') === 'on';
 
-    if (minPlayers && maxPlayers) {
-      if (minPlayers > maxPlayers) {
-        return invalid(400, { minPlayers, error: { id: 'minPlayers', message: 'Min must be less than max' } });
-      } else if (maxPlayers < minPlayers) {
-        return invalid(400, { maxPlayers, error: { id: 'maxPlayers', message: 'Max must be greater than min' } });
-      }
-      if (exactMinPlayers) {
-        queryParams.min_players = +minPlayers;
-      } else {
-        queryParams.gt_min_players = +minPlayers === 1 ? 0 : +minPlayers - 1;
+    if (random) {
+      queryParams.random = random;
+    } else {
+      const minAge = form.get('minAge');
+      const minPlayers = form.get('minPlayers');
+      const maxPlayers = form.get('maxPlayers');
+      const exactMinAge = form.get('exactMinAge') || false;
+      const exactMinPlayers = form.get('exactMinPlayers') || false;
+      const exactMaxPlayers = form.get('exactMaxPlayers') || false;
+
+      if (minAge) {
+        if (exactMinAge) {
+          queryParams.min_age = +minAge;
+        } else {
+          queryParams.gt_min_age = +minAge === 1 ? 0 : +minAge - 1;
+        }
       }
 
-      if (exactMaxPlayers) {
-        queryParams.max_players = +maxPlayers;
-      } else {
-        queryParams.lt_max_players = +maxPlayers + 1;
-      }
-    }
+      if (minPlayers && maxPlayers) {
+        if (minPlayers > maxPlayers) {
+          return invalid(400, { minPlayers, error: { id: 'minPlayers', message: 'Min must be less than max' } });
+        } else if (maxPlayers < minPlayers) {
+          return invalid(400, { maxPlayers, error: { id: 'maxPlayers', message: 'Max must be greater than min' } });
+        }
+        if (exactMinPlayers) {
+          queryParams.min_players = +minPlayers;
+        } else {
+          queryParams.gt_min_players = +minPlayers === 1 ? 0 : +minPlayers - 1;
+        }
 
-    const name = form.has('name') ? form.get('name') : await request?.text();
-    console.log('name', name);
-    if (name) {
-      queryParams.name = `${name}`;
+        if (exactMaxPlayers) {
+          queryParams.max_players = +maxPlayers;
+        } else {
+          queryParams.lt_max_players = +maxPlayers + 1;
+        }
+      }
+
+      const name = form.has('name') ? form.get('name') : await request?.text();
+      console.log('name', name);
+      if (name) {
+        queryParams.name = `${name}`;
+      }
     }
 
     const newQueryParams: Record<string, string> = {};

From c922587f55d0c036e769c4d4ec836feb6ada5926 Mon Sep 17 00:00:00 2001
From: Bradley Shellnut <bradleyshellnut@pm.me>
Date: Wed, 26 Oct 2022 17:40:19 -0400
Subject: [PATCH 15/15] Remove pagination for now and update deps.

---
 package.json            |  6 +++---
 pnpm-lock.yaml          | 47 ++++++++++++++++++++++-------------------
 src/routes/+page.svelte |  4 ++--
 3 files changed, 30 insertions(+), 27 deletions(-)

diff --git a/package.json b/package.json
index 5386a1b..8ff43b8 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "boredgame",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "scripts": {
     "dev": "NODE_OPTIONS=\"--inspect\" vite dev --host",
     "build": "vite build",
@@ -19,7 +19,7 @@
     "@sveltejs/adapter-auto": "1.0.0-next.72",
     "@sveltejs/kit": "1.0.0-next.480",
     "@types/cookie": "^0.5.1",
-    "@types/node": "^18.11.5",
+    "@types/node": "^18.11.7",
     "@typescript-eslint/eslint-plugin": "^5.41.0",
     "@typescript-eslint/parser": "^5.41.0",
     "carbon-components-svelte": "^0.70.12",
@@ -36,7 +36,7 @@
     "svelte-preprocess": "^4.10.7",
     "tslib": "^2.0.0",
     "typescript": "^4.8.4",
-    "vite": "^3.1.8"
+    "vite": "^3.2.0"
   },
   "type": "module",
   "dependencies": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index bed6084..ed51618 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -12,7 +12,7 @@ specifiers:
   '@sveltejs/kit': 1.0.0-next.480
   '@types/cookie': ^0.5.1
   '@types/feather-icons': ^4.7.0
-  '@types/node': ^18.11.5
+  '@types/node': ^18.11.7
   '@typescript-eslint/eslint-plugin': ^5.41.0
   '@typescript-eslint/parser': ^5.41.0
   carbon-components-svelte: ^0.70.12
@@ -31,7 +31,7 @@ specifiers:
   svelte-preprocess: ^4.10.7
   tslib: ^2.0.0
   typescript: ^4.8.4
-  vite: ^3.1.8
+  vite: ^3.2.0
   zod: ^3.19.1
   zod-to-json-schema: ^3.18.1
 
@@ -51,9 +51,9 @@ devDependencies:
   '@rgossiaux/svelte-headlessui': 1.0.2_svelte@3.52.0
   '@rgossiaux/svelte-heroicons': 0.1.2_svelte@3.52.0
   '@sveltejs/adapter-auto': 1.0.0-next.72
-  '@sveltejs/kit': 1.0.0-next.480_svelte@3.52.0+vite@3.1.8
+  '@sveltejs/kit': 1.0.0-next.480_svelte@3.52.0+vite@3.2.0
   '@types/cookie': 0.5.1
-  '@types/node': 18.11.5
+  '@types/node': 18.11.7
   '@typescript-eslint/eslint-plugin': 5.41.0_huremdigmcnkianavgfk3x6iou
   '@typescript-eslint/parser': 5.41.0_wyqvi574yv7oiwfeinomdzmc3m
   carbon-components-svelte: 0.70.12
@@ -70,7 +70,7 @@ devDependencies:
   svelte-preprocess: 4.10.7_q7oepo4r57y5enzswpidbbgzsy
   tslib: 2.4.0
   typescript: 4.8.4
-  vite: 3.1.8_sass@1.55.0
+  vite: 3.2.0_sass@1.55.0
 
 packages:
 
@@ -232,7 +232,7 @@ packages:
     engines: {node: '>=14'}
     hasBin: true
     dependencies:
-      '@types/node': 18.11.5
+      '@types/node': 18.11.7
       playwright-core: 1.27.1
     dev: true
 
@@ -302,7 +302,7 @@ packages:
       - supports-color
     dev: true
 
-  /@sveltejs/kit/1.0.0-next.480_svelte@3.52.0+vite@3.1.8:
+  /@sveltejs/kit/1.0.0-next.480_svelte@3.52.0+vite@3.2.0:
     resolution: {integrity: sha512-RnltVDZFksAkeIZ0wgMQDr4POz3WZxSDy6D/ycIjrz3VXMDYWxKRqmTEI7Yl7TxPgUabeYHGRm/qI+nSXOb/Yw==}
     engines: {node: '>=16.14'}
     hasBin: true
@@ -311,7 +311,7 @@ packages:
       svelte: ^3.44.0
       vite: ^3.1.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 1.0.5_svelte@3.52.0+vite@3.1.8
+      '@sveltejs/vite-plugin-svelte': 1.0.5_svelte@3.52.0+vite@3.2.0
       cookie: 0.5.0
       devalue: 3.1.3
       kleur: 4.1.5
@@ -324,13 +324,13 @@ packages:
       svelte: 3.52.0
       tiny-glob: 0.2.9
       undici: 5.10.0
-      vite: 3.1.8_sass@1.55.0
+      vite: 3.2.0_sass@1.55.0
     transitivePeerDependencies:
       - diff-match-patch
       - supports-color
     dev: true
 
-  /@sveltejs/vite-plugin-svelte/1.0.5_svelte@3.52.0+vite@3.1.8:
+  /@sveltejs/vite-plugin-svelte/1.0.5_svelte@3.52.0+vite@3.2.0:
     resolution: {integrity: sha512-CmSdSow0Dr5ua1A11BQMtreWnE0JZmkVIcRU/yG3PKbycKUpXjNdgYTWFSbStLB0vdlGnBbm2+Y4sBVj+C+TIw==}
     engines: {node: ^14.18.0 || >= 16}
     peerDependencies:
@@ -348,7 +348,7 @@ packages:
       magic-string: 0.26.3
       svelte: 3.52.0
       svelte-hmr: 0.14.12_svelte@3.52.0
-      vite: 3.1.8_sass@1.55.0
+      vite: 3.2.0_sass@1.55.0
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -365,8 +365,8 @@ packages:
     resolution: {integrity: sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==}
     dev: true
 
-  /@types/node/18.11.5:
-    resolution: {integrity: sha512-3JRwhbjI+cHLAkUorhf8RnqUbFXajvzX4q6fMn5JwkgtuwfYtRQYI3u4V92vI6NJuTsbBQWWh3RZjFsuevyMGQ==}
+  /@types/node/18.11.7:
+    resolution: {integrity: sha512-LhFTglglr63mNXUSRYD8A+ZAIu5sFqNJ4Y2fPuY7UlrySJH87rRRlhtVmMHplmfk5WkoJGmDjE9oiTfyX94CpQ==}
     dev: true
 
   /@types/pug/2.0.6:
@@ -376,7 +376,7 @@ packages:
   /@types/sass/1.43.1:
     resolution: {integrity: sha512-BPdoIt1lfJ6B7rw35ncdwBZrAssjcwzI5LByIrYs+tpXlj/CAkuVdRsgZDdP4lq5EjyWzwxZCqAoFyHKFwp32g==}
     dependencies:
-      '@types/node': 18.11.5
+      '@types/node': 18.11.7
     dev: true
 
   /@types/semver/7.3.12:
@@ -1978,8 +1978,8 @@ packages:
     hasBin: true
     dev: true
 
-  /postcss/8.4.16:
-    resolution: {integrity: sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==}
+  /postcss/8.4.18:
+    resolution: {integrity: sha512-Wi8mWhncLJm11GATDaQKobXSNEYGUHeQLiQqDFG1qQ5UTDPTEvKw0Xt5NsTpktGTwLps3ByrWsBrG0rB8YQ9oA==}
     engines: {node: ^10 || ^12 || >=14}
     dependencies:
       nanoid: 3.3.4
@@ -2087,8 +2087,8 @@ packages:
       estree-walker: 0.6.1
     dev: true
 
-  /rollup/2.78.1:
-    resolution: {integrity: sha512-VeeCgtGi4P+o9hIg+xz4qQpRl6R401LWEXBmxYKOV4zlF82lyhgh2hTZnheFUbANE8l2A41F458iwj2vEYaXJg==}
+  /rollup/2.79.1:
+    resolution: {integrity: sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==}
     engines: {node: '>=10.0.0'}
     hasBin: true
     optionalDependencies:
@@ -2439,14 +2439,15 @@ packages:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
     dev: true
 
-  /vite/3.1.8_sass@1.55.0:
-    resolution: {integrity: sha512-m7jJe3nufUbuOfotkntGFupinL/fmuTNuQmiVE7cH2IZMuf4UbfbGYMUT3jVWgGYuRVLY9j8NnrRqgw5rr5QTg==}
+  /vite/3.2.0_sass@1.55.0:
+    resolution: {integrity: sha512-Ovj7+cqIdM1I0LPCk2CWxzgADXMix3NLXpUT6g7P7zg/a9grk/TaC3qn9YMg7w7M0POIVCBOp1aBANJW+RH7oA==}
     engines: {node: ^14.18.0 || >=16.0.0}
     hasBin: true
     peerDependencies:
       less: '*'
       sass: '*'
       stylus: '*'
+      sugarss: '*'
       terser: ^5.4.0
     peerDependenciesMeta:
       less:
@@ -2455,13 +2456,15 @@ packages:
         optional: true
       stylus:
         optional: true
+      sugarss:
+        optional: true
       terser:
         optional: true
     dependencies:
       esbuild: 0.15.10
-      postcss: 8.4.16
+      postcss: 8.4.18
       resolve: 1.22.1
-      rollup: 2.78.1
+      rollup: 2.79.1
       sass: 1.55.0
     optionalDependencies:
       fsevents: 2.3.2
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 8527455..269157b 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -122,7 +122,7 @@
 				<Game on:removeGameEvent={handleRemoveGame} {game} />
 			{/each}
 		</div>
-		<Pagination
+		<!-- <Pagination
 			{pageSize}
 			{currentPage}
 			{totalItems}
@@ -132,7 +132,7 @@
 			on:nextPageEvent={handleNextPageEvent}
 			on:previousPageEvent={(event) => console.log('Prev page called', event)}
 			on:perPageEvent={(event) => console.log('Per page called', event)}
-		/>
+		/> -->
 	</div>
 {/if}