dn-react-router-toolkit 0.5.8 → 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/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/package.json

@@ -1,89 +1,94 @@
 {
-  "name": "dn-react-router-toolkit",
-  "version": "0.5.8",
-  "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"
     },
-    "./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"
+    "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"
-  }
 }