@justanarthur/payload-plugin-translator 1.3.21 → 3.1.0

package/dist/client.js

@@ -1,4 +1,8 @@
 "use client";
+import {
+  REVIEW_VIEW_PATH
+} from "./shared/chunk-31qgv1zk.js";
+
 // src/client/components/CustomButton/CustomButtonWithTranslator.tsx
 import { PublishButton, SaveButton, useConfig as useConfig2, useDocumentInfo as useDocumentInfo2 } from "@payloadcms/ui";
 
@@ -54,7 +58,7 @@ var useTranslator = () => {
 };
 
 // src/client/providers/Translator/TranslatorProvider.tsx
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx } from "react/jsx-runtime";
 var modalSlug = "translator-modal";
 var TranslatorProvider = ({ children }) => {
   const [resolver, setResolver] = useState(null);
@@ -85,19 +89,18 @@ var TranslatorProvider = ({ children }) => {
     const resolvers = custom?.translator?.resolvers || undefined;
     if (!resolvers)
       return null;
-    const resolverConfig2 = resolvers.find((each) => each.key === resolver);
-    return resolverConfig2 ?? null;
+    const resolverConfig = resolvers.find((each) => each.key === resolver);
+    return resolverConfig ?? null;
   }, [custom, resolver]);
   if (!localization)
     throw new Error("Localization config is not provided and PluginTranslator is used");
   const localesOptions = localization.locales.filter((each) => each.code !== locale.code);
   const [localeToTranslateFrom, setLocaleToTranslateFrom] = useState("");
   useEffect(() => {
-    const defaultFromOptions = localesOptions.find((each) => localization.defaultLocale === each.code);
-    if (defaultFromOptions)
-      setLocaleToTranslateFrom(defaultFromOptions.code);
-    setLocaleToTranslateFrom(localesOptions[0].code);
-  }, [locale, localesOptions, localization.defaultLocale]);
+    const options = localization.locales.filter((each) => each.code !== locale.code);
+    const defaultFromOptions = options.find((each) => localization.defaultLocale === each.code);
+    setLocaleToTranslateFrom((defaultFromOptions ?? options[0])?.code ?? "");
+  }, [locale.code, localization.defaultLocale, localization.locales]);
   const closeTranslator = () => modal.closeModal(modalSlug);
   const submit = async ({ emptyOnly }) => {
     if (!resolver)
@@ -141,7 +144,7 @@ var TranslatorProvider = ({ children }) => {
     }
     closeTranslator();
   };
-  return /* @__PURE__ */ jsxDEV(TranslatorContext.Provider, {
+  return /* @__PURE__ */ jsx(TranslatorContext.Provider, {
     value: {
       closeTranslator,
       localeToTranslateFrom,
@@ -157,22 +160,22 @@ var TranslatorProvider = ({ children }) => {
       submit
     },
     children
-  }, undefined, false, undefined, this);
+  });
 };
 
 // src/client/components/ResolverButton/ResolverButton.tsx
 import { Button, useTranslation as useTranslation2 } from "@payloadcms/ui";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 var ResolverButton = ({
   resolver: { key: resolverKey }
 }) => {
   const { openTranslator } = useTranslator();
   const { t } = useTranslation2();
   const handleClick = () => openTranslator({ resolverKey });
-  return /* @__PURE__ */ jsxDEV2(Button, {
+  return /* @__PURE__ */ jsx2(Button, {
     onClick: handleClick,
     children: t(`plugin-translator:resolver_${resolverKey}_buttonLabel`)
-  }, undefined, false, undefined, this);
+  });
 };
 // src/client/components/TranslatorModal/TranslatorModal.tsx
 import { Modal } from "@payloadcms/ui";
@@ -184,32 +187,32 @@ import { Button as Button2, Popup, PopupList, useTranslation as useTranslation4
 // src/client/components/LocaleLabel/LocaleLabel.tsx
 import { getTranslation } from "@payloadcms/translations";
 import { ChevronIcon, useTranslation as useTranslation3 } from "@payloadcms/ui";
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 var baseClass = "localizer-button";
 var LocaleLabel = ({ locale }) => {
   const { i18n, t } = useTranslation3();
-  return /* @__PURE__ */ jsxDEV3("div", {
+  return /* @__PURE__ */ jsxs("div", {
     "aria-label": t("general:locale"),
     className: baseClass,
     children: [
-      /* @__PURE__ */ jsxDEV3("div", {
+      /* @__PURE__ */ jsx3("div", {
         className: `${baseClass}__label`,
         children: `${t("general:locale")}:`
-      }, undefined, false, undefined, this),
+      }),
       "  ",
-      /* @__PURE__ */ jsxDEV3("span", {
+      /* @__PURE__ */ jsx3("span", {
         className: `${baseClass}__current-label`,
         children: `${getTranslation(locale.label, i18n)}`
-      }, undefined, false, undefined, this),
+      }),
       " ",
-      /* @__PURE__ */ jsxDEV3(ChevronIcon, {
+      /* @__PURE__ */ jsx3(ChevronIcon, {
         className: `${baseClass}__chevron`
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 };
 // src/client/components/TranslatorModal/Content.tsx
-import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var Content = () => {
   const {
     localeToTranslateFrom: localeCodeToTranslateFrom,
@@ -220,21 +223,21 @@ var Content = () => {
   } = useTranslator();
   const { i18n } = useTranslation4();
   const localeToTranslateFrom = localesOptions.find((each) => each.code === localeCodeToTranslateFrom);
-  return /* @__PURE__ */ jsxDEV4("div", {
+  return /* @__PURE__ */ jsxs2("div", {
     className: "translator__content",
     children: [
-      /* @__PURE__ */ jsxDEV4("h2", {
+      /* @__PURE__ */ jsx4("h2", {
         children: resolverT("modalTitle")
-      }, undefined, false, undefined, this),
-      localeToTranslateFrom && /* @__PURE__ */ jsxDEV4(Popup, {
-        button: /* @__PURE__ */ jsxDEV4(LocaleLabel, {
+      }),
+      localeToTranslateFrom && /* @__PURE__ */ jsx4(Popup, {
+        button: /* @__PURE__ */ jsx4(LocaleLabel, {
           locale: localeToTranslateFrom
-        }, undefined, false, undefined, this),
+        }),
         horizontalAlign: "center",
-        render: ({ close }) => /* @__PURE__ */ jsxDEV4(PopupList.ButtonGroup, {
+        render: ({ close }) => /* @__PURE__ */ jsx4(PopupList.ButtonGroup, {
           children: localesOptions.map((option) => {
             const label = getTranslation2(option.label, i18n);
-            return /* @__PURE__ */ jsxDEV4(PopupList.Button, {
+            return /* @__PURE__ */ jsxs2(PopupList.Button, {
               active: option.code === localeCodeToTranslateFrom,
               onClick: () => {
                 setLocaleToTranslateFrom(option.code);
@@ -244,52 +247,52 @@ var Content = () => {
                 label,
                 label !== option.code && ` (${option.code})`
               ]
-            }, option.code, true, undefined, this);
+            }, option.code);
           })
-        }, undefined, false, undefined, this),
+        }),
         verticalAlign: "bottom"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV4("div", {
+      }),
+      /* @__PURE__ */ jsxs2("div", {
         className: "translator__buttons",
         children: [
-          /* @__PURE__ */ jsxDEV4(Button2, {
+          /* @__PURE__ */ jsx4(Button2, {
             onClick: () => submit({ emptyOnly: false }),
             children: resolverT("submitButtonLabelFull")
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4(Button2, {
+          }),
+          /* @__PURE__ */ jsx4(Button2, {
             onClick: () => submit({ emptyOnly: true }),
             children: resolverT("submitButtonLabelEmpty")
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 };
 
 // src/client/components/TranslatorModal/TranslatorModal.tsx
-import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 var TranslatorModal = () => {
-  const { closeTranslator, modalSlug: modalSlug2, resolver } = useTranslator();
+  const { closeTranslator, modalSlug, resolver } = useTranslator();
   if (!resolver)
     return;
-  return /* @__PURE__ */ jsxDEV5(Modal, {
+  return /* @__PURE__ */ jsx5(Modal, {
     className: "translator__modal",
-    slug: modalSlug2,
-    children: /* @__PURE__ */ jsxDEV5("div", {
+    slug: modalSlug,
+    children: /* @__PURE__ */ jsxs3("div", {
       className: "translator__wrapper",
       children: [
-        /* @__PURE__ */ jsxDEV5("button", {
+        /* @__PURE__ */ jsx5("button", {
           "aria-label": "Close",
           className: "translator__close",
           onClick: closeTranslator
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV5(Content, {}, undefined, false, undefined, this)
+        }),
+        /* @__PURE__ */ jsx5(Content, {})
       ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 };
 // src/client/components/CustomButton/CustomButtonWithTranslator.tsx
-import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 
 var CustomButtonWithTranslator = ({ type }) => {
   const { config } = useConfig2();
@@ -297,24 +300,107 @@ var CustomButtonWithTranslator = ({ type }) => {
   const { globalSlug, id } = useDocumentInfo2();
   const resolvers = config.admin?.custom?.translator?.resolvers ?? [];
   if (!id && !globalSlug)
-    return /* @__PURE__ */ jsxDEV6(DefaultButton, {}, undefined, false, undefined, this);
-  return /* @__PURE__ */ jsxDEV6(TranslatorProvider, {
-    children: /* @__PURE__ */ jsxDEV6("div", {
+    return /* @__PURE__ */ jsx6(DefaultButton, {});
+  return /* @__PURE__ */ jsx6(TranslatorProvider, {
+    children: /* @__PURE__ */ jsxs4("div", {
       className: "translator__custom-save-button",
       children: [
-        /* @__PURE__ */ jsxDEV6(TranslatorModal, {}, undefined, false, undefined, this),
-        resolvers.map((resolver) => /* @__PURE__ */ jsxDEV6(ResolverButton, {
+        /* @__PURE__ */ jsx6(TranslatorModal, {}),
+        resolvers.map((resolver) => /* @__PURE__ */ jsx6(ResolverButton, {
           resolver
-        }, resolver.key, false, undefined, this)),
-        /* @__PURE__ */ jsxDEV6(DefaultButton, {}, undefined, false, undefined, this)
+        }, resolver.key)),
+        /* @__PURE__ */ jsx6(DefaultButton, {})
       ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
+};
+
+// src/client/components/Review/ReviewActions.tsx
+import { Button as Button3, toast as toast2, useConfig as useConfig3 } from "@payloadcms/ui";
+import { useState as useState2 } from "react";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+
+var ReviewActions = ({ entity, locale, reviewed }) => {
+  const { config: { routes: { api }, serverURL } } = useConfig3();
+  const [pending, setPending] = useState2(null);
+  const run = async (action) => {
+    if (action === "translate-all" && !window.confirm(`Re-translate every field in ${locale}? Existing ${locale} copy is replaced.`))
+      return;
+    setPending(action);
+    try {
+      const path = action === "mark-reviewed" ? "mark-reviewed" : "translate";
+      const res = await fetch(`${serverURL ?? ""}${api}/translator/review/${path}`, {
+        method: "POST",
+        credentials: "include",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ entity, locale, mode: action === "translate-all" ? "all" : "missing" })
+      });
+      const result = await res.json().catch(() => ({}));
+      if (!res.ok || !result.success)
+        throw new Error(result?.errors?.[0]?.message ?? "request failed");
+      toast2.success(action === "mark-reviewed" ? `${locale} marked as reviewed` : `${locale} translated`);
+      window.location.reload();
+    } catch (error) {
+      toast2.error(`Could not ${action.replace("-", " ")}: ${error instanceof Error ? error.message : String(error)}`);
+    } finally {
+      setPending(null);
+    }
+  };
+  return /* @__PURE__ */ jsxs5("div", {
+    className: "translator-review__actions",
+    children: [
+      /* @__PURE__ */ jsx7(Button3, {
+        buttonStyle: "primary",
+        disabled: Boolean(pending),
+        onClick: () => run("translate-missing"),
+        size: "small",
+        children: pending === "translate-missing" ? "Translating…" : "Translate missing fields"
+      }),
+      /* @__PURE__ */ jsx7(Button3, {
+        buttonStyle: "secondary",
+        disabled: Boolean(pending),
+        onClick: () => run("translate-all"),
+        size: "small",
+        children: pending === "translate-all" ? "Translating…" : "Re-translate all"
+      }),
+      /* @__PURE__ */ jsx7(Button3, {
+        buttonStyle: "secondary",
+        disabled: Boolean(pending) || reviewed,
+        onClick: () => run("mark-reviewed"),
+        size: "small",
+        children: reviewed ? "Reviewed" : "Mark reviewed"
+      })
+    ]
+  });
+};
+// src/client/components/Review/ReviewStyles.tsx
+
+var ReviewStyles = () => null;
+// src/client/components/Review/TranslationsNavLink.tsx
+import { useConfig as useConfig4 } from "@payloadcms/ui";
+import { formatAdminURL } from "payload/shared";
+import { jsx as jsx8 } from "react/jsx-runtime";
+
+var TranslationsNavLink = () => {
+  const { config: { routes: { admin } } } = useConfig4();
+  const href = formatAdminURL({ adminRoute: admin, path: REVIEW_VIEW_PATH });
+  return /* @__PURE__ */ jsx8("a", {
+    className: "nav__link",
+    href,
+    id: "nav-translations",
+    children: /* @__PURE__ */ jsx8("span", {
+      className: "nav__link-label",
+      children: "Translations"
+    })
+  });
 };
 
 // src/exports/client.ts
 var client_default = CustomButtonWithTranslator;
 export {
-  client_default as default,
-  CustomButtonWithTranslator
+  CustomButtonWithTranslator,
+  ReviewActions,
+  ReviewStyles,
+  TranslationsNavLink,
+  client_default as default
 };

package/dist/index.d.ts

@@ -7,7 +7,6 @@ type TranslateArgs = {
 	emptyOnly?: boolean;
 	globalSlug?: string;
 	id?: number | string;
-	/** active locale */
 	locale: string;
 	localeFrom: string;
 	overrideAccess?: boolean;
@@ -31,9 +30,7 @@ import { Plugin } from "payload";
 import { CollectionSlug, GlobalSlug } from "payload";
 import { PayloadRequest as PayloadRequest3 } from "payload";
 type TranslateResolverArgs = {
-	/** Locale to translate from */
 	localeFrom: string;
-	/** Locale to translate to */
 	localeTo: string;
 	req: PayloadRequest3;
 	texts: string[];
@@ -49,48 +46,20 @@ type TranslateResolver = {
 	resolve: (args: TranslateResolverArgs) => Promise<TranslateResolverResponse> | TranslateResolverResponse;
 };
 type TranslatorConfig = {
-	/**
-	* Collections with the enabled translator in the admin UI
-	*/
 	collections: CollectionSlug[];
-	/**
-	* Disable the plugin
-	*/
 	disabled?: boolean;
-	/**
-	* Globals with the enabled translator in the admin UI
-	*/
 	globals: GlobalSlug[];
-	/**
-	* Add resolvers that you want to include, examples on how to write your own in ./plugin/src/resolvers
-	*/
 	resolvers: TranslateResolver[];
-	/**
-	* Auto-translate every save in the default locale to the other
-	* configured locales via Payload's job queue.
-	*
-	* When `true`, the plugin:
-	* - registers `createTranslateTask()` and `createTranslateWorkflow()`
-	*   in `config.jobs` (idempotent — skips if a task/workflow with
-	*   the same slug is already registered, so host-customized
-	*   factories survive),
-	* - prepends `createAutoTranslateCollectionHook` /
-	*   `createAutoTranslateGlobalHook` to each collection/global
-	*   listed in `collections` / `globals`.
-	*
-	* Default: `false`. Public factories stay exported for hosts that
-	* need per-entity control.
-	*/
 	autoTranslate?: boolean;
 	/**
-	* Advanced traversal options. Mirrors the options accepted by the
-	* internal field walker — keep in sync if you need the latest shape.
+	* what a publish in the default locale does to the other locales.
+	* `missing` (default) fills empty fields and keeps existing translations and slugs;
+	* `all` re-translates every field.
 	*/
+	autoTranslateMode?: "all" | "missing";
+	/** adds the /admin/translations review view, its endpoints and the status collection (default true) */
+	review?: boolean;
 	_options?: {
-		/**
-		* Hook invoked while walking each rich-text node. Lets you append
-		* extra text segments to be translated (e.g. custom lexical nodes).
-		*/
 		additionalTraverseRichText?: (args: {
 			onText: (siblingData: Record<string, unknown>, attribute?: string) => void;
 			root: Record<string, unknown>;
@@ -99,4 +68,8 @@ type TranslatorConfig = {
 	};
 };
 declare const translator: (pluginConfig: TranslatorConfig) => Plugin;
-export { translator, translateOperation, translator as default, TranslateResolverResponse, TranslateResolverArgs, TranslateResolver };
+import { CollectionConfig } from "payload";
+/** one row per entity and target locale: what source it was translated from, and who reviewed it */
+declare const createTranslationStatusCollection: () => CollectionConfig;
+declare const TRANSLATION_STATUS_SLUG = "translation-status";
+export { TRANSLATION_STATUS_SLUG, TranslateResolver, TranslateResolverArgs, TranslateResolverResponse, createTranslationStatusCollection, translator as default, translateOperation, translator };