@raketa-cloud/admin 1.8.1 → 1.8.4

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 {
@@ -1600,10 +1566,22 @@ select {
   pointer-events: none;
 }
 
+.visible {
+  visibility: visible;
+}
+
+.collapse {
+  visibility: collapse;
+}
+
 .static {
   position: static;
 }
 
+.fixed {
+  position: fixed;
+}
+
 .absolute {
   position: absolute;
 }
@@ -1751,6 +1729,10 @@ select {
   display: inline-block;
 }
 
+.inline {
+  display: inline;
+}
+
 .flex {
   display: flex;
 }
@@ -1759,6 +1741,10 @@ select {
   display: inline-flex;
 }
 
+.\!table {
+  display: table !important;
+}
+
 .table {
   display: table;
 }
@@ -1898,6 +1884,10 @@ select {
   cursor: pointer;
 }
 
+.resize {
+  resize: both;
+}
+
 .flex-col {
   flex-direction: column;
 }
@@ -2257,6 +2247,14 @@ select {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+.underline {
+  text-decoration-line: underline;
+}
+
+.overline {
+  text-decoration-line: overline;
+}
+
 .opacity-10 {
   opacity: 0.1;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@raketa-cloud/admin",
-  "version": "1.8.1",
+  "version": "1.8.4",
   "main": "src/index.js",
   "files": [
     "src/",
@@ -19,7 +19,7 @@
     "@tailwindcss/forms": "0.5.7",
     "@tailwindcss/typography": "0.5.13",
     "@types/node": "24.10.1",
-    "jest": "30.2.0",
+    "jest": "30.3.0",
     "tailwindcss": "3.4.4",
     "typescript": "5.9.3"
   },

package/src/cloud/Articles.js

@@ -1,4 +1,4 @@
-import { dateToUTCISO8601String, toUTCISO8601String, toDateInput } from "../utils";
+import { dateToUTCISO8601String, toDateInput } from "../utils";
 import RaketaClient from "./RaketaClient";
 import {
   ArticleByIdDocument,
@@ -58,6 +58,8 @@ export default class Articles extends RaketaClient {
   async listAll(query, locale, articleTypeSlug) {
     const vars = this.buildAllInput(query, locale);
 
+    vars.input.filters = this.formatDateFilters(vars.input.filters);
+
     const { miniArticles: items } = await this.query(MiniArticlesDocument, {
       input: {
         ...vars.input,
@@ -71,12 +73,7 @@ export default class Articles extends RaketaClient {
   async list(query, locale, articleTypeSlug) {
     const vars = this.buildListInput(query, locale);
 
-    if (vars.input.filters.last_updated_from) {
-      vars.input.filters.last_updated_from = toUTCISO8601String(vars.input.filters.last_updated_from);
-    }
-    if (vars.input.filters.last_updated_to) {
-      vars.input.filters.last_updated_to = toUTCISO8601String(vars.input.filters.last_updated_to);
-    }
+    vars.input.filters = this.formatDateFilters(vars.input.filters);
 
     const { articles: items } = await this.query(ArticlesDocument, {
       input: {

package/src/cloud/Events.js

@@ -73,6 +73,8 @@ export default class Events extends RaketaClient {
   async listAll(query, locale, eventTypeSlug) {
     const vars = this.buildAllInput(query, locale);
 
+    vars.input.filters = this.formatDateFilters(vars.input.filters);
+
     const { miniEvents: items } = await this.query(MiniEventsDocument, {
       input: {
         ...vars.input,
@@ -86,12 +88,7 @@ export default class Events extends RaketaClient {
   async list(query, locale, eventTypeSlug) {
     const vars = this.buildListInput(query, locale);
 
-    if (vars.input.filters.last_updated_from) {
-      vars.input.filters.last_updated_from = toUTCISO8601String(vars.input.filters.last_updated_from);
-    }
-    if (vars.input.filters.last_updated_to) {
-      vars.input.filters.last_updated_to = toUTCISO8601String(vars.input.filters.last_updated_to);
-    }
+    vars.input.filters = this.formatDateFilters(vars.input.filters);
 
     const { events: items } = await this.query(EventsDocument, {
       input: {

package/src/cloud/Pages.js

@@ -1,4 +1,3 @@
-import { toUTCISO8601String } from "../utils";
 import RaketaClient from "./RaketaClient";
 import {
   ChangePageSlugDocument,
@@ -49,6 +48,8 @@ export default class Pages extends RaketaClient {
   async listAll(query, locale, pageTypeSlug) {
     const vars = this.buildAllInput(query, locale);
 
+    vars.input.filters = this.formatDateFilters(vars.input.filters);
+
     const { miniPages: items } = await this.query(MiniPagesDocument, {
       input: {
         ...vars.input,
@@ -62,16 +63,7 @@ export default class Pages extends RaketaClient {
   async list(query, locale, pageTypeSlug) {
     const vars = this.buildListInput(query, locale);
 
-    if (vars.input.filters.last_updated_from) {
-      vars.input.filters.last_updated_from = toUTCISO8601String(
-        vars.input.filters.last_updated_from,
-      );
-    }
-    if (vars.input.filters.last_updated_to) {
-      vars.input.filters.last_updated_to = toUTCISO8601String(
-        vars.input.filters.last_updated_to,
-      );
-    }
+    vars.input.filters = this.formatDateFilters(vars.input.filters);
 
     const { pages: items } = await this.query(PagesDocument, {
       input: {

package/src/cloud/RaketaClient.js

@@ -1,4 +1,5 @@
 import { request } from "graphql-request";
+import { toUTCISO8601String } from "../utils";
 
 function isObjectEmpty(obj) {
   for (const key in obj) {
@@ -217,6 +218,16 @@ export default class RaketaClient {
     return variables;
   }
 
+  formatDateFilters(filters) {
+    if (filters.last_updated_from) {
+      filters.last_updated_from = toUTCISO8601String(filters.last_updated_from);
+    }
+    if (filters.last_updated_to) {
+      filters.last_updated_to = toUTCISO8601String(filters.last_updated_to);
+    }
+    return filters;
+  }
+
   deepMerge(target, source) {
     return parseJsonFields(deepMerge(structuredClone(target), source));
   }

package/src/handlers/pages/ExportsHandler.js

@@ -18,7 +18,7 @@ const exportCSV = async (ctx) => {
   const csv = CSVExportHelper.formatDataAsCSV(
     pages.list,
     headers,
-    fieldMapping
+    fieldMapping,
   );
 
   return {

package/src/tests/HonoAdapter.test.js

@@ -151,6 +151,9 @@ describe("HonoAdapter", () => {
             cloud: {
               images_api_key: "api-key",
             },
+            remoteConfig: {
+              remoteLogin: "",
+            },
           },
         },
       },

package/src/views/article_revisions/publishes/_form.ejs

@@ -7,7 +7,7 @@
   <%- f.field('publishing.type', { as: 'radio_group', label: "", options: [["now", "Publish now"], ["later", "Schedule for a date"]] }) %>
   <%- f.field('publishing.mergeAt', { type: 'datetime-local', label: 'Publish revision at (UTC)' }) %>
 
-  <%- f.field('publishing.title'), { required: true, hint: "Appears in the history of changes" } %>
+  <%- f.field('publishing.title', { required: true, hint: "Appears in the history of changes" }) %>
   <%- f.field('publishing.description', { as: "textarea", hint: "Provide optional details" }) %>
   <%- f.field('publishing.visibility', { as: 'select', required: true, options: visibilityOptions }) %>
   <%- f.field('publishing.username', { required: true }) %>

package/src/views/articles/_shared/_revision_operator.ejs

@@ -0,0 +1,8 @@
+<div class="body-3 text-raketa-foreground/50">
+  <div class="flex items-center gap-1" title="<%= revision.meta.operatorMeta.name %>">
+    <% if (revision.meta.operatorMeta.avatar) { %>
+    <img src="<%= revision.meta.operatorMeta.avatar %>" class="rounded-full size-4">
+    <% } %>
+    <%= revision.meta.operatorMeta.name %>
+  </div>
+</div>

package/src/views/articles/index.ejs

@@ -143,7 +143,9 @@
 
     <div class="mb-4">
       <label for="widget" class="font-semibold hover:cursor-pointer body-3">Widget</label>
-      <input type="text" name="f:widget" value="<%= _context.query["f:widget"] %>" />
+      <select name="f:widget" data-widget-filter data-current-value="<%= _context.query['f:widget'] || '' %>">
+        <option value="">All widgets</option>
+      </select>
     </div>
 
     <div class="mb-4">

package/src/views/articles/show.ejs

@@ -86,14 +86,7 @@
           </td>
 
           <td class="whitespace-nowrap">
-            <div class="body-3 text-raketa-foreground/50">
-              <div class="flex items-center gap-1" title="<%= revision.meta.operatorMeta.name %>">
-                <% if (revision.meta.operatorMeta.avatar) { %>
-                <img src="<%= revision.meta.operatorMeta.avatar %>" class="size-4 rounded-full">
-                <% } %>
-                <%= revision.meta.operatorMeta.name %>
-              </div>
-            </div>
+            <%- render_partial('./_shared/_revision_operator.ejs', { revision }) %>
           </td>
 
           <td class="whitespace-nowrap">
@@ -150,14 +143,7 @@
           </td>
 
           <td class="whitespace-nowrap">
-            <div class="body-3 text-raketa-foreground/50">
-              <div class="flex items-center gap-1" title="<%= revision.meta.operatorMeta.name %>">
-                <% if (revision.meta.operatorMeta.avatar) { %>
-                <img src="<%= revision.meta.operatorMeta.avatar %>" class="size-4 rounded-full">
-                <% } %>
-                <%= revision.meta.operatorMeta.name %>
-              </div>
-            </div>
+            <%- render_partial('./_shared/_revision_operator.ejs', { revision }) %>
           </td>
 
           <td class="whitespace-nowrap">

package/src/views/event_revisions/publishes/_form.ejs

@@ -7,7 +7,7 @@
   <%- f.field('publishing.type', { as: 'radio_group', label: "", options: [["now", "Publish now"], ["later", "Schedule for a date"]] }) %>
   <%- f.field('publishing.mergeAt', { type: 'datetime-local', label: 'Publish revision at (UTC)' }) %>
 
-  <%- f.field('publishing.title'), { required: true, hint: "Appears in the history of changes" } %>
+  <%- f.field('publishing.title', { required: true, hint: "Appears in the history of changes" }) %>
   <%- f.field('publishing.description', { as: "textarea", hint: "Provide optional details" }) %>
   <%- f.field('publishing.visibility', { as: 'select', required: true, options: visibilityOptions }) %>
   <%- f.field('publishing.username', { required: true }) %>

package/src/views/events/_shared/_revision_operator.ejs

@@ -0,0 +1,8 @@
+<div class="body-3 text-raketa-foreground/50">
+  <div class="flex items-center gap-1" title="<%= revision.meta.operatorMeta.name %>">
+    <% if (revision.meta.operatorMeta.avatar) { %>
+    <img src="<%= revision.meta.operatorMeta.avatar %>" class="rounded-full size-4">
+    <% } %>
+    <%= revision.meta.operatorMeta.name %>
+  </div>
+</div>

package/src/views/events/index.ejs

@@ -143,7 +143,9 @@
 
     <div class="mb-4">
       <label for="widget" class="font-semibold hover:cursor-pointer body-3">Widget</label>
-      <input type="text" name="f:widget" value="<%= _context.query["f:widget"] %>" />
+      <select name="f:widget" data-widget-filter data-current-value="<%= _context.query['f:widget'] || '' %>">
+        <option value="">All widgets</option>
+      </select>
     </div>
 
     <div class="mb-4">

package/src/views/events/show.ejs

@@ -86,14 +86,7 @@
           </td>
 
           <td class="whitespace-nowrap">
-            <div class="body-3 text-raketa-foreground/50">
-              <div class="flex items-center gap-1" title="<%= revision.meta.operatorMeta.name %>">
-                <% if (revision.meta.operatorMeta.avatar) { %>
-                <img src="<%= revision.meta.operatorMeta.avatar %>" class="size-4 rounded-full">
-                <% } %>
-                <%= revision.meta.operatorMeta.name %>
-              </div>
-            </div>
+            <%- render_partial('./_shared/_revision_operator.ejs', { revision }) %>
           </td>
 
           <td class="whitespace-nowrap">
@@ -150,14 +143,7 @@
           </td>
 
           <td class="whitespace-nowrap">
-            <div class="body-3 text-raketa-foreground/50">
-              <div class="flex items-center gap-1" title="<%= revision.meta.operatorMeta.name %>">
-                <% if (revision.meta.operatorMeta.avatar) { %>
-                <img src="<%= revision.meta.operatorMeta.avatar %>" class="size-4 rounded-full">
-                <% } %>
-                <%= revision.meta.operatorMeta.name %>
-              </div>
-            </div>
+            <%- render_partial('./_shared/_revision_operator.ejs', { revision }) %>
           </td>
 
           <td class="whitespace-nowrap">

package/src/views/layouts/application.ejs

@@ -38,6 +38,9 @@
   var FILE_PICKER_GATEWAY_PROJECT = "<%= _context.globalConfig.cloud.gateway_project %>";
   var FILE_PICKER_DXP_PRIVATE_SERVICE = "<%= _context.globalConfig.cloud.dxp_service_private %>";
   var FILE_PICKER_JWT_TOKEN = "<%= _context.adminJwt %>";
+  var FRONTEND_URL = (function() {
+    try { return new URL("<%= _context.globalConfig.remoteConfig.remoteLogin %>").origin; } catch(e) { return ""; }
+  })();
 </script>
 
 <script src="https://storage.googleapis.com/cdn-raketa-cloud/js/raketa-file-picker-webcomponent.umd.js"></script>
@@ -281,6 +284,33 @@
     }
   </script>
 
+  <script>
+    function initWidgetFilter() {
+      var selects = document.querySelectorAll('select[data-widget-filter]');
+      if (!selects.length || !FRONTEND_URL) return;
+
+      fetch(FRONTEND_URL + '/dxp__/widgets/list.json')
+        .then(function(response) { return response.text(); })
+        .then(function(html) {
+          var doc = new DOMParser().parseFromString(html, 'text/html');
+          var widgets = JSON.parse(doc.querySelector('pre').textContent);
+          selects.forEach(function(select) {
+            var currentValue = select.dataset.currentValue;
+            widgets.forEach(function(widget) {
+              var option = document.createElement('option');
+              option.value = widget[0];
+              option.textContent = widget[1];
+              if (widget[0] === currentValue) option.selected = true;
+              select.appendChild(option);
+            });
+          });
+        })
+        .catch(function(err) { console.error('[initWidgetFilter] failed:', err); });
+    }
+
+    initWidgetFilter();
+  </script>
+
   <script>
     const forms = document.querySelectorAll('form');
 

package/src/views/page_revisions/publishes/_form.ejs

@@ -7,7 +7,7 @@
   <%- f.field('publishing.type', { as: 'radio_group', label: "", options: [["now", "Publish now"], ["later", "Schedule for a date"]] }) %>
   <%- f.field('publishing.mergeAt', { type: 'datetime-local', label: 'Publish revision at (UTC)' }) %>
 
-  <%- f.field('publishing.title'), { required: true, hint: "Appears in the history of changes" } %>
+  <%- f.field('publishing.title', { required: true, hint: "Appears in the history of changes" }) %>
   <%- f.field('publishing.description', { as: "textarea", hint: "Provide optional details" }) %>
   <%- f.field('publishing.visibility', { as: 'select', required: true, options: visibilityOptions }) %>
   <%- f.field('publishing.username', { required: true }) %>

package/src/views/pages/_shared/_revision_operator.ejs

@@ -0,0 +1,8 @@
+<div class="body-3 text-raketa-foreground/50">
+  <div class="flex items-center gap-1" title="<%= revision.meta.operatorMeta.name %>">
+    <% if (revision.meta.operatorMeta.avatar) { %>
+    <img src="<%= revision.meta.operatorMeta.avatar %>" class="rounded-full size-4">
+    <% } %>
+    <%= revision.meta.operatorMeta.name %>
+  </div>
+</div>

package/src/views/pages/index.ejs

@@ -138,7 +138,9 @@
 
     <div class="mb-4">
       <label for="widget" class="font-semibold hover:cursor-pointer body-3">Widget</label>
-      <input type="text" name="f:widget" value="<%= _context.query["f:widget"] %>" />
+      <select name="f:widget" data-widget-filter data-current-value="<%= _context.query['f:widget'] || '' %>">
+        <option value="">All widgets</option>
+      </select>
     </div>
 
     <div class="mb-4">

package/src/views/pages/show.ejs

@@ -86,14 +86,7 @@
           </td>
 
           <td class="whitespace-nowrap">
-            <div class="body-3 text-raketa-foreground/50">
-              <div class="flex items-center gap-1" title="<%= revision.meta.operatorMeta.name %>">
-                <% if (revision.meta.operatorMeta.avatar) { %>
-                <img src="<%= revision.meta.operatorMeta.avatar %>" class="rounded-full size-4">
-                <% } %>
-                <%= revision.meta.operatorMeta.name %>
-              </div>
-            </div>
+            <%- render_partial('./_shared/_revision_operator.ejs', { revision }) %>
           </td>
 
           <td class="whitespace-nowrap">
@@ -150,14 +143,7 @@
           </td>
 
           <td class="whitespace-nowrap">
-            <div class="body-3 text-raketa-foreground/50">
-              <div class="flex items-center gap-1" title="<%= revision.meta.operatorMeta.name %>">
-                <% if (revision.meta.operatorMeta.avatar) { %>
-                <img src="<%= revision.meta.operatorMeta.avatar %>" class="rounded-full size-4">
-                <% } %>
-                <%= revision.meta.operatorMeta.name %>
-              </div>
-            </div>
+            <%- render_partial('./_shared/_revision_operator.ejs', { revision }) %>
           </td>
 
           <td class="whitespace-nowrap">