move frontend stuff to frontend; add docker-compose

Author: krsnapaudel

README.md

@@ -0,0 +1,32 @@
+# Stage 1: Build
+FROM rust as builder
+
+# Set the working directory inside the container
+WORKDIR /usr/src/app/backend
+
+# Copy only Cargo files first (to leverage Docker caching)
+COPY backend/Cargo.toml backend/Cargo.lock ./
+
+RUN cargo fetch
+
+# Copy the rest of the source code
+COPY backend .
+
+# Compile the Rust application
+RUN cargo build
+
+# Stage 2: Runtime
+FROM rust
+
+# Set working directory in the final container
+WORKDIR /usr/src/app/backend
+
+# Copy the compiled binary from the builder stage
+COPY --from=builder /usr/src/app/backend/target/debug/backend .
+COPY backend/usage_keys.json .
+
+# Expose the backend service port (should match docker-compose.yml)
+EXPOSE 3000
+
+# Run the compiled Rust backend
+CMD ["./backend"]

backend.Dockerfile

@@ -21,3 +21,7 @@ log = "0.4.25"
 [dev-dependencies]
 mockito = "1.6.1"
 tokio = { version = "1", features = ["macros", "rt-multi-thread"] }
+
+[[bin]]
+name = "backend"
+path = "src/main.rs"

backend/Cargo.toml

@@ -111,7 +111,7 @@ impl UsageMonitoringConfig {
     /// Read keys used in reporting usages from a json file.
     fn load_usage_keys() -> UsageStatsKeys {
         // Path relative to backend
-        let data = fs::read_to_string("../usage_keys.json").expect("Unable to read file");
+        let data = fs::read_to_string("usage_keys.json").expect("Unable to read file");
         serde_json::from_str(&data).expect("JSON parsing failed")
     }
 }
@@ -199,7 +199,6 @@ pub async fn usage_monitoring_task(shared_stats: SharedUsageStats, config: &Usag
             start_time = time_30d_earlier;
         }
 
-        info!("start_time {}", start_time);
         let mut locked_stats = shared_stats.lock().await;
         let result = fetch_user_ops(&http_client, &config.user_ops_query_url, start_time, now).await;
 

backend/src/usage.rs

@@ -0,0 +1,28 @@
+services:
+  backend:
+    build:
+      context: .
+      dockerfile: backend.Dockerfile
+    container_name: strata_dashboards_backend
+    environment:
+      RPC_URL: https://strataclient1ff4bc1df.devnet-annapurna.stratabtc.org
+      BUNDLER_URL: https://bundler.devnet-annapurna.stratabtc.org/health
+      # TODO: Update the following two urls after strata blockscout service includes
+      #       updated user-ops-indexer supporting timestamp-based filtering
+      USER_OPS_QUERY_URL: http://localhost/api/v2/proxy/account-abstraction/operations
+      ACCOUNTS_QUERY_URL: http://localhost/api/v2/proxy/account-abstraction/accounts
+      USAGE_STATS_REFETCH_INTERVAL_S: 120
+    ports:
+      - "3000:3000"
+
+  frontend:
+    build:
+      context: .
+      dockerfile: frontend.Dockerfile
+    container_name: strata_dashboards_frontend
+    depends_on:
+      - backend
+    ports:
+      - "5173:5173"
+    environment:
+      VITE_USAGE_STATS_REFETCH_INTERVAL_S: 60

usage_keys.json renamed to backend/usage_keys.json

@@ -0,0 +1,21 @@
+# Use Node.js for development
+FROM node:20
+
+WORKDIR /app/frontend
+
+# Copy package.json and lock file first to optimize caching
+COPY frontend/package.json frontend/package-lock.json ./
+
+# Install dependencies
+RUN npm install
+
+# Copy the rest of the project files
+COPY frontend .
+
+COPY backend/usage_keys.json public/usage_keys.json
+
+# Expose the Vite development server port (default is 5173)
+EXPOSE 5173
+
+# Start the Vite development server
+CMD ["npm", "run", "dev", "--", "--host"]

docker-compose.yml

@@ -0,0 +1,26 @@
+# Use Node.js for development
+FROM node:20
+
+WORKDIR /app
+
+# Copy package.json and lock file first to optimize caching
+COPY strata-dashboards/package.json package-lock.json ./
+
+# Install dependencies
+RUN npm install
+
+# Copy the rest of the project files
+COPY . .
+
+# Copy usage_keys.json if available (from build context)
+ARG USAGE_KEYS_PATH
+COPY usage_keys.json ${USAGE_KEYS_PATH}
+
+# Ensure the file exists (fallback to empty JSON)
+RUN test -f ${USAGE_KEYS_PATH} || echo '{}' > ${USAGE_KEYS_PATH}
+
+# Expose the Vite development server port (default is 5173)
+EXPOSE 5173
+
+# Start the Vite development server
+CMD ["npm", "run", "start"]

frontend.Dockerfile

@@ -0,0 +1,11 @@
+#!/bin/sh
+
+# Copy usage_keys.json if it exists at runtime
+if [ -f "/mnt/usage_keys.json" ]; then
+  cp /mnt/usage_keys.json /app/public/usage_keys.json
+else
+  echo '{}' > /app/public/usage_keys.json  # Ensure it exists with default data
+fi
+
+# Start the frontend
+exec npm run start

strata-dashboards/.gitignore renamed to frontend/.gitignore

@@ -6,7 +6,7 @@
   "scripts": {
     "dev": "vite",
     "start": "npm run build && vite",
-    "build": "cp ../usage_keys.json ./public/usage_keys.json && tsc -b && vite build",
+    "build": "cp ../backend/usage_keys.json ./public/usage_keys.json && tsc -b && vite build",
     "lint": "eslint .",
     "preview": "vite preview"
   },