feat(web-app-serve): configure web app serve

Author: shreeyash07

.github/workflows/publish-web-app-serve.yml

@@ -0,0 +1,23 @@
+name: Publish web app serve
+
+on:
+  workflow_dispatch:
+  push:
+    branches:
+      - develop
+      - feature/add-web-app-serve # NOTE Delete me later
+
+permissions:
+  packages: write
+
+jobs:
+  publish_image:
+    name: Publish Docker Image
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Publish web-app-serve
+        uses: toggle-corp/[email protected]
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}

Dockerfile

@@ -7,4 +7,45 @@ RUN apt-get update -y \
     && npm install -g [email protected] [email protected] --force \
     && git config --global --add safe.directory /code
 
+ENV COREPACK_ENABLE_DOWNLOAD_PROMPT=0
+
+ENV PNPM_HOME="/pnpm"
+ENV PATH="$PNPM_HOME:$PATH"
+RUN --mount=type=bind,source=package.json,target=package.json \
+    corepack install && corepack enable
+
 WORKDIR /code
+
+# -------------------------- Builder ----------------------------------
+FROM dev AS builder
+
+COPY package.json pnpm-lock.yaml /code/
+
+RUN corepack prepare --activate
+
+RUN --mount=type=cache,id=pnpm,target=/pnpm/store \
+    --mount=type=bind,source=package.json,target=package.json \
+    --mount=type=bind,source=pnpm-lock.yaml,target=pnpm-lock.yaml \
+    pnpm install --frozen-lockfile
+
+COPY . /code/
+
+# -------------------------- Web app build -----------------------------
+
+FROM builder AS web-app-serve-build
+
+ENV APP_TITLE=TC-Unified-Notes
+ENV APP_UNIFIED_API_ENDPOINT=http://192.168.88.52:8020/
+
+
+RUN WEB_APP_SERVE_ENABLED=true pnpm build
+
+# Final image using web-app-serve
+FROM ghcr.io/toggle-corp/web-app-serve:v0.1.2 AS web-app-serve
+
+LABEL maintainer="Togglecorp"
+LABEL org.opencontainers.image.source="https://github.com/toggle-corp/tc-unified-notes"
+
+ENV APPLY_CONFIG__SOURCE_DIRECTORY=/code/build/
+
+COPY --from=web-app-serve-build /code/build "$APPLY_CONFIG__SOURCE_DIRECTORY"

docker-compose.yml

@@ -1,3 +1,5 @@
+name: tc-unified-notes
+
 services:
   react:
     build:

env.ts

@@ -1,9 +1,23 @@
 import {
     defineConfig,
+    overrideDefineForWebAppServe,
     Schema,
 } from '@julr/vite-plugin-validate-env';
 
+const webAppServeEnabled = process.env.WEB_APP_SERVE_ENABLED?.toLowerCase() === 'true';
+if (webAppServeEnabled) {
+    // eslint-disable-next-line no-console
+    console.warn('Building application for web-app-serve');
+}
+const overrideDefine = webAppServeEnabled
+    ? overrideDefineForWebAppServe
+    : undefined;
+
 export default defineConfig({
-    APP_TITLE: Schema.string(),
-    APP_UNIFIED_API_ENDPOINT: Schema.string({ format: 'url', protocol: true, tld: false }),
+    overrideDefine,
+    validator: 'builtin',
+    schema: {
+        APP_TITLE: Schema.string(),
+        APP_UNIFIED_API_ENDPOINT: Schema.string({ format: 'url', protocol: true, tld: false }),
+    },
 });

web-app-serve/.gitignore

@@ -0,0 +1 @@
+.env

web-app-serve/docker-compose.yml

@@ -0,0 +1,12 @@
+name: tc-unified-notes-serve
+
+services:
+  web-app-serve:
+    build:
+      context: ../
+      target: web-app-serve
+    environment:
+      APPLY_CONFIG__ENABLE_DEBUG: true
+    env_file: .env
+    ports:
+      - '8050:80'