@raketa-cloud/admin 0.0.39 → 0.0.41

package/package.json

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

package/src/cloud/Categories.js

@@ -0,0 +1,97 @@
+import RaketaClient from "./RaketaClient";
+import {
+  CategoriesDocument,
+  CategoryDocument,
+  CreateCategoryDocument,
+  UpdateCategoryDocument,
+  DeleteCategoryDocumet,
+} from "./documents/categoryDocuments";
+
+export default class Categories extends RaketaClient {
+  async list(query, locale, categoryType) {
+    const vars = this.buildListInput(query, locale);
+
+    const { categories: items } = await this.query(CategoriesDocument, {
+      input: {
+        ...vars.input,
+        filters: { ...vars.input.filters, type: categoryType },
+      },
+    });
+
+    return items;
+  }
+
+  async all(query, locale, categoryType) {
+    const vars = this.buildAllInput(query, locale);
+
+    const { categories: items } = await this.query(CategoriesDocument, {
+      input: {
+        ...vars.input,
+        filters: { ...vars.input.filters, type: categoryType },
+      },
+    });
+
+    return items;
+  }
+
+  async find(id, locale) {
+    const { category: item } = await this.query(CategoryDocument, {
+      input: {
+        id,
+        locale,
+      },
+    });
+
+    return item;
+  }
+
+  async create(params, locale, categoryType) {
+    const {
+      createCategory: { errors, tag },
+    } = await this.query(CreateCategoryDocument, {
+      input: {
+        locale,
+        category: {
+          type: categoryType,
+          slug: params.slug,
+          name: params.name,
+          settings: JSON.stringify(params.settings || {}),
+        },
+      },
+    });
+
+    return { tag, errors };
+  }
+
+  async update(id, params, locale, categoryType) {
+    const {
+      updateCategory: { errors, category },
+    } = await this.query(UpdateCategoryDocument, {
+      input: {
+        id,
+        locale,
+        category: {
+          type: categoryType,
+          slug: params.slug,
+          name: params.name,
+          settings: JSON.stringify(params.settings || {}),
+        },
+      },
+    });
+
+    return { category, errors };
+  }
+
+  async delete(id, locale) {
+    const {
+      deleteCategory: { errors, tag },
+    } = await this.query(DeleteCategoryDocumet, {
+      input: {
+        id,
+        locale,
+      },
+    });
+
+    return { tag, errors };
+  }
+}

package/src/cloud/documents/categoryDocuments.js

@@ -1,17 +1,5 @@
-import { gql } from "../../graphql";
-import { errorsFragment, paginationFragment } from "./common";
-
-function categoryFragment() {
-  return gql`
-    {
-      id
-      type
-      slug
-      name
-      settings
-    }
-  `;
-}
+import { gql } from "graphql-request";
+import { errorsFragment, paginationFragment, categoryFragment } from "./common";
 
 const CategoriesDocument = gql`
   query ($input: CategoriesInput!) {

package/src/handlers/categories/index.js

@@ -0,0 +1,122 @@
+const index = async (ctx) => {
+  const items = await ctx.client.categories.list(
+    ctx.query,
+    ctx.locale,
+    ctx.resourceConfig.categoryType
+  );
+
+  return {
+    assigns: {
+      items,
+    },
+  };
+};
+
+const create_form = async (ctx) => {
+  return {
+    assigns: {
+      resource: {},
+      errors: {},
+      _translations: [],
+    },
+  };
+};
+
+const create = async (ctx) => {
+  const params = { ...ctx.resourceParams.resource };
+  const resource = { ...params };
+
+  const { errors } = await ctx.client.categories.create(
+    resource,
+    ctx.locale,
+    ctx.resourceConfig.categoryType
+  );
+
+  if (errors) {
+    return {
+      assigns: {
+        resource,
+
+        errors: { resource: ctx.client.categories.formatErrors(errors) },
+        _translations: [],
+      },
+    };
+  }
+
+  return {
+    redirect: `/${ctx.locale}/${ctx.resourceConfig.categoryTypePlural}`,
+  };
+};
+
+const edit_form = async (ctx) => {
+  const { id } = ctx.router.req.param();
+  const resource = await ctx.client.categories.find(id, ctx.locale);
+
+  if (!resource) {
+    throw new Error(`Missing category #${id}`);
+  }
+
+  return {
+    assigns: {
+      resource,
+      errors: {},
+      _translations: [],
+    },
+  };
+};
+
+const update = async (ctx) => {
+  const { id } = ctx.params;
+  const params = ctx.resourceParams.resource;
+
+  const { errors } = await ctx.client.categories.update(
+    id,
+    {
+      name: params.name,
+      slug: params.slug,
+      settings: params.settings || {},
+    },
+    ctx.locale,
+    ctx.resourceConfig.categoryType
+  );
+
+  if (errors) {
+    return {
+      assigns: {
+        resource: { ...params, id },
+        errors: { resource: ctx.client.categories.formatErrors(errors) },
+        _translations: [],
+      },
+    };
+  }
+
+  return {
+    redirect: `/${ctx.locale}/${ctx.resourceConfig.categoryTypePlural}`,
+  };
+};
+
+const destroy = async (ctx) => {
+  const { id } = ctx.params;
+
+  const { errors } = await ctx.client.categories.delete(id, ctx.locale);
+
+  if (errors) {
+    throw `Failed to delete category #${id}.`;
+  }
+
+  return {
+    headers: {
+      "HX-redirect": `/${ctx.locale}/${ctx.resourceConfig.categoryTypePlural}`,
+    },
+    json: {},
+  };
+};
+
+export default {
+  index,
+  create_form,
+  create,
+  edit_form,
+  update,
+  destroy,
+};

package/src/helpers/Inflector.js

@@ -1,6 +1,9 @@
 const Inflector = {
   capitalize: (str) => str[0].toUpperCase() + str.slice(1),
   downcase: (str) => str.toLowerCase(),
+  humanize: (str) => {
+    return str.replaceAll(/[_-]+/g, " ");
+  },
 };
 
 export default Inflector;

package/src/index.js

@@ -10,6 +10,7 @@ export { default as routeEventsModule } from "./routeEventsModule";
 export { default as routeSettings } from "./routeSettings";
 export { default as setupCloud } from "./setupCloud";
 export { default as routeStandard } from "./routeStandard";
+export { default as routeCategoriesModule } from "./routeCategoriesModule";
 
 export { default as RaketaClient } from "./cloud/RaketaClient";
 export { default as Redirects } from "./cloud/Redirects";
@@ -89,4 +90,3 @@ export { default as EventsHandler } from "./handlers/events/EventsHandler";
 
 export { default as Factory } from "./tests/support/factory";
 export { default as Logger } from "./Logger";
-

package/src/routeCategoriesModule.js

@@ -0,0 +1,16 @@
+import routeCollection from "./routeCollection";
+import CategoriesHandler from "./handlers/categories";
+
+function routeCategoriesModule(adapter, categoryType, categoryTypePlural) {
+  const resourceConfig = {
+    categoryType,
+    categoryTypePlural,
+  };
+
+  routeCollection(adapter, categoryTypePlural, CategoriesHandler, {
+    ...resourceConfig,
+    viewsFallback: "categories",
+  });
+}
+
+export default routeCategoriesModule;

package/src/setupCloud.js

@@ -10,6 +10,7 @@ import ArticleChanges from "./cloud/ArticleChanges";
 import Events from "./cloud/Events";
 import EventRevisions from "./cloud/EventRevisions";
 import EventChanges from "./cloud/EventChanges";
+import Categories from "./cloud/Categories";
 
 function setupCloud(ctx, getConfig) {
   if (!ctx?.authentication?.token) return;
@@ -43,6 +44,7 @@ function setupCloud(ctx, getConfig) {
     getConfig,
     ctx.authentication.token
   );
+  ctx.client.categories = new Categories(getConfig, ctx.authentication.token);
 }
 
 export default setupCloud;

package/src/tests/handlers/categories/create.test.js

@@ -0,0 +1,94 @@
+import CategoriesHandler from "../../../handlers/categories";
+import Categories from "../../../cloud/Categories";
+
+import Factory from "../../support/factory";
+
+function buildCtx(category) {
+  return {
+    client: {
+      categories: new Categories(() => ({}), "token"),
+    },
+    resourceParams: {
+      resource: {
+        slug: category.slug,
+        name: category.name,
+        settings: { ...category.settings },
+      },
+    },
+    locale: "en",
+    resourceConfig: {
+      categoryType: "cat",
+      categoryTypePlural: "cats",
+    },
+  };
+}
+
+describe("Categories create", () => {
+  test("create successful", async () => {
+    const category = Factory.build("category", { settings: { foo: "bar" } });
+    const ctx = buildCtx(category);
+
+    const mockCreate = jest
+      .spyOn(ctx.client.categories, "create")
+      .mockImplementation(() => ({ category: category, errors: null }));
+
+    const result = await CategoriesHandler.create(ctx);
+
+    expect(mockCreate).toHaveBeenCalledWith(
+      {
+        slug: category.slug,
+        name: category.name,
+        settings: category.settings,
+      },
+      "en",
+      "cat"
+    );
+
+    expect(result).toEqual({
+      redirect: "/en/cats",
+    });
+  });
+
+  test("create failed", async () => {
+    const category = Factory.build("category", {
+      slug: "",
+      settings: { foo: "bar" },
+    });
+    const ctx = buildCtx(category);
+
+    const mockCreate = jest
+      .spyOn(ctx.client.categories, "create")
+      .mockImplementation(() => ({
+        categories: null,
+        errors: [{ key: "url", message: "already used" }],
+      }));
+
+    const result = await CategoriesHandler.create(ctx);
+
+    expect(mockCreate).toHaveBeenCalledWith(
+      {
+        slug: "",
+        name: category.name,
+        settings: category.settings,
+      },
+      "en",
+      "cat"
+    );
+
+    expect(result).toEqual({
+      assigns: {
+        resource: {
+          slug: "",
+          name: category.name,
+          settings: category.settings,
+        },
+        errors: {
+          resource: {
+            url: "already used",
+          },
+        },
+        _translations: [],
+      },
+    });
+  });
+});

package/src/tests/handlers/categories/create_form.test.js

@@ -0,0 +1,26 @@
+import CategoriesHandler from "../../../handlers/categories";
+import Categories from "../../../cloud/Categories";
+
+function buildCtx() {
+  return {
+    client: {
+      categories: new Categories(() => ({}), "token"),
+    },
+  };
+}
+
+describe("Categories new", () => {
+  test("create_form", async () => {
+    const ctx = buildCtx();
+
+    const result = await CategoriesHandler.create_form(ctx);
+
+    expect(result).toEqual({
+      assigns: {
+        resource: {},
+        errors: {},
+        _translations: [],
+      },
+    });
+  });
+});

package/src/tests/handlers/categories/destroy.test.js

@@ -0,0 +1,53 @@
+import RedirectsHandler from "../../../handlers/RedirectsHandler";
+import Redirects from "../../../cloud/Redirects";
+
+import Factory from "../../support/factory";
+
+function buildCtx() {
+  return {
+    client: {
+      redirects: new Redirects(() => ({}), "token"),
+    },
+    params: { id: 1 },
+    locale: "en",
+  };
+}
+
+describe("Redirects", () => {
+  test("destroy successful", async () => {
+    const redirect = Factory.build("redirect");
+    const ctx = buildCtx();
+
+    const mockDelete = jest
+      .spyOn(ctx.client.redirects, "delete")
+      .mockImplementation(() => ({ redirect: redirect, errors: null }));
+
+    const result = await RedirectsHandler.destroy(ctx);
+
+    expect(mockDelete).toHaveBeenCalledWith(1);
+
+    expect(result).toEqual({
+      headers: {
+        "HX-Redirect": "/en/redirects",
+      },
+      json: {},
+    });
+  });
+
+  test("destroy failed", async () => {
+    const ctx = buildCtx();
+
+    const mockDelete = jest
+      .spyOn(ctx.client.redirects, "delete")
+      .mockImplementation(() => ({
+        redirect: null,
+        errors: [{ key: "generalError", message: "Not found" }],
+      }));
+
+    await expect(() => RedirectsHandler.destroy(ctx)).rejects.toMatch(
+      "Failed to delete redirect #1. WTF?"
+    );
+
+    expect(mockDelete).toHaveBeenCalledWith(1);
+  });
+});

package/src/tests/handlers/categories/edit_form.test.js

@@ -0,0 +1,59 @@
+import CategoriesHandler from "../../../handlers/categories";
+import Categories from "../../../cloud/Categories";
+
+import Factory from "../../support/factory";
+
+function buildCtx() {
+  return {
+    client: {
+      categories: new Categories(() => ({}), "token"),
+    },
+    router: {
+      req: {
+        param: () => ({ id: 1 }),
+      },
+    },
+    resourceConfig: {
+      categoryType: "cat",
+      categoryTypePlural: "cats",
+    },
+    locale: "en",
+  };
+}
+
+describe("Categories edit", () => {
+  test("edit_form", async () => {
+    const category = Factory.build("category");
+    const ctx = buildCtx();
+
+    const mockFind = jest
+      .spyOn(ctx.client.categories, "find")
+      .mockImplementation(() => category);
+
+    const result = await CategoriesHandler.edit_form(ctx);
+
+    expect(mockFind).toHaveBeenCalledWith(1, "en");
+
+    expect(result).toEqual({
+      assigns: {
+        resource: { ...category },
+        errors: {},
+        _translations: [],
+      },
+    });
+  });
+
+  test("edit_form when a category does not exist", async () => {
+    const ctx = buildCtx();
+
+    const mockFind = jest
+      .spyOn(ctx.client.categories, "find")
+      .mockImplementation(() => null);
+
+    expect(async () => {
+      await CategoriesHandler.edit_form(ctx);
+    }).rejects.toThrow("Missing category #1");
+
+    expect(mockFind).toHaveBeenCalledWith(1, "en");
+  });
+});

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

@@ -0,0 +1,46 @@
+import CategoriesHandler from "../../../handlers/categories";
+import Categories from "../../../cloud/Categories";
+
+import Factory from "../../support/factory";
+
+describe("Categories list", () => {
+  function buildCtx() {
+    return {
+      client: {
+        categories: new Categories(() => ({}), "token"),
+      },
+      query: {},
+      req: {
+        path: "/cats",
+      },
+      resourceConfig: {
+        categoryType: "cat",
+        categoryTypePlural: "cats",
+      },
+      locale: "en",
+    };
+  }
+
+  test("index", async () => {
+    const category = Factory.build("category");
+    const pagination = Factory.build("pagination");
+    const ctx = buildCtx();
+
+    const mockedList = jest
+      .spyOn(ctx.client.categories, "list")
+      .mockImplementation(() => ({ list: [category], pagination }));
+
+    const result = await CategoriesHandler.index(ctx);
+
+    expect(mockedList).toHaveBeenCalledWith({}, "en", "cat");
+
+    expect(result).toEqual({
+      assigns: {
+        items: {
+          list: [category],
+          pagination: pagination,
+        },
+      },
+    });
+  });
+});

package/src/tests/handlers/categories/update.test.js

@@ -0,0 +1,88 @@
+import CategoriesHandler from "../../../handlers/categories";
+import Categories from "../../../cloud/Categories";
+
+function buildCtx(id, updateParams) {
+  return {
+    client: {
+      categories: new Categories(() => ({}), "token"),
+    },
+    params: { id },
+    resourceParams: {
+      resource: {
+        slug: updateParams.slug,
+        name: updateParams.name,
+        settings: updateParams.settings,
+      },
+    },
+    locale: "en",
+    resourceConfig: {
+      categoryType: "cat",
+      categoryTypePlural: "cats",
+    },
+  };
+}
+
+describe("Categories update", () => {
+  test("update successful", async () => {
+    const updateParams = {
+      name: "Updated cateogry",
+      slug: "updated",
+      settings: {
+        foo: "bar",
+      },
+    };
+    const ctx = buildCtx(1, updateParams);
+
+    const mockUpdate = jest
+      .spyOn(ctx.client.categories, "update")
+      .mockImplementation(() => ({
+        category: { ...updateParams, id: 1 },
+        errors: null,
+      }));
+
+    const result = await CategoriesHandler.update(ctx);
+
+    expect(mockUpdate).toHaveBeenCalledWith(1, updateParams, "en", "cat");
+
+    expect(result).toEqual({
+      redirect: "/en/cats",
+    });
+  });
+
+  test("update failed", async () => {
+    const updateParams = {
+      name: "Updated cateogry",
+      slug: "updated",
+      settings: {
+        foo: "bar",
+      },
+    };
+    const ctx = buildCtx(1, updateParams);
+
+    const mockUpdate = jest
+      .spyOn(ctx.client.categories, "update")
+      .mockImplementation(() => ({
+        category: null,
+        errors: [{ key: "slug", message: "already used" }],
+      }));
+
+    const result = await CategoriesHandler.update(ctx);
+
+    expect(mockUpdate).toHaveBeenCalledWith(1, updateParams, "en", "cat");
+
+    expect(result).toEqual({
+      assigns: {
+        resource: {
+          id: 1,
+          ...updateParams,
+        },
+        errors: {
+          resource: {
+            slug: "already used",
+          },
+        },
+        _translations: [],
+      },
+    });
+  });
+});

package/src/tests/support/factory.js

@@ -122,6 +122,13 @@ const Tag = {
   name: "Tag",
 };
 
+const CATEGORY = {
+  id: 42,
+  type: "entertainment",
+  name: "Movie",
+  slug: "movie",
+};
+
 const FIXTURES = {
   redirect: {
     id: "1",
@@ -144,6 +151,7 @@ const FIXTURES = {
   event_change: { ...EVENT_CHANGE },
   settings: { value: {} },
   tag: Tag,
+  category: { ...CATEGORY },
   pagination: {
     currentPage: 1,
     pagesCount: 1,

package/src/views/articles/create_form.ejs

@@ -1,6 +1,6 @@
 <div class="page-wrapper">
   <div class="page-title">
-    <h1 class="heading-1">Create <%= Inflector.downcase(_context.resourceConfig.articleType) %></h1>
+    <h1 class="heading-1">Create <%= Inflector.humanize(Inflector.downcase(_context.resourceConfig.articleType)) %></h1>
   </div>
 
   <div class="grid gap-4 md:grid-cols-3">

package/src/views/articles/deletes/create_form.ejs

@@ -1,6 +1,6 @@
 <div class="page-wrapper">
   <div class="page-title">
-    <h1 class="heading-1">Delete <%= Inflector.downcase(_context.resourceConfig.articleType) %></h1>
+    <h1 class="heading-1">Delete <%= Inflector.humanize(Inflector.downcase(_context.resourceConfig.articleType)) %></h1>
   </div>
 
   <div class="grid gap-4 md:grid-cols-3">

package/src/views/articles/index.ejs

@@ -1,6 +1,6 @@
 <div class="page-wrapper">
   <div class="page-title">
-    <h1 class="heading-1"><%= Inflector.capitalize(_context.resourceConfig.articleTypePlural) %></h1>
+    <h1 class="heading-1"><%= Inflector.humanize(Inflector.capitalize(_context.resourceConfig.articleTypePlural)) %></h1>
 
     <div class="actions-toolbar">
       <a href="<%= `/${_context.locale}/${_context.resourceConfig.articleTypePlural}/new` %>" class="btn-primary">

package/src/views/articles/translations/create_form.ejs

@@ -1,6 +1,6 @@
 <div class="page-wrapper">
   <div class="page-title">
-    <h1 class="heading-1">Create <%= Inflector.downcase(_context.resourceConfig.articleType) %> translation</h1>
+    <h1 class="heading-1">Create <%= Inflector.humanize(Inflector.downcase(_context.resourceConfig.articleType)) %> translation</h1>
   </div>
 
   <div class="grid gap-4 md:grid-cols-3">

package/src/views/categories/_form.ejs

@@ -0,0 +1,38 @@
+<% form_for({ resource }, errors, (f) => { %>
+<form action="<%= resource?.id ? `/${_context.locale}/${_context.resourceConfig.categoryTypePlural}/${resource.id}` : `/${_context.locale}/${_context.resourceConfig.categoryTypePlural}` %>" method="post" class="form">
+  <%- f.field('resource.name', { required: true }) %>
+  <%- f.field('resource.slug', { label: "URL", required: true }) %>
+
+  <div class="form-actions">
+    <div class="btn-toolbar">
+      <%- f.submit('Save record', { class: 'btn-primary' }) %>
+
+      <a href="<%= `/${_context.locale}/${_context.resourceConfig.categoryTypePlural}` %>" class="btn-secondary">Back to list</a>
+    </div>
+
+    <% if (resource?.id) {%>
+    <button hx-delete="<%= `/${_context.locale}/${_context.resourceConfig.categoryTypePlural}/${resource.id}` %>" hx-confirm="Are you sure?" class="btn-danger has-icon">
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
+        <path stroke-linecap="round" stroke-linejoin="round" d="m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0" />
+      </svg>
+
+      Delete record
+    </button>
+    <% } %>
+  </div>
+</form>
+<% }) %>
+
+<div>
+  <div class="help">
+    <div class="flex items-center gap-1 mb-2">
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
+        <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" />
+      </svg>
+
+      <h3 class="heading-3">Contextual help</h3>
+    </div>
+
+    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore nostrum fugit sint sunt distinctio ut cum, corrupti ad error, quo labore minima. Reprehenderit quasi maxime repudiandae voluptatum commodi saepe molestiae?</p>
+  </div>
+</div>

package/src/views/categories/create_form.ejs

@@ -0,0 +1,9 @@
+<div class="page-wrapper">
+  <div class="page-title">
+    <h1 class="heading-1">Create <%= Inflector.humanize(Inflector.downcase(_context.resourceConfig.categoryType)) %></h1>
+  </div>
+
+  <div class="grid gap-4 md:grid-cols-3">
+    <%- render_partial('_form.ejs') %>
+  </div>
+</div>

package/src/views/categories/edit_form.ejs

@@ -0,0 +1,9 @@
+<div class="page-wrapper">
+  <div class="page-title">
+    <h1 class="heading-1">Edit <%= Inflector.humanize(Inflector.downcase(_context.resourceConfig.categoryType)) %></h1>
+  </div>
+
+  <div class="grid gap-4 md:grid-cols-3">
+    <%- render_partial('_form.ejs') %>
+  </div>
+</div>

package/src/views/categories/index.ejs

@@ -0,0 +1,35 @@
+<div class="page-wrapper">
+  <div class="page-title">
+    <h1 class="heading-1"><%= Inflector.humanize(Inflector.capitalize(_context.resourceConfig.categoryTypePlural)) %></h1>
+
+    <div class="actions-toolbar">
+      <a href="<%= `/${_context.locale}/${_context.resourceConfig.categoryTypePlural}/new` %>" class="btn-primary">
+        Create new
+      </a>
+    </div>
+  </div>
+
+  <table class="data-grid">
+    <thead>
+      <tr>
+        <th><%- sort_button("Name", "name", _context) %></th>
+        <th><%- sort_button("URL", "slug", _context) %></th>
+      </tr>
+    </thead>
+
+    <tbody>
+      <% items.list.forEach((item, idx)=> { %>
+      <tr>
+        <td class="w-1/2">
+          <a href="<%= `/${_context.locale}/${_context.resourceConfig.categoryTypePlural}/${item.id}/edit` %>" class="btn-text mr-1">
+            <%= item.name %>
+          </a>
+        </td>
+        <td><%= item.slug %></td>
+      </tr>
+      <% }); %>
+    </tbody>
+  </table>
+
+  <%- pagination(items.pagination, _context) %>
+</div>

package/src/views/events/create_form.ejs

@@ -1,6 +1,6 @@
 <div class="page-wrapper">
   <div class="page-title">
-    <h1 class="heading-1">Create <%= Inflector.downcase(_context.resourceConfig.eventType) %></h1>
+    <h1 class="heading-1">Create <%= Inflector.humanize(Inflector.downcase(_context.resourceConfig.eventType)) %></h1>
   </div>
 
   <div class="grid gap-4 md:grid-cols-3">

package/src/views/events/deletes/create_form.ejs

@@ -1,6 +1,6 @@
 <div class="page-wrapper">
   <div class="page-title">
-    <h1 class="heading-1">Delete <%= Inflector.downcase(_context.resourceConfig.eventType) %></h1>
+    <h1 class="heading-1">Delete <%= Inflector.humanize(Inflector.downcase(_context.resourceConfig.eventType)) %></h1>
   </div>
 
   <div class="grid gap-4 md:grid-cols-3">

package/src/views/events/index.ejs

@@ -1,6 +1,6 @@
 <div class="page-wrapper">
   <div class="page-title">
-    <h1 class="heading-1"><%= Inflector.capitalize(_context.resourceConfig.eventTypePlural) %></h1>
+    <h1 class="heading-1"><%= Inflector.humanize(Inflector.capitalize(_context.resourceConfig.eventTypePlural)) %></h1>
 
     <div class="actions-toolbar">
       <a href="<%= `/${_context.locale}/${_context.resourceConfig.eventTypePlural}/new` %>" class="btn-primary">

package/src/views/events/translations/create_form.ejs

@@ -1,6 +1,6 @@
 <div class="page-wrapper">
   <div class="page-title">
-    <h1 class="heading-1">Create <%= Inflector.downcase(_context.resourceConfig.eventType) %> translation</h1>
+    <h1 class="heading-1">Create <%= Inflector.humanize(Inflector.downcase(_context.resourceConfig.eventType)) %> translation</h1>
   </div>
 
   <div class="grid gap-4 md:grid-cols-3">

package/src/views/layouts/application.ejs

@@ -47,7 +47,7 @@
 
             <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}` %>" class="block py-2 body-2 text-raketa-foreground/50 hover:text-raketa-foreground transition-all ease-in-out duration-300"><%= submenu.label %></a>
               <% }) %>
             </div>
           </details>

package/src/views/pages/create_form.ejs

@@ -1,6 +1,6 @@
 <div class="page-wrapper">
   <div class="page-title">
-    <h1 class="heading-1">Create <%= Inflector.downcase(_context.resourceConfig.pageType) %></h1>
+    <h1 class="heading-1">Create <%= Inflector.humanize(Inflector.downcase(_context.resourceConfig.pageType)) %></h1>
   </div>
 
   <div class="grid gap-4 md:grid-cols-3">

package/src/views/pages/deletes/create_form.ejs

@@ -1,6 +1,6 @@
 <div class="page-wrapper">
   <div class="page-title">
-    <h1 class="heading-1">Delete <%= Inflector.downcase(_context.resourceConfig.pageType) %></h1>
+    <h1 class="heading-1">Delete <%= Inflector.humanize(Inflector.downcase(_context.resourceConfig.pageType)) %></h1>
   </div>
 
   <div class="grid gap-4 md:grid-cols-3">

package/src/views/pages/index.ejs

@@ -1,6 +1,6 @@
 <div class="page-wrapper">
   <div class="page-title">
-    <h1 class="heading-1"><%= Inflector.capitalize(_context.resourceConfig.pageTypePlural) %></h1>
+    <h1 class="heading-1"><%= Inflector.humanize(Inflector.capitalize(_context.resourceConfig.pageTypePlural)) %></h1>
 
     <div class="actions-toolbar">
       <a href="<%= `/${_context.locale}/${_context.resourceConfig.pageTypePlural}/new` %>" class="btn-primary">

package/src/views/pages/translations/create_form.ejs

@@ -1,6 +1,6 @@
 <div class="page-wrapper">
   <div class="page-title">
-    <h1 class="heading-1">Create <%= Inflector.downcase(_context.resourceConfig.pageType) %> translation</h1>
+    <h1 class="heading-1">Create <%= Inflector.humanize(Inflector.downcase(_context.resourceConfig.pageType)) %> translation</h1>
   </div>
 
   <div class="grid gap-4 md:grid-cols-3">