ProcessMaker · josechirivella · Feb 26, 2024 · Mar 4, 2024 · Mar 5, 2024 · Mar 6, 2024
diff --git a/.eslintignore b/.eslintignore
@@ -0,0 +1,8 @@
+node_modules/
+dist/
+husky/
+cypress/
+cypress-coverage/
+jest-coverage
+public/
+test_summary_reports/
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -47,8 +47,8 @@ jobs:
         uses: cypress-io/github-action@v6
         with:
           install: true
-          start: npm run serve
-          wait-on: http://localhost:8080/
+          start: npm run dev
+          wait-on: http://localhost:5173/
           config-file: cypress.config.js
           spec: "tests/e2e/specs/**/*"
           record: true

diff --git a/checkForOnly.sh → .husky/checkForOnly.sh b/checkForOnly.sh → .husky/checkForOnly.sh
diff --git a/.husky/pre-commit b/.husky/pre-commit
@@ -0,0 +1,33 @@
+#!/bin/sh
+
+# =================================================================
+# Check that we never commit a .only on a test
+# Also check that we never pass a --spec directive in package.json
+# =================================================================
+
+stagedFiles=$(git status --porcelain | grep '^M' | awk '{print $2}')
+
+for file in $stagedFiles; do
+  if [[ $file == "checkForOnly.sh" ]]; then
+    continue
+  fi
+
+  if [[ $file == "package.json" ]]; then
+    specDirectiveCount=$(grep "\-\-spec" package.json | wc -l)
+    if [[ $specDirectiveCount -gt 0 ]]; then
+      echo "package.json contains a spec directive."
+      exit 255
+    else
+      echo "package.json is OK"
+    fi
+  fi
+
+  numberOfOnlys=$(grep "\.only" $file | wc -l)
+  if [[ $numberOfOnlys -gt 0 ]]; then
+    echo "$file contains .only(s)"
+    grep -n "\.only" $file --color=auto
+    exit 255
+  fi
+done
+
+echo "No staged files contain .only"
diff --git a/.husky/pre-push b/.husky/pre-push
@@ -0,0 +1 @@
+npm run lint
diff --git a/Dockerfile b/Dockerfile
@@ -1,4 +1,4 @@
-FROM node:16-alpine
+FROM node:20-alpine
 
 RUN apk add python3 make g++\
     && rm -rf /var/cache/apk/*
@@ -11,4 +11,4 @@ RUN npm install
 
 COPY . .
 
-EXPOSE 8080
+EXPOSE 5173
diff --git a/babel.config.js b/babel.config.js
@@ -1,6 +1,6 @@
 module.exports = {
   presets: [
-    '@vue/cli-plugin-babel/preset',
+    '@babel/preset-env',
   ],
   plugins: ['istanbul'],
   sourceType: 'unambiguous',

diff --git a/cypress.config.js b/cypress.config.js
@@ -15,15 +15,15 @@ module.exports = defineConfig({
     setupNodeEvents(on, config) {
       return require('./tests/e2e/plugins/index.js')(on, config);
     },
-    baseUrl: 'http://localhost:8080',
+    baseUrl: 'http://localhost:5173',
     specPattern: 'tests/e2e/specs/**/*.cy.{js,jsx,ts,tsx}',
     supportFile: 'tests/e2e/support/index.js',
   },
 
   component: {
     devServer: {
-      framework: 'vue-cli',
-      bundler: 'webpack',
+      framework: 'vue',
+      bundler: 'vite',
     },
   },
 });
diff --git a/docker-compose.yml b/docker-compose.yml
@@ -5,7 +5,7 @@ services:
     build:
       dockerfile: Dockerfile
     ports:
-      - "8080:8080"
+      - "5173:5173"
     volumes:
       - .:/app
       - /app/node_modules

diff --git a/public/favicon.ico → favicon.ico b/public/favicon.ico → favicon.ico
diff --git a/public/index.html → index.html b/public/index.html → index.html
@@ -4,7 +4,7 @@
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width,initial-scale=1.0">
-  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+  <link rel="icon" href="favicon.ico">
   <title>modeler</title>
 </head>
 <body>
@@ -13,5 +13,6 @@
 </noscript>
 <div id="modeler-app"></div>
 <!-- built files will be auto injected -->
+<script src="src/main.js" type="module"></script>
 </body>
 </html>
diff --git a/jest.config.js b/jest.config.js
@@ -38,5 +38,4 @@ module.exports = {
   collectCoverage: false,
   coverageDirectory: 'jest-coverage',
   testEnvironment: 'jsdom',
-  preset: '@vue/cli-plugin-unit-jest',
 };