dn-react-router-toolkit 0.1.1 → 0.1.3

package/dist/cjs/auth-kit/google_auth.js

@@ -1,69 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GoogleAuth = void 0;
-const response_1 = require("../http-kit/response");
-class GoogleAuth {
-    AUTH;
-    GOOGLE_CLIENT_ID;
-    GOOGLE_CLIENT_SECRET;
-    GOOGLE_REDIRECT_URI;
-    constructor(AUTH, GOOGLE_CLIENT_ID, GOOGLE_CLIENT_SECRET, GOOGLE_REDIRECT_URI) {
-        this.GOOGLE_CLIENT_ID = GOOGLE_CLIENT_ID;
-        this.GOOGLE_CLIENT_SECRET = GOOGLE_CLIENT_SECRET;
-        this.GOOGLE_REDIRECT_URI = GOOGLE_REDIRECT_URI;
-        this.AUTH = AUTH;
-    }
-    async signIn(code) {
-        const tokenRes = await fetch("https://oauth2.googleapis.com/token", {
-            method: "POST",
-            headers: {
-                "Content-Type": "application/x-www-form-urlencoded",
-            },
-            body: new URLSearchParams({
-                code,
-                client_id: this.GOOGLE_CLIENT_ID,
-                client_secret: this.GOOGLE_CLIENT_SECRET,
-                redirect_uri: this.GOOGLE_REDIRECT_URI,
-                grant_type: "authorization_code",
-            }),
-        });
-        if (!tokenRes.ok) {
-            if (process.env.NODE_ENV === "development") {
-                throw (0, response_1.INTERNAL_SERVER_ERROR)(`구글 토큰 발급에 실패했습니다. status: ${tokenRes.status}, message: ${await tokenRes.text()}`);
-            }
-            throw (0, response_1.INTERNAL_SERVER_ERROR)("인증에 실패했습니다.");
-        }
-        const { access_token } = await tokenRes.json();
-        const userRes = await fetch("https://www.googleapis.com/oauth2/v1/userinfo", {
-            headers: {
-                Authorization: `Bearer ${access_token}`,
-            },
-        });
-        if (!userRes.ok) {
-            throw (0, response_1.BAD_REQUEST)("유저 정보를 가져오는데 실패했습니다.");
-        }
-        const { id, email, name, picture } = await userRes.json();
-        const user = await this.AUTH.findUser("google", {
-            id,
-            email,
-            name,
-            picture,
-        });
-        if (!user) {
-            throw (0, response_1.createJsonResponse)(404)({
-                provider: "google",
-                id,
-                name,
-                picture,
-                message: "사용자를 찾을 수 없습니다.",
-            });
-        }
-        const { accessToken, refreshToken } = await this.AUTH.issueTokenPair(user);
-        return {
-            user,
-            accessToken,
-            refreshToken,
-        };
-    }
-}
-exports.GoogleAuth = GoogleAuth;

package/dist/cjs/auth-kit/jwt.js

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.JWTManager = void 0;
-const jose_1 = require("jose");
-class JWTManager {
-    siteOrigin;
-    constructor(siteOrigin) {
-        this.siteOrigin = siteOrigin;
-    }
-    async verify(token, secret) {
-        try {
-            const result = await (0, jose_1.jwtVerify)(token, new TextEncoder().encode(secret));
-            return result.payload;
-        }
-        catch (_) {
-            return;
-        }
-    }
-    async verifyAccessToken(token) {
-        return this.verify(token, process.env.ACCESS_TOKEN_SECRET);
-    }
-    async verifyRefreshToken(token) {
-        return this.verify(token, process.env.REFRESH_TOKEN_SECRET);
-    }
-    async sign(payload, secret, { expiresIn } = {}) {
-        let builder = new jose_1.SignJWT(payload)
-            .setProtectedHeader({ alg: "HS256", typ: "JWT" })
-            .setIssuedAt();
-        if (this.siteOrigin) {
-            builder = builder.setIssuer(this.siteOrigin);
-        }
-        if (expiresIn) {
-            builder = builder.setExpirationTime(expiresIn);
-        }
-        return builder.sign(new TextEncoder().encode(secret));
-    }
-    async signAccessToken(payload) {
-        return this.sign(payload, process.env.ACCESS_TOKEN_SECRET, {
-            expiresIn: process.env.ACCESS_TOKEN_EXPIRES_IN || "10s",
-        });
-    }
-    async signRefreshToken(payload) {
-        return this.sign(payload, process.env.REFRESH_TOKEN_SECRET, {
-            expiresIn: process.env.REFRESH_TOKEN_EXPIRES_IN || "1d",
-        });
-    }
-    decode(token) {
-        return (0, jose_1.decodeJwt)(token);
-    }
-    getExpirationTime(token) {
-        return new Date(Number((0, jose_1.decodeJwt)(token).exp) * 1000);
-    }
-}
-exports.JWTManager = JWTManager;

package/dist/cjs/auth-kit/kakao_auth.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.KakaoAuth = void 0;
-const http_kit_1 = require("../http-kit");
-class KakaoAuth {
-    AUTH;
-    constructor(AUTH) {
-        this.AUTH = AUTH;
-    }
-    async signIn(kakaoAccessToken) {
-        const userRes = await fetch("https://kapi.kakao.com/v2/user/me", {
-            headers: {
-                Authorization: `Bearer ${kakaoAccessToken}`,
-            },
-        });
-        if (!userRes.ok) {
-            throw new Error("유저 정보를 가져오는데 실패했습니다.");
-        }
-        const { id, kakao_account } = await userRes.json();
-        const { email, profile } = kakao_account;
-        const payload = {
-            id,
-            email,
-            name: profile.nickname,
-            picture: profile.thumbnail_image_url,
-        };
-        const user = await this.AUTH.findUser("kakao", payload);
-        if (!user) {
-            throw (0, http_kit_1.createJsonResponse)(404)({
-                provider: "kakao",
-                ...payload,
-                message: "사용자를 찾을 수 없습니다.",
-            });
-        }
-        const { accessToken, refreshToken } = await this.AUTH.issueTokenPair(user);
-        return {
-            user,
-            accessToken,
-            refreshToken,
-        };
-    }
-}
-exports.KakaoAuth = KakaoAuth;

package/dist/cjs/auth-kit/repository.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/auth-kit/with_auth.js

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createWithAuthHandler = createWithAuthHandler;
-const auth_service_1 = require("./auth_service");
-function createWithAuthHandler({ JWT_MANAGER, AUTH, }) {
-    return function (fn) {
-        return async function (arg) {
-            const cookie = arg.request.headers.get("cookie");
-            const accessToken = await auth_service_1.ACCESS_TOKEN_COOKIE.parse(cookie);
-            if (accessToken) {
-                const payload = await JWT_MANAGER.verifyAccessToken(accessToken);
-                if (payload) {
-                    return fn(payload)(arg);
-                }
-            }
-            const refreshToken = await auth_service_1.REFRESH_TOKEN_COOKIE.parse(cookie);
-            if (refreshToken) {
-                try {
-                    const refreshedAccessToken = await AUTH.refreshAccessToken(refreshToken);
-                    const setCookieHeader = await AUTH.getRefreshTokenSetCookie(refreshedAccessToken);
-                    return new Response("Temporary Redirect", {
-                        status: 307,
-                        headers: {
-                            "Set-Cookie": setCookieHeader,
-                            Location: arg.request.url,
-                        },
-                    });
-                }
-                catch (e) {
-                    if (e instanceof Error) {
-                        console.log(e.message);
-                    }
-                    const setCookieHeader = await AUTH.getRefreshTokenSetCookie(null);
-                    return new Response("Temporary Redirect", {
-                        status: 307,
-                        headers: {
-                            "Set-Cookie": setCookieHeader,
-                            Location: arg.request.url,
-                        },
-                    });
-                }
-            }
-            return fn(undefined)(arg);
-        };
-    };
-}

package/dist/cjs/cn.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cn = cn;
-function cn(...classes) {
-    return classes.filter(Boolean).join(" ").trim();
-}

package/dist/cjs/components/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./modal"), exports);
-__exportStar(require("./styles"), exports);

package/dist/cjs/components/modal/fullscreen_container.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = FullscreenContainer;
-exports.useFullscreen = useFullscreen;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const cn_1 = require("../../cn");
-const react_1 = require("react");
-function FullscreenContainer({ className, children, ...props }) {
-    const containerRef = (0, react_1.useRef)(null);
-    useFullscreen(containerRef);
-    return ((0, jsx_runtime_1.jsx)("div", { ref: containerRef, ...props, className: (0, cn_1.cn)("fixed left-0 right-0 top-0 bottom-0", className), children: children }));
-}
-function useFullscreen(ref) {
-    (0, react_1.useEffect)(() => {
-        const container = ref.current;
-        if (!container) {
-            return;
-        }
-        const scroll = () => {
-            if (scrollY > 0) {
-                window.scrollTo({
-                    top: 0,
-                    behavior: "instant",
-                });
-            }
-        };
-        const resize = () => {
-            if (!visualViewport) {
-                return;
-            }
-            container.classList.remove("bottom-0");
-            container.style.height = `${visualViewport?.height}px`;
-            if (visualViewport.height < window.innerHeight) {
-                window.addEventListener("scroll", scroll);
-            }
-            else {
-                window.removeEventListener("scroll", scroll);
-            }
-        };
-        resize();
-        visualViewport?.addEventListener("resize", resize);
-        scroll();
-        return () => {
-            window.removeEventListener("scroll", scroll);
-            visualViewport?.removeEventListener("resize", resize);
-        };
-    }, [ref]);
-    return "fixed inset-0";
-}

package/dist/cjs/components/modal/hooks.js

@@ -1,76 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModalContext = void 0;
-exports.useModalRoot = useModalRoot;
-exports.useModalPortal = useModalPortal;
-exports.useModal = useModal;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_dom_1 = require("react-dom");
-const modal_1 = __importDefault(require("./modal"));
-function useModalRoot() {
-    const [container, setContainer] = (0, react_1.useState)(null);
-    (0, react_1.useEffect)(() => {
-        const container = document.getElementById("modal-root");
-        if (container) {
-            setContainer(container);
-        }
-        return () => {
-            setContainer(null);
-        };
-    }, []);
-    return container;
-}
-function useModalPortal() {
-    const container = useModalRoot();
-    if (!container) {
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        return (children) => null;
-    }
-    return (children) => {
-        return (0, react_dom_1.createPortal)(children, container);
-    };
-}
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-exports.ModalContext = (0, react_1.createContext)({});
-function useModal() {
-    const ch2 = (0, react_1.useRef)(null);
-    const open = () => {
-        ch2.current?.(true);
-    };
-    const close = () => {
-        ch2.current?.(false);
-    };
-    const Component = (0, react_1.useCallback)(function Component(props) {
-        const [isOpen, setIsOpen] = (0, react_1.useState)(false);
-        const createPortal = useModalPortal();
-        (0, react_1.useEffect)(() => {
-            ch2.current = (v) => {
-                setIsOpen(v);
-            };
-            return () => {
-                ch2.current = null;
-            };
-        }, []);
-        (0, react_1.useEffect)(() => {
-            if (isOpen) {
-                // document.body.style.overflow = "hidden";
-            }
-            else {
-                // document.body.style.overflow = "";
-            }
-            return () => {
-                // document.body.style.overflow = "";
-            };
-        }, [isOpen]);
-        return ((0, jsx_runtime_1.jsx)(exports.ModalContext.Provider, { value: { open, close, isOpen }, children: createPortal((0, jsx_runtime_1.jsx)(modal_1.default, { ...props, open: isOpen, onBackgroundClick: close })) }));
-    }, []);
-    return {
-        open,
-        close,
-        Modal: Component,
-    };
-}

package/dist/cjs/components/modal/index.js

@@ -1,19 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./fullscreen_container"), exports);
-__exportStar(require("./hooks"), exports);
-__exportStar(require("./modal"), exports);

package/dist/cjs/components/modal/modal.js

@@ -1,79 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = Modal;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const fullscreen_container_1 = require("./fullscreen_container");
-const cn_1 = require("../../cn");
-function Modal({ open, className, background = "bg-gray-500/25", onBackgroundClick, children, ...props }) {
-    const containerRef = (0, react_1.useRef)(null);
-    const fullscreen = (0, fullscreen_container_1.useFullscreen)(containerRef);
-    const [mounted, setMounted] = react_1.default.useState(false);
-    (0, react_1.useEffect)(() => {
-        if (open) {
-            // document.body.style.overflow = "hidden";
-            setMounted(true);
-        }
-        else {
-            // document.body.style.overflow = "";
-            setTimeout(() => {
-                setMounted(false);
-            }, 200);
-        }
-        return () => {
-            // document.body.style.overflow = "";
-        };
-    }, [open]);
-    const onBackgroundMouseDown = (event) => {
-        event.preventDefault();
-        onBackgroundClick?.();
-    };
-    const onModalMouseDown = (event) => {
-        event.stopPropagation();
-    };
-    const onBackgroundTouchStart = (event) => {
-        event.preventDefault();
-        onBackgroundClick?.();
-    };
-    const onModalTouchStart = (event) => {
-        event.stopPropagation();
-    };
-    return ((0, jsx_runtime_1.jsx)("div", { ref: containerRef, className: (0, cn_1.cn)(fullscreen, "z-[999] flex flex-col justify-center transition-bg duration-200 md:px-6 overflow-hidden print:px-0 print:block print:overflow-auto", open && mounted
-            ? (0, cn_1.cn)(background, "ease-out")
-            : "bg-transparent ease-in pointer-events-none"), onMouseDown: onBackgroundMouseDown, onTouchStart: onBackgroundTouchStart, children: (0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)("relative flex-1 flex flex-col justify-end md:justify-center items-center transition-[opacity transform] duration-200 print:block", open && mounted
-                ? "translate-y-[0px] opacity-100 ease-out"
-                : "translate-y-[100%] md:translate-y-[50px] opacity-0 ease-in"), children: (open || mounted) && ((0, jsx_runtime_1.jsx)("div", { ...props, className: (0, cn_1.cn)(className, "w-full max-h-[92vh] print:w-[unset] print:max-h-[unset] rounded-tl-lg rounded-tr-lg md:rounded-lg overflow-auto print:rounded-none"), onMouseDown: onModalMouseDown, onTouchStart: onModalTouchStart, children: children })) }) }));
-}

package/dist/cjs/components/styles.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.dangerousButtonStyle = exports.outlineButtonStyle = exports.disabledButtonStyle = exports.primaryButtonStyle = exports.baseButtonStyle = exports.formInputStyle = exports.inputBackgroundStyle = void 0;
-exports.inputBackgroundStyle = "text-[16px] border border-neutral-200 outline-none appearance-none disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-neutral-400";
-exports.formInputStyle = `w-full px-3 ${exports.inputBackgroundStyle} h-[40px]`;
-exports.baseButtonStyle = "transition-colors text-sm font-semibold cursor-pointer flex items-center justify-center rounded-lg whitespace-nowrap text-ellipsis overflow-hidden";
-exports.primaryButtonStyle = `${exports.baseButtonStyle} px-4 h-[40px] bg-gradient-to-br from-primary-400 to-primary-500 text-white transition-colors`;
-exports.disabledButtonStyle = `${exports.baseButtonStyle} h-[40px] px-4 bg-neutral-200 text-neutral-400`;
-exports.outlineButtonStyle = `${exports.baseButtonStyle} h-[40px] px-4 bg-white border border-neutral-300 hover:bg-neutral-50`;
-exports.dangerousButtonStyle = `${exports.baseButtonStyle} h-[40px] px-4 bg-white border hover:bg-red-50 text-red-600`;

package/dist/cjs/date.js

@@ -1,31 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatHumanDateTime = void 0;
-const moment_timezone_1 = __importDefault(require("moment-timezone"));
-const formatHumanDateTime = (value) => {
-    const date = (0, moment_timezone_1.default)(value).tz("Asia/Seoul");
-    const now = (0, moment_timezone_1.default)().tz("Asia/Seoul");
-    if (date.isAfter(now.clone().subtract(1, "minute"))) {
-        return "방금 전";
-    }
-    if (date.isAfter(now.clone().subtract(1, "hour"))) {
-        const diff = now.diff(date, "minute");
-        return `${diff}분 전`;
-    }
-    if (date.isAfter(now.clone().subtract(6, "hours"))) {
-        const diff = now.diff(date, "hour");
-        return `${diff}시간 전`;
-    }
-    if (date.isAfter(now.clone().subtract(1, "week"))) {
-        const diff = now.diff(date, "day");
-        return `${diff}일 전`;
-    }
-    if (date.isSame(now, "year")) {
-        return date.format("M월 D일");
-    }
-    return date.format("YYYY년 M월 D일");
-};
-exports.formatHumanDateTime = formatHumanDateTime;

package/dist/cjs/file-kit/cdn.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createCDN = void 0;
-const createCDN = (origin) => {
-    return (key, { width } = {}) => {
-        return (key ? `${origin}/${key}${width ? `?w=${width}` : ""}` : undefined);
-    };
-};
-exports.createCDN = createCDN;