dn-react-text-editor 0.1.0

package/dist/prosemirror/index.d.mts

@@ -0,0 +1,7 @@
+export * from 'prosemirror-view';
+export * from 'prosemirror-state';
+export * from 'prosemirror-model';
+export * from 'prosemirror-keymap';
+export * from 'prosemirror-schema-list';
+export * from 'prosemirror-commands';
+export * from 'prosemirror-history';

package/dist/prosemirror/index.d.ts

@@ -0,0 +1,7 @@
+export * from 'prosemirror-view';
+export * from 'prosemirror-state';
+export * from 'prosemirror-model';
+export * from 'prosemirror-keymap';
+export * from 'prosemirror-schema-list';
+export * from 'prosemirror-commands';
+export * from 'prosemirror-history';

package/dist/prosemirror/index.js

@@ -0,0 +1,36 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/prosemirror/index.ts
+var prosemirror_exports = {};
+module.exports = __toCommonJS(prosemirror_exports);
+__reExport(prosemirror_exports, require("prosemirror-view"), module.exports);
+__reExport(prosemirror_exports, require("prosemirror-state"), module.exports);
+__reExport(prosemirror_exports, require("prosemirror-model"), module.exports);
+__reExport(prosemirror_exports, require("prosemirror-keymap"), module.exports);
+__reExport(prosemirror_exports, require("prosemirror-schema-list"), module.exports);
+__reExport(prosemirror_exports, require("prosemirror-commands"), module.exports);
+__reExport(prosemirror_exports, require("prosemirror-history"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("prosemirror-view"),
+  ...require("prosemirror-state"),
+  ...require("prosemirror-model"),
+  ...require("prosemirror-keymap"),
+  ...require("prosemirror-schema-list"),
+  ...require("prosemirror-commands"),
+  ...require("prosemirror-history")
+});

package/dist/prosemirror/index.mjs

@@ -0,0 +1,8 @@
+// src/prosemirror/index.ts
+export * from "prosemirror-view";
+export * from "prosemirror-state";
+export * from "prosemirror-model";
+export * from "prosemirror-keymap";
+export * from "prosemirror-schema-list";
+export * from "prosemirror-commands";
+export * from "prosemirror-history";

package/dist/schema.d.mts

@@ -0,0 +1,7 @@
+import * as orderedmap from 'orderedmap';
+import * as prosemirror_model from 'prosemirror-model';
+import { Schema } from 'prosemirror-model';
+
+declare function createSchema(): Schema<keyof orderedmap.default<prosemirror_model.NodeSpec>, keyof orderedmap.default<prosemirror_model.MarkSpec>>;
+
+export { createSchema };

package/dist/schema.d.ts

@@ -0,0 +1,7 @@
+import * as orderedmap from 'orderedmap';
+import * as prosemirror_model from 'prosemirror-model';
+import { Schema } from 'prosemirror-model';
+
+declare function createSchema(): Schema<keyof orderedmap.default<prosemirror_model.NodeSpec>, keyof orderedmap.default<prosemirror_model.MarkSpec>>;
+
+export { createSchema };

package/dist/schema.js

@@ -0,0 +1,286 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/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");
+function createSchema() {
+  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: false,
+        group: "block",
+        draggable: true,
+        parseDOM: [
+          {
+            tag: "img",
+            getAttrs(dom) {
+              return {
+                src: dom.getAttribute("src"),
+                alt: dom.getAttribute("alt"),
+                width: dom.getAttribute("width"),
+                height: dom.getAttribute("height")
+              };
+            }
+          }
+        ],
+        toDOM(node) {
+          const { src, alt, srcSet, sizes, width, height } = node.attrs;
+          return [
+            "img",
+            {
+              src,
+              alt,
+              srcSet,
+              sizes,
+              width,
+              height
+            }
+          ];
+        }
+      }
+    },
+    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/schema.mjs

@@ -0,0 +1,261 @@
+// src/schema.tsx
+import { Schema } from "prosemirror-model";
+import { addListNodes } from "prosemirror-schema-list";
+function createSchema() {
+  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: false,
+        group: "block",
+        draggable: true,
+        parseDOM: [
+          {
+            tag: "img",
+            getAttrs(dom) {
+              return {
+                src: dom.getAttribute("src"),
+                alt: dom.getAttribute("alt"),
+                width: dom.getAttribute("width"),
+                height: dom.getAttribute("height")
+              };
+            }
+          }
+        ],
+        toDOM(node) {
+          const { src, alt, srcSet, sizes, width, height } = node.attrs;
+          return [
+            "img",
+            {
+              src,
+              alt,
+              srcSet,
+              sizes,
+              width,
+              height
+            }
+          ];
+        }
+      }
+    },
+    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.d.mts

@@ -0,0 +1,36 @@
+import { createAttachFile, AttachFile } from './attach_file.mjs';
+import * as orderedmap from 'orderedmap';
+import * as prosemirror_model from 'prosemirror-model';
+import React, { DetailedHTMLProps, InputHTMLAttributes, Ref } from 'react';
+import { Transaction, EditorStateConfig } from 'prosemirror-state';
+import { EditorView, DirectEditorProps } from 'prosemirror-view';
+import { Subject } from 'rxjs';
+import './schema.mjs';
+
+type TextEditorController = {
+    view: EditorView;
+    subject: Subject<Transaction>;
+    set value(value: string);
+    get value(): string;
+    clear: () => void;
+};
+type TextEditorProps = Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+    ref?: Ref<TextEditorController>;
+    state?: Partial<EditorStateConfig>;
+    editor?: Partial<DirectEditorProps>;
+    mode?: "html" | "text";
+    updateDelay?: number;
+    container?: string;
+};
+declare function createTextEditor(options?: {
+    attachFile?: {
+        generateMetadata: Parameters<typeof createAttachFile>[0]["generateMetadata"];
+        uploadFile: Parameters<typeof createAttachFile>[0]["uploadFile"];
+    };
+}): {
+    schema: prosemirror_model.Schema<keyof orderedmap.default<prosemirror_model.NodeSpec>, keyof orderedmap.default<prosemirror_model.MarkSpec>>;
+    attachFile: AttachFile;
+    Component: ({ ref, state, editor, mode, container, autoFocus, name, placeholder, className, defaultValue, onClick, onChange, updateDelay, ...props }?: TextEditorProps) => React.JSX.Element;
+};
+
+export { type TextEditorController, type TextEditorProps, createTextEditor };

package/dist/text_editor.d.ts

@@ -0,0 +1,36 @@
+import { createAttachFile, AttachFile } from './attach_file.js';
+import * as orderedmap from 'orderedmap';
+import * as prosemirror_model from 'prosemirror-model';
+import React, { DetailedHTMLProps, InputHTMLAttributes, Ref } from 'react';
+import { Transaction, EditorStateConfig } from 'prosemirror-state';
+import { EditorView, DirectEditorProps } from 'prosemirror-view';
+import { Subject } from 'rxjs';
+import './schema.js';
+
+type TextEditorController = {
+    view: EditorView;
+    subject: Subject<Transaction>;
+    set value(value: string);
+    get value(): string;
+    clear: () => void;
+};
+type TextEditorProps = Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+    ref?: Ref<TextEditorController>;
+    state?: Partial<EditorStateConfig>;
+    editor?: Partial<DirectEditorProps>;
+    mode?: "html" | "text";
+    updateDelay?: number;
+    container?: string;
+};
+declare function createTextEditor(options?: {
+    attachFile?: {
+        generateMetadata: Parameters<typeof createAttachFile>[0]["generateMetadata"];
+        uploadFile: Parameters<typeof createAttachFile>[0]["uploadFile"];
+    };
+}): {
+    schema: prosemirror_model.Schema<keyof orderedmap.default<prosemirror_model.NodeSpec>, keyof orderedmap.default<prosemirror_model.MarkSpec>>;
+    attachFile: AttachFile;
+    Component: ({ ref, state, editor, mode, container, autoFocus, name, placeholder, className, defaultValue, onClick, onChange, updateDelay, ...props }?: TextEditorProps) => React.JSX.Element;
+};
+
+export { type TextEditorController, type TextEditorProps, createTextEditor };