From d67924960418f5e54b37b9f87e38341c560c5ee3 Mon Sep 17 00:00:00 2001
From: Marcel <me@m4rc3l.de>
Date: Thu, 10 Oct 2024 21:55:08 +0200
Subject: [PATCH 1/6] ixx: init

---
 .gitignore                                    |   2 +
 flake.nix                                     |  10 +-
 package.json                                  |   1 +
 pnpm-lock.yaml                                | 235 ++++++++++--------
 public/fixx_bg.wasm                           |   1 +
 .../components/search/search.component.html   |   2 +-
 .../components/search/search.component.ts     |  22 +-
 src/app/core/data/search.service.ts           | 116 ++++-----
 8 files changed, 204 insertions(+), 185 deletions(-)
 create mode 120000 public/fixx_bg.wasm

diff --git a/.gitignore b/.gitignore
index 35f9eb9..30432be 100644
--- a/.gitignore
+++ b/.gitignore
@@ -44,3 +44,5 @@ Thumbs.db
 
 # CUSTOM
 result
+/public/meta
+/public/index.ixx
diff --git a/flake.nix b/flake.nix
index 69bcd36..5a1c0a3 100644
--- a/flake.nix
+++ b/flake.nix
@@ -16,11 +16,19 @@
         in
         {
           devShells.default = pkgs.mkShell {
-            buildInputs = with pkgs; [
+            nativeBuildInputs = with pkgs; [
               nodejs
               pnpm
               (python3.withPackages (ps: with ps; [ markdown pygments ]))
+
+              cargo
+              clippy
+              rustc
+              rustc.llvmPackages.lld
+              wasm-pack
             ];
+
+            RUST_SRC_PATH = pkgs.rust.packages.stable.rustPlatform.rustLibSrc;
           };
 
           packages = rec {
diff --git a/package.json b/package.json
index 357fcc9..fa3278a 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
     "@feel/style": "^0.0.25",
     "@fontsource/dm-mono": "^5.1.0",
     "@fontsource/dm-sans": "^5.1.0",
+    "@nuschtos/fixx": "link:../ixx/result",
     "rxjs": "~7.8.1",
     "tslib": "^2.7.0",
     "zone.js": "~0.15.0"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5d95cfa..2a10994 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -10,40 +10,43 @@ importers:
     dependencies:
       '@angular/animations':
         specifier: ^18.2.7
-        version: 18.2.8(@angular/core@18.2.8)
+        version: 18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))
       '@angular/common':
         specifier: ^18.2.7
-        version: 18.2.8(@angular/core@18.2.8)(rxjs@7.8.1)
+        version: 18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1)
       '@angular/compiler':
         specifier: ^18.2.7
-        version: 18.2.8(@angular/core@18.2.8)
+        version: 18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))
       '@angular/core':
         specifier: ^18.2.7
         version: 18.2.8(rxjs@7.8.1)(zone.js@0.15.0)
       '@angular/forms':
         specifier: ^18.2.7
-        version: 18.2.8(@angular/common@18.2.8)(@angular/core@18.2.8)(@angular/platform-browser@18.2.8)(rxjs@7.8.1)
+        version: 18.2.8(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(@angular/platform-browser@18.2.8(@angular/animations@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))(rxjs@7.8.1)
       '@angular/platform-browser':
         specifier: ^18.2.7
-        version: 18.2.8(@angular/animations@18.2.8)(@angular/common@18.2.8)(@angular/core@18.2.8)
+        version: 18.2.8(@angular/animations@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))
       '@angular/platform-browser-dynamic':
         specifier: ^18.2.7
-        version: 18.2.8(@angular/common@18.2.8)(@angular/compiler@18.2.8)(@angular/core@18.2.8)(@angular/platform-browser@18.2.8)
+        version: 18.2.8(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/compiler@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(@angular/platform-browser@18.2.8(@angular/animations@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))
       '@angular/router':
         specifier: ^18.2.7
-        version: 18.2.8(@angular/common@18.2.8)(@angular/core@18.2.8)(@angular/platform-browser@18.2.8)(rxjs@7.8.1)
+        version: 18.2.8(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(@angular/platform-browser@18.2.8(@angular/animations@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))(rxjs@7.8.1)
       '@feel/form':
         specifier: ^0.0.25
-        version: 0.0.25(@angular/cdk@17.3.10)(@angular/common@18.2.8)(@angular/core@18.2.8)(@feel/style@0.0.25)
+        version: 0.0.25(@angular/cdk@17.3.10(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(@feel/style@0.0.25(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))
       '@feel/style':
         specifier: ^0.0.25
-        version: 0.0.25(@angular/common@18.2.8)(@angular/core@18.2.8)
+        version: 0.0.25(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))
       '@fontsource/dm-mono':
         specifier: ^5.1.0
         version: 5.1.0
       '@fontsource/dm-sans':
         specifier: ^5.1.0
         version: 5.1.0
+      '@nuschtos/fixx':
+        specifier: link:../ixx/result
+        version: link:../ixx/result
       rxjs:
         specifier: ~7.8.1
         version: 7.8.1
@@ -56,13 +59,13 @@ importers:
     devDependencies:
       '@angular-devkit/build-angular':
         specifier: ^18.2.8
-        version: 18.2.8(@angular/compiler-cli@18.2.8)(karma@6.4.4)(typescript@5.5.4)
+        version: 18.2.8(@angular/compiler-cli@18.2.8(@angular/compiler@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))(typescript@5.5.4))(@types/node@22.7.5)(chokidar@3.6.0)(karma@6.4.4)(typescript@5.5.4)
       '@angular/cli':
         specifier: ^18.2.8
-        version: 18.2.8
+        version: 18.2.8(chokidar@3.6.0)
       '@angular/compiler-cli':
         specifier: ^18.2.7
-        version: 18.2.8(@angular/compiler@18.2.8)(typescript@5.5.4)
+        version: 18.2.8(@angular/compiler@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))(typescript@5.5.4)
       '@angular/language-service':
         specifier: ^18.2.7
         version: 18.2.8
@@ -86,7 +89,7 @@ importers:
         version: 5.1.0(karma@6.4.4)
       karma-jasmine-html-reporter:
         specifier: ~2.1.0
-        version: 2.1.0(jasmine-core@5.3.0)(karma-jasmine@5.1.0)(karma@6.4.4)
+        version: 2.1.0(jasmine-core@5.3.0)(karma-jasmine@5.1.0(karma@6.4.4))(karma@6.4.4)
       typescript:
         specifier: ~5.5.4
         version: 5.5.4
@@ -4322,21 +4325,21 @@ snapshots:
       '@jridgewell/gen-mapping': 0.3.5
       '@jridgewell/trace-mapping': 0.3.25
 
-  '@angular-devkit/architect@0.1802.8':
+  '@angular-devkit/architect@0.1802.8(chokidar@3.6.0)':
     dependencies:
-      '@angular-devkit/core': 18.2.8
+      '@angular-devkit/core': 18.2.8(chokidar@3.6.0)
       rxjs: 7.8.1
     transitivePeerDependencies:
       - chokidar
 
-  '@angular-devkit/build-angular@18.2.8(@angular/compiler-cli@18.2.8)(karma@6.4.4)(typescript@5.5.4)':
+  '@angular-devkit/build-angular@18.2.8(@angular/compiler-cli@18.2.8(@angular/compiler@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))(typescript@5.5.4))(@types/node@22.7.5)(chokidar@3.6.0)(karma@6.4.4)(typescript@5.5.4)':
     dependencies:
       '@ampproject/remapping': 2.3.0
-      '@angular-devkit/architect': 0.1802.8
-      '@angular-devkit/build-webpack': 0.1802.8(webpack-dev-server@5.0.4)(webpack@5.94.0)
-      '@angular-devkit/core': 18.2.8
-      '@angular/build': 18.2.8(@angular/compiler-cli@18.2.8)(less@4.2.0)(postcss@8.4.41)(terser@5.31.6)(typescript@5.5.4)
-      '@angular/compiler-cli': 18.2.8(@angular/compiler@18.2.8)(typescript@5.5.4)
+      '@angular-devkit/architect': 0.1802.8(chokidar@3.6.0)
+      '@angular-devkit/build-webpack': 0.1802.8(chokidar@3.6.0)(webpack-dev-server@5.0.4(webpack@5.94.0))(webpack@5.94.0(esbuild@0.23.0))
+      '@angular-devkit/core': 18.2.8(chokidar@3.6.0)
+      '@angular/build': 18.2.8(@angular/compiler-cli@18.2.8(@angular/compiler@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))(typescript@5.5.4))(@types/node@22.7.5)(chokidar@3.6.0)(less@4.2.0)(postcss@8.4.41)(terser@5.31.6)(typescript@5.5.4)
+      '@angular/compiler-cli': 18.2.8(@angular/compiler@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))(typescript@5.5.4)
       '@babel/core': 7.25.2
       '@babel/generator': 7.25.0
       '@babel/helper-annotate-as-pure': 7.24.7
@@ -4347,29 +4350,28 @@ snapshots:
       '@babel/preset-env': 7.25.3(@babel/core@7.25.2)
       '@babel/runtime': 7.25.0
       '@discoveryjs/json-ext': 0.6.1
-      '@ngtools/webpack': 18.2.8(@angular/compiler-cli@18.2.8)(typescript@5.5.4)(webpack@5.94.0)
-      '@vitejs/plugin-basic-ssl': 1.1.0(vite@5.4.6)
+      '@ngtools/webpack': 18.2.8(@angular/compiler-cli@18.2.8(@angular/compiler@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))(typescript@5.5.4))(typescript@5.5.4)(webpack@5.94.0(esbuild@0.23.0))
+      '@vitejs/plugin-basic-ssl': 1.1.0(vite@5.4.6(@types/node@22.7.5)(less@4.2.0)(sass@1.77.6)(terser@5.31.6))
       ansi-colors: 4.1.3
       autoprefixer: 10.4.20(postcss@8.4.41)
-      babel-loader: 9.1.3(@babel/core@7.25.2)(webpack@5.94.0)
+      babel-loader: 9.1.3(@babel/core@7.25.2)(webpack@5.94.0(esbuild@0.23.0))
       browserslist: 4.24.0
-      copy-webpack-plugin: 12.0.2(webpack@5.94.0)
+      copy-webpack-plugin: 12.0.2(webpack@5.94.0(esbuild@0.23.0))
       critters: 0.0.24
-      css-loader: 7.1.2(webpack@5.94.0)
+      css-loader: 7.1.2(webpack@5.94.0(esbuild@0.23.0))
       esbuild-wasm: 0.23.0
       fast-glob: 3.3.2
       http-proxy-middleware: 3.0.0
       https-proxy-agent: 7.0.5
       istanbul-lib-instrument: 6.0.3
       jsonc-parser: 3.3.1
-      karma: 6.4.4
       karma-source-map-support: 1.4.0
       less: 4.2.0
-      less-loader: 12.2.0(less@4.2.0)(webpack@5.94.0)
-      license-webpack-plugin: 4.0.2(webpack@5.94.0)
+      less-loader: 12.2.0(less@4.2.0)(webpack@5.94.0(esbuild@0.23.0))
+      license-webpack-plugin: 4.0.2(webpack@5.94.0(esbuild@0.23.0))
       loader-utils: 3.3.1
       magic-string: 0.30.11
-      mini-css-extract-plugin: 2.9.0(webpack@5.94.0)
+      mini-css-extract-plugin: 2.9.0(webpack@5.94.0(esbuild@0.23.0))
       mrmime: 2.0.0
       open: 10.1.0
       ora: 5.4.1
@@ -4377,27 +4379,28 @@ snapshots:
       picomatch: 4.0.2
       piscina: 4.6.1
       postcss: 8.4.41
-      postcss-loader: 8.1.1(postcss@8.4.41)(typescript@5.5.4)(webpack@5.94.0)
+      postcss-loader: 8.1.1(postcss@8.4.41)(typescript@5.5.4)(webpack@5.94.0(esbuild@0.23.0))
       resolve-url-loader: 5.0.0
       rxjs: 7.8.1
       sass: 1.77.6
-      sass-loader: 16.0.0(sass@1.77.6)(webpack@5.94.0)
+      sass-loader: 16.0.0(sass@1.77.6)(webpack@5.94.0(esbuild@0.23.0))
       semver: 7.6.3
-      source-map-loader: 5.0.0(webpack@5.94.0)
+      source-map-loader: 5.0.0(webpack@5.94.0(esbuild@0.23.0))
       source-map-support: 0.5.21
       terser: 5.31.6
       tree-kill: 1.2.2
       tslib: 2.6.3
       typescript: 5.5.4
-      vite: 5.4.6(less@4.2.0)(sass@1.77.6)(terser@5.31.6)
+      vite: 5.4.6(@types/node@22.7.5)(less@4.2.0)(sass@1.77.6)(terser@5.31.6)
       watchpack: 2.4.1
       webpack: 5.94.0(esbuild@0.23.0)
       webpack-dev-middleware: 7.4.2(webpack@5.94.0)
       webpack-dev-server: 5.0.4(webpack@5.94.0)
       webpack-merge: 6.0.1
-      webpack-subresource-integrity: 5.1.0(webpack@5.94.0)
+      webpack-subresource-integrity: 5.1.0(webpack@5.94.0(esbuild@0.23.0))
     optionalDependencies:
       esbuild: 0.23.0
+      karma: 6.4.4
     transitivePeerDependencies:
       - '@rspack/core'
       - '@swc/core'
@@ -4416,16 +4419,16 @@ snapshots:
       - utf-8-validate
       - webpack-cli
 
-  '@angular-devkit/build-webpack@0.1802.8(webpack-dev-server@5.0.4)(webpack@5.94.0)':
+  '@angular-devkit/build-webpack@0.1802.8(chokidar@3.6.0)(webpack-dev-server@5.0.4(webpack@5.94.0))(webpack@5.94.0(esbuild@0.23.0))':
     dependencies:
-      '@angular-devkit/architect': 0.1802.8
+      '@angular-devkit/architect': 0.1802.8(chokidar@3.6.0)
       rxjs: 7.8.1
       webpack: 5.94.0(esbuild@0.23.0)
       webpack-dev-server: 5.0.4(webpack@5.94.0)
     transitivePeerDependencies:
       - chokidar
 
-  '@angular-devkit/core@18.2.8':
+  '@angular-devkit/core@18.2.8(chokidar@3.6.0)':
     dependencies:
       ajv: 8.17.1
       ajv-formats: 3.0.1(ajv@8.17.1)
@@ -4433,10 +4436,12 @@ snapshots:
       picomatch: 4.0.2
       rxjs: 7.8.1
       source-map: 0.7.4
+    optionalDependencies:
+      chokidar: 3.6.0
 
-  '@angular-devkit/schematics@18.2.8':
+  '@angular-devkit/schematics@18.2.8(chokidar@3.6.0)':
     dependencies:
-      '@angular-devkit/core': 18.2.8
+      '@angular-devkit/core': 18.2.8(chokidar@3.6.0)
       jsonc-parser: 3.3.1
       magic-string: 0.30.11
       ora: 5.4.1
@@ -4444,28 +4449,27 @@ snapshots:
     transitivePeerDependencies:
       - chokidar
 
-  '@angular/animations@18.2.8(@angular/core@18.2.8)':
+  '@angular/animations@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))':
     dependencies:
       '@angular/core': 18.2.8(rxjs@7.8.1)(zone.js@0.15.0)
       tslib: 2.7.0
 
-  '@angular/build@18.2.8(@angular/compiler-cli@18.2.8)(less@4.2.0)(postcss@8.4.41)(terser@5.31.6)(typescript@5.5.4)':
+  '@angular/build@18.2.8(@angular/compiler-cli@18.2.8(@angular/compiler@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))(typescript@5.5.4))(@types/node@22.7.5)(chokidar@3.6.0)(less@4.2.0)(postcss@8.4.41)(terser@5.31.6)(typescript@5.5.4)':
     dependencies:
       '@ampproject/remapping': 2.3.0
-      '@angular-devkit/architect': 0.1802.8
-      '@angular/compiler-cli': 18.2.8(@angular/compiler@18.2.8)(typescript@5.5.4)
+      '@angular-devkit/architect': 0.1802.8(chokidar@3.6.0)
+      '@angular/compiler-cli': 18.2.8(@angular/compiler@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))(typescript@5.5.4)
       '@babel/core': 7.25.2
       '@babel/helper-annotate-as-pure': 7.24.7
       '@babel/helper-split-export-declaration': 7.24.7
       '@babel/plugin-syntax-import-attributes': 7.24.7(@babel/core@7.25.2)
       '@inquirer/confirm': 3.1.22
-      '@vitejs/plugin-basic-ssl': 1.1.0(vite@5.4.6)
+      '@vitejs/plugin-basic-ssl': 1.1.0(vite@5.4.6(@types/node@22.7.5)(less@4.2.0)(sass@1.77.6)(terser@5.31.6))
       browserslist: 4.24.0
       critters: 0.0.24
       esbuild: 0.23.0
       fast-glob: 3.3.2
       https-proxy-agent: 7.0.5
-      less: 4.2.0
       listr2: 8.2.4
       lmdb: 3.0.13
       magic-string: 0.30.11
@@ -4473,13 +4477,15 @@ snapshots:
       parse5-html-rewriting-stream: 7.0.0
       picomatch: 4.0.2
       piscina: 4.6.1
-      postcss: 8.4.41
       rollup: 4.22.4
       sass: 1.77.6
       semver: 7.6.3
       typescript: 5.5.4
-      vite: 5.4.6(less@4.2.0)(sass@1.77.6)(terser@5.31.6)
+      vite: 5.4.6(@types/node@22.7.5)(less@4.2.0)(sass@1.77.6)(terser@5.31.6)
       watchpack: 2.4.1
+    optionalDependencies:
+      less: 4.2.0
+      postcss: 8.4.41
     transitivePeerDependencies:
       - '@types/node'
       - chokidar
@@ -4490,23 +4496,23 @@ snapshots:
       - supports-color
       - terser
 
-  '@angular/cdk@17.3.10(@angular/common@18.2.8)(@angular/core@18.2.8)(rxjs@7.8.1)':
+  '@angular/cdk@17.3.10(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1)':
     dependencies:
-      '@angular/common': 18.2.8(@angular/core@18.2.8)(rxjs@7.8.1)
+      '@angular/common': 18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1)
       '@angular/core': 18.2.8(rxjs@7.8.1)(zone.js@0.15.0)
       rxjs: 7.8.1
       tslib: 2.7.0
     optionalDependencies:
       parse5: 7.1.2
 
-  '@angular/cli@18.2.8':
+  '@angular/cli@18.2.8(chokidar@3.6.0)':
     dependencies:
-      '@angular-devkit/architect': 0.1802.8
-      '@angular-devkit/core': 18.2.8
-      '@angular-devkit/schematics': 18.2.8
+      '@angular-devkit/architect': 0.1802.8(chokidar@3.6.0)
+      '@angular-devkit/core': 18.2.8(chokidar@3.6.0)
+      '@angular-devkit/schematics': 18.2.8(chokidar@3.6.0)
       '@inquirer/prompts': 5.3.8
       '@listr2/prompt-adapter-inquirer': 2.0.15(@inquirer/prompts@5.3.8)
-      '@schematics/angular': 18.2.8
+      '@schematics/angular': 18.2.8(chokidar@3.6.0)
       '@yarnpkg/lockfile': 1.1.0
       ini: 4.1.3
       jsonc-parser: 3.3.1
@@ -4523,15 +4529,15 @@ snapshots:
       - chokidar
       - supports-color
 
-  '@angular/common@18.2.8(@angular/core@18.2.8)(rxjs@7.8.1)':
+  '@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1)':
     dependencies:
       '@angular/core': 18.2.8(rxjs@7.8.1)(zone.js@0.15.0)
       rxjs: 7.8.1
       tslib: 2.7.0
 
-  '@angular/compiler-cli@18.2.8(@angular/compiler@18.2.8)(typescript@5.5.4)':
+  '@angular/compiler-cli@18.2.8(@angular/compiler@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))(typescript@5.5.4)':
     dependencies:
-      '@angular/compiler': 18.2.8(@angular/core@18.2.8)
+      '@angular/compiler': 18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))
       '@babel/core': 7.25.2
       '@jridgewell/sourcemap-codec': 1.5.0
       chokidar: 4.0.1
@@ -4544,10 +4550,11 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@angular/compiler@18.2.8(@angular/core@18.2.8)':
+  '@angular/compiler@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))':
     dependencies:
-      '@angular/core': 18.2.8(rxjs@7.8.1)(zone.js@0.15.0)
       tslib: 2.7.0
+    optionalDependencies:
+      '@angular/core': 18.2.8(rxjs@7.8.1)(zone.js@0.15.0)
 
   '@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)':
     dependencies:
@@ -4555,36 +4562,37 @@ snapshots:
       tslib: 2.7.0
       zone.js: 0.15.0
 
-  '@angular/forms@18.2.8(@angular/common@18.2.8)(@angular/core@18.2.8)(@angular/platform-browser@18.2.8)(rxjs@7.8.1)':
+  '@angular/forms@18.2.8(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(@angular/platform-browser@18.2.8(@angular/animations@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))(rxjs@7.8.1)':
     dependencies:
-      '@angular/common': 18.2.8(@angular/core@18.2.8)(rxjs@7.8.1)
+      '@angular/common': 18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1)
       '@angular/core': 18.2.8(rxjs@7.8.1)(zone.js@0.15.0)
-      '@angular/platform-browser': 18.2.8(@angular/animations@18.2.8)(@angular/common@18.2.8)(@angular/core@18.2.8)
+      '@angular/platform-browser': 18.2.8(@angular/animations@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))
       rxjs: 7.8.1
       tslib: 2.7.0
 
   '@angular/language-service@18.2.8': {}
 
-  '@angular/platform-browser-dynamic@18.2.8(@angular/common@18.2.8)(@angular/compiler@18.2.8)(@angular/core@18.2.8)(@angular/platform-browser@18.2.8)':
+  '@angular/platform-browser-dynamic@18.2.8(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/compiler@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(@angular/platform-browser@18.2.8(@angular/animations@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))':
     dependencies:
-      '@angular/common': 18.2.8(@angular/core@18.2.8)(rxjs@7.8.1)
-      '@angular/compiler': 18.2.8(@angular/core@18.2.8)
+      '@angular/common': 18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1)
+      '@angular/compiler': 18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))
       '@angular/core': 18.2.8(rxjs@7.8.1)(zone.js@0.15.0)
-      '@angular/platform-browser': 18.2.8(@angular/animations@18.2.8)(@angular/common@18.2.8)(@angular/core@18.2.8)
+      '@angular/platform-browser': 18.2.8(@angular/animations@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))
       tslib: 2.7.0
 
-  '@angular/platform-browser@18.2.8(@angular/animations@18.2.8)(@angular/common@18.2.8)(@angular/core@18.2.8)':
+  '@angular/platform-browser@18.2.8(@angular/animations@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))':
     dependencies:
-      '@angular/animations': 18.2.8(@angular/core@18.2.8)
-      '@angular/common': 18.2.8(@angular/core@18.2.8)(rxjs@7.8.1)
+      '@angular/common': 18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1)
       '@angular/core': 18.2.8(rxjs@7.8.1)(zone.js@0.15.0)
       tslib: 2.7.0
+    optionalDependencies:
+      '@angular/animations': 18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))
 
-  '@angular/router@18.2.8(@angular/common@18.2.8)(@angular/core@18.2.8)(@angular/platform-browser@18.2.8)(rxjs@7.8.1)':
+  '@angular/router@18.2.8(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(@angular/platform-browser@18.2.8(@angular/animations@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))(rxjs@7.8.1)':
     dependencies:
-      '@angular/common': 18.2.8(@angular/core@18.2.8)(rxjs@7.8.1)
+      '@angular/common': 18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1)
       '@angular/core': 18.2.8(rxjs@7.8.1)(zone.js@0.15.0)
-      '@angular/platform-browser': 18.2.8(@angular/animations@18.2.8)(@angular/common@18.2.8)(@angular/core@18.2.8)
+      '@angular/platform-browser': 18.2.8(@angular/animations@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))
       rxjs: 7.8.1
       tslib: 2.7.0
 
@@ -5554,17 +5562,17 @@ snapshots:
   '@esbuild/win32-x64@0.23.0':
     optional: true
 
-  '@feel/form@0.0.25(@angular/cdk@17.3.10)(@angular/common@18.2.8)(@angular/core@18.2.8)(@feel/style@0.0.25)':
+  '@feel/form@0.0.25(@angular/cdk@17.3.10(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(@feel/style@0.0.25(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))':
     dependencies:
-      '@angular/cdk': 17.3.10(@angular/common@18.2.8)(@angular/core@18.2.8)(rxjs@7.8.1)
-      '@angular/common': 18.2.8(@angular/core@18.2.8)(rxjs@7.8.1)
+      '@angular/cdk': 17.3.10(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1)
+      '@angular/common': 18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1)
       '@angular/core': 18.2.8(rxjs@7.8.1)(zone.js@0.15.0)
-      '@feel/style': 0.0.25(@angular/common@18.2.8)(@angular/core@18.2.8)
+      '@feel/style': 0.0.25(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))
       tslib: 2.7.0
 
-  '@feel/style@0.0.25(@angular/common@18.2.8)(@angular/core@18.2.8)':
+  '@feel/style@0.0.25(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))':
     dependencies:
-      '@angular/common': 18.2.8(@angular/core@18.2.8)(rxjs@7.8.1)
+      '@angular/common': 18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1)
       '@angular/core': 18.2.8(rxjs@7.8.1)(zone.js@0.15.0)
       tslib: 2.7.0
 
@@ -5769,9 +5777,9 @@ snapshots:
   '@msgpackr-extract/msgpackr-extract-win32-x64@3.0.3':
     optional: true
 
-  '@ngtools/webpack@18.2.8(@angular/compiler-cli@18.2.8)(typescript@5.5.4)(webpack@5.94.0)':
+  '@ngtools/webpack@18.2.8(@angular/compiler-cli@18.2.8(@angular/compiler@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))(typescript@5.5.4))(typescript@5.5.4)(webpack@5.94.0(esbuild@0.23.0))':
     dependencies:
-      '@angular/compiler-cli': 18.2.8(@angular/compiler@18.2.8)(typescript@5.5.4)
+      '@angular/compiler-cli': 18.2.8(@angular/compiler@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))(typescript@5.5.4)
       typescript: 5.5.4
       webpack: 5.94.0(esbuild@0.23.0)
 
@@ -5951,10 +5959,10 @@ snapshots:
   '@rollup/rollup-win32-x64-msvc@4.24.0':
     optional: true
 
-  '@schematics/angular@18.2.8':
+  '@schematics/angular@18.2.8(chokidar@3.6.0)':
     dependencies:
-      '@angular-devkit/core': 18.2.8
-      '@angular-devkit/schematics': 18.2.8
+      '@angular-devkit/core': 18.2.8(chokidar@3.6.0)
+      '@angular-devkit/schematics': 18.2.8(chokidar@3.6.0)
       jsonc-parser: 3.3.1
     transitivePeerDependencies:
       - chokidar
@@ -6106,9 +6114,9 @@ snapshots:
     dependencies:
       '@types/node': 22.7.5
 
-  '@vitejs/plugin-basic-ssl@1.1.0(vite@5.4.6)':
+  '@vitejs/plugin-basic-ssl@1.1.0(vite@5.4.6(@types/node@22.7.5)(less@4.2.0)(sass@1.77.6)(terser@5.31.6))':
     dependencies:
-      vite: 5.4.6(less@4.2.0)(sass@1.77.6)(terser@5.31.6)
+      vite: 5.4.6(@types/node@22.7.5)(less@4.2.0)(sass@1.77.6)(terser@5.31.6)
 
   '@webassemblyjs/ast@1.12.1':
     dependencies:
@@ -6222,11 +6230,11 @@ snapshots:
       indent-string: 4.0.0
 
   ajv-formats@2.1.1(ajv@8.17.1):
-    dependencies:
+    optionalDependencies:
       ajv: 8.17.1
 
   ajv-formats@3.0.1(ajv@8.17.1):
-    dependencies:
+    optionalDependencies:
       ajv: 8.17.1
 
   ajv-keywords@3.5.2(ajv@6.12.6):
@@ -6297,7 +6305,7 @@ snapshots:
       postcss: 8.4.41
       postcss-value-parser: 4.2.0
 
-  babel-loader@9.1.3(@babel/core@7.25.2)(webpack@5.94.0):
+  babel-loader@9.1.3(@babel/core@7.25.2)(webpack@5.94.0(esbuild@0.23.0)):
     dependencies:
       '@babel/core': 7.25.2
       find-cache-dir: 4.0.0
@@ -6571,7 +6579,7 @@ snapshots:
     dependencies:
       is-what: 3.14.1
 
-  copy-webpack-plugin@12.0.2(webpack@5.94.0):
+  copy-webpack-plugin@12.0.2(webpack@5.94.0(esbuild@0.23.0)):
     dependencies:
       fast-glob: 3.3.2
       glob-parent: 6.0.2
@@ -6598,6 +6606,7 @@ snapshots:
       import-fresh: 3.3.0
       js-yaml: 4.1.0
       parse-json: 5.2.0
+    optionalDependencies:
       typescript: 5.5.4
 
   critters@0.0.24:
@@ -6616,7 +6625,7 @@ snapshots:
       shebang-command: 2.0.0
       which: 2.0.2
 
-  css-loader@7.1.2(webpack@5.94.0):
+  css-loader@7.1.2(webpack@5.94.0(esbuild@0.23.0)):
     dependencies:
       icss-utils: 5.1.0(postcss@8.4.41)
       postcss: 8.4.41
@@ -6626,6 +6635,7 @@ snapshots:
       postcss-modules-values: 4.0.0(postcss@8.4.41)
       postcss-value-parser: 4.2.0
       semver: 7.6.3
+    optionalDependencies:
       webpack: 5.94.0(esbuild@0.23.0)
 
   css-select@5.1.0:
@@ -6999,7 +7009,7 @@ snapshots:
   flatted@3.3.1: {}
 
   follow-redirects@1.15.9(debug@4.3.7):
-    dependencies:
+    optionalDependencies:
       debug: 4.3.7
 
   foreground-child@3.3.0:
@@ -7165,12 +7175,13 @@ snapshots:
 
   http-proxy-middleware@2.0.7(@types/express@4.17.21):
     dependencies:
-      '@types/express': 4.17.21
       '@types/http-proxy': 1.17.15
       http-proxy: 1.18.1(debug@4.3.7)
       is-glob: 4.0.3
       is-plain-obj: 3.0.0
       micromatch: 4.0.8
+    optionalDependencies:
+      '@types/express': 4.17.21
     transitivePeerDependencies:
       - debug
 
@@ -7426,7 +7437,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  karma-jasmine-html-reporter@2.1.0(jasmine-core@5.3.0)(karma-jasmine@5.1.0)(karma@6.4.4):
+  karma-jasmine-html-reporter@2.1.0(jasmine-core@5.3.0)(karma-jasmine@5.1.0(karma@6.4.4))(karma@6.4.4):
     dependencies:
       jasmine-core: 5.3.0
       karma: 6.4.4
@@ -7480,9 +7491,10 @@ snapshots:
       picocolors: 1.1.0
       shell-quote: 1.8.1
 
-  less-loader@12.2.0(less@4.2.0)(webpack@5.94.0):
+  less-loader@12.2.0(less@4.2.0)(webpack@5.94.0(esbuild@0.23.0)):
     dependencies:
       less: 4.2.0
+    optionalDependencies:
       webpack: 5.94.0(esbuild@0.23.0)
 
   less@4.2.0:
@@ -7499,10 +7511,11 @@ snapshots:
       needle: 3.3.1
       source-map: 0.6.1
 
-  license-webpack-plugin@4.0.2(webpack@5.94.0):
+  license-webpack-plugin@4.0.2(webpack@5.94.0(esbuild@0.23.0)):
     dependencies:
-      webpack: 5.94.0(esbuild@0.23.0)
       webpack-sources: 3.2.3
+    optionalDependencies:
+      webpack: 5.94.0(esbuild@0.23.0)
 
   lines-and-columns@1.2.4: {}
 
@@ -7646,7 +7659,7 @@ snapshots:
 
   mimic-function@5.0.1: {}
 
-  mini-css-extract-plugin@2.9.0(webpack@5.94.0):
+  mini-css-extract-plugin@2.9.0(webpack@5.94.0(esbuild@0.23.0)):
     dependencies:
       schema-utils: 4.2.0
       tapable: 2.2.1
@@ -8005,12 +8018,13 @@ snapshots:
     dependencies:
       find-up: 6.3.0
 
-  postcss-loader@8.1.1(postcss@8.4.41)(typescript@5.5.4)(webpack@5.94.0):
+  postcss-loader@8.1.1(postcss@8.4.41)(typescript@5.5.4)(webpack@5.94.0(esbuild@0.23.0)):
     dependencies:
       cosmiconfig: 9.0.0(typescript@5.5.4)
       jiti: 1.21.6
       postcss: 8.4.41
       semver: 7.6.3
+    optionalDependencies:
       webpack: 5.94.0(esbuild@0.23.0)
     transitivePeerDependencies:
       - typescript
@@ -8262,9 +8276,10 @@ snapshots:
 
   safer-buffer@2.1.2: {}
 
-  sass-loader@16.0.0(sass@1.77.6)(webpack@5.94.0):
+  sass-loader@16.0.0(sass@1.77.6)(webpack@5.94.0(esbuild@0.23.0)):
     dependencies:
       neo-async: 2.6.2
+    optionalDependencies:
       sass: 1.77.6
       webpack: 5.94.0(esbuild@0.23.0)
 
@@ -8459,7 +8474,7 @@ snapshots:
 
   source-map-js@1.2.1: {}
 
-  source-map-loader@5.0.0(webpack@5.94.0):
+  source-map-loader@5.0.0(webpack@5.94.0(esbuild@0.23.0)):
     dependencies:
       iconv-lite: 0.6.3
       source-map-js: 1.2.1
@@ -8593,12 +8608,13 @@ snapshots:
   terser-webpack-plugin@5.3.10(esbuild@0.23.0)(webpack@5.94.0):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
-      esbuild: 0.23.0
       jest-worker: 27.5.1
       schema-utils: 3.3.0
       serialize-javascript: 6.0.2
       terser: 5.31.6
       webpack: 5.94.0(esbuild@0.23.0)
+    optionalDependencies:
+      esbuild: 0.23.0
 
   terser@5.31.6:
     dependencies:
@@ -8710,16 +8726,17 @@ snapshots:
 
   vary@1.1.2: {}
 
-  vite@5.4.6(less@4.2.0)(sass@1.77.6)(terser@5.31.6):
+  vite@5.4.6(@types/node@22.7.5)(less@4.2.0)(sass@1.77.6)(terser@5.31.6):
     dependencies:
       esbuild: 0.21.5
-      less: 4.2.0
       postcss: 8.4.47
       rollup: 4.24.0
-      sass: 1.77.6
-      terser: 5.31.6
     optionalDependencies:
+      '@types/node': 22.7.5
       fsevents: 2.3.3
+      less: 4.2.0
+      sass: 1.77.6
+      terser: 5.31.6
 
   void-elements@2.0.1: {}
 
@@ -8746,6 +8763,7 @@ snapshots:
       on-finished: 2.4.1
       range-parser: 1.2.1
       schema-utils: 4.2.0
+    optionalDependencies:
       webpack: 5.94.0(esbuild@0.23.0)
 
   webpack-dev-server@5.0.4(webpack@5.94.0):
@@ -8778,9 +8796,10 @@ snapshots:
       serve-index: 1.9.1
       sockjs: 0.3.24
       spdy: 4.0.2
-      webpack: 5.94.0(esbuild@0.23.0)
       webpack-dev-middleware: 7.4.2(webpack@5.94.0)
       ws: 8.18.0
+    optionalDependencies:
+      webpack: 5.94.0(esbuild@0.23.0)
     transitivePeerDependencies:
       - bufferutil
       - debug
@@ -8795,7 +8814,7 @@ snapshots:
 
   webpack-sources@3.2.3: {}
 
-  webpack-subresource-integrity@5.1.0(webpack@5.94.0):
+  webpack-subresource-integrity@5.1.0(webpack@5.94.0(esbuild@0.23.0)):
     dependencies:
       typed-assert: 1.0.9
       webpack: 5.94.0(esbuild@0.23.0)
diff --git a/public/fixx_bg.wasm b/public/fixx_bg.wasm
new file mode 120000
index 0000000..99d66b3
--- /dev/null
+++ b/public/fixx_bg.wasm
@@ -0,0 +1 @@
+../node_modules/@nuschtos/fixx/fixx_bg.wasm
\ No newline at end of file
diff --git a/src/app/core/components/search/search.component.html b/src/app/core/components/search/search.component.html
index fe8a8a9..2d8e94f 100644
--- a/src/app/core/components/search/search.component.html
+++ b/src/app/core/components/search/search.component.html
@@ -9,5 +9,5 @@
       </a>
     </li>
   </ul>
-  <p *ngIf="options.length == 500">Only showing the first 500 results. Make your search term more concise.</p>
+  <p *ngIf="options.length == maxSearchResults">Only showing the first {{maxSearchResults}} results. Make your search term more concise.</p>
 </div>
diff --git a/src/app/core/components/search/search.component.ts b/src/app/core/components/search/search.component.ts
index 69929ce..a3df593 100644
--- a/src/app/core/components/search/search.component.ts
+++ b/src/app/core/components/search/search.component.ts
@@ -1,7 +1,7 @@
 import { AfterViewInit, ChangeDetectionStrategy, Component } from '@angular/core';
 import { FormControl, ReactiveFormsModule } from '@angular/forms';
-import { Observable, map, switchMap } from 'rxjs';
-import { SearchService, Option } from '../../data/search.service';
+import { Observable, map, of, switchMap } from 'rxjs';
+import { MAX_SEARCH_RESULTS, SearchService, SearchedOption } from '../../data/search.service';
 import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { TextFieldComponent } from "@feel/form";
 import { AsyncPipe, NgFor, NgIf } from '@angular/common';
@@ -24,15 +24,15 @@ export class SearchComponent implements AfterViewInit {
   protected readonly results = this.search.valueChanges.pipe(
     switchMap(query => {
       const q = query?.trim();
-      if (q !== getQuery()) this.router.navigate([], { queryParams: { query: q }, queryParamsHandling: 'merge' });
-      if (q && q.length > 0) {
-        return this.searchService.search(q);
-      } else {
-        return this.searchService.all();
+      if (q !== getQuery()) {
+        this.router.navigate([], { queryParams: { query: q }, queryParamsHandling: 'merge' });
       }
+      return this.searchService.search(q);
     }),
   );
+
   protected readonly selectedOption = this.activatedRoute.queryParams.pipe(map(({ option }) => option));
+  protected readonly maxSearchResults = MAX_SEARCH_RESULTS;
 
   constructor(
     private readonly searchService: SearchService,
@@ -45,12 +45,12 @@ export class SearchComponent implements AfterViewInit {
     this.search.setValue(getQuery());
   }
 
-  protected trackBy(_idx: number, { name }: Option): string {
-    return name;
+  protected trackBy(_idx: number, option: SearchedOption): number {
+    return option.idx;
   }
 
-  protected isActive({ name }: Option): Observable<boolean> {
-    return this.selectedOption.pipe(map(option => option === name));
+  protected isActive(opt: SearchedOption): Observable<boolean> {
+    return this.selectedOption.pipe(map(option => option === opt.name));
   }
 }
 
diff --git a/src/app/core/data/search.service.ts b/src/app/core/data/search.service.ts
index 608b431..54ab43c 100644
--- a/src/app/core/data/search.service.ts
+++ b/src/app/core/data/search.service.ts
@@ -1,6 +1,15 @@
 import { HttpClient } from '@angular/common/http';
 import { Injectable } from '@angular/core';
-import { BehaviorSubject, Observable, map, of } from 'rxjs';
+import __wbg_init, { Index } from '@nuschtos/fixx';
+import { BehaviorSubject, Observable, from, map, of, switchMap, tap } from 'rxjs';
+
+export interface SearchedOption {
+  idx: number;
+  name: string;
+}
+
+const CHUNK_SIZE = 100;
+export const MAX_SEARCH_RESULTS=500;
 
 // https://transform.tools/json-to-typescript
 export interface Option {
@@ -18,79 +27,58 @@ export interface Option {
 })
 export class SearchService {
 
-  private nextUpdate = 0;
-  private readonly data = new BehaviorSubject<Option[]>([]);
+  private readonly index = new BehaviorSubject<Index | null>(null);
+  private readonly data = new BehaviorSubject<Record<number, Option[]>>({});
 
   constructor(
     private readonly http: HttpClient,
-  ) { }
-
-  private update() {
-    const now = Date.now();
-    if (this.nextUpdate < now) {
-      this.nextUpdate = now + 1000 * 60 * 10;
-      this.http.get<Record<string, Omit<Option, "name">>>(`${document.getElementsByTagName('base')[0].href}options.json`)
-        .subscribe(data => this.data.next(Object.entries(data).map(([name, data]) => ({ name, ...data }))));
-    }
+  ) {
+    from(__wbg_init(`${document.getElementsByTagName('base')[0].href}fixx_bg.wasm`))
+      .pipe(switchMap(() => this.http.get(`${document.getElementsByTagName('base')[0].href}index.ixx`, { responseType: 'arraybuffer' })))
+      .subscribe(data => this.index.next(Index.read(new Uint8Array(data))));
   }
 
-  public search(query: string): Observable<Option[]> {
-    this.update();
-
-    const search = query.toLowerCase().split('*');
-    if (search.length === 0) {
-      return of([]);
-    }
-
-    return this.data.pipe(map(options => {
-      const result = [];
+  public search(query: string | null | undefined): Observable<SearchedOption[]> {
+    return this.index.pipe(
+      map(index => {
+        return index ? (query && query.length > 0 ? index.search(query, MAX_SEARCH_RESULTS).map(option => {
+          const opt = ({ idx: option.idx(), name: option.name() });
+          //      option.free();
+          return opt;
+        }) : index.all(MAX_SEARCH_RESULTS).map((name, idx) => ({ idx, name }))) : [];
+      })
+    );
+  }
 
-      let i = 0;
+  public getByName(name: string | undefined): Observable<Option | undefined> {
+    return this.index.pipe(
+      switchMap(index => {
+        const idx = index && name && name.length > 0 ? index.get_idx_by_name(name) : undefined;
+        console.log(idx);
+        return idx ? this.getByIdx(idx) : of(undefined);
+      })
+    );
+  }
 
-      for (const option of options) {
-        let remainingName = option.name.toLowerCase();
-        let idx = -1;
+  private getByIdx(idx: number): Observable<Option | undefined> {
+    const idx_in_chunk = idx % CHUNK_SIZE;
+    const chunk = (idx - idx_in_chunk) / CHUNK_SIZE;
 
-        outer: {
-          for (const segment of search) {
-            idx = remainingName.indexOf(segment);
-            if (idx !== -1) {
-              remainingName = remainingName.substring(idx + segment.length);
-            } else {
-              break outer;
-            }
-          }
+    return this.data.pipe(
+      switchMap(entries => {
+        let options = entries[chunk];
 
-          result.push(option);
-          i++;
-          // TODO: pagination
-          if (i === 500) {
-            return result;
-          }
+        if (typeof options === "undefined") {
+          return this.http.get<Option[]>(`${document.getElementsByTagName('base')[0].href}meta/${chunk}.json`)
+            .pipe(tap(options => {
+              entries[chunk] = options;
+              return this.data.next(entries);
+            }));
         }
-      }
-      return result;
-    }));
-  }
 
-  public getByName(name: string): Observable<Option | undefined> {
-    this.update();
-    return this.data.pipe(map(options => options.find(option => option.name === name)));
-  }
-
-  public all(): Observable<Option[]> {
-    return this.data.pipe(map(options => {
-      const result = [];
-      let i = 0;
-      for (const option of options) {
-        result.push(option);
-        i++;
-        // TODO: pagination
-        if (i === 500) {
-          return result;
-        }
-      }
-      return result;
-    }));
+        return of(options);
+      }),
+      map(options => options[idx_in_chunk]),
+    );
   }
 }

From d3fb75e1ec1658f6a8265e49bccd9aa4a398f775 Mon Sep 17 00:00:00 2001
From: Marcel <me@m4rc3l.de>
Date: Sun, 13 Oct 2024 17:45:35 +0200
Subject: [PATCH 2/6] kanagawa: updated theme

---
 src/scss/_kanagawa.scss |  91 +++++++++++++++++++++++
 src/scss/_pygments.scss | 159 ----------------------------------------
 src/styles.scss         |   2 +-
 3 files changed, 92 insertions(+), 160 deletions(-)
 create mode 100644 src/scss/_kanagawa.scss
 delete mode 100644 src/scss/_pygments.scss

diff --git a/src/scss/_kanagawa.scss b/src/scss/_kanagawa.scss
new file mode 100644
index 0000000..cb2d19a
--- /dev/null
+++ b/src/scss/_kanagawa.scss
@@ -0,0 +1,91 @@
+.comment {
+  /* Subtle gray for comments */
+  color: #727169;
+}
+
+.embedded {
+  /* Warm yellowish tone for embedded code */
+  color: #dca561;
+}
+
+.escape {
+  /* Reddish for escape characters */
+  color: #c34043;
+}
+
+.function {
+  /* Soft blue for function names */
+  color: #7e9cd8;
+}
+
+.function-builtin {
+  /* Orange for built-in functions */
+  color: #ff9e3b;
+}
+
+.keyword {
+  /* Bright yellow/orange for keywords */
+  color: #ffa066;
+  font-weight: bold;
+}
+
+.number {
+  /* Reddish for numbers */
+  color: #ff5d62;
+}
+
+.operator {
+  /* Pinkish-red for operators */
+  color: #e46876;
+}
+
+.property {
+  /* Golden yellow for properties */
+  color: #dca561;
+}
+
+.punctuation-bracket {
+  /* Purplish tone for brackets */
+  color: #a093c7;
+}
+
+.punctuation-delimiter {
+  /* Neutral beige for punctuation */
+  color: #c8c093;
+}
+
+.punctuation-special {
+  /* Light ivory for special punctuation */
+  color: #e2d3ba;
+}
+
+.string {
+  /* Green for strings */
+  color: #98bb6c;
+}
+
+.string-special-path {
+  /* Orange for special strings (path) */
+  color: #ffa066;
+}
+
+.string-special-uri {
+  /* Bright orange for URIs */
+  color: #ff9e3b;
+}
+
+.variable {
+  /* Neutral white for variables */
+  color: #dca561;
+  //color: #dcd7ba;
+}
+
+.variable-builtin {
+  /* Bright orange for built-in variables */
+  color: #ff9e3b;
+}
+
+.variable-parameter {
+  /* Soft blue for function parameters */
+  color: #7e9cd8;
+}
diff --git a/src/scss/_pygments.scss b/src/scss/_pygments.scss
deleted file mode 100644
index 1f63062..0000000
--- a/src/scss/_pygments.scss
+++ /dev/null
@@ -1,159 +0,0 @@
-pre { line-height: 125%; }
-td.linenos .normal { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
-span.linenos { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
-td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
-span.linenos.special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
-.highlight .hll { background-color: #3c3836 }
-.highlight .c { color: #928374; font-style: italic } /* Comment */
-.highlight .err { color: #fbf1c7; background-color: #9d0006 } /* Error */
-.highlight .k { color: #9d0006 } /* Keyword */
-.highlight .ch { color: #928374; font-style: italic } /* Comment.Hashbang */
-.highlight .cm { color: #928374; font-style: italic } /* Comment.Multiline */
-.highlight .c-PreProc { color: #427b58; font-style: italic } /* Comment.PreProc */
-.highlight .cp { color: #928374; font-style: italic } /* Comment.Preproc */
-.highlight .cpf { color: #928374; font-style: italic } /* Comment.PreprocFile */
-.highlight .c1 { color: #928374; font-style: italic } /* Comment.Single */
-.highlight .cs { color: #3c3836; font-weight: bold; font-style: italic } /* Comment.Special */
-.highlight .gd { color: #fbf1c7; background-color: #9d0006 } /* Generic.Deleted */
-.highlight .ge { font-style: italic } /* Generic.Emph */
-.highlight .gr { color: #9d0006 } /* Generic.Error */
-.highlight .gh { color: #3c3836; font-weight: bold } /* Generic.Heading */
-.highlight .gi { color: #fbf1c7; background-color: #79740e } /* Generic.Inserted */
-.highlight .go { color: #32302f } /* Generic.Output */
-.highlight .gp { color: #7c6f64 } /* Generic.Prompt */
-.highlight .gs { font-weight: bold } /* Generic.Strong */
-.highlight .gu { color: #3c3836; text-decoration: underline } /* Generic.Subheading */
-.highlight .gt { color: #9d0006 } /* Generic.Traceback */
-.highlight .kc { color: #9d0006 } /* Keyword.Constant */
-.highlight .kd { color: #9d0006 } /* Keyword.Declaration */
-.highlight .kn { color: #9d0006 } /* Keyword.Namespace */
-.highlight .kp { color: #9d0006 } /* Keyword.Pseudo */
-.highlight .kr { color: #9d0006 } /* Keyword.Reserved */
-.highlight .kt { color: #9d0006 } /* Keyword.Type */
-.highlight .m { color: #8f3f71 } /* Literal.Number */
-.highlight .s { color: #79740e } /* Literal.String */
-.highlight .na { color: #b57614 } /* Name.Attribute */
-.highlight .nb { color: #af3a03 } /* Name.Builtin */
-.highlight .nc { color: #427b58 } /* Name.Class */
-.highlight .no { color: #8f3f71 } /* Name.Constant */
-.highlight .nd { color: #9d0006 } /* Name.Decorator */
-.highlight .ne { color: #9d0006 } /* Name.Exception */
-.highlight .nf { color: #427b58 } /* Name.Function */
-.highlight .nn { color: #427b58 } /* Name.Namespace */
-.highlight .nt { color: #427b58 } /* Name.Tag */
-.highlight .nv { color: #076678 } /* Name.Variable */
-.highlight .ow { color: #9d0006 } /* Operator.Word */
-.highlight .mb { color: #8f3f71 } /* Literal.Number.Bin */
-.highlight .mf { color: #8f3f71 } /* Literal.Number.Float */
-.highlight .mh { color: #8f3f71 } /* Literal.Number.Hex */
-.highlight .mi { color: #8f3f71 } /* Literal.Number.Integer */
-.highlight .mo { color: #8f3f71 } /* Literal.Number.Oct */
-.highlight .sa { color: #79740e } /* Literal.String.Affix */
-.highlight .sb { color: #79740e } /* Literal.String.Backtick */
-.highlight .sc { color: #79740e } /* Literal.String.Char */
-.highlight .dl { color: #79740e } /* Literal.String.Delimiter */
-.highlight .sd { color: #79740e } /* Literal.String.Doc */
-.highlight .s2 { color: #79740e } /* Literal.String.Double */
-.highlight .se { color: #af3a03 } /* Literal.String.Escape */
-.highlight .sh { color: #79740e } /* Literal.String.Heredoc */
-.highlight .si { color: #79740e } /* Literal.String.Interpol */
-.highlight .sx { color: #79740e } /* Literal.String.Other */
-.highlight .sr { color: #79740e } /* Literal.String.Regex */
-.highlight .s1 { color: #79740e } /* Literal.String.Single */
-.highlight .ss { color: #79740e } /* Literal.String.Symbol */
-.highlight .bp { color: #af3a03 } /* Name.Builtin.Pseudo */
-.highlight .fm { color: #427b58 } /* Name.Function.Magic */
-.highlight .vc { color: #076678 } /* Name.Variable.Class */
-.highlight .vg { color: #076678 } /* Name.Variable.Global */
-.highlight .vi { color: #076678 } /* Name.Variable.Instance */
-.highlight .vm { color: #076678 } /* Name.Variable.Magic */
-.highlight .il { color: #8f3f71 } /* Literal.Number.Integer.Long */
-
-   @media(prefers-color-scheme: dark) {
-pre { line-height: 125%; }
-td.linenos .normal { color: #6e7681; background-color: #0d1117; padding-left: 5px; padding-right: 5px; }
-span.linenos { color: #6e7681; background-color: #0d1117; padding-left: 5px; padding-right: 5px; }
-td.linenos .special { color: #e6edf3; background-color: #6e7681; padding-left: 5px; padding-right: 5px; }
-span.linenos.special { color: #e6edf3; background-color: #6e7681; padding-left: 5px; padding-right: 5px; }
-.highlight .hll { background-color: #6e7681 }
-.highlight { color: #e6edf3 }
-.highlight .c { color: #8b949e; font-style: italic } /* Comment */
-.highlight .err { color: #f85149 } /* Error */
-.highlight .esc { color: #e6edf3 } /* Escape */
-.highlight .g { color: #e6edf3 } /* Generic */
-.highlight .k { color: #ff7b72 } /* Keyword */
-.highlight .l { color: #a5d6ff } /* Literal */
-.highlight .n { color: #e6edf3 } /* Name */
-.highlight .o { color: #ff7b72; font-weight: bold } /* Operator */
-.highlight .x { color: #e6edf3 } /* Other */
-.highlight .p { color: #e6edf3 } /* Punctuation */
-.highlight .ch { color: #8b949e; font-style: italic } /* Comment.Hashbang */
-.highlight .cm { color: #8b949e; font-style: italic } /* Comment.Multiline */
-.highlight .cp { color: #8b949e; font-weight: bold; font-style: italic } /* Comment.Preproc */
-.highlight .cpf { color: #8b949e; font-style: italic } /* Comment.PreprocFile */
-.highlight .c1 { color: #8b949e; font-style: italic } /* Comment.Single */
-.highlight .cs { color: #8b949e; font-weight: bold; font-style: italic } /* Comment.Special */
-.highlight .gd { color: #ffa198; background-color: #490202 } /* Generic.Deleted */
-.highlight .ge { color: #e6edf3; font-style: italic } /* Generic.Emph */
-.highlight .ges { color: #e6edf3; font-weight: bold; font-style: italic } /* Generic.EmphStrong */
-.highlight .gr { color: #ffa198 } /* Generic.Error */
-.highlight .gh { color: #79c0ff; font-weight: bold } /* Generic.Heading */
-.highlight .gi { color: #56d364; background-color: #0f5323 } /* Generic.Inserted */
-.highlight .go { color: #8b949e } /* Generic.Output */
-.highlight .gp { color: #8b949e } /* Generic.Prompt */
-.highlight .gs { color: #e6edf3; font-weight: bold } /* Generic.Strong */
-.highlight .gu { color: #79c0ff } /* Generic.Subheading */
-.highlight .gt { color: #ff7b72 } /* Generic.Traceback */
-.highlight .g-Underline { color: #e6edf3; text-decoration: underline } /* Generic.Underline */
-.highlight .kc { color: #79c0ff } /* Keyword.Constant */
-.highlight .kd { color: #ff7b72 } /* Keyword.Declaration */
-.highlight .kn { color: #ff7b72 } /* Keyword.Namespace */
-.highlight .kp { color: #79c0ff } /* Keyword.Pseudo */
-.highlight .kr { color: #ff7b72 } /* Keyword.Reserved */
-.highlight .kt { color: #ff7b72 } /* Keyword.Type */
-.highlight .ld { color: #79c0ff } /* Literal.Date */
-.highlight .m { color: #a5d6ff } /* Literal.Number */
-.highlight .s { color: #a5d6ff } /* Literal.String */
-.highlight .na { color: #e6edf3 } /* Name.Attribute */
-.highlight .nb { color: #e6edf3 } /* Name.Builtin */
-.highlight .nc { color: #f0883e; font-weight: bold } /* Name.Class */
-.highlight .no { color: #79c0ff; font-weight: bold } /* Name.Constant */
-.highlight .nd { color: #d2a8ff; font-weight: bold } /* Name.Decorator */
-.highlight .ni { color: #ffa657 } /* Name.Entity */
-.highlight .ne { color: #f0883e; font-weight: bold } /* Name.Exception */
-.highlight .nf { color: #d2a8ff; font-weight: bold } /* Name.Function */
-.highlight .nl { color: #79c0ff; font-weight: bold } /* Name.Label */
-.highlight .nn { color: #ff7b72 } /* Name.Namespace */
-.highlight .nx { color: #e6edf3 } /* Name.Other */
-.highlight .py { color: #79c0ff } /* Name.Property */
-.highlight .nt { color: #7ee787 } /* Name.Tag */
-.highlight .nv { color: #79c0ff } /* Name.Variable */
-.highlight .ow { color: #ff7b72; font-weight: bold } /* Operator.Word */
-.highlight .pm { color: #e6edf3 } /* Punctuation.Marker */
-.highlight .w { color: #6e7681 } /* Text.Whitespace */
-.highlight .mb { color: #a5d6ff } /* Literal.Number.Bin */
-.highlight .mf { color: #a5d6ff } /* Literal.Number.Float */
-.highlight .mh { color: #a5d6ff } /* Literal.Number.Hex */
-.highlight .mi { color: #a5d6ff } /* Literal.Number.Integer */
-.highlight .mo { color: #a5d6ff } /* Literal.Number.Oct */
-.highlight .sa { color: #79c0ff } /* Literal.String.Affix */
-.highlight .sb { color: #a5d6ff } /* Literal.String.Backtick */
-.highlight .sc { color: #a5d6ff } /* Literal.String.Char */
-.highlight .dl { color: #79c0ff } /* Literal.String.Delimiter */
-.highlight .sd { color: #a5d6ff } /* Literal.String.Doc */
-.highlight .s2 { color: #a5d6ff } /* Literal.String.Double */
-.highlight .se { color: #79c0ff } /* Literal.String.Escape */
-.highlight .sh { color: #79c0ff } /* Literal.String.Heredoc */
-.highlight .si { color: #a5d6ff } /* Literal.String.Interpol */
-.highlight .sx { color: #a5d6ff } /* Literal.String.Other */
-.highlight .sr { color: #79c0ff } /* Literal.String.Regex */
-.highlight .s1 { color: #a5d6ff } /* Literal.String.Single */
-.highlight .ss { color: #a5d6ff } /* Literal.String.Symbol */
-.highlight .bp { color: #e6edf3 } /* Name.Builtin.Pseudo */
-.highlight .fm { color: #d2a8ff; font-weight: bold } /* Name.Function.Magic */
-.highlight .vc { color: #79c0ff } /* Name.Variable.Class */
-.highlight .vg { color: #79c0ff } /* Name.Variable.Global */
-.highlight .vi { color: #79c0ff } /* Name.Variable.Instance */
-.highlight .vm { color: #79c0ff } /* Name.Variable.Magic */
-.highlight .il { color: #a5d6ff } /* Literal.Number.Integer.Long */
-}
diff --git a/src/styles.scss b/src/styles.scss
index d3edd4a..84c9f56 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -1,6 +1,6 @@
 @import "theme";
 @include theme();
-@import "scss/pygments";
+@import "scss/kanagawa";
 
 * {
   box-sizing: border-box;

From bd16629955bd4ecaa8317f55b0e9ebe2f1b060ac Mon Sep 17 00:00:00 2001
From: Marcel <me@m4rc3l.de>
Date: Sun, 13 Oct 2024 18:23:27 +0200
Subject: [PATCH 3/6] wrapper: update to ixx

---
 flake.lock                          | 25 +++++++++++++
 flake.nix                           | 23 ++++++------
 nix/fixup-options.py                | 56 -----------------------------
 nix/frontend.nix                    |  4 ++-
 nix/wrapper.nix                     | 48 ++++++++++++-------------
 package.json                        |  2 +-
 pnpm-lock.yaml                      |  9 +++--
 src/app/core/data/search.service.ts |  9 +++--
 8 files changed, 78 insertions(+), 98 deletions(-)
 delete mode 100644 nix/fixup-options.py

diff --git a/flake.lock b/flake.lock
index ee9838e..c5f05b3 100644
--- a/flake.lock
+++ b/flake.lock
@@ -18,6 +18,30 @@
         "type": "github"
       }
     },
+    "ixx": {
+      "inputs": {
+        "flake-utils": [
+          "flake-utils"
+        ],
+        "nixpkgs": [
+          "nixpkgs"
+        ]
+      },
+      "locked": {
+        "lastModified": 1728902223,
+        "narHash": "sha256-SwhuWCoRJ1J8kljkfo1CEogLmdtg1oH1YD90Cz6SMUQ=",
+        "owner": "NuschtOS",
+        "repo": "ixx",
+        "rev": "f92c9f6f246376576b9c3db23ac3c7fd17aaeff3",
+        "type": "github"
+      },
+      "original": {
+        "owner": "NuschtOS",
+        "ref": "declaration-store-path",
+        "repo": "ixx",
+        "type": "github"
+      }
+    },
     "nixpkgs": {
       "locked": {
         "lastModified": 1728492678,
@@ -37,6 +61,7 @@
     "root": {
       "inputs": {
         "flake-utils": "flake-utils",
+        "ixx": "ixx",
         "nixpkgs": "nixpkgs"
       }
     },
diff --git a/flake.nix b/flake.nix
index 5a1c0a3..2f7b4b2 100644
--- a/flake.nix
+++ b/flake.nix
@@ -4,36 +4,37 @@
   inputs = {
     nixpkgs.url = "github:NixOS/nixpkgs/nixos-unstable";
     flake-utils.url = "github:numtide/flake-utils";
+    ixx = {
+      # match version with npm package
+      url = "github:NuschtOS/ixx/declaration-store-path";
+      inputs = {
+        nixpkgs.follows = "nixpkgs";
+        flake-utils.follows = "flake-utils";
+      };
+    };
   };
 
-  outputs = { nixpkgs, flake-utils, ... }:
+  outputs = { nixpkgs, flake-utils, ixx, ... }:
     flake-utils.lib.eachDefaultSystem
       (system:
         let
           pkgs = (import nixpkgs) {
             inherit system;
           };
+          ixxPkgs = ixx.packages.${system};
         in
         {
           devShells.default = pkgs.mkShell {
             nativeBuildInputs = with pkgs; [
               nodejs
               pnpm
-              (python3.withPackages (ps: with ps; [ markdown pygments ]))
-
-              cargo
-              clippy
-              rustc
-              rustc.llvmPackages.lld
-              wasm-pack
+              ixxPkgs.ixx
             ];
-
-            RUST_SRC_PATH = pkgs.rust.packages.stable.rustPlatform.rustLibSrc;
           };
 
           packages = rec {
             nuscht-search = pkgs.callPackage ./nix/frontend.nix { };
-            inherit (pkgs.callPackages ./nix/wrapper.nix { inherit nuscht-search; }) mkOptionsJSON mkSearchJSON mkSearch mkMultiSearch;
+            inherit (pkgs.callPackages ./nix/wrapper.nix { inherit nuscht-search ixxPkgs; }) mkOptionsJSON mkSearchJSON mkSearch mkMultiSearch;
             default = nuscht-search;
           };
         }
diff --git a/nix/fixup-options.py b/nix/fixup-options.py
deleted file mode 100644
index e173a68..0000000
--- a/nix/fixup-options.py
+++ /dev/null
@@ -1,56 +0,0 @@
-#!/usr/bin/env python
-import sys
-import json
-import markdown
-from pygments import highlight
-from pygments.lexers import NixLexer
-from pygments.formatters import HtmlFormatter
-from html_sanitizer import Sanitizer
-
-sanitizer = Sanitizer()
-
-if (len(sys.argv) - 1) % 2 != 0:
-  print("Usage: path/to/options.json https://example.com/option/ path/to/other/options.json https://example.com/other_option/")
-  sys.exit(1)
-
-def code(code):
-  if code["_type"] == 'literalExpression':
-    return highlight(code["text"], NixLexer(), HtmlFormatter())
-  elif code["_type"] == 'literalMD':
-    return sanitizer.sanitize(markdown.markdown(code["text"]))
-  else:
-    print("ERROR: cannot handle a " + code["_type"], file=sys.stderr)
-    sys.exit(1)
-
-
-def update_declaration(url, declaration):
-  if "url" in declaration:
-    return declaration["url"]
-  if declaration.startswith("/nix/store/"):
-    # strip prefix: /nix/store/0a0mxyfmad6kaknkkr0ysraifws856i7-source
-    return f"{url}{declaration[51:]}"
-  return declaration
-
-out = []
-
-for i in range(1,len(sys.argv),2):
-  with open(sys.argv[i], "r", encoding="utf-8") as file:
-    url = sys.argv[i+1]
-    data = json.load(file)
-
-    for key in data:
-      entry = data[key]
-      entry["name"] = key
-      del entry["loc"]
-      entry["declarations"] = list(map(lambda x: update_declaration(url, x), entry["declarations"]))
-
-      entry["description"] = sanitizer.sanitize(markdown.markdown(entry["description"]))
-      if 'default' in entry:
-        entry['default'] = code(entry["default"])
-      if 'example' in entry:
-        entry['example'] = code(entry["example"])
-      out.append(entry)
-
-out.sort(key=lambda option: option["name"])
-
-print(json.dumps(out))
diff --git a/nix/frontend.nix b/nix/frontend.nix
index a3e87dc..ebfd76d 100644
--- a/nix/frontend.nix
+++ b/nix/frontend.nix
@@ -19,7 +19,9 @@ stdenv.mkDerivation (finalAttrs: {
 
   pnpmDeps = pnpm.fetchDeps {
     inherit (finalAttrs) pname version src;
-    hash = "sha256-Ib3LtASKSLEnaLqa7nPIMX7I/FncL2pb7u7KcxaR4f8=";
+    # TODO: update hash
+    # @nuschtos/fixx is not yet released and still only a PR
+    hash = "sha256-QzuR/Xc8kAfqK4pO7sU2e+x9zCFPxfm6p3uBfx4eMmM=";
   };
 
   nativeBuildInputs = [ nodejs pnpm.configHook ];
diff --git a/nix/wrapper.nix b/nix/wrapper.nix
index 5de2796..557c69d 100644
--- a/nix/wrapper.nix
+++ b/nix/wrapper.nix
@@ -1,4 +1,4 @@
-{ lib, nixosOptionsDoc, jq, nuscht-search, python3, runCommand, xorg }:
+{ lib, nixosOptionsDoc, jq, nuscht-search, ixxPkgs, runCommand, xorg }:
 
 rec {
   mkOptionsJSON = modules: (nixosOptionsDoc {
@@ -15,32 +15,32 @@ rec {
     warningsAreErrors = false;
   }).optionsJSON + /share/doc/nixos/options.json;
 
-  mkSearchJSON = scopes:
+  mkSearchData = scopes:
     let
       optionsJSON = opt: opt.optionsJSON or (mkOptionsJSON opt.modules);
-      optionsJSONPrefixed = opt:
-        if opt?optionsJSON then (runCommand "options.json-prefixed"
-          {
-            nativeBuildInputs = [ jq ];
-          } /* bash */ ''
-          mkdir $out
-          jq -r '[to_entries[] | select(.key | test("^(_module|_freeformOptions|warnings|assertions|content)\\..*") | not)] | from_entries ${lib.optionalString (opt?optionsPrefix) ''| with_entries(.key as $key | .key |= "${opt.optionsPrefix}.\($key)")''}' ${optionsJSON opt} > $out/options.json
-        '') + /options.json else optionsJSON opt;
+      config = {
+        scopes = map
+          (scope: (lib.filterAttrs (name: _value: name != "modules") scope) // { optionsJson = optionsJSON scope; })
+          scopes;
+      };
     in
-    runCommand "options.json"
-      { nativeBuildInputs = [ (python3.withPackages (ps: with ps; [ markdown pygments html-sanitizer ])) ]; }
-      (''
+    runCommand "search-meta"
+      {
+        config = builtins.toJSON config;
+        passAsFile = [ "config" ];
+        nativeBuildInputs = [ ixxPkgs.ixx ];
+      }
+      # NOTE: "chunk-size" has to match with constant JS code
+      #       maybe we should encode this in the index file,
+      #       so the frontend can determinate the value dynamically
+      ''
         mkdir $out
-        python \
-          ${./fixup-options.py} \
-      '' + lib.concatStringsSep " " (lib.flatten (map
-        (opt: [
-          (optionsJSONPrefixed opt)
-          "'${opt.urlPrefix}'"
-        ])
-        scopes)) + ''
-        > $out/options.json
-      '');
+        ixx index \
+          --index-output $out/index.ixx \
+          --meta-output $out/meta \
+          --chunk-size 100 \
+          $configPath
+      '';
 
   # mkMultiSearch {
   #   baseHref = "/search/";
@@ -56,7 +56,7 @@ rec {
       ''
         mkdir $out
         lndir ${nuscht-search.override { inherit baseHref title; }} $out
-        ln -s ${mkSearchJSON scopes}/options.json $out/options.json
+        ln -s ${mkSearchData scopes}/{meta,index.ixx} $out
       '';
 
   # mkSearch { modules = [ self.inputs.nixos-modules.nixosModule ]; urlPrefix = "https://github.com/NuschtOS/nixos-modules/blob/main/"; }
diff --git a/package.json b/package.json
index fa3278a..c4254d0 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
     "@feel/style": "^0.0.25",
     "@fontsource/dm-mono": "^5.1.0",
     "@fontsource/dm-sans": "^5.1.0",
-    "@nuschtos/fixx": "link:../ixx/result",
+    "@nuschtos/fixx": "^0.0.3",
     "rxjs": "~7.8.1",
     "tslib": "^2.7.0",
     "zone.js": "~0.15.0"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2a10994..bda565c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -45,8 +45,8 @@ importers:
         specifier: ^5.1.0
         version: 5.1.0
       '@nuschtos/fixx':
-        specifier: link:../ixx/result
-        version: link:../ixx/result
+        specifier: ^0.0.3
+        version: 0.0.3
       rxjs:
         specifier: ~7.8.1
         version: 7.8.1
@@ -1426,6 +1426,9 @@ packages:
     resolution: {integrity: sha512-y7efHHwghQfk28G2z3tlZ67pLG0XdfYbcVG26r7YIXALRsrVQcTq4/tdenSmdOrEsNahIYA/eh8aEVROWGFUDg==}
     engines: {node: ^16.14.0 || >=18.0.0}
 
+  '@nuschtos/fixx@0.0.3':
+    resolution: {integrity: sha512-HLNZpyfcyYyI5VJsmN6uBL096GvRYfQ6VjxoyL6R6c5EeKv/G5IMW7eBlccq6sTWPBQUohCCbnTo2ImUiEjtow==}
+
   '@pkgjs/parseargs@0.11.0':
     resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
     engines: {node: '>=14'}
@@ -5860,6 +5863,8 @@ snapshots:
       - bluebird
       - supports-color
 
+  '@nuschtos/fixx@0.0.3': {}
+
   '@pkgjs/parseargs@0.11.0':
     optional: true
 
diff --git a/src/app/core/data/search.service.ts b/src/app/core/data/search.service.ts
index 54ab43c..14ae069 100644
--- a/src/app/core/data/search.service.ts
+++ b/src/app/core/data/search.service.ts
@@ -9,7 +9,7 @@ export interface SearchedOption {
 }
 
 const CHUNK_SIZE = 100;
-export const MAX_SEARCH_RESULTS=500;
+export const MAX_SEARCH_RESULTS = 500;
 
 // https://transform.tools/json-to-typescript
 export interface Option {
@@ -51,10 +51,13 @@ export class SearchService {
   }
 
   public getByName(name: string | undefined): Observable<Option | undefined> {
+    if (typeof name === "undefined" || name.length == 0) {
+      return of(undefined);
+    }
+
     return this.index.pipe(
       switchMap(index => {
-        const idx = index && name && name.length > 0 ? index.get_idx_by_name(name) : undefined;
-        console.log(idx);
+        const idx = index ? index.get_idx_by_name(name) : undefined;
         return idx ? this.getByIdx(idx) : of(undefined);
       })
     );

From f5437c378e52bf04cb61bfee5d3feea6e112c790 Mon Sep 17 00:00:00 2001
From: Marcel <me@m4rc3l.de>
Date: Mon, 14 Oct 2024 18:43:03 +0200
Subject: [PATCH 4/6] ixx: add scopes

---
 package.json                                       | 2 +-
 pnpm-lock.yaml                                     | 9 ++-------
 src/app/core/components/search/search.component.ts | 2 +-
 src/app/core/data/search.service.ts                | 6 +++---
 4 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/package.json b/package.json
index c4254d0..fa3278a 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
     "@feel/style": "^0.0.25",
     "@fontsource/dm-mono": "^5.1.0",
     "@fontsource/dm-sans": "^5.1.0",
-    "@nuschtos/fixx": "^0.0.3",
+    "@nuschtos/fixx": "link:../ixx/result",
     "rxjs": "~7.8.1",
     "tslib": "^2.7.0",
     "zone.js": "~0.15.0"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index bda565c..2a10994 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -45,8 +45,8 @@ importers:
         specifier: ^5.1.0
         version: 5.1.0
       '@nuschtos/fixx':
-        specifier: ^0.0.3
-        version: 0.0.3
+        specifier: link:../ixx/result
+        version: link:../ixx/result
       rxjs:
         specifier: ~7.8.1
         version: 7.8.1
@@ -1426,9 +1426,6 @@ packages:
     resolution: {integrity: sha512-y7efHHwghQfk28G2z3tlZ67pLG0XdfYbcVG26r7YIXALRsrVQcTq4/tdenSmdOrEsNahIYA/eh8aEVROWGFUDg==}
     engines: {node: ^16.14.0 || >=18.0.0}
 
-  '@nuschtos/fixx@0.0.3':
-    resolution: {integrity: sha512-HLNZpyfcyYyI5VJsmN6uBL096GvRYfQ6VjxoyL6R6c5EeKv/G5IMW7eBlccq6sTWPBQUohCCbnTo2ImUiEjtow==}
-
   '@pkgjs/parseargs@0.11.0':
     resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
     engines: {node: '>=14'}
@@ -5863,8 +5860,6 @@ snapshots:
       - bluebird
       - supports-color
 
-  '@nuschtos/fixx@0.0.3': {}
-
   '@pkgjs/parseargs@0.11.0':
     optional: true
 
diff --git a/src/app/core/components/search/search.component.ts b/src/app/core/components/search/search.component.ts
index a3df593..09acc0c 100644
--- a/src/app/core/components/search/search.component.ts
+++ b/src/app/core/components/search/search.component.ts
@@ -27,7 +27,7 @@ export class SearchComponent implements AfterViewInit {
       if (q !== getQuery()) {
         this.router.navigate([], { queryParams: { query: q }, queryParamsHandling: 'merge' });
       }
-      return this.searchService.search(q);
+      return this.searchService.search(undefined, q);
     }),
   );
 
diff --git a/src/app/core/data/search.service.ts b/src/app/core/data/search.service.ts
index 14ae069..73226e8 100644
--- a/src/app/core/data/search.service.ts
+++ b/src/app/core/data/search.service.ts
@@ -38,14 +38,14 @@ export class SearchService {
       .subscribe(data => this.index.next(Index.read(new Uint8Array(data))));
   }
 
-  public search(query: string | null | undefined): Observable<SearchedOption[]> {
+  public search(scope_id: number | undefined, query: string | null | undefined): Observable<SearchedOption[]> {
     return this.index.pipe(
       map(index => {
-        return index ? (query && query.length > 0 ? index.search(query, MAX_SEARCH_RESULTS).map(option => {
+        return index ? (query && query.length > 0 ? index.search(scope_id ?? 0, query, MAX_SEARCH_RESULTS).map(option => {
           const opt = ({ idx: option.idx(), name: option.name() });
           //      option.free();
           return opt;
-        }) : index.all(MAX_SEARCH_RESULTS).map((name, idx) => ({ idx, name }))) : [];
+        }) : index.all(scope_id ?? 0, MAX_SEARCH_RESULTS).map((name, idx) => ({ idx, name }))) : [];
       })
     );
   }

From 8aeb9a2ea894d42aab9c98444ae9c6adc5a080a4 Mon Sep 17 00:00:00 2001
From: Marcel <me@m4rc3l.de>
Date: Mon, 14 Oct 2024 20:53:58 +0200
Subject: [PATCH 5/6] search: add scopes

---
 nix/frontend.nix                              |  4 +-
 nix/wrapper.nix                               |  6 +-
 package.json                                  |  5 +-
 pnpm-lock.yaml                                | 27 ++++---
 .../components/option/option.component.html   |  6 +-
 .../components/option/option.component.scss   |  1 +
 .../components/option/option.component.ts     |  4 +-
 .../components/search/search.component.html   | 15 +++-
 .../components/search/search.component.scss   |  6 ++
 .../components/search/search.component.ts     | 76 ++++++++++++++-----
 src/app/core/data/search.service.ts           | 10 ++-
 src/index.html                                |  2 +-
 12 files changed, 114 insertions(+), 48 deletions(-)

diff --git a/nix/frontend.nix b/nix/frontend.nix
index ebfd76d..539dd2f 100644
--- a/nix/frontend.nix
+++ b/nix/frontend.nix
@@ -15,13 +15,15 @@ stdenv.mkDerivation (finalAttrs: {
   postPatch = ''
     substituteInPlace src/app/core/config.domain.ts \
       --replace-fail '##TITLE##' '${title}'
+    substituteInPlace src/index.html \
+      --replace-fail '##TITLE##' '${title}'
   '';
 
   pnpmDeps = pnpm.fetchDeps {
     inherit (finalAttrs) pname version src;
     # TODO: update hash
     # @nuschtos/fixx is not yet released and still only a PR
-    hash = "sha256-QzuR/Xc8kAfqK4pO7sU2e+x9zCFPxfm6p3uBfx4eMmM=";
+    hash = "sha256-QzuR/Xc8kAfqK4pO7sU2e+x9zCFPxfm6p3uBfx4eMm1=";
   };
 
   nativeBuildInputs = [ nodejs pnpm.configHook ];
diff --git a/nix/wrapper.nix b/nix/wrapper.nix
index 557c69d..f2aed68 100644
--- a/nix/wrapper.nix
+++ b/nix/wrapper.nix
@@ -1,4 +1,4 @@
-{ lib, nixosOptionsDoc, jq, nuscht-search, ixxPkgs, runCommand, xorg }:
+{ lib, nixosOptionsDoc, nuscht-search, ixxPkgs, runCommand, xorg }:
 
 rec {
   mkOptionsJSON = modules: (nixosOptionsDoc {
@@ -46,8 +46,8 @@ rec {
   #   baseHref = "/search/";
   #   title = "Custom Search";
   #   scopes = [
-  #     { modules = [ self.inputs.nixos-modules.nixosModule ]; urlPrefix = "https://github.com/NuschtOS/nixos-modules/blob/main/"; }
-  #     { optionsJSON = ./path/to/options.json; optionsPrefix = "programs.example"; urlPrefix = "https://git.example.com/blob/main/"; }
+  #     { modules = [ self.inputs.nixos-modules.nixosModule ]; urlPrefix = "https://github.com/NuschtOS/nixos-modules/blob/main/"; name = "NixOS Modules"; }
+  #     { optionsJSON = ./path/to/options.json; optionsPrefix = "programs.example"; urlPrefix = "https://git.example.com/blob/main/"; name = "Example Module"; }
   #   ];
   # };
   mkMultiSearch = { scopes, baseHref ? "/", title ? "NüschtOS Search" }:
diff --git a/package.json b/package.json
index fa3278a..bd62250 100644
--- a/package.json
+++ b/package.json
@@ -20,11 +20,12 @@
     "@angular/platform-browser": "^18.2.7",
     "@angular/platform-browser-dynamic": "^18.2.7",
     "@angular/router": "^18.2.7",
-    "@feel/form": "^0.0.25",
-    "@feel/style": "^0.0.25",
+    "@feel/form": "^0.0.27",
+    "@feel/style": "^0.0.27",
     "@fontsource/dm-mono": "^5.1.0",
     "@fontsource/dm-sans": "^5.1.0",
     "@nuschtos/fixx": "link:../ixx/result",
+    "fixx": "link:../ixx/fixx",
     "rxjs": "~7.8.1",
     "tslib": "^2.7.0",
     "zone.js": "~0.15.0"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2a10994..d834b1e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -33,11 +33,11 @@ importers:
         specifier: ^18.2.7
         version: 18.2.8(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(@angular/platform-browser@18.2.8(@angular/animations@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))(rxjs@7.8.1)
       '@feel/form':
-        specifier: ^0.0.25
-        version: 0.0.25(@angular/cdk@17.3.10(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(@feel/style@0.0.25(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))
+        specifier: ^0.0.27
+        version: 0.0.27(@angular/cdk@17.3.10(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(@feel/style@0.0.27(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))
       '@feel/style':
-        specifier: ^0.0.25
-        version: 0.0.25(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))
+        specifier: ^0.0.27
+        version: 0.0.27(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))
       '@fontsource/dm-mono':
         specifier: ^5.1.0
         version: 5.1.0
@@ -47,6 +47,9 @@ importers:
       '@nuschtos/fixx':
         specifier: link:../ixx/result
         version: link:../ixx/result
+      fixx:
+        specifier: link:../ixx/fixx
+        version: link:../ixx/fixx
       rxjs:
         specifier: ~7.8.1
         version: 7.8.1
@@ -1169,16 +1172,16 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@feel/form@0.0.25':
-    resolution: {integrity: sha512-S86TcCN3Va5GbgcSymsXCbe0EAm9YjueM3VWnY9WoCY4CHxNJ1YXboz/tuXtFGwzpuJ+yp73B0c+GpCZhIKAPQ==, tarball: https://codeberg.org/api/packages/m4rc3l/npm/%40feel%2Fform/-/0.0.25/form-0.0.25.tgz}
+  '@feel/form@0.0.27':
+    resolution: {integrity: sha512-/pCMGr+B9bk8MWIdhI7STpzA0rH7mc+pgmhLaohW8E7DysrpEyW+6fKNpcYF8OVUQFVeinxHzRdIMYsniWdM1Q==, tarball: https://codeberg.org/api/packages/m4rc3l/npm/%40feel%2Fform/-/0.0.27/form-0.0.27.tgz}
     peerDependencies:
       '@angular/cdk': ^17.0.0
       '@angular/common': ^17.0.0
       '@angular/core': ^17.0.0
-      '@feel/style': 0.0.25
+      '@feel/style': 0.0.27
 
-  '@feel/style@0.0.25':
-    resolution: {integrity: sha512-uW1cVRlhdEKujRrBxeiTp9/dS97IHsuJzZQgvbqjmPf0gOoC9sUE5fBiGauJ+NwNq2SLv/Shlhuobzry/zQWvQ==, tarball: https://codeberg.org/api/packages/m4rc3l/npm/%40feel%2Fstyle/-/0.0.25/style-0.0.25.tgz}
+  '@feel/style@0.0.27':
+    resolution: {integrity: sha512-CNdncgpUiZ8QHOlzU9WTgklPsf8I51xWs+UjwQSNJRxCtaxEAWCd3EUtv53xvSN7idUe5ZmayyVGaYTbU17h5w==, tarball: https://codeberg.org/api/packages/m4rc3l/npm/%40feel%2Fstyle/-/0.0.27/style-0.0.27.tgz}
     peerDependencies:
       '@angular/common': ^17.0.0
       '@angular/core': ^17.0.0
@@ -5562,15 +5565,15 @@ snapshots:
   '@esbuild/win32-x64@0.23.0':
     optional: true
 
-  '@feel/form@0.0.25(@angular/cdk@17.3.10(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(@feel/style@0.0.25(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))':
+  '@feel/form@0.0.27(@angular/cdk@17.3.10(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(@feel/style@0.0.27(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0)))':
     dependencies:
       '@angular/cdk': 17.3.10(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1)
       '@angular/common': 18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1)
       '@angular/core': 18.2.8(rxjs@7.8.1)(zone.js@0.15.0)
-      '@feel/style': 0.0.25(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))
+      '@feel/style': 0.0.27(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))
       tslib: 2.7.0
 
-  '@feel/style@0.0.25(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))':
+  '@feel/style@0.0.27(@angular/common@18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))':
     dependencies:
       '@angular/common': 18.2.8(@angular/core@18.2.8(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1)
       '@angular/core': 18.2.8(rxjs@7.8.1)(zone.js@0.15.0)
diff --git a/src/app/core/components/option/option.component.html b/src/app/core/components/option/option.component.html
index ce084a4..bec264e 100644
--- a/src/app/core/components/option/option.component.html
+++ b/src/app/core/components/option/option.component.html
@@ -21,15 +21,15 @@ <h2><code>{{option.name}}</code></h2>
       </tr>
       <tr>
         <td>Type</td>
-        <td>{{option.type}}</td>
+        <td><code>{{option.type}}</code></td>
       </tr>
       <tr *ngIf="option.default">
         <td>Default</td>
-        <td><code [innerHTML]="option.default"></code></td>
+        <td><pre><code [innerHTML]="option.default"></code></pre></td>
       </tr>
       <tr *ngIf="option.example">
         <td>Example</td>
-        <td><code [innerHTML]="option.example"></code></td>
+        <td><pre><code [innerHTML]="option.example"></code></pre></td>
       </tr>
     </tbody>
   </table>
diff --git a/src/app/core/components/option/option.component.scss b/src/app/core/components/option/option.component.scss
index 358525a..0bf84ff 100644
--- a/src/app/core/components/option/option.component.scss
+++ b/src/app/core/components/option/option.component.scss
@@ -8,5 +8,6 @@ td {
 
   &:first-of-type {
     text-align: right;
+    font-weight: bold;
   }
 }
diff --git a/src/app/core/components/option/option.component.ts b/src/app/core/components/option/option.component.ts
index 8c04a05..3166979 100644
--- a/src/app/core/components/option/option.component.ts
+++ b/src/app/core/components/option/option.component.ts
@@ -1,6 +1,6 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
-import { switchMap } from 'rxjs';
+import { switchMap, tap } from 'rxjs';
 import { AsyncPipe, NgFor, NgIf } from '@angular/common';
 import { SearchService } from '../../data/search.service';
 
@@ -15,7 +15,7 @@ import { SearchService } from '../../data/search.service';
 export class OptionComponent {
 
   protected readonly option = this.activatedRoute.queryParams.pipe(
-    switchMap(({option}) => this.searchService.getByName(option)),
+    switchMap(({ option }) => this.searchService.getByName(option)),
   );
 
   constructor(
diff --git a/src/app/core/components/search/search.component.html b/src/app/core/components/search/search.component.html
index 2d8e94f..a998145 100644
--- a/src/app/core/components/search/search.component.html
+++ b/src/app/core/components/search/search.component.html
@@ -1,4 +1,14 @@
-<feel-text-field [formControl]="search" label="Search"></feel-text-field>
+<form [formGroup]="search">
+  <feel-text-field formControlName="query" label="Search" />
+  <ng-container *ngIf="(scopes | async) as scopes">
+    <feel-dropdown formControlName="scope" label="Scope">
+      <option value="-1">All</option>
+      <option *ngFor="let scope of scopes; index as idx" [value]="idx.toString()">
+        {{scope}}
+      </option>
+    </feel-dropdown>
+  </ng-container>
+</form>
 
 <div class="scroll" *ngIf="(results | async) as options">
   <ul>
@@ -9,5 +19,6 @@
       </a>
     </li>
   </ul>
-  <p *ngIf="options.length == maxSearchResults">Only showing the first {{maxSearchResults}} results. Make your search term more concise.</p>
+  <p *ngIf="options.length == maxSearchResults">Only showing the first {{maxSearchResults}} results. Make your search
+    term more concise.</p>
 </div>
diff --git a/src/app/core/components/search/search.component.scss b/src/app/core/components/search/search.component.scss
index 574ee22..03ec014 100644
--- a/src/app/core/components/search/search.component.scss
+++ b/src/app/core/components/search/search.component.scss
@@ -6,6 +6,12 @@
   gap: 1rem;
   width: 100%;
 
+  form {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+  }
+
   .scroll {
     overflow-y: scroll;
 
diff --git a/src/app/core/components/search/search.component.ts b/src/app/core/components/search/search.component.ts
index 09acc0c..a04e5b1 100644
--- a/src/app/core/components/search/search.component.ts
+++ b/src/app/core/components/search/search.component.ts
@@ -1,39 +1,48 @@
-import { AfterViewInit, ChangeDetectionStrategy, Component } from '@angular/core';
-import { FormControl, ReactiveFormsModule } from '@angular/forms';
-import { Observable, map, of, switchMap } from 'rxjs';
+import { AfterViewInit, ChangeDetectionStrategy, Component, OnDestroy, OnInit } from '@angular/core';
+import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
+import { Observable, Subject, debounceTime, map, switchMap, takeUntil } from 'rxjs';
 import { MAX_SEARCH_RESULTS, SearchService, SearchedOption } from '../../data/search.service';
 import { ActivatedRoute, Router, RouterLink } from '@angular/router';
-import { TextFieldComponent } from "@feel/form";
+import { DropdownComponent, TextFieldComponent } from "@feel/form";
 import { AsyncPipe, NgFor, NgIf } from '@angular/common';
 
-function getQuery(): string | null {
-  return new URL(location.href).searchParams.get("query");
+function getQuery(): { query: string | null, scope: number | null } {
+  const params = new URL(location.href).searchParams;
+  const query = (params.get("query") ?? '').trim();
+  const scope = params.has("scope") ? Number(params.get("scope")) : -1;
+  return { query: query.length > 0 ? query : null, scope: scope >= 0 ? scope : null };
 }
 
 @Component({
   selector: 'app-search',
   standalone: true,
-  imports: [ReactiveFormsModule, TextFieldComponent, NgIf, AsyncPipe, NgFor, RouterLink],
+  imports: [ReactiveFormsModule, TextFieldComponent, NgIf, AsyncPipe, NgFor, RouterLink, DropdownComponent],
   templateUrl: './search.component.html',
   styleUrl: './search.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class SearchComponent implements AfterViewInit {
-
-  protected readonly search = new FormControl();
-  protected readonly results = this.search.valueChanges.pipe(
-    switchMap(query => {
-      const q = query?.trim();
-      if (q !== getQuery()) {
-        this.router.navigate([], { queryParams: { query: q }, queryParamsHandling: 'merge' });
-      }
-      return this.searchService.search(undefined, q);
-    }),
+export class SearchComponent implements OnInit, AfterViewInit, OnDestroy {
+
+  protected readonly search = new FormGroup({
+    query: new FormControl<string>(""),
+    scope: new FormControl<string>("-1"),
+  });
+
+  private readonly formValue = new Subject<{ query: string | null, scope: number | null }>();
+
+  protected readonly scopes = this.searchService.getScopes();
+  protected readonly results = this.formValue.pipe(
+    switchMap(formValue => this.searchService.search(
+      formValue.scope === null ? undefined : formValue.scope,
+      formValue.query ?? ''
+    )),
   );
 
   protected readonly selectedOption = this.activatedRoute.queryParams.pipe(map(({ option }) => option));
   protected readonly maxSearchResults = MAX_SEARCH_RESULTS;
 
+  private readonly destroy = new Subject<void>();
+
   constructor(
     private readonly searchService: SearchService,
     private readonly router: Router,
@@ -41,8 +50,37 @@ export class SearchComponent implements AfterViewInit {
   ) {
   }
 
+  public ngOnInit(): void {
+    this.search.valueChanges
+      .pipe(takeUntil(this.destroy))
+      .subscribe(({ query: formQuery, scope: formScope }) => {
+        const query = (formQuery ?? '').trim();
+        const scope = Number(formScope);
+
+        this.formValue.next({
+          query: query.length > 0 ? query : null,
+          scope: scope >= 0 ? scope : null
+        });
+      });
+
+    this.formValue
+      .pipe(takeUntil(this.destroy), debounceTime(500))
+      .subscribe(formValue => {
+        const urlValue = getQuery();
+        if (formValue !== urlValue) {
+          this.router.navigate([], { queryParams: formValue, queryParamsHandling: 'merge' });
+        }
+      });
+  }
+
   public ngAfterViewInit(): void {
-    this.search.setValue(getQuery());
+    const { query, scope } = getQuery();
+    this.search.setValue({ query, scope: scope === null ? "-1" : scope.toString() })
+  }
+
+  public ngOnDestroy(): void {
+    this.destroy.next(void 0);
+    this.destroy.complete();
   }
 
   protected trackBy(_idx: number, option: SearchedOption): number {
diff --git a/src/app/core/data/search.service.ts b/src/app/core/data/search.service.ts
index 73226e8..096bb56 100644
--- a/src/app/core/data/search.service.ts
+++ b/src/app/core/data/search.service.ts
@@ -38,14 +38,14 @@ export class SearchService {
       .subscribe(data => this.index.next(Index.read(new Uint8Array(data))));
   }
 
-  public search(scope_id: number | undefined, query: string | null | undefined): Observable<SearchedOption[]> {
+  public search(scope_id: number | undefined, query: string): Observable<SearchedOption[]> {
     return this.index.pipe(
       map(index => {
-        return index ? (query && query.length > 0 ? index.search(scope_id ?? 0, query, MAX_SEARCH_RESULTS).map(option => {
+        return index ? index.search(scope_id, query, MAX_SEARCH_RESULTS).map(option => {
           const opt = ({ idx: option.idx(), name: option.name() });
           //      option.free();
           return opt;
-        }) : index.all(scope_id ?? 0, MAX_SEARCH_RESULTS).map((name, idx) => ({ idx, name }))) : [];
+        }) : [];
       })
     );
   }
@@ -84,4 +84,8 @@ export class SearchService {
       map(options => options[idx_in_chunk]),
     );
   }
+
+  public getScopes(): Observable<string[]> {
+    return this.index.pipe(map(index => index ? index.scopes() : []));
+  }
 }
diff --git a/src/index.html b/src/index.html
index 0def3eb..db7f245 100644
--- a/src/index.html
+++ b/src/index.html
@@ -3,7 +3,7 @@
 
 <head>
   <meta charset="utf-8">
-  <title>NuschtSearch</title>
+  <title>##TITLE##</title>
   <base href="/">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">

From 0603ce9420e4174e96bf65c4fd0321b21e4b083a Mon Sep 17 00:00:00 2001
From: Marcel <me@m4rc3l.de>
Date: Wed, 16 Oct 2024 10:58:53 +0200
Subject: [PATCH 6/6] option: fix option with idx 0 not working

---
 package.json                                       |  1 -
 pnpm-lock.yaml                                     |  3 ---
 src/app/core/components/option/option.component.ts |  2 +-
 src/app/core/data/search.service.ts                | 11 +++++------
 4 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/package.json b/package.json
index bd62250..ffdc460 100644
--- a/package.json
+++ b/package.json
@@ -25,7 +25,6 @@
     "@fontsource/dm-mono": "^5.1.0",
     "@fontsource/dm-sans": "^5.1.0",
     "@nuschtos/fixx": "link:../ixx/result",
-    "fixx": "link:../ixx/fixx",
     "rxjs": "~7.8.1",
     "tslib": "^2.7.0",
     "zone.js": "~0.15.0"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d834b1e..3734132 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -47,9 +47,6 @@ importers:
       '@nuschtos/fixx':
         specifier: link:../ixx/result
         version: link:../ixx/result
-      fixx:
-        specifier: link:../ixx/fixx
-        version: link:../ixx/fixx
       rxjs:
         specifier: ~7.8.1
         version: 7.8.1
diff --git a/src/app/core/components/option/option.component.ts b/src/app/core/components/option/option.component.ts
index 3166979..1331fe4 100644
--- a/src/app/core/components/option/option.component.ts
+++ b/src/app/core/components/option/option.component.ts
@@ -1,6 +1,6 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
-import { switchMap, tap } from 'rxjs';
+import { switchMap } from 'rxjs';
 import { AsyncPipe, NgFor, NgIf } from '@angular/common';
 import { SearchService } from '../../data/search.service';
 
diff --git a/src/app/core/data/search.service.ts b/src/app/core/data/search.service.ts
index 096bb56..c200637 100644
--- a/src/app/core/data/search.service.ts
+++ b/src/app/core/data/search.service.ts
@@ -8,7 +8,6 @@ export interface SearchedOption {
   name: string;
 }
 
-const CHUNK_SIZE = 100;
 export const MAX_SEARCH_RESULTS = 500;
 
 // https://transform.tools/json-to-typescript
@@ -57,15 +56,15 @@ export class SearchService {
 
     return this.index.pipe(
       switchMap(index => {
-        const idx = index ? index.get_idx_by_name(name) : undefined;
-        return idx ? this.getByIdx(idx) : of(undefined);
+        const idx = index?.get_idx_by_name(name);
+        return typeof idx === "number" ? this.getByIdx(idx, index!.chunk_size()) : of(undefined);
       })
     );
   }
 
-  private getByIdx(idx: number): Observable<Option | undefined> {
-    const idx_in_chunk = idx % CHUNK_SIZE;
-    const chunk = (idx - idx_in_chunk) / CHUNK_SIZE;
+  private getByIdx(idx: number, chunk_size: number): Observable<Option | undefined> {
+    const idx_in_chunk = idx % chunk_size;
+    const chunk = (idx - idx_in_chunk) / chunk_size;
 
     return this.data.pipe(
       switchMap(entries => {