github-mirror/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2026-05-31 16:57:08 +02:00
Code Issues Actions 10 Packages Projects Releases Wiki Activity Graph

refactor(editor): Extract apiKeys code into features (no-changelog) (#20648)

Browse Source
This commit is contained in:
Alex Grozav 2025-10-14 11:04:38 +03:00 committed by GitHub
parent e2275fbd58
commit 17635d0eaa
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
12 changed files with 16 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,7 +2,6 @@
import {
ABOUT_MODAL_KEY,
ANNOTATION_TAGS_MANAGER_MODAL_KEY,
API_KEY_CREATE_OR_EDIT_MODAL_KEY,
CHANGE_PASSWORD_MODAL_KEY,
CHAT_EMBED_MODAL_KEY,
COMMUNITY_PACKAGE_CONFIRM_MODAL_KEY,
@ -51,9 +50,10 @@ import {
SOURCE_CONTROL_PULL_MODAL_KEY,
SOURCE_CONTROL_PUSH_MODAL_KEY,
} from '@/features/sourceControl.ee/sourceControl.constants';
import { API_KEY_CREATE_OR_EDIT_MODAL_KEY } from '@/features/apiKeys/apiKeys.constants';
import AboutModal from '@/components/AboutModal.vue';
import ActivationModal from '@/components/ActivationModal.vue';
import ApiKeyCreateOrEditModal from '@/components/ApiKeyCreateOrEditModal.vue';
import ApiKeyCreateOrEditModal from '@/features/apiKeys/components/ApiKeyCreateOrEditModal.vue';
import NewAssistantSessionModal from '@/features/assistant/components/Chat/NewAssistantSessionModal.vue';
import ChangePasswordModal from '@/features/auth/components/ChangePasswordModal.vue';
import ConfirmPasswordModal from '@/features/auth/components/ConfirmPasswordModal.vue';

1
packages/frontend/editor-ui/src/constants.ts
View File

@ -52,7 +52,6 @@ export const CHAT_EMBED_MODAL_KEY = 'chatEmbed';
export const CHANGE_PASSWORD_MODAL_KEY = 'changePassword';
export const CONFIRM_PASSWORD_MODAL_KEY = 'confirmPassword';
export const CREDENTIAL_EDIT_MODAL_KEY = 'editCredential';
export const API_KEY_CREATE_OR_EDIT_MODAL_KEY = 'createOrEditApiKey';
export const CREDENTIAL_SELECT_MODAL_KEY = 'selectCredential';
export const DELETE_USER_MODAL_KEY = 'deleteUser';
export const INVITE_USER_MODAL_KEY = 'inviteUser';

1
packages/frontend/editor-ui/src/features/apiKeys/apiKeys.constants.ts Normal file
View File

@ -0,0 +1 @@
export const API_KEY_CREATE_OR_EDIT_MODAL_KEY = 'createOrEditApiKey';

0
packages/frontend/editor-ui/src/stores/apiKeys.store.ts → packages/frontend/editor-ui/src/features/apiKeys/apiKeys.store.ts
View File

0
packages/frontend/editor-ui/src/components/ApiKeyCard.vue → packages/frontend/editor-ui/src/features/apiKeys/components/ApiKeyCard.vue
View File

4
packages/frontend/editor-ui/src/components/ApiKeyCreateOrEditModal.test.ts → packages/frontend/editor-ui/src/features/apiKeys/components/ApiKeyCreateOrEditModal.test.ts
View File

@ -1,12 +1,12 @@
import { createComponentRenderer } from '@/__tests__/render';
import { createTestingPinia } from '@pinia/testing';
import { API_KEY_CREATE_OR_EDIT_MODAL_KEY } from '@/constants';
import { API_KEY_CREATE_OR_EDIT_MODAL_KEY } from '../apiKeys.constants';
import { STORES } from '@n8n/stores';
import { mockedStore, retry } from '@/__tests__/utils';
import ApiKeyEditModal from './ApiKeyCreateOrEditModal.vue';
import userEvent from '@testing-library/user-event';
import { useApiKeysStore } from '@/stores/apiKeys.store';
import { useApiKeysStore } from '../apiKeys.store';
import { DateTime } from 'luxon';
import type { ApiKeyWithRawValue } from '@n8n/api-types';
import { useSettingsStore } from '@/stores/settings.store';

7
packages/frontend/editor-ui/src/components/ApiKeyCreateOrEditModal.vue → packages/frontend/editor-ui/src/features/apiKeys/components/ApiKeyCreateOrEditModal.vue
View File

@ -1,15 +1,16 @@
<script lang="ts" setup>
import ApiKeyScopes from '@/components/ApiKeyScopes.vue';
import ApiKeyScopes from './ApiKeyScopes.vue';
import CopyInput from '@/components/CopyInput.vue';
import Modal from '@/components/Modal.vue';
import { API_KEY_CREATE_OR_EDIT_MODAL_KEY, EnterpriseEditionFeature } from '@/constants';
import { EnterpriseEditionFeature } from '@/constants';
import { API_KEY_CREATE_OR_EDIT_MODAL_KEY } from '../apiKeys.constants';
import { computed, onMounted, ref } from 'vue';
import { useUIStore } from '@/stores/ui.store';
import { createEventBus } from '@n8n/utils/event-bus';
import { useI18n } from '@n8n/i18n';
import { useRootStore } from '@n8n/stores/useRootStore';
import { useDocumentTitle } from '@/composables/useDocumentTitle';
import { useApiKeysStore } from '@/stores/apiKeys.store';
import { useApiKeysStore } from '../apiKeys.store';
import { useToast } from '@/composables/useToast';
import type { BaseTextKey } from '@n8n/i18n';
import { DateTime } from 'luxon';

0
packages/frontend/editor-ui/src/components/ApiKeyScopes.vue → packages/frontend/editor-ui/src/features/apiKeys/components/ApiKeyScopes.vue
View File

2
packages/frontend/editor-ui/src/views/SettingsApiView.test.ts → packages/frontend/editor-ui/src/features/apiKeys/views/SettingsApiView.test.ts
View File

@ -7,7 +7,7 @@ import SettingsApiView from './SettingsApiView.vue';
import { useCloudPlanStore } from '@/stores/cloudPlan.store';
import { setActivePinia } from 'pinia';
import { createTestingPinia } from '@pinia/testing';
import { useApiKeysStore } from '@/stores/apiKeys.store';
import { useApiKeysStore } from '../apiKeys.store';
import { DateTime } from 'luxon';
import { useRootStore } from '@n8n/stores/useRootStore';

7
packages/frontend/editor-ui/src/views/SettingsApiView.vue → packages/frontend/editor-ui/src/features/apiKeys/views/SettingsApiView.vue
View File

@ -6,19 +6,20 @@ import { useDocumentTitle } from '@/composables/useDocumentTitle';
import { useSettingsStore } from '@/stores/settings.store';
import { useCloudPlanStore } from '@/stores/cloudPlan.store';
import { API_KEY_CREATE_OR_EDIT_MODAL_KEY, DOCS_DOMAIN, MODAL_CONFIRM } from '@/constants';
import { DOCS_DOMAIN, MODAL_CONFIRM } from '@/constants';
import { API_KEY_CREATE_OR_EDIT_MODAL_KEY } from '../apiKeys.constants';
import { useI18n } from '@n8n/i18n';
import { useTelemetry } from '@/composables/useTelemetry';
import { usePageRedirectionHelper } from '@/composables/usePageRedirectionHelper';
import { useUIStore } from '@/stores/ui.store';
import { useApiKeysStore } from '@/stores/apiKeys.store';
import { useApiKeysStore } from '../apiKeys.store';
import { storeToRefs } from 'pinia';
import { useRootStore } from '@n8n/stores/useRootStore';
import { ElCol, ElRow } from 'element-plus';
import { N8nActionBox, N8nButton, N8nHeading, N8nLink, N8nText } from '@n8n/design-system';
import { I18nT } from 'vue-i18n';
import ApiKeyCard from '@/components/ApiKeyCard.vue';
import ApiKeyCard from '../components/ApiKeyCard.vue';
const settingsStore = useSettingsStore();
const uiStore = useUIStore();

2
packages/frontend/editor-ui/src/router.ts
View File

@ -44,7 +44,7 @@ const SettingsPersonalView = async () =>
const SettingsUsersView = async () => await import('./views/SettingsUsersView.vue');
const SettingsCommunityNodesView = async () =>
await import('./views/SettingsCommunityNodesView.vue');
const SettingsApiView = async () => await import('./views/SettingsApiView.vue');
const SettingsApiView = async () => await import('@/features/apiKeys/views/SettingsApiView.vue');
const SettingsLogStreamingView = async () =>
await import('@/features/logStreaming.ee/views/SettingsLogStreamingView.vue');
const SetupView = async () => await import('@/features/auth/views/SetupView.vue');

2
packages/frontend/editor-ui/src/stores/ui.store.ts
View File

@ -32,7 +32,6 @@ import {
NEW_ASSISTANT_SESSION_MODAL,
PROMPT_MFA_CODE_MODAL_KEY,
COMMUNITY_PLUS_ENROLLMENT_MODAL,
API_KEY_CREATE_OR_EDIT_MODAL_KEY,
WORKFLOW_ACTIVATION_CONFLICTING_WEBHOOK_MODAL_KEY,
FROM_AI_PARAMETERS_MODAL_KEY,
IMPORT_WORKFLOW_URL_MODAL_KEY,
@ -54,6 +53,7 @@ import {
SOURCE_CONTROL_PUSH_MODAL_KEY,
SOURCE_CONTROL_PULL_MODAL_KEY,
} from '@/features/sourceControl.ee/sourceControl.constants';
import { API_KEY_CREATE_OR_EDIT_MODAL_KEY } from '@/features/apiKeys/apiKeys.constants';
import { STORES } from '@n8n/stores';
import type {
XYPosition,