@raketa-cloud/admin 1.8.13 → 1.8.15

package/dist/application.css

@@ -1566,12 +1566,8 @@ select {
   pointer-events: none;
 }
 
-.static {
-  position: static;
-}
-
-.fixed {
-  position: fixed;
+.visible {
+  visibility: visible;
 }
 
 .absolute {
@@ -1737,10 +1733,6 @@ select {
   display: inline-block;
 }
 
-.inline {
-  display: inline;
-}
-
 .flex {
   display: flex;
 }
@@ -1976,6 +1968,12 @@ select {
   overflow-y: auto;
 }
 
+.truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .whitespace-nowrap {
   white-space: nowrap;
 }
@@ -2337,6 +2335,12 @@ select {
   opacity: 0.75;
 }
 
+.shadow {
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .shadow-inner {
   --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@raketa-cloud/admin",
-  "version": "1.8.13",
+  "version": "1.8.15",
   "main": "src/index.js",
   "files": [
     "src/",
@@ -21,13 +21,17 @@
     "@tailwindcss/forms": "0.5.7",
     "@tailwindcss/typography": "0.5.13",
     "@types/node": "24.10.1",
-    "jest": "30.3.0",
+    "babel-jest": "^29.7.0",
+    "jest": "^29.7.0",
+    "jest-environment-node": "^29.7.0",
     "tailwindcss": "3.4.4",
     "typescript": "5.9.3"
   },
   "dependencies": {
-    "ejs": "3.1.10",
-    "graphql-request": "7.4.0"
+    "@hono/node-server": "2.0.12",
+    "ejs": "^6.0.1",
+    "graphql-request": "7.4.0",
+    "hono": "4.12.32"
   },
   "overrides": {
     "error-ex": "1.3.4"

package/src/cloud/documents/common.js

@@ -111,7 +111,6 @@ export function contentTaskFragment() {
       operatorMeta
       completedAt
       failedAt
-      rejectedAt
       insertedAt
       updatedAt
     }

package/src/cloud/documents/contentTasksDocuments.js

@@ -13,7 +13,6 @@ export const ContentTasksDocument = gql`
         operatorMeta
         completedAt
         failedAt
-        rejectedAt
         insertedAt
         updatedAt
         resource {

package/src/cloud/documents/resourcesDocuments.js

@@ -21,6 +21,7 @@ function minimalResourceFragment() {
       insertedAt
       updatedAt
       translations
+      tags ${tagFragment()}
     }
   `;
 }
@@ -50,7 +51,6 @@ function resourceFragment() {
         operatorMeta
         completedAt
         failedAt
-        rejectedAt
         insertedAt
         updatedAt
       }

package/src/helpers/CSVExportHelper.js

@@ -75,6 +75,10 @@ function formatTranslations(item) {
     .join(";");
 }
 
+function formatTags(item) {
+  return (item?.tags || []).map((tag) => tag.name).join(";");
+}
+
 const standardFieldMapping = (remoteConfig, locale, type) => ({
   id: "id",
   type: (item) => extractResourceType(item, type),
@@ -85,6 +89,7 @@ const standardFieldMapping = (remoteConfig, locale, type) => ({
   created_at: "insertedAt",
   updated_at: "updatedAt",
   translations: formatTranslations,
+  tags: formatTags,
 });
 
 const standardHeaders = [
@@ -97,6 +102,7 @@ const standardHeaders = [
   "created_at",
   "updated_at",
   "translations",
+  "tags",
 ];
 
 export default {

package/src/tests/handlers/resources/ExportsHandler.test/index.test.js

@@ -144,7 +144,7 @@ describe("Resources ExportsHandler", () => {
       const result = await ExportsHandler.index(ctx);
 
       expect(result.text).toBe(
-        "id,type,locale,title,URL,visibility,created_at,updated_at,translations",
+        "id,type,locale,title,URL,visibility,created_at,updated_at,translations,tags",
       );
     });
 

package/src/tests/helpers/CSVExportHelper.test.js

@@ -210,6 +210,7 @@ describe("CSVExportHelper", () => {
             es: {},
             de: {},
           },
+          tags: [{ name: "Finance" }, { name: "Product" }],
         },
       ];
       const headers = [...CSVExportHelper.standardHeaders];
@@ -226,8 +227,8 @@ describe("CSVExportHelper", () => {
       );
 
       expect(result).toBe(
-        "id,type,locale,title,URL,visibility,created_at,updated_at,translations\r\n" +
-          "1,article,en,Test Article,/en/article/1,public,2024-01-01,2024-01-02,es;de",
+        "id,type,locale,title,URL,visibility,created_at,updated_at,translations,tags\r\n" +
+          "1,article,en,Test Article,/en/article/1,public,2024-01-01,2024-01-02,es;de,Finance;Product",
       );
     });
   });
@@ -302,6 +303,7 @@ describe("CSVExportHelper", () => {
         created_at: "insertedAt",
         updated_at: "updatedAt",
         translations: expect.any(Function),
+        tags: expect.any(Function),
       });
     });
 
@@ -364,6 +366,7 @@ describe("CSVExportHelper", () => {
         "created_at",
         "updated_at",
         "translations",
+        "tags",
       ]);
     });
   });

package/src/tests/support/factory.js

@@ -85,7 +85,6 @@ const CONTENT_TASK = {
   },
   completedAt: null,
   failedAt: null,
-  rejectedAt: null,
   insertedAt: "2024-08-30T19:05:00Z",
   updatedAt: "2024-08-30T19:05:00Z",
   resource: {

package/src/views/content_tasks/index.ejs

@@ -76,14 +76,14 @@
             </td>
 
             <td>
-              <% if (task.completedAt || task.failedAt || task.rejectedAt) { %>
+              <% if (task.completedAt || task.failedAt) { %>
                 <div class="body-3 text-raketa-foreground/50">
                   <div class="flex items-center gap-1">
                     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 text-raketa-foreground">
                       <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
                     </svg>
-                    <time data-pretty-datetime datetime="<%= task.completedAt || task.failedAt || task.rejectedAt %>">
-                      <%= utils.formattedDateTime(task.completedAt || task.failedAt || task.rejectedAt) %>
+                    <time data-pretty-datetime datetime="<%= task.completedAt || task.failedAt %>">
+                      <%= utils.formattedDateTime(task.completedAt || task.failedAt) %>
                     </time>
                   </div>
                 </div>
@@ -101,10 +101,6 @@
                 <span class="bg-red-100 chip text-red-700 dark:bg-red-900/50 dark:text-red-300">
                   Failed
                 </span>
-              <% } else if (task.rejectedAt) { %>
-                <span class="bg-orange-100 chip text-orange-700 dark:bg-orange-900/50 dark:text-orange-300">
-                  Rejected
-                </span>
               <% } else { %>
                 <span class="bg-blue-100 chip text-blue-700 dark:bg-blue-900/50 dark:text-blue-300">
                   In Progress

package/src/views/resources/_shared/_toolbar.ejs

@@ -3,8 +3,7 @@
     const hasActiveContentTask = utils.feature("contentTasks", _context) &&
       resource.activeContentTask &&
       !resource.activeContentTask.completedAt &&
-      !resource.activeContentTask.failedAt &&
-      !resource.activeContentTask.rejectedAt;
+      !resource.activeContentTask.failedAt;
   %>
   <div class="actions-toolbar">
     <form method="POST" action="<%= `/${_context.locale}/${_context.resourceConfig.resourceTypePlural}/${resource.id}/${_context.resourceConfig.resourceType}_revisions` %>" class="inline-block">

package/src/views/resources/_shared/_translations_strip.ejs

@@ -13,8 +13,7 @@
     const currentHasActiveTask = utils.feature("contentTasks", _context) &&
       resource.activeContentTask &&
       !resource.activeContentTask.completedAt &&
-      !resource.activeContentTask.failedAt &&
-      !resource.activeContentTask.rejectedAt;
+      !resource.activeContentTask.failedAt;
 
     const contentTaskMessage = currentHasActiveTask ? `${name}: ${Inflector.capitalize(resource.activeContentTask.workflow)} task in progress` : '';
   %>

package/src/views/resources/index.ejs

@@ -40,7 +40,7 @@
           <% if (item.revisionsCount > 0) { %>
           <span class="bg-orange-100 chip text-orange-700 dark:bg-orange-900/50 dark:text-orange-300"><%= item.revisionsCount !== 1 ? `${item.revisionsCount} open revisions` : 'Open revision' %></span>
           <% } %>
-          <% if (utils.feature("contentTasks", _context) && item.activeContentTask && !item.activeContentTask.completedAt && !item.activeContentTask.failedAt && !item.activeContentTask.rejectedAt) { %>
+          <% if (utils.feature("contentTasks", _context) && item.activeContentTask && !item.activeContentTask.completedAt && !item.activeContentTask.failedAt) { %>
           <span class="bg-blue-100 chip text-blue-700 dark:bg-blue-900/50 dark:text-blue-300" title="<%= item.activeContentTask.workflow ? `${item.activeContentTask.workflow} workflow` : 'Translation in progress' %>">
             Content task in progress
           </span>

package/src/views/resources/translations/create_form.ejs

@@ -35,7 +35,9 @@
         <label for="workflow" class="font-semibold hover:cursor-pointer body-3">Translation workflow</label>
         <select name="resource[workflow]" id="workflow">
           <option value="">Default (no workflow)</option>
-          <option value="lokalise" <%= resource.workflow === 'lokalise' ? 'selected' : '' %>>Lokalise workflow</option>
+          <option value="LOKALISE_TO_AI_RT_HUM" <%= resource.workflow === 'LOKALISE_TO_AI_RT_HUM' ? 'selected' : '' %>>Lokalise: AI translation & Human review</option>
+          <option value="LOKALISE_TT_HUM" <%= resource.workflow === 'LOKALISE_TT_HUM' ? 'selected' : '' %>>Lokalise: Human translation</option>
+          <option value="LOKALISE_TT_AI" <%= resource.workflow === 'LOKALISE_TT_AI' ? 'selected' : '' %>>Lokalise: AI translation</option>
         </select>
         <p class="text-sm text-raketa-foreground/50 mt-1">
           Select a workflow for the translation process. Lokalise workflow initiates a content task for external translation.
@@ -66,23 +68,61 @@
     <% }) %>
 
     <div>
-      <div class="help">
-        <div class="flex items-center gap-1 mb-2">
-          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
-            <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" />
-          </svg>
+      <% if (utils.feature("contentTasks", _context) && _context.locale === _context.defaultLocale) { %>
+
+        <div class="help">
+          <div class="flex items-center gap-1 mb-2">
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
+              <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" />
+            </svg>
+
+            <h3 class="heading-3">Translating <%= Inflector.downcase(_context.resourceConfig.resourceTypePlural) %></h3>
+          </div>
 
-          <h3 class="heading-3">Translating <%= Inflector.downcase(_context.resourceConfig.resourceTypePlural) %></h3>
+          <div class="markdown">
+            Select one or multiple locales to initiate bulk translations. The process depends on your selected workflow:
+            <br />
+            <ol>
+              <li>
+                <strong>Default (Content Editors):</strong> A private copy and new revision are created immediately. The next screen provides quick links to translate settings and widgets so you can translate the content manually.
+              </li>
+              <li>
+                <strong>AI Translation (Lokalise):</strong> A task is sent to Lokalise Pro AI to automatically translate the content.
+              </li>
+              <li>
+                <strong>AI + Human Review (Lokalise):</strong> A task is sent to Lokalise where an AI translates the content, which then awaits human review.
+              </li>
+              <li>
+                <strong>Human Translation (Lokalise):</strong> A task is sent to Lokalise where a human translator fully translates and reviews the content.
+              </li>
+            </ol>
+
+            <br />
+            <strong>Note:</strong> For all Lokalise workflows (<strong>AI, AI + Human</strong>, and <strong>Human</strong>), the private copy and new revision will be automatically created here in the CMS only after the external task is completed and returned.
+          </div>
         </div>
 
-        <div class="markdown">
-          <ol>
-            <li>Select multiple locales to initiate bulk translations.</li>
-            <li>A private copy of the <%= Inflector.downcase(_context.resourceConfig.resourceType) %> will be automatically created for each selected language, with a new revision opened to facilitate the translation process.</li>
-            <li>On the next screen you'll see a list with quick links to transalte settings and widgets</li>
-          </ol>
+      <% } else { %>
+
+        <div class="help">
+          <div class="flex items-center gap-1 mb-2">
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
+              <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" />
+            </svg>
+
+            <h3 class="heading-3">Translating <%= Inflector.downcase(_context.resourceConfig.resourceTypePlural) %></h3>
+          </div>
+
+          <div class="markdown">
+            <ol>
+              <li>Select multiple locales to initiate bulk translations.</li>
+              <li>A private copy of the <%= Inflector.downcase(_context.resourceConfig.resourceType) %> will be automatically created for each selected language, with a new revision opened to facilitate the translation process.</li>
+              <li>On the next screen you'll see a list with quick links to transalte settings and widgets.</li>
+            </ol>
+          </div>
         </div>
-      </div>
+
+      <% } %>
     </div>
   </div>
 </div>