dn-react-text-editor 0.1.0

package/dist/plugins/drag_and_drop.js

@@ -0,0 +1,57 @@
+"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/plugins/drag_and_drop.tsx
+var drag_and_drop_exports = {};
+__export(drag_and_drop_exports, {
+  dragAndDropPlugin: () => dragAndDropPlugin
+});
+module.exports = __toCommonJS(drag_and_drop_exports);
+var import_prosemirror_state = require("prosemirror-state");
+function dragAndDropPlugin({ attachFile }) {
+  return new import_prosemirror_state.Plugin({
+    props: {
+      handleDOMEvents: {
+        drop(view, event) {
+          const files = event.dataTransfer?.files;
+          if (!files || files.length === 0) {
+            return;
+          }
+          event.preventDefault();
+          const pos = view.state.selection.$from.pos || view.posAtCoords({
+            left: event.clientX,
+            top: event.clientY
+          })?.pos || null;
+          if (pos === null) {
+            return;
+          }
+          const medias = Array.from(files).filter(
+            (file) => file.type.startsWith("image/") || file.type.startsWith("video/")
+          );
+          attachFile(view, medias);
+          return true;
+        }
+      }
+    }
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  dragAndDropPlugin
+});

package/dist/plugins/drag_and_drop.mjs

@@ -0,0 +1,32 @@
+// src/plugins/drag_and_drop.tsx
+import { Plugin } from "prosemirror-state";
+function dragAndDropPlugin({ attachFile }) {
+  return new Plugin({
+    props: {
+      handleDOMEvents: {
+        drop(view, event) {
+          const files = event.dataTransfer?.files;
+          if (!files || files.length === 0) {
+            return;
+          }
+          event.preventDefault();
+          const pos = view.state.selection.$from.pos || view.posAtCoords({
+            left: event.clientX,
+            top: event.clientY
+          })?.pos || null;
+          if (pos === null) {
+            return;
+          }
+          const medias = Array.from(files).filter(
+            (file) => file.type.startsWith("image/") || file.type.startsWith("video/")
+          );
+          attachFile(view, medias);
+          return true;
+        }
+      }
+    }
+  });
+}
+export {
+  dragAndDropPlugin
+};

package/dist/plugins/keymap.d.mts

@@ -0,0 +1,6 @@
+import { Command } from 'prosemirror-state';
+import { Schema } from 'prosemirror-model';
+
+declare function buildKeymap(schema: Schema): Record<string, Command>;
+
+export { buildKeymap };

package/dist/plugins/keymap.d.ts

@@ -0,0 +1,6 @@
+import { Command } from 'prosemirror-state';
+import { Schema } from 'prosemirror-model';
+
+declare function buildKeymap(schema: Schema): Record<string, Command>;
+
+export { buildKeymap };

package/dist/plugins/keymap.js

@@ -0,0 +1,59 @@
+"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/plugins/keymap.tsx
+var keymap_exports = {};
+__export(keymap_exports, {
+  buildKeymap: () => buildKeymap
+});
+module.exports = __toCommonJS(keymap_exports);
+var import_prosemirror_history = require("prosemirror-history");
+var import_prosemirror_commands = require("prosemirror-commands");
+var import_prosemirror_schema_list = require("prosemirror-schema-list");
+function buildKeymap(schema) {
+  const keys = {};
+  function bind(key, cmd) {
+    keys[key] = cmd;
+  }
+  bind("Mod-z", import_prosemirror_history.undo);
+  bind("Shift-Mod-z", import_prosemirror_history.redo);
+  bind("Mod-y", import_prosemirror_history.redo);
+  const li = schema.nodes.list_item;
+  bind(
+    "Enter",
+    (0, import_prosemirror_commands.chainCommands)((0, import_prosemirror_schema_list.splitListItem)(li), (state, dispatch) => {
+      const { $head } = state.selection;
+      if ($head.parent.type === state.schema.nodes.paragraph) {
+        (0, import_prosemirror_commands.splitBlockAs)((n) => {
+          return {
+            type: n.type,
+            attrs: n.attrs
+          };
+        })(state, dispatch);
+        return true;
+      }
+      return false;
+    })
+  );
+  return keys;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  buildKeymap
+});

package/dist/plugins/keymap.mjs

@@ -0,0 +1,34 @@
+// src/plugins/keymap.tsx
+import { undo, redo } from "prosemirror-history";
+import { chainCommands, splitBlockAs } from "prosemirror-commands";
+import { splitListItem } from "prosemirror-schema-list";
+function buildKeymap(schema) {
+  const keys = {};
+  function bind(key, cmd) {
+    keys[key] = cmd;
+  }
+  bind("Mod-z", undo);
+  bind("Shift-Mod-z", redo);
+  bind("Mod-y", redo);
+  const li = schema.nodes.list_item;
+  bind(
+    "Enter",
+    chainCommands(splitListItem(li), (state, dispatch) => {
+      const { $head } = state.selection;
+      if ($head.parent.type === state.schema.nodes.paragraph) {
+        splitBlockAs((n) => {
+          return {
+            type: n.type,
+            attrs: n.attrs
+          };
+        })(state, dispatch);
+        return true;
+      }
+      return false;
+    })
+  );
+  return keys;
+}
+export {
+  buildKeymap
+};

package/dist/plugins/placehoder.d.mts

@@ -0,0 +1,5 @@
+import { Plugin } from 'prosemirror-state';
+
+declare function placeholderPlugin(text: string): Plugin<any>;
+
+export { placeholderPlugin };

package/dist/plugins/placehoder.d.ts

@@ -0,0 +1,5 @@
+import { Plugin } from 'prosemirror-state';
+
+declare function placeholderPlugin(text: string): Plugin<any>;
+
+export { placeholderPlugin };

package/dist/plugins/placehoder.js

@@ -0,0 +1,114 @@
+"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/plugins/placehoder.tsx
+var placehoder_exports = {};
+__export(placehoder_exports, {
+  placeholderPlugin: () => placeholderPlugin
+});
+module.exports = __toCommonJS(placehoder_exports);
+var import_prosemirror_model = require("prosemirror-model");
+var import_prosemirror_state2 = require("prosemirror-state");
+var import_prosemirror_view2 = require("prosemirror-view");
+
+// src/plugins/upload_placeholder.tsx
+var import_prosemirror_state = require("prosemirror-state");
+var import_prosemirror_view = require("prosemirror-view");
+var uploadPlaceholderPlugin = new import_prosemirror_state.Plugin({
+  state: {
+    init() {
+      return import_prosemirror_view.DecorationSet.empty;
+    },
+    apply(tr, set) {
+      set = set.map(tr.mapping, tr.doc);
+      const action = tr.getMeta(this);
+      if (action && action.add) {
+        const { type, width, height } = action.add;
+        const widget = document.createElement("div");
+        widget.className = "upload-placeholder";
+        widget.style.width = `100%`;
+        if (type.startsWith("image/") || type.startsWith("video/")) {
+          widget.style.aspectRatio = `${width} / ${height}`;
+          widget.style.maxWidth = `${width}px`;
+        } else {
+          widget.style.height = "80px";
+        }
+        const progress = document.createElement("div");
+        progress.className = "upload-progress";
+        widget.appendChild(progress);
+        const deco = import_prosemirror_view.Decoration.widget(action.add.pos, widget, {
+          id: action.add.id
+        });
+        set = set.add(tr.doc, [deco]);
+      } else if (action && action.progress) {
+        const found = set.find(
+          void 0,
+          void 0,
+          (spec) => spec.id === action.progress.id
+        );
+        if (found.length) {
+          const widget = found[0].type.toDOM;
+          const progress = widget.querySelector(".upload-progress");
+          if (progress) {
+            progress.innerHTML = `${Math.round(action.progress.progress)}%`;
+          }
+        }
+      } else if (action && action.remove) {
+        set = set.remove(
+          set.find(void 0, void 0, (spec) => spec.id === action.remove.id)
+        );
+      }
+      return set;
+    }
+  },
+  props: {
+    decorations(state) {
+      return this.getState(state);
+    }
+  }
+});
+
+// src/plugins/placehoder.tsx
+var getFirstChildDescendants = (view) => {
+  const nodes = [];
+  view.state.doc?.descendants((n) => {
+    nodes.push(n);
+  });
+  return nodes;
+};
+function placeholderPlugin(text) {
+  const update = (view) => {
+    const decos = uploadPlaceholderPlugin.getState(view.state);
+    if (decos && decos.find().length > 0 || view.state.doc.content.content.some((e) => e.type.name !== "paragraph") || view.state.doc.childCount > 1 || getFirstChildDescendants(view).length > 1 || view.state.doc.textContent) {
+      view.dom.removeAttribute("data-placeholder");
+    } else {
+      view.dom.setAttribute("data-placeholder", text);
+    }
+  };
+  return new import_prosemirror_state2.Plugin({
+    view(view) {
+      update(view);
+      return { update };
+    }
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  placeholderPlugin
+});

package/dist/plugins/placehoder.mjs

@@ -0,0 +1,89 @@
+// src/plugins/placehoder.tsx
+import "prosemirror-model";
+import { Plugin as Plugin2 } from "prosemirror-state";
+import "prosemirror-view";
+
+// src/plugins/upload_placeholder.tsx
+import { Plugin } from "prosemirror-state";
+import { Decoration, DecorationSet } from "prosemirror-view";
+var uploadPlaceholderPlugin = new Plugin({
+  state: {
+    init() {
+      return DecorationSet.empty;
+    },
+    apply(tr, set) {
+      set = set.map(tr.mapping, tr.doc);
+      const action = tr.getMeta(this);
+      if (action && action.add) {
+        const { type, width, height } = action.add;
+        const widget = document.createElement("div");
+        widget.className = "upload-placeholder";
+        widget.style.width = `100%`;
+        if (type.startsWith("image/") || type.startsWith("video/")) {
+          widget.style.aspectRatio = `${width} / ${height}`;
+          widget.style.maxWidth = `${width}px`;
+        } else {
+          widget.style.height = "80px";
+        }
+        const progress = document.createElement("div");
+        progress.className = "upload-progress";
+        widget.appendChild(progress);
+        const deco = Decoration.widget(action.add.pos, widget, {
+          id: action.add.id
+        });
+        set = set.add(tr.doc, [deco]);
+      } else if (action && action.progress) {
+        const found = set.find(
+          void 0,
+          void 0,
+          (spec) => spec.id === action.progress.id
+        );
+        if (found.length) {
+          const widget = found[0].type.toDOM;
+          const progress = widget.querySelector(".upload-progress");
+          if (progress) {
+            progress.innerHTML = `${Math.round(action.progress.progress)}%`;
+          }
+        }
+      } else if (action && action.remove) {
+        set = set.remove(
+          set.find(void 0, void 0, (spec) => spec.id === action.remove.id)
+        );
+      }
+      return set;
+    }
+  },
+  props: {
+    decorations(state) {
+      return this.getState(state);
+    }
+  }
+});
+
+// src/plugins/placehoder.tsx
+var getFirstChildDescendants = (view) => {
+  const nodes = [];
+  view.state.doc?.descendants((n) => {
+    nodes.push(n);
+  });
+  return nodes;
+};
+function placeholderPlugin(text) {
+  const update = (view) => {
+    const decos = uploadPlaceholderPlugin.getState(view.state);
+    if (decos && decos.find().length > 0 || view.state.doc.content.content.some((e) => e.type.name !== "paragraph") || view.state.doc.childCount > 1 || getFirstChildDescendants(view).length > 1 || view.state.doc.textContent) {
+      view.dom.removeAttribute("data-placeholder");
+    } else {
+      view.dom.setAttribute("data-placeholder", text);
+    }
+  };
+  return new Plugin2({
+    view(view) {
+      update(view);
+      return { update };
+    }
+  });
+}
+export {
+  placeholderPlugin
+};

package/dist/plugins/trailing_paragraph.d.mts

@@ -0,0 +1,5 @@
+import { Plugin } from 'prosemirror-state';
+
+declare function trailingParagraph(): Plugin<any>;
+
+export { trailingParagraph };

package/dist/plugins/trailing_paragraph.d.ts

@@ -0,0 +1,5 @@
+import { Plugin } from 'prosemirror-state';
+
+declare function trailingParagraph(): Plugin<any>;
+
+export { trailingParagraph };

package/dist/plugins/trailing_paragraph.js

@@ -0,0 +1,46 @@
+"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/plugins/trailing_paragraph.tsx
+var trailing_paragraph_exports = {};
+__export(trailing_paragraph_exports, {
+  trailingParagraph: () => trailingParagraph
+});
+module.exports = __toCommonJS(trailing_paragraph_exports);
+var import_prosemirror_state = require("prosemirror-state");
+function trailingParagraph() {
+  return new import_prosemirror_state.Plugin({
+    appendTransaction(transactions, oldState, newState) {
+      const doc = newState.doc;
+      const lastNode = doc.lastChild;
+      if (lastNode && lastNode.type.name !== "paragraph") {
+        const paragraphType = newState.schema.nodes.paragraph;
+        const tr = newState.tr;
+        const endPos = doc.content.size;
+        tr.insert(endPos, paragraphType.create());
+        return tr;
+      }
+      return null;
+    }
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  trailingParagraph
+});

package/dist/plugins/trailing_paragraph.mjs

@@ -0,0 +1,21 @@
+// src/plugins/trailing_paragraph.tsx
+import { Plugin } from "prosemirror-state";
+function trailingParagraph() {
+  return new Plugin({
+    appendTransaction(transactions, oldState, newState) {
+      const doc = newState.doc;
+      const lastNode = doc.lastChild;
+      if (lastNode && lastNode.type.name !== "paragraph") {
+        const paragraphType = newState.schema.nodes.paragraph;
+        const tr = newState.tr;
+        const endPos = doc.content.size;
+        tr.insert(endPos, paragraphType.create());
+        return tr;
+      }
+      return null;
+    }
+  });
+}
+export {
+  trailingParagraph
+};

package/dist/plugins/upload_placeholder.d.mts

@@ -0,0 +1,7 @@
+import { Plugin, EditorState } from 'prosemirror-state';
+import { DecorationSet } from 'prosemirror-view';
+
+declare const uploadPlaceholderPlugin: Plugin<DecorationSet>;
+declare const findPlaceholder: (state: EditorState, id: unknown) => number | null;
+
+export { findPlaceholder, uploadPlaceholderPlugin };

package/dist/plugins/upload_placeholder.d.ts

@@ -0,0 +1,7 @@
+import { Plugin, EditorState } from 'prosemirror-state';
+import { DecorationSet } from 'prosemirror-view';
+
+declare const uploadPlaceholderPlugin: Plugin<DecorationSet>;
+declare const findPlaceholder: (state: EditorState, id: unknown) => number | null;
+
+export { findPlaceholder, uploadPlaceholderPlugin };

package/dist/plugins/upload_placeholder.js

@@ -0,0 +1,94 @@
+"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/plugins/upload_placeholder.tsx
+var upload_placeholder_exports = {};
+__export(upload_placeholder_exports, {
+  findPlaceholder: () => findPlaceholder,
+  uploadPlaceholderPlugin: () => uploadPlaceholderPlugin
+});
+module.exports = __toCommonJS(upload_placeholder_exports);
+var import_prosemirror_state = require("prosemirror-state");
+var import_prosemirror_view = require("prosemirror-view");
+var uploadPlaceholderPlugin = new import_prosemirror_state.Plugin({
+  state: {
+    init() {
+      return import_prosemirror_view.DecorationSet.empty;
+    },
+    apply(tr, set) {
+      set = set.map(tr.mapping, tr.doc);
+      const action = tr.getMeta(this);
+      if (action && action.add) {
+        const { type, width, height } = action.add;
+        const widget = document.createElement("div");
+        widget.className = "upload-placeholder";
+        widget.style.width = `100%`;
+        if (type.startsWith("image/") || type.startsWith("video/")) {
+          widget.style.aspectRatio = `${width} / ${height}`;
+          widget.style.maxWidth = `${width}px`;
+        } else {
+          widget.style.height = "80px";
+        }
+        const progress = document.createElement("div");
+        progress.className = "upload-progress";
+        widget.appendChild(progress);
+        const deco = import_prosemirror_view.Decoration.widget(action.add.pos, widget, {
+          id: action.add.id
+        });
+        set = set.add(tr.doc, [deco]);
+      } else if (action && action.progress) {
+        const found = set.find(
+          void 0,
+          void 0,
+          (spec) => spec.id === action.progress.id
+        );
+        if (found.length) {
+          const widget = found[0].type.toDOM;
+          const progress = widget.querySelector(".upload-progress");
+          if (progress) {
+            progress.innerHTML = `${Math.round(action.progress.progress)}%`;
+          }
+        }
+      } else if (action && action.remove) {
+        set = set.remove(
+          set.find(void 0, void 0, (spec) => spec.id === action.remove.id)
+        );
+      }
+      return set;
+    }
+  },
+  props: {
+    decorations(state) {
+      return this.getState(state);
+    }
+  }
+});
+var findPlaceholder = (state, id) => {
+  const decos = uploadPlaceholderPlugin.getState(state);
+  if (!decos) {
+    return null;
+  }
+  const found = decos.find(void 0, void 0, (spec) => spec.id === id);
+  return found.length ? found[0].from : null;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  findPlaceholder,
+  uploadPlaceholderPlugin
+});

package/dist/plugins/upload_placeholder.mjs

@@ -0,0 +1,68 @@
+// src/plugins/upload_placeholder.tsx
+import { Plugin } from "prosemirror-state";
+import { Decoration, DecorationSet } from "prosemirror-view";
+var uploadPlaceholderPlugin = new Plugin({
+  state: {
+    init() {
+      return DecorationSet.empty;
+    },
+    apply(tr, set) {
+      set = set.map(tr.mapping, tr.doc);
+      const action = tr.getMeta(this);
+      if (action && action.add) {
+        const { type, width, height } = action.add;
+        const widget = document.createElement("div");
+        widget.className = "upload-placeholder";
+        widget.style.width = `100%`;
+        if (type.startsWith("image/") || type.startsWith("video/")) {
+          widget.style.aspectRatio = `${width} / ${height}`;
+          widget.style.maxWidth = `${width}px`;
+        } else {
+          widget.style.height = "80px";
+        }
+        const progress = document.createElement("div");
+        progress.className = "upload-progress";
+        widget.appendChild(progress);
+        const deco = Decoration.widget(action.add.pos, widget, {
+          id: action.add.id
+        });
+        set = set.add(tr.doc, [deco]);
+      } else if (action && action.progress) {
+        const found = set.find(
+          void 0,
+          void 0,
+          (spec) => spec.id === action.progress.id
+        );
+        if (found.length) {
+          const widget = found[0].type.toDOM;
+          const progress = widget.querySelector(".upload-progress");
+          if (progress) {
+            progress.innerHTML = `${Math.round(action.progress.progress)}%`;
+          }
+        }
+      } else if (action && action.remove) {
+        set = set.remove(
+          set.find(void 0, void 0, (spec) => spec.id === action.remove.id)
+        );
+      }
+      return set;
+    }
+  },
+  props: {
+    decorations(state) {
+      return this.getState(state);
+    }
+  }
+});
+var findPlaceholder = (state, id) => {
+  const decos = uploadPlaceholderPlugin.getState(state);
+  if (!decos) {
+    return null;
+  }
+  const found = decos.find(void 0, void 0, (spec) => spec.id === id);
+  return found.length ? found[0].from : null;
+};
+export {
+  findPlaceholder,
+  uploadPlaceholderPlugin
+};