feat(web): use wasm for justified layout calculation (#15524)

* working

* use wrapper class

* update import

* simplify

* it works without changing `optimizeDeps`

* inline layout options

* update gallery view

* use es2022

* fix import

* fix vitest

* empty geometry

* bump version

* Update web/src/lib/stores/assets.store.ts

Co-authored-by: Jason Rasmussen <jason@rasm.me>

* fix: typo

---------

Co-authored-by: Jason Rasmussen <jason@rasm.me>
Co-authored-by: Alex Tran <alex.tran1502@gmail.com>

web/package-lock.json

@@ -10,6 +10,7 @@
       "license": "GNU Affero General Public License version 3",
       "dependencies": {
         "@formatjs/icu-messageformat-parser": "^2.9.8",
+        "@immich/justified-layout-wasm": "^0.1.2",
         "@immich/sdk": "file:../open-api/typescript-sdk",
         "@immich/ui": "^0.16.0",
         "@mapbox/mapbox-gl-rtl-text": "0.2.3",
@@ -23,7 +24,6 @@
         "dom-to-image": "^2.6.0",
         "handlebars": "^4.7.8",
         "intl-messageformat": "^10.7.11",
-        "justified-layout": "^4.1.0",
         "lodash-es": "^4.17.21",
         "luxon": "^3.4.4",
         "socket.io-client": "~4.8.0",
@@ -45,7 +45,6 @@
         "@testing-library/svelte": "^5.2.6",
         "@testing-library/user-event": "^14.5.2",
         "@types/dom-to-image": "^2.6.7",
-        "@types/justified-layout": "^4.1.4",
         "@types/lodash-es": "^4.17.12",
         "@types/luxon": "^3.4.2",
         "@typescript-eslint/eslint-plugin": "^8.20.0",
@@ -71,6 +70,7 @@
         "tslib": "^2.6.2",
         "typescript": "^5.7.3",
         "vite": "^6.0.0",
+        "vite-plugin-wasm": "^3.4.1",
         "vitest": "^3.0.0"
       }
     },
@@ -1339,6 +1339,12 @@
         "url": "https://opencollective.com/libvips"
       }
     },
+    "node_modules/@immich/justified-layout-wasm": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/@immich/justified-layout-wasm/-/justified-layout-wasm-0.1.2.tgz",
+      "integrity": "sha512-6AmzYJhLedzIXSkhO/0tfBbHAeUeLmG1c4yTzJmtuSGyn7JAzVCFp0dp4T8Wh1tfIDx0Y0pAYB9tm2xlJHdEPA==",
+      "license": "AGPL-3"
+    },
     "node_modules/@immich/sdk": {
       "resolved": "../open-api/typescript-sdk",
       "link": true
@@ -2413,12 +2419,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/@types/justified-layout": {
-      "version": "4.1.4",
-      "resolved": "https://registry.npmjs.org/@types/justified-layout/-/justified-layout-4.1.4.tgz",
-      "integrity": "sha512-q2ybP0u0NVj87oMnGZOGxY2iUN8ddr48zPOBHBdbOLpsMTA/keGj+93ou+OMCnJk0xewzlNIaVEkxM6VBD3E2w==",
-      "dev": true
-    },
     "node_modules/@types/leaflet": {
       "version": "1.9.8",
       "resolved": "https://registry.npmjs.org/@types/leaflet/-/leaflet-1.9.8.tgz",
@@ -5382,11 +5382,6 @@
       "resolved": "https://registry.npmjs.org/just-flush/-/just-flush-2.3.0.tgz",
       "integrity": "sha512-fBuxQ1gJ61BurmhwKS5LYTzhkbrT5j/2U7ax+UbLm9aRvCTh2h6AfzLteOckE4KKomqOf0Y3zIG3Xu57sRsKUg=="
     },
-    "node_modules/justified-layout": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/justified-layout/-/justified-layout-4.1.0.tgz",
-      "integrity": "sha512-M5FimNMXgiOYerVRGsXZ2YK9YNCaTtwtYp7Hb2308U1Q9TXXHx5G0p08mcVR5O53qf8bWY4NJcPBxE6zuayXSg=="
-    },
     "node_modules/kdbush": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/kdbush/-/kdbush-4.0.2.tgz",
@@ -8625,6 +8620,16 @@
         }
       }
     },
+    "node_modules/vite-plugin-wasm": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/vite-plugin-wasm/-/vite-plugin-wasm-3.4.1.tgz",
+      "integrity": "sha512-ja3nSo2UCkVeitltJGkS3pfQHAanHv/DqGatdI39ja6McgABlpsZ5hVgl6wuR8Qx5etY3T5qgDQhOWzc5RReZA==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "vite": "^2 || ^3 || ^4 || ^5 || ^6"
+      }
+    },
     "node_modules/vitefu": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/vitefu/-/vitefu-1.0.5.tgz",