dn-react-router-toolkit 0.5.7 → 0.5.9

package/dist/crud/crud_form.js

@@ -119,7 +119,7 @@ function CrudForm({ AdminLayout }) {
         if (value.type === "textarea") {
           const Editor = (0, import_store2.useSyncTextEditor)(textarea);
           return /* @__PURE__ */ import_react3.default.createElement(
-            Editor.SyncTextEditor,
+            Editor.Component,
             {
               store: form.store,
               property: key

package/dist/crud/crud_form.mjs

@@ -88,7 +88,7 @@ function CrudForm({ AdminLayout }) {
         if (value.type === "textarea") {
           const Editor = useSyncTextEditor(textarea);
           return /* @__PURE__ */ React2.createElement(
-            Editor.SyncTextEditor,
+            Editor.Component,
             {
               store: form.store,
               property: key

package/dist/crud/crud_page.js

@@ -635,7 +635,7 @@ function CrudForm({ AdminLayout }) {
         if (value.type === "textarea") {
           const Editor = (0, import_store2.useSyncTextEditor)(textarea);
           return /* @__PURE__ */ import_react8.default.createElement(
-            Editor.SyncTextEditor,
+            Editor.Component,
             {
               store: form.store,
               property: key

package/dist/crud/crud_page.mjs

@@ -612,7 +612,7 @@ function CrudForm({ AdminLayout }) {
         if (value.type === "textarea") {
           const Editor = useSyncTextEditor(textarea);
           return /* @__PURE__ */ React7.createElement(
-            Editor.SyncTextEditor,
+            Editor.Component,
             {
               store: form.store,
               property: key

package/dist/crud/index.js

@@ -233,7 +233,7 @@ function CrudForm({ AdminLayout }) {
         if (value.type === "textarea") {
           const Editor = (0, import_store2.useSyncTextEditor)(textarea);
           return /* @__PURE__ */ import_react3.default.createElement(
-            Editor.SyncTextEditor,
+            Editor.Component,
             {
               store: form.store,
               property: key

package/dist/crud/index.mjs

@@ -196,7 +196,7 @@ function CrudForm({ AdminLayout }) {
         if (value.type === "textarea") {
           const Editor = useSyncTextEditor(textarea);
           return /* @__PURE__ */ React2.createElement(
-            Editor.SyncTextEditor,
+            Editor.Component,
             {
               store: form.store,
               property: key

package/dist/db/{backup.d.mts → backup/index.d.mts}

@@ -1,6 +1,3 @@
-import 'drizzle-orm/node-postgres';
-import 'drizzle-orm';
-import 'drizzle-orm/pg-core';
 import { ObjectStorage } from 'dn-react-toolkit/file/server';
 
 declare const backup: ({ objectStorage }: {

package/dist/db/{backup.d.ts → backup/index.d.ts}

@@ -1,6 +1,3 @@
-import 'drizzle-orm/node-postgres';
-import 'drizzle-orm';
-import 'drizzle-orm/pg-core';
 import { ObjectStorage } from 'dn-react-toolkit/file/server';
 
 declare const backup: ({ objectStorage }: {

package/dist/db/{backup.js → backup/index.js}

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/db/backup.ts
+// src/db/backup/index.ts
 var backup_exports = {};
 __export(backup_exports, {
   backup: () => backup

package/dist/db/{backup.mjs → backup/index.mjs}

@@ -1,4 +1,4 @@
-// src/db/backup.ts
+// src/db/backup/index.ts
 import { promisify } from "util";
 import * as fs from "fs";
 import { exec } from "child_process";

package/dist/db/index.d.mts

@@ -2,5 +2,3 @@ export { drizzle } from 'drizzle-orm/node-postgres';
 export * from 'drizzle-orm';
 import * as pgCore from 'drizzle-orm/pg-core';
 export { pgCore as core };
-export { backup } from './backup.mjs';
-import 'dn-react-toolkit/file/server';

package/dist/db/index.d.ts

@@ -2,5 +2,3 @@ export { drizzle } from 'drizzle-orm/node-postgres';
 export * from 'drizzle-orm';
 import * as pgCore from 'drizzle-orm/pg-core';
 export { pgCore as core };
-export { backup } from './backup.js';
-import 'dn-react-toolkit/file/server';

package/dist/db/index.js

@@ -31,7 +31,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/db/index.ts
 var db_exports = {};
 __export(db_exports, {
-  backup: () => backup,
   core: () => core,
   drizzle: () => import_node_postgres.drizzle
 });
@@ -39,27 +38,8 @@ 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"));
-
-// src/db/backup.ts
-var import_util = require("util");
-var fs = __toESM(require("fs"));
-var import_child_process = require("child_process");
-var backup = ({ objectStorage }) => async () => {
-  const now = /* @__PURE__ */ new Date();
-  console.log(`Running daily database backup at ${now.toISOString()}`);
-  const out = "./backup.sql";
-  const databaseUrl = `postgresql://${process.env.DB_USER}:${process.env.DB_PASSWORD}@${process.env.DB_HOST}:${process.env.DB_PORT}/${process.env.DB_NAME}`;
-  await (0, import_util.promisify)(import_child_process.exec)(`pg_dump --dbname=${databaseUrl} > ${out}`);
-  const buffer = await (0, import_util.promisify)(fs.readFile)(out);
-  await objectStorage.put(`backup/${now.toISOString()}.sql`, buffer, {
-    contentType: "application/sql"
-  });
-  await (0, import_util.promisify)(fs.unlink)(out);
-  console.log("Database backup completed and uploaded to object storage");
-};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  backup,
   core,
   drizzle,
   ...require("drizzle-orm")

package/dist/db/index.mjs

@@ -2,26 +2,7 @@
 import { drizzle } from "drizzle-orm/node-postgres";
 export * from "drizzle-orm";
 import * as core from "drizzle-orm/pg-core";
-
-// src/db/backup.ts
-import { promisify } from "util";
-import * as fs from "fs";
-import { exec } from "child_process";
-var backup = ({ objectStorage }) => async () => {
-  const now = /* @__PURE__ */ new Date();
-  console.log(`Running daily database backup at ${now.toISOString()}`);
-  const out = "./backup.sql";
-  const databaseUrl = `postgresql://${process.env.DB_USER}:${process.env.DB_PASSWORD}@${process.env.DB_HOST}:${process.env.DB_PORT}/${process.env.DB_NAME}`;
-  await promisify(exec)(`pg_dump --dbname=${databaseUrl} > ${out}`);
-  const buffer = await promisify(fs.readFile)(out);
-  await objectStorage.put(`backup/${now.toISOString()}.sql`, buffer, {
-    contentType: "application/sql"
-  });
-  await promisify(fs.unlink)(out);
-  console.log("Database backup completed and uploaded to object storage");
-};
 export {
-  backup,
   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/post/index.d.mts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/post/index.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/post/index.js

@@ -0,0 +1,32 @@
+"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 __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/post/index.ts
+var post_exports = {};
+module.exports = __toCommonJS(post_exports);
+
+// src/post/thumbnail_picker.tsx
+var import_utils = require("dn-react-toolkit/utils");
+var import_react = __toESM(require("react"));

package/dist/post/index.mjs

@@ -0,0 +1,3 @@
+// src/post/thumbnail_picker.tsx
+import { cn } from "dn-react-toolkit/utils";
+import React, { useEffect, useState } from "react";

package/dist/post/thumbnail_picker.d.mts

@@ -0,0 +1,17 @@
+import { RxStore, useSyncTextEditor } from 'dn-react-toolkit/store';
+import React from 'react';
+
+declare function PostThumbnailPicker<T extends {
+    thumbnail: string | null;
+}>({ store, textEditor, ResponsiveImage, }: {
+    store: RxStore<T>;
+    textEditor: ReturnType<typeof useSyncTextEditor>["textEditor"];
+    ResponsiveImage: React.FC<{
+        src: string;
+        alt: string;
+        className?: string;
+        sizes?: string;
+    }>;
+}): React.JSX.Element;
+
+export { PostThumbnailPicker as default };

package/dist/post/thumbnail_picker.d.ts

@@ -0,0 +1,17 @@
+import { RxStore, useSyncTextEditor } from 'dn-react-toolkit/store';
+import React from 'react';
+
+declare function PostThumbnailPicker<T extends {
+    thumbnail: string | null;
+}>({ store, textEditor, ResponsiveImage, }: {
+    store: RxStore<T>;
+    textEditor: ReturnType<typeof useSyncTextEditor>["textEditor"];
+    ResponsiveImage: React.FC<{
+        src: string;
+        alt: string;
+        className?: string;
+        sizes?: string;
+    }>;
+}): React.JSX.Element;
+
+export { PostThumbnailPicker as default };

package/dist/post/thumbnail_picker.js

@@ -0,0 +1,97 @@
+"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/post/thumbnail_picker.tsx
+var thumbnail_picker_exports = {};
+__export(thumbnail_picker_exports, {
+  default: () => PostThumbnailPicker
+});
+module.exports = __toCommonJS(thumbnail_picker_exports);
+var import_utils = require("dn-react-toolkit/utils");
+var import_react = __toESM(require("react"));
+function PostThumbnailPicker({
+  store,
+  textEditor,
+  ResponsiveImage
+}) {
+  const thumbnail = store.useSelector((state) => state.thumbnail);
+  const [thumbnails, setThumbnails] = (0, import_react.useState)([]);
+  (0, import_react.useEffect)(() => {
+    const update = () => {
+      const html = textEditor.commands.serialize();
+      if (!html) {
+        return;
+      }
+      const parser = new DOMParser();
+      const docHtml = parser.parseFromString(html, "text/html");
+      const images = docHtml.querySelectorAll("img");
+      const thumbnails2 = Array.from(images).map((img) => img.src);
+      setThumbnails(thumbnails2);
+      if (thumbnails2.length > 0 && !store.state.thumbnail) {
+        store.dispatch((state) => {
+          state.thumbnail = thumbnails2[0];
+        });
+      }
+    };
+    const sub = textEditor.subject.subscribe((tr) => {
+      update();
+    });
+    setTimeout(() => {
+      update();
+    }, 0);
+    return () => {
+      sub.unsubscribe();
+    };
+  }, []);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "grid grid-cols-2 gap-1" }, thumbnails.map((url, index) => /* @__PURE__ */ import_react.default.createElement(
+    "button",
+    {
+      key: index,
+      type: "button",
+      className: (0, import_utils.cn)(
+        "border border-neutral-200 rounded-lg overflow-hidden aspect-4/3",
+        thumbnail === url && "border-transparent ring-2 ring-primary"
+      ),
+      onClick: () => {
+        store.dispatch((state) => {
+          state.thumbnail = url;
+        });
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      ResponsiveImage,
+      {
+        src: url,
+        alt: `Thumbnail ${index + 1}`,
+        className: "w-full h-full object-cover",
+        sizes: "200px"
+      }
+    )
+  )));
+}

package/dist/post/thumbnail_picker.mjs

@@ -0,0 +1,66 @@
+// src/post/thumbnail_picker.tsx
+import { cn } from "dn-react-toolkit/utils";
+import React, { useEffect, useState } from "react";
+function PostThumbnailPicker({
+  store,
+  textEditor,
+  ResponsiveImage
+}) {
+  const thumbnail = store.useSelector((state) => state.thumbnail);
+  const [thumbnails, setThumbnails] = useState([]);
+  useEffect(() => {
+    const update = () => {
+      const html = textEditor.commands.serialize();
+      if (!html) {
+        return;
+      }
+      const parser = new DOMParser();
+      const docHtml = parser.parseFromString(html, "text/html");
+      const images = docHtml.querySelectorAll("img");
+      const thumbnails2 = Array.from(images).map((img) => img.src);
+      setThumbnails(thumbnails2);
+      if (thumbnails2.length > 0 && !store.state.thumbnail) {
+        store.dispatch((state) => {
+          state.thumbnail = thumbnails2[0];
+        });
+      }
+    };
+    const sub = textEditor.subject.subscribe((tr) => {
+      update();
+    });
+    setTimeout(() => {
+      update();
+    }, 0);
+    return () => {
+      sub.unsubscribe();
+    };
+  }, []);
+  return /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-2 gap-1" }, thumbnails.map((url, index) => /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      key: index,
+      type: "button",
+      className: cn(
+        "border border-neutral-200 rounded-lg overflow-hidden aspect-4/3",
+        thumbnail === url && "border-transparent ring-2 ring-primary"
+      ),
+      onClick: () => {
+        store.dispatch((state) => {
+          state.thumbnail = url;
+        });
+      }
+    },
+    /* @__PURE__ */ React.createElement(
+      ResponsiveImage,
+      {
+        src: url,
+        alt: `Thumbnail ${index + 1}`,
+        className: "w-full h-full object-cover",
+        sizes: "200px"
+      }
+    )
+  )));
+}
+export {
+  PostThumbnailPicker as default
+};

package/dist/seo/index.js

@@ -50,7 +50,7 @@ var import_react = __toESM(require("react"));
 var Schema = __toESM(require_schema());
 var import_react_router = require("react-router");
 function configSEO(config) {
-  function init(props) {
+  function create(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;
@@ -133,9 +133,7 @@ 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",
@@ -151,23 +149,21 @@ function configSEO(config) {
     const collectionMainEntity = props.collection ? {
       "@type": "ItemList",
       numberOfItems: props.collection.length,
-      itemListElement: props.collection.map(
-        (item, index) => ({
-          "@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: item.thumbnail?.url,
-            dateModified: item.updatedAt?.toISOString(),
-            dateCreated: item.createdAt?.toISOString(),
-            datePublished: item.createdAt?.toISOString()
-          }
-        })
-      )
+          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",
@@ -306,7 +302,7 @@ function configSEO(config) {
   }
   return {
     config,
-    init,
+    create,
     meta,
     StructedData
   };

package/dist/seo/index.mjs

@@ -37,7 +37,7 @@ var Schema = __toESM(require_schema());
 import React from "react";
 import { useLoaderData } from "react-router";
 function configSEO(config) {
-  function init(props) {
+  function create(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;
@@ -120,9 +120,7 @@ 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",
@@ -138,23 +136,21 @@ function configSEO(config) {
     const collectionMainEntity = props.collection ? {
       "@type": "ItemList",
       numberOfItems: props.collection.length,
-      itemListElement: props.collection.map(
-        (item, index) => ({
-          "@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: item.thumbnail?.url,
-            dateModified: item.updatedAt?.toISOString(),
-            dateCreated: item.createdAt?.toISOString(),
-            datePublished: item.createdAt?.toISOString()
-          }
-        })
-      )
+          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",
@@ -293,7 +289,7 @@ function configSEO(config) {
   }
   return {
     config,
-    init,
+    create,
     meta,
     StructedData
   };

package/dist/seo/seo.d.mts

@@ -9,7 +9,7 @@ type SEOImage = {
     width?: number;
     height?: number;
 };
-type SEO = Awaited<ReturnType<ReturnType<typeof configSEO>["init"]>>;
+type SEO = Awaited<ReturnType<ReturnType<typeof configSEO>["create"]>>;
 declare function configSEO(config: {
     origin: string;
     siteName: string;
@@ -28,7 +28,7 @@ declare function configSEO(config: {
         structedData?: Schema.Thing[] | (() => Schema.Thing[]);
         copyright?: string;
     };
-    init: (props: {
+    create: (props: {
         title?: string;
         description?: string;
         keywords?: string[];

package/dist/seo/seo.d.ts

@@ -9,7 +9,7 @@ type SEOImage = {
     width?: number;
     height?: number;
 };
-type SEO = Awaited<ReturnType<ReturnType<typeof configSEO>["init"]>>;
+type SEO = Awaited<ReturnType<ReturnType<typeof configSEO>["create"]>>;
 declare function configSEO(config: {
     origin: string;
     siteName: string;
@@ -28,7 +28,7 @@ declare function configSEO(config: {
         structedData?: Schema.Thing[] | (() => Schema.Thing[]);
         copyright?: string;
     };
-    init: (props: {
+    create: (props: {
         title?: string;
         description?: string;
         keywords?: string[];

package/dist/seo/seo.js

@@ -48,7 +48,7 @@ var import_react = __toESM(require("react"));
 var Schema = __toESM(require_schema());
 var import_react_router = require("react-router");
 function configSEO(config) {
-  function init(props) {
+  function create(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;
@@ -131,9 +131,7 @@ 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",
@@ -149,23 +147,21 @@ function configSEO(config) {
     const collectionMainEntity = props.collection ? {
       "@type": "ItemList",
       numberOfItems: props.collection.length,
-      itemListElement: props.collection.map(
-        (item, index) => ({
-          "@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: item.thumbnail?.url,
-            dateModified: item.updatedAt?.toISOString(),
-            dateCreated: item.createdAt?.toISOString(),
-            datePublished: item.createdAt?.toISOString()
-          }
-        })
-      )
+          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",
@@ -304,7 +300,7 @@ function configSEO(config) {
   }
   return {
     config,
-    init,
+    create,
     meta,
     StructedData
   };

package/dist/seo/seo.mjs

@@ -37,7 +37,7 @@ var Schema = __toESM(require_schema());
 import React from "react";
 import { useLoaderData } from "react-router";
 function configSEO(config) {
-  function init(props) {
+  function create(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;
@@ -120,9 +120,7 @@ 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",
@@ -138,23 +136,21 @@ function configSEO(config) {
     const collectionMainEntity = props.collection ? {
       "@type": "ItemList",
       numberOfItems: props.collection.length,
-      itemListElement: props.collection.map(
-        (item, index) => ({
-          "@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: item.thumbnail?.url,
-            dateModified: item.updatedAt?.toISOString(),
-            dateCreated: item.createdAt?.toISOString(),
-            datePublished: item.createdAt?.toISOString()
-          }
-        })
-      )
+          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",
@@ -293,7 +289,7 @@ function configSEO(config) {
   }
   return {
     config,
-    init,
+    create,
     meta,
     StructedData
   };

package/package.json

@@ -1,84 +1,94 @@
 {
-  "name": "dn-react-router-toolkit",
-  "version": "0.5.7",
-  "types": "./dist/index.d.ts",
-  "main": "./dist/index.mjs",
-  "module": "./dist/index.js",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+    "name": "dn-react-router-toolkit",
+    "version": "0.5.9",
+    "types": "./dist/index.d.ts",
+    "main": "./dist/index.mjs",
+    "module": "./dist/index.js",
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "import": "./dist/index.mjs",
+            "require": "./dist/index.js"
+        },
+        "./auth": {
+            "types": "./dist/auth/index.d.ts",
+            "import": "./dist/auth/index.mjs",
+            "require": "./dist/auth/index.js"
+        },
+        "./api": {
+            "types": "./dist/api/index.d.ts",
+            "import": "./dist/api/index.mjs",
+            "require": "./dist/api/index.js"
+        },
+        "./client": {
+            "types": "./dist/client/index.d.ts",
+            "import": "./dist/client/index.mjs",
+            "require": "./dist/client/index.js"
+        },
+        "./seo": {
+            "types": "./dist/seo/index.d.ts",
+            "import": "./dist/seo/index.mjs",
+            "require": "./dist/seo/index.js"
+        },
+        "./db": {
+            "types": "./dist/db/index.d.ts",
+            "import": "./dist/db/index.mjs",
+            "require": "./dist/db/index.js"
+        },
+        "./db/backup": {
+            "types": "./dist/db/backup/index.d.ts",
+            "import": "./dist/db/backup/index.mjs",
+            "require": "./dist/db/backup/index.js"
+        },
+        "./table": {
+            "types": "./dist/table/index.d.ts",
+            "import": "./dist/table/index.mjs",
+            "require": "./dist/table/index.js"
+        },
+        "./crud": {
+            "types": "./dist/crud/index.d.ts",
+            "import": "./dist/crud/index.mjs",
+            "require": "./dist/crud/index.js"
+        },
+        "./post": {
+            "types": "./dist/post/index.d.ts",
+            "import": "./dist/post/index.mjs",
+            "require": "./dist/post/index.js"
+        }
     },
-    "./auth": {
-      "types": "./dist/auth/index.d.ts",
-      "import": "./dist/auth/index.mjs",
-      "require": "./dist/auth/index.js"
+    "scripts": {
+        "build": "tsup",
+        "dev": "tsup --watch"
     },
-    "./api": {
-      "types": "./dist/api/index.d.ts",
-      "import": "./dist/api/index.mjs",
-      "require": "./dist/api/index.js"
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/dndnsoft/dn-react-router-toolkit.git"
     },
-    "./client": {
-      "types": "./dist/client/index.d.ts",
-      "import": "./dist/client/index.mjs",
-      "require": "./dist/client/index.js"
+    "author": "",
+    "license": "MIT",
+    "bugs": {
+        "url": "https://github.com/dndnsoft/dn-react-router-toolkit/issues"
     },
-    "./seo": {
-      "types": "./dist/seo/index.d.ts",
-      "import": "./dist/seo/index.mjs",
-      "require": "./dist/seo/index.js"
+    "homepage": "https://github.com/dndnsoft/dn-react-router-toolkit#readme",
+    "description": "",
+    "devDependencies": {
+        "@types/node": "^24.10.1",
+        "@types/react": "^19",
+        "@types/react-dom": "^19",
+        "schema-dts": "^1.1.5",
+        "tsup": "^8.5.1",
+        "typescript": "^5.7.3"
     },
-    "./db": {
-      "types": "./dist/db/index.d.ts",
-      "import": "./dist/db/index.mjs",
-      "require": "./dist/db/index.js"
+    "dependencies": {
+        "@react-router/dev": "^7.11.0",
+        "pg": "^8.16.3",
+        "uuid": "^13.0.0"
     },
-    "./table": {
-      "types": "./dist/table/index.d.ts",
-      "import": "./dist/table/index.mjs",
-      "require": "./dist/table/index.js"
-    },
-    "./crud": {
-      "types": "./dist/crud/index.d.ts",
-      "import": "./dist/crud/index.mjs",
-      "require": "./dist/crud/index.js"
+    "peerDependencies": {
+        "dn-react-toolkit": "^0.2.46",
+        "drizzle-orm": "^0.45.1",
+        "react": "^19",
+        "react-dom": "^19",
+        "react-router": "^7"
     }
-  },
-  "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch"
-  },
-  "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.10.1",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "schema-dts": "^1.1.5",
-    "tsup": "^8.5.1",
-    "typescript": "^5.7.3"
-  },
-  "dependencies": {
-    "@react-router/dev": "^7.11.0",
-    "pg": "^8.16.3",
-    "uuid": "^13.0.0"
-  },
-  "peerDependencies": {
-    "dn-react-toolkit": "^0.2.43",
-    "drizzle-orm": "^0.45.1",
-    "react": "^19",
-    "react-dom": "^19",
-    "react-router": "^7"
-  }
 }