@raketa-cloud/admin 1.8.10 → 1.8.11

package/dist/application.css

@@ -1586,10 +1586,26 @@ select {
   position: sticky;
 }
 
+.-right-0 {
+  right: -0px;
+}
+
+.-right-0\.5 {
+  right: -0.125rem;
+}
+
 .-right-4 {
   right: -1rem;
 }
 
+.-top-0 {
+  top: -0px;
+}
+
+.-top-0\.5 {
+  top: -0.125rem;
+}
+
 .bottom-20 {
   bottom: 5rem;
 }
@@ -1749,6 +1765,11 @@ select {
   aspect-ratio: 1 / 1;
 }
 
+.size-12 {
+  width: 3rem;
+  height: 3rem;
+}
+
 .size-14 {
   width: 3.5rem;
   height: 3.5rem;
@@ -1774,6 +1795,10 @@ select {
   height: 2rem;
 }
 
+.h-3 {
+  height: 0.75rem;
+}
+
 .h-5 {
   height: 1.25rem;
 }
@@ -1811,10 +1836,18 @@ select {
   width: 50%;
 }
 
+.w-1\/3 {
+  width: 33.333333%;
+}
+
 .w-16 {
   width: 4rem;
 }
 
+.w-3 {
+  width: 0.75rem;
+}
+
 .w-48 {
   width: 12rem;
 }
@@ -1864,6 +1897,17 @@ select {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+@keyframes ping {
+  75%, 100% {
+    transform: scale(2);
+    opacity: 0;
+  }
+}
+
+.animate-ping {
+  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+}
+
 .cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -2003,6 +2047,16 @@ select {
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 }
 
+.bg-blue-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
+}
+
+.bg-emerald-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(209 250 229 / var(--tw-bg-opacity));
+}
+
 .bg-orange-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(255 237 213 / var(--tw-bg-opacity));
@@ -2026,6 +2080,11 @@ select {
   background-color: rgba(var(--primary), 0.05);
 }
 
+.bg-red-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
+}
+
 .bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -2178,11 +2237,21 @@ select {
   color: rgb(60 64 67 / var(--tw-text-opacity));
 }
 
+.text-blue-700 {
+  --tw-text-opacity: 1;
+  color: rgb(29 78 216 / var(--tw-text-opacity));
+}
+
 .text-emerald-600 {
   --tw-text-opacity: 1;
   color: rgb(5 150 105 / var(--tw-text-opacity));
 }
 
+.text-emerald-700 {
+  --tw-text-opacity: 1;
+  color: rgb(4 120 87 / var(--tw-text-opacity));
+}
+
 .text-gray-400 {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity));
@@ -2206,6 +2275,10 @@ select {
   color: rgba(var(--foreground), 0.5);
 }
 
+.text-raketa-foreground\/70 {
+  color: rgba(var(--foreground), 0.7);
+}
+
 .text-raketa-primary {
   --tw-text-opacity: 1;
   color: rgba(var(--primary), var(--tw-text-opacity));
@@ -2221,6 +2294,11 @@ select {
   color: rgb(220 38 38 / var(--tw-text-opacity));
 }
 
+.text-red-700 {
+  --tw-text-opacity: 1;
+  color: rgb(185 28 28 / var(--tw-text-opacity));
+}
+
 .text-rose-600 {
   --tw-text-opacity: 1;
   color: rgb(225 29 72 / var(--tw-text-opacity));
@@ -2247,6 +2325,10 @@ select {
   opacity: 0.6;
 }
 
+.opacity-75 {
+  opacity: 0.75;
+}
+
 .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);
@@ -3152,6 +3234,14 @@ body {
   border-color: rgb(64 64 64 / var(--tw-border-opacity));
 }
 
+.dark\:bg-blue-900\/50:where(.dark, .dark *) {
+  background-color: rgb(30 58 138 / 0.5);
+}
+
+.dark\:bg-emerald-900\/50:where(.dark, .dark *) {
+  background-color: rgb(6 78 59 / 0.5);
+}
+
 .dark\:bg-orange-900\/50:where(.dark, .dark *) {
   background-color: rgb(124 45 18 / 0.5);
 }
@@ -3160,11 +3250,30 @@ body {
   background-color: rgba(var(--primary), 0.15);
 }
 
+.dark\:bg-red-900\/50:where(.dark, .dark *) {
+  background-color: rgb(127 29 29 / 0.5);
+}
+
+.dark\:text-blue-300:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(147 197 253 / var(--tw-text-opacity));
+}
+
+.dark\:text-emerald-300:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(110 231 183 / var(--tw-text-opacity));
+}
+
 .dark\:text-orange-300:where(.dark, .dark *) {
   --tw-text-opacity: 1;
   color: rgb(253 186 116 / var(--tw-text-opacity));
 }
 
+.dark\:text-red-300:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(252 165 165 / var(--tw-text-opacity));
+}
+
 .dark\:invert:where(.dark, .dark *) {
   --tw-invert: invert(100%);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@raketa-cloud/admin",
-  "version": "1.8.10",
+  "version": "1.8.11",
   "main": "src/index.js",
   "files": [
     "src/",
@@ -9,7 +9,9 @@
   "scripts": {
     "dev": "npx tailwindcss -i ./src/styles/application.css -o ../../apps/admin/static/application.css --watch",
     "test": "jest --coverage --coverageReporters=html --coverageReporters=\"text-summary\"",
-    "prepare": "npx tailwindcss -i ./src/styles/application.css -o ./dist/application.css"
+    "prepare": "npx tailwindcss -i ./src/styles/application.css -o ./dist/application.css",
+    "lint": "biome lint .",
+    "lint:fix": "biome lint --write --unsafe ."
   },
   "devDependencies": {
     "@babel/core": "7.29.7",

package/src/HonoAdapter.js

@@ -70,7 +70,8 @@ function getPartialPath(partialPath, views, viewsFallback) {
   const paths = [
     sanitizePath(`${process.cwd()}/src/views/${views}/${partialPath}`),
     sanitizePath(`${currentPath}/views/${views}/${partialPath}`),
-    viewsFallback && sanitizePath(`${currentPath}/views/${viewsFallback}/${partialPath}`),
+    viewsFallback &&
+      sanitizePath(`${currentPath}/views/${viewsFallback}/${partialPath}`),
   ].filter(Boolean);
 
   // Return first existing path
@@ -79,7 +80,7 @@ function getPartialPath(partialPath, views, viewsFallback) {
   if (existingPath) return existingPath;
 
   throw new Error(
-    `Template not found: "${partialPath}"\nSearched in:\n${paths.join("\n")}`
+    `Template not found: "${partialPath}"\nSearched in:\n${paths.join("\n")}`,
   );
 }
 
@@ -184,7 +185,7 @@ export default class HonoAdapter {
             ...assigns,
             ...localAssigns,
           },
-          { filename: partialPath }
+          { filename: partialPath },
         );
 
         return rendered;
@@ -197,11 +198,18 @@ export default class HonoAdapter {
     };
   }
 
-  async renderAction({ views, viewsFallback, action, assigns }, viewHelpersConfig = {}) {
+  async renderAction(
+    { views, viewsFallback, action, assigns },
+    viewHelpersConfig = {},
+  ) {
     // Pick the parent here in the views so we can reuse stuff...
     const fullTemplatePath = this.getActionPath(views, viewsFallback, action);
     const renderAssigns = { ...this.getHelpers(viewHelpersConfig), ...assigns };
-    const renderPartialHelper = this.renderPartial(renderAssigns, views, viewsFallback);
+    const renderPartialHelper = this.renderPartial(
+      renderAssigns,
+      views,
+      viewsFallback,
+    );
 
     try {
       // Synchronously read the full template file
@@ -214,7 +222,7 @@ export default class HonoAdapter {
           ...renderAssigns,
           render_partial: renderPartialHelper,
         },
-        { filename: fullTemplatePath }
+        { filename: fullTemplatePath },
       );
 
       const fullPage = this.renderLayout(renderAssigns, rendered);
@@ -280,7 +288,7 @@ export default class HonoAdapter {
 
   async createAction(
     [verb, path, resource, views, action, handler],
-    resourceConfig
+    resourceConfig,
   ) {
     const { i18n } = this.globalConfig;
 
@@ -294,7 +302,7 @@ export default class HonoAdapter {
           next,
           verb,
           resource,
-          action
+          action,
         );
 
         // Set context properties
@@ -305,6 +313,7 @@ export default class HonoAdapter {
           maxOpenRevisions: this.globalConfig?.maxOpenRevisions || 3,
           locale: currentLocale,
           remoteConfig: { ...this.globalConfig.remoteConfig },
+          globalConfig: this.globalConfig,
           logger: Logger,
         });
 
@@ -328,7 +337,7 @@ export default class HonoAdapter {
         };
 
         ctx.logger.info(
-          `${ctx.method} "${ctx.rawPath}" -> ${resource}/${action} | ${JSON.stringify(ctx.params)}`
+          `${ctx.method} "${ctx.rawPath}" -> ${resource}/${action} | ${JSON.stringify(ctx.params)}`,
         );
 
         const assigns = {
@@ -373,7 +382,7 @@ export default class HonoAdapter {
 
             Object.assign(
               assigns.afterFilterAssigns,
-              afterResult.assigns || {}
+              afterResult.assigns || {},
             );
           }
         }
@@ -395,7 +404,7 @@ export default class HonoAdapter {
             action,
             assigns: fullAssigns,
           },
-          this.globalConfig?.helpers || {}
+          this.globalConfig?.helpers || {},
         );
 
         return routerCtx.html(rendered);
@@ -406,7 +415,7 @@ export default class HonoAdapter {
   // Single method to handle all route types
   routeCollection(mapping, resourceConfig) {
     mapping.forEach((handlerMap) =>
-      this.createAction(handlerMap, resourceConfig)
+      this.createAction(handlerMap, resourceConfig),
     );
   }
 
@@ -428,7 +437,7 @@ export default class HonoAdapter {
   applyHeaders(headers, router) {
     if (!headers) return;
     Object.entries(headers).forEach(([key, value]) =>
-      router.header(key, value)
+      router.header(key, value),
     );
   }
 

package/src/Logger.js

@@ -1,21 +1,20 @@
-import { inspect } from 'node:util';
+import { inspect } from "node:util";
 
-
-const dump = (item) => inspect(item, { depth: null }).replace(/^\'/, '').replace(/\'$/, '')
+const dump = (item) =>
+  inspect(item, { depth: null }).replace(/^\'/, "").replace(/\'$/, "");
 
 const Logger = {
   error: (item) => {
-    console.error('[ERROR]', dump(item));
+    console.error("[ERROR]", dump(item));
   },
 
   info: (item) => {
-    console.info('[INFO]', dump(item));
+    console.info("[INFO]", dump(item));
   },
 
   debug: (item) => {
-    console.debug('[DEBUG]', dump(item));
+    console.debug("[DEBUG]", dump(item));
   },
-}
+};
 
 export default Logger;
-

package/src/RaketaContext.js

@@ -39,6 +39,7 @@ export default class RaketaContext {
 
   initGlobalContext() {
     const global = this.getGlobalCtx(this);
+
     for (const key in global) {
       this[key] = global[key];
     }

package/src/cipher.js

@@ -17,7 +17,7 @@ function encrypt(plaintext, config) {
   const cipher = createCipheriv(
     ALGORITHM,
     deriveKey(config.secrets.crypto_secret),
-    IV
+    IV,
   );
 
   let encrypted = cipher.update(plaintext, "utf8", "hex");
@@ -34,7 +34,7 @@ function decrypt(encryptedText, config) {
   const decipher = createDecipheriv(
     ALGORITHM,
     deriveKey(config.secrets.crypto_secret),
-    iv
+    iv,
   );
 
   let decrypted = decipher.update(encrypted, "hex", "utf8");

package/src/cloud/ContentTasks.js

@@ -0,0 +1,31 @@
+import RaketaClient from "./RaketaClient.js";
+import {
+  ContentTasksDocument,
+  ContentTaskEditorsDocument,
+} from "./documents/contentTasksDocuments.js";
+
+export default class ContentTasks extends RaketaClient {
+  async list(query) {
+    const vars = this.buildListInput(query);
+
+    // Format date filters if any
+    if (vars.input.filters) {
+      vars.input.filters = this.formatDateFilters(vars.input.filters);
+    }
+
+    const { contentTasks: items } = await this.query(ContentTasksDocument, {
+      input: vars.input.filters || vars.input.pagination ? vars.input : null,
+    });
+
+    return items;
+  }
+
+  async editors() {
+    const { contentTaskEditors } = await this.query(
+      ContentTaskEditorsDocument,
+      {},
+    );
+
+    return contentTaskEditors;
+  }
+}

package/src/cloud/RaketaClient.js

@@ -105,7 +105,7 @@ export default class RaketaClient {
         "x-raketa-project": this.getConfig().cloud.gateway_project,
         "x-raketa-service": this.getConfig().cloud.dxp_service_private,
         "x-raketa-identity": this.token,
-      }
+      },
     );
   }
 

package/src/cloud/Redirects.js

@@ -12,7 +12,7 @@ export default class Redirects extends RaketaClient {
   async list(query) {
     const { redirects: items } = await this.query(
       RedirectsDocument,
-      this.buildListInput(query)
+      this.buildListInput(query),
     );
 
     return items;
@@ -73,7 +73,7 @@ export default class Redirects extends RaketaClient {
           id,
           locale: "en",
         },
-      }
+      },
     );
 
     return items;

package/src/cloud/ResourceChanges.js

@@ -21,7 +21,7 @@ export default class ResourceChanges extends RaketaClient {
             page_size: 50,
           },
         },
-      }
+      },
     );
 
     return items;

package/src/cloud/ResourceRevisions.js

@@ -39,7 +39,7 @@ export default class ResourceRevisions extends RaketaClient {
           locale,
           resourceType,
         },
-      }
+      },
     );
 
     return items;
@@ -121,7 +121,7 @@ export default class ResourceRevisions extends RaketaClient {
 
   async createBatch(revisionInputs) {
     const BatchStartRevisionDocument = buildBatchStartResourceRevisionDocument(
-      revisionInputs.length
+      revisionInputs.length,
     );
 
     const variables = {};

package/src/cloud/Resources.js

@@ -133,40 +133,56 @@ export default class Resources extends RaketaClient {
     return { resource, errors };
   }
 
-  async translate(id, locale, params, resourceType) {
+  async translate(id, locale, params, resourceType, workflow) {
     const paramsCopy = { ...params, resourceType };
     paramsCopy.widgets = JSON.stringify(paramsCopy.widgets);
     paramsCopy.settings = JSON.stringify(paramsCopy.settings);
 
+    const input = {
+      locale,
+      sourceResourceId: id,
+      resource: paramsCopy,
+    };
+
+    if (workflow) {
+      input.workflow = workflow;
+    }
+
     const {
       translateResource: { errors, resource },
-    } = await this.query(TranslateResourceDocument, {
-      input: {
-        locale,
-        sourceResourceId: id,
-        resource: paramsCopy,
-      },
-    });
+    } = await this.query(TranslateResourceDocument, { input });
 
     return { resource, errors };
   }
 
-  async translateBatch(sourceResourceId, locales, params, resourceType) {
+  async translateBatch(
+    sourceResourceId,
+    locales,
+    params,
+    resourceType,
+    workflow,
+  ) {
     const paramsCopy = { ...params, resourceType };
     paramsCopy.widgets = JSON.stringify(paramsCopy.widgets);
     paramsCopy.settings = JSON.stringify(paramsCopy.settings);
 
     const BatchTranslateDocument = buildBatchTranslateResourceDocument(
-      locales.length
+      locales.length,
     );
 
     const variables = {};
     locales.forEach((locale, i) => {
-      variables[`input${i}`] = {
+      const input = {
         locale,
         sourceResourceId,
         resource: paramsCopy,
       };
+
+      if (workflow) {
+        input.workflow = workflow;
+      }
+
+      variables[`input${i}`] = input;
     });
 
     const response = await this.query(BatchTranslateDocument, variables);
@@ -211,7 +227,7 @@ export default class Resources extends RaketaClient {
 
     const { resourceChangePreview } = await this.query(
       ResourceChangePreviewDocument,
-      { input }
+      { input },
     );
 
     return resourceChangePreview;

package/src/cloud/Tags.js

@@ -11,7 +11,7 @@ export default class Tags extends RaketaClient {
   async list(query, locale) {
     const { tags: items } = await this.query(
       TagsDocument,
-      this.buildListInput(query, locale)
+      this.buildListInput(query, locale),
     );
 
     return items;
@@ -22,9 +22,9 @@ export default class Tags extends RaketaClient {
       input: {
         locale: locale,
         orderBy: {
-          field: 'name',
-          direction: 'ASC'
-        }
+          field: "name",
+          direction: "ASC",
+        },
       },
     });
 

package/src/cloud/documents/common.js

@@ -101,3 +101,19 @@ export function summaryChangeFragment() {
     }
   `;
 }
+
+export function contentTaskFragment() {
+  return gql`
+    {
+      id
+      workflow
+      operator
+      operatorMeta
+      completedAt
+      failedAt
+      rejectedAt
+      insertedAt
+      updatedAt
+    }
+  `;
+}

package/src/cloud/documents/contentTasksDocuments.js

@@ -0,0 +1,59 @@
+import { gql } from "graphql-request";
+
+/**
+ * Query to fetch all content tasks with filters
+ */
+export const ContentTasksDocument = gql`
+  query ContentTasks($input: ContentTasksInput) {
+    contentTasks(input: $input) {
+      list {
+        id
+        workflow
+        operator
+        operatorMeta
+        completedAt
+        failedAt
+        rejectedAt
+        insertedAt
+        updatedAt
+        resource {
+          id
+          title
+          slug
+          locale
+          visibility
+          resourceType
+          insertedAt
+          updatedAt
+        }
+        lokaliseWorkflow {
+          id
+          status
+          settings
+          insertedAt
+          updatedAt
+        }
+      }
+      pagination {
+        currentPage
+        pagesCount
+        entriesCount
+        pageSize
+      }
+    }
+  }
+`;
+
+/**
+ * Query to fetch unique editors/operators for filtering
+ */
+export const ContentTaskEditorsDocument = gql`
+  query ContentTaskEditors {
+    contentTaskEditors {
+      list {
+        id
+        name
+      }
+    }
+  }
+`;