Additional fix for script boilerplate

Author: nolanpro

resources/js/processes/scripts/components/ScriptEditor.vue

@@ -402,11 +402,10 @@
 </template>
 
 <script>
-import Vue from "vue";
 import MonacoEditor from "vue-monaco";
 import _ from "lodash";
 import TopMenu from "../../../components/Menu.vue";
-import "../customFilters";
+import { formatScriptBoilerplate } from "../customFilters";
 import autosaveMixins from "../../../modules/autosave/mixins";
 import AssetRedirectMixin from "../../../components/shared/AssetRedirectMixin";
 import AiTab from "./AiTab.vue";
@@ -885,28 +884,9 @@ export default {
     },
     loadBoilerplateTemplate() {
       if (this.script.code === "[]") {
-        switch (this.script.language) {
-          case "php":
-          case "php-nayra":
-            this.code = Vue.filter("php")(this.boilerPlateTemplate);
-            break;
-          case "lua":
-            this.code = Vue.filter("lua")(this.boilerPlateTemplate);
-            break;
-          case "javascript":
-            this.code = Vue.filter("javascript")(this.boilerPlateTemplate);
-            break;
-          case "csharp":
-            this.code = Vue.filter("csharp")(this.boilerPlateTemplate);
-            break;
-          case "java":
-            this.code = Vue.filter("java")(this.boilerPlateTemplate);
-            break;
-          case "python":
-            this.code = Vue.filter("python")(this.boilerPlateTemplate);
-            break;
-          default:
-            break;
+        const formatted = formatScriptBoilerplate(this.language, this.boilerPlateTemplate);
+        if (formatted !== this.boilerPlateTemplate) {
+          this.code = formatted;
         }
 
         // Save boilerplate template to avoid issues when script code is [].

resources/js/processes/scripts/customFilters.js

@@ -1,7 +1,4 @@
-import Vue from "vue";
-
-// PHP
-Vue.filter("php", (value) => {
+export function phpBoilerplate(value) {
   value = value.split("\r");
   let format = "";
   const content = [];
@@ -23,10 +20,9 @@ Vue.filter("php", (value) => {
   });
 
   return `${content.join("\n")}\n\n\ return [];`;
-});
+}
 
-// JAVASCRIPT
-Vue.filter("javascript", (value) => {
+export function javascriptBoilerplate(value) {
   value = value.split("\r");
   let format = "";
   const content = [];
@@ -48,10 +44,9 @@ Vue.filter("javascript", (value) => {
   });
 
   return `${content.join("\n")}\n\n\ return {};`;
-});
+}
 
-// LUA
-Vue.filter("lua", (value) => {
+export function luaBoilerplate(value) {
   value = value.split("\r");
   let format = "";
   const content = [];
@@ -73,10 +68,9 @@ Vue.filter("lua", (value) => {
   });
 
   return `${content.join("\n")}\n\n\ return {};`;
-});
+}
 
-// C#
-Vue.filter("csharp", (value) => {
+export function csharpBoilerplate(value) {
   value = value.split("\r");
   let format = "";
   const content = [];
@@ -98,10 +92,9 @@ Vue.filter("csharp", (value) => {
   });
 
   return `${content.join("\n")}\n\n\ return {};`;
-});
+}
 
-// JAVA
-Vue.filter("java", (value) => {
+export function javaBoilerplate(value) {
   value = value.split("\r");
   let format = "";
   const content = [];
@@ -123,16 +116,15 @@ Vue.filter("java", (value) => {
   });
 
   return `${content.join("\n")}\n\n\ return {};`;
-});
+}
 
-// Python
-Vue.filter("python", (value) => {
+export function pythonBoilerplate(value) {
   value = value.split("\r");
   let format = "";
   const content = [];
 
   value.shift();
-  value.forEach((line, i) => {
+  value.forEach((line) => {
     line = line.replace("{accessEnvVar}", "os.environ['ENV_VAR_NAME']");
     line = line.replace("{dataVariable}", "the data variable");
     line = line.replace("{configVariable}", "the config variable");
@@ -146,4 +138,19 @@ Vue.filter("python", (value) => {
   content.push("#  output = {\"name\": user.fullname}");
 
   return `${content.join("\n")}\n\noutput={};`;
-});
+}
+
+const boilerplateByLanguage = {
+  php: phpBoilerplate,
+  "php-nayra": phpBoilerplate,
+  javascript: javascriptBoilerplate,
+  lua: luaBoilerplate,
+  csharp: csharpBoilerplate,
+  java: javaBoilerplate,
+  python: pythonBoilerplate,
+};
+
+export function formatScriptBoilerplate(language, template) {
+  const formatter = boilerplateByLanguage[language];
+  return formatter ? formatter(template) : template;
+}

vite.config.js

@@ -342,8 +342,12 @@ export default defineConfig(({ mode }) => {
             dest: "../js/img",
             rename: { stripBase: 5 },
           },
-          // BPMN font symbols
-          { src: "node_modules/bpmn-font/dist", dest: "../css/bpmn-symbols" },
+          // BPMN font symbols — layout expects /css/bpmn-symbols/css/bpmn.css
+          {
+            src: "node_modules/bpmn-font/dist/**/*",
+            dest: "../css/bpmn-symbols",
+            rename: { stripBase: 3 },
+          },
           // Monaco Editor (mirrors webpack.mix.js lines 119-138)
           ...monacoTargets,
         ],
@@ -399,8 +403,7 @@ export default defineConfig(({ mode }) => {
             || id.includes("libraries/processesComponents")
             || id.includes("libraries/processesCatalogueComponents")
             || id.includes("libraries/scriptsComponents")
-            || id.includes("libraries/screensComponents")
-            || id.includes("processes/scripts/customFilters"),
+            || id.includes("libraries/screensComponents"),
         },
       },
     },