dn-react-router-toolkit 0.1.0 → 0.1.1

package/dist/esm/file-kit/client/file_uploader.js

@@ -1,16 +1,17 @@
 export class FileUploader {
+    endpoint;
     constructor(endpoint = "/api/files") {
-        this.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`;
-        };
         this.endpoint = endpoint;
     }
+    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`;
+    };
     uploadFile(file, options = {}) {
         return this.uploadBlob(file, file.name, options);
     }
@@ -21,7 +22,11 @@ export class FileUploader {
                 const img = new Image();
                 img.src = URL.createObjectURL(blob);
                 img.onload = () => {
-                    resolve(Object.assign(Object.assign({}, options.metadata), { width: img.width, height: img.height }));
+                    resolve({
+                        ...options.metadata,
+                        width: img.width,
+                        height: img.height,
+                    });
                 };
                 img.onerror = reject;
                 return;
@@ -30,7 +35,12 @@ export class FileUploader {
                 const video = document.createElement("video");
                 video.src = URL.createObjectURL(blob);
                 video.onloadedmetadata = () => {
-                    resolve(Object.assign(Object.assign({}, options.metadata), { width: video.videoWidth, height: video.videoHeight, duration: video.duration }));
+                    resolve({
+                        ...options.metadata,
+                        width: video.videoWidth,
+                        height: video.videoHeight,
+                        duration: video.duration,
+                    });
                 };
                 video.onerror = reject;
                 return;

package/dist/esm/file-kit/file_service.js

@@ -1,5 +1,8 @@
 import { v4 } from "uuid";
 export class FileService {
+    prefix;
+    repository;
+    OBJECT_STORAGE;
     constructor(prefix = "user", { repository, OBJECT_STORAGE, }) {
         this.prefix = prefix;
         this.repository = repository;

package/dist/esm/file-kit/object_storage.js

@@ -1,10 +1,11 @@
 import { GetObjectCommand, PutObjectCommand, S3Client, } from "@aws-sdk/client-s3";
 import { getSignedUrl } from "@aws-sdk/s3-request-presigner";
 export class ObjectStorage {
+    client = new S3Client({
+        region: "ap-northeast-2",
+    });
+    bucketName;
     constructor(bucketName) {
-        this.client = new S3Client({
-            region: "ap-northeast-2",
-        });
         this.bucketName = bucketName;
     }
     async generateSignedUrl(key, { contentType, expiresIn = 3600, } = {}) {

package/dist/esm/file-kit/responsive_image.js

@@ -1,23 +1,11 @@
-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;
-};
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 const sizes = [
     64, 128, 256, 320, 480, 640, 768, 1080, 1200, 1536, 1920, 2560, 3840,
 ];
 export const createResponsiveImage = (cdn) => {
-    const Component = (_a) => {
-        var { alt, file, ratio } = _a, props = __rest(_a, ["alt", "file", "ratio"]);
-        const src = cdn(file === null || file === void 0 ? void 0 : file.key) || props.src || "#";
-        return (React.createElement("img", Object.assign({}, props, { src: src, alt: alt, srcSet: generateSrcSet(src, ratio, props) })));
+    const Component = ({ alt, file, ratio, ...props }) => {
+        const src = cdn(file?.key) || props.src || "#";
+        return (_jsx("img", { ...props, src: src, alt: alt, srcSet: generateSrcSet(src, ratio, props) }));
     };
     return Component;
 };

package/dist/esm/http-kit/response.js

@@ -1,6 +1,6 @@
 export const createJsonResponse = (status) => {
     return (data = {}, init) => {
-        return Response.json(data, Object.assign({ status }, init));
+        return Response.json(data, { status, ...init });
     };
 };
 Response;
@@ -8,7 +8,10 @@ export const OK = createJsonResponse(200);
 export const CREATED = createJsonResponse(201);
 export const ACCEPTED = createJsonResponse(202);
 export const NO_CONTENT = (init) => {
-    return new Response(null, Object.assign(Object.assign({}, init), { status: 204 }));
+    return new Response(null, {
+        ...init,
+        status: 204,
+    });
 };
 export const createException = (status, defaultMessage = "오류가 발생했습니다.") => {
     return (message = defaultMessage, init) => {

package/dist/esm/route/api/auth/refresh/route.js

@@ -1,7 +1,6 @@
 import { BAD_REQUEST, CREATED, UNAUTHORIZED } from "../../../../http-kit";
 export const authRefreshHandler = async (request, { AUTH, }) => {
-    var _a;
-    const refreshToken = ((_a = request === null || request === void 0 ? void 0 : request.headers.get("Authorization")) === null || _a === void 0 ? void 0 : _a.replace("Bearer ", "")) ||
+    const refreshToken = request?.headers.get("Authorization")?.replace("Bearer ", "") ||
         (await AUTH.getRefreshTokenFromCookies(request));
     if (!refreshToken) {
         return BAD_REQUEST();

package/dist/esm/route/api/files/[fileId]/route.js

@@ -8,7 +8,7 @@ export const fileDeleteHandler = async (request, { fileId }, { AUTH, repository,
     if (!file) {
         return NOT_FOUND("파일을 찾을 수 없습니다.", { headers });
     }
-    if (!repository.hasPermission(file, auth === null || auth === void 0 ? void 0 : auth.userId)) {
+    if (!repository.hasPermission(file, auth?.userId)) {
         return FORBIDDEN("파일을 삭제할 권한이 없습니다.", { headers });
     }
     await repository.deleteFile(fileId);

package/dist/esm/route/api/files/route.js

@@ -13,7 +13,7 @@ export const fileUploadHandler = async (request, { AUTH, FILE_SERVICE, }) => {
     }
     try {
         const result = await FILE_SERVICE.generateSignedUrl({
-            userId: auth === null || auth === void 0 ? void 0 : auth.userId,
+            userId: auth?.userId,
             name,
             type,
             size,

package/dist/esm/route/auth/callback/[provider]/route.js

@@ -26,6 +26,9 @@ export const thirdPartyAuthCallbackHandler = async (request, { provider, }, { AU
     const redirectUrl = url.searchParams.get("state") || SITE_ORIGIN;
     return new Response("Temporary Redirect", {
         status: 307,
-        headers: Object.assign(Object.assign({}, headers), { Location: new URL(`/r?redirectUrl=${encodeURIComponent(redirectUrl)}`, request.url).toString() }),
+        headers: {
+            ...headers,
+            Location: new URL(`/r?redirectUrl=${encodeURIComponent(redirectUrl)}`, request.url).toString(),
+        },
     });
 };

package/dist/esm/seo-kit/seo.d.ts

@@ -1,5 +1,4 @@
 import * as Schema from "schema-dts";
-import React from "react";
 import type { MetaFunction } from "react-router";
 export type SEOImage = {
     id?: string;
@@ -95,6 +94,6 @@ export declare function configSEO(config: {
             }[];
         };
         meta: MetaFunction<unknown, Record<string, unknown>>;
-        generateJSONLD: () => React.JSX.Element;
+        generateJSONLD: () => import("react/jsx-runtime").JSX.Element;
     }>;
 };

package/dist/esm/seo-kit/seo.js

@@ -1,9 +1,8 @@
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 export function configSEO(config) {
     return {
         config,
         async init(props = {}) {
-            var _a;
             const canonicalPath = props.canonicalPath;
             const url = canonicalPath
                 ? `${config.origin}${canonicalPath}`
@@ -28,7 +27,7 @@ export function configSEO(config) {
                 (typeof config.thumbnail === "function"
                     ? await config.thumbnail()
                     : config.thumbnail);
-            const thumbnailUrl = thumbnail === null || thumbnail === void 0 ? void 0 : thumbnail.url;
+            const thumbnailUrl = thumbnail?.url;
             const socialImage = thumbnail
                 ? [
                     typeof thumbnail === "string"
@@ -50,7 +49,7 @@ export function configSEO(config) {
                     ]
                     : []),
                 ...(props.images || []),
-                ...(((_a = props.collection) === null || _a === void 0 ? void 0 : _a.map((portfolio) => portfolio.thumbnail)) || []),
+                ...(props.collection?.map((portfolio) => portfolio.thumbnail) || []),
             ].filter(Boolean);
             const image = images
                 .filter((file) => file.id)
@@ -65,7 +64,7 @@ export function configSEO(config) {
                 return [
                     { title: pageTitle },
                     { name: "description", content: description },
-                    { name: "keywords", content: (keywords === null || keywords === void 0 ? void 0 : keywords.join(", ")) || "" },
+                    { name: "keywords", content: keywords?.join(", ") || "" },
                     {
                         tagName: "link",
                         rel: "canonical",
@@ -105,24 +104,21 @@ export function configSEO(config) {
                     ? {
                         "@type": "ItemList",
                         numberOfItems: props.collection.length,
-                        itemListElement: props.collection.map((item, index) => {
-                            var _a, _b, _c, _d;
-                            return ({
-                                "@type": "ListItem",
-                                position: index + 1,
+                        itemListElement: props.collection.map((item, index) => ({
+                            "@type": "ListItem",
+                            position: index + 1,
+                            url: item.url,
+                            item: {
+                                "@type": "WebPage",
+                                "@id": `${item.url}#webpage`,
                                 url: item.url,
-                                item: {
-                                    "@type": "WebPage",
-                                    "@id": `${item.url}#webpage`,
-                                    url: item.url,
-                                    name: item.title,
-                                    thumbnailUrl: (_a = item.thumbnail) === null || _a === void 0 ? void 0 : _a.url,
-                                    dateModified: (_b = item.updatedAt) === null || _b === void 0 ? void 0 : _b.toISOString(),
-                                    dateCreated: (_c = item.createdAt) === null || _c === void 0 ? void 0 : _c.toISOString(),
-                                    datePublished: (_d = item.createdAt) === null || _d === void 0 ? void 0 : _d.toISOString(),
-                                },
-                            });
-                        }),
+                                name: item.title,
+                                thumbnailUrl: item.thumbnail?.url,
+                                dateModified: item.updatedAt?.toISOString(),
+                                dateCreated: item.createdAt?.toISOString(),
+                                datePublished: item.createdAt?.toISOString(),
+                            },
+                        })),
                     }
                     : undefined;
                 return {
@@ -135,9 +131,9 @@ export function configSEO(config) {
                             name: pageTitle,
                             description,
                             keywords: keywords,
-                            dateModified: updatedAt === null || updatedAt === void 0 ? void 0 : updatedAt.toISOString(),
-                            datePublished: createdAt === null || createdAt === void 0 ? void 0 : createdAt.toISOString(),
-                            dateCreated: createdAt === null || createdAt === void 0 ? void 0 : createdAt.toISOString(),
+                            dateModified: updatedAt?.toISOString(),
+                            datePublished: createdAt?.toISOString(),
+                            dateCreated: createdAt?.toISOString(),
                             primaryImageOfPage: thumbnail
                                 ? {
                                     "@id": thumbnailSchemaId,
@@ -164,9 +160,9 @@ export function configSEO(config) {
                                 description,
                                 keywords: keywords,
                                 headline: pageTitle,
-                                dateModified: updatedAt === null || updatedAt === void 0 ? void 0 : updatedAt.toISOString(),
-                                datePublished: createdAt === null || createdAt === void 0 ? void 0 : createdAt.toISOString(),
-                                dateCreated: createdAt === null || createdAt === void 0 ? void 0 : createdAt.toISOString(),
+                                dateModified: updatedAt?.toISOString(),
+                                datePublished: createdAt?.toISOString(),
+                                dateCreated: createdAt?.toISOString(),
                                 isPartOf: {
                                     "@id": websiteSchemaId,
                                 },
@@ -181,8 +177,8 @@ export function configSEO(config) {
                                 headline: pageTitle,
                                 description: description,
                                 thumbnailUrl,
-                                datePublished: createdAt === null || createdAt === void 0 ? void 0 : createdAt.toISOString(),
-                                dateModified: updatedAt === null || updatedAt === void 0 ? void 0 : updatedAt.toISOString(),
+                                datePublished: createdAt?.toISOString(),
+                                dateModified: updatedAt?.toISOString(),
                                 isPartOf: { "@id": websiteSchemaId },
                                 image,
                             },
@@ -193,8 +189,8 @@ export function configSEO(config) {
                                 url,
                                 name: pageTitle,
                                 description: description,
-                                datePublished: createdAt === null || createdAt === void 0 ? void 0 : createdAt.toISOString(),
-                                dateModified: updatedAt === null || updatedAt === void 0 ? void 0 : updatedAt.toISOString(),
+                                datePublished: createdAt?.toISOString(),
+                                dateModified: updatedAt?.toISOString(),
                                 isPartOf: { "@id": websiteSchemaId },
                                 thumbnailUrl,
                                 image,
@@ -206,8 +202,8 @@ export function configSEO(config) {
                                 url,
                                 name: pageTitle,
                                 description: description,
-                                datePublished: createdAt === null || createdAt === void 0 ? void 0 : createdAt.toISOString(),
-                                dateModified: updatedAt === null || updatedAt === void 0 ? void 0 : updatedAt.toISOString(),
+                                datePublished: createdAt?.toISOString(),
+                                dateModified: updatedAt?.toISOString(),
                                 isPartOf: { "@id": websiteSchemaId },
                                 thumbnailUrl,
                                 image,
@@ -244,7 +240,6 @@ export function configSEO(config) {
                             },
                         ...additionalStructedData,
                         ...images.map((file) => {
-                            var _a, _b;
                             return {
                                 "@type": "ImageObject",
                                 "@id": `${url}/#${file.id}`,
@@ -252,8 +247,8 @@ export function configSEO(config) {
                                 contentUrl: file.url,
                                 name: file.alt,
                                 description: file.alt,
-                                width: (_a = file === null || file === void 0 ? void 0 : file.width) === null || _a === void 0 ? void 0 : _a.toString(),
-                                height: (_b = file === null || file === void 0 ? void 0 : file.height) === null || _b === void 0 ? void 0 : _b.toString(),
+                                width: file?.width?.toString(),
+                                height: file?.height?.toString(),
                                 creditText: config.copyright,
                                 license: `${config.origin}/terms`,
                                 copyrightNotice: config.copyright,
@@ -265,7 +260,7 @@ export function configSEO(config) {
             }
             function generateJSONLD() {
                 const structedData = getStructedData();
-                return (React.createElement("script", { type: "application/ld+json", dangerouslySetInnerHTML: {
+                return (_jsx("script", { type: "application/ld+json", dangerouslySetInnerHTML: {
                         __html: JSON.stringify(structedData).replace(/</g, "\\u003c"),
                     } }));
             }

package/dist/esm/seo-kit/seo_loader.d.ts

@@ -6,7 +6,7 @@ export declare function createSEOLoader<T, U extends JSX.IntrinsicAttributes & {
     seo: SEO;
 }>(fn?: LoaderFn<T, U>): {
     meta: (props: T) => Promise<import("react-router").MetaFunction<unknown, Record<string, unknown>>>;
-    Page(Fc: React.FC<U>): (props: T) => Promise<JSX.Element>;
+    Page(Fc: React.FC<U>): (props: T) => Promise<import("react/jsx-runtime").JSX.Element>;
     getData(): U;
     wrap<V>(mapper: (props: U) => V | Promise<V>): (props: T) => Promise<V>;
 };

package/dist/esm/seo-kit/seo_loader.js

@@ -1,13 +1,12 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { createLoader } from "./loader";
-import React from "react";
 export function createSEOLoader(fn = () => ({})) {
     const loader = createLoader(fn);
-    return Object.assign(Object.assign({}, loader), { meta: loader.wrap((data) => data.seo.meta), Page(Fc) {
-            return loader.wrap((data) => {
-                var _a;
-                return (React.createElement(React.Fragment, null, (_a = data.seo) === null || _a === void 0 ? void 0 :
-                    _a.generateJSONLD(),
-                    React.createElement(Fc, Object.assign({}, data))));
-            });
-        } });
+    return {
+        ...loader,
+        meta: loader.wrap((data) => data.seo.meta),
+        Page(Fc) {
+            return loader.wrap((data) => (_jsxs(_Fragment, { children: [data.seo?.generateJSONLD(), _jsx(Fc, { ...data })] })));
+        },
+    };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dn-react-router-toolkit",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "types": "./dist/esm/index.d.ts",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",