@raketa-cloud/admin 1.10.4 → 1.10.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@raketa-cloud/admin",
-  "version": "1.10.4",
+  "version": "1.10.6",
   "main": "src/index.js",
   "files": [
     "src/",
@@ -23,13 +23,14 @@
     "@babel/preset-env": "7.29.0",
     "@babel/preset-typescript": "7.28.5",
     "@repo/typescript-config": "*",
-    "@tailwindcss/forms": "0.5.7",
-    "@tailwindcss/typography": "0.5.13",
+    "@tailwindcss/cli": "4.3.3",
+    "@tailwindcss/forms": "0.5.11",
+    "@tailwindcss/typography": "0.5.20",
     "@types/node": "24.10.1",
-    "babel-jest": "29.7.0",
-    "jest": "29.7.0",
-    "jest-environment-node": "29.7.0",
-    "tailwindcss": "3.4.4",
+    "babel-jest": "30.5.2",
+    "jest": "30.5.2",
+    "jest-environment-node": "30.5.2",
+    "tailwindcss": "4.3.3",
     "typescript": "5.9.3"
   },
   "dependencies": {

package/src/cloud/Resources.js

@@ -7,6 +7,7 @@ import {
   CreateResourceDocument,
   DeleteResourceDocument,
   MiniResourcesDocument,
+  MultiPartialTranslateResourceDocument,
   MultiTranslateResourceDocument,
   ResourceByIdDocument,
   ResourceChangePreviewDocument,
@@ -38,6 +39,17 @@ export default class Resources extends RaketaClient {
     };
   }
 
+  previewUrl(resource, locale) {
+    return buildMagicPreviewAddress(
+      {
+        slug: resource.slug,
+        locale,
+        resourceType: resource.resourceType,
+      },
+      this.getConfig(),
+    );
+  }
+
   visibilityOptions() {
     return [
       ["private", "Private"],
@@ -213,6 +225,33 @@ export default class Resources extends RaketaClient {
     return { resources, errors, localeErrors };
   }
 
+  async multiPartialTranslate(
+    sourceResourceId,
+    locales,
+    widgets,
+    workflow,
+    resource,
+  ) {
+    const input = {
+      sourceResourceId,
+      translations: locales.map((locale) => ({
+        locale,
+        widgets: JSON.stringify(widgets),
+      })),
+    };
+    this.appendWorkflow(input, workflow, {
+      slug: resource.slug,
+      locale: resource.locale,
+      resourceType: resource.resourceType,
+    });
+
+    const {
+      multiPartialTranslateResource: { contentTask, errors },
+    } = await this.query(MultiPartialTranslateResourceDocument, { input });
+
+    return { contentTask, errors };
+  }
+
   async translateBatch(
     sourceResourceId,
     locales,

package/src/cloud/documents/contentTasksDocuments.js

@@ -28,6 +28,7 @@ export const ContentTasksDocument = gql`
         lokaliseWorkflow {
           id
           status
+          partial
           settings
           insertedAt
           updatedAt

package/src/cloud/documents/resourcesDocuments.js

@@ -199,6 +199,17 @@ const MultiTranslateResourceDocument = gql`
   }
 `;
 
+const MultiPartialTranslateResourceDocument = gql`
+  mutation MultiPartialTranslateResource(
+    $input: MultiPartialTranslateResourceInput!
+  ) {
+    multiPartialTranslateResource(input: $input) {
+      contentTask ${contentTaskFragment()}
+      errors ${errorsFragment()}
+    }
+  }
+`;
+
 const ResourceRevisionsDocument = gql`
   query ResourceRevisions($input: IdTypeInput!) {
     resourceRevisions(input: $input) {
@@ -351,6 +362,7 @@ export {
   ResourceAndSiteDocument,
   TranslateResourceDocument,
   MultiTranslateResourceDocument,
+  MultiPartialTranslateResourceDocument,
   ResourceRevisionDocument,
   ResourceRevisionsDocument,
   StartResourceRevisionDocument,

package/src/handlers/resources/PartialTranslationsHandler.js

@@ -0,0 +1,279 @@
+const toArray = (value) =>
+  Array.isArray(value) ? value : [value].filter(Boolean);
+
+const isActiveContentTask = (task) =>
+  task && !task.completedAt && !task.failedAt;
+
+const hasActiveContentTask = (resource) =>
+  isActiveContentTask(resource.activeContentTask) ||
+  Object.values(resource.translations || {}).some((translation) =>
+    isActiveContentTask(translation.active_content_task),
+  );
+
+const hasTranslations = (resource) =>
+  Object.values(resource.translations || {}).some(
+    (translation) => translation?.id,
+  );
+
+const targetTranslationLocales = (resource, sourceLocale) =>
+  Object.entries(resource.translations || {})
+    .filter(
+      ([locale, translation]) => locale !== sourceLocale && translation?.id,
+    )
+    .map(([locale]) => locale);
+
+const selectedWidgetIds = (resource, query = {}) => {
+  const requested = Array.isArray(query.widget_ids)
+    ? query.widget_ids
+    : String(query.widget_ids || "")
+        .split(",")
+        .filter(Boolean);
+
+  return [...new Set(requested)];
+};
+
+const partitionWidgetIds = (resource, widgetIds) => {
+  const resourceWidgetIds = new Set(
+    (resource.widgets || []).map((widget) => widget.widgetId).filter(Boolean),
+  );
+
+  return {
+    validWidgetIds: widgetIds.filter((widgetId) =>
+      resourceWidgetIds.has(widgetId),
+    ),
+    unknownWidgetIds: widgetIds.filter(
+      (widgetId) => !resourceWidgetIds.has(widgetId),
+    ),
+  };
+};
+
+const formAssigns = (resource, query, previewUrl, values = {}, errors = {}) => {
+  const submittedWidgetIds = values.widgetIds ?? values.widget_ids;
+
+  return {
+    resource,
+    previewUrl,
+    partialTranslation: {
+      locales: [],
+      workflow: {},
+      ...values,
+      widgetIds:
+        submittedWidgetIds === undefined
+          ? selectedWidgetIds(resource, query)
+          : toArray(submittedWidgetIds),
+    },
+    errors,
+  };
+};
+
+const validatePartialTranslation = ({
+  resource,
+  locales,
+  widgetIds,
+  workflow,
+  unknownWidgetIds,
+  unknownLocales,
+}) => {
+  const errors = [];
+
+  if (locales.length === 0) {
+    errors.push({
+      key: "locales",
+      message: "select at least one existing translation",
+    });
+  }
+  if (widgetIds.length === 0) {
+    errors.push({ key: "widgetIds", message: "can't be blank" });
+  }
+  if (unknownLocales.length > 0) {
+    errors.push({
+      key: "locales",
+      message: `not found in the resource translations: ${unknownLocales.join(", ")}`,
+    });
+  }
+  if (!workflow.type) {
+    errors.push({ key: "workflow", message: "can't be blank" });
+  }
+  if (unknownWidgetIds.length > 0) {
+    errors.push({
+      key: "widgetIds",
+      message: `not found in the source resource: ${unknownWidgetIds.join(", ")}`,
+    });
+  }
+  if (!hasTranslations(resource)) {
+    errors.push({
+      key: "generalError",
+      message:
+        "cannot start a partial translation without existing translations",
+    });
+  }
+  if (hasActiveContentTask(resource)) {
+    errors.push({
+      key: "generalError",
+      message:
+        "cannot start a partial translation while a translation task is in progress",
+    });
+  }
+
+  return errors;
+};
+
+const create_form = async (ctx) => {
+  const { parent_id } = ctx.params;
+  const { resourceType } = ctx.resourceConfig;
+  const resource = await ctx.client.resources.find(
+    parent_id,
+    ctx.locale,
+    resourceType,
+  );
+
+  if (!resource) {
+    throw new Error(`Cannot find ${resourceType} with id ${parent_id}`);
+  }
+
+  const widgetIds = selectedWidgetIds(resource, ctx.query);
+  const { validWidgetIds, unknownWidgetIds } = partitionWidgetIds(
+    resource,
+    widgetIds,
+  );
+
+  const previewUrl = ctx.client.resources.previewUrl(
+    { ...resource, resourceType },
+    ctx.locale,
+  );
+  const validationErrors = [];
+
+  if (widgetIds.length === 0) {
+    validationErrors.push({ key: "widgetIds", message: "can't be blank" });
+  }
+  if (unknownWidgetIds.length > 0) {
+    validationErrors.push({
+      key: "widgetIds",
+      message: `not found in the source resource: ${unknownWidgetIds.join(", ")}`,
+    });
+  }
+  if (!hasTranslations(resource)) {
+    validationErrors.push({
+      key: "generalError",
+      message:
+        "cannot start a partial translation without existing translations",
+    });
+  }
+  if (hasActiveContentTask(resource)) {
+    validationErrors.push({
+      key: "generalError",
+      message:
+        "cannot start a partial translation while a translation task is in progress",
+    });
+  }
+
+  if (validationErrors.length > 0) {
+    return {
+      assigns: formAssigns(
+        resource,
+        ctx.query,
+        previewUrl,
+        { widgetIds: validWidgetIds },
+        {
+          partialTranslation:
+            ctx.client.resources.formatErrors(validationErrors),
+        },
+      ),
+    };
+  }
+
+  return { assigns: formAssigns(resource, ctx.query, previewUrl) };
+};
+
+const create = async (ctx) => {
+  const { parent_id } = ctx.params;
+  const { resourceType, resourceTypePlural } = ctx.resourceConfig;
+  const resource = await ctx.client.resources.find(
+    parent_id,
+    ctx.locale,
+    resourceType,
+  );
+
+  if (!resource) {
+    throw new Error(`Cannot find ${resourceType} with id ${parent_id}`);
+  }
+
+  const previewUrl = ctx.client.resources.previewUrl(
+    { ...resource, resourceType },
+    ctx.locale,
+  );
+  const values = ctx.resourceParams?.partial_translation || {};
+  const locales = toArray(values.locales);
+  const widgetIds =
+    values.widget_ids === undefined
+      ? selectedWidgetIds({ widgets: [] }, ctx.query)
+      : toArray(values.widget_ids);
+  const workflow = values.workflow || {};
+  const { validWidgetIds, unknownWidgetIds } = partitionWidgetIds(
+    resource,
+    widgetIds,
+  );
+  const validLocales = targetTranslationLocales(resource, ctx.locale);
+  const unknownLocales = locales.filter(
+    (locale) => !validLocales.includes(locale),
+  );
+  const selectedValidLocales = locales.filter((locale) =>
+    validLocales.includes(locale),
+  );
+
+  const validationErrors = validatePartialTranslation({
+    resource,
+    locales,
+    widgetIds,
+    workflow,
+    unknownWidgetIds,
+    unknownLocales,
+  });
+
+  if (validationErrors.length > 0) {
+    return {
+      assigns: formAssigns(
+        resource,
+        ctx.query,
+        previewUrl,
+        {
+          ...values,
+          locales: selectedValidLocales,
+          widgetIds: validWidgetIds,
+          workflow,
+        },
+        {
+          partialTranslation:
+            ctx.client.resources.formatErrors(validationErrors),
+        },
+      ),
+    };
+  }
+
+  const widgets = (resource.widgets || []).filter((widget) =>
+    validWidgetIds.includes(widget.widgetId),
+  );
+  const { errors } = await ctx.client.resources.multiPartialTranslate(
+    parent_id,
+    locales,
+    widgets,
+    workflow,
+    { ...resource, locale: ctx.locale, resourceType },
+  );
+
+  if (errors) {
+    return {
+      assigns: formAssigns(
+        resource,
+        ctx.query,
+        previewUrl,
+        { ...values, locales, widgetIds: validWidgetIds, workflow },
+        { partialTranslation: ctx.client.resources.formatErrors(errors) },
+      ),
+    };
+  }
+
+  return { redirect: `/${ctx.locale}/${resourceTypePlural}/${parent_id}` };
+};
+
+export default { create_form, create };

package/src/routeResourceModule.js

@@ -15,6 +15,7 @@ import ClonesHandler from "./handlers/resources/ClonesHandler";
 import DeletesHandler from "./handlers/resources/DeletesHandler";
 import ExportsHandler from "./handlers/resources/ExportsHandler";
 import HistoryHandler from "./handlers/resources/HistoryHandler";
+import PartialTranslationsHandler from "./handlers/resources/PartialTranslationsHandler";
 import ReportsAPIHandler from "./handlers/resources/ReportsAPIHandler";
 import ResourcesAPIHandler from "./handlers/resources/ResourcesAPIHandler";
 import ResourcesHandler from "./handlers/resources/ResourcesHandler";
@@ -93,6 +94,16 @@ function routeResourceModule(
     { ...resourceConfig, viewsFallback: "resources/translations" },
   );
 
+  if (adapter.globalConfig?.features?.contentTasks) {
+    routeNestedCollection(
+      adapter,
+      baseResource,
+      "partial-translations",
+      PartialTranslationsHandler,
+      { ...resourceConfig, viewsFallback: "resources/partial-translations" },
+    );
+  }
+
   routeNestedCollection(adapter, baseResource, "history", HistoryHandler, {
     ...resourceConfig,
     viewsFallback: "resources/history",

package/src/styles/application.css

@@ -1,6 +1,28 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
+@plugin "@tailwindcss/forms";
+@plugin "@tailwindcss/typography";
+@source "../**/*.{html,js,ejs}";
+@source "../../../apps/**/*.{html,js,ejs}";
+
+@theme {
+  --color-raketa-background: rgb(var(--background));
+  --color-raketa-foreground: rgb(var(--foreground));
+  --color-raketa-primary: rgb(var(--primary));
+  --color-raketa-primary-light: rgb(var(--primary-light));
+  --color-raketa-primary-dark: rgb(var(--primary-dark));
+  --color-mono-purple-25: #f0f0f8;
+  --color-mono-purple-100: #9d9dd2;
+  --color-mono-purple-300: #6e6eb2;
+  --color-mono-25: #eaeaea;
+  --color-mono-50: #d0d1d2;
+  --color-mono-100: #f6f6f6;
+  --color-mono-200: #b7b7b7;
+  --color-mono-300: #737373;
+  --color-mono-800: #33333c;
+  --color-mono-850: #232324;
+  --color-mono-900: #1a1a1a;
+  --color-mono-950: #1c1c1e;
+}
 
 :root {
   --background: 255, 255, 255;
@@ -40,7 +62,7 @@ body {
   }
 
   .help {
-    @apply bg-orange-50 body-2 p-4 rounded sticky top-6 dark:bg-raketa-primary/20;
+    @apply bg-orange-50 leading-[1.5] text-sm p-4 rounded sticky top-6 dark:bg-raketa-primary/20;
 
     .heading-3 {
       @apply text-raketa-foreground;
@@ -228,7 +250,7 @@ body {
 
   /* Tables */
   .data-grid {
-    @apply text-sm text-left body-1 w-full text-raketa-foreground/60 rounded-t overflow-hidden;
+    @apply text-sm text-left leading-[1.5] text-base w-full text-raketa-foreground/60 rounded-t overflow-hidden;
 
     th,
     td {