@multiplatform.one/rich-text 6.0.4 → 6.3.0

package/dist/esm/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/esm/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/esm/editor/codeBlockPreview.native.js

@@ -0,0 +1,222 @@
+import CodeBlockLowlight from "@tiptap/extension-code-block-lowlight";
+import { Extension, textblockTypeInputRule } from "@tiptap/core";
+import { t } from "../shared/t.native.js";
+import { mountKatexHtml, renderKatexHtml } from "./lazyKatex.native.js";
+var PreviewChromeStore = 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 = CodeBlockLowlight.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
+    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" ? t("Type a mermaid diagram") : 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", t("Mermaid diagram preview"));
+            if (markdown.mountDiagramSvg(host, result.svg)) showHost(host);else showError(t("Diagram produced no output"));
+          } else {
+            showError(result.error);
+          }
+          return;
+        }
+        var result1 = await 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);
+          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 = 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);
+        }
+      };
+    };
+  }
+});
+export { CodeBlockWithPreview, PREVIEW_LANGUAGES, PreviewChromeStore, getPreviewKind, setPreviewChrome };
+//# sourceMappingURL=codeBlockPreview.native.js.map

package/dist/esm/editor/codeBlockPreview.native.js.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","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","listener","err","return","getPreviewChrome","_ref","_editor_storage_previewChrome","_editor_storage","PREVIEW_LANGUAGES","getPreviewKind","language","includes","PREVIEW_DEBOUNCE_MS","CodeBlockWithPreview","extend","addInputRules","_this_parent","_this","parent","call","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","key","seq","trim","hint","markdown","result","renderMermaidDiagram","ok","mountDiagramSvg","svg","error","result1","displayMode","host1","html","sync","sync2","immediate","arguments","length","clearTimeout"],"sources":["../../../src/editor/codeBlockPreview.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}