chore(ui): build UI image in CI pipelines(#415):

* find a way to speed it up significantly:
  * run CI with `pnpm` package manager
  * cache and reuse dependencies
  * remove nodejs-sast, use semgrep instead
  * enable Docker buildkit
* enable `ui_build_ce_image_dev` in CI/CD.
  * remove `manual` running
  * build image after merging into the master branch
* fix linter warnings

Author: agneum

ui/.dockerignore

@@ -1 +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/.gitignore

@@ -18,6 +18,7 @@
 node_modules/
 build/
 src/npm-debug.log
+packages/**/.eslintcache
 
 # Temporary files and dirs (vim, etc.)
 *.swp

ui/.gitlab-ci.yml

@@ -9,14 +9,30 @@ include:
       changes:
         - ui/**/*
 
+default:
+  image: node:lts-alpine
+  cache: &cache
+    key: "$CI_COMMIT_REF_SLUG"
+    paths:
+      - .pnpm-store
+    policy: pull
+
 check-code-style:
   <<: *only_ui
   stage: test
-  image: node:16.13.0
+  before_script:
+    - apk add --no-cache curl
+    - curl -f https://get.pnpm.io/v6.16.js | node - add --global pnpm@7
+    - pnpm config set store-dir /builds/postgres-ai/database-lab/.pnpm-store/
+
   script:
-    - npm --prefix ui/ ci -ws
-    - npm --prefix ui/ run lint -w packages/ce
-    - npm --prefix ui/ run lint -w packages/platform
+    - pnpm --dir ui/ i
+    - pnpm --dir ui/ --filter @postgres.ai/ce lint
+    - pnpm --dir ui/ --filter @postgres.ai/platform lint
+  interruptible: true
+  cache:
+    <<: *cache
+    policy: push
 
 semgrep-sast:
   stage: test

ui/.npmrc

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

ui/package.json

@@ -6,10 +6,8 @@
     "npm": ">=7"
   },
   "scripts": {
+    "preinstall": "npx only-allow pnpm",
     "start:platform": "source ./packages/platform/deploy/configs/production.sh && npm run start -w @postgres.ai/platform",
     "start:ce": "npm run start -w @postgres.ai/ce"
-  },
-  "workspaces": [
-    "./packages/*"
-  ]
+  }
 }

ui/packages/ce/.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/ce/.gitlab-ci.yml

@@ -24,6 +24,9 @@
   script:
     - apk add --no-cache bash
     - bash ./ui/packages/ce/ci_docker_build_push.sh
+  needs:
+    - job: check-code-style
+      artifacts: false
 
 # Jobs.
 ui_build_ce_image_release:
@@ -57,4 +60,3 @@ ui_build_ce_image_dev:
     REGISTRY: "${CI_REGISTRY}"
     DOCKER_NAME: "registry.gitlab.com/postgres-ai/database-lab/ce-ui"
     TAGS: "${DOCKER_NAME}:${CI_COMMIT_REF_SLUG}"
-  when: manual

ui/packages/ce/.npmrc

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

ui/packages/ce/Dockerfile

@@ -5,15 +5,20 @@ WORKDIR /app
 
 COPY ./ui/ .
 
-RUN npm ci -ws
+RUN --mount=type=bind,id=pnpm,source=.pnpm-store,target=/app/.pnpm-store
 
 ARG API_URL_PREFIX
 ENV REACT_APP_API_URL_PREFIX ${API_URL_PREFIX}
 
 ARG WS_URL_PREFIX
 ENV REACT_APP_WS_URL_PREFIX ${WS_URL_PREFIX}
 
-RUN npm run build -w @postgres.ai/ce
+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/ce i; \
+    pnpm --filter @postgres.ai/ce build
 
 # Run phase.
 FROM nginx:1.20.1-alpine as run

ui/packages/ce/ci_docker_build_push.sh

@@ -24,7 +24,7 @@ for tag in "${ADDR[@]}"; do
 done
 
 set -x
-docker build --build-arg API_URL_PREFIX=/api --build-arg WS_URL_PREFIX=/ws $tags_build --file ./ui/packages/ce/Dockerfile .
+DOCKER_BUILDKIT=1 docker build --build-arg API_URL_PREFIX=/api --build-arg WS_URL_PREFIX=/ws $tags_build --file ./ui/packages/ce/Dockerfile .
 set +x
 
 echo -e "$tags_push" | while read -r tag; do