@raketa-cloud/admin 1.9.4 → 1.9.6

package/dist/application.css

@@ -749,40 +749,6 @@ select {
   --tw-contain-style:  ;
 }
 
-.container {
-  width: 100%;
-}
-
-@media (min-width: 640px) {
-  .container {
-    max-width: 640px;
-  }
-}
-
-@media (min-width: 768px) {
-  .container {
-    max-width: 768px;
-  }
-}
-
-@media (min-width: 1024px) {
-  .container {
-    max-width: 1024px;
-  }
-}
-
-@media (min-width: 1280px) {
-  .container {
-    max-width: 1280px;
-  }
-}
-
-@media (min-width: 1536px) {
-  .container {
-    max-width: 1536px;
-  }
-}
-
 /* Utils */
 
 .chip {
@@ -1862,9 +1828,9 @@ select {
   height: 3rem;
 }
 
-.size-14 {
-  width: 3.5rem;
-  height: 3.5rem;
+.size-16 {
+  width: 4rem;
+  height: 4rem;
 }
 
 .size-3 {
@@ -1994,10 +1960,6 @@ select {
   width: 500px;
 }
 
-.w-\[96px\] {
-  width: 96px;
-}
-
 .w-full {
   width: 100%;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@raketa-cloud/admin",
-  "version": "1.9.4",
+  "version": "1.9.6",
   "main": "src/index.js",
   "files": [
     "src/",
@@ -37,7 +37,7 @@
     "chart.js": "4.5.1",
     "ejs": "6.0.1",
     "graphql-request": "7.4.0",
-    "hono": "4.12.34",
+    "hono": "4.13.7",
     "lru-cache": "11.5.2"
   },
   "overrides": {

package/src/cloud/RaketaClient.js

@@ -137,6 +137,17 @@ export default class RaketaClient {
     return { ...result };
   }
 
+  formatLocaleErrors(localeErrors) {
+    if (!localeErrors || !Array.isArray(localeErrors)) {
+      return [];
+    }
+
+    return localeErrors.map((item) => ({
+      locale: item.locale,
+      errors: this.formatErrors(item.errors || []),
+    }));
+  }
+
   buildFiltersInput(query) {
     if (!query) {
       return {};

package/src/cloud/Resources.js

@@ -7,11 +7,11 @@ import {
   CreateResourceDocument,
   DeleteResourceDocument,
   MiniResourcesDocument,
+  MultiTranslateResourceDocument,
   ResourceByIdDocument,
   ResourceChangePreviewDocument,
   ResourcesDocument,
   TranslateResourceDocument,
-  buildBatchTranslateResourceDocument,
 } from "./documents/resourcesDocuments";
 
 const SETTINGS_DATE_DEFAULTS = {
@@ -156,7 +156,7 @@ export default class Resources extends RaketaClient {
     return { resource, errors };
   }
 
-  appendWorkflow(input, workflow) {
+  appendWorkflow(input, workflow, previewParams = {}) {
     if (!workflow?.type) {
       return;
     }
@@ -165,9 +165,9 @@ export default class Resources extends RaketaClient {
       type: workflow.type,
       previewUrl: buildMagicPreviewAddress(
         {
-          slug: input.resource.slug,
-          locale: input.locale,
-          resourceType: input.resource.resourceType,
+          slug: previewParams.slug,
+          locale: previewParams.locale,
+          resourceType: previewParams.resourceType,
         },
         this.getConfig(),
       ),
@@ -178,43 +178,85 @@ export default class Resources extends RaketaClient {
     }
   }
 
-  async translateBatch(
+  async multiTranslate(
     sourceResourceId,
     locales,
     params,
     resourceType,
     workflow,
+    sourceLocale,
   ) {
     const paramsCopy = { ...params, resourceType };
     paramsCopy.widgets = JSON.stringify(paramsCopy.widgets);
     paramsCopy.settings = JSON.stringify(paramsCopy.settings);
 
-    const BatchTranslateDocument = buildBatchTranslateResourceDocument(
-      locales.length,
+    const translations = locales.map((locale) => ({
+      locale,
+      resource: paramsCopy,
+    }));
+
+    const input = {
+      sourceResourceId,
+      translations,
+    };
+
+    this.appendWorkflow(input, workflow, {
+      slug: paramsCopy.slug,
+      locale: sourceLocale,
+      resourceType,
+    });
+
+    const {
+      multiTranslateResource: { resources, errors, localeErrors },
+    } = await this.query(MultiTranslateResourceDocument, { input });
+
+    return { resources, errors, localeErrors };
+  }
+
+  async translateBatch(
+    sourceResourceId,
+    locales,
+    params,
+    resourceType,
+    workflow,
+    sourceLocale,
+  ) {
+    const { resources, errors, localeErrors } = await this.multiTranslate(
+      sourceResourceId,
+      locales,
+      params,
+      resourceType,
+      workflow,
+      sourceLocale,
     );
 
-    const variables = {};
-    locales.forEach((locale, i) => {
-      const input = {
-        locale,
-        sourceResourceId,
-        resource: paramsCopy,
-      };
+    if (localeErrors && localeErrors.length > 0) {
+      const localeErrorMap = {};
+      localeErrors.forEach((le) => {
+        localeErrorMap[le.locale] = le.errors;
+      });
 
-      this.appendWorkflow(input, workflow);
+      return locales.map((locale) => ({
+        resource: null,
+        errors: localeErrorMap[locale] || errors || null,
+      }));
+    }
 
-      variables[`input${i}`] = input;
-    });
+    if (errors) {
+      return locales.map(() => ({
+        resource: null,
+        errors,
+      }));
+    }
 
-    const response = await this.query(BatchTranslateDocument, variables);
+    if (!resources) {
+      return null;
+    }
 
-    return locales.map((_, i) => {
-      const result = response[`translate${i}`];
-      return {
-        resource: result.resource,
-        errors: result.errors,
-      };
-    });
+    return locales.map((_, i) => ({
+      resource: resources[i],
+      errors: null,
+    }));
   }
 
   async updateSlug(id, slug, locale, resourceType, redirect) {

package/src/cloud/documents/contentTasksDocuments.js

@@ -15,7 +15,7 @@ export const ContentTasksDocument = gql`
         failedAt
         insertedAt
         updatedAt
-        resource {
+        resources {
           id
           title
           slug

package/src/cloud/documents/resourcesDocuments.js

@@ -44,16 +44,7 @@ function resourceFragment() {
       tags ${tagFragment()}
       categories ${categoryFragment()}
       changes ${summaryChangeFragment()}
-      activeContentTask {
-        id
-        workflow
-        operator
-        operatorMeta
-        completedAt
-        failedAt
-        insertedAt
-        updatedAt
-      }
+      activeContentTask ${contentTaskFragment()}
     }
   `;
 }
@@ -195,22 +186,16 @@ const TranslateResourceDocument = gql`
   }
 `;
 
-const buildBatchTranslateResourceDocument = (count) => gql`
-  mutation BatchTranslateResources(${Array(count)
-    .fill(0)
-    .map((_, i) => `$input${i}: TranslateResourceInput!`)
-    .join(", ")}) {
-    ${Array(count)
-      .fill(0)
-      .map(
-        (_, i) => `
-      translate${i}: translateResource(input: $input${i}) {
-        resource ${resourceFragment()}
+const MultiTranslateResourceDocument = gql`
+  mutation MultiTranslateResource($input: MultiTranslateResourceInput!) {
+    multiTranslateResource(input: $input) {
+      resources ${resourceFragment()}
+      errors ${errorsFragment()}
+      localeErrors {
+        locale
         errors ${errorsFragment()}
       }
-    `,
-      )
-      .join("\n")}
+    }
   }
 `;
 
@@ -365,6 +350,7 @@ export {
   DeleteResourceDocument,
   ResourceAndSiteDocument,
   TranslateResourceDocument,
+  MultiTranslateResourceDocument,
   ResourceRevisionDocument,
   ResourceRevisionsDocument,
   StartResourceRevisionDocument,
@@ -375,7 +361,6 @@ export {
   ReopenResourceChangeDocument,
   LockResourceRevisionDocument,
   UnlockResourceRevisionDocument,
-  buildBatchTranslateResourceDocument,
   ResourceHistoryDocument,
   buildBatchStartResourceRevisionDocument,
   ResourceEditorsDocument,

package/src/handlers/resources/TranslationsHandler.js

@@ -128,7 +128,7 @@ const create = async (ctx) => {
     : [ctx.resourceParams.resource.languages].filter(Boolean);
 
   const existingTranslations = Object.keys(blueprint.translations || {});
-  const selectedLocales = formLanguages.filter(
+  const selectedLocales = [...new Set(formLanguages)].filter(
     (locale) =>
       locale !== originalLocale && !existingTranslations.includes(locale),
   );
@@ -153,15 +153,52 @@ const create = async (ctx) => {
 
   const workflow = ctx.resourceParams?.resource?.workflow;
 
-  const translations = await ctx.client.resources.translateBatch(
-    parent_id,
-    selectedLocales,
-    resource,
-    resourceType,
-    workflow,
-  );
+  const { resources, errors, localeErrors } =
+    await ctx.client.resources.multiTranslate(
+      parent_id,
+      selectedLocales,
+      resource,
+      resourceType,
+      workflow,
+      originalLocale,
+    );
+
+  if (localeErrors && localeErrors.length > 0) {
+    return {
+      assigns: {
+        resource: {
+          ...resource,
+          translations: blueprint.translations || {},
+          languages: formLanguages,
+          workflow: workflow,
+        },
+        blueprint,
+        targetLocale: originalLocale,
+        errors: {
+          resource: errors ? ctx.client.resources.formatErrors(errors) : {},
+          localeErrors: ctx.client.resources.formatLocaleErrors(localeErrors),
+        },
+      },
+    };
+  }
+
+  if (errors) {
+    return {
+      assigns: {
+        resource: {
+          ...resource,
+          translations: blueprint.translations || {},
+          languages: formLanguages,
+          workflow: workflow,
+        },
+        blueprint,
+        targetLocale: originalLocale,
+        errors: { resource: ctx.client.resources.formatErrors(errors) },
+      },
+    };
+  }
 
-  if (!translations) {
+  if (!resources) {
     return {
       assigns: {
         resource: {
@@ -184,8 +221,10 @@ const create = async (ctx) => {
     };
   }
 
-  for (let i = 0; i < translations.length; i++) {
-    const { resource: translated } = translations[i];
+  const revisionInputs = [];
+
+  for (let i = 0; i < resources.length; i++) {
+    const translated = resources[i];
     const locale = selectedLocales[i];
 
     if (translated) {
@@ -197,32 +236,7 @@ const create = async (ctx) => {
           visibility: translated.visibility,
         },
       };
-    }
-  }
-
-  const revisionInputs = [];
-
-  for (let i = 0; i < translations.length; i++) {
-    const { errors, resource: translated } = translations[i];
-    const locale = selectedLocales[i];
 
-    if (errors) {
-      return {
-        assigns: {
-          resource: {
-            ...resource,
-            translations: blueprint.translations || {},
-            languages: formLanguages,
-            workflow: workflow,
-          },
-          blueprint,
-          targetLocale: locale,
-          errors: { resource: ctx.client.resources.formatErrors(errors) },
-        },
-      };
-    }
-
-    if (translated) {
       translationIds.push(`${locale}:${translated.id}`);
       revisionInputs.push({
         resourceId: translated.id,
@@ -247,7 +261,7 @@ const create = async (ctx) => {
               languages: formLanguages,
             },
             blueprint,
-            targetLocale: selectedLocales[i],
+            targetLocale: revisionInputs[i]?.locale || selectedLocales[i],
             errors: {
               resource: ctx.client.resources.formatErrors(revisionErrors),
             },

package/src/magicPreview.js

@@ -8,9 +8,10 @@ import {
 const ALGORITHM = "aes-256-gcm";
 const IV_LENGTH = 12;
 const TAG_LENGTH = 16;
+const CHUNK_SIZE = 40;
 
 function getSecretKey(config = {}) {
-  const secret = config.secrets.crypto_secret;
+  const secret = config.secrets?.crypto_secret;
 
   if (!secret) {
     throw new Error(
@@ -21,6 +22,40 @@ function getSecretKey(config = {}) {
   return createHash("sha256").update(secret).digest();
 }
 
+export function chunkToken(token, chunkSize = CHUNK_SIZE) {
+  if (!token || typeof token !== "string") {
+    return token;
+  }
+
+  const chunks = [];
+  for (let i = 0; i < token.length; i += chunkSize) {
+    chunks.push(token.slice(i, i + chunkSize));
+  }
+
+  return chunks.join("-");
+}
+
+export function unchunkToken(token, chunkSize = CHUNK_SIZE) {
+  if (!token || typeof token !== "string") {
+    return token;
+  }
+
+  let result = "";
+  let i = 0;
+
+  while (i < token.length) {
+    const chunk = token.slice(i, i + chunkSize);
+    result += chunk;
+    i += chunkSize;
+
+    if (i < token.length && token[i] === "-") {
+      i += 1;
+    }
+  }
+
+  return result;
+}
+
 export function generateMagicPreviewToken(
   { slug, resourceType, locale } = {},
   config = {},
@@ -40,17 +75,14 @@ export function generateMagicPreviewToken(
   ]);
   const tag = cipher.getAuthTag();
 
-  return Buffer.concat([iv, tag, encrypted]).toString("base64url");
-}
+  const rawToken = Buffer.concat([iv, tag, encrypted]).toString("base64url");
 
-export function decipherMagicPreviewToken(token, config) {
-  if (!token || typeof token !== "string") {
-    return null;
-  }
+  return chunkToken(rawToken);
+}
 
+function decipherPayload(rawToken, key) {
   try {
-    const key = getSecretKey(config);
-    const combined = Buffer.from(token, "base64url");
+    const combined = Buffer.from(rawToken, "base64url");
 
     if (combined.length < IV_LENGTH + TAG_LENGTH) {
       return null;
@@ -80,6 +112,31 @@ export function decipherMagicPreviewToken(token, config) {
   }
 }
 
+export function decipherMagicPreviewToken(token, config) {
+  if (!token || typeof token !== "string") {
+    return null;
+  }
+
+  try {
+    const key = getSecretKey(config);
+
+    const unchunked = unchunkToken(token);
+    const payload = decipherPayload(unchunked, key);
+
+    if (payload) {
+      return payload;
+    }
+
+    if (unchunked !== token) {
+      return decipherPayload(token, key);
+    }
+
+    return null;
+  } catch {
+    return null;
+  }
+}
+
 export function buildMagicPreviewAddress(
   { slug, resourceType, locale },
   globalConfig,

package/src/tests/RaketaClient.test.js

@@ -232,6 +232,46 @@ describe("RaketaClient", () => {
     });
   });
 
+  describe("formatLocaleErrors", () => {
+    test("formats array of locale errors", () => {
+      const client = buildClient();
+      const localeErrors = [
+        {
+          locale: "fr",
+          errors: [{ key: "title", message: "Title is required" }],
+        },
+        {
+          locale: "de",
+          errors: [
+            { key: "slug", message: "Slug is taken" },
+            { key: "slug", message: "Slug is invalid" },
+          ],
+        },
+      ];
+
+      const result = client.formatLocaleErrors(localeErrors);
+
+      expect(result).toEqual([
+        {
+          locale: "fr",
+          errors: { title: "Title is required" },
+        },
+        {
+          locale: "de",
+          errors: { slug: "Slug is taken, Slug is invalid" },
+        },
+      ]);
+    });
+
+    test("returns empty array for invalid input", () => {
+      const client = buildClient();
+
+      expect(client.formatLocaleErrors(null)).toEqual([]);
+      expect(client.formatLocaleErrors(undefined)).toEqual([]);
+      expect(client.formatLocaleErrors({})).toEqual([]);
+    });
+  });
+
   describe("buildFiltersInput", () => {
     test("extracts filters with f: prefix", () => {
       const client = buildClient();

package/src/tests/handlers/content_tasks/ContentTasksHandler.test/index.test.js

@@ -26,22 +26,26 @@ describe("ContentTasksHandler", () => {
       Factory.build("contentTask", {
         id: "1",
         workflow: "lokalise",
-        resource: {
-          id: "123",
-          title: "Test Page",
-          locale: "en",
-          resourceType: "page",
-        },
+        resources: [
+          {
+            id: "123",
+            title: "Test Page",
+            locale: "en",
+            resourceType: "page",
+          },
+        ],
       }),
       Factory.build("contentTask", {
         id: "2",
         workflow: "default",
-        resource: {
-          id: "456",
-          title: "Test Movie",
-          locale: "de",
-          resourceType: "movie-type",
-        },
+        resources: [
+          {
+            id: "456",
+            title: "Test Movie",
+            locale: "de",
+            resourceType: "movie-type",
+          },
+        ],
       }),
     ];