dn-react-router-toolkit 0.2.7 → 0.3.1

package/dist/seo/index.js

@@ -0,0 +1,304 @@
+"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/index.ts
+var seo_exports = {};
+__export(seo_exports, {
+  configSEO: () => configSEO
+});
+module.exports = __toCommonJS(seo_exports);
+
+// src/seo/seo.tsx
+var import_react = __toESM(require("react"));
+var import_react_router = require("react-router");
+function configSEO(config) {
+  function init(props) {
+    const canonicalPath = props.canonicalPath;
+    const url = canonicalPath ? `${config.origin}${canonicalPath === "/" ? "" : 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 thumbnail = props.thumbnail || (typeof config.thumbnail === "function" ? config.thumbnail() : config.thumbnail);
+    return {
+      pageTitle,
+      type: props.type,
+      description,
+      keywords,
+      url,
+      thumbnail
+    };
+  }
+  const meta = ({ loaderData }) => {
+    const props = loaderData?.seo || {};
+    const { pageTitle, type, description, keywords, url, thumbnail } = props;
+    const socialImage = thumbnail ? [
+      typeof thumbnail === "string" ? {
+        url: thumbnail,
+        alt: `${props.title} \uB300\uD45C \uC774\uBBF8\uC9C0`
+      } : thumbnail
+    ] : [];
+    return [
+      pageTitle && { title: pageTitle },
+      description && { name: "description", content: description },
+      keywords && { name: "keywords", content: keywords.join(", ") },
+      url && {
+        tagName: "link",
+        rel: "canonical",
+        href: url
+      },
+      { property: "og:type", content: type || "website" },
+      pageTitle && { property: "og:title", content: pageTitle },
+      description && { property: "og:description", content: description },
+      url && { 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"
+      },
+      pageTitle && { property: "twitter:title", content: pageTitle },
+      description && { property: "twitter:description", content: description },
+      ...socialImage?.map((file) => ({
+        property: "twitter:image",
+        content: file.url
+      }))
+    ];
+  };
+  function StructedData() {
+    const matches = (0, import_react_router.useMatches)();
+    const data = matches.reduce((acc, match) => {
+      return {
+        ...acc,
+        ...match.loaderData?.seo || {}
+      };
+    }, {});
+    const { pageTitle, description, keywords, url, thumbnail } = data;
+    const thumbnailUrl = thumbnail?.url;
+    const props = data?.seo || {};
+    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 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 additionalStructedData = [
+      ...typeof props.structedData === "function" ? props.structedData() : props.structedData || [],
+      ...typeof config.structedData === "function" ? config.structedData() : config.structedData || []
+    ];
+    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;
+    const structuredData = {
+      "@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.title,
+              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)
+    };
+    return /* @__PURE__ */ import_react.default.createElement(
+      "script",
+      {
+        type: "application/ld+json",
+        dangerouslySetInnerHTML: {
+          __html: JSON.stringify(structuredData)
+        }
+      }
+    );
+  }
+  return {
+    config,
+    init,
+    meta,
+    StructedData
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  configSEO
+});

package/dist/seo/index.mjs

@@ -0,0 +1,267 @@
+// src/seo/seo.tsx
+import React from "react";
+import { useMatches } from "react-router";
+function configSEO(config) {
+  function init(props) {
+    const canonicalPath = props.canonicalPath;
+    const url = canonicalPath ? `${config.origin}${canonicalPath === "/" ? "" : 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 thumbnail = props.thumbnail || (typeof config.thumbnail === "function" ? config.thumbnail() : config.thumbnail);
+    return {
+      pageTitle,
+      type: props.type,
+      description,
+      keywords,
+      url,
+      thumbnail
+    };
+  }
+  const meta = ({ loaderData }) => {
+    const props = loaderData?.seo || {};
+    const { pageTitle, type, description, keywords, url, thumbnail } = props;
+    const socialImage = thumbnail ? [
+      typeof thumbnail === "string" ? {
+        url: thumbnail,
+        alt: `${props.title} \uB300\uD45C \uC774\uBBF8\uC9C0`
+      } : thumbnail
+    ] : [];
+    return [
+      pageTitle && { title: pageTitle },
+      description && { name: "description", content: description },
+      keywords && { name: "keywords", content: keywords.join(", ") },
+      url && {
+        tagName: "link",
+        rel: "canonical",
+        href: url
+      },
+      { property: "og:type", content: type || "website" },
+      pageTitle && { property: "og:title", content: pageTitle },
+      description && { property: "og:description", content: description },
+      url && { 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"
+      },
+      pageTitle && { property: "twitter:title", content: pageTitle },
+      description && { property: "twitter:description", content: description },
+      ...socialImage?.map((file) => ({
+        property: "twitter:image",
+        content: file.url
+      }))
+    ];
+  };
+  function StructedData() {
+    const matches = useMatches();
+    const data = matches.reduce((acc, match) => {
+      return {
+        ...acc,
+        ...match.loaderData?.seo || {}
+      };
+    }, {});
+    const { pageTitle, description, keywords, url, thumbnail } = data;
+    const thumbnailUrl = thumbnail?.url;
+    const props = data?.seo || {};
+    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 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 additionalStructedData = [
+      ...typeof props.structedData === "function" ? props.structedData() : props.structedData || [],
+      ...typeof config.structedData === "function" ? config.structedData() : config.structedData || []
+    ];
+    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;
+    const structuredData = {
+      "@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.title,
+              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)
+    };
+    return /* @__PURE__ */ React.createElement(
+      "script",
+      {
+        type: "application/ld+json",
+        dangerouslySetInnerHTML: {
+          __html: JSON.stringify(structuredData)
+        }
+      }
+    );
+  }
+  return {
+    config,
+    init,
+    meta,
+    StructedData
+  };
+}
+export {
+  configSEO
+};

package/dist/text_editor/index.d.mts

@@ -0,0 +1 @@
+export * from 'dn-react-toolkit/text_editor';

package/dist/text_editor/index.d.ts

@@ -0,0 +1 @@
+export * from 'dn-react-toolkit/text_editor';

package/dist/text_editor/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/text_editor/index.tsx
+var text_editor_exports = {};
+module.exports = __toCommonJS(text_editor_exports);
+__reExport(text_editor_exports, require("dn-react-toolkit/text_editor"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("dn-react-toolkit/text_editor")
+});

package/dist/text_editor/index.mjs

@@ -0,0 +1,2 @@
+// src/text_editor/index.tsx
+export * from "dn-react-toolkit/text_editor";