Merge branch 'add-CICD-files' into 'develop'

add dockerignore Dockerfile and manifest for CICD

See merge request ldc-web/projets/doux!17

.dockerignore

@@ -0,0 +1,2 @@
+.git
+*.md

.env.example

@@ -31,7 +31,6 @@ MAIL_ENCRYPTION=null
 MAIL_FROM_ADDRESS=null
 MAIL_FROM_NAME="${APP_NAME}"
 
-MAIL_LIST_SERVICEWEB=
 MAIL_LIST_CONTACTFORM=
 
 ANALYTICS_GOOGLE_ID=
@@ -41,6 +40,8 @@ GOOGLE_RECAPTCHA_PUBLIC=
 GOOGLE_RECAPTCHA_PRIVATE=
 GOOGLE_RECAPTCHA_VERSION=
 
-LDC_WEB_API_KEY="MY_KEY"
-LDC_STATUS_CHECKER_API_KEY="MY_KEY"
-LDC_STATUS_CHECKER_UUID="UUID_PROJECT"
+## LDCWEB ADMIN SECURE
+LDC_WEB_API_KEY=
+
+# Sentry
+SENTRY_LARAVEL_DSN=

.gitlab-ci.yml

@@ -1,74 +1,23 @@
+include:
+  - project: "ldc-web/shared-ci"
+    ref: "main"
+    file: "lint/lint7.3.yml"
+  - project: "ldc-web/shared-ci"
+    ref: "main"
+    file: "security/security7.3.yml"
+  - project: "ldc-web/shared-ci"
+    ref: "main"
+    file: "build/build7.3.yml"
+  - project: "ldc-web/shared-ci"
+    ref: "main"
+    file: "test/test.yml"
+  - project: "ldc-web/shared-ci"
+    ref: "main"
+    file: "deploy/deploy.yml"
+
 stages:
-    - Security
-    - CodingStandards
-    - Builds
-
-composer-security:
-    stage: Security
-    image: $CI_REGISTRY/service-web-lab/ldc-web-images-docker/ldcweb-qa:php7.3-1.0
-    script:
-        - local-php-security-checker --format=json --path=./composer.lock > composer-security-checker-report.json
-    artifacts:
-        when: on_failure
-        expose_as: 'composer-security-checker'
-        paths:
-          - composer-security-checker-report.json
-    allow_failure: true
-    needs: []
-
-npm-security:
-    stage: Security
-    image: node:17.9.1
-    before_script: 
-        - npm install --location=global audit-ci@^6
-    script:
-        - audit-ci -p npm -o json > npm-security-checker-report.json
-    artifacts:
-        when: on_failure
-        expose_as: 'npm-security-checker'
-        paths:
-          - npm-security-checker-report.json
-    allow_failure: true
-    needs: []
-
-phpcs:
-    stage: CodingStandards
-    image: $CI_REGISTRY/service-web-lab/ldc-web-images-docker/ldcweb-qa:php7.3-1.0
-    before_script:
-    - composer config gitlab-token.gitlab.com $CI_DEPLOY_USER $CI_DEPLOY_PASSWORD
-    - composer install
-    cache:
-        paths:
-            - vendor/
-    script:
-        - vendor/bin/phpcs --report=junit --report-file=phpcs-report.xml
-    artifacts:
-      when: on_failure
-      expose_as: 'phpcs'
-      paths:
-          - phpcs-report.xml
-      reports:
-        junit: phpcs-report.xml
-    allow_failure: false
-    needs:
-        - composer-security
-        - npm-security
-
-front-build:
-    stage: Builds
-    image: node:17.9.1
-    before_script:
-        - npm install
-    cache:
-        paths:
-            - node_modules/
-    script:
-        - npm run prod > front-build-report.json
-    artifacts:
-        when: on_failure
-        expose_as: 'front-build-report'
-        paths:
-          - front-build-report.json
-    allow_failure: false
-    needs:
-        - phpcs
+  - lint
+  - security
+  - build
+  - test
+  - deploy

.vscode/settings.json

@@ -1,21 +1,23 @@
 {
     "workbench.colorCustomizations": {
-        "activityBar.activeBackground": "#fccf1d",
+        "activityBar.activeBackground": "#e2bd2b",
         "activityBar.activeBorder": "#222f5c",
-        "activityBar.background": "#fccf1d",
-        "activityBar.foreground": "#222f5c",
-        "activityBar.inactiveForeground": "#222f5c99",
-        "activityBarBadge.background": "#ff0400",
-        "activityBarBadge.foreground": "#ffffff",
-        "sash.hoverBorder": "#fccf1d",
+        "activityBar.background": "#e2bd2b",
+        "activityBar.foreground": "#15202b",
+        "activityBar.inactiveForeground": "#15202b99",
+        "activityBarBadge.background": "#138c74",
+        "activityBarBadge.foreground": "#e7e7e7",
+        "sash.hoverBorder": "#e2bd2b",
         "statusBar.background": "#c19f1a",
-        "statusBar.foreground": "#222f5c",
-        "statusBarItem.hoverBackground": "#ff0400",
+        "statusBar.foreground": "#15202b",
+        "statusBarItem.hoverBackground": "#947a14",
         "statusBarItem.remoteBackground": "#c19f1a",
-        "statusBarItem.remoteForeground": "#222f5c",
+        "statusBarItem.remoteForeground": "#15202b",
         "titleBar.activeBackground": "#c19f1a",
-        "titleBar.activeForeground": "#222f5c",
-        "titleBar.inactiveBackground": "#fccf1d99",
-        "titleBar.inactiveForeground": "#222f5c99"
-    }
+        "titleBar.activeForeground": "#15202b",
+        "titleBar.inactiveBackground": "#c19f1a99",
+        "titleBar.inactiveForeground": "#15202b99",
+        "commandCenter.border": "#15202b99"
+    },
+    "peacock.remoteColor": "#c19f1a"
 }

Dockerfile

@@ -0,0 +1,5 @@
+FROM registry.s-web.fr/ldc-web/projets/ldc-web-images-docker/ldcweb-production-7.3:latest
+COPY --chown=www-data:www-data . /app/srcs
+USER root
+RUN chmod -R 755 /app/srcs/storage
+USER www-data

app/Exceptions/Handler.php

@@ -13,7 +13,7 @@
 
 namespace App\Exceptions;
 
-use Kwaadpepper\ExceptionHandler\Exceptions\ExceptionHandler;
+use Illuminate\Foundation\Exceptions\Handler as ExceptionHandler;
 
 /**
  * Undocumented class
@@ -43,4 +43,17 @@ class Handler extends ExceptionHandler
         'password',
         'password_confirmation',
     ];
+
+    /**
+     * Register
+     * @return void
+     */
+    public function register()
+    {
+        $this->reportable(function (\Throwable $e) {
+            if (app()->bound('sentry')) {
+                app('sentry')->captureException($e);
+            }
+        });
+    }
 }

app/Http/Controllers/ContactController.php

@@ -18,14 +18,14 @@ class ContactController extends Controller
      */
     public function contact()
     {
-        $listCountries = Cache::remember('listCountries', 86400 , function () {
+        $listCountries = Cache::remember('listCountries', 86400, function () {
             return Country::toArray();
         });
 
-        $listDeps = Cache::remember('listDeps', 86400 , function () {
+        $listDeps = Cache::remember('listDeps', 86400, function () {
             return Department::toArray();
         });
-        
+
         return view('front.contact', compact('listCountries', 'listDeps'));
     }
 

app/Http/Middleware/SecureHeaders.php

@@ -75,6 +75,8 @@ class SecureHeaders
                 'https://www.google.com/recaptcha/',
                 'https://www.gstatic.com/recaptcha/',
                 'https://*.googletagmanager.com',
+                'https://cdn.ckeditor.com',
+                'https://cdn.jsdelivr.net',
             ]) . ' ' . $jsDev . ';'
         ];
         $response->headers->set(

app/Lib/Helpers/ExceptionsHelper.php

@@ -0,0 +1,190 @@
+<?php
+
+namespace App\Lib\Helpers;
+
+class ExceptionsHelper
+{
+    /**
+     * Handle sentry event
+     *
+     * @param \Sentry\Event $event
+     * @return null|\Sentry\Event
+     */
+    public static function sentryEventHandler(\Sentry\Event $event): ?\Sentry\Event
+    {
+        // Remove unwanted reports.
+        $event->setModules([]);
+        $event->setOsContext(null);
+
+        /** @var \Sentry\ExceptionDataBag[] */
+        $exceptionBag = [];
+        foreach ($event->getExceptions() as $exceptionDataBag) {
+            $exceptionBag[] = self::getAnonymizedSentryException($exceptionDataBag);
+        }
+        $event->setExceptions($exceptionBag);
+        return $event;
+    }
+
+    /**
+     * Anonimize Sentry Exception bag
+     *
+     * @param \Sentry\ExceptionDataBag $exceptionDataBag
+     * @return \Sentry\ExceptionDataBag
+     */
+    private static function getAnonymizedSentryException(
+        \Sentry\ExceptionDataBag $exceptionDataBag
+    ): \Sentry\ExceptionDataBag {
+        $exceptionDataBag->setValue(self::getAnonymizedMessage($exceptionDataBag->getValue()));
+        if ($stackTrace = $exceptionDataBag->getStacktrace()) {
+            $exceptionDataBag->setStacktrace(self::getAnonymizedSentryStackTrace($stackTrace));
+        }
+        return $exceptionDataBag;
+    }
+
+    /**
+     * Anonymise sentry stacktrace
+     *
+     * @param \Sentry\Stacktrace $stackTrace
+     * @return \Sentry\Stacktrace
+     */
+    private static function getAnonymizedSentryStackTrace(\Sentry\Stacktrace $stackTrace): \Sentry\Stacktrace
+    {
+        /** @var \Sentry\Frame[] */
+        $frames = \array_reverse($stackTrace->getFrames(), true);
+        $i      = \count($frames) - 1;
+        // * Remove all but keep first (index.php).
+        while ($i-- > 0) {
+            $stackTrace->removeFrame(count($stackTrace->getFrames()) - 1);
+        }
+        foreach ($frames as $index => $frame) {
+            $frame->setPostContext([]);
+            $frame->setPreContext([]);
+            $frame->setContextLine('');
+            $frame->setVars(self::getAnonymizedSentryParams($frame->getVars()));
+            $stackTrace->addFrame($frame);
+            if ($index === 0) {
+                $stackTrace->removeFrame(count($stackTrace->getFrames()) - 1);
+            }
+        }
+        return $stackTrace;
+    }
+
+    /**
+     * Get anonymized sentry params
+     *
+     * @param mixed[] $params
+     * @return string[]
+     */
+    private static function getAnonymizedSentryParams(array $params): array
+    {
+        foreach ($params as &$param) {
+            $type = \strtolower(\gettype($param));
+            if (\is_string($param)) {
+                $type = \explode(' ', \trim($param))[0] ?? null;
+            }
+            switch ($type) {
+                case 'Lambda':
+                case 'Object':
+                    continue 2;
+                case 'array':
+                    $param = sprintf('Array(%d)', \count($param));
+                    continue 2;
+                default:
+                    if (\is_numeric($param)) {
+                        $param = \ucfirst($type);
+                        continue 2;
+                    }
+                    if (\is_string($param)) {
+                        $param = sprintf('String(%d)', \strlen($param));
+                        continue 2;
+                    }
+            } //end switch
+        } //end foreach
+        return $params;
+    }
+
+
+    /**
+     * Anonymize at least Sql queries
+     *
+     * @param string $message
+     * @return string
+     */
+    public static function getAnonymizedMessage(string $message): string
+    {
+        $message = \preg_replace('/^(.*)( \(SQL:.*\))$/', '$1', $message) ?? $message;
+        if ($sqlPos = \strpos($message, 'to use near')) {
+            $message = \mb_strcut($message, 0, $sqlPos);
+        }
+        return $message;
+    }
+
+    /**
+     * Anonymize stack trace
+     *
+     * @param \Throwable $e
+     * @return string
+     */
+    public static function getAnonymizedStackTrace(\Throwable $e): string
+    {
+        $projectPath   = \realpath(\sprintf('%s/../', \app_path()));
+        $traceStack    = $e->getTrace();
+        $traceStr      = '';
+        $maxStackStage = 0;
+        foreach ($traceStack as $stackStage => $stack) {
+            $maxStackStage = $stackStage;
+            $traceStr     .= \sprintf(
+                '#%s %s(%d): ',
+                $stackStage,
+                str_replace($projectPath, '', $stack['file'] ?? ''),
+                $stack['line'] ?? ''
+            );
+            if (isset($stack['class'])) {
+                $traceStr .= "{$stack['class']}->{$stack['function']}(";
+                if (isset($stack['args'])) {
+                    $traceStr .= self::handleArgs($stack);
+                }
+                $traceStr .= ")\n";
+            } elseif (isset($stack['function'])) {
+                $traceStr .= "{$stack['function']}(";
+                if (isset($stack['args'])) {
+                    $traceStr .= self::handleArgs($stack);
+                }
+                $traceStr .= ")\n";
+            }
+        } //end foreach
+        $maxStackStage++;
+        $traceStr .= "#$maxStackStage {main}";
+        return $traceStr;
+    }
+
+    /**
+     * Handle Args
+     *
+     * @param array $stack
+     * @return string
+     */
+    public static function handleArgs(array $stack): string
+    {
+        $traceArgs = '';
+        $argsCount = count($stack['args']);
+        for ($i = 0; $i < $argsCount; $i++) {
+            $type = \gettype($stack['args'][$i]);
+            switch ($type) {
+                case 'object':
+                    $traceArgs .= sprintf('Object(%s)', \get_class($stack['args'][$i]));
+                    break;
+                case 'array':
+                    $traceArgs .= sprintf('Array(%d)', \count($stack['args'][$i]));
+                    break;
+                case 'string':
+                    $traceArgs .= sprintf('String(%d)', \strlen($stack['args'][$i]));
+                    break;
+                default:
+                    $traceArgs .= \gettype($stack['args'][$i]);
+            }
+            $traceArgs .= ($i !== ($argsCount - 1) ? ',' : '');
+        }
+        return $traceArgs;
+    }
+}

composer.json

@@ -13,14 +13,13 @@
         "guzzlehttp/guzzle": "^7.0.1",
         "joedixon/laravel-translation": "^1.1",
         "kwaadpepper/enum": "^2.1",
-        "kwaadpepper/exception-handler": "^0.0.9",
         "kwaadpepper/refresh-sitemap": "^1.0",
         "laravel/framework": "^8.65",
         "laravel/tinker": "^2.5",
         "laravel/ui": "^3.3",
         "ldc/web-admin-secure-laravel": "^1.0",
-        "ldc/web-status-checker-laravel": "^1.1",
         "mews/purifier": "^3.3",
+        "sentry/sentry-laravel": "^4.1",
         "spatie/laravel-translatable": "^4.6"
     },
     "require-dev": {

config/exception-handler.php

@@ -1,15 +0,0 @@
-<?php
-
-return [
-    /**
-     * Send mail when app debug is turn off
-     * so you can be warned if an unhandled exception occurs
-     */
-    'enableMaiLog' => !config('app.debug'),
-
-    /**
-     * Put a developper secured mailbox in here
-     * so you can receive email if things go mad
-     */
-    'contactsList' => explode(",", env('MAIL_LIST_SERVICEWEB', 'equipe.web@ldc.fr'))
-];

config/logging.php

@@ -113,6 +113,22 @@ return [
         'emergency' => [
             'path' => storage_path('logs/laravel.log'),
         ],
+
+        'stdout' => [
+            'driver' => 'monolog',
+            'level' => env('LOG_LEVEL', 'debug'),
+            'handler' => StreamHandler::class,
+            'formatter' => env('LOG_STDOUT_FORMATTER'),
+            'with' => [
+                'stream' => 'php://stdout',
+            ],
+        ],
+
+        'k8s' => [
+            'driver' => 'stack',
+            'channels' => ['daily', 'stdout'],
+            'ignore_exceptions' => false,
+        ],
     ],
 
 ];

config/sentry.php

@@ -0,0 +1,61 @@
+<?php
+
+return [
+
+    'dsn' => env('SENTRY_LARAVEL_DSN', env('SENTRY_DSN')),
+
+    // The release version of your application.
+    // Example with dynamic git hash: trim(exec('git --git-dir ' . base_path('.git') . ' log --pretty="%h" -n1 HEAD')).
+    'release' => env('SENTRY_RELEASE'),
+
+    // When left empty or `null` the Laravel environment will be used.
+    'environment' => env('SENTRY_ENVIRONMENT'),
+
+    'breadcrumbs' => [
+        // Capture Laravel logs in breadcrumbs.
+        'logs' => true,
+
+        // Capture SQL queries in breadcrumbs.
+        'sql_queries' => true,
+
+        // Capture bindings on SQL queries logged in breadcrumbs.
+        'sql_bindings' => false,
+
+        // Capture queue job information in breadcrumbs.
+        'queue_info' => true,
+
+        // Capture command information in breadcrumbs.
+        'command_info' => true,
+    ],
+
+    'tracing' => [
+        // Trace queue jobs as their own transactions.
+        'queue_job_transactions' => env('SENTRY_TRACE_QUEUE_ENABLED', false),
+
+        // Capture queue jobs as spans when executed on the sync driver.
+        'queue_jobs' => true,
+
+        // Capture SQL queries as spans.
+        'sql_queries' => true,
+
+        // Try to find out where the SQL query originated from and add it to the query spans.
+        'sql_origin' => true,
+
+        // Capture views as spans.
+        'views' => true,
+
+        // Indicates if the tracing integrations supplied by Sentry should be loaded.
+        'default_integrations' => true,
+
+        // Indicates that requests without a matching route should be traced.
+        'missing_routes' => false,
+    ],
+
+    // @see: https://docs.sentry.io/platforms/php/guides/laravel/configuration/options/#send-default-pii.
+    'send_default_pii' => env('SENTRY_SEND_DEFAULT_PII', false),
+
+    // @see: https://docs.sentry.io/platforms/php/guides/laravel/configuration/options/#traces-sample-rate.
+    'traces_sample_rate' => env('SENTRY_TRACES_SAMPLE_RATE') === null ? null : (float)env('SENTRY_TRACES_SAMPLE_RATE'),
+
+    'before_send' => [\App\Lib\Helpers\ExceptionsHelper::class, 'sentryEventHandler'],
+];

database/factories/UserFactory.php

@@ -27,7 +27,7 @@ class UserFactory extends Factory
             'email' => $this->faker->unique()->safeEmail(),
             'email_verified_at' => now(),
             'password' => '$2y$10$92IXUNpkjO0rOQ5byMi.Ye4oKoEa3Ro9llC/.og/at2.uheWG/igi',
-// Password is : password .
+            // Password is : password .
             'remember_token' => Str::random(10),
         ];
     }
@@ -39,7 +39,7 @@ class UserFactory extends Factory
      */
     public function unverified()
     {
-        // phpcs:ignore Generic.CodeAnalysis.UnusedFunctionParameter.FoundInExtendedClass
+        // phpcs:ignore Generic.CodeAnalysis.UnusedFunctionParameter.Found
         return $this->state(function (array $attributes) {
             return [
                 'email_verified_at' => null,

manifest.yaml

@@ -0,0 +1,175 @@
+---
+apiVersion: v1
+kind: ConfigMap
+metadata:
+  name: ${CI_PROJECT_PATH_SLUG}-config-map
+data:
+  APP_NAME: "${APP_APP_NAME}"
+  APP_ENV: "${APP_APP_ENV}"
+  APP_KEY: "${APP_APP_KEY}"
+  APP_DEBUG: "${APP_APP_DEBUG}"
+  APP_URL: "https://www.${APP_DOMAIN}"
+  LOG_CHANNEL: "k8s"
+  DB_HOST: "mariadb-service.common-services"
+  DB_DATABASE: "${APP_DB_DATABASE}"
+  DB_USERNAME: "${APP_DB_USERNAME}"
+  DB_PASSWORD: "${APP_DB_PASSWORD}"
+  MAIL_HOST: "${APP_MAIL_HOST}"
+  MAIL_PORT: "${APP_MAIL_PORT}"
+  MAIL_USERNAME: "${APP_MAIL_USERNAME}"
+  MAIL_PASSWORD: "${APP_MAIL_PASSWORD}"
+  MAIL_ENCRYPTION: "${APP_MAIL_ENCRYPTION}"
+  MAIL_FROM_ADDRESS: "${APP_MAIL_FROM_ADDRESS}"
+  MAIL_FROM_NAME: "${APP_APP_NAME}"
+  MAIL_LIST_CONTACTFORM: "${APP_MAIL_LIST_CONTACTFORM}"
+  LDC_WEB_API_KEY: "${APP_LDC_WEB_API_KEY}"
+  GOOGLE_RECAPTCHA_PRIVATE: "${APP_GOOGLE_RECAPTCHA_PRIVATE}"
+  GOOGLE_RECAPTCHA_PUBLIC: "${APP_GOOGLE_RECAPTCHA_PUBLIC}"
+  GOOGLE_RECAPTCHA_VERSION: "${APP_GOOGLE_RECAPTCHA_VERSION}"
+  ANALYTICS_GOOGLE_ID: "${APP_ANALYTICS_GOOGLE_ID}"
+
+---
+apiVersion: v1
+kind: PersistentVolumeClaim
+metadata:
+  name: ${CI_PROJECT_PATH_SLUG}-pvc-storage
+spec:
+  storageClassName: "csi-cinder-classic"
+  accessModes:
+    - ReadWriteOnce
+  resources:
+    requests:
+      storage: $APP_PVC_SIZE
+
+---
+apiVersion: apps/v1
+kind: Deployment
+metadata:
+  name: ${CI_PROJECT_PATH_SLUG}-deployment
+spec:
+  replicas: 1
+  selector:
+    matchLabels:
+      app: ${CI_PROJECT_PATH_SLUG}-app
+  template:
+    metadata:
+      labels:
+        app: ${CI_PROJECT_PATH_SLUG}-app
+    spec:
+      containers:
+        - name: ${CI_PROJECT_PATH_SLUG}-container
+          image: $IMAGE_TAG
+          envFrom:
+            - configMapRef:
+                name: ${CI_PROJECT_PATH_SLUG}-config-map
+          volumeMounts:
+            - name: storage
+              mountPath: /app/srcs/storage
+      imagePullSecrets:
+        - name: docker-registry-credentials
+      securityContext:
+        runAsUser: 33
+        runAsGroup: 33
+        fsGroup: 33
+        fsGroupChangePolicy: "OnRootMismatch"
+      volumes:
+        - name: storage
+          persistentVolumeClaim:
+            claimName: ${CI_PROJECT_PATH_SLUG}-pvc-storage
+
+---
+apiVersion: v1
+kind: Service
+metadata:
+  name: ${CI_PROJECT_PATH_SLUG}-service
+spec:
+  selector:
+    app: ${CI_PROJECT_PATH_SLUG}-app
+  ports:
+    - port: 80
+      targetPort: 443
+
+---
+apiVersion: traefik.containo.us/v1alpha1
+kind: IngressRoute
+metadata:
+  name: ${CI_PROJECT_PATH_SLUG}-ingress-route
+spec:
+  entryPoints:
+    - web
+    - websecure
+  routes:
+    - match: Host(`${APP_DOMAIN}`, `www.${APP_DOMAIN}`)
+      kind: Rule
+      services:
+        - name: ${CI_PROJECT_PATH_SLUG}-service
+          port: 80
+      middlewares:
+        - name: redirect-no-www-to-www
+          namespace: common-services
+  tls:
+    secretName: $APP_DOMAIN
+
+---
+apiVersion: cert-manager.io/v1
+kind: Certificate
+metadata:
+  name: $APP_DOMAIN
+spec:
+  dnsNames:
+    - $APP_DOMAIN
+    - www.${APP_DOMAIN}
+  secretName: $APP_DOMAIN
+  issuerRef:
+    name: $APP_CERT_ISSUER
+    kind: ClusterIssuer
+
+---
+apiVersion: batch/v1
+kind: CronJob
+metadata:
+  name: ${CI_PROJECT_PATH_SLUG}-cronjob
+spec:
+  schedule: "* * * * *"
+  jobTemplate:
+    spec:
+      template:
+        spec:
+          affinity:
+            podAffinity:
+              requiredDuringSchedulingIgnoredDuringExecution:
+                - labelSelector:
+                    matchExpressions:
+                      - key: app
+                        operator: In
+                        values:
+                          - ${CI_PROJECT_PATH_SLUG}-app
+                  topologyKey: "kubernetes.io/hostname"
+                  namespaces: [$KUBE_NAMESPACE]
+          containers:
+            - name: ${CI_PROJECT_PATH_SLUG}-scheduled
+              image: $IMAGE_TAG
+              imagePullPolicy: IfNotPresent
+              command:
+                - "php"
+              args:
+                - "artisan"
+                - "schedule:run"
+              envFrom:
+                - configMapRef:
+                    name: ${CI_PROJECT_PATH_SLUG}-config-map
+              volumeMounts:
+                - name: storage
+                  mountPath: /app/srcs/storage
+          imagePullSecrets:
+            - name: docker-registry-credentials
+          volumes:
+            - name: storage
+              persistentVolumeClaim:
+                claimName: ${CI_PROJECT_PATH_SLUG}-pvc-storage
+          securityContext:
+            runAsUser: 33
+            runAsGroup: 33
+            fsGroup: 33
+            fsGroupChangePolicy: "OnRootMismatch"
+          restartPolicy: OnFailure

package.json

@@ -10,27 +10,24 @@
         "production": "mix --production"
     },
     "devDependencies": {
-        "axios": "^0.21",
+        "animate.css": "^4.1.1",
+        "axios": "^1.6.5",
         "bootstrap": "^5.1.3",
         "clean-webpack-plugin": "^3.0.0",
         "jquery": "^3.6",
         "laravel-mix": "^6.0.6",
         "laravel-mix-polyfill": "^3.0.1",
         "lodash": "^4.17.19",
+        "mini-css-extract-plugin": "^1.6.2",
         "popper.js": "^1.16.1",
         "postcss": "^8.1.14",
-        "resolve-url-loader": "^4.0.0",
+        "resolve-url-loader": "^5.0.0",
         "sass": "^1.32.11",
-        "sass-loader": "^11.0.1",
+        "sass-loader": "^12.6.0",
         "ui": "^0.2.4",
-        "vue-loader": "^15.9.8",
-        "vue-select": "^3.16.0",
-        "vue-template-compiler": "^2.6.14",
-        "webpack": "^5.64.4"
-    },
-    "dependencies": {
-        "animate.css": "^4.1.1",
-        "mini-css-extract-plugin": "^1.6.2",
-        "vue": "^2.6.14"
+        "vue": "^3.3.12",
+        "vue-loader": "^17.4.2",
+        "vue-select": "^4.0.0-beta.6",
+        "vue-template-compiler": "^2.7.16"
     }
 }

resources/js/components/backend/ProductsPictos.vue

@@ -31,8 +31,9 @@
 </template>
 
 <script>
+import { defineComponent } from "vue";
 
-export default {
+export default defineComponent({
     mounted() {
         this.pictos = JSON.parse(this.dbpictos);
         if (this.pictos.length === 0){
@@ -133,7 +134,7 @@ export default {
             this.updateCount();
         }
     }
-}
+});
 </script>
 
 <style>

resources/js/components/backend/RangesSubRanges.vue

@@ -22,7 +22,9 @@
 </template>
 
 <script>
-export default {
+import { defineComponent } from "vue";
+
+export default defineComponent({
     mounted() {
         this.range = JSON.parse(this.dbRange);
         this.range.label = this.range.name + ' - ' + this.range.type;
@@ -78,5 +80,5 @@ export default {
             }
         }
     }
-}
+});
 </script>

resources/js/vuejs.js

@@ -1,13 +1,23 @@
-window.Vue = require('vue').default;
+import Vue, { createApp } from "vue";
+import ProductsPictos from "./components/backend/ProductsPictos.vue";
 
-Vue.component('products-pictos', require('./components/backend/ProductsPictos.vue').default);
-Vue.component('ranges-sub-ranges', require('./components/backend/RangesSubRanges.vue').default);
+const setupApp = (app) => {
+    app.config.globalProperties.window = window;
+    app.config.globalProperties.document = document;
+};
 
 /**
  * Next, we will create a fresh Vue application instance and attach it to
  * the page. Then, you may begin adding components to this application
  * or customize the JavaScript scaffolding to fit your unique needs.
  */
-for (let el of document.getElementsByClassName('vueComponent')) {
-    new Vue({ el: el });
+for (let el of document.getElementsByClassName("products-pictos")) {
+    const app = createApp(ProductsPictos);
+    setupApp(app);
+    app.mount(el);
+}
+for (let el of document.getElementsByClassName("ranges-sub-ranges")) {
+    const app = createApp(RangesSubRanges);
+    setupApp(app);
+    app.mount(el);
 }

resources/sass/back.scss

@@ -2,4 +2,4 @@
 
 @import "layouts/backend/top_nav";
 
-@import "vue-select/src/scss/vue-select.scss";
+@import "vue-select/dist/vue-select.css";