feat: create admin homepage for benchmark data (#46)

Author: rahmandawibowo-vito

.env

@@ -4,4 +4,6 @@ PARQUET_MONTH_COVERAGE=2
 PUBLIC_STAGING_BASE_URL='https://algorithm-catalogue.dev.apex.esa.int'
 PUBLIC_PRODUCTION_BASE_URL='https://algorithm-catalogue.apex.esa.int'
 PUBLIC_PREVIEW_BASE_URL='https://esa-apex.github.io'
-PUBLIC_PREVIEW_BASE_PATH='/apex-algorithms-catalogue-web'
+PUBLIC_PREVIEW_BASE_PATH='/apex-algorithms-catalogue-web'
+BASIC_AUTH_USERNAME='admin'
+BASIC_AUTH_PASSWORD='admin'

Dockerfile

@@ -21,7 +21,7 @@ RUN npm run build
 FROM base AS runtime
 COPY --from=prod-deps /app/node_modules ./node_modules
 COPY --from=build /app/dist ./dist
-COPY .env ./
+
 RUN mkdir -p ./tmp
 RUN chown -R node:node ./tmp
 USER node

astro.config.ts

@@ -1,42 +1,32 @@
-import { loadEnv } from "vite";
+import * as dotenv from "dotenv";
 import { defineConfig, passthroughImageService } from "astro/config";
 import tailwind from "@astrojs/tailwind";
 import react from "@astrojs/react";
 import node from "@astrojs/node";
 import markdownIntegration from "@astropub/md";
 import { RemarkNormalizeHeadings } from "./src/remark-plugins/normalize-headings";
 
-const {
-  PUBLIC_PRODUCTION_BASE_URL,
-  PUBLIC_STAGING_BASE_URL,
-  PUBLIC_PREVIEW_BASE_URL,
-  PUBLIC_PREVIEW_BASE_PATH,
-} = loadEnv(
-  // @ts-expect-error
-  process.env.NODE_ENV,
-  process.cwd(),
-  "",
-);
+dotenv.config();
 
 const PREVIEW_PR_BASE_PATH = process.env.PR_NUMBER
   ? `/pr-preview/pr-${process.env.PR_NUMBER}`
   : "";
 
 const config = {
   preview: {
-    SITE_URL: PUBLIC_PREVIEW_BASE_URL,
-    BASE_PATH: `${PUBLIC_PREVIEW_BASE_PATH}${PREVIEW_PR_BASE_PATH}`,
+    SITE_URL: process.env.PUBLIC_PREVIEW_BASE_URL,
+    BASE_PATH: `${process.env.PUBLIC_PREVIEW_BASE_PATH}${PREVIEW_PR_BASE_PATH}`,
   },
   "preview-homepage": {
-    SITE_URL: PUBLIC_PREVIEW_BASE_URL,
-    BASE_PATH: PUBLIC_PREVIEW_BASE_PATH,
+    SITE_URL: process.env.PUBLIC_PREVIEW_BASE_URL,
+    BASE_PATH: process.env.PUBLIC_PREVIEW_BASE_PATH,
   },
   staging: {
-    SITE_URL: PUBLIC_STAGING_BASE_URL,
+    SITE_URL: process.env.PUBLIC_STAGING_BASE_URL,
     BASE_PATH: "",
   },
   production: {
-    SITE_URL: PUBLIC_PRODUCTION_BASE_URL,
+    SITE_URL: process.env.PUBLIC_PRODUCTION_BASE_URL,
     BASE_PATH: "",
   },
 };

env.sample

@@ -5,4 +5,6 @@ PUBLIC_STAGING_BASE_URL='https://algorithm-catalogue.dev.apex.esa.int'
 PUBLIC_PRODUCTION_BASE_URL='https://algorithm-catalogue.apex.esa.int'
 PUBLIC_PREVIEW_BASE_URL='https://algorithm-catalogue.preview.apex.esa.int'
 PUBLIC_PREVIEW_BASE_PATH='/apex-algorithms-catalogue-web'
-ALGO_REF=main
+ALGO_REF=main
+BASIC_AUTH_USERNAME=
+BASIC_AUTH_PASSWORD=

package-lock.json

@@ -26,12 +26,14 @@
     "@radix-ui/react-popover": "^1.1.2",
     "@radix-ui/react-select": "^2.1.2",
     "@radix-ui/react-slot": "^1.1.0",
+    "@tanstack/react-table": "^8.21.3",
     "astro": "^4.14.2",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "cmdk": "^1.0.0",
     "csv-parse": "^6.1.0",
     "date-fns": "^4.1.0",
+    "dotenv": "^17.2.3",
     "duckdb-async": "^1.1.3",
     "lucide-react": "^0.453.0",
     "node-fetch": "^3.3.2",

package.json

@@ -1,5 +1,8 @@
+import * as dotenv from "dotenv";
 import type { FullConfig } from "@playwright/test";
 
+dotenv.config();
+
 const globalSetup = async (_config: FullConfig): Promise<void> => {
   console.log(
     "Manually initialize cache by triggering API call, making the test faster...",

playwright-global-setup.ts

@@ -1,5 +1,8 @@
+import * as dotenv from "dotenv";
 import { defineConfig, devices } from "@playwright/test";
 
+dotenv.config();
+
 export default defineConfig({
   testDir: "./tests/e2e",
   globalSetup: "./playwright-global-setup.ts",

playwright.config.ts

@@ -0,0 +1,5 @@
+<nav class="text-white w-full border-b border-brand-teal-50 top-0 sticky">
+  <div class="max-w-screen-xl mx-auto px-3 py-3">
+    <h1 class="text-xl">APEX Algorithm Dashboard</h1>
+  </div>
+</nav>