npm - n8n-editor-ui - Versions diffs - 1.110.1 → 1.112.0 - Mend

n8n-editor-ui 1.110.1 → 1.112.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 (137) hide show

package/dist/index.html CHANGED Viewed

@@ -7,14 +7,15 @@
 		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
 		<meta name="viewport" content="width=device-width,initial-scale=1.0" />
 		<link rel="icon" href="/{{BASE_PATH}}/favicon.ico" />
-		<script src="/{{BASE_PATH}}/{{REST_ENDPOINT}}/config.js"></script>
+		%CONFIG_TAGS%
 		<link rel="stylesheet" href="/{{BASE_PATH}}/static/prefers-color-scheme.css">
 		<script src="/{{BASE_PATH}}/static/base-path.js" type="text/javascript"></script>
 		<script src="/{{BASE_PATH}}/static/posthog.init.js" type="text/javascript"></script>
 		<title>n8n.io - Workflow Automation</title>
-		<script type="module" crossorigin src="/{{BASE_PATH}}/assets/index--OJ5nhDf.js"></script>
-		<link rel="stylesheet" crossorigin href="/{{BASE_PATH}}/assets/index-DXNU_2Fk.css">
+		<script type="module" crossorigin src="/{{BASE_PATH}}/assets/index-BJG79OsS.js"></script>
+		<link rel="modulepreload" crossorigin href="/{{BASE_PATH}}/assets/index-4g2Akj0I.js">
+		<link rel="stylesheet" crossorigin href="/{{BASE_PATH}}/assets/index-B7wrqKiF.css">
 	</head>
 	<body>
 		<noscript>

package/index.html CHANGED Viewed

@@ -5,7 +5,7 @@
 		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
 		<meta name="viewport" content="width=device-width,initial-scale=1.0" />
 		<link rel="icon" href="/favicon.ico" />
-		%CONFIG_SCRIPT%
+		%CONFIG_TAGS%
 		<link rel="stylesheet" href="/{{BASE_PATH}}/static/prefers-color-scheme.css">
 		<script src="/{{BASE_PATH}}/static/base-path.js" type="text/javascript"></script>
 		<script src="/{{BASE_PATH}}/static/posthog.init.js" type="text/javascript"></script>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "n8n-editor-ui",
-  "version": "1.110.1",
+  "version": "1.112.0",
   "description": "Workflow Editor UI for n8n",
   "main": "index.js",
   "type": "module",

package/vite/i18n-locales-hmr-helpers.ts ADDED Viewed

@@ -0,0 +1,19 @@
+import { sep as pathSep } from 'path';
+export const isLocaleFile = (file: string): boolean =>
+	file.endsWith('.json') && file.includes(`${pathSep}locales${pathSep}`);
+export const extractLocale = (file: string): string | null => {
+	const match = file.match(new RegExp(`${pathSep}locales${pathSep}([^${pathSep}]+)\\.json$`));
+	return match?.[1] ?? null;
+};
+export const sendLocaleUpdate = (server: any, file: string): void => {
+	if (!isLocaleFile(file)) return;
+	const locale = extractLocale(file);
+	server.ws.send({
+		type: 'custom',
+		event: 'n8n:locale-update',
+		data: { locales: locale ? [locale] : [], file },
+	});
+};

package/vite.config.mts CHANGED Viewed

@@ -1,5 +1,5 @@
 import vue from '@vitejs/plugin-vue';
-import { posix as pathPosix, resolve } from 'path';
+import { posix as pathPosix, resolve, sep as pathSep } from 'path';
 import { defineConfig, mergeConfig, type UserConfig } from 'vite';
 import { viteStaticCopy } from 'vite-plugin-static-copy';
 import { nodePolyfills } from 'vite-plugin-node-polyfills';
@@ -12,6 +12,7 @@ import components from 'unplugin-vue-components/vite';
 import browserslistToEsbuild from 'browserslist-to-esbuild';
 import legacy from '@vitejs/plugin-legacy';
 import browserslist from 'browserslist';
+import { isLocaleFile, sendLocaleUpdate } from './vite/i18n-locales-hmr-helpers';
 const publicPath = process.env.VUE_APP_PUBLIC_PATH || '/';
@@ -24,6 +25,8 @@ const packagesDir = resolve(__dirname, '..', '..');
 const alias = [
 	{ find: '@', replacement: resolve(__dirname, 'src') },
 	{ find: 'stream', replacement: 'stream-browserify' },
+	// Ensure bare imports resolve to sources (not dist)
+	{ find: '@n8n/i18n', replacement: resolve(packagesDir, 'frontend', '@n8n', 'i18n', 'src') },
 	{
 		find: /^@n8n\/chat(.+)$/,
 		replacement: resolve(packagesDir, 'frontend', '@n8n', 'chat', 'src$1'),
@@ -126,17 +129,41 @@ const plugins: UserConfig['plugins'] = [
 	{
 		name: 'Insert config script',
 		transformIndexHtml: (html, ctx) => {
-			const replacement = ctx.server
-				? '' // Skip when using Vite dev server
-				: '<script src="/{{BASE_PATH}}/{{REST_ENDPOINT}}/config.js"></script>';
-			return html.replace('%CONFIG_SCRIPT%', replacement);
+			// Skip config tags when using Vite dev server. Otherwise the BE
+			// will replace it with the actual config script in cli/src/commands/start.ts.
+			return ctx.server
+				? html
+						.replace('%CONFIG_TAGS%', '')
+						.replaceAll('/{{BASE_PATH}}', '//localhost:5678')
+						.replaceAll('/{{REST_ENDPOINT}}', '/rest')
+				: html;
 		},
 	},
 	// For sanitize-html
 	nodePolyfills({
 		include: ['fs', 'path', 'url', 'util', 'timers'],
 	}),
+	{
+		name: 'i18n-locales-hmr',
+		configureServer(server) {
+			const localesDir = resolve(packagesDir, 'frontend', '@n8n', 'i18n', 'src', 'locales');
+			server.watcher.add(localesDir);
+			// Only emit for add/unlink; change events are handled in handleHotUpdate
+			server.watcher.on('all', (event, file) => {
+				if ((event === 'add' || event === 'unlink') && isLocaleFile(file)) {
+					sendLocaleUpdate(server, file);
+				}
+			});
+		},
+		handleHotUpdate(ctx) {
+			const { file, server } = ctx;
+			if (!isLocaleFile(file)) return;
+			sendLocaleUpdate(server, file);
+			// Swallow default HMR for this file to prevent full page reloads
+			return [];
+		},
+	},
 ];
 const { RELEASE: release } = process.env;

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

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

package/dist/assets/Tag-BQAJRKFE.js DELETED Viewed

@@ -1,32 +0,0 @@
-import { d as defineComponent, h as createElementBlock, g as openBlock, K as mergeProps, X as renderSlot, t as toDisplayString, _ as _export_sfc } from "./index--OJ5nhDf.js";
-const _hoisted_1 = { key: 1 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{ name: "N8nTag" },
-  __name: "Tag",
-  props: {
-    text: {},
-    clickable: { type: Boolean, default: true }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", mergeProps({
-        class: ["n8n-tag", _ctx.$style.tag, { [_ctx.$style.clickable]: _ctx.clickable }]
-      }, _ctx.$attrs), [
-        _ctx.$slots["tag"] ? renderSlot(_ctx.$slots, "tag", { key: 0 }) : (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.text), 1))
-      ], 16);
-    };
-  }
-});
-const tag = "_tag_49pvx_123";
-const clickable = "_clickable_49pvx_138";
-const style0 = {
-  tag,
-  clickable
-};
-const cssModules = {
-  "$style": style0
-};
-const Tag = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
-export {
-  Tag as T
-};

package/dist/assets/Tag-Cg-Hqs2H.css DELETED Viewed

@@ -1,153 +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
- -------------------------- */
-._tag_49pvx_123 {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  min-width: -webkit-max-content;
-  min-width: -moz-max-content;
-  min-width: max-content;
-  height: var(--tag-height);
-  padding: var(--tag-padding);
-  line-height: var(--tag-line-height);
-  color: var(--tag-text-color);
-  background-color: var(--tag-background-color);
-  border: 1px solid var(--tag-border-color);
-  border-radius: var(--tag-border-radius);
-  font-size: var(--tag-font-size);
-  -webkit-transition: background-color 0.3s ease;
-  transition: background-color 0.3s ease;
-}
-._tag_49pvx_123._clickable_49pvx_138 {
-  cursor: pointer;
-}
-._tag_49pvx_123._clickable_49pvx_138:hover {
-  background-color: var(--tag-background-hover-color);
-  border-color: var(--tag-border-hover-color);
-}

package/dist/assets/dataStore.store-HuymAG46.js DELETED Viewed

@@ -1,288 +0,0 @@
-import { f6 as makeRestApiRequest, $ as defineStore, at as useRootStore, au as useProjectsStore, r as ref, gG as DATA_STORE_STORE } from "./index--OJ5nhDf.js";
-const fetchDataStoresApi = async (context, projectId, options, filter) => {
-  const apiEndpoint = projectId ? `/projects/${projectId}/data-tables` : "/data-tables-global";
-  return await makeRestApiRequest(
-    context,
-    "GET",
-    apiEndpoint,
-    {
-      options: options ?? void 0,
-      filter: filter ?? void 0
-    }
-  );
-};
-const createDataStoreApi = async (context, name, projectId, columns) => {
-  return await makeRestApiRequest(
-    context,
-    "POST",
-    `/projects/${projectId}/data-tables`,
-    {
-      name,
-      columns: []
-    }
-  );
-};
-const deleteDataStoreApi = async (context, dataStoreId, projectId) => {
-  return await makeRestApiRequest(
-    context,
-    "DELETE",
-    `/projects/${projectId}/data-tables/${dataStoreId}`,
-    {
-      dataStoreId,
-      projectId
-    }
-  );
-};
-const updateDataStoreApi = async (context, dataStoreId, name, projectId) => {
-  return await makeRestApiRequest(
-    context,
-    "PATCH",
-    `/projects/${projectId}/data-tables/${dataStoreId}`,
-    {
-      name
-    }
-  );
-};
-const addDataStoreColumnApi = async (context, dataStoreId, projectId, column) => {
-  return await makeRestApiRequest(
-    context,
-    "POST",
-    `/projects/${projectId}/data-tables/${dataStoreId}/columns`,
-    {
-      ...column
-    }
-  );
-};
-const deleteDataStoreColumnApi = async (context, dataStoreId, projectId, columnId) => {
-  return await makeRestApiRequest(
-    context,
-    "DELETE",
-    `/projects/${projectId}/data-tables/${dataStoreId}/columns/${columnId}`
-  );
-};
-const moveDataStoreColumnApi = async (context, dataStoreId, projectId, columnId, targetIndex) => {
-  return await makeRestApiRequest(
-    context,
-    "PATCH",
-    `/projects/${projectId}/data-tables/${dataStoreId}/columns/${columnId}/move`,
-    {
-      targetIndex
-    }
-  );
-};
-const getDataStoreRowsApi = async (context, dataStoreId, projectId, options) => {
-  return await makeRestApiRequest(context, "GET", `/projects/${projectId}/data-tables/${dataStoreId}/rows`, {
-    ...options ?? {}
-  });
-};
-const insertDataStoreRowApi = async (context, dataStoreId, row, projectId) => {
-  return await makeRestApiRequest(
-    context,
-    "POST",
-    `/projects/${projectId}/data-tables/${dataStoreId}/insert`,
-    {
-      returnData: true,
-      data: [row]
-    }
-  );
-};
-const updateDataStoreRowsApi = async (context, dataStoreId, rowId, rowData, projectId) => {
-  return await makeRestApiRequest(
-    context,
-    "PATCH",
-    `/projects/${projectId}/data-tables/${dataStoreId}/rows`,
-    {
-      filter: { id: rowId },
-      data: rowData
-    }
-  );
-};
-const deleteDataStoreRowsApi = async (context, dataStoreId, rowIds, projectId) => {
-  return await makeRestApiRequest(
-    context,
-    "DELETE",
-    `/projects/${projectId}/data-tables/${dataStoreId}/rows`,
-    {
-      ids: rowIds.join(",")
-    }
-  );
-};
-const reorderItem = (items, oldIndex, newIndex) => {
-  return items.map((item) => {
-    if (item.index === oldIndex) return { ...item, index: newIndex };
-    if (oldIndex < newIndex && item.index > oldIndex && item.index <= newIndex) {
-      return { ...item, index: item.index - 1 };
-    }
-    if (oldIndex > newIndex && item.index >= newIndex && item.index < oldIndex) {
-      return { ...item, index: item.index + 1 };
-    }
-    return item;
-  });
-};
-const useDataStoreStore = defineStore(DATA_STORE_STORE, () => {
-  const rootStore = useRootStore();
-  const projectStore = useProjectsStore();
-  const dataStores = ref([]);
-  const totalCount = ref(0);
-  const fetchDataStores = async (projectId, page, pageSize) => {
-    const response = await fetchDataStoresApi(rootStore.restApiContext, projectId, {
-      skip: (page - 1) * pageSize,
-      take: pageSize
-    });
-    dataStores.value = response.data;
-    totalCount.value = response.count;
-  };
-  const createDataStore = async (name, projectId) => {
-    const newStore = await createDataStoreApi(rootStore.restApiContext, name, projectId);
-    if (!newStore.project && projectId) {
-      const project = await projectStore.fetchProject(projectId);
-      if (project) {
-        newStore.project = project;
-      }
-    }
-    dataStores.value.push(newStore);
-    totalCount.value += 1;
-    return newStore;
-  };
-  const deleteDataStore = async (datastoreId, projectId) => {
-    const deleted = await deleteDataStoreApi(rootStore.restApiContext, datastoreId, projectId);
-    if (deleted) {
-      dataStores.value = dataStores.value.filter((store) => store.id !== datastoreId);
-      totalCount.value -= 1;
-    }
-    return deleted;
-  };
-  const deleteDataStoreColumn = async (datastoreId, projectId, columnId) => {
-    const deleted = await deleteDataStoreColumnApi(
-      rootStore.restApiContext,
-      datastoreId,
-      projectId,
-      columnId
-    );
-    if (deleted) {
-      const index = dataStores.value.findIndex((store) => store.id === datastoreId);
-      if (index !== -1) {
-        dataStores.value[index].columns = dataStores.value[index].columns.filter(
-          (col) => col.id !== columnId
-        );
-      }
-    }
-    return deleted;
-  };
-  const updateDataStore = async (datastoreId, name, projectId) => {
-    const updated = await updateDataStoreApi(
-      rootStore.restApiContext,
-      datastoreId,
-      name,
-      projectId
-    );
-    if (updated) {
-      const index = dataStores.value.findIndex((store) => store.id === datastoreId);
-      if (index !== -1) {
-        dataStores.value[index] = { ...dataStores.value[index], name };
-      }
-    }
-    return updated;
-  };
-  const fetchDataStoreDetails = async (datastoreId, projectId) => {
-    const response = await fetchDataStoresApi(rootStore.restApiContext, projectId, void 0, {
-      projectId,
-      id: datastoreId
-    });
-    if (response.data.length > 0) {
-      dataStores.value = response.data;
-      return response.data[0];
-    }
-    return null;
-  };
-  const fetchOrFindDataStore = async (datastoreId, projectId) => {
-    const existingStore = dataStores.value.find((store) => store.id === datastoreId);
-    if (existingStore) {
-      return existingStore;
-    }
-    return await fetchDataStoreDetails(datastoreId, projectId);
-  };
-  const addDataStoreColumn = async (datastoreId, projectId, column) => {
-    const newColumn = await addDataStoreColumnApi(
-      rootStore.restApiContext,
-      datastoreId,
-      projectId,
-      column
-    );
-    if (newColumn) {
-      const index = dataStores.value.findIndex((store) => store.id === datastoreId);
-      if (index !== -1) {
-        dataStores.value[index].columns.push(newColumn);
-      }
-    }
-    return newColumn;
-  };
-  const moveDataStoreColumn = async (datastoreId, projectId, columnId, targetIndex) => {
-    const moved = await moveDataStoreColumnApi(
-      rootStore.restApiContext,
-      datastoreId,
-      projectId,
-      columnId,
-      targetIndex
-    );
-    if (moved) {
-      const dsIndex = dataStores.value.findIndex((store) => store.id === datastoreId);
-      const fromIndex = dataStores.value[dsIndex].columns.findIndex((col) => col.id === columnId);
-      dataStores.value[dsIndex].columns = reorderItem(
-        dataStores.value[dsIndex].columns,
-        fromIndex,
-        targetIndex
-      );
-    }
-    return moved;
-  };
-  const fetchDataStoreContent = async (datastoreId, projectId, page, pageSize, sortBy) => {
-    return await getDataStoreRowsApi(rootStore.restApiContext, datastoreId, projectId, {
-      skip: (page - 1) * pageSize,
-      take: pageSize,
-      sortBy
-    });
-  };
-  const insertEmptyRow = async (dataStore) => {
-    const inserted = await insertDataStoreRowApi(
-      rootStore.restApiContext,
-      dataStore.id,
-      {},
-      dataStore.projectId
-    );
-    return inserted[0];
-  };
-  const updateRow = async (dataStoreId, projectId, rowId, rowData) => {
-    return await updateDataStoreRowsApi(
-      rootStore.restApiContext,
-      dataStoreId,
-      rowId,
-      rowData,
-      projectId
-    );
-  };
-  const deleteRows = async (dataStoreId, projectId, rowIds) => {
-    return await deleteDataStoreRowsApi(rootStore.restApiContext, dataStoreId, rowIds, projectId);
-  };
-  return {
-    dataStores,
-    totalCount,
-    fetchDataStores,
-    createDataStore,
-    deleteDataStore,
-    updateDataStore,
-    fetchDataStoreDetails,
-    fetchOrFindDataStore,
-    addDataStoreColumn,
-    deleteDataStoreColumn,
-    moveDataStoreColumn,
-    fetchDataStoreContent,
-    insertEmptyRow,
-    updateRow,
-    deleteRows
-  };
-});
-export {
-  reorderItem as r,
-  useDataStoreStore as u
-};