dn-react-router-toolkit 0.1.0 → 0.1.2

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

@@ -1,65 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GoogleAuth = void 0;
-const response_1 = require("../http-kit/response");
-class GoogleAuth {
-    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,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.JWTManager = void 0;
-const jose_1 = require("jose");
-class JWTManager {
-    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,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.KakaoAuth = void 0;
-const http_kit_1 = require("../http-kit");
-class KakaoAuth {
-    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)(Object.assign(Object.assign({ 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,64 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = FullscreenContainer;
-exports.useFullscreen = useFullscreen;
-const cn_1 = require("../../cn");
-const react_1 = __importDefault(require("react"));
-const react_2 = require("react");
-function FullscreenContainer(_a) {
-    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
-    const containerRef = (0, react_2.useRef)(null);
-    useFullscreen(containerRef);
-    return (react_1.default.createElement("div", Object.assign({ ref: containerRef }, props, { className: (0, cn_1.cn)("fixed left-0 right-0 top-0 bottom-0", className) }), children));
-}
-function useFullscreen(ref) {
-    (0, react_2.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 === null || visualViewport === void 0 ? void 0 : visualViewport.height}px`;
-            if (visualViewport.height < window.innerHeight) {
-                window.addEventListener("scroll", scroll);
-            }
-            else {
-                window.removeEventListener("scroll", scroll);
-            }
-        };
-        resize();
-        visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.addEventListener("resize", resize);
-        scroll();
-        return () => {
-            window.removeEventListener("scroll", scroll);
-            visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.removeEventListener("resize", resize);
-        };
-    }, [ref]);
-    return "fixed inset-0";
-}

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

@@ -1,78 +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 react_1 = require("react");
-const react_dom_1 = require("react-dom");
-const modal_1 = __importDefault(require("./modal"));
-const react_2 = __importDefault(require("react"));
-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 = () => {
-        var _a;
-        (_a = ch2.current) === null || _a === void 0 ? void 0 : _a.call(ch2, true);
-    };
-    const close = () => {
-        var _a;
-        (_a = ch2.current) === null || _a === void 0 ? void 0 : _a.call(ch2, 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 (react_2.default.createElement(exports.ModalContext.Provider, { value: { open, close, isOpen } }, createPortal(react_2.default.createElement(modal_1.default, Object.assign({}, 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,91 +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;
-    };
-})();
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = Modal;
-const react_1 = __importStar(require("react"));
-const fullscreen_container_1 = require("./fullscreen_container");
-const cn_1 = require("../../cn");
-function Modal(_a) {
-    var { open, className, background = "bg-gray-500/25", onBackgroundClick, children } = _a, props = __rest(_a, ["open", "className", "background", "onBackgroundClick", "children"]);
-    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 === null || onBackgroundClick === void 0 ? void 0 : onBackgroundClick();
-    };
-    const onModalMouseDown = (event) => {
-        event.stopPropagation();
-    };
-    const onBackgroundTouchStart = (event) => {
-        event.preventDefault();
-        onBackgroundClick === null || onBackgroundClick === void 0 ? void 0 : onBackgroundClick();
-    };
-    const onModalTouchStart = (event) => {
-        event.stopPropagation();
-    };
-    return (react_1.default.createElement("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 },
-        react_1.default.createElement("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") }, (open || mounted) && (react_1.default.createElement("div", Object.assign({}, 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)))));
-}

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;