n8n-editor-ui 1.77.3 → 1.79.0

package/tsconfig.json

@@ -1,16 +1,14 @@
 {
-	"extends": "../../tsconfig.json",
+	"extends": "@n8n/frontend-typescript-config",
 	"compilerOptions": {
-		"rootDirs": [".", "../design-system/src", "../@n8n/chat/src"],
-		"outDir": "dist",
-		"target": "esnext",
-		"module": "esnext",
-		"allowJs": true,
-		"importHelpers": true,
-		"incremental": false,
-		"allowSyntheticDefaultImports": true,
-		"resolveJsonModule": true,
 		"baseUrl": ".",
+		"rootDirs": [
+			".",
+			"../../frontend/@n8n/composables/src",
+			"../design-system/src",
+			"../@n8n/chat/src"
+		],
+		"outDir": "dist",
 		"types": [
 			"vitest/globals",
 			"unplugin-icons/types/vue",
@@ -18,12 +16,11 @@
 		],
 		"paths": {
 			"@/*": ["./src/*"],
-			"n8n-design-system": ["../design-system/src/main.ts"],
-			"n8n-design-system/*": ["../design-system/src/*"],
+			"n8n-design-system*": ["../design-system/src*"],
+			"@n8n/composables*": ["../frontend/@n8n/composables/src*"],
 			"@n8n/chat/*": ["../@n8n/chat/src/*"],
 			"@n8n/api-types*": ["../@n8n/api-types/src*"]
 		},
-		"lib": ["esnext", "dom", "dom.iterable", "scripthost"],
 		// TODO: remove all options below this line
 		"useUnknownInCatchVariables": false
 	},

package/vite.config.mts

@@ -1,9 +1,10 @@
 import vue from '@vitejs/plugin-vue';
 import { resolve } from 'path';
 import { defineConfig, mergeConfig } from 'vite';
+import { viteStaticCopy } from 'vite-plugin-static-copy';
 import svgLoader from 'vite-svg-loader';
 
-import { vitestConfig } from '../design-system/vite.config.mts';
+import { vitestConfig } from '@n8n/frontend-vitest-config';
 import icons from 'unplugin-icons/vite';
 import iconsResolver from 'unplugin-icons/resolver';
 import components from 'unplugin-vue-components/vite';
@@ -22,7 +23,7 @@ const alias = [
 	{ find: 'stream', replacement: 'stream-browserify' },
 	{
 		find: /^n8n-design-system$/,
-		replacement: resolve(__dirname, '..', 'design-system', 'src', 'main.ts'),
+		replacement: resolve(__dirname, '..', 'design-system', 'src', 'index.ts'),
 	},
 	{
 		find: /^n8n-design-system\//,
@@ -36,6 +37,10 @@ const alias = [
 		find: /^@n8n\/chat\//,
 		replacement: resolve(__dirname, '..', '@n8n', 'chat', 'src') + '/',
 	},
+	{
+		find: /^@n8n\/composables(.+)$/,
+		replacement: resolve(__dirname, '..', 'frontend', '@n8n', 'composables', 'src$1'),
+	},
 	...['orderBy', 'camelCase', 'cloneDeep', 'startCase'].map((name) => ({
 		find: new RegExp(`^lodash.${name}$`, 'i'),
 		replacement: `lodash-es/${name}`,
@@ -59,6 +64,12 @@ const plugins = [
 			}),
 		],
 	}),
+	viteStaticCopy({
+		targets: [
+			{ src: resolve('node_modules/web-tree-sitter/tree-sitter.wasm'), dest: '' },
+			{ src: resolve('node_modules/curlconverter/dist/tree-sitter-bash.wasm'), dest: '' },
+		],
+	}),
 	vue(),
 	svgLoader(),
 	legacy({
@@ -69,6 +80,7 @@ const plugins = [
 ];
 
 const { RELEASE: release } = process.env;
+const target = browserslistToEsbuild(browsers);
 
 export default mergeConfig(
 	defineConfig({
@@ -96,7 +108,12 @@ export default mergeConfig(
 		build: {
 			minify: !!release,
 			sourcemap: !!release,
-			target: browserslistToEsbuild(browsers),
+			target,
+		},
+		optimizeDeps: {
+			esbuildOptions: {
+				target,
+			},
 		},
 		worker: {
 			format: 'es',

package/dist/assets/CollectionParameter-C_1RVSJv.js

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

package/dist/assets/SettingsApiView-DJKJO7zM.css

@@ -1,145 +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
- -------------------------- */
-._container_10d3f_123 > * {
-  margin-bottom: var(--spacing-2xl);
-}
-._header_10d3f_127 {
-  display: flex;
-  align-items: center;
-  white-space: nowrap;
-}
-._header_10d3f_127 *:first-child {
-  flex-grow: 1;
-}
-._card_10d3f_136 {
-  position: relative;
-}
-._delete_10d3f_140 {
-  position: absolute;
-  display: inline-block;
-  top: var(--spacing-s);
-  right: var(--spacing-s);
-}
-._hint_10d3f_147 {
-  color: var(--color-text-light);
-}

package/dist/assets/SettingsApiView-EFylgnqH.js

@@ -1,227 +0,0 @@
-import { d as defineComponent, p as useSettingsStore, aH as useCloudPlanStore, Z as useRootStore, a as useToast, a3 as useDocumentTitle, a5 as usePageRedirectionHelper, r as ref, q as computed, o as onMounted, fo as DOCS_DOMAIN, c as openBlock, h as createElementBlock, j as createBaseVNode, i as createVNode, w as withCtx, k as createTextVNode, t as toDisplayString, l as unref, n as normalizeClass, cY as CopyInput, e as createBlock, f as createCommentVNode, g as useI18n, ae as MODAL_CONFIRM, m as resolveComponent, ak as useMessage, aj as useTelemetry, _ as _export_sfc } from "./index-DablXALM.js";
-const _hoisted_1 = { style: { fontSize: "var(--font-size-s)", color: "var(--color-text-light)" } };
-const _hoisted_2 = { key: 0 };
-const _hoisted_3 = { class: "mb-s" };
-const _hoisted_4 = ["textContent"];
-const _hoisted_5 = ["textContent"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "SettingsApiView",
-  setup(__props) {
-    const settingsStore = useSettingsStore();
-    const cloudPlanStore = useCloudPlanStore();
-    const { baseUrl } = useRootStore();
-    const { showError, showMessage } = useToast();
-    const { confirm } = useMessage();
-    const documentTitle = useDocumentTitle();
-    const i18n = useI18n();
-    const { goToUpgrade } = usePageRedirectionHelper();
-    const telemetry = useTelemetry();
-    const loading = ref(false);
-    const mounted = ref(false);
-    const apiKeys = ref([]);
-    const apiDocsURL = ref("");
-    const { isPublicApiEnabled, isSwaggerUIEnabled, publicApiPath, publicApiLatestVersion } = settingsStore;
-    const isRedactedApiKey = computed(() => {
-      if (!apiKeys.value) return false;
-      return apiKeys.value[0].apiKey.includes("*");
-    });
-    onMounted(() => {
-      documentTitle.set(i18n.baseText("settings.api"));
-      if (!isPublicApiEnabled) return;
-      void getApiKeys();
-      apiDocsURL.value = isSwaggerUIEnabled ? `${baseUrl}${publicApiPath}/v${publicApiLatestVersion}/docs` : `https://${DOCS_DOMAIN}/api/api-reference/`;
-    });
-    function onUpgrade() {
-      void goToUpgrade("settings-n8n-api", "upgrade-api", "redirect");
-    }
-    async function showDeleteModal() {
-      const confirmed = await confirm(
-        i18n.baseText("settings.api.delete.description"),
-        i18n.baseText("settings.api.delete.title"),
-        {
-          confirmButtonText: i18n.baseText("settings.api.delete.button"),
-          cancelButtonText: i18n.baseText("generic.cancel")
-        }
-      );
-      if (confirmed === MODAL_CONFIRM) {
-        await deleteApiKey();
-      }
-    }
-    async function getApiKeys() {
-      try {
-        apiKeys.value = await settingsStore.getApiKeys();
-      } catch (error) {
-        showError(error, i18n.baseText("settings.api.view.error"));
-      } finally {
-        mounted.value = true;
-      }
-    }
-    async function createApiKey() {
-      loading.value = true;
-      try {
-        const newApiKey = await settingsStore.createApiKey();
-        apiKeys.value.push(newApiKey);
-      } catch (error) {
-        showError(error, i18n.baseText("settings.api.create.error"));
-      } finally {
-        loading.value = false;
-        telemetry.track("User clicked create API key button");
-      }
-    }
-    async function deleteApiKey() {
-      try {
-        await settingsStore.deleteApiKey(apiKeys.value[0].id);
-        showMessage({
-          title: i18n.baseText("settings.api.delete.toast"),
-          type: "success"
-        });
-        apiKeys.value = [];
-      } catch (error) {
-        showError(error, i18n.baseText("settings.api.delete.error"));
-      } finally {
-        telemetry.track("User clicked delete API key button");
-      }
-    }
-    function onCopy() {
-      telemetry.track("User clicked copy API key button");
-    }
-    return (_ctx, _cache) => {
-      const _component_n8n_heading = resolveComponent("n8n-heading");
-      const _component_i18n_t = resolveComponent("i18n-t");
-      const _component_n8n_info_tip = resolveComponent("n8n-info-tip");
-      const _component_n8n_link = resolveComponent("n8n-link");
-      const _component_n8n_card = resolveComponent("n8n-card");
-      const _component_n8n_text = resolveComponent("n8n-text");
-      const _component_n8n_action_box = resolveComponent("n8n-action-box");
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(_ctx.$style.container)
-      }, [
-        createBaseVNode("div", {
-          class: normalizeClass(_ctx.$style.header)
-        }, [
-          createVNode(_component_n8n_heading, { size: "2xlarge" }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(i18n).baseText("settings.api")) + " ", 1),
-              createBaseVNode("span", _hoisted_1, " (" + toDisplayString(unref(i18n).baseText("generic.beta")) + ") ", 1)
-            ]),
-            _: 1
-          })
-        ], 2),
-        apiKeys.value.length ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          createBaseVNode("p", _hoisted_3, [
-            createVNode(_component_n8n_info_tip, { bold: false }, {
-              default: withCtx(() => [
-                createVNode(_component_i18n_t, {
-                  keypath: "settings.api.view.info",
-                  tag: "span"
-                }, {
-                  apiAction: withCtx(() => [
-                    createBaseVNode("a", {
-                      href: "https://docs.n8n.io/api",
-                      target: "_blank",
-                      textContent: toDisplayString(unref(i18n).baseText("settings.api.view.info.api"))
-                    }, null, 8, _hoisted_4)
-                  ]),
-                  webhookAction: withCtx(() => [
-                    createBaseVNode("a", {
-                      href: "https://docs.n8n.io/integrations/core-nodes/n8n-nodes-base.webhook/",
-                      target: "_blank",
-                      textContent: toDisplayString(unref(i18n).baseText("settings.api.view.info.webhook"))
-                    }, null, 8, _hoisted_5)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          createVNode(_component_n8n_card, {
-            class: normalizeClass(["mb-4xs", _ctx.$style.card])
-          }, {
-            default: withCtx(() => [
-              createBaseVNode("span", {
-                class: normalizeClass(_ctx.$style.delete)
-              }, [
-                createVNode(_component_n8n_link, {
-                  bold: true,
-                  onClick: showDeleteModal
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(i18n).baseText("generic.delete")), 1)
-                  ]),
-                  _: 1
-                })
-              ], 2),
-              createBaseVNode("div", null, [
-                createVNode(CopyInput, {
-                  label: apiKeys.value[0].label,
-                  value: apiKeys.value[0].apiKey,
-                  "copy-button-text": unref(i18n).baseText("generic.clickToCopy"),
-                  "toast-title": unref(i18n).baseText("settings.api.view.copy.toast"),
-                  "redact-value": true,
-                  "disable-copy": isRedactedApiKey.value,
-                  hint: !isRedactedApiKey.value ? unref(i18n).baseText("settings.api.view.copy") : "",
-                  onCopy
-                }, null, 8, ["label", "value", "copy-button-text", "toast-title", "disable-copy", "hint"])
-              ])
-            ]),
-            _: 1
-          }, 8, ["class"]),
-          createBaseVNode("div", {
-            class: normalizeClass(_ctx.$style.hint)
-          }, [
-            createVNode(_component_n8n_text, { size: "small" }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(i18n).baseText(`settings.api.view.${unref(isSwaggerUIEnabled) ? "tryapi" : "more-details"}`)), 1)
-              ]),
-              _: 1
-            }),
-            _cache[0] || (_cache[0] = createTextVNode(" " + toDisplayString(" ") + " ")),
-            createVNode(_component_n8n_link, {
-              to: apiDocsURL.value,
-              "new-window": true,
-              size: "small"
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(i18n).baseText(
-                  `settings.api.view.${unref(isSwaggerUIEnabled) ? "apiPlayground" : "external-docs"}`
-                )), 1)
-              ]),
-              _: 1
-            }, 8, ["to"])
-          ], 2)
-        ])) : !unref(isPublicApiEnabled) && unref(cloudPlanStore).userIsTrialing ? (openBlock(), createBlock(_component_n8n_action_box, {
-          key: 1,
-          "data-test-id": "public-api-upgrade-cta",
-          heading: unref(i18n).baseText("settings.api.trial.upgradePlan.title"),
-          description: unref(i18n).baseText("settings.api.trial.upgradePlan.description"),
-          "button-text": unref(i18n).baseText("settings.api.trial.upgradePlan.cta"),
-          "onClick:button": onUpgrade
-        }, null, 8, ["heading", "description", "button-text"])) : mounted.value && !unref(cloudPlanStore).state.loadingPlan ? (openBlock(), createBlock(_component_n8n_action_box, {
-          key: 2,
-          "button-text": unref(i18n).baseText(loading.value ? "settings.api.create.button.loading" : "settings.api.create.button"),
-          description: unref(i18n).baseText("settings.api.create.description"),
-          "onClick:button": createApiKey
-        }, null, 8, ["button-text", "description"])) : createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
-const container = "_container_10d3f_123";
-const header = "_header_10d3f_127";
-const card = "_card_10d3f_136";
-const hint = "_hint_10d3f_147";
-const style0 = {
-  container,
-  header,
-  card,
-  "delete": "_delete_10d3f_140",
-  hint
-};
-const cssModules = {
-  "$style": style0
-};
-const SettingsApiView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
-export {
-  SettingsApiView as default
-};

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

@@ -1,117 +0,0 @@
-import { C as createEventBus, R as defineStore, S as STORES, Z as useRootStore, p as useSettingsStore, q as computed, r as ref, W as TIME } from "./index-DablXALM.js";
-const globalLinkActionsEventBus = createEventBus();
-const usePushConnectionStore = defineStore(STORES.PUSH, () => {
-  const rootStore = useRootStore();
-  const settingsStore = useSettingsStore();
-  const pushRef = computed(() => rootStore.pushRef);
-  const pushSource = ref(null);
-  const reconnectTimeout = ref(null);
-  const connectRetries = ref(0);
-  const lostConnection = ref(false);
-  const outgoingQueue = ref([]);
-  const isConnectionOpen = 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);
-      }
-    };
-  };
-  function onConnectionError() {
-    pushDisconnect();
-    connectRetries.value++;
-    reconnectTimeout.value = setTimeout(
-      attemptReconnect,
-      Math.min(connectRetries.value * 2e3, 8 * TIME.SECOND)
-      // maximum 8 seconds backoff
-    );
-  }
-  function pushDisconnect() {
-    if (pushSource.value !== null) {
-      pushSource.value.removeEventListener("error", onConnectionError);
-      pushSource.value.removeEventListener("close", onConnectionError);
-      pushSource.value.removeEventListener("message", pushMessageReceived);
-      if (pushSource.value.readyState < 2) pushSource.value.close();
-      pushSource.value = null;
-    }
-    isConnectionOpen.value = false;
-  }
-  function pushConnect() {
-    pushDisconnect();
-    if (reconnectTimeout.value) {
-      clearTimeout(reconnectTimeout.value);
-      reconnectTimeout.value = null;
-    }
-    const useWebSockets = settingsStore.pushBackend === "websocket";
-    const restUrl = rootStore.restUrl;
-    const url = `/push?pushRef=${pushRef.value}`;
-    if (useWebSockets) {
-      const { protocol, host } = window.location;
-      const baseUrl = restUrl.startsWith("http") ? restUrl.replace(/^http/, "ws") : `${protocol === "https:" ? "wss" : "ws"}://${host + restUrl}`;
-      pushSource.value = new WebSocket(`${baseUrl}${url}`);
-    } else {
-      pushSource.value = new EventSource(`${restUrl}${url}`, { withCredentials: true });
-    }
-    pushSource.value.addEventListener("open", onConnectionSuccess, false);
-    pushSource.value.addEventListener("message", pushMessageReceived, false);
-    pushSource.value.addEventListener(useWebSockets ? "close" : "error", onConnectionError, false);
-  }
-  function attemptReconnect() {
-    pushConnect();
-  }
-  function serializeAndSend(message) {
-    if (pushSource.value && "send" in pushSource.value) {
-      pushSource.value.send(JSON.stringify(message));
-    }
-  }
-  function onConnectionSuccess() {
-    isConnectionOpen.value = true;
-    connectRetries.value = 0;
-    lostConnection.value = false;
-    rootStore.setPushConnectionActive();
-    pushSource.value?.removeEventListener("open", onConnectionSuccess);
-    if (outgoingQueue.value.length) {
-      for (const message of outgoingQueue.value) {
-        serializeAndSend(message);
-      }
-      outgoingQueue.value = [];
-    }
-  }
-  function send(message) {
-    if (!isConnectionOpen.value) {
-      outgoingQueue.value.push(message);
-      return;
-    }
-    serializeAndSend(message);
-  }
-  async function pushMessageReceived(event) {
-    let receivedData;
-    try {
-      receivedData = JSON.parse(event.data);
-    } catch (error) {
-      return;
-    }
-    onMessageReceivedHandlers.value.forEach((handler) => handler(receivedData));
-  }
-  const clearQueue = () => {
-    outgoingQueue.value = [];
-  };
-  return {
-    pushRef,
-    pushSource,
-    isConnectionOpen,
-    onMessageReceivedHandlers,
-    addEventListener,
-    pushConnect,
-    pushDisconnect,
-    send,
-    clearQueue
-  };
-});
-export {
-  globalLinkActionsEventBus as g,
-  usePushConnectionStore as u
-};