@drghaliasri/butex 5.4.6 → 5.5.1

package/dist/document2.mjs

@@ -1133,7 +1133,7 @@ function parseReferences(json) {
   }
   return references;
 }
-function createInlineField2(value = "", mathObjects = [], options = {}, path = "$", diagnostics = []) {
+function createInlineField2(value = "", mathObjects = [], options = {}, path = "$", diagnostics = [], formats = []) {
   const mode = options.mode ?? "english";
   const spans = detectInlineSpans2(value);
   const mathSpans = spans.filter((span) => span.kind === "math");
@@ -1145,7 +1145,7 @@ function createInlineField2(value = "", mathObjects = [], options = {}, path = "
   }
   for (const span of spans) {
     if (span.start > index) {
-      tokens.push({ id: document2Id("text"), kind: "text", text: value.slice(index, span.start) });
+      pushFormattedTextTokens(tokens, value.slice(index, span.start), index, formats);
     }
     if (span.kind === "cite") {
       tokens.push({
@@ -1201,9 +1201,81 @@ function createInlineField2(value = "", mathObjects = [], options = {}, path = "
     index = span.end;
   }
   if (index < value.length || tokens.length === 0) {
-    tokens.push({ id: document2Id("text"), kind: "text", text: value.slice(index) });
+    pushFormattedTextTokens(tokens, value.slice(index), index, formats);
+  }
+  return { id: document2Id("field"), tokens: compactTextTokens(tokens) };
+}
+function styleFromFormat(format) {
+  const style = {};
+  if (format.bold === true) {
+    style.bold = true;
+  }
+  if (format.italic === true) {
+    style.italic = true;
+  }
+  if (format.underline === true) {
+    style.underline = true;
+  }
+  return style.bold || style.italic || style.underline ? style : null;
+}
+function mergeTextStyle(base, added) {
+  return {
+    ...base?.bold ? { bold: true } : {},
+    ...base?.italic ? { italic: true } : {},
+    ...base?.underline ? { underline: true } : {},
+    ...added.bold ? { bold: true } : {},
+    ...added.italic ? { italic: true } : {},
+    ...added.underline ? { underline: true } : {}
+  };
+}
+function textStylesEqual(a, b) {
+  return Boolean(a?.bold) === Boolean(b?.bold) && Boolean(a?.italic) === Boolean(b?.italic) && Boolean(a?.underline) === Boolean(b?.underline);
+}
+function compactTextTokens(tokens) {
+  const compacted = [];
+  for (const token of tokens) {
+    const previous = compacted[compacted.length - 1];
+    if (previous?.kind === "text" && token.kind === "text" && textStylesEqual(previous.style, token.style)) {
+      previous.text += token.text;
+    } else {
+      compacted.push(token);
+    }
+  }
+  return compacted;
+}
+function styleKey(style) {
+  return `${style?.bold ? "b" : ""}${style?.italic ? "i" : ""}${style?.underline ? "u" : ""}`;
+}
+function pushFormattedTextTokens(tokens, text, sourceStart, formats) {
+  if (text.length === 0) {
+    tokens.push({ id: document2Id("text"), kind: "text", text });
+    return;
+  }
+  const styles = Array.from({ length: text.length });
+  for (const format of formats) {
+    const style = styleFromFormat(format);
+    if (!style || !Number.isFinite(format.start) || !Number.isFinite(format.end)) {
+      continue;
+    }
+    const start = Math.max(0, Math.min(text.length, Math.trunc(format.start) - sourceStart));
+    const end = Math.max(0, Math.min(text.length, Math.trunc(format.end) - sourceStart));
+    if (end <= start) {
+      continue;
+    }
+    for (let index = start; index < end; index += 1) {
+      styles[index] = mergeTextStyle(styles[index], style);
+    }
+  }
+  let chunkStart = 0;
+  for (let index = 1; index <= text.length; index += 1) {
+    if (index < text.length && styleKey(styles[index]) === styleKey(styles[chunkStart])) {
+      continue;
+    }
+    const chunk = text.slice(chunkStart, index);
+    const style = styles[chunkStart];
+    tokens.push({ id: document2Id("text"), kind: "text", text: chunk, ...style ? { style } : {} });
+    chunkStart = index;
   }
-  return { id: document2Id("field"), tokens };
 }
 function closingForList(command) {
   return command === "\\begin{itemize}" ? "\\end{itemize}" : "\\end{enumerate}";
@@ -1214,7 +1286,7 @@ function parseTextBlock(json, options, path, diagnostics) {
     id: document2Id("block"),
     kind: "textBlock",
     command: json.command,
-    field: createInlineField2(value, json.math_objects ?? [], options, `${path}.value`, diagnostics),
+    field: createInlineField2(value, json.math_objects ?? [], options, `${path}.value`, diagnostics, json.command === "\\paragraph" ? json.formats ?? [] : []),
     ...json.centered === true ? { centered: true } : {}
   };
 }
@@ -1223,7 +1295,7 @@ function parseListItem(json, options, path, diagnostics) {
   const blocksJson = Array.isArray(json.blocks) ? json.blocks : [];
   return {
     id: document2Id("item"),
-    field: createInlineField2(value, json.math_objects ?? [], options, `${path}.value`, diagnostics),
+    field: createInlineField2(value, json.math_objects ?? [], options, `${path}.value`, diagnostics, json.formats ?? []),
     blocks: blocksJson.map((block, index) => parseBlock(asBlockJson(block), options, `${path}.blocks[${String(index)}]`, diagnostics))
   };
 }
@@ -1256,7 +1328,8 @@ function parseTableBlock(json, options, path, diagnostics) {
       const spanCount = detectMathSpans2(value).length;
       const cellMathObjects = mathObjects.slice(mathObjectIndex, mathObjectIndex + spanCount);
       mathObjectIndex += spanCount;
-      return createInlineField2(value, cellMathObjects, options, `${path}.rows[${String(rowIndex)}][${String(columnIndex)}]`, diagnostics);
+      const cellFormats = json.cell_formats?.[rowIndex]?.[columnIndex] ?? [];
+      return createInlineField2(value, cellMathObjects, options, `${path}.rows[${String(rowIndex)}][${String(columnIndex)}]`, diagnostics, cellFormats);
     });
   });
   if (mathObjects.length > 0 && mathObjects.length !== mathObjectIndex) {
@@ -3281,7 +3354,8 @@ ${BUTEX_FONT_FACE_CSS}
   transition: box-shadow 0.15s ease, border-color 0.15s ease;
 }
 
-.surface:focus {
+.surface:focus,
+.surface.surface--typing-focus {
   border-color: var(--butex-focus-border, rgba(13, 148, 136, 0.45));
   box-shadow: 0 0 0 3px var(--butex-focus-shadow, rgba(13, 148, 136, 0.12));
 }
@@ -4296,6 +4370,79 @@ function normalizeFieldTokens(tokens) {
   }
   return tokens;
 }
+function textStylesEqual2(a, b) {
+  return Boolean(a?.bold) === Boolean(b?.bold) && Boolean(a?.italic) === Boolean(b?.italic) && Boolean(a?.underline) === Boolean(b?.underline);
+}
+function compactAdjacentTextTokens(tokens) {
+  const compacted = [];
+  for (const token of tokens) {
+    const previous = compacted[compacted.length - 1];
+    if (previous?.kind === "text" && token.kind === "text" && textStylesEqual2(previous.style, token.style)) {
+      previous.text += token.text;
+    } else {
+      compacted.push(token);
+    }
+  }
+  return normalizeFieldTokens(compacted);
+}
+function withoutEmptyStyle(style) {
+  const next = {};
+  if (style.bold) {
+    next.bold = true;
+  }
+  if (style.italic) {
+    next.italic = true;
+  }
+  if (style.underline) {
+    next.underline = true;
+  }
+  return next.bold || next.italic || next.underline ? next : void 0;
+}
+function textTokenPart(text, style, id = document2Id("text")) {
+  return { id, kind: "text", text, ...style ? { style } : {} };
+}
+function toggleTextTokenStyle(document2, fieldId, tokenId, selectionStart, selectionEnd, styleName) {
+  if (selectionEnd <= selectionStart) {
+    return document2;
+  }
+  const next = cloneDocument(document2);
+  visitFields(next.blocks, (field) => {
+    if (field.id !== fieldId) {
+      return false;
+    }
+    const tokenIndex = field.tokens.findIndex((entry) => entry.id === tokenId && entry.kind === "text");
+    if (tokenIndex < 0) {
+      return true;
+    }
+    const token = field.tokens[tokenIndex];
+    const start = Math.max(0, Math.min(token.text.length, selectionStart));
+    const end = Math.max(0, Math.min(token.text.length, selectionEnd));
+    if (end <= start) {
+      return true;
+    }
+    const selectedStyle = token.style ?? {};
+    const enabled = selectedStyle[styleName] === true;
+    const nextStyle = withoutEmptyStyle({ ...selectedStyle, [styleName]: enabled ? void 0 : true });
+    const parts = [];
+    const before = token.text.slice(0, start);
+    const selected = token.text.slice(start, end);
+    const after = token.text.slice(end);
+    if (before.length > 0) {
+      parts.push(textTokenPart(before, token.style, token.id));
+    }
+    parts.push(textTokenPart(selected, nextStyle, before.length > 0 ? document2Id("text") : token.id));
+    if (after.length > 0) {
+      parts.push(textTokenPart(after, token.style));
+    }
+    field.tokens = compactAdjacentTextTokens([
+      ...field.tokens.slice(0, tokenIndex),
+      ...parts,
+      ...field.tokens.slice(tokenIndex + 1)
+    ]);
+    return true;
+  });
+  return next;
+}
 function stitchTextAroundRemovedToken(tokens, index) {
   const before = tokens[index - 1];
   const after = tokens[index + 1];
@@ -4323,8 +4470,8 @@ function removeMathTokenById(document2, tokenId) {
 function splitTextTokenAt(token, offset) {
   const safeOffset = Math.max(0, Math.min(offset, token.text.length));
   return [
-    { id: token.id, kind: "text", text: token.text.slice(0, safeOffset) },
-    { id: document2Id("text"), kind: "text", text: token.text.slice(safeOffset) }
+    { id: token.id, kind: "text", text: token.text.slice(0, safeOffset), ...token.style ? { style: token.style } : {} },
+    { id: document2Id("text"), kind: "text", text: token.text.slice(safeOffset), ...token.style ? { style: token.style } : {} }
   ];
 }
 function insertMathTokenAtCaret(document2, fieldId, textTokenId, caretOffset, session, opening = "$", closing = "$", side = "arabic") {
@@ -4861,7 +5008,7 @@ function arabicXeLatexPreamblePkg(twocolumn = false) {
 \usepackage{bidi}
 \usepackage{multirow}
 \usepackage{booktabs}
-\usepackage{graphicx} % For \butexreflect
+\usepackage{graphicx} % For \reflectbox
 \usepackage{xcolor}
 \usepackage{tikz}
 \usepackage{tcolorbox}  % For tcolorbox environment
@@ -4930,10 +5077,8 @@ function arabicXeLatexPreambleCmd() {
 \newcommand{\horzbar}{\rule[.5ex]{2.5ex}{0.5pt}}
 
 
-\newcommand{\butexreflect}[1]{\tikz[baseline=(n.base)]{\node[inner sep=0pt,outer sep=0pt,xscale=-1](n){#1};}}
-
-\newcommand{\arabsqrt}[2]{\butexreflect{\(\sqrt[\butexreflect{\(#1\)}]{\butexreflect{\(#2\)}}\)}}
-\newcommand{\arabvec}[1]{\butexreflect{$\vec{\butexreflect{$#1$}}$}}
+\newcommand{\arabsqrt}[2]{\reflectbox{\(\sqrt[\reflectbox{\(#1\)}]{\reflectbox{\(#2\)}}\)}}
+\newcommand{\arabvec}[1]{\reflectbox{$\vec{\reflectbox{$#1$}}$}}
 
 \newcommand{\arabexp}[1]{{}^{#1}\!\raisebox{-4.5pt}{\text{\diwani{ه}}}}
 \newcommand{\arablog}[2]{\left(\text{#2}\right)\!\prescript{}{\text{#1}}{\text{\diwani{لو}}}}
@@ -4981,9 +5126,9 @@ function arabicXeLatexPreambleCmd() {
 \newcommand{\araboddde}[2][-5pt]{\stackrel{\raisebox{#1}{$\vcenter{\hbox{$\cdot\!\cdot\!\cdot$}}$}}{\text{#2}}}
 \newcommand{\arabpde}[1]{\prescript{}{#1\!\!}{\nabla}} % arabic partial differential equation (PDE)
 
-\newcommand{\arabprime}[0]{\butexreflect{$\prime$}\!} % arabic prime notation
-\newcommand{\arabpprime}[0]{\butexreflect{$\prime$}\butexreflect{$\prime$}\!} % arabic prime notation
-\newcommand{\arabppprime}[0]{\butexreflect{$\prime$}\butexreflect{$\prime$}\butexreflect{$\prime$}\!} % arabic prime notation
+\newcommand{\arabprime}[0]{\reflectbox{$\prime$}\!} % arabic prime notation
+\newcommand{\arabpprime}[0]{\reflectbox{$\prime$}\reflectbox{$\prime$}\!} % arabic prime notation
+\newcommand{\arabppprime}[0]{\reflectbox{$\prime$}\reflectbox{$\prime$}\reflectbox{$\prime$}\!} % arabic prime notation
 
 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
@@ -5003,7 +5148,7 @@ function arabicXeLatexPreambleCmd() {
 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 
 
-\newcommand{\arsqrt}[2][]{\butexreflect{\(\sqrt[\butexreflect{\(#1\)}]{\butexreflect{\(#2\)}}\)}}
+\newcommand{\arsqrt}[2][]{\reflectbox{\(\sqrt[\reflectbox{\(#1\)}]{\reflectbox{\(#2\)}}\)}}
 \newcommand{\arexp}[0]{\!\raisebox{-4.5pt}{\text{\diwani{ه}}}}
 \newcommand{\arlog}[0]{\!\!\text{\diwani{لو}}}
 \newcommand{\arln}[0]{\!\!\prescript{}{\text{\diwani{ه}}}{\text{\diwani{لو}}}}
@@ -5066,9 +5211,22 @@ function mathBodyLatex(token) {
   const rendered = renderMathNodeLatex(token.math);
   return stripDisplayMathDelimiters(rendered);
 }
+function styledTextLatex(text, style) {
+  let output = text;
+  if (style?.bold) {
+    output = `\\textbf{${output}}`;
+  }
+  if (style?.italic) {
+    output = `\\textit{${output}}`;
+  }
+  if (style?.underline) {
+    output = `\\underline{${output}}`;
+  }
+  return output;
+}
 function tokenLatex(token) {
   if (token.kind === "text") {
-    return token.text;
+    return styledTextLatex(token.text, token.style);
   }
   if (token.kind === "cite") {
     return citeTokenLatex(token.keys);
@@ -5092,7 +5250,9 @@ function inlineFieldLatex(field) {
   return field.tokens.map((token) => tokenLatex(token)).join("");
 }
 function textBlockLatex(block) {
-  const body = `${block.command}{${inlineFieldLatex(block.field)}}`;
+  const content = inlineFieldLatex(block.field);
+  const body = block.command === "\\paragraph" ? `\\par
+${content}` : `${block.command}{${content}}`;
   if (block.command === "\\paragraph" && block.centered) {
     return `\\begin{center}
 ${body}
@@ -5344,7 +5504,7 @@ function mathTex(token, equationSide) {
 function previewInlines(field, islands, output, equationSide, document2, previewOptions) {
   return field.tokens.map((token) => {
     if (token.kind === "text") {
-      return { kind: "text", text: token.text };
+      return { kind: "text", text: token.text, ...token.style ? { style: token.style } : {} };
     }
     if (token.kind === "cite") {
       return {
@@ -5625,6 +5785,7 @@ export {
   setDocument2References,
   stripDisplayMathDelimiters,
   toggleBlockInSelection,
+  toggleTextTokenStyle,
   updateCiteTokenKeys,
   updateDocument2ImageMeta,
   updateDocument2ImageValue,