From 033c941b029d5d2e11ba32faeb6e7fa567de6103 Mon Sep 17 00:00:00 2001
From: Maxim Dolgolyov <maxim.dolgolyov@gmail.com>
Date: Wed, 27 May 2026 16:36:43 +0300
Subject: [PATCH] =?UTF-8?q?feat(xp):=20physics8=20+=20chem9=20+=20phys9=20?=
 =?UTF-8?q?=D1=81=D0=B8=D0=BD=D1=85=D1=80=D0=BE=D0=BD=D0=B8=D0=B7=D0=B8?=
 =?UTF-8?q?=D1=80=D1=83=D1=8E=D1=82=20XP=20=D1=81=20=D1=81=D0=B8=D1=81?=
 =?UTF-8?q?=D1=82=D0=B5=D0=BC=D0=BD=D0=BE=D0=B9=20=D0=B3=D0=B5=D0=B9=D0=BC?=
 =?UTF-8?q?=D0=B8=D1=84=D0=B8=D0=BA=D0=B0=D1=86=D0=B8=D0=B5=D0=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- js/textbook-xp-widget.js: shared модуль (monkey-patch addXp +
  para-pill auto-award для учебников без addXp)
- physics8_thermal/electro/optics: добавлены теги /js/xp.js и
  /js/textbook-xp-widget.js — теперь все 74 addXp-хука пробрасываются
  в глобальный gamification (через self-award endpoint с дебаунсом)
- chemistry_9 + physics_9: те же теги. Каждый первый клик по
  .para-pill даёт +5 XP в систему (без правок 23000 LOC)
- Изначальный XP в учебниках не теряется — localStorage остаётся
  кешем, сервер — источник правды
---
 frontend/textbooks/chemistry_9.html      |   2 +
 frontend/textbooks/physics8_electro.html |   2 +
 frontend/textbooks/physics8_optics.html  |   2 +
 frontend/textbooks/physics8_thermal.html |   2 +
 frontend/textbooks/physics_9.html        |   2 +
 js/textbook-xp-widget.js                 | 108 +++++++++++++++++++++++
 6 files changed, 118 insertions(+)
 create mode 100644 js/textbook-xp-widget.js

diff --git a/frontend/textbooks/chemistry_9.html b/frontend/textbooks/chemistry_9.html
index 949bd96..dcca720 100644
--- a/frontend/textbooks/chemistry_9.html
+++ b/frontend/textbooks/chemistry_9.html
@@ -8,6 +8,8 @@
 <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"></script>
 <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js"
   onload="renderMathInElement(document.body,{delimiters:[{left:'$',right:'$',display:false},{left:'\\[',right:'\\]',display:true}],throwOnError:false})"></script>
+<script src="/js/xp.js" defer></script>
+<script src="/js/textbook-xp-widget.js" defer></script>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet">
 <style>
 :root{
diff --git a/frontend/textbooks/physics8_electro.html b/frontend/textbooks/physics8_electro.html
index 0fb1212..b0ae935 100644
--- a/frontend/textbooks/physics8_electro.html
+++ b/frontend/textbooks/physics8_electro.html
@@ -9,6 +9,8 @@
 <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
 <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"></script>
 <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js"></script>
+<script src="/js/xp.js" defer></script>
+<script src="/js/textbook-xp-widget.js" defer></script>
 <style>
 /* ═══════════ ДИЗАЙН-ТОКЕНЫ v2 ═══════════ */
 :root{
diff --git a/frontend/textbooks/physics8_optics.html b/frontend/textbooks/physics8_optics.html
index b35a832..f038435 100644
--- a/frontend/textbooks/physics8_optics.html
+++ b/frontend/textbooks/physics8_optics.html
@@ -9,6 +9,8 @@
 <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
 <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"></script>
 <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js"></script>
+<script src="/js/xp.js" defer></script>
+<script src="/js/textbook-xp-widget.js" defer></script>
 <style>
 /* ═══════════ ДИЗАЙН-ТОКЕНЫ v2 ═══════════ */
 :root{
diff --git a/frontend/textbooks/physics8_thermal.html b/frontend/textbooks/physics8_thermal.html
index 54182b4..9d9df2e 100644
--- a/frontend/textbooks/physics8_thermal.html
+++ b/frontend/textbooks/physics8_thermal.html
@@ -9,6 +9,8 @@
 <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
 <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"></script>
 <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js"></script>
+<script src="/js/xp.js" defer></script>
+<script src="/js/textbook-xp-widget.js" defer></script>
 <style>
 /* ═══════════ ДИЗАЙН-ТОКЕНЫ v2 ═══════════ */
 :root{
diff --git a/frontend/textbooks/physics_9.html b/frontend/textbooks/physics_9.html
index 340c36c..e2bd5de 100644
--- a/frontend/textbooks/physics_9.html
+++ b/frontend/textbooks/physics_9.html
@@ -8,6 +8,8 @@
 <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"></script>
 <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js"
   onload="renderMathInElement(document.body,{delimiters:[{left:'$',right:'$',display:false},{left:'\\[',right:'\\]',display:true}],throwOnError:false})"></script>
+<script src="/js/xp.js" defer></script>
+<script src="/js/textbook-xp-widget.js" defer></script>
 <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Literata:opsz,wght@7..72,400;7..72,500;7..72,600;7..72,700;7..72,800&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
 <style>
diff --git a/js/textbook-xp-widget.js b/js/textbook-xp-widget.js
new file mode 100644
index 0000000..d5f3150
--- /dev/null
+++ b/js/textbook-xp-widget.js
@@ -0,0 +1,108 @@
+'use strict';
+/**
+ * textbook-xp-widget.js — синхронизация XP учебников с системной геймификацией.
+ *
+ * Для учебников с локальным window.addXp:
+ *   monkey-patch addXp, чтобы каждый вызов также дёргал window.LS.xp.add.
+ *
+ * Для всех учебников (в т.ч. chemistry_9, physics_9 без addXp):
+ *   первый клик по .para-pill[data-para] за сессию/навсегда даёт +5 XP.
+ *
+ * Зависимость: /js/xp.js должен загрузиться раньше (defer, порядок тегов).
+ */
+(function () {
+  /* ── Получить slug текущей страницы ── */
+  function _slug() {
+    var m = location.pathname.match(/\/textbook\/([^/?#]+)/);
+    if (m) return m[1];
+    return location.pathname.split('/').pop()
+      .replace(/\.html$/i, '')
+      .replace(/_/g, '-');
+  }
+
+  /* ── Monkey-patch window.addXp (для учебников, где он есть) ── */
+  function _patchAddXp(slug) {
+    var orig = window.addXp;
+    if (typeof orig !== 'function') return;
+    window.addXp = function patchedAddXp(amount, source) {
+      var ret = orig.apply(this, arguments);
+      // пробрасываем в глобальный XP только при успехе оригинала
+      if (window.LS && window.LS.xp && amount > 0) {
+        var src = slug + '-' + (source || 'misc');
+        window.LS.xp.add(amount, src);
+      }
+      return ret;
+    };
+  }
+
+  /* ── Para-pill auto-award ── */
+  function _initParaAward(slug) {
+    var STORAGE_KEY = slug + '_xp_paras';
+
+    function _loadSeen() {
+      try {
+        return JSON.parse(localStorage.getItem(STORAGE_KEY) || '[]');
+      } catch (e) {
+        return [];
+      }
+    }
+
+    function _saveSeen(arr) {
+      try { localStorage.setItem(STORAGE_KEY, JSON.stringify(arr)); } catch (e) {}
+    }
+
+    document.body.addEventListener('click', function (e) {
+      var pill = e.target.closest('.para-pill[data-para]');
+      if (!pill) return;
+      var paraId = pill.getAttribute('data-para');
+      if (!paraId) return;
+
+      // динамически сгенерированные пилюли могут содержать шаблонные значения
+      if (paraId.indexOf("'") !== -1 || paraId.indexOf('+') !== -1) return;
+
+      // пропустить, если LS.xp недоступен (не авторизован)
+      if (!window.LS || !window.LS.xp) return;
+
+      var seen = _loadSeen();
+      if (seen.indexOf(paraId) !== -1) return; // уже начислено
+
+      seen.push(paraId);
+      _saveSeen(seen);
+      window.LS.xp.add(5, slug + '-para-' + paraId);
+    }, /* capture = */ false);
+  }
+
+  /* ── Обновление #hero-xp-badge при изменении XP (обратная совместимость) ── */
+  function _bindBadge() {
+    var badge = document.getElementById('hero-xp-badge');
+    if (!badge) return;
+    if (!window.LS || !window.LS.xp) return;
+    window.LS.xp.on('change', function (state) {
+      if (!state) return;
+      badge.textContent = state.xp + ' XP · Ур. ' + state.level;
+    });
+  }
+
+  /* ── Инициализация (ждём DOM + xp.js) ── */
+  function _init() {
+    var slug = _slug();
+
+    // Загрузить XP с сервера (merge локального + серверного)
+    if (window.LS && window.LS.xp) {
+      window.LS.xp.load();
+    }
+
+    _patchAddXp(slug);
+    _initParaAward(slug);
+    _bindBadge();
+  }
+
+  // defer гарантирует DOM готов к моменту выполнения,
+  // но xp.js тоже defer — порядок тегов определяет порядок выполнения.
+  // На случай гонки: если xp.js загружен первым — LS.xp уже есть.
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', _init);
+  } else {
+    _init();
+  }
+})();