dn-react-text-editor 0.1.1 → 0.2.0

package/dist/commands.mjs

@@ -0,0 +1,75 @@
+// src/commands.tsx
+import * as commands from "prosemirror-commands";
+import * as schemaList from "prosemirror-schema-list";
+var createCommands = (schema, view, options = {}) => {
+  {
+    const isBlockTypeActive = (node, attrs, excludes = []) => {
+      const state = view.state;
+      const ranges = state.selection.ranges;
+      let active = false;
+      for (const range of ranges) {
+        const { $from, $to } = range;
+        state.doc.nodesBetween($from.pos, $to.pos, (n) => {
+          if (active) {
+            return true;
+          }
+          if (n.type !== node || excludes.includes(n.type)) {
+            return;
+          }
+          if (!attrs || Object.keys(attrs).every((key) => n.attrs[key] === attrs[key])) {
+            active = true;
+          }
+        });
+        return active;
+      }
+    };
+    const setBlockType2 = (node, attrs) => {
+      view.focus();
+      const nodeType = schema.nodes[node];
+      const command = commands.setBlockType(nodeType, attrs);
+      command(view.state, view.dispatch);
+    };
+    const toggleBlockType = (node, attrs) => {
+      view.focus();
+      const nodeType = schema.nodes[node];
+      const command = commands.setBlockType(nodeType, attrs);
+      if (isBlockTypeActive(nodeType, attrs)) {
+        command(view.state, view.dispatch);
+      }
+    };
+    const toggleMark2 = (mark, attrs, options2) => {
+      view.focus();
+      const markType = schema.marks[mark];
+      const command = commands.toggleMark(markType, attrs, options2);
+      command(view.state, view.dispatch);
+    };
+    const wrapInList2 = (listType, attrs) => {
+      view.focus();
+      const nodeType = schema.nodes[listType];
+      const command = schemaList.wrapInList(nodeType, attrs);
+      command(view.state, view.dispatch);
+    };
+    const clear = () => {
+      const tr = view.state.tr.replaceWith(
+        0,
+        view.state.doc.content.size,
+        schema.nodes.doc.createAndFill()
+      );
+      view.dispatch(tr);
+    };
+    return {
+      isBlockTypeActive,
+      setBlockType: setBlockType2,
+      toggleBlockType,
+      toggleMark: toggleMark2,
+      wrapInList: wrapInList2,
+      clear,
+      attachFile: (files) => {
+        options.attachFile?.(view, files);
+      }
+    };
+  }
+};
+export {
+  createCommands
+};

package/dist/create_text_editor.d.mts

@@ -0,0 +1,28 @@
+import React, { DetailedHTMLProps, InputHTMLAttributes, Ref } from 'react';
+import { Transaction } from 'prosemirror-state';
+import { EditorView } from 'prosemirror-view';
+import { createSchema } from './schema.mjs';
+import { Subject } from 'rxjs';
+import { createCommands } from './commands.mjs';
+import { TextEditorControllerProps, CreateTextEditorOptions } from './text_editor_controller.mjs';
+import 'orderedmap';
+import 'prosemirror-model';
+import './attach_file.mjs';
+
+type TextEditorController = {
+    schema: ReturnType<typeof createSchema>;
+    view: EditorView;
+    subject: Subject<Transaction>;
+    set value(value: string);
+    get value(): string;
+} & {
+    commands: ReturnType<typeof createCommands>;
+};
+type HTMLElementProps = DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+type TextEditorProps = Omit<HTMLElementProps, "ref"> & {
+    ref?: Ref<TextEditorController>;
+    name?: string;
+} & TextEditorControllerProps;
+declare function createTextEditor(options?: CreateTextEditorOptions): ({ ref, className, autoFocus, placeholder, defaultValue, onChange, updateDelay, ...props }?: TextEditorProps) => React.JSX.Element;
+
+export { type TextEditorController, type TextEditorProps, createTextEditor };

package/dist/create_text_editor.d.ts

@@ -0,0 +1,28 @@
+import React, { DetailedHTMLProps, InputHTMLAttributes, Ref } from 'react';
+import { Transaction } from 'prosemirror-state';
+import { EditorView } from 'prosemirror-view';
+import { createSchema } from './schema.js';
+import { Subject } from 'rxjs';
+import { createCommands } from './commands.js';
+import { TextEditorControllerProps, CreateTextEditorOptions } from './text_editor_controller.js';
+import 'orderedmap';
+import 'prosemirror-model';
+import './attach_file.js';
+
+type TextEditorController = {
+    schema: ReturnType<typeof createSchema>;
+    view: EditorView;
+    subject: Subject<Transaction>;
+    set value(value: string);
+    get value(): string;
+} & {
+    commands: ReturnType<typeof createCommands>;
+};
+type HTMLElementProps = DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+type TextEditorProps = Omit<HTMLElementProps, "ref"> & {
+    ref?: Ref<TextEditorController>;
+    name?: string;
+} & TextEditorControllerProps;
+declare function createTextEditor(options?: CreateTextEditorOptions): ({ ref, className, autoFocus, placeholder, defaultValue, onChange, updateDelay, ...props }?: TextEditorProps) => React.JSX.Element;
+
+export { type TextEditorController, type TextEditorProps, createTextEditor };