@atom8n/n8n-editor-ui 2.2.0

package/dist/assets/chatPanel.store-NDaawEZL.js

@@ -0,0 +1,118 @@
+import { C as computed, _t as watch } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { Ec as BUILDER_ENABLED_VIEWS, Tc as ASSISTANT_ENABLED_VIEWS, aa as useUIStore, ms as useSettingsStore, t as useBuilderStore, wc as STORES } from "./builder.store-Czk2ipDE.js";
+import { _ as useRoute } from "./get-BcEmeOxn.js";
+import { Io as EDITABLE_CANVAS_VIEWS, Vc as ASK_AI_SLIDE_OUT_DURATION_MS } from "./constants-C8OH4tTq.js";
+import { k as defineStore } from "./_baseOrderBy-N8Be_6z6.js";
+import { r as useChatPanelStateStore, t as useAssistantStore } from "./assistant.store-CNywgN4S.js";
+function isEnabledView(route, views) {
+	return typeof route === "string" && views.includes(route);
+}
+const useChatPanelStore = defineStore(STORES.CHAT_PANEL, () => {
+	const uiStore = useUIStore();
+	const route = useRoute();
+	const chatPanelStateStore = useChatPanelStateStore();
+	const settingsStore = useSettingsStore();
+	const isAssistantModeActive = computed(() => chatPanelStateStore.activeMode === "assistant");
+	const isBuilderModeActive = computed(() => chatPanelStateStore.activeMode === "builder");
+	const canShowAiButtonOnCanvas = computed(() => settingsStore.isAiAssistantOrBuilderEnabled && EDITABLE_CANVAS_VIEWS.includes(route.name));
+	async function open(options) {
+		const mode = options?.mode;
+		if (mode) chatPanelStateStore.activeMode = mode;
+		const enabledViews = chatPanelStateStore.activeMode === "assistant" ? ASSISTANT_ENABLED_VIEWS : BUILDER_ENABLED_VIEWS;
+		const currentRoute = route?.name;
+		if (!isEnabledView(currentRoute, enabledViews)) {
+			close();
+			return;
+		}
+		chatPanelStateStore.isOpen = true;
+		if (chatPanelStateStore.activeMode === "builder") {
+			const builderStore = useBuilderStore();
+			if (!builderStore.streaming && builderStore.chatMessages.length === 0) {
+				builderStore.fetchBuilderCredits();
+				builderStore.loadSessions();
+			}
+		} else if (chatPanelStateStore.activeMode === "assistant") {
+			const assistantStore = useAssistantStore();
+			assistantStore.chatMessages = assistantStore.chatMessages.map((msg) => ({
+				...msg,
+				read: true
+			}));
+		}
+		uiStore.appGridDimensions = {
+			...uiStore.appGridDimensions,
+			width: window.innerWidth - chatPanelStateStore.width
+		};
+	}
+	function close() {
+		chatPanelStateStore.isOpen = false;
+		setTimeout(() => {
+			uiStore.appGridDimensions = {
+				...uiStore.appGridDimensions,
+				width: window.innerWidth
+			};
+			const assistantStore = useAssistantStore();
+			const builderStore = useBuilderStore();
+			if (assistantStore.isSessionEnded) assistantStore.resetAssistantChat();
+			if (!builderStore.streaming) builderStore.resetBuilderChat();
+		}, 250);
+	}
+	async function toggle(options) {
+		if (chatPanelStateStore.isOpen) close();
+		else await open(options);
+	}
+	function switchMode(mode) {
+		const enabledViews = mode === "assistant" ? ASSISTANT_ENABLED_VIEWS : BUILDER_ENABLED_VIEWS;
+		const currentRoute = route?.name;
+		if (!isEnabledView(currentRoute, enabledViews)) {
+			close();
+			return;
+		}
+		chatPanelStateStore.activeMode = mode;
+	}
+	function updateWidth(newWidth) {
+		const clampedWidth = Math.min(Math.max(newWidth, 380), 425);
+		chatPanelStateStore.width = clampedWidth;
+		if (chatPanelStateStore.isOpen) uiStore.appGridDimensions = {
+			...uiStore.appGridDimensions,
+			width: window.innerWidth - clampedWidth
+		};
+	}
+	async function openWithCredHelp(credentialType) {
+		await useAssistantStore().initCredHelp(credentialType);
+		await open({ mode: "assistant" });
+	}
+	async function openWithErrorHelper(context) {
+		await useAssistantStore().initErrorHelper(context);
+		await open({ mode: "assistant" });
+	}
+	watch(() => route?.name, (newRoute) => {
+		if (!newRoute) return;
+		const builderStore = useBuilderStore();
+		if (!chatPanelStateStore.isOpen && builderStore.streaming && isEnabledView(newRoute, BUILDER_ENABLED_VIEWS)) {
+			open({ mode: "builder" });
+			return;
+		}
+		if (!chatPanelStateStore.isOpen) return;
+		if (!isEnabledView(newRoute, chatPanelStateStore.activeMode === "assistant" ? ASSISTANT_ENABLED_VIEWS : BUILDER_ENABLED_VIEWS)) close();
+		else if (isEnabledView(newRoute, BUILDER_ENABLED_VIEWS) && !builderStore.streaming) builderStore.resetBuilderChat();
+	});
+	return {
+		isOpen: computed(() => chatPanelStateStore.isOpen),
+		width: computed(() => chatPanelStateStore.width),
+		activeMode: computed(() => chatPanelStateStore.activeMode),
+		isAssistantModeActive,
+		isBuilderModeActive,
+		canShowAiButtonOnCanvas,
+		open,
+		close,
+		toggle,
+		switchMode,
+		updateWidth,
+		openWithCredHelp,
+		openWithErrorHelper,
+		DEFAULT_CHAT_WIDTH: 400,
+		MIN_CHAT_WIDTH: 380,
+		MAX_CHAT_WIDTH: 425
+	};
+});
+export { useChatPanelStore as t };

package/dist/assets/chunk-6z4oVpB-.js

@@ -0,0 +1,36 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __esmMin = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __commonJSMin = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+var __export = (all) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	return target;
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, { get: (a, b) => (typeof require !== "undefined" ? require : a)[b] }) : x)(function(x) {
+	if (typeof require !== "undefined") return require.apply(this, arguments);
+	throw Error("Calling `require` for \"" + x + "\" in an environment that doesn't expose the `require` function.");
+});
+export { __toCommonJS as a, __require as i, __esmMin as n, __toESM as o, __export as r, __commonJSMin as t };

package/dist/assets/col-Cmt4cmuS.js

@@ -0,0 +1,158 @@
+import { C as computed, Gt as unref, P as defineComponent, T as createBlock, at as renderSlot, bn as normalizeStyle, bt as withCtx, cn as isObject, ct as resolveDynamicComponent, et as openBlock, nt as provide, tn as init_shared_esm_bundler, vn as normalizeClass, z as inject } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { $ as buildProps, M as mutable, W as withInstall, et as definePropType, k as useNamespace, y as _export_sfc, zt as isNumber } from "./truncate-C0KYt7i3.js";
+var rowContextKey = Symbol("rowContextKey");
+var rowProps = buildProps({
+	tag: {
+		type: String,
+		default: "div"
+	},
+	gutter: {
+		type: Number,
+		default: 0
+	},
+	justify: {
+		type: String,
+		values: [
+			"start",
+			"center",
+			"end",
+			"space-around",
+			"space-between",
+			"space-evenly"
+		],
+		default: "start"
+	},
+	align: {
+		type: String,
+		values: [
+			"top",
+			"middle",
+			"bottom"
+		]
+	}
+});
+var ElRow = withInstall(/* @__PURE__ */ _export_sfc(/* @__PURE__ */ defineComponent({
+	...defineComponent({ name: "ElRow" }),
+	props: rowProps,
+	setup(__props) {
+		const props = __props;
+		const ns = useNamespace("row");
+		provide(rowContextKey, { gutter: computed(() => props.gutter) });
+		const style = computed(() => {
+			const styles = {};
+			if (!props.gutter) return styles;
+			styles.marginRight = styles.marginLeft = `-${props.gutter / 2}px`;
+			return styles;
+		});
+		const rowKls = computed(() => [
+			ns.b(),
+			ns.is(`justify-${props.justify}`, props.justify !== "start"),
+			ns.is(`align-${props.align}`, !!props.align)
+		]);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
+				class: normalizeClass(unref(rowKls)),
+				style: normalizeStyle(unref(style))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["class", "style"]);
+		};
+	}
+}), [["__file", "/home/runner/work/element-plus/element-plus/packages/components/row/src/row.vue"]]));
+var colProps = buildProps({
+	tag: {
+		type: String,
+		default: "div"
+	},
+	span: {
+		type: Number,
+		default: 24
+	},
+	offset: {
+		type: Number,
+		default: 0
+	},
+	pull: {
+		type: Number,
+		default: 0
+	},
+	push: {
+		type: Number,
+		default: 0
+	},
+	xs: {
+		type: definePropType([Number, Object]),
+		default: () => mutable({})
+	},
+	sm: {
+		type: definePropType([Number, Object]),
+		default: () => mutable({})
+	},
+	md: {
+		type: definePropType([Number, Object]),
+		default: () => mutable({})
+	},
+	lg: {
+		type: definePropType([Number, Object]),
+		default: () => mutable({})
+	},
+	xl: {
+		type: definePropType([Number, Object]),
+		default: () => mutable({})
+	}
+});
+init_shared_esm_bundler();
+var ElCol = withInstall(/* @__PURE__ */ _export_sfc(/* @__PURE__ */ defineComponent({
+	...defineComponent({ name: "ElCol" }),
+	props: colProps,
+	setup(__props) {
+		const props = __props;
+		const { gutter } = inject(rowContextKey, { gutter: computed(() => 0) });
+		const ns = useNamespace("col");
+		const style = computed(() => {
+			const styles = {};
+			if (gutter.value) styles.paddingLeft = styles.paddingRight = `${gutter.value / 2}px`;
+			return styles;
+		});
+		const colKls = computed(() => {
+			const classes = [];
+			[
+				"span",
+				"offset",
+				"pull",
+				"push"
+			].forEach((prop) => {
+				const size = props[prop];
+				if (isNumber(size)) {
+					if (prop === "span") classes.push(ns.b(`${props[prop]}`));
+					else if (size > 0) classes.push(ns.b(`${prop}-${props[prop]}`));
+				}
+			});
+			[
+				"xs",
+				"sm",
+				"md",
+				"lg",
+				"xl"
+			].forEach((size) => {
+				if (isNumber(props[size])) classes.push(ns.b(`${size}-${props[size]}`));
+				else if (isObject(props[size])) Object.entries(props[size]).forEach(([prop, sizeProp]) => {
+					classes.push(prop !== "span" ? ns.b(`${size}-${prop}-${sizeProp}`) : ns.b(`${size}-${sizeProp}`));
+				});
+			});
+			if (gutter.value) classes.push(ns.is("guttered"));
+			return [ns.b(), classes];
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
+				class: normalizeClass(unref(colKls)),
+				style: normalizeStyle(unref(style))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["class", "style"]);
+		};
+	}
+}), [["__file", "/home/runner/work/element-plus/element-plus/packages/components/col/src/col.vue"]]));
+export { ElRow as n, ElCol as t };