@multiplatform.one/rich-text 6.0.4 → 6.3.0

package/dist/jsx/editor/codeBlockPreview.mjs

@@ -0,0 +1,190 @@
+import CodeBlockLowlight from "@tiptap/extension-code-block-lowlight";
+import { Extension, textblockTypeInputRule } from "@tiptap/core";
+import { t } from "../shared/t.mjs";
+import { mountKatexHtml, renderKatexHtml } from "./lazyKatex.mjs";
+const PreviewChromeStore = Extension.create({
+  name: "previewChrome",
+  addStorage() {
+    return {
+      value: {
+        scheme: "light"
+      },
+      listeners: /* @__PURE__ */new Set()
+    };
+  }
+});
+function setPreviewChrome(editor, chrome) {
+  const storage = editor.storage.previewChrome;
+  if (!storage) return;
+  if (storage.value.scheme === chrome.scheme && storage.value.fontFamily === chrome.fontFamily) {
+    return;
+  }
+  storage.value = chrome;
+  for (const listener of storage.listeners) listener();
+}
+function getPreviewChrome(editor) {
+  return editor?.storage?.previewChrome?.value ?? {
+    scheme: "light"
+  };
+}
+const PREVIEW_LANGUAGES = ["mermaid", "math"];
+function getPreviewKind(language) {
+  return PREVIEW_LANGUAGES.includes(language ?? "") ? language : null;
+}
+const PREVIEW_DEBOUNCE_MS = 250;
+const CodeBlockWithPreview = CodeBlockLowlight.extend({
+  addInputRules() {
+    return [...(this.parent?.() ?? []),
+    // `$$ ` opens a math block (GitLab display math), mirroring ```math
+    textblockTypeInputRule({
+      find: /^\$\$\s$/,
+      type: this.type,
+      getAttributes: {
+        language: "math"
+      }
+    })];
+  },
+  addNodeView() {
+    return ({
+      node,
+      editor,
+      extension
+    }) => {
+      const languageClassPrefix = extension.options.languageClassPrefix ?? "language-";
+      const dom = document.createElement("div");
+      dom.className = "rt-codeblock";
+      const pre = document.createElement("pre");
+      const code = document.createElement("code");
+      pre.appendChild(code);
+      dom.appendChild(pre);
+      const preview = document.createElement("div");
+      preview.className = "rt-block-preview";
+      preview.contentEditable = "false";
+      preview.dataset.state = "hidden";
+      dom.appendChild(preview);
+      let currentNode = node;
+      let destroyed = false;
+      let timer = null;
+      let renderSeq = 0;
+      let renderedKey = null;
+      const applyLanguageClass = () => {
+        const language = currentNode.attrs.language;
+        code.className = language ? `${languageClassPrefix}${language}` : "";
+        const kind = getPreviewKind(language);
+        if (kind) preview.dataset.previewType = kind;else delete preview.dataset.previewType;
+      };
+      const showError = message => {
+        const el = document.createElement("div");
+        el.className = "rt-preview-error";
+        el.setAttribute("role", "alert");
+        el.textContent = message;
+        preview.replaceChildren(el);
+        preview.dataset.state = "error";
+      };
+      const showHost = host => {
+        preview.replaceChildren(host);
+        preview.dataset.state = "ok";
+      };
+      const renderPreview = async () => {
+        const kind = getPreviewKind(currentNode.attrs.language);
+        if (!kind || destroyed) return;
+        const source = currentNode.textContent;
+        const chrome = getPreviewChrome(editor);
+        const key = `${kind}|${chrome.scheme}|${source}`;
+        if (key === renderedKey) return;
+        const seq = ++renderSeq;
+        if (!source.trim()) {
+          renderedKey = key;
+          const hint = document.createElement("div");
+          hint.className = "rt-preview-hint";
+          hint.textContent = kind === "mermaid" ? t("Type a mermaid diagram") : t("Type a TeX expression");
+          preview.replaceChildren(hint);
+          preview.dataset.state = "empty";
+          return;
+        }
+        if (kind === "mermaid") {
+          const markdown = await import("@multiplatform.one/markdown/mermaid");
+          const result2 = await markdown.renderMermaidDiagram(source, {
+            scheme: chrome.scheme,
+            fontFamily: chrome.fontFamily
+          });
+          if (destroyed || seq !== renderSeq) return;
+          renderedKey = key;
+          if (result2.ok) {
+            const host = document.createElement("div");
+            host.className = "rt-preview-diagram";
+            host.setAttribute("role", "img");
+            host.setAttribute("aria-label", t("Mermaid diagram preview"));
+            if (markdown.mountDiagramSvg(host, result2.svg)) showHost(host);else showError(t("Diagram produced no output"));
+          } else {
+            showError(result2.error);
+          }
+          return;
+        }
+        const result = await renderKatexHtml(source, {
+          displayMode: true
+        });
+        if (destroyed || seq !== renderSeq) return;
+        renderedKey = key;
+        if (result.ok) {
+          const host = document.createElement("div");
+          host.className = "rt-preview-math";
+          host.setAttribute("role", "img");
+          host.setAttribute("aria-label", source);
+          mountKatexHtml(host, result.html);
+          showHost(host);
+        } else {
+          showError(result.error);
+        }
+      };
+      const sync = (immediate = false) => {
+        applyLanguageClass();
+        if (timer) clearTimeout(timer);
+        const kind = getPreviewKind(currentNode.attrs.language);
+        if (!kind) {
+          preview.replaceChildren();
+          preview.dataset.state = "hidden";
+          renderedKey = null;
+          return;
+        }
+        if (preview.dataset.state === "hidden") {
+          const hint = document.createElement("div");
+          hint.className = "rt-preview-hint";
+          hint.textContent = t("Rendering preview\u2026");
+          preview.replaceChildren(hint);
+          preview.dataset.state = "loading";
+        }
+        timer = setTimeout(() => void renderPreview(), immediate ? 0 : PREVIEW_DEBOUNCE_MS);
+      };
+      const themeListener = () => {
+        renderedKey = null;
+        sync(true);
+      };
+      editor.storage.previewChrome?.listeners.add(themeListener);
+      sync(true);
+      return {
+        dom,
+        contentDOM: code,
+        update: updatedNode => {
+          if (updatedNode.type !== currentNode.type) return false;
+          const languageChanged = updatedNode.attrs.language !== currentNode.attrs.language;
+          const textChanged = updatedNode.textContent !== currentNode.textContent;
+          currentNode = updatedNode;
+          if (languageChanged || textChanged) sync(languageChanged);
+          return true;
+        },
+        ignoreMutation: mutation => {
+          if (mutation.type === "selection") return false;
+          return !code.contains(mutation.target);
+        },
+        destroy: () => {
+          destroyed = true;
+          if (timer) clearTimeout(timer);
+          editor.storage.previewChrome?.listeners.delete(themeListener);
+        }
+      };
+    };
+  }
+});
+export { CodeBlockWithPreview, PREVIEW_LANGUAGES, PreviewChromeStore, getPreviewKind, setPreviewChrome };
+//# sourceMappingURL=codeBlockPreview.mjs.map

package/dist/jsx/editor/codeBlockPreview.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["CodeBlockLowlight","Extension","textblockTypeInputRule","t","mountKatexHtml","renderKatexHtml","PreviewChromeStore","create","name","addStorage","value","scheme","listeners","Set","setPreviewChrome","editor","chrome","storage","previewChrome","fontFamily","listener","getPreviewChrome","PREVIEW_LANGUAGES","getPreviewKind","language","includes","PREVIEW_DEBOUNCE_MS","CodeBlockWithPreview","extend","addInputRules","parent","find","type","getAttributes","addNodeView","node","extension","languageClassPrefix","options","dom","document","createElement","className","pre","code","appendChild","preview","contentEditable","dataset","state","currentNode","destroyed","timer","renderSeq","renderedKey","applyLanguageClass","attrs","kind","previewType","showError","message","el","setAttribute","textContent","replaceChildren","showHost","host","renderPreview","source","key","seq","trim","hint","markdown","result2","renderMermaidDiagram","ok","mountDiagramSvg","svg","error","result","displayMode","html","sync","immediate","clearTimeout","setTimeout","themeListener","add","contentDOM","update","updatedNode","languageChanged","textChanged","ignoreMutation","mutation","contains","target","destroy","delete"],"sources":["../../../src/editor/codeBlockPreview.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/editor/codeBlockPreview.native.js

@@ -0,0 +1,265 @@
+"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);
+var codeBlockPreview_exports = {};
+__export(codeBlockPreview_exports, {
+  CodeBlockWithPreview: () => CodeBlockWithPreview,
+  PREVIEW_LANGUAGES: () => PREVIEW_LANGUAGES,
+  PreviewChromeStore: () => PreviewChromeStore,
+  getPreviewKind: () => getPreviewKind,
+  setPreviewChrome: () => setPreviewChrome
+});
+module.exports = __toCommonJS(codeBlockPreview_exports);
+var import_extension_code_block_lowlight = __toESM(require("@tiptap/extension-code-block-lowlight"));
+var import_core = require("@tiptap/core");
+var import_t = require("../shared/t.native.js");
+var import_lazyKatex = require("./lazyKatex.native.js");
+var PreviewChromeStore = import_core.Extension.create({
+  name: "previewChrome",
+  addStorage() {
+    return {
+      value: {
+        scheme: "light"
+      },
+      listeners: /* @__PURE__ */new Set()
+    };
+  }
+});
+function setPreviewChrome(editor, chrome) {
+  var storage = editor.storage.previewChrome;
+  if (!storage) return;
+  if (storage.value.scheme === chrome.scheme && storage.value.fontFamily === chrome.fontFamily) {
+    return;
+  }
+  storage.value = chrome;
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = storage.listeners[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var listener = _step.value;
+      listener();
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+}
+function getPreviewChrome(editor) {
+  var _ref;
+  var _editor_storage_previewChrome, _editor_storage;
+  return (_ref = editor === null || editor === void 0 ? void 0 : (_editor_storage = editor.storage) === null || _editor_storage === void 0 ? void 0 : (_editor_storage_previewChrome = _editor_storage.previewChrome) === null || _editor_storage_previewChrome === void 0 ? void 0 : _editor_storage_previewChrome.value) !== null && _ref !== void 0 ? _ref : {
+    scheme: "light"
+  };
+}
+var PREVIEW_LANGUAGES = ["mermaid", "math"];
+function getPreviewKind(language) {
+  return PREVIEW_LANGUAGES.includes(language !== null && language !== void 0 ? language : "") ? language : null;
+}
+var PREVIEW_DEBOUNCE_MS = 250;
+var CodeBlockWithPreview = import_extension_code_block_lowlight.default.extend({
+  addInputRules() {
+    var _ref;
+    var _this_parent, _this;
+    return [...((_ref = (_this_parent = (_this = this).parent) === null || _this_parent === void 0 ? void 0 : _this_parent.call(_this)) !== null && _ref !== void 0 ? _ref : []),
+    // `$$ ` opens a math block (GitLab display math), mirroring ```math
+    (0, import_core.textblockTypeInputRule)({
+      find: /^\$\$\s$/,
+      type: this.type,
+      getAttributes: {
+        language: "math"
+      }
+    })];
+  },
+  addNodeView() {
+    return function (param) {
+      var {
+        node,
+        editor,
+        extension
+      } = param;
+      var _extension_options_languageClassPrefix;
+      var _editor_storage_previewChrome;
+      var languageClassPrefix = (_extension_options_languageClassPrefix = extension.options.languageClassPrefix) !== null && _extension_options_languageClassPrefix !== void 0 ? _extension_options_languageClassPrefix : "language-";
+      var dom = document.createElement("div");
+      dom.className = "rt-codeblock";
+      var pre = document.createElement("pre");
+      var code = document.createElement("code");
+      pre.appendChild(code);
+      dom.appendChild(pre);
+      var preview = document.createElement("div");
+      preview.className = "rt-block-preview";
+      preview.contentEditable = "false";
+      preview.dataset.state = "hidden";
+      dom.appendChild(preview);
+      var currentNode = node;
+      var destroyed = false;
+      var timer = null;
+      var renderSeq = 0;
+      var renderedKey = null;
+      var applyLanguageClass = function applyLanguageClass2() {
+        var language = currentNode.attrs.language;
+        code.className = language ? `${languageClassPrefix}${language}` : "";
+        var kind = getPreviewKind(language);
+        if (kind) preview.dataset.previewType = kind;else delete preview.dataset.previewType;
+      };
+      var showError = function showError2(message) {
+        var el = document.createElement("div");
+        el.className = "rt-preview-error";
+        el.setAttribute("role", "alert");
+        el.textContent = message;
+        preview.replaceChildren(el);
+        preview.dataset.state = "error";
+      };
+      var showHost = function showHost2(host) {
+        preview.replaceChildren(host);
+        preview.dataset.state = "ok";
+      };
+      var renderPreview = async function renderPreview2() {
+        var kind = getPreviewKind(currentNode.attrs.language);
+        if (!kind || destroyed) return;
+        var source = currentNode.textContent;
+        var chrome = getPreviewChrome(editor);
+        var key = `${kind}|${chrome.scheme}|${source}`;
+        if (key === renderedKey) return;
+        var seq = ++renderSeq;
+        if (!source.trim()) {
+          renderedKey = key;
+          var hint = document.createElement("div");
+          hint.className = "rt-preview-hint";
+          hint.textContent = kind === "mermaid" ? (0, import_t.t)("Type a mermaid diagram") : (0, import_t.t)("Type a TeX expression");
+          preview.replaceChildren(hint);
+          preview.dataset.state = "empty";
+          return;
+        }
+        if (kind === "mermaid") {
+          var markdown = await import("@multiplatform.one/markdown/mermaid");
+          var result = await markdown.renderMermaidDiagram(source, {
+            scheme: chrome.scheme,
+            fontFamily: chrome.fontFamily
+          });
+          if (destroyed || seq !== renderSeq) return;
+          renderedKey = key;
+          if (result.ok) {
+            var host = document.createElement("div");
+            host.className = "rt-preview-diagram";
+            host.setAttribute("role", "img");
+            host.setAttribute("aria-label", (0, import_t.t)("Mermaid diagram preview"));
+            if (markdown.mountDiagramSvg(host, result.svg)) showHost(host);else showError((0, import_t.t)("Diagram produced no output"));
+          } else {
+            showError(result.error);
+          }
+          return;
+        }
+        var result1 = await (0, import_lazyKatex.renderKatexHtml)(source, {
+          displayMode: true
+        });
+        if (destroyed || seq !== renderSeq) return;
+        renderedKey = key;
+        if (result1.ok) {
+          var host1 = document.createElement("div");
+          host1.className = "rt-preview-math";
+          host1.setAttribute("role", "img");
+          host1.setAttribute("aria-label", source);
+          (0, import_lazyKatex.mountKatexHtml)(host1, result1.html);
+          showHost(host1);
+        } else {
+          showError(result1.error);
+        }
+      };
+      var sync = function sync2() {
+        var immediate = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
+        applyLanguageClass();
+        if (timer) clearTimeout(timer);
+        var kind = getPreviewKind(currentNode.attrs.language);
+        if (!kind) {
+          preview.replaceChildren();
+          preview.dataset.state = "hidden";
+          renderedKey = null;
+          return;
+        }
+        if (preview.dataset.state === "hidden") {
+          var hint = document.createElement("div");
+          hint.className = "rt-preview-hint";
+          hint.textContent = (0, import_t.t)("Rendering preview\u2026");
+          preview.replaceChildren(hint);
+          preview.dataset.state = "loading";
+        }
+        timer = setTimeout(function () {
+          return void renderPreview();
+        }, immediate ? 0 : PREVIEW_DEBOUNCE_MS);
+      };
+      var themeListener = function themeListener2() {
+        renderedKey = null;
+        sync(true);
+      };
+      (_editor_storage_previewChrome = editor.storage.previewChrome) === null || _editor_storage_previewChrome === void 0 ? void 0 : _editor_storage_previewChrome.listeners.add(themeListener);
+      sync(true);
+      return {
+        dom,
+        contentDOM: code,
+        update: function update(updatedNode) {
+          if (updatedNode.type !== currentNode.type) return false;
+          var languageChanged = updatedNode.attrs.language !== currentNode.attrs.language;
+          var textChanged = updatedNode.textContent !== currentNode.textContent;
+          currentNode = updatedNode;
+          if (languageChanged || textChanged) sync(languageChanged);
+          return true;
+        },
+        ignoreMutation: function ignoreMutation(mutation) {
+          if (mutation.type === "selection") return false;
+          return !code.contains(mutation.target);
+        },
+        destroy: function destroy() {
+          var _editor_storage_previewChrome2;
+          destroyed = true;
+          if (timer) clearTimeout(timer);
+          (_editor_storage_previewChrome2 = editor.storage.previewChrome) === null || _editor_storage_previewChrome2 === void 0 ? void 0 : _editor_storage_previewChrome2.listeners.delete(themeListener);
+        }
+      };
+    };
+  }
+});
+//# sourceMappingURL=codeBlockPreview.native.js.map

package/dist/jsx/editor/codeBlockPreview.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","codeBlockPreview_exports","CodeBlockWithPreview","PREVIEW_LANGUAGES","PreviewChromeStore","getPreviewKind","setPreviewChrome","module","exports","import_extension_code_block_lowlight","require","import_core","import_t","import_lazyKatex","Extension","addStorage","scheme","listeners","Set","editor","chrome","storage","previewChrome","fontFamily","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","listener","err","return","getPreviewChrome","_ref","_editor_storage_previewChrome","_editor_storage","language","includes","PREVIEW_DEBOUNCE_MS","default","extend","addInputRules","_this_parent","_this","parent","textblockTypeInputRule","find","type","getAttributes","addNodeView","param","node","extension","_extension_options_languageClassPrefix","languageClassPrefix","options","dom","document","createElement","className","pre","code","appendChild","preview","contentEditable","dataset","state","currentNode","destroyed","timer","renderSeq","renderedKey","applyLanguageClass","applyLanguageClass2","attrs","kind","previewType","showError","showError2","message","el","setAttribute","textContent","replaceChildren","showHost","showHost2","host","renderPreview","renderPreview2","source","seq","trim","hint","t","markdown","result","renderMermaidDiagram"],"sources":["../../../src/editor/codeBlockPreview.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}