dn-react-router-toolkit 0.2.6 → 0.3.1

package/dist/text_editor/schema.js

@@ -1,354 +0,0 @@
-"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/text_editor/schema.tsx
-var schema_exports = {};
-__export(schema_exports, {
-  createSchema: () => createSchema
-});
-module.exports = __toCommonJS(schema_exports);
-var import_prosemirror_model = require("prosemirror-model");
-var import_prosemirror_schema_list = require("prosemirror-schema-list");
-
-// src/file/responsive_image.tsx
-var import_react = __toESM(require("react"));
-var sizes = [
-  64,
-  128,
-  256,
-  320,
-  480,
-  640,
-  768,
-  1080,
-  1200,
-  1536,
-  1920,
-  2560,
-  3840
-];
-var generateSrc = (cdnOrigin, src, width, height, ratio, image = {}) => {
-  const searchParams = new URLSearchParams();
-  if (image.width) {
-    searchParams.set("w", image.width.toString());
-  }
-  if (width) {
-    searchParams.set("w", width.toString());
-    if (ratio) {
-      searchParams.set("h", Math.round(width / ratio).toString());
-    }
-  }
-  if (image.height) {
-    searchParams.set("h", image.height.toString());
-  }
-  if (height) {
-    searchParams.set("h", height.toString());
-  }
-  const search = searchParams.toString() ? `?${searchParams.toString()}` : "";
-  if (!src.includes(cdnOrigin)) {
-    return src;
-  }
-  return `${encodeURI(decodeURI(src))}${search}`;
-};
-function generateSrcSet(cdnOrigin, image, ratio, props = {}) {
-  const src = typeof image === "string" ? image : image.src;
-  const isGif = src.endsWith(".gif");
-  if (isGif) {
-    return void 0;
-  }
-  if (props.width) {
-    return [1, 2, 3].map((scale) => {
-      const genWidth = Number(props.width) * scale;
-      return `${generateSrc(
-        cdnOrigin,
-        src,
-        genWidth,
-        props.height ? Number(props.height) * scale : ratio ? Math.round(genWidth / ratio) : void 0
-      )} ${scale}x`;
-    }).join(", ");
-  }
-  return sizes.map(
-    (size) => `${generateSrc(cdnOrigin, src, size, void 0, ratio, props)} ${size}w`
-  ).join(", ");
-}
-
-// src/text_editor/schema.tsx
-function createSchema({ cdnOrigin }) {
-  const customSchema = new import_prosemirror_model.Schema({
-    nodes: {
-      doc: { content: "block+" },
-      paragraph: {
-        attrs: { align: { default: null } },
-        content: "inline*",
-        group: "block",
-        parseDOM: [
-          {
-            tag: "p",
-            getAttrs(dom) {
-              return {
-                align: dom.style.textAlign || null
-              };
-            }
-          }
-        ],
-        toDOM(node) {
-          return [
-            "p",
-            {
-              style: node.attrs.align ? `text-align: ${node.attrs.align}` : null
-            },
-            0
-          ];
-        }
-      },
-      text: {
-        group: "inline"
-      },
-      hard_break: {
-        inline: true,
-        group: "inline",
-        selectable: false,
-        parseDOM: [{ tag: "br" }],
-        toDOM() {
-          return ["br"];
-        }
-      },
-      heading: {
-        attrs: { level: { default: 1 }, align: { default: null } },
-        content: "inline*",
-        group: "block",
-        defining: true,
-        parseDOM: [
-          {
-            tag: "h1",
-            getAttrs(node) {
-              return {
-                level: 1,
-                algin: node.style.textAlign || null
-              };
-            }
-          },
-          {
-            tag: "h2",
-            getAttrs(node) {
-              return {
-                level: 2,
-                algin: node.style.textAlign || null
-              };
-            }
-          },
-          {
-            tag: "h3",
-            getAttrs(node) {
-              return {
-                level: 3,
-                algin: node.style.textAlign || null
-              };
-            }
-          },
-          {
-            tag: "h4",
-            getAttrs(node) {
-              return {
-                level: 4,
-                algin: node.style.textAlign || null
-              };
-            }
-          },
-          {
-            tag: "h5",
-            getAttrs(node) {
-              return {
-                level: 5,
-                algin: node.style.textAlign || null
-              };
-            }
-          },
-          {
-            tag: "h6",
-            getAttrs(node) {
-              return {
-                level: 6,
-                algin: node.style.textAlign || null
-              };
-            }
-          }
-        ],
-        toDOM(node) {
-          return [
-            "h" + node.attrs.level,
-            {
-              id: node.textContent.toLowerCase().replace(/\s+/g, "-"),
-              style: node.attrs.align ? `text-align: ${node.attrs.align};` : null
-            },
-            0
-          ];
-        }
-      },
-      horizontal_rule: {
-        group: "block",
-        parseDOM: [{ tag: "hr" }],
-        toDOM() {
-          return ["hr"];
-        }
-      },
-      image: {
-        attrs: {
-          src: { validate: "string" },
-          alt: { default: null, validate: "string|null" },
-          title: {
-            default: null,
-            validate: "string|null"
-          },
-          width: {
-            default: null,
-            validate: "number|null"
-          },
-          height: {
-            default: null,
-            validate: "number|null"
-          }
-        },
-        inline: true,
-        group: "inline",
-        draggable: true,
-        parseDOM: [
-          {
-            tag: "img",
-            getAttrs(dom) {
-              return {
-                src: dom.getAttribute("src"),
-                title: dom.getAttribute("title"),
-                alt: dom.getAttribute("alt"),
-                width: dom.getAttribute("width"),
-                height: dom.getAttribute("height")
-              };
-            }
-          }
-        ],
-        toDOM(node) {
-          const { src, alt, title, width, height } = node.attrs;
-          return [
-            "img",
-            {
-              src,
-              alt,
-              title,
-              width,
-              height,
-              srcSet: cdnOrigin ? generateSrcSet(cdnOrigin, src) : void 0,
-              sizes: cdnOrigin ? "(max-width: 768px) 100vw, 768px" : void 0
-            }
-          ];
-        }
-      }
-    },
-    marks: {
-      link: {
-        attrs: {
-          href: { default: "" },
-          title: { default: null }
-        },
-        inclusive: false,
-        parseDOM: [
-          {
-            tag: "a[href]",
-            getAttrs(dom) {
-              return {
-                href: dom.getAttribute("href"),
-                title: dom.getAttribute("title")
-              };
-            }
-          }
-        ],
-        toDOM(node) {
-          const { href, title } = node.attrs;
-          const target = "_blank";
-          const rel = "noopener noreferrer";
-          return ["a", { href, title: title || href, target, rel }, 0];
-        }
-      },
-      bold: {
-        parseDOM: [
-          { tag: "strong" },
-          {
-            tag: "b",
-            getAttrs: (node) => node.style.fontWeight != "normal" && null
-          },
-          {
-            style: "font-weight=400",
-            clearMark: (m) => m.type.name == "strong"
-          },
-          {
-            style: "font-weight",
-            getAttrs: (value) => /^(bold(er)?|[5-9]\d{2,})$/.test(value) && null
-          }
-        ],
-        toDOM() {
-          return ["strong", 0];
-        }
-      },
-      italic: {
-        parseDOM: [
-          { tag: "em" },
-          { tag: "i" },
-          { style: "font-style=italic" },
-          {
-            style: "font-style=normal",
-            clearMark: (m) => m.type.name == "em"
-          }
-        ],
-        toDOM() {
-          return ["em", 0];
-        }
-      },
-      underline: {
-        parseDOM: [
-          { tag: "u" },
-          {
-            style: "text-decoration",
-            getAttrs: (value) => value === "underline" && null
-          }
-        ],
-        toDOM() {
-          return ["u", 0];
-        }
-      }
-    }
-  });
-  const prosemirrorSchema = new import_prosemirror_model.Schema({
-    nodes: (0, import_prosemirror_schema_list.addListNodes)(customSchema.spec.nodes, "paragraph block*", "block"),
-    marks: customSchema.spec.marks
-  });
-  return prosemirrorSchema;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  createSchema
-});

package/dist/text_editor/schema.mjs

@@ -1,319 +0,0 @@
-// src/text_editor/schema.tsx
-import { Schema } from "prosemirror-model";
-import { addListNodes } from "prosemirror-schema-list";
-
-// src/file/responsive_image.tsx
-import React from "react";
-var sizes = [
-  64,
-  128,
-  256,
-  320,
-  480,
-  640,
-  768,
-  1080,
-  1200,
-  1536,
-  1920,
-  2560,
-  3840
-];
-var generateSrc = (cdnOrigin, src, width, height, ratio, image = {}) => {
-  const searchParams = new URLSearchParams();
-  if (image.width) {
-    searchParams.set("w", image.width.toString());
-  }
-  if (width) {
-    searchParams.set("w", width.toString());
-    if (ratio) {
-      searchParams.set("h", Math.round(width / ratio).toString());
-    }
-  }
-  if (image.height) {
-    searchParams.set("h", image.height.toString());
-  }
-  if (height) {
-    searchParams.set("h", height.toString());
-  }
-  const search = searchParams.toString() ? `?${searchParams.toString()}` : "";
-  if (!src.includes(cdnOrigin)) {
-    return src;
-  }
-  return `${encodeURI(decodeURI(src))}${search}`;
-};
-function generateSrcSet(cdnOrigin, image, ratio, props = {}) {
-  const src = typeof image === "string" ? image : image.src;
-  const isGif = src.endsWith(".gif");
-  if (isGif) {
-    return void 0;
-  }
-  if (props.width) {
-    return [1, 2, 3].map((scale) => {
-      const genWidth = Number(props.width) * scale;
-      return `${generateSrc(
-        cdnOrigin,
-        src,
-        genWidth,
-        props.height ? Number(props.height) * scale : ratio ? Math.round(genWidth / ratio) : void 0
-      )} ${scale}x`;
-    }).join(", ");
-  }
-  return sizes.map(
-    (size) => `${generateSrc(cdnOrigin, src, size, void 0, ratio, props)} ${size}w`
-  ).join(", ");
-}
-
-// src/text_editor/schema.tsx
-function createSchema({ cdnOrigin }) {
-  const customSchema = new Schema({
-    nodes: {
-      doc: { content: "block+" },
-      paragraph: {
-        attrs: { align: { default: null } },
-        content: "inline*",
-        group: "block",
-        parseDOM: [
-          {
-            tag: "p",
-            getAttrs(dom) {
-              return {
-                align: dom.style.textAlign || null
-              };
-            }
-          }
-        ],
-        toDOM(node) {
-          return [
-            "p",
-            {
-              style: node.attrs.align ? `text-align: ${node.attrs.align}` : null
-            },
-            0
-          ];
-        }
-      },
-      text: {
-        group: "inline"
-      },
-      hard_break: {
-        inline: true,
-        group: "inline",
-        selectable: false,
-        parseDOM: [{ tag: "br" }],
-        toDOM() {
-          return ["br"];
-        }
-      },
-      heading: {
-        attrs: { level: { default: 1 }, align: { default: null } },
-        content: "inline*",
-        group: "block",
-        defining: true,
-        parseDOM: [
-          {
-            tag: "h1",
-            getAttrs(node) {
-              return {
-                level: 1,
-                algin: node.style.textAlign || null
-              };
-            }
-          },
-          {
-            tag: "h2",
-            getAttrs(node) {
-              return {
-                level: 2,
-                algin: node.style.textAlign || null
-              };
-            }
-          },
-          {
-            tag: "h3",
-            getAttrs(node) {
-              return {
-                level: 3,
-                algin: node.style.textAlign || null
-              };
-            }
-          },
-          {
-            tag: "h4",
-            getAttrs(node) {
-              return {
-                level: 4,
-                algin: node.style.textAlign || null
-              };
-            }
-          },
-          {
-            tag: "h5",
-            getAttrs(node) {
-              return {
-                level: 5,
-                algin: node.style.textAlign || null
-              };
-            }
-          },
-          {
-            tag: "h6",
-            getAttrs(node) {
-              return {
-                level: 6,
-                algin: node.style.textAlign || null
-              };
-            }
-          }
-        ],
-        toDOM(node) {
-          return [
-            "h" + node.attrs.level,
-            {
-              id: node.textContent.toLowerCase().replace(/\s+/g, "-"),
-              style: node.attrs.align ? `text-align: ${node.attrs.align};` : null
-            },
-            0
-          ];
-        }
-      },
-      horizontal_rule: {
-        group: "block",
-        parseDOM: [{ tag: "hr" }],
-        toDOM() {
-          return ["hr"];
-        }
-      },
-      image: {
-        attrs: {
-          src: { validate: "string" },
-          alt: { default: null, validate: "string|null" },
-          title: {
-            default: null,
-            validate: "string|null"
-          },
-          width: {
-            default: null,
-            validate: "number|null"
-          },
-          height: {
-            default: null,
-            validate: "number|null"
-          }
-        },
-        inline: true,
-        group: "inline",
-        draggable: true,
-        parseDOM: [
-          {
-            tag: "img",
-            getAttrs(dom) {
-              return {
-                src: dom.getAttribute("src"),
-                title: dom.getAttribute("title"),
-                alt: dom.getAttribute("alt"),
-                width: dom.getAttribute("width"),
-                height: dom.getAttribute("height")
-              };
-            }
-          }
-        ],
-        toDOM(node) {
-          const { src, alt, title, width, height } = node.attrs;
-          return [
-            "img",
-            {
-              src,
-              alt,
-              title,
-              width,
-              height,
-              srcSet: cdnOrigin ? generateSrcSet(cdnOrigin, src) : void 0,
-              sizes: cdnOrigin ? "(max-width: 768px) 100vw, 768px" : void 0
-            }
-          ];
-        }
-      }
-    },
-    marks: {
-      link: {
-        attrs: {
-          href: { default: "" },
-          title: { default: null }
-        },
-        inclusive: false,
-        parseDOM: [
-          {
-            tag: "a[href]",
-            getAttrs(dom) {
-              return {
-                href: dom.getAttribute("href"),
-                title: dom.getAttribute("title")
-              };
-            }
-          }
-        ],
-        toDOM(node) {
-          const { href, title } = node.attrs;
-          const target = "_blank";
-          const rel = "noopener noreferrer";
-          return ["a", { href, title: title || href, target, rel }, 0];
-        }
-      },
-      bold: {
-        parseDOM: [
-          { tag: "strong" },
-          {
-            tag: "b",
-            getAttrs: (node) => node.style.fontWeight != "normal" && null
-          },
-          {
-            style: "font-weight=400",
-            clearMark: (m) => m.type.name == "strong"
-          },
-          {
-            style: "font-weight",
-            getAttrs: (value) => /^(bold(er)?|[5-9]\d{2,})$/.test(value) && null
-          }
-        ],
-        toDOM() {
-          return ["strong", 0];
-        }
-      },
-      italic: {
-        parseDOM: [
-          { tag: "em" },
-          { tag: "i" },
-          { style: "font-style=italic" },
-          {
-            style: "font-style=normal",
-            clearMark: (m) => m.type.name == "em"
-          }
-        ],
-        toDOM() {
-          return ["em", 0];
-        }
-      },
-      underline: {
-        parseDOM: [
-          { tag: "u" },
-          {
-            style: "text-decoration",
-            getAttrs: (value) => value === "underline" && null
-          }
-        ],
-        toDOM() {
-          return ["u", 0];
-        }
-      }
-    }
-  });
-  const prosemirrorSchema = new Schema({
-    nodes: addListNodes(customSchema.spec.nodes, "paragraph block*", "block"),
-    marks: customSchema.spec.marks
-  });
-  return prosemirrorSchema;
-}
-export {
-  createSchema
-};

package/dist/text_editor/text_editor.d.mts

@@ -1,44 +0,0 @@
-import * as orderedmap from 'orderedmap';
-import * as prosemirror_model from 'prosemirror-model';
-import { Node, Attrs, Fragment, Mark } from 'prosemirror-model';
-import React from 'react';
-import { EditorStateConfig } from 'prosemirror-state';
-import { EditorView, DirectEditorProps } from 'prosemirror-view';
-import { FileUploader } from '../file/client/file_uploader.mjs';
-
-type TextEditorProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
-    name?: string;
-    state?: Partial<EditorStateConfig>;
-    editor?: Partial<DirectEditorProps>;
-    placeholder?: string;
-    defaultValue?: string;
-    onHTMLChanged?: (html: string) => void;
-};
-declare function createTextEditor<TFile extends {
-    key: string;
-}>({ fileUploader, cdnOrigin, }?: {
-    fileUploader?: FileUploader<TFile>;
-    cdnOrigin?: string;
-}): {
-    schema: prosemirror_model.Schema<keyof orderedmap.default<prosemirror_model.NodeSpec>, keyof orderedmap.default<prosemirror_model.MarkSpec>>;
-    useTextEditor: () => {
-        readonly schema: prosemirror_model.Schema<keyof orderedmap.default<prosemirror_model.NodeSpec>, keyof orderedmap.default<prosemirror_model.MarkSpec>>;
-        readonly view: React.RefObject<EditorView | null>;
-        readonly commands: {
-            readonly attachMedia: (files: File[]) => Promise<Node[] | undefined>;
-            readonly toggleMark: <T extends string | number>(type: T, attrs?: Attrs, options?: {
-                removeWhenPresent?: boolean;
-                enterInlineAtoms?: boolean;
-                includeWhitespace?: boolean;
-            }) => void;
-            readonly setBlockType: <T extends string | number>(type: T, attrs?: Attrs) => void;
-            readonly insertNode: (type: string, attrs?: Attrs, content?: Fragment | Node | Node[], marks?: Mark[]) => void;
-            readonly setHTML: (html: string) => void;
-        };
-        readonly Component: ({ name, placeholder, className, defaultValue, onClick, onHTMLChanged, editor, state, ...props }: TextEditorProps) => React.JSX.Element;
-        readonly serialize: () => string;
-        readonly getTextContent: () => string;
-    };
-};
-
-export { type TextEditorProps, createTextEditor as default };