ProcessMaker · josechirivella · Mar 27, 2023 · Apr 20, 2023 · Apr 21, 2023 · Apr 27, 2023
diff --git a/.github/workflows/deploy-package.yml b/.github/workflows/deploy-package.yml
@@ -2,9 +2,9 @@ name: Build Package Modeler
 on:
   pull_request:
     types: [opened, reopened, synchronize, edited, closed]
-  workflow_dispatch:  
+  workflow_dispatch:
 jobs:
   run_deploy:
     name: Run Build PM4-workflow
-    uses: processmaker/processmaker/.github/workflows/deploy-pm4.yml@develop
+    uses: processmaker/processmaker/.github/workflows/deploy-pm4.yml@vite-js-repos
     secrets: inherit
diff --git a/README.md b/README.md
@@ -4,20 +4,21 @@
 
 `@processmaker/modeler` is a Vue.js based BPMN modeler scaffolded using [Vue CLI 3](https://cli.vuejs.org/).
 
-- [Project setup](#project-setup)
-- [Testing](#testing)
-- [Architecture](#architecture)
-  - [Global event bus](#global-event-bus)
-    - [`modeler-init`](#modeler-init)
-    - [`modeler-start`](#modeler-start)
-    - [`modeler-validate`](#modeler-validate)
-    - [`modeler-change`](#modeler-change)
-  - [Undo/redo store](#undoredo-store)
-  - [Validation](#validation)
-    - [Adding a new lint rule](#adding-a-new-lint-rule)
-    - [Adding validation rules during runtime](#adding-validation-rules-during-runtime)
-- [Examples](#examples)
-  - [Adding a new component](#adding-a-new-component)
+- [ProcessMaker BPMN modeler](#processmaker-bpmn-modeler)
+  - [Project setup](#project-setup)
+  - [Testing](#testing)
+  - [Architecture](#architecture)
+    - [Global event bus](#global-event-bus)
+      - [`modeler-init`](#modeler-init)
+      - [`modeler-start`](#modeler-start)
+      - [`modeler-validate`](#modeler-validate)
+      - [`modeler-change`](#modeler-change)
+    - [Undo/redo store](#undoredo-store)
+    - [Validation](#validation)
+      - [Adding a new lint rule](#adding-a-new-lint-rule)
+      - [Adding validation rules during runtime](#adding-validation-rules-during-runtime)
+  - [Examples](#examples)
+    - [Adding a new component](#adding-a-new-component)
 
 ## Project setup
 
@@ -50,7 +51,7 @@ docker compose up
 
 ## Testing
 
-Unit tests are set up using jest and end-to-end tests are set up using Cypress. Unit and end-to-end tests can be run separately or together. Code coverage is collected for both types of tests and combined into a single coverage report for the entire project. 
+Unit tests are set up using jest and end-to-end tests are set up using Cypress. Unit and end-to-end tests can be run separately or together. Code coverage is collected for both types of tests and combined into a single coverage report for the entire project.
 
 Tests can be run locally with the following commands:
 
@@ -208,6 +209,7 @@ First, create your component config, and save it in a `.js` file:
 
 ```javascript
 // CustomComponentConfig.js
+import icon from '@/assets/toolpanel/scriptTask.svg';
 
 export default {
   // A unique ID that will be used to identify your component
@@ -227,7 +229,7 @@ export default {
   category: 'BPMN',
 
   // The icon representing the component in the controls panel
-  icon: require('@/assets/toolpanel/scriptTask.svg'),
+  icon,
 
   // The label for the component in the controls panel
   label: 'Script Task',
@@ -257,7 +259,7 @@ export default {
     {
       name: 'CustomComponent',
       items: [
-        // Each item corresponds to a form element. 
+        // Each item corresponds to a form element.
         {
           // Component can be a custom Vue component or a reference to a form component from @processmaker/vue-form-elements
           component: 'FormText',

diff --git a/index.html b/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <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="/public/favicon.ico">
+  <title>modeler</title>
+</head>
+<body>
+<noscript>
+  <strong>We're sorry but modeler doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+</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
@@ -10,7 +10,6 @@ module.exports = {
     '^.+\\.vue$': 'vue-jest',
     '.+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$': 'jest-transform-stub',
     '^.+\\.jsx?$': 'babel-jest',
-    '\\.svg$': '<rootDir>/fileTransformer.js',
     '\\.yml$': '<rootDir>/fileTransformer.js',
   },
 
@@ -19,6 +18,7 @@ module.exports = {
   ],
 
   moduleNameMapper: {
+    '.+\\.(svg)(\\?url)?$': '<rootDir>/tests/unit/svgMock.vue',
     '^@/(.*)$': '<rootDir>/src/$1',
     '^js-yaml-loader\\!@fortawesome/(.*)\\.yml$': '<rootDir>/node_modules/@fortawesome/$1.yml',
   },
@@ -39,5 +39,5 @@ module.exports = {
   collectCoverage: true,
   coverageDirectory: 'jest-coverage',
   testEnvironment: 'jsdom',
-  preset: '@vue/cli-plugin-unit-jest',
+  // preset: '@vue/cli-plugin-unit-jest',
 };