update

Author: guFalcon

main.js

@@ -20,23 +20,37 @@ function cleanPreview(el) {
  const text = node.textContent?.trim();
  if (!text)
  return;
+ // Check for @@@ blocks, ##fragment, and ##side-by-side blocks
  if (/^ *@{3} *$/.test(text) ||
- /^ *@{3} +([^\s,]+([ ,]+[^\s,]+)*)$/.test(text)) {
- node.classList.add("safelearn-hidden");
+ /^ *@{3} +([^\s,]+([ ,]+[^\s,]+)*)$/.test(text) ||
+ /^##fragment$/.test(text) ||
+ /^##(side-by-side-(start|end)|separator)$/.test(text)) {
+ node.addClass("safelearn-hidden");
  return;
  }
- if (/^##fragment$/.test(text)) {
- node.classList.add("safelearn-hidden");
- return;
- }
- if (/^##(side-by-side-(start|end)|separator)$/.test(text)) {
- node.classList.add("safelearn-hidden");
- return;
- }
- node.innerHTML = node.innerHTML
- .replace(/(##fragment)(?![\w-])/gi, '<span class="safelearn-hidden">$1</span>')
- .replace(/@@@(?: +[^\s,]+([ ,]+[^\s,]+)*)?/g, '<span class="safelearn-hidden">$&</span>')
- .replace(/##(side-by-side-(start|end)|separator)/g, '<span class="safelearn-hidden">$&</span>');
+ // Remove @@@ blocks, ##fragment, and ##side-by-side blocks from text nodes
+ node.childNodes.forEach(child => {
+ if (child.nodeType === Node.TEXT_NODE) {
+ let changed = false;
+ let newText = child.textContent ?? "";
+ const replacePatterns = [
+ /@@@(?: +[^\s,]+([ ,]+[^\s,]+)*)?/g,
+ /##fragment(?![\w-])/gi,
+ /##(side-by-side-(start|end)|separator)/gi
+ ];
+ for (const pattern of replacePatterns) {
+ if (pattern.test(newText)) {
+ newText = newText.replace(pattern, "");
+ changed = true;
+ }
+ }
+ if (changed) {
+ const span = document.createElement("span");
+ span.textContent = newText;
+ child.replaceWith(span);
+ }
+ }
+ });
  });
 }
 const safelearnHighlighter = view.ViewPlugin.fromClass(class {
@@ -61,10 +75,17 @@ const safelearnHighlighter = view.ViewPlugin.fromClass(class {
  const line = doc.line(i);
  const text = line.text.trim();
  // === ##fragment ===
- const fragIndex = line.text.indexOf("##fragment");
+ let fragIndex = line.text.indexOf("##fragment ");
+ if (fragIndex === -1) {
+ fragIndex = line.text.indexOf("##fragment");
+ // only if the line ends with this "##fragment" without any trailing text
+ if (fragIndex !== -1 && line.text.slice(fragIndex + "##fragment".length).trim() !== "") {
+ fragIndex = -1;
+ }
+ }
  if (fragIndex !== -1) {
  const from = line.from + fragIndex;
- const to = from + "##fragment".length;
+ const to = from + "##fragment ".length;
  decorations.push({
  from,
  to,

manifest.json

@@ -1,9 +1,9 @@
 {
- "id": "safelearn-plugin",
- "name": "SafeLearn Plugin",
+ "id": "safelearn-formatter",
+ "name": "SafeLearn Formatter",
  "version": "1.0.1",
  "minAppVersion": "1.5.7",
- "description": "This plugin offers visual aids for SafeLearn-specific tags such as ##fragment, permission blocks, and side-by-side layouts for Reveal.js.",
+ "description": "Offers visual aids for tags specific for SafeLearn (an open-source project) such as ##fragment, permission blocks, and side-by-side layouts for Reveal.js.",
  "author": "UnterrainerInformatik",
  "authorUrl": "https://github.com/UnterrainerInformatik",
  "repo": "UnterrainerInformatik/safeLearn-Obsidian-plugin",