dn-react-router-toolkit 0.4.4 → 0.5.0

package/dist/crud/crud_loader.mjs

@@ -0,0 +1,273 @@
+// src/table/loader.tsx
+import {
+  and,
+  ilike
+} from "drizzle-orm";
+function tableLoader({
+  repository,
+  tableOptions
+}) {
+  return async ({ request }) => {
+    const searchParams = new URL(request.url).searchParams;
+    const { where, searchKey, defaultOrderBy, defaultDirection } = tableOptions;
+    const query = searchParams.get("query") ?? void 0;
+    const limit = Number(searchParams.get("limit") ?? "10");
+    const offset = Number(searchParams.get("offset") ?? "0");
+    const orderBy = searchParams.get("orderBy") ?? defaultOrderBy;
+    const direction = searchParams.get("direction") ?? defaultDirection;
+    const whereClauses = and(
+      searchKey && query ? ilike(
+        repository.schema[searchKey],
+        `%${query}%`
+      ) : void 0,
+      ...where ?? []
+    );
+    const total = await repository.countTotal({ where: whereClauses });
+    const items = await repository.findAll({
+      orderBy,
+      direction,
+      limit,
+      offset,
+      where: whereClauses
+    });
+    return {
+      table: {
+        items,
+        total,
+        limit,
+        offset,
+        orderBy,
+        direction,
+        searchKey
+      }
+    };
+  };
+}
+
+// src/table/item_loader.tsx
+var tableItemloader = ({
+  loader,
+  repository
+}) => {
+  return async ({ params }) => {
+    const body = loader ? await (async () => {
+      const result = await loader({ params });
+      if (result instanceof Response) {
+        return result.json();
+      }
+      return result;
+    })() : {};
+    if (params["itemId"] === "new") {
+      return { item: void 0, ...body };
+    }
+    const item = params["itemId"] ? await repository.find(params["itemId"]) : void 0;
+    return {
+      item,
+      ...body
+    };
+  };
+};
+
+// src/api/create_api_handler.ts
+import {
+  BAD_REQUEST,
+  CONFLICT,
+  CREATED,
+  METHOD_NOT_ALLOWED
+} from "dn-react-toolkit/http";
+import {
+  and as and2
+} from "drizzle-orm";
+import {
+  redirect
+} from "react-router";
+import { v4 } from "uuid";
+function apiHandler({
+  withAuthAction,
+  repository,
+  validators,
+  existingConditions,
+  injectUserId
+}) {
+  const loader = async ({ request }) => {
+    return {};
+  };
+  const action = withAuthAction((auth) => async ({ request }) => {
+    if (!auth || auth.role !== "admin") {
+      return redirect("/login");
+    }
+    switch (request.method) {
+      case "POST":
+      case "PUT": {
+        const serilaizedParams = await request.json();
+        const params = Object.entries(serilaizedParams).reduce(
+          function reducer(acc, [key, value]) {
+            const converter = (value2) => {
+              if (value2.type === "null") {
+                return null;
+              }
+              if (value2.type === "string") {
+                return value2.value;
+              }
+              if (value2.type === "number") {
+                return value2.value;
+              }
+              if (value2.type === "boolean") {
+                return value2.value;
+              }
+              if (value2.type === "date") {
+                return new Date(value2.value);
+              }
+              if (Array.isArray(value2)) {
+                return value2.map((v) => converter(v));
+              }
+              if (typeof value2 === "object") {
+                return Object.entries(value2).reduce(
+                  reducer,
+                  {}
+                );
+              }
+            };
+            const result = converter(value);
+            if (result === void 0) {
+              return acc;
+            }
+            return {
+              ...acc,
+              [key]: result
+            };
+          },
+          {}
+        );
+        if (validators) {
+          const paramsForValidation = Object.keys(validators).filter(
+            (key) => Object.prototype.hasOwnProperty.call(
+              validators,
+              key
+            )
+          );
+          for (const paramKey of paramsForValidation) {
+            const value = params[paramKey];
+            const validator = validators[paramKey];
+            if (validator?.validate && !validator.validate(value)) {
+              throw BAD_REQUEST(
+                validator.message ? validator.message(value) : void 0
+              );
+            }
+          }
+        }
+        const itemId = params.id || v4();
+        if (!params.id && existingConditions) {
+          const paramsForExistenceCheck = Object.keys(
+            existingConditions
+          ).filter(
+            (key) => Object.prototype.hasOwnProperty.call(params, key)
+          );
+          const where = and2(
+            ...paramsForExistenceCheck.reduce((acc, key) => {
+              const condition = existingConditions[key];
+              if (condition) {
+                acc.push(condition(params[key]));
+              }
+              return acc;
+            }, [])
+          );
+          const existing = await repository.findAll({
+            limit: 1,
+            where
+          });
+          if (existing.length > 0) {
+            throw CONFLICT("\uC790\uB8CC\uAC00 \uC774\uBBF8 \uC874\uC7AC\uD569\uB2C8\uB2E4.");
+          }
+        }
+        const values = {
+          id: itemId,
+          userId: injectUserId ? auth.userId : void 0,
+          ...params
+        };
+        const item = await repository.save(values);
+        return CREATED(item);
+      }
+      default:
+        throw METHOD_NOT_ALLOWED();
+    }
+  });
+  return {
+    loader,
+    action
+  };
+}
+
+// src/api/item_api_handler.ts
+import { UNAUTHORIZED } from "dn-react-toolkit/http";
+import "react-router";
+function itemApiHandler({
+  withAuthAction,
+  repository
+}) {
+  const loader = async ({ request }) => {
+    return {};
+  };
+  const action = withAuthAction((auth) => async ({ params, request }) => {
+    if (!auth || auth.role !== "admin") {
+      return UNAUTHORIZED();
+    }
+    switch (request.method) {
+      case "DELETE": {
+        const itemId = params.itemId;
+        await repository.delete(itemId);
+        return {};
+      }
+    }
+  });
+  return {
+    loader,
+    action
+  };
+}
+
+// src/crud/crud_loader.tsx
+function crudHandler({
+  repository,
+  apiHandlerOptions,
+  loaderOptions,
+  itemLoaderOptions
+}) {
+  return (prefix) => async (args) => {
+    const pattern = args.unstable_pattern;
+    if (pattern === `/api${prefix}`) {
+      const { loader, action } = apiHandler({
+        repository,
+        ...apiHandlerOptions
+      });
+      if (args.request.method === "GET") {
+        return loader(args);
+      } else {
+        return action(args);
+      }
+    }
+    if (pattern.startsWith(`/api${prefix}`)) {
+      const { loader, action } = itemApiHandler({
+        repository,
+        ...apiHandlerOptions
+      });
+      if (args.request.method === "GET") {
+        return loader(args);
+      } else {
+        return action(args);
+      }
+    }
+    if (pattern === prefix) {
+      return tableLoader({
+        ...loaderOptions,
+        repository
+      })(args);
+    }
+    if (pattern.startsWith(prefix)) {
+      return tableItemloader({ ...itemLoaderOptions, repository })(args);
+    }
+  };
+}
+export {
+  crudHandler
+};

package/dist/crud/crud_page.d.mts

@@ -0,0 +1,25 @@
+import { CrudFormProps } from './crud_form_provider.mjs';
+import { TablePageOptions } from '../table/page.mjs';
+import React from 'react';
+import 'dn-react-toolkit/store';
+import 'drizzle-orm/pg-core';
+import '../table/table.mjs';
+
+type CrudPageOptions<TModel, TPrimaryKey extends keyof TModel> = {
+    name: string;
+    tablePageOptions: Omit<TablePageOptions<TModel>, "name">;
+    formOptions: {
+        form?: React.FC;
+        columns: CrudFormProps<TModel, TPrimaryKey>["columns"];
+    };
+    AdminLayout: React.FC<{
+        title: string;
+        actions?: React.ReactNode;
+        className?: string;
+        children?: React.ReactNode;
+    }>;
+};
+type CrudPage = (prefix: string) => React.FC;
+declare function crudPage<TModel, TPrimaryKey extends keyof TModel = "id" extends keyof TModel ? "id" : never>({ name, tablePageOptions, formOptions, AdminLayout, }: CrudPageOptions<TModel, TPrimaryKey>): CrudPage;
+
+export { type CrudPage, type CrudPageOptions, crudPage };

package/dist/crud/crud_page.d.ts

@@ -0,0 +1,25 @@
+import { CrudFormProps } from './crud_form_provider.js';
+import { TablePageOptions } from '../table/page.js';
+import React from 'react';
+import 'dn-react-toolkit/store';
+import 'drizzle-orm/pg-core';
+import '../table/table.js';
+
+type CrudPageOptions<TModel, TPrimaryKey extends keyof TModel> = {
+    name: string;
+    tablePageOptions: Omit<TablePageOptions<TModel>, "name">;
+    formOptions: {
+        form?: React.FC;
+        columns: CrudFormProps<TModel, TPrimaryKey>["columns"];
+    };
+    AdminLayout: React.FC<{
+        title: string;
+        actions?: React.ReactNode;
+        className?: string;
+        children?: React.ReactNode;
+    }>;
+};
+type CrudPage = (prefix: string) => React.FC;
+declare function crudPage<TModel, TPrimaryKey extends keyof TModel = "id" extends keyof TModel ? "id" : never>({ name, tablePageOptions, formOptions, AdminLayout, }: CrudPageOptions<TModel, TPrimaryKey>): CrudPage;
+
+export { type CrudPage, type CrudPageOptions, crudPage };