dn-react-text-editor 0.1.1 → 0.2.0

package/dist/html.d.mts

@@ -0,0 +1,8 @@
+import React, { DetailedHTMLProps } from 'react';
+
+declare function createInnerHTML(raw: string): string;
+declare function createTextEditorView(options?: {
+    className?: string;
+}): ({ className, dangerouslySetInnerHTML, ...props }: DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => React.JSX.Element;
+
+export { createInnerHTML, createTextEditorView };

package/dist/html.d.ts

@@ -0,0 +1,8 @@
+import React, { DetailedHTMLProps } from 'react';
+
+declare function createInnerHTML(raw: string): string;
+declare function createTextEditorView(options?: {
+    className?: string;
+}): ({ className, dangerouslySetInnerHTML, ...props }: DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => React.JSX.Element;
+
+export { createInnerHTML, createTextEditorView };

package/dist/html.js

@@ -0,0 +1,136 @@
+"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/html.tsx
+var html_exports = {};
+__export(html_exports, {
+  createInnerHTML: () => createInnerHTML,
+  createTextEditorView: () => createTextEditorView
+});
+module.exports = __toCommonJS(html_exports);
+
+// src/plugins/highlighter.ts
+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 highlighter = import_highlight.default;
+
+// src/html.tsx
+var import_html_entities = require("html-entities");
+
+// src/cn.ts
+function cn(...classes) {
+  return classes.filter(Boolean).join(" ").trim();
+}
+
+// src/html.tsx
+var import_react = __toESM(require("react"));
+function createInnerHTML(raw) {
+  return raw.replace(/<\/p>/g, "<br></p>").replace(/(<p><br><\/p>)+$/g, "").replace(
+    /<code class="language-(\w+)">([\s\S]*?)<\/code>/g,
+    (_, lang, code) => {
+      try {
+        const highlighted = highlighter.highlight(code, {
+          language: lang
+        }).value;
+        return `<code class="language-${lang}">${(0, import_html_entities.decode)(highlighted)}</code>`;
+      } catch (e) {
+        return `<code class="language-${lang}">${(0, import_html_entities.decode)(code)}</code>`;
+      }
+    }
+  ).replace(
+    /<a([^>]*target="_blank"[^>]*)>(.*?)<\/a>/g,
+    (_, attrs, content) => {
+      return `<a${attrs} rel="noopener noreferrer" target="_blank">${content}<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M18.25 15.5a.75.75 0 0 1-.75-.75V7.56L7.28 17.78a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734L16.44 6.5H9.25a.75.75 0 0 1 0-1.5h9a.75.75 0 0 1 .75.75v9a.75.75 0 0 1-.75.75Z"></path></svg></a>`;
+    }
+  );
+}
+function createTextEditorView(options = {}) {
+  return function Component({
+    className,
+    dangerouslySetInnerHTML,
+    ...props
+  }) {
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        ...props,
+        className: cn(options?.className, className),
+        dangerouslySetInnerHTML: {
+          __html: createInnerHTML(
+            String(dangerouslySetInnerHTML?.__html || "")
+          )
+        }
+      }
+    );
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createInnerHTML,
+  createTextEditorView
+});

package/dist/html.mjs

@@ -0,0 +1,98 @@
+// 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 highlighter = hljs;
+
+// src/html.tsx
+import { decode } from "html-entities";
+
+// src/cn.ts
+function cn(...classes) {
+  return classes.filter(Boolean).join(" ").trim();
+}
+
+// src/html.tsx
+import React from "react";
+function createInnerHTML(raw) {
+  return raw.replace(/<\/p>/g, "<br></p>").replace(/(<p><br><\/p>)+$/g, "").replace(
+    /<code class="language-(\w+)">([\s\S]*?)<\/code>/g,
+    (_, lang, code) => {
+      try {
+        const highlighted = highlighter.highlight(code, {
+          language: lang
+        }).value;
+        return `<code class="language-${lang}">${decode(highlighted)}</code>`;
+      } catch (e) {
+        return `<code class="language-${lang}">${decode(code)}</code>`;
+      }
+    }
+  ).replace(
+    /<a([^>]*target="_blank"[^>]*)>(.*?)<\/a>/g,
+    (_, attrs, content) => {
+      return `<a${attrs} rel="noopener noreferrer" target="_blank">${content}<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M18.25 15.5a.75.75 0 0 1-.75-.75V7.56L7.28 17.78a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734L16.44 6.5H9.25a.75.75 0 0 1 0-1.5h9a.75.75 0 0 1 .75.75v9a.75.75 0 0 1-.75.75Z"></path></svg></a>`;
+    }
+  );
+}
+function createTextEditorView(options = {}) {
+  return function Component({
+    className,
+    dangerouslySetInnerHTML,
+    ...props
+  }) {
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ...props,
+        className: cn(options?.className, className),
+        dangerouslySetInnerHTML: {
+          __html: createInnerHTML(
+            String(dangerouslySetInnerHTML?.__html || "")
+          )
+        }
+      }
+    );
+  };
+}
+export {
+  createInnerHTML,
+  createTextEditorView
+};

package/dist/index.d.mts

@@ -1,9 +1,12 @@
-export { TextEditorController, TextEditorProps, createTextEditor } from './text_editor.mjs';
+export { TextEditorController, TextEditorProps, createTextEditor } from './create_text_editor.mjs';
 export { createSchema } from './schema.mjs';
-export { AttachFile, createAttachFile } from './attach_file.mjs';
-import 'orderedmap';
-import 'prosemirror-model';
+export { AttachFile, AttachFileOptions, GenerateMetadata, UploadFile, createAttachFile } from './attach_file.mjs';
+export { createInnerHTML, createTextEditorView } from './html.mjs';
 import 'react';
 import 'prosemirror-state';
 import 'prosemirror-view';
 import 'rxjs';
+import './commands.mjs';
+import 'prosemirror-model';
+import './text_editor_controller.mjs';
+import 'orderedmap';

package/dist/index.d.ts

@@ -1,9 +1,12 @@
-export { TextEditorController, TextEditorProps, createTextEditor } from './text_editor.js';
+export { TextEditorController, TextEditorProps, createTextEditor } from './create_text_editor.js';
 export { createSchema } from './schema.js';
-export { AttachFile, createAttachFile } from './attach_file.js';
-import 'orderedmap';
-import 'prosemirror-model';
+export { AttachFile, AttachFileOptions, GenerateMetadata, UploadFile, createAttachFile } from './attach_file.js';
+export { createInnerHTML, createTextEditorView } from './html.js';
 import 'react';
 import 'prosemirror-state';
 import 'prosemirror-view';
 import 'rxjs';
+import './commands.js';
+import 'prosemirror-model';
+import './text_editor_controller.js';
+import 'orderedmap';