@kestra-io/ui-libs 0.0.68 → 0.0.70

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kestra-io/ui-libs",
-  "version": "0.0.68",
+  "version": "0.0.70",
   "type": "module",
   "files": [
     "src",
@@ -17,34 +17,34 @@
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path ./.gitignore"
   },
   "peerDependencies": {
-    "@vue-flow/background": "^1.3.0",
+    "@vue-flow/background": "^1.3.2",
     "@vue-flow/controls": "^1.1.1",
-    "@vue-flow/core": "^1.41.1",
+    "@vue-flow/core": "^1.41.5",
     "bootstrap": "^5.3.3",
     "dagre": "^0.8.5",
     "humanize-duration": "^3.31.0",
     "js-yaml": "^4.1.0",
     "lodash": "^4.17.21",
     "moment": "^2.30.1",
-    "vue": "^3.5.5",
-    "vue-material-design-icons": "^5.3.0",
+    "vue": "^3.5.13",
+    "vue-material-design-icons": "^5.3.1",
     "vuex": "^4.1.0",
-    "yaml": "^2.5.1"
+    "yaml": "^2.6.1"
   },
   "devDependencies": {
-    "@esbuild/linux-x64": "^0.23.1",
-    "@typescript-eslint/parser": "^8.5.0",
-    "@vitejs/plugin-vue": "^5.1.3",
+    "@esbuild/linux-x64": "^0.24.0",
+    "@typescript-eslint/parser": "^8.15.0",
+    "@vitejs/plugin-vue": "^5.2.0",
     "eslint": "^8.57.0",
-    "eslint-plugin-vue": "^9.28.0",
-    "sass": "^1.78.0",
-    "vite": "^5.4.5",
-    "vite-plugin-static-copy": "^1.0.6"
+    "eslint-plugin-vue": "^9.31.0",
+    "sass": "^1.81.0",
+    "vite": "^5.4.11",
+    "vite-plugin-static-copy": "^2.1.0"
   },
   "dependencies": {
-    "@nuxtjs/mdc": "^0.9.0",
+    "@nuxtjs/mdc": "^0.9.5",
     "@popperjs/core": "^2.11.8",
-    "mermaid": "^11.2.1",
-    "shiki": "^1.17.6"
+    "mermaid": "^11.4.0",
+    "shiki": "^1.23.1"
   }
 }

package/src/components/nodes/TaskNode.vue

@@ -17,6 +17,16 @@
             <execution-informations v-if="taskExecution" :execution="taskExecution" :task="data.node.task" :color="color" :uid="data.node.uid" />
         </template>
         <template #badge-button-before>
+            <span
+                v-if="data.node.task.runIf"
+                class="circle-button"
+                :class="[`bg-warning`]"
+                @click="$emit(EVENTS.SHOW_CONDITION, {id: taskId, task: data.node.task, section: SECTIONS.TASKS})"
+            >
+                <tooltip :title="Utils.translate('show task condition')">
+                    <SendLock class="button-icon" alt="Show condition" />
+                </tooltip>
+            </span>
             <span
                 v-if="taskExecution"
                 class="circle-button"
@@ -73,6 +83,7 @@
     import Delete from "vue-material-design-icons/Delete.vue";
     import TextBoxSearch from "vue-material-design-icons/TextBoxSearch.vue";
     import AlertOutline from "vue-material-design-icons/AlertOutline.vue"
+    import SendLock from "vue-material-design-icons/SendLock.vue"
     import {mapGetters, mapState} from "vuex";
     import Tooltip from "../misc/Tooltip.vue"
     import Utils from "../../utils/Utils.js";
@@ -86,7 +97,8 @@
             Handle,
             TextBoxSearch,
             AlertOutline,
-            Tooltip
+            Tooltip,
+            SendLock
         },
         inheritAttrs: false,
         computed: {
@@ -190,7 +202,8 @@
             EVENTS.ADD_ERROR,
             EVENTS.EDIT,
             EVENTS.DELETE,
-            EVENTS.ADD_TASK
+            EVENTS.ADD_TASK,
+            EVENTS.SHOW_CONDITION
         ],
         props: {
             data: {

package/src/components/topology/Topology.vue

@@ -90,7 +90,8 @@
             "loading",
             "swapped-task",
             "message",
-            "expand-subflow"
+            "expand-subflow",
+            EVENTS.SHOW_CONDITION
         ]
     )
 
@@ -339,6 +340,7 @@
                 @open-link="forwardEvent(EVENTS.OPEN_LINK, $event)"
                 @show-logs="forwardEvent(EVENTS.SHOW_LOGS, $event)"
                 @show-description="forwardEvent(EVENTS.SHOW_DESCRIPTION, $event)"
+                @show-condition="forwardEvent(EVENTS.SHOW_CONDITION, $event)"
                 @mouseover="onMouseOver($event)"
                 @mouseleave="onMouseLeave()"
                 @add-error="forwardEvent('on-add-flowable-error', $event)"

package/src/utils/YamlUtils.js

@@ -164,7 +164,7 @@ export default class YamlUtils {
     static extractAllTypes(source) {
         const yamlDoc = yaml.parseDocument(source);
         const types = [];
-        if (yamlDoc.contents && yamlDoc.contents.items && yamlDoc.contents.items.find(e => ["tasks", "triggers", "errors"].includes(e.key.value))) {
+        if (yamlDoc.contents && yamlDoc.contents.items && yamlDoc.contents.items.find(e => ["tasks", "triggers", "errors", "layout"].includes(e.key.value))) {
             yaml.visit(yamlDoc, {
                 Map(_, map) {
                     if (map.items) {
@@ -182,8 +182,9 @@ export default class YamlUtils {
     }
 
     static getTaskType(source, position) {
+        console.log("entering getTaskType...")
         const types = this.extractAllTypes(source)
-
+        console.log("types", types)
         const lineCounter = new LineCounter();
         yaml.parseDocument(source, {lineCounter});
         const cursorIndex = lineCounter.lineStarts[position.lineNumber - 1] + position.column;

package/src/utils/constants.js

@@ -16,6 +16,7 @@ export const EVENTS = {
     "MOUSE_LEAVE": "mouseleave",
     "ADD_ERROR": "addError",
     "EXPAND_DEPENDENCIES": "expandDependencies",
+    "SHOW_CONDITION": "showCondition",
 }
 
 export const CLUSTER_PREFIX = "cluster_";