dn-react-router-toolkit 0.4.4 → 0.5.1

package/dist/db/index.d.mts

@@ -0,0 +1,4 @@
+export { drizzle } from 'drizzle-orm/node-postgres';
+export * from 'drizzle-orm';
+import * as pgCore from 'drizzle-orm/pg-core';
+export { pgCore as core };

package/dist/db/index.d.ts

@@ -0,0 +1,4 @@
+export { drizzle } from 'drizzle-orm/node-postgres';
+export * from 'drizzle-orm';
+import * as pgCore from 'drizzle-orm/pg-core';
+export { pgCore as core };

package/dist/db/index.js

@@ -0,0 +1,46 @@
+"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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+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/db/index.ts
+var db_exports = {};
+__export(db_exports, {
+  core: () => core,
+  drizzle: () => import_node_postgres.drizzle
+});
+module.exports = __toCommonJS(db_exports);
+var import_node_postgres = require("drizzle-orm/node-postgres");
+__reExport(db_exports, require("drizzle-orm"), module.exports);
+var core = __toESM(require("drizzle-orm/pg-core"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  core,
+  drizzle,
+  ...require("drizzle-orm")
+});

package/dist/db/index.mjs

@@ -0,0 +1,8 @@
+// src/db/index.ts
+import { drizzle } from "drizzle-orm/node-postgres";
+export * from "drizzle-orm";
+import * as core from "drizzle-orm/pg-core";
+export {
+  core,
+  drizzle
+};

package/dist/index.d.mts

@@ -1,2 +1,3 @@
-
-export {  }
+import 'drizzle-orm/node-postgres';
+import 'drizzle-orm';
+import 'drizzle-orm/pg-core';

package/dist/index.d.ts

@@ -1,2 +1,3 @@
-
-export {  }
+import 'drizzle-orm/node-postgres';
+import 'drizzle-orm';
+import 'drizzle-orm/pg-core';

package/dist/seo/index.js

@@ -98,7 +98,10 @@ function configSEO(config) {
         content: socialImage.length > 0 ? "summary_large_image" : "summary"
       },
       pageTitle && { property: "twitter:title", content: pageTitle },
-      description && { property: "twitter:description", content: description },
+      description && {
+        property: "twitter:description",
+        content: description
+      },
       ...socialImage?.map((file) => ({
         property: "twitter:image",
         content: file.url
@@ -106,16 +109,10 @@ function configSEO(config) {
     ];
   };
   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 { seo } = (0, import_react_router.useLoaderData)();
+    const props = seo || {};
+    const { pageTitle, description, keywords, url, thumbnail } = props;
     const thumbnailUrl = thumbnail?.url;
-    const props = data?.seo || {};
     const websiteSchemaId = `${config.origin}/#website`;
     const websiteSchema = {
       "@type": "WebSite",
@@ -136,7 +133,9 @@ function configSEO(config) {
         }
       ] : [],
       ...props.images || [],
-      ...props.collection?.map((portfolio) => portfolio.thumbnail) || []
+      ...props.collection?.map(
+        (portfolio) => portfolio.thumbnail
+      ) || []
     ].filter(Boolean);
     const image = images.filter((file) => file.id).map((file) => ({
       "@type": "ImageObject",
@@ -152,21 +151,23 @@ function configSEO(config) {
     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`,
+      itemListElement: props.collection.map(
+        (item, index) => ({
+          "@type": "ListItem",
+          position: index + 1,
           url: item.url,
-          name: item.title,
-          thumbnailUrl: item.thumbnail?.url,
-          dateModified: item.updatedAt?.toISOString(),
-          dateCreated: item.createdAt?.toISOString(),
-          datePublished: item.createdAt?.toISOString()
-        }
-      }))
+          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",

package/dist/seo/index.mjs

@@ -35,7 +35,7 @@ var require_schema = __commonJS({
 // src/seo/seo.tsx
 var Schema = __toESM(require_schema());
 import React from "react";
-import { useMatches } from "react-router";
+import { useLoaderData } from "react-router";
 function configSEO(config) {
   function init(props) {
     const canonicalPath = props.canonicalPath;
@@ -85,7 +85,10 @@ function configSEO(config) {
         content: socialImage.length > 0 ? "summary_large_image" : "summary"
       },
       pageTitle && { property: "twitter:title", content: pageTitle },
-      description && { property: "twitter:description", content: description },
+      description && {
+        property: "twitter:description",
+        content: description
+      },
       ...socialImage?.map((file) => ({
         property: "twitter:image",
         content: file.url
@@ -93,16 +96,10 @@ function configSEO(config) {
     ];
   };
   function StructedData() {
-    const matches = useMatches();
-    const data = matches.reduce((acc, match) => {
-      return {
-        ...acc,
-        ...match.loaderData?.seo || {}
-      };
-    }, {});
-    const { pageTitle, description, keywords, url, thumbnail } = data;
+    const { seo } = useLoaderData();
+    const props = seo || {};
+    const { pageTitle, description, keywords, url, thumbnail } = props;
     const thumbnailUrl = thumbnail?.url;
-    const props = data?.seo || {};
     const websiteSchemaId = `${config.origin}/#website`;
     const websiteSchema = {
       "@type": "WebSite",
@@ -123,7 +120,9 @@ function configSEO(config) {
         }
       ] : [],
       ...props.images || [],
-      ...props.collection?.map((portfolio) => portfolio.thumbnail) || []
+      ...props.collection?.map(
+        (portfolio) => portfolio.thumbnail
+      ) || []
     ].filter(Boolean);
     const image = images.filter((file) => file.id).map((file) => ({
       "@type": "ImageObject",
@@ -139,21 +138,23 @@ function configSEO(config) {
     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`,
+      itemListElement: props.collection.map(
+        (item, index) => ({
+          "@type": "ListItem",
+          position: index + 1,
           url: item.url,
-          name: item.title,
-          thumbnailUrl: item.thumbnail?.url,
-          dateModified: item.updatedAt?.toISOString(),
-          dateCreated: item.createdAt?.toISOString(),
-          datePublished: item.createdAt?.toISOString()
-        }
-      }))
+          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",

package/dist/seo/seo.js

@@ -96,7 +96,10 @@ function configSEO(config) {
         content: socialImage.length > 0 ? "summary_large_image" : "summary"
       },
       pageTitle && { property: "twitter:title", content: pageTitle },
-      description && { property: "twitter:description", content: description },
+      description && {
+        property: "twitter:description",
+        content: description
+      },
       ...socialImage?.map((file) => ({
         property: "twitter:image",
         content: file.url
@@ -104,16 +107,10 @@ function configSEO(config) {
     ];
   };
   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 { seo } = (0, import_react_router.useLoaderData)();
+    const props = seo || {};
+    const { pageTitle, description, keywords, url, thumbnail } = props;
     const thumbnailUrl = thumbnail?.url;
-    const props = data?.seo || {};
     const websiteSchemaId = `${config.origin}/#website`;
     const websiteSchema = {
       "@type": "WebSite",
@@ -134,7 +131,9 @@ function configSEO(config) {
         }
       ] : [],
       ...props.images || [],
-      ...props.collection?.map((portfolio) => portfolio.thumbnail) || []
+      ...props.collection?.map(
+        (portfolio) => portfolio.thumbnail
+      ) || []
     ].filter(Boolean);
     const image = images.filter((file) => file.id).map((file) => ({
       "@type": "ImageObject",
@@ -150,21 +149,23 @@ function configSEO(config) {
     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`,
+      itemListElement: props.collection.map(
+        (item, index) => ({
+          "@type": "ListItem",
+          position: index + 1,
           url: item.url,
-          name: item.title,
-          thumbnailUrl: item.thumbnail?.url,
-          dateModified: item.updatedAt?.toISOString(),
-          dateCreated: item.createdAt?.toISOString(),
-          datePublished: item.createdAt?.toISOString()
-        }
-      }))
+          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",

package/dist/seo/seo.mjs

@@ -35,7 +35,7 @@ var require_schema = __commonJS({
 // src/seo/seo.tsx
 var Schema = __toESM(require_schema());
 import React from "react";
-import { useMatches } from "react-router";
+import { useLoaderData } from "react-router";
 function configSEO(config) {
   function init(props) {
     const canonicalPath = props.canonicalPath;
@@ -85,7 +85,10 @@ function configSEO(config) {
         content: socialImage.length > 0 ? "summary_large_image" : "summary"
       },
       pageTitle && { property: "twitter:title", content: pageTitle },
-      description && { property: "twitter:description", content: description },
+      description && {
+        property: "twitter:description",
+        content: description
+      },
       ...socialImage?.map((file) => ({
         property: "twitter:image",
         content: file.url
@@ -93,16 +96,10 @@ function configSEO(config) {
     ];
   };
   function StructedData() {
-    const matches = useMatches();
-    const data = matches.reduce((acc, match) => {
-      return {
-        ...acc,
-        ...match.loaderData?.seo || {}
-      };
-    }, {});
-    const { pageTitle, description, keywords, url, thumbnail } = data;
+    const { seo } = useLoaderData();
+    const props = seo || {};
+    const { pageTitle, description, keywords, url, thumbnail } = props;
     const thumbnailUrl = thumbnail?.url;
-    const props = data?.seo || {};
     const websiteSchemaId = `${config.origin}/#website`;
     const websiteSchema = {
       "@type": "WebSite",
@@ -123,7 +120,9 @@ function configSEO(config) {
         }
       ] : [],
       ...props.images || [],
-      ...props.collection?.map((portfolio) => portfolio.thumbnail) || []
+      ...props.collection?.map(
+        (portfolio) => portfolio.thumbnail
+      ) || []
     ].filter(Boolean);
     const image = images.filter((file) => file.id).map((file) => ({
       "@type": "ImageObject",
@@ -139,21 +138,23 @@ function configSEO(config) {
     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`,
+      itemListElement: props.collection.map(
+        (item, index) => ({
+          "@type": "ListItem",
+          position: index + 1,
           url: item.url,
-          name: item.title,
-          thumbnailUrl: item.thumbnail?.url,
-          dateModified: item.updatedAt?.toISOString(),
-          dateCreated: item.createdAt?.toISOString(),
-          datePublished: item.createdAt?.toISOString()
-        }
-      }))
+          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",

package/dist/table/buttons.d.mts

@@ -0,0 +1,10 @@
+import React from 'react';
+
+declare function TablePageButtons({ MAX_PAGES_TO_SHOW, total, limit, offset, }: {
+    MAX_PAGES_TO_SHOW: number;
+    total: number;
+    limit: number;
+    offset: number;
+}): React.JSX.Element;
+
+export { TablePageButtons as default };

package/dist/table/buttons.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+
+declare function TablePageButtons({ MAX_PAGES_TO_SHOW, total, limit, offset, }: {
+    MAX_PAGES_TO_SHOW: number;
+    total: number;
+    limit: number;
+    offset: number;
+}): React.JSX.Element;
+
+export { TablePageButtons as default };

package/dist/table/buttons.js

@@ -0,0 +1,102 @@
+"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/table/buttons.tsx
+var buttons_exports = {};
+__export(buttons_exports, {
+  default: () => TablePageButtons
+});
+module.exports = __toCommonJS(buttons_exports);
+var import_utils = require("dn-react-toolkit/utils");
+var import_react_router = require("react-router");
+var import_react = __toESM(require("react"));
+function TablePageButtons({
+  MAX_PAGES_TO_SHOW,
+  total,
+  limit,
+  offset
+}) {
+  const pages = Math.ceil(total / limit);
+  const { pathname } = (0, import_react_router.useLocation)();
+  const [searchParams] = (0, import_react_router.useSearchParams)();
+  const currentPage = Math.floor(offset / limit) + 1;
+  const startButton = (Math.ceil(currentPage / MAX_PAGES_TO_SHOW) - 1) * MAX_PAGES_TO_SHOW;
+  const endButton = Math.min(startButton + MAX_PAGES_TO_SHOW - 1, pages);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, pages > 1 && /* @__PURE__ */ import_react.default.createElement("div", { className: "flex justify-center items-center my-8 gap-4 text-neutral-400" }, startButton > 1 && /* @__PURE__ */ import_react.default.createElement(
+    import_react_router.Link,
+    {
+      to: (() => {
+        searchParams.set(
+          "offset",
+          String((startButton - 1) * limit)
+        );
+        return `${pathname}?${searchParams.toString()}`;
+      })(),
+      className: "w-10 block text-center transition-colors hover:text-primary"
+    },
+    "\uC774\uC804"
+  ), Array.from({
+    length: Math.min(
+      MAX_PAGES_TO_SHOW,
+      pages - startButton
+    )
+  }).map((_, index) => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_react_router.Link,
+      {
+        key: index,
+        to: (() => {
+          searchParams.set(
+            "offset",
+            String((startButton + index) * limit)
+          );
+          return `${pathname}?${searchParams.toString()}`;
+        })(),
+        className: (0, import_utils.cn)(
+          "w-6 block text-center transition-colors",
+          currentPage === startButton + index + 1 ? "font-bold text-primary" : "hover:text-primary"
+        )
+      },
+      startButton + index + 1
+    );
+  }), endButton < pages && /* @__PURE__ */ import_react.default.createElement(
+    import_react_router.Link,
+    {
+      to: (() => {
+        searchParams.set(
+          "offset",
+          String((endButton + 1) * limit)
+        );
+        return `${pathname}?${searchParams.toString()}`;
+      })(),
+      className: "w-10 block text-center transition-colors hover:text-primary"
+    },
+    "\uB2E4\uC74C"
+  )));
+}

package/dist/table/buttons.mjs

@@ -0,0 +1,71 @@
+// src/table/buttons.tsx
+import { cn } from "dn-react-toolkit/utils";
+import { Link, useLocation, useSearchParams } from "react-router";
+import React from "react";
+function TablePageButtons({
+  MAX_PAGES_TO_SHOW,
+  total,
+  limit,
+  offset
+}) {
+  const pages = Math.ceil(total / limit);
+  const { pathname } = useLocation();
+  const [searchParams] = useSearchParams();
+  const currentPage = Math.floor(offset / limit) + 1;
+  const startButton = (Math.ceil(currentPage / MAX_PAGES_TO_SHOW) - 1) * MAX_PAGES_TO_SHOW;
+  const endButton = Math.min(startButton + MAX_PAGES_TO_SHOW - 1, pages);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, pages > 1 && /* @__PURE__ */ React.createElement("div", { className: "flex justify-center items-center my-8 gap-4 text-neutral-400" }, startButton > 1 && /* @__PURE__ */ React.createElement(
+    Link,
+    {
+      to: (() => {
+        searchParams.set(
+          "offset",
+          String((startButton - 1) * limit)
+        );
+        return `${pathname}?${searchParams.toString()}`;
+      })(),
+      className: "w-10 block text-center transition-colors hover:text-primary"
+    },
+    "\uC774\uC804"
+  ), Array.from({
+    length: Math.min(
+      MAX_PAGES_TO_SHOW,
+      pages - startButton
+    )
+  }).map((_, index) => {
+    return /* @__PURE__ */ React.createElement(
+      Link,
+      {
+        key: index,
+        to: (() => {
+          searchParams.set(
+            "offset",
+            String((startButton + index) * limit)
+          );
+          return `${pathname}?${searchParams.toString()}`;
+        })(),
+        className: cn(
+          "w-6 block text-center transition-colors",
+          currentPage === startButton + index + 1 ? "font-bold text-primary" : "hover:text-primary"
+        )
+      },
+      startButton + index + 1
+    );
+  }), endButton < pages && /* @__PURE__ */ React.createElement(
+    Link,
+    {
+      to: (() => {
+        searchParams.set(
+          "offset",
+          String((endButton + 1) * limit)
+        );
+        return `${pathname}?${searchParams.toString()}`;
+      })(),
+      className: "w-10 block text-center transition-colors hover:text-primary"
+    },
+    "\uB2E4\uC74C"
+  )));
+}
+export {
+  TablePageButtons as default
+};

package/dist/table/index.d.mts

@@ -0,0 +1,9 @@
+export { BaseTableRepository, ColumnOf, FindAllOptions, InsertModelOf, SelectModelOf, TableRepository } from './repository.mjs';
+export { TableItemLoaderOptions, tableItemloader } from './item_loader.mjs';
+export { TableLoaderOptions, tableLoader } from './loader.mjs';
+export { TablePageOptions, TableProps, createTablePage } from './page.mjs';
+export { OrderedTableProps, Table, TableColumnOptions, TableColumnProps } from './table.mjs';
+import 'drizzle-orm';
+import 'drizzle-orm/pg-core';
+import 'react-router';
+import 'react';

package/dist/table/index.d.ts

@@ -0,0 +1,9 @@
+export { BaseTableRepository, ColumnOf, FindAllOptions, InsertModelOf, SelectModelOf, TableRepository } from './repository.js';
+export { TableItemLoaderOptions, tableItemloader } from './item_loader.js';
+export { TableLoaderOptions, tableLoader } from './loader.js';
+export { TablePageOptions, TableProps, createTablePage } from './page.js';
+export { OrderedTableProps, Table, TableColumnOptions, TableColumnProps } from './table.js';
+import 'drizzle-orm';
+import 'drizzle-orm/pg-core';
+import 'react-router';
+import 'react';