dn-react-text-editor 0.3.7 → 0.3.10

package/dist/index.d.mts

@@ -5,6 +5,7 @@ export { createInnerHTML, createTextEditorView } from './html.mjs';
 export { ConfigTextEditorOptions, TextEditorController, TextEditorControllerProps, configTextEditorController } from './text_editor_controller.mjs';
 import 'react/jsx-runtime';
 import 'react';
+import './input.mjs';
 import 'orderedmap';
 import 'prosemirror-model';
 import 'prosemirror-view';

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export { createInnerHTML, createTextEditorView } from './html.js';
 export { ConfigTextEditorOptions, TextEditorController, TextEditorControllerProps, configTextEditorController } from './text_editor_controller.js';
 import 'react/jsx-runtime';
 import 'react';
+import './input.js';
 import 'orderedmap';
 import 'prosemirror-model';
 import 'prosemirror-view';

package/dist/index.js

@@ -55,11 +55,10 @@ function TextEditorInput({ controller, onChange, ...props }) {
       (0, import_rxjs.filter)((tr) => tr.docChanged),
       (0, import_rxjs.debounceTime)(controller.props.updateDelay || 0)
     ).subscribe(() => {
-      if (inputRef.current) {
-        inputRef.current.value = controller.value;
-        const event = new Event("input", { bubbles: true });
-        inputRef.current.dispatchEvent(event);
-      }
+      const input = inputRef.current;
+      if (!input) return;
+      input.value = controller.value;
+      onChange?.(controller.value);
     });
     return () => {
       sub.unsubscribe();
@@ -71,7 +70,6 @@ function TextEditorInput({ controller, onChange, ...props }) {
       ...props,
       ref: inputRef,
       type: "hidden",
-      onInput: onChange,
       defaultValue: controller.props.defaultValue
     }
   );
@@ -989,7 +987,7 @@ var TextEditorController = class {
     this.view.dispatch(tr);
   }
   constructor(props = {}) {
-    this.schema = createSchema();
+    this.schema = props.schema || createSchema();
     this.props = props;
     this.subject = new import_rxjs2.Subject();
     this.prosemirrorParser = import_prosemirror_model3.DOMParser.fromSchema(this.schema);
@@ -1131,7 +1129,7 @@ function TextEditor({
     []
   );
   (0, import_react2.useImperativeHandle)(ref, () => controller, [controller]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react2.useLayoutEffect)(() => {
     const container = containerRef.current;
     if (!container) {
       return;

package/dist/index.mjs

@@ -1,9 +1,10 @@
 // src/text_editor.tsx
 import {
   useImperativeHandle,
+  useLayoutEffect,
   useMemo
 } from "react";
-import { useEffect as useEffect2, useRef as useRef2 } from "react";
+import { useRef as useRef2 } from "react";
 
 // src/input.tsx
 import {
@@ -19,11 +20,10 @@ function TextEditorInput({ controller, onChange, ...props }) {
       filter((tr) => tr.docChanged),
       debounceTime(controller.props.updateDelay || 0)
     ).subscribe(() => {
-      if (inputRef.current) {
-        inputRef.current.value = controller.value;
-        const event = new Event("input", { bubbles: true });
-        inputRef.current.dispatchEvent(event);
-      }
+      const input = inputRef.current;
+      if (!input) return;
+      input.value = controller.value;
+      onChange?.(controller.value);
     });
     return () => {
       sub.unsubscribe();
@@ -35,7 +35,6 @@ function TextEditorInput({ controller, onChange, ...props }) {
       ...props,
       ref: inputRef,
       type: "hidden",
-      onInput: onChange,
       defaultValue: controller.props.defaultValue
     }
   );
@@ -955,7 +954,7 @@ var TextEditorController = class {
     this.view.dispatch(tr);
   }
   constructor(props = {}) {
-    this.schema = createSchema();
+    this.schema = props.schema || createSchema();
     this.props = props;
     this.subject = new Subject();
     this.prosemirrorParser = DOMParser.fromSchema(this.schema);
@@ -1097,7 +1096,7 @@ function TextEditor({
     []
   );
   useImperativeHandle(ref, () => controller, [controller]);
-  useEffect2(() => {
+  useLayoutEffect(() => {
     const container = containerRef.current;
     if (!container) {
       return;

package/dist/input.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { DetailedHTMLProps, HTMLAttributes, ChangeEvent } from 'react';
+import { DetailedHTMLProps, HTMLAttributes } from 'react';
 import { TextEditorController } from './text_editor_controller.mjs';
 import 'prosemirror-model';
 import 'prosemirror-state';
@@ -9,10 +9,10 @@ import './schema.mjs';
 import 'orderedmap';
 import 'rxjs';
 
-type Props = Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+type Props = Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | "onChange"> & {
     controller: TextEditorController;
     name?: string;
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (value: string) => void;
 };
 declare function TextEditorInput({ controller, onChange, ...props }: Props): react_jsx_runtime.JSX.Element;
 

package/dist/input.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { DetailedHTMLProps, HTMLAttributes, ChangeEvent } from 'react';
+import { DetailedHTMLProps, HTMLAttributes } from 'react';
 import { TextEditorController } from './text_editor_controller.js';
 import 'prosemirror-model';
 import 'prosemirror-state';
@@ -9,10 +9,10 @@ import './schema.js';
 import 'orderedmap';
 import 'rxjs';
 
-type Props = Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+type Props = Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | "onChange"> & {
     controller: TextEditorController;
     name?: string;
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (value: string) => void;
 };
 declare function TextEditorInput({ controller, onChange, ...props }: Props): react_jsx_runtime.JSX.Element;
 

package/dist/input.js

@@ -33,11 +33,10 @@ function TextEditorInput({ controller, onChange, ...props }) {
       (0, import_rxjs.filter)((tr) => tr.docChanged),
       (0, import_rxjs.debounceTime)(controller.props.updateDelay || 0)
     ).subscribe(() => {
-      if (inputRef.current) {
-        inputRef.current.value = controller.value;
-        const event = new Event("input", { bubbles: true });
-        inputRef.current.dispatchEvent(event);
-      }
+      const input = inputRef.current;
+      if (!input) return;
+      input.value = controller.value;
+      onChange?.(controller.value);
     });
     return () => {
       sub.unsubscribe();
@@ -49,7 +48,6 @@ function TextEditorInput({ controller, onChange, ...props }) {
       ...props,
       ref: inputRef,
       type: "hidden",
-      onInput: onChange,
       defaultValue: controller.props.defaultValue
     }
   );

package/dist/input.mjs

@@ -12,11 +12,10 @@ function TextEditorInput({ controller, onChange, ...props }) {
       filter((tr) => tr.docChanged),
       debounceTime(controller.props.updateDelay || 0)
     ).subscribe(() => {
-      if (inputRef.current) {
-        inputRef.current.value = controller.value;
-        const event = new Event("input", { bubbles: true });
-        inputRef.current.dispatchEvent(event);
-      }
+      const input = inputRef.current;
+      if (!input) return;
+      input.value = controller.value;
+      onChange?.(controller.value);
     });
     return () => {
       sub.unsubscribe();
@@ -28,7 +27,6 @@ function TextEditorInput({ controller, onChange, ...props }) {
       ...props,
       ref: inputRef,
       type: "hidden",
-      onInput: onChange,
       defaultValue: controller.props.defaultValue
     }
   );

package/dist/plugins/upload_placeholder.d.mts

@@ -1,4 +1,4 @@
-import { Plugin, EditorState } from 'prosemirror-state';
+import { EditorState, Plugin } from 'prosemirror-state';
 import { DecorationSet } from 'prosemirror-view';
 
 declare const uploadPlaceholderPlugin: Plugin<DecorationSet>;

package/dist/plugins/upload_placeholder.d.ts

@@ -1,4 +1,4 @@
-import { Plugin, EditorState } from 'prosemirror-state';
+import { EditorState, Plugin } from 'prosemirror-state';
 import { DecorationSet } from 'prosemirror-view';
 
 declare const uploadPlaceholderPlugin: Plugin<DecorationSet>;

package/dist/text_editor.d.mts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { DetailedHTMLProps, InputHTMLAttributes, Ref } from 'react';
+import { TextEditorInput } from './input.mjs';
 import { TextEditorController, TextEditorControllerProps } from './text_editor_controller.mjs';
 import 'prosemirror-model';
 import 'prosemirror-state';
@@ -10,9 +11,10 @@ import 'orderedmap';
 import 'rxjs';
 
 type HTMLElementProps = DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
-type TextEditorProps = Omit<HTMLElementProps, "ref"> & {
+type TextEditorProps = Omit<HTMLElementProps, "ref" | "onChange"> & {
     name?: string;
     ref?: Ref<TextEditorController>;
+    onChange?: Parameters<typeof TextEditorInput>[0]["onChange"];
 } & TextEditorControllerProps;
 declare function TextEditor({ ref, name, className, autoFocus, onChange, mode, state, editor, defaultValue, updateDelay, placeholder, attachFile, style, ...props }?: TextEditorProps): react_jsx_runtime.JSX.Element;
 

package/dist/text_editor.d.ts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { DetailedHTMLProps, InputHTMLAttributes, Ref } from 'react';
+import { TextEditorInput } from './input.js';
 import { TextEditorController, TextEditorControllerProps } from './text_editor_controller.js';
 import 'prosemirror-model';
 import 'prosemirror-state';
@@ -10,9 +11,10 @@ import 'orderedmap';
 import 'rxjs';
 
 type HTMLElementProps = DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
-type TextEditorProps = Omit<HTMLElementProps, "ref"> & {
+type TextEditorProps = Omit<HTMLElementProps, "ref" | "onChange"> & {
     name?: string;
     ref?: Ref<TextEditorController>;
+    onChange?: Parameters<typeof TextEditorInput>[0]["onChange"];
 } & TextEditorControllerProps;
 declare function TextEditor({ ref, name, className, autoFocus, onChange, mode, state, editor, defaultValue, updateDelay, placeholder, attachFile, style, ...props }?: TextEditorProps): react_jsx_runtime.JSX.Element;
 

package/dist/text_editor.js

@@ -47,11 +47,10 @@ function TextEditorInput({ controller, onChange, ...props }) {
       (0, import_rxjs.filter)((tr) => tr.docChanged),
       (0, import_rxjs.debounceTime)(controller.props.updateDelay || 0)
     ).subscribe(() => {
-      if (inputRef.current) {
-        inputRef.current.value = controller.value;
-        const event = new Event("input", { bubbles: true });
-        inputRef.current.dispatchEvent(event);
-      }
+      const input = inputRef.current;
+      if (!input) return;
+      input.value = controller.value;
+      onChange?.(controller.value);
     });
     return () => {
       sub.unsubscribe();
@@ -63,7 +62,6 @@ function TextEditorInput({ controller, onChange, ...props }) {
       ...props,
       ref: inputRef,
       type: "hidden",
-      onInput: onChange,
       defaultValue: controller.props.defaultValue
     }
   );
@@ -981,7 +979,7 @@ var TextEditorController = class {
     this.view.dispatch(tr);
   }
   constructor(props = {}) {
-    this.schema = createSchema();
+    this.schema = props.schema || createSchema();
     this.props = props;
     this.subject = new import_rxjs2.Subject();
     this.prosemirrorParser = import_prosemirror_model3.DOMParser.fromSchema(this.schema);
@@ -1115,7 +1113,7 @@ function TextEditor({
     []
   );
   (0, import_react2.useImperativeHandle)(ref, () => controller, [controller]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react2.useLayoutEffect)(() => {
     const container = containerRef.current;
     if (!container) {
       return;

package/dist/text_editor.mjs

@@ -1,9 +1,10 @@
 // src/text_editor.tsx
 import {
   useImperativeHandle,
+  useLayoutEffect,
   useMemo
 } from "react";
-import { useEffect as useEffect2, useRef as useRef2 } from "react";
+import { useRef as useRef2 } from "react";
 
 // src/input.tsx
 import {
@@ -19,11 +20,10 @@ function TextEditorInput({ controller, onChange, ...props }) {
       filter((tr) => tr.docChanged),
       debounceTime(controller.props.updateDelay || 0)
     ).subscribe(() => {
-      if (inputRef.current) {
-        inputRef.current.value = controller.value;
-        const event = new Event("input", { bubbles: true });
-        inputRef.current.dispatchEvent(event);
-      }
+      const input = inputRef.current;
+      if (!input) return;
+      input.value = controller.value;
+      onChange?.(controller.value);
     });
     return () => {
       sub.unsubscribe();
@@ -35,7 +35,6 @@ function TextEditorInput({ controller, onChange, ...props }) {
       ...props,
       ref: inputRef,
       type: "hidden",
-      onInput: onChange,
       defaultValue: controller.props.defaultValue
     }
   );
@@ -955,7 +954,7 @@ var TextEditorController = class {
     this.view.dispatch(tr);
   }
   constructor(props = {}) {
-    this.schema = createSchema();
+    this.schema = props.schema || createSchema();
     this.props = props;
     this.subject = new Subject();
     this.prosemirrorParser = DOMParser.fromSchema(this.schema);
@@ -1089,7 +1088,7 @@ function TextEditor({
     []
   );
   useImperativeHandle(ref, () => controller, [controller]);
-  useEffect2(() => {
+  useLayoutEffect(() => {
     const container = containerRef.current;
     if (!container) {
       return;

package/dist/text_editor_controller.d.mts

@@ -8,6 +8,7 @@ import './schema.mjs';
 import 'orderedmap';
 
 type TextEditorControllerProps = {
+    schema?: Schema;
     mode?: "html" | "text";
     state?: Partial<EditorStateConfig>;
     editor?: Partial<DirectEditorProps>;

package/dist/text_editor_controller.d.ts

@@ -8,6 +8,7 @@ import './schema.js';
 import 'orderedmap';
 
 type TextEditorControllerProps = {
+    schema?: Schema;
     mode?: "html" | "text";
     state?: Partial<EditorStateConfig>;
     editor?: Partial<DirectEditorProps>;

package/dist/text_editor_controller.js

@@ -945,7 +945,7 @@ var TextEditorController = class {
     this.view.dispatch(tr);
   }
   constructor(props = {}) {
-    this.schema = createSchema();
+    this.schema = props.schema || createSchema();
     this.props = props;
     this.subject = new import_rxjs.Subject();
     this.prosemirrorParser = import_prosemirror_model3.DOMParser.fromSchema(this.schema);

package/dist/text_editor_controller.mjs

@@ -912,7 +912,7 @@ var TextEditorController = class {
     this.view.dispatch(tr);
   }
   constructor(props = {}) {
-    this.schema = createSchema();
+    this.schema = props.schema || createSchema();
     this.props = props;
     this.subject = new Subject();
     this.prosemirrorParser = DOMParser.fromSchema(this.schema);

package/package.json

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