@justanarthur/payload-plugin-translator 3.0.3 → 3.1.0

package/dist/rsc.js

@@ -0,0 +1,483 @@
+import"./shared/chunk-9d433kmv.js";
+import {
+  readLocales,
+  loadCollectionReview,
+  loadGlobalsReview,
+  loadEntityLocaleReview
+} from "./shared/chunk-15n5q7wd.js";
+import {
+  REVIEW_VIEW_PATH
+} from "./shared/chunk-31qgv1zk.js";
+
+// src/review/view/TranslationsView.tsx
+import { DefaultTemplate } from "@payloadcms/next/templates";
+import { Gutter } from "@payloadcms/ui";
+import { ReviewStyles } from "@justanarthur/payload-plugin-translator/client";
+
+// src/review/view/Detail.tsx
+import { ReviewActions } from "@justanarthur/payload-plugin-translator/client";
+
+// src/review/view/href.ts
+import { formatAdminURL } from "payload/shared";
+var reviewHref = (adminRoute, params) => {
+  const query = new URLSearchParams(Object.entries(params).filter((entry) => entry[1] !== undefined && entry[1] !== "").map(([key, value]) => [key, String(value)])).toString();
+  return `${formatAdminURL({ adminRoute, path: REVIEW_VIEW_PATH })}${query ? `?${query}` : ""}`;
+};
+var editHref = (adminRoute, { collectionSlug, globalSlug, id }, locale) => `${formatAdminURL({
+  adminRoute,
+  path: globalSlug ? `/globals/${globalSlug}` : `/collections/${collectionSlug}/${id}`
+})}?locale=${locale}`;
+
+// src/review/view/Detail.tsx
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+var STATE_LABEL = {
+  identical: "same as source",
+  missing: "missing",
+  ok: "translated",
+  placeholders: "placeholders differ"
+};
+var preview = (text) => text.length > 600 ? `${text.slice(0, 597)}…` : text;
+var readablePath = (path) => path.replace(/\[(\d+)\]/g, (_, index) => ` ${Number(index) + 1}`).replace(/\(([^)]+)\)/g, " · $1").replace(/#(\d+)$/, (_, index) => ` (part ${Number(index) + 1})`).split(".").join(" › ");
+var Detail = ({ adminRoute, review, onlyIssues, tab }) => {
+  const rows = onlyIssues ? review.fields.filter((field) => field.state !== "ok") : review.fields;
+  const { summary } = review;
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [
+      /* @__PURE__ */ jsxs("div", {
+        className: "translator-review__header",
+        children: [
+          /* @__PURE__ */ jsxs("div", {
+            children: [
+              /* @__PURE__ */ jsxs("a", {
+                href: reviewHref(adminRoute, { tab }),
+                children: [
+                  "← All ",
+                  tab === "globals" ? "globals" : tab
+                ]
+              }),
+              /* @__PURE__ */ jsxs("h2", {
+                children: [
+                  review.label,
+                  " · ",
+                  review.defaultLocale,
+                  " → ",
+                  review.locale
+                ]
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsx(ReviewActions, {
+            entity: review.entity,
+            locale: review.locale,
+            reviewed: review.reviewed
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxs("div", {
+        className: "translator-review__meta",
+        children: [
+          /* @__PURE__ */ jsxs("span", {
+            children: [
+              summary.ok,
+              "/",
+              summary.total,
+              " translated (",
+              summary.coverage,
+              "%)"
+            ]
+          }),
+          summary.missing > 0 && /* @__PURE__ */ jsxs("span", {
+            children: [
+              summary.missing,
+              " missing"
+            ]
+          }),
+          summary.identical > 0 && /* @__PURE__ */ jsxs("span", {
+            children: [
+              summary.identical,
+              " same as ",
+              review.defaultLocale
+            ]
+          }),
+          summary.placeholders > 0 && /* @__PURE__ */ jsxs("span", {
+            children: [
+              summary.placeholders,
+              " placeholder mismatches"
+            ]
+          }),
+          summary.slugMissing && /* @__PURE__ */ jsxs("span", {
+            className: "translator-review__error",
+            children: [
+              "no slug, the page 404s in ",
+              review.locale
+            ]
+          }),
+          review.stale && /* @__PURE__ */ jsx("span", {
+            children: "source changed since the last translation"
+          }),
+          review.translatedAt && /* @__PURE__ */ jsxs("span", {
+            children: [
+              "translated ",
+              new Date(review.translatedAt).toLocaleString()
+            ]
+          }),
+          review.reviewedAt && /* @__PURE__ */ jsxs("span", {
+            children: [
+              "reviewed ",
+              new Date(review.reviewedAt).toLocaleString(),
+              " by ",
+              review.reviewedBy
+            ]
+          }),
+          review.lastJob && /* @__PURE__ */ jsxs("span", {
+            className: review.lastJob.error ? "translator-review__error" : undefined,
+            children: [
+              "last auto-translate job #",
+              review.lastJob.id,
+              ": ",
+              review.lastJob.error ? `failed — ${preview(review.lastJob.error)}` : review.lastJob.completedAt ? "completed" : review.lastJob.processing ? "running" : "queued"
+            ]
+          }),
+          /* @__PURE__ */ jsxs("a", {
+            href: editHref(adminRoute, review, review.locale),
+            children: [
+              "Edit in ",
+              review.locale
+            ]
+          }),
+          /* @__PURE__ */ jsx("a", {
+            href: reviewHref(adminRoute, { tab, entity: review.entity, locale: review.locale, issues: onlyIssues ? undefined : 1 }),
+            children: onlyIssues ? "Show all fields" : "Show only problems"
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx("div", {
+        className: "translator-review__scroll",
+        children: /* @__PURE__ */ jsxs("table", {
+          children: [
+            /* @__PURE__ */ jsx("thead", {
+              children: /* @__PURE__ */ jsxs("tr", {
+                children: [
+                  /* @__PURE__ */ jsx("th", {
+                    children: "Field"
+                  }),
+                  /* @__PURE__ */ jsx("th", {
+                    children: "State"
+                  }),
+                  /* @__PURE__ */ jsx("th", {
+                    children: review.defaultLocale
+                  }),
+                  /* @__PURE__ */ jsx("th", {
+                    children: review.locale
+                  })
+                ]
+              })
+            }),
+            /* @__PURE__ */ jsxs("tbody", {
+              children: [
+                rows.map((field) => /* @__PURE__ */ jsxs("tr", {
+                  children: [
+                    /* @__PURE__ */ jsx("td", {
+                      className: "translator-review__path",
+                      title: field.path,
+                      children: readablePath(field.path)
+                    }),
+                    /* @__PURE__ */ jsx("td", {
+                      children: /* @__PURE__ */ jsx("span", {
+                        className: `translator-review__state translator-review__state--${field.state}`,
+                        children: STATE_LABEL[field.state]
+                      })
+                    }),
+                    /* @__PURE__ */ jsx("td", {
+                      className: "translator-review__text",
+                      children: preview(field.sourceText)
+                    }),
+                    /* @__PURE__ */ jsx("td", {
+                      className: `translator-review__text${field.targetText.trim() ? "" : " translator-review__text--empty"}`,
+                      children: field.targetText.trim() ? preview(field.targetText) : "empty"
+                    })
+                  ]
+                }, field.path)),
+                rows.length === 0 && /* @__PURE__ */ jsx("tr", {
+                  children: /* @__PURE__ */ jsx("td", {
+                    colSpan: 4,
+                    children: "Every field is translated."
+                  })
+                })
+              ]
+            })
+          ]
+        })
+      })
+    ]
+  });
+};
+
+// src/review/view/Overview.tsx
+import { jsx as jsx2, jsxs as jsxs2, Fragment as Fragment2 } from "react/jsx-runtime";
+var cellTone = ({ summary, stale }) => [
+  "translator-review__cell",
+  summary.slugMissing || summary.coverage === 0 ? "translator-review__cell--missing" : summary.coverage === 100 ? "translator-review__cell--ok" : "translator-review__cell--partial",
+  stale ? "translator-review__cell--stale" : ""
+].filter(Boolean).join(" ");
+var hasIssue = ({ summary, stale, reviewed }) => summary.coverage < 100 || summary.slugMissing || stale || !reviewed;
+var Overview = ({ adminRoute, defaultLocale, entities, locales, onlyIssues, tab }) => {
+  const rows = onlyIssues ? entities.filter((entity) => Object.values(entity.locales).some((each) => each.summary.coverage < 100 || each.summary.slugMissing || each.stale)) : entities;
+  const totals = Object.fromEntries(locales.map((locale) => {
+    const reviews = entities.map((entity) => entity.locales[locale]);
+    const fields = reviews.reduce((sum, each) => sum + each.summary.total, 0);
+    const ok = reviews.reduce((sum, each) => sum + each.summary.ok, 0);
+    return [locale, fields ? Math.floor(ok / fields * 100) : 100];
+  }));
+  return /* @__PURE__ */ jsxs2(Fragment2, {
+    children: [
+      /* @__PURE__ */ jsx2("div", {
+        className: "translator-review__scroll",
+        children: /* @__PURE__ */ jsxs2("table", {
+          children: [
+            /* @__PURE__ */ jsx2("thead", {
+              children: /* @__PURE__ */ jsxs2("tr", {
+                children: [
+                  /* @__PURE__ */ jsx2("th", {
+                    children: "Document"
+                  }),
+                  locales.map((locale) => /* @__PURE__ */ jsxs2("th", {
+                    children: [
+                      locale,
+                      " ",
+                      /* @__PURE__ */ jsxs2("small", {
+                        children: [
+                          totals[locale],
+                          "%"
+                        ]
+                      })
+                    ]
+                  }, locale))
+                ]
+              })
+            }),
+            /* @__PURE__ */ jsxs2("tbody", {
+              children: [
+                rows.map((entity) => /* @__PURE__ */ jsxs2("tr", {
+                  children: [
+                    /* @__PURE__ */ jsxs2("td", {
+                      className: "translator-review__doc",
+                      children: [
+                        /* @__PURE__ */ jsx2("a", {
+                          href: editHref(adminRoute, entity, defaultLocale),
+                          children: entity.label
+                        }),
+                        /* @__PURE__ */ jsx2("small", {
+                          children: entity.key
+                        })
+                      ]
+                    }),
+                    locales.map((locale) => {
+                      const review = entity.locales[locale];
+                      const title = [
+                        `${review.summary.ok}/${review.summary.total} fields translated`,
+                        review.summary.missing && `${review.summary.missing} missing`,
+                        review.summary.identical && `${review.summary.identical} same as ${defaultLocale}`,
+                        review.summary.placeholders && `${review.summary.placeholders} broken placeholders`,
+                        review.summary.slugMissing && "no slug: page 404s",
+                        review.stale && `source changed since translation`,
+                        review.reviewed && "reviewed"
+                      ].filter(Boolean).join(" · ");
+                      return /* @__PURE__ */ jsx2("td", {
+                        children: /* @__PURE__ */ jsxs2("a", {
+                          className: cellTone(review),
+                          href: reviewHref(adminRoute, { tab, entity: entity.key, locale, issues: hasIssue(review) ? 1 : undefined }),
+                          title,
+                          children: [
+                            review.summary.slugMissing ? "404" : `${review.summary.coverage}%`,
+                            review.reviewed ? " ✓" : "",
+                            review.stale ? " ↻" : ""
+                          ]
+                        })
+                      }, locale);
+                    })
+                  ]
+                }, entity.key)),
+                rows.length === 0 && /* @__PURE__ */ jsx2("tr", {
+                  children: /* @__PURE__ */ jsx2("td", {
+                    colSpan: locales.length + 1,
+                    children: "Nothing to review here."
+                  })
+                })
+              ]
+            })
+          ]
+        })
+      }),
+      /* @__PURE__ */ jsxs2("div", {
+        className: "translator-review__legend",
+        children: [
+          /* @__PURE__ */ jsx2("span", {
+            children: "% share of fields translated"
+          }),
+          /* @__PURE__ */ jsx2("span", {
+            children: "404 no slug in that locale"
+          }),
+          /* @__PURE__ */ jsx2("span", {
+            children: "↻ source changed since the last translation"
+          }),
+          /* @__PURE__ */ jsx2("span", {
+            children: "✓ reviewed against the current source"
+          })
+        ]
+      })
+    ]
+  });
+};
+
+// src/review/view/TranslationsView.tsx
+import { jsx as jsx3, jsxs as jsxs3, Fragment as Fragment3 } from "react/jsx-runtime";
+var param = (value) => Array.isArray(value) ? value[0] : value;
+var TranslationsView = async ({ initPageResult, params, searchParams }) => {
+  const { req, permissions, visibleEntities, locale } = initPageResult;
+  const { payload } = req;
+  const adminRoute = payload.config.routes.admin;
+  const pluginConfig = payload.config.custom?.translator;
+  const collections = (pluginConfig?.collections ?? []).filter((slug) => permissions?.collections?.[slug]?.read);
+  const globals = (pluginConfig?.globals ?? []).filter((slug) => permissions?.globals?.[slug]?.read);
+  const tabs = [...collections, ...globals.length ? ["globals"] : []];
+  const tab = tabs.includes(param(searchParams?.tab) ?? "") ? param(searchParams?.tab) : tabs[0];
+  const entity = param(searchParams?.entity);
+  const targetLocale = param(searchParams?.locale);
+  const onlyIssues = param(searchParams?.issues) === "1";
+  const page = Math.max(1, Number(param(searchParams?.page)) || 1);
+  const { defaultLocale, targetLocales } = readLocales(req);
+  const content = async () => {
+    if (!req.user)
+      return /* @__PURE__ */ jsx3("p", {
+        children: "Log in to review translations."
+      });
+    if (!tab)
+      return /* @__PURE__ */ jsx3("p", {
+        children: "No translated collections or globals are readable for your user."
+      });
+    if (entity && targetLocale && targetLocales.includes(targetLocale)) {
+      try {
+        const review = await loadEntityLocaleReview({ req, entity, locale: targetLocale });
+        return /* @__PURE__ */ jsx3(Detail, {
+          adminRoute,
+          onlyIssues,
+          review,
+          tab
+        });
+      } catch (error) {
+        return /* @__PURE__ */ jsxs3("p", {
+          className: "translator-review__error",
+          children: [
+            "Could not load ",
+            entity,
+            ": ",
+            String(error)
+          ]
+        });
+      }
+    }
+    if (tab === "globals") {
+      const { entities, locales } = await loadGlobalsReview({ req, globalSlugs: globals });
+      return /* @__PURE__ */ jsx3(Overview, {
+        adminRoute,
+        defaultLocale,
+        entities,
+        locales,
+        onlyIssues,
+        tab
+      });
+    }
+    const review = await loadCollectionReview({ req, collectionSlug: tab, page });
+    return /* @__PURE__ */ jsxs3(Fragment3, {
+      children: [
+        /* @__PURE__ */ jsx3(Overview, {
+          adminRoute,
+          defaultLocale,
+          entities: review.entities,
+          locales: review.locales,
+          onlyIssues,
+          tab
+        }),
+        review.totalPages > 1 && /* @__PURE__ */ jsxs3("div", {
+          className: "translator-review__pager",
+          children: [
+            page > 1 && /* @__PURE__ */ jsx3("a", {
+              href: reviewHref(adminRoute, { tab, page: page - 1, issues: onlyIssues ? 1 : undefined }),
+              children: "← Newer"
+            }),
+            /* @__PURE__ */ jsxs3("span", {
+              children: [
+                "Page ",
+                page,
+                " of ",
+                review.totalPages,
+                " · ",
+                review.totalDocs,
+                " documents"
+              ]
+            }),
+            page < review.totalPages && /* @__PURE__ */ jsx3("a", {
+              href: reviewHref(adminRoute, { tab, page: page + 1, issues: onlyIssues ? 1 : undefined }),
+              children: "Older →"
+            })
+          ]
+        })
+      ]
+    });
+  };
+  const adminLocale = req.locale;
+  const body = await content();
+  req.locale = adminLocale;
+  return /* @__PURE__ */ jsxs3(DefaultTemplate, {
+    i18n: req.i18n,
+    locale,
+    params,
+    payload,
+    permissions,
+    searchParams,
+    user: req.user || undefined,
+    visibleEntities,
+    children: [
+      /* @__PURE__ */ jsx3(ReviewStyles, {}),
+      /* @__PURE__ */ jsxs3(Gutter, {
+        className: "translator-review",
+        children: [
+          !entity && /* @__PURE__ */ jsxs3(Fragment3, {
+            children: [
+              /* @__PURE__ */ jsxs3("div", {
+                className: "translator-review__header",
+                children: [
+                  /* @__PURE__ */ jsx3("h1", {
+                    children: "Translations"
+                  }),
+                  /* @__PURE__ */ jsx3("a", {
+                    href: reviewHref(adminRoute, { tab, issues: onlyIssues ? undefined : 1 }),
+                    children: onlyIssues ? "Show everything" : "Show only incomplete"
+                  })
+                ]
+              }),
+              /* @__PURE__ */ jsx3("nav", {
+                className: "translator-review__tabs",
+                children: tabs.map((each) => /* @__PURE__ */ jsx3("a", {
+                  "aria-current": each === tab,
+                  className: "translator-review__tab",
+                  href: reviewHref(adminRoute, { tab: each, issues: onlyIssues ? 1 : undefined }),
+                  children: each
+                }, each))
+              })
+            ]
+          }),
+          body
+        ]
+      })
+    ]
+  });
+};
+
+// src/exports/rsc.ts
+var rsc_default = TranslationsView;
+export {
+  TranslationsView,
+  rsc_default as default
+};