dn-react-text-editor 0.1.1 → 0.2.0

package/dist/input.d.mts

@@ -0,0 +1,21 @@
+import React, { DetailedHTMLProps, HTMLAttributes, RefObject } from 'react';
+import { TextEditorController } from './create_text_editor.mjs';
+import 'prosemirror-state';
+import 'prosemirror-view';
+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>;
+    updateDelay?: number;
+    name?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+};
+declare function TextEditorInput({ ref, onChange, updateDelay, ...props }: Props): React.JSX.Element;
+
+export { TextEditorInput };

package/dist/input.d.ts

@@ -0,0 +1,21 @@
+import React, { DetailedHTMLProps, HTMLAttributes, RefObject } from 'react';
+import { TextEditorController } from './create_text_editor.js';
+import 'prosemirror-state';
+import 'prosemirror-view';
+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>;
+    updateDelay?: number;
+    name?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+};
+declare function TextEditorInput({ ref, onChange, updateDelay, ...props }: Props): React.JSX.Element;
+
+export { TextEditorInput };

package/dist/input.js

@@ -0,0 +1,70 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/input.tsx
+var input_exports = {};
+__export(input_exports, {
+  TextEditorInput: () => TextEditorInput
+});
+module.exports = __toCommonJS(input_exports);
+var import_react = __toESM(require("react"));
+var import_rxjs = require("rxjs");
+function TextEditorInput({
+  ref,
+  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)
+    ).subscribe(() => {
+      if (inputRef.current) {
+        inputRef.current.value = controller.value;
+        const event = new Event("input", { bubbles: true });
+        inputRef.current.dispatchEvent(event);
+      }
+    });
+    return () => {
+      sub.unsubscribe();
+      controller.view.destroy();
+    };
+  }, []);
+  return /* @__PURE__ */ import_react.default.createElement("input", { ...props, ref: inputRef, type: "hidden", onInput: onChange });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TextEditorInput
+});

package/dist/input.mjs

@@ -0,0 +1,37 @@
+// src/input.tsx
+import React, {
+  useEffect
+} from "react";
+import { debounceTime, filter } from "rxjs";
+function TextEditorInput({
+  ref,
+  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)
+    ).subscribe(() => {
+      if (inputRef.current) {
+        inputRef.current.value = controller.value;
+        const event = new Event("input", { bubbles: true });
+        inputRef.current.dispatchEvent(event);
+      }
+    });
+    return () => {
+      sub.unsubscribe();
+      controller.view.destroy();
+    };
+  }, []);
+  return /* @__PURE__ */ React.createElement("input", { ...props, ref: inputRef, type: "hidden", onInput: onChange });
+}
+export {
+  TextEditorInput
+};

package/dist/plugins/drag_and_drop.d.mts

@@ -6,7 +6,7 @@ import 'orderedmap';
 import 'prosemirror-model';
 
 declare function dragAndDropPlugin({ attachFile }: {
-    attachFile: AttachFile;
+    attachFile?: AttachFile;
 }): Plugin<any>;
 
 export { dragAndDropPlugin };

package/dist/plugins/drag_and_drop.d.ts

@@ -6,7 +6,7 @@ import 'orderedmap';
 import 'prosemirror-model';
 
 declare function dragAndDropPlugin({ attachFile }: {
-    attachFile: AttachFile;
+    attachFile?: AttachFile;
 }): Plugin<any>;
 
 export { dragAndDropPlugin };

package/dist/plugins/drag_and_drop.js

@@ -29,6 +29,9 @@ function dragAndDropPlugin({ attachFile }) {
     props: {
       handleDOMEvents: {
         drop(view, event) {
+          if (!attachFile) {
+            return;
+          }
           const files = event.dataTransfer?.files;
           if (!files || files.length === 0) {
             return;

package/dist/plugins/drag_and_drop.mjs

@@ -5,6 +5,9 @@ function dragAndDropPlugin({ attachFile }) {
     props: {
       handleDOMEvents: {
         drop(view, event) {
+          if (!attachFile) {
+            return;
+          }
           const files = event.dataTransfer?.files;
           if (!files || files.length === 0) {
             return;

package/dist/plugins/highlighter.d.mts

@@ -0,0 +1,6 @@
+import * as highlight_js from 'highlight.js';
+
+declare const supportedLanguages: string[];
+declare const highlighter: highlight_js.HLJSApi;
+
+export { highlighter, supportedLanguages };

package/dist/plugins/highlighter.d.ts

@@ -0,0 +1,6 @@
+import * as highlight_js from 'highlight.js';
+
+declare const supportedLanguages: string[];
+declare const highlighter: highlight_js.HLJSApi;
+
+export { highlighter, supportedLanguages };

package/dist/plugins/highlighter.js

@@ -0,0 +1,105 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plugins/highlighter.ts
+var highlighter_exports = {};
+__export(highlighter_exports, {
+  highlighter: () => highlighter,
+  supportedLanguages: () => supportedLanguages
+});
+module.exports = __toCommonJS(highlighter_exports);
+var import_highlight = __toESM(require("highlight.js"));
+var import_bash = __toESM(require("highlight.js/lib/languages/bash"));
+var import_c = __toESM(require("highlight.js/lib/languages/c"));
+var import_cpp = __toESM(require("highlight.js/lib/languages/cpp"));
+var import_css = __toESM(require("highlight.js/lib/languages/css"));
+var import_java = __toESM(require("highlight.js/lib/languages/java"));
+var import_typescript = __toESM(require("highlight.js/lib/languages/typescript"));
+var import_javascript = __toESM(require("highlight.js/lib/languages/javascript"));
+var import_json = __toESM(require("highlight.js/lib/languages/json"));
+var import_xml = __toESM(require("highlight.js/lib/languages/xml"));
+var import_python = __toESM(require("highlight.js/lib/languages/python"));
+var import_dart = __toESM(require("highlight.js/lib/languages/dart"));
+var import_csharp = __toESM(require("highlight.js/lib/languages/csharp"));
+var import_markdown = __toESM(require("highlight.js/lib/languages/markdown"));
+var import_nginx = __toESM(require("highlight.js/lib/languages/nginx"));
+var import_php = __toESM(require("highlight.js/lib/languages/php"));
+var import_ruby = __toESM(require("highlight.js/lib/languages/ruby"));
+var import_sql = __toESM(require("highlight.js/lib/languages/sql"));
+var import_swift = __toESM(require("highlight.js/lib/languages/swift"));
+var import_yaml = __toESM(require("highlight.js/lib/languages/yaml"));
+var import_rust = __toESM(require("highlight.js/lib/languages/rust"));
+import_highlight.default.registerLanguage("bash", import_bash.default);
+import_highlight.default.registerLanguage("c", import_c.default);
+import_highlight.default.registerLanguage("cpp", import_cpp.default);
+import_highlight.default.registerLanguage("css", import_css.default);
+import_highlight.default.registerLanguage("java", import_java.default);
+import_highlight.default.registerLanguage("markdown", import_markdown.default);
+import_highlight.default.registerLanguage("nginx", import_nginx.default);
+import_highlight.default.registerLanguage("php", import_php.default);
+import_highlight.default.registerLanguage("ruby", import_ruby.default);
+import_highlight.default.registerLanguage("sql", import_sql.default);
+import_highlight.default.registerLanguage("swift", import_swift.default);
+import_highlight.default.registerLanguage("yaml", import_yaml.default);
+import_highlight.default.registerLanguage("rust", import_rust.default);
+import_highlight.default.registerLanguage("json", import_json.default);
+import_highlight.default.registerLanguage("javascript", import_javascript.default);
+import_highlight.default.registerLanguage("typescript", import_typescript.default);
+import_highlight.default.registerLanguage("xml", import_xml.default);
+import_highlight.default.registerLanguage("python", import_python.default);
+import_highlight.default.registerLanguage("dart", import_dart.default);
+import_highlight.default.registerLanguage("csharp", import_csharp.default);
+var supportedLanguages = [
+  "bash",
+  "c",
+  "cpp",
+  "css",
+  "java",
+  "markdown",
+  "nginx",
+  "php",
+  "ruby",
+  "sql",
+  "swift",
+  "yaml",
+  "rust",
+  "json",
+  "javascript",
+  "typescript",
+  "xml",
+  "python",
+  "dart",
+  "csharp"
+];
+var highlighter = import_highlight.default;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  highlighter,
+  supportedLanguages
+});

package/dist/plugins/highlighter.mjs

@@ -0,0 +1,69 @@
+// src/plugins/highlighter.ts
+import hljs from "highlight.js";
+import bash from "highlight.js/lib/languages/bash";
+import c from "highlight.js/lib/languages/c";
+import cpp from "highlight.js/lib/languages/cpp";
+import css from "highlight.js/lib/languages/css";
+import java from "highlight.js/lib/languages/java";
+import ts from "highlight.js/lib/languages/typescript";
+import js from "highlight.js/lib/languages/javascript";
+import json from "highlight.js/lib/languages/json";
+import xml from "highlight.js/lib/languages/xml";
+import python from "highlight.js/lib/languages/python";
+import dart from "highlight.js/lib/languages/dart";
+import csharp from "highlight.js/lib/languages/csharp";
+import markdown from "highlight.js/lib/languages/markdown";
+import nginx from "highlight.js/lib/languages/nginx";
+import php from "highlight.js/lib/languages/php";
+import ruby from "highlight.js/lib/languages/ruby";
+import sql from "highlight.js/lib/languages/sql";
+import swift from "highlight.js/lib/languages/swift";
+import yaml from "highlight.js/lib/languages/yaml";
+import rust from "highlight.js/lib/languages/rust";
+hljs.registerLanguage("bash", bash);
+hljs.registerLanguage("c", c);
+hljs.registerLanguage("cpp", cpp);
+hljs.registerLanguage("css", css);
+hljs.registerLanguage("java", java);
+hljs.registerLanguage("markdown", markdown);
+hljs.registerLanguage("nginx", nginx);
+hljs.registerLanguage("php", php);
+hljs.registerLanguage("ruby", ruby);
+hljs.registerLanguage("sql", sql);
+hljs.registerLanguage("swift", swift);
+hljs.registerLanguage("yaml", yaml);
+hljs.registerLanguage("rust", rust);
+hljs.registerLanguage("json", json);
+hljs.registerLanguage("javascript", js);
+hljs.registerLanguage("typescript", ts);
+hljs.registerLanguage("xml", xml);
+hljs.registerLanguage("python", python);
+hljs.registerLanguage("dart", dart);
+hljs.registerLanguage("csharp", csharp);
+var supportedLanguages = [
+  "bash",
+  "c",
+  "cpp",
+  "css",
+  "java",
+  "markdown",
+  "nginx",
+  "php",
+  "ruby",
+  "sql",
+  "swift",
+  "yaml",
+  "rust",
+  "json",
+  "javascript",
+  "typescript",
+  "xml",
+  "python",
+  "dart",
+  "csharp"
+];
+var highlighter = hljs;
+export {
+  highlighter,
+  supportedLanguages
+};

package/dist/plugins/keymap.js

@@ -23,6 +23,7 @@ __export(keymap_exports, {
   buildKeymap: () => buildKeymap
 });
 module.exports = __toCommonJS(keymap_exports);
+var import_prosemirror_state = require("prosemirror-state");
 var import_prosemirror_history = require("prosemirror-history");
 var import_prosemirror_commands = require("prosemirror-commands");
 var import_prosemirror_schema_list = require("prosemirror-schema-list");
@@ -51,6 +52,22 @@ function buildKeymap(schema) {
       return false;
     })
   );
+  bind("ArrowDown", (state, dispatch) => {
+    const doc = state.doc;
+    const lastNode = doc.lastChild;
+    if (lastNode && lastNode.type.name !== "paragraph") {
+      const paragraphType = state.schema.nodes.paragraph;
+      let tr = state.tr;
+      const endPos = doc.content.size;
+      tr = tr.insert(endPos, paragraphType.create());
+      tr = tr.setSelection(import_prosemirror_state.TextSelection.create(tr.doc, tr.doc.content.size));
+      if (dispatch) {
+        dispatch(tr);
+      }
+      return true;
+    }
+    return false;
+  });
   return keys;
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/plugins/keymap.mjs

@@ -1,4 +1,5 @@
 // src/plugins/keymap.tsx
+import { TextSelection } from "prosemirror-state";
 import { undo, redo } from "prosemirror-history";
 import { chainCommands, splitBlockAs } from "prosemirror-commands";
 import { splitListItem } from "prosemirror-schema-list";
@@ -27,6 +28,22 @@ function buildKeymap(schema) {
       return false;
     })
   );
+  bind("ArrowDown", (state, dispatch) => {
+    const doc = state.doc;
+    const lastNode = doc.lastChild;
+    if (lastNode && lastNode.type.name !== "paragraph") {
+      const paragraphType = state.schema.nodes.paragraph;
+      let tr = state.tr;
+      const endPos = doc.content.size;
+      tr = tr.insert(endPos, paragraphType.create());
+      tr = tr.setSelection(TextSelection.create(tr.doc, tr.doc.content.size));
+      if (dispatch) {
+        dispatch(tr);
+      }
+      return true;
+    }
+    return false;
+  });
   return keys;
 }
 export {

package/dist/schema.d.mts

@@ -1,7 +1,7 @@
 import * as orderedmap from 'orderedmap';
 import * as prosemirror_model from 'prosemirror-model';
-import { Schema } from 'prosemirror-model';
+import { SchemaSpec, Schema } from 'prosemirror-model';
 
-declare function createSchema(): Schema<keyof orderedmap.default<prosemirror_model.NodeSpec>, keyof orderedmap.default<prosemirror_model.MarkSpec>>;
+declare function createSchema(spec?: SchemaSpec): Schema<keyof orderedmap.default<prosemirror_model.NodeSpec>, keyof orderedmap.default<prosemirror_model.MarkSpec>>;
 
 export { createSchema };

package/dist/schema.d.ts

@@ -1,7 +1,7 @@
 import * as orderedmap from 'orderedmap';
 import * as prosemirror_model from 'prosemirror-model';
-import { Schema } from 'prosemirror-model';
+import { SchemaSpec, Schema } from 'prosemirror-model';
 
-declare function createSchema(): Schema<keyof orderedmap.default<prosemirror_model.NodeSpec>, keyof orderedmap.default<prosemirror_model.MarkSpec>>;
+declare function createSchema(spec?: SchemaSpec): Schema<keyof orderedmap.default<prosemirror_model.NodeSpec>, keyof orderedmap.default<prosemirror_model.MarkSpec>>;
 
 export { createSchema };