mirror of
https://github.com/n8n-io/n8n.git
synced 2024-09-28 10:47:34 -07:00
cfa91cda27
* Templates Bugs / Fixed Various Bugs / Multiply Api Request, Carousel Gradient, Core Nodes Filters ... * Updated MainSidebar Paddings * N8N-Templates Bugfixing - Remove Unnecesairy Icon (Shape), Refatctor infiniteScrollEnabled Prop + updated infiniterScroll functinality * N8N-2853 Fixed Carousel Arrows Bug after Cleaning the SearchBar * fix telemetry init * fix search tracking issues * N8N-2853 Created FilterTemplateNode Constant Array, Filter PlayButton and WebhookRespond from Nodes, Added Box for showing more nodes inside TemplateList, Updated NewWorkflowButton to primary, Fixed Markdown issue with Code * N8N-2853 Removed Placeholder if Workflows Or Collections are not found, Updated the Logic * fix telemetry events * clean up session id * update user inserted event * N8N-2853 Fixed Categories to Moving if the names are long * Add todos * Update Routes on loading * fix spacing * Update Border Color * Update Border Readius * fix filter fn * fix constant, console error * N8N-2853 PR Fixes, Refactoring, Removing unnecesairy code .. * N8N-2853 PR Fixes - Editor-ui Fixes, Refactoring, Removing Dead Code ... * N8N-2853 Refactor Card to LongCard * clean up spacing, replace css var * clean up spacing * set categories as optional in node * replace vars * refactor store * remove unnesssary import * fix error * fix templates view to start * add to cache * fix coll view data * fix categories * fix category event * fix collections carousel * fix initial load and search * fix infinite load * fix query param * fix scrolling issues * fix scroll to top * fix search * fix collections search * fix navigation bug * rename view * update package lock * rename workflow view * rename coll view * update routes * add wrapper component * set session id * fix search tracking * fix session tracking * remove deleted mutation * remove check for unsupported nodes * refactor filters * lazy load template * clean up types * refactor infinte scroll * fix end of search * Fix spacing * fix coll loading * fix types * fix coll view list * fix navigation * rename types * rename state * fix search responsiveness * fix coll view spacing * fix search view spacing * clean up views * set background color * center page not vert * fix workflow view * remove import * fix background color * fix background * clean props * clean up imports * refactor button * update background color * fix spacing issue * rename event * update telemetry event * update endpoints, add loading view, check for endpoint health * remove conolse log * N8N-2853 Fixed Menu Items Padding * replace endpoints * fix type issues * fix categories * N8N-2853 Fixed ParameterInput Placeholder after ElementUI Upgrade * update createdAt * ⚡ Fix placeholder in creds config modal * ✏️ Adjust docstring to `credText` placeholder version * N8N-2853 Optimized * N8N-2853 Optimized code * ⚡ Add deployment type to FE settings * ⚡ Add deployment type to interfaces * N8N-2853 Removed Animated prop from components * ⚡ Add deployment type to store module * ✨ Create hiring banner * ⚡ Display hiring banner * ⏪ Undo unrelated change * N8N-2853 Refactor TemplateFilters * ⚡ Fix indentation * N8N-2853 Reorder items / TemplateList * 👕 Fix lint * N8N-2853 Refactor TemplateFilters Component * N8N-2853 Reorder TemplateList * refactor template card * update timeout * fix removelistener * fix spacing * split enabled from offline * add spacing to go back * N8N-2853 Fixed Screens for Tablet & Mobile * N8N-2853 Update Stores Order * remove image componet * remove placeholder changes * N8N-2853 Fixed Chinnese Placeholders for El Select Component that comes from the Library Upgrade * N8N-2853 Fixed Vue Agile Console Warnings * N8N-2853 Update Collection Route * ✏️ Update jobs URL * 🚚 Move logging to root component * ⚡ Refactor `deploymentType` to `isInternalUser` * ⚡ Improve syntax * fix cut bug in readonly view * N8N-3012 Fixed Details section in templates with lots of description, Fixed Mardown Block with overflox-x * N8N-3012 Increased Font-size, Spacing and Line-height of the Categories Items * N8N-3012 Fixed Vue-agile client width error on resize * only delay redirect for root path * N8N-3012 Fixed Carousel Arrows that Disappear * N8N-3012 Make Loading Screen same color as Templates * N8N-3012 Markdown renders inline block as block code * add offline warning * hide log from workflow iframe * update text * make search button larger * N8N-3012 Categories / Tags extended all the way in details section * load data in cred modals * remove deleted message * add external hook * remove import * update env variable description * fix markdown width issue * disable telemetry for demo, add session id to template pages * fix telemetery bugs * N8N-3012 Not found Collections/Wokrkflow * N8N-3012 Checkboxes change order when categories are changed * N8N-3012 Refactor SortedCategories inside TemplateFilters component * fix firefox bug * add telemetry requirements * add error check * N8N-3012 Update GoBackButton to check if Route History is present * N8N-3012 Fixed WF Nodes Icons * hide workflow screenshots * remove unnessary mixins * rename prop * fix design a bit * rename data * clear workspace on destroy * fix copy paste bug * fix disabled state * N8N-3012 Fixed Saving/Leave without saving Modal * fix telemetry issue * fix telemetry issues, error bug * fix error notification * disable workflow menu items on templates * fix i18n elementui issue * Remove Emit - NodeType from HoverableNodeIcon component * TechnicalFixes: NavigateTo passed down as function should be helper * TechnicalFixes: Update NavigateTo function * TechnicalFixes: Add FilterCoreNodes directly as function * check for empty connecitions * fix titles * respect new lines * increase categories to be sliced * rename prop * onUseWorkflow * refactor click event * fix bug, refactor * fix loading story * add default * fix styles at right level of abstraction * add wrapper with width * remove loading blocks component * add story * rename prop * fix spacing * refactor tag, add story * move margin to container * fix tag redirect, remove unnessary check * make version optional * rename view * move from workflows to templates store * remove unnessary change * remove unnessary css * rename component * refactor collection card * add boolean to prevent shrink * clean up carousel * fix redirection bug on save * remove listeners to fix multiple listeners bug * remove unnessary types * clean up boolean set * fix node select bug * rename component * remove unnessary class * fix redirection bug * remove unnessary error * fix typo * fix blockquotes, pre * refactor markdown rendering * remove console log * escape markdown * fix safari bug * load active workflows to fix modal bug * ⬆️ Update package-lock.json file * ⚡ Add n8n version as header Co-authored-by: Mutasem Aldmour <4711238+mutdmour@users.noreply.github.com> Co-authored-by: Mutasem <mutdmour@gmail.com> Co-authored-by: Iván Ovejero <ivov.src@gmail.com> Co-authored-by: Jan Oberhauser <jan.oberhauser@gmail.com>
153 lines
5.8 KiB
TypeScript
153 lines
5.8 KiB
TypeScript
import { ActionContext, Module } from 'vuex';
|
|
import {
|
|
ILogLevel,
|
|
IN8nPrompts,
|
|
IN8nUISettings,
|
|
IN8nValueSurveyData,
|
|
IPersonalizationSurveyAnswers,
|
|
IRootState,
|
|
ISettingsState,
|
|
} from '../Interface';
|
|
import { getPromptsData, getSettings, submitValueSurvey, submitPersonalizationSurvey, submitContactInfo } from '../api/settings';
|
|
import Vue from 'vue';
|
|
import { getPersonalizedNodeTypes } from './helper';
|
|
import { CONTACT_PROMPT_MODAL_KEY, PERSONALIZATION_MODAL_KEY, VALUE_SURVEY_MODAL_KEY } from '@/constants';
|
|
import { ITelemetrySettings } from 'n8n-workflow';
|
|
import { testHealthEndpoint } from '@/api/templates';
|
|
|
|
const module: Module<ISettingsState, IRootState> = {
|
|
namespaced: true,
|
|
state: {
|
|
settings: {} as IN8nUISettings,
|
|
promptsData: {} as IN8nPrompts,
|
|
templatesEndpointHealthy: false,
|
|
},
|
|
getters: {
|
|
personalizedNodeTypes(state: ISettingsState): string[] {
|
|
const answers = state.settings.personalizationSurvey && state.settings.personalizationSurvey.answers;
|
|
if (!answers) {
|
|
return [];
|
|
}
|
|
|
|
return getPersonalizedNodeTypes(answers);
|
|
},
|
|
getPromptsData(state: ISettingsState) {
|
|
return state.promptsData;
|
|
},
|
|
telemetry: (state): ITelemetrySettings => {
|
|
return state.settings.telemetry;
|
|
},
|
|
logLevel: (state): ILogLevel => {
|
|
return state.settings.logLevel;
|
|
},
|
|
isTelemetryEnabled: (state) => {
|
|
return state.settings.telemetry && state.settings.telemetry.enabled;
|
|
},
|
|
isInternalUser: (state): boolean => {
|
|
return state.settings.deploymentType === 'n8n-internal';
|
|
},
|
|
isTemplatesEnabled: (state): boolean => {
|
|
return Boolean(state.settings.templates && state.settings.templates.enabled);
|
|
},
|
|
isTemplatesEndpointReachable: (state): boolean => {
|
|
return state.templatesEndpointHealthy;
|
|
},
|
|
templatesHost: (state): string => {
|
|
return state.settings.templates.host;
|
|
},
|
|
},
|
|
mutations: {
|
|
setSettings(state: ISettingsState, settings: IN8nUISettings) {
|
|
state.settings = settings;
|
|
},
|
|
setPersonalizationAnswers(state: ISettingsState, answers: IPersonalizationSurveyAnswers) {
|
|
Vue.set(state.settings, 'personalizationSurvey', {
|
|
answers,
|
|
shouldShow: false,
|
|
});
|
|
},
|
|
setPromptsData(state: ISettingsState, promptsData: IN8nPrompts) {
|
|
Vue.set(state, 'promptsData', promptsData);
|
|
},
|
|
setTemplatesEndpointHealthy(state: ISettingsState) {
|
|
state.templatesEndpointHealthy = true;
|
|
},
|
|
},
|
|
actions: {
|
|
async getSettings(context: ActionContext<ISettingsState, IRootState>) {
|
|
const settings = await getSettings(context.rootGetters.getRestApiContext);
|
|
context.commit('setSettings', settings);
|
|
|
|
// todo refactor to this store
|
|
context.commit('setUrlBaseWebhook', settings.urlBaseWebhook, {root: true});
|
|
context.commit('setEndpointWebhook', settings.endpointWebhook, {root: true});
|
|
context.commit('setEndpointWebhookTest', settings.endpointWebhookTest, {root: true});
|
|
context.commit('setSaveDataErrorExecution', settings.saveDataErrorExecution, {root: true});
|
|
context.commit('setSaveDataSuccessExecution', settings.saveDataSuccessExecution, {root: true});
|
|
context.commit('setSaveManualExecutions', settings.saveManualExecutions, {root: true});
|
|
context.commit('setTimezone', settings.timezone, {root: true});
|
|
context.commit('setExecutionTimeout', settings.executionTimeout, {root: true});
|
|
context.commit('setMaxExecutionTimeout', settings.maxExecutionTimeout, {root: true});
|
|
context.commit('setVersionCli', settings.versionCli, {root: true});
|
|
context.commit('setInstanceId', settings.instanceId, {root: true});
|
|
context.commit('setOauthCallbackUrls', settings.oauthCallbackUrls, {root: true});
|
|
context.commit('setN8nMetadata', settings.n8nMetadata || {}, {root: true});
|
|
context.commit('setDefaultLocale', settings.defaultLocale, {root: true});
|
|
context.commit('versions/setVersionNotificationSettings', settings.versionNotifications, {root: true});
|
|
|
|
const showPersonalizationsModal = settings.personalizationSurvey && settings.personalizationSurvey.shouldShow && !settings.personalizationSurvey.answers;
|
|
|
|
if (showPersonalizationsModal) {
|
|
context.commit('ui/openModal', PERSONALIZATION_MODAL_KEY, {root: true});
|
|
}
|
|
return settings;
|
|
},
|
|
async submitPersonalizationSurvey(context: ActionContext<ISettingsState, IRootState>, results: IPersonalizationSurveyAnswers) {
|
|
await submitPersonalizationSurvey(context.rootGetters.getRestApiContext, results);
|
|
|
|
context.commit('setPersonalizationAnswers', results);
|
|
},
|
|
async fetchPromptsData(context: ActionContext<ISettingsState, IRootState>) {
|
|
if (!context.getters.isTelemetryEnabled) {
|
|
return;
|
|
}
|
|
|
|
try {
|
|
const promptsData: IN8nPrompts = await getPromptsData(context.state.settings.instanceId);
|
|
|
|
if (promptsData && promptsData.showContactPrompt) {
|
|
context.commit('ui/openModal', CONTACT_PROMPT_MODAL_KEY, {root: true});
|
|
} else if (promptsData && promptsData.showValueSurvey) {
|
|
context.commit('ui/openModal', VALUE_SURVEY_MODAL_KEY, {root: true});
|
|
}
|
|
|
|
context.commit('setPromptsData', promptsData);
|
|
} catch (e) {
|
|
return e;
|
|
}
|
|
|
|
},
|
|
async submitContactInfo(context: ActionContext<ISettingsState, IRootState>, email: string) {
|
|
try {
|
|
return await submitContactInfo(context.state.settings.instanceId, email);
|
|
} catch (e) {
|
|
return e;
|
|
}
|
|
},
|
|
async submitValueSurvey(context: ActionContext<ISettingsState, IRootState>, params: IN8nValueSurveyData) {
|
|
try {
|
|
return await submitValueSurvey(context.state.settings.instanceId, params);
|
|
} catch (e) {
|
|
return e;
|
|
}
|
|
},
|
|
async testTemplatesEndpoint(context: ActionContext<ISettingsState, IRootState>) {
|
|
const timeout = new Promise((_, reject) => setTimeout(() => reject(), 2000));
|
|
await Promise.race([testHealthEndpoint(context.getters.templatesHost), timeout]);
|
|
context.commit('setTemplatesEndpointHealthy', true);
|
|
},
|
|
},
|
|
};
|
|
|
|
export default module;
|