@raketa-cloud/admin 0.0.17 → 0.0.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@raketa-cloud/admin",
-  "version": "0.0.17",
+  "version": "0.0.19",
   "main": "src/index.js",
   "scripts": {
     "dev": "npx tailwindcss -i ./src/styles/application.css -o ../../apps/admin/static/application.css --watch",

package/src/HonoAdapter.js

@@ -99,8 +99,10 @@ export default class HonoAdapter extends Adapter {
         ctx.locales = this.globalConfig.i18n.locales;
         ctx.defaultLocale = this.globalConfig.i18n.defaultLocale;
         ctx.locale = currentLocale;
+        ctx.remoteConfig = { ...this.globalConfig.remoteConfig };
 
         const _context = {
+          timezones: this.globalConfig.i18n.timezones,
           locales: ctx.locales,
           locale: ctx.locale,
           defaultLocale: ctx.defaultLocale,

package/src/cloud/Events.js

@@ -15,9 +15,9 @@ export default class Events extends RaketaClient {
     return {
       visibility: "private",
       layout: "default",
-      publish_at: toDateTimeInput(new Date()),
-      starts_at: toDateTimeInput(new Date()),
-      ends_at: toDateTimeInput(new Date()),
+      publish_at: toDateTimeInput(),
+      starts_at: toDateTimeInput(),
+      ends_at: toDateTimeInput(),
       tags: [],
       categories: [],
     };

package/src/handlers/articles/DeletesHandler.js

@@ -31,8 +31,11 @@ const create = async (ctx, opts) => {
 
   if (params.redirect === "301" || params.redirect === "410") {
     redirect = {
-      // TODO: fix url with consideration of locale & defaultLocale in the frontend project
-      url: `/${article.slug}`,
+      url: ctx.remoteConfig.resourcePath(
+        article,
+        article.articleType.slug,
+        ctx.locale
+      ),
       destination: params.redirect === "301" ? params.destination : "/",
       httpResponseCode: Number.parseInt(params.redirect, 10),
       note: "Created via article deletion process",

package/src/handlers/articles/URLsHandler.js

@@ -33,7 +33,11 @@ const create = async (ctx, opts) => {
 
   if (change.redirect) {
     redirectParams = {
-      // TODO: We need some config from the FE project on how to build paths here!
+      url: ctx.remoteConfig.resourcePath(
+        article,
+        article.articleType.slug,
+        ctx.locale
+      ),
       url: `/${article.slug}`,
       destination: change.slug,
       httpResponseCode: 301,

package/src/handlers/events/DeletesHandler.js

@@ -31,8 +31,11 @@ const create = async (ctx, opts) => {
 
   if (params.redirect === "301" || params.redirect === "410") {
     redirect = {
-      // TODO: fix url with consideration of locale & defaultLocale in the frontend project
-      url: `/${event.slug}`,
+      url: ctx.remoteConfig.resourcePath(
+        event,
+        event.eventType.slug,
+        ctx.locale
+      ),
       destination: params.redirect === "301" ? params.destination : "/",
       httpResponseCode: Number.parseInt(params.redirect, 10),
       note: "Created via event deletion process",

package/src/handlers/events/URLsHandler.js

@@ -33,8 +33,11 @@ const create = async (ctx, opts) => {
 
   if (change.redirect) {
     redirectParams = {
-      // TODO: We need some config from the FE project on how to build paths here!
-      url: `/${event.slug}`,
+      url: ctx.remoteConfig.resourcePath(
+        event,
+        event.eventType.slug,
+        ctx.locale
+      ),
       destination: change.slug,
       httpResponseCode: 301,
       note: `Created with changed URL for a resource of type ${opts.eventType}`,

package/src/handlers/pages/DeletesHandler.js

@@ -31,8 +31,7 @@ const create = async (ctx, opts) => {
 
   if (params.redirect === "301" || params.redirect === "410") {
     redirect = {
-      // TODO: fix url with consideration of locale & defaultLocale in the frontend project
-      url: `/${page.slug}`,
+      url: ctx.remoteConfig.resourcePath(page, page.pageType.slug, ctx.locale),
       destination: params.redirect === "301" ? params.destination : "/",
       httpResponseCode: Number.parseInt(params.redirect, 10),
       note: "Created via page deletion process",

package/src/handlers/pages/URLsHandler.js

@@ -33,8 +33,7 @@ const create = async (ctx, opts) => {
 
   if (change.redirect) {
     redirectParams = {
-      // TODO: We need some config from the FE project on how to build paths here!
-      url: `/${page.slug}`,
+      url: ctx.remoteConfig.resourcePath(page, page.pageType.slug, ctx.locale),
       destination: change.slug,
       httpResponseCode: 301,
       note: `Created with changed URL for a ${opts.pageType}`,

package/src/styles/application.css

@@ -166,6 +166,10 @@ body {
     .checkbox-wrapper input[type="checkbox"] {
       @apply size-4 px-0;
     }
+
+    .hint {
+      @apply text-sm opacity-50;
+    }
   }
 
   .inline-form {

package/src/tests/handlers/article_revisions/GeneralHandler.test/edit_form.test.js

@@ -38,7 +38,7 @@ describe("Article revision genereal settings", () => {
           title: revision.title,
           slug: revision.slug,
           visibility: revision.visibility,
-          publish_at: "2024-08-30T19:05",
+          publish_at: "2024-08-30T16:05:00",
           username: revision.settings?.credentials?.user || "",
           password: revision.settings?.credentials?.password || "",
         },

package/src/tests/handlers/article_revisions/GeneralHandler.test/update.test.js

@@ -54,7 +54,7 @@ describe("Article revision general settings", () => {
       slug: updateSettings.slug,
       title: updateSettings.title,
       visibility: updateSettings.visibility,
-      publishAt: "2024-08-30T16:05:00Z",
+      publishAt: "2024-08-30T19:05:00Z",
       widgets: JSON.stringify(revision.widgets),
       tags: revision.tags.map((t) => t.id),
       categories: revision.categories.map((c) => c.id),
@@ -107,7 +107,7 @@ describe("Article revision general settings", () => {
       slug: updateSettings.slug,
       title: updateSettings.title,
       visibility: updateSettings.visibility,
-      publishAt: "2024-08-30T16:05:00Z",
+      publishAt: "2024-08-30T19:05:00Z",
       widgets: JSON.stringify(revision.widgets),
       tags: revision.tags.map((t) => t.id),
       categories: revision.categories.map((c) => c.id),

package/src/tests/handlers/articles/ArticlesHandler.test/create.test.js

@@ -50,7 +50,7 @@ describe("Articles Handler", () => {
         title: params.title,
         slug: params.slug,
         visibility: params.visibility,
-        publishAt: "2024-10-10T03:58:00Z",
+        publishAt: "2024-10-10T06:58:00Z",
         settings: {
           layout: params.layout,
           meta: {
@@ -116,7 +116,7 @@ describe("Articles Handler", () => {
         title: params.title,
         slug: "",
         visibility: params.visibility,
-        publishAt: "2024-10-10T03:58:00Z",
+        publishAt: "2024-10-10T06:58:00Z",
         settings: {
           layout: params.layout,
           meta: {

package/src/tests/handlers/articles/DeletesHandler.test/create.test.js

@@ -1,7 +1,7 @@
 import DeletesHandler from "../../../../handlers/articles/DeletesHandler";
 import Articles from "../../../../cloud/Articles";
 import Factory from "../../../../../test/factory";
-import { testConfig } from "../../../../../test//handlersHelper";
+import { testConfig, remoteConfig } from "../../../../../test//handlersHelper";
 
 function buildCtx(article, updateSettings) {
   return {
@@ -13,6 +13,7 @@ function buildCtx(article, updateSettings) {
       deleteAction: updateSettings,
     },
     locale: "en",
+    remoteConfig: remoteConfig(),
   };
 }
 
@@ -40,7 +41,7 @@ describe("Article delete", () => {
 
     expect(mockFind).toHaveBeenCalledWith(article.id, "en");
     expect(mockDelete).toHaveBeenCalledWith(article.id, "en", {
-      url: `/${article.slug}`,
+      url: `/en/blog/${article.slug}`,
       destination: updateSettings.destination,
       httpResponseCode: 301,
       note: "Created via article deletion process",
@@ -83,7 +84,7 @@ describe("Article delete", () => {
 
     expect(mockFind).toHaveBeenCalledWith(article.id, "en");
     expect(mockDelete).toHaveBeenCalledWith(article.id, "en", {
-      url: `/${article.slug}`,
+      url: `/en/blog/${article.slug}`,
       destination: "/",
       httpResponseCode: 410,
       note: "Created via article deletion process",

package/src/tests/handlers/articles/DeletesHandler.test/create_form.test.js

@@ -1,7 +1,7 @@
 import DeletesHandler from "../../../../handlers/articles/DeletesHandler";
 import Articles from "../../../../cloud/Articles";
 import Factory from "../../../../../test/factory";
-import { testConfig } from "../../../../../test//handlersHelper";
+import { testConfig, remoteConfig } from "../../../../../test//handlersHelper";
 
 function buildCtx(article) {
   return {
@@ -10,6 +10,7 @@ function buildCtx(article) {
     },
     params: { parent_id: article.id },
     locale: "en",
+    remoteConfig: remoteConfig(),
   };
 }
 

package/src/tests/handlers/articles/URLsHandler.test/create.test.js

@@ -1,7 +1,7 @@
 import URLsHandler from "../../../../handlers/articles/URLsHandler";
 import Articles from "../../../../cloud/Articles";
 import Factory from "../../../../../test/factory";
-import { testConfig } from "../../../../../test/handlersHelper";
+import { testConfig, remoteConfig } from "../../../../../test/handlersHelper";
 
 function buildCtx(article, updateSettings) {
   return {
@@ -13,6 +13,7 @@ function buildCtx(article, updateSettings) {
       change: updateSettings,
     },
     locale: "en",
+    remoteConfig: remoteConfig(),
   };
 }
 

package/src/tests/handlers/event_revisions/GeneralHandler.test/edit_form.test.js

@@ -40,9 +40,9 @@ describe("Event revision genereal settings", () => {
           title: revision.title,
           slug: revision.slug,
           visibility: revision.visibility,
-          publish_at: "2024-08-30T22:05",
-          starts_at: "2024-08-30T22:10",
-          ends_at: "2024-08-30T22:15",
+          publish_at: "2024-08-30T19:05:00",
+          starts_at: "2024-08-30T19:10:00",
+          ends_at: "2024-08-30T19:15:00",
           username: revision.settings?.credentials?.user || "",
           password: revision.settings?.credentials?.password || "",
         },

package/src/tests/handlers/event_revisions/GeneralHandler.test/update.test.js

@@ -56,9 +56,9 @@ describe("Event revision general settings", () => {
       slug: updateSettings.slug,
       title: updateSettings.title,
       visibility: updateSettings.visibility,
-      publishAt: "2024-08-30T16:05:00Z",
-      startsAt: "2024-08-30T16:10:00Z",
-      endsAt: "2024-08-30T16:15:00Z",
+      publishAt: "2024-08-30T19:05:00Z",
+      startsAt: "2024-08-30T19:10:00Z",
+      endsAt: "2024-08-30T19:15:00Z",
       widgets: JSON.stringify(revision.widgets),
       tags: revision.tags.map((t) => t.id),
       categories: revision.categories.map((c) => c.id),
@@ -113,9 +113,9 @@ describe("Event revision general settings", () => {
       slug: updateSettings.slug,
       title: updateSettings.title,
       visibility: updateSettings.visibility,
-      publishAt: "2024-08-30T16:05:00Z",
-      startsAt: "2024-08-30T16:10:00Z",
-      endsAt: "2024-08-30T16:15:00Z",
+      publishAt: "2024-08-30T19:05:00Z",
+      startsAt: "2024-08-30T19:10:00Z",
+      endsAt: "2024-08-30T19:15:00Z",
       widgets: JSON.stringify(revision.widgets),
       tags: revision.tags.map((t) => t.id),
       categories: revision.categories.map((c) => c.id),

package/src/tests/handlers/events/DeletesHandler.test/create.test.js

@@ -1,7 +1,7 @@
 import DeletesHandler from "../../../../handlers/events/DeletesHandler";
 import Events from "../../../../cloud/Events";
 import Factory from "../../../../../test/factory";
-import { testConfig } from "../../../../../test//handlersHelper";
+import { testConfig, remoteConfig } from "../../../../../test//handlersHelper";
 
 function buildCtx(event, updateSettings) {
   return {
@@ -13,6 +13,7 @@ function buildCtx(event, updateSettings) {
       deleteAction: updateSettings,
     },
     locale: "en",
+    remoteConfig: remoteConfig(),
   };
 }
 
@@ -40,7 +41,7 @@ describe("Event delete", () => {
 
     expect(mockFind).toHaveBeenCalledWith(event.id, "en");
     expect(mockDelete).toHaveBeenCalledWith(event.id, "en", {
-      url: `/${event.slug}`,
+      url: `/en/events/${event.slug}`,
       destination: updateSettings.destination,
       httpResponseCode: 301,
       note: "Created via event deletion process",
@@ -83,7 +84,7 @@ describe("Event delete", () => {
 
     expect(mockFind).toHaveBeenCalledWith(event.id, "en");
     expect(mockDelete).toHaveBeenCalledWith(event.id, "en", {
-      url: `/${event.slug}`,
+      url: `/en/events/${event.slug}`,
       destination: "/",
       httpResponseCode: 410,
       note: "Created via event deletion process",

package/src/tests/handlers/events/DeletesHandler.test/create_form.test.js

@@ -1,7 +1,7 @@
 import DeletesHandler from "../../../../handlers/events/DeletesHandler";
 import Events from "../../../../cloud/Events";
 import Factory from "../../../../../test/factory";
-import { testConfig } from "../../../../../test//handlersHelper";
+import { testConfig, remoteConfig } from "../../../../../test//handlersHelper";
 
 function buildCtx(event) {
   return {
@@ -10,6 +10,7 @@ function buildCtx(event) {
     },
     params: { parent_id: event.id },
     locale: "en",
+    remoteConfig: remoteConfig(),
   };
 }
 

package/src/tests/handlers/events/EventsHandler.test/create.test.js

@@ -52,9 +52,9 @@ describe("Events Handler", () => {
         title: params.title,
         slug: params.slug,
         visibility: params.visibility,
-        publishAt: "2024-10-10T03:40:00Z",
-        startsAt: "2024-10-10T03:50:00Z",
-        endsAt: "2024-10-10T03:59:00Z",
+        publishAt: "2024-10-10T06:40:00Z",
+        startsAt: "2024-10-10T06:50:00Z",
+        endsAt: "2024-10-10T06:59:00Z",
         settings: {
           layout: params.layout,
           meta: {
@@ -122,9 +122,9 @@ describe("Events Handler", () => {
         title: params.title,
         slug: "",
         visibility: params.visibility,
-        publishAt: "2024-10-10T03:40:00Z",
-        startsAt: "2024-10-10T03:50:00Z",
-        endsAt: "2024-10-10T03:59:00Z",
+        publishAt: "2024-10-10T06:40:00Z",
+        startsAt: "2024-10-10T06:50:00Z",
+        endsAt: "2024-10-10T06:59:00Z",
         settings: {
           layout: params.layout,
           meta: {

package/src/tests/handlers/events/URLsHandler.test/create.test.js

@@ -1,7 +1,7 @@
 import URLsHandler from "../../../../handlers/events/URLsHandler";
 import Events from "../../../../cloud/Events";
 import Factory from "../../../../../test/factory";
-import { testConfig } from "../../../../../test/handlersHelper";
+import { testConfig, remoteConfig } from "../../../../../test/handlersHelper";
 
 function buildCtx(event, updateSettings) {
   return {
@@ -13,6 +13,7 @@ function buildCtx(event, updateSettings) {
       change: updateSettings,
     },
     locale: "en",
+    remoteConfig: remoteConfig(),
   };
 }
 
@@ -44,7 +45,7 @@ describe("Event change url", () => {
       updateSettings.slug,
       "en",
       {
-        url: `/${event.slug}`,
+        url: `/en/events/${event.slug}`,
         destination: updateSettings.slug,
         httpResponseCode: 301,
         note: "Created with changed URL for a resource of type event",
@@ -132,7 +133,7 @@ describe("Event change url", () => {
       updateSettings.slug,
       "en",
       {
-        url: `/${event.slug}`,
+        url: `/en/events/${event.slug}`,
         destination: updateSettings.slug,
         httpResponseCode: 301,
         note: "Created with changed URL for a resource of type event",

package/src/tests/handlers/pages/DeletesHandler.test/create.test.js

@@ -1,7 +1,7 @@
 import DeletesHandler from "../../../../handlers/pages/DeletesHandler";
 import Pages from "../../../../cloud/Pages";
 import Factory from "../../../../../test/factory";
-import { testConfig } from "../../../../../test//handlersHelper";
+import { testConfig, remoteConfig } from "../../../../../test//handlersHelper";
 
 function buildCtx(page, updateSettings) {
   return {
@@ -13,6 +13,7 @@ function buildCtx(page, updateSettings) {
       deleteAction: updateSettings,
     },
     locale: "en",
+    remoteConfig: remoteConfig(),
   };
 }
 
@@ -40,7 +41,7 @@ describe("Page delete", () => {
 
     expect(mockFind).toHaveBeenCalledWith(page.id, "en");
     expect(mockDelete).toHaveBeenCalledWith(page.id, "en", {
-      url: `/${page.slug}`,
+      url: `/en/${page.slug}`,
       destination: updateSettings.destination,
       httpResponseCode: 301,
       note: "Created via page deletion process",
@@ -83,7 +84,7 @@ describe("Page delete", () => {
 
     expect(mockFind).toHaveBeenCalledWith(page.id, "en");
     expect(mockDelete).toHaveBeenCalledWith(page.id, "en", {
-      url: `/${page.slug}`,
+      url: `/en/${page.slug}`,
       destination: "/",
       httpResponseCode: 410,
       note: "Created via page deletion process",

package/src/tests/handlers/pages/DeletesHandler.test/create_form.test.js

@@ -1,7 +1,7 @@
 import DeletesHandler from "../../../../handlers/pages/DeletesHandler";
 import Pages from "../../../../cloud/Pages";
 import Factory from "../../../../../test/factory";
-import { testConfig } from "../../../../../test//handlersHelper";
+import { testConfig, remoteConfig } from "../../../../../test//handlersHelper";
 
 function buildCtx(page) {
   return {
@@ -10,6 +10,7 @@ function buildCtx(page) {
     },
     params: { parent_id: page.id },
     locale: "en",
+    remoteConfig: remoteConfig(),
   };
 }
 

package/src/tests/handlers/pages/URLsHandler.test/create.test.js

@@ -1,7 +1,7 @@
 import URLsHandler from "../../../../handlers/pages/URLsHandler";
 import Pages from "../../../../cloud/Pages";
 import Factory from "../../../../../test/factory";
-import { testConfig } from "../../../../../test/handlersHelper";
+import { testConfig, remoteConfig } from "../../../../../test/handlersHelper";
 
 function buildCtx(page, updateSettings) {
   return {
@@ -13,6 +13,7 @@ function buildCtx(page, updateSettings) {
       change: updateSettings,
     },
     locale: "en",
+    remoteConfig: remoteConfig(),
   };
 }
 
@@ -44,7 +45,7 @@ describe("Page change url", () => {
       updateSettings.slug,
       "en",
       {
-        url: `/${page.slug}`,
+        url: `/en/${page.slug}`,
         destination: updateSettings.slug,
         httpResponseCode: 301,
         note: "Created with changed URL for a page",
@@ -132,7 +133,7 @@ describe("Page change url", () => {
       updateSettings.slug,
       "en",
       {
-        url: `/${page.slug}`,
+        url: `/en/${page.slug}`,
         destination: updateSettings.slug,
         httpResponseCode: 301,
         note: "Created with changed URL for a page",

package/src/utils.js

@@ -1,46 +1,30 @@
-export function toUTCISO8601String(initialDate) {
-  let date = null;
-
-  if (typeof initialDate === "string") {
-    date = new Date(initialDate);
-  } else {
-    date = initialDate;
-  }
-
-  return [
-    date.getUTCFullYear(),
-    "-",
-    (date.getUTCMonth() + 1).toString().padStart(2, "0"),
-    "-",
-    date.getUTCDate().toString().padStart(2, "0"),
-    "T",
-    date.getUTCHours().toString().padStart(2, "0"),
-    ":",
-    date.getUTCMinutes().toString().padStart(2, "0"),
-    ":",
-    date.getUTCSeconds().toString().padStart(2, "0"),
-    "Z",
-  ].join("");
+export function toUTCISO8601String(inputDate) {
+  // The format coming from the datetie-local input is YYYY-mm-ddTHH:MM
+  // e.g. 2024-10-10T14:25
+  // Currently we will just use that as a UTC value and show some explanation in the UI!
+  return `${inputDate}:00Z`;
 }
 
-export function toDateTimeInput(initialDate) {
-  let date = null;
-
+export function toDateTimeInput(initialDate = null) {
   if (typeof initialDate === "string") {
-    date = new Date(initialDate);
-  } else {
-    date = initialDate;
+    // The case where it comes from the DB it is in UTC. We are going to directly feed it to the
+    // datetime-local input and add explanations in the UI!
+    return initialDate.replace("Z", "");
   }
 
+  // Directly use the current time for to feed the datetime-local input.
+  // show UI hints that this is going to be used as UTC time.
+  const now = new Date();
+
   return [
-    date.getFullYear(),
+    now.getFullYear(),
     "-",
-    (date.getMonth() + 1).toString().padStart(2, "0"),
+    (now.getMonth() + 1).toString().padStart(2, "0"),
     "-",
-    date.getDate().toString().padStart(2, "0"),
+    now.getDate().toString().padStart(2, "0"),
     "T",
-    date.getHours().toString().padStart(2, "0"),
+    now.getHours().toString().padStart(2, "0"),
     ":",
-    date.getMinutes().toString().padStart(2, "0"),
+    now.getMinutes().toString().padStart(2, "0"),
   ].join("");
 }

package/src/views/article_revisions/general/edit_form.ejs

@@ -11,7 +11,7 @@
       <form action="<%= `/${_context.locale}/article_revisions/${general_settings.id}/general` %>" method="POST" class="form">
         <%- f.field('general_settings.title', { required: true }) %>
         <%- f.field('general_settings.slug', { label: "URL", required: true }) %>
-        <%- f.field('general_settings.publish_at', { required: true, type: 'datetime-local' }) %>
+        <%- f.field('general_settings.publish_at', { required: true, type: 'datetime-local', label: 'Publish at (UTC)' }) %>
         <%- f.field('general_settings.visibility', { as: 'select', required: true, options: visibilityOptions }) %>
 
         <%- f.field('general_settings.username', { required: true }) %>

package/src/views/event_revisions/general/edit_form.ejs

@@ -11,9 +11,9 @@
       <form action="<%= `/${_context.locale}/event_revisions/${general_settings.id}/general` %>" method="POST" class="form">
         <%- f.field('general_settings.title', { required: true }) %>
         <%- f.field('general_settings.slug', { label: "URL", required: true }) %>
-        <%- f.field('general_settings.publish_at', { required: true, type: 'datetime-local' }) %>
-        <%- f.field('general_settings.starts_at', { required: true, type: 'datetime-local' }) %>
-        <%- f.field('general_settings.ends_at', { required: true, type: 'datetime-local' }) %>
+        <%- f.field('general_settings.publish_at', { required: true, type: 'datetime-local', label: 'Publish at (UTC)' }) %>
+        <%- f.field('general_settings.starts_at', { required: true, type: 'datetime-local', label: 'Starts at (UTC)' }) %>
+        <%- f.field('general_settings.ends_at', { required: true, type: 'datetime-local', label: 'Ends at (UTC)' }) %>
         <%- f.field('general_settings.visibility', { as: 'select', required: true, options: visibilityOptions }) %>
 
         <%- f.field('general_settings.username', { required: true }) %>

package/src/views/layouts/application.ejs

@@ -104,6 +104,38 @@
     initToggle();
     toggleEl.addEventListener('click', handleToggle);
   </script>
+
+  <script>
+    // Don't ask
+    const TIMEZONES = JSON.parse("<%= JSON.stringify(_context.timezones) %>".replaceAll("&#34;", '"'))
+
+    function enhanceDateTimeInputs(input) {
+      // skew the date so it is like in UTC for the user...
+      // The datetime-local input gives the result witout a timezone so we can just attach the UTC one...
+      const fakeUTCDate = new Date(`${input.value}:00Z`)
+
+      const parent = input.parentNode;
+
+      parent.querySelectorAll('[data-auto="1"]').forEach(node => node.remove())
+
+      TIMEZONES.forEach(timeZone => {
+        const strTime = fakeUTCDate.toLocaleString("en-EU",{timeZone: `${timeZone.value}`});
+        const hint = document.createElement("div");
+
+        hint.classList.add('hint')
+        hint.innerText = `${timeZone.label}: ${strTime}`;
+        hint.dataset.auto = "1";
+
+        parent.appendChild(hint)
+      })
+    }
+
+    document.querySelectorAll('input[type="datetime-local"]').forEach(input => {
+      enhanceDateTimeInputs(input);
+
+      input.addEventListener("change", (event) => enhanceDateTimeInputs(event.target))
+    } )
+  </script>
 </body>
 
 </html>

package/test/factory.js

@@ -29,7 +29,7 @@ const PAGE = {
   originalId: null,
   insertedAt: "2024-08-30T19:05:00Z",
   tags: [],
-  pageType: {},
+  pageType: { slug: "page" },
   categories: [],
 };
 
@@ -50,7 +50,7 @@ const ARTICLE = {
   originalId: null,
   insertedAt: "2024-08-30T19:05:00Z",
   tags: [],
-  articleType: {},
+  articleType: { slug: "article" },
   categories: [],
 };
 
@@ -73,7 +73,7 @@ const EVENT = {
   originalId: null,
   insertedAt: "2024-08-30T19:05:00Z",
   tags: [],
-  articleType: {},
+  eventType: { slug: "event" },
   categories: [],
 };
 

package/test/handlersHelper.js

@@ -6,4 +6,26 @@ function testConfig() {
   };
 }
 
-export { testConfig };
+function remoteConfig() {
+  return {
+    resourcePath: (resource, resourceType, locale) => {
+      const PREFIX_MAP = {
+        page: "/",
+        article: "/blog",
+        event: "/events",
+      };
+
+      const prefix = PREFIX_MAP[resourceType];
+
+      if (!prefix) {
+        throw new Error(`Unknown resource type: ${resourceType}`);
+      }
+
+      return [`/${locale}`, prefix, "/", resource.slug]
+        .join("")
+        .replace("//", "/");
+    },
+  };
+}
+
+export { testConfig, remoteConfig };