n8n-editor-ui 1.85.2 → 1.87.0

package/dist/assets/pushConnection.store-DHLcz9cC.js

@@ -1,238 +0,0 @@
-import { r as ref, dv as createHeartbeatMessage, S as defineStore, a0 as useRootStore, p as useSettingsStore, I as watch, q as computed, X as STORES } from "./index-DZljH0cm.js";
-const useHeartbeat = (options) => {
-  const { interval, onHeartbeat } = options;
-  const heartbeatTimer = ref(null);
-  const startHeartbeat = () => {
-    heartbeatTimer.value = setInterval(onHeartbeat, interval);
-  };
-  const stopHeartbeat = () => {
-    if (heartbeatTimer.value) {
-      clearInterval(heartbeatTimer.value);
-      heartbeatTimer.value = null;
-    }
-  };
-  return {
-    startHeartbeat,
-    stopHeartbeat
-  };
-};
-const useReconnectTimer = ({ onAttempt, onAttemptScheduled }) => {
-  const initialReconnectDelay = 1e3;
-  const maxReconnectDelay = 15e3;
-  const reconnectTimer = ref(null);
-  const reconnectAttempts = ref(0);
-  const scheduleReconnect = () => {
-    const delay = Math.min(initialReconnectDelay * 2 ** reconnectAttempts.value, maxReconnectDelay);
-    reconnectAttempts.value++;
-    onAttemptScheduled(delay);
-    reconnectTimer.value = setTimeout(() => {
-      onAttempt();
-    }, delay);
-  };
-  const stopReconnectTimer = () => {
-    if (reconnectTimer.value) {
-      clearTimeout(reconnectTimer.value);
-      reconnectTimer.value = null;
-    }
-  };
-  const resetConnectionAttempts = () => {
-    reconnectAttempts.value = 0;
-  };
-  return {
-    scheduleReconnect,
-    stopReconnectTimer,
-    resetConnectionAttempts
-  };
-};
-const useWebSocketClient = (options) => {
-  const isConnected = ref(false);
-  const socket = ref(null);
-  const { startHeartbeat, stopHeartbeat } = useHeartbeat({
-    interval: 3e4,
-    onHeartbeat: () => {
-      socket.value?.send(JSON.stringify(createHeartbeatMessage()));
-    }
-  });
-  const onConnected = () => {
-    socket.value?.removeEventListener("open", onConnected);
-    isConnected.value = true;
-    startHeartbeat();
-    reconnectTimer.resetConnectionAttempts();
-  };
-  const onConnectionLost = (event) => {
-    console.warn(`[WebSocketClient] Connection lost, code=${event.code ?? "unknown"}`);
-    disconnect();
-    reconnectTimer.scheduleReconnect();
-  };
-  const onMessage = (event) => {
-    options.onMessage(event.data);
-  };
-  const onError = (error) => {
-    console.warn("[WebSocketClient] Connection error:", error);
-  };
-  const disconnect = () => {
-    if (socket.value) {
-      stopHeartbeat();
-      reconnectTimer.stopReconnectTimer();
-      socket.value.removeEventListener("message", onMessage);
-      socket.value.removeEventListener("error", onError);
-      socket.value.removeEventListener("close", onConnectionLost);
-      socket.value.close(1e3);
-      socket.value = null;
-    }
-    isConnected.value = false;
-  };
-  const connect = () => {
-    disconnect();
-    socket.value = new WebSocket(options.url);
-    socket.value.addEventListener("open", onConnected);
-    socket.value.addEventListener("message", onMessage);
-    socket.value.addEventListener("error", onError);
-    socket.value.addEventListener("close", onConnectionLost);
-  };
-  const reconnectTimer = useReconnectTimer({
-    onAttempt: connect,
-    onAttemptScheduled: (delay) => {
-      console.log(`[WebSocketClient] Attempting to reconnect in ${delay}ms`);
-    }
-  });
-  const sendMessage = (serializedMessage) => {
-    if (!isConnected.value || !socket.value) {
-      throw new Error("Not connected to the server");
-    }
-    socket.value.send(serializedMessage);
-  };
-  return {
-    isConnected,
-    connect,
-    disconnect,
-    sendMessage
-  };
-};
-const useEventSourceClient = (options) => {
-  const isConnected = ref(false);
-  const eventSource = ref(null);
-  const onConnected = () => {
-    isConnected.value = true;
-    reconnectTimer.resetConnectionAttempts();
-  };
-  const onConnectionLost = () => {
-    console.warn("[EventSourceClient] Connection lost");
-    isConnected.value = false;
-    reconnectTimer.scheduleReconnect();
-  };
-  const onMessage = (event) => {
-    options.onMessage(event.data);
-  };
-  const disconnect = () => {
-    if (eventSource.value) {
-      reconnectTimer.stopReconnectTimer();
-      eventSource.value.close();
-      eventSource.value = null;
-    }
-    isConnected.value = false;
-  };
-  const connect = () => {
-    disconnect();
-    eventSource.value = new EventSource(options.url, { withCredentials: true });
-    eventSource.value.addEventListener("open", onConnected);
-    eventSource.value.addEventListener("message", onMessage);
-    eventSource.value.addEventListener("close", onConnectionLost);
-  };
-  const reconnectTimer = useReconnectTimer({
-    onAttempt: connect,
-    onAttemptScheduled: (delay) => {
-      console.log(`[EventSourceClient] Attempting to reconnect in ${delay}ms`);
-    }
-  });
-  const sendMessage = (_) => {
-  };
-  return {
-    isConnected,
-    connect,
-    disconnect,
-    sendMessage
-  };
-};
-const usePushConnectionStore = defineStore(STORES.PUSH, () => {
-  const rootStore = useRootStore();
-  const settingsStore = useSettingsStore();
-  const outgoingQueue = ref([]);
-  const isConnectionRequested = ref(false);
-  const onMessageReceivedHandlers = ref([]);
-  const addEventListener = (handler) => {
-    onMessageReceivedHandlers.value.push(handler);
-    return () => {
-      const index = onMessageReceivedHandlers.value.indexOf(handler);
-      if (index !== -1) {
-        onMessageReceivedHandlers.value.splice(index, 1);
-      }
-    };
-  };
-  const useWebSockets = settingsStore.pushBackend === "websocket";
-  const getConnectionUrl = () => {
-    const restUrl = rootStore.restUrl;
-    const url2 = `/push?pushRef=${rootStore.pushRef}`;
-    if (useWebSockets) {
-      const { protocol, host } = window.location;
-      const baseUrl = restUrl.startsWith("http") ? restUrl.replace(/^http/, "ws") : `${protocol === "https:" ? "wss" : "ws"}://${host + restUrl}`;
-      return `${baseUrl}${url2}`;
-    } else {
-      return `${restUrl}${url2}`;
-    }
-  };
-  async function onMessage(data) {
-    let receivedData;
-    try {
-      receivedData = JSON.parse(data);
-    } catch (error) {
-      return;
-    }
-    onMessageReceivedHandlers.value.forEach((handler) => handler(receivedData));
-  }
-  const url = getConnectionUrl();
-  const client = useWebSockets ? useWebSocketClient({ url, onMessage }) : useEventSourceClient({ url, onMessage });
-  function serializeAndSend(message) {
-    if (client.isConnected.value) {
-      client.sendMessage(JSON.stringify(message));
-    } else {
-      outgoingQueue.value.push(message);
-    }
-  }
-  const pushConnect = () => {
-    isConnectionRequested.value = true;
-    client.connect();
-  };
-  const pushDisconnect = () => {
-    isConnectionRequested.value = false;
-    client.disconnect();
-  };
-  watch(client.isConnected, (didConnect) => {
-    if (!didConnect) {
-      return;
-    }
-    if (outgoingQueue.value.length) {
-      for (const message of outgoingQueue.value) {
-        serializeAndSend(message);
-      }
-      outgoingQueue.value = [];
-    }
-  });
-  const clearQueue = () => {
-    outgoingQueue.value = [];
-  };
-  const isConnected = computed(() => client.isConnected.value);
-  return {
-    isConnected,
-    isConnectionRequested,
-    onMessageReceivedHandlers,
-    addEventListener,
-    pushConnect,
-    pushDisconnect,
-    send: serializeAndSend,
-    clearQueue
-  };
-});
-export {
-  usePushConnectionStore as u
-};

package/dist/assets/useOverview-BqIOGpWx.js

@@ -1,161 +0,0 @@
-import { d as defineComponent, $ as useCssModule, q as computed, c as useI18n, h as resolveComponent, i as createElementBlock, f as createCommentVNode, g as openBlock, j as createVNode, e as createBlock, w as withCtx, l as createTextVNode, t as toDisplayString, m as unref, n as normalizeClass, F as Fragment, D as renderList, k as createBaseVNode, gy as INSIGHT_IMPACT_TYPES, gz as INSIGHTS_UNIT_IMPACT_MAPPING, _ as _export_sfc, U as useRoute, V as VIEWS, bD as reactive } from "./index-DZljH0cm.js";
-const smartDecimal = (value, decimals = 2) => {
-  if (Number.isInteger(value)) {
-    return value;
-  }
-  if (value.toString().split(".")[1].length <= decimals) {
-    return value;
-  }
-  return Number(value.toFixed(decimals));
-};
-const _hoisted_1 = {
-  key: 1,
-  "data-test-id": "insights-summary-tabs"
-};
-const _hoisted_2 = ["data-test-id"];
-const _hoisted_3 = { href: "#" };
-const _hoisted_4 = { key: 1 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "InsightsSummary",
-  props: {
-    summary: {},
-    loading: { type: Boolean }
-  },
-  setup(__props) {
-    const i18n = useI18n();
-    const $style = useCssModule();
-    const summaryTitles = computed(() => ({
-      total: i18n.baseText("insights.banner.title.total"),
-      failed: i18n.baseText("insights.banner.title.failed"),
-      failureRate: i18n.baseText("insights.banner.title.failureRate"),
-      timeSaved: i18n.baseText("insights.banner.title.timeSaved"),
-      averageRunTime: i18n.baseText("insights.banner.title.averageRunTime")
-    }));
-    const getSign = (n) => n > 0 ? "+" : void 0;
-    const getImpactStyle = (id, value) => {
-      const impact = INSIGHTS_UNIT_IMPACT_MAPPING[id];
-      if (value === 0 || impact === INSIGHT_IMPACT_TYPES.NEUTRAL) {
-        return $style.neutral;
-      }
-      if (impact === INSIGHT_IMPACT_TYPES.POSITIVE) {
-        return value > 0 ? $style.positive : $style.negative;
-      }
-      if (impact === INSIGHT_IMPACT_TYPES.NEGATIVE) {
-        return value < 0 ? $style.positive : $style.negative;
-      }
-      return $style.neutral;
-    };
-    return (_ctx, _cache) => {
-      const _component_N8nHeading = resolveComponent("N8nHeading");
-      const _component_N8nLoading = resolveComponent("N8nLoading");
-      const _component_i18n_t = resolveComponent("i18n-t");
-      const _component_N8nIcon = resolveComponent("N8nIcon");
-      const _component_N8nTooltip = resolveComponent("N8nTooltip");
-      return _ctx.summary.length ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass(unref($style).insights)
-      }, [
-        createVNode(_component_N8nHeading, {
-          bold: "",
-          tag: "h3",
-          size: "small",
-          color: "text-light",
-          class: "mb-xs"
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(unref(i18n).baseText("insights.banner.title", { interpolate: { count: 7 } })), 1)
-          ]),
-          _: 1
-        }),
-        _ctx.loading ? (openBlock(), createBlock(_component_N8nLoading, {
-          key: 0,
-          class: normalizeClass(unref($style).loading),
-          cols: 5
-        }, null, 8, ["class"])) : (openBlock(), createElementBlock("ul", _hoisted_1, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.summary, ({ id, value, deviation, unit }) => {
-            return openBlock(), createElementBlock("li", {
-              key: id,
-              "data-test-id": `insights-summary-tab-${id}`
-            }, [
-              createBaseVNode("p", null, [
-                createBaseVNode("strong", null, toDisplayString(summaryTitles.value[id]), 1),
-                value === 0 && id === "timeSaved" ? (openBlock(), createElementBlock("span", {
-                  key: 0,
-                  class: normalizeClass(unref($style).empty)
-                }, [
-                  _cache[0] || (_cache[0] = createBaseVNode("em", null, "--", -1)),
-                  createBaseVNode("small", null, [
-                    createVNode(_component_N8nTooltip, { placement: "bottom" }, {
-                      content: withCtx(() => [
-                        createVNode(_component_i18n_t, { keypath: "insights.banner.timeSaved.tooltip" }, {
-                          link: withCtx(() => [
-                            createBaseVNode("a", _hoisted_3, toDisplayString(unref(i18n).baseText("insights.banner.timeSaved.tooltip.link.text")), 1)
-                          ]),
-                          _: 1
-                        })
-                      ]),
-                      default: withCtx(() => [
-                        createVNode(_component_N8nIcon, {
-                          class: normalizeClass(unref($style).icon),
-                          icon: "info-circle"
-                        }, null, 8, ["class"])
-                      ]),
-                      _: 1
-                    })
-                  ])
-                ], 2)) : (openBlock(), createElementBlock("span", _hoisted_4, [
-                  createBaseVNode("em", null, [
-                    createTextVNode(toDisplayString(unref(smartDecimal)(value)) + " ", 1),
-                    createBaseVNode("i", null, toDisplayString(unit), 1)
-                  ]),
-                  createBaseVNode("small", {
-                    class: normalizeClass(getImpactStyle(id, deviation))
-                  }, [
-                    createVNode(_component_N8nIcon, {
-                      class: normalizeClass([unref($style).icon, getImpactStyle(id, deviation)]),
-                      icon: deviation === 0 ? "caret-right" : deviation > 0 ? "caret-up" : "caret-down"
-                    }, null, 8, ["class", "icon"]),
-                    createTextVNode(" " + toDisplayString(getSign(deviation)) + toDisplayString(unref(smartDecimal)(deviation)), 1)
-                  ], 2)
-                ]))
-              ])
-            ], 8, _hoisted_2);
-          }), 128))
-        ]))
-      ], 2)) : createCommentVNode("", true);
-    };
-  }
-});
-const insights = "_insights_1r55j_123";
-const empty = "_empty_1r55j_165";
-const icon = "_icon_1r55j_173";
-const positive = "_positive_1r55j_206";
-const negative = "_negative_1r55j_210";
-const neutral = "_neutral_1r55j_214";
-const loading = "_loading_1r55j_229";
-const style0 = {
-  insights,
-  empty,
-  icon,
-  positive,
-  negative,
-  neutral,
-  loading
-};
-const cssModules = {
-  "$style": style0
-};
-const InsightsSummary = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
-const useOverview = () => {
-  const route = useRoute();
-  const isOverviewSubPage = computed(
-    () => route.name === VIEWS.WORKFLOWS || route.name === VIEWS.HOMEPAGE || route.name === VIEWS.CREDENTIALS || route.name === VIEWS.EXECUTIONS || route.name === VIEWS.FOLDERS
-  );
-  return reactive({
-    isOverviewSubPage
-  });
-};
-export {
-  InsightsSummary as I,
-  useOverview as u
-};