Flowfile 0.3.0__py3-none-any.whl → 0.3.0.2__py3-none-any.whl

flowfile/web/static/assets/ExternalSource-17b23a01.js

@@ -0,0 +1,225 @@
+import { C as CodeLoader } from "./vue-content-loader.es-6b36f05e.js";
+import { u as useNodeStore } from "./PopOver-b37ff9be.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-65587f20.js";
+import { d as defineComponent, r as ref, a2 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, a6 as Teleport } from "./index-552863fd.js";
+import { N as NodeButton, a as NodeTitle } from "./nodeTitle-cf9bae3c.js";
+import "./designer-e5bbe26f.js";
+function get_template_source_type(type, options) {
+  switch (type) {
+    case "SAMPLE_USERS":
+      return {
+        SAMPLE_USERS: true,
+        size: (options == null ? void 0 : options.size) || 100,
+        // Default size is 100 if not provided
+        orientation: (options == null ? void 0 : options.orientation) || "row",
+        // Default orientation is 'ROWS'
+        fields: []
+      };
+    case "GOOGLE_SHEET":
+      return {
+        GOOGLE_SHEET: true,
+        class_name: "GoogleSheet",
+        access_token: (options == null ? void 0 : options.access_token) || "",
+        // Expecting options to have access_token, else default is empty
+        sheet_id: (options == null ? void 0 : options.sheet_id) || "",
+        // Expecting options to have sheet_id, else default is empty
+        worksheet_name: (options == null ? void 0 : options.worksheet_name) || "",
+        // Default worksheet name is empty if not provided
+        orientation: (options == null ? void 0 : options.orientation) || "row",
+        sheet_name: (options == null ? void 0 : options.sheet_name) || "",
+        fields: []
+      };
+    default:
+      throw new Error("Unsupported configuration type");
+  }
+}
+const _hoisted_1 = {
+  key: 0,
+  class: "listbox-wrapper"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "file-upload-container"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "file-upload-wrapper"
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "ExternalSource",
+  setup(__props, { expose: __expose }) {
+    const nodeStore = useNodeStore();
+    const sampleUsers = ref(null);
+    const nodeExternalSource = ref(null);
+    const dataLoaded = ref(false);
+    const typeSelected = ref(false);
+    const writingOptions = ["sample_users"];
+    const selectedExternalSource = ref(null);
+    const isDirty = ref(false);
+    watchEffect(() => {
+    });
+    const loadNodeData = async (nodeId) => {
+      var _a, _b, _c;
+      const nodeResult = await nodeStore.getNodeData(nodeId, false);
+      nodeExternalSource.value = nodeResult == null ? void 0 : nodeResult.setting_input;
+      if ((_a = nodeExternalSource.value) == null ? void 0 : _a.is_setup) {
+        if (((_b = nodeExternalSource.value) == null ? void 0 : _b.identifier) == "sample_users") {
+          sampleUsers.value = (_c = nodeExternalSource.value) == null ? void 0 : _c.source_settings;
+          selectedExternalSource.value = "sample_users";
+        }
+      }
+      typeSelected.value = true;
+      dataLoaded.value = true;
+      isDirty.value = false;
+    };
+    const loadTemplateValue = () => {
+      console.log(selectedExternalSource.value);
+      if (selectedExternalSource.value === "sample_users") {
+        sampleUsers.value = get_template_source_type("SAMPLE_USERS");
+        if (nodeExternalSource.value) {
+          nodeExternalSource.value.source_settings = sampleUsers.value;
+        }
+        isDirty.value = true;
+      }
+      typeSelected.value = true;
+      if (nodeExternalSource.value && selectedExternalSource.value) {
+        nodeExternalSource.value.identifier = selectedExternalSource.value;
+      }
+    };
+    const pushNodeDataAction = async () => {
+      if (nodeExternalSource.value && isDirty.value) {
+        nodeExternalSource.value.is_setup = true;
+        nodeExternalSource.value.source_settings.fields = [];
+        isDirty.value = false;
+      }
+      await nodeStore.updateSettings(nodeExternalSource);
+      if (nodeExternalSource.value) {
+        await nodeStore.getNodeData(Number(nodeExternalSource.value.node_id), false);
+      }
+    };
+    const pushNodeData = async () => {
+      dataLoaded.value = false;
+      if (nodeExternalSource.value) {
+        if (isDirty.value || nodeExternalSource.value.identifier) {
+          await pushNodeDataAction();
+        }
+      }
+    };
+    __expose({
+      loadNodeData,
+      pushNodeData
+    });
+    return (_ctx, _cache) => {
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      return dataLoaded.value && nodeExternalSource.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(GenericNodeSettings, {
+          modelValue: nodeExternalSource.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => nodeExternalSource.value = $event)
+        }, {
+          default: withCtx(() => [
+            _cache[2] || (_cache[2] = createBaseVNode("div", { class: "listbox-subtitle" }, "Select the type of external source", -1)),
+            createVNode(_component_el_select, {
+              modelValue: selectedExternalSource.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedExternalSource.value = $event),
+              class: "m-2",
+              placeholder: "Select type of external source",
+              size: "small",
+              onChange: loadTemplateValue
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createElementBlock(Fragment, null, renderList(writingOptions, (item) => {
+                  return createVNode(_component_el_option, {
+                    key: item,
+                    label: item,
+                    value: item
+                  }, null, 8, ["label", "value"]);
+                }), 64))
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            typeSelected.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+              selectedExternalSource.value === "sample_users" && sampleUsers.value ? (openBlock(), createElementBlock("div", _hoisted_3)) : createCommentVNode("", true)
+            ])) : (openBlock(), createBlock(unref(CodeLoader), { key: 1 }))
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+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);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

flowfile/web/static/assets/ExternalSource-e37b6275.css

@@ -0,0 +1,94 @@
+
+.context-menu[data-v-62f1d8e0] {
+  position: fixed;
+  z-index: 1000;
+  border: 1px solid #ccc;
+  background-color: white;
+  padding: 8px;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+  border-radius: 4px;
+  user-select: none;
+}
+.context-menu button[data-v-62f1d8e0] {
+  display: block;
+  background: none;
+  border: none;
+  padding: 4px 8px;
+  text-align: left;
+  width: 100%;
+  cursor: pointer;
+  z-index: 100;
+}
+.context-menu button[data-v-62f1d8e0]:hover {
+  background-color: #f0f0f0;
+}
+.table-wrapper[data-v-62f1d8e0] {
+  max-height: 300px; /* Adjust this value as needed */
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* subtle shadow for depth */
+  border-radius: 8px; /* rounded corners */
+  overflow: auto; /* ensures the rounded corners are applied to the child elements */
+  margin: 5px; /* adds a small margin around the table */
+}
+.context-menu[data-v-62f1d8e0] {
+  position: fixed;
+  z-index: 1000;
+  border: 1px solid #ccc;
+  background-color: white;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+  border-radius: 4px;
+}
+.context-menu ul[data-v-62f1d8e0] {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.context-menu li[data-v-62f1d8e0] {
+  padding: 8px 16px;
+  cursor: pointer;
+}
+.context-menu li[data-v-62f1d8e0]:hover {
+  background-color: #f0f0f0;
+}
+.file-upload-wrapper[data-v-62f1d8e0] {
+  position: relative;
+  width: 100%;
+}
+.file-upload-input[data-v-62f1d8e0] {
+  width: 100%;
+  height: 40px;
+  opacity: 0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1;
+  cursor: pointer;
+}
+.file-upload-label[data-v-62f1d8e0] {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  background-color: #f5f5f5;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  padding: 10px 15px;
+  color: #333;
+  font-size: 16px;
+  font-weight: 500;
+  text-align: left;
+  user-select: none;
+  cursor: pointer;
+  transition: background-color 0.3s ease;
+}
+.file-upload-label[data-v-62f1d8e0]:hover {
+  background-color: #e4e4e4;
+}
+.file-icon[data-v-62f1d8e0] {
+  margin-right: 10px;
+  font-size: 20px; /* Slightly larger icon for better visual balance */
+}
+.file-label-text[data-v-62f1d8e0] {
+  flex-grow: 1; /* Ensures text takes the available space */
+  margin-left: 10px; /* Spacing between icon and text */
+}
+
+/* Additional styling to align with Vuestic's modern and minimalistic design */

flowfile/web/static/assets/Filter-90856b4f.js

@@ -0,0 +1,238 @@
+import { d as defineComponent, r as ref, b as resolveComponent, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, p as createBaseVNode, g as createTextVNode, i as createCommentVNode, u as unref, a4 as withDirectives, a5 as vModelText, h as createBlock, _ as _export_sfc, n as onMounted, R as nextTick, a6 as Teleport } from "./index-552863fd.js";
+import { C as CodeLoader } from "./vue-content-loader.es-6b36f05e.js";
+import { C as ColumnSelector } from "./dropDown-5e7e9a5a.js";
+import { u as useNodeStore } from "./PopOver-b37ff9be.js";
+import mainEditorRef from "./fullEditor-705c6ccb.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-65587f20.js";
+import { N as NodeButton, a as NodeTitle } from "./nodeTitle-cf9bae3c.js";
+import "./vue-codemirror.esm-dd17b478.js";
+import "./designer-e5bbe26f.js";
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { class: "listbox-wrapper" };
+const _hoisted_3 = { style: { "border-radius": "20px" } };
+const _hoisted_4 = { key: 0 };
+const _hoisted_5 = { key: 1 };
+const _hoisted_6 = { class: "selectors-row" };
+const _hoisted_7 = { key: 0 };
+const _hoisted_8 = { key: 1 };
+const _hoisted_9 = { key: 2 };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "filter",
+  setup(__props, { expose: __expose }) {
+    const editorString = ref("");
+    const isLoaded = ref(false);
+    const isAdvancedFilter = ref(true);
+    const nodeStore = useNodeStore();
+    const nodeFilter = ref(null);
+    const nodeData = ref(null);
+    const showOptions = ref(false);
+    const editorChild = ref(null);
+    const comparisonMapping = {
+      Equals: "=",
+      "Smaller then": "<",
+      "Greater then": ">",
+      Contains: "contains",
+      // or any other representation you prefer
+      "Does not equal": "!=",
+      "Smaller or equal": "<=",
+      "Greater or equal": ">="
+    };
+    const reversedMapping = {};
+    Object.entries(comparisonMapping).forEach(([key, value]) => {
+      reversedMapping[value] = key;
+    });
+    const translateSymbolToDes = (symbol) => {
+      return reversedMapping[symbol] ?? symbol;
+    };
+    const comparisonOptions = Object.keys(comparisonMapping);
+    const handleFieldChange = (newValue) => {
+      var _a;
+      if ((_a = nodeFilter.value) == null ? void 0 : _a.filter_input.basic_filter) {
+        nodeFilter.value.filter_input.basic_filter.field = newValue;
+      }
+    };
+    function translateComparison(input) {
+      return comparisonMapping[input] ?? input;
+    }
+    const handleFilterTypeChange = (newValue) => {
+      var _a;
+      if ((_a = nodeFilter.value) == null ? void 0 : _a.filter_input.basic_filter) {
+        const symbolicType = translateComparison(newValue);
+        nodeFilter.value.filter_input.basic_filter.filter_type = symbolicType;
+      }
+    };
+    const loadNodeData = async (nodeId) => {
+      var _a, _b, _c;
+      nodeData.value = await nodeStore.getNodeData(nodeId, false);
+      if (nodeData.value) {
+        nodeFilter.value = nodeData.value.setting_input;
+        if ((_a = nodeFilter.value) == null ? void 0 : _a.filter_input.advanced_filter) {
+          editorString.value = (_b = nodeFilter.value) == null ? void 0 : _b.filter_input.advanced_filter;
+        }
+        isAdvancedFilter.value = ((_c = nodeFilter.value) == null ? void 0 : _c.filter_input.filter_type) === "advanced";
+      }
+      isLoaded.value = true;
+    };
+    const updateAdvancedFilter = () => {
+      if (nodeFilter.value) {
+        nodeFilter.value.filter_input.advanced_filter = nodeStore.inputCode;
+        console.log(nodeFilter.value);
+      }
+    };
+    const pushNodeData = async () => {
+      if (nodeFilter.value) {
+        if (isAdvancedFilter.value) {
+          updateAdvancedFilter();
+          nodeFilter.value.filter_input.filter_type = "advanced";
+        } else {
+          nodeFilter.value.filter_input.filter_type = "basic";
+        }
+        nodeStore.updateSettings(nodeFilter);
+      }
+      isLoaded.value = false;
+      nodeStore.isDrawerOpen = false;
+    };
+    __expose({ loadNodeData, pushNodeData });
+    return (_ctx, _cache) => {
+      const _component_el_switch = resolveComponent("el-switch");
+      return isLoaded.value && nodeFilter.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(GenericNodeSettings, {
+          modelValue: nodeFilter.value,
+          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => nodeFilter.value = $event)
+        }, {
+          default: withCtx(() => {
+            var _a, _b, _c, _d, _e;
+            return [
+              createBaseVNode("div", _hoisted_2, [
+                createBaseVNode("div", _hoisted_3, [
+                  createVNode(_component_el_switch, {
+                    modelValue: isAdvancedFilter.value,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isAdvancedFilter.value = $event),
+                    class: "mb-2",
+                    "active-text": "Advanced filter options",
+                    "inactive-text": "Basic filter"
+                  }, null, 8, ["modelValue"])
+                ]),
+                isAdvancedFilter.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                  _cache[7] || (_cache[7] = createTextVNode(" Advanced filter ")),
+                  createVNode(mainEditorRef, {
+                    ref_key: "editorChild",
+                    ref: editorChild,
+                    "editor-string": editorString.value
+                  }, null, 8, ["editor-string"])
+                ])) : createCommentVNode("", true),
+                !isAdvancedFilter.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                  _cache[8] || (_cache[8] = createTextVNode(" Standard Filter ")),
+                  createBaseVNode("div", _hoisted_6, [
+                    ((_a = nodeFilter.value) == null ? void 0 : _a.filter_input.basic_filter) ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                      createVNode(ColumnSelector, {
+                        modelValue: nodeFilter.value.filter_input.basic_filter.field,
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => nodeFilter.value.filter_input.basic_filter.field = $event),
+                        value: nodeFilter.value.filter_input.basic_filter.field,
+                        "column-options": (_c = (_b = nodeData.value) == null ? void 0 : _b.main_input) == null ? void 0 : _c.columns,
+                        "onUpdate:value": _cache[2] || (_cache[2] = (value) => handleFieldChange(value))
+                      }, null, 8, ["modelValue", "value", "column-options"])
+                    ])) : createCommentVNode("", true),
+                    ((_d = nodeFilter.value) == null ? void 0 : _d.filter_input.basic_filter) ? (openBlock(), createElementBlock("div", _hoisted_8, [
+                      createVNode(ColumnSelector, {
+                        value: translateSymbolToDes(nodeFilter.value.filter_input.basic_filter.filter_type),
+                        "column-options": unref(comparisonOptions),
+                        "onUpdate:value": _cache[3] || (_cache[3] = (value) => handleFilterTypeChange(value))
+                      }, null, 8, ["value", "column-options"])
+                    ])) : createCommentVNode("", true),
+                    ((_e = nodeFilter.value) == null ? void 0 : _e.filter_input.basic_filter) ? (openBlock(), createElementBlock("div", _hoisted_9, [
+                      withDirectives(createBaseVNode("input", {
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => nodeFilter.value.filter_input.basic_filter.filter_value = $event),
+                        type: "text",
+                        class: "input-field",
+                        onFocus: _cache[5] || (_cache[5] = ($event) => showOptions.value = true)
+                      }, null, 544), [
+                        [vModelText, nodeFilter.value.filter_input.basic_filter.filter_value]
+                      ])
+                    ])) : createCommentVNode("", true)
+                  ])
+                ])) : createCommentVNode("", true)
+              ])
+            ];
+          }),
+          _: 1
+        }, 8, ["modelValue"])
+      ])) : (openBlock(), createBlock(unref(CodeLoader), { key: 1 }));
+    };
+  }
+});
+const filter_vue_vue_type_style_index_0_scoped_84dc735d_lang = "";
+const filterInput = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-84dc735d"]]);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Filter",
+  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": "filter.png",
+          title: `${__props.nodeId}: Filter`,
+          onClick: openDrawer
+        }, null, 8, ["node-id", "title"]),
+        drawer.value ? (openBlock(), createBlock(Teleport, {
+          key: 0,
+          to: "#nodesettings"
+        }, [
+          createVNode(NodeTitle, {
+            title: "Filter data",
+            intro: "Filter rows in the data"
+          }),
+          createVNode(filterInput, {
+            ref_key: "childComp",
+            ref: childComp,
+            "node-id": __props.nodeId
+          }, null, 8, ["node-id"])
+        ])) : createCommentVNode("", true)
+      ], 512);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

flowfile/web/static/assets/Filter-a9d08ba1.css

@@ -0,0 +1,20 @@
+.x-flip[data-v-84dc735d] {
+  transform: scaleX(-100%);
+}
+.input-field[data-v-84dc735d] {
+  width: 100%; /* Full width to fit container */
+  padding: 6px 10px; /* Reduced padding */
+  font-size: 14px; /* Smaller font size */
+  line-height: 1.4; /* Adjust line height for better text alignment */
+  border: 1px solid #e0e0e0; /* Lighter border color */
+  border-radius: 4px; /* Slightly rounded corners for a softer look */
+  box-shadow: none; /* Remove shadow for a flatter style */
+  outline: none; /* Remove the default focus outline */
+  transition: border-color 0.2s, box-shadow 0.2s; /* Smooth transition for focus */
+}
+.selectors-row[data-v-84dc735d] {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 20px; /* Spacing between rows */
+  margin-left: 20px;
+}