@smartcat/sanity-plugin 1.2.0 → 1.3.0

package/dist/index.js

@@ -1,13 +1,13 @@
 import { defineType, defineField, defineArrayMember, useClient, prepareForPreview, useSchema, usePerspective, useRelativeTime, useValuePreview, useWorkspace, useFormValue, definePlugin } from "sanity";
-import { TranslateIcon, CogIcon, AddIcon, LaunchIcon, CheckmarkIcon, CopyIcon, SyncIcon, ArrowLeftIcon, TrashIcon, PublishIcon, DownloadIcon, CloseIcon, RemoveCircleIcon, JsonIcon } from "@sanity/icons";
+import { TranslateIcon, CogIcon, AddIcon, LaunchIcon, CheckmarkIcon, CopyIcon, SyncIcon, ArrowLeftIcon, TrashIcon, PublishIcon, DownloadIcon, CloseIcon, RemoveCircleIcon, ChevronDownIcon, JsonIcon } from "@sanity/icons";
 import { TRANSLATION_PROJECT_TYPE, SETTINGS_TYPE, API_VERSION, SETTINGS_DOC_ID, requireSourceLanguage } from "./_chunks-es/constants.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useCallback, useMemo, useLayoutEffect, Fragment as Fragment$1 } from "react";
-import { Select, useToast, Flex, Spinner, Stack, Label, TextInput, Card, Text, Badge, Switch, Button, Heading, Dialog, Box, Inline, useTheme_v2, useTheme, Checkbox, Container } from "@sanity/ui";
+import { Select, useToast, Flex, Spinner, Stack, Label, TextInput, Card, Text, Badge, Switch, Button, Heading, Dialog, Box, Inline, useTheme_v2, useTheme, Checkbox, MenuButton, Menu, MenuItem, Container } from "@sanity/ui";
 import { uuid } from "@sanity/uuid";
 import { TEMPLATE_PREFIX, STANDARD_WORKFLOW_OPTIONS, isWorkflowValid } from "./_chunks-es/workflow.js";
-import { ITEM_ID, ITEM_ID_FROM_SUBQUERY, itemDocDeref, summarizeCompletion, buildLanguageMappings, findDuplicateSmartcatLanguages, itemDocDerefRespectingDraft, targetPercent } from "./_chunks-es/index.js";
-import { getTranslatableFields, deserializeFromLocjson, serializeToLocjson, getAtPath, buildLocjsonFilename, localizationMode, enumerateLeaves, setAtPath, isInternationalizedArrayType, innerValueType } from "./_chunks-es/index2.js";
+import { ITEM_ID, ITEM_ID_FROM_SUBQUERY, itemDocDeref, summarizeCompletion, buildLanguageMappings, findDuplicateSmartcatLanguages, itemDocDerefRespectingDraft, toSmartcatLanguage, targetPercent } from "./_chunks-es/index.js";
+import { getTranslatableFields, deserializeFromLocjson, localizationMode, serializeToLocjson, getAtPath, buildLocjsonFilename, enumerateLeaves, setAtPath, isInternationalizedArrayType, innerValueType } from "./_chunks-es/index2.js";
 import { useIntentLink, useRouter, useRouterState, route } from "sanity/router";
 import styled, { keyframes, css } from "styled-components";
 const STATUS_OPTIONS = [
@@ -93,7 +93,19 @@ function createTranslationProjectType() {
               // Set when the item was added from the published perspective, so the
               // export translates the published document. Absent/false (incl. all
               // legacy items) prefers the draft — see itemDocDerefRespectingDraft.
-              defineField({ name: "sourceIsPublished", title: "Source is published", type: "boolean" })
+              defineField({ name: "sourceIsPublished", title: "Source is published", type: "boolean" }),
+              // When true, the export sends the item's *existing* translations to
+              // Smartcat: one bilingual LocJSON per target language (populated from
+              // field/linked-doc translations), grouped via `{name}_{lang}.locjson`.
+              // Absent/false (incl. all legacy items) ⇒ today's behaviour: a single
+              // source-only file targeting all languages. Note: imported bilingual
+              // targets land confirmed at every workflow stage (Smartcat ignores
+              // per-segment status on LocJSON import), i.e. they skip human review.
+              defineField({
+                name: "sendExistingTranslations",
+                title: "Send existing translations",
+                type: "boolean"
+              })
             ],
             preview: { select: { title: "docId", subtitle: "docType" } }
           })
@@ -203,8 +215,15 @@ function createTranslationProjectType() {
             type: "object",
             name: "smartcatOutboxItem",
             fields: [
+              defineField({ name: "sourceDocId", type: "string" }),
+              defineField({ name: "title", type: "string" }),
               defineField({ name: "filename", type: "string" }),
-              defineField({ name: "locjson", type: "text" })
+              defineField({ name: "locjson", type: "text" }),
+              // Present only for per-language bilingual files (send-existing flow):
+              // the single target language this file carries, so the export Function
+              // uploads it with `documentModel targetLanguages:[lang]`. Absent ⇒
+              // upload targeting all project languages (the source-only default).
+              defineField({ name: "targetLanguage", type: "string" })
             ]
           })
         ]
@@ -439,7 +458,7 @@ const PROJECTS_QUERY$1 = `*[_type == $type] | order(name asc){
 function createAddToProjectAction(config) {
   const sourceLanguage = config.sourceLanguage;
   return (props) => {
-    const { id, draft, published, onComplete } = props, client = useClient({ apiVersion: API_VERSION }), schema = useSchema(), toast = useToast(), { selectedPerspectiveName } = usePerspective(), sourceIsPublished = selectedPerspectiveName === "published" || !draft, [open, setOpen] = useState(!1), [projects, setProjects] = useState(null), [selection, setSelection] = useState(CREATE_NEW), [newName, setNewName] = useState(""), [busy, setBusy] = useState(!1), [includeLinked, setIncludeLinked] = useState(!0), { templates, loaded, requestRefresh } = useTemplates(), [workflow, setWorkflow] = useWorkflowSelection(open, templates, loaded), publishedId2 = id.replace(/^drafts\./, ""), doc = draft ?? published, docTitle = doc && resolveDocumentTitle(schema, doc) || UNTITLED;
+    const { id, draft, published, onComplete } = props, client = useClient({ apiVersion: API_VERSION }), schema = useSchema(), toast = useToast(), { selectedPerspectiveName } = usePerspective(), sourceIsPublished = selectedPerspectiveName === "published" || !draft, [open, setOpen] = useState(!1), [projects, setProjects] = useState(null), [selection, setSelection] = useState(CREATE_NEW), [newName, setNewName] = useState(""), [busy, setBusy] = useState(!1), [includeLinked, setIncludeLinked] = useState(!0), [sendExisting, setSendExisting] = useState(!1), { templates, loaded, requestRefresh } = useTemplates(), [workflow, setWorkflow] = useWorkflowSelection(open, templates, loaded), publishedId2 = id.replace(/^drafts\./, ""), doc = draft ?? published, docTitle = doc && resolveDocumentTitle(schema, doc) || UNTITLED;
     useEffect(() => {
       if (!open) return;
       requestRefresh();
@@ -462,7 +481,8 @@ function createAddToProjectAction(config) {
           _key: uuid(),
           docId,
           docType,
-          sourceIsPublished
+          sourceIsPublished,
+          sendExistingTranslations: sendExisting
         }), collected = /* @__PURE__ */ new Map([[publishedId2, doc?._type]]);
         if (includeLinked) {
           const linked = await gatherLinkedDocuments({ client, rootId: publishedId2, isRoot: (type) => config.rootTypes.includes(type), isTranslatable: (type) => getTranslatableFields(schema.get(type), { exclude: [config.documentI18nLanguageField] }).length > 0 });
@@ -504,7 +524,7 @@ function createAddToProjectAction(config) {
       } finally {
         setBusy(!1);
       }
-    }, [selection, newName, workflow, publishedId2, doc, includeLinked, sourceIsPublished, schema, client, projects, close]), content = useMemo(() => projects === null ? /* @__PURE__ */ jsx(Flex, { align: "center", justify: "center", padding: 4, children: /* @__PURE__ */ jsx(Spinner, { muted: !0 }) }) : /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
+    }, [selection, newName, workflow, publishedId2, doc, includeLinked, sendExisting, sourceIsPublished, schema, client, projects, close]), content = useMemo(() => projects === null ? /* @__PURE__ */ jsx(Flex, { align: "center", justify: "center", padding: 4, children: /* @__PURE__ */ jsx(Spinner, { muted: !0 }) }) : /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
       /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
         /* @__PURE__ */ jsx(Label, { size: 1, children: "Project" }),
         /* @__PURE__ */ jsxs(
@@ -585,6 +605,20 @@ function createAddToProjectAction(config) {
             /* @__PURE__ */ jsx(Text, { size: 1, weight: "medium", children: "Include linked content" }),
             /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "Also add documents this one references, recursively \u2014 skipping any already in the project." })
           ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Flex, { align: "flex-start", gap: 3, children: [
+          /* @__PURE__ */ jsx(
+            Switch,
+            {
+              checked: sendExisting,
+              onChange: (e) => setSendExisting(e.currentTarget.checked),
+              disabled: busy
+            }
+          ),
+          /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+            /* @__PURE__ */ jsx(Text, { size: 1, weight: "medium", children: "Send existing translations" }),
+            /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "Upload current translations alongside the source, so Smartcat starts pre-filled. Imported translations are marked confirmed at every stage \u2014 they skip human review." })
+          ] })
         ] })
       ] }) }),
       /* @__PURE__ */ jsxs(Flex, { justify: "flex-end", gap: 2, children: [
@@ -601,7 +635,7 @@ function createAddToProjectAction(config) {
           }
         )
       ] })
-    ] }), [projects, selection, newName, workflow, templates, busy, includeLinked, docTitle, sourceIsPublished, close, handleConfirm]);
+    ] }), [projects, selection, newName, workflow, templates, busy, includeLinked, sendExisting, docTitle, sourceIsPublished, close, handleConfirm]);
     return {
       label: "Add to translation project",
       icon: TranslateIcon,
@@ -638,6 +672,7 @@ const PROJECTS_QUERY = `*[_type == "${TRANSLATION_PROJECT_TYPE}"] | order(_creat
     _key,
     "docId": ${ITEM_ID},
     sourceIsPublished,
+    sendExistingTranslations,
     "doc": ${itemDocDeref("{_id, _type}")},
     "translations": *[_type == "translation.metadata" && references(${ITEM_ID_FROM_SUBQUERY})][0]
       .translations[]{language, "id": value._ref}
@@ -835,8 +870,11 @@ const ITEMS_QUERY = `*[_id == $id][0]{
   items[]{
     "docId": ${ITEM_ID},
     "docType": docType,
+    sendExistingTranslations,
     "doc": ${itemDocDerefRespectingDraft()}
   }
+}`, SIBLINGS_QUERY = `*[_type == "translation.metadata" && references($ids)]{
+  "variants": translations[]{ "language": _key, "doc": value-> }
 }`;
 async function prepareExport({
   client,
@@ -861,7 +899,22 @@ async function prepareExport({
   }
   const deletedDocIds = new Set(deletions.map((d) => d.sourceDocId)), items = (project?.items ?? []).filter(
     (item) => !(item.docId && deletedDocIds.has(item.docId))
-  ), unresolved = items.filter((item) => !item.doc), docs = items.map((item) => item.doc).filter((d) => !!d), fieldsByType = /* @__PURE__ */ new Map(), fieldsFor = (type) => {
+  ), unresolved = items.filter((item) => !item.doc), docs = items.map((item) => item.doc).filter((d) => !!d), siblingsByDocId = /* @__PURE__ */ new Map(), flaggedDocLevelIds = items.filter(
+    (item) => item.doc && item.sendExistingTranslations === !0 && localizationMode(schema.get(item.doc._type)) === "document"
+  ).map((item) => publishedId(item.doc._id));
+  if (flaggedDocLevelIds.length > 0) {
+    const groups = await client.fetch(
+      SIBLINGS_QUERY,
+      { ids: flaggedDocLevelIds }
+    );
+    for (const group of groups ?? []) {
+      const byLang = /* @__PURE__ */ new Map(), groupSourceIds = [];
+      for (const variant of group.variants ?? [])
+        variant.doc && (byLang.set(variant.language, variant.doc), groupSourceIds.push(publishedId(variant.doc._id)));
+      for (const sid of groupSourceIds) siblingsByDocId.set(sid, byLang);
+    }
+  }
+  const fieldsByType = /* @__PURE__ */ new Map(), fieldsFor = (type) => {
     let fields = fieldsByType.get(type);
     return fields || (fields = getTranslatableFields(schema.get(type), { exclude }), fieldsByType.set(type, fields)), fields;
   }, configuredLanguages = languages.map((l) => l.id).join(", ") || "(none)", configuredTypes = translatableTypes === void 0 ? "all types" : translatableTypes.join(", ") || "(none)";
@@ -871,12 +924,46 @@ async function prepareExport({
       level: "error",
       message: `${item.docId ?? "unknown document"} (${item.docType ?? "unknown type"}): no document found \u2014 it may be unpublished or deleted; skipped`
     });
-  const outbox = [];
-  for (const rawDoc of docs) {
-    const isDraft = rawDoc._id.startsWith("drafts."), doc = isDraft ? { ...rawDoc, _id: publishedId(rawDoc._id) } : rawDoc, name = resolveDocumentTitle(schema, doc);
-    log({ level: "info", message: `${name || doc._id}  \xB7  ${doc._type}${isDraft ? " (draft)" : ""}` });
+  const outbox = [], queueBilingual = (doc, name, fields, isDraft) => {
+    const mode = localizationMode(schema.get(doc._type)), byLang = mode === "document" ? siblingsByDocId.get(doc._id) : void 0;
+    let queued = 0;
+    for (const targetSanityId of targetLanguages) {
+      const smartcatCode = toSmartcatLanguage(smartcatLanguages, targetSanityId), target = mode === "field" ? { language: targetSanityId } : { language: targetSanityId, doc: byLang?.get(targetSanityId) }, locjson = serializeToLocjson(doc, fields, { sourceLanguage: source, fieldLanguageKey, target });
+      if (locjson.units.length === 0) {
+        log({ level: "skip", indent: !0, message: `${targetSanityId}: no translatable content \u2014 not sent` });
+        continue;
+      }
+      const prefilled = locjson.units.filter((u) => u.target.length > 0).length;
+      outbox.push({
+        _key: uuid(),
+        sourceDocId: doc._id,
+        title: name,
+        filename: buildLocjsonFilename(doc._type, doc._id, name, { draft: isDraft, language: smartcatCode }),
+        locjson: JSON.stringify(locjson),
+        targetLanguage: smartcatCode
+      }), queued++, log({
+        level: "success",
+        indent: !0,
+        message: `${targetSanityId} \u2192 ${smartcatCode}: queued ${locjson.units.length} unit(s), ${prefilled} with existing translation`
+      });
+    }
+    queued === 0 && log({ level: "skip", indent: !0, message: "no translatable content \u2014 not sent" });
+  };
+  for (const item of items) {
+    const rawDoc = item.doc;
+    if (!rawDoc) continue;
+    const isDraft = rawDoc._id.startsWith("drafts."), doc = isDraft ? { ...rawDoc, _id: publishedId(rawDoc._id) } : rawDoc, name = resolveDocumentTitle(schema, doc), sendExisting = item.sendExistingTranslations === !0;
+    log({
+      level: "info",
+      message: `${name || doc._id}  \xB7  ${doc._type}${isDraft ? " (draft)" : ""}${sendExisting ? " \xB7 sending existing translations" : ""}`
+    });
     try {
-      const fields = fieldsFor(doc._type), skippedBlockTypes = /* @__PURE__ */ new Map(), locjson = serializeToLocjson(doc, fields, {
+      const fields = fieldsFor(doc._type);
+      if (sendExisting) {
+        queueBilingual(doc, name, fields, isDraft);
+        continue;
+      }
+      const skippedBlockTypes = /* @__PURE__ */ new Map(), locjson = serializeToLocjson(doc, fields, {
         sourceLanguage: source,
         fieldLanguageKey,
         onSkippedField: ({ fieldPath, types }) => skippedBlockTypes.set(fieldPath, types)
@@ -1467,39 +1554,55 @@ const CodeArea = styled.textarea`
   line-height: 1.5;
   white-space: pre;
   tab-size: 2;
-`;
+`, VIEW_SIBLINGS_QUERY = '*[_type == "translation.metadata" && references($id)][0].translations[]{"language": _key, "doc": value->}';
 function ViewLocjsonButton(props) {
-  const { docId, type, sourceIsPublished, client, schema, sourceLanguage, documentI18nLanguageField, fieldI18nLanguageField } = props, [open, setOpen] = useState(!1), [content, setContent] = useState(null), [filename, setFilename] = useState(null), [error, setError] = useState(null), build = useCallback(async () => {
-    setOpen(!0), setContent(null), setFilename(null), setError(null);
-    try {
-      const raw = await client.fetch(
-        sourceIsPublished ? "*[_id == $id][0]" : 'coalesce(*[_id == "drafts." + $id][0], *[_id == $id][0])',
-        { id: docId }
-      );
-      if (!raw) throw new Error(`Document not found: ${docId}`);
-      const isDraft = typeof raw._id == "string" && raw._id.startsWith("drafts."), doc = isDraft ? { ...raw, _id: docId } : raw, fields = getTranslatableFields(schema.get(type), { exclude: [documentI18nLanguageField] }), locjson = serializeToLocjson(doc, fields, {
-        sourceLanguage,
-        fieldLanguageKey: fieldI18nLanguageField
-      }), smartcatName = buildLocjsonFilename(type, docId, resolveDocumentTitle(schema, doc), { draft: isDraft });
-      setFilename(smartcatName.split("/").pop() || smartcatName), setContent(JSON.stringify(locjson, null, 2));
-    } catch (err) {
-      setError(err instanceof Error ? err.message : String(err));
-    }
-  }, [client, schema, docId, type, sourceIsPublished, sourceLanguage, documentI18nLanguageField, fieldI18nLanguageField]), download = useCallback(() => {
+  const { docId, type, sourceIsPublished, client, schema, sourceLanguage, documentI18nLanguageField, fieldI18nLanguageField, targetLanguages, languages } = props, [open, setOpen] = useState(!1), [content, setContent] = useState(null), [filename, setFilename] = useState(null), [title, setTitle] = useState("Source only"), [error, setError] = useState(null), build = useCallback(
+    async (targetLanguage) => {
+      setOpen(!0), setContent(null), setFilename(null), setError(null), setTitle(targetLanguage ? `Source + ${languageTitle(languages, targetLanguage)}` : "Source only");
+      try {
+        const raw = await client.fetch(
+          sourceIsPublished ? "*[_id == $id][0]" : 'coalesce(*[_id == "drafts." + $id][0], *[_id == $id][0])',
+          { id: docId }
+        );
+        if (!raw) throw new Error(`Document not found: ${docId}`);
+        const isDraft = typeof raw._id == "string" && raw._id.startsWith("drafts."), doc = isDraft ? { ...raw, _id: docId } : raw, fields = getTranslatableFields(schema.get(type), { exclude: [documentI18nLanguageField] });
+        let target;
+        if (targetLanguage)
+          if (localizationMode(schema.get(type)) === "document") {
+            const sibling = (await client.fetch(VIEW_SIBLINGS_QUERY, { id: docId }) ?? []).find((v) => v.language === targetLanguage)?.doc ?? void 0;
+            target = { language: targetLanguage, doc: sibling };
+          } else
+            target = { language: targetLanguage };
+        const locjson = serializeToLocjson(doc, fields, {
+          sourceLanguage,
+          fieldLanguageKey: fieldI18nLanguageField,
+          target
+        }), smartcatCode = targetLanguage ? languages.find((l) => l.id === targetLanguage)?.smartcatLanguage || targetLanguage : void 0, smartcatName = buildLocjsonFilename(type, docId, resolveDocumentTitle(schema, doc), {
+          draft: isDraft,
+          language: smartcatCode
+        });
+        setFilename(smartcatName.split("/").pop() || smartcatName), setContent(JSON.stringify(locjson, null, 2));
+      } catch (err) {
+        setError(err instanceof Error ? err.message : String(err));
+      }
+    },
+    [client, schema, docId, type, sourceIsPublished, sourceLanguage, documentI18nLanguageField, fieldI18nLanguageField, languages]
+  ), download = useCallback(() => {
     if (content == null || !filename) return;
     const url = URL.createObjectURL(new Blob([content], { type: "application/json" })), anchor = document.createElement("a");
     anchor.href = url, anchor.download = filename, anchor.click(), URL.revokeObjectURL(url);
   }, [content, filename]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
-      Button,
+      MenuButton,
       {
-        mode: "bleed",
-        icon: JsonIcon,
-        title: "View LocJSON",
-        fontSize: 0,
-        padding: 2,
-        onClick: build
+        id: `locjson-menu-${docId}`,
+        button: /* @__PURE__ */ jsx(Button, { mode: "bleed", icon: JsonIcon, iconRight: ChevronDownIcon, title: "View LocJSON", fontSize: 0, padding: 2 }),
+        menu: /* @__PURE__ */ jsxs(Menu, { children: [
+          /* @__PURE__ */ jsx(MenuItem, { text: "Source only", onClick: () => build() }),
+          targetLanguages.map((lang) => /* @__PURE__ */ jsx(MenuItem, { text: `Source + ${languageTitle(languages, lang)}`, onClick: () => build(lang) }, lang))
+        ] }),
+        popover: { portal: !0 }
       }
     ),
     open && /* @__PURE__ */ jsx(
@@ -1509,7 +1612,9 @@ function ViewLocjsonButton(props) {
         header: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 3, children: [
           /* @__PURE__ */ jsxs(Text, { weight: "semibold", children: [
             "LocJSON \xB7 ",
-            type
+            type,
+            " \xB7 ",
+            title
           ] }),
           /* @__PURE__ */ jsx(
             Button,
@@ -1923,6 +2028,16 @@ Smartcat language code: '${l.smartcatLanguage || l.id}'`,
                       children: modeByType.get(item.doc._type) === "field" ? "fields" : "document"
                     }
                   ),
+                  /* @__PURE__ */ jsx(
+                    Badge,
+                    {
+                      tone: item.sendExistingTranslations ? "primary" : "default",
+                      fontSize: 0,
+                      paddingX: 2,
+                      title: item.sendExistingTranslations ? "Existing translations are uploaded to Smartcat (one bilingual file per language) and marked confirmed" : "Only source text is sent; Smartcat translates from scratch",
+                      children: item.sendExistingTranslations ? "source + translations" : "source only"
+                    }
+                  ),
                   item.doc && /* @__PURE__ */ jsx(OpenInStudioButton, { id: item.doc._id, type: item.doc._type }),
                   item.doc && /* @__PURE__ */ jsx(
                     ViewLocjsonButton,
@@ -1934,7 +2049,9 @@ Smartcat language code: '${l.smartcatLanguage || l.id}'`,
                       schema,
                       sourceLanguage,
                       documentI18nLanguageField,
-                      fieldI18nLanguageField
+                      fieldI18nLanguageField,
+                      targetLanguages: targets,
+                      languages
                     }
                   )
                 ] }),