Migrate all plaintext to i18n (#51635)

Fix tryNumber key

Fix run details merge issues

Replace all plaintext and change eslint to ERROR

Fix zh-tw assets file

Author: bbovenzi

airflow-core/src/airflow/ui/rules/i18next.js

@@ -22,7 +22,7 @@
  */
 import i18nextPlugin from "eslint-plugin-i18next";
 
-import { WARN } from "./levels.js";
+import { ERROR } from "./levels.js";
 
 const allExtensions = "*.{j,t}s{x,}";
 
@@ -37,6 +37,10 @@ export const i18nextRules = /** @type {const} @satisfies {FlatConfig.Config} */
     // Check files in the ui/src directory
     `src/**/${allExtensions}`,
   ],
+  ignores: [
+    // Ignore test files
+    "src/**/*.test.tsx",
+  ],
   plugins: {
     i18next: i18nextPlugin,
   },
@@ -56,7 +60,7 @@ export const i18nextRules = /** @type {const} @satisfies {FlatConfig.Config} */
      * @see [i18next/no-literal-string](https://github.com/edvardchen/eslint-plugin-i18next#no-literal-string)
      */
     "i18next/no-literal-string": [
-      WARN,
+      ERROR,
       {
         markupOnly: true,
       },

airflow-core/src/airflow/ui/src/components/ConfigForm.tsx

@@ -51,7 +51,7 @@ const ConfigForm = <T extends FieldValues = FieldValues>({
   setErrors,
   setFormError,
 }: ConfigFormProps<T>) => {
-  const { t: translate } = useTranslation("components");
+  const { t: translate } = useTranslation(["components", "common"]);
   const { conf, setConf } = useParamStore();
 
   const validateAndPrettifyJson = (value: string) => {
@@ -68,7 +68,7 @@ const ConfigForm = <T extends FieldValues = FieldValues>({
 
       return formattedJson;
     } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : translate("configForm.unkownError");
+      const errorMessage = error instanceof Error ? error.message : translate("common:error.unknown");
 
       setErrors((prev) => ({
         ...prev,

airflow-core/src/airflow/ui/src/components/DagVersion.tsx

@@ -17,20 +17,23 @@
  * under the License.
  */
 import { Text } from "@chakra-ui/react";
+import { useTranslation } from "react-i18next";
 
 import type { DagVersionResponse } from "openapi/requests/types.gen";
 
 import Time from "./Time";
 import { Tooltip } from "./ui";
 
 export const DagVersion = ({ version }: { readonly version: DagVersionResponse | null | undefined }) => {
+  const { t: translate } = useTranslation("components");
+
   if (version === null || version === undefined) {
     return undefined;
   }
 
   return (
     <Tooltip content={<Time datetime={version.created_at} />}>
-      <Text as="span">v{version.version_number}</Text>
+      <Text as="span">{translate("versionSelect.versionCode", { versionCode: version.version_number })}</Text>
     </Tooltip>
   );
 };

airflow-core/src/airflow/ui/src/components/DagVersionSelect.tsx

@@ -91,7 +91,9 @@ export const DagVersionSelect = ({ showLabel = true }: { readonly showLabel?: bo
         <Select.Content>
           {versionOptions.items.map((option) => (
             <Select.Item item={option} key={option.version.version_number}>
-              <Text>v{option.version.version_number}</Text>
+              <Text>
+                {translate("versionSelect.versionCode", { versionCode: option.version.version_number })}
+              </Text>
               <Time datetime={option.version.created_at} />
             </Select.Item>
           ))}

airflow-core/src/airflow/ui/src/components/DurationChart.tsx

@@ -102,10 +102,10 @@ export const DurationChart = ({
         {entries.length > 1
           ? kind === "Dag Run"
             ? translate("durationChart.lastDagRun_other", { count: entries.length })
-            : translate("durationChart.lasttaskInstance_other", { count: entries.length })
+            : translate("durationChart.lastTaskInstance_other", { count: entries.length })
           : kind === "Dag Run"
             ? translate("durationChart.lastDagRun_one")
-            : translate("durationChart.lasttaskInstance_one")}
+            : translate("durationChart.lastTaskInstance_one")}
       </Heading>
       <Bar
         data={{

airflow-core/src/airflow/ui/src/i18n/locales/de/components.json

@@ -41,8 +41,8 @@
     "duration": "Laufzeit (Sekunden)",
     "lastDagRun_one": "Letzter Dag Lauf",
     "lastDagRun_other": "Letzte {{count}} Dag Läufe",
-    "lasttaskInstance_one": "Letzte Task Instanz",
-    "lasttaskInstance_other": "Letzte {{count}} Task Instanzen",
+    "lastTaskInstance_one": "Letzte Task Instanz",
+    "lastTaskInstance_other": "Letzte {{count}} Task Instanzen",
     "queuedDuration": "Zeit in der Warteschlange",
     "runAfter": "Lauf ab",
     "runDuration": "Laufzeit"

airflow-core/src/airflow/ui/src/i18n/locales/en/assets.json

@@ -1,10 +1,29 @@
 {
-  "columns": {
-    "consumingDags": "Consuming Dags",
-    "group": "Group",
-    "lastAssetEvent": "Last Asset Event",
-    "name": "Name",
-    "producingTasks": "Producing Tasks"
+  "consumingDags": "Consuming Dags",
+  "createEvent": {
+    "button": "Create Event",
+    "manual": {
+      "description": "Directly create an Asset Event",
+      "extra": "Asset Event Extra",
+      "label": "Manual"
+    },
+    "materialize": {
+      "description": "Trigger the Dag upstream of this asset",
+      "descriptionWithDag": "Trigger the Dag upstream of this asset: {{dagName}}",
+      "label": "Materialize",
+      "unpauseDag": "Unpause {{dagName}} on trigger"
+    },
+    "success": {
+      "manualDescription": "Manual asset event creation was successful.",
+      "manualTitle": "Asset Event Created",
+      "materializeDescription": "Upstream Dag {{dagId}} was triggered successfully.",
+      "materializeTitle": "Materializing Asset"
+    },
+    "title": "Create Asset Event for {{name}}"
   },
+  "group": "Group",
+  "lastAssetEvent": "Last Asset Event",
+  "name": "Name",
+  "producingTasks": "Producing Tasks",
   "searchPlaceholder": "Search Assets"
 }

airflow-core/src/airflow/ui/src/i18n/locales/en/browse.json

@@ -10,13 +10,14 @@
       "user": "User",
       "when": "When"
     },
-    "title": "Audit Log Events"
+    "title": "Audit Log"
   },
   "xcom":{
     "columns":{
       "dag": "Dag",
       "key": "Key",
       "value": "Value"
-    }
+    },
+    "title": "XCom"
   }
 }

airflow-core/src/airflow/ui/src/i18n/locales/en/common.json

@@ -53,6 +53,7 @@
     "queuedAt": "Queued At",
     "runAfter": "Run After",
     "runType": "Run Type",
+    "sourceAssetEvent": "Source Asset Event",
     "triggeredBy": "Triggered By"
   },
   "dagRun_one": "Dag Run",
@@ -68,6 +69,13 @@
   },
   "duration": "Duration",
   "endDate": "End Date",
+  "error": {
+    "back": "Back",
+    "defaultMessage": "An unexpected error occurred",
+    "home": "Home",
+    "notFound": "Page Not Found",
+    "title": "Error"
+  },
   "expression": {
     "all": "All",
     "and": "AND",
@@ -169,6 +177,7 @@
     "to": "To"
   },
   "task": {
+    "documentation": "Task Documentation",
     "lastInstance": "Last Instance",
     "operator": "Operator",
     "triggerRule": "Trigger Rule"
@@ -189,6 +198,14 @@
     "queue": "Queue",
     "queuedWhen": "Queued At",
     "scheduledWhen": "Scheduled At",
+    "triggerer": {
+      "assigned": "Assigned triggerer",
+      "class": "Trigger class",
+      "createdAt": "Trigger creation time",
+      "id": "Trigger ID",
+      "latestHeartbeat": "Latest triggerer heartbeat",
+      "title": "Triggerer Info"
+    },
     "unixname": "Unix Name"
   },
   "taskInstance_one": "Task Instance",

airflow-core/src/airflow/ui/src/i18n/locales/en/components.json

@@ -28,8 +28,7 @@
   "configForm": {
     "advancedOptions": "Advanced Options",
     "configJson": "Configuration JSON",
-    "invalidJson": "Invalid JSON format: {{errorMessage}}",
-    "unkownError": "Unknown error occurred."
+    "invalidJson": "Invalid JSON format: {{errorMessage}}"
   },
   "dagWarnings": {
     "error_one": "1 Error",
@@ -41,8 +40,8 @@
     "duration": "Duration (seconds)",
     "lastDagRun_one": "Last Dag Run",
     "lastDagRun_other": "Last {{count}} Dag Runs",
-    "lasttaskInstance_one": "Last Task Instance",
-    "lasttaskInstance_other": "Last {{count}} Task Instances",
+    "lastTaskInstance_one": "Last Task Instance",
+    "lastTaskInstance_other": "Last {{count}} Task Instances",
     "queuedDuration": "Queued Duration",
     "runAfter": "Run After",
     "runDuration": "Run Duration"
@@ -96,6 +95,11 @@
     "title": "Trigger Dag",
     "unpause": "Unpause {{dagDisplayName}} on trigger"
   },
+  "trimText": {
+    "details": "Details",
+    "empty": "Empty",
+    "noContent": "No content available."
+  },
   "versionDetails": {
     "bundleLink": "Bundle Link",
     "bundleName": "Bundle Name",