dn-react-text-editor 0.3.3 → 0.3.5

package/dist/commands.d.mts

@@ -17,6 +17,8 @@ declare const createCommands: (schema: Schema, view: EditorView, options?: {
     }) => void;
     wrapInList: (listType: string, attrs?: Attrs | null) => void;
     clear: () => void;
+    undo: () => void;
+    redo: () => void;
     attachFile: (files: File[]) => void;
 };
 

package/dist/commands.d.ts

@@ -17,6 +17,8 @@ declare const createCommands: (schema: Schema, view: EditorView, options?: {
     }) => void;
     wrapInList: (listType: string, attrs?: Attrs | null) => void;
     clear: () => void;
+    undo: () => void;
+    redo: () => void;
     attachFile: (files: File[]) => void;
 };
 

package/dist/commands.js

@@ -35,6 +35,7 @@ __export(commands_exports, {
 module.exports = __toCommonJS(commands_exports);
 var commands = __toESM(require("prosemirror-commands"));
 var schemaList = __toESM(require("prosemirror-schema-list"));
+var history = __toESM(require("prosemirror-history"));
 var createCommands = (schema, view, options = {}) => {
   {
     const isBlockTypeActive = (node, attrs, excludes = []) => {
@@ -91,6 +92,14 @@ var createCommands = (schema, view, options = {}) => {
       );
       view.dispatch(tr);
     };
+    const undo2 = () => {
+      view.focus();
+      history.undo(view.state, view.dispatch);
+    };
+    const redo2 = () => {
+      view.focus();
+      history.redo(view.state, view.dispatch);
+    };
     return {
       isBlockTypeActive,
       setBlockType: setBlockType2,
@@ -98,6 +107,8 @@ var createCommands = (schema, view, options = {}) => {
       toggleMark: toggleMark2,
       wrapInList: wrapInList2,
       clear,
+      undo: undo2,
+      redo: redo2,
       attachFile: (files) => {
         options.attachFile?.(view, files);
       }

package/dist/commands.mjs

@@ -1,6 +1,7 @@
 // src/commands.tsx
 import * as commands from "prosemirror-commands";
 import * as schemaList from "prosemirror-schema-list";
+import * as history from "prosemirror-history";
 var createCommands = (schema, view, options = {}) => {
   {
     const isBlockTypeActive = (node, attrs, excludes = []) => {
@@ -57,6 +58,14 @@ var createCommands = (schema, view, options = {}) => {
       );
       view.dispatch(tr);
     };
+    const undo2 = () => {
+      view.focus();
+      history.undo(view.state, view.dispatch);
+    };
+    const redo2 = () => {
+      view.focus();
+      history.redo(view.state, view.dispatch);
+    };
     return {
       isBlockTypeActive,
       setBlockType: setBlockType2,
@@ -64,6 +73,8 @@ var createCommands = (schema, view, options = {}) => {
       toggleMark: toggleMark2,
       wrapInList: wrapInList2,
       clear,
+      undo: undo2,
+      redo: redo2,
       attachFile: (files) => {
         options.attachFile?.(view, files);
       }

package/dist/index.js

@@ -877,6 +877,7 @@ function createAttachFile({
 // src/commands.tsx
 var commands = __toESM(require("prosemirror-commands"));
 var schemaList = __toESM(require("prosemirror-schema-list"));
+var history = __toESM(require("prosemirror-history"));
 var createCommands = (schema, view, options = {}) => {
   {
     const isBlockTypeActive = (node, attrs, excludes = []) => {
@@ -933,6 +934,14 @@ var createCommands = (schema, view, options = {}) => {
       );
       view.dispatch(tr);
     };
+    const undo3 = () => {
+      view.focus();
+      history.undo(view.state, view.dispatch);
+    };
+    const redo3 = () => {
+      view.focus();
+      history.redo(view.state, view.dispatch);
+    };
     return {
       isBlockTypeActive,
       setBlockType: setBlockType2,
@@ -940,6 +949,8 @@ var createCommands = (schema, view, options = {}) => {
       toggleMark: toggleMark2,
       wrapInList: wrapInList2,
       clear,
+      undo: undo3,
+      redo: redo3,
       attachFile: (files) => {
         options.attachFile?.(view, files);
       }
@@ -958,6 +969,7 @@ var TextEditorController = class {
   view;
   prosemirrorParser;
   prosemirrorSerializer;
+  element;
   get value() {
     if (this.props.mode === "text") {
       return this.toTextContent();
@@ -995,12 +1007,13 @@ var TextEditorController = class {
       uploadFile: this.props.attachFile?.uploadFile
     })(this.view, files);
   }
-  bind(container) {
+  bind(element) {
+    this.element = element;
     const wrapper = document.createElement("div");
     wrapper.innerHTML = this.toInnerHTML(
       this.props.defaultValue ? String(this.props.defaultValue) : ""
     );
-    this.view = new import_prosemirror_view4.EditorView(container, {
+    this.view = new import_prosemirror_view4.EditorView(element, {
       ...this.props.editor,
       attributes: (state) => {
         const propsAttributes = (() => {
@@ -1074,7 +1087,7 @@ var TextEditorController = class {
     this.view?.destroy();
   }
 };
-var configTextEditorController = (options = {}) => {
+var configTextEditorController = (options = {} = {}) => {
   return (props) => new TextEditorController({
     ...props,
     className: props.className || options.className,
@@ -1086,6 +1099,7 @@ var configTextEditorController = (options = {}) => {
 // src/text_editor.tsx
 function TextEditor({
   controller: externalController,
+  ref,
   name,
   className,
   autoFocus,
@@ -1116,6 +1130,7 @@ function TextEditor({
     []
   );
   const controller = externalController || innerController;
+  (0, import_react2.useImperativeHandle)(ref, () => controller, [controller]);
   (0, import_react3.useEffect)(() => {
     const container = containerRef.current;
     if (!container) {

package/dist/index.mjs

@@ -1,5 +1,6 @@
 // src/text_editor.tsx
 import React2, {
+  useImperativeHandle,
   useMemo
 } from "react";
 import { useEffect as useEffect2, useRef } from "react";
@@ -173,7 +174,7 @@ function placeholderPlugin(text) {
 }
 
 // src/text_editor_controller.tsx
-import { history } from "prosemirror-history";
+import { history as history2 } from "prosemirror-history";
 
 // src/plugins/keymap.tsx
 import { TextSelection } from "prosemirror-state";
@@ -841,6 +842,7 @@ function createAttachFile({
 // src/commands.tsx
 import * as commands from "prosemirror-commands";
 import * as schemaList from "prosemirror-schema-list";
+import * as history from "prosemirror-history";
 var createCommands = (schema, view, options = {}) => {
   {
     const isBlockTypeActive = (node, attrs, excludes = []) => {
@@ -897,6 +899,14 @@ var createCommands = (schema, view, options = {}) => {
       );
       view.dispatch(tr);
     };
+    const undo3 = () => {
+      view.focus();
+      history.undo(view.state, view.dispatch);
+    };
+    const redo3 = () => {
+      view.focus();
+      history.redo(view.state, view.dispatch);
+    };
     return {
       isBlockTypeActive,
       setBlockType: setBlockType2,
@@ -904,6 +914,8 @@ var createCommands = (schema, view, options = {}) => {
       toggleMark: toggleMark2,
       wrapInList: wrapInList2,
       clear,
+      undo: undo3,
+      redo: redo3,
       attachFile: (files) => {
         options.attachFile?.(view, files);
       }
@@ -922,6 +934,7 @@ var TextEditorController = class {
   view;
   prosemirrorParser;
   prosemirrorSerializer;
+  element;
   get value() {
     if (this.props.mode === "text") {
       return this.toTextContent();
@@ -959,12 +972,13 @@ var TextEditorController = class {
       uploadFile: this.props.attachFile?.uploadFile
     })(this.view, files);
   }
-  bind(container) {
+  bind(element) {
+    this.element = element;
     const wrapper = document.createElement("div");
     wrapper.innerHTML = this.toInnerHTML(
       this.props.defaultValue ? String(this.props.defaultValue) : ""
     );
-    this.view = new EditorView3(container, {
+    this.view = new EditorView3(element, {
       ...this.props.editor,
       attributes: (state) => {
         const propsAttributes = (() => {
@@ -986,7 +1000,7 @@ var TextEditorController = class {
         doc: this.props.state?.doc || this.prosemirrorParser.parse(wrapper),
         plugins: [
           ...this.props.state?.plugins || [],
-          history({
+          history2({
             newGroupDelay: this.props.updateDelay
           }),
           keymap(buildKeymap(this.schema)),
@@ -1038,7 +1052,7 @@ var TextEditorController = class {
     this.view?.destroy();
   }
 };
-var configTextEditorController = (options = {}) => {
+var configTextEditorController = (options = {} = {}) => {
   return (props) => new TextEditorController({
     ...props,
     className: props.className || options.className,
@@ -1050,6 +1064,7 @@ var configTextEditorController = (options = {}) => {
 // src/text_editor.tsx
 function TextEditor({
   controller: externalController,
+  ref,
   name,
   className,
   autoFocus,
@@ -1080,6 +1095,7 @@ function TextEditor({
     []
   );
   const controller = externalController || innerController;
+  useImperativeHandle(ref, () => controller, [controller]);
   useEffect2(() => {
     const container = containerRef.current;
     if (!container) {

package/dist/text_editor.d.mts

@@ -1,4 +1,4 @@
-import React, { DetailedHTMLProps, InputHTMLAttributes } from 'react';
+import React, { DetailedHTMLProps, InputHTMLAttributes, Ref } from 'react';
 import { TextEditorController, TextEditorControllerProps } from './text_editor_controller.mjs';
 import 'prosemirror-model';
 import 'prosemirror-state';
@@ -12,7 +12,8 @@ type HTMLElementProps = DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>,
 type TextEditorProps = Omit<HTMLElementProps, "ref"> & {
     controller?: TextEditorController;
     name?: string;
+    ref?: Ref<TextEditorController>;
 } & TextEditorControllerProps;
-declare function TextEditor({ controller: externalController, name, className, autoFocus, onChange, mode, state, editor, defaultValue, updateDelay, placeholder, attachFile, style, ...props }?: TextEditorProps): React.JSX.Element;
+declare function TextEditor({ controller: externalController, ref, name, className, autoFocus, onChange, mode, state, editor, defaultValue, updateDelay, placeholder, attachFile, style, ...props }?: TextEditorProps): React.JSX.Element;
 
 export { TextEditor, type TextEditorProps };

package/dist/text_editor.d.ts

@@ -1,4 +1,4 @@
-import React, { DetailedHTMLProps, InputHTMLAttributes } from 'react';
+import React, { DetailedHTMLProps, InputHTMLAttributes, Ref } from 'react';
 import { TextEditorController, TextEditorControllerProps } from './text_editor_controller.js';
 import 'prosemirror-model';
 import 'prosemirror-state';
@@ -12,7 +12,8 @@ type HTMLElementProps = DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>,
 type TextEditorProps = Omit<HTMLElementProps, "ref"> & {
     controller?: TextEditorController;
     name?: string;
+    ref?: Ref<TextEditorController>;
 } & TextEditorControllerProps;
-declare function TextEditor({ controller: externalController, name, className, autoFocus, onChange, mode, state, editor, defaultValue, updateDelay, placeholder, attachFile, style, ...props }?: TextEditorProps): React.JSX.Element;
+declare function TextEditor({ controller: externalController, ref, name, className, autoFocus, onChange, mode, state, editor, defaultValue, updateDelay, placeholder, attachFile, style, ...props }?: TextEditorProps): React.JSX.Element;
 
 export { TextEditor, type TextEditorProps };

package/dist/text_editor.js

@@ -869,6 +869,7 @@ function createAttachFile({
 // src/commands.tsx
 var commands = __toESM(require("prosemirror-commands"));
 var schemaList = __toESM(require("prosemirror-schema-list"));
+var history = __toESM(require("prosemirror-history"));
 var createCommands = (schema, view, options = {}) => {
   {
     const isBlockTypeActive = (node, attrs, excludes = []) => {
@@ -925,6 +926,14 @@ var createCommands = (schema, view, options = {}) => {
       );
       view.dispatch(tr);
     };
+    const undo3 = () => {
+      view.focus();
+      history.undo(view.state, view.dispatch);
+    };
+    const redo3 = () => {
+      view.focus();
+      history.redo(view.state, view.dispatch);
+    };
     return {
       isBlockTypeActive,
       setBlockType: setBlockType2,
@@ -932,6 +941,8 @@ var createCommands = (schema, view, options = {}) => {
       toggleMark: toggleMark2,
       wrapInList: wrapInList2,
       clear,
+      undo: undo3,
+      redo: redo3,
       attachFile: (files) => {
         options.attachFile?.(view, files);
       }
@@ -950,6 +961,7 @@ var TextEditorController = class {
   view;
   prosemirrorParser;
   prosemirrorSerializer;
+  element;
   get value() {
     if (this.props.mode === "text") {
       return this.toTextContent();
@@ -987,12 +999,13 @@ var TextEditorController = class {
       uploadFile: this.props.attachFile?.uploadFile
     })(this.view, files);
   }
-  bind(container) {
+  bind(element) {
+    this.element = element;
     const wrapper = document.createElement("div");
     wrapper.innerHTML = this.toInnerHTML(
       this.props.defaultValue ? String(this.props.defaultValue) : ""
     );
-    this.view = new import_prosemirror_view4.EditorView(container, {
+    this.view = new import_prosemirror_view4.EditorView(element, {
       ...this.props.editor,
       attributes: (state) => {
         const propsAttributes = (() => {
@@ -1070,6 +1083,7 @@ var TextEditorController = class {
 // src/text_editor.tsx
 function TextEditor({
   controller: externalController,
+  ref,
   name,
   className,
   autoFocus,
@@ -1100,6 +1114,7 @@ function TextEditor({
     []
   );
   const controller = externalController || innerController;
+  (0, import_react2.useImperativeHandle)(ref, () => controller, [controller]);
   (0, import_react3.useEffect)(() => {
     const container = containerRef.current;
     if (!container) {

package/dist/text_editor.mjs

@@ -1,5 +1,6 @@
 // src/text_editor.tsx
 import React2, {
+  useImperativeHandle,
   useMemo
 } from "react";
 import { useEffect as useEffect2, useRef } from "react";
@@ -173,7 +174,7 @@ function placeholderPlugin(text) {
 }
 
 // src/text_editor_controller.tsx
-import { history } from "prosemirror-history";
+import { history as history2 } from "prosemirror-history";
 
 // src/plugins/keymap.tsx
 import { TextSelection } from "prosemirror-state";
@@ -841,6 +842,7 @@ function createAttachFile({
 // src/commands.tsx
 import * as commands from "prosemirror-commands";
 import * as schemaList from "prosemirror-schema-list";
+import * as history from "prosemirror-history";
 var createCommands = (schema, view, options = {}) => {
   {
     const isBlockTypeActive = (node, attrs, excludes = []) => {
@@ -897,6 +899,14 @@ var createCommands = (schema, view, options = {}) => {
       );
       view.dispatch(tr);
     };
+    const undo3 = () => {
+      view.focus();
+      history.undo(view.state, view.dispatch);
+    };
+    const redo3 = () => {
+      view.focus();
+      history.redo(view.state, view.dispatch);
+    };
     return {
       isBlockTypeActive,
       setBlockType: setBlockType2,
@@ -904,6 +914,8 @@ var createCommands = (schema, view, options = {}) => {
       toggleMark: toggleMark2,
       wrapInList: wrapInList2,
       clear,
+      undo: undo3,
+      redo: redo3,
       attachFile: (files) => {
         options.attachFile?.(view, files);
       }
@@ -922,6 +934,7 @@ var TextEditorController = class {
   view;
   prosemirrorParser;
   prosemirrorSerializer;
+  element;
   get value() {
     if (this.props.mode === "text") {
       return this.toTextContent();
@@ -959,12 +972,13 @@ var TextEditorController = class {
       uploadFile: this.props.attachFile?.uploadFile
     })(this.view, files);
   }
-  bind(container) {
+  bind(element) {
+    this.element = element;
     const wrapper = document.createElement("div");
     wrapper.innerHTML = this.toInnerHTML(
       this.props.defaultValue ? String(this.props.defaultValue) : ""
     );
-    this.view = new EditorView3(container, {
+    this.view = new EditorView3(element, {
       ...this.props.editor,
       attributes: (state) => {
         const propsAttributes = (() => {
@@ -986,7 +1000,7 @@ var TextEditorController = class {
         doc: this.props.state?.doc || this.prosemirrorParser.parse(wrapper),
         plugins: [
           ...this.props.state?.plugins || [],
-          history({
+          history2({
             newGroupDelay: this.props.updateDelay
           }),
           keymap(buildKeymap(this.schema)),
@@ -1042,6 +1056,7 @@ var TextEditorController = class {
 // src/text_editor.tsx
 function TextEditor({
   controller: externalController,
+  ref,
   name,
   className,
   autoFocus,
@@ -1072,6 +1087,7 @@ function TextEditor({
     []
   );
   const controller = externalController || innerController;
+  useImperativeHandle(ref, () => controller, [controller]);
   useEffect2(() => {
     const container = containerRef.current;
     if (!container) {

package/dist/text_editor_controller.d.mts

@@ -29,12 +29,13 @@ declare class TextEditorController {
     view?: EditorView;
     prosemirrorParser: DOMParser;
     prosemirrorSerializer: DOMSerializer;
+    element?: HTMLElement;
     get value(): string;
     set value(value: string);
     constructor(props?: TextEditorControllerProps);
     toInnerHTML(value: string): string;
     attachFile(files: File[]): Promise<void>;
-    bind(container: HTMLElement): void;
+    bind(element: HTMLElement): void;
     toHTML(): string;
     toTextContent(): string;
     get commands(): {
@@ -48,6 +49,8 @@ declare class TextEditorController {
         }) => void;
         wrapInList: (listType: string, attrs?: prosemirror_model.Attrs | null) => void;
         clear: () => void;
+        undo: () => void;
+        redo: () => void;
         attachFile: (files: File[]) => void;
     };
     dispose(): void;

package/dist/text_editor_controller.d.ts

@@ -29,12 +29,13 @@ declare class TextEditorController {
     view?: EditorView;
     prosemirrorParser: DOMParser;
     prosemirrorSerializer: DOMSerializer;
+    element?: HTMLElement;
     get value(): string;
     set value(value: string);
     constructor(props?: TextEditorControllerProps);
     toInnerHTML(value: string): string;
     attachFile(files: File[]): Promise<void>;
-    bind(container: HTMLElement): void;
+    bind(element: HTMLElement): void;
     toHTML(): string;
     toTextContent(): string;
     get commands(): {
@@ -48,6 +49,8 @@ declare class TextEditorController {
         }) => void;
         wrapInList: (listType: string, attrs?: prosemirror_model.Attrs | null) => void;
         clear: () => void;
+        undo: () => void;
+        redo: () => void;
         attachFile: (files: File[]) => void;
     };
     dispose(): void;

package/dist/text_editor_controller.js

@@ -834,6 +834,7 @@ function createAttachFile({
 // src/commands.tsx
 var commands = __toESM(require("prosemirror-commands"));
 var schemaList = __toESM(require("prosemirror-schema-list"));
+var history = __toESM(require("prosemirror-history"));
 var createCommands = (schema, view, options = {}) => {
   {
     const isBlockTypeActive = (node, attrs, excludes = []) => {
@@ -890,6 +891,14 @@ var createCommands = (schema, view, options = {}) => {
       );
       view.dispatch(tr);
     };
+    const undo3 = () => {
+      view.focus();
+      history.undo(view.state, view.dispatch);
+    };
+    const redo3 = () => {
+      view.focus();
+      history.redo(view.state, view.dispatch);
+    };
     return {
       isBlockTypeActive,
       setBlockType: setBlockType2,
@@ -897,6 +906,8 @@ var createCommands = (schema, view, options = {}) => {
       toggleMark: toggleMark2,
       wrapInList: wrapInList2,
       clear,
+      undo: undo3,
+      redo: redo3,
       attachFile: (files) => {
         options.attachFile?.(view, files);
       }
@@ -915,6 +926,7 @@ var TextEditorController = class {
   view;
   prosemirrorParser;
   prosemirrorSerializer;
+  element;
   get value() {
     if (this.props.mode === "text") {
       return this.toTextContent();
@@ -952,12 +964,13 @@ var TextEditorController = class {
       uploadFile: this.props.attachFile?.uploadFile
     })(this.view, files);
   }
-  bind(container) {
+  bind(element) {
+    this.element = element;
     const wrapper = document.createElement("div");
     wrapper.innerHTML = this.toInnerHTML(
       this.props.defaultValue ? String(this.props.defaultValue) : ""
     );
-    this.view = new import_prosemirror_view4.EditorView(container, {
+    this.view = new import_prosemirror_view4.EditorView(element, {
       ...this.props.editor,
       attributes: (state) => {
         const propsAttributes = (() => {
@@ -1031,7 +1044,7 @@ var TextEditorController = class {
     this.view?.destroy();
   }
 };
-var configTextEditorController = (options = {}) => {
+var configTextEditorController = (options = {} = {}) => {
   return (props) => new TextEditorController({
     ...props,
     className: props.className || options.className,

package/dist/text_editor_controller.mjs

@@ -133,7 +133,7 @@ function placeholderPlugin(text) {
 }
 
 // src/text_editor_controller.tsx
-import { history } from "prosemirror-history";
+import { history as history2 } from "prosemirror-history";
 
 // src/plugins/keymap.tsx
 import { TextSelection } from "prosemirror-state";
@@ -801,6 +801,7 @@ function createAttachFile({
 // src/commands.tsx
 import * as commands from "prosemirror-commands";
 import * as schemaList from "prosemirror-schema-list";
+import * as history from "prosemirror-history";
 var createCommands = (schema, view, options = {}) => {
   {
     const isBlockTypeActive = (node, attrs, excludes = []) => {
@@ -857,6 +858,14 @@ var createCommands = (schema, view, options = {}) => {
       );
       view.dispatch(tr);
     };
+    const undo3 = () => {
+      view.focus();
+      history.undo(view.state, view.dispatch);
+    };
+    const redo3 = () => {
+      view.focus();
+      history.redo(view.state, view.dispatch);
+    };
     return {
       isBlockTypeActive,
       setBlockType: setBlockType2,
@@ -864,6 +873,8 @@ var createCommands = (schema, view, options = {}) => {
       toggleMark: toggleMark2,
       wrapInList: wrapInList2,
       clear,
+      undo: undo3,
+      redo: redo3,
       attachFile: (files) => {
         options.attachFile?.(view, files);
       }
@@ -882,6 +893,7 @@ var TextEditorController = class {
   view;
   prosemirrorParser;
   prosemirrorSerializer;
+  element;
   get value() {
     if (this.props.mode === "text") {
       return this.toTextContent();
@@ -919,12 +931,13 @@ var TextEditorController = class {
       uploadFile: this.props.attachFile?.uploadFile
     })(this.view, files);
   }
-  bind(container) {
+  bind(element) {
+    this.element = element;
     const wrapper = document.createElement("div");
     wrapper.innerHTML = this.toInnerHTML(
       this.props.defaultValue ? String(this.props.defaultValue) : ""
     );
-    this.view = new EditorView3(container, {
+    this.view = new EditorView3(element, {
       ...this.props.editor,
       attributes: (state) => {
         const propsAttributes = (() => {
@@ -946,7 +959,7 @@ var TextEditorController = class {
         doc: this.props.state?.doc || this.prosemirrorParser.parse(wrapper),
         plugins: [
           ...this.props.state?.plugins || [],
-          history({
+          history2({
             newGroupDelay: this.props.updateDelay
           }),
           keymap(buildKeymap(this.schema)),
@@ -998,7 +1011,7 @@ var TextEditorController = class {
     this.view?.destroy();
   }
 };
-var configTextEditorController = (options = {}) => {
+var configTextEditorController = (options = {} = {}) => {
   return (props) => new TextEditorController({
     ...props,
     className: props.className || options.className,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dn-react-text-editor",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.mjs",
   "module": "./dist/index.js",