@atom8n/n8n-editor-ui 2.2.0

package/dist/assets/RunDataParsedAiContent-CtPRjig-.js

@@ -0,0 +1,26 @@
+import "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import "./core-CRbPymLT.js";
+import "./src-jviYSG25.js";
+import "./en-CF30SCh2.js";
+import "./preload-helper-dyVz7ck7.js";
+import "./_plugin-vue_export-helper-BwBpWJRZ.js";
+import "./truncate-C0KYt7i3.js";
+import "./builder.store-Czk2ipDE.js";
+import "./empty-BuGRxzl4.js";
+import "./get-BcEmeOxn.js";
+import "./sanitize-html-CbW56HUN.js";
+import "./CalendarDate-DgQUMbNo.js";
+import "./path-browserify-RUt2u7iT.js";
+import "./_MapCache-CcdIl4Ae.js";
+import "./constants-C8OH4tTq.js";
+import "./merge-DhuTk1HM.js";
+import "./_baseOrderBy-N8Be_6z6.js";
+import "./dateformat-hG8NERse.js";
+import "./useDebounce-Br5_1ug-.js";
+import "./useClipboard-DvjhVHqJ.js";
+import "./VueMarkdown-CQqJL9vK.js";
+import "./TextWithHighlights-BxumwGnv.js";
+import "./core-CP5FY4aX.js";
+import "./core-B9gt_4yk.js";
+import { t as RunDataParsedAiContent_default } from "./RunDataParsedAiContent-WAuqLQ5M.js";
+export { RunDataParsedAiContent_default as default };

package/dist/assets/RunDataParsedAiContent-WAuqLQ5M.js

@@ -0,0 +1,192 @@
+import { o as __toESM } from "./chunk-6z4oVpB-.js";
+import { C as computed, D as createElementBlock, E as createCommentVNode, Gt as unref, M as createVNode, P as defineComponent, T as createBlock, _ as Fragment, et as openBlock, it as renderList, vn as normalizeClass } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { rt as useI18n } from "./core-CRbPymLT.js";
+import { vt as require_utils, xt as N8nIconButton_default } from "./src-jviYSG25.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
+import { y as useToast } from "./builder.store-Czk2ipDE.js";
+import { y as require_lib } from "./get-BcEmeOxn.js";
+import { t as useClipboard } from "./useClipboard-DvjhVHqJ.js";
+import { t as VueMarkdown_default } from "./VueMarkdown-CQqJL9vK.js";
+import { n as splitTextBySearch, t as TextWithHighlights_default } from "./TextWithHighlights-BxumwGnv.js";
+import { t as core_default } from "./core-B9gt_4yk.js";
+var import_lib = /* @__PURE__ */ __toESM(require_lib());
+var import_utils = /* @__PURE__ */ __toESM(require_utils());
+function getReferencedData(taskData) {
+	const returnData = [];
+	function addFunction(data, inOut) {
+		if (!data) return;
+		Object.keys(data).map((type) => {
+			returnData.push({
+				data: data[type][0],
+				inOut,
+				type,
+				source: taskData.source,
+				metadata: {
+					executionTime: taskData.executionTime,
+					startTime: taskData.startTime,
+					subExecution: taskData.metadata?.subExecution
+				}
+			});
+		});
+	}
+	addFunction(taskData.inputOverride, "input");
+	addFunction(taskData.data, "output");
+	return returnData;
+}
+function createHtmlFragmentWithSearchHighlight(text, search) {
+	const escaped = (0, import_lib.escapeHtml)(text);
+	return search ? splitTextBySearch(escaped, search).map((part) => part.isMatched ? `<mark>${part.content}</mark>` : part.content).join("") : escaped;
+}
+function createSearchHighlightPlugin(search) {
+	return (md) => {
+		md.renderer.rules.text = (tokens, idx) => createHtmlFragmentWithSearchHighlight(tokens[idx].content, search);
+		md.renderer.rules.code_inline = (tokens, idx, _, __, slf) => `<code${slf.renderAttrs(tokens[idx])}>${createHtmlFragmentWithSearchHighlight(tokens[idx].content, search)}</code>`;
+		md.renderer.rules.code_block = (tokens, idx, _, __, slf) => `<pre${slf.renderAttrs(tokens[idx])}><code>${createHtmlFragmentWithSearchHighlight(tokens[idx].content, search)}</code></pre>\n`;
+		md.renderer.rules.fence = (tokens, idx, options, _, slf) => {
+			const token = tokens[idx];
+			const info = token.info ? (0, import_utils.unescapeAll)(token.info).trim() : "";
+			let langName = "";
+			let langAttrs = "";
+			if (info) {
+				const arr = info.split(/(\s+)/g);
+				langName = arr[0];
+				langAttrs = arr.slice(2).join("");
+			}
+			const highlighted = options.highlight?.(token.content, langName, langAttrs) ?? createHtmlFragmentWithSearchHighlight(token.content, search);
+			if (highlighted.indexOf("<pre") === 0) return highlighted + "\n";
+			return `<pre><code${slf.renderAttrs(token)}>${highlighted}</code></pre>\n`;
+		};
+	};
+}
+var _hoisted_1 = ["data-content-type"];
+var RunDataParsedAiContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "RunDataParsedAiContent",
+	props: {
+		content: {},
+		compact: {
+			type: Boolean,
+			default: false
+		},
+		search: {},
+		renderType: {}
+	},
+	setup(__props) {
+		const i18n = useI18n();
+		const clipboard = useClipboard();
+		const { showMessage } = useToast();
+		const vueMarkdownPlugins = computed(() => [createSearchHighlightPlugin(__props.search)]);
+		function isJsonString(text) {
+			try {
+				JSON.parse(text);
+				return true;
+			} catch (e) {
+				return false;
+			}
+		}
+		const markdownOptions = { highlight(str, lang) {
+			if (lang && core_default.getLanguage(lang)) try {
+				return core_default.highlight(str, { language: lang }).value;
+			} catch {}
+		} };
+		function isMarkdown(jsonMarkdown) {
+			if (typeof jsonMarkdown !== "string") return false;
+			return [
+				/^# .+/gm,
+				/\*{1,2}.+\*{1,2}/g,
+				/\[.+\]\(.+\)/g,
+				/```[\s\S]+```/g
+			].some((pattern) => pattern.test(jsonMarkdown));
+		}
+		function formatToJsonMarkdown(data) {
+			return "```json\n" + data + "\n```";
+		}
+		function jsonToMarkdown(data) {
+			if (isMarkdown(data)) return data;
+			if (Array.isArray(data) && data.length && typeof data[0] !== "number") return data.map((item) => jsonToMarkdown(item)).join("\n\n").trim();
+			if (typeof data === "string") {
+				if (isJsonString(data)) return formatToJsonMarkdown(data);
+				return data;
+			}
+			return formatToJsonMarkdown(JSON.stringify(data, null, 2));
+		}
+		function onCopyToClipboard(object) {
+			try {
+				clipboard.copy(JSON.stringify(object, void 0, 2));
+				showMessage({
+					title: i18n.baseText("generic.copiedToClipboard"),
+					type: "success"
+				});
+			} catch {}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass([_ctx.$style.component, _ctx.compact ? _ctx.$style.compact : ""]) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.content, ({ parsedContent, raw }, index) => {
+				return openBlock(), createElementBlock("div", {
+					key: index,
+					class: normalizeClass(_ctx.$style.contentText),
+					"data-content-type": parsedContent?.type
+				}, [parsedContent && _ctx.renderType === "rendered" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [parsedContent.type === "json" ? (openBlock(), createBlock(unref(VueMarkdown_default), {
+					key: 0,
+					source: jsonToMarkdown(parsedContent.data),
+					class: normalizeClass(_ctx.$style.markdown),
+					options: markdownOptions,
+					plugins: vueMarkdownPlugins.value
+				}, null, 8, [
+					"source",
+					"class",
+					"plugins"
+				])) : parsedContent.type === "markdown" ? (openBlock(), createBlock(unref(VueMarkdown_default), {
+					key: 1,
+					source: parsedContent.data,
+					class: normalizeClass(_ctx.$style.markdown),
+					options: markdownOptions,
+					plugins: vueMarkdownPlugins.value
+				}, null, 8, [
+					"source",
+					"class",
+					"plugins"
+				])) : parsedContent.type === "text" ? (openBlock(), createBlock(TextWithHighlights_default, {
+					key: 2,
+					class: normalizeClass(_ctx.$style.runText),
+					content: String(parsedContent.data),
+					search: _ctx.search
+				}, null, 8, [
+					"class",
+					"content",
+					"search"
+				])) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass(_ctx.$style.rawContent)
+				}, [createVNode(unref(N8nIconButton_default), {
+					size: "small",
+					class: normalizeClass(_ctx.$style.copyToClipboard),
+					type: "secondary",
+					title: unref(i18n).baseText("nodeErrorView.copyToClipboard"),
+					icon: "files",
+					onClick: ($event) => onCopyToClipboard(raw)
+				}, null, 8, [
+					"class",
+					"title",
+					"onClick"
+				]), createVNode(unref(VueMarkdown_default), {
+					source: jsonToMarkdown(raw),
+					class: normalizeClass(_ctx.$style.markdown),
+					plugins: vueMarkdownPlugins.value
+				}, null, 8, [
+					"source",
+					"class",
+					"plugins"
+				])], 2))], 10, _hoisted_1);
+			}), 128))], 2);
+		};
+	}
+});
+var RunDataParsedAiContent_vue_vue_type_style_index_0_lang_module_default = {
+	runText: "_runText_1dyxh_123",
+	markdown: "_markdown_1dyxh_128",
+	compact: "_compact_1dyxh_151",
+	copyToClipboard: "_copyToClipboard_1dyxh_159",
+	rawContent: "_rawContent_1dyxh_169",
+	contentText: "_contentText_1dyxh_173"
+};
+var RunDataParsedAiContent_default = /* @__PURE__ */ __plugin_vue_export_helper_default(RunDataParsedAiContent_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": RunDataParsedAiContent_vue_vue_type_style_index_0_lang_module_default }]]);
+export { getReferencedData as n, RunDataParsedAiContent_default as t };

package/dist/assets/RunDataSearch-YBWUr93C.js

@@ -0,0 +1,141 @@
+import { C as computed, Gt as unref, It as ref, M as createVNode, P as defineComponent, T as createBlock, _t as watch, bn as normalizeStyle, bt as withCtx, et as openBlock, vn as normalizeClass, z as inject } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { m as useEventListener, rt as useI18n } from "./core-CRbPymLT.js";
+import { Cn as N8nIcon_default, ct as useDeviceSupport, yt as N8nInput_default } from "./src-jviYSG25.js";
+import "./en-CF30SCh2.js";
+import "./preload-helper-dyVz7ck7.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
+import "./truncate-C0KYt7i3.js";
+import "./empty-BuGRxzl4.js";
+import "./get-BcEmeOxn.js";
+import "./sanitize-html-CbW56HUN.js";
+import "./CalendarDate-DgQUMbNo.js";
+import "./path-browserify-RUt2u7iT.js";
+import "./_MapCache-CcdIl4Ae.js";
+import { ec as PopOutWindowKey } from "./constants-C8OH4tTq.js";
+import "./merge-DhuTk1HM.js";
+import { t as useDebounce } from "./useDebounce-Br5_1ug-.js";
+var COLLAPSED_WIDTH = "30px";
+var OPEN_WIDTH = "204px";
+var OPEN_MIN_WIDTH = "120px";
+var RunDataSearch_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "RunDataSearch",
+	props: {
+		modelValue: {},
+		paneType: { default: "output" },
+		displayMode: { default: "schema" },
+		shortcut: { default: void 0 }
+	},
+	emits: ["update:modelValue", "focus"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const props = __props;
+		const locale = useI18n();
+		const { debounce } = useDebounce();
+		const { isCtrlKeyPressed, controlKeyText } = useDeviceSupport();
+		const popOutWindow = inject(PopOutWindowKey, void 0);
+		const keyboardEventTarget = computed(() => popOutWindow?.value?.document ?? window.document);
+		const focusReturnTo = ref(null);
+		const inputRef = ref(null);
+		const search = ref(props.modelValue ?? "");
+		const opened = ref(!!search.value);
+		const placeholder = computed(() => {
+			if (props.shortcut === "ctrl+f") return locale.baseText("ndv.search.placeholder.shortcutHint", { interpolate: { shortcut: `${controlKeyText.value}+F` } });
+			if (props.paneType === "output") return locale.baseText("ndv.search.placeholder.output");
+			if (props.displayMode === "schema") return locale.baseText("ndv.search.placeholder.input.schema");
+			return locale.baseText("ndv.search.placeholder.input");
+		});
+		const style = computed(() => opened.value ? {
+			maxWidth: OPEN_WIDTH,
+			minWidth: OPEN_MIN_WIDTH
+		} : { maxWidth: COLLAPSED_WIDTH });
+		const documentKeyHandler = (event) => {
+			const action = getKeyboardActionToTrigger(event);
+			if (!action) return;
+			event.preventDefault();
+			event.stopImmediatePropagation();
+			switch (action) {
+				case "open":
+					focusReturnTo.value = document.activeElement;
+					inputRef.value?.focus();
+					inputRef.value?.select();
+					break;
+				case "cancel":
+					inputRef.value?.blur();
+					opened.value = false;
+					emit("update:modelValue", "");
+					if (focusReturnTo.value instanceof HTMLElement) focusReturnTo.value.focus();
+			}
+		};
+		const debouncedEmitUpdate = debounce(async (value) => emit("update:modelValue", value), {
+			debounceTime: 300,
+			trailing: true
+		});
+		const onSearchUpdate = (value) => {
+			search.value = value;
+			debouncedEmitUpdate(value);
+		};
+		const onFocus = () => {
+			opened.value = true;
+			inputRef.value?.select();
+			emit("focus");
+		};
+		const onBlur = () => {
+			if (!props.modelValue) opened.value = false;
+		};
+		function isTargetEditable(target) {
+			if (!(target instanceof HTMLElement)) return false;
+			return target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement || target instanceof HTMLSelectElement || target.getAttribute("contentEditable") === "true";
+		}
+		function getKeyboardActionToTrigger(event) {
+			if (opened.value && event.key === "Escape") return "cancel";
+			switch (props.shortcut) {
+				case "/": return event.key === "/" && !isTargetEditable(event.target) ? "open" : void 0;
+				case "ctrl+f": return event.key === "f" && isCtrlKeyPressed(event) ? "open" : void 0;
+				case void 0: return;
+			}
+		}
+		useEventListener(keyboardEventTarget, "keydown", documentKeyHandler, { capture: true });
+		watch(() => props.modelValue, (value) => {
+			const searchClearedFromOutside = search.value && !value;
+			search.value = value;
+			if (searchClearedFromOutside) opened.value = false;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(N8nInput_default), {
+				ref_key: "inputRef",
+				ref: inputRef,
+				"data-test-id": "ndv-search",
+				class: normalizeClass({
+					[_ctx.$style.ioSearch]: true,
+					[_ctx.$style.ioSearchOpened]: opened.value
+				}),
+				style: normalizeStyle(style.value),
+				"model-value": search.value,
+				placeholder: placeholder.value,
+				size: "small",
+				"onUpdate:modelValue": onSearchUpdate,
+				onFocus,
+				onBlur
+			}, {
+				prefix: withCtx(() => [createVNode(unref(N8nIcon_default), {
+					class: normalizeClass(_ctx.$style.ioSearchIcon),
+					icon: "search",
+					size: "large"
+				}, null, 8, ["class"])]),
+				_: 1
+			}, 8, [
+				"class",
+				"style",
+				"model-value",
+				"placeholder"
+			]);
+		};
+	}
+});
+var RunDataSearch_vue_vue_type_style_index_0_lang_module_default = {
+	ioSearch: "_ioSearch_zxpr4_123",
+	ioSearchIcon: "_ioSearchIcon_zxpr4_126",
+	ioSearchOpened: "_ioSearchOpened_zxpr4_144"
+};
+var RunDataSearch_default = /* @__PURE__ */ __plugin_vue_export_helper_default(RunDataSearch_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": RunDataSearch_vue_vue_type_style_index_0_lang_module_default }]]);
+export { RunDataSearch_default as default };