dn-react-router-toolkit 0.9.1 → 0.9.3

package/dist/api/put_resource_handler.mjs

@@ -0,0 +1,194 @@
+// 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);
+  };
+}
+export {
+  putResourceHandler
+};

package/dist/api/resource_handler.d.mts

@@ -0,0 +1,26 @@
+import * as gw_result from 'gw-result';
+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 { PutResourceValidators, PutResourceExistingConditions } from './put_resource_handler.mjs';
+import { AccessTokenPayload } from 'gw-auth';
+import 'drizzle-orm';
+import 'drizzle-orm/node-postgres';
+import 'gw-auth/server';
+
+type APIHandlerOptions<T extends PgTableWithColumns<any>, TSelect> = {
+    withAuthAction: WithAuthHandler<ActionFunctionArgs>;
+    repository: TableRepository<T, TSelect>;
+    validators?: PutResourceValidators<T>;
+    existingConditions?: PutResourceExistingConditions<T>;
+    injectUserId?: boolean;
+    roles?: string[];
+    isOwnedBy?: (auth: AccessTokenPayload, item: TSelect) => boolean;
+};
+declare function resourceHandler<T extends PgTableWithColumns<any>, TSelect>({ withAuthAction, repository, validators, existingConditions, injectUserId, roles, isOwnedBy, }: APIHandlerOptions<T, TSelect>): {
+    loader: ({ request }: LoaderFunctionArgs) => Promise<gw_result.Ok<{}>>;
+    action: (arg: ActionFunctionArgs<any>) => Promise<unknown> | unknown;
+};
+
+export { type APIHandlerOptions, resourceHandler };

package/dist/api/resource_handler.d.ts

@@ -0,0 +1,26 @@
+import * as gw_result from 'gw-result';
+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 { PutResourceValidators, PutResourceExistingConditions } from './put_resource_handler.js';
+import { AccessTokenPayload } from 'gw-auth';
+import 'drizzle-orm';
+import 'drizzle-orm/node-postgres';
+import 'gw-auth/server';
+
+type APIHandlerOptions<T extends PgTableWithColumns<any>, TSelect> = {
+    withAuthAction: WithAuthHandler<ActionFunctionArgs>;
+    repository: TableRepository<T, TSelect>;
+    validators?: PutResourceValidators<T>;
+    existingConditions?: PutResourceExistingConditions<T>;
+    injectUserId?: boolean;
+    roles?: string[];
+    isOwnedBy?: (auth: AccessTokenPayload, item: TSelect) => boolean;
+};
+declare function resourceHandler<T extends PgTableWithColumns<any>, TSelect>({ withAuthAction, repository, validators, existingConditions, injectUserId, roles, isOwnedBy, }: APIHandlerOptions<T, TSelect>): {
+    loader: ({ request }: LoaderFunctionArgs) => Promise<gw_result.Ok<{}>>;
+    action: (arg: ActionFunctionArgs<any>) => Promise<unknown> | unknown;
+};
+
+export { type APIHandlerOptions, resourceHandler };

package/dist/api/resource_handler.js

@@ -0,0 +1,280 @@
+"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)
+    __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 __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/api/resource_handler.ts
+var resource_handler_exports = {};
+__export(resource_handler_exports, {
+  resourceHandler: () => resourceHandler
+});
+module.exports = __toCommonJS(resource_handler_exports);
+var import_gw_response2 = require("gw-response");
+var import_gw_result = require("gw-result");
+
+// src/api/put_resource_handler.ts
+var import_gw_response = require("gw-response");
+
+// src/crud/crud_form_provider.tsx
+var import_react_router = require("react-router");
+var import_react_store_input = require("react-store-input");
+var import_react = require("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
+var import_jsx_runtime = require("react/jsx-runtime");
+var FormContext = (0, import_react.createContext)({});
+
+// src/form/create_form_component.tsx
+var import_react2 = require("react");
+
+// src/utils/cn.ts
+function cn(...classes) {
+  return classes.filter(Boolean).join(" ").trim();
+}
+
+// src/utils/date.ts
+var import_moment_timezone = __toESM(require("moment-timezone"));
+
+// src/form/create_form_component.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function createComponent(tag, options) {
+  return function FormComponent({ className, ...props }) {
+    const Tag = tag;
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(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
+var import_react_store_input3 = require("react-store-input");
+
+// src/client/env_loader.tsx
+var import_react_router2 = require("react-router");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+
+// src/client/file_input.tsx
+var import_react3 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+
+// src/client/use_user_agent.tsx
+var import_react_router3 = require("react-router");
+
+// src/client/store_text_editor.tsx
+var import_dn_react_text_editor = require("dn-react-text-editor");
+var import_react_store_input2 = require("react-store-input");
+var import_react4 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+
+// src/client/editor.tsx
+var import_client = require("gw-file/client");
+
+// src/crud/crud_form.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+
+// src/api/put_resource_handler.ts
+var import_drizzle_orm = require("drizzle-orm");
+var import_uuid = require("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 || (0, import_uuid.v4)();
+    if (params.id) {
+      const existing = await repository.find(itemId);
+      if (!existing) {
+        return (0, import_gw_response.httpNotFound)();
+      }
+      if (isOwnedBy && (!auth || !isOwnedBy(auth, existing))) {
+        return (0, import_gw_response.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 (0, import_gw_response.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 = (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)();
+        }
+      }
+    }
+    const values = {
+      id: itemId,
+      userId: injectUserId ? auth?.userId : void 0,
+      ...params
+    };
+    const item = await repository.save(values);
+    return (0, import_gw_response.httpCreated)(item);
+  };
+}
+
+// src/api/resource_handler.ts
+function resourceHandler({
+  withAuthAction,
+  repository,
+  validators,
+  existingConditions,
+  injectUserId,
+  roles,
+  isOwnedBy
+}) {
+  const loader = async ({ request }) => {
+    return (0, import_gw_result.ok)({});
+  };
+  const action = withAuthAction((auth) => async ({ request, params }) => {
+    if (roles && roles.length > 0 && (!auth || !roles.includes(auth.role))) {
+      return (0, import_gw_response2.httpForbidden)({
+        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 (0, import_gw_response2.httpNotFound)();
+      }
+      if (isOwnedBy && (!auth || !isOwnedBy(auth, existing))) {
+        return (0, import_gw_response2.httpForbidden)();
+      }
+      switch (request.method) {
+        case "DELETE": {
+          await repository.delete(itemId);
+          return (0, import_gw_response2.httpNoContent)();
+        }
+        default: {
+          return (0, import_gw_response2.httpMethodNotAllowed)();
+        }
+      }
+    }
+    switch (request.method) {
+      case "POST":
+      case "PUT": {
+        const handler = putResourceHandler({
+          repository,
+          validators,
+          existingConditions,
+          injectUserId,
+          isOwnedBy
+        });
+        return handler(auth, request);
+      }
+      default: {
+        return (0, import_gw_response2.httpMethodNotAllowed)();
+      }
+    }
+  });
+  return {
+    loader,
+    action
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  resourceHandler
+});