@raketa-cloud/admin 1.8.3 → 1.8.4

package/dist/application.css

@@ -1566,6 +1566,22 @@ select {
   pointer-events: none;
 }
 
+.visible {
+  visibility: visible;
+}
+
+.collapse {
+  visibility: collapse;
+}
+
+.static {
+  position: static;
+}
+
+.fixed {
+  position: fixed;
+}
+
 .absolute {
   position: absolute;
 }
@@ -1713,6 +1729,10 @@ select {
   display: inline-block;
 }
 
+.inline {
+  display: inline;
+}
+
 .flex {
   display: flex;
 }
@@ -1721,6 +1741,10 @@ select {
   display: inline-flex;
 }
 
+.\!table {
+  display: table !important;
+}
+
 .table {
   display: table;
 }
@@ -1860,6 +1884,10 @@ select {
   cursor: pointer;
 }
 
+.resize {
+  resize: both;
+}
+
 .flex-col {
   flex-direction: column;
 }
@@ -2219,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.3",
+  "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/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">