@raketa-cloud/admin 0.0.31 → 0.0.34

package/package.json

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

package/src/Adapter.js

@@ -1,12 +1,14 @@
 import { existsSync, readFileSync } from "node:fs";
 import path from "node:path";
 import ejs from "ejs";
+import Logger from "./Logger";
 import currentPath from "./currentPath.cjs";
 import FormBuilder from "./helpers/FormBuilder";
 import HTMLBuilder from "./helpers/HTMLBuilder";
 import form_for from "./helpers/form_for";
 import pagination from "./helpers/pagination_helper";
 import sort_button from "./helpers/sort_button";
+import Inflector from "./helpers/Inflector";
 
 function escapeHtml(string) {
   var matchHtmlRegExp = /["'&<>]/;
@@ -66,12 +68,6 @@ const renderError = (message, stack) => {
   return `<style>${errorCSS}</style><div class="fail-squid">🦑</div><h1>${message}</h1><pre>${escapeHtml(stack)}</pre>`;
 };
 
-const Logger = {
-  error: (msg) => {
-    console.error(`\x1b[31m🦑 ${msg}\x1b[0m`);
-  },
-};
-
 function putIn(result, key, value) {
   const segments = key.split(/[\[\]]+/).filter(Boolean);
   let current = result;
@@ -164,6 +160,7 @@ export default class Adapter {
       form_for: form_for(viewHelpersConfig),
       sort_button,
       pagination,
+      Inflector,
     };
   }
 

package/src/HonoAdapter.js

@@ -1,4 +1,5 @@
 import Adapter from "./Adapter";
+import Logger from "./Logger";
 import RaketaContext from "./RaketaContext";
 import setupAuthentication from "./setupAuthentication";
 
@@ -101,6 +102,7 @@ export default class HonoAdapter extends Adapter {
         ctx.defaultLocale = this.globalConfig.i18n.defaultLocale;
         ctx.locale = currentLocale;
         ctx.remoteConfig = { ...this.globalConfig.remoteConfig };
+        ctx.logger = Logger;
 
         const _context = {
           timezones: this.globalConfig.i18n.timezones,
@@ -115,9 +117,7 @@ export default class HonoAdapter extends Adapter {
           resourceConfig: resourceConfig,
         };
 
-        console.info(
-          `\x1b[35m[${ctx.method}] ${ctx.rawPath}\x1b[0m -> ${resource}/${action} | ${JSON.stringify(ctx.params)}`
-        );
+        ctx.logger.info(`${ctx.method} "${ctx.rawPath}" -> ${resource}/${action} | ${JSON.stringify(ctx.params)}`);
 
         const assigns = {
           beforeFilterAssigns: {},

package/src/Logger.js

@@ -0,0 +1,21 @@
+import { inspect } from 'node:util';
+
+
+const dump = (item) => inspect(item, { depth: null }).replace(/^\'/, '').replace(/\'$/, '')
+
+const Logger = {
+  error: (item) => {
+    console.error('[ERROR]', dump(item));
+  },
+
+  info: (item) => {
+    console.info('[INFO]', dump(item));
+  },
+
+  debug: (item) => {
+    console.debug('[DEBUG]', dump(item));
+  },
+}
+
+export default Logger;
+

package/src/helpers/FormBuilder.js

@@ -215,18 +215,30 @@ export default class FormBuilder extends HTMLBuilder {
   }
 
   checkbox(name, opts = {}) {
-    const { value: desiredValue } = opts;
+    const { value: desiredValue, default_value: defaultValue } = opts;
 
     const value = this.__getValue(name);
     const selected = value === desiredValue ? { checked: "checked" } : {};
 
-    return this.tag("input", null, {
+    const checkboxItem = this.tag("input", null, {
       type: "checkbox",
-      name,
       value,
       ...opts,
       ...selected,
     });
+
+    if (defaultValue === undefined) {
+      return checkboxItem;
+    }
+
+    // Make sure to submit the negative value if unchecked
+    const hiddenComplementaryItem = this.tag("input", null, {
+      type: "hidden",
+      name: toFormName(name),
+      value: defaultValue,
+    });
+
+    return [hiddenComplementaryItem, checkboxItem].join("");
   }
 
   label(name, children, opts = {}) {
@@ -261,12 +273,11 @@ export default class FormBuilder extends HTMLBuilder {
           label: innerOpts.label,
           class: "no-margin",
         });
-      } else {
-        return this.field(`${name}.${key}`, {
-          label: innerOpts.label,
-          class: "no-margin",
-        });
       }
+      return this.field(`${name}.${key}`, {
+        label: innerOpts.label,
+        class: "no-margin",
+      });
     });
 
     return this.tag(
@@ -291,12 +302,11 @@ export default class FormBuilder extends HTMLBuilder {
           label: innerOpts.label,
           class: "no-margin",
         });
-      } else {
-        return this.field(`${name}.${key}`, {
-          label: innerOpts.label,
-          class: "no-margin",
-        });
       }
+      return this.field(`${name}.${key}`, {
+        label: innerOpts.label,
+        class: "no-margin",
+      });
     });
 
     return this.tag(

package/src/helpers/Inflector.js

@@ -0,0 +1,6 @@
+const Inflector = {
+  capitalize: (str) => str[0].toUpperCase() + str.slice(1),
+};
+
+export default Inflector;
+

package/src/index.js

@@ -88,3 +88,5 @@ export { default as EventURLsHandler } from "./handlers/events/URLsHandler";
 export { default as EventsHandler } from "./handlers/events/EventsHandler";
 
 export { default as Factory } from "./tests/support/factory";
+export { default as Logger } from "./Logger";
+

package/src/styles/application.css

@@ -6,17 +6,12 @@
   --background: 255, 255, 255;
   --foreground: 0, 0, 0;
 
-  /* --primary: 110, 110, 178; */
-  /* --primary: 0, 0, 0; */
-  /* --primary: 15, 82, 186; */
-  /* --primary: 0, 67, 206; */
   --primary: 91, 95, 198;
 
-  /* --primary-dark: 88, 88, 142; */
-  /* --primary-dark: 0, 0, 0; */
   --primary-dark: var(--primary);
 }
 
+/*
 @media (prefers-color-scheme: dark) {
   :root {
     --foreground: 255, 255, 255;
@@ -24,12 +19,14 @@
     --primary: 130, 133, 212;
   }
 }
+*/
 
 body {
   @apply text-raketa-foreground bg-raketa-background;
 }
 
 @layer components {
+
   /* Utils */
   .dbg {
     @apply outline-1 outline-dashed outline-red-500;
@@ -278,7 +275,7 @@ body {
   .pagination {
     @apply text-center py-8 text-raketa-foreground/50;
 
-    & > div {
+    &>div {
       @apply inline-flex items-center gap-4;
     }
 
@@ -521,6 +518,7 @@ body {
   0% {
     transform: scale(1);
   }
+
   100% {
     transform: scale(1.5);
   }
@@ -534,9 +532,11 @@ body {
   0% {
     transform: translatey(0px);
   }
+
   50% {
     transform: translatey(-40px);
   }
+
   100% {
     transform: translatey(0px);
   }

package/src/views/articles/index.ejs

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

package/src/views/events/index.ejs

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

package/src/views/pages/index.ejs

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

package/tailwind.config.js

@@ -1,6 +1,7 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   content: ["./src/**/*.{html,js,ejs}", "../../apps/**/*.{html,js,ejs}"],
+  darkMode: 'selector',
   theme: {
     extend: {
       colors: {