add streaming logs to logs header & add log exporting

add prevent editing nodes if pipeline running

TODO

@@ -56,10 +56,14 @@ Active cancel button to not be locked out
 Simple mode: also allow to pick variables & such
 QuickJS: memory leak, open close action
 Add own timers for electorn export & such
-si tu appuies sur New Project, puis que tu selectionne direct le dropdown pour choisir Local/Cloud, ça ferme le popup et c'est impossible de rappuyer sur New Project
 C3 Preview ne fonctionne pas
 Steam achievement test c3 example
 Filesystem plugin: overwrite parameter + better sentences/descriptions
 
 Convert dektop app to web app + node backend
 Communication via rest api (for now) or websocket
+
+vérifier que le fichier custom main existe sinon ca lance une erreur
+https://playwright.dev/docs/browsers#opt-in-to-new-headless-mode
+Docs sur Electron
+Docs sur les logs

components.d.ts

@@ -31,4 +31,7 @@ declare module 'vue' {
     Skeleton: typeof import('primevue/skeleton')['default']
     Toast: typeof import('primevue/toast')['default']
   }
+  export interface ComponentCustomProperties {
+    Tooltip: typeof import('primevue/tooltip')['default']
+  }
 }

package.json

@@ -98,6 +98,7 @@
     "semver": "7.6.3",
     "set-value": "4.1.0",
     "slash": "5.1.0",
+    "string-strip-html": "13.4.8",
     "thememirror": "2.0.1",
     "tinykeys": "2.1.0",
     "ts-deepmerge": "7.0.1",

src/renderer/components/AddNodeButton.vue

@@ -1,11 +1,17 @@
 <template>
   <div class="add-button-wrapper">
     <div class="vl"></div>
-    <Button v-bind="buttonProps" class="add-btn" size="small" @click="addNode"></Button>
+    <Button
+      :disabled="isRunning"
+      v-bind="buttonProps"
+      class="add-btn"
+      size="small"
+      @click="addNode"
+    ></Button>
     <!-- <pre>{{ path }}</pre> -->
     <div class="vl"></div>
 
-    <Dialog :closable="false" v-model:visible="visible" modal header="" :style="{ width: '75%' }">
+    <Dialog v-model:visible="visible" :closable="false" modal header="" :style="{ width: '75%' }">
       <template #header>
         <div class="flex flex-column w-full">
           <p class="text-xl">Add plugin</p>
@@ -43,8 +49,8 @@
                 v-for="node in plugin.nodes"
                 :key="node.node.id"
                 class="flex node-item"
-                @click="selected = { nodeId: node.node.id, pluginId: plugin.id }"
                 :disabled="node.disabled"
+                @click="selected = { nodeId: node.node.id, pluginId: plugin.id }"
               >
                 <a
                   class="element flex align-items-center p-3 border-round w-full transition-colors transition-duration-150 cursor-pointer"
@@ -57,7 +63,11 @@
                   <span class="flex flex-column">
                     <span class="font-bold mb-1"> {{ node.node.name }}</span>
                     <span class="m-0 text-secondary"> {{ node.node.description }}</span>
-                    <span class="m-0 text-secondary font-bold" v-if="typeof node.disabled === 'string'">{{ node.disabled }}</span>
+                    <span
+                      v-if="typeof node.disabled === 'string'"
+                      class="m-0 text-secondary font-bold"
+                      >{{ node.disabled }}</span
+                    >
                   </span>
                 </a>
               </li>
@@ -104,10 +114,15 @@ const props = defineProps({
   path: {
     type: Array as PropType<string[]>,
     required: true
+  },
+  isRunning: {
+    type: Boolean,
+    required: false,
+    default: false
   }
 })
 
-const { path } = toRefs(props)
+const { path, isRunning } = toRefs(props)
 
 const instance = useEditor()
 const appStore = useAppStore()
@@ -131,7 +146,9 @@ watchEffect(() => {
 const selected = ref<{ nodeId: string; pluginId: string }>()
 
 const addNode = () => {
-  visible.value = true
+  if (!isRunning.value) {
+    visible.value = true
+  }
 }
 
 const editor = useEditor()

src/renderer/components/nodes/EditorNodeAction.vue

@@ -6,9 +6,9 @@
       :class="{
         active: activeNode?.uid === value.uid,
         error: Object.keys(errors).length > 0,
-        disabled: value.disabled
+        disabled: value.disabled || isRunning
       }"
-      @click="showSidebar = true"
+      @click="onNodeClick"
     >
       <!-- <div class="hover-overlay">
         <div class="hover-overlay-content">
@@ -105,8 +105,8 @@
                 :value="value"
                 :steps="steps"
                 :variables="variables"
-                @update:model-value="onValueChanged($event, key.toString())"
                 :vm="vm"
+                @update:model-value="onValueChanged($event, key.toString())"
               ></ParamEditor>
             </div>
           </div>
@@ -128,6 +128,7 @@
       :button-props="{ size: 'small', icon: 'pi pi-plus' }"
       class="add-btn"
       :path="path"
+      :is-running="isRunning"
       @add-node="addNode"
     >
     </AddNodeButton>
@@ -173,11 +174,16 @@ const props = defineProps({
     type: Object as PropType<Record<string, ValidationError[]>>,
     required: false,
     default: () => ({})
+  },
+  isRunning: {
+    type: Boolean,
+    required: false,
+    default: false
   }
 })
 
 const menu = ref()
-const { value, steps, index } = toRefs(props)
+const { value, steps, index, isRunning } = toRefs(props)
 
 /*
 <div class="left">
@@ -292,7 +298,9 @@ const items = computed<MenuItem[]>(() => [
 ])
 
 const toggle = (event: MouseEvent) => {
-  menu.value.toggle(event)
+  if (!isRunning.value) {
+    menu.value.toggle(event)
+  }
 }
 
 const $node = ref<HTMLDivElement>()
@@ -401,6 +409,12 @@ watchDebounced(
 
 const showSidebar = ref(false)
 
+const onNodeClick = () => {
+  if (!isRunning.value) {
+    showSidebar.value = true
+  }
+}
+
 const hasErrored = computed(() => {
   return false
 })