admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-17 18:12:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(editor): Extract @n8n/i18n package for internationalization (no-changelog) (#15466)

Browse Source
This commit is contained in:
Alex Grozav
2025-05-30 11:44:33 +02:00
committed by GitHub
parent bbe2b12bf2
commit e704077864
408 changed files with 1002 additions and 767 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/frontend/editor-ui/src/components/AboutModal.vue
View File

@@ -6,7 +6,7 @@ import { useRootStore } from '@n8n/stores/useRootStore';
import { useToast } from '@/composables/useToast';
import { useClipboard } from '@/composables/useClipboard';
import { useDebugInfo } from '@/composables/useDebugInfo';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
const modalBus = createEventBus();
const toast = useToast();

2
packages/frontend/editor-ui/src/components/ActivationModal.vue
View File

@@ -15,7 +15,7 @@ import { useNodeTypesStore } from '@/stores/nodeTypes.store';
import { useStorage } from '@/composables/useStorage';
import { useExecutionsStore } from '@/stores/executions.store';
import { useRouter } from 'vue-router';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
const checked = ref(false);

2
packages/frontend/editor-ui/src/components/AiUpdatedCodeMessage.vue
View File

@@ -1,5 +1,5 @@
<script lang="ts" setup>
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
const i18n = useI18n();
defineProps<{

2
packages/frontend/editor-ui/src/components/ApiKeyCard.vue
View File

@@ -1,6 +1,6 @@
<script lang="ts" setup>
import { ref } from 'vue';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import type { ApiKey } from '@n8n/api-types';
import { DateTime } from 'luxon';

4
packages/frontend/editor-ui/src/components/ApiKeyCreateOrEditModal.vue
View File

@@ -4,12 +4,12 @@ import { API_KEY_CREATE_OR_EDIT_MODAL_KEY, EnterpriseEditionFeature } from '@/co
import { computed, onMounted, ref } from 'vue';
import { useUIStore } from '@/stores/ui.store';
import { createEventBus } from '@n8n/utils/event-bus';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { useRootStore } from '@n8n/stores/useRootStore';
import { useDocumentTitle } from '@/composables/useDocumentTitle';
import { useApiKeysStore } from '@/stores/apiKeys.store';
import { useToast } from '@/composables/useToast';
import type { BaseTextKey } from '@/plugins/i18n';
import type { BaseTextKey } from '@n8n/i18n';
import { N8nText } from '@n8n/design-system';
import { DateTime } from 'luxon';
import type { ApiKey, ApiKeyWithRawValue, CreateApiKeyRequestDto } from '@n8n/api-types';

2
packages/frontend/editor-ui/src/components/ApiKeyScopes.vue
View File

@@ -3,7 +3,7 @@ import { ref, computed, watch } from 'vue';
// eslint-disable-next-line import/no-extraneous-dependencies
import { ElSelect, ElOption, ElOptionGroup } from 'element-plus';
import { capitalCase } from 'change-case';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { usePageRedirectionHelper } from '@/composables/usePageRedirectionHelper';
// Define props

3
packages/frontend/editor-ui/src/components/AskAssistant/Agent/AskAssistantBuild.test.ts
View File

@@ -27,7 +27,8 @@ vi.mock('@/composables/useTelemetry', () => ({
}));
// Mock i18n
vi.mock('@/composables/useI18n', () => ({
vi.mock('@n8n/i18n', async (importOriginal) => ({
...(await importOriginal()),
useI18n: () => ({
baseText: (key: string) => key,
}),

2
packages/frontend/editor-ui/src/components/AskAssistant/Agent/AskAssistantBuild.vue
View File

@@ -7,7 +7,7 @@ import { useTelemetry } from '@/composables/useTelemetry';
import type { IWorkflowDataUpdate } from '@/Interface';
import { nodeViewEventBus } from '@/event-bus';
import { v4 as uuid } from 'uuid';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { STICKY_NODE_TYPE } from '@/constants';
const emit = defineEmits<{

2
packages/frontend/editor-ui/src/components/AskAssistant/Chat/AskAssistantChat.vue
View File

@@ -5,7 +5,7 @@ import { computed } from 'vue';
import AskAssistantChat from '@n8n/design-system/components/AskAssistantChat/AskAssistantChat.vue';
import { useTelemetry } from '@/composables/useTelemetry';
import { useBuilderStore } from '@/stores/builder.store';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
const emit = defineEmits<{
close: [];

2
packages/frontend/editor-ui/src/components/AskAssistant/Chat/AskAssistantFloatingButton.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts">
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { useStyles } from '@/composables/useStyles';
import { useAssistantStore } from '@/stores/assistant.store';
import { useLogsStore } from '@/stores/logs.store';

2
packages/frontend/editor-ui/src/components/AskAssistant/Chat/NewAssistantSessionModal.vue
View File

@@ -3,7 +3,7 @@ import { NEW_ASSISTANT_SESSION_MODAL } from '@/constants';
import Modal from '@/components/Modal.vue';
import AssistantIcon from '@n8n/design-system/components/AskAssistantIcon/AssistantIcon.vue';
import AssistantText from '@n8n/design-system/components/AskAssistantText/AssistantText.vue';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { useUIStore } from '@/stores/ui.store';
import type { ChatRequest } from '@/types/assistant.types';
import { useAssistantStore } from '@/stores/assistant.store';

2
packages/frontend/editor-ui/src/components/AskAssistant/HubSwitcher.vue
View File

@@ -1,5 +1,5 @@
<script lang="ts" setup>
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { computed } from 'vue';
defineProps<{

2
packages/frontend/editor-ui/src/components/AssignmentCollection/AssignmentCollection.vue
View File

@@ -1,6 +1,6 @@
<script setup lang="ts">
import { useDebounce } from '@/composables/useDebounce';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { useNDVStore } from '@/stores/ndv.store';
import type {
AssignmentCollectionValue,

4
packages/frontend/editor-ui/src/components/AssignmentCollection/TypeSelect.vue
View File

@@ -1,6 +1,6 @@
<script setup lang="ts">
import { useI18n } from '@/composables/useI18n';
import type { BaseTextKey } from '@/plugins/i18n';
import { useI18n } from '@n8n/i18n';
import type { BaseTextKey } from '@n8n/i18n';
import { ASSIGNMENT_TYPES } from './constants';
import { computed } from 'vue';

2
packages/frontend/editor-ui/src/components/BecomeTemplateCreatorCta/BecomeTemplateCreatorCta.vue
View File

@@ -1,7 +1,7 @@
<script setup lang="ts">
import { useTelemetry } from '@/composables/useTelemetry';
import { useBecomeTemplateCreatorStore } from './becomeTemplateCreatorStore';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
const i18n = useI18n();
const store = useBecomeTemplateCreatorStore();

2
packages/frontend/editor-ui/src/components/BinaryDataDisplay.vue
View File

@@ -4,7 +4,7 @@ import type { IBinaryData, IRunData } from 'n8n-workflow';
import BinaryDataDisplayEmbed from '@/components/BinaryDataDisplayEmbed.vue';
import { useWorkflowsStore } from '@/stores/workflows.store';
import { useNodeHelpers } from '@/composables/useNodeHelpers';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
const props = defineProps<{
displayData: IBinaryData;

2
packages/frontend/editor-ui/src/components/BinaryDataDisplayEmbed.vue
View File

@@ -5,7 +5,7 @@ import type { IBinaryData } from 'n8n-workflow';
import { jsonParse } from 'n8n-workflow';
import VueJsonPretty from 'vue-json-pretty';
import RunDataHtml from '@/components/RunDataHtml.vue';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
const props = defineProps<{
binaryData: IBinaryData;

20
packages/frontend/editor-ui/src/components/ButtonParameter/ButtonParameter.test.ts
View File

@@ -7,7 +7,6 @@ import { useNDVStore } from '@/stores/ndv.store';
import { useWorkflowsStore } from '@/stores/workflows.store';
import { usePostHog } from '@/stores/posthog.store';
import { useRootStore } from '@n8n/stores/useRootStore';
import { useI18n } from '@/composables/useI18n';
import { useToast } from '@/composables/useToast';
import type { INodeProperties } from 'n8n-workflow';
@@ -16,7 +15,16 @@ vi.mock('@/stores/workflows.store');
vi.mock('@/stores/posthog.store');
vi.mock('@n8n/stores/useRootStore');
vi.mock('@/api/ai');
vi.mock('@/composables/useI18n');
vi.mock('@n8n/i18n', async (importOriginal) => ({
...(await importOriginal()),
useI18n: () => ({
baseText: vi.fn().mockReturnValue('Mocked Text'),
nodeText: () => ({
inputLabelDisplayName: vi.fn().mockReturnValue('Mocked Display Name'),
inputLabelDescription: vi.fn().mockReturnValue('Mocked Description'),
}),
}),
}));
vi.mock('@/composables/useToast');
describe('ButtonParameter', () => {
@@ -66,14 +74,6 @@ describe('ButtonParameter', () => {
pushRef: 'testPushRef',
} as any);
vi.mocked(useI18n).mockReturnValue({
baseText: vi.fn().mockReturnValue('Mocked Text'),
nodeText: () => ({
inputLabelDisplayName: vi.fn().mockReturnValue('Mocked Display Name'),
inputLabelDescription: vi.fn().mockReturnValue('Mocked Description'),
}),
} as any);
vi.mocked(useToast).mockReturnValue({
showMessage: vi.fn(),
} as any);

13
packages/frontend/editor-ui/src/components/ButtonParameter/ButtonParameter.vue
View File

@@ -3,7 +3,7 @@ import { type INodeProperties, type NodePropertyAction } from 'n8n-workflow';
import type { INodeUi, IUpdateInformation } from '@/Interface';
import { ref, computed, onMounted } from 'vue';
import { N8nButton, N8nInput, N8nTooltip } from '@n8n/design-system/components';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { useToast } from '@/composables/useToast';
import { useNDVStore } from '@/stores/ndv.store';
import {
@@ -31,7 +31,8 @@ export type Props = {
};
const props = defineProps<Props>();
const { activeNode } = useNDVStore();
const ndvStore = useNDVStore();
const activeNode = computed(() => ndvStore.activeNode);
const i18n = useI18n();
@@ -57,7 +58,7 @@ const isSubmitEnabled = computed(() => {
return true;
});
const promptUpdated = computed(() => {
const lastPrompt = activeNode?.parameters[AI_TRANSFORM_CODE_GENERATED_FOR_PROMPT] as string;
const lastPrompt = activeNode.value?.parameters[AI_TRANSFORM_CODE_GENERATED_FOR_PROMPT] as string;
if (!lastPrompt) return false;
return lastPrompt.trim() !== prompt.value.trim();
});
@@ -81,7 +82,7 @@ async function onSubmit() {
const action: string | NodePropertyAction | undefined =
props.parameter.typeOptions?.buttonConfig?.action;
if (!action || !activeNode) return;
if (!action || !activeNode.value) return;
if (typeof action === 'string') {
switch (action) {
@@ -196,8 +197,8 @@ async function updateCursorPositionOnMouseMove(event: MouseEvent, activeDrop: bo
<div>
<n8n-input-label
v-if="hasInputField"
:label="i18n.nodeText().inputLabelDisplayName(parameter, path)"
:tooltip-text="i18n.nodeText().inputLabelDescription(parameter, path)"
:label="i18n.nodeText(activeNode?.type).inputLabelDisplayName(parameter, path)"
:tooltip-text="i18n.nodeText(activeNode?.type).inputLabelDescription(parameter, path)"
:bold="false"
size="small"
color="text-dark"

2
packages/frontend/editor-ui/src/components/CanvasChat/components/ChatLogsPanel.vue
View File

@@ -1,7 +1,7 @@
<script setup lang="ts">
import type { INode, Workflow } from 'n8n-workflow';
import RunDataAi from '@/components/RunDataAi/RunDataAi.vue';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
defineProps<{
node: INode | null;

2
packages/frontend/editor-ui/src/components/CanvasChat/components/ChatMessagesPanel.vue
View File

@@ -1,6 +1,6 @@
<script setup lang="ts">
import type { ChatMessage, ChatMessageText } from '@n8n/chat/types';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import MessagesList from '@n8n/chat/components/MessagesList.vue';
import MessageOptionTooltip from './MessageOptionTooltip.vue';
import MessageOptionAction from './MessageOptionAction.vue';

2
packages/frontend/editor-ui/src/components/CanvasChat/composables/useChatMessaging.ts
View File

@@ -15,7 +15,7 @@ import { useToast } from '@/composables/useToast';
import { useMessage } from '@/composables/useMessage';
import { usePinnedData } from '@/composables/usePinnedData';
import { MODAL_CONFIRM } from '@/constants';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import type { IExecutionPushResponse, INodeUi } from '@/Interface';
import { extractBotResponse, getInputKey } from '@/components/CanvasChat/utils';

2
packages/frontend/editor-ui/src/components/CanvasChat/composables/useChatState.ts
View File

@@ -1,7 +1,7 @@
import type { RunWorkflowChatPayload } from '@/components/CanvasChat/composables/useChatMessaging';
import { useChatMessaging } from '@/components/CanvasChat/composables/useChatMessaging';
import { useChatTrigger } from '@/components/CanvasChat/composables/useChatTrigger';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { useNodeHelpers } from '@/composables/useNodeHelpers';
import { useRunWorkflow } from '@/composables/useRunWorkflow';
import { VIEWS } from '@/constants';

2
packages/frontend/editor-ui/src/components/CanvasChat/future/components/LogDetailsPanel.vue
View File

@@ -8,7 +8,7 @@ import {
type LogDetailsPanelState,
} from '@/components/CanvasChat/types/logs';
import NodeIcon from '@/components/NodeIcon.vue';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { useNodeTypesStore } from '@/stores/nodeTypes.store';
import LogsViewNodeName from '@/components/CanvasChat/future/components/LogsViewNodeName.vue';
import {

2
packages/frontend/editor-ui/src/components/CanvasChat/future/components/LogsOverviewPanel.vue
View File

@@ -1,7 +1,7 @@
<script setup lang="ts">
import LogsPanelHeader from '@/components/CanvasChat/future/components/LogsPanelHeader.vue';
import { useClearExecutionButtonVisible } from '@/composables/useClearExecutionButtonVisible';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { N8nButton, N8nRadioButtons, N8nText, N8nTooltip } from '@n8n/design-system';
import { computed, nextTick, toRef, watch } from 'vue';
import LogsOverviewRow from '@/components/CanvasChat/future/components/LogsOverviewRow.vue';

2
packages/frontend/editor-ui/src/components/CanvasChat/future/components/LogsOverviewRow.vue
View File

@@ -3,7 +3,7 @@ import { computed, nextTick, useTemplateRef, watch } from 'vue';
import { N8nButton, N8nIcon, N8nIconButton, N8nText } from '@n8n/design-system';
import { useNodeTypesStore } from '@/stores/nodeTypes.store';
import { upperFirst } from 'lodash-es';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import LogsViewConsumedTokenCountText from '@/components/CanvasChat/future/components/LogsViewConsumedTokenCountText.vue';
import { I18nT } from 'vue-i18n';
import { toDayMonth, toTime } from '@/utils/formatters/dateFormatter';

2
packages/frontend/editor-ui/src/components/CanvasChat/future/components/LogsPanelActions.vue
View File

@@ -1,6 +1,6 @@
<script setup lang="ts">
import KeyboardShortcutTooltip from '@/components/KeyboardShortcutTooltip.vue';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { useStyles } from '@/composables/useStyles';
import { N8nActionDropdown, N8nIconButton } from '@n8n/design-system';
import { computed } from 'vue';

2
packages/frontend/editor-ui/src/components/CanvasChat/future/components/LogsViewConsumedTokenCountText.vue
View File

@@ -1,6 +1,6 @@
<script setup lang="ts">
import { formatTokenUsageCount } from '@/components/RunDataAi/utils';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { type LlmTokenUsageData } from '@/Interface';
import { N8nTooltip } from '@n8n/design-system';

2
packages/frontend/editor-ui/src/components/CanvasChat/future/components/LogsViewExecutionSummary.vue
View File

@@ -1,6 +1,6 @@
<script setup lang="ts">
import LogsViewConsumedTokenCountText from '@/components/CanvasChat/future/components/LogsViewConsumedTokenCountText.vue';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { type LlmTokenUsageData } from '@/Interface';
import { N8nText } from '@n8n/design-system';
import { useTimestamp } from '@vueuse/core';

2
packages/frontend/editor-ui/src/components/CanvasChat/future/components/LogsViewRunData.vue
View File

@@ -1,7 +1,7 @@
<script setup lang="ts">
import RunData from '@/components/RunData.vue';
import { type LogEntry } from '@/components/RunDataAi/utils';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { type IRunDataDisplayMode, type NodePanelType } from '@/Interface';
import { useNDVStore } from '@/stores/ndv.store';
import { waitingNodeTooltip } from '@/utils/executionUtils';

2
packages/frontend/editor-ui/src/components/ChangePasswordModal.vue
View File

@@ -7,7 +7,7 @@ import { useUsersStore } from '@/stores/users.store';
import { createFormEventBus } from '@n8n/design-system/utils';
import { createEventBus } from '@n8n/utils/event-bus';
import type { IFormInputs, IFormInput } from '@/Interface';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
const config = ref<IFormInputs | null>(null);
const formBus = createFormEventBus();

2
packages/frontend/editor-ui/src/components/ChatEmbedModal.vue
View File

@@ -8,7 +8,7 @@ import { useRootStore } from '@n8n/stores/useRootStore';
import { useWorkflowsStore } from '@/stores/workflows.store';
import HtmlEditor from '@/components/HtmlEditor/HtmlEditor.vue';
import JsEditor from '@/components/JsEditor/JsEditor.vue';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
const props = withDefaults(
defineProps<{

4
packages/frontend/editor-ui/src/components/CodeNodeEditor/AskAI/AskAI.vue
View File

@@ -7,12 +7,12 @@ import { N8nButton, N8nInput, N8nTooltip } from '@n8n/design-system/components';
import { randomInt } from 'n8n-workflow';
import type { CodeExecutionMode, INodeExecutionData } from 'n8n-workflow';
import type { BaseTextKey } from '@/plugins/i18n';
import type { BaseTextKey } from '@n8n/i18n';
import type { INodeUi, Schema } from '@/Interface';
import { generateCodeForPrompt } from '@/api/ai';
import { useTelemetry } from '@/composables/useTelemetry';
import { useDataSchema } from '@/composables/useDataSchema';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { useMessage } from '@/composables/useMessage';
import { useToast } from '@/composables/useToast';
import { useNDVStore } from '@/stores/ndv.store';

2
packages/frontend/editor-ui/src/components/CodeNodeEditor/CodeNodeEditor.vue
View File

@@ -11,7 +11,7 @@ import { codeNodeEditorEventBus } from '@/event-bus';
import { useRootStore } from '@n8n/stores/useRootStore';
import { useCodeEditor } from '@/composables/useCodeEditor';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { useMessage } from '@/composables/useMessage';
import { useTelemetry } from '@/composables/useTelemetry';
import AskAI from './AskAI/AskAI.vue';

2
packages/frontend/editor-ui/src/components/CodeNodeEditor/completions/base.completions.ts
View File

@@ -4,7 +4,7 @@ import type { Completion, CompletionContext, CompletionResult } from '@codemirro
import type { INodeUi } from '@/Interface';
import { useWorkflowsStore } from '@/stores/workflows.store';
import { escapeMappingString } from '@/utils/mappingUtils';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
function getAutoCompletableNodeNames(nodes: INodeUi[]) {
return nodes

2
packages/frontend/editor-ui/src/components/CodeNodeEditor/completions/execution.completions.ts
View File

@@ -1,6 +1,6 @@
import { addInfoRenderer, addVarType, escape } from '../utils';
import type { Completion, CompletionContext, CompletionResult } from '@codemirror/autocomplete';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
export function useExecutionCompletions() {
const i18n = useI18n();

2
packages/frontend/editor-ui/src/components/CodeNodeEditor/completions/itemField.completions.ts
View File

@@ -1,6 +1,6 @@
import { addInfoRenderer, addVarType, escape } from '../utils';
import type { Completion, CompletionContext, CompletionResult } from '@codemirror/autocomplete';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
export function useItemFieldCompletions(language: 'python' | 'javaScript') {
const i18n = useI18n();

2
packages/frontend/editor-ui/src/components/CodeNodeEditor/completions/itemIndex.completions.ts
View File

@@ -1,4 +1,4 @@
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import type { Completion, CompletionContext, CompletionResult } from '@codemirror/autocomplete';
import type { CodeExecutionMode } from 'n8n-workflow';
import { toValue, type MaybeRefOrGetter } from 'vue';

2
packages/frontend/editor-ui/src/components/CodeNodeEditor/completions/jsonField.completions.ts
View File

@@ -3,7 +3,7 @@ import type { Completion, CompletionContext, CompletionResult } from '@codemirro
import { useWorkflowsStore } from '@/stores/workflows.store';
import { useNDVStore } from '@/stores/ndv.store';
import { isAllowedInDotNotation } from '@/plugins/codemirror/completions/utils';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import type { IPinData, IRunData, IDataObject } from 'n8n-workflow';
function useJsonFieldCompletions() {

2
packages/frontend/editor-ui/src/components/CodeNodeEditor/completions/prevNode.completions.ts
View File

@@ -1,6 +1,6 @@
import { addVarType } from '../utils';
import type { Completion, CompletionContext, CompletionResult } from '@codemirror/autocomplete';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
const DEFAULT_MATCHER = '$prevNode';

2
packages/frontend/editor-ui/src/components/CodeNodeEditor/completions/workflow.completions.ts
View File

@@ -1,6 +1,6 @@
import { addVarType } from '../utils';
import type { Completion, CompletionContext, CompletionResult } from '@codemirror/autocomplete';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
const escape = (str: string) => str.replace('$', '\\$');

2
packages/frontend/editor-ui/src/components/CodeNodeEditor/linter.ts
View File

@@ -6,7 +6,7 @@ import type { Node, MemberExpression } from 'estree';
import type { CodeExecutionMode, CodeNodeEditorLanguage } from 'n8n-workflow';
import { computed, toValue, type MaybeRefOrGetter } from 'vue';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import {
DEFAULT_LINTER_DELAY_IN_MS,
DEFAULT_LINTER_SEVERITY,

11
packages/frontend/editor-ui/src/components/CollectionParameter.vue
View File

@@ -14,7 +14,8 @@ import { get } from 'lodash-es';
import { useNDVStore } from '@/stores/ndv.store';
import { useNodeHelpers } from '@/composables/useNodeHelpers';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { storeToRefs } from 'pinia';
const selectedOption = ref<string | undefined>(undefined);
export interface Props {
@@ -34,9 +35,11 @@ const ndvStore = useNDVStore();
const i18n = useI18n();
const nodeHelpers = useNodeHelpers();
const { activeNode } = storeToRefs(ndvStore);
const getPlaceholderText = computed(() => {
return (
i18n.nodeText().placeholder(props.parameter, props.path) ??
i18n.nodeText(activeNode.value?.type).placeholder(props.parameter, props.path) ??
i18n.baseText('collectionParameter.choose')
);
});
@@ -51,7 +54,9 @@ function getParameterOptionLabel(
item: INodePropertyOptions | INodeProperties | INodePropertyCollection,
): string {
if (isNodePropertyCollection(item)) {
return i18n.nodeText().collectionOptionDisplayName(props.parameter, item, props.path);
return i18n
.nodeText(activeNode.value?.type)
.collectionOptionDisplayName(props.parameter, item, props.path);
}
return 'displayName' in item ? item.displayName : item.name;

2
packages/frontend/editor-ui/src/components/CommunityPackageCard.vue
View File

@@ -2,7 +2,7 @@
import { useUIStore } from '@/stores/ui.store';
import type { PublicInstalledPackage } from 'n8n-workflow';
import { NPM_PACKAGE_DOCS_BASE_URL, COMMUNITY_PACKAGE_MANAGE_ACTIONS } from '@/constants';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { useTelemetry } from '@/composables/useTelemetry';
import { useSettingsStore } from '@/stores/settings.store';

2
packages/frontend/editor-ui/src/components/CommunityPackageInstallModal.vue
View File

@@ -11,7 +11,7 @@ import { useToast } from '@/composables/useToast';
import { useCommunityNodesStore } from '@/stores/communityNodes.store';
import { ref } from 'vue';
import { useTelemetry } from '@/composables/useTelemetry';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { useNodeTypesStore } from '@/stores/nodeTypes.store';
const communityNodesStore = useCommunityNodesStore();

2
packages/frontend/editor-ui/src/components/CommunityPackageManageConfirmModal.vue
View File

@@ -4,7 +4,7 @@ import { COMMUNITY_PACKAGE_CONFIRM_MODAL_KEY, COMMUNITY_PACKAGE_MANAGE_ACTIONS }
import { useToast } from '@/composables/useToast';
import { useCommunityNodesStore } from '@/stores/communityNodes.store';
import { createEventBus } from '@n8n/utils/event-bus';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { useTelemetry } from '@/composables/useTelemetry';
import { computed, ref } from 'vue';
import { useNodeTypesStore } from '@/stores/nodeTypes.store';

2
packages/frontend/editor-ui/src/components/CommunityPlusEnrollmentModal.vue
View File

@@ -5,7 +5,7 @@ import type { Validatable, IValidator } from '@n8n/design-system';
import { N8nFormInput } from '@n8n/design-system';
import { VALID_EMAIL_REGEX, COMMUNITY_PLUS_DOCS_URL } from '@/constants';
import Modal from '@/components/Modal.vue';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { useToast } from '@/composables/useToast';
import { useUsageStore } from '@/stores/usage.store';
import { useTelemetry } from '@/composables/useTelemetry';

2
packages/frontend/editor-ui/src/components/ConsumedTokensDetails.vue
View File

@@ -1,6 +1,6 @@
<script setup lang="ts">
import { formatTokenUsageCount } from '@/components/RunDataAi/utils';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { type LlmTokenUsageData } from '@/Interface';
import { N8nText } from '@n8n/design-system';

2
packages/frontend/editor-ui/src/components/CopyInput.vue
View File

@@ -1,6 +1,6 @@
<script setup lang="ts">
import { useClipboard } from '@/composables/useClipboard';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { useToast } from '@/composables/useToast';
type Props = {

2
packages/frontend/editor-ui/src/components/CredentialCard.vue
View File

@@ -10,7 +10,7 @@ import { useCredentialsStore } from '@/stores/credentials.store';
import TimeAgo from '@/components/TimeAgo.vue';
import { useProjectsStore } from '@/stores/projects.store';
import ProjectCardBadge from '@/components/Projects/ProjectCardBadge.vue';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { ResourceType } from '@/utils/projects.utils';
import type { CredentialsResource } from './layouts/ResourcesListLayout.vue';

2
packages/frontend/editor-ui/src/components/CredentialEdit/AuthTypeSelector.vue
View File

@@ -1,6 +1,6 @@
<script setup lang="ts">
import ParameterInputFull from '@/components/ParameterInputFull.vue';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import type { IUpdateInformation, NodeAuthenticationOption } from '@/Interface';
import { useNDVStore } from '@/stores/ndv.store';
import { useNodeTypesStore } from '@/stores/nodeTypes.store';

4
packages/frontend/editor-ui/src/components/CredentialEdit/CredentialConfig.vue
View File

@@ -11,7 +11,7 @@ import type {
import type { IUpdateInformation } from '@/Interface';
import AuthTypeSelector from '@/components/CredentialEdit/AuthTypeSelector.vue';
import EnterpriseEdition from '@/components/EnterpriseEdition.ee.vue';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { useTelemetry } from '@/composables/useTelemetry';
import {
BUILTIN_CREDENTIALS_DOCS_URL,
@@ -20,7 +20,7 @@ import {
NEW_ASSISTANT_SESSION_MODAL,
} from '@/constants';
import type { PermissionsRecord } from '@/permissions';
import { addCredentialTranslation } from '@/plugins/i18n';
import { addCredentialTranslation } from '@n8n/i18n';
import { useCredentialsStore } from '@/stores/credentials.store';
import { useNDVStore } from '@/stores/ndv.store';
import { useRootStore } from '@n8n/stores/useRootStore';

2
packages/frontend/editor-ui/src/components/CredentialEdit/CredentialEdit.vue
View File

@@ -42,7 +42,7 @@ import { assert } from '@n8n/utils/assert';
import { createEventBus } from '@n8n/utils/event-bus';
import { useExternalHooks } from '@/composables/useExternalHooks';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { useTelemetry } from '@/composables/useTelemetry';
import { useProjectsStore } from '@/stores/projects.store';
import { isExpression, isTestableExpression } from '@/utils/expressions';

2
packages/frontend/editor-ui/src/components/CredentialEdit/CredentialInfo.vue
View File

@@ -1,6 +1,6 @@
<script setup lang="ts">
import TimeAgo from '../TimeAgo.vue';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import type { ICredentialsDecryptedResponse, ICredentialsResponse } from '@/Interface';
import { N8nText } from '@n8n/design-system';

2
packages/frontend/editor-ui/src/components/CredentialEdit/CredentialSharing.ee.vue
View File

@@ -1,7 +1,7 @@
<script setup lang="ts">
import type { AllRolesMap } from '@n8n/permissions';
import ProjectSharing from '@/components/Projects/ProjectSharing.vue';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { usePageRedirectionHelper } from '@/composables/usePageRedirectionHelper';
import { EnterpriseEditionFeature } from '@/constants';
import type { ICredentialsDecryptedResponse, ICredentialsResponse } from '@/Interface';

2
packages/frontend/editor-ui/src/components/CredentialEdit/GoogleAuthButton.vue
View File

@@ -1,7 +1,7 @@
<script lang="ts" setup>
import { useUIStore } from '@/stores/ui.store';
import { useRootStore } from '@n8n/stores/useRootStore';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
const { baseUrl } = useRootStore();
const type = useUIStore().appliedTheme === 'dark' ? '.dark.png' : '.png';

2
packages/frontend/editor-ui/src/components/CredentialEdit/OauthButton.vue
View File

@@ -1,5 +1,5 @@
<script lang="ts" setup>
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import GoogleAuthButton from './GoogleAuthButton.vue';
defineProps<{

2
packages/frontend/editor-ui/src/components/CredentialPicker/CredentialPicker.vue
View File

@@ -4,7 +4,7 @@ import { listenForModalChanges, useUIStore } from '@/stores/ui.store';
import { listenForCredentialChanges, useCredentialsStore } from '@/stores/credentials.store';
import { assert } from '@n8n/utils/assert';
import CredentialsDropdown from './CredentialsDropdown.vue';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { CREDENTIAL_EDIT_MODAL_KEY } from '@/constants';
const props = defineProps<{

2
packages/frontend/editor-ui/src/components/CredentialPicker/CredentialsDropdown.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts">
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
export type CredentialOption = {
id: string;

2
packages/frontend/editor-ui/src/components/CredentialsSelect.vue
View File

@@ -6,7 +6,7 @@ import NodeCredentials from '@/components/NodeCredentials.vue';
import { useCredentialsStore } from '@/stores/credentials.store';
import { N8nOption, N8nSelect } from '@n8n/design-system';
import type { INodeUi, INodeUpdatePropertiesInformation } from '@/Interface';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
type Props = {
activeCredentialType: string;

2
packages/frontend/editor-ui/src/components/CredentialsSelectModal.vue
View File

@@ -9,7 +9,7 @@ import { createEventBus } from '@n8n/utils/event-bus';
import { onMounted, ref } from 'vue';
import { CREDENTIAL_SELECT_MODAL_KEY } from '../constants';
import Modal from './Modal.vue';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
const externalHooks = useExternalHooks();
const telemetry = useTelemetry();

2
packages/frontend/editor-ui/src/components/DebugPaywallModal.vue
View File

@@ -1,5 +1,5 @@
<script lang="ts" setup>
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import Modal from '@/components/Modal.vue';
const props = defineProps<{

2
packages/frontend/editor-ui/src/components/DeleteUserModal.vue
View File

@@ -7,7 +7,7 @@ import { useUsersStore } from '@/stores/users.store';
import { useProjectsStore } from '@/stores/projects.store';
import { createEventBus } from '@n8n/utils/event-bus';
import type { ProjectSharingData } from '@/types/projects.types';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
const props = defineProps<{
modalName: string;

2
packages/frontend/editor-ui/src/components/DuplicateWorkflowDialog.vue
View File

@@ -11,7 +11,7 @@ import { createEventBus, type EventBus } from '@n8n/utils/event-bus';
import { useCredentialsStore } from '@/stores/credentials.store';
import { useWorkflowHelpers } from '@/composables/useWorkflowHelpers';
import { useRouter } from 'vue-router';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { useTelemetry } from '@/composables/useTelemetry';
const props = defineProps<{

4
packages/frontend/editor-ui/src/components/Error/NodeErrorView.vue
View File

@@ -1,5 +1,5 @@
<script lang="ts" setup>
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { computed } from 'vue';
import { useClipboard } from '@/composables/useClipboard';
import { useToast } from '@/composables/useToast';
@@ -17,7 +17,7 @@ import type {
} from 'n8n-workflow';
import { sanitizeHtml } from '@/utils/htmlUtils';
import { MAX_DISPLAY_DATA_SIZE, NEW_ASSISTANT_SESSION_MODAL } from '@/constants';
import type { BaseTextKey } from '@/plugins/i18n';
import type { BaseTextKey } from '@n8n/i18n';
import { useAssistantStore } from '@/stores/assistant.store';
import type { ChatRequest } from '@/types/assistant.types';
import InlineAskAssistantButton from '@n8n/design-system/components/InlineAskAssistantButton/InlineAskAssistantButton.vue';

2
packages/frontend/editor-ui/src/components/Evaluations.ee/ListRuns/RunsSection.vue
View File

@@ -2,7 +2,7 @@
import type { TestRunRecord } from '@/api/evaluation.ee';
import MetricsChart from '@/components/Evaluations.ee/ListRuns/MetricsChart.vue';
import TestRunsTable from '@/components/Evaluations.ee/ListRuns/TestRunsTable.vue';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { VIEWS } from '@/constants';
import { convertToDisplayDate } from '@/utils/formatters/dateFormatter';
import { computed } from 'vue';

4
packages/frontend/editor-ui/src/components/Evaluations.ee/ListRuns/TestRunsTable.vue
View File

@@ -1,10 +1,10 @@
<script setup lang="ts">
import type { TestRunRecord } from '@/api/evaluation.ee';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { N8nIcon, N8nText } from '@n8n/design-system';
import { computed } from 'vue';
import type { TestTableColumn } from '../shared/TestTableBase.vue';
import type { BaseTextKey } from '@/plugins/i18n';
import type { BaseTextKey } from '@n8n/i18n';
import TestTableBase from '../shared/TestTableBase.vue';
import { statusDictionary } from '../shared/statusDictionary';
import { getErrorBaseKey } from '@/components/Evaluations.ee/shared/errorCodes';

2
packages/frontend/editor-ui/src/components/Evaluations.ee/Paywall/EvaluationsPaywall.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts">
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { COMMUNITY_PLUS_ENROLLMENT_MODAL } from '@/constants';
import { useUIStore } from '@/stores/ui.store';

2
packages/frontend/editor-ui/src/components/Evaluations.ee/SetupWizard/SetupWizard.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts">
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { N8nText, N8nButton, N8nCallout } from '@n8n/design-system';
import { ref, computed } from 'vue';
import { useWorkflowsStore } from '@/stores/workflows.store';

2
packages/frontend/editor-ui/src/components/Evaluations.ee/shared/StepHeader.vue
View File

@@ -1,7 +1,7 @@
<script setup lang="ts">
import { N8nText, N8nBadge } from '@n8n/design-system';
import StepIndicator from './StepIndicator.vue';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
defineProps<{
stepNumber: number;

4
packages/frontend/editor-ui/src/components/Evaluations.ee/shared/TableStatusCell.vue
View File

@@ -1,8 +1,8 @@
<script setup lang="ts" generic="T">
import N8nTooltip from '@n8n/design-system/components/N8nTooltip';
import type { BaseTextKey } from '@/plugins/i18n';
import type { BaseTextKey } from '@n8n/i18n';
import type { TestTableColumn } from '@/components/Evaluations.ee/shared/TestTableBase.vue';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { useRouter } from 'vue-router';
defineProps<{

2
packages/frontend/editor-ui/src/components/Evaluations.ee/shared/errorCodes.ts
View File

@@ -1,4 +1,4 @@
import type { BaseTextKey } from '@/plugins/i18n';
import type { BaseTextKey } from '@n8n/i18n';
const TEST_CASE_EXECUTION_ERROR_CODE = {
MOCKED_NODE_NOT_FOUND: 'MOCKED_NODE_NOT_FOUND',

2
packages/frontend/editor-ui/src/components/ExpressionEditModal.vue
View File

@@ -16,7 +16,7 @@ import { outputTheme } from './ExpressionEditorModal/theme';
import ExpressionOutput from './InlineExpressionEditor/ExpressionOutput.vue';
import VirtualSchema from '@/components/VirtualSchema.vue';
import OutputItemSelect from './InlineExpressionEditor/OutputItemSelect.vue';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { useDebounce } from '@/composables/useDebounce';
import DraggableTarget from './DraggableTarget.vue';
import { dropInExpressionEditor } from '@/plugins/codemirror/dragAndDrop';

2
packages/frontend/editor-ui/src/components/ExternalSecretsProviderCard.ee.vue
View File

@@ -5,7 +5,7 @@ import ExternalSecretsProviderConnectionSwitch from '@/components/ExternalSecret
import { useExternalSecretsStore } from '@/stores/externalSecrets.ee.store';
import { useUIStore } from '@/stores/ui.store';
import { useToast } from '@/composables/useToast';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { useExternalSecretsProvider } from '@/composables/useExternalSecretsProvider';
import { EXTERNAL_SECRETS_PROVIDER_MODAL_KEY } from '@/constants';
import { DateTime } from 'luxon';

2
packages/frontend/editor-ui/src/components/ExternalSecretsProviderConnectionSwitch.ee.vue
View File

@@ -2,7 +2,7 @@
import type { ExternalSecretsProvider } from '@/Interface';
import { useExternalSecretsStore } from '@/stores/externalSecrets.ee.store';
import { useToast } from '@/composables/useToast';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { computed, onMounted, ref } from 'vue';
import type { EventBus } from '@n8n/utils/event-bus';

2
packages/frontend/editor-ui/src/components/ExternalSecretsProviderModal.ee.vue
View File

@@ -4,7 +4,7 @@ import { EXTERNAL_SECRETS_PROVIDER_MODAL_KEY, MODAL_CONFIRM } from '@/constants'
import { computed, onMounted, ref } from 'vue';
import type { EventBus } from '@n8n/utils/event-bus';
import { useExternalSecretsProvider } from '@/composables/useExternalSecretsProvider';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { useMessage } from '@/composables/useMessage';
import { useToast } from '@/composables/useToast';
import { useExternalSecretsStore } from '@/stores/externalSecrets.ee.store';

2
packages/frontend/editor-ui/src/components/Feedback.test.ts
View File

@@ -1,7 +1,7 @@
import { render, fireEvent } from '@testing-library/vue';
import Feedback from '@/components/Feedback.vue';
vi.mock('@/composables/useI18n', () => ({
vi.mock('@n8n/i18n', () => ({
useI18n: () => ({
baseText: (key: string) => key,
}),

2
packages/frontend/editor-ui/src/components/Feedback.vue
View File

@@ -1,5 +1,5 @@
<script lang="ts" setup>
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
const emit = defineEmits<{
'update:modelValue': [feedback: 'positive' | 'negative'];

2
packages/frontend/editor-ui/src/components/FilterConditions/CombinatorSelect.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts">
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import type { FilterTypeCombinator } from 'n8n-workflow';
interface Props {

2
packages/frontend/editor-ui/src/components/FilterConditions/Condition.vue
View File

@@ -3,7 +3,7 @@ import type { IUpdateInformation } from '@/Interface';
import InputTriple from '@/components/InputTriple/InputTriple.vue';
import ParameterInputFull from '@/components/ParameterInputFull.vue';
import ParameterIssues from '@/components/ParameterIssues.vue';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { DateTime } from 'luxon';
import type {
FilterConditionValue,

2
packages/frontend/editor-ui/src/components/FilterConditions/FilterConditions.vue
View File

@@ -17,7 +17,7 @@ import {
DEFAULT_MAX_CONDITIONS,
DEFAULT_OPERATOR_VALUE,
} from './constants';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { useDebounce } from '@/composables/useDebounce';
import Condition from './Condition.vue';
import CombinatorSelect from './CombinatorSelect.vue';

2
packages/frontend/editor-ui/src/components/FilterConditions/OperatorSelect.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts">
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { computed, ref } from 'vue';
import { OPERATOR_GROUPS } from './constants';
import type { FilterOperator } from './types';

2
packages/frontend/editor-ui/src/components/FilterConditions/types.ts
View File

@@ -1,4 +1,4 @@
import type { BaseTextKey } from '@/plugins/i18n';
import type { BaseTextKey } from '@n8n/i18n';
import type { FilterConditionValue, FilterOperatorValue } from 'n8n-workflow';
export interface FilterOperator extends FilterOperatorValue {

2
packages/frontend/editor-ui/src/components/FilterConditions/utils.ts
View File

@@ -1,5 +1,5 @@
import { resolveParameter } from '@/composables/useWorkflowHelpers';
import { i18n } from '@/plugins/i18n';
import { i18n } from '@n8n/i18n';
import { isExpression } from '@/utils/expressions';
import {
FilterError,

15
packages/frontend/editor-ui/src/components/FixedCollectionParameter.vue
View File

@@ -7,7 +7,7 @@ import { deepCopy, isINodePropertyCollectionList } from 'n8n-workflow';
import { get } from 'lodash-es';
import { computed, ref, watch, onBeforeMount } from 'vue';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import {
N8nIconButton,
N8nSelect,
@@ -21,6 +21,7 @@ import Draggable from 'vuedraggable';
import { useWorkflowsStore } from '@/stores/workflows.store';
import { useNDVStore } from '@/stores/ndv.store';
import { telemetry } from '@/plugins/telemetry';
import { storeToRefs } from 'pinia';
const locale = useI18n();
@@ -50,8 +51,12 @@ const emit = defineEmits<{
const workflowsStore = useWorkflowsStore();
const ndvStore = useNDVStore();
const { activeNode } = storeToRefs(ndvStore);
const getPlaceholderText = computed(() => {
const placeholder = locale.nodeText().placeholder(props.parameter, props.path);
const placeholder = locale
.nodeText(activeNode.value?.type)
.placeholder(props.parameter, props.path);
return placeholder ? placeholder : locale.baseText('fixedCollectionParameter.choose');
});
const mutableValues = ref({} as Record<string, INodeParameters[]>);
@@ -245,7 +250,7 @@ const trackWorkflowInputFieldAdded = () => {
>
<N8nInputLabel
v-if="property.displayName !== '' && parameter.options && parameter.options.length !== 1"
:label="locale.nodeText().inputLabelDisplayName(property, path)"
:label="locale.nodeText(activeNode?.type).inputLabelDisplayName(property, path)"
:underline="true"
size="small"
color="text-dark"
@@ -349,7 +354,9 @@ const trackWorkflowInputFieldAdded = () => {
<N8nOption
v-for="item in parameterOptions"
:key="item.name"
:label="locale.nodeText().collectionOptionDisplayName(parameter, item, path)"
:label="
locale.nodeText(activeNode?.type).collectionOptionDisplayName(parameter, item, path)
"
:value="item.name"
></N8nOption>
</N8nSelect>

2
packages/frontend/editor-ui/src/components/Folders/DeleteFolderModal.vue
View File

@@ -3,7 +3,7 @@ import { ref, computed } from 'vue';
import { useToast } from '@/composables/useToast';
import Modal from '@/components/Modal.vue';
import { createEventBus, type EventBus } from '@n8n/utils/event-bus';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { useFoldersStore } from '@/stores/folders.store';
import { useRoute } from 'vue-router';
import { useProjectsStore } from '@/stores/projects.store';

2
packages/frontend/editor-ui/src/components/Folders/EmptySharedSectionActionBox.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts">
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { VIEWS } from '@/constants';
import type { Project } from '@/types/projects.types';
import { computed } from 'vue';

2
packages/frontend/editor-ui/src/components/Folders/FolderBreadcrumbs.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts">
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { useProjectsStore } from '@/stores/projects.store';
import { ProjectTypes } from '@/types/projects.types';
import type { UserAction } from '@n8n/design-system/types';

2
packages/frontend/editor-ui/src/components/Folders/FolderCard.vue
View File

@@ -3,7 +3,7 @@ import { computed, ref } from 'vue';
import { FOLDER_LIST_ITEM_ACTIONS } from './constants';
import type { FolderResource } from '../layouts/ResourcesListLayout.vue';
import { ProjectTypes, type Project } from '@/types/projects.types';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { useRoute, useRouter } from 'vue-router';
import { VIEWS } from '@/constants';
import type { UserAction } from '@/Interface';

2
packages/frontend/editor-ui/src/components/Folders/MoveToFolderDropdown.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts">
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import type { ChangeLocationSearchResult } from '@/Interface';
import { useFoldersStore } from '@/stores/folders.store';
import { N8nSelect } from '@n8n/design-system';

2
packages/frontend/editor-ui/src/components/Folders/MoveToFolderModal.vue
View File

@@ -1,6 +1,6 @@
<script lang="ts" setup>
import { computed, onMounted, ref, watch } from 'vue';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { sortByProperty } from '@n8n/utils/sort/sortByProperty';
import { EnterpriseEditionFeature, MOVE_FOLDER_MODAL_KEY } from '@/constants';
import { useFoldersStore } from '@/stores/folders.store';

3
packages/frontend/editor-ui/src/components/Folders/ProjectBreadcrumb.test.ts
View File

@@ -4,7 +4,8 @@ import ProjectBreadcrumb from './ProjectBreadcrumb.vue';
import { ProjectTypes } from '@/types/projects.types';
import type { Project } from '@vue-flow/core';
vi.mock('@/composables/useI18n', () => ({
vi.mock('@n8n/i18n', async (importOriginal) => ({
...(await importOriginal()),
useI18n: () => ({
baseText: vi.fn((key) => {
if (key === 'projects.menu.personal') return 'Personal';

2
packages/frontend/editor-ui/src/components/Folders/ProjectBreadcrumb.vue
View File

@@ -1,6 +1,6 @@
<script setup lang="ts">
import { computed } from 'vue';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import {
type Project,
type ProjectIcon as ProjectIconType,

2
packages/frontend/editor-ui/src/components/FreeAiCreditsCallout.vue
View File

@@ -1,5 +1,5 @@
<script lang="ts" setup>
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { useTelemetry } from '@/composables/useTelemetry';
import { useToast } from '@/composables/useToast';
import { AI_CREDITS_EXPERIMENT } from '@/constants';

2
packages/frontend/editor-ui/src/components/FromAiParametersModal.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts">
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { useRunWorkflow } from '@/composables/useRunWorkflow';
import { FROM_AI_PARAMETERS_MODAL_KEY, AI_MCP_TOOL_NODE_TYPE } from '@/constants';
import { useAgentRequestStore } from '@n8n/stores/useAgentRequestStore';

2
packages/frontend/editor-ui/src/components/GoBackButton.vue
View File

@@ -1,7 +1,7 @@
<script setup lang="ts">
import { useRouter } from 'vue-router';
import { VIEWS } from '@/constants';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
const router = useRouter();
const i18n = useI18n();

2
packages/frontend/editor-ui/src/components/ImportCurlModal.vue
View File

@@ -5,7 +5,7 @@ import { onMounted, ref } from 'vue';
import { useUIStore } from '@/stores/ui.store';
import { createEventBus } from '@n8n/utils/event-bus';
import { useTelemetry } from '@/composables/useTelemetry';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
const telemetry = useTelemetry();
const i18n = useI18n();

2
packages/frontend/editor-ui/src/components/ImportCurlParameter.vue
View File

@@ -1,5 +1,5 @@
<script lang="ts" setup>
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { IMPORT_CURL_MODAL_KEY } from '@/constants';
import { useUIStore } from '@/stores/ui.store';

2
packages/frontend/editor-ui/src/components/ImportWorkflowUrlModal.vue
View File

@@ -1,6 +1,6 @@
<script setup lang="ts">
import { ref, computed } from 'vue';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { useUIStore } from '@/stores/ui.store';
import { nodeViewEventBus } from '@/event-bus';
import { VALID_WORKFLOW_IMPORT_URL_REGEX, IMPORT_WORKFLOW_URL_MODAL_KEY } from '@/constants';

2
packages/frontend/editor-ui/src/components/InlineExpressionEditor/ExpressionOutput.vue
View File

@@ -2,7 +2,7 @@
import { EditorState, type Extension } from '@codemirror/state';
import { EditorView } from '@codemirror/view';
import { useI18n } from '@/composables/useI18n';
import { useI18n } from '@n8n/i18n';
import { highlighter } from '@/plugins/codemirror/resolvableHighlighter';
import type { Plaintext, Resolved, Segment } from '@/types/expressions';
import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';

Some files were not shown because too many files have changed in this diff Show More