dn-react-router-toolkit 0.1.0

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

@@ -0,0 +1,280 @@
+import React from "react";
+export function configSEO(config) {
+    return {
+        config,
+        async init(props = {}) {
+            var _a;
+            const canonicalPath = props.canonicalPath;
+            const url = canonicalPath
+                ? `${config.origin}${canonicalPath}`
+                : `${config.origin}${props.path || ""}`;
+            const pageTitle = props.title
+                ? `${props.title} | ${config.siteName}`
+                : config.siteName;
+            const description = props.description || config.description;
+            const keywords = props.keywords || config.keywords;
+            const websiteSchemaId = `${config.origin}/#website`;
+            const websiteSchema = {
+                "@type": "WebSite",
+                "@id": websiteSchemaId,
+                url: config.origin,
+                name: config.siteName,
+                alternateName: config.siteName,
+                description: config.description,
+                inLanguage: "ko",
+            };
+            const thumbnailSchemaId = `${url}/#thumbnail`;
+            const thumbnail = props.thumbnail ||
+                (typeof config.thumbnail === "function"
+                    ? await config.thumbnail()
+                    : config.thumbnail);
+            const thumbnailUrl = thumbnail === null || thumbnail === void 0 ? void 0 : thumbnail.url;
+            const socialImage = thumbnail
+                ? [
+                    typeof thumbnail === "string"
+                        ? {
+                            url: thumbnail,
+                            alt: `${props.title} 대표 이미지`,
+                        }
+                        : thumbnail,
+                ]
+                : [];
+            const images = [
+                ...(thumbnailUrl
+                    ? [
+                        {
+                            id: thumbnailSchemaId,
+                            url: thumbnailUrl,
+                            alt: `${props.title} 대표 이미지`,
+                        },
+                    ]
+                    : []),
+                ...(props.images || []),
+                ...(((_a = props.collection) === null || _a === void 0 ? void 0 : _a.map((portfolio) => portfolio.thumbnail)) || []),
+            ].filter(Boolean);
+            const image = images
+                .filter((file) => file.id)
+                .map((file) => ({
+                "@type": "ImageObject",
+                "@id": `${url}/#${file.id}`,
+            }));
+            const breadcrumbSchemaId = `${url}#breadcrumb`;
+            const updatedAt = props.updatedAt;
+            const createdAt = props.createdAt;
+            const meta = () => {
+                return [
+                    { title: pageTitle },
+                    { name: "description", content: description },
+                    { name: "keywords", content: (keywords === null || keywords === void 0 ? void 0 : keywords.join(", ")) || "" },
+                    {
+                        tagName: "link",
+                        rel: "canonical",
+                        href: url,
+                    },
+                    { property: "og:type", content: props.type || "website" },
+                    { property: "og:title", content: pageTitle },
+                    { property: "og:description", content: description },
+                    { property: "og:url", content: url },
+                    { property: "og:site_name", content: config.siteName },
+                    ...socialImage.map((file) => ({
+                        property: "og:image",
+                        content: file.url,
+                    })),
+                    {
+                        property: "twitter:card",
+                        content: socialImage.length > 0 ? "summary_large_image" : "summary",
+                    },
+                    { property: "twitter:title", content: pageTitle },
+                    { property: "twitter:description", content: description },
+                    ...socialImage.map((file) => ({
+                        property: "twitter:image",
+                        content: file.url,
+                    })),
+                ];
+            };
+            const additionalStructedData = [
+                ...(typeof props.structedData === "function"
+                    ? await props.structedData()
+                    : props.structedData || []),
+                ...(typeof config.structedData === "function"
+                    ? await config.structedData()
+                    : config.structedData || []),
+            ];
+            function getStructedData() {
+                const collectionMainEntity = props.collection
+                    ? {
+                        "@type": "ItemList",
+                        numberOfItems: props.collection.length,
+                        itemListElement: props.collection.map((item, index) => {
+                            var _a, _b, _c, _d;
+                            return ({
+                                "@type": "ListItem",
+                                position: index + 1,
+                                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(),
+                                },
+                            });
+                        }),
+                    }
+                    : undefined;
+                return {
+                    "@context": "https://schema.org",
+                    "@graph": [
+                        {
+                            "@type": "WebPage",
+                            "@id": `${url}#webpage`,
+                            url,
+                            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(),
+                            primaryImageOfPage: thumbnail
+                                ? {
+                                    "@id": thumbnailSchemaId,
+                                }
+                                : undefined,
+                            isPartOf: {
+                                "@id": websiteSchemaId,
+                            },
+                            inLanguage: "ko",
+                            breadcrumb: props.breadcrumbs && props.breadcrumbs.length > 0
+                                ? {
+                                    "@id": breadcrumbSchemaId,
+                                }
+                                : undefined,
+                            image,
+                            mainEntity: collectionMainEntity,
+                        },
+                        props.article &&
+                            {
+                                "@type": "Article",
+                                "@id": `${url}#article`,
+                                url,
+                                name: pageTitle,
+                                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(),
+                                isPartOf: {
+                                    "@id": websiteSchemaId,
+                                },
+                                inLanguage: "ko",
+                                image,
+                            },
+                        props.blogPosting &&
+                            {
+                                "@type": "BlogPosting",
+                                "@id": `${url}/#blogposting`,
+                                url,
+                                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(),
+                                isPartOf: { "@id": websiteSchemaId },
+                                image,
+                            },
+                        props.creativeWork &&
+                            {
+                                "@type": "CreativeWork",
+                                "@id": `${url}/#creativework`,
+                                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(),
+                                isPartOf: { "@id": websiteSchemaId },
+                                thumbnailUrl,
+                                image,
+                            },
+                        props.visualArtwork &&
+                            {
+                                "@type": "VisualArtwork",
+                                "@id": `${url}/#visualartwork`,
+                                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(),
+                                isPartOf: { "@id": websiteSchemaId },
+                                thumbnailUrl,
+                                image,
+                            },
+                        props.collection &&
+                            {
+                                "@type": "CollectionPage",
+                                "@id": `${url}/#collectionpage`,
+                                url: url,
+                                name: pageTitle,
+                                description: description,
+                                isPartOf: { "@id": websiteSchemaId },
+                                image,
+                                inLanguage: "ko-KR",
+                                breadcrumb: props.breadcrumbs && props.breadcrumbs.length > 0
+                                    ? {
+                                        "@id": `${url}/#breadcrumb`,
+                                    }
+                                    : undefined,
+                                mainEntity: collectionMainEntity,
+                            },
+                        websiteSchema,
+                        props.breadcrumbs &&
+                            props.breadcrumbs.length > 0 &&
+                            {
+                                "@id": breadcrumbSchemaId,
+                                "@type": "BreadcrumbList",
+                                itemListElement: props.breadcrumbs.map((breadcrumb, index) => ({
+                                    "@type": "ListItem",
+                                    position: index + 1,
+                                    name: breadcrumb.label,
+                                    item: `${config.origin}${breadcrumb.href}`,
+                                })),
+                            },
+                        ...additionalStructedData,
+                        ...images.map((file) => {
+                            var _a, _b;
+                            return {
+                                "@type": "ImageObject",
+                                "@id": `${url}/#${file.id}`,
+                                url: file.url,
+                                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(),
+                                creditText: config.copyright,
+                                license: `${config.origin}/terms`,
+                                copyrightNotice: config.copyright,
+                                acquireLicensePage: `${config.origin}/terms`,
+                            };
+                        }),
+                    ].filter(Boolean),
+                };
+            }
+            function generateJSONLD() {
+                const structedData = getStructedData();
+                return (React.createElement("script", { type: "application/ld+json", dangerouslySetInnerHTML: {
+                        __html: JSON.stringify(structedData).replace(/</g, "\\u003c"),
+                    } }));
+            }
+            return {
+                config,
+                props,
+                meta,
+                generateJSONLD,
+            };
+        },
+    };
+}

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

@@ -0,0 +1,12 @@
+import { type LoaderFn } from "./loader";
+import { type JSX } from "react";
+import { type SEO } from "./seo";
+import React from "react";
+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>;
+    getData(): U;
+    wrap<V>(mapper: (props: U) => V | Promise<V>): (props: T) => Promise<V>;
+};

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

@@ -0,0 +1,13 @@
+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))));
+            });
+        } });
+}

package/dist/esm/singleton.d.ts

@@ -0,0 +1 @@
+export declare function singleton<T>(name: string, fn: () => T): T;

package/dist/esm/singleton.js

@@ -0,0 +1,9 @@
+export function singleton(name, fn) {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const globalAny = globalThis;
+    globalAny.__singletons = globalAny.__singletons || {};
+    if (!globalAny.__singletons[name]) {
+        globalAny.__singletons[name] = fn();
+    }
+    return globalAny.__singletons[name];
+}

package/dist/esm/slug.d.ts

@@ -0,0 +1 @@
+export declare const toSlug: (str: string) => string;

package/dist/esm/slug.js

@@ -0,0 +1,6 @@
+export const toSlug = (str) => {
+    return str
+        .toLowerCase()
+        .replace(/[^a-zA-Z0-9가-힣ㄱ-ㅎㅏ-ㅣ]+/g, "-")
+        .replace(/^-|-$/g, "");
+};

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "dn-react-router-toolkit",
+  "version": "0.1.0",
+  "types": "./dist/esm/index.d.ts",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/esm/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    },
+    "./route": {
+      "types": "./dist/esm/route/index.d.ts",
+      "import": "./dist/esm/route/index.js",
+      "require": "./dist/cjs/route/index.js"
+    },
+    "./auth-kit/*": {
+      "types": "./dist/esm/auth-kit/*.d.ts",
+      "import": "./dist/esm/auth-kit/*.js",
+      "require": "./dist/cjs/auth-kit/*.js"
+    },
+    "./components": {
+      "types": "./dist/esm/components/index.d.ts",
+      "import": "./dist/esm/components/index.js",
+      "require": "./dist/cjs/components/index.js"
+    },
+    "./http-kit": {
+      "types": "./dist/esm/http-kit/index.d.ts",
+      "import": "./dist/esm/http-kit/index.js",
+      "require": "./dist/cjs/http-kit/index.js"
+    },
+    "./file-kit/*": {
+      "types": "./dist/esm/file-kit/*.d.ts",
+      "import": "./dist/esm/file-kit/*.js",
+      "require": "./dist/cjs/file-kit/*.js"
+    },
+    "./seo-kit": {
+      "types": "./dist/esm/seo-kit/index.d.ts",
+      "import": "./dist/esm/seo-kit/index.js",
+      "require": "./dist/cjs/seo-kit/index.js"
+    }
+  },
+  "scripts": {
+    "build": "rimraf dist && tsc -p tsconfig.cjs.json && tsc -p tsconfig.json"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/dndnsoft/dn-react-router-toolkit.git"
+  },
+  "author": "",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/dndnsoft/dn-react-router-toolkit/issues"
+  },
+  "homepage": "https://github.com/dndnsoft/dn-react-router-toolkit#readme",
+  "description": "",
+  "devDependencies": {
+    "@types/node": "^24.5.2",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "rimraf": "^6.0.1",
+    "schema-dts": "^1.1.5",
+    "typescript": "^5.7.3"
+  },
+  "dependencies": {
+    "@aws-sdk/client-s3": "^3.940.0",
+    "@aws-sdk/s3-request-presigner": "^3.940.0",
+    "bcryptjs": "^3.0.3",
+    "jose": "^6.1.2",
+    "moment-timezone": "^0.6.0",
+    "react-icons": "^5.5.0",
+    "uuid": "^13.0.0"
+  },
+  "peerDependencies": {
+    "drizzle-orm": "^0.44",
+    "react-router": "^7",
+    "react": "^19",
+    "react-dom": "^19"
+  }
+}