dn-react-text-editor 0.3.7 → 0.3.9

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
     }
   );
@@ -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
     }
   );
@@ -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
     }
   );
@@ -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
     }
   );
@@ -1089,7 +1088,7 @@ function TextEditor({
     []
   );
   useImperativeHandle(ref, () => controller, [controller]);
-  useEffect2(() => {
+  useLayoutEffect(() => {
     const container = containerRef.current;
     if (!container) {
       return;

package/package.json

@@ -1,59 +1,59 @@
 {
-  "name": "dn-react-text-editor",
-  "version": "0.3.7",
-  "types": "./dist/index.d.ts",
-  "main": "./dist/index.mjs",
-  "module": "./dist/index.js",
-  "sideEffects": false,
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+    "name": "dn-react-text-editor",
+    "version": "0.3.9",
+    "types": "./dist/index.d.ts",
+    "main": "./dist/index.mjs",
+    "module": "./dist/index.js",
+    "sideEffects": false,
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "import": "./dist/index.mjs",
+            "require": "./dist/index.js"
+        },
+        "./prosemirror": {
+            "types": "./dist/prosemirror/index.d.ts",
+            "import": "./dist/prosemirror/index.mjs",
+            "require": "./dist/prosemirror/index.js"
+        }
     },
-    "./prosemirror": {
-      "types": "./dist/prosemirror/index.d.ts",
-      "import": "./dist/prosemirror/index.mjs",
-      "require": "./dist/prosemirror/index.js"
+    "scripts": {
+        "build": "NODE_OPTIONS='--max-old-space-size=16384' tsup",
+        "dev": "tsup --watch"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/dndnsoft/dn-react-text-editor.git"
+    },
+    "author": "",
+    "license": "MIT",
+    "bugs": {
+        "url": "https://github.com/dndnsoft/dn-react-text-editor/issues"
+    },
+    "homepage": "https://github.com/dndnsoft/dn-react-text-editor#readme",
+    "description": "",
+    "devDependencies": {
+        "@types/node": "^24.10.1",
+        "@types/react": "^19",
+        "@types/react-dom": "^19",
+        "tsup": "^8.5.1",
+        "typescript": "^5.7.3"
+    },
+    "peerDependencies": {
+        "react": "^19",
+        "react-dom": "^19"
+    },
+    "dependencies": {
+        "highlight.js": "^11.11.1",
+        "html-entities": "^2.6.0",
+        "prosemirror-commands": "^1.7.1",
+        "prosemirror-highlightjs": "^0.9.1",
+        "prosemirror-history": "^1.5.0",
+        "prosemirror-keymap": "^1.2.3",
+        "prosemirror-model": "^1.25.4",
+        "prosemirror-schema-list": "^1.5.1",
+        "prosemirror-state": "^1.4.4",
+        "prosemirror-view": "^1.41.3",
+        "rxjs": "^7.8.2"
     }
-  },
-  "scripts": {
-    "build": "NODE_OPTIONS='--max-old-space-size=16384' tsup",
-    "dev": "tsup --watch"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/dndnsoft/dn-react-text-editor.git"
-  },
-  "author": "",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/dndnsoft/dn-react-text-editor/issues"
-  },
-  "homepage": "https://github.com/dndnsoft/dn-react-text-editor#readme",
-  "description": "",
-  "devDependencies": {
-    "@types/node": "^24.10.1",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "tsup": "^8.5.1",
-    "typescript": "^5.7.3"
-  },
-  "peerDependencies": {
-    "react": "^19",
-    "react-dom": "^19"
-  },
-  "dependencies": {
-    "highlight.js": "^11.11.1",
-    "html-entities": "^2.6.0",
-    "prosemirror-commands": "^1.7.1",
-    "prosemirror-highlightjs": "^0.9.1",
-    "prosemirror-history": "^1.5.0",
-    "prosemirror-keymap": "^1.2.3",
-    "prosemirror-model": "^1.25.4",
-    "prosemirror-schema-list": "^1.5.1",
-    "prosemirror-state": "^1.4.4",
-    "prosemirror-view": "^1.41.3",
-    "rxjs": "^7.8.2"
-  }
-}
+}