CI : create specific build for preprod

.gitlab-ci.yml

@@ -11,7 +11,7 @@ build:
   script:
     - apk add --no-cache nodejs npm
     - npm install
-    - npm run build
+    - if [ "$CI_COMMIT_REF_NAME" = "dev" ]; then npm run build:preprod; else npm run build; fi
     - cd dist
     - composer install --no-dev --optimize-autoloader --ignore-platform-req=ext-gd
     - cd ..
@@ -48,3 +48,29 @@ deploy:
       rsync_deploy vendor/ "$PROD_PATH/vendor/"
       rsync_deploy kirby/ "$PROD_PATH/kirby/"
       rsync_deploy assets/ "$PROD_PATH/assets/" "--exclude 'tiles/'"
+
+deploy_dev:
+  stage: deploy
+  image: node:latest
+  only:
+    - dev
+  before_script:
+    - apt-get update -qq && apt-get install -y rsync sshpass
+  script:
+    - cd dist
+    - |
+      rsync_deploy() {
+        local src=$1
+        local dst=$2
+        local exclude=$3
+        cmd="sshpass -p \"$PASSWORD\" rsync -az --delete -O"
+        [[ -n $exclude ]] && cmd="$cmd $exclude"
+        cmd="$cmd -e 'ssh -p 2244 -o StrictHostKeyChecking=no' $src $USERNAME@$HOST:$dst"
+        echo "$cmd"
+        eval $cmd
+      }
+
+      rsync_deploy site/ "$PREPROD_PATH/site/" "--exclude 'accounts/' --exclude 'cache/' --exclude 'sessions/'"
+      rsync_deploy vendor/ "$PREPROD_PATH/vendor/"
+      rsync_deploy kirby/ "$PREPROD_PATH/kirby/"
+      rsync_deploy assets/ "$PREPROD_PATH/assets/" "--exclude 'tiles/'"

package.json

@@ -6,6 +6,7 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
+    "build:preprod": "vite build --mode=staging",
     "preview": "vite preview"
   },
   "dependencies": {

public/site/config/config.php

@@ -3,7 +3,7 @@
 $regenerateSteps = require_once(__DIR__ . '/hooks/page-update--regenerate-project-steps-cache.php');
 
 return [
-  'debug'       => Dir::exists('assets/dist') ? false: true,
+  'debug' => $_SERVER['HTTP_HOST'] !== 'designtopack.groupe-pochet.fr',
   'cache' => [
     'pages' => [
       'active' => true

vite.config.js

@@ -1,7 +1,8 @@
 import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
 
-export default defineConfig({
+export default defineConfig(({ mode }) => {
+  return {
     plugins: [vue()],
     base: '/',
     build: {
@@ -12,6 +13,8 @@ export default defineConfig({
           assetFileNames: 'assets/dist/[name].[ext]',
         },
       },
+      sourcemap: mode === 'staging',
+      minify: mode === 'production' ? 'esbuild' : false,
     },
     server: {
       watch: {
@@ -30,4 +33,5 @@ export default defineConfig({
         ],
       },
     },
+  };
 });