dn-react-router-toolkit 0.1.1 → 0.1.3

package/dist/seo-kit/index.js

@@ -0,0 +1,321 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/seo-kit/index.ts
+var seo_kit_exports = {};
+__export(seo_kit_exports, {
+  configSEO: () => configSEO,
+  createLoader: () => createLoader,
+  createSEOLoader: () => createSEOLoader
+});
+module.exports = __toCommonJS(seo_kit_exports);
+
+// src/seo-kit/loader.ts
+function createLoader(fn = () => ({})) {
+  let loadedData;
+  return {
+    getData() {
+      return loadedData;
+    },
+    wrap(mapper) {
+      return async function Thing(props) {
+        loadedData = await fn(props);
+        return mapper(loadedData);
+      };
+    }
+  };
+}
+
+// src/seo-kit/seo_loader.tsx
+var import_react = __toESM(require("react"));
+function createSEOLoader(fn = () => ({})) {
+  const loader = createLoader(fn);
+  return {
+    ...loader,
+    meta: loader.wrap((data) => data.seo.meta),
+    Page(Fc) {
+      return loader.wrap((data) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, data.seo?.generateJSONLD(), /* @__PURE__ */ import_react.default.createElement(Fc, { ...data })));
+    }
+  };
+}
+
+// src/seo-kit/seo.tsx
+var import_react2 = __toESM(require("react"));
+function configSEO(config) {
+  return {
+    config,
+    async init(props = {}) {
+      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?.url;
+      const socialImage = thumbnail ? [
+        typeof thumbnail === "string" ? {
+          url: thumbnail,
+          alt: `${props.title} \uB300\uD45C \uC774\uBBF8\uC9C0`
+        } : thumbnail
+      ] : [];
+      const images = [
+        ...thumbnailUrl ? [
+          {
+            id: thumbnailSchemaId,
+            url: thumbnailUrl,
+            alt: `${props.title} \uB300\uD45C \uC774\uBBF8\uC9C0`
+          }
+        ] : [],
+        ...props.images || [],
+        ...props.collection?.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?.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) => ({
+            "@type": "ListItem",
+            position: index + 1,
+            url: item.url,
+            item: {
+              "@type": "WebPage",
+              "@id": `${item.url}#webpage`,
+              url: item.url,
+              name: item.title,
+              thumbnailUrl: item.thumbnail?.url,
+              dateModified: item.updatedAt?.toISOString(),
+              dateCreated: item.createdAt?.toISOString(),
+              datePublished: item.createdAt?.toISOString()
+            }
+          }))
+        } : void 0;
+        return {
+          "@context": "https://schema.org",
+          "@graph": [
+            {
+              "@type": "WebPage",
+              "@id": `${url}#webpage`,
+              url,
+              name: pageTitle,
+              description,
+              keywords,
+              dateModified: updatedAt?.toISOString(),
+              datePublished: createdAt?.toISOString(),
+              dateCreated: createdAt?.toISOString(),
+              primaryImageOfPage: thumbnail ? {
+                "@id": thumbnailSchemaId
+              } : void 0,
+              isPartOf: {
+                "@id": websiteSchemaId
+              },
+              inLanguage: "ko",
+              breadcrumb: props.breadcrumbs && props.breadcrumbs.length > 0 ? {
+                "@id": breadcrumbSchemaId
+              } : void 0,
+              image,
+              mainEntity: collectionMainEntity
+            },
+            props.article && {
+              "@type": "Article",
+              "@id": `${url}#article`,
+              url,
+              name: pageTitle,
+              description,
+              keywords,
+              headline: pageTitle,
+              dateModified: updatedAt?.toISOString(),
+              datePublished: createdAt?.toISOString(),
+              dateCreated: createdAt?.toISOString(),
+              isPartOf: {
+                "@id": websiteSchemaId
+              },
+              inLanguage: "ko",
+              image
+            },
+            props.blogPosting && {
+              "@type": "BlogPosting",
+              "@id": `${url}/#blogposting`,
+              url,
+              headline: pageTitle,
+              description,
+              thumbnailUrl,
+              datePublished: createdAt?.toISOString(),
+              dateModified: updatedAt?.toISOString(),
+              isPartOf: { "@id": websiteSchemaId },
+              image
+            },
+            props.creativeWork && {
+              "@type": "CreativeWork",
+              "@id": `${url}/#creativework`,
+              url,
+              name: pageTitle,
+              description,
+              datePublished: createdAt?.toISOString(),
+              dateModified: updatedAt?.toISOString(),
+              isPartOf: { "@id": websiteSchemaId },
+              thumbnailUrl,
+              image
+            },
+            props.visualArtwork && {
+              "@type": "VisualArtwork",
+              "@id": `${url}/#visualartwork`,
+              url,
+              name: pageTitle,
+              description,
+              datePublished: createdAt?.toISOString(),
+              dateModified: updatedAt?.toISOString(),
+              isPartOf: { "@id": websiteSchemaId },
+              thumbnailUrl,
+              image
+            },
+            props.collection && {
+              "@type": "CollectionPage",
+              "@id": `${url}/#collectionpage`,
+              url,
+              name: pageTitle,
+              description,
+              isPartOf: { "@id": websiteSchemaId },
+              image,
+              inLanguage: "ko-KR",
+              breadcrumb: props.breadcrumbs && props.breadcrumbs.length > 0 ? {
+                "@id": `${url}/#breadcrumb`
+              } : void 0,
+              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) => {
+              return {
+                "@type": "ImageObject",
+                "@id": `${url}/#${file.id}`,
+                url: file.url,
+                contentUrl: file.url,
+                name: file.alt,
+                description: file.alt,
+                width: file?.width?.toString(),
+                height: file?.height?.toString(),
+                creditText: config.copyright,
+                license: `${config.origin}/terms`,
+                copyrightNotice: config.copyright,
+                acquireLicensePage: `${config.origin}/terms`
+              };
+            })
+          ].filter(Boolean)
+        };
+      }
+      function generateJSONLD() {
+        const structedData = getStructedData();
+        return /* @__PURE__ */ import_react2.default.createElement(
+          "script",
+          {
+            type: "application/ld+json",
+            dangerouslySetInnerHTML: {
+              __html: JSON.stringify(structedData).replace(/</g, "\\u003c")
+            }
+          }
+        );
+      }
+      return {
+        config,
+        props,
+        meta,
+        generateJSONLD
+      };
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  configSEO,
+  createLoader,
+  createSEOLoader
+});

package/dist/seo-kit/index.mjs

@@ -0,0 +1,282 @@
+// src/seo-kit/loader.ts
+function createLoader(fn = () => ({})) {
+  let loadedData;
+  return {
+    getData() {
+      return loadedData;
+    },
+    wrap(mapper) {
+      return async function Thing(props) {
+        loadedData = await fn(props);
+        return mapper(loadedData);
+      };
+    }
+  };
+}
+
+// src/seo-kit/seo_loader.tsx
+import React from "react";
+function createSEOLoader(fn = () => ({})) {
+  const loader = createLoader(fn);
+  return {
+    ...loader,
+    meta: loader.wrap((data) => data.seo.meta),
+    Page(Fc) {
+      return loader.wrap((data) => /* @__PURE__ */ React.createElement(React.Fragment, null, data.seo?.generateJSONLD(), /* @__PURE__ */ React.createElement(Fc, { ...data })));
+    }
+  };
+}
+
+// src/seo-kit/seo.tsx
+import React2 from "react";
+function configSEO(config) {
+  return {
+    config,
+    async init(props = {}) {
+      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?.url;
+      const socialImage = thumbnail ? [
+        typeof thumbnail === "string" ? {
+          url: thumbnail,
+          alt: `${props.title} \uB300\uD45C \uC774\uBBF8\uC9C0`
+        } : thumbnail
+      ] : [];
+      const images = [
+        ...thumbnailUrl ? [
+          {
+            id: thumbnailSchemaId,
+            url: thumbnailUrl,
+            alt: `${props.title} \uB300\uD45C \uC774\uBBF8\uC9C0`
+          }
+        ] : [],
+        ...props.images || [],
+        ...props.collection?.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?.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) => ({
+            "@type": "ListItem",
+            position: index + 1,
+            url: item.url,
+            item: {
+              "@type": "WebPage",
+              "@id": `${item.url}#webpage`,
+              url: item.url,
+              name: item.title,
+              thumbnailUrl: item.thumbnail?.url,
+              dateModified: item.updatedAt?.toISOString(),
+              dateCreated: item.createdAt?.toISOString(),
+              datePublished: item.createdAt?.toISOString()
+            }
+          }))
+        } : void 0;
+        return {
+          "@context": "https://schema.org",
+          "@graph": [
+            {
+              "@type": "WebPage",
+              "@id": `${url}#webpage`,
+              url,
+              name: pageTitle,
+              description,
+              keywords,
+              dateModified: updatedAt?.toISOString(),
+              datePublished: createdAt?.toISOString(),
+              dateCreated: createdAt?.toISOString(),
+              primaryImageOfPage: thumbnail ? {
+                "@id": thumbnailSchemaId
+              } : void 0,
+              isPartOf: {
+                "@id": websiteSchemaId
+              },
+              inLanguage: "ko",
+              breadcrumb: props.breadcrumbs && props.breadcrumbs.length > 0 ? {
+                "@id": breadcrumbSchemaId
+              } : void 0,
+              image,
+              mainEntity: collectionMainEntity
+            },
+            props.article && {
+              "@type": "Article",
+              "@id": `${url}#article`,
+              url,
+              name: pageTitle,
+              description,
+              keywords,
+              headline: pageTitle,
+              dateModified: updatedAt?.toISOString(),
+              datePublished: createdAt?.toISOString(),
+              dateCreated: createdAt?.toISOString(),
+              isPartOf: {
+                "@id": websiteSchemaId
+              },
+              inLanguage: "ko",
+              image
+            },
+            props.blogPosting && {
+              "@type": "BlogPosting",
+              "@id": `${url}/#blogposting`,
+              url,
+              headline: pageTitle,
+              description,
+              thumbnailUrl,
+              datePublished: createdAt?.toISOString(),
+              dateModified: updatedAt?.toISOString(),
+              isPartOf: { "@id": websiteSchemaId },
+              image
+            },
+            props.creativeWork && {
+              "@type": "CreativeWork",
+              "@id": `${url}/#creativework`,
+              url,
+              name: pageTitle,
+              description,
+              datePublished: createdAt?.toISOString(),
+              dateModified: updatedAt?.toISOString(),
+              isPartOf: { "@id": websiteSchemaId },
+              thumbnailUrl,
+              image
+            },
+            props.visualArtwork && {
+              "@type": "VisualArtwork",
+              "@id": `${url}/#visualartwork`,
+              url,
+              name: pageTitle,
+              description,
+              datePublished: createdAt?.toISOString(),
+              dateModified: updatedAt?.toISOString(),
+              isPartOf: { "@id": websiteSchemaId },
+              thumbnailUrl,
+              image
+            },
+            props.collection && {
+              "@type": "CollectionPage",
+              "@id": `${url}/#collectionpage`,
+              url,
+              name: pageTitle,
+              description,
+              isPartOf: { "@id": websiteSchemaId },
+              image,
+              inLanguage: "ko-KR",
+              breadcrumb: props.breadcrumbs && props.breadcrumbs.length > 0 ? {
+                "@id": `${url}/#breadcrumb`
+              } : void 0,
+              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) => {
+              return {
+                "@type": "ImageObject",
+                "@id": `${url}/#${file.id}`,
+                url: file.url,
+                contentUrl: file.url,
+                name: file.alt,
+                description: file.alt,
+                width: file?.width?.toString(),
+                height: file?.height?.toString(),
+                creditText: config.copyright,
+                license: `${config.origin}/terms`,
+                copyrightNotice: config.copyright,
+                acquireLicensePage: `${config.origin}/terms`
+              };
+            })
+          ].filter(Boolean)
+        };
+      }
+      function generateJSONLD() {
+        const structedData = getStructedData();
+        return /* @__PURE__ */ React2.createElement(
+          "script",
+          {
+            type: "application/ld+json",
+            dangerouslySetInnerHTML: {
+              __html: JSON.stringify(structedData).replace(/</g, "\\u003c")
+            }
+          }
+        );
+      }
+      return {
+        config,
+        props,
+        meta,
+        generateJSONLD
+      };
+    }
+  };
+}
+export {
+  configSEO,
+  createLoader,
+  createSEOLoader
+};

package/dist/seo-kit/loader.d.mts

@@ -0,0 +1,7 @@
+type LoaderFn<T, U> = (props: T) => U | Promise<U>;
+declare function createLoader<T, U = void>(fn?: LoaderFn<T, U>): {
+    getData(): U;
+    wrap<V>(mapper: (props: U) => V | Promise<V>): (props: T) => Promise<V>;
+};
+
+export { type LoaderFn, createLoader };

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

@@ -0,0 +1,7 @@
+type LoaderFn<T, U> = (props: T) => U | Promise<U>;
+declare function createLoader<T, U = void>(fn?: LoaderFn<T, U>): {
+    getData(): U;
+    wrap<V>(mapper: (props: U) => V | Promise<V>): (props: T) => Promise<V>;
+};
+
+export { type LoaderFn, createLoader };

package/dist/seo-kit/loader.js

@@ -0,0 +1,43 @@
+"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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/seo-kit/loader.ts
+var loader_exports = {};
+__export(loader_exports, {
+  createLoader: () => createLoader
+});
+module.exports = __toCommonJS(loader_exports);
+function createLoader(fn = () => ({})) {
+  let loadedData;
+  return {
+    getData() {
+      return loadedData;
+    },
+    wrap(mapper) {
+      return async function Thing(props) {
+        loadedData = await fn(props);
+        return mapper(loadedData);
+      };
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createLoader
+});

package/dist/seo-kit/loader.mjs

@@ -0,0 +1,18 @@
+// src/seo-kit/loader.ts
+function createLoader(fn = () => ({})) {
+  let loadedData;
+  return {
+    getData() {
+      return loadedData;
+    },
+    wrap(mapper) {
+      return async function Thing(props) {
+        loadedData = await fn(props);
+        return mapper(loadedData);
+      };
+    }
+  };
+}
+export {
+  createLoader
+};