dn-react-router-toolkit 0.9.0 → 0.9.2

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
+});

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/dist/auth/cookie_manager.d.mts

@@ -1,4 +1,4 @@
-import { CookieManager } from 'dn-react-toolkit/auth/server';
+import { CookieManager } from 'gw-auth/server';
 import { SerializeOptions, ParseOptions } from 'cookie';
 
 declare class ReactRouterCookieManager implements CookieManager {

package/dist/auth/cookie_manager.d.ts

@@ -1,4 +1,4 @@
-import { CookieManager } from 'dn-react-toolkit/auth/server';
+import { CookieManager } from 'gw-auth/server';
 import { SerializeOptions, ParseOptions } from 'cookie';
 
 declare class ReactRouterCookieManager implements CookieManager {

package/dist/auth/index.d.mts

@@ -1,6 +1,6 @@
 export { WithAuthHandler, createWithStrictAuthHandler } from './with_auth.mjs';
 export { ReactRouterCookieManager } from './cookie_manager.mjs';
-import 'dn-react-toolkit/auth';
-import 'dn-react-toolkit/auth/server';
+import 'gw-auth';
+import 'gw-auth/server';
 import 'react-router';
 import 'cookie';

package/dist/auth/index.d.ts

@@ -1,6 +1,6 @@
 export { WithAuthHandler, createWithStrictAuthHandler } from './with_auth.js';
 export { ReactRouterCookieManager } from './cookie_manager.js';
-import 'dn-react-toolkit/auth';
-import 'dn-react-toolkit/auth/server';
+import 'gw-auth';
+import 'gw-auth/server';
 import 'react-router';
 import 'cookie';

package/dist/auth/index.js

@@ -49,31 +49,31 @@ function createWithStrictAuthHandler({ authService }) {
         arg.request
       );
       if (accessToken) {
-        const payload = await authService.accessTokenManager.verify(accessToken);
-        if (payload) {
-          return respond(payload);
+        const verifyResult = await authService.accessTokenManager.verify(accessToken);
+        if (verifyResult.isOk) {
+          const payload = verifyResult.value;
+          if (payload) {
+            return respond(payload);
+          }
         }
       }
       const refreshToken = await authService.getRefreshTokenFromCookies(
         arg.request
       );
       if (refreshToken) {
-        try {
-          const newAccessToken = await authService.refreshAccessToken(refreshToken);
-          const setCookieHeader = await authService.getAccessTokenSetCookie(
-            newAccessToken
-          );
-          const headers = new Headers();
-          headers.append("Set-Cookie", setCookieHeader);
-          const payload = authService.accessTokenManager.decode(newAccessToken);
-          return respond(payload, headers);
-        } catch (e) {
-          console.log(e);
-          const setCookieHeader = await authService.getRefreshTokenSetCookie(void 0);
-          const headers = new Headers();
-          headers.append("Set-Cookie", setCookieHeader);
-          return respond(void 0, headers);
+        const refreshResult = await authService.refreshAccessToken(refreshToken);
+        if (refreshResult.isErr) {
+          const setCookieHeader2 = await authService.getRefreshTokenSetCookie(void 0);
+          const headers2 = new Headers();
+          headers2.append("Set-Cookie", setCookieHeader2);
+          return respond(void 0, headers2);
         }
+        const newAccessToken = refreshResult.value;
+        const setCookieHeader = await authService.getAccessTokenSetCookie(newAccessToken);
+        const headers = new Headers();
+        headers.append("Set-Cookie", setCookieHeader);
+        const payload = authService.accessTokenManager.decode(newAccessToken);
+        return respond(payload, headers);
       }
       return respond(void 0);
     };

package/dist/auth/index.mjs

@@ -22,31 +22,31 @@ function createWithStrictAuthHandler({ authService }) {
         arg.request
       );
       if (accessToken) {
-        const payload = await authService.accessTokenManager.verify(accessToken);
-        if (payload) {
-          return respond(payload);
+        const verifyResult = await authService.accessTokenManager.verify(accessToken);
+        if (verifyResult.isOk) {
+          const payload = verifyResult.value;
+          if (payload) {
+            return respond(payload);
+          }
         }
       }
       const refreshToken = await authService.getRefreshTokenFromCookies(
         arg.request
       );
       if (refreshToken) {
-        try {
-          const newAccessToken = await authService.refreshAccessToken(refreshToken);
-          const setCookieHeader = await authService.getAccessTokenSetCookie(
-            newAccessToken
-          );
-          const headers = new Headers();
-          headers.append("Set-Cookie", setCookieHeader);
-          const payload = authService.accessTokenManager.decode(newAccessToken);
-          return respond(payload, headers);
-        } catch (e) {
-          console.log(e);
-          const setCookieHeader = await authService.getRefreshTokenSetCookie(void 0);
-          const headers = new Headers();
-          headers.append("Set-Cookie", setCookieHeader);
-          return respond(void 0, headers);
+        const refreshResult = await authService.refreshAccessToken(refreshToken);
+        if (refreshResult.isErr) {
+          const setCookieHeader2 = await authService.getRefreshTokenSetCookie(void 0);
+          const headers2 = new Headers();
+          headers2.append("Set-Cookie", setCookieHeader2);
+          return respond(void 0, headers2);
         }
+        const newAccessToken = refreshResult.value;
+        const setCookieHeader = await authService.getAccessTokenSetCookie(newAccessToken);
+        const headers = new Headers();
+        headers.append("Set-Cookie", setCookieHeader);
+        const payload = authService.accessTokenManager.decode(newAccessToken);
+        return respond(payload, headers);
       }
       return respond(void 0);
     };

package/dist/auth/with_auth.d.mts

@@ -1,5 +1,5 @@
-import { AccessTokenPayload } from 'dn-react-toolkit/auth';
-import { AuthService } from 'dn-react-toolkit/auth/server';
+import { AccessTokenPayload } from 'gw-auth';
+import { AuthService } from 'gw-auth/server';
 import { LoaderFunctionArgs, ActionFunctionArgs } from 'react-router';
 
 type Handler<T extends LoaderFunctionArgs | ActionFunctionArgs> = (arg: T) => Promise<unknown> | unknown;

package/dist/auth/with_auth.d.ts

@@ -1,5 +1,5 @@
-import { AccessTokenPayload } from 'dn-react-toolkit/auth';
-import { AuthService } from 'dn-react-toolkit/auth/server';
+import { AccessTokenPayload } from 'gw-auth';
+import { AuthService } from 'gw-auth/server';
 import { LoaderFunctionArgs, ActionFunctionArgs } from 'react-router';
 
 type Handler<T extends LoaderFunctionArgs | ActionFunctionArgs> = (arg: T) => Promise<unknown> | unknown;