dn-react-text-editor 0.2.4 → 0.3.0

package/dist/input.d.mts

@@ -1,21 +1,19 @@
-import React, { DetailedHTMLProps, HTMLAttributes, RefObject } from 'react';
-import { TextEditorController } from './create_text_editor.mjs';
+import React, { DetailedHTMLProps, HTMLAttributes } from 'react';
+import { TextEditorController } from './text_editor_controller.mjs';
+import 'prosemirror-model';
 import 'prosemirror-state';
 import 'prosemirror-view';
+import './attach_file.mjs';
 import './schema.mjs';
 import 'orderedmap';
-import 'prosemirror-model';
 import 'rxjs';
-import './commands.mjs';
-import './attach_file.mjs';
-import './text_editor_controller.mjs';
 
 type Props = Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref: RefObject<TextEditorController | null>;
+    controller: TextEditorController;
     updateDelay?: number;
     name?: string;
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 };
-declare function TextEditorInput({ ref, onChange, updateDelay, ...props }: Props): React.JSX.Element;
+declare function TextEditorInput({ controller, onChange, updateDelay, ...props }: Props): React.JSX.Element;
 
 export { TextEditorInput };

package/dist/input.d.ts

@@ -1,21 +1,19 @@
-import React, { DetailedHTMLProps, HTMLAttributes, RefObject } from 'react';
-import { TextEditorController } from './create_text_editor.js';
+import React, { DetailedHTMLProps, HTMLAttributes } from 'react';
+import { TextEditorController } from './text_editor_controller.js';
+import 'prosemirror-model';
 import 'prosemirror-state';
 import 'prosemirror-view';
+import './attach_file.js';
 import './schema.js';
 import 'orderedmap';
-import 'prosemirror-model';
 import 'rxjs';
-import './commands.js';
-import './attach_file.js';
-import './text_editor_controller.js';
 
 type Props = Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref: RefObject<TextEditorController | null>;
+    controller: TextEditorController;
     updateDelay?: number;
     name?: string;
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 };
-declare function TextEditorInput({ ref, onChange, updateDelay, ...props }: Props): React.JSX.Element;
+declare function TextEditorInput({ controller, onChange, updateDelay, ...props }: Props): React.JSX.Element;
 
 export { TextEditorInput };

package/dist/input.js

@@ -36,17 +36,13 @@ module.exports = __toCommonJS(input_exports);
 var import_react = __toESM(require("react"));
 var import_rxjs = require("rxjs");
 function TextEditorInput({
-  ref,
+  controller,
   onChange,
   updateDelay = 0,
   ...props
 }) {
   const inputRef = import_react.default.useRef(null);
   (0, import_react.useEffect)(() => {
-    const controller = ref.current;
-    if (!controller) {
-      return;
-    }
     const sub = controller.subject.pipe(
       (0, import_rxjs.filter)((tr) => tr.docChanged),
       (0, import_rxjs.debounceTime)(updateDelay)
@@ -59,7 +55,6 @@ function TextEditorInput({
     });
     return () => {
       sub.unsubscribe();
-      controller.view.destroy();
     };
   }, []);
   return /* @__PURE__ */ import_react.default.createElement("input", { ...props, ref: inputRef, type: "hidden", onInput: onChange });

package/dist/input.mjs

@@ -4,17 +4,13 @@ import React, {
 } from "react";
 import { debounceTime, filter } from "rxjs";
 function TextEditorInput({
-  ref,
+  controller,
   onChange,
   updateDelay = 0,
   ...props
 }) {
   const inputRef = React.useRef(null);
   useEffect(() => {
-    const controller = ref.current;
-    if (!controller) {
-      return;
-    }
     const sub = controller.subject.pipe(
       filter((tr) => tr.docChanged),
       debounceTime(updateDelay)
@@ -27,7 +23,6 @@ function TextEditorInput({
     });
     return () => {
       sub.unsubscribe();
-      controller.view.destroy();
     };
   }, []);
   return /* @__PURE__ */ React.createElement("input", { ...props, ref: inputRef, type: "hidden", onInput: onChange });

package/dist/text_editor_controller.d.mts

@@ -1,5 +1,5 @@
 import * as prosemirror_model from 'prosemirror-model';
-import { Schema } from 'prosemirror-model';
+import { Schema, DOMParser, DOMSerializer } from 'prosemirror-model';
 import { EditorStateConfig, Transaction } from 'prosemirror-state';
 import { DirectEditorProps, EditorView } from 'prosemirror-view';
 import { GenerateMetadata, UploadFile } from './attach_file.mjs';
@@ -7,14 +7,6 @@ import { Subject } from 'rxjs';
 import './schema.mjs';
 import 'orderedmap';
 
-type TextEditorControllerProps = {
-    mode?: "html" | "text";
-    state?: Partial<EditorStateConfig>;
-    editor?: Partial<DirectEditorProps>;
-    defaultValue?: string | readonly string[] | number;
-    updateDelay?: number;
-    placeholder?: string;
-};
 type CreateTextEditorOptions = {
     className?: string;
     style?: string;
@@ -23,12 +15,32 @@ type CreateTextEditorOptions = {
         uploadFile?: UploadFile;
     };
 };
-declare function createTextEditorController(container: HTMLElement, schema: Schema, options: CreateTextEditorOptions, { mode, state, editor, defaultValue, updateDelay, placeholder, }: TextEditorControllerProps): {
-    schema: Schema<any, any>;
-    view: EditorView;
+type TextEditorControllerProps = {
+    mode?: "html" | "text";
+    state?: Partial<EditorStateConfig>;
+    editor?: Partial<DirectEditorProps>;
+    defaultValue?: string | readonly string[] | number;
+    updateDelay?: number;
+    placeholder?: string;
+    autoFocus?: boolean;
+};
+declare class TextEditorController {
+    schema: Schema;
+    options: CreateTextEditorOptions;
+    props: TextEditorControllerProps;
     subject: Subject<Transaction>;
-    value: string;
-    commands: {
+    view?: EditorView;
+    prosemirrorParser: DOMParser;
+    prosemirrorSerializer: DOMSerializer;
+    get value(): string;
+    set value(value: string);
+    constructor(options?: CreateTextEditorOptions, props?: TextEditorControllerProps);
+    toInnerHTML(value: string): string;
+    attachFile(files: File[]): Promise<void>;
+    bind(container: HTMLElement): void;
+    toHTML(): string;
+    toTextContent(): string;
+    get commands(): {
         isBlockTypeActive: (node: prosemirror_model.NodeType, attrs?: prosemirror_model.Attrs | null, excludes?: prosemirror_model.NodeType[]) => false | undefined;
         setBlockType: (node: string, attrs?: prosemirror_model.Attrs | null) => void;
         toggleBlockType: (node: string, attrs?: prosemirror_model.Attrs | null) => void;
@@ -41,6 +53,7 @@ declare function createTextEditorController(container: HTMLElement, schema: Sche
         clear: () => void;
         attachFile: (files: File[]) => void;
     };
-};
+    dispose(): void;
+}
 
-export { type CreateTextEditorOptions, type TextEditorControllerProps, createTextEditorController };
+export { type CreateTextEditorOptions, TextEditorController, type TextEditorControllerProps };

package/dist/text_editor_controller.d.ts

@@ -1,5 +1,5 @@
 import * as prosemirror_model from 'prosemirror-model';
-import { Schema } from 'prosemirror-model';
+import { Schema, DOMParser, DOMSerializer } from 'prosemirror-model';
 import { EditorStateConfig, Transaction } from 'prosemirror-state';
 import { DirectEditorProps, EditorView } from 'prosemirror-view';
 import { GenerateMetadata, UploadFile } from './attach_file.js';
@@ -7,14 +7,6 @@ import { Subject } from 'rxjs';
 import './schema.js';
 import 'orderedmap';
 
-type TextEditorControllerProps = {
-    mode?: "html" | "text";
-    state?: Partial<EditorStateConfig>;
-    editor?: Partial<DirectEditorProps>;
-    defaultValue?: string | readonly string[] | number;
-    updateDelay?: number;
-    placeholder?: string;
-};
 type CreateTextEditorOptions = {
     className?: string;
     style?: string;
@@ -23,12 +15,32 @@ type CreateTextEditorOptions = {
         uploadFile?: UploadFile;
     };
 };
-declare function createTextEditorController(container: HTMLElement, schema: Schema, options: CreateTextEditorOptions, { mode, state, editor, defaultValue, updateDelay, placeholder, }: TextEditorControllerProps): {
-    schema: Schema<any, any>;
-    view: EditorView;
+type TextEditorControllerProps = {
+    mode?: "html" | "text";
+    state?: Partial<EditorStateConfig>;
+    editor?: Partial<DirectEditorProps>;
+    defaultValue?: string | readonly string[] | number;
+    updateDelay?: number;
+    placeholder?: string;
+    autoFocus?: boolean;
+};
+declare class TextEditorController {
+    schema: Schema;
+    options: CreateTextEditorOptions;
+    props: TextEditorControllerProps;
     subject: Subject<Transaction>;
-    value: string;
-    commands: {
+    view?: EditorView;
+    prosemirrorParser: DOMParser;
+    prosemirrorSerializer: DOMSerializer;
+    get value(): string;
+    set value(value: string);
+    constructor(options?: CreateTextEditorOptions, props?: TextEditorControllerProps);
+    toInnerHTML(value: string): string;
+    attachFile(files: File[]): Promise<void>;
+    bind(container: HTMLElement): void;
+    toHTML(): string;
+    toTextContent(): string;
+    get commands(): {
         isBlockTypeActive: (node: prosemirror_model.NodeType, attrs?: prosemirror_model.Attrs | null, excludes?: prosemirror_model.NodeType[]) => false | undefined;
         setBlockType: (node: string, attrs?: prosemirror_model.Attrs | null) => void;
         toggleBlockType: (node: string, attrs?: prosemirror_model.Attrs | null) => void;
@@ -41,6 +53,7 @@ declare function createTextEditorController(container: HTMLElement, schema: Sche
         clear: () => void;
         attachFile: (files: File[]) => void;
     };
-};
+    dispose(): void;
+}
 
-export { type CreateTextEditorOptions, type TextEditorControllerProps, createTextEditorController };
+export { type CreateTextEditorOptions, TextEditorController, type TextEditorControllerProps };