Build ui for prod

.dockerignore

@@ -0,0 +1,6 @@
+package-lock.json
+node_modules
+dist/
+
+Cargo.lock
+target/

Makefile

@@ -44,7 +44,7 @@ build-ui:  ## Build the UI app
 	@cd ui && npm install && npm run build
 
 clean-ui:  ## Remove UI build files
-	@cd ui && rm -rf node_modules dist
+	@cd ui && rm -rf node_modules dist stats.html
 
 run-ui:  ## Run the UI app
 	@cd ui && npm install && npm run dev
@@ -86,7 +86,7 @@ docker-down: ## Stop the docker container
 	@docker compose --profile frontend --profile api --profile backend down
 
 docker-up: ## Start the docker container
-	@docker compose --profile backend --profile api --profile frontend up -d
+	@docker compose --profile backend --profile api up -d
 
 docker-refresh: docker-clean up-backend ## Refresh the database
 
@@ -104,7 +104,7 @@ build: ## Build a specific docker image (`make build f=httpd`)
 	--build-arg BUILD_DATE=$$(date -u +'%Y-%m-%dT%H:%M:%SZ') \
 	--build-arg BUILD_VERSION=${version} \
 	--build-arg VCS_REF=$$(git rev-parse HEAD) \
-	${folder}
+	.
 
 push: version=$(if $(v),$(v),latest)
 push: folder=$(if $(f),$(f),nginx)
@@ -120,11 +120,8 @@ push: ## Build and push a specific docker image (`make push f=httpd`)
 	--build-arg BUILD_DATE=$$(date -u +'%Y-%m-%dT%H:%M:%SZ') \
 	--build-arg BUILD_VERSION=${version} \
 	--build-arg VCS_REF=$$(git rev-parse HEAD) \
-	${folder}
+	.
 
 cert: domain=$(if $(d),$(d),${NGINX_HOST})
 cert: ## Generate a cert for the given domain
 	./scripts/generate_cert.sh ${domain}
-
-tag: ## Tag the commits based on versions
-	@./scripts/tag.sh

api/Dockerfile

@@ -4,9 +4,9 @@
 FROM rust:bookworm AS builder
 WORKDIR /builder
 
-COPY migrations ./migrations
+COPY api/migrations ./migrations
-COPY src ./src
+COPY api/src ./src
-COPY Cargo.toml ./
+COPY api/Cargo.toml ./
 
 RUN apt-get update && apt-get install -y cmake
 RUN cargo build --release

api/src/metars/model.rs

@@ -911,20 +911,23 @@ impl Metar {
       return Ok(Vec::new());
     }
 
-    let pool = db::pool();
+    let mut metars: Vec<Metar> = vec![];
-    let metar_rows: Vec<MetarRow> = sqlx::query_as::<_, MetarRow>(&format!(
+    if !*force {
-      r#"
+      let pool = db::pool();
+      let metar_rows: Vec<MetarRow> = sqlx::query_as::<_, MetarRow>(&format!(
+        r#"
       SELECT DISTINCT ON (icao) * FROM {} WHERE icao = ANY($1) ORDER BY icao, observation_time DESC
       "#,
-      TABLE_NAME
+        TABLE_NAME
-    ))
+      ))
-    .bind(icao_list)
+        .bind(icao_list)
-    .fetch_all(pool)
+        .fetch_all(pool)
-    .await?;
+        .await?;
-    let mut metars: Vec<Metar> = metar_rows
+      metars = metar_rows
-      .into_iter()
+        .into_iter()
-      .filter_map(|metar_db| Metar::from_db(metar_db).ok())
+        .filter_map(|metar_db| Metar::from_db(metar_db).ok())
-      .collect();
+        .collect();
+    }
 
     let mut conn = redis_async_connection().await?;
     // Check for missing metars

docker-compose.yml

@@ -13,7 +13,7 @@ services:
     image: gitea.bensherriff.com/bsherriff/aviation-nginx:latest
     container_name: aviation-nginx
     build:
-      context: ./nginx
+      context: .
       dockerfile: Dockerfile
     env_file: *env
     environment:
@@ -87,10 +87,10 @@ services:
     <<: *default_restart
 
   api:
-    image: gitea.bensherriff.com/bsherriff/aviation-api:0.1.3
+    image: gitea.bensherriff.com/bsherriff/aviation-api:latest
     container_name: aviation-api
     build:
-      context: ./api
+      context: .
       dockerfile: Dockerfile
     env_file: *env
     environment:
@@ -117,11 +117,11 @@ services:
       - api
     <<: *default_restart
 
-  ui:
+  ui-dev:
-    image: gitea.bensherriff.com/bsherriff/aviation-ui:0.1.2
+    image: gitea.bensherriff.com/bsherriff/aviation-ui:latest
-    container_name: aviation-ui
+    container_name: aviation-ui-dev
     build:
-      context: ./ui
+      context: .
       dockerfile: Dockerfile
     env_file: *env
     environment:

nginx/Dockerfile

@@ -1,6 +1,30 @@
+FROM node:18-alpine AS ui-builder
+RUN apk add --no-cache libc6-compat
+WORKDIR /builder
+
+COPY ui/ ./
+RUN ls
+RUN \
+  pwd && \
+  if [ -f package.json ]; then  \
+    npm i && \
+    npm run build; \
+  else  \
+    echo "package.json not found." && \
+    exit 2; \
+  fi
+
 FROM nginx
-COPY nginx.conf /etc/nginx/nginx.conf
+ARG environment
-COPY templates/ /templates/
+ENV environment=${environment}
-COPY scripts/01-configure_ssh.sh /docker-entrypoint.d/01-configure_ssh.sh
+
+COPY nginx/nginx.conf /etc/nginx/nginx.conf
+COPY nginx/templates/ /templates/
+COPY nginx/scripts/01-configure_ssh.sh /docker-entrypoint.d/01-configure_ssh.sh
+
+COPY --from=ui-builder /builder/dist /dist
+RUN echo "Copying UI assets into nginx html folder..."; \
+      mkdir -p /usr/share/nginx/html && \
+      cp -R /dist/* /usr/share/nginx/html;
 
 RUN chmod +x /docker-entrypoint.d/01-configure_ssh.sh

nginx/scripts/01-configure_ssh.sh

@@ -5,8 +5,18 @@ mkdir -p /etc/nginx/templates
 
 if [ "$NGINX_SSL_ENABLED" = "true" ]; then
     echo "Using SSL configuration"
-    cp /templates/ssl.conf.template /etc/nginx/templates/default.conf.template
+    cp /templates/ssl.conf.template /templates/default.conf.template
 else
     echo "Using non-SSL configuration"
-    cp /templates/nossl.conf.template /etc/nginx/templates/default.conf.template
+    cp /templates/nossl.conf.template /templates/default.conf.template
 fi
+
+if [ "$ENVIRONMENT" = "production" ]; then
+  export UI_ROOT="/usr/share/nginx/html"
+  echo "Setting production root to ${UI_ROOT}"
+else
+  export UI_ROOT="/home"
+  echo "Setting development root to ${UI_ROOT}"
+fi
+
+envsubst '$UI_ROOT' < /templates/default.conf.template > /etc/nginx/templates/default.conf.template

nginx/templates/nossl.conf.template

@@ -20,9 +20,15 @@ server {
         proxy_set_header   X-Forwarded-Proto $scheme;
     }
 
-    # Reverse proxy for the UI and default catch-all
+    # Serve static files if they exist, otherwise proxy to the UI backend
     location / {
-        proxy_pass         http://${NGINX_INTERNAL_HOST}:${UI_PORT}/;
+        root ${UI_ROOT};
+        try_files $uri /index.html @ui_backend;
+    }
+
+    # Fallback to proxying for UI requests
+    location @ui_backend {
+        proxy_pass         http://${NGINX_INTERNAL_HOST}:${UI_PORT};
         proxy_set_header   Host $host;
         proxy_set_header   X-Real-IP $remote_addr;
         proxy_set_header   X-Forwarded-For $proxy_add_x_forwarded_for;

nginx/templates/ssl.conf.template

@@ -40,9 +40,15 @@ server {
         proxy_set_header   X-Forwarded-Proto $scheme;
     }
 
-    # Reverse proxy for the UI and default catch-all
+    # Serve static files if they exist, otherwise proxy to the UI backend
     location / {
-        proxy_pass         http://${NGINX_INTERNAL_HOST}:${UI_PORT}/;
+        root ${UI_ROOT};
+        try_files $uri /index.html @ui_backend;
+    }
+
+    # Fallback to proxying for UI requests
+    location @ui_backend {
+        proxy_pass         http://${NGINX_INTERNAL_HOST}:${UI_PORT};
         proxy_set_header   Host $host;
         proxy_set_header   X-Real-IP $remote_addr;
         proxy_set_header   X-Forwarded-For $proxy_add_x_forwarded_for;

ui/.gitignore

@@ -0,0 +1 @@
+stats.html

ui/Dockerfile

@@ -6,7 +6,7 @@ FROM node:18-alpine AS base
 FROM base AS builder
 RUN apk add --no-cache libc6-compat
 WORKDIR /builder
-COPY . .
+COPY ui/ .
 RUN \
   if [ -f package.json ]; then  \
     npm i && \
@@ -22,7 +22,7 @@ RUN \
 FROM base AS runner
 ARG PORT=3000
 ENV PORT=${PORT}
-ENV VITE_NODE_ENV=production
+ENV VITE_NODE_ENV=development
 WORKDIR /app
 
 COPY --chown=node --from=builder /builder /app

ui/package-lock.json

@@ -41,6 +41,7 @@
         "postcss-preset-mantine": "^1.17.0",
         "postcss-simple-vars": "^7.0.1",
         "prettier": "3.4.1",
+        "rollup-plugin-visualizer": "^5.14.0",
         "typescript": "~5.7.2",
         "typescript-eslint": "^8.25.0",
         "vite": "^6.2.0"
@@ -2189,6 +2190,16 @@
         "url": "https://github.com/sponsors/epoberezkin"
       }
     },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/ansi-styles": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@@ -2372,6 +2383,21 @@
         "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
+    "node_modules/cliui": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.1",
+        "wrap-ansi": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/clsx": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
@@ -2893,6 +2919,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/define-lazy-prop": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
+      "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/delaunator": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/delaunator/-/delaunator-5.0.1.tgz",
@@ -2925,6 +2961,13 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/esbuild": {
       "version": "0.25.0",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.0.tgz",
@@ -3340,6 +3383,16 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
     "node_modules/get-nonce": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz",
@@ -3479,6 +3532,22 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-docker": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
+      "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "is-docker": "cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/is-extglob": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
@@ -3489,6 +3558,16 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/is-glob": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
@@ -3512,6 +3591,19 @@
         "node": ">=0.12.0"
       }
     },
+    "node_modules/is-wsl": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
+      "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-docker": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/isexe": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
@@ -3774,6 +3866,24 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/open": {
+      "version": "8.4.2",
+      "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz",
+      "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-lazy-prop": "^2.0.0",
+        "is-docker": "^2.1.1",
+        "is-wsl": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/optionator": {
       "version": "0.9.4",
       "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
@@ -4333,6 +4443,16 @@
       "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
       "license": "MIT"
     },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/resolve": {
       "version": "1.22.10",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz",
@@ -4420,6 +4540,50 @@
         "fsevents": "~2.3.2"
       }
     },
+    "node_modules/rollup-plugin-visualizer": {
+      "version": "5.14.0",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-visualizer/-/rollup-plugin-visualizer-5.14.0.tgz",
+      "integrity": "sha512-VlDXneTDaKsHIw8yzJAFWtrzguoJ/LnQ+lMpoVfYJ3jJF4Ihe5oYLAqLklIK/35lgUY+1yEzCkHyZ1j4A5w5fA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "open": "^8.4.0",
+        "picomatch": "^4.0.2",
+        "source-map": "^0.7.4",
+        "yargs": "^17.5.1"
+      },
+      "bin": {
+        "rollup-plugin-visualizer": "dist/bin/cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "rolldown": "1.x",
+        "rollup": "2.x || 3.x || 4.x"
+      },
+      "peerDependenciesMeta": {
+        "rolldown": {
+          "optional": true
+        },
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/rollup-plugin-visualizer/node_modules/picomatch": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
+      "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
     "node_modules/rollup/node_modules/@rollup/rollup-linux-x64-gnu": {
       "version": "4.35.0",
       "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.35.0.tgz",
@@ -4515,6 +4679,16 @@
         "node": ">=8"
       }
     },
+    "node_modules/source-map": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
+      "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/source-map-js": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
@@ -4525,6 +4699,34 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/strip-json-comments": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
@@ -4928,6 +5130,34 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/yallist": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
@@ -4935,6 +5165,35 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/yargs": {
+      "version": "17.7.2",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^8.0.1",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.3",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^21.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "21.1.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",

ui/package.json

@@ -44,6 +44,7 @@
     "postcss-preset-mantine": "^1.17.0",
     "postcss-simple-vars": "^7.0.1",
     "prettier": "3.4.1",
+    "rollup-plugin-visualizer": "^5.14.0",
     "typescript": "~5.7.2",
     "typescript-eslint": "^8.25.0",
     "vite": "^6.2.0"

ui/vite.config.ts

@@ -1,9 +1,10 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
 import path from 'path'
+import { visualizer } from 'rollup-plugin-visualizer';
 
 export default defineConfig({
-  plugins: [react()],
+  plugins: [react(), visualizer()],
   resolve: {
     alias: {
       '@': path.resolve(__dirname, './src'),
@@ -13,6 +14,17 @@ export default defineConfig({
     }
   },
   server: {
-    host: true
+    host: true,
+    port: 3000
+  },
+  base: '/',
+  build: {
+    rollupOptions: {
+      output: {
+        manualChunks: {
+          vendor: ['leaflet']
+        }
+      }
+    }
   }
 })