From ff78851310d0db578ff44e50843fd15c54619f5b Mon Sep 17 00:00:00 2001
From: Maxim Dolgolyov <maxim.dolgolyov@gmail.com>
Date: Thu, 28 May 2026 23:27:54 +0300
Subject: [PATCH] =?UTF-8?q?fix(alg7=20fx):=20KaTeX-=D0=B4=D0=B5=D0=BB?=
 =?UTF-8?q?=D0=B8=D0=BC=D0=B8=D1=82=D0=B5=D1=80=D1=8B=20$...$=20=D0=B2=20?=
 =?UTF-8?q?=D0=B2=D0=B8=D0=B7=D1=83=D0=B0=D0=BB=D0=B8=D0=B7=D0=B0=D1=82?=
 =?UTF-8?q?=D0=BE=D1=80=D0=B0=D1=85=20=C2=A712-=C2=A713?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

В alg7-fx.js renderMathInElement() вызывался без опций — KaTeX
auto-render по умолчанию узнаёт только \(...\) и \[...\], а
не $...$. Поэтому формулы в виз. квадрата суммы и разности
квадратов отображались как обычный текст (см. скриншот пользователя).

Фикс: общий хелпер ALG7.renderMath(root), который вызывает
renderMathInElement с теми же делимитерами, что прописаны в
страницах глав ($$, $, \[\], \(\)).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 frontend/js/alg7-fx.js | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/frontend/js/alg7-fx.js b/frontend/js/alg7-fx.js
index fd5f129..68d6903 100644
--- a/frontend/js/alg7-fx.js
+++ b/frontend/js/alg7-fx.js
@@ -21,6 +21,21 @@ ALG7.__installed = true;
 ALG7.combo = 0;
 ALG7.maxCombo = 0;
 
+/* === KATEX HELPER (использует те же делимитеры, что и страницы) === */
+const _KATEX_OPTS = {
+  delimiters: [
+    { left:'$$', right:'$$', display:true },
+    { left:'$',  right:'$',  display:false },
+    { left:'\\[', right:'\\]', display:true },
+    { left:'\\(', right:'\\)', display:false }
+  ],
+  throwOnError: false
+};
+ALG7.renderMath = function(root){
+  if(!root || !window.renderMathInElement) return;
+  try{ window.renderMathInElement(root, _KATEX_OPTS); }catch(e){}
+};
+
 /* === ANIMATIONS === */
 ALG7.shake = function(el){
   if(!el) return;
@@ -257,7 +272,7 @@ ALG7.buildQuadSumViz = function(container){
       }
     }
     svg.innerHTML = html;
-    if(window.renderMathInElement) try{ window.renderMathInElement(formula); }catch(e){}
+    ALG7.renderMath(formula);
 
     /* Hover-эффект: при клике подсветить термин */
     svg.querySelectorAll('rect[data-part]').forEach(r=>{
@@ -401,7 +416,7 @@ ALG7.buildDiffSquaresViz = function(container){
       stepText.textContent = 'Сбросить';
     }
     formula.innerHTML = formulaText;
-    if(window.renderMathInElement) try{ window.renderMathInElement(formula); }catch(e){}
+    ALG7.renderMath(formula);
   }
 
   stepBtn.addEventListener('click', ()=>{