@raketa-cloud/admin 0.0.16 → 0.0.17

package/src/tests/routeNestedMember.test.js

@@ -24,32 +24,35 @@ describe("routeNestedMember", () => {
   test("Valid handler mapping is passed to router", () => {
     routeNestedMember(honoAdapter, "artist", "bio", ArtistHandWithFilters);
 
-    expect(adapterSpy).toHaveBeenCalledWith([
+    expect(adapterSpy).toHaveBeenCalledWith(
       [
-        "GET",
-        "/artist/:parent_id/bio",
-        "bio",
-        "artist/bio",
-        "show",
-        ArtistHandWithFilters.show,
+        [
+          "GET",
+          "/artist/:parent_id/bio",
+          "bio",
+          "artist/bio",
+          "show",
+          ArtistHandWithFilters.show,
+        ],
+        [
+          "GET",
+          "/artist/:parent_id/bio/edit",
+          "bio",
+          "artist/bio",
+          "edit_form",
+          ArtistHandWithFilters.edit_form,
+        ],
+        [
+          "POST",
+          "/artist/:parent_id/bio",
+          "bio",
+          "artist/bio",
+          "edit_form",
+          ArtistHandWithFilters.update,
+        ],
       ],
-      [
-        "GET",
-        "/artist/:parent_id/bio/edit",
-        "bio",
-        "artist/bio",
-        "edit_form",
-        ArtistHandWithFilters.edit_form,
-      ],
-      [
-        "POST",
-        "/artist/:parent_id/bio",
-        "bio",
-        "artist/bio",
-        "edit_form",
-        ArtistHandWithFilters.update,
-      ],
-    ]);
+      {}
+    );
   });
 
   test("Valid handler mapping is passed to router with filters", () => {
@@ -60,37 +63,40 @@ describe("routeNestedMember", () => {
       ArtistHandWithFiltersWithFilters
     );
 
-    expect(adapterSpy).toHaveBeenCalledWith([
+    expect(adapterSpy).toHaveBeenCalledWith(
       [
-        "GET",
-        "/artist/:parent_id/bio",
-        "bio",
-        "artist/bio",
-        "show",
-        ArtistHandWithFiltersWithFilters.show,
-        ArtistHandWithFiltersWithFilters.before_filter,
-        ArtistHandWithFiltersWithFilters.after_filter,
+        [
+          "GET",
+          "/artist/:parent_id/bio",
+          "bio",
+          "artist/bio",
+          "show",
+          ArtistHandWithFiltersWithFilters.show,
+          ArtistHandWithFiltersWithFilters.before_filter,
+          ArtistHandWithFiltersWithFilters.after_filter,
+        ],
+        [
+          "GET",
+          "/artist/:parent_id/bio/edit",
+          "bio",
+          "artist/bio",
+          "edit_form",
+          ArtistHandWithFiltersWithFilters.edit_form,
+          ArtistHandWithFiltersWithFilters.before_filter,
+          ArtistHandWithFiltersWithFilters.after_filter,
+        ],
+        [
+          "POST",
+          "/artist/:parent_id/bio",
+          "bio",
+          "artist/bio",
+          "edit_form",
+          ArtistHandWithFiltersWithFilters.update,
+          ArtistHandWithFiltersWithFilters.before_filter,
+          ArtistHandWithFiltersWithFilters.after_filter,
+        ],
       ],
-      [
-        "GET",
-        "/artist/:parent_id/bio/edit",
-        "bio",
-        "artist/bio",
-        "edit_form",
-        ArtistHandWithFiltersWithFilters.edit_form,
-        ArtistHandWithFiltersWithFilters.before_filter,
-        ArtistHandWithFiltersWithFilters.after_filter,
-      ],
-      [
-        "POST",
-        "/artist/:parent_id/bio",
-        "bio",
-        "artist/bio",
-        "edit_form",
-        ArtistHandWithFiltersWithFilters.update,
-        ArtistHandWithFiltersWithFilters.before_filter,
-        ArtistHandWithFiltersWithFilters.after_filter,
-      ],
-    ]);
+      {}
+    );
   });
 });

package/src/views/articles/_form.ejs

@@ -1,29 +1,29 @@
-<% form_for({ article }, errors, (f) => { %>
-<form action="<%= article?.id ? `/${_context.locale}/articles/${article.id}` : `/${_context.locale}/articles` %>" method="post" class="form">
-  <%- f.field('article.title', { required: true }) %>
-  <%- f.field('article.slug', { label: "URL", required: true }) %>
-  <%- f.field('article.publish_at', { required: true, type: 'datetime-local' }) %>
+<% form_for({ resource }, errors, (f) => { %>
+<form action="<%= resource?.id ? `/${_context.locale}/articles/${resource.id}` : `/${_context.locale}/articles` %>" method="post" class="form">
+  <%- f.field('resource.title', { required: true }) %>
+  <%- f.field('resource.slug', { label: "URL", required: true }) %>
+  <%- f.field('resource.publish_at', { required: true, type: 'datetime-local' }) %>
 
-  <%- f.field('article.visibility', { as: 'select', required: true, options: visibilityOptions }) %>
+  <%- f.field('resource.visibility', { as: 'select', required: true, options: visibilityOptions }) %>
 
-  <%- f.field('article.username', { required: true }) %>
-  <%- f.field('article.password', { required: true }) %>
+  <%- f.field('resource.username', { required: true }) %>
+  <%- f.field('resource.password', { required: true }) %>
 
-  <%- f.field('article.layout', { as: 'select', required: true, options: [
+  <%- f.field('resource.layout', { as: 'select', required: true, options: [
       ["default", "Default"],
       ["landing", "Landing page"],
       ["headless", "Headless"],
     ] }) %>
 
-  <%- f.field('article.meta_title', { required: true }) %>
-  <%- f.field('article.meta_description', { as: "textarea", required: true }) %>
+  <%- f.field('resource.meta_title', { required: true }) %>
+  <%- f.field('resource.meta_description', { as: "textarea", required: true }) %>
 
   <raketa-image-picker
-    name="article[meta_image]"
-    value="<%= JSON.stringify(article.meta_image) %>"
+    name="resource[meta_image]"
+    value="<%= JSON.stringify(resource.meta_image) %>"
   ></raketa-image-picker>
 
-  <%- f.field('article.tags', { as: 'checkbox_group', required: true, options: tags.map(tag => [tag.id, tag.name]) }) %>
+  <%- f.field('resource.tags', { as: 'checkbox_group', required: true, options: tags.map(tag => [tag.id, tag.name]) }) %>
 
   <div class="form-actions">
     <div class="btn-toolbar">
@@ -32,8 +32,8 @@
       <a href="<%= `/${_context.locale}/articles` %>" class="btn-secondary">Back to list</a>
     </div>
 
-    <% if (article?.id) {%>
-    <button hx-delete="<%= `/${_context.locale}/articles/${article.id}` %>" hx-confirm="Are you sure?" class="btn-danger has-icon">
+    <% if (resource?.id) {%>
+    <button hx-delete="<%= `/${_context.locale}/articles/${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>
@@ -78,7 +78,7 @@
 
   onVisibilityChange({
     target: {
-      value: '<%= article.visibility %>'
+      value: '<%= resource.visibility %>'
     }
   })
 

package/src/views/articles/show.ejs

@@ -1,18 +1,18 @@
 <div class="page-wrapper">
   <div class="page-title">
     <div class="flex items-center gap-4">
-      <h1 class="heading-1"><%= article.title %></h1>
+      <h1 class="heading-1"><%= resource.title %></h1>
       <div class="flex flex-wrap items-center gap-1">
         <% Object.keys(_context.locales).forEach(key => { %>
         <% const { name, _code, flag} = _context.locales[key] %>
         <% if (key === _context.locale) { %>
         <img title="<%= name %>" src="<%= flag %>" alt="<%= name %>" class="size-6 rounded-full border dark:border-neutral-700" />
-        <% } else if (article.translations[key]) { %>
-        <a href="<%= `/${key}/articles/${article.translations[key].id}` %>">
+        <% } else if (resource.translations[key]) { %>
+        <a href="<%= `/${key}/articles/${resource.translations[key].id}` %>">
           <img title="<%= name %>" src="<%= flag %>" alt="<%= name %>" class="size-6 rounded-full border dark:border-neutral-700" />
         </a>
         <% } else { %>
-        <a href="<%= `/${_context.locale}/articles/${article.id}/translations/new?target_locale=${key}` %>">
+        <a href="<%= `/${_context.locale}/articles/${resource.id}/translations/new?target_locale=${key}` %>">
           <img title="<%= name %>" src="<%= flag %>" alt="<%= name %>" class="<%= [" transition-all ease-in-out duration-300 size-6 rounded-full border hover:opacity-100 dark:border-neutral-700", key === _context.locale ? "opacity-100" : "opacity-10"].join(" ") %>" />
         </a>
         <% } %>
@@ -21,13 +21,13 @@
     </div>
 
     <div class="actions-toolbar">
-      <form method="POST" action="<%= `/${_context.locale}/articles/${article.id}/article_revisions` %>" class="inline-block">
+      <form method="POST" action="<%= `/${_context.locale}/articles/${resource.id}/article_revisions` %>" class="inline-block">
         <button type="submit" class="btn-primary">
           Start revision
         </button>
       </form>
 
-      <a href="<%= `/${_context.locale}/articles/${article.id}/urls/new` %>" class="btn-text has-icon">
+      <a href="<%= `/${_context.locale}/articles/${resource.id}/urls/new` %>" class="btn-text 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="M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244" />
         </svg>
@@ -35,7 +35,7 @@
         Change URL
       </a>
 
-      <form action="<%= `/${_context.locale}/articles/${article.id}/clones` %>" method="post" class="inline-block">
+      <form action="<%= `/${_context.locale}/articles/${resource.id}/clones` %>" method="post" class="inline-block">
         <button type="submit" class="btn-text 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="M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 0 1-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 0 1 1.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 0 0-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 0 1-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H9.75" />
@@ -45,7 +45,7 @@
         </button>
       </form>
 
-      <a href="<%= `/${_context.locale}/articles/${article.id}/deletes/new` %>" class="btn-danger has-icon">
+      <a href="<%= `/${_context.locale}/articles/${resource.id}/deletes/new` %>" 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>
@@ -251,7 +251,7 @@
           <td>
             <div class="actions-toolbar justify-end">
               <% if (maxVersion !== change.version) { %>
-              <form method="POST" action="<%= `/${_context.locale}/articles/${article.id}/article_changes/reverts` %>" class="inline-block">
+              <form method="POST" action="<%= `/${_context.locale}/articles/${resource.id}/article_changes/reverts` %>" class="inline-block">
                 <input type="hidden" name="version" value=<%= change.version %>>
                 <button type="submit" class="btn-text 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">

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

@@ -1,5 +1,5 @@
 <% form_for({ translation }, errors, (f) => { %>
-<form action="<%= `/${_context.locale}/articles/${article.id}/translations` %>" method="post" class="form">
+<form action="<%= `/${_context.locale}/articles/${resource.id}/translations` %>" method="post" class="form">
   <input type="hidden" name="target_locale" value="<%= targetLocale %>" />
 
   <%- f.field('translation.title', { required: true }) %>
@@ -30,7 +30,7 @@
     <div class="btn-toolbar">
       <%- f.submit('Save record', { class: 'btn-primary' }) %>
 
-      <a href="<%= `/${_context.locale}/articles/${article.id}` %>" class="btn-secondary">Cancel</a>
+      <a href="<%= `/${_context.locale}/articles/${resource.id}` %>" class="btn-secondary">Cancel</a>
     </div>
   </div>
 </form>
@@ -69,7 +69,7 @@
 
   onVisibilityChange({
     target: {
-      value: '<%= article.visibility %>'
+      value: '<%= resource.visibility %>'
     }
   })
 

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

@@ -1,11 +1,9 @@
-<div class="w-full">
-  <div class="flex items-center justify-between mt-6 mb-4">
-    <div class="flex items-center gap-2">
-      <h1 class="heading-1">Create article translation</h1>
-    </div>
+<div class="page-wrapper">
+  <div class="page-title">
+    <h1 class="heading-1">Create article translation</h1>
   </div>
-</div>
 
-<div class="grid gap-4 md:grid-cols-3">
-  <%- include('_form.ejs') %>
+  <div class="grid gap-4 md:grid-cols-3">
+    <%- include('_form.ejs') %>
+  </div>
 </div>

package/src/views/events/_form.ejs

@@ -1,31 +1,31 @@
-<% form_for({ event }, errors, (f) => { %>
-<form action="<%= event?.id ? `/${_context.locale}/events/${event.id}` : `/${_context.locale}/events` %>" method="post" class="form">
-  <%- f.field('event.title', { required: true }) %>
-  <%- f.field('event.slug', { label: "URL", required: true }) %>
-  <%- f.field('event.publish_at', { required: true, type: 'datetime-local' }) %>
-  <%- f.field('event.starts_at', { required: true, type: 'datetime-local' }) %>
-  <%- f.field('event.ends_at', { required: true, type: 'datetime-local' }) %>
+<% form_for({ resource }, errors, (f) => { %>
+<form action="<%= resource?.id ? `/${_context.locale}/events/${resource.id}` : `/${_context.locale}/events` %>" method="post" class="form">
+  <%- f.field('resource.title', { required: true }) %>
+  <%- f.field('resource.slug', { label: "URL", required: true }) %>
+  <%- f.field('resource.publish_at', { required: true, type: 'datetime-local' }) %>
+  <%- f.field('resource.starts_at', { required: true, type: 'datetime-local' }) %>
+  <%- f.field('resource.ends_at', { required: true, type: 'datetime-local' }) %>
 
-  <%- f.field('event.visibility', { as: 'select', required: true, options: visibilityOptions }) %>
+  <%- f.field('resource.visibility', { as: 'select', required: true, options: visibilityOptions }) %>
 
-  <%- f.field('event.username', { required: true }) %>
-  <%- f.field('event.password', { required: true }) %>
+  <%- f.field('resource.username', { required: true }) %>
+  <%- f.field('resource.password', { required: true }) %>
 
-  <%- f.field('event.layout', { as: 'select', required: true, options: [
+  <%- f.field('resource.layout', { as: 'select', required: true, options: [
       ["default", "Default"],
       ["landing", "Landing page"],
       ["headless", "Headless"],
     ] }) %>
 
-  <%- f.field('event.meta_title', { required: true }) %>
-  <%- f.field('event.meta_description', { as: "textarea", required: true }) %>
+  <%- f.field('resource.meta_title', { required: true }) %>
+  <%- f.field('resource.meta_description', { as: "textarea", required: true }) %>
 
   <raketa-image-picker
-    name="event[meta_image]"
-    value="<%= JSON.stringify(event.meta_image) %>"
+    name="resource[meta_image]"
+    value="<%= JSON.stringify(resource.meta_image) %>"
   ></raketa-image-picker>
 
-  <%- f.field('event.tags', { as: 'checkbox_group', required: true, options: tags.map(tag => [tag.id, tag.name]) }) %>
+  <%- f.field('resource.tags', { as: 'checkbox_group', required: true, options: tags.map(tag => [tag.id, tag.name]) }) %>
 
   <div class="form-actions">
     <div class="btn-toolbar">
@@ -34,8 +34,8 @@
       <a href="<%= `/${_context.locale}/events` %>" class="btn-secondary">Back to list</a>
     </div>
 
-    <% if (event?.id) {%>
-    <button hx-delete="<%= `/${_context.locale}/events/${event.id}` %>" hx-confirm="Are you sure?" class="btn-danger has-icon">
+    <% if (resource?.id) {%>
+    <button hx-delete="<%= `/${_context.locale}/events/${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>
@@ -80,7 +80,7 @@
 
   onVisibilityChange({
     target: {
-      value: '<%= event.visibility %>'
+      value: '<%= resource.visibility %>'
     }
   })
 

package/src/views/events/show.ejs

@@ -1,18 +1,18 @@
 <div class="page-wrapper">
   <div class="page-title">
     <div class="flex items-center gap-4">
-      <h1 class="heading-1"><%= event.title %></h1>
+      <h1 class="heading-1"><%= resource.title %></h1>
       <div class="flex flex-wrap items-center gap-1">
         <% Object.keys(_context.locales).forEach(key => { %>
         <% const { name, _code, flag} = _context.locales[key] %>
         <% if (key === _context.locale) { %>
         <img title="<%= name %>" src="<%= flag %>" alt="<%= name %>" class="size-6 rounded-full border dark:border-neutral-700" />
-        <% } else if (event.translations[key]) { %>
-        <a href="<%= `/${key}/events/${event.translations[key].id}` %>">
+        <% } else if (resource.translations[key]) { %>
+        <a href="<%= `/${key}/events/${resource.translations[key].id}` %>">
           <img title="<%= name %>" src="<%= flag %>" alt="<%= name %>" class="size-6 rounded-full border dark:border-neutral-700" />
         </a>
         <% } else { %>
-        <a href="<%= `/${_context.locale}/events/${event.id}/translations/new?target_locale=${key}` %>">
+        <a href="<%= `/${_context.locale}/events/${resource.id}/translations/new?target_locale=${key}` %>">
           <img title="<%= name %>" src="<%= flag %>" alt="<%= name %>" class="<%= [" transition-all ease-in-out duration-300 size-6 rounded-full border hover:opacity-100 dark:border-neutral-700", key === _context.locale ? "opacity-100" : "opacity-10"].join(" ") %>" />
         </a>
         <% } %>
@@ -21,13 +21,13 @@
     </div>
 
     <div class="actions-toolbar">
-      <form method="POST" action="<%= `/${_context.locale}/events/${event.id}/event_revisions` %>" class="inline-block">
+      <form method="POST" action="<%= `/${_context.locale}/events/${resource.id}/event_revisions` %>" class="inline-block">
         <button type="submit" class="btn-primary">
           Start revision
         </button>
       </form>
 
-      <a href="<%= `/${_context.locale}/events/${event.id}/urls/new` %>" class="btn-text has-icon">
+      <a href="<%= `/${_context.locale}/events/${resource.id}/urls/new` %>" class="btn-text 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="M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244" />
         </svg>
@@ -35,7 +35,7 @@
         Change URL
       </a>
 
-      <form action="<%= `/${_context.locale}/events/${event.id}/clones` %>" method="post" class="inline-block">
+      <form action="<%= `/${_context.locale}/events/${resource.id}/clones` %>" method="post" class="inline-block">
         <button type="submit" class="btn-text 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="M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 0 1-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 0 1 1.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 0 0-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 0 1-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H9.75" />
@@ -45,7 +45,7 @@
         </button>
       </form>
 
-      <a href="<%= `/${_context.locale}/events/${event.id}/deletes/new` %>" class="btn-danger has-icon">
+      <a href="<%= `/${_context.locale}/events/${resource.id}/deletes/new` %>" 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>
@@ -251,7 +251,7 @@
           <td>
             <div class="actions-toolbar justify-end">
               <% if (maxVersion !== change.version) { %>
-              <form method="POST" action="<%= `/${_context.locale}/events/${event.id}/event_changes/reverts` %>" class="inline-block">
+              <form method="POST" action="<%= `/${_context.locale}/events/${resource.id}/event_changes/reverts` %>" class="inline-block">
                 <input type="hidden" name="version" value=<%= change.version %>>
                 <button type="submit" class="btn-text 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">

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

@@ -1,5 +1,5 @@
 <% form_for({ translation }, errors, (f) => { %>
-<form action="<%= `/${_context.locale}/events/${event.id}/translations` %>" method="post" class="form">
+<form action="<%= `/${_context.locale}/events/${resource.id}/translations` %>" method="post" class="form">
   <input type="hidden" name="target_locale" value="<%= targetLocale %>" />
 
   <%- f.field('translation.title', { required: true }) %>
@@ -32,7 +32,7 @@
     <div class="btn-toolbar">
       <%- f.submit('Save record', { class: 'btn-primary' }) %>
 
-      <a href="<%= `/${_context.locale}/events/${event.id}` %>" class="btn-secondary">Cancel</a>
+      <a href="<%= `/${_context.locale}/events/${resource.id}` %>" class="btn-secondary">Cancel</a>
     </div>
   </div>
 </form>
@@ -71,7 +71,7 @@
 
   onVisibilityChange({
     target: {
-      value: '<%= event.visibility %>'
+      value: '<%= resource.visibility %>'
     }
   })
 

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

@@ -1,11 +1,10 @@
-<div class="w-full">
-  <div class="flex items-center justify-between mt-6 mb-4">
-    <div class="flex items-center gap-2">
-      <h1 class="heading-1">Create event translation</h1>
-    </div>
+<div class="page-wrapper">
+  <div class="page-title">
+    <h1 class="heading-1">Create event translation</h1>
   </div>
-</div>
 
-<div class="grid gap-4 md:grid-cols-3">
-  <%- include('_form.ejs') %>
+  <div class="grid gap-4 md:grid-cols-3">
+    <%- include('_form.ejs') %>
+  </div>
 </div>
+

package/src/views/pages/_form.ejs

@@ -1,27 +1,27 @@
-<% form_for({ page }, errors, (f) => { %>
-<form action="<%= page?.id ? `/${_context.locale}/pages/${page.id}` : `/${_context.locale}/pages` %>" method="post" class="form">
-  <%- f.field('page.title', { required: true }) %>
-  <%- f.field('page.slug', { label: "URL", required: true }) %>
-  <%- f.field('page.visibility', { as: 'select', required: true, options: visibilityOptions }) %>
+<% form_for({ resource }, errors, (f) => { %>
+<form action="<%= resource?.id ? `/${_context.locale}/pages/${resource.id}` : `/${_context.locale}/pages` %>" method="post" class="form">
+  <%- f.field('resource.title', { required: true }) %>
+  <%- f.field('resource.slug', { label: "URL", required: true }) %>
+  <%- f.field('resource.visibility', { as: 'select', required: true, options: visibilityOptions }) %>
 
-  <%- f.field('page.username', { required: true }) %>
-  <%- f.field('page.password', { required: true }) %>
+  <%- f.field('resource.username', { required: true }) %>
+  <%- f.field('resource.password', { required: true }) %>
 
-  <%- f.field('page.layout', { as: 'select', required: true, options: [
+  <%- f.field('resource.layout', { as: 'select', required: true, options: [
       ["default", "Default"],
       ["landing", "Landing page"],
       ["headless", "Headless"],
     ] }) %>
 
-  <%- f.field('page.meta_title', { required: true }) %>
-  <%- f.field('page.meta_description', { as: "textarea", required: true }) %>
+  <%- f.field('resource.meta_title', { required: true }) %>
+  <%- f.field('resource.meta_description', { as: "textarea", required: true }) %>
 
   <raketa-image-picker
-    name="page[meta_image]"
-    value="<%= JSON.stringify(page.meta_image) %>"
+    name="resource[meta_image]"
+    value="<%= JSON.stringify(resource.meta_image) %>"
   ></raketa-image-picker>
 
-  <%- f.field('page.tags', { as: 'checkbox_group', required: true, options: tags.map(tag => [tag.id, tag.name]) }) %>
+  <%- f.field('resource.tags', { as: 'checkbox_group', required: true, options: tags.map(tag => [tag.id, tag.name]) }) %>
 
   <div class="form-actions">
     <div class="btn-toolbar">
@@ -30,8 +30,8 @@
       <a href="<%= `/${_context.locale}/pages` %>" class="btn-secondary">Back to list</a>
     </div>
 
-    <% if (page?.id) {%>
-    <button hx-delete="<%= `/${_context.locale}/pages/${page.id}` %>" hx-confirm="Are you sure?" class="btn-danger has-icon">
+    <% if (resource?.id) {%>
+    <button hx-delete="<%= `/${_context.locale}/pages/${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>
@@ -76,7 +76,7 @@
 
   onVisibilityChange({
     target: {
-      value: '<%= page.visibility %>'
+      value: '<%= resource.visibility %>'
     }
   })
 

package/src/views/pages/create_form.ejs

@@ -6,4 +6,4 @@
   <div class="grid gap-4 md:grid-cols-3">
     <%- include('_form.ejs') %>
   </div>
-</div>
+</div>

package/src/views/pages/show.ejs

@@ -1,18 +1,18 @@
 <div class="page-wrapper">
   <div class="page-title">
     <div class="flex items-center gap-4">
-      <h1 class="heading-1"><%= page.title %></h1>
+      <h1 class="heading-1"><%= resource.title %></h1>
       <div class="flex flex-wrap items-center gap-1">
         <% Object.keys(_context.locales).forEach(key => { %>
         <% const { name, _code, flag} = _context.locales[key] %>
         <% if (key === _context.locale) { %>
         <img title="<%= name %>" src="<%= flag %>" alt="<%= name %>" class="size-6 rounded-full border dark:border-neutral-700" />
-        <% } else if (page.translations[key]) { %>
-        <a href="<%= `/${key}/pages/${page.translations[key].id}` %>">
+        <% } else if (resource.translations[key]) { %>
+        <a href="<%= `/${key}/pages/${resource.translations[key].id}` %>">
           <img title="<%= name %>" src="<%= flag %>" alt="<%= name %>" class="size-6 rounded-full border dark:border-neutral-700" />
         </a>
         <% } else { %>
-        <a href="<%= `/${_context.locale}/pages/${page.id}/translations/new?target_locale=${key}` %>">
+        <a href="<%= `/${_context.locale}/pages/${resource.id}/translations/new?target_locale=${key}` %>">
           <img title="<%= name %>" src="<%= flag %>" alt="<%= name %>" class="<%= [" transition-all ease-in-out duration-300 size-6 rounded-full border hover:opacity-100 dark:border-neutral-700", key === _context.locale ? "opacity-100" : "opacity-10"].join(" ") %>" />
         </a>
         <% } %>
@@ -21,13 +21,13 @@
     </div>
 
     <div class="actions-toolbar">
-      <form method="POST" action="<%= `/${_context.locale}/pages/${page.id}/page_revisions` %>" class="inline-block">
+      <form method="POST" action="<%= `/${_context.locale}/pages/${resource.id}/page_revisions` %>" class="inline-block">
         <button type="submit" class="btn-primary">
           Start revision
         </button>
       </form>
 
-      <a href="<%= `/${_context.locale}/pages/${page.id}/urls/new` %>" class="btn-text has-icon">
+      <a href="<%= `/${_context.locale}/pages/${resource.id}/urls/new` %>" class="btn-text 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="M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244" />
         </svg>
@@ -35,7 +35,7 @@
         Change URL
       </a>
 
-      <form action="<%= `/${_context.locale}/pages/${page.id}/clones` %>" method="post" class="inline-block">
+      <form action="<%= `/${_context.locale}/pages/${resource.id}/clones` %>" method="post" class="inline-block">
         <button type="submit" class="btn-text 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="M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 0 1-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 0 1 1.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 0 0-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 0 1-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H9.75" />
@@ -45,7 +45,7 @@
         </button>
       </form>
 
-      <a href="<%= `/${_context.locale}/pages/${page.id}/deletes/new` %>" class="btn-danger has-icon">
+      <a href="<%= `/${_context.locale}/pages/${resource.id}/deletes/new` %>" 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>
@@ -251,7 +251,7 @@
           <td>
             <div class="actions-toolbar justify-end">
               <% if (maxVersion !== change.version) { %>
-              <form method="POST" action="<%= `/${_context.locale}/pages/${page.id}/page_changes/reverts` %>" class="inline-block">
+              <form method="POST" action="<%= `/${_context.locale}/pages/${resource.id}/page_changes/reverts` %>" class="inline-block">
                 <input type="hidden" name="version" value=<%= change.version %>>
                 <button type="submit" class="btn-text 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">