@raketa-cloud/admin 1.8.18 → 1.8.20

package/dist/application.css

@@ -749,6 +749,40 @@ 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 {
@@ -1494,7 +1528,6 @@ select {
 
 .page-title {
   margin-top: 1.5rem;
-  margin-bottom: 1.5rem;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1570,6 +1603,18 @@ select {
   visibility: visible;
 }
 
+.invisible {
+  visibility: hidden;
+}
+
+.collapse {
+  visibility: collapse;
+}
+
+.static {
+  position: static;
+}
+
 .absolute {
   position: absolute;
 }
@@ -1582,6 +1627,10 @@ select {
   position: sticky;
 }
 
+.inset-0 {
+  inset: 0px;
+}
+
 .-right-0 {
   right: -0px;
 }
@@ -1654,21 +1703,11 @@ select {
   z-index: 50;
 }
 
-.-my-4 {
-  margin-top: -1rem;
-  margin-bottom: -1rem;
-}
-
 .my-4 {
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
 
-.my-8 {
-  margin-top: 2rem;
-  margin-bottom: 2rem;
-}
-
 .mb-0 {
   margin-bottom: 0px;
 }
@@ -1697,6 +1736,14 @@ select {
   margin-bottom: 1.5rem;
 }
 
+.ml-1 {
+  margin-left: 0.25rem;
+}
+
+.ml-1\.5 {
+  margin-left: 0.375rem;
+}
+
 .ml-10 {
   margin-left: 2.5rem;
 }
@@ -1717,6 +1764,10 @@ select {
   margin-top: 0.5rem;
 }
 
+.mt-3 {
+  margin-top: 0.75rem;
+}
+
 .mt-4 {
   margin-top: 1rem;
 }
@@ -1771,6 +1822,16 @@ select {
   height: 3.5rem;
 }
 
+.size-3 {
+  width: 0.75rem;
+  height: 0.75rem;
+}
+
+.size-3\.5 {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+
 .size-4 {
   width: 1rem;
   height: 1rem;
@@ -1791,10 +1852,18 @@ select {
   height: 2rem;
 }
 
+.h-2 {
+  height: 0.5rem;
+}
+
 .h-3 {
   height: 0.75rem;
 }
 
+.h-4 {
+  height: 1rem;
+}
+
 .h-5 {
   height: 1.25rem;
 }
@@ -1803,6 +1872,10 @@ select {
   height: 2.25rem;
 }
 
+.h-\[320px\] {
+  height: 320px;
+}
+
 .h-\[calc\(100vh-56px\)\] {
   height: calc(100vh - 56px);
 }
@@ -1840,6 +1913,14 @@ select {
   width: 4rem;
 }
 
+.w-2 {
+  width: 0.5rem;
+}
+
+.w-2\.5 {
+  width: 0.625rem;
+}
+
 .w-3 {
   width: 0.75rem;
 }
@@ -1884,6 +1965,11 @@ select {
   flex: none;
 }
 
+.-translate-x-1\/2 {
+  --tw-translate-x: -50%;
+  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));
+}
+
 .rotate-180 {
   --tw-rotate: 180deg;
   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));
@@ -1904,6 +1990,16 @@ select {
   animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
 }
 
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.animate-spin {
+  animation: spin 1s linear infinite;
+}
+
 .cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -1912,6 +2008,14 @@ select {
   cursor: pointer;
 }
 
+.grid-cols-1 {
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+}
+
+.grid-cols-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
 .flex-col {
   flex-direction: column;
 }
@@ -1960,6 +2064,10 @@ select {
   gap: 1rem;
 }
 
+.gap-6 {
+  gap: 1.5rem;
+}
+
 .overflow-hidden {
   overflow: hidden;
 }
@@ -1990,6 +2098,10 @@ select {
   border-radius: 9999px;
 }
 
+.rounded-xl {
+  border-radius: 0.75rem;
+}
+
 .rounded-l {
   border-top-left-radius: 0.25rem;
   border-bottom-left-radius: 0.25rem;
@@ -1999,6 +2111,10 @@ select {
   border-width: 1px;
 }
 
+.border-2 {
+  border-width: 2px;
+}
+
 .border-\[2px\] {
   border-width: 2px;
 }
@@ -2029,6 +2145,11 @@ select {
   border-color: rgb(240 240 248 / var(--tw-border-opacity));
 }
 
+.border-neutral-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(229 229 229 / var(--tw-border-opacity));
+}
+
 .border-neutral-300 {
   --tw-border-opacity: 1;
   border-color: rgb(212 212 212 / var(--tw-border-opacity));
@@ -2039,15 +2160,34 @@ select {
   border-color: rgba(var(--primary), var(--tw-border-opacity));
 }
 
+.border-raketa-primary\/20 {
+  border-color: rgba(var(--primary), 0.2);
+}
+
 .border-transparent {
   border-color: transparent;
 }
 
+.border-yellow-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(234 179 8 / var(--tw-border-opacity));
+}
+
+.border-t-raketa-primary {
+  --tw-border-opacity: 1;
+  border-top-color: rgba(var(--primary), var(--tw-border-opacity));
+}
+
 .bg-\[\#F7F7FC\] {
   --tw-bg-opacity: 1;
   background-color: rgb(247 247 252 / var(--tw-bg-opacity));
 }
 
+.bg-amber-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 158 11 / var(--tw-bg-opacity));
+}
+
 .bg-black {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
@@ -2063,6 +2203,16 @@ select {
   background-color: rgb(209 250 229 / var(--tw-bg-opacity));
 }
 
+.bg-emerald-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(16 185 129 / var(--tw-bg-opacity));
+}
+
+.bg-mono-25 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(234 234 234 / var(--tw-bg-opacity));
+}
+
 .bg-orange-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(255 237 213 / var(--tw-bg-opacity));
@@ -2082,6 +2232,10 @@ select {
   background-color: rgba(var(--primary), var(--tw-bg-opacity));
 }
 
+.bg-raketa-primary\/10 {
+  background-color: rgba(var(--primary), 0.1);
+}
+
 .bg-raketa-primary\/5 {
   background-color: rgba(var(--primary), 0.05);
 }
@@ -2091,11 +2245,21 @@ select {
   background-color: rgb(254 226 226 / var(--tw-bg-opacity));
 }
 
+.bg-red-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
+}
+
 .bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
+.bg-yellow-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
+}
+
 .fill-\[\#34a853\] {
   fill: #34a853;
 }
@@ -2124,6 +2288,14 @@ select {
   padding: 1rem;
 }
 
+.p-5 {
+  padding: 1.25rem;
+}
+
+.p-6 {
+  padding: 1.5rem;
+}
+
 .px-3 {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
@@ -2187,6 +2359,14 @@ select {
   padding-top: 0.25rem;
 }
 
+.pt-2 {
+  padding-top: 0.5rem;
+}
+
+.pt-6 {
+  padding-top: 1.5rem;
+}
+
 .text-center {
   text-align: center;
 }
@@ -2196,11 +2376,24 @@ select {
   line-height: 2.25rem;
 }
 
+.text-\[10px\] {
+  font-size: 10px;
+}
+
+.text-\[11px\] {
+  font-size: 11px;
+}
+
 .text-sm {
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
 
+.text-xl {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
+
 .text-xs {
   font-size: 0.75rem;
   line-height: 1rem;
@@ -2214,6 +2407,10 @@ select {
   font-weight: 500;
 }
 
+.font-normal {
+  font-weight: 400;
+}
+
 .font-semibold {
   font-weight: 600;
 }
@@ -2234,6 +2431,10 @@ select {
   font-style: italic;
 }
 
+.leading-tight {
+  line-height: 1.25;
+}
+
 .tracking-wider {
   letter-spacing: 0.05em;
 }
@@ -2243,11 +2444,21 @@ select {
   color: rgb(60 64 67 / var(--tw-text-opacity));
 }
 
+.text-amber-500 {
+  --tw-text-opacity: 1;
+  color: rgb(245 158 11 / var(--tw-text-opacity));
+}
+
 .text-blue-700 {
   --tw-text-opacity: 1;
   color: rgb(29 78 216 / var(--tw-text-opacity));
 }
 
+.text-emerald-500 {
+  --tw-text-opacity: 1;
+  color: rgb(16 185 129 / var(--tw-text-opacity));
+}
+
 .text-emerald-600 {
   --tw-text-opacity: 1;
   color: rgb(5 150 105 / var(--tw-text-opacity));
@@ -2263,6 +2474,11 @@ select {
   color: rgb(156 163 175 / var(--tw-text-opacity));
 }
 
+.text-orange-500 {
+  --tw-text-opacity: 1;
+  color: rgb(249 115 22 / var(--tw-text-opacity));
+}
+
 .text-orange-700 {
   --tw-text-opacity: 1;
   color: rgb(194 65 12 / var(--tw-text-opacity));
@@ -2359,6 +2575,11 @@ select {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.grayscale {
+  --tw-grayscale: grayscale(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);
+}
+
 .filter {
   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);
 }
@@ -3149,6 +3370,10 @@ body {
   background-color: rgba(var(--primary), var(--tw-bg-opacity));
 }
 
+.hover\:bg-raketa-primary\/20:hover {
+  background-color: rgba(var(--primary), 0.2);
+}
+
 .hover\:text-raketa-foreground:hover {
   --tw-text-opacity: 1;
   color: rgba(var(--foreground), var(--tw-text-opacity));
@@ -3213,6 +3438,10 @@ body {
 }
 
 @media (min-width: 768px) {
+  .md\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
   .md\:grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
@@ -3234,6 +3463,42 @@ body {
   .lg\:grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
+
+  .lg\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+
+  .lg\:gap-0 {
+    gap: 0px;
+  }
+
+  .lg\:divide-x > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(1px * var(--tw-divide-x-reverse));
+    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .lg\:divide-neutral-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgb(229 229 229 / var(--tw-divide-opacity));
+  }
+
+  .lg\:px-5 {
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
+  }
+
+  .lg\:first\:pl-0:first-child {
+    padding-left: 0px;
+  }
+
+  .lg\:last\:pr-0:last-child {
+    padding-right: 0px;
+  }
 }
 
 .dark\:border-neutral-500:where(.dark, .dark *) {
@@ -3254,6 +3519,11 @@ body {
   background-color: rgb(6 78 59 / 0.5);
 }
 
+.dark\:bg-neutral-800:where(.dark, .dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
+}
+
 .dark\:bg-orange-900\/50:where(.dark, .dark *) {
   background-color: rgb(124 45 18 / 0.5);
 }
@@ -3295,3 +3565,10 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(64 64 64 / var(--tw-bg-opacity));
 }
+
+@media (min-width: 1024px) {
+  .dark\:lg\:divide-neutral-700:where(.dark, .dark *) > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgb(64 64 64 / var(--tw-divide-opacity));
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@raketa-cloud/admin",
-  "version": "1.8.18",
+  "version": "1.8.20",
   "main": "src/index.js",
   "files": [
     "src/",
@@ -21,17 +21,19 @@
     "@tailwindcss/forms": "0.5.7",
     "@tailwindcss/typography": "0.5.13",
     "@types/node": "24.10.1",
-    "babel-jest": "^29.7.0",
-    "jest": "^29.7.0",
-    "jest-environment-node": "^29.7.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": {
     "@hono/node-server": "2.0.12",
-    "ejs": "^6.0.1",
+    "chart.js": "4.5.1",
+    "ejs": "6.0.1",
     "graphql-request": "7.4.0",
-    "hono": "4.12.34"
+    "hono": "4.12.34",
+    "lru-cache": "11.5.2"
   },
   "overrides": {
     "error-ex": "1.3.4"

package/src/cloud/Resources.js

@@ -1,4 +1,4 @@
-import { toDateInput, toDateTimeInput } from "../utils";
+import { toDateInput, toDateTimeInput, toUTCISO8601String } from "../utils";
 import RaketaClient from "./RaketaClient";
 import {
   ChangeResourceSlugDocument,
@@ -155,6 +155,20 @@ export default class Resources extends RaketaClient {
     return { resource, errors };
   }
 
+  appendWorkflow(input, workflow) {
+    if (!workflow?.type) {
+      return;
+    }
+
+    input.workflow = {
+      type: workflow.type,
+    };
+
+    if (workflow.due_date) {
+      input.workflow.dueDate = toUTCISO8601String(workflow.due_date);
+    }
+  }
+
   async translateBatch(
     sourceResourceId,
     locales,
@@ -178,9 +192,7 @@ export default class Resources extends RaketaClient {
         resource: paramsCopy,
       };
 
-      if (workflow) {
-        input.workflow = workflow;
-      }
+      this.appendWorkflow(input, workflow);
 
       variables[`input${i}`] = input;
     });

package/src/handlers/resources/ReportsAPIHandler.js

@@ -0,0 +1,27 @@
+import { resourceReports } from "../../helpers/reports/reportsUtils";
+
+// Nothing is cached here: the upstream calls cache themselves per page (GA and
+// CrUX, 3 hours each), so a second cache of the assembled payload would only
+// hold the resource's own publish dates back for the same 3 hours.
+const show = async (ctx) => {
+  const { id } = ctx.params;
+  const { resourceType } = ctx.resourceConfig;
+
+  const resource = await ctx.client.resources.find(
+    id,
+    ctx.locale,
+    resourceType,
+  );
+
+  if (!resource) {
+    throw new Error(`Missing ${resourceType} #${id}`);
+  }
+
+  // Either side comes back null when it isn't configured and { error } when its
+  // request failed, so there is nothing left for this handler to fall back to.
+  return {
+    json: await resourceReports(ctx, resource, resourceType),
+  };
+};
+
+export default { show };

package/src/handlers/resources/ResourcesHandler.js

@@ -1,3 +1,6 @@
+import { CWV_METRICS } from "../../helpers/reports/cwv";
+import { reportsAvailability } from "../../helpers/reports/reportsUtils";
+
 const index = async (ctx) => {
   const { resourceType } = ctx.resourceConfig;
 
@@ -58,9 +61,22 @@ const show = async (ctx) => {
     resourceType,
   );
 
+  // The reports are fetched client-side from the JSON endpoint below — GA and
+  // CrUX round-trips used to hold up this render.
+  const available = reportsAvailability(ctx);
+
   return {
     assigns: {
       resource,
+      reports: {
+        insights: available.insights,
+        webVitals: available.webVitals,
+        path:
+          available.insights || available.webVitals
+            ? `/${ctx.locale}/report/${resourceTypePlural}/${resource.id}`
+            : null,
+        vitalsMeta: available.webVitals ? CWV_METRICS : [],
+      },
       revisions: revisions.list,
       changes: changes,
       _translations: Object.keys(ctx.locales)

package/src/handlers/resources/TranslationsHandler.js

@@ -229,7 +229,7 @@ const create = async (ctx) => {
     }
   }
 
-  if (!workflow) {
+  if (!workflow?.type) {
     const revisionResults =
       await ctx.client.resourceRevisions.createBatch(revisionInputs);