Add docker-compose support

.env.sample

@@ -0,0 +1,9 @@
+AGORA_APP_ID="<your_agora_appid>"
+AGORA_APP_CERTIFICATE="<your_agora_app_certificate>"
+AZURE_STT_KEY="<your_azure_stt_key>"
+AZURE_STT_REGION="<your_azure_stt_region>"
+OPENAI_API_KEY="<your_openai_api_key>"
+AZURE_TTS_KEY="<your_azure_tts_key>"
+AZURE_TTS_REGION="<your_azure_tts_region>"
+
+ASTRA_AGENTS_SERVER_URL=http://localhost:8080

docker-compose.yml

@@ -0,0 +1,35 @@
+version: '3.8'
+
+services:
+  astra_agents_server:
+    image: agoraio/astra_agents_server:latest
+    build:
+      context: .
+      dockerfile: Dockerfile
+    container_name: astra_agents_server
+    restart: always
+    ports:
+      - "8080:8080"
+    volumes:
+      - /tmp:/tmp
+    environment:
+      AGORA_APP_ID: ${AGORA_APP_ID}
+      AGORA_APP_CERTIFICATE: ${AGORA_APP_CERTIFICATE}
+      AZURE_STT_KEY: ${AZURE_STT_KEY}
+      AZURE_STT_REGION: ${AZURE_STT_REGION}
+      OPENAI_API_KEY: ${OPENAI_API_KEY}
+      AZURE_TTS_KEY: ${AZURE_TTS_KEY}
+      AZURE_TTS_REGION: ${AZURE_TTS_REGION}
+  astra_playground:
+    image: agoraio/astra_playground:latest
+    build:
+      context: ./playground
+      dockerfile: Dockerfile
+      args:
+        NEXT_PUBLIC_REQUEST_URL: ${ASTRA_AGENTS_SERVER_URL}
+    container_name: astra_playground
+    restart: always
+    ports:
+      - "3000:3000"
+    volumes:
+      - /tmp:/tmp

playground/.dockerignore

@@ -0,0 +1,9 @@
+Dockerfile
+.dockerignore
+node_modules
+npm-debug.log
+README.md
+.next
+.git
+
+.env

playground/.gitignore

@@ -132,5 +132,3 @@ dist
 # lock
 package-lock.json
 yarn.lock
-
-Dockerfile

playground/Dockerfile

@@ -0,0 +1,70 @@
+FROM node:18-alpine AS base
+
+# Install dependencies only when needed
+FROM base AS deps
+# Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed.
+RUN apk add --no-cache libc6-compat
+WORKDIR /app
+
+# Install dependencies based on the preferred package manager
+COPY package.json yarn.lock* package-lock.json* pnpm-lock.yaml* ./
+RUN \
+  if [ -f yarn.lock ]; then yarn --frozen-lockfile; \
+  elif [ -f package-lock.json ]; then npm ci; \
+  elif [ -f pnpm-lock.yaml ]; then corepack enable pnpm && pnpm i --frozen-lockfile; \
+  else echo "Lockfile not found." && exit 1; \
+  fi
+
+
+# Rebuild the source code only when needed
+FROM base AS builder
+WORKDIR /app
+COPY --from=deps /app/node_modules ./node_modules
+COPY . .
+
+# Next.js collects completely anonymous telemetry data about general usage.
+# Learn more here: https://nextjs.org/telemetry
+# Uncomment the following line in case you want to disable telemetry during the build.
+# ENV NEXT_TELEMETRY_DISABLED 1
+
+ARG NEXT_PUBLIC_REQUEST_URL
+ENV NEXT_PUBLIC_REQUEST_URL=${NEXT_PUBLIC_REQUEST_URL}
+
+RUN \
+  if [ -f yarn.lock ]; then yarn run build; \
+  elif [ -f package-lock.json ]; then npm run build; \
+  elif [ -f pnpm-lock.yaml ]; then corepack enable pnpm && pnpm run build; \
+  else echo "Lockfile not found." && exit 1; \
+  fi
+
+# Production image, copy all the files and run next
+FROM base AS runner
+WORKDIR /app
+
+ENV NODE_ENV production
+# Uncomment the following line in case you want to disable telemetry during runtime.
+# ENV NEXT_TELEMETRY_DISABLED 1
+
+RUN addgroup --system --gid 1001 nodejs
+RUN adduser --system --uid 1001 nextjs
+
+#COPY --from=builder /app/public ./public
+
+# Set the correct permission for prerender cache
+RUN mkdir .next
+RUN chown nextjs:nodejs .next
+
+# Automatically leverage output traces to reduce image size
+# https://nextjs.org/docs/advanced-features/output-file-tracing
+COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
+COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
+
+USER nextjs
+
+EXPOSE 3000
+
+ENV PORT 3000
+
+# server.js is created by next build from the standalone output
+# https://nextjs.org/docs/pages/api-reference/next-config-js/output
+CMD HOSTNAME="0.0.0.0" node server.js

playground/next.config.mjs

@@ -2,6 +2,7 @@
 const nextConfig = {
   // basePath: '/ai-agent',
   // output: 'export',
+  output: 'standalone', // for docker build
   reactStrictMode: false,
   webpack(config) {
     // Grab the existing rule that handles SVG imports