npm - n8n-editor-ui - Versions diffs - 1.90.1 → 1.92.0 - Mend

n8n-editor-ui 1.90.1 → 1.92.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (126) hide show

package/dist/assets/useWorkflowSaving-BACesUoL.js ADDED Viewed

@@ -0,0 +1,66 @@
+import { H as useUIStore, a3 as useNpsSurveyStore, Q as useWorkflowsStore, a5 as useWorkflowHelpers, ai as useMessage, c as useI18n, cj as MODAL_CLOSE, S as PLACEHOLDER_EMPTY_WORKFLOW_ID, ck as MODAL_CANCEL, aj as MODAL_CONFIRM, V as VIEWS } from "./index-B6eunbxp.js";
+function useWorkflowSaving({ router }) {
+  const uiStore = useUIStore();
+  const npsSurveyStore = useNpsSurveyStore();
+  const message = useMessage();
+  const i18n = useI18n();
+  const workflowsStore = useWorkflowsStore();
+  const { saveCurrentWorkflow } = useWorkflowHelpers({ router });
+  async function promptSaveUnsavedWorkflowChanges(next, {
+    confirm = async () => true,
+    cancel = async () => {
+    }
+  } = {}) {
+    if (!uiStore.stateIsDirty) {
+      next();
+      return;
+    }
+    const response = await message.confirm(
+      i18n.baseText("generic.unsavedWork.confirmMessage.message"),
+      {
+        title: i18n.baseText("generic.unsavedWork.confirmMessage.headline"),
+        type: "warning",
+        confirmButtonText: i18n.baseText("generic.unsavedWork.confirmMessage.confirmButtonText"),
+        cancelButtonText: i18n.baseText("generic.unsavedWork.confirmMessage.cancelButtonText"),
+        showClose: true
+      }
+    );
+    switch (response) {
+      case MODAL_CONFIRM:
+        const saved = await saveCurrentWorkflow({}, false);
+        if (saved) {
+          await npsSurveyStore.fetchPromptsData();
+          uiStore.stateIsDirty = false;
+          const goToNext = await confirm();
+          next(goToNext);
+        } else {
+          stayOnCurrentWorkflow(next);
+        }
+        return;
+      case MODAL_CANCEL:
+        await cancel();
+        uiStore.stateIsDirty = false;
+        next();
+        return;
+      case MODAL_CLOSE:
+        if (workflowsStore.workflow.id !== PLACEHOLDER_EMPTY_WORKFLOW_ID) {
+          stayOnCurrentWorkflow(next);
+        }
+        return;
+    }
+  }
+  function stayOnCurrentWorkflow(next) {
+    next(
+      router.resolve({
+        name: VIEWS.WORKFLOW,
+        params: { name: workflowsStore.workflow.id }
+      })
+    );
+  }
+  return {
+    promptSaveUnsavedWorkflowChanges
+  };
+}
+export {
+  useWorkflowSaving as u
+};

package/dist/index.html CHANGED Viewed

@@ -16,8 +16,8 @@
 		<script>!function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.async=!0,p.src=s.api_host+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="capture identify alias people.set people.set_once set_config register register_once unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled getFeatureFlag onFeatureFlags reloadFeatureFlags".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[])</script>
 		<title>n8n.io - Workflow Automation</title>
-		<script type="module" crossorigin src="/{{BASE_PATH}}/assets/index-BpdkKRP4.js"></script>
-		<link rel="stylesheet" crossorigin href="/{{BASE_PATH}}/assets/index-C5OXOcIJ.css">
+		<script type="module" crossorigin src="/{{BASE_PATH}}/assets/index-B6eunbxp.js"></script>
+		<link rel="stylesheet" crossorigin href="/{{BASE_PATH}}/assets/index-DCpy4nCU.css">
 	</head>
 	<body>
 		<noscript>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "n8n-editor-ui",
-  "version": "1.90.1",
+  "version": "1.92.0",
   "description": "Workflow Editor UI for n8n",
   "main": "index.js",
   "license": "SEE LICENSE IN LICENSE.md",

package/vite.config.mts CHANGED Viewed

@@ -75,7 +75,21 @@ const plugins = [
 		],
 	}),
 	vue(),
-	svgLoader(),
+	svgLoader({
+		svgoConfig: {
+			plugins: [
+				{
+					name: 'preset-default',
+					params: {
+						overrides: {
+							// disable a default plugin
+							cleanupIds: false,
+						},
+					},
+				},
+			],
+		},
+	}),
 	legacy({
 		modernTargets: browsers,
 		modernPolyfills: true,

package/dist/assets/CollectionParameter-CQXiWluX.js DELETED Viewed

@@ -1,4 +0,0 @@
-import { hh as _sfc_main } from "./index-BpdkKRP4.js";
-export {
-  _sfc_main as default
-};

package/dist/assets/InsightsDashboard-o3JS9fjz.js DELETED Viewed

@@ -1,178 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/InsightsPaywall-Z4Y0nO-i.js","assets/index-BpdkKRP4.js","assets/index-C5OXOcIJ.css","assets/InsightsPaywall-CE5W3W4m.css","assets/InsightsChartTotal-CaKTe2mv.js","assets/chartjs.utils-BcXTJ2Te.js","assets/InsightsSummary-DzYli0Pu.js","assets/InsightsSummary-FixbpmPJ.css","assets/index-7WdERzqm.js","assets/InsightsChartFailed-TYjH8LwV.js","assets/InsightsChartFailureRate-D41Jv-6v.js","assets/InsightsChartTimeSaved-TLPDAmPx.js","assets/InsightsChartAverageRuntime-SeBUN06R.js","assets/InsightsTableWorkflows-CUHAG57c.js","assets/InsightsTableWorkflows-Blv_GPUj.css"])))=>i.map(i=>d[i]);
-import { d as defineComponent, gV as useInsightsStore, q as computed, b_ as defineAsyncComponent, r as ref, I as watch, h as resolveComponent, i as createElementBlock, g as openBlock, k as createBaseVNode, j as createVNode, w as withCtx, l as createTextVNode, t as toDisplayString, m as unref, c as useI18n, e as createBlock, f as createCommentVNode, n as normalizeClass, b6 as resolveDynamicComponent, aq as __vitePreload, _ as _export_sfc } from "./index-BpdkKRP4.js";
-import { I as InsightsSummary } from "./InsightsSummary-DzYli0Pu.js";
-const _hoisted_1 = { key: 1 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "InsightsDashboard",
-  props: {
-    insightType: {}
-  },
-  setup(__props) {
-    const InsightsPaywall = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsPaywall-Z4Y0nO-i.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
-    );
-    const InsightsChartTotal = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsChartTotal-CaKTe2mv.js"), true ? __vite__mapDeps([4,1,2,5,6,7,8]) : void 0)
-    );
-    const InsightsChartFailed = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsChartFailed-TYjH8LwV.js"), true ? __vite__mapDeps([9,1,2,5,6,7,8]) : void 0)
-    );
-    const InsightsChartFailureRate = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsChartFailureRate-D41Jv-6v.js"), true ? __vite__mapDeps([10,1,2,5,6,7,8]) : void 0)
-    );
-    const InsightsChartTimeSaved = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsChartTimeSaved-TLPDAmPx.js"), true ? __vite__mapDeps([11,1,2,5,6,7,8]) : void 0)
-    );
-    const InsightsChartAverageRuntime = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsChartAverageRuntime-SeBUN06R.js"), true ? __vite__mapDeps([12,1,2,5,6,7,8]) : void 0)
-    );
-    const InsightsTableWorkflows = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsTableWorkflows-CUHAG57c.js"), true ? __vite__mapDeps([13,1,2,6,7,14]) : void 0)
-    );
-    const props = __props;
-    const i18n = useI18n();
-    const insightsStore = useInsightsStore();
-    const chartComponents = computed(() => ({
-      total: InsightsChartTotal,
-      failed: InsightsChartFailed,
-      failureRate: InsightsChartFailureRate,
-      timeSaved: InsightsChartTimeSaved,
-      averageRunTime: InsightsChartAverageRuntime
-    }));
-    const transformFilter = ({ id, desc }) => {
-      const key = id;
-      const order = desc ? "desc" : "asc";
-      return `${key}:${order}`;
-    };
-    const fetchPaginatedTableData = ({
-      page = 0,
-      itemsPerPage = 20,
-      sortBy
-    }) => {
-      const skip = page * itemsPerPage;
-      const take = itemsPerPage;
-      const sortKey = sortBy.length ? transformFilter(sortBy[0]) : void 0;
-      void insightsStore.table.execute(0, {
-        skip,
-        take,
-        sortBy: sortKey
-      });
-    };
-    const sortTableBy = ref([{ id: props.insightType, desc: true }]);
-    watch(
-      () => props.insightType,
-      () => {
-        sortTableBy.value = [{ id: props.insightType, desc: true }];
-        if (insightsStore.isSummaryEnabled) {
-          void insightsStore.summary.execute();
-        }
-        if (insightsStore.isDashboardEnabled) {
-          void insightsStore.charts.execute();
-          fetchPaginatedTableData({ sortBy: sortTableBy.value });
-        }
-      },
-      {
-        immediate: true
-      }
-    );
-    return (_ctx, _cache) => {
-      const _component_N8nHeading = resolveComponent("N8nHeading");
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(_ctx.$style.insightsView)
-      }, [
-        createBaseVNode("div", {
-          class: normalizeClass(_ctx.$style.insightsContainer)
-        }, [
-          createVNode(_component_N8nHeading, {
-            bold: "",
-            tag: "h2",
-            size: "xlarge"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(i18n).baseText("insights.dashboard.title")), 1)
-            ]),
-            _: 1
-          }),
-          createBaseVNode("div", null, [
-            unref(insightsStore).isSummaryEnabled ? (openBlock(), createBlock(InsightsSummary, {
-              key: 0,
-              summary: unref(insightsStore).summary.state,
-              loading: unref(insightsStore).summary.isLoading,
-              class: normalizeClass(_ctx.$style.insightsBanner)
-            }, null, 8, ["summary", "loading", "class"])) : createCommentVNode("", true),
-            createBaseVNode("div", {
-              class: normalizeClass(_ctx.$style.insightsContent)
-            }, [
-              !unref(insightsStore).isDashboardEnabled ? (openBlock(), createBlock(unref(InsightsPaywall), {
-                key: 0,
-                "data-test-id": "insights-dashboard-unlicensed"
-              })) : (openBlock(), createElementBlock("div", _hoisted_1, [
-                createBaseVNode("div", {
-                  class: normalizeClass(_ctx.$style.insightsChartWrapper)
-                }, [
-                  unref(insightsStore).charts.isLoading ? (openBlock(), createElementBlock("div", {
-                    key: 0,
-                    class: normalizeClass(_ctx.$style.chartLoader)
-                  }, [
-                    _cache[1] || (_cache[1] = createBaseVNode("svg", {
-                      width: "22",
-                      height: "22",
-                      viewBox: "0 0 22 22",
-                      fill: "none",
-                      xmlns: "http://www.w3.org/2000/svg"
-                    }, [
-                      createBaseVNode("path", {
-                        d: "M21 11C21 16.5228 16.5228 21 11 21C5.47715 21 1 16.5228 1 11C1 5.47715 5.47715 1 11 1C11.6293 1 12.245 1.05813 12.8421 1.16931",
-                        stroke: "currentColor",
-                        "stroke-width": "2"
-                      })
-                    ], -1)),
-                    createTextVNode(" " + toDisplayString(unref(i18n).baseText("insights.chart.loading")), 1)
-                  ], 2)) : (openBlock(), createBlock(resolveDynamicComponent(chartComponents.value[props.insightType]), {
-                    key: 1,
-                    type: props.insightType,
-                    data: unref(insightsStore).charts.state
-                  }, null, 8, ["type", "data"]))
-                ], 2),
-                createBaseVNode("div", {
-                  class: normalizeClass(_ctx.$style.insightsTableWrapper)
-                }, [
-                  createVNode(unref(InsightsTableWorkflows), {
-                    "sort-by": sortTableBy.value,
-                    "onUpdate:sortBy": _cache[0] || (_cache[0] = ($event) => sortTableBy.value = $event),
-                    data: unref(insightsStore).table.state,
-                    loading: unref(insightsStore).table.isLoading,
-                    "onUpdate:options": fetchPaginatedTableData
-                  }, null, 8, ["sort-by", "data", "loading"])
-                ], 2)
-              ]))
-            ], 2)
-          ])
-        ], 2)
-      ], 2);
-    };
-  }
-});
-const insightsView = "_insightsView_1j6u6_123";
-const insightsContainer = "_insightsContainer_1j6u6_131";
-const insightsBanner = "_insightsBanner_1j6u6_138";
-const insightsContent = "_insightsContent_1j6u6_146";
-const insightsChartWrapper = "_insightsChartWrapper_1j6u6_155";
-const insightsTableWrapper = "_insightsTableWrapper_1j6u6_160";
-const chartLoader = "_chartLoader_1j6u6_164";
-const style0 = {
-  insightsView,
-  insightsContainer,
-  insightsBanner,
-  insightsContent,
-  insightsChartWrapper,
-  insightsTableWrapper,
-  chartLoader
-};
-const cssModules = {
-  "$style": style0
-};
-const InsightsDashboard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
-export {
-  InsightsDashboard as default
-};

package/dist/assets/WorkflowActivator-BX59FxTZ.css DELETED Viewed

@@ -1,260 +0,0 @@
-/* BEM support Func
- -------------------------- */
-/* Transition
--------------------------- */
-/* Color
--------------------------- */
-/* Link
--------------------------- */
-/* Border
--------------------------- */
-/* Outline
--------------------------- */
-/* Box shadow
--------------------------- */
-/* Fill
--------------------------- */
-/* Typography
--------------------------- */
-/* z-index
--------------------------- */
-/* Disable base
--------------------------- */
-/* Icon
--------------------------- */
-/* Checkbox
--------------------------- */
-/* Radio
--------------------------- */
-/* Select
--------------------------- */
-/* Alert
--------------------------- */
-/* MessageBox
--------------------------- */
-/* Message
--------------------------- */
-/* Notification
--------------------------- */
-/* Input
--------------------------- */
-/* Cascader
--------------------------- */
-/* Group
--------------------------- */
-/* Tab
--------------------------- */
-/* Button
--------------------------- */
-/* cascader
--------------------------- */
-/* Switch
--------------------------- */
-/* Dialog
--------------------------- */
-/* Table
--------------------------- */
-/* Pagination
--------------------------- */
-/* Popup
--------------------------- */
-/* Popover
--------------------------- */
-/* Tooltip
--------------------------- */
-/* Tag
--------------------------- */
-/* Tree
--------------------------- */
-/* Dropdown
--------------------------- */
-/* Badge
--------------------------- */
-/* Card
---------------------------*/
-/* Slider
---------------------------*/
-/* Steps
---------------------------*/
-/* Menu
---------------------------*/
-/* Rate
---------------------------*/
-/* DatePicker
---------------------------*/
-/* Loading
---------------------------*/
-/* Scrollbar
---------------------------*/
-/* Carousel
---------------------------*/
-/* Collapse
---------------------------*/
-/* Transfer
---------------------------*/
-/* Header
-  --------------------------*/
-/* Footer
---------------------------*/
-/* Main
---------------------------*/
-/* Timeline
---------------------------*/
-/* Backtop
---------------------------*/
-/* Link
---------------------------*/
-/* Calendar
---------------------------*/
-/* Form
--------------------------- */
-/* Avatar
---------------------------*/
-/* Break-point
---------------------------*/
-/* Break-points
- -------------------------- */
-/* Scrollbar
- -------------------------- */
-/* Placeholder
- -------------------------- */
-/* BEM
- -------------------------- */
-._activeStatusText_13o3x_123 {
-  width: 64px;
-  padding-right: var(--spacing-2xs);
-  box-sizing: border-box;
-  display: inline-block;
-  text-align: right;
-}/* BEM support Func
- -------------------------- */
-/* Transition
--------------------------- */
-/* Color
--------------------------- */
-/* Link
--------------------------- */
-/* Border
--------------------------- */
-/* Outline
--------------------------- */
-/* Box shadow
--------------------------- */
-/* Fill
--------------------------- */
-/* Typography
--------------------------- */
-/* z-index
--------------------------- */
-/* Disable base
--------------------------- */
-/* Icon
--------------------------- */
-/* Checkbox
--------------------------- */
-/* Radio
--------------------------- */
-/* Select
--------------------------- */
-/* Alert
--------------------------- */
-/* MessageBox
--------------------------- */
-/* Message
--------------------------- */
-/* Notification
--------------------------- */
-/* Input
--------------------------- */
-/* Cascader
--------------------------- */
-/* Group
--------------------------- */
-/* Tab
--------------------------- */
-/* Button
--------------------------- */
-/* cascader
--------------------------- */
-/* Switch
--------------------------- */
-/* Dialog
--------------------------- */
-/* Table
--------------------------- */
-/* Pagination
--------------------------- */
-/* Popup
--------------------------- */
-/* Popover
--------------------------- */
-/* Tooltip
--------------------------- */
-/* Tag
--------------------------- */
-/* Tree
--------------------------- */
-/* Dropdown
--------------------------- */
-/* Badge
--------------------------- */
-/* Card
---------------------------*/
-/* Slider
---------------------------*/
-/* Steps
---------------------------*/
-/* Menu
---------------------------*/
-/* Rate
---------------------------*/
-/* DatePicker
---------------------------*/
-/* Loading
---------------------------*/
-/* Scrollbar
---------------------------*/
-/* Carousel
---------------------------*/
-/* Collapse
---------------------------*/
-/* Transfer
---------------------------*/
-/* Header
-  --------------------------*/
-/* Footer
---------------------------*/
-/* Main
---------------------------*/
-/* Timeline
---------------------------*/
-/* Backtop
---------------------------*/
-/* Link
---------------------------*/
-/* Calendar
---------------------------*/
-/* Form
--------------------------- */
-/* Avatar
---------------------------*/
-/* Break-point
---------------------------*/
-/* Break-points
- -------------------------- */
-/* Scrollbar
- -------------------------- */
-/* Placeholder
- -------------------------- */
-/* BEM
- -------------------------- */
-.workflow-activator[data-v-d7f3e49d] {
-  display: inline-flex;
-  flex-wrap: nowrap;
-  align-items: center;
-}
-.could-not-be-started[data-v-d7f3e49d] {
-  display: inline-block;
-  color: var(--color-text-danger);
-  margin-left: 0.5em;
-}