fix(ui): build Platform Docker image (#415)

Author: agneum

ui/packages/platform/.dockerignore

@@ -0,0 +1,10 @@
+**/node_modules/**
+/.vscode/
+/.idea/
+/bin/
+/.git/
+**/build/**
+/ui/node_modules/
+/ui/packages/ce/node_modules/
+/ui/packages/shared/node_modules/
+/ui/packages/platform/node_modules/

ui/packages/platform/.gitlab-ci.yml

@@ -65,6 +65,9 @@
   script:
     - apk add --no-cache bash
     - bash ./ui/packages/platform/ci_docker_build_push.sh
+  needs:
+    - job: check-code-style
+      artifacts: false
 
 .deploy_definition: &deploy_definition
   stage: deploy

ui/packages/platform/.npmrc

@@ -0,0 +1,2 @@
+auto-install-peers=true
+strict-peer-dependencies=false

ui/packages/platform/Dockerfile

@@ -12,6 +12,8 @@ WORKDIR /app
 
 COPY ./ui/ .
 
+RUN --mount=type=bind,id=pnpm,source=.pnpm-store,target=/app/.pnpm-store
+
 ARG ARG_REACT_APP_API_SERVER
 ENV REACT_APP_API_SERVER=$ARG_REACT_APP_API_SERVER
 
@@ -42,8 +44,12 @@ ENV REACT_APP_STRIPE_API_KEY=$ARG_REACT_APP_STRIPE_API_KEY
 ARG ARG_REACT_APP_SENTRY_DSN
 ENV REACT_APP_SENTRY_DSN=$ARG_REACT_APP_SENTRY_DSN
 
-RUN npm ci -ws
-RUN npm run build -w @postgres.ai/platform
+RUN apk add --no-cache --update git && \
+    npm i -g pnpm; \
+    pnpm config set store-dir /app/.pnpm-store; \
+    pnpm set verify-store-integrity false; \
+    pnpm --filter @postgres.ai/platform i; \
+    pnpm --filter @postgres.ai/platform build
 
 # Run phase.
 FROM nginx:1.20.1-alpine as run

ui/packages/platform/ci_docker_build_push.sh

@@ -26,7 +26,7 @@ done
 source "./ui/packages/platform/deploy/configs/${NAMESPACE}.sh"
 
 set -x
-docker build \
+DOCKER_BUILDKIT=1 docker build \
       --build-arg ARG_REACT_APP_API_SERVER="${REACT_APP_API_SERVER}" \
       --build-arg ARG_PUBLIC_URL="${PUBLIC_URL}" \
       --build-arg ARG_REACT_APP_SIGNIN_URL="${REACT_APP_SIGNIN_URL}" \

ui/packages/platform/package.json

@@ -3,17 +3,22 @@
   "version": "1.0.0",
   "private": true,
   "dependencies": {
-    "@craco/craco": "^6.4.3",
+    "@craco/craco": "^7.0.0-alpha.7",
     "@juggle/resize-observer": "^3.3.1",
     "@material-ui/core": "^4.11.4",
     "@material-ui/icons": "^4.11.2",
+    "@material-ui/lab": "^4.0.0-alpha.61",
     "@material-ui/styles": "^4.11.4",
+    "@monaco-editor/react": "^4.4.5",
+    "@postgres.ai/shared": "link:../shared",
     "@sentry/react": "^6.11.0",
     "@sentry/tracing": "^6.11.0",
     "@stripe/react-stripe-js": "^1.1.2",
     "@stripe/stripe-js": "^1.9.0",
+    "@types/node": "*",
     "bootstrap": "^4.3.1",
     "byte-size": "^7.0.1",
+    "classnames": "^2.3.1",
     "clsx": "^1.1.1",
     "copy-to-clipboard": "^3.3.1",
     "create-file-webpack": "^1.0.2",
@@ -23,13 +28,15 @@
     "date-fns": "^2.22.1",
     "dompurify": "^2.0.12",
     "es6-promise": "^4.2.8",
+    "formik": "^2.2.9",
     "get-user-locale": "^1.4.0",
     "jwt-decode": "^3.1.2",
     "lodash": "^4.17.15",
     "md5": "^2.2.1",
     "mobx": "^6.3.2",
     "mobx-react-lite": "^3.2.0",
     "moment": "^2.24.0",
+    "qs": "^6.11.0",
     "react": "^17.0.2",
     "react-bootstrap": "^0.32.4",
     "react-countdown-hook": "^1.1.0",
@@ -45,8 +52,10 @@
     "stream-browserify": "^3.0.0",
     "typeface-roboto": "0.0.75",
     "use-interval": "^1.3.0",
+    "use-timer": "^2.0.1",
     "uuid": "^3.3.2",
-    "whatwg-fetch": "^3.6.2"
+    "whatwg-fetch": "^3.6.2",
+    "yup": "^0.32.11"
   },
   "scripts": {
     "start": "craco start",