Flowfile 0.3.9__py3-none-any.whl → 0.5.1__py3-none-any.whl

flowfile/web/static/assets/{DatabaseReader-0b10551e.js → DatabaseReader-d38c7295.js}

@@ -1,12 +1,12 @@
-import { d as defineComponent, c as openBlock, e as createElementBlock, p as createBaseVNode, _ as _export_sfc, r as ref, n as onMounted, b as resolveComponent, f as createVNode, w as withCtx, F as Fragment, q as renderList, h as createBlock, u as unref, al as ElRadio, g as createTextVNode, t as toDisplayString, a5 as withDirectives, ag as vModelSelect, a6 as vModelText, i as createCommentVNode, a as axios, z as ElMessage, R as nextTick, a7 as Teleport } from "./index-683fc198.js";
-import { C as CodeLoader } from "./vue-content-loader.es-ba94b82f.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-dc5e3348.js";
-import { f as fetchDatabaseConnectionsInterfaces } from "./api-023d1733.js";
-import { D as DatabaseConnectionSettings } from "./DatabaseConnectionSettings-d5c625b3.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-def5879b.js";
-import { N as NodeButton, a as NodeTitle } from "./nodeTitle-a16db7c3.js";
-import "./secretApi-baceb6f9.js";
-import "./designer-6c322d8e.js";
+import { d as defineComponent, r as ref, n as onMounted, b as resolveComponent, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, p as createBaseVNode, F as Fragment, q as renderList, h as createBlock, g as createTextVNode, t as toDisplayString, u as unref, ap as ElRadio, a8 as withDirectives, ak as vModelSelect, a9 as vModelText, i as createCommentVNode, a as axios, z as ElMessage, _ as _export_sfc } from "./index-5429bbf8.js";
+import { C as CodeLoader } from "./vue-content-loader.es-2c8e608f.js";
+import { u as useNodeStore } from "./vue-codemirror.esm-41b0e0d7.js";
+import { f as fetchDatabaseConnectionsInterfaces } from "./api-cf1221f0.js";
+import DatabaseConnectionSettings from "./DatabaseConnectionSettings-6f3e4ea5.js";
+import SqlQueryComponent from "./SQLQueryComponent-df51adbe.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-4fe5f36b.js";
+import "./secretApi-68435402.js";
+import "./designer-9633482a.js";
 const createNodeDatabaseReader = (flowId, nodeId) => {
   const databaseSettings = {
     query_mode: "table",
@@ -35,41 +35,7 @@ const createNodeDatabaseReader = (flowId, nodeId) => {
   };
   return nodePolarsCode;
 };
-const _hoisted_1$2 = { class: "query-section" };
-const _hoisted_2$1 = { class: "form-group" };
-const _hoisted_3$1 = ["value"];
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "SQLQueryComponent",
-  props: {
-    modelValue: {}
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const onInput = (event) => {
-      const target = event.target;
-      emit("update:modelValue", target.value);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$2, [
-        _cache[0] || (_cache[0] = createBaseVNode("h4", { class: "section-subtitle" }, "SQL Query", -1)),
-        createBaseVNode("div", _hoisted_2$1, [
-          createBaseVNode("textarea", {
-            id: "query",
-            value: _ctx.modelValue,
-            class: "form-control textarea",
-            placeholder: "Enter SQL query",
-            rows: "4",
-            onInput
-          }, null, 40, _hoisted_3$1)
-        ])
-      ]);
-    };
-  }
-});
-const SQLQueryComponent_vue_vue_type_style_index_0_scoped_29602f2f_lang = "";
-const SqlQueryComponent = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-29602f2f"]]);
-const _hoisted_1$1 = {
+const _hoisted_1 = {
   key: 0,
   class: "db-container"
 };
@@ -101,7 +67,7 @@ const _hoisted_19 = {
   class: "success-box"
 };
 const _hoisted_20 = { class: "success-message" };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "DatabaseReader",
   props: {
     nodeId: {}
@@ -215,7 +181,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_el_radio_group = resolveComponent("el-radio-group");
-      return dataLoaded.value && nodeDatabaseReader.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+      return dataLoaded.value && nodeDatabaseReader.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(GenericNodeSettings, {
           modelValue: nodeDatabaseReader.value,
           "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => nodeDatabaseReader.value = $event)
@@ -354,73 +320,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 const DatabaseReader_vue_vue_type_style_index_0_scoped_ae4d7dc5_lang = "";
-const DatabaseReader = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-ae4d7dc5"]]);
-const _hoisted_1 = { ref: "el" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "DatabaseReader",
-  props: {
-    nodeId: {
-      type: Number,
-      required: true
-    }
-  },
-  setup(__props) {
-    const nodeStore = useNodeStore();
-    const childComp = ref(null);
-    const props = __props;
-    const drawer = ref(false);
-    const closeOnDrawer = () => {
-      var _a;
-      drawer.value = false;
-      (_a = childComp.value) == null ? void 0 : _a.pushNodeData();
-    };
-    const openDrawer = async () => {
-      if (nodeStore.node_id === props.nodeId) {
-        return;
-      }
-      nodeStore.closeDrawer();
-      drawer.value = true;
-      const drawerOpen = nodeStore.isDrawerOpen;
-      nodeStore.isDrawerOpen = true;
-      await nextTick();
-      if (nodeStore.node_id === props.nodeId && drawerOpen) {
-        return;
-      }
-      if (childComp.value) {
-        childComp.value.loadNodeData(props.nodeId);
-        nodeStore.openDrawer(closeOnDrawer);
-      }
-    };
-    onMounted(async () => {
-      await nextTick();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(NodeButton, {
-          ref: "nodeButton",
-          "node-id": __props.nodeId,
-          "image-src": "database_reader.svg",
-          title: `${__props.nodeId}: Database reader`,
-          onClick: openDrawer
-        }, null, 8, ["node-id", "title"]),
-        drawer.value ? (openBlock(), createBlock(Teleport, {
-          key: 0,
-          to: "#nodesettings"
-        }, [
-          createVNode(NodeTitle, {
-            title: "Read data from database",
-            intro: "Read data from database"
-          }),
-          createVNode(DatabaseReader, {
-            ref_key: "childComp",
-            ref: childComp,
-            "node-id": __props.nodeId
-          }, null, 8, ["node-id"])
-        ])) : createCommentVNode("", true)
-      ], 512);
-    };
-  }
-});
+const DatabaseReader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ae4d7dc5"]]);
 export {
-  _sfc_main as default
+  DatabaseReader as default
 };

flowfile/web/static/assets/{DatabaseWriter-c17c6916.js → DatabaseWriter-b04ef46a.js}

@@ -1,12 +1,11 @@
-import { d as defineComponent, r as ref, n as onMounted, b as resolveComponent, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, p as createBaseVNode, F as Fragment, q as renderList, h as createBlock, u as unref, al as ElRadio, g as createTextVNode, t as toDisplayString, a5 as withDirectives, ag as vModelSelect, a6 as vModelText, z as ElMessage, _ as _export_sfc, R as nextTick, a7 as Teleport, i as createCommentVNode } from "./index-683fc198.js";
-import { C as CodeLoader } from "./vue-content-loader.es-ba94b82f.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-dc5e3348.js";
-import { f as fetchDatabaseConnectionsInterfaces } from "./api-023d1733.js";
-import { D as DatabaseConnectionSettings } from "./DatabaseConnectionSettings-d5c625b3.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-def5879b.js";
-import { N as NodeButton, a as NodeTitle } from "./nodeTitle-a16db7c3.js";
-import "./secretApi-baceb6f9.js";
-import "./designer-6c322d8e.js";
+import { d as defineComponent, r as ref, n as onMounted, b as resolveComponent, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, p as createBaseVNode, F as Fragment, q as renderList, h as createBlock, g as createTextVNode, t as toDisplayString, u as unref, ap as ElRadio, a8 as withDirectives, ak as vModelSelect, a9 as vModelText, z as ElMessage, _ as _export_sfc } from "./index-5429bbf8.js";
+import { C as CodeLoader } from "./vue-content-loader.es-2c8e608f.js";
+import { u as useNodeStore } from "./vue-codemirror.esm-41b0e0d7.js";
+import { f as fetchDatabaseConnectionsInterfaces } from "./api-cf1221f0.js";
+import DatabaseConnectionSettings from "./DatabaseConnectionSettings-6f3e4ea5.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-4fe5f36b.js";
+import "./secretApi-68435402.js";
+import "./designer-9633482a.js";
 const createNodeDatabaseWriter = (flowId, nodeId) => {
   const databaseWriteSettings = {
     if_exists: "replace",
@@ -33,7 +32,7 @@ const createNodeDatabaseWriter = (flowId, nodeId) => {
   };
   return nodePolarsCode;
 };
-const _hoisted_1$1 = {
+const _hoisted_1 = {
   key: 0,
   class: "db-container"
 };
@@ -51,7 +50,7 @@ const _hoisted_12 = { class: "form-group half" };
 const _hoisted_13 = { class: "listbox-wrapper" };
 const _hoisted_14 = { class: "form-group" };
 const _hoisted_15 = ["value"];
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "DatabaseWriter",
   props: {
     nodeId: {}
@@ -115,7 +114,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_el_radio_group = resolveComponent("el-radio-group");
-      return dataLoaded.value && nodeData.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+      return dataLoaded.value && nodeData.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(GenericNodeSettings, {
           modelValue: nodeData.value,
           "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => nodeData.value = $event)
@@ -246,67 +245,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 const DatabaseWriter_vue_vue_type_style_index_0_scoped_90b52fee_lang = "";
-const DatabaseWriter = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-90b52fee"]]);
-const _hoisted_1 = { ref: "el" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "DatabaseWriter",
-  props: {
-    nodeId: {
-      type: Number,
-      required: true
-    }
-  },
-  setup(__props) {
-    const nodeStore = useNodeStore();
-    const childComp = ref(null);
-    const props = __props;
-    const drawer = ref(false);
-    const closeOnDrawer = () => {
-      var _a;
-      drawer.value = false;
-      (_a = childComp.value) == null ? void 0 : _a.pushNodeData();
-    };
-    const openDrawer = async () => {
-      nodeStore.closeDrawer();
-      drawer.value = true;
-      nodeStore.isDrawerOpen;
-      nodeStore.isDrawerOpen = true;
-      await nextTick();
-      if (childComp.value) {
-        childComp.value.loadNodeData(props.nodeId);
-        nodeStore.openDrawer(closeOnDrawer);
-      }
-    };
-    onMounted(async () => {
-      await nextTick();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(NodeButton, {
-          ref: "nodeButton",
-          "node-id": __props.nodeId,
-          "image-src": "database_writer.svg",
-          title: `${__props.nodeId}: Database writer`,
-          onClick: openDrawer
-        }, null, 8, ["node-id", "title"]),
-        drawer.value ? (openBlock(), createBlock(Teleport, {
-          key: 0,
-          to: "#nodesettings"
-        }, [
-          createVNode(NodeTitle, {
-            title: "Write data to database",
-            intro: "Write data to database"
-          }),
-          createVNode(DatabaseWriter, {
-            ref_key: "childComp",
-            ref: childComp,
-            "node-id": __props.nodeId
-          }, null, 8, ["node-id"])
-        ])) : createCommentVNode("", true)
-      ], 512);
-    };
-  }
-});
+const DatabaseWriter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-90b52fee"]]);
 export {
-  _sfc_main as default
+  DatabaseWriter as default
 };

flowfile/web/static/assets/{ExploreData-5bdae813.css → ExploreData-2d0cf4db.css}

@@ -1,25 +1,19 @@
 
-div[data-v-5af75af4] {
-  width: 100%;
-  min-height: 500px;
-  height: 100%;
-}
-
-.explore-data-container[data-v-669bd025] {
+.explore-data-container[data-v-1a3f5721] {
   height: 100%;
   display: flex;
   flex-direction: column;
 }
-.graphic-walker-wrapper[data-v-669bd025] {
+.graphic-walker-wrapper[data-v-1a3f5721] {
   flex-grow: 1; /* Allow wrapper to fill space */
   min-height: 300px; /* Ensure minimum size */
   overflow: hidden; /* Prevent content spillover if needed */
 }
 /* Ensure the child fills the wrapper if necessary */
-[data-v-669bd025] .graphic-walker-wrapper > div {
+[data-v-1a3f5721] .graphic-walker-wrapper > div {
   height: 100%;
 }
-.error-display[data-v-669bd025] {
+.error-display[data-v-1a3f5721] {
   padding: 1rem;
   color: #a94442; /* Dark red */
   border: 1px solid #ebccd1; /* Light red border */
@@ -27,19 +21,19 @@ div[data-v-5af75af4] {
   margin: 1rem;
   border-radius: 4px;
 }
-.empty-data-message[data-v-669bd025],
-.fallback-message[data-v-669bd025] {
+.empty-data-message[data-v-1a3f5721],
+.fallback-message[data-v-1a3f5721] {
   padding: 1rem;
   text-align: center;
   color: #777; /* Grey */
 }
 /* Add styles for the button if needed */
-button[data-v-669bd025] {
+button[data-v-1a3f5721] {
   margin: 0.5rem 1rem;
   padding: 0.5rem 1rem;
   cursor: pointer;
 }
-button[data-v-669bd025]:disabled {
+button[data-v-1a3f5721]:disabled {
   cursor: not-allowed;
   opacity: 0.6;
 }

flowfile/web/static/assets/ExploreData-5fa10ed8.js

@@ -0,0 +1,192 @@
+import { C as CodeLoader } from "./vue-content-loader.es-2c8e608f.js";
+import VueGraphicWalker from "./VueGraphicWalker-e51b9924.js";
+import { a as axios, d as defineComponent, r as ref, l as computed, c as openBlock, e as createElementBlock, h as createBlock, u as unref, p as createBaseVNode, t as toDisplayString, _ as _export_sfc } from "./index-5429bbf8.js";
+import { u as useNodeStore } from "./vue-codemirror.esm-41b0e0d7.js";
+import { u as useItemStore } from "./designer-9633482a.js";
+const fetchGraphicWalkerData = async (flowId, nodeId) => {
+  var _a, _b;
+  console.log(`[GraphicWalker] Fetching data for flow ${flowId}, node ${nodeId}`);
+  try {
+    const response = await axios.get("/analysis_data/graphic_walker_input", {
+      params: { flow_id: flowId, node_id: nodeId },
+      headers: { Accept: "application/json" },
+      timeout: 3e4
+      // Add timeout
+    });
+    if (!response.data || !response.data.graphic_walker_input) {
+      throw new Error("Invalid response data structure");
+    }
+    console.log(
+      `[GraphicWalker] Data fetched successfully with ${((_b = (_a = response.data.graphic_walker_input.dataModel) == null ? void 0 : _a.data) == null ? void 0 : _b.length) || 0} rows`
+    );
+    return response.data;
+  } catch (error) {
+    if (error.response) {
+      console.error(`[GraphicWalker] Server error ${error.response.status}:`, error.response.data);
+    } else if (error.request) {
+      console.error("[GraphicWalker] No response received:", error.request);
+    } else {
+      console.error("[GraphicWalker] Request error:", error.message);
+    }
+    throw error;
+  }
+};
+const _hoisted_1 = { class: "explore-data-container" };
+const _hoisted_2 = {
+  key: 1,
+  class: "error-display"
+};
+const _hoisted_3 = {
+  key: 2,
+  class: "graphic-walker-wrapper"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "empty-data-message"
+};
+const _hoisted_5 = {
+  key: 3,
+  class: "fallback-message"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ExploreData",
+  setup(__props, { expose: __expose }) {
+    const isLoading = ref(false);
+    const nodeData = ref(null);
+    const chartList = ref([]);
+    const data = ref([]);
+    const fields = ref([]);
+    const errorMessage = ref(null);
+    const nodeStore = useNodeStore();
+    const globalNodeId = ref(-1);
+    const windowStore = useItemStore();
+    const vueGraphicWalkerRef = ref(null);
+    const canDisplayVisualization = computed(() => !isLoading.value && !errorMessage.value);
+    const loadNodeData = async (nodeId) => {
+      var _a, _b;
+      isLoading.value = true;
+      errorMessage.value = null;
+      globalNodeId.value = nodeId;
+      nodeData.value = null;
+      data.value = [];
+      fields.value = [];
+      chartList.value = [];
+      windowStore.setFullScreen("nodeSettings", true);
+      try {
+        const fetchedNodeData = await fetchGraphicWalkerData(nodeStore.flow_id, nodeId);
+        if (!(fetchedNodeData == null ? void 0 : fetchedNodeData.graphic_walker_input))
+          throw new Error("Received invalid data structure from backend.");
+        nodeData.value = fetchedNodeData;
+        const inputData = fetchedNodeData.graphic_walker_input;
+        fields.value = ((_a = inputData.dataModel) == null ? void 0 : _a.fields) || [];
+        data.value = ((_b = inputData.dataModel) == null ? void 0 : _b.data) || [];
+        chartList.value = inputData.specList || [];
+      } catch (error) {
+        console.error("Error loading GraphicWalker data:", error);
+        if (error.response && error.response.status === 422) {
+          errorMessage.value = "The analysis flow has not been run yet.";
+        } else if (error instanceof Error) {
+          errorMessage.value = `Failed to load data: ${error.message}`;
+        } else {
+          errorMessage.value = "An unknown error occurred while loading data.";
+        }
+      } finally {
+        isLoading.value = false;
+      }
+    };
+    const getCurrentSpec = async () => {
+      if (!vueGraphicWalkerRef.value) {
+        console.error("Cannot get spec: GraphicWalker component reference is missing.");
+        errorMessage.value = "Cannot get spec: Component reference missing.";
+        return null;
+      }
+      try {
+        const exportedCharts = await vueGraphicWalkerRef.value.exportCode();
+        if (exportedCharts === null) {
+          console.error("Failed to export chart specification (method returned null or failed).");
+          errorMessage.value = "Failed to retrieve current chart configuration.";
+          return null;
+        }
+        if (exportedCharts.length === 0) {
+          console.log("No charts were exported from Graphic Walker.");
+          return [];
+        }
+        return exportedCharts;
+      } catch (error) {
+        console.error("Error calling getCurrentSpec or processing result:", error);
+        errorMessage.value = `Failed to process configuration: ${error.message || "Unknown error"}`;
+        return null;
+      }
+    };
+    const saveSpecToNodeStore = async (specsToSave) => {
+      if (!nodeData.value) {
+        console.error("Cannot save: Original node data context is missing.");
+        errorMessage.value = "Cannot save: Missing original node data.";
+        return false;
+      }
+      try {
+        const saveData = {
+          ...nodeData.value,
+          graphic_walker_input: {
+            ...nodeData.value.graphic_walker_input,
+            specList: specsToSave,
+            dataModel: { data: [], fields: [] }
+          }
+        };
+        await nodeStore.updateSettingsDirectly(saveData);
+        console.log("Node settings updated successfully.");
+        return true;
+      } catch (error) {
+        console.error("Error saving spec to node store:", error);
+        errorMessage.value = `Failed to save configuration: ${error.message || "Unknown error"}`;
+        return false;
+      }
+    };
+    const pushNodeData = async () => {
+      errorMessage.value = null;
+      windowStore.setFullScreen("nodeSettings", false);
+      const currentSpec = await getCurrentSpec();
+      if (currentSpec === null) {
+        console.log("Spec retrieval failed, skipping save.");
+        return;
+      }
+      if (currentSpec.length === 0) {
+        console.log("No chart configurations exported, skipping save.");
+        return;
+      }
+      const saveSuccess = await saveSpecToNodeStore(currentSpec);
+      if (saveSuccess) {
+        console.log("Save process completed successfully.");
+      } else {
+        console.log("Save process failed.");
+      }
+    };
+    __expose({
+      loadNodeData,
+      pushNodeData
+      // Expose the main save action
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        isLoading.value ? (openBlock(), createBlock(unref(CodeLoader), { key: 0 })) : errorMessage.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createBaseVNode("p", null, "⚠️ Error: " + toDisplayString(errorMessage.value), 1)
+        ])) : canDisplayVisualization.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          data.value.length > 0 && fields.value.length > 0 ? (openBlock(), createBlock(VueGraphicWalker, {
+            key: 0,
+            ref_key: "vueGraphicWalkerRef",
+            ref: vueGraphicWalkerRef,
+            appearance: "light",
+            data: data.value,
+            fields: fields.value,
+            "spec-list": chartList.value
+          }, null, 8, ["data", "fields", "spec-list"])) : (openBlock(), createElementBlock("div", _hoisted_4, " Data loaded, but the dataset appears to be empty or lacks defined fields. "))
+        ])) : (openBlock(), createElementBlock("div", _hoisted_5, "Please load data for the node."))
+      ]);
+    };
+  }
+});
+const ExploreData_vue_vue_type_style_index_0_scoped_1a3f5721_lang = "";
+const ExploreData = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1a3f5721"]]);
+export {
+  ExploreData as default
+};

flowfile/web/static/assets/{ExternalSource-3a66556c.js → ExternalSource-d39af878.js}

@@ -1,9 +1,8 @@
-import { C as CodeLoader } from "./vue-content-loader.es-ba94b82f.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-dc5e3348.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-def5879b.js";
-import { d as defineComponent, r as ref, a3 as watchEffect, b as resolveComponent, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, p as createBaseVNode, F as Fragment, q as renderList, i as createCommentVNode, h as createBlock, u as unref, _ as _export_sfc, n as onMounted, R as nextTick, a7 as Teleport } from "./index-683fc198.js";
-import { N as NodeButton, a as NodeTitle } from "./nodeTitle-a16db7c3.js";
-import "./designer-6c322d8e.js";
+import { C as CodeLoader } from "./vue-content-loader.es-2c8e608f.js";
+import { u as useNodeStore } from "./vue-codemirror.esm-41b0e0d7.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-4fe5f36b.js";
+import { d as defineComponent, r as ref, a3 as watchEffect, b as resolveComponent, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, p as createBaseVNode, F as Fragment, q as renderList, i as createCommentVNode, h as createBlock, u as unref, _ as _export_sfc } from "./index-5429bbf8.js";
+import "./designer-9633482a.js";
 function get_template_source_type(type, options) {
   switch (type) {
     case "SAMPLE_USERS":
@@ -31,7 +30,7 @@ const _hoisted_3 = {
   key: 0,
   class: "file-upload-wrapper"
 };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ExternalSource",
   setup(__props, { expose: __expose }) {
     const nodeStore = useNodeStore();
@@ -136,77 +135,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 const ExternalSource_vue_vue_type_style_index_0_scoped_62f1d8e0_lang = "";
-const externalSource = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-62f1d8e0"]]);
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ExternalSource",
-  props: {
-    nodeId: {
-      type: Number,
-      required: true
-    }
-  },
-  setup(__props) {
-    const nodeStore = useNodeStore();
-    const childComp = ref(null);
-    const props = __props;
-    const el = ref(null);
-    const drawer = ref(false);
-    const closeOnDrawer = () => {
-      var _a;
-      (_a = childComp.value) == null ? void 0 : _a.pushNodeData();
-      drawer.value = false;
-      nodeStore.isDrawerOpen = false;
-    };
-    const openDrawer = async () => {
-      if (nodeStore.node_id === props.nodeId) {
-        return;
-      }
-      nodeStore.closeDrawer();
-      drawer.value = true;
-      const drawerOpen = nodeStore.isDrawerOpen;
-      nodeStore.isDrawerOpen = true;
-      await nextTick();
-      if (nodeStore.node_id === props.nodeId && drawerOpen) {
-        return;
-      }
-      if (childComp.value) {
-        childComp.value.loadNodeData(props.nodeId);
-        nodeStore.openDrawer(closeOnDrawer);
-      }
-    };
-    onMounted(async () => {
-      await nextTick();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "el",
-        ref: el
-      }, [
-        createVNode(NodeButton, {
-          ref: "nodeButton",
-          "node-id": __props.nodeId,
-          "image-src": "external_source.png",
-          title: `${__props.nodeId}: External source`,
-          onClick: openDrawer
-        }, null, 8, ["node-id", "title"]),
-        drawer.value ? (openBlock(), createBlock(Teleport, {
-          key: 0,
-          to: "#nodesettings"
-        }, [
-          createVNode(NodeTitle, {
-            title: "External source",
-            intro: "Import data from an external source"
-          }),
-          createVNode(externalSource, {
-            ref_key: "childComp",
-            ref: childComp,
-            "node-id": __props.nodeId
-          }, null, 8, ["node-id"])
-        ])) : createCommentVNode("", true)
-      ], 512);
-    };
-  }
-});
+const ExternalSource = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-62f1d8e0"]]);
 export {
-  _sfc_main as default
+  ExternalSource as default
 };