@raketa-cloud/admin 0.0.3 → 0.0.5

package/src/routeNestedMember.js

@@ -0,0 +1,40 @@
+const routeNestedMember = (adapter, parent, resource, handler) => {
+  const { before_filter, after_filter, show, edit_form, update } = handler;
+
+  const mapping = [
+    [
+      "GET",
+      `/${parent}/:parent_id/${resource}`,
+      resource,
+      `${parent}/${resource}`,
+      "show",
+      show,
+      before_filter,
+      after_filter,
+    ],
+    [
+      "GET",
+      `/${parent}/:parent_id/${resource}/edit`,
+      resource,
+      `${parent}/${resource}`,
+      "edit_form",
+      edit_form,
+      before_filter,
+      after_filter,
+    ],
+    [
+      "POST",
+      `/${parent}/:parent_id/${resource}`,
+      resource,
+      `${parent}/${resource}`,
+      "edit_form",
+      update,
+      before_filter,
+      after_filter,
+    ],
+  ];
+
+  adapter.routeNestedMember(mapping);
+};
+
+export default routeNestedMember;

package/src/setGlobalConfig.js

@@ -0,0 +1,5 @@
+const setGlobalConfig = (adapter, func) => {
+  adapter.setGlobalConfig(func);
+};
+
+export default setGlobalConfig;

package/src/setGlobalContext.js

@@ -0,0 +1,5 @@
+const setGlobalContext = (adapter, func) => {
+  adapter.setGlobalContext(func);
+};
+
+export default setGlobalContext;

package/src/setupAuthentication.js

@@ -0,0 +1,99 @@
+const nodePath = require("node:path");
+import ejs from "ejs";
+import { deleteCookie, getCookie, setCookie } from "hono/cookie";
+import AuthHelper from "./helpers/AuthHelper";
+
+function getAuthBearer(c) {
+  const authHeader = c.req.header("Authorization") || "";
+
+  return authHeader.replace("Bearer ", "");
+}
+
+const setupAuthentication = (app, opts) => {
+  app.use(async (c, next) => {
+    const token = getCookie(c, AuthHelper.cookie_key) || getAuthBearer(c);
+
+    const status = AuthHelper.isAuthenticated({ path: c.req.path, token });
+
+    if (!status) {
+      return c.redirect("/login");
+    }
+
+    if (token) {
+      const { info } = AuthHelper.parseJWT(token);
+      c.set("authentication", { token, user: info });
+    }
+
+    await next();
+  });
+
+  app.get("/login", async (c) => {
+    const googleURL = AuthHelper.getGoogleURL();
+    const templatePath = `${nodePath.dirname(__filename)}/views/_auth/login.ejs`;
+
+    const rendered = await ejs.renderFile(templatePath, {
+      googleURL,
+      error: c.req.query("err"),
+    });
+
+    return c.html(rendered);
+  });
+
+  app.get("/auth/google/callback", (c) => {
+    const token = c.req.query("token") || "";
+
+    const {
+      info: { active },
+    } = AuthHelper.parseJWT(token);
+
+    if (!AuthHelper.verifyJWT(token)) return c.redirect("/login?err=expired");
+    if (!active) return c.redirect("/login?err=not_activated");
+
+    const isLocalhost = c.req.url.includes("http://localhost");
+    setCookie(c, AuthHelper.cookie_key, token, {
+      path: "/",
+      httpOnly: true,
+      secure: !isLocalhost,
+    });
+
+    return c.redirect("/en/pages");
+  });
+
+  app.get("/logout", (c) => {
+    deleteCookie(c, AuthHelper.cookie_key);
+    return c.redirect("/login");
+  });
+
+  // Routes related to the remote project handling
+  app.get("/remote-login", (c) => {
+    const token = getCookie(c, AuthHelper.cookie_key);
+
+    if (!AuthHelper.verifyJWT(token)) {
+      return c.redirect("/login");
+    }
+
+    setCookie(c, opts.remote.cookie_key, token, {
+      path: "/",
+      httpOnly: true,
+      secure: true,
+      domain: opts.remote.domain,
+    });
+
+    return c.redirect([opts.remote.host, c.req.query().redirect_to].join(""));
+  });
+
+  app.get("/profile", (c) => {
+    const token = getAuthBearer(c);
+
+    // TODO: Here we may update the Gateway API to have the check dinamically done in the backend!
+    if (AuthHelper.verifyJWT(token)) {
+      c.res.status = 200;
+      return c.json({ message: "OK" });
+    } else {
+      c.res.status = 401;
+      return c.res.json({ message: "Unauthorized" });
+    }
+  });
+};
+
+export default setupAuthentication;

package/src/styles/application.css

@@ -0,0 +1,479 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  --background: 255, 255, 255;
+  --foreground: 0, 0, 0;
+  --primary: 110, 110, 178;
+  /* --primary: 0, 0, 0; */
+  --primary-light: 157, 157, 210;
+  --primary-dark: 88, 88, 142;
+  /* --primary-dark: 0, 0, 0; */
+}
+
+@layer components {
+  /* Utils */
+  .dbg {
+    @apply outline-1 outline-dashed outline-red-500;
+  }
+
+  .chip {
+    @apply bg-slate-200 text-raketa-foreground px-2.5 py-1 rounded-full text-xs font-semibold;
+  }
+
+  .help {
+    @apply bg-[#f0f0f8] body-2 p-4 rounded sticky top-6;
+  }
+
+  /* Typography */
+  .heading-1 {
+    @apply text-2xl font-semibold text-raketa-foreground;
+  }
+
+  .heading-2 {
+    @apply text-lg font-semibold text-raketa-foreground;
+  }
+
+  .heading-3 {
+    @apply font-semibold text-raketa-foreground;
+  }
+
+  .body-1 {
+    @apply leading-[1.5] text-base text-raketa-foreground;
+  }
+
+  .body-2 {
+    @apply leading-[1.5] text-sm text-raketa-foreground;
+  }
+
+  .body-3 {
+    @apply leading-[1.5] text-xs text-raketa-foreground;
+  }
+
+  /* Buttons */
+  .btn-primary,
+  .btn-secondary {
+    @apply inline-block px-3 py-2 font-medium rounded border;
+  }
+
+  .btn-primary,
+  .btn-secondary,
+  .btn-text,
+  .btn-danger {
+    @apply text-sm transition-all duration-300 ease-in-out;
+
+    &.has-icon {
+      @apply flex items-center gap-1.5;
+    }
+  }
+
+  .btn-primary {
+    @apply text-white bg-raketa-primary border-raketa-primary hover:bg-raketa-primary-dark hover:border-raketa-primary-dark;
+  }
+
+  .btn-secondary {
+    @apply text-raketa-primary bg-transparent border-raketa-primary hover:bg-raketa-primary-dark hover:border-raketa-primary-dark hover:text-white;
+  }
+
+  .btn-text,
+  .btn-danger {
+    @apply inline-block font-medium underline underline-offset-4;
+  }
+
+  .btn-text {
+    @apply text-raketa-primary hover:text-raketa-foreground;
+  }
+
+  .btn-danger {
+    @apply text-red-600 hover:text-raketa-foreground;
+  }
+
+  .btn-toolbar {
+    @apply flex items-center gap-1;
+
+    .btn-text,
+    .btn-danger {
+      @apply px-2;
+    }
+  }
+
+  .form-actions {
+    @apply flex justify-between items-center;
+  }
+
+  /* Forms */
+  .form {
+    @apply pb-8;
+
+    label {
+      @apply block cursor-pointer text-sm font-semibold w-fit;
+    }
+
+    input,
+    select,
+    textarea {
+      @apply border border-neutral-300 rounded px-3 py-2 w-full shadow-inner;
+    }
+
+    textarea {
+      @apply min-h-[150px];
+    }
+
+    .has-error input,
+    .has-error select,
+    .has-error textarea {
+      @apply border-red-600;
+    }
+
+    .checkbox-group {
+      @apply max-h-[200px] overflow-y-auto py-1 px-2 mt-1 rounded shadow-inner border border-neutral-300;
+    }
+
+    .checkbox-group label {
+      @apply flex gap-2 text-nowrap items-center py-2;
+    }
+
+    .checkbox-group input[type="checkbox"] {
+      @apply size-4 px-0;
+    }
+
+    .checkbox-wrapper {
+      @apply flex gap-2 text-nowrap;
+    }
+
+    .checkbox-wrapper input[type="checkbox"] {
+      @apply size-4 px-0;
+    }
+  }
+
+  .inline-form {
+    @apply relative;
+
+    svg {
+      @apply absolute top-2.5 left-3.5 text-neutral-400;
+    }
+
+    input[type="search"] {
+      @apply border border-neutral-300 rounded px-0 py-1.5 pl-8;
+    }
+  }
+
+  /* Tables */
+  .data-grid {
+    @apply text-sm text-left body-1 w-full text-raketa-foreground/60 rounded-t overflow-hidden;
+
+    th,
+    td {
+      @apply p-3 border-b border-neutral-200 transition-all duration-100 ease-in-out;
+    }
+
+    th {
+      @apply bg-neutral-100 text-raketa-foreground;
+    }
+
+    tbody {
+      tr:hover {
+        td {
+          @apply border-neutral-300 bg-neutral-50 text-raketa-foreground;
+        }
+      }
+    }
+
+    .btn-sort {
+      @apply inline-flex items-center gap-1.5 text-raketa-foreground hover:text-raketa-primary;
+
+      svg {
+        @apply text-neutral-400;
+      }
+
+      &.is-active {
+        svg {
+          @apply text-black;
+        }
+      }
+    }
+
+    .number {
+      @apply text-right;
+    }
+
+    .bool {
+      @apply text-center;
+
+      svg {
+        @apply inline-block;
+      }
+    }
+
+    .with-icon {
+      @apply inline-flex items-center gap-1 leading-none relative top-0.5;
+    }
+
+    .actions {
+      @apply w-1 whitespace-nowrap;
+    }
+
+    &.alt {
+      @apply bg-[#F0F0F8];
+
+      th {
+        @apply bg-[#c6c6e5];
+      }
+
+      tbody {
+        tr:hover {
+          td {
+            @apply border-neutral-300 bg-neutral-50 text-raketa-foreground;
+          }
+        }
+      }
+    }
+  }
+
+  /* Pagination */
+  .pagination {
+    @apply text-center py-8 text-raketa-foreground/50;
+
+    & > div {
+      @apply inline-flex items-center gap-4;
+    }
+
+    input {
+      @apply border border-neutral-300 rounded-sm w-20 text-right mr-1;
+    }
+
+    .is-inactive {
+      @apply cursor-not-allowed opacity-30 hover:text-raketa-primary;
+    }
+  }
+
+  /* Hacks */
+  .unstyled-details {
+    @apply appearance-none;
+
+    .icon-toggle {
+      @apply transition-all ease-in-out duration-300;
+    }
+  }
+
+  .unstyled-details[open] {
+    .icon-toggle {
+      @apply rotate-180;
+    }
+  }
+
+  .unstyled-details summary::-webkit-details-marker {
+    display: none;
+  }
+}
+
+.space-the-final-frontier {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  height: 1px;
+  width: 1px;
+  background-color: #fff;
+  border-radius: 50%;
+  box-shadow:
+    -42vw -4vh 0px 0px #fff,
+    25vw -41vh 0px 0px #fff,
+    -20vw 49vh 0px 1px #fff,
+    5vw 40vh 1px 1px #fff,
+    29vw 19vh 1px 0px #fff,
+    -44vw -13vh 0px 0px #fff,
+    46vw 41vh 0px 1px #fff,
+    -3vw -45vh 0px 1px #fff,
+    47vw 35vh 1px 0px #fff,
+    12vw -8vh 1px 0px #fff,
+    -34vw 48vh 1px 1px #fff,
+    32vw 26vh 1px 1px #fff,
+    32vw -41vh 1px 1px #fff,
+    0vw 37vh 1px 1px #fff,
+    34vw -26vh 1px 0px #fff,
+    -14vw -49vh 1px 0px #fff,
+    -12vw 45vh 0px 1px #fff,
+    -44vw -33vh 0px 1px #fff,
+    -13vw 41vh 0px 0px #fff,
+    -36vw -11vh 0px 1px #fff,
+    -23vw -24vh 1px 0px #fff,
+    -38vw -27vh 0px 1px #fff,
+    16vw -19vh 0px 0px #fff,
+    28vw 33vh 1px 0px #fff,
+    -49vw -4vh 0px 0px #fff,
+    16vw 32vh 0px 1px #fff,
+    36vw -18vh 1px 0px #fff,
+    -25vw -30vh 1px 0px #fff,
+    -23vw 24vh 0px 1px #fff,
+    -2vw -35vh 1px 1px #fff,
+    -25vw 9vh 0px 0px #fff,
+    -15vw -34vh 0px 0px #fff,
+    -8vw -19vh 1px 0px #fff,
+    -20vw -20vh 1px 1px #fff,
+    42vw 50vh 0px 1px #fff,
+    -32vw 10vh 1px 0px #fff,
+    -23vw -17vh 0px 0px #fff,
+    44vw 15vh 1px 0px #fff,
+    -40vw 33vh 1px 1px #fff,
+    -43vw 8vh 0px 0px #fff,
+    -48vw -15vh 1px 1px #fff,
+    -24vw 17vh 0px 0px #fff,
+    -31vw 50vh 1px 0px #fff,
+    36vw -38vh 0px 1px #fff,
+    -7vw 48vh 0px 0px #fff,
+    15vw -32vh 0px 0px #fff,
+    29vw -41vh 0px 0px #fff,
+    2vw 37vh 1px 0px #fff,
+    7vw -40vh 1px 1px #fff,
+    15vw 18vh 0px 0px #fff,
+    25vw -13vh 1px 1px #fff,
+    -46vw -12vh 1px 1px #fff,
+    -18vw 22vh 0px 0px #fff,
+    23vw -9vh 1px 0px #fff,
+    50vw 12vh 0px 1px #fff,
+    45vw 2vh 0px 0px #fff,
+    14vw -48vh 1px 0px #fff,
+    23vw 43vh 0px 1px #fff,
+    -40vw 16vh 1px 1px #fff,
+    20vw -31vh 0px 1px #fff,
+    -17vw 44vh 1px 1px #fff,
+    18vw -45vh 0px 0px #fff,
+    33vw -6vh 0px 0px #fff,
+    0vw 7vh 0px 1px #fff,
+    -10vw -18vh 0px 1px #fff,
+    -19vw 5vh 1px 0px #fff,
+    1vw 42vh 0px 0px #fff,
+    22vw 48vh 0px 1px #fff,
+    39vw -8vh 1px 1px #fff,
+    -6vw -42vh 1px 0px #fff,
+    -47vw 34vh 0px 0px #fff,
+    -46vw 19vh 0px 1px #fff,
+    -12vw -32vh 0px 0px #fff,
+    -45vw -38vh 0px 1px #fff,
+    -28vw 18vh 1px 0px #fff,
+    -38vw -46vh 1px 1px #fff,
+    49vw -6vh 1px 1px #fff,
+    -28vw 18vh 1px 1px #fff,
+    10vw -24vh 0px 1px #fff,
+    -5vw -11vh 1px 1px #fff,
+    33vw -8vh 1px 0px #fff,
+    -16vw 17vh 0px 0px #fff,
+    18vw 27vh 0px 1px #fff,
+    -8vw -10vh 1px 1px #fff;
+
+  /* stars were too big with the layers above but left the code in case no one cares  -- as in, if noone's just that  one other loner who actually cares    */
+
+  box-shadow:
+    24vw 9vh 1px 0px #fff,
+    12vw -24vh 0px 1px #fff,
+    -45vw -22vh 0px 0px #fff,
+    -37vw -40vh 0px 1px #fff,
+    29vw 19vh 0px 1px #fff,
+    4vw -8vh 0px 1px #fff,
+    -5vw 21vh 1px 1px #fff,
+    -27vw 26vh 1px 1px #fff,
+    -47vw -3vh 1px 1px #fff,
+    -28vw -30vh 0px 1px #fff,
+    -43vw -27vh 0px 1px #fff,
+    4vw 22vh 1px 1px #fff,
+    36vw 23vh 0px 0px #fff,
+    -21vw 24vh 1px 1px #fff,
+    -16vw 2vh 1px 0px #fff,
+    -16vw -6vh 0px 0px #fff,
+    5vw 26vh 0px 0px #fff,
+    -34vw 41vh 0px 0px #fff,
+    1vw 42vh 1px 1px #fff,
+    11vw -13vh 1px 1px #fff,
+    48vw -8vh 1px 0px #fff,
+    22vw -15vh 0px 0px #fff,
+    45vw 49vh 0px 0px #fff,
+    43vw -27vh 1px 1px #fff,
+    20vw -2vh 0px 0px #fff,
+    8vw 22vh 0px 1px #fff,
+    39vw 48vh 1px 1px #fff,
+    -21vw -11vh 0px 1px #fff,
+    -40vw 45vh 0px 1px #fff,
+    11vw -30vh 1px 0px #fff,
+    26vw 30vh 1px 0px #fff,
+    45vw -29vh 0px 1px #fff,
+    -2vw 18vh 0px 0px #fff,
+    -29vw -45vh 1px 0px #fff,
+    -7vw -27vh 1px 1px #fff,
+    42vw 24vh 0px 0px #fff,
+    45vw -48vh 1px 0px #fff,
+    -36vw -18vh 0px 0px #fff,
+    -44vw 13vh 0px 1px #fff,
+    36vw 16vh 0px 1px #fff,
+    40vw 24vh 0px 0px #fff,
+    18vw 11vh 0px 0px #fff,
+    -15vw -23vh 1px 0px #fff,
+    -24vw 48vh 0px 1px #fff,
+    27vw -45vh 1px 0px #fff,
+    -2vw -24vh 0px 1px #fff,
+    -15vw -28vh 0px 0px #fff,
+    -43vw 13vh 1px 0px #fff,
+    7vw 27vh 1px 0px #fff,
+    47vw 5vh 0px 0px #fff,
+    -45vw 15vh 1px 1px #fff,
+    -5vw -28vh 0px 1px #fff,
+    38vw 25vh 1px 1px #fff,
+    -39vw -1vh 1px 0px #fff,
+    5vw 0vh 1px 0px #fff,
+    49vw 13vh 0px 0px #fff,
+    48vw 10vh 0px 1px #fff,
+    19vw -28vh 0px 0px #fff,
+    4vw 7vh 0px 0px #fff,
+    21vw 21vh 1px 1px #fff,
+    -15vw -15vh 0px 1px #fff,
+    -6vw -42vh 1px 0px #fff,
+    -15vw 48vh 1px 1px #fff,
+    -23vw 25vh 1px 1px #fff,
+    -48vw 25vh 0px 1px #fff,
+    -31vw -19vh 0px 1px #fff,
+    4vw 37vh 1px 1px #fff,
+    -43vw 28vh 0px 0px #fff,
+    3vw -25vh 0px 1px #fff,
+    -39vw 14vh 0px 1px #fff,
+    -40vw 31vh 0px 1px #fff,
+    35vw -36vh 1px 1px #fff,
+    16vw 49vh 0px 0px #fff,
+    6vw 39vh 0px 0px #fff,
+    3vw -35vh 0px 1px #fff,
+    -44vw -2vh 1px 0px #fff,
+    -6vw 21vh 1px 0px #fff,
+    48vw 9vh 1px 1px #fff,
+    -43vw 30vh 1px 1px #fff,
+    29vw -12vh 1px 1px #fff,
+    -48vw 13vh 1px 0px #fff,
+    -42vw 32vh 1px 1px #fff,
+    34vw 15vh 1px 1px #fff,
+    29vw -37vh 1px 1px #fff,
+    28vw 2vh 0px 0px #fff;
+  animation: zoom 20s forwards;
+}
+
+@keyframes zoom {
+  0% {
+    transform: scale(1);
+  }
+  100% {
+    transform: scale(1.5);
+  }
+}
+
+.animate-float {
+  animation: float 6s ease-in-out infinite;
+}
+
+@keyframes float {
+  0% {
+    transform: translatey(0px);
+  }
+  50% {
+    transform: translatey(-40px);
+  }
+  100% {
+    transform: translatey(0px);
+  }
+}

package/src/tests/Adapter.test.js

@@ -0,0 +1,39 @@
+import Adapter from "../Adapter";
+
+const adapter = new Adapter({});
+
+describe("Adapter", () => {
+  test("parseFormBody returns an object with parsed keys", () => {
+    expect(
+      adapter.parseFormBody({
+        "order[email]": "john@example.com",
+        "order[uid]": "order-id",
+        "order[vouchers]": ["42", 420],
+        "order[items][1][name]": "A beer",
+        "order[items][1][price]": 5,
+        "order[items][1][qty]": 3,
+        "order[items][2][name]": "A t-shirt",
+        "order[items][2][price]": 20,
+        "order[items][2][qty]": 1,
+      })
+    ).toEqual({
+      order: {
+        email: "john@example.com",
+        uid: "order-id",
+        vouchers: ["42", 420],
+        items: {
+          1: {
+            name: "A beer",
+            price: 5,
+            qty: 3,
+          },
+          2: {
+            name: "A t-shirt",
+            price: 20,
+            qty: 1,
+          },
+        },
+      },
+    });
+  });
+});

package/src/tests/HonoAdapter.test.js

@@ -0,0 +1,34 @@
+import HonoAdapter from "../HonoAdapter";
+
+class HonoMock {
+  use() {}
+  get() {}
+  post() {}
+  put() {}
+  delete() {}
+}
+
+const app = new HonoMock();
+const adapter = new HonoAdapter(app);
+
+describe("HonoAdapter", () => {
+  test("getMethod returns Hono's get for invalid verbs", () => {
+    expect(adapter.getMethod("not existing")).toBe(app.get);
+  });
+
+  test("getMethod for GET", () => {
+    expect(adapter.getMethod("GET")).toBe(app.get);
+  });
+
+  test("getMethod for POST", () => {
+    expect(adapter.getMethod("POST")).toBe(app.post);
+  });
+
+  test("getMethod for PUT", () => {
+    expect(adapter.getMethod("PUT")).toBe(app.put);
+  });
+
+  test("getMethod for DELETE", () => {
+    expect(adapter.getMethod("DELETE")).toBe(app.delete);
+  });
+});