@raketa-cloud/admin 1.6.0 → 1.6.2

package/dist/application.css

@@ -2111,6 +2111,11 @@ select {
   line-height: 1.25rem;
 }
 
+.text-xs {
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+
 .font-bold {
   font-weight: 700;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@raketa-cloud/admin",
-  "version": "1.6.0",
+  "version": "1.6.2",
   "main": "src/index.js",
   "files": [
     "src/",
@@ -12,16 +12,16 @@
     "prepare": "npx tailwindcss -i ./src/styles/application.css -o ./dist/application.css"
   },
   "devDependencies": {
-    "@babel/core": "7.26.10",
-    "@babel/preset-env": "7.26.9",
-    "@babel/preset-typescript": "7.26.0",
+    "@babel/core": "7.27.1",
+    "@babel/preset-env": "7.27.2",
+    "@babel/preset-typescript": "7.27.1",
     "@repo/typescript-config": "*",
     "@tailwindcss/forms": "0.5.7",
     "@tailwindcss/typography": "0.5.13",
-    "@types/node": "22.13.10",
+    "@types/node": "22.15.19",
     "jest": "29.7.0",
     "tailwindcss": "3.4.4",
-    "typescript": "5.8.2"
+    "typescript": "5.8.3"
   },
   "dependencies": {
     "ejs": "3.1.10",

package/src/cloud/Articles.js

@@ -1,15 +1,16 @@
-import { toDateInput, dateToUTCISO8601String } from "../utils";
+import { dateToUTCISO8601String, toDateInput } from "../utils";
 import RaketaClient from "./RaketaClient";
 import {
   ArticleByIdDocument,
+  ArticleChangePreviewDocument,
   ArticlesDocument,
   ChangeArticleSlugDocument,
   CloneArticleDocument,
   CreateArticleDocument,
-  buildBatchTranslateArticleDocument,
   DeleteArticleDocument,
   MiniArticlesDocument,
   TranslateArticleDocument,
+  buildBatchTranslateArticleDocument,
 } from "./documents/articlesDocuments";
 
 export default class Articles extends RaketaClient {
@@ -191,4 +192,21 @@ export default class Articles extends RaketaClient {
 
     return { article, errors };
   }
+
+  async getChangePreview(articleId, version, locale) {
+    const input = {
+      articleId,
+      version: Number.parseInt(version, 10),
+      locale,
+    };
+
+    const { articleChangePreview } = await this.query(
+      ArticleChangePreviewDocument,
+      {
+        input,
+      }
+    );
+
+    return articleChangePreview;
+  }
 }

package/src/cloud/Events.js

@@ -1,20 +1,21 @@
 import {
+  dateToUTCISO8601String,
+  toDateInput,
   toDateTimeInput,
   toUTCISO8601String,
-  toDateInput,
-  dateToUTCISO8601String,
 } from "../utils";
 import RaketaClient from "./RaketaClient";
 import {
   ChangeEventSlugDocument,
   CloneEventDocument,
-  buildBatchTranslateEventDocument,
   CreateEventDocument,
   DeleteEventDocument,
   EventByIdDocument,
+  EventChangePreviewDocument,
   EventsDocument,
   MiniEventsDocument,
   TranslateEventDocument,
+  buildBatchTranslateEventDocument,
 } from "./documents/eventsDocuments";
 
 export default class Events extends RaketaClient {
@@ -206,4 +207,21 @@ export default class Events extends RaketaClient {
 
     return { event, errors };
   }
+
+  async getChangePreview(eventId, version, locale) {
+    const input = {
+      eventId,
+      version: Number.parseInt(version, 10),
+      locale,
+    };
+
+    const { eventChangePreview } = await this.query(
+      EventChangePreviewDocument,
+      {
+        input,
+      }
+    );
+
+    return eventChangePreview;
+  }
 }

package/src/cloud/Pages.js

@@ -6,6 +6,7 @@ import {
   DeletePageDocument,
   MiniPagesDocument,
   PageByIdDocument,
+  PageChangePreviewDocument,
   PagesDocument,
   TranslatePageDocument,
   buildBatchTranslatePageDocument,
@@ -182,4 +183,18 @@ export default class Pages extends RaketaClient {
 
     return { page, errors };
   }
+
+  async getChangePreview(pageId, version, locale) {
+    const input = {
+      pageId,
+      version: Number.parseInt(version, 10),
+      locale,
+    };
+
+    const { pageChangePreview } = await this.query(PageChangePreviewDocument, {
+      input,
+    });
+
+    return pageChangePreview;
+  }
 }

package/src/cloud/documents/articlesDocuments.js

@@ -315,6 +315,34 @@ const UnlockArticleRevisionDocument = gql`
   }
 `;
 
+const ArticleChangePreviewDocument = gql`
+  query ($input: ArticleChangePreviewInput!) {
+    articleChangePreview(input: $input) {
+      article {
+        id
+        slug
+        title
+        widgets
+        settings
+        visibility
+        publishAt
+        translations
+        tags ${tagFragment()}
+        websiteSettings
+      }
+      articleChange {
+        version
+        title
+        description
+        operator
+        operatorMeta
+        source
+        insertedAt
+      }
+    }
+  }
+`;
+
 export {
   ArticleByIdDocument,
   ArticlesDocument,
@@ -340,4 +368,5 @@ export {
   buildBatchTranslateArticleDocument,
   buildBatchStartArticleRevisionDocument,
   ArticleEditorsDocument,
+  ArticleChangePreviewDocument,
 };

package/src/cloud/documents/eventsDocuments.js

@@ -323,6 +323,41 @@ const UnlockEventRevisionDocument = gql`
   }
 `;
 
+const EventChangePreviewDocument = gql`
+  query ($input: EventChangePreviewInput!) {
+    eventChangePreview(input: $input) {
+      event {
+        id
+        slug
+        title
+        widgets
+        settings
+        visibility
+        publishAt
+        startsAt
+        endsAt
+        eventType {
+          id
+          slug
+          title
+        }
+        translations
+        tags ${tagFragment()}
+        websiteSettings
+      }
+      eventChange {
+        version
+        title
+        description
+        operator
+        operatorMeta
+        source
+        insertedAt
+      }
+    }
+  }
+`;
+
 export {
   EventByIdDocument,
   EventsDocument,
@@ -348,4 +383,5 @@ export {
   buildBatchTranslateEventDocument,
   EventHistoryDocument,
   EventEditorsDocument,
+  EventChangePreviewDocument,
 };

package/src/cloud/documents/pagesDocuments.js

@@ -311,6 +311,33 @@ const UnlockPageRevisionDocument = gql`
   }
 `;
 
+const PageChangePreviewDocument = gql`
+  query ($input: PageChangePreviewInput!) {
+    pageChangePreview(input: $input) {
+      page {
+        id
+        slug
+        title
+        widgets
+        settings
+        visibility
+        translations
+        tags ${tagFragment()}
+        websiteSettings
+      }
+      pageChange {
+        version
+        title
+        description
+        operator
+        operatorMeta
+        source
+        insertedAt
+      }
+    }
+  }
+`;
+
 export {
   PageByIdDocument,
   PagesDocument,
@@ -336,4 +363,5 @@ export {
   PageHistoryDocument,
   buildBatchStartPageRevisionDocument,
   PageEditorsDocument,
+  PageChangePreviewDocument,
 };

package/src/handlers/TagsAPIHandler.js

@@ -0,0 +1,11 @@
+const index = async (ctx) => {
+  const items = await ctx.client.tags.list(ctx.query, ctx.locale);
+
+  return {
+    json: {
+      ...items,
+    },
+  };
+};
+
+export default { index };

package/src/handlers/articles/ArticlesAPIHandler.js

@@ -0,0 +1,15 @@
+const index = async (ctx) => {
+  const items = await ctx.client.articles.listAll(
+    ctx.query,
+    ctx.locale,
+    ctx.resourceConfig.articleType
+  );
+
+  return {
+    json: {
+      ...items,
+    },
+  };
+};
+
+export default { index };

package/src/handlers/articles/ChangeHandler.js

@@ -0,0 +1,22 @@
+const show = async (ctx) => {
+  const articleId = ctx.params.parent_id;
+  const version = ctx.query.version;
+
+  const item = await ctx.client.articles.getChangePreview(
+    articleId,
+    version,
+    ctx.locale
+  );
+
+  if (!item) {
+    throw new Error(`Missing ${ctx.resourceConfig.articleType} #${articleId}`);
+  }
+
+  return {
+    json: {
+      ...item,
+    },
+  };
+};
+
+export default { show };

package/src/handlers/events/ChangeHandler.js

@@ -0,0 +1,22 @@
+const show = async (ctx) => {
+  const eventId = ctx.params.parent_id;
+  const version = ctx.query.version;
+
+  const item = await ctx.client.events.getChangePreview(
+    eventId,
+    version,
+    ctx.locale
+  );
+
+  if (!item) {
+    throw new Error(`Missing ${ctx.resourceConfig.eventType} #${eventId}`);
+  }
+
+  return {
+    json: {
+      ...item,
+    },
+  };
+};
+
+export default { show };

package/src/handlers/events/EventsAPIHandler.js

@@ -0,0 +1,15 @@
+const index = async (ctx) => {
+  const items = await ctx.client.events.listAll(
+    ctx.query,
+    ctx.locale,
+    ctx.resourceConfig.eventType
+  );
+
+  return {
+    json: {
+      ...items,
+    },
+  };
+};
+
+export default { index };

package/src/handlers/pages/ChangeHandler.js

@@ -0,0 +1,22 @@
+const show = async (ctx) => {
+  const pageId = ctx.params.parent_id;
+  const version = ctx.query.version;
+
+  const item = await ctx.client.pages.getChangePreview(
+    pageId,
+    version,
+    ctx.locale
+  );
+
+  if (!item) {
+    throw new Error(`Missing ${ctx.resourceConfig.pageType} #${pageId}`);
+  }
+
+  return {
+    json: {
+      ...item,
+    },
+  };
+};
+
+export default { show };

package/src/handlers/pages/PagesAPIHandler.js

@@ -0,0 +1,15 @@
+const index = async (ctx) => {
+  const items = await ctx.client.pages.listAll(
+    ctx.query,
+    ctx.locale,
+    ctx.resourceConfig.pageType
+  );
+
+  return {
+    json: {
+      ...items,
+    },
+  };
+};
+
+export default { index };

package/src/helpers/AuthHelper.js

@@ -2,7 +2,13 @@ const AuthHelper = {
   cookie_key: "auth_cookie",
 
   parseJWT: (token) => {
-    return JSON.parse(Buffer.from(token.split(".")[1], "base64").toString());
+    const tokenPayload = token?.split(".")?.[1];
+
+    if(!tokenPayload){
+      return "";
+    }
+
+    return JSON.parse(Buffer.from(tokenPayload, "base64").toString());
   },
 
   verifyJWT: (token) => {

package/src/index.js

@@ -46,6 +46,7 @@ export { default as RedirectsHandler } from "./handlers/RedirectsHandler";
 export { default as TagsHandler } from "./handlers/TagsHandler";
 
 export { default as PageClonesHandler } from "./handlers/pages/ClonesHandler";
+export { default as ChangeHandler } from "./handlers/pages/ChangeHandler";
 export { default as PageDeletesHandler } from "./handlers/pages/DeletesHandler";
 export { default as PageTranslationsHandler } from "./handlers/pages/TranslationsHandler";
 export { default as PageURLsHandler } from "./handlers/pages/URLsHandler";

package/src/routeArticlesModule.js

@@ -10,7 +10,9 @@ import TagHandler from "./handlers/article_revisions/TagHandler";
 import UnlocksHandler from "./handlers/article_revisions/UnlocksHandler";
 import VisualHandler from "./handlers/article_revisions/VisualHandler";
 import WidgetHandler from "./handlers/article_revisions/WidgetHandler";
+import ArticlesAPIHandler from "./handlers/articles/ArticlesAPIHandler";
 import ArticlesHandler from "./handlers/articles/ArticlesHandler";
+import ChangeHandler from "./handlers/articles/ChangeHandler";
 import ClonesHandler from "./handlers/articles/ClonesHandler";
 import DeletesHandler from "./handlers/articles/DeletesHandler";
 import HistoryHandler from "./handlers/articles/HistoryHandler";
@@ -146,6 +148,15 @@ function routeArticlesModule(
     WidgetHandler,
     resourceConfig
   );
+
+  routeCollection(adapter, "api/articles", ArticlesAPIHandler, resourceConfig);
+  routeNestedMember(
+    adapter,
+    "api/article",
+    "change",
+    ChangeHandler,
+    resourceConfig
+  );
 }
 
 export default routeArticlesModule;

package/src/routeEventsModule.js

@@ -10,8 +10,10 @@ import TagHandler from "./handlers/event_revisions/TagHandler";
 import UnlocksHandler from "./handlers/event_revisions/UnlocksHandler";
 import VisualHandler from "./handlers/event_revisions/VisualHandler";
 import WidgetHandler from "./handlers/event_revisions/WidgetHandler";
+import ChangeHandler from "./handlers/events/ChangeHandler";
 import ClonesHandler from "./handlers/events/ClonesHandler";
 import DeletesHandler from "./handlers/events/DeletesHandler";
+import EventsAPIHandler from "./handlers/events/EventsAPIHandler";
 import EventsHandler from "./handlers/events/EventsHandler";
 import HistoryHandler from "./handlers/events/HistoryHandler";
 import TranslationsHandler from "./handlers/events/TranslationsHandler";
@@ -161,6 +163,15 @@ function routeEventsModule(
     WidgetHandler,
     resourceConfig
   );
+
+  routeCollection(adapter, "api/events", EventsAPIHandler, resourceConfig);
+  routeNestedMember(
+    adapter,
+    "api/event",
+    "change",
+    ChangeHandler,
+    resourceConfig
+  );
 }
 
 export default routeEventsModule;

package/src/routePagesModule.js

@@ -10,9 +10,11 @@ import TagHandler from "./handlers/page_revisions/TagHandler";
 import UnlocksHandler from "./handlers/page_revisions/UnlocksHandler";
 import VisualHandler from "./handlers/page_revisions/VisualHandler";
 import WidgetHandler from "./handlers/page_revisions/WidgetHandler";
+import ChangeHandler from "./handlers/pages/ChangeHandler";
 import ClonesHandler from "./handlers/pages/ClonesHandler";
 import DeletesHandler from "./handlers/pages/DeletesHandler";
 import HistoryHandler from "./handlers/pages/HistoryHandler";
+import PagesAPIHandler from "./handlers/pages/PagesAPIHandler";
 import PagesHandler from "./handlers/pages/PagesHandler";
 import TranslationsHandler from "./handlers/pages/TranslationsHandler";
 import URLsHandler from "./handlers/pages/URLsHandler";
@@ -158,6 +160,15 @@ function routePagesModule(
     WidgetHandler,
     resourceConfig
   );
+
+  routeCollection(adapter, "api/pages", PagesAPIHandler, resourceConfig);
+  routeNestedMember(
+    adapter,
+    "api/page",
+    "change",
+    ChangeHandler,
+    resourceConfig
+  );
 }
 
 export default routePagesModule;

package/src/routeStandard.js

@@ -1,11 +1,12 @@
-import routeCollection from "./routeCollection";
-import routeSettings from "./routeSettings";
-import routePagesModule from "./routePagesModule";
-import routeArticlesModule from "./routeArticlesModule";
-import routeEventsModule from "./routeEventsModule";
+import DashboardsHandler from "./handlers/DashboardsHandler";
 import RedirectsHandler from "./handlers/RedirectsHandler";
+import TagsAPIHandler from "./handlers/TagsAPIHandler";
 import TagsHandler from "./handlers/TagsHandler";
-import DashboardsHandler from "./handlers/DashboardsHandler";
+import routeArticlesModule from "./routeArticlesModule";
+import routeCollection from "./routeCollection";
+import routeEventsModule from "./routeEventsModule";
+import routePagesModule from "./routePagesModule";
+import routeSettings from "./routeSettings";
 
 function routeStandard(adapter) {
   adapter.routeCollection(
@@ -26,6 +27,7 @@ function routeStandard(adapter) {
 
   routeCollection(adapter, "redirects", RedirectsHandler);
   routeCollection(adapter, "tags", TagsHandler);
+  routeCollection(adapter, "api/tags", TagsAPIHandler);
   routeSettings(adapter);
   routePagesModule(adapter);
   routeArticlesModule(adapter);

package/src/tests/handlers/TagsHandlerAPI.test/index.test.js

@@ -0,0 +1,38 @@
+import Tags from "../../../cloud/Tags";
+import TagsAPIHandler from "../../../handlers/TagsAPIHandler";
+
+import Factory from "../../support/factory";
+
+describe("Pages API Handler", () => {
+  function buildCtx() {
+    return {
+      client: {
+        tags: new Tags(() => ({}), "token"),
+      },
+      query: { foo: "bar" },
+      locale: "en",
+    };
+  }
+
+  test("index", async () => {
+    const tags = [
+      Factory.build("tag", { id: "1", name: "First Tag" }),
+      Factory.build("tag", { id: "2", name: "Second Tag" }),
+    ];
+
+    const ctx = buildCtx();
+
+    const mockedList = jest
+      .spyOn(ctx.client.tags, "list")
+      .mockImplementation(() => ({ tags: tags }));
+
+    const result = await TagsAPIHandler.index(ctx);
+
+    expect(mockedList).toHaveBeenCalledWith({ foo: "bar" }, "en");
+    expect(result).toEqual({
+      json: {
+        tags: tags,
+      },
+    });
+  });
+});

package/src/tests/handlers/articles/ArticlesAPIHandler.test/index.test.js

@@ -0,0 +1,43 @@
+import Articles from "../../../../cloud/Articles";
+import ArticlesAPIHandler from "../../../../handlers/articles/ArticlesAPIHandler";
+
+import Factory from "../../../support/factory";
+
+describe("Articles API Handler", () => {
+  function buildCtx() {
+    return {
+      client: {
+        articles: new Articles(() => ({}), "token"),
+      },
+      query: { foo: "bar" },
+      locale: "en",
+      resourceConfig: {
+        articleType: "article",
+        articleTypePlural: "articles",
+      },
+    };
+  }
+
+  test("index", async () => {
+    const article = Factory.build("article");
+    const ctx = buildCtx();
+
+    const mockedArticleList = jest
+      .spyOn(ctx.client.articles, "listAll")
+      .mockImplementation(() => ({ list: [article] }));
+
+    const result = await ArticlesAPIHandler.index(ctx);
+
+    expect(mockedArticleList).toHaveBeenCalledWith(
+      { foo: "bar" },
+      "en",
+      "article"
+    );
+
+    expect(result).toEqual({
+      json: {
+        list: [article],
+      },
+    });
+  });
+});

package/src/tests/handlers/articles/ChangeHandler.test/show.test.js

@@ -0,0 +1,59 @@
+import ArticleChanges from "../../../../cloud/ArticleChanges";
+import ArticleRevisions from "../../../../cloud/ArticleRevisions";
+import Articles from "../../../../cloud/Articles";
+import ChangeHandler from "../../../../handlers/articles/ChangeHandler";
+
+import Factory from "../../../support/factory";
+
+describe("ChangeHandler", () => {
+  function buildCtx(article) {
+    return {
+      client: {
+        articles: new Articles(() => ({}), "token"),
+        articleChanges: new ArticleChanges(() => ({}), "token"),
+        articleRevisions: new ArticleRevisions(() => ({}), "token"),
+      },
+      params: { parent_id: article.id },
+      query: { version: 49 },
+      locale: "en",
+      resourceConfig: {
+        articleType: "article",
+        articleTypePlural: "articles",
+      },
+    };
+  }
+
+  test("show for existing article", async () => {
+    const article = Factory.build("article");
+
+    const ctx = buildCtx(article);
+
+    const mockedArticleFind = jest
+      .spyOn(ctx.client.articles, "getChangePreview")
+      .mockImplementation(() => [article]);
+
+    const result = await ChangeHandler.show(ctx);
+
+    expect(mockedArticleFind).toHaveBeenCalledWith(article.id, 49, "en");
+
+    expect(result).toEqual({
+      json: {
+        ...[article],
+      },
+    });
+  });
+
+  test("show for non existing article", async () => {
+    const ctx = buildCtx({ id: "42" });
+
+    const mockedArticleFind = jest
+      .spyOn(ctx.client.articles, "getChangePreview")
+      .mockImplementation(() => null);
+
+    expect(async () => {
+      await ChangeHandler.show(ctx);
+    }).rejects.toThrow("Missing article #42");
+
+    expect(mockedArticleFind).toHaveBeenCalledWith("42", 49, "en");
+  });
+});

package/src/tests/handlers/events/ChangeHandler.test/show.test.js

@@ -0,0 +1,59 @@
+import EventChanges from "../../../../cloud/EventChanges";
+import EventRevisions from "../../../../cloud/EventRevisions";
+import Events from "../../../../cloud/Events";
+import ChangeHandler from "../../../../handlers/events/ChangeHandler";
+
+import Factory from "../../../support/factory";
+
+describe("ChangeHandler", () => {
+  function buildCtx(event) {
+    return {
+      client: {
+        events: new Events(() => ({}), "token"),
+        eventChanges: new EventChanges(() => ({}), "token"),
+        eventRevisions: new EventRevisions(() => ({}), "token"),
+      },
+      params: { parent_id: event.id },
+      query: { version: 49 },
+      locale: "en",
+      resourceConfig: {
+        eventType: "event",
+        eventTypePlural: "events",
+      },
+    };
+  }
+
+  test("show for existing event", async () => {
+    const event = Factory.build("event");
+
+    const ctx = buildCtx(event);
+
+    const mockedEventFind = jest
+      .spyOn(ctx.client.events, "getChangePreview")
+      .mockImplementation(() => [event]);
+
+    const result = await ChangeHandler.show(ctx);
+
+    expect(mockedEventFind).toHaveBeenCalledWith(event.id, 49, "en");
+
+    expect(result).toEqual({
+      json: {
+        ...[event],
+      },
+    });
+  });
+
+  test("show for non existing event", async () => {
+    const ctx = buildCtx({ id: "42" });
+
+    const mockedEventFind = jest
+      .spyOn(ctx.client.events, "getChangePreview")
+      .mockImplementation(() => null);
+
+    expect(async () => {
+      await ChangeHandler.show(ctx);
+    }).rejects.toThrow("Missing event #42");
+
+    expect(mockedEventFind).toHaveBeenCalledWith("42", 49, "en");
+  });
+});

package/src/tests/handlers/events/EventsAPIHandler.test/index.test.js

@@ -0,0 +1,39 @@
+import Events from "../../../../cloud/Events";
+import EventsAPIHandler from "../../../../handlers/events/EventsAPIHandler";
+
+import Factory from "../../../support/factory";
+
+describe("Events API Handler", () => {
+  function buildCtx() {
+    return {
+      client: {
+        events: new Events(() => ({}), "token"),
+      },
+      query: { foo: "bar" },
+      locale: "en",
+      resourceConfig: {
+        eventType: "event",
+        eventTypePlural: "events",
+      },
+    };
+  }
+
+  test("index", async () => {
+    const event = Factory.build("event");
+    const ctx = buildCtx();
+
+    const mockedEventList = jest
+      .spyOn(ctx.client.events, "listAll")
+      .mockImplementation(() => ({ list: [event] }));
+
+    const result = await EventsAPIHandler.index(ctx);
+
+    expect(mockedEventList).toHaveBeenCalledWith({ foo: "bar" }, "en", "event");
+
+    expect(result).toEqual({
+      json: {
+        list: [event],
+      },
+    });
+  });
+});

package/src/tests/handlers/pages/ChangeHandler.test/show.test.js

@@ -0,0 +1,59 @@
+import PageChanges from "../../../../cloud/PageChanges";
+import PageRevisions from "../../../../cloud/PageRevisions";
+import Pages from "../../../../cloud/Pages";
+import ChangeHandler from "../../../../handlers/pages/ChangeHandler";
+
+import Factory from "../../../support/factory";
+
+describe("ChangeHandler", () => {
+  function buildCtx(page) {
+    return {
+      client: {
+        pages: new Pages(() => ({}), "token"),
+        pageChanges: new PageChanges(() => ({}), "token"),
+        pageRevisions: new PageRevisions(() => ({}), "token"),
+      },
+      params: { parent_id: page.id },
+      query: { version: 49 },
+      locale: "en",
+      resourceConfig: {
+        pageType: "page",
+        pageTypePlural: "pages",
+      },
+    };
+  }
+
+  test("show for existing page", async () => {
+    const page = Factory.build("page");
+
+    const ctx = buildCtx(page);
+
+    const mockedPageFind = jest
+      .spyOn(ctx.client.pages, "getChangePreview")
+      .mockImplementation(() => [page]);
+
+    const result = await ChangeHandler.show(ctx);
+
+    expect(mockedPageFind).toHaveBeenCalledWith(page.id, 49, "en");
+
+    expect(result).toEqual({
+      json: {
+        ...[page],
+      },
+    });
+  });
+
+  test("show for non existing page", async () => {
+    const ctx = buildCtx({ id: "42" });
+
+    const mockedPageFind = jest
+      .spyOn(ctx.client.pages, "getChangePreview")
+      .mockImplementation(() => null);
+
+    expect(async () => {
+      await ChangeHandler.show(ctx);
+    }).rejects.toThrow("Missing page #42");
+
+    expect(mockedPageFind).toHaveBeenCalledWith("42", 49, "en");
+  });
+});

package/src/tests/handlers/pages/PagesAPIHandler.test/index.test.js

@@ -0,0 +1,39 @@
+import Pages from "../../../../cloud/Pages";
+import PagesAPIHandler from "../../../../handlers/pages/PagesAPIHandler";
+
+import Factory from "../../../support/factory";
+
+describe("Pages API Handler", () => {
+  function buildCtx() {
+    return {
+      client: {
+        pages: new Pages(() => ({}), "token"),
+      },
+      query: { foo: "bar" },
+      locale: "en",
+      resourceConfig: {
+        pageType: "page",
+        pageTypePlural: "pages",
+      },
+    };
+  }
+
+  test("index", async () => {
+    const page = Factory.build("page");
+    const ctx = buildCtx();
+
+    const mockedPageList = jest
+      .spyOn(ctx.client.pages, "listAll")
+      .mockImplementation(() => ({ list: [page] }));
+
+    const result = await PagesAPIHandler.index(ctx);
+
+    expect(mockedPageList).toHaveBeenCalledWith({ foo: "bar" }, "en", "page");
+
+    expect(result).toEqual({
+      json: {
+        list: [page],
+      },
+    });
+  });
+});

package/src/tests/helpers/AuthHelper.test.js

@@ -49,6 +49,18 @@ describe("AuthHelper", () => {
       const result = AuthHelper.verifyJWT(mockToken);
       expect(result).toBe(false);
     });
+
+    test("returns false for invalid token", () => {
+      const invalidToken = "header";
+      const invalidToken2 = "header.";
+
+      const result = AuthHelper.verifyJWT(invalidToken);
+      expect(result).toBe(false);
+
+      const result2 = AuthHelper.verifyJWT(invalidToken2);
+      expect(result2).toBe(false);
+    })
+
   });
 
   describe("isAuthenticated", () => {

package/src/views/layouts/application.ejs

@@ -64,24 +64,27 @@
       <div class="my-4">
         <% _context.layout.sidebar.forEach((menu, idx) => { %>
         <% if (menu.submenus) { %>
+        <% const pathMatchesMenuItem = menu.submenus.some(item => _context.path.includes(item.link)) %>
 
         <div class="relative group-[.expanded]:hidden group/item">
-          <div class="aspect-square w-full flex items-center justify-center group-hover/item:bg-raketa-primary">
-            <div class="size-6 opacity-100 group-[.expanded]:opacity-50 text-raketa-primary group-hover/item:text-white">
+          <div title="<%= menu.label %>" class="aspect-square w-full flex items-center justify-center group-hover/item:bg-raketa-primary <%= pathMatchesMenuItem ? "bg-raketa-primary" : ""%>">
+            <div class="size-6 opacity-100 group-[.expanded]:opacity-50 text-raketa-primary group-hover/item:text-white <%= pathMatchesMenuItem ? "text-white" : ""%>">
               <%- atob(menu.icon) %>
             </div>
           </div>
 
           <div class="absolute z-50 top-0 left-[64px] w-[250px] border-l bg-[#F7F7FC] shadow-lg hidden group-hover/item:block">
             <% menu.submenus.forEach(submenu => { %>
-            <a href="<%= `/${_context.locale}${submenu.link}` %>" class="block py-3 px-4 body-2 text-raketa-foreground/50 hover:text-raketa-foreground transition-all ease-in-out duration-300"><%= submenu.label %></a>
+            <a href="<%= `/${_context.locale}${submenu.link}` %>" title="<%= submenu.label %>" class="block py-3 px-4 body-2 <%= _context.path.includes(submenu.link) ? "text-raketa-foreground" : "text-raketa-foreground/50 hover:text-raketa-foreground transition-all ease-in-out duration-300" %>"><%= submenu.label %></a>
             <% }) %>
           </div>
         </div>
 
         <div class="hidden group-[.expanded]:block group/item">
-          <details class="unstyled-details">
-            <summary class="relative flex items-center gap-3 px-5 py-4 text-raketa-primary cursor-pointer transition-all duration-300 ease-in-out">
+          <details class="unstyled-details" <%= menu.submenus.some(submenu =>
+            _context.path.includes(submenu.link))
+           ? "open" : ''%>>
+            <summary title="<%= menu.label %>" class="relative flex items-center gap-3 px-5 py-4 text-raketa-primary cursor-pointer transition-all duration-300 ease-in-out">
               <div class="size-6 opacity-100 group-[.expanded]:opacity-50">
                 <%- atob(menu.icon) %>
               </div>
@@ -95,16 +98,23 @@
 
             <div class="pl-12 py-4 bg-raketa-background/50 group-[.expanded]:block hidden">
               <% menu.submenus.forEach(submenu => { %>
-              <a href="<%= `/${_context.locale}${submenu.link}` %>" class="block py-2 body-2 text-raketa-foreground/50 hover:text-raketa-foreground transition-all ease-in-out duration-300"><%= submenu.label %></a>
+              <a href="<%= `/${_context.locale}${submenu.link}` %>" title="<%= submenu.label %>" class="block py-2 body-2 <%= _context.path.includes(submenu.link) ? "text-raketa-foreground" : "text-raketa-foreground/50 hover:text-raketa-foreground transition-all ease-in-out duration-300" %>"><%= submenu.label %></a>
               <% }) %>
             </div>
           </details>
         </div>
 
         <% } else { %>
-
-        <div class="group/item">
-          <a href="<%= `/${_context.locale}${menu.link}` %>" title="<%= menu.label %>" class="relative flex items-center gap-3 px-5 py-4 text-raketa-primary hover:bg-raketa-primary hover:text-white group-[.is-active]/item:bg-raketa-primary group-[.is-active]/item:text-white">
+        <%
+        const menuLink = menu.link.replace('/', '');
+        const directMatch = _context.path.includes(`/${_context.locale}/${menuLink}`);
+        const singularMenuLink = menuLink.endsWith('s') ? menuLink.slice(0, -1) : menuLink;
+        const revisionMatch = _context.path.includes(`/${_context.locale}/${singularMenuLink}_revision`);
+        const pathMatchesMenuItem = directMatch || revisionMatch;
+        %>
+
+        <div class="group/item <%= pathMatchesMenuItem ? 'is-active' : '' %>">
+          <a href="<%= `/${_context.locale}${menu.link}` %>" title="<%= menu.label %>" class="relative flex items-center gap-3 px-5 py-4 <%= pathMatchesMenuItem ? 'bg-raketa-primary text-white' : 'text-raketa-primary hover:bg-raketa-primary hover:text-white' %> group-[.is-active]/item:bg-raketa-primary group-[.is-active]/item:text-white">
             <div class="size-6 opacity-100 group-[.expanded]:opacity-50">
               <%- atob(menu.icon) %>
             </div>
@@ -300,4 +310,4 @@
   </script>
 </body>
 
-</html>
+</html>

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

@@ -50,9 +50,9 @@
         </td>
 
         <td class="py-4 pl-2">
-          <div class="flex items-center gap-2">
+          <div class="flex flex-col gap-2">
             <%= history.changeReason(change) %>
-          </div>
+            <%- !skipPagination && change.description ? `<p class="text-xs opacity-60">${change.description}</p>` : '' %> </div>
         </td>
 
         <td>