dn-react-router-toolkit 0.9.1 → 0.9.3

package/dist/api/resource_handler.mjs

@@ -0,0 +1,265 @@
+// src/api/resource_handler.ts
+import {
+  httpForbidden as httpForbidden2,
+  httpMethodNotAllowed,
+  httpNoContent,
+  httpNotFound as httpNotFound2
+} from "gw-response";
+import { ok } from "gw-result";
+
+// src/api/put_resource_handler.ts
+import {
+  httpBadRequest,
+  httpConflict,
+  httpCreated,
+  httpForbidden,
+  httpNotFound
+} from "gw-response";
+
+// src/crud/crud_form_provider.tsx
+import { useNavigate } from "react-router";
+import { useStore } from "react-store-input";
+import {
+  createContext,
+  useContext
+} from "react";
+
+// 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/crud/crud_form_provider.tsx
+import { jsx } from "react/jsx-runtime";
+var FormContext = createContext({});
+
+// src/form/create_form_component.tsx
+import "react";
+
+// src/utils/cn.ts
+function cn(...classes) {
+  return classes.filter(Boolean).join(" ").trim();
+}
+
+// src/utils/date.ts
+import moment from "moment-timezone";
+
+// src/form/create_form_component.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function createComponent(tag, options) {
+  return function FormComponent({ className, ...props }) {
+    const Tag = tag;
+    return /* @__PURE__ */ jsx2(Tag, { ...props, className: cn(options.className, className) });
+  };
+}
+
+// src/form/form_components.tsx
+var FormEntry = createComponent("div", {
+  className: "flex-1"
+});
+var FormRow = createComponent("div", {
+  className: "flex-1 flex gap-4 mb-6"
+});
+var FormLabel = createComponent("label", {
+  className: "flex-1 font-semibold mb-2.5 block"
+});
+
+// src/crud/crud_form.tsx
+import { useStoreComponent } from "react-store-input";
+
+// src/client/env_loader.tsx
+import { useRouteLoaderData } from "react-router";
+import { jsx as jsx3 } from "react/jsx-runtime";
+
+// src/client/file_input.tsx
+import {
+  useRef
+} from "react";
+import { Fragment, jsx as jsx4, jsxs } from "react/jsx-runtime";
+
+// src/client/use_user_agent.tsx
+import { useRouteLoaderData as useRouteLoaderData2 } from "react-router";
+
+// src/client/store_text_editor.tsx
+import {
+  TextEditor
+} from "dn-react-text-editor";
+import { useStoreController } from "react-store-input";
+import { useImperativeHandle, useRef as useRef2 } from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+
+// src/client/editor.tsx
+import { generateMetadata } from "gw-file/client";
+
+// src/crud/crud_form.tsx
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+
+// src/api/put_resource_handler.ts
+import {
+  and
+} from "drizzle-orm";
+import { v4 } from "uuid";
+function putResourceHandler({
+  repository,
+  validators,
+  existingConditions,
+  injectUserId,
+  isOwnedBy
+}) {
+  return async (auth, request) => {
+    const serilaizedParams = await request.json();
+    const params = deserialize(serilaizedParams) || {};
+    const itemId = params.id || v4();
+    if (params.id) {
+      const existing = await repository.find(itemId);
+      if (!existing) {
+        return httpNotFound();
+      }
+      if (isOwnedBy && (!auth || !isOwnedBy(auth, existing))) {
+        return httpForbidden();
+      }
+    }
+    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)) {
+          return httpBadRequest({
+            code: "BAD_REQUEST",
+            message: validator.message ? validator.message(value) : "\uC798\uBABB\uB41C \uC694\uCCAD\uC785\uB2C8\uB2E4."
+          });
+        }
+      }
+    }
+    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) {
+          return httpConflict();
+        }
+      }
+    }
+    const values = {
+      id: itemId,
+      userId: injectUserId ? auth?.userId : void 0,
+      ...params
+    };
+    const item = await repository.save(values);
+    return httpCreated(item);
+  };
+}
+
+// src/api/resource_handler.ts
+function resourceHandler({
+  withAuthAction,
+  repository,
+  validators,
+  existingConditions,
+  injectUserId,
+  roles,
+  isOwnedBy
+}) {
+  const loader = async ({ request }) => {
+    return ok({});
+  };
+  const action = withAuthAction((auth) => async ({ request, params }) => {
+    if (roles && roles.length > 0 && (!auth || !roles.includes(auth.role))) {
+      return httpForbidden2({
+        code: "FORBIDDEN",
+        message: "\uAD8C\uD55C\uC774 \uC5C6\uC2B5\uB2C8\uB2E4."
+      });
+    }
+    const itemId = params.itemId;
+    if (itemId) {
+      const existing = await repository.find(itemId);
+      if (!existing) {
+        return httpNotFound2();
+      }
+      if (isOwnedBy && (!auth || !isOwnedBy(auth, existing))) {
+        return httpForbidden2();
+      }
+      switch (request.method) {
+        case "DELETE": {
+          await repository.delete(itemId);
+          return httpNoContent();
+        }
+        default: {
+          return httpMethodNotAllowed();
+        }
+      }
+    }
+    switch (request.method) {
+      case "POST":
+      case "PUT": {
+        const handler = putResourceHandler({
+          repository,
+          validators,
+          existingConditions,
+          injectUserId,
+          isOwnedBy
+        });
+        return handler(auth, request);
+      }
+      default: {
+        return httpMethodNotAllowed();
+      }
+    }
+  });
+  return {
+    loader,
+    action
+  };
+}
+export {
+  resourceHandler
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dn-react-router-toolkit",
-  "version": "0.9.1",
+  "version": "0.9.3",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.mjs",
   "module": "./dist/index.js",
@@ -87,15 +87,15 @@
   },
   "dependencies": {
     "cookie": "^1.1.1",
-    "dn-react-text-editor": "^0.3.9",
-    "gw-auth": "^0.1.1",
+    "dn-react-text-editor": "^0.3.11",
+    "gw-auth": "^0.1.2",
     "gw-file": "^0.1.1",
-    "gw-response": "^0.1.7",
+    "gw-response": "^0.1.8",
     "gw-result": "^0.1.7",
     "moment-timezone": "^0.6.1",
     "pg": "^8.19.0",
     "react-icons": "^5.5.0",
-    "react-store-input": "^0.2.1",
+    "react-store-input": "^0.2.4",
     "uuid": "^13.0.0"
   },
   "peerDependencies": {

package/dist/api/create_api_handler.d.mts

@@ -1,30 +0,0 @@
-import { InferSelectModel, SQLWrapper } from 'drizzle-orm';
-import { ActionFunctionArgs, LoaderFunctionArgs } from 'react-router';
-import { TableRepository } from '../table/repository.mjs';
-import { PgTableWithColumns } from 'drizzle-orm/pg-core';
-import { WithAuthHandler } from '../auth/with_auth.mjs';
-import 'drizzle-orm/node-postgres';
-import 'gw-auth';
-import 'gw-auth/server';
-
-type APIHandlerOptions<T extends PgTableWithColumns<any>, TSelect> = {
-    withAuthAction: WithAuthHandler<ActionFunctionArgs>;
-    repository: TableRepository<T, TSelect>;
-    validators?: {
-        [K in keyof InferSelectModel<T>]?: {
-            validate?: (value?: InferSelectModel<T>[K]) => boolean;
-            message?: (value?: InferSelectModel<T>[K]) => string;
-        };
-    };
-    existingConditions?: {
-        [K in keyof InferSelectModel<T>]?: (value: InferSelectModel<T>[K]) => SQLWrapper;
-    };
-    injectUserId?: boolean;
-    roles?: string[];
-};
-declare function apiHandler<T extends PgTableWithColumns<any>, TSelect>({ withAuthAction, repository, validators, existingConditions, injectUserId, roles, }: APIHandlerOptions<T, TSelect>): {
-    loader: ({ request }: LoaderFunctionArgs) => Promise<{}>;
-    action: (arg: ActionFunctionArgs<any>) => Promise<unknown> | unknown;
-};
-
-export { type APIHandlerOptions, apiHandler };

package/dist/api/create_api_handler.d.ts

@@ -1,30 +0,0 @@
-import { InferSelectModel, SQLWrapper } from 'drizzle-orm';
-import { ActionFunctionArgs, LoaderFunctionArgs } from 'react-router';
-import { TableRepository } from '../table/repository.js';
-import { PgTableWithColumns } from 'drizzle-orm/pg-core';
-import { WithAuthHandler } from '../auth/with_auth.js';
-import 'drizzle-orm/node-postgres';
-import 'gw-auth';
-import 'gw-auth/server';
-
-type APIHandlerOptions<T extends PgTableWithColumns<any>, TSelect> = {
-    withAuthAction: WithAuthHandler<ActionFunctionArgs>;
-    repository: TableRepository<T, TSelect>;
-    validators?: {
-        [K in keyof InferSelectModel<T>]?: {
-            validate?: (value?: InferSelectModel<T>[K]) => boolean;
-            message?: (value?: InferSelectModel<T>[K]) => string;
-        };
-    };
-    existingConditions?: {
-        [K in keyof InferSelectModel<T>]?: (value: InferSelectModel<T>[K]) => SQLWrapper;
-    };
-    injectUserId?: boolean;
-    roles?: string[];
-};
-declare function apiHandler<T extends PgTableWithColumns<any>, TSelect>({ withAuthAction, repository, validators, existingConditions, injectUserId, roles, }: APIHandlerOptions<T, TSelect>): {
-    loader: ({ request }: LoaderFunctionArgs) => Promise<{}>;
-    action: (arg: ActionFunctionArgs<any>) => Promise<unknown> | unknown;
-};
-
-export { type APIHandlerOptions, apiHandler };

package/dist/api/create_api_handler.js

@@ -1,158 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/api/create_api_handler.ts
-var create_api_handler_exports = {};
-__export(create_api_handler_exports, {
-  apiHandler: () => apiHandler
-});
-module.exports = __toCommonJS(create_api_handler_exports);
-var import_drizzle_orm = require("drizzle-orm");
-var import_uuid = 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
-var import_gw_response = require("gw-response");
-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_gw_response.httpUnauthorized)({
-        code: "UNAUTHORIZED",
-        message: "\uC778\uC99D\uC774 \uD544\uC694\uD569\uB2C8\uB2E4."
-      });
-    }
-    switch (request.method) {
-      case "POST":
-      case "PUT": {
-        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_gw_response.httpBadRequest)({
-                code: "BAD_REQUEST",
-                message: validator.message ? validator.message(value) : "\uC798\uBABB\uB41C \uC694\uCCAD\uC785\uB2C8\uB2E4."
-              });
-            }
-          }
-        }
-        const itemId = params.id || (0, import_uuid.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) {
-              return (0, import_gw_response.httpConflict)({
-                code: "CONFLICT",
-                message: "\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_gw_response.httpCreated)(item);
-      }
-      default:
-        throw (0, import_gw_response.httpMethodNotAllowed)({
-          code: "METHOD_NOT_ALLOWED",
-          message: "\uD5C8\uC6A9\uB418\uC9C0 \uC54A\uC740 \uBA54\uC11C\uB4DC\uC785\uB2C8\uB2E4."
-        });
-    }
-  });
-  return {
-    loader,
-    action
-  };
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  apiHandler
-});

package/dist/api/create_api_handler.mjs

@@ -1,141 +0,0 @@
-// src/api/create_api_handler.ts
-import {
-  and
-} from "drizzle-orm";
-import { v4 } 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
-import {
-  httpBadRequest,
-  httpConflict,
-  httpCreated,
-  httpMethodNotAllowed,
-  httpUnauthorized
-} from "gw-response";
-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 httpUnauthorized({
-        code: "UNAUTHORIZED",
-        message: "\uC778\uC99D\uC774 \uD544\uC694\uD569\uB2C8\uB2E4."
-      });
-    }
-    switch (request.method) {
-      case "POST":
-      case "PUT": {
-        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 httpBadRequest({
-                code: "BAD_REQUEST",
-                message: validator.message ? validator.message(value) : "\uC798\uBABB\uB41C \uC694\uCCAD\uC785\uB2C8\uB2E4."
-              });
-            }
-          }
-        }
-        const itemId = params.id || v4();
-        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) {
-              return httpConflict({
-                code: "CONFLICT",
-                message: "\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 httpCreated(item);
-      }
-      default:
-        throw httpMethodNotAllowed({
-          code: "METHOD_NOT_ALLOWED",
-          message: "\uD5C8\uC6A9\uB418\uC9C0 \uC54A\uC740 \uBA54\uC11C\uB4DC\uC785\uB2C8\uB2E4."
-        });
-    }
-  });
-  return {
-    loader,
-    action
-  };
-}
-export {
-  apiHandler
-};

package/dist/api/item_api_handler.d.mts

@@ -1,22 +0,0 @@
-import * as gw_result from 'gw-result';
-import { LoaderFunctionArgs } from 'react-router';
-import { TableRepository } from '../table/repository.mjs';
-import { PgTableWithColumns } from 'drizzle-orm/pg-core';
-import { WithAuthHandler } from '../auth/with_auth.mjs';
-import { AccessTokenPayload } from 'gw-auth';
-import 'drizzle-orm';
-import 'drizzle-orm/node-postgres';
-import 'gw-auth/server';
-
-type ItemAPIHandlerOptions<T extends PgTableWithColumns<any>, TSelect> = {
-    withAuthAction: WithAuthHandler<LoaderFunctionArgs>;
-    repository: TableRepository<T, TSelect>;
-    isOwnedBy?: (item: TSelect, auth: AccessTokenPayload | undefined) => boolean;
-    roles?: string[];
-};
-declare function itemApiHandler<T extends PgTableWithColumns<any>, TSelect>({ withAuthAction, repository, isOwnedBy, roles, }: ItemAPIHandlerOptions<T, TSelect>): {
-    loader: ({ request }: LoaderFunctionArgs) => Promise<gw_result.Ok<{}>>;
-    action: (arg: LoaderFunctionArgs<any>) => Promise<unknown> | unknown;
-};
-
-export { type ItemAPIHandlerOptions, itemApiHandler };

package/dist/api/item_api_handler.d.ts

@@ -1,22 +0,0 @@
-import * as gw_result from 'gw-result';
-import { LoaderFunctionArgs } from 'react-router';
-import { TableRepository } from '../table/repository.js';
-import { PgTableWithColumns } from 'drizzle-orm/pg-core';
-import { WithAuthHandler } from '../auth/with_auth.js';
-import { AccessTokenPayload } from 'gw-auth';
-import 'drizzle-orm';
-import 'drizzle-orm/node-postgres';
-import 'gw-auth/server';
-
-type ItemAPIHandlerOptions<T extends PgTableWithColumns<any>, TSelect> = {
-    withAuthAction: WithAuthHandler<LoaderFunctionArgs>;
-    repository: TableRepository<T, TSelect>;
-    isOwnedBy?: (item: TSelect, auth: AccessTokenPayload | undefined) => boolean;
-    roles?: string[];
-};
-declare function itemApiHandler<T extends PgTableWithColumns<any>, TSelect>({ withAuthAction, repository, isOwnedBy, roles, }: ItemAPIHandlerOptions<T, TSelect>): {
-    loader: ({ request }: LoaderFunctionArgs) => Promise<gw_result.Ok<{}>>;
-    action: (arg: LoaderFunctionArgs<any>) => Promise<unknown> | unknown;
-};
-
-export { type ItemAPIHandlerOptions, itemApiHandler };