@raketa-cloud/admin 0.0.2 → 0.0.4

package/src/tests/createResource.test.js

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

package/src/views/layouts/application.ejs

@@ -0,0 +1,22 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Administration</title>
+
+    <link rel="stylesheet" href="/static/application.css" />
+    <script src="https://unpkg.com/htmx.org@1.9.12"></script>
+  </head>
+  <body>
+    <header class="text-red-500">
+      <div class="container mx-auto">Header</div>
+    </header>
+
+    <div class="container mx-auto"><%- body %></div>
+
+    <header>
+      <div class="container mx-auto">Footer</div>
+    </header>
+  </body>
+</html>

package/src/views/redirects/index.ejs

@@ -0,0 +1 @@
+<h1>Hello from package</h1>

package/tailwind.config.js

@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ["./src/**/*.{html,js,ejs}", "../../apps/**/*.{html,js,ejs}"],
+  theme: {
+    extend: {},
+  },
+  plugins: [require("@tailwindcss/typography"), require("@tailwindcss/forms")],
+};

package/tsconfig.json

@@ -1,15 +1,15 @@
 {
-	"extends": "@repo/typescript-config/react-library.json",
-	"compilerOptions": {
-		"jsx": "react-jsx",
-		"jsxImportSource": "hono/jsx",
-		"outDir": "dist",
-		"types": ["node", "@types/jest"],
-		"baseUrl": ".",
-		"paths": {
-			"@App/*": ["src/*"]
-		}
-	},
-	"include": ["src"],
-	"exclude": ["node_modules", "dist"]
-}
+  "extends": "@repo/typescript-config/react-library.json",
+  "compilerOptions": {
+    "outDir": "dist",
+    "jsx": "react-jsx",
+    "jsxImportSource": "hono/jsx"
+  },
+  "include": [
+    "src"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist"
+  ]
+}

package/tsconfig.lint.json

@@ -0,0 +1,8 @@
+{
+  "extends": "@repo/typescript-config/react-library.json",
+  "compilerOptions": {
+    "outDir": "dist"
+  },
+  "include": ["src", "turbo"],
+  "exclude": ["node_modules", "dist"]
+}

package/biome.json

@@ -1,6 +0,0 @@
-{
-  "extends": ["../../biome.json"],
-  "files": {
-    "ignore": ["src/lib/logger.tsx"]
-  }
-}

package/jest.config.js

@@ -1,15 +0,0 @@
-const { pathsToModuleNameMapper } = require("ts-jest");
-const { compilerOptions } = require("./tsconfig.json");
-
-module.exports = {
-  clearMocks: true,
-  preset: "ts-jest",
-  testEnvironment: "node",
-  globalSetup: "./tests/support/setup.js",
-  transform: {
-    "^.+\\.ts?$": "ts-jest",
-  },
-  roots: ["."],
-  modulePaths: [compilerOptions.baseUrl],
-  moduleNameMapper: pathsToModuleNameMapper(compilerOptions.paths),
-};

package/src/app.tsx

@@ -1,19 +0,0 @@
-import { Hono } from "hono";
-import logger from "src/middleware/logger";
-import httpLogger from "src/middleware/http_logger";
-import auth from "src/middleware/authentication";
-
-import tagsApp from "src/crud/tags";
-import loginApp from "src/crud/login";
-import logoutApp from "src/crud/logout";
-
-const app = new Hono();
-app.use("*", logger);
-app.use("*", httpLogger);
-app.use("*", auth);
-
-app.route("/", tagsApp);
-app.route("/", loginApp);
-app.route("/", logoutApp);
-
-export default app;

package/src/crud/login.tsx

@@ -1,99 +0,0 @@
-import { Hono } from "hono";
-import type { FC } from "hono/jsx";
-import Layout from "src/shared/Layout";
-import login from "src/lib/gateway/login";
-import { setCookie, deleteCookie } from "hono/cookie";
-import { decode } from "hono/jwt";
-import { CookieOptions } from "hono/utils/cookie";
-
-const app = new Hono();
-
-// Login part
-const LoginForm: FC = ({ login = {}, errors = {} }) => {
-  return (
-    <div class="container mx-auto py-16">
-      <h1 class="mb-8 text-2xl font-bold">Login</h1>
-
-      {errors.general && (
-        <p>
-          <span>{errors.general}</span>
-        </p>
-      )}
-
-      <form method="POST" action="/login">
-        <div class="flex gap-2">
-          <label>Email</label>
-          <input type="email" value={login.email} name="email" class="border" />
-          {errors.email && <span>{errors.email}</span>}
-        </div>
-
-        <div class="flex gap-2">
-          <label>Password</label>
-          <input type="password" value="" name="password" class="border" />
-        </div>
-
-        <div class="flex gap-4">
-          <button type="submit">Login</button>
-        </div>
-      </form>
-    </div>
-  );
-};
-
-app.get("/login", async (c) => {
-  const errors = {};
-
-  if (c.req.query().reason === "inactive") {
-    (errors as any).general =
-      "Your user is not activated. Please contact your administrator for more information";
-  }
-
-  return c.html(
-    <Layout context={c}>
-      <LoginForm errors={errors} />
-    </Layout>,
-  );
-});
-
-app.post("/login", async (c) => {
-  const body = await c.req.parseBody();
-
-  const email = body.email as string;
-  const password = body.password as string;
-
-  const resp = await login.create(email, password, c);
-
-  if ((resp as any).login.errors) {
-    const errors = {};
-
-    (resp as any).login.errors.forEach((error: any) => {
-      const key = error.key;
-
-      (errors as any)[key] = [(errors as any)[key] || "", error.message]
-        .filter(Boolean)
-        .join("; ");
-    });
-
-    deleteCookie(c, "authToken");
-    return c.html(
-      <Layout context={c}>
-        <LoginForm login={{ email }} errors={errors} />
-      </Layout>,
-    );
-  }
-
-  const token = (resp as any).login.accessToken;
-  const expiration =
-    (decode(token) as any).payload.exp ||
-    (new Date().getTime() / 1000).toFixed(0);
-
-  const opts = {
-    expires: new Date(expiration * 1000),
-  } as CookieOptions;
-
-  setCookie(c, "authToken", token, opts);
-
-  return c.redirect("/tags", 301);
-});
-
-export default app;

package/src/crud/logout.tsx

@@ -1,14 +0,0 @@
-import { Hono } from "hono";
-import { deleteCookie } from "hono/cookie";
-
-const app = new Hono();
-
-app.delete("/logout", async (c) => {
-  deleteCookie(c, "authToken");
-
-  c.header("HX-Redirect", "/login");
-  c.status(201);
-  return c.json({ message: "Bye" });
-});
-
-export default app;

package/src/crud/tags.tsx

@@ -1,235 +0,0 @@
-import type { FC } from "hono/jsx";
-import { Hono } from "hono";
-import tags from "src/lib/dxp/private/tags";
-import Layout from "src/shared/Layout";
-
-const TagsList: FC = ({ data }) => {
-  // TODO: Pagination!
-  const list = data?.tags?.list || [];
-
-  const results = list.map((tag: any) => (
-    <tr class="bg-transparent hover:bg-yellow-50 transition">
-      <td class="p-4 border-b">
-        <a
-          href={`/tags/${tag.id}/edit`}
-          class="underline font-semibold hover:no-underline"
-        >
-          {tag.name}
-        </a>
-      </td>
-      <td class="p-4 border-b">{tag.slug}</td>
-    </tr>
-  ));
-
-  return (
-    <>
-      {results.length > 0 && results}
-      {results.length === 0 && (
-        <tr>
-          <td colspan={2} class="p-4">
-            Not found.
-          </td>
-        </tr>
-      )}
-    </>
-  );
-};
-
-const Tags: FC = ({ data }) => {
-  return (
-    <div class="container mx-auto py-16">
-      <h1 class="mb-8 text-2xl font-bold">Tags</h1>
-
-      <a href="/tags/new">New</a>
-
-      <table class="w-full">
-        <thead>
-          <tr>
-            <th class="p-4 border-b text-left">Name</th>
-            <th class="p-4 border-b text-left">URL</th>
-          </tr>
-        </thead>
-        <TagsList data={data} />
-      </table>
-    </div>
-  );
-};
-
-const Form: FC = ({ action, tag, errors = {} }) => {
-  return (
-    <form method="POST" action={action}>
-      <div class="flex gap-2">
-        <label>Name</label>
-        <input type="text" value={tag.name} name="name" class="border" />
-        {errors.name && <span>{errors.name}</span>}
-      </div>
-
-      <div class="flex gap-2">
-        <label>URL</label>
-        <input type="text" value={tag.slug} name="slug" class="border" />
-        {errors.slug && <span>{errors.slug}</span>}
-      </div>
-
-      <div class="flex gap-4">
-        <button type="submit">Save</button>
-        <a href="/tags">Back</a>
-        {tag.id && (
-          <button
-            type="button"
-            hx-delete={`/tags/${tag.id}`}
-            hx-confirm="Are you sure you wish to delete this tag?"
-          >
-            DELETE
-          </button>
-        )}
-      </div>
-    </form>
-  );
-};
-
-const EditForm: FC = ({ tag, errors = {} }) => {
-  return (
-    <div class="container mx-auto py-16">
-      <h1 class="mb-8 text-2xl font-bold">Tags</h1>
-
-      <Form action={`/tags/${tag.id}`} tag={tag} errors={errors} />
-    </div>
-  );
-};
-
-const NewForm: FC = ({ tag = {}, errors = {} }) => {
-  return (
-    <div class="container mx-auto py-16">
-      <h1 class="mb-8 text-2xl font-bold">Tags</h1>
-
-      <Form action="/tags" tag={tag} errors={errors} />
-    </div>
-  );
-};
-
-const app = new Hono();
-
-app.get("/tags", async (c) => {
-  const data = await tags.list({ input: { locale: "en" } }, c);
-
-  return c.html(
-    <Layout context={c}>
-      <Tags data={data} />
-    </Layout>,
-  );
-});
-
-app.get("/tags/new", (c) => c.html(<NewForm />));
-
-app.get("/tags/:id/edit", async (c) => {
-  const { tag }: any = await tags.find(parseInt(c.req.param().id, 10), "en", c);
-
-  return c.html(
-    <Layout context={c}>
-      <EditForm tag={tag} />
-    </Layout>,
-  );
-});
-
-app.delete("/tags/:id", async (c) => {
-  const { tag }: any = await tags.find(parseInt(c.req.param().id, 10), "en", c);
-  const resp = await tags.delete(tag.id, "en", c);
-  const deleteTag = (resp as any).deleteTag;
-
-  if (deleteTag.errors) {
-    throw `ERROR: ${deleteTag.errors}`;
-  }
-
-  c.header("HX-Redirect", "/tags");
-  c.status(201);
-
-  return c.json(deleteTag.tag);
-});
-
-app.post("/tags/:id", async (c) => {
-  const body = await c.req.parseBody();
-
-  const { tag }: any = await tags.find(parseInt(c.req.param().id, 10), "en", c);
-
-  const resp = await tags.update(
-    {
-      input: {
-        locale: "en",
-        id: tag.id,
-        tag: {
-          name: body.name as string,
-          slug: body.slug as string,
-        },
-      },
-    },
-    c,
-  );
-
-  if ((resp as any).updateTag.errors) {
-    const errors = {};
-
-    (resp as any).updateTag.errors.forEach((error: any) => {
-      const key = error.key;
-
-      (errors as any)[key] = [(errors as any)[key] || "", error.message]
-        .filter(Boolean)
-        .join("; ");
-    });
-
-    return c.html(
-      <Layout context={c}>
-        <EditForm
-          tag={{
-            id: tag.id,
-            name: body.name as string,
-            slug: body.slug as string,
-          }}
-          errors={errors}
-        />
-      </Layout>,
-    );
-  }
-
-  return c.redirect("/tags", 301);
-});
-
-app.post("/tags", async (c) => {
-  const body = await c.req.parseBody();
-
-  const tag = {
-    name: body.name as string,
-    slug: body.slug as string,
-  };
-
-  const resp = await tags.create(
-    {
-      input: {
-        locale: "en",
-        tag,
-      },
-    },
-    c,
-  );
-
-  if ((resp as any).createTag.errors) {
-    const errors = {};
-
-    (resp as any).createTag.errors.forEach((error: any) => {
-      const key = error.key;
-
-      (errors as any)[key] = [(errors as any)[key] || "", error.message]
-        .filter(Boolean)
-        .join("; ");
-    });
-
-    return c.html(
-      <Layout context={c}>
-        <NewForm tag={tag} errors={errors} />
-      </Layout>,
-    );
-  }
-
-  return c.redirect("/tags", 301);
-});
-
-export default app;

package/src/index.ts

@@ -1 +0,0 @@
-export { default as adminApp } from "./app";

package/src/lib/dxp/private/tags.ts

@@ -1,106 +0,0 @@
-import { Context } from "hono";
-import { dxpPrivateRequest } from "../protocol";
-import { gql } from "../../gqlEngine";
-
-const TagsDocument = gql`
-  query Tags($input: TagsInput!) {
-    tags(input: $input) {
-      list {
-        id
-        name
-        slug
-      }
-      pagination {
-        currentPage
-        pagesCount
-        entriesCount
-        pageSize
-      }
-    }
-  }
-`;
-
-const CreateTagDocument = gql`
-  mutation CreateTag($input: CreateTagInput!) {
-    createTag(input: $input) {
-      tag {
-        id
-        slug
-        name
-      }
-      errors {
-        key
-        message
-        codes {
-          key
-          placeholders
-        }
-      }
-    }
-  }
-`;
-
-const UpdateTagDocument = gql`
-  mutation UpdateTag($input: UpdateTagInput!) {
-    updateTag(input: $input) {
-      tag {
-        id
-        slug
-        name
-      }
-      errors {
-        key
-        message
-        codes {
-          key
-          placeholders
-        }
-      }
-    }
-  }
-`;
-
-const DeleteTagDocument = gql`
-  mutation DeleteTag($input: IdInput!) {
-    deleteTag(input: $input) {
-      tag {
-        id
-        slug
-        name
-      }
-      errors {
-        key
-        message
-        codes {
-          key
-          placeholders
-        }
-      }
-    }
-  }
-`;
-
-const TagByIdDocument = gql`
-  query TagByID($input: IdInput!) {
-    tag(input: $input) {
-      id
-      slug
-      name
-    }
-  }
-`;
-
-const tags = {
-  list: async (variables: any, honoCtx: Context) =>
-    dxpPrivateRequest(TagsDocument, variables, honoCtx),
-  find: async (id: number, locale: string, honoCtx: Context) =>
-    dxpPrivateRequest(TagByIdDocument, { input: { id, locale } }, honoCtx),
-  create: async (variables: any, honoCtx: Context) =>
-    dxpPrivateRequest(CreateTagDocument, variables, honoCtx),
-  update: async (variables: any, honoCtx: Context) =>
-    dxpPrivateRequest(UpdateTagDocument, variables, honoCtx),
-  delete: async (id: number, locale: string, honoCtx: Context) =>
-    dxpPrivateRequest(DeleteTagDocument, { input: { id, locale } }, honoCtx),
-};
-
-export default tags;