@raketa-cloud/admin 0.0.3 → 0.0.4

package/babel.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  presets: [
+    ["@babel/preset-env", { targets: { node: "current" } }],
+    "@babel/preset-typescript",
+  ],
+};

package/bin/tailwind

@@ -0,0 +1,2 @@
+# npx tailwindcss -i ./src/styles/application.css -o ./dist/application.css --watch
+npx tailwindcss -i ./src/styles/application.css -o ../../apps/admin/static/application.css --watch

package/package.json

@@ -1,32 +1,24 @@
 {
-	"name": "@raketa-cloud/admin",
-	"version": "0.0.3",
-	"private": false,
-	"main": "./dist/index.js",
-	"types": "./dist/index.d.ts",
-	"files": ["dist"],
-	"scripts": {
-		"build": "tsup src/index.ts --format cjs --loader \".js=jsx\"",
-		"dev": "tsup src/index.ts --format cjs --loader \".js=jsx\" --watch",
-		"lint": "biome lint --apply .",
-		"test": "jest --verbose",
-		"format": "prettier --write ."
-	},
-	"devDependencies": {
-		"@jest/globals": "^29.7.0",
-		"@repo/typescript-config": "*",
-		"@turbo/gen": "^1.11.3",
-		"@types/jest": "^29.5.8",
-		"@types/node": "^20.10.6",
-		"jest": "^29.7.0",
-		"ts-jest": "^29.1.1",
-		"tsup": "6.5.0",
-		"typescript": "^5.3.3"
-	},
-	"dependencies": {
-		"@biomejs/biome": "1.5.3",
-		"graphql-request": "^6.1.0",
-		"hono": "^3.12.3",
-		"prettier": "^3.2.4"
-	}
+  "name": "@raketa-cloud/admin",
+  "version": "0.0.4",
+  "main": "src/index.js",
+  "scripts": {
+    "dev": "bin/tailwind",
+    "test": "jest"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.24.7",
+    "@babel/preset-env": "^7.24.7",
+    "@babel/preset-typescript": "^7.24.7",
+    "@repo/typescript-config": "*",
+    "@tailwindcss/forms": "^0.5.7",
+    "@tailwindcss/typography": "^0.5.13",
+    "@types/node": "^20.11.24",
+    "jest": "^29.7.0",
+    "tailwindcss": "^3.4.4",
+    "typescript": "^5.3.3"
+  },
+  "dependencies": {
+    "ejs": "^3.1.10"
+  }
 }

package/src/Adapter.js

@@ -0,0 +1,105 @@
+const nodePath = require("node:path");
+import { existsSync } from "node:fs";
+import ejs from "ejs";
+
+function escapeHtml(string) {
+  var matchHtmlRegExp = /["'&<>]/;
+
+  var str = "" + string;
+  var match = matchHtmlRegExp.exec(str);
+
+  if (!match) {
+    return str;
+  }
+
+  var escape;
+  var html = "";
+  var index = 0;
+  var lastIndex = 0;
+
+  for (index = match.index; index < str.length; index++) {
+    switch (str.charCodeAt(index)) {
+      case 34: // "
+        escape = "&quot;";
+        break;
+      case 38: // &
+        escape = "&amp;";
+        break;
+      case 39: // '
+        escape = "&#39;";
+        break;
+      case 60: // <
+        escape = "&lt;";
+        break;
+      case 62: // >
+        escape = "&gt;";
+        break;
+      default:
+        continue;
+    }
+
+    if (lastIndex !== index) {
+      html += str.substring(lastIndex, index);
+    }
+
+    lastIndex = index + 1;
+    html += escape;
+  }
+
+  return lastIndex !== index ? html + str.substring(lastIndex, index) : html;
+}
+
+const renderError = (message, stack) => {
+  const errorCSS = `
+    * { box-sizing: border-box; margin: 0; padding: 0; }
+    html { font-family: sans-serif; font-size: 16px; padding: 2rem; background-color: pink; }
+    h1 { margin-bottom: 1rem; color: FireBrick; }
+    .fail-squid { font-size: 7rem; }
+    pre { padding: 1.5rem 2rem; border-radius: 0.5rem; background-color: black; color: white; line-height: 1.5; font-size: 1.25rem; }
+  `;
+  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`);
+  },
+};
+
+export default class Adapter {
+  constructor(router) {
+    this.router = router;
+  }
+
+  createResource(_resource, _mapping) {
+    throw new Error("Implement in an adapter");
+  }
+
+  getActionPath(resource, action) {
+    const packagePath = `${nodePath.dirname(__filename)}/views/${resource}/${action}.ejs`;
+    const appPath = `${process.cwd()}/src/views/${resource}/${action}.ejs`;
+
+    return existsSync(appPath) ? appPath : packagePath;
+  }
+
+  async renderLayout(assigns, body) {
+    const layoutTemplate = `${nodePath.dirname(__filename)}/views/layouts/application.ejs`;
+    return await ejs.renderFile(layoutTemplate, { ...assigns, body });
+  }
+
+  async renderAction({ resource, action, assigns }) {
+    const fullTemplatePath = this.getActionPath(resource, action);
+
+    try {
+      const rendered = await ejs.renderFile(fullTemplatePath, assigns);
+      const fullPage = await this.renderLayout(assigns, rendered);
+
+      return fullPage;
+    } catch (e) {
+      const error = `Error rendering:\n ${fullTemplatePath}`;
+      Logger.error(`${error}\n\n${e.stack}`);
+
+      return renderError(error, e.stack);
+    }
+  }
+}

package/src/HonoAdapter.js

@@ -0,0 +1,120 @@
+import Adapter from "./Adapter";
+import RaketaContext from "./RaketaContext";
+
+export default class HonoAdapter extends Adapter {
+  constructor(router) {
+    super(router);
+    this.router = router;
+  }
+
+  async createContext(router, next, verb, resource, action) {
+    return new RaketaContext({
+      router,
+      res: next,
+      req: router.req,
+      method: verb,
+      headers: router.req.header(),
+      rawPath: router.req.routePath,
+      path: router.req.path,
+      url: router.req.url,
+      action,
+      params: router.req.param(),
+      body: await router.req.parseBody(),
+      query: router.req.query(),
+      resource,
+      assigns: {},
+    });
+  }
+
+  createAction([
+    verb,
+    path,
+    resource,
+    action,
+    handler,
+    before_filter,
+    after_filter,
+  ]) {
+    const method = this.getMethod(verb);
+
+    method(path, async (router, next) => {
+      const ctx = await this.createContext(
+        router,
+        next,
+        verb,
+        resource,
+        action
+      );
+
+      console.info(
+        `\x1b[35m[${ctx.method}] ${ctx.rawPath}\x1b[0m -> ${resource}/${action} | ${JSON.stringify(ctx.params)}`
+      );
+
+      const assigns = {
+        beforeFilterAssigns: {},
+        actionAssigns: {},
+        afterFilterAssigns: {},
+      };
+
+      // Process before filters
+      if (before_filter) {
+        const { redirect, assigns: beforeFilterAssigns = {} } =
+          before_filter(ctx) || {};
+
+        if (redirect) return router.redirect(redirect);
+
+        assigns.beforeFilterAssigns = beforeFilterAssigns;
+      }
+
+      // Process action
+      const { redirect, assigns: actionAssigns = {} } = handler(ctx) || {};
+      assigns.actionAssigns = actionAssigns;
+
+      if (redirect) return router.redirect(redirect);
+
+      // Process after filters
+      if (after_filter) {
+        const { redirect, assigns: afterFilterAssigns = {} } =
+          after_filter(ctx) || {};
+
+        if (redirect) return router.redirect(redirect);
+
+        assigns.afterFilterAssigns = afterFilterAssigns;
+      }
+
+      const fullAssigns = {
+        ...ctx.assigns,
+        ...assigns.beforeFilterAssigns,
+        ...assigns.actionAssigns,
+        ...assigns.afterFilterAssigns,
+      };
+
+      const rendered = this.renderAction({
+        resource,
+        action,
+        assigns: fullAssigns,
+      });
+
+      return router.html(rendered);
+    });
+  }
+
+  createResource(mapping) {
+    mapping.forEach((handlerMap) => this.createAction(handlerMap));
+  }
+
+  createNestedResource(mapping) {
+    mapping.forEach((handlerMap) => this.createAction(handlerMap));
+  }
+
+  getMethod(verb) {
+    return (
+      {
+        GET: this.router.get,
+        POST: this.router.post,
+        PUT: this.router.put,
+        DELETE: this.router.delete,
+      }[verb] || this.router.get
+    );
+  }
+}

package/src/RaketaContext.js

@@ -0,0 +1,33 @@
+export default class RaketaContext {
+  constructor({
+    router,
+    res,
+    req,
+    method,
+    headers,
+    rawPath,
+    path,
+    url,
+    action,
+    params,
+    query,
+    body,
+    resource,
+    assigns,
+  }) {
+    this.router = router;
+    this.res = res;
+    this.req = req;
+    this.method = method;
+    this.headers = headers;
+    this.rawPath = rawPath;
+    this.path = path;
+    this.url = url;
+    this.action = action;
+    this.params = params;
+    this.query = query;
+    this.body = body;
+    this.resource = resource;
+    this.assigns = assigns;
+  }
+}

package/src/createNestedResource.js

@@ -0,0 +1,83 @@
+const createNestedResource = (adapter, parent, resource, handler) => {
+  const {
+    before_filter,
+    after_filter,
+    index,
+    show,
+    create_form,
+    edit_form,
+    create,
+    update,
+    destroy,
+  } = handler;
+
+  const mapping = [
+    [
+      "GET",
+      `/${parent}/:parent_id/${resource}`,
+      resource,
+      "index",
+      index,
+      before_filter,
+      after_filter,
+    ],
+    [
+      "GET",
+      `/${parent}/:parent_id/${resource}/new`,
+      resource,
+      "create_form",
+      create_form,
+      before_filter,
+      after_filter,
+    ],
+    [
+      "GET",
+      `/${resource}/:id`,
+      resource,
+      "show",
+      show,
+      before_filter,
+      after_filter,
+    ],
+    [
+      "GET",
+      `/${resource}/:id/edit`,
+      resource,
+      "edit_form",
+      edit_form,
+      before_filter,
+      after_filter,
+    ],
+    [
+      "POST",
+      `/orders/:parent_id/${resource}`,
+      resource,
+      "create",
+      create,
+      before_filter,
+      after_filter,
+    ],
+    [
+      "PUT",
+      `/${resource}/:id`,
+      resource,
+      "update",
+      update,
+      before_filter,
+      after_filter,
+    ],
+    [
+      "DELETE",
+      `/${resource}/:id`,
+      resource,
+      "destroy",
+      destroy,
+      before_filter,
+      after_filter,
+    ],
+  ];
+
+  adapter.createNestedResource(mapping);
+};
+
+export default createNestedResource;

package/src/createResource.js

@@ -0,0 +1,83 @@
+const createResource = (adapter, resource, handler) => {
+  const {
+    before_filter,
+    after_filter,
+    index,
+    show,
+    create_form,
+    edit_form,
+    create,
+    update,
+    destroy,
+  } = handler;
+
+  const mapping = [
+    [
+      "GET",
+      `/${resource}`,
+      resource,
+      "index",
+      index,
+      before_filter,
+      after_filter,
+    ],
+    [
+      "GET",
+      `/${resource}/new`,
+      resource,
+      "create_form",
+      create_form,
+      before_filter,
+      after_filter,
+    ],
+    [
+      "GET",
+      `/${resource}/:id`,
+      resource,
+      "show",
+      show,
+      before_filter,
+      after_filter,
+    ],
+    [
+      "GET",
+      `/${resource}/:id/edit`,
+      resource,
+      "edit_form",
+      edit_form,
+      before_filter,
+      after_filter,
+    ],
+    [
+      "POST",
+      `/${resource}`,
+      resource,
+      "create",
+      create,
+      before_filter,
+      after_filter,
+    ],
+    [
+      "PUT",
+      `/${resource}/:id`,
+      resource,
+      "update",
+      update,
+      before_filter,
+      after_filter,
+    ],
+    [
+      "DELETE",
+      `/${resource}/:id`,
+      resource,
+      "destroy",
+      destroy,
+      before_filter,
+      after_filter,
+    ],
+  ];
+
+  adapter.createResource(mapping);
+};
+
+export default createResource;

package/src/index.js

@@ -0,0 +1,3 @@
+export { default as HonoAdapter } from "./HonoAdapter";
+export { default as createResource } from "./createResource";
+export { default as createNestedResource } from "./createNestedResource";

package/src/styles/application.css

@@ -0,0 +1,17 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer components {
+  .btn-primary {
+    @apply bg-purple-500 text-white inline-block py-1 px-3 rounded;
+  }
+
+  .btn-secondary {
+    @apply bg-neutral-300 text-black inline-block py-1 px-3 rounded;
+  }
+
+  .btn-text {
+    @apply underline underline-offset-2;
+  }
+}

package/src/tests/HonoAdapter.test.js

@@ -0,0 +1,33 @@
+import HonoAdapter from "../HonoAdapter";
+
+class HonoMock {
+  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);
+  });
+});

package/src/tests/createNestedResource.test.js

@@ -0,0 +1,150 @@
+import createNestedResource from "../createNestedResource";
+
+const OrdersHandler = {
+  index: () => {},
+  show: () => {},
+  create_form: () => {},
+  edit_form: () => {},
+  create: () => {},
+  update: () => {},
+  destroy: () => {},
+};
+
+const OrdersHandlerWithFilters = {
+  before_filter: () => {},
+  after_filter: () => {},
+  index: () => {},
+  show: () => {},
+  create_form: () => {},
+  edit_form: () => {},
+  create: () => {},
+  update: () => {},
+  destroy: () => {},
+};
+
+const honoAdapter = {
+  createNestedResource: (_mapping) => {},
+};
+
+const adapterSpy = jest.spyOn(honoAdapter, "createNestedResource");
+
+describe("createNestedResource", () => {
+  test("Valid handler mapping is passed to router", () => {
+    createNestedResource(honoAdapter, "orders", "line_items", OrdersHandler);
+
+    expect(adapterSpy).toHaveBeenCalledWith([
+      [
+        "GET",
+        "/orders/:parent_id/line_items",
+        "line_items",
+        "index",
+        OrdersHandler.index,
+      ],
+      [
+        "GET",
+        "/orders/:parent_id/line_items/new",
+        "line_items",
+        "create_form",
+        OrdersHandler.create_form,
+      ],
+      ["GET", "/line_items/:id", "line_items", "show", OrdersHandler.show],
+      [
+        "GET",
+        "/line_items/:id/edit",
+        "line_items",
+        "edit_form",
+        OrdersHandler.edit_form,
+      ],
+      [
+        "POST",
+        "/orders/:parent_id/line_items",
+        "line_items",
+        "create",
+        OrdersHandler.create,
+      ],
+      ["PUT", "/line_items/:id", "line_items", "update", OrdersHandler.update],
+      [
+        "DELETE",
+        "/line_items/:id",
+        "line_items",
+        "destroy",
+        OrdersHandler.destroy,
+      ],
+    ]);
+  });
+
+  test("Valid handler mapping is passed to router with filters", () => {
+    createNestedResource(
+      honoAdapter,
+      "orders",
+      "line_items",
+      OrdersHandlerWithFilters
+    );
+
+    expect(adapterSpy).toHaveBeenCalledWith([
+      [
+        "GET",
+        "/orders/:parent_id/line_items",
+        "line_items",
+        "index",
+        OrdersHandlerWithFilters.index,
+        OrdersHandlerWithFilters.before_filter,
+        OrdersHandlerWithFilters.after_filter,
+      ],
+      [
+        "GET",
+        "/orders/:parent_id/line_items/new",
+        "line_items",
+        "create_form",
+        OrdersHandlerWithFilters.create_form,
+        OrdersHandlerWithFilters.before_filter,
+        OrdersHandlerWithFilters.after_filter,
+      ],
+      [
+        "GET",
+        "/line_items/:id",
+        "line_items",
+        "show",
+        OrdersHandlerWithFilters.show,
+        OrdersHandlerWithFilters.before_filter,
+        OrdersHandlerWithFilters.after_filter,
+      ],
+      [
+        "GET",
+        "/line_items/:id/edit",
+        "line_items",
+        "edit_form",
+        OrdersHandlerWithFilters.edit_form,
+        OrdersHandlerWithFilters.before_filter,
+        OrdersHandlerWithFilters.after_filter,
+      ],
+      [
+        "POST",
+        "/orders/:parent_id/line_items",
+        "line_items",
+        "create",
+        OrdersHandlerWithFilters.create,
+        OrdersHandlerWithFilters.before_filter,
+        OrdersHandlerWithFilters.after_filter,
+      ],
+      [
+        "PUT",
+        "/line_items/:id",
+        "line_items",
+        "update",
+        OrdersHandlerWithFilters.update,
+        OrdersHandlerWithFilters.before_filter,
+        OrdersHandlerWithFilters.after_filter,
+      ],
+      [
+        "DELETE",
+        "/line_items/:id",
+        "line_items",
+        "destroy",
+        OrdersHandlerWithFilters.destroy,
+        OrdersHandlerWithFilters.before_filter,
+        OrdersHandlerWithFilters.after_filter,
+      ],
+    ]);
+  });
+});