@n8n/composables 1.34.0 → 1.35.0

package/dist/useIntersectionObserver.cjs

@@ -0,0 +1,58 @@
+const require_useDebounce = require('./useDebounce.cjs');
+let vue = require("vue");
+
+//#region src/useIntersectionObserver.ts
+/**
+* Composable for observing element intersections with automatic cleanup
+*
+* @example
+* const { observe } = useIntersectionObserver({
+*   root: containerRef,
+*   onIntersect: () => loadMore(),
+* });
+*
+* // Observe last item in list
+* observe(lastItemElement);
+*/
+function useIntersectionObserver(options) {
+	const observer = (0, vue.ref)(null);
+	/**
+	* Stop observing and clean up the observer
+	*/
+	const disconnect = () => {
+		if (observer.value) {
+			observer.value.disconnect();
+			observer.value = null;
+		}
+	};
+	/**
+	* Start observing an element for intersection
+	* Automatically cleans up any existing observer before creating a new one
+	*/
+	const observe = (element) => {
+		if (!element) return;
+		disconnect();
+		observer.value = new IntersectionObserver(([entry]) => {
+			if (entry.isIntersecting) {
+				if (options.once !== false) disconnect();
+				options.onIntersect();
+			}
+		}, {
+			root: options.root.value,
+			threshold: options.threshold ?? .01
+		});
+		observer.value.observe(element);
+	};
+	(0, vue.onBeforeUnmount)(() => {
+		disconnect();
+	});
+	return {
+		observer,
+		observe,
+		disconnect
+	};
+}
+
+//#endregion
+exports.useIntersectionObserver = useIntersectionObserver;
+//# sourceMappingURL=useIntersectionObserver.cjs.map

package/dist/useIntersectionObserver.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIntersectionObserver.cjs","names":[],"sources":["../src/useIntersectionObserver.ts"],"sourcesContent":["import { ref, onBeforeUnmount, type Ref } from 'vue';\n\nexport interface UseIntersectionObserverOptions {\n\t/**\n\t * The root element for intersection detection (scrollable container)\n\t */\n\troot: Ref<Element | null>;\n\n\t/**\n\t * Threshold for intersection (0.0 to 1.0)\n\t * @default 0.01\n\t */\n\tthreshold?: number;\n\n\t/**\n\t * Callback to execute when element intersects\n\t */\n\tonIntersect: () => void;\n\n\t/**\n\t * Whether to disconnect observer after first intersection\n\t * @default true\n\t */\n\tonce?: boolean;\n}\n\n/**\n * Composable for observing element intersections with automatic cleanup\n *\n * @example\n * const { observe } = useIntersectionObserver({\n *   root: containerRef,\n *   onIntersect: () => loadMore(),\n * });\n *\n * // Observe last item in list\n * observe(lastItemElement);\n */\nexport function useIntersectionObserver(options: UseIntersectionObserverOptions) {\n\tconst observer = ref<IntersectionObserver | null>(null);\n\n\t/**\n\t * Stop observing and clean up the observer\n\t */\n\tconst disconnect = () => {\n\t\tif (observer.value) {\n\t\t\tobserver.value.disconnect();\n\t\t\tobserver.value = null;\n\t\t}\n\t};\n\n\t/**\n\t * Start observing an element for intersection\n\t * Automatically cleans up any existing observer before creating a new one\n\t */\n\tconst observe = (element: Element | null | undefined) => {\n\t\tif (!element) return;\n\n\t\t// Clean up existing observer if any\n\t\tdisconnect();\n\n\t\tobserver.value = new IntersectionObserver(\n\t\t\t([entry]) => {\n\t\t\t\tif (entry.isIntersecting) {\n\t\t\t\t\t// Disconnect first. The callback can call observe() and create a new observer.\n\t\t\t\t\tif (options.once !== false) {\n\t\t\t\t\t\tdisconnect();\n\t\t\t\t\t}\n\n\t\t\t\t\toptions.onIntersect();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\troot: options.root.value,\n\t\t\t\tthreshold: options.threshold ?? 0.01,\n\t\t\t},\n\t\t);\n\n\t\tobserver.value.observe(element);\n\t};\n\n\t// Cleanup observer when component unmounts\n\tonBeforeUnmount(() => {\n\t\tdisconnect();\n\t});\n\n\treturn {\n\t\tobserver,\n\t\tobserve,\n\t\tdisconnect,\n\t};\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAsCA,SAAgB,wBAAwB,SAAyC;CAChF,MAAM,wBAA4C,KAAK;;;;CAKvD,MAAM,mBAAmB;AACxB,MAAI,SAAS,OAAO;AACnB,YAAS,MAAM,YAAY;AAC3B,YAAS,QAAQ;;;;;;;CAQnB,MAAM,WAAW,YAAwC;AACxD,MAAI,CAAC,QAAS;AAGd,cAAY;AAEZ,WAAS,QAAQ,IAAI,sBACnB,CAAC,WAAW;AACZ,OAAI,MAAM,gBAAgB;AAEzB,QAAI,QAAQ,SAAS,MACpB,aAAY;AAGb,YAAQ,aAAa;;KAGvB;GACC,MAAM,QAAQ,KAAK;GACnB,WAAW,QAAQ,aAAa;GAChC,CACD;AAED,WAAS,MAAM,QAAQ,QAAQ;;AAIhC,gCAAsB;AACrB,cAAY;GACX;AAEF,QAAO;EACN;EACA;EACA;EACA"}

package/dist/useIntersectionObserver.d.cts

@@ -0,0 +1,35 @@
+import { Ref } from "vue";
+
+//#region src/useIntersectionObserver.d.ts
+interface UseIntersectionObserverOptions {
+  root: Ref<Element | null>;
+  threshold?: number;
+  onIntersect: () => void;
+  once?: boolean;
+}
+declare function useIntersectionObserver(options: UseIntersectionObserverOptions): {
+  observer: Ref<{
+    readonly root: Element | Document | null;
+    readonly rootMargin: string;
+    readonly scrollMargin: string;
+    readonly thresholds: ReadonlyArray<number>;
+    disconnect: () => void;
+    observe: (target: Element) => void;
+    takeRecords: () => IntersectionObserverEntry[];
+    unobserve: (target: Element) => void;
+  } | null, IntersectionObserver | {
+    readonly root: Element | Document | null;
+    readonly rootMargin: string;
+    readonly scrollMargin: string;
+    readonly thresholds: ReadonlyArray<number>;
+    disconnect: () => void;
+    observe: (target: Element) => void;
+    takeRecords: () => IntersectionObserverEntry[];
+    unobserve: (target: Element) => void;
+  } | null>;
+  observe: (element: Element | null | undefined) => void;
+  disconnect: () => void;
+};
+//#endregion
+export { UseIntersectionObserverOptions, useIntersectionObserver };
+//# sourceMappingURL=useIntersectionObserver.d.cts.map

package/dist/useIntersectionObserver.d.mts

@@ -0,0 +1,35 @@
+import { Ref } from "vue";
+
+//#region src/useIntersectionObserver.d.ts
+interface UseIntersectionObserverOptions {
+  root: Ref<Element | null>;
+  threshold?: number;
+  onIntersect: () => void;
+  once?: boolean;
+}
+declare function useIntersectionObserver(options: UseIntersectionObserverOptions): {
+  observer: Ref<{
+    readonly root: Element | Document | null;
+    readonly rootMargin: string;
+    readonly scrollMargin: string;
+    readonly thresholds: ReadonlyArray<number>;
+    disconnect: () => void;
+    observe: (target: Element) => void;
+    takeRecords: () => IntersectionObserverEntry[];
+    unobserve: (target: Element) => void;
+  } | null, IntersectionObserver | {
+    readonly root: Element | Document | null;
+    readonly rootMargin: string;
+    readonly scrollMargin: string;
+    readonly thresholds: ReadonlyArray<number>;
+    disconnect: () => void;
+    observe: (target: Element) => void;
+    takeRecords: () => IntersectionObserverEntry[];
+    unobserve: (target: Element) => void;
+  } | null>;
+  observe: (element: Element | null | undefined) => void;
+  disconnect: () => void;
+};
+//#endregion
+export { UseIntersectionObserverOptions, useIntersectionObserver };
+//# sourceMappingURL=useIntersectionObserver.d.mts.map

package/dist/useIntersectionObserver.mjs

@@ -0,0 +1,57 @@
+import { onBeforeUnmount, ref } from "vue";
+
+//#region src/useIntersectionObserver.ts
+/**
+* Composable for observing element intersections with automatic cleanup
+*
+* @example
+* const { observe } = useIntersectionObserver({
+*   root: containerRef,
+*   onIntersect: () => loadMore(),
+* });
+*
+* // Observe last item in list
+* observe(lastItemElement);
+*/
+function useIntersectionObserver(options) {
+	const observer = ref(null);
+	/**
+	* Stop observing and clean up the observer
+	*/
+	const disconnect = () => {
+		if (observer.value) {
+			observer.value.disconnect();
+			observer.value = null;
+		}
+	};
+	/**
+	* Start observing an element for intersection
+	* Automatically cleans up any existing observer before creating a new one
+	*/
+	const observe = (element) => {
+		if (!element) return;
+		disconnect();
+		observer.value = new IntersectionObserver(([entry]) => {
+			if (entry.isIntersecting) {
+				if (options.once !== false) disconnect();
+				options.onIntersect();
+			}
+		}, {
+			root: options.root.value,
+			threshold: options.threshold ?? .01
+		});
+		observer.value.observe(element);
+	};
+	onBeforeUnmount(() => {
+		disconnect();
+	});
+	return {
+		observer,
+		observe,
+		disconnect
+	};
+}
+
+//#endregion
+export { useIntersectionObserver };
+//# sourceMappingURL=useIntersectionObserver.mjs.map

package/dist/useIntersectionObserver.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIntersectionObserver.mjs","names":[],"sources":["../src/useIntersectionObserver.ts"],"sourcesContent":["import { ref, onBeforeUnmount, type Ref } from 'vue';\n\nexport interface UseIntersectionObserverOptions {\n\t/**\n\t * The root element for intersection detection (scrollable container)\n\t */\n\troot: Ref<Element | null>;\n\n\t/**\n\t * Threshold for intersection (0.0 to 1.0)\n\t * @default 0.01\n\t */\n\tthreshold?: number;\n\n\t/**\n\t * Callback to execute when element intersects\n\t */\n\tonIntersect: () => void;\n\n\t/**\n\t * Whether to disconnect observer after first intersection\n\t * @default true\n\t */\n\tonce?: boolean;\n}\n\n/**\n * Composable for observing element intersections with automatic cleanup\n *\n * @example\n * const { observe } = useIntersectionObserver({\n *   root: containerRef,\n *   onIntersect: () => loadMore(),\n * });\n *\n * // Observe last item in list\n * observe(lastItemElement);\n */\nexport function useIntersectionObserver(options: UseIntersectionObserverOptions) {\n\tconst observer = ref<IntersectionObserver | null>(null);\n\n\t/**\n\t * Stop observing and clean up the observer\n\t */\n\tconst disconnect = () => {\n\t\tif (observer.value) {\n\t\t\tobserver.value.disconnect();\n\t\t\tobserver.value = null;\n\t\t}\n\t};\n\n\t/**\n\t * Start observing an element for intersection\n\t * Automatically cleans up any existing observer before creating a new one\n\t */\n\tconst observe = (element: Element | null | undefined) => {\n\t\tif (!element) return;\n\n\t\t// Clean up existing observer if any\n\t\tdisconnect();\n\n\t\tobserver.value = new IntersectionObserver(\n\t\t\t([entry]) => {\n\t\t\t\tif (entry.isIntersecting) {\n\t\t\t\t\t// Disconnect first. The callback can call observe() and create a new observer.\n\t\t\t\t\tif (options.once !== false) {\n\t\t\t\t\t\tdisconnect();\n\t\t\t\t\t}\n\n\t\t\t\t\toptions.onIntersect();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\troot: options.root.value,\n\t\t\t\tthreshold: options.threshold ?? 0.01,\n\t\t\t},\n\t\t);\n\n\t\tobserver.value.observe(element);\n\t};\n\n\t// Cleanup observer when component unmounts\n\tonBeforeUnmount(() => {\n\t\tdisconnect();\n\t});\n\n\treturn {\n\t\tobserver,\n\t\tobserve,\n\t\tdisconnect,\n\t};\n}\n"],"mappings":";;;;;;;;;;;;;;;AAsCA,SAAgB,wBAAwB,SAAyC;CAChF,MAAM,WAAW,IAAiC,KAAK;;;;CAKvD,MAAM,mBAAmB;AACxB,MAAI,SAAS,OAAO;AACnB,YAAS,MAAM,YAAY;AAC3B,YAAS,QAAQ;;;;;;;CAQnB,MAAM,WAAW,YAAwC;AACxD,MAAI,CAAC,QAAS;AAGd,cAAY;AAEZ,WAAS,QAAQ,IAAI,sBACnB,CAAC,WAAW;AACZ,OAAI,MAAM,gBAAgB;AAEzB,QAAI,QAAQ,SAAS,MACpB,aAAY;AAGb,YAAQ,aAAa;;KAGvB;GACC,MAAM,QAAQ,KAAK;GACnB,WAAW,QAAQ,aAAa;GAChC,CACD;AAED,WAAS,MAAM,QAAQ,QAAQ;;AAIhC,uBAAsB;AACrB,cAAY;GACX;AAEF,QAAO;EACN;EACA;EACA;EACA"}

package/dist/useWorkflowVersionLabel.cjs

@@ -0,0 +1,17 @@
+const require_useDebounce = require('./useDebounce.cjs');
+let __n8n_i18n = require("@n8n/i18n");
+
+//#region src/useWorkflowVersionLabel.ts
+const generateVersionLabelFromId = (versionId) => {
+	return `Version ${versionId.substring(0, 8)}`;
+};
+const getVersionLabel = ({ workflowHistory, currentVersionId }) => {
+	const i18n = (0, __n8n_i18n.useI18n)();
+	if (workflowHistory.name) return workflowHistory.name;
+	return workflowHistory.versionId === currentVersionId ? i18n.baseText("workflowHistory.item.currentChanges") : generateVersionLabelFromId(workflowHistory.versionId);
+};
+
+//#endregion
+exports.generateVersionLabelFromId = generateVersionLabelFromId;
+exports.getVersionLabel = getVersionLabel;
+//# sourceMappingURL=useWorkflowVersionLabel.cjs.map

package/dist/useWorkflowVersionLabel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWorkflowVersionLabel.cjs","names":[],"sources":["../src/useWorkflowVersionLabel.ts"],"sourcesContent":["import { useI18n } from '@n8n/i18n';\n\nexport const generateVersionLabelFromId = (versionId: string) => {\n\treturn `Version ${versionId.substring(0, 8)}`;\n};\n\nexport const getVersionLabel = ({\n\tworkflowHistory,\n\tcurrentVersionId,\n}: {\n\tworkflowHistory: { versionId: string; name?: string | null };\n\tcurrentVersionId?: string;\n}) => {\n\tconst i18n = useI18n();\n\tif (workflowHistory.name) {\n\t\treturn workflowHistory.name;\n\t}\n\n\tconst isCurrentVersion = workflowHistory.versionId === currentVersionId;\n\treturn isCurrentVersion\n\t\t? i18n.baseText('workflowHistory.item.currentChanges')\n\t\t: generateVersionLabelFromId(workflowHistory.versionId);\n};\n"],"mappings":";;;;AAEA,MAAa,8BAA8B,cAAsB;AAChE,QAAO,WAAW,UAAU,UAAU,GAAG,EAAE;;AAG5C,MAAa,mBAAmB,EAC/B,iBACA,uBAIK;CACL,MAAM,gCAAgB;AACtB,KAAI,gBAAgB,KACnB,QAAO,gBAAgB;AAIxB,QADyB,gBAAgB,cAAc,mBAEpD,KAAK,SAAS,sCAAsC,GACpD,2BAA2B,gBAAgB,UAAU"}

package/dist/useWorkflowVersionLabel.d.cts

@@ -0,0 +1,15 @@
+//#region src/useWorkflowVersionLabel.d.ts
+declare const generateVersionLabelFromId: (versionId: string) => string;
+declare const getVersionLabel: ({
+  workflowHistory,
+  currentVersionId
+}: {
+  workflowHistory: {
+    versionId: string;
+    name?: string | null;
+  };
+  currentVersionId?: string;
+}) => string;
+//#endregion
+export { generateVersionLabelFromId, getVersionLabel };
+//# sourceMappingURL=useWorkflowVersionLabel.d.cts.map

package/dist/useWorkflowVersionLabel.d.mts

@@ -0,0 +1,15 @@
+//#region src/useWorkflowVersionLabel.d.ts
+declare const generateVersionLabelFromId: (versionId: string) => string;
+declare const getVersionLabel: ({
+  workflowHistory,
+  currentVersionId
+}: {
+  workflowHistory: {
+    versionId: string;
+    name?: string | null;
+  };
+  currentVersionId?: string;
+}) => string;
+//#endregion
+export { generateVersionLabelFromId, getVersionLabel };
+//# sourceMappingURL=useWorkflowVersionLabel.d.mts.map

package/dist/useWorkflowVersionLabel.mjs

@@ -0,0 +1,15 @@
+import { useI18n } from "@n8n/i18n";
+
+//#region src/useWorkflowVersionLabel.ts
+const generateVersionLabelFromId = (versionId) => {
+	return `Version ${versionId.substring(0, 8)}`;
+};
+const getVersionLabel = ({ workflowHistory, currentVersionId }) => {
+	const i18n = useI18n();
+	if (workflowHistory.name) return workflowHistory.name;
+	return workflowHistory.versionId === currentVersionId ? i18n.baseText("workflowHistory.item.currentChanges") : generateVersionLabelFromId(workflowHistory.versionId);
+};
+
+//#endregion
+export { generateVersionLabelFromId, getVersionLabel };
+//# sourceMappingURL=useWorkflowVersionLabel.mjs.map

package/dist/useWorkflowVersionLabel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWorkflowVersionLabel.mjs","names":[],"sources":["../src/useWorkflowVersionLabel.ts"],"sourcesContent":["import { useI18n } from '@n8n/i18n';\n\nexport const generateVersionLabelFromId = (versionId: string) => {\n\treturn `Version ${versionId.substring(0, 8)}`;\n};\n\nexport const getVersionLabel = ({\n\tworkflowHistory,\n\tcurrentVersionId,\n}: {\n\tworkflowHistory: { versionId: string; name?: string | null };\n\tcurrentVersionId?: string;\n}) => {\n\tconst i18n = useI18n();\n\tif (workflowHistory.name) {\n\t\treturn workflowHistory.name;\n\t}\n\n\tconst isCurrentVersion = workflowHistory.versionId === currentVersionId;\n\treturn isCurrentVersion\n\t\t? i18n.baseText('workflowHistory.item.currentChanges')\n\t\t: generateVersionLabelFromId(workflowHistory.versionId);\n};\n"],"mappings":";;;AAEA,MAAa,8BAA8B,cAAsB;AAChE,QAAO,WAAW,UAAU,UAAU,GAAG,EAAE;;AAG5C,MAAa,mBAAmB,EAC/B,iBACA,uBAIK;CACL,MAAM,OAAO,SAAS;AACtB,KAAI,gBAAgB,KACnB,QAAO,gBAAgB;AAIxB,QADyB,gBAAgB,cAAc,mBAEpD,KAAK,SAAS,sCAAsC,GACpD,2BAA2B,gBAAgB,UAAU"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@n8n/composables",
   "type": "module",
-  "version": "1.34.0",
+  "version": "1.35.0",
   "files": [
     "dist",
     "LICENSE.md",
@@ -15,20 +15,20 @@
     }
   },
   "dependencies": {
-    "@n8n/api-types": "1.44.0",
-    "@n8n/frontend-constants": "0.10.0",
+    "@n8n/api-types": "1.45.0",
+    "@n8n/frontend-constants": "0.11.0",
     "@n8n/frontend-utils": "0.4.0",
-    "@n8n/i18n": "2.44.0",
+    "@n8n/i18n": "2.45.0",
     "@vueuse/core": "^14.3.0",
     "lodash": "4.18.1",
-    "n8n-workflow": "2.44.0",
+    "n8n-workflow": "2.45.0",
     "vue": "^3.5.13",
     "vue-router": "^4.5.0"
   },
   "devDependencies": {
     "@n8n/eslint-config": "0.0.1",
     "@n8n/playwright-janitor": "0.1.0",
-    "@n8n/telemetry": "1.12.0",
+    "@n8n/telemetry": "1.13.0",
     "@n8n/typescript-config": "1.12.0",
     "@n8n/vitest-config": "1.24.0",
     "@pinia/testing": "^0.1.6",