Restore i18n post-UM

packages/cli/src/Server.ts

@@ -29,7 +29,7 @@
 /* eslint-disable no-await-in-loop */
 
 import * as express from 'express';
-import { readFileSync } from 'fs';
+import { existsSync, readFileSync } from 'fs';
 import { readFile } from 'fs/promises';
 import { cloneDeep } from 'lodash';
 import { dirname as pathDirname, join as pathJoin, resolve as pathResolve } from 'path';
@@ -1503,10 +1503,13 @@ class App {
 				async (req: express.Request, res: express.Response): Promise<object | void> => {
 					const packagesPath = pathJoin(__dirname, '..', '..', '..');
 					const headersPath = pathJoin(packagesPath, 'nodes-base', 'dist', 'nodes', 'headers');
+
+					if (!existsSync(`${headersPath}.js`)) return;
+
 					try {
 						return require(headersPath);
 					} catch (error) {
-						res.status(500).send('Failed to find headers file');
+						res.status(500).send('Failed to load headers file');
 					}
 				},
 			),

packages/editor-ui/src/App.vue

@@ -28,10 +28,13 @@ import { showMessage } from './components/mixins/showMessage';
 import { IUser } from './Interface';
 import { mapGetters } from 'vuex';
 import { userHelpers } from './components/mixins/userHelpers';
+import { addHeaders, loadLanguage } from './plugins/i18n';
+import { restApi } from '@/components/mixins/restApi';
 
 export default mixins(
 	showMessage,
 	userHelpers,
+	restApi,
 ).extend({
 	name: 'App',
 	components: {
@@ -42,6 +45,9 @@ export default mixins(
 	computed: {
 		...mapGetters('settings', ['isHiringBannerEnabled', 'isTemplatesEnabled', 'isTemplatesEndpointReachable', 'isUserManagementEnabled', 'showSetupPage']),
 		...mapGetters('users', ['currentUser']),
+		defaultLocale (): string {
+			return this.$store.getters.defaultLocale;
+		},
 	},
 	data() {
 		return {
@@ -79,7 +85,7 @@ export default mixins(
 			}
 		},
 		logHiringBanner() {
-			if (!this.isHiringBannerEnabled && this.$route.name !== VIEWS.DEMO) {
+			if (this.isHiringBannerEnabled && this.$route.name !== VIEWS.DEMO) {
 				console.log(HIRING_BANNER); // eslint-disable-line no-console
 			}
 		},
@@ -143,15 +149,20 @@ export default mixins(
 		},
 	},
 	async mounted() {
-		this.logHiringBanner();
 		await this.initialize();
+		this.logHiringBanner();
 		this.authenticate();
 		this.redirectIfNecessary();
 
 		this.loading = false;
 
 		this.trackPage();
 		this.$externalHooks().run('app.mount');
+
+		if (this.defaultLocale !== 'en') {
+			const headers = await this.restApi().getNodeTranslationHeaders();
+			if (headers) addHeaders(headers, this.defaultLocale);
+		}
 	},
 	watch: {
 		$route(route) {
@@ -160,6 +171,9 @@ export default mixins(
 
 			this.trackPage();
 		},
+		defaultLocale(newLocale) {
+			loadLanguage(newLocale);
+		},
 	},
 });
 </script>

packages/editor-ui/src/components/TagsManager/TagsView/TagsView.vue

@@ -57,15 +57,7 @@ export default Vue.extend({
 		},
 		rows(): ITagRow[] {
 			const getUsage = (count: number | undefined) => count && count > 0
-				? this.$locale.baseText(
-					count > 1 ?
-						'tagsView.inUse.plural' : 'tagsView.inUse.singular',
-					{
-						interpolate: {
-							count: count.toString(),
-						},
-					},
-				)
+				? this.$locale.baseText('tagsView.inUse', { adjustToNumber: count })
 				: this.$locale.baseText('tagsView.notBeingUsed');
 
 			const disabled = this.isCreateEnabled || this.$data.updateId || this.$data.deleteId;

packages/editor-ui/src/plugins/i18n/docs/ADDENDUM.md

@@ -2,27 +2,33 @@
 
 ## Base text
 
+### Pluralization
+
+Certain base text strings accept [singular and plural versions](https://kazupon.github.io/vue-i18n/guide/pluralization.html) separated by a `|` character:
+
+```json
+{
+	"tagsView.inUse": "{count} workflow | {count} workflows",
+}
+```
+
 ### Interpolation
 
-Certain base text strings use [interpolation](https://kazupon.github.io/vue-i18n/guide/formatting.html#named-formatting) to allow for a variable to be passed in, signalled by curly braces:
+Certain base text strings use [interpolation](https://kazupon.github.io/vue-i18n/guide/formatting.html#named-formatting) to allow for a variable between curly braces:
 
 ```json
 {
-	"stopExecution": {
-		"message": "The execution with the ID {activeExecutionId} got stopped!",
-		"title": "Execution stopped"
-	}
+	"stopExecution.message": "The execution with the ID {activeExecutionId} got stopped!",
+	"stopExecution.title": "Execution stopped"
 }
 ```
 
 When translating a string containing an interpolated variable, leave the variable untranslated:
 
 ```json
 {
-	"stopExecution": {
-		"message": "Die Ausführung mit der ID {activeExecutionId} wurde gestoppt",
-		"title": "Execution stopped"
-	}
+	"stopExecution.message": "Die Ausführung mit der ID {activeExecutionId} wurde gestoppt",
+	"stopExecution.title": "Execution stopped"
 }
 ```
 
@@ -32,18 +38,12 @@ As a convenience, the base text file may contain the special key `reusableBaseTe
 
 ```json
 {
-	"reusableBaseText": {
-		"save": "🇩🇪 Save",
-	},
-	"duplicateWorkflowDialog": {
-		"enterWorkflowName": "🇩🇪 Enter workflow name",
-		"save": "@:reusableBaseText.save",
-	},
-	"saveButton": {
-		"save": "@:reusableBaseText.save",
-		"saving": "🇩🇪 Saving",
-		"saved": "🇩🇪 Saved",
-	},
+	"reusableBaseText.save": "🇩🇪 Save",
+	"duplicateWorkflowDialog.enterWorkflowName": "🇩🇪 Enter workflow name",
+	"duplicateWorkflowDialog.save": "@:reusableBaseText.save",
+	"saveButton.save": "@:reusableBaseText.save",
+	"saveButton.saving": "🇩🇪 Saving",
+	"saveButton.saved": "🇩🇪 Saved",
 }
 ```
 
@@ -92,23 +92,27 @@ Currently only the keys `oauth.clientId` and `oauth.clientSecret` are supported
 
 ```json
 {
-	"reusableDynamicText": {
-		"oauth2": {
-			"clientId": "🇩🇪 Client ID",
-			"clientSecret": "🇩🇪 Client Secret",
-		}
-	}
+	"reusableDynamicText.oauth2.clientId": "🇩🇪 Client ID",
+	"reusableDynamicText.oauth2.clientSecret": "🇩🇪 Client Secret",
 }
 ```
 
 ### Special cases
 
-`eventTriggerDescription` is a dynamic node property that is not part of node parameters. To translate it, set the `eventTriggerDescription` key at the root level of the `nodeView` property in the node translation file.
+`eventTriggerDescription` and `activationMessage` are dynamic node properties that are not part of node parameters. To translate them, set the key at the root level of the `nodeView` property in the node translation file.
+
+Webhook node:
+
+```json
+{
+	"nodeView.eventTriggerDescription": "🇩🇪 Waiting for you to call the Test URL",
+}
+```
+
+Cron node:
 
 ```json
 {
-	"nodeView": {
-		"eventTriggerDescription": "🇩🇪 Waiting for you to call the Test URL"
-	}
+	"nodeView.activationMessage": "🇩🇪 'Your cron trigger will now trigger executions on the schedule you have defined."
 }
 ```