dn-react-router-toolkit 0.2.6 → 0.3.1

package/dist/auth/index.js

@@ -0,0 +1,116 @@
+"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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/auth/index.ts
+var auth_exports = {};
+__export(auth_exports, {
+  createWithAuthHandler: () => createWithAuthHandler
+});
+module.exports = __toCommonJS(auth_exports);
+__reExport(auth_exports, require("dn-react-toolkit/auth"), module.exports);
+
+// src/auth/with_auth.ts
+function createWithAuthHandler({ authService }) {
+  return function(fn) {
+    const handler = async function(arg) {
+      const respond = async (auth) => {
+        const userAgent = arg.request.headers.get("User-Agent") || "";
+        const res = await fn(auth)(arg);
+        if (typeof res === "object" && res !== null && !Array.isArray(res)) {
+          if (res instanceof Response) {
+            if (res.status < 300 && res.headers.get("Content-Type")?.includes("application/json")) {
+              const data = await res.json();
+              return new Response(
+                JSON.stringify({
+                  AUTH: auth,
+                  userAgent,
+                  ...data
+                }),
+                {
+                  status: res.status,
+                  headers: res.headers
+                }
+              );
+            }
+            return res;
+          }
+          return {
+            AUTH: auth,
+            userAgent,
+            ...res
+          };
+        }
+        return res;
+      };
+      const accessToken = await authService.getAccessTokenFromRequest(
+        arg.request
+      );
+      if (accessToken) {
+        const payload = await authService.jwtManager.verifyAccessToken(
+          accessToken
+        );
+        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);
+          headers.append("Location", arg.request.url);
+          return new Response("Temporary Redirect", {
+            status: 307,
+            headers
+          });
+        } catch (e) {
+          if (e instanceof Error) {
+            console.log(e.message);
+          }
+          const setCookieHeader = await authService.getRefreshTokenSetCookie(
+            null
+          );
+          const headers = new Headers();
+          headers.append("Set-Cookie", setCookieHeader);
+          headers.append("Location", arg.request.url);
+          return new Response("Temporary Redirect", {
+            status: 307,
+            headers
+          });
+        }
+      }
+      return respond(void 0);
+    };
+    return handler;
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createWithAuthHandler,
+  ...require("dn-react-toolkit/auth")
+});

package/dist/auth/index.mjs

@@ -0,0 +1,89 @@
+// src/auth/index.ts
+export * from "dn-react-toolkit/auth";
+
+// src/auth/with_auth.ts
+function createWithAuthHandler({ authService }) {
+  return function(fn) {
+    const handler = async function(arg) {
+      const respond = async (auth) => {
+        const userAgent = arg.request.headers.get("User-Agent") || "";
+        const res = await fn(auth)(arg);
+        if (typeof res === "object" && res !== null && !Array.isArray(res)) {
+          if (res instanceof Response) {
+            if (res.status < 300 && res.headers.get("Content-Type")?.includes("application/json")) {
+              const data = await res.json();
+              return new Response(
+                JSON.stringify({
+                  AUTH: auth,
+                  userAgent,
+                  ...data
+                }),
+                {
+                  status: res.status,
+                  headers: res.headers
+                }
+              );
+            }
+            return res;
+          }
+          return {
+            AUTH: auth,
+            userAgent,
+            ...res
+          };
+        }
+        return res;
+      };
+      const accessToken = await authService.getAccessTokenFromRequest(
+        arg.request
+      );
+      if (accessToken) {
+        const payload = await authService.jwtManager.verifyAccessToken(
+          accessToken
+        );
+        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);
+          headers.append("Location", arg.request.url);
+          return new Response("Temporary Redirect", {
+            status: 307,
+            headers
+          });
+        } catch (e) {
+          if (e instanceof Error) {
+            console.log(e.message);
+          }
+          const setCookieHeader = await authService.getRefreshTokenSetCookie(
+            null
+          );
+          const headers = new Headers();
+          headers.append("Set-Cookie", setCookieHeader);
+          headers.append("Location", arg.request.url);
+          return new Response("Temporary Redirect", {
+            status: 307,
+            headers
+          });
+        }
+      }
+      return respond(void 0);
+    };
+    return handler;
+  };
+}
+export {
+  createWithAuthHandler
+};

package/dist/auth/server/index.d.mts

@@ -0,0 +1 @@
+export * from 'dn-react-toolkit/auth/server';

package/dist/auth/server/index.d.ts

@@ -0,0 +1 @@
+export * from 'dn-react-toolkit/auth/server';

package/dist/{slug.js → auth/server/index.js}

@@ -3,10 +3,6 @@ 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))
@@ -15,18 +11,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/slug.ts
-var slug_exports = {};
-__export(slug_exports, {
-  toSlug: () => toSlug
-});
-module.exports = __toCommonJS(slug_exports);
-var toSlug = (str) => {
-  return str.toLowerCase().replace(/[^a-zA-Z0-9가-힣ㄱ-ㅎㅏ-ㅣ]+/g, "-").replace(/^-|-$/g, "");
-};
+// src/auth/server/index.tsx
+var server_exports = {};
+module.exports = __toCommonJS(server_exports);
+__reExport(server_exports, require("dn-react-toolkit/auth/server"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  toSlug
+  ...require("dn-react-toolkit/auth/server")
 });

package/dist/auth/server/index.mjs

@@ -0,0 +1,2 @@
+// src/auth/server/index.tsx
+export * from "dn-react-toolkit/auth/server";

package/dist/auth/with_auth.d.mts

@@ -1,10 +1,6 @@
+import { AccessTokenPayload } from 'dn-react-toolkit/auth';
+import { AuthService } from 'dn-react-toolkit/auth/server';
 import { LoaderFunctionArgs, ActionFunctionArgs } from 'react-router';
-import { AuthService } from './auth_service.mjs';
-import { AccessTokenPayload } from './jwt_manager.mjs';
-import 'jose';
-import '../file/object_storage.mjs';
-import '@aws-sdk/client-s3';
-import './auth_repository.mjs';
 
 type Handler<T extends LoaderFunctionArgs | ActionFunctionArgs> = (arg: T) => Promise<unknown> | unknown;
 type InputFN = (auth?: AccessTokenPayload) => Handler<LoaderFunctionArgs> | Handler<ActionFunctionArgs>;

package/dist/auth/with_auth.d.ts

@@ -1,10 +1,6 @@
+import { AccessTokenPayload } from 'dn-react-toolkit/auth';
+import { AuthService } from 'dn-react-toolkit/auth/server';
 import { LoaderFunctionArgs, ActionFunctionArgs } from 'react-router';
-import { AuthService } from './auth_service.js';
-import { AccessTokenPayload } from './jwt_manager.js';
-import 'jose';
-import '../file/object_storage.js';
-import '@aws-sdk/client-s3';
-import './auth_repository.js';
 
 type Handler<T extends LoaderFunctionArgs | ActionFunctionArgs> = (arg: T) => Promise<unknown> | unknown;
 type InputFN = (auth?: AccessTokenPayload) => Handler<LoaderFunctionArgs> | Handler<ActionFunctionArgs>;

package/dist/auth/with_auth.js

@@ -27,6 +27,7 @@ function createWithAuthHandler({ authService }) {
   return function(fn) {
     const handler = async function(arg) {
       const respond = async (auth) => {
+        const userAgent = arg.request.headers.get("User-Agent") || "";
         const res = await fn(auth)(arg);
         if (typeof res === "object" && res !== null && !Array.isArray(res)) {
           if (res instanceof Response) {
@@ -35,6 +36,7 @@ function createWithAuthHandler({ authService }) {
               return new Response(
                 JSON.stringify({
                   AUTH: auth,
+                  userAgent,
                   ...data
                 }),
                 {
@@ -47,6 +49,7 @@ function createWithAuthHandler({ authService }) {
           }
           return {
             AUTH: auth,
+            userAgent,
             ...res
           };
         }

package/dist/auth/with_auth.mjs

@@ -3,6 +3,7 @@ function createWithAuthHandler({ authService }) {
   return function(fn) {
     const handler = async function(arg) {
       const respond = async (auth) => {
+        const userAgent = arg.request.headers.get("User-Agent") || "";
         const res = await fn(auth)(arg);
         if (typeof res === "object" && res !== null && !Array.isArray(res)) {
           if (res instanceof Response) {
@@ -11,6 +12,7 @@ function createWithAuthHandler({ authService }) {
               return new Response(
                 JSON.stringify({
                   AUTH: auth,
+                  userAgent,
                   ...data
                 }),
                 {
@@ -23,6 +25,7 @@ function createWithAuthHandler({ authService }) {
           }
           return {
             AUTH: auth,
+            userAgent,
             ...res
           };
         }

package/dist/{components → client}/client_env.d.mts

@@ -4,4 +4,4 @@ declare function ClientEnv({ dataKey }: {
     dataKey?: string;
 }): React.JSX.Element;
 
-export { ClientEnv as default };
+export { ClientEnv };

package/dist/{components → client}/client_env.d.ts

@@ -4,4 +4,4 @@ declare function ClientEnv({ dataKey }: {
     dataKey?: string;
 }): React.JSX.Element;
 
-export { ClientEnv as default };
+export { ClientEnv };

package/dist/{components → client}/client_env.js

@@ -27,10 +27,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/client_env.tsx
+// src/client/client_env.tsx
 var client_env_exports = {};
 __export(client_env_exports, {
-  default: () => ClientEnv
+  ClientEnv: () => ClientEnv
 });
 module.exports = __toCommonJS(client_env_exports);
 var import_react = __toESM(require("react"));
@@ -48,3 +48,7 @@ function ClientEnv({ dataKey = "ENV" }) {
     }
   ));
 }
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ClientEnv
+});

package/dist/{components → client}/client_env.mjs

@@ -1,4 +1,4 @@
-// src/components/client_env.tsx
+// src/client/client_env.tsx
 import React from "react";
 import { useRouteLoaderData } from "react-router";
 function ClientEnv({ dataKey = "ENV" }) {
@@ -15,5 +15,5 @@ function ClientEnv({ dataKey = "ENV" }) {
   ));
 }
 export {
-  ClientEnv as default
+  ClientEnv
 };

package/dist/client/index.d.mts

@@ -0,0 +1,3 @@
+export { ClientEnv } from './client_env.mjs';
+export { useUserAgent } from './use_user_agent.mjs';
+import 'react';

package/dist/client/index.d.ts

@@ -0,0 +1,3 @@
+export { ClientEnv } from './client_env.js';
+export { useUserAgent } from './use_user_agent.js';
+import 'react';

package/dist/{auth/client/google_login_button.js → client/index.js}

@@ -27,46 +27,43 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/auth/client/google_login_button.tsx
-var google_login_button_exports = {};
-__export(google_login_button_exports, {
-  GoogleLoginButton: () => GoogleLoginButton
+// src/client/index.ts
+var client_exports = {};
+__export(client_exports, {
+  ClientEnv: () => ClientEnv,
+  useUserAgent: () => useUserAgent
 });
-module.exports = __toCommonJS(google_login_button_exports);
-var import_react3 = __toESM(require("react"));
-var import_fc = require("react-icons/fc");
-var import_react_router2 = require("react-router");
+module.exports = __toCommonJS(client_exports);
 
-// src/auth/client/provider.tsx
+// src/client/client_env.tsx
 var import_react = __toESM(require("react"));
-var import_react2 = require("react");
 var import_react_router = require("react-router");
-var AuthContext = (0, import_react2.createContext)({});
-var useAuth = () => {
-  return (0, import_react2.useContext)(AuthContext);
-};
-
-// src/auth/client/google_login_button.tsx
-function GoogleLoginButton({
-  className = "max-w-[300px] w-full"
-}) {
-  const { loginWithGoogle } = useAuth();
-  const [searchParams] = (0, import_react_router2.useSearchParams)();
-  const redirectUrl = searchParams.get("redirectUrl") || "";
-  return /* @__PURE__ */ import_react3.default.createElement("div", { className }, /* @__PURE__ */ import_react3.default.createElement(
-    "button",
+function ClientEnv({ dataKey = "ENV" }) {
+  const data = (0, import_react_router.useRouteLoaderData)("root");
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, data && /* @__PURE__ */ import_react.default.createElement(
+    "script",
     {
-      type: "button",
-      onClick: () => {
-        loginWithGoogle(redirectUrl);
-      },
-      className: "relative flex items-center border border-neutral-300 px-4 py-3 no-underline hover:no-underline bg-white hover:bg-neutral-100 rounded"
-    },
-    /* @__PURE__ */ import_react3.default.createElement(import_fc.FcGoogle, null),
-    /* @__PURE__ */ import_react3.default.createElement("p", { className: "text-[14px] text-black absolute left-0 right-0 text-center" }, "\uAD6C\uAE00\uB85C \uACC4\uC18D\uD558\uAE30")
+      dangerouslySetInnerHTML: {
+        __html: `window.process = ${JSON.stringify({
+          env: data?.[dataKey]
+        })}`
+      }
+    }
   ));
 }
+
+// src/client/use_user_agent.tsx
+var import_react_router2 = require("react-router");
+function useUserAgent() {
+  const data = (0, import_react_router2.useRouteLoaderData)("root");
+  const userAgent = data?.userAgent || "";
+  const isMobile = /Mobi|Android/i.test(userAgent);
+  const isTablet = /Tablet|iPad/i.test(userAgent);
+  const isDesktop = !isMobile && !isTablet;
+  return { userAgent, isMobile, isTablet, isDesktop };
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  GoogleLoginButton
+  ClientEnv,
+  useUserAgent
 });

package/dist/client/index.mjs

@@ -0,0 +1,31 @@
+// src/client/client_env.tsx
+import React from "react";
+import { useRouteLoaderData } from "react-router";
+function ClientEnv({ dataKey = "ENV" }) {
+  const data = useRouteLoaderData("root");
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, data && /* @__PURE__ */ React.createElement(
+    "script",
+    {
+      dangerouslySetInnerHTML: {
+        __html: `window.process = ${JSON.stringify({
+          env: data?.[dataKey]
+        })}`
+      }
+    }
+  ));
+}
+
+// src/client/use_user_agent.tsx
+import { useRouteLoaderData as useRouteLoaderData2 } from "react-router";
+function useUserAgent() {
+  const data = useRouteLoaderData2("root");
+  const userAgent = data?.userAgent || "";
+  const isMobile = /Mobi|Android/i.test(userAgent);
+  const isTablet = /Tablet|iPad/i.test(userAgent);
+  const isDesktop = !isMobile && !isTablet;
+  return { userAgent, isMobile, isTablet, isDesktop };
+}
+export {
+  ClientEnv,
+  useUserAgent
+};

package/dist/client/use_user_agent.d.mts

@@ -0,0 +1,8 @@
+declare function useUserAgent(): {
+    userAgent: string;
+    isMobile: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
+};
+
+export { useUserAgent };

package/dist/client/use_user_agent.d.ts

@@ -0,0 +1,8 @@
+declare function useUserAgent(): {
+    userAgent: string;
+    isMobile: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
+};
+
+export { useUserAgent };

package/dist/{file/client/format_size.js → client/use_user_agent.js}

@@ -17,22 +17,22 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/file/client/format_size.ts
-var format_size_exports = {};
-__export(format_size_exports, {
-  formatSize: () => formatSize
+// src/client/use_user_agent.tsx
+var use_user_agent_exports = {};
+__export(use_user_agent_exports, {
+  useUserAgent: () => useUserAgent
 });
-module.exports = __toCommonJS(format_size_exports);
-function formatSize(size) {
-  if (size < 1024) {
-    return `${size} B`;
-  }
-  if (size < 1024 * 1024) {
-    return `${(size / 1024).toFixed(2)} KB`;
-  }
-  return `${(size / (1024 * 1024)).toFixed(2)} MB`;
+module.exports = __toCommonJS(use_user_agent_exports);
+var import_react_router = require("react-router");
+function useUserAgent() {
+  const data = (0, import_react_router.useRouteLoaderData)("root");
+  const userAgent = data?.userAgent || "";
+  const isMobile = /Mobi|Android/i.test(userAgent);
+  const isTablet = /Tablet|iPad/i.test(userAgent);
+  const isDesktop = !isMobile && !isTablet;
+  return { userAgent, isMobile, isTablet, isDesktop };
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  formatSize
+  useUserAgent
 });

package/dist/client/use_user_agent.mjs

@@ -0,0 +1,13 @@
+// src/client/use_user_agent.tsx
+import { useRouteLoaderData } from "react-router";
+function useUserAgent() {
+  const data = useRouteLoaderData("root");
+  const userAgent = data?.userAgent || "";
+  const isMobile = /Mobi|Android/i.test(userAgent);
+  const isTablet = /Tablet|iPad/i.test(userAgent);
+  const isDesktop = !isMobile && !isTablet;
+  return { userAgent, isMobile, isTablet, isDesktop };
+}
+export {
+  useUserAgent
+};

package/dist/file/client/index.d.mts

@@ -0,0 +1 @@
+export * from 'dn-react-toolkit/file/client';

package/dist/file/client/index.d.ts

@@ -0,0 +1 @@
+export * from 'dn-react-toolkit/file/client';

package/dist/file/{cdn.js → client/index.js}

@@ -3,10 +3,6 @@ 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))
@@ -15,20 +11,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/file/cdn.ts
-var cdn_exports = {};
-__export(cdn_exports, {
-  createCDN: () => createCDN
-});
-module.exports = __toCommonJS(cdn_exports);
-var createCDN = (origin) => {
-  return (key, { width } = {}) => {
-    return key ? `${origin}/${key}${width ? `?w=${width}` : ""}` : void 0;
-  };
-};
+// src/file/client/index.ts
+var client_exports = {};
+module.exports = __toCommonJS(client_exports);
+__reExport(client_exports, require("dn-react-toolkit/file/client"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  createCDN
+  ...require("dn-react-toolkit/file/client")
 });

package/dist/file/client/index.mjs

@@ -0,0 +1,2 @@
+// src/file/client/index.ts
+export * from "dn-react-toolkit/file/client";

package/dist/file/index.d.mts

@@ -0,0 +1 @@
+export * from 'dn-react-toolkit/file';

package/dist/file/index.d.ts

@@ -0,0 +1 @@
+export * from 'dn-react-toolkit/file';

package/dist/{cn.js → file/index.js}

@@ -3,10 +3,6 @@ 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))
@@ -15,18 +11,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/cn.ts
-var cn_exports = {};
-__export(cn_exports, {
-  cn: () => cn
-});
-module.exports = __toCommonJS(cn_exports);
-function cn(...classes) {
-  return classes.filter(Boolean).join(" ").trim();
-}
+// src/file/index.ts
+var file_exports = {};
+module.exports = __toCommonJS(file_exports);
+__reExport(file_exports, require("dn-react-toolkit/file"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  cn
+  ...require("dn-react-toolkit/file")
 });