From 3f851d662d2cc8a86f878d4c82aeeaa196049f1a Mon Sep 17 00:00:00 2001
From: velomovies <22169955+velomovies@users.noreply.github.com>
Date: Fri, 1 Aug 2025 17:01:09 +0200
Subject: [PATCH 1/4] feat(helpers): add getFullLocaleText function

---
 src/entrypoints/FieldAddon/FieldAddon.tsx | 20 ++++++++++++--------
 src/lib/helpers.test.ts                   | 21 +++++++++++++++++++++
 src/lib/helpers.ts                        |  7 +++++++
 3 files changed, 40 insertions(+), 8 deletions(-)

diff --git a/src/entrypoints/FieldAddon/FieldAddon.tsx b/src/entrypoints/FieldAddon/FieldAddon.tsx
index 731c403..105b8b1 100644
--- a/src/entrypoints/FieldAddon/FieldAddon.tsx
+++ b/src/entrypoints/FieldAddon/FieldAddon.tsx
@@ -31,7 +31,7 @@ import {
   translationFormats,
   translationServiceOptions,
 } from '../../lib/constants'
-import { fieldHasFieldValue } from '../../lib/helpers'
+import { fieldHasFieldValue, getFullLocaleText } from '../../lib/helpers'
 
 type Props = {
   ctx: RenderFieldExtensionCtx
@@ -220,7 +220,9 @@ export default function FieldAddon({ ctx }: Props) {
       }
     } else {
       setHasError(
-        `Please add content to the default field (${fromLocale || locales[0]})`,
+        `Please add content to the ${
+          fromLocale ? getFullLocaleText(fromLocale) : ''
+        } field`,
       )
     }
   }
@@ -269,20 +271,22 @@ export default function FieldAddon({ ctx }: Props) {
             }
             disabled={isTranslating}
           >
-            Copy and translate from {locales[0]}
+            Copy and translate from {getFullLocaleText(locales[0])}
           </Button>
         </Form>
       </Canvas>
     )
   }
 
+  const otherLocales = locales.filter((locale) => locale !== currentLocale)
+  const buttonText =
+    locales.length > 2
+      ? 'Translate to all locales'
+      : `Translate to ${getFullLocaleText(otherLocales[0])}`
+
   return (
     <Canvas ctx={ctx}>
-      <Form
-        onSubmit={() =>
-          translateField(locales.filter((locale) => locale !== currentLocale))
-        }
-      >
+      <Form onSubmit={() => translateField(otherLocales)}>
         <Button
           buttonSize="xxs"
           type="submit"
diff --git a/src/lib/helpers.test.ts b/src/lib/helpers.test.ts
index 3e90fb9..56868ad 100644
--- a/src/lib/helpers.test.ts
+++ b/src/lib/helpers.test.ts
@@ -4,6 +4,7 @@ import {
   isJsonString,
   structuredTextValueToDast,
   fieldHasFieldValue,
+  getFullLocaleText,
 } from './helpers'
 import {
   structuredTextDast,
@@ -152,3 +153,23 @@ describe('fieldHasFieldValue', () => {
     expect(fieldHasFieldValue([], extendedDatoCmsCtx)).toBeFalsy()
   })
 })
+
+describe('getFullLocaleText', () => {
+  it('should return full locale text for a given locale', () => {
+    const locale = 'en'
+    const result = 'English'
+    expect(getFullLocaleText(locale)).toBe(result)
+  })
+
+  it('should return full locale text for a different locale', () => {
+    const locale = 'fr'
+    const result = 'French'
+    expect(getFullLocaleText(locale)).toBe(result)
+  })
+
+  it('should return locale if locale is not supported', () => {
+    const locale = 'abc'
+    const result = 'abc'
+    expect(getFullLocaleText(locale)).toBe(result)
+  })
+})
diff --git a/src/lib/helpers.ts b/src/lib/helpers.ts
index 2c4abba..1fadb8c 100644
--- a/src/lib/helpers.ts
+++ b/src/lib/helpers.ts
@@ -144,3 +144,10 @@ export function fieldHasFieldValue(
     }
   }
 }
+
+export function getFullLocaleText(locale: string): string {
+  const fullLocaleText = new Intl.DisplayNames(['en'], { type: 'language' }).of(
+    locale,
+  )
+  return fullLocaleText || locale
+}

From afa386a7bfc9df49dfa98357d87aba89a79e0950 Mon Sep 17 00:00:00 2001
From: velomovies <22169955+velomovies@users.noreply.github.com>
Date: Fri, 1 Aug 2025 17:01:45 +0200
Subject: [PATCH 2/4] feat(Config): add option to show translate all button

---
 src/entrypoints/ConfigScreen/ConfigScreen.tsx | 16 ++++++++++
 .../FieldAddonConfigScreen.tsx                | 31 ++++++++++++++++++-
 src/lib/constants.ts                          |  2 ++
 src/lib/types.ts                              |  1 +
 4 files changed, 49 insertions(+), 1 deletion(-)

diff --git a/src/entrypoints/ConfigScreen/ConfigScreen.tsx b/src/entrypoints/ConfigScreen/ConfigScreen.tsx
index 8b22ff2..23eb742 100644
--- a/src/entrypoints/ConfigScreen/ConfigScreen.tsx
+++ b/src/entrypoints/ConfigScreen/ConfigScreen.tsx
@@ -9,6 +9,7 @@ import {
 
 import {
   deeplFormalityLevelOptions,
+  defaultShowTranslate,
   fieldsOptions,
   translationServiceOptions,
 } from '../../lib/constants'
@@ -84,6 +85,21 @@ export default function ConfigScreen({ ctx }: Props) {
               }}
             />
 
+            <SwitchField
+              name="showTranslateAll"
+              id="showTranslateAll"
+              label='Show "translate to all locales" button'
+              hint='If disabled it will not show the "Translate to all locales" button.'
+              value={pluginParameters?.showTranslateAll ?? defaultShowTranslate}
+              onChange={(newValue) => {
+                ctx.updatePluginParameters({
+                  ...pluginParameters,
+                  showTranslateAll: newValue,
+                })
+                ctx.notice('Settings updated successfully!')
+              }}
+            />
+
             <SelectField
               name="translationService"
               id="translationService"
diff --git a/src/entrypoints/FieldAddonConfigScreen/FieldAddonConfigScreen.tsx b/src/entrypoints/FieldAddonConfigScreen/FieldAddonConfigScreen.tsx
index 87305e7..c0d0c43 100644
--- a/src/entrypoints/FieldAddonConfigScreen/FieldAddonConfigScreen.tsx
+++ b/src/entrypoints/FieldAddonConfigScreen/FieldAddonConfigScreen.tsx
@@ -1,8 +1,15 @@
 import { RenderManualFieldExtensionConfigScreenCtx } from 'datocms-plugin-sdk'
-import { Canvas, Form, SelectField, FieldGroup } from 'datocms-react-ui'
+import {
+  Canvas,
+  Form,
+  SelectField,
+  FieldGroup,
+  SwitchField,
+} from 'datocms-react-ui'
 
 import {
   deeplFormalityLevelOptions,
+  defaultShowTranslate,
   translationServiceOptions,
 } from '../../lib/constants'
 import {
@@ -26,6 +33,11 @@ export default function ConfigScreen({ ctx }: Props) {
   const pluginGlobalParameters: GlobalParameters =
     ctx.plugin.attributes.parameters
 
+  const selectedShowTranslateAll =
+    pluginParameters?.showTranslateAll ??
+    pluginGlobalParameters?.showTranslateAll ??
+    defaultShowTranslate
+
   const selectedTranslationService =
     pluginParameters?.translationService ||
     pluginGlobalParameters?.translationService ||
@@ -49,6 +61,21 @@ export default function ConfigScreen({ ctx }: Props) {
     <Canvas ctx={ctx}>
       <Form>
         <FieldGroup>
+          <SwitchField
+            name="showTranslateAll"
+            id="showTranslateAll"
+            label='Show "translate to all locales" button'
+            hint='If disabled it will not show the "Translate to all locales" button.'
+            value={selectedShowTranslateAll}
+            onChange={(newValue) => {
+              ctx.setParameters({
+                ...pluginParameters,
+                showTranslateAll: newValue,
+              })
+              ctx.notice('Settings updated successfully!')
+            }}
+          />
+
           <SelectField
             name="translationService"
             id="translationService"
@@ -63,6 +90,8 @@ export default function ConfigScreen({ ctx }: Props) {
                 ...pluginParameters,
                 translationService: newValue,
               })
+
+              ctx.notice('Settings updated successfully!')
             }}
           />
 
diff --git a/src/lib/constants.ts b/src/lib/constants.ts
index 94516b8..fc50bd7 100644
--- a/src/lib/constants.ts
+++ b/src/lib/constants.ts
@@ -7,6 +7,8 @@ import {
   SettingOption,
 } from './types'
 
+export const defaultShowTranslate = true
+
 export const fieldsOptions: SettingOption<DatoFieldType>[] = [
   { label: 'String fields', value: DatoFieldType.stringField },
   { label: 'Text fields', value: DatoFieldType.textField },
diff --git a/src/lib/types.ts b/src/lib/types.ts
index e8fd9aa..4243724 100644
--- a/src/lib/types.ts
+++ b/src/lib/types.ts
@@ -65,6 +65,7 @@ export enum DeeplFormalityLevel {
 }
 
 export type Parameters = {
+  showTranslateAll?: boolean
   translationService?: SettingOption<TranslationService>
   model?: SettingOption<string>
   temperature?: number

From 03ebbcf9cd55d60a595225b1cd50fe20e4448cb3 Mon Sep 17 00:00:00 2001
From: velomovies <22169955+velomovies@users.noreply.github.com>
Date: Fri, 1 Aug 2025 17:01:56 +0200
Subject: [PATCH 3/4] feat(FieldAddon): implement translate all option

---
 src/entrypoints/FieldAddon/FieldAddon.tsx | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/entrypoints/FieldAddon/FieldAddon.tsx b/src/entrypoints/FieldAddon/FieldAddon.tsx
index 105b8b1..63a8a3c 100644
--- a/src/entrypoints/FieldAddon/FieldAddon.tsx
+++ b/src/entrypoints/FieldAddon/FieldAddon.tsx
@@ -28,6 +28,7 @@ import {
 } from '../../lib/types'
 import {
   deeplFormalityLevelOptions,
+  defaultShowTranslate,
   translationFormats,
   translationServiceOptions,
 } from '../../lib/constants'
@@ -46,6 +47,11 @@ export default function FieldAddon({ ctx }: Props) {
     ctx.plugin.attributes.parameters
   const pluginParameters: Parameters = ctx.parameters
 
+  const showTranslateAll =
+    pluginParameters?.showTranslateAll ??
+    pluginGlobalParameters?.showTranslateAll ??
+    defaultShowTranslate
+
   const translationService =
     pluginParameters?.translationService ||
     pluginGlobalParameters?.translationService ||
@@ -278,6 +284,11 @@ export default function FieldAddon({ ctx }: Props) {
     )
   }
 
+  if (!showTranslateAll) {
+    ctx.setHeight(0)
+    return null
+  }
+
   const otherLocales = locales.filter((locale) => locale !== currentLocale)
   const buttonText =
     locales.length > 2
@@ -293,12 +304,7 @@ export default function FieldAddon({ ctx }: Props) {
           rightIcon={isTranslating ? <Spinner size={24} /> : null}
           disabled={isTranslating}
         >
-          {locales.length > 2
-            ? `Translate to all locales (
-          ${locales.filter((locale) => locale !== currentLocale).join(', ')})`
-            : `Translate to ${locales.filter(
-                (locale) => locale !== currentLocale,
-              )}`}
+          {buttonText}
         </Button>
       </Form>
     </Canvas>

From 2b3d789958cb709fe4f2500e752cee6ccbd576c0 Mon Sep 17 00:00:00 2001
From: velomovies <22169955+velomovies@users.noreply.github.com>
Date: Fri, 1 Aug 2025 17:02:25 +0200
Subject: [PATCH 4/4] feat(README.md): add setting for showing/hiding translate
 all button

---
 README.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/README.md b/README.md
index 8922cda..71c5a02 100644
--- a/README.md
+++ b/README.md
@@ -30,6 +30,8 @@ For this plugin you can configure global settings and configure the plugin per f
 - **Auto apply to fields (switch)**: When enabled this will automatically apply the plugin to all `structured-text`, `rich-text`, `string`, `text` and `seo` fields.
 By changing the following setting you can choose on which fields this plugin will be applied.
 
+- **Show "Translate to all locales" button (switch)**: When enabled this will show a `Translate to all locales` button on for all English text to translate the field into all available languages.
+
 - **Field where this plugin is enabled (multi select)**: You can choose to which fields the plugin will be applied.
 
 > Options of `Field where this plugin is enabled`: