dn-react-router-toolkit 0.7.6 → 0.7.8

package/dist/api/create_api_handler.d.mts

@@ -1,4 +1,4 @@
-import { Table, InferInsertModel, SQLWrapper } from 'drizzle-orm';
+import { Table, InferSelectModel, SQLWrapper } from 'drizzle-orm';
 import { ActionFunctionArgs, LoaderFunctionArgs } from 'react-router';
 import { TableRepository } from '../table/repository.mjs';
 import { WithAuthHandler } from '../auth/with_auth.mjs';
@@ -10,13 +10,13 @@ type APIHandlerOptions<T extends Table, TSelect> = {
     withAuthAction: WithAuthHandler<ActionFunctionArgs>;
     repository: TableRepository<T, TSelect>;
     validators?: {
-        [K in keyof InferInsertModel<T>]?: {
-            validate?: (value?: InferInsertModel<T>[K]) => boolean;
-            message?: (value?: InferInsertModel<T>[K]) => string;
+        [K in keyof InferSelectModel<T>]?: {
+            validate?: (value?: InferSelectModel<T>[K]) => boolean;
+            message?: (value?: InferSelectModel<T>[K]) => string;
         };
     };
     existingConditions?: {
-        [K in keyof InferInsertModel<T>]?: (value: InferInsertModel<T>[K]) => SQLWrapper;
+        [K in keyof InferSelectModel<T>]?: (value: InferSelectModel<T>[K]) => SQLWrapper;
     };
     injectUserId?: boolean;
     roles?: string[];

package/dist/api/create_api_handler.d.ts

@@ -1,4 +1,4 @@
-import { Table, InferInsertModel, SQLWrapper } from 'drizzle-orm';
+import { Table, InferSelectModel, SQLWrapper } from 'drizzle-orm';
 import { ActionFunctionArgs, LoaderFunctionArgs } from 'react-router';
 import { TableRepository } from '../table/repository.js';
 import { WithAuthHandler } from '../auth/with_auth.js';
@@ -10,13 +10,13 @@ type APIHandlerOptions<T extends Table, TSelect> = {
     withAuthAction: WithAuthHandler<ActionFunctionArgs>;
     repository: TableRepository<T, TSelect>;
     validators?: {
-        [K in keyof InferInsertModel<T>]?: {
-            validate?: (value?: InferInsertModel<T>[K]) => boolean;
-            message?: (value?: InferInsertModel<T>[K]) => string;
+        [K in keyof InferSelectModel<T>]?: {
+            validate?: (value?: InferSelectModel<T>[K]) => boolean;
+            message?: (value?: InferSelectModel<T>[K]) => string;
         };
     };
     existingConditions?: {
-        [K in keyof InferInsertModel<T>]?: (value: InferInsertModel<T>[K]) => SQLWrapper;
+        [K in keyof InferSelectModel<T>]?: (value: InferSelectModel<T>[K]) => SQLWrapper;
     };
     injectUserId?: boolean;
     roles?: string[];

package/dist/api/index.d.mts

@@ -1,4 +1,11 @@
 export { createAPIHandler } from './create_handler.mjs';
+export { APIHandlerOptions, apiHandler } from './create_api_handler.mjs';
+export { ItemAPIHandlerOptions, itemApiHandler } from './item_api_handler.mjs';
 import 'react-router';
 import 'dn-react-toolkit/auth/server';
 import 'dn-react-toolkit/file/server';
+import 'drizzle-orm';
+import '../table/repository.mjs';
+import 'drizzle-orm/pg-core';
+import '../auth/with_auth.mjs';
+import 'dn-react-toolkit/auth';

package/dist/api/index.d.ts

@@ -1,4 +1,11 @@
 export { createAPIHandler } from './create_handler.js';
+export { APIHandlerOptions, apiHandler } from './create_api_handler.js';
+export { ItemAPIHandlerOptions, itemApiHandler } from './item_api_handler.js';
 import 'react-router';
 import 'dn-react-toolkit/auth/server';
 import 'dn-react-toolkit/file/server';
+import 'drizzle-orm';
+import '../table/repository.js';
+import 'drizzle-orm/pg-core';
+import '../auth/with_auth.js';
+import 'dn-react-toolkit/auth';

package/dist/api/index.js

@@ -20,7 +20,9 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/api/index.ts
 var api_exports = {};
 __export(api_exports, {
-  createAPIHandler: () => createAPIHandler
+  apiHandler: () => apiHandler,
+  createAPIHandler: () => createAPIHandler,
+  itemApiHandler: () => itemApiHandler
 });
 module.exports = __toCommonJS(api_exports);
 
@@ -237,7 +239,166 @@ var createAPIHandler = ({
   };
   return handler;
 };
+
+// src/api/create_api_handler.ts
+var import_http2 = require("dn-react-toolkit/http");
+var import_drizzle_orm = require("drizzle-orm");
+var import_react_router2 = require("react-router");
+var import_uuid2 = require("uuid");
+
+// src/crud/serialize.ts
+function deserialize(data) {
+  if (data === void 0) {
+    return void 0;
+  }
+  if (typeof data === "object" && data !== null && "type" in data && "value" in data) {
+    const { type, value } = data;
+    switch (type) {
+      case "null":
+        return null;
+      case "string":
+        return value;
+      case "number":
+        return value;
+      case "boolean":
+        return value;
+      case "date":
+        return new Date(value);
+      case "array":
+        return value.map((item) => deserialize(item));
+      case "object":
+        return Object.entries(value).reduce(
+          (acc, [key, value2]) => {
+            return {
+              ...acc,
+              [key]: deserialize(value2)
+            };
+          },
+          {}
+        );
+      default:
+        return void 0;
+    }
+  }
+  return void 0;
+}
+
+// src/api/create_api_handler.ts
+function apiHandler({
+  withAuthAction,
+  repository,
+  validators,
+  existingConditions,
+  injectUserId,
+  roles
+}) {
+  const loader = async ({ request }) => {
+    return {};
+  };
+  const action = withAuthAction((auth) => async ({ request }) => {
+    if (roles && roles.length > 0 && (!auth || !roles.includes(auth.role))) {
+      throw (0, import_http2.UNAUTHORIZED)();
+    }
+    switch (request.method) {
+      case "POST":
+      case "PUT": {
+        try {
+          const serilaizedParams = await request.json();
+          const params = deserialize(serilaizedParams);
+          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 (0, import_http2.BAD_REQUEST)(
+                  validator.message ? validator.message(value) : void 0
+                );
+              }
+            }
+          }
+          const itemId = params.id || (0, import_uuid2.v4)();
+          if (!params.id && existingConditions) {
+            const paramsForExistenceCheck = Object.keys(
+              existingConditions
+            ).filter(
+              (key) => Object.prototype.hasOwnProperty.call(params, key)
+            );
+            if (paramsForExistenceCheck.length > 0) {
+              const where = (0, import_drizzle_orm.and)(
+                ...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 (0, import_http2.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 (0, import_http2.CREATED)(item);
+        } catch (error) {
+          if (error instanceof Error) {
+            throw (0, import_http2.INTERNAL_SERVER_ERROR)(error.message);
+          }
+          throw error;
+        }
+      }
+      default:
+        throw (0, import_http2.METHOD_NOT_ALLOWED)();
+    }
+  });
+  return {
+    loader,
+    action
+  };
+}
+
+// src/api/item_api_handler.ts
+var import_http3 = require("dn-react-toolkit/http");
+var import_react_router3 = require("react-router");
+function itemApiHandler({
+  withAuthAction,
+  repository
+}) {
+  const loader = async ({ request }) => {
+    return {};
+  };
+  const action = withAuthAction((auth) => async ({ params, request }) => {
+    if (!auth || auth.role !== "admin") {
+      return (0, import_http3.UNAUTHORIZED)();
+    }
+    switch (request.method) {
+      case "DELETE": {
+        const itemId = params.itemId;
+        await repository.delete(itemId);
+        return {};
+      }
+    }
+  });
+  return {
+    loader,
+    action
+  };
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  createAPIHandler
+  apiHandler,
+  createAPIHandler,
+  itemApiHandler
 });

package/dist/api/index.mjs

@@ -225,6 +225,174 @@ var createAPIHandler = ({
   };
   return handler;
 };
+
+// src/api/create_api_handler.ts
+import {
+  BAD_REQUEST,
+  CONFLICT,
+  CREATED,
+  INTERNAL_SERVER_ERROR,
+  METHOD_NOT_ALLOWED,
+  UNAUTHORIZED
+} from "dn-react-toolkit/http";
+import {
+  and
+} from "drizzle-orm";
+import "react-router";
+import { v4 as v42 } from "uuid";
+
+// src/crud/serialize.ts
+function deserialize(data) {
+  if (data === void 0) {
+    return void 0;
+  }
+  if (typeof data === "object" && data !== null && "type" in data && "value" in data) {
+    const { type, value } = data;
+    switch (type) {
+      case "null":
+        return null;
+      case "string":
+        return value;
+      case "number":
+        return value;
+      case "boolean":
+        return value;
+      case "date":
+        return new Date(value);
+      case "array":
+        return value.map((item) => deserialize(item));
+      case "object":
+        return Object.entries(value).reduce(
+          (acc, [key, value2]) => {
+            return {
+              ...acc,
+              [key]: deserialize(value2)
+            };
+          },
+          {}
+        );
+      default:
+        return void 0;
+    }
+  }
+  return void 0;
+}
+
+// src/api/create_api_handler.ts
+function apiHandler({
+  withAuthAction,
+  repository,
+  validators,
+  existingConditions,
+  injectUserId,
+  roles
+}) {
+  const loader = async ({ request }) => {
+    return {};
+  };
+  const action = withAuthAction((auth) => async ({ request }) => {
+    if (roles && roles.length > 0 && (!auth || !roles.includes(auth.role))) {
+      throw UNAUTHORIZED();
+    }
+    switch (request.method) {
+      case "POST":
+      case "PUT": {
+        try {
+          const serilaizedParams = await request.json();
+          const params = deserialize(serilaizedParams);
+          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 || v42();
+          if (!params.id && existingConditions) {
+            const paramsForExistenceCheck = Object.keys(
+              existingConditions
+            ).filter(
+              (key) => Object.prototype.hasOwnProperty.call(params, key)
+            );
+            if (paramsForExistenceCheck.length > 0) {
+              const where = and(
+                ...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);
+        } catch (error) {
+          if (error instanceof Error) {
+            throw INTERNAL_SERVER_ERROR(error.message);
+          }
+          throw error;
+        }
+      }
+      default:
+        throw METHOD_NOT_ALLOWED();
+    }
+  });
+  return {
+    loader,
+    action
+  };
+}
+
+// src/api/item_api_handler.ts
+import { UNAUTHORIZED as UNAUTHORIZED2 } 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 UNAUTHORIZED2();
+    }
+    switch (request.method) {
+      case "DELETE": {
+        const itemId = params.itemId;
+        await repository.delete(itemId);
+        return {};
+      }
+    }
+  });
+  return {
+    loader,
+    action
+  };
+}
 export {
-  createAPIHandler
+  apiHandler,
+  createAPIHandler,
+  itemApiHandler
 };

package/dist/client/env_loader.d.mts

@@ -1,7 +1,7 @@
-import React__default from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
 declare function EnvLoader({ dataKey }: {
     dataKey?: string;
-}): React__default.JSX.Element | undefined;
+}): react_jsx_runtime.JSX.Element | undefined;
 
 export { EnvLoader };

package/dist/client/env_loader.d.ts

@@ -1,7 +1,7 @@
-import React__default from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
 declare function EnvLoader({ dataKey }: {
     dataKey?: string;
-}): React__default.JSX.Element | undefined;
+}): react_jsx_runtime.JSX.Element | undefined;
 
 export { EnvLoader };

package/dist/client/env_loader.js

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,14 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/client/env_loader.tsx
@@ -33,14 +23,14 @@ __export(env_loader_exports, {
   EnvLoader: () => EnvLoader
 });
 module.exports = __toCommonJS(env_loader_exports);
-var import_react = __toESM(require("react"));
 var import_react_router = require("react-router");
+var import_jsx_runtime = require("react/jsx-runtime");
 function EnvLoader({ dataKey = "ENV" }) {
   const data = (0, import_react_router.useRouteLoaderData)("root");
   if (!data) {
     return;
   }
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "script",
     {
       dangerouslySetInnerHTML: {

package/dist/client/env_loader.mjs

@@ -1,12 +1,12 @@
 // src/client/env_loader.tsx
-import React from "react";
 import { useRouteLoaderData } from "react-router";
+import { jsx } from "react/jsx-runtime";
 function EnvLoader({ dataKey = "ENV" }) {
   const data = useRouteLoaderData("root");
   if (!data) {
     return;
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "script",
     {
       dangerouslySetInnerHTML: {

package/dist/client/file_input.d.mts

@@ -1,10 +1,11 @@
-import React__default, { DetailedHTMLProps, InputHTMLAttributes, Ref, ChangeEvent } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DetailedHTMLProps, InputHTMLAttributes, Ref, ChangeEvent } from 'react';
 
 type Props = Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "onChange"> & {
     buttonRef?: Ref<HTMLButtonElement>;
 } & {
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void | Promise<void>;
 };
-declare function FileInput({ buttonRef, className, ref, children, onClick, onChange, ...props }: Props): React__default.JSX.Element;
+declare function FileInput({ buttonRef, className, ref, children, onClick, onChange, ...props }: Props): react_jsx_runtime.JSX.Element;
 
 export { FileInput };

package/dist/client/file_input.d.ts

@@ -1,10 +1,11 @@
-import React__default, { DetailedHTMLProps, InputHTMLAttributes, Ref, ChangeEvent } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DetailedHTMLProps, InputHTMLAttributes, Ref, ChangeEvent } from 'react';
 
 type Props = Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "onChange"> & {
     buttonRef?: Ref<HTMLButtonElement>;
 } & {
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void | Promise<void>;
 };
-declare function FileInput({ buttonRef, className, ref, children, onClick, onChange, ...props }: Props): React__default.JSX.Element;
+declare function FileInput({ buttonRef, className, ref, children, onClick, onChange, ...props }: Props): react_jsx_runtime.JSX.Element;
 
 export { FileInput };

package/dist/client/file_input.js

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,14 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/client/file_input.tsx
@@ -34,7 +24,7 @@ __export(file_input_exports, {
 });
 module.exports = __toCommonJS(file_input_exports);
 var import_react = require("react");
-var import_react2 = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 function FileInput({
   buttonRef,
   className,
@@ -44,35 +34,38 @@ function FileInput({
   onChange,
   ...props
 }) {
-  const inputRef = import_react2.default.useRef(null);
-  return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(
-    "button",
-    {
-      ref: buttonRef,
-      className,
-      type: "button",
-      onClick: () => {
-        inputRef.current?.click();
+  const inputRef = (0, import_react.useRef)(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        ref: buttonRef,
+        className,
+        type: "button",
+        onClick: () => {
+          inputRef.current?.click();
+        },
+        children
       }
-    },
-    children
-  ), /* @__PURE__ */ import_react2.default.createElement(
-    "input",
-    {
-      ...props,
-      type: "file",
-      ref: inputRef,
-      style: {
-        display: "none"
-      },
-      onChange: async (e) => {
-        await onChange?.(e);
-        if (inputRef.current) {
-          inputRef.current.value = "";
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "input",
+      {
+        ...props,
+        type: "file",
+        ref: inputRef,
+        style: {
+          display: "none"
+        },
+        onChange: async (e) => {
+          await onChange?.(e);
+          if (inputRef.current) {
+            inputRef.current.value = "";
+          }
         }
       }
-    }
-  ));
+    )
+  ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {