Merge pull request #34 from modrinth/gui_search

2022-08-03 01:06:57 -07:00 · 2022-08-03 01:06:57 -07:00 · 244a5bc660
commit 244a5bc660
parent 39518b9d69 c81c19c814
16 changed files with 523 additions and 73 deletions
--- a/.gitignore
+++ b/.gitignore
@ -5,6 +5,8 @@ theseus_gui/build/
 theseus_gui/generated/
 WixTools
 .direnv/
+.DS_Store
+.pnpm-debug.log

 [#]*[#]

--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@ -0,0 +1,12 @@
+{
+  "recommendations": [
+    "tauri-apps.tauri-vscode",
+    "vunguyentuan.vscode-css-variables",
+    "stylelint.vscode-stylelint",
+    "eamodio.gitlens",
+    "esbenp.prettier-vscode",
+    "pivaszbs.svelte-autoimport",
+    "svelte.svelte-vscode",
+    "ardenivanov.svelte-intellisense"
+  ]
+}
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@ -0,0 +1,56 @@
+{
+  "cssVariables.lookupFiles": [
+    "**/*.postcss",
+    "**/node_modules/omorphia/**/*.postcss"
+  ],
+  "cssVariables.blacklistFolders": [
+    "**/.git",
+    "**/.svn",
+    "**/.hg",
+    "**/CVS",
+    "**/.DS_Store",
+    "**/.git",
+    "**/bower_components",
+    "**/tmp",
+    "**/dist",
+    "**/tests"
+  ],
+  "gitlens.showWelcomeOnInstall": false,
+  "gitlens.showWhatsNewAfterUpgrades": false,
+  "gitlens.plusFeatures.enabled": false,
+  "gitlens.currentLine.enabled": false,
+  "gitlens.currentLine.pullRequests.enabled": false,
+  "gitlens.currentLine.scrollable": true,
+  "gitlens.codeLens.enabled": false,
+  "gitlens.hovers.enabled": false,
+  "CSSNavigation.activeCSSFileExtensions": [
+    "css",
+    "postcss"
+  ],
+  "CSSNavigation.activeHTMLFileExtensions": [
+    "html",
+    "svelte",
+    "js",
+    "ts"
+  ],
+  "CSSNavigation.excludeGlobPatterns": [
+    "**/bower_components/**",
+    "**/vendor/**",
+    "**/coverage/**"
+  ],
+  "CSSNavigation.alwaysIncludeGlobPatterns": [
+    "./theseus_gui/node_modules/omorphia/**/*.postcss"
+  ],
+  "html-css-class-completion.HTMLLanguages": [
+    "html",
+    "svelte"
+  ],
+  "html-css-class-completion.includeGlobPattern": "**/*.{postcss,svelte}",
+  "html-css-class-completion.CSSLanguages": [
+    "postcss",
+  ],
+  "svelte.enable-ts-plugin": true,
+  "svelte.ask-to-enable-ts-plugin": false,
+  "svelte.plugin.css.diagnostics.enable": false,
+  "svelte.plugin.svelte.diagnostics.enable": false,
+}
--- a/theseus_gui/package.json
+++ b/theseus_gui/package.json
@ -20,9 +20,10 @@
    "eslint-config-prettier": "^8.3.0",
    "eslint-plugin-svelte3": "^3.2.1",
    "kill-port-process": "^3.0.1",
+    "node-fetch": "^3.2.4",
    "prettier": "^2.5.1",
    "prettier-plugin-svelte": "^2.5.0",
-    "svelte": "^3.46.0",
+    "svelte": "^3.48.0",
    "svelte-check": "^2.2.6",
    "svelte-intl-precompile": "^0.11.1",
    "tslib": "^2.3.1",
@ -31,6 +32,7 @@
  },
  "type": "module",
  "dependencies": {
+    "@babel/core": "^7.17.10",
    "@fontsource/inter": "^4.5.4",
    "@iconify-json/carbon": "^1.1.1",
    "@iconify-json/heroicons-outline": "^1.1.1",
--- a/theseus_gui/pnpm-lock.yaml
+++ b/theseus_gui/pnpm-lock.yaml
@ -1,6 +1,7 @@
 lockfileVersion: 5.4

 specifiers:
+  '@babel/core': ^7.17.10
  '@fontsource/inter': ^4.5.4
  '@iconify-json/carbon': ^1.1.1
  '@iconify-json/heroicons-outline': ^1.1.1
@ -17,10 +18,11 @@ specifiers:
  eslint-plugin-svelte3: ^3.2.1
  highlight.js: 11.5.1
  kill-port-process: ^3.0.1
+  node-fetch: ^3.2.4
  omorphia: 0.0.67
  prettier: ^2.5.1
  prettier-plugin-svelte: ^2.5.0
-  svelte: ^3.46.0
+  svelte: ^3.48.0
  svelte-check: ^2.2.6
  svelte-intl-precompile: ^0.11.1
  svrollbar: ^0.12.0
@ -30,6 +32,7 @@ specifiers:
  vite: ^3.0.0

 dependencies:
+  '@babel/core': 7.18.9
  '@fontsource/inter': 4.5.11
  '@iconify-json/carbon': 1.1.7
  '@iconify-json/heroicons-outline': 1.1.2
@ -51,10 +54,11 @@ devDependencies:
  eslint-config-prettier: 8.5.0_eslint@7.32.0
  eslint-plugin-svelte3: 3.4.1_k4rvtr32uzrs6rwp57u73ssa6q
  kill-port-process: 3.1.0
+  node-fetch: 3.2.10
  prettier: 2.7.1
  prettier-plugin-svelte: 2.7.0_o3ioganyptcsrh6x4hnxvjkpqi
  svelte: 3.49.0
-  svelte-check: 2.8.0_svelte@3.49.0
+  svelte-check: 2.8.0_jm7k62256lskgsykp6r2fix7f4
  svelte-intl-precompile: 0.11.1_svelte@3.49.0
  tslib: 2.4.0
  typescript: 4.5.5
@ -68,7 +72,6 @@ packages:
    dependencies:
      '@jridgewell/gen-mapping': 0.1.1
      '@jridgewell/trace-mapping': 0.3.14
-    dev: true

  /@antfu/install-pkg/0.1.0:
    resolution: {integrity: sha512-VaIJd3d1o7irZfK1U0nvBsHMyjkuyMP3HKYVV53z8DKyulkHKmjhhtccXO51WSPeeSHIeoJEoNOKavYpS7jkZw==}
@ -92,12 +95,10 @@ packages:
    engines: {node: '>=6.9.0'}
    dependencies:
      '@babel/highlight': 7.18.6
-    dev: true

  /@babel/compat-data/7.18.8:
    resolution: {integrity: sha512-HSmX4WZPPK3FUxYp7g2T6EyO8j96HlZJlxmKPSh6KAcqwyDrfx7hKjXpAW/0FhFfTJsR0Yt4lAjLI2coMptIHQ==}
    engines: {node: '>=6.9.0'}
-    dev: true

  /@babel/core/7.18.9:
    resolution: {integrity: sha512-1LIb1eL8APMy91/IMW+31ckrfBM4yCoLaVzoDhZUKSM4cu1L1nIidyxkCgzPAgrC5WEz36IPEr/eSeSF9pIn+g==}
@ -120,7 +121,6 @@ packages:
      semver: 6.3.0
    transitivePeerDependencies:
      - supports-color
-    dev: true

  /@babel/generator/7.18.9:
    resolution: {integrity: sha512-wt5Naw6lJrL1/SGkipMiFxJjtyczUWTP38deiP1PO60HsBjDeKk08CGC3S8iVuvf0FmTdgKwU1KIXzSKL1G0Ug==}
@ -129,7 +129,6 @@ packages:
      '@babel/types': 7.18.9
      '@jridgewell/gen-mapping': 0.3.2
      jsesc: 2.5.2
-    dev: true

  /@babel/helper-compilation-targets/7.18.9_@babel+core@7.18.9:
    resolution: {integrity: sha512-tzLCyVmqUiFlcFoAPLA/gL9TeYrF61VLNtb+hvkuVaB5SUjW7jcfrglBIX1vUIoT7CLP3bBlIMeyEsIl2eFQNg==}
@ -142,12 +141,10 @@ packages:
      '@babel/helper-validator-option': 7.18.6
      browserslist: 4.21.3
      semver: 6.3.0
-    dev: true

  /@babel/helper-environment-visitor/7.18.9:
    resolution: {integrity: sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg==}
    engines: {node: '>=6.9.0'}
-    dev: true

  /@babel/helper-function-name/7.18.9:
    resolution: {integrity: sha512-fJgWlZt7nxGksJS9a0XdSaI4XvpExnNIgRP+rVefWh5U7BL8pPuir6SJUmFKRfjWQ51OtWSzwOxhaH/EBWWc0A==}
@ -155,21 +152,18 @@ packages:
    dependencies:
      '@babel/template': 7.18.6
      '@babel/types': 7.18.9
-    dev: true

  /@babel/helper-hoist-variables/7.18.6:
    resolution: {integrity: sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q==}
    engines: {node: '>=6.9.0'}
    dependencies:
      '@babel/types': 7.18.9
-    dev: true

  /@babel/helper-module-imports/7.18.6:
    resolution: {integrity: sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==}
    engines: {node: '>=6.9.0'}
    dependencies:
      '@babel/types': 7.18.9
-    dev: true

  /@babel/helper-module-transforms/7.18.9:
    resolution: {integrity: sha512-KYNqY0ICwfv19b31XzvmI/mfcylOzbLtowkw+mfvGPAQ3kfCnMLYbED3YecL5tPd8nAYFQFAd6JHp2LxZk/J1g==}
@ -185,7 +179,6 @@ packages:
      '@babel/types': 7.18.9
    transitivePeerDependencies:
      - supports-color
-    dev: true

  /@babel/helper-plugin-utils/7.18.9:
    resolution: {integrity: sha512-aBXPT3bmtLryXaoJLyYPXPlSD4p1ld9aYeR+sJNOZjJJGiOpb+fKfh3NkcCu7J54nUJwCERPBExCCpyCOHnu/w==}
@ -197,24 +190,20 @@ packages:
    engines: {node: '>=6.9.0'}
    dependencies:
      '@babel/types': 7.18.9
-    dev: true

  /@babel/helper-split-export-declaration/7.18.6:
    resolution: {integrity: sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA==}
    engines: {node: '>=6.9.0'}
    dependencies:
      '@babel/types': 7.18.9
-    dev: true

  /@babel/helper-validator-identifier/7.18.6:
    resolution: {integrity: sha512-MmetCkz9ej86nJQV+sFCxoGGrUbU3q02kgLciwkrt9QqEB7cP39oKEY0PakknEO0Gu20SskMRi+AYZ3b1TpN9g==}
    engines: {node: '>=6.9.0'}
-    dev: true

  /@babel/helper-validator-option/7.18.6:
    resolution: {integrity: sha512-XO7gESt5ouv/LRJdrVjkShckw6STTaB7l9BrpBaAHDeF5YZT+01PCwmR0SJHnkW6i8OwW/EVWRShfi4j2x+KQw==}
    engines: {node: '>=6.9.0'}
-    dev: true

  /@babel/helpers/7.18.9:
    resolution: {integrity: sha512-Jf5a+rbrLoR4eNdUmnFu8cN5eNJT6qdTdOg5IHIzq87WwyRw9PwguLFOWYgktN/60IP4fgDUawJvs7PjQIzELQ==}
@ -225,7 +214,6 @@ packages:
      '@babel/types': 7.18.9
    transitivePeerDependencies:
      - supports-color
-    dev: true

  /@babel/highlight/7.18.6:
    resolution: {integrity: sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==}
@ -234,7 +222,6 @@ packages:
      '@babel/helper-validator-identifier': 7.18.6
      chalk: 2.4.2
      js-tokens: 4.0.0
-    dev: true

  /@babel/parser/7.18.9:
    resolution: {integrity: sha512-9uJveS9eY9DJ0t64YbIBZICtJy8a5QrDEVdiLCG97fVLpDTpGX7t8mMSb6OWw6Lrnjqj4O8zwjELX3dhoMgiBg==}
@ -242,7 +229,6 @@ packages:
    hasBin: true
    dependencies:
      '@babel/types': 7.18.9
-    dev: true

  /@babel/runtime/7.18.9:
    resolution: {integrity: sha512-lkqXDcvlFT5rvEjiu6+QYO+1GXrEHRo2LOtS7E4GtX5ESIZOgepqsZBVIj6Pv+a6zqsya9VCgiK1KAK4BvJDAw==}
@ -258,7 +244,6 @@ packages:
      '@babel/code-frame': 7.18.6
      '@babel/parser': 7.18.9
      '@babel/types': 7.18.9
-    dev: true

  /@babel/traverse/7.18.9:
    resolution: {integrity: sha512-LcPAnujXGwBgv3/WHv01pHtb2tihcyW1XuL9wd7jqh1Z8AQkTd+QVjMrMijrln0T7ED3UXLIy36P9Ao7W75rYg==}
@ -276,7 +261,6 @@ packages:
      globals: 11.12.0
    transitivePeerDependencies:
      - supports-color
-    dev: true

  /@babel/types/7.18.9:
    resolution: {integrity: sha512-WwMLAg2MvJmt/rKEVQBBhIVffMmnilX4oe0sRe7iPOHIGsqpruFHHdrfj4O1CMMtgMtCU4oPafZjDPCRgO57Wg==}
@ -284,7 +268,6 @@ packages:
    dependencies:
      '@babel/helper-validator-identifier': 7.18.6
      to-fast-properties: 2.0.0
-    dev: true

  /@csstools/postcss-cascade-layers/1.0.5_postcss@8.4.14:
    resolution: {integrity: sha512-Id/9wBT7FkgFzdEpiEWrsVd4ltDxN0rI0QS0SChbeQiSuux3z21SJCRLu6h2cvCEUmaRi+VD0mHFj+GJD4GFnw==}
@ -919,7 +902,6 @@ packages:
    dependencies:
      '@jridgewell/set-array': 1.1.2
      '@jridgewell/sourcemap-codec': 1.4.14
-    dev: true

  /@jridgewell/gen-mapping/0.3.2:
    resolution: {integrity: sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==}
@ -928,28 +910,23 @@ packages:
      '@jridgewell/set-array': 1.1.2
      '@jridgewell/sourcemap-codec': 1.4.14
      '@jridgewell/trace-mapping': 0.3.14
-    dev: true

  /@jridgewell/resolve-uri/3.1.0:
    resolution: {integrity: sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==}
    engines: {node: '>=6.0.0'}
-    dev: true

  /@jridgewell/set-array/1.1.2:
    resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==}
    engines: {node: '>=6.0.0'}
-    dev: true

  /@jridgewell/sourcemap-codec/1.4.14:
    resolution: {integrity: sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==}
-    dev: true

  /@jridgewell/trace-mapping/0.3.14:
    resolution: {integrity: sha512-bJWEfQ9lPTvm3SneWwRFVLzrh6nhjwqw7TUFFBEMzwvg7t7PCDenf2lDwqo4NQXzdpgBXyFgDWnQA+2vkruksQ==}
    dependencies:
      '@jridgewell/resolve-uri': 3.1.0
      '@jridgewell/sourcemap-codec': 1.4.14
-    dev: true

  /@nodelib/fs.scandir/2.1.5:
    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
@ -1345,7 +1322,6 @@ packages:
    engines: {node: '>=4'}
    dependencies:
      color-convert: 1.9.3
-    dev: true

  /ansi-styles/4.3.0:
    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
@ -1515,7 +1491,6 @@ packages:
      ansi-styles: 3.2.1
      escape-string-regexp: 1.0.5
      supports-color: 5.5.0
-    dev: true

  /chalk/4.1.2:
    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
@ -1554,7 +1529,6 @@ packages:
    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
    dependencies:
      color-name: 1.1.3
-    dev: true

  /color-convert/2.0.1:
    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
@ -1564,7 +1538,6 @@ packages:

  /color-name/1.1.3:
    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==}
-    dev: true

  /color-name/1.1.4:
    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
@ -1600,7 +1573,6 @@ packages:
    resolution: {integrity: sha512-+OQdjP49zViI/6i7nIJpA8rAl4sV/JdPfU9nZs3VqOwGIgizICvuN2ru6fMd+4llL0tar18UYJXfZ/TWtmhUjA==}
    dependencies:
      safe-buffer: 5.1.2
-    dev: true

  /cross-spawn/5.1.0:
    resolution: {integrity: sha512-pTgQJ5KC0d2hcY8eyL1IzlBPYjTkyH72XRZPnLyKus2mBfNjQs3klqbJU2VILqZryAZUt9JOb3h/mWMy23/f5A==}
@ -1758,6 +1730,11 @@ packages:
      css-tree: 1.1.3
    dev: false

+  /data-uri-to-buffer/4.0.0:
+    resolution: {integrity: sha512-Vr3mLBA8qWmcuschSLAOogKgQ/Jwxulv3RNE4FXnYWRGujzrRWQI4m12fQqRkwX06C0KanhLr4hK+GydchZsaA==}
+    engines: {node: '>= 12'}
+    dev: true
+
  /debug/4.3.4:
    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
    engines: {node: '>=6.0'}
@ -2066,7 +2043,6 @@ packages:
  /escape-string-regexp/1.0.5:
    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
    engines: {node: '>=0.8.0'}
-    dev: true

  /escape-string-regexp/4.0.0:
    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
@ -2316,6 +2292,14 @@ packages:
    dependencies:
      reusify: 1.0.4

+  /fetch-blob/3.2.0:
+    resolution: {integrity: sha512-7yAQpD2UMJzLi1Dqv7qFYnPbaPx7ZfFK6PiIxQ4PfkGPyNyl2Ugx+a/umUonmKqjhM4DnfbMvdX6otXq83soQQ==}
+    engines: {node: ^12.20 || >= 14.13}
+    dependencies:
+      node-domexception: 1.0.0
+      web-streams-polyfill: 3.2.1
+    dev: true
+
  /file-entry-cache/6.0.1:
    resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
    engines: {node: ^10.12.0 || >=12.0.0}
@ -2354,6 +2338,13 @@ packages:
    resolution: {integrity: sha512-0sQoMh9s0BYsm+12Huy/rkKxVu4R1+r96YX5cG44rHV0pQ6iC3Q+mkoMFaGWObMFYQxCVT+ssG1ksneA2MI9KQ==}
    dev: true

+  /formdata-polyfill/4.0.10:
+    resolution: {integrity: sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==}
+    engines: {node: '>=12.20.0'}
+    dependencies:
+      fetch-blob: 3.2.0
+    dev: true
+
  /fraction.js/4.2.0:
    resolution: {integrity: sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==}
    dev: false
@ -2382,7 +2373,6 @@ packages:
  /gensync/1.0.0-beta.2:
    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
    engines: {node: '>=6.9.0'}
-    dev: true

  /get-stream/3.0.0:
    resolution: {integrity: sha512-GlhdIUuVakc8SJ6kK0zAFbiGzRFzNnY4jUuEbV9UROo4Y+0Ny4fjvcZFVTeDA4odpFyOQzaw6hXukJSq/f28sQ==}
@ -2435,7 +2425,6 @@ packages:
  /globals/11.12.0:
    resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
    engines: {node: '>=4'}
-    dev: true

  /globals/13.17.0:
    resolution: {integrity: sha512-1C+6nQRb1GwGMKm2dH/E7enFAMxGTmGI7/dEdhy/DNelv85w9B72t3uc5frtMNXIbzrarJJ/lTCjcaZwbLJmyw==}
@ -2480,7 +2469,6 @@ packages:
  /has-flag/3.0.0:
    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
    engines: {node: '>=4'}
-    dev: true

  /has-flag/4.0.0:
    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
@ -2627,7 +2615,6 @@ packages:

  /js-tokens/4.0.0:
    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
-    dev: true

  /js-yaml/3.14.1:
    resolution: {integrity: sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==}
@ -2647,7 +2634,6 @@ packages:
    resolution: {integrity: sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==}
    engines: {node: '>=4'}
    hasBin: true
-    dev: true

  /json-schema-traverse/0.4.1:
    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
@ -2665,7 +2651,6 @@ packages:
    resolution: {integrity: sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==}
    engines: {node: '>=6'}
    hasBin: true
-    dev: true

  /kill-port-process/3.1.0:
    resolution: {integrity: sha512-sVODd2xDGzN3OaLGhHcJPiaRwWK0QZc+bD5YQTo3Xgh1AUg1AZgDYDeqRI6ILg4AhWrmSpupGwQEFK1G0Sy2fw==}
@ -2877,6 +2862,11 @@ packages:
    resolution: {integrity: sha512-CvkDw2OEnme7ybCykJpVcKH+uAOLV2qLqiyla128dN9TkEWfrYmxG6C2boDe5KcNQqZF3orkqzGgOMvZ/JNekA==}
    dev: false

+  /node-domexception/1.0.0:
+    resolution: {integrity: sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==}
+    engines: {node: '>=10.5.0'}
+    dev: true
+
  /node-fetch/2.6.7:
    resolution: {integrity: sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==}
    engines: {node: 4.x || >=6.0.0}
@ -2889,6 +2879,15 @@ packages:
      whatwg-url: 5.0.0
    dev: false

+  /node-fetch/3.2.10:
+    resolution: {integrity: sha512-MhuzNwdURnZ1Cp4XTazr69K0BTizsBroX7Zx3UgDSVcZYKF/6p0CBe4EUb/hLqmzVhl0UpYfgRljQ4yxE+iCxA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      data-uri-to-buffer: 4.0.0
+      fetch-blob: 3.2.0
+      formdata-polyfill: 4.0.10
+    dev: true
+
  /node-releases/2.0.6:
    resolution: {integrity: sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg==}

@ -4035,7 +4034,6 @@ packages:

  /safe-buffer/5.1.2:
    resolution: {integrity: sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==}
-    dev: true

  /safe-buffer/5.2.1:
    resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
@ -4061,7 +4059,6 @@ packages:
  /semver/6.3.0:
    resolution: {integrity: sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==}
    hasBin: true
-    dev: true

  /semver/7.3.7:
    resolution: {integrity: sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==}
@ -4242,7 +4239,6 @@ packages:
    engines: {node: '>=4'}
    dependencies:
      has-flag: 3.0.0
-    dev: true

  /supports-color/7.2.0:
    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
@ -4255,7 +4251,7 @@ packages:
    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
    engines: {node: '>= 0.4'}

-  /svelte-check/2.8.0_svelte@3.49.0:
+  /svelte-check/2.8.0_jm7k62256lskgsykp6r2fix7f4:
    resolution: {integrity: sha512-HRL66BxffMAZusqe5I5k26mRWQ+BobGd9Rxm3onh7ZVu0nTk8YTKJ9vu3LVPjUGLU9IX7zS+jmwPVhJYdXJ8vg==}
    hasBin: true
    peerDependencies:
@ -4268,7 +4264,7 @@ packages:
      picocolors: 1.0.0
      sade: 1.8.1
      svelte: 3.49.0
-      svelte-preprocess: 4.10.7_ut7ie4tqg2ygg3ru4utt6vrtaq
+      svelte-preprocess: 4.10.7_3efltl5pc3dgiobctbl4ejtqrm
      typescript: 4.5.5
    transitivePeerDependencies:
      - '@babel/core'
@ -4306,7 +4302,7 @@ packages:
      - svelte
    dev: true

-  /svelte-preprocess/4.10.7_ut7ie4tqg2ygg3ru4utt6vrtaq:
+  /svelte-preprocess/4.10.7_3efltl5pc3dgiobctbl4ejtqrm:
    resolution: {integrity: sha512-sNPBnqYD6FnmdBrUmBCaqS00RyCsCpj2BG58A1JBswNF7b0OKviwxqVrOL/CKyJrLSClrSeqQv5BXNg2RUbPOw==}
    engines: {node: '>= 9.11.2'}
    requiresBuild: true
@ -4347,6 +4343,7 @@ packages:
      typescript:
        optional: true
    dependencies:
+      '@babel/core': 7.18.9
      '@types/pug': 2.0.6
      '@types/sass': 1.43.1
      detect-indent: 6.1.0
@ -4444,7 +4441,6 @@ packages:
  /to-fast-properties/2.0.0:
    resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
    engines: {node: '>=4'}
-    dev: true

  /to-regex-range/5.0.1:
    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
@ -4615,6 +4611,11 @@ packages:
    optionalDependencies:
      fsevents: 2.3.2

+  /web-streams-polyfill/3.2.1:
+    resolution: {integrity: sha512-e0MO3wdXWKrLbL0DgGnUV7WHVuw9OUvL4hjgnPkIeEvESk74gAITi5G606JtZPp39cd8HA9VQzCIvA49LpPN5Q==}
+    engines: {node: '>= 8'}
+    dev: true
+
  /webidl-conversions/3.0.1:
    resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
    dev: false
--- a/theseus_gui/src/components/ProjectCard.svelte
+++ b/theseus_gui/src/components/ProjectCard.svelte
@ -0,0 +1,130 @@
+<script lang="ts">
+  import { t } from 'svelte-intl-precompile';
+  import IconHeart from 'virtual:icons/lucide/heart';
+  import IconDownload from 'virtual:icons/heroicons-outline/download';
+  import IconCalendar from 'virtual:icons/lucide/calendar';
+  import { ago } from 'omorphia/utils';
+  import { simplify } from '$lib/number';
+  import { Avatar, Button } from 'omorphia';
+  import { tagIcons } from '$generated/tags.json';
+
+  export let project;
+
+  // @ts-ignore: Author is only available in the result
+  let author = project.author ?? '';
+
+  // @ts-ignore: ID is in different locations in the result and project
+  let id = project.id ?? project.project_id;
+
+  // @ts-ignore: Updated is in different locations in the result and project
+  let updated = project.date_modified ?? project.updated;
+
+  const href = `/${project.project_type}/${project.slug || id}`;
+</script>
+
+<div class="card project-card">
+  <a {href} tabindex="-1">
+    <Avatar src={project.icon_url} size="md" />
+  </a>
+
+  <div class="project-card__info">
+    <div class="project-card__info__top">
+      <div class="project-card__info__top__text">
+        <span
+          ><a class="project-card__info__top__text__title" {href}>{project.title}</a>
+          {#if author}
+            <a href="/user/{author}" class="project-card__info__top__text__author"
+              >{@html $t('generic.byline', { values: { author } })}</a
+            >
+          {/if}
+        </span>
+
+        <p class="summary">
+          {project.description}
+        </p>
+      </div>
+      <div class="button-group">
+        <Button color="primary"><IconDownload />Install</Button>
+      </div>
+    </div>
+
+    <div class="tag-group">
+      {#each project.categories as category}
+        <div class="tag">
+          {@html tagIcons[category] || '?'}
+          {$t(`tags.${category}`)}
+        </div>
+      {/each}
+
+      <span class="stat">
+        <IconDownload />
+        <b>{simplify(project.downloads)}</b>
+      </span>
+      <span class="tag">
+        <IconCalendar />
+        {@html $t('stats.updated', { values: { ago: ago(updated) } })}
+      </span>
+    </div>
+  </div>
+
+  {#if !$$slots.actions}{:else}
+    <slot name="actions" />
+  {/if}
+</div>
+
+<style lang="postcss">
+  .project-card {
+    flex-direction: row;
+    flex-wrap: nowrap;
+    padding: 10px;
+    grid-gap: 1rem;
+
+    &__info {
+      display: flex;
+      flex-direction: column;
+      grid-gap: 0.25rem;
+      line-height: 100%;
+      margin-top: 0.2rem;
+      width: 100%;
+
+      &__top {
+        display: flex;
+        gap: 16px;
+
+        &__text {
+          display: flex;
+          flex-direction: column;
+          gap: 4px;
+
+          &__title {
+            font-weight: bold;
+            font-size: 16px;
+          }
+
+          &__author {
+            white-space: nowrap;
+            font-size: 12px;
+          }
+
+          .summary {
+            text-overflow: ellipsis;
+            overflow: hidden;
+            white-space: nowrap;
+            width: calc(100vw - 224px - 24px - 16px - 64px - 130px);
+          }
+        }
+
+        :global(.button-group) {
+          margin-left: auto;
+          height: 33px;
+        }
+      }
+
+      .tag-group {
+        .stat {
+          margin-left: auto;
+        }
+      }
+    }
+  }
+</style>
--- a/theseus_gui/src/components/VerticalNav.svelte
+++ b/theseus_gui/src/components/VerticalNav.svelte
@ -1,5 +1,5 @@
 <script lang="ts">
-  import { SvelteComponent } from 'svelte';
+  import type { SvelteComponent } from 'svelte';
  import { page } from '$app/stores';

  export let items: {
@ -18,7 +18,12 @@

 <div class="vertical-nav">
  {#each items as item (item.href)}
-    <a class="nav-item" href="/{item.href}" class:active={path[level] === item.href}>
+    <a
+      class="nav-item"
+      href="/{item.href}"
+      class:active={path[level] === item.href}
+      sveltekit:prefetch
+    >
      <svelte:component this={item.icon} />
      {item.label}
    </a>
--- a/theseus_gui/src/layout/Sidebar.svelte
+++ b/theseus_gui/src/layout/Sidebar.svelte
@ -122,6 +122,35 @@
        }
      }

+      &__create {
+        margin-top: 16px;
+        display: flex;
+        align-items: center;
+        grid-gap: 8px;
+
+        &__title {
+          text-transform: uppercase;
+          letter-spacing: 1px;
+          font-size: 11px;
+          line-height: 100%;
+        }
+      }
+
+      &__container {
+        max-height: calc(100vh - 400px);
+        overflow-y: auto;
+        mask-image: linear-gradient(to bottom, transparent, hsla(0, 0%, 0%, 1) 5% 95%, transparent);
+        scrollbar-width: none;
+        padding: 8px 0;
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+
+        &::-webkit-scrollbar {
+          display: none;
+        }
+      }
+
      &__create {
        margin-top: 16px;
        display: flex;
@ -129,7 +158,7 @@
        grid-gap: 8px;

        :global(button) {
-          width: 34px;
+          width: 32px;
        }
      }
    }
@ -142,5 +171,18 @@
      margin-top: auto;
      margin-bottom: 0;
    }
+
+    :global(button) {
+      width: 34px;
+    }
+
+    > :global(*) {
+      margin-bottom: 24px;
+    }
+
+    > *:last-child {
+      margin-top: auto;
+      margin-bottom: 0;
+    }
  }
 </style>
--- a/theseus_gui/src/layout/StatusBar.svelte
+++ b/theseus_gui/src/layout/StatusBar.svelte
@ -43,27 +43,49 @@
    height: 100%;
    align-items: center;
    box-shadow: var(--shadow-raised);
-  }

-  .breadcrumbs {
-    display: flex;
-    grid-gap: 0.25rem;
-    text-transform: capitalize;
-    align-items: center;
+    .page-nav {
+      display: flex;
+      gap: 2px;

-    &__crumb:hover {
-      text-decoration: underline;
+      button {
+        display: flex;
+      }
    }

-    :global(.icon) {
+    .breadcrumbs {
+      display: flex;
+      grid-gap: 0.25rem;
+      text-transform: capitalize;
+      align-items: center;
+      overflow-x: auto;
+
+      /* Hide scrollbar */
+      &::-webkit-scrollbar {
+        display: none; /* Chrome, Safari and Opera */
+      }
+      -ms-overflow-style: none; /* IE and Edge */
+      scrollbar-width: none; /* Firefox */
+
+      &__crumb:hover {
+        text-decoration: underline;
+      }
+
+      :global(.icon) {
+        color: var(--color-text-lightest);
+      }
+    }
+
+    .statuses {
+      margin-left: auto;
+      align-items: flex-end;
+      justify-content: flex-end;
+      display: flex;
+      grid-gap: 1rem;
      color: var(--color-text-lightest);
+      font-size: 13px;
+      line-height: 1.2;
+      text-align: right;
    }
  }
-
-  .statuses {
-    margin-left: auto;
-    display: flex;
-    grid-gap: 1rem;
-    color: var(--color-text-lightest);
-  }
 </style>
--- a/theseus_gui/src/lib/number.ts
+++ b/theseus_gui/src/lib/number.ts
@ -0,0 +1,40 @@
+/**
+ * Convert large numbers to human readable strings
+ * @source https://github.com/rohmanhm/simplify-number
+ */
+export function simplify(num = 0): string {
+  let numberVar = num;
+
+  // 2 decimal places => 100, 3 => 1000, etc
+  const decPlaces = Math.pow(10, 1);
+
+  // Enumerate number abbreviations
+  const abbrev = ['K', 'M', 'B', 'T'];
+
+  // Go through the array backwards, so we do the largest first
+  for (let i = abbrev.length - 1; i >= 0; i--) {
+    // Convert array index to "1000", "1000000", etc
+    const size = Math.pow(10, (i + 1) * 3);
+
+    // If the number is bigger or equal do the abbreviation
+    if (size <= numberVar) {
+      // Here, we multiply by decPlaces, round, and then divide by decPlaces.
+      // This gives us nice rounding to a particular decimal place.
+      numberVar = Math.round((numberVar * decPlaces) / size) / decPlaces;
+
+      // Handle special case where we round up to the next abbreviation
+      if (numberVar === 1000 && i < abbrev.length - 1) {
+        numberVar = 1;
+        i++;
+      }
+
+      // Add the letter for the abbreviation
+      (numberVar as any) += abbrev[i];
+
+      // We are done... stop
+      break;
+    }
+  }
+
+  return String(numberVar);
+}
--- a/theseus_gui/src/routes/library/instance/[id]/settings.svelte
+++ b/theseus_gui/src/routes/library/instance/[id]/settings.svelte
@ -9,10 +9,37 @@
 </script>

 <div class="section">
-  <TitledSection title="Override global settings" toggleable="true">
+  <TitledSection title="Override global settings" toggleable={true}>
    <GlobalSettings />
  </TitledSection>
 </div>

 <style lang="postcss">
+  .section {
+    display: flex;
+    flex-direction: column;
+    padding: 1rem;
+    grid-gap: 1rem;
+
+    &__title {
+      display: flex;
+      grid-gap: 1rem;
+      align-items: center;
+
+      &::after {
+        flex: 1 1;
+        content: ' ';
+        background-color: hsla(0, 0%, 100%, 0.2);
+        height: 0.2rem;
+        border-radius: var(--rounded-max);
+      }
+    }
+
+    &__items {
+      display: flex;
+      flex-direction: column;
+      grid-gap: 1rem;
+      padding: 0 8px;
+    }
+  }
 </style>
--- a/theseus_gui/src/routes/search/__layout.svelte
+++ b/theseus_gui/src/routes/search/__layout.svelte
@ -0,0 +1,12 @@
+<div class="layout-search">
+  <slot />
+</div>
+
+<style lang="postcss">
+  .layout-search {
+    display: flex;
+    padding: 16px;
+    flex-direction: column;
+    gap: 16px;
+  }
+</style>
--- a/theseus_gui/src/routes/search/index.svelte
+++ b/theseus_gui/src/routes/search/index.svelte
@ -0,0 +1,90 @@
+<script lang="ts" context="module">
+  /** @type {import('./index').Load} */
+  export async function load({ fetch }) {
+    const response = await fetch(`https://api.modrinth.com/v2/search?query=&limit=10&offset=0&index=relevance`);
+
+    return {
+      props: {
+        projects: response.ok && (await response.json()).hits
+      }
+    };
+  }
+</script>
+
+<script lang="ts">
+  import IconSearch from 'virtual:icons/heroicons-outline/search';
+  import IconSortDescending from 'virtual:icons/heroicons-outline/sort-descending';
+  import IconBox from 'virtual:icons/lucide/box';
+  import IconGlobe from 'virtual:icons/lucide/globe';
+  import IconCpu from 'virtual:icons/lucide/cpu';
+  import IconTruck from 'virtual:icons/lucide/truck';
+  import IconFileText from 'virtual:icons/lucide/file-text';
+
+  import { TextInput, Button } from 'omorphia';
+  import ProjectCard from '$components/ProjectCard.svelte';
+
+  export let projects;
+</script>
+
+<div class="controls">
+  <div class="controls__row">
+    <TextInput placeholder="Search..." icon={IconSearch} />
+    <Button color="tertiary"><IconSortDescending />Sort by relevance</Button>
+  </div>
+  <div class="controls__row controls__row--overflow">
+    <Button color="secondary"><IconBox />Minecraft versions</Button>
+    <Button color="secondary"><IconGlobe />Categories</Button>
+    <Button color="secondary"><IconCpu />Environment</Button>
+    <Button color="secondary"><IconTruck />Mod loaders</Button>
+    <Button color="secondary"><IconFileText />License</Button>
+  </div>
+</div>
+
+<div class="results">
+  {#each projects as project}
+    <ProjectCard {project} />
+  {/each}
+</div>
+
+<style lang="postcss">
+  .controls {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    gap: 10px;
+
+    &__row {
+      display: flex;
+      gap: 8px;
+
+      &--overflow {
+        overflow-x: auto;
+        margin: 0px -4px;
+        padding: 0 6px;
+        width: calc(100% + 3px);
+        mask-image: linear-gradient(to right, transparent, hsla(0, 0%, 0%, 1) 1% 99%, transparent);
+
+        /* Hide scrollbar */
+        -ms-overflow-style: none;
+        scrollbar-width: none;
+        &::-webkit-scrollbar {
+          display: none;
+        }
+      }
+
+      :global(.text-input) {
+        flex: 1 1;
+      }
+
+      :global(.text-input > input) {
+        width: auto;
+      }
+    }
+  }
+
+  .results {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+  }
+</style>
--- a/theseus_gui/src/styles/global.postcss
+++ b/theseus_gui/src/styles/global.postcss
@ -1,5 +1,13 @@
@import 'components.postcss';

+.base {
+  font-size: 14px;
+}
+
+.avatar--size-md {
+  --size: 64px !important;
+}
+
 .theme-dark {
  --status-bg: hsl(216, 5%, 29%);
  --sidebar-bg: hsl(216, 10%, 3%);
--- a/theseus_gui/tsconfig.json
+++ b/theseus_gui/tsconfig.json
@ -24,17 +24,17 @@
 		"esModuleInterop": true,
 		"skipLibCheck": true,
 		"forceConsistentCasingInFileNames": true,
-		"baseUrl": "../test/Modrinth",
+		"baseUrl": "./",
 		"allowJs": true,
 		"checkJs": true,
 		"paths": {
 			"$assets/*": ["src/assets/*"],
 			"$components/*": ["src/components/*"],
-			"$layout/*": ["src/components/*"],
+			"$layout/*": ["src/layout/*"],
 			"$lib/*": ["src/lib/*"],
 			"$stores/*": ["src/stores/*"],
 			"$styles/*": ["src/styles/*"],
-			"$generated/*": ["src/generated/*"],
+			"$generated/*": ["generated/*"],
 			"$lib":["src/lib"],
 		}
 	},
--- a/theseus_gui/vite.config.js
+++ b/theseus_gui/vite.config.js
@ -12,7 +12,8 @@ const config = {
    precompileIntl('locales'),
    Generator({
      gameVersions: true,
-      openapi: true
+      openapi: true,
+      tags: true
    })
  ],
  optimizeDeps: {