504 lines
22 KiB
JavaScript
Executable File
504 lines
22 KiB
JavaScript
Executable File
import { _ as _export_sfc, fE as _sfc_main$1, d as defineComponent, af as useSourceControlStore, aA as usePageRedirectionHelper, a as useToast, ax as useDocumentTitle, fF as useLoadingService, r as ref, x as computed, o as onMounted, c as useI18n, d0 as reactive, h as createElementBlock, g as openBlock, i as createVNode, e as createBlock, w as withCtx, k as createTextVNode, t as toDisplayString, l as unref, m as N8nHeading, j as createBaseVNode, f as createCommentVNode, ab as I18nT, z as N8nCallout, n as normalizeClass, eQ as N8nFormInput, q as N8nButton, eZ as CopyInput, e0 as N8nNotice, a9 as Tooltip, eS as N8nCheckbox, dR as N8nActionBox, am as useMessage, an as MODAL_CONFIRM } from "./index-CeNA_ukL.js";
|
|
const component = "_component_y1zn3_123";
|
|
const input = "_input_y1zn3_128";
|
|
const style0$1 = {
|
|
component,
|
|
input
|
|
};
|
|
const cssModules$1 = {
|
|
"$style": style0$1
|
|
};
|
|
const N8nColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1], ["__scopeId", "data-v-74f39017"]]);
|
|
const _hoisted_1 = {
|
|
key: 0,
|
|
"data-test-id": "source-control-content-licensed"
|
|
};
|
|
const _hoisted_2 = ["href"];
|
|
const _hoisted_3 = { for: "repoUrl" };
|
|
const _hoisted_4 = ["href"];
|
|
const _hoisted_5 = {
|
|
key: 2,
|
|
"data-test-id": "source-control-connected-content"
|
|
};
|
|
const _hoisted_6 = ["href"];
|
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
__name: "SettingsSourceControl",
|
|
setup(__props) {
|
|
const locale = useI18n();
|
|
const sourceControlStore = useSourceControlStore();
|
|
const pageRedirectionHelper = usePageRedirectionHelper();
|
|
const toast = useToast();
|
|
const message = useMessage();
|
|
const documentTitle = useDocumentTitle();
|
|
const loadingService = useLoadingService();
|
|
const isConnected = ref(false);
|
|
const branchNameOptions = computed(
|
|
() => sourceControlStore.preferences.branches.map((branch) => ({
|
|
value: branch,
|
|
label: branch
|
|
}))
|
|
);
|
|
const onConnect = async () => {
|
|
loadingService.startLoading();
|
|
loadingService.setLoadingText(locale.baseText("settings.sourceControl.loading.connecting"));
|
|
try {
|
|
await sourceControlStore.savePreferences({
|
|
repositoryUrl: sourceControlStore.preferences.repositoryUrl
|
|
});
|
|
await sourceControlStore.getBranches();
|
|
isConnected.value = true;
|
|
toast.showMessage({
|
|
title: locale.baseText("settings.sourceControl.toast.connected.title"),
|
|
message: locale.baseText("settings.sourceControl.toast.connected.message"),
|
|
type: "success"
|
|
});
|
|
} catch (error) {
|
|
toast.showError(error, locale.baseText("settings.sourceControl.toast.connected.error"));
|
|
}
|
|
loadingService.stopLoading();
|
|
};
|
|
const onDisconnect = async () => {
|
|
try {
|
|
const confirmation = await message.confirm(
|
|
locale.baseText("settings.sourceControl.modals.disconnect.message"),
|
|
locale.baseText("settings.sourceControl.modals.disconnect.title"),
|
|
{
|
|
confirmButtonText: locale.baseText("settings.sourceControl.modals.disconnect.confirm"),
|
|
cancelButtonText: locale.baseText("settings.sourceControl.modals.disconnect.cancel")
|
|
}
|
|
);
|
|
if (confirmation === MODAL_CONFIRM) {
|
|
loadingService.startLoading();
|
|
await sourceControlStore.disconnect(true);
|
|
isConnected.value = false;
|
|
toast.showMessage({
|
|
title: locale.baseText("settings.sourceControl.toast.disconnected.title"),
|
|
message: locale.baseText("settings.sourceControl.toast.disconnected.message"),
|
|
type: "success"
|
|
});
|
|
}
|
|
} catch (error) {
|
|
toast.showError(error, locale.baseText("settings.sourceControl.toast.disconnected.error"));
|
|
}
|
|
loadingService.stopLoading();
|
|
};
|
|
const onSave = async () => {
|
|
loadingService.startLoading();
|
|
try {
|
|
await sourceControlStore.updatePreferences({
|
|
branchName: sourceControlStore.preferences.branchName,
|
|
branchReadOnly: sourceControlStore.preferences.branchReadOnly,
|
|
branchColor: sourceControlStore.preferences.branchColor
|
|
});
|
|
toast.showMessage({
|
|
title: locale.baseText("settings.sourceControl.saved.title"),
|
|
type: "success"
|
|
});
|
|
} catch (error) {
|
|
toast.showError(error, "Error setting branch");
|
|
}
|
|
loadingService.stopLoading();
|
|
};
|
|
const onSelect = (b) => {
|
|
if (b === sourceControlStore.preferences.branchName) {
|
|
return;
|
|
}
|
|
sourceControlStore.preferences.branchName = b;
|
|
};
|
|
const goToUpgrade = () => {
|
|
void pageRedirectionHelper.goToUpgrade("source-control", "upgrade-source-control");
|
|
};
|
|
const initialize = async () => {
|
|
await sourceControlStore.getPreferences();
|
|
if (sourceControlStore.preferences.connected) {
|
|
isConnected.value = true;
|
|
void sourceControlStore.getBranches();
|
|
}
|
|
};
|
|
onMounted(async () => {
|
|
documentTitle.set(locale.baseText("settings.sourceControl.title"));
|
|
if (!sourceControlStore.isEnterpriseSourceControlEnabled) return;
|
|
await initialize();
|
|
});
|
|
const formValidationStatus = reactive({
|
|
repoUrl: false,
|
|
keyGeneratorType: false
|
|
});
|
|
function onValidate(key, value) {
|
|
formValidationStatus[key] = value;
|
|
}
|
|
const repoUrlValidationRules = [
|
|
{ name: "REQUIRED" },
|
|
{
|
|
name: "MATCH_REGEX",
|
|
config: {
|
|
regex: /^(?:git@|ssh:\/\/git@|[\w-]+@)(?:[\w.-]+|\[[0-9a-fA-F:]+])(?::\d+)?[:\/][\w\-~.]+(?:\/[\w\-~.]+)*(?:\.git)?(?:\/.*)?$/,
|
|
message: locale.baseText("settings.sourceControl.repoUrlInvalid")
|
|
}
|
|
}
|
|
];
|
|
const keyGeneratorTypeValidationRules = [{ name: "REQUIRED" }];
|
|
const validForConnection = computed(() => formValidationStatus.repoUrl);
|
|
const branchNameValidationRules = [{ name: "REQUIRED" }];
|
|
async function refreshSshKey() {
|
|
try {
|
|
const confirmation = await message.confirm(
|
|
locale.baseText("settings.sourceControl.modals.refreshSshKey.message"),
|
|
locale.baseText("settings.sourceControl.modals.refreshSshKey.title"),
|
|
{
|
|
confirmButtonText: locale.baseText("settings.sourceControl.modals.refreshSshKey.confirm"),
|
|
cancelButtonText: locale.baseText("settings.sourceControl.modals.refreshSshKey.cancel")
|
|
}
|
|
);
|
|
if (confirmation === MODAL_CONFIRM) {
|
|
await sourceControlStore.generateKeyPair(sourceControlStore.preferences.keyGeneratorType);
|
|
toast.showMessage({
|
|
title: locale.baseText("settings.sourceControl.refreshSshKey.successful.title"),
|
|
type: "success"
|
|
});
|
|
}
|
|
} catch (error) {
|
|
toast.showError(error, locale.baseText("settings.sourceControl.refreshSshKey.error.title"));
|
|
}
|
|
}
|
|
const refreshBranches2 = async () => {
|
|
try {
|
|
await sourceControlStore.getBranches();
|
|
toast.showMessage({
|
|
title: locale.baseText("settings.sourceControl.refreshBranches.success"),
|
|
type: "success"
|
|
});
|
|
} catch (error) {
|
|
toast.showError(error, locale.baseText("settings.sourceControl.refreshBranches.error"));
|
|
}
|
|
};
|
|
const onSelectSshKeyType = (value) => {
|
|
const sshKeyType = value;
|
|
if (sshKeyType === sourceControlStore.preferences.keyGeneratorType) {
|
|
return;
|
|
}
|
|
sourceControlStore.preferences.keyGeneratorType = sshKeyType;
|
|
};
|
|
return (_ctx, _cache) => {
|
|
const _component_n8n_heading = N8nHeading;
|
|
const _component_n8n_callout = N8nCallout;
|
|
const _component_n8n_form_input = N8nFormInput;
|
|
const _component_n8n_button = N8nButton;
|
|
const _component_n8n_notice = N8nNotice;
|
|
const _component_n8n_tooltip = Tooltip;
|
|
const _component_n8n_checkbox = N8nCheckbox;
|
|
const _component_n8n_color_picker = N8nColorPicker;
|
|
const _component_n8n_action_box = N8nActionBox;
|
|
return openBlock(), createElementBlock("div", null, [
|
|
createVNode(_component_n8n_heading, {
|
|
size: "2xlarge",
|
|
tag: "h1"
|
|
}, {
|
|
default: withCtx(() => [
|
|
createTextVNode(toDisplayString(unref(locale).baseText("settings.sourceControl.title")), 1)
|
|
]),
|
|
_: 1
|
|
}),
|
|
unref(sourceControlStore).isEnterpriseSourceControlEnabled ? (openBlock(), createElementBlock("div", _hoisted_1, [
|
|
createVNode(_component_n8n_callout, {
|
|
theme: "secondary",
|
|
icon: "info",
|
|
class: "mt-2xl mb-l"
|
|
}, {
|
|
default: withCtx(() => [
|
|
createVNode(unref(I18nT), {
|
|
keypath: "settings.sourceControl.description",
|
|
tag: "span",
|
|
scope: "global"
|
|
}, {
|
|
link: withCtx(() => [
|
|
createBaseVNode("a", {
|
|
href: unref(locale).baseText("settings.sourceControl.docs.url"),
|
|
target: "_blank"
|
|
}, toDisplayString(unref(locale).baseText("settings.sourceControl.description.link")), 9, _hoisted_2)
|
|
]),
|
|
_: 1
|
|
})
|
|
]),
|
|
_: 1
|
|
}),
|
|
createVNode(_component_n8n_heading, {
|
|
size: "xlarge",
|
|
tag: "h2",
|
|
class: "mb-s"
|
|
}, {
|
|
default: withCtx(() => [
|
|
createTextVNode(toDisplayString(unref(locale).baseText("settings.sourceControl.gitConfig")), 1)
|
|
]),
|
|
_: 1
|
|
}),
|
|
createBaseVNode("div", {
|
|
class: normalizeClass(_ctx.$style.group)
|
|
}, [
|
|
createBaseVNode("label", _hoisted_3, toDisplayString(unref(locale).baseText("settings.sourceControl.repoUrl")), 1),
|
|
createBaseVNode("div", {
|
|
class: normalizeClass(_ctx.$style.groupFlex)
|
|
}, [
|
|
createVNode(_component_n8n_form_input, {
|
|
id: "repoUrl",
|
|
modelValue: unref(sourceControlStore).preferences.repositoryUrl,
|
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(sourceControlStore).preferences.repositoryUrl = $event),
|
|
label: "",
|
|
class: "ml-0",
|
|
name: "repoUrl",
|
|
"validate-on-blur": "",
|
|
"validation-rules": repoUrlValidationRules,
|
|
disabled: isConnected.value,
|
|
placeholder: unref(locale).baseText("settings.sourceControl.repoUrlPlaceholder"),
|
|
onValidate: _cache[1] || (_cache[1] = (value) => onValidate("repoUrl", value))
|
|
}, null, 8, ["modelValue", "disabled", "placeholder"]),
|
|
isConnected.value ? (openBlock(), createBlock(_component_n8n_button, {
|
|
key: 0,
|
|
class: normalizeClass(_ctx.$style.disconnectButton),
|
|
type: "tertiary",
|
|
size: "large",
|
|
icon: "trash-2",
|
|
"data-test-id": "source-control-disconnect-button",
|
|
onClick: onDisconnect
|
|
}, {
|
|
default: withCtx(() => [
|
|
createTextVNode(toDisplayString(unref(locale).baseText("settings.sourceControl.button.disconnect")), 1)
|
|
]),
|
|
_: 1
|
|
}, 8, ["class"])) : createCommentVNode("", true)
|
|
], 2)
|
|
], 2),
|
|
unref(sourceControlStore).preferences.publicKey ? (openBlock(), createElementBlock("div", {
|
|
key: 0,
|
|
class: normalizeClass(_ctx.$style.group)
|
|
}, [
|
|
createBaseVNode("label", null, toDisplayString(unref(locale).baseText("settings.sourceControl.sshKey")), 1),
|
|
createBaseVNode("div", {
|
|
class: normalizeClass({ [_ctx.$style.sshInput]: !isConnected.value })
|
|
}, [
|
|
!isConnected.value ? (openBlock(), createBlock(_component_n8n_form_input, {
|
|
key: 0,
|
|
id: "keyGeneratorType",
|
|
class: normalizeClass(_ctx.$style.sshKeyTypeSelect),
|
|
label: "",
|
|
type: "select",
|
|
name: "keyGeneratorType",
|
|
"data-test-id": "source-control-ssh-key-type-select",
|
|
"validate-on-blur": "",
|
|
"validation-rules": keyGeneratorTypeValidationRules,
|
|
options: unref(sourceControlStore).sshKeyTypesWithLabel,
|
|
"model-value": unref(sourceControlStore).preferences.keyGeneratorType,
|
|
onValidate: _cache[2] || (_cache[2] = (value) => onValidate("keyGeneratorType", value)),
|
|
"onUpdate:modelValue": onSelectSshKeyType
|
|
}, null, 8, ["class", "options", "model-value"])) : createCommentVNode("", true),
|
|
createVNode(CopyInput, {
|
|
class: normalizeClass(_ctx.$style.copyInput),
|
|
collapse: "",
|
|
size: "medium",
|
|
value: unref(sourceControlStore).preferences.publicKey,
|
|
"copy-button-text": unref(locale).baseText("generic.clickToCopy")
|
|
}, null, 8, ["class", "value", "copy-button-text"]),
|
|
!isConnected.value ? (openBlock(), createBlock(_component_n8n_button, {
|
|
key: 1,
|
|
size: "large",
|
|
type: "tertiary",
|
|
icon: "refresh-cw",
|
|
"data-test-id": "source-control-refresh-ssh-key-button",
|
|
onClick: refreshSshKey
|
|
}, {
|
|
default: withCtx(() => [
|
|
createTextVNode(toDisplayString(unref(locale).baseText("settings.sourceControl.refreshSshKey")), 1)
|
|
]),
|
|
_: 1
|
|
})) : createCommentVNode("", true)
|
|
], 2),
|
|
createVNode(_component_n8n_notice, {
|
|
type: "info",
|
|
class: "mt-s"
|
|
}, {
|
|
default: withCtx(() => [
|
|
createVNode(unref(I18nT), {
|
|
keypath: "settings.sourceControl.sshKeyDescription",
|
|
tag: "span",
|
|
scope: "global"
|
|
}, {
|
|
link: withCtx(() => [
|
|
createBaseVNode("a", {
|
|
href: unref(locale).baseText("settings.sourceControl.docs.setup.ssh.url"),
|
|
target: "_blank"
|
|
}, toDisplayString(unref(locale).baseText("settings.sourceControl.sshKeyDescriptionLink")), 9, _hoisted_4)
|
|
]),
|
|
_: 1
|
|
})
|
|
]),
|
|
_: 1
|
|
})
|
|
], 2)) : createCommentVNode("", true),
|
|
!isConnected.value ? (openBlock(), createBlock(_component_n8n_button, {
|
|
key: 1,
|
|
size: "large",
|
|
disabled: !validForConnection.value,
|
|
class: normalizeClass(_ctx.$style.connect),
|
|
"data-test-id": "source-control-connect-button",
|
|
onClick: onConnect
|
|
}, {
|
|
default: withCtx(() => [
|
|
createTextVNode(toDisplayString(unref(locale).baseText("settings.sourceControl.button.connect")), 1)
|
|
]),
|
|
_: 1
|
|
}, 8, ["disabled", "class"])) : createCommentVNode("", true),
|
|
isConnected.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
|
|
createBaseVNode("div", {
|
|
class: normalizeClass(_ctx.$style.group)
|
|
}, [
|
|
_cache[6] || (_cache[6] = createBaseVNode("hr", null, null, -1)),
|
|
createVNode(_component_n8n_heading, {
|
|
size: "xlarge",
|
|
tag: "h2",
|
|
class: "mb-s"
|
|
}, {
|
|
default: withCtx(() => [
|
|
createTextVNode(toDisplayString(unref(locale).baseText("settings.sourceControl.instanceSettings")), 1)
|
|
]),
|
|
_: 1
|
|
}),
|
|
createBaseVNode("label", null, toDisplayString(unref(locale).baseText("settings.sourceControl.branches")), 1),
|
|
createBaseVNode("div", {
|
|
class: normalizeClass(_ctx.$style.branchSelection)
|
|
}, [
|
|
createVNode(_component_n8n_form_input, {
|
|
id: "branchName",
|
|
label: "",
|
|
type: "select",
|
|
name: "branchName",
|
|
class: "mb-s",
|
|
"data-test-id": "source-control-branch-select",
|
|
"validate-on-blur": "",
|
|
"validation-rules": branchNameValidationRules,
|
|
options: branchNameOptions.value,
|
|
"model-value": unref(sourceControlStore).preferences.branchName,
|
|
onValidate: _cache[3] || (_cache[3] = (value) => onValidate("branchName", value)),
|
|
"onUpdate:modelValue": onSelect
|
|
}, null, 8, ["options", "model-value"]),
|
|
createVNode(_component_n8n_tooltip, { placement: "top" }, {
|
|
content: withCtx(() => [
|
|
createBaseVNode("span", null, toDisplayString(unref(locale).baseText("settings.sourceControl.refreshBranches.tooltip")), 1)
|
|
]),
|
|
default: withCtx(() => [
|
|
createVNode(_component_n8n_button, {
|
|
size: "small",
|
|
type: "tertiary",
|
|
icon: "refresh-cw",
|
|
square: "",
|
|
class: normalizeClass(_ctx.$style.refreshBranches),
|
|
"data-test-id": "source-control-refresh-branches-button",
|
|
onClick: refreshBranches2
|
|
}, null, 8, ["class"])
|
|
]),
|
|
_: 1
|
|
})
|
|
], 2),
|
|
createVNode(_component_n8n_checkbox, {
|
|
modelValue: unref(sourceControlStore).preferences.branchReadOnly,
|
|
"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(sourceControlStore).preferences.branchReadOnly = $event),
|
|
class: normalizeClass(_ctx.$style.readOnly)
|
|
}, {
|
|
default: withCtx(() => [
|
|
createVNode(unref(I18nT), {
|
|
keypath: "settings.sourceControl.protected",
|
|
tag: "span",
|
|
scope: "global"
|
|
}, {
|
|
bold: withCtx(() => [
|
|
createBaseVNode("strong", null, toDisplayString(unref(locale).baseText("settings.sourceControl.protected.bold")), 1)
|
|
]),
|
|
_: 1
|
|
})
|
|
]),
|
|
_: 1
|
|
}, 8, ["modelValue", "class"])
|
|
], 2),
|
|
createBaseVNode("div", {
|
|
class: normalizeClass(_ctx.$style.group)
|
|
}, [
|
|
createBaseVNode("label", null, toDisplayString(unref(locale).baseText("settings.sourceControl.color")), 1),
|
|
createBaseVNode("div", null, [
|
|
createVNode(_component_n8n_color_picker, {
|
|
modelValue: unref(sourceControlStore).preferences.branchColor,
|
|
"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(sourceControlStore).preferences.branchColor = $event),
|
|
size: "small"
|
|
}, null, 8, ["modelValue"])
|
|
])
|
|
], 2),
|
|
createBaseVNode("div", {
|
|
class: normalizeClass([_ctx.$style.group, "pt-s"])
|
|
}, [
|
|
createVNode(_component_n8n_button, {
|
|
size: "large",
|
|
disabled: !unref(sourceControlStore).preferences.branchName,
|
|
"data-test-id": "source-control-save-settings-button",
|
|
onClick: onSave
|
|
}, {
|
|
default: withCtx(() => [
|
|
createTextVNode(toDisplayString(unref(locale).baseText("settings.sourceControl.button.save")), 1)
|
|
]),
|
|
_: 1
|
|
}, 8, ["disabled"])
|
|
], 2)
|
|
])) : createCommentVNode("", true)
|
|
])) : (openBlock(), createBlock(_component_n8n_action_box, {
|
|
key: 1,
|
|
"data-test-id": "source-control-content-unlicensed",
|
|
class: normalizeClass(_ctx.$style.actionBox),
|
|
description: unref(locale).baseText("settings.sourceControl.actionBox.description"),
|
|
"button-text": unref(locale).baseText("settings.sourceControl.actionBox.buttonText"),
|
|
"onClick:button": goToUpgrade
|
|
}, {
|
|
heading: withCtx(() => [
|
|
createBaseVNode("span", null, toDisplayString(unref(locale).baseText("settings.sourceControl.actionBox.title")), 1)
|
|
]),
|
|
description: withCtx(() => [
|
|
createTextVNode(toDisplayString(unref(locale).baseText("settings.sourceControl.actionBox.description")) + " ", 1),
|
|
createBaseVNode("a", {
|
|
href: unref(locale).baseText("settings.sourceControl.docs.url"),
|
|
target: "_blank"
|
|
}, toDisplayString(unref(locale).baseText("settings.sourceControl.actionBox.description.link")), 9, _hoisted_6)
|
|
]),
|
|
_: 1
|
|
}, 8, ["class", "description", "button-text"]))
|
|
]);
|
|
};
|
|
}
|
|
});
|
|
const group = "_group_1thng_123";
|
|
const readOnly = "_readOnly_1thng_144";
|
|
const groupFlex = "_groupFlex_1thng_148";
|
|
const connect = "_connect_1thng_162";
|
|
const disconnectButton = "_disconnectButton_1thng_166";
|
|
const actionBox = "_actionBox_1thng_171";
|
|
const sshInput = "_sshInput_1thng_175";
|
|
const copyInput = "_copyInput_1thng_186";
|
|
const sshKeyTypeSelect = "_sshKeyTypeSelect_1thng_190";
|
|
const branchSelection = "_branchSelection_1thng_198";
|
|
const refreshBranches = "_refreshBranches_1thng_207";
|
|
const style0 = {
|
|
group,
|
|
readOnly,
|
|
groupFlex,
|
|
connect,
|
|
disconnectButton,
|
|
actionBox,
|
|
sshInput,
|
|
copyInput,
|
|
sshKeyTypeSelect,
|
|
branchSelection,
|
|
refreshBranches
|
|
};
|
|
const cssModules = {
|
|
"$style": style0
|
|
};
|
|
const SettingsSourceControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
|
|
export {
|
|
SettingsSourceControl as default
|
|
};
|