Add docker setup for running and e2e testing (#14)

Add docker setup for running and e2e testing

Author: sanex3339

.dockerignore

@@ -0,0 +1,4 @@
+.idea
+node_modules
+docker-compose.*
+.dockerignore

.env.docker.example

@@ -0,0 +1,6 @@
+PREMIUM_EMBEDDING_TOKEN="<your_enterprise_token>"
+METABASE_JWT_SHARED_SECRET="ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff"
+
+MB_PORT=4300
+CLIENT_PORT=4400
+AUTH_PROVIDER_PORT=4500

.env.example

@@ -1,9 +1,9 @@
 # FRONTEND
-PORT=3100
+CLIENT_PORT=3100
 VITE_METABASE_INSTANCE_URL="http://localhost:3000"
 VITE_AUTH_PROVIDER_URI="http://localhost:9090/sso/metabase"
 
 # BACKEND
-BACKEND_PORT=9090
-METABASE_INSTANCE_URL= "http://localhost:3000"
+AUTH_PROVIDER_PORT=9090
+METABASE_INSTANCE_URL="http://localhost:3000"
 METABASE_JWT_SHARED_SECRET="TODO"

.gitignore

@@ -1,3 +1,9 @@
 .env
+.env.docker
+.idea
+cypress
+local-dist/*
+!local-dist/.gitkeep
+node_modules
 client/node_modules
 server/node_modules

client/Dockerfile

@@ -0,0 +1,19 @@
+FROM node:22-bullseye AS runner
+
+WORKDIR /app
+
+COPY ./client ./client
+COPY ./local-dist ./local-dist
+
+WORKDIR /app/client
+
+RUN npm ci
+
+RUN if [ -d "../local-dist/embedding-sdk" ]; then \
+      echo "Local embedding-sdk dist is found in ../local-dist/embedding-sdk, installing it..."; \
+      npm install file:../local-dist/embedding-sdk --install-links; \
+    else \
+      echo "Local embedding-sdk dist is not found in ../local-dist/embedding-sdk, skipping copy"; \
+    fi
+
+CMD ["npx", "vite", "--host"]

client/package-lock.json

@@ -7,8 +7,8 @@
     "start": "env-cmd -f ../.env vite",
     "dev": "env-cmd -f ../.env vite",
     "build": "env-cmd -f ../.env vite build",
-    "lint": "eslint .",
-    "preview": "vite preview"
+    "preview": "env-cmd -f ../.env vite preview",
+    "lint": "eslint ."
   },
   "dependencies": {
     "@metabase/embedding-sdk-react": "^0.52.15",

client/package.json

@@ -6,6 +6,6 @@ export default defineConfig({
   plugins: [react()],
   server: {
     // eslint-disable-next-line no-undef
-    port: process.env.PORT || 3100,
+    port: process.env.CLIENT_PORT
   },
 });

client/vite.config.js

@@ -0,0 +1,52 @@
+services:
+  metabase:
+    build:
+      context: .
+      dockerfile: metabase/Dockerfile
+    environment:
+      MB_CONFIG_FILE_PATH: "./app/init-config.yml"
+      MB_JETTY_PORT: "${MB_PORT}"
+      MB_EDITION: "ee"
+      MB_SITE_URL: "http://localhost:${MB_PORT}/"
+      MB_JWT_SHARED_SECRET: "${METABASE_JWT_SHARED_SECRET}"
+      MB_SETUP_TOKEN: "${PREMIUM_EMBEDDING_TOKEN}"
+      MB_PREMIUM_EMBEDDING_TOKEN: "${PREMIUM_EMBEDDING_TOKEN}"
+    healthcheck:
+      test: curl --fail -X GET -I "http://localhost:${MB_PORT}/api/health" || exit 1
+      interval: 15s
+      timeout: 5s
+      retries: 10
+    ports:
+      - "${MB_PORT}:${MB_PORT}"
+
+  client:
+    depends_on:
+      metabase:
+        condition: service_healthy
+      server:
+        condition: service_started
+    build:
+      context: .
+      dockerfile: ./client/Dockerfile
+    environment:
+      CLIENT_PORT: "${CLIENT_PORT}"
+      VITE_METABASE_INSTANCE_URL: "http://localhost:${MB_PORT}"
+      VITE_AUTH_PROVIDER_URI: "http://localhost:${AUTH_PROVIDER_PORT}/sso/metabase"
+    ports:
+      - "${CLIENT_PORT}:${CLIENT_PORT}"
+    volumes:
+      - ./client/src:/app/client/src
+
+  server:
+    depends_on:
+      metabase:
+        condition: service_healthy
+    build:
+      context: .
+      dockerfile: ./server/Dockerfile
+    environment:
+      AUTH_PROVIDER_PORT: "${AUTH_PROVIDER_PORT}"
+      METABASE_INSTANCE_URL: "http://metabase:${MB_PORT}"
+      METABASE_JWT_SHARED_SECRET: "${METABASE_JWT_SHARED_SECRET}"
+    ports:
+      - "${AUTH_PROVIDER_PORT}:${AUTH_PROVIDER_PORT}"

docker-compose.yml

@@ -0,0 +1,10 @@
+const { defineConfig } = require('cypress')
+
+module.exports = defineConfig({
+  e2e: {
+    baseUrl: `http://localhost:${process.env.CLIENT_PORT}`,
+    supportFile: 'e2e/support/cypress.js',
+    specPattern: 'e2e/test/**/*.cy.spec.js',
+    defaultBrowser: 'chrome',
+  },
+})