cotutor 0.2.0 → 0.3.0

package/dist/ui/kid/audio-client.js

@@ -0,0 +1,74 @@
+/**
+ * 孩子端的声音(口语课与实时老师共用,插进各页的内联脚本):getUserMedia → AudioWorklet 降到 16k PCM16,100 毫秒一块交给 onChunk(静音时不交);
+ * 下来的 24k PCM16 一块块排进 AudioContext 放(上一块放完或现在 + 60 毫秒,取晚的;录像的混音 src/runtime/journal/mix.ts 照这个排法)。
+ * makeAudio() 回一个对象:open()(要在一次点击里调,Safari 才给起 AudioContext 与麦)、play(ArrayBuffer)、playing()、flush()、close(),
+ * 回调 onChunk(ArrayBuffer) / onLevel(0–1),muted 缺省 true(连上了再放开)。没有 AudioWorklet 的退到 ScriptProcessor。
+ * duck(v):放出来的声音压到 v(0–1,一直听时孩子开口先压低嘴,1 恢复);放声都过一个总的 GainNode,后面一个 AnalyserNode,outLevel() 回放出去的音量(0–1 左右,压低之前的)。
+ * 页面自己开着麦克风的(孩子端老师页的常开那路)不用 open:点击里先 wake()(只起 AudioContext),拿到那路再 use(stream)——
+ * iPad 上再 getUserMedia 一次会把先开的那路弄哑;use 的那路不归它管,close 不停它,换了一路就换源。
+ * 脚本里不写反斜杠、反引号、美元加花括号(插进去的地方是模板字符串,见 AGENTS.md「坑」)。
+ */
+export const AUDIO_CLIENT_JS = `
+  const WORKLET = 'class P extends AudioWorkletProcessor { constructor() { super(); this.buf = []; this.n = 0; this.acc = 0; } process(inputs) { const ch = inputs[0] && inputs[0][0]; if (!ch) return true; const ratio = sampleRate / 16000; const out = []; for (let i = 0; i < ch.length; i++) { this.acc += 1; if (this.acc >= ratio) { this.acc -= ratio; out.push(ch[i]); } } for (const v of out) { this.buf.push(v); } if (this.buf.length >= 1600) { const n = 1600; const pcm = new Int16Array(n); let s = 0; for (let i = 0; i < n; i++) { const v = Math.max(-1, Math.min(1, this.buf[i])); pcm[i] = v < 0 ? v * 32768 : v * 32767; s += v * v; } this.buf = this.buf.slice(n); this.port.postMessage({ pcm: pcm.buffer, rms: Math.sqrt(s / n) }, [pcm.buffer]); } return true; } } registerProcessor("cotutor-pcm16", P);';
+  function makeAudio() {
+    const A = { ctx: null, stream: null, own: false, src: null, node: null, nodeReady: null, playAt: 0, sources: [], onChunk: null, onLevel: null, muted: true, out: null, level: 1 };
+    const out = () => { if (!A.out || A.out.context !== A.ctx) { A.out = A.ctx.createGain(); A.out.gain.value = A.level; A.an = A.ctx.createAnalyser(); A.an.fftSize = 512; A.out.connect(A.an); A.an.connect(A.ctx.destination); } return A.out; };
+    // 放出去的音量(老师在说时按钮旁那三道小弧的深浅,src/ui/kid/voice-ui.ts):总 GainNode 后面接一个 AnalyserNode,取的是压低之前的
+    A.outLevel = () => {
+      if (!A.an || !A.ctx || A.an.context !== A.ctx || !A.playing()) return 0;
+      const d = A.anBuf || (A.anBuf = new Uint8Array(A.an.fftSize));
+      A.an.getByteTimeDomainData(d);
+      let s = 0;
+      for (let i = 0; i < d.length; i++) { const v = (d[i] - 128) / 128; s += v * v; }
+      return Math.sqrt(s / d.length) / Math.max(0.05, A.level);
+    };
+    A.duck = (v) => { A.level = v; if (A.out && A.ctx && A.out.context === A.ctx) { try { A.out.gain.setTargetAtTime(v, A.ctx.currentTime, 0.05); } catch (e) { A.out.gain.value = v; } } };
+    A.wake = () => { if (!A.ctx) A.ctx = new (window.AudioContext || window.webkitAudioContext)(); return A.ctx.resume(); };
+    const node = () => A.nodeReady || (A.nodeReady = (async () => {
+      if (A.ctx.audioWorklet) {
+        const url = URL.createObjectURL(new Blob([WORKLET], { type: 'application/javascript' }));
+        await A.ctx.audioWorklet.addModule(url);
+        A.node = new AudioWorkletNode(A.ctx, 'cotutor-pcm16', { numberOfInputs: 1, numberOfOutputs: 1, channelCount: 1 });
+        A.node.port.onmessage = (e) => { if (A.onLevel) A.onLevel(e.data.rms); if (!A.muted && A.onChunk) A.onChunk(e.data.pcm); };
+        const sink = A.ctx.createGain(); sink.gain.value = 0; A.node.connect(sink); sink.connect(A.ctx.destination);
+      } else {
+        const sp = A.ctx.createScriptProcessor(4096, 1, 1);
+        let buf = [], acc = 0;
+        sp.onaudioprocess = (e) => {
+          const ch = e.inputBuffer.getChannelData(0); const ratio = A.ctx.sampleRate / 16000;
+          for (let i = 0; i < ch.length; i++) { acc += 1; if (acc >= ratio) { acc -= ratio; buf.push(ch[i]); } }
+          while (buf.length >= 1600) { const pcm = new Int16Array(1600); let s = 0; for (let i = 0; i < 1600; i++) { const v = Math.max(-1, Math.min(1, buf[i])); pcm[i] = v < 0 ? v * 32768 : v * 32767; s += v * v; } buf = buf.slice(1600); if (A.onLevel) A.onLevel(Math.sqrt(s / 1600)); if (!A.muted && A.onChunk) A.onChunk(pcm.buffer); }
+        };
+        const sink = A.ctx.createGain(); sink.gain.value = 0; sp.connect(sink); sink.connect(A.ctx.destination);
+        A.node = sp;
+      }
+    })());
+    A.use = async (stream) => {
+      await A.wake(); await node();
+      if (stream === A.stream) return;
+      if (A.src) { try { A.src.disconnect(); } catch (e) {} }
+      if (A.own && A.stream) for (const t of A.stream.getTracks()) t.stop();
+      A.stream = stream; A.own = false;
+      A.src = A.ctx.createMediaStreamSource(stream); A.src.connect(A.node);
+    };
+    A.open = async () => {
+      await A.wake();
+      const st = await navigator.mediaDevices.getUserMedia({ audio: { echoCancellation: true, noiseSuppression: true, autoGainControl: true } });
+      await A.use(st); A.own = true;
+    };
+    A.play = (ab) => {
+      if (!A.ctx) return;
+      const i16 = new Int16Array(ab); const n = i16.length; if (!n) return;
+      const buf = A.ctx.createBuffer(1, n, 24000); const d = buf.getChannelData(0);
+      for (let i = 0; i < n; i++) d[i] = i16[i] / 32768;
+      const s = A.ctx.createBufferSource(); s.buffer = buf; s.connect(out());
+      const now = A.ctx.currentTime; if (A.playAt < now + 0.06) A.playAt = now + 0.06;
+      s.start(A.playAt); A.playAt += buf.duration; A.sources.push(s);
+      s.onended = () => { const k = A.sources.indexOf(s); if (k >= 0) A.sources.splice(k, 1); };
+    };
+    A.playing = () => Boolean(A.ctx) && A.playAt > A.ctx.currentTime + 0.02;
+    A.flush = () => { for (const s of A.sources) { try { s.stop(); } catch (e) {} } A.sources = []; A.playAt = 0; };
+    A.close = () => { A.flush(); if (A.own && A.stream) for (const t of A.stream.getTracks()) t.stop(); if (A.ctx) { try { A.ctx.close().catch(() => {}); } catch (e) {} } A.ctx = null; A.stream = null; A.src = null; A.node = null; A.nodeReady = null; A.out = null; A.an = null; };
+    return A;
+  }
+`;

package/dist/ui/kid/board-mark-art.d.ts

@@ -0,0 +1,37 @@
+/**
+ * 板书底纹的学科字轮廓:scripts/bake-board-marks.py 生成的,别手改(改字体、排法改那个脚本再跑一遍)。
+ * 单位:中文一个字的字号 = 1;w、h 是贴紧的外框,d 的坐标是这个单位的千分之一(viewBox 0 0 w*1000 h*1000),y 朝下。
+ * 字体都是 SIL Open Font License 1.1(见仓根 NOTICE)。
+ */
+export interface BoardMarkArt {
+    /** 写的是什么 */
+    text: string;
+    /** 照哪款字体烤的 */
+    font: string;
+    w: number;
+    h: number;
+    d: string;
+}
+export declare const BOARD_MARK_ART: {
+    readonly yuwen: {
+        readonly text: "语文";
+        readonly font: "Ma Shan Zheng";
+        readonly w: 0.925;
+        readonly h: 1.823;
+        readonly d: "M395 472Q409 476 439 463Q469 451 503 446Q536 441 591 439Q636 438 652 441Q667 445 688 460Q703 473 705 473Q710 473 713 490Q716 506 714 516Q710 530 708 555Q703 593 694 621Q684 649 673 656Q667 660 674 665Q682 670 691 686Q699 701 703 715Q706 731 694 749Q682 768 670 771Q659 774 631 763Q602 753 570 755Q541 757 503 766Q465 775 460 780Q456 785 446 799Q426 824 417 803Q412 794 399 772Q385 750 387 744Q389 738 380 701Q370 664 364 633Q359 602 352 583Q340 545 343 524Q346 502 366 482Q375 471 380 470Q385 469 395 472ZM585 542Q585 539 558 538Q531 538 500 541Q469 545 454 548L431 557L433 596Q436 635 440 643Q444 651 446 668L448 685L467 682Q485 678 520 673L556 666L564 642Q570 626 577 588Q585 551 585 542ZM121 49Q124 30 129 27Q134 23 168 24Q201 25 226 35Q250 46 252 49Q254 52 260 82Q264 101 263 109Q263 117 259 131Q250 151 245 151Q241 151 241 157Q241 163 233 168Q226 173 209 160Q192 147 181 140Q171 133 163 117Q154 101 136 85Q124 72 122 67Q120 62 121 49ZM556 4Q570 0 594 0Q619 0 625 3Q633 8 634 30Q634 46 633 52Q631 59 621 69Q610 82 602 83Q594 84 577 77Q560 68 548 71Q535 74 533 70Q530 65 521 66Q517 66 516 68Q514 71 515 80Q520 94 526 109Q533 125 528 130Q521 142 539 144Q548 145 564 145Q599 148 630 163Q661 176 666 184Q671 191 663 211Q654 230 656 233Q658 237 651 275Q645 312 646 313Q648 314 719 312Q791 310 820 313Q849 316 857 318Q866 319 873 331Q884 350 878 369Q872 389 855 397Q844 402 819 402Q794 402 790 398Q783 394 655 387Q623 386 571 393Q519 400 466 406Q396 412 353 423Q311 434 311 443Q311 448 307 449Q304 451 295 472Q286 492 283 503Q281 515 270 546Q260 576 256 591Q233 701 220 721Q217 725 213 744Q212 762 198 785Q185 808 171 812Q158 818 147 816Q138 813 119 796Q100 779 96 769Q93 758 88 753Q74 737 73 729Q73 722 80 703Q100 654 107 622Q113 590 113 531Q114 491 113 442Q113 393 111 359Q109 325 108 325Q104 325 89 336Q75 347 64 359Q51 372 43 373Q35 374 20 364Q8 357 3 344Q-2 331 2 321Q5 315 6 310Q6 297 51 266Q97 235 132 223Q149 217 167 221Q184 224 192 236Q198 243 198 247Q198 252 194 265Q190 279 187 357Q184 436 184 499Q184 562 187 572Q189 571 209 542Q229 512 232 505Q234 500 249 479Q264 461 264 454Q265 447 255 445Q242 442 234 432Q226 423 229 413Q230 401 236 401Q241 401 247 393Q255 385 335 364Q378 354 378 336Q378 332 391 315Q401 301 415 268Q430 235 429 225Q429 217 426 217Q422 217 403 225Q389 230 385 230Q382 231 374 225L365 216L374 205Q383 192 409 181L434 167L439 133Q442 99 446 88Q446 81 445 79Q444 76 438 76Q429 77 417 84Q404 92 388 87Q364 82 363 69Q363 64 367 62Q374 58 373 51Q373 44 382 37Q402 24 501 12Q548 6 556 4ZM558 198Q556 195 531 196Q493 198 493 219Q494 238 466 284Q454 302 454 306Q454 310 446 320Q438 331 438 336Q438 337 457 337Q475 337 497 336Q519 334 529 331Q538 330 541 323Q545 315 551 282Q554 259 556 230Q559 201 558 198ZM393 1435Q399 1431 401 1421Q404 1412 415 1385Q426 1358 426 1351Q426 1345 432 1329Q437 1314 437 1301Q437 1287 443 1270Q450 1253 457 1253Q470 1252 499 1289Q528 1325 529 1343Q529 1350 507 1397Q486 1445 475 1462Q465 1478 460 1495Q454 1506 456 1510Q457 1514 467 1523Q480 1536 493 1542Q507 1548 527 1563Q547 1578 597 1599Q646 1620 685 1631Q723 1642 761 1658Q798 1675 804 1675Q810 1674 827 1682Q844 1690 857 1690Q879 1690 902 1707Q926 1723 925 1739Q924 1747 921 1748Q919 1750 910 1749Q895 1749 891 1753Q886 1757 868 1763Q850 1768 826 1793Q806 1815 795 1820Q784 1826 768 1822Q750 1819 714 1803Q678 1788 666 1780Q630 1753 566 1713Q492 1668 431 1616Q413 1600 408 1599Q403 1599 396 1607Q390 1614 380 1622L341 1658Q317 1680 276 1709Q234 1739 208 1753Q185 1765 169 1779Q133 1804 89 1808Q70 1808 62 1807Q55 1805 55 1795Q55 1787 72 1777Q90 1768 92 1764Q95 1761 142 1731Q209 1687 264 1628Q289 1599 318 1563Q346 1527 346 1523Q346 1520 337 1512Q319 1494 295 1449Q266 1394 260 1377Q253 1360 259 1350Q263 1341 272 1341Q280 1341 317 1370Q322 1372 348 1400Q378 1431 383 1436Q389 1440 393 1435ZM299 1033Q290 1016 293 1012Q296 1007 302 997Q308 987 323 989Q338 992 354 1002Q369 1011 375 1011Q381 1011 408 1018Q427 1024 432 1028Q437 1031 441 1040Q444 1053 444 1072Q443 1092 443 1113Q444 1134 432 1157Q421 1180 424 1183Q430 1184 489 1178Q549 1171 572 1165Q633 1151 677 1153Q721 1154 736 1170Q746 1182 742 1206Q739 1230 724 1242Q710 1255 686 1243Q674 1237 646 1229Q617 1221 542 1225Q471 1227 430 1233Q389 1240 339 1257Q314 1267 297 1269Q255 1277 222 1289Q189 1301 181 1311Q164 1333 127 1313Q112 1306 103 1292Q94 1279 100 1274Q103 1270 128 1261Q153 1251 161 1251Q169 1251 176 1246Q183 1242 237 1226Q291 1210 325 1203Q358 1196 360 1194Q361 1193 352 1175Q343 1158 333 1131Q323 1104 323 1095Q322 1079 299 1033Z";
+    };
+    readonly shuxue: {
+        readonly text: "数学";
+        readonly font: "Noto Serif SC Black";
+        readonly w: 0.971;
+        readonly h: 1.952;
+        readonly d: "M408 558V586H23L14 558ZM350 558 418 493 530 590Q522 602 491 606Q455 694 392 762Q328 831 234 878Q140 924 11 948L5 935Q155 880 243 784Q331 688 362 558ZM61 700Q174 691 252 698Q329 705 376 722Q423 740 445 764Q467 787 469 810Q471 833 458 852Q446 870 424 878Q403 885 378 877Q352 851 313 826Q274 802 228 781Q182 760 135 745Q88 730 47 722ZM47 722Q63 698 82 662Q102 625 122 584Q141 544 156 508Q172 472 180 450L330 503Q326 512 313 518Q300 523 264 516L293 504Q280 531 258 573Q236 615 212 658Q188 702 166 736ZM846 137Q846 137 858 148Q871 158 890 174Q910 190 932 208Q953 226 971 242Q967 258 942 258H596V230H776ZM771 45Q768 55 758 62Q749 68 732 69Q697 218 640 334Q584 449 498 531L486 524Q511 455 530 369Q550 283 563 188Q576 94 580 3ZM897 230Q887 354 858 466Q830 577 771 670Q712 764 612 835Q512 906 360 950L355 941Q467 879 540 802Q614 724 657 633Q700 542 718 440Q737 339 740 230ZM576 246Q597 389 646 500Q694 610 774 690Q853 770 966 822L963 832Q912 843 882 872Q853 902 839 951Q747 884 692 783Q636 682 607 552Q578 421 565 267ZM522 76Q519 85 510 91Q500 97 484 97Q457 125 426 153Q395 181 366 201L352 194Q359 164 366 120Q374 75 381 32ZM46 36Q106 49 138 70Q170 92 180 115Q190 138 184 158Q178 179 161 192Q144 204 122 202Q99 201 76 181Q75 144 63 106Q51 68 37 41ZM319 260Q389 264 430 282Q471 301 488 325Q505 349 503 372Q501 396 485 413Q469 430 444 432Q420 435 391 417Q385 390 372 362Q359 335 343 310Q327 284 311 265ZM303 239Q262 319 184 380Q107 440 9 481L0 468Q58 421 100 356Q141 290 163 223H303ZM364 15Q363 24 356 30Q349 37 331 40V433Q331 437 314 445Q298 453 274 459Q249 465 224 465H201V0ZM453 141Q453 141 470 156Q487 170 510 191Q533 212 551 230Q548 246 525 246H16L8 218H398ZM185 1362H646V1390H194ZM16 1594H738L814 1493Q814 1493 828 1504Q842 1515 864 1532Q886 1550 910 1570Q933 1589 952 1606Q948 1622 922 1622H24ZM400 1490 587 1505Q584 1525 554 1531V1784Q554 1833 540 1868Q526 1903 483 1924Q440 1944 351 1952Q347 1916 340 1890Q333 1865 315 1848Q297 1831 272 1819Q247 1807 194 1797V1785Q194 1785 210 1786Q226 1787 251 1788Q276 1790 302 1792Q329 1793 350 1794Q371 1795 379 1795Q391 1795 396 1791Q400 1787 400 1777ZM138 1226H838V1254H138ZM116 1140 128 1139Q165 1208 170 1264Q175 1319 158 1356Q141 1394 112 1410Q82 1427 50 1418Q19 1408 8 1376Q-2 1344 14 1321Q29 1298 56 1285Q83 1268 104 1228Q124 1189 116 1140ZM764 1226H753L830 1149L962 1273Q956 1280 948 1283Q939 1286 922 1287Q898 1302 864 1318Q831 1335 796 1350Q760 1365 729 1375L724 1370Q732 1349 740 1323Q747 1297 754 1271Q760 1245 764 1226ZM163 1012Q241 1022 285 1046Q329 1070 346 1099Q363 1128 359 1156Q355 1183 336 1200Q316 1218 288 1220Q260 1221 229 1197Q226 1165 215 1132Q204 1100 188 1070Q173 1040 155 1017ZM393 1000Q468 1017 508 1044Q548 1071 560 1101Q572 1131 564 1157Q556 1183 534 1198Q512 1213 483 1210Q454 1208 425 1181Q426 1149 420 1118Q415 1087 406 1058Q396 1028 385 1004ZM667 1000 846 1067Q842 1075 832 1080Q823 1085 806 1083Q767 1117 712 1160Q656 1203 600 1236H576Q593 1202 610 1160Q627 1119 642 1076Q657 1034 667 1000ZM599 1362H587L667 1287L796 1410Q790 1417 782 1420Q773 1422 756 1424Q721 1440 674 1459Q626 1478 578 1496Q530 1513 490 1525L485 1519Q504 1497 526 1469Q547 1441 566 1412Q586 1383 599 1362Z";
+    };
+    readonly english: {
+        readonly text: "ENGLISH";
+        readonly font: "Barlow SemiBold";
+        readonly w: 0.315;
+        readonly h: 1.881;
+        readonly d: "M268 203V53Q268 51 265 51H183Q181 51 181 53V154Q181 156 179 158Q178 159 176 159H142Q140 159 138 158Q137 156 137 154V53Q137 51 135 51H50Q48 51 48 53V203Q48 205 46 207Q44 209 42 209H9Q7 209 5 207Q4 205 4 203V5Q4 3 5 2Q7 0 9 0H306Q308 0 310 2Q312 3 312 5V203Q312 205 310 207Q308 209 306 209H273Q271 209 269 207Q268 205 268 203ZM312 480V521Q312 523 310 524Q308 526 306 526H9Q7 526 5 524Q4 523 4 521V481Q4 477 7 475L215 348Q216 348 216 347Q216 346 214 346L9 347Q7 347 5 345Q4 344 4 341V301Q4 299 5 297Q7 296 9 296H306Q308 296 310 297Q312 299 312 301V340Q312 345 308 346L100 473Q99 473 99 474Q99 475 101 475L306 475Q308 475 310 476Q312 478 312 480ZM104 618H211Q242 618 266 631Q289 645 302 670Q315 695 315 728Q315 761 302 786Q290 810 268 824Q246 838 218 838H214Q212 838 211 836Q209 835 209 832V792Q209 790 211 789Q212 787 214 787H216Q240 787 256 771Q271 755 271 728Q271 701 255 685Q239 669 213 669H103Q76 669 60 686Q44 703 44 730Q44 757 58 772Q72 787 96 787H123Q125 787 125 785V731Q125 729 127 727Q128 726 131 726H163Q165 726 167 727Q169 729 169 731V832Q169 835 167 836Q165 838 163 838H107Q56 838 28 808Q0 778 0 728Q0 695 13 670Q26 645 50 631Q73 618 104 618ZM9 930H306Q308 930 310 932Q312 933 312 935V976Q312 978 310 980Q308 981 306 981H50Q48 981 48 983V1131Q48 1133 46 1135Q44 1136 42 1136H9Q7 1136 5 1135Q4 1133 4 1131V935Q4 933 5 932Q7 930 9 930ZM9 1217H306Q308 1217 310 1218Q312 1220 312 1222V1262Q312 1265 310 1266Q308 1268 306 1268H9Q7 1268 5 1266Q4 1265 4 1262V1222Q4 1220 5 1218Q7 1217 9 1217ZM88 1353H99Q102 1353 103 1355Q105 1357 105 1359V1398Q105 1400 103 1402Q102 1403 99 1403H91Q71 1403 57 1421Q44 1439 44 1470Q44 1497 55 1511Q67 1525 85 1525Q97 1525 106 1517Q114 1510 121 1496Q128 1482 139 1454Q150 1423 161 1404Q171 1384 188 1371Q205 1358 231 1358Q270 1358 293 1386Q315 1415 315 1462Q315 1495 304 1520Q292 1545 272 1559Q251 1573 224 1573H217Q215 1573 213 1572Q212 1570 212 1568V1529Q212 1526 213 1525Q215 1523 217 1523H222Q242 1523 257 1506Q271 1489 271 1459Q271 1435 261 1422Q251 1408 232 1408Q219 1408 211 1415Q202 1423 196 1437Q189 1451 178 1480Q166 1511 157 1530Q147 1549 130 1562Q112 1576 86 1576Q47 1576 23 1546Q0 1517 0 1467Q0 1432 11 1407Q22 1381 42 1367Q62 1353 88 1353ZM312 1835V1876Q312 1878 310 1879Q308 1881 306 1881H9Q7 1881 5 1879Q4 1878 4 1876V1835Q4 1833 5 1831Q7 1830 9 1830H135Q137 1830 137 1828V1716Q137 1713 135 1713H9Q7 1713 5 1712Q4 1710 4 1708V1668Q4 1665 5 1664Q7 1662 9 1662H306Q308 1662 310 1664Q312 1665 312 1668V1708Q312 1710 310 1712Q308 1713 306 1713H183Q181 1713 181 1716V1828Q181 1830 183 1830H306Q308 1830 310 1831Q312 1833 312 1835Z";
+    };
+};

package/dist/ui/kid/board-mark-art.js

@@ -0,0 +1,5 @@
+export const BOARD_MARK_ART = {
+    yuwen: { text: '语文', font: 'Ma Shan Zheng', w: 0.925, h: 1.823, d: 'M395 472Q409 476 439 463Q469 451 503 446Q536 441 591 439Q636 438 652 441Q667 445 688 460Q703 473 705 473Q710 473 713 490Q716 506 714 516Q710 530 708 555Q703 593 694 621Q684 649 673 656Q667 660 674 665Q682 670 691 686Q699 701 703 715Q706 731 694 749Q682 768 670 771Q659 774 631 763Q602 753 570 755Q541 757 503 766Q465 775 460 780Q456 785 446 799Q426 824 417 803Q412 794 399 772Q385 750 387 744Q389 738 380 701Q370 664 364 633Q359 602 352 583Q340 545 343 524Q346 502 366 482Q375 471 380 470Q385 469 395 472ZM585 542Q585 539 558 538Q531 538 500 541Q469 545 454 548L431 557L433 596Q436 635 440 643Q444 651 446 668L448 685L467 682Q485 678 520 673L556 666L564 642Q570 626 577 588Q585 551 585 542ZM121 49Q124 30 129 27Q134 23 168 24Q201 25 226 35Q250 46 252 49Q254 52 260 82Q264 101 263 109Q263 117 259 131Q250 151 245 151Q241 151 241 157Q241 163 233 168Q226 173 209 160Q192 147 181 140Q171 133 163 117Q154 101 136 85Q124 72 122 67Q120 62 121 49ZM556 4Q570 0 594 0Q619 0 625 3Q633 8 634 30Q634 46 633 52Q631 59 621 69Q610 82 602 83Q594 84 577 77Q560 68 548 71Q535 74 533 70Q530 65 521 66Q517 66 516 68Q514 71 515 80Q520 94 526 109Q533 125 528 130Q521 142 539 144Q548 145 564 145Q599 148 630 163Q661 176 666 184Q671 191 663 211Q654 230 656 233Q658 237 651 275Q645 312 646 313Q648 314 719 312Q791 310 820 313Q849 316 857 318Q866 319 873 331Q884 350 878 369Q872 389 855 397Q844 402 819 402Q794 402 790 398Q783 394 655 387Q623 386 571 393Q519 400 466 406Q396 412 353 423Q311 434 311 443Q311 448 307 449Q304 451 295 472Q286 492 283 503Q281 515 270 546Q260 576 256 591Q233 701 220 721Q217 725 213 744Q212 762 198 785Q185 808 171 812Q158 818 147 816Q138 813 119 796Q100 779 96 769Q93 758 88 753Q74 737 73 729Q73 722 80 703Q100 654 107 622Q113 590 113 531Q114 491 113 442Q113 393 111 359Q109 325 108 325Q104 325 89 336Q75 347 64 359Q51 372 43 373Q35 374 20 364Q8 357 3 344Q-2 331 2 321Q5 315 6 310Q6 297 51 266Q97 235 132 223Q149 217 167 221Q184 224 192 236Q198 243 198 247Q198 252 194 265Q190 279 187 357Q184 436 184 499Q184 562 187 572Q189 571 209 542Q229 512 232 505Q234 500 249 479Q264 461 264 454Q265 447 255 445Q242 442 234 432Q226 423 229 413Q230 401 236 401Q241 401 247 393Q255 385 335 364Q378 354 378 336Q378 332 391 315Q401 301 415 268Q430 235 429 225Q429 217 426 217Q422 217 403 225Q389 230 385 230Q382 231 374 225L365 216L374 205Q383 192 409 181L434 167L439 133Q442 99 446 88Q446 81 445 79Q444 76 438 76Q429 77 417 84Q404 92 388 87Q364 82 363 69Q363 64 367 62Q374 58 373 51Q373 44 382 37Q402 24 501 12Q548 6 556 4ZM558 198Q556 195 531 196Q493 198 493 219Q494 238 466 284Q454 302 454 306Q454 310 446 320Q438 331 438 336Q438 337 457 337Q475 337 497 336Q519 334 529 331Q538 330 541 323Q545 315 551 282Q554 259 556 230Q559 201 558 198ZM393 1435Q399 1431 401 1421Q404 1412 415 1385Q426 1358 426 1351Q426 1345 432 1329Q437 1314 437 1301Q437 1287 443 1270Q450 1253 457 1253Q470 1252 499 1289Q528 1325 529 1343Q529 1350 507 1397Q486 1445 475 1462Q465 1478 460 1495Q454 1506 456 1510Q457 1514 467 1523Q480 1536 493 1542Q507 1548 527 1563Q547 1578 597 1599Q646 1620 685 1631Q723 1642 761 1658Q798 1675 804 1675Q810 1674 827 1682Q844 1690 857 1690Q879 1690 902 1707Q926 1723 925 1739Q924 1747 921 1748Q919 1750 910 1749Q895 1749 891 1753Q886 1757 868 1763Q850 1768 826 1793Q806 1815 795 1820Q784 1826 768 1822Q750 1819 714 1803Q678 1788 666 1780Q630 1753 566 1713Q492 1668 431 1616Q413 1600 408 1599Q403 1599 396 1607Q390 1614 380 1622L341 1658Q317 1680 276 1709Q234 1739 208 1753Q185 1765 169 1779Q133 1804 89 1808Q70 1808 62 1807Q55 1805 55 1795Q55 1787 72 1777Q90 1768 92 1764Q95 1761 142 1731Q209 1687 264 1628Q289 1599 318 1563Q346 1527 346 1523Q346 1520 337 1512Q319 1494 295 1449Q266 1394 260 1377Q253 1360 259 1350Q263 1341 272 1341Q280 1341 317 1370Q322 1372 348 1400Q378 1431 383 1436Q389 1440 393 1435ZM299 1033Q290 1016 293 1012Q296 1007 302 997Q308 987 323 989Q338 992 354 1002Q369 1011 375 1011Q381 1011 408 1018Q427 1024 432 1028Q437 1031 441 1040Q444 1053 444 1072Q443 1092 443 1113Q444 1134 432 1157Q421 1180 424 1183Q430 1184 489 1178Q549 1171 572 1165Q633 1151 677 1153Q721 1154 736 1170Q746 1182 742 1206Q739 1230 724 1242Q710 1255 686 1243Q674 1237 646 1229Q617 1221 542 1225Q471 1227 430 1233Q389 1240 339 1257Q314 1267 297 1269Q255 1277 222 1289Q189 1301 181 1311Q164 1333 127 1313Q112 1306 103 1292Q94 1279 100 1274Q103 1270 128 1261Q153 1251 161 1251Q169 1251 176 1246Q183 1242 237 1226Q291 1210 325 1203Q358 1196 360 1194Q361 1193 352 1175Q343 1158 333 1131Q323 1104 323 1095Q322 1079 299 1033Z' },
+    shuxue: { text: '数学', font: 'Noto Serif SC Black', w: 0.971, h: 1.952, d: 'M408 558V586H23L14 558ZM350 558 418 493 530 590Q522 602 491 606Q455 694 392 762Q328 831 234 878Q140 924 11 948L5 935Q155 880 243 784Q331 688 362 558ZM61 700Q174 691 252 698Q329 705 376 722Q423 740 445 764Q467 787 469 810Q471 833 458 852Q446 870 424 878Q403 885 378 877Q352 851 313 826Q274 802 228 781Q182 760 135 745Q88 730 47 722ZM47 722Q63 698 82 662Q102 625 122 584Q141 544 156 508Q172 472 180 450L330 503Q326 512 313 518Q300 523 264 516L293 504Q280 531 258 573Q236 615 212 658Q188 702 166 736ZM846 137Q846 137 858 148Q871 158 890 174Q910 190 932 208Q953 226 971 242Q967 258 942 258H596V230H776ZM771 45Q768 55 758 62Q749 68 732 69Q697 218 640 334Q584 449 498 531L486 524Q511 455 530 369Q550 283 563 188Q576 94 580 3ZM897 230Q887 354 858 466Q830 577 771 670Q712 764 612 835Q512 906 360 950L355 941Q467 879 540 802Q614 724 657 633Q700 542 718 440Q737 339 740 230ZM576 246Q597 389 646 500Q694 610 774 690Q853 770 966 822L963 832Q912 843 882 872Q853 902 839 951Q747 884 692 783Q636 682 607 552Q578 421 565 267ZM522 76Q519 85 510 91Q500 97 484 97Q457 125 426 153Q395 181 366 201L352 194Q359 164 366 120Q374 75 381 32ZM46 36Q106 49 138 70Q170 92 180 115Q190 138 184 158Q178 179 161 192Q144 204 122 202Q99 201 76 181Q75 144 63 106Q51 68 37 41ZM319 260Q389 264 430 282Q471 301 488 325Q505 349 503 372Q501 396 485 413Q469 430 444 432Q420 435 391 417Q385 390 372 362Q359 335 343 310Q327 284 311 265ZM303 239Q262 319 184 380Q107 440 9 481L0 468Q58 421 100 356Q141 290 163 223H303ZM364 15Q363 24 356 30Q349 37 331 40V433Q331 437 314 445Q298 453 274 459Q249 465 224 465H201V0ZM453 141Q453 141 470 156Q487 170 510 191Q533 212 551 230Q548 246 525 246H16L8 218H398ZM185 1362H646V1390H194ZM16 1594H738L814 1493Q814 1493 828 1504Q842 1515 864 1532Q886 1550 910 1570Q933 1589 952 1606Q948 1622 922 1622H24ZM400 1490 587 1505Q584 1525 554 1531V1784Q554 1833 540 1868Q526 1903 483 1924Q440 1944 351 1952Q347 1916 340 1890Q333 1865 315 1848Q297 1831 272 1819Q247 1807 194 1797V1785Q194 1785 210 1786Q226 1787 251 1788Q276 1790 302 1792Q329 1793 350 1794Q371 1795 379 1795Q391 1795 396 1791Q400 1787 400 1777ZM138 1226H838V1254H138ZM116 1140 128 1139Q165 1208 170 1264Q175 1319 158 1356Q141 1394 112 1410Q82 1427 50 1418Q19 1408 8 1376Q-2 1344 14 1321Q29 1298 56 1285Q83 1268 104 1228Q124 1189 116 1140ZM764 1226H753L830 1149L962 1273Q956 1280 948 1283Q939 1286 922 1287Q898 1302 864 1318Q831 1335 796 1350Q760 1365 729 1375L724 1370Q732 1349 740 1323Q747 1297 754 1271Q760 1245 764 1226ZM163 1012Q241 1022 285 1046Q329 1070 346 1099Q363 1128 359 1156Q355 1183 336 1200Q316 1218 288 1220Q260 1221 229 1197Q226 1165 215 1132Q204 1100 188 1070Q173 1040 155 1017ZM393 1000Q468 1017 508 1044Q548 1071 560 1101Q572 1131 564 1157Q556 1183 534 1198Q512 1213 483 1210Q454 1208 425 1181Q426 1149 420 1118Q415 1087 406 1058Q396 1028 385 1004ZM667 1000 846 1067Q842 1075 832 1080Q823 1085 806 1083Q767 1117 712 1160Q656 1203 600 1236H576Q593 1202 610 1160Q627 1119 642 1076Q657 1034 667 1000ZM599 1362H587L667 1287L796 1410Q790 1417 782 1420Q773 1422 756 1424Q721 1440 674 1459Q626 1478 578 1496Q530 1513 490 1525L485 1519Q504 1497 526 1469Q547 1441 566 1412Q586 1383 599 1362Z' },
+    english: { text: 'ENGLISH', font: 'Barlow SemiBold', w: 0.315, h: 1.881, d: 'M268 203V53Q268 51 265 51H183Q181 51 181 53V154Q181 156 179 158Q178 159 176 159H142Q140 159 138 158Q137 156 137 154V53Q137 51 135 51H50Q48 51 48 53V203Q48 205 46 207Q44 209 42 209H9Q7 209 5 207Q4 205 4 203V5Q4 3 5 2Q7 0 9 0H306Q308 0 310 2Q312 3 312 5V203Q312 205 310 207Q308 209 306 209H273Q271 209 269 207Q268 205 268 203ZM312 480V521Q312 523 310 524Q308 526 306 526H9Q7 526 5 524Q4 523 4 521V481Q4 477 7 475L215 348Q216 348 216 347Q216 346 214 346L9 347Q7 347 5 345Q4 344 4 341V301Q4 299 5 297Q7 296 9 296H306Q308 296 310 297Q312 299 312 301V340Q312 345 308 346L100 473Q99 473 99 474Q99 475 101 475L306 475Q308 475 310 476Q312 478 312 480ZM104 618H211Q242 618 266 631Q289 645 302 670Q315 695 315 728Q315 761 302 786Q290 810 268 824Q246 838 218 838H214Q212 838 211 836Q209 835 209 832V792Q209 790 211 789Q212 787 214 787H216Q240 787 256 771Q271 755 271 728Q271 701 255 685Q239 669 213 669H103Q76 669 60 686Q44 703 44 730Q44 757 58 772Q72 787 96 787H123Q125 787 125 785V731Q125 729 127 727Q128 726 131 726H163Q165 726 167 727Q169 729 169 731V832Q169 835 167 836Q165 838 163 838H107Q56 838 28 808Q0 778 0 728Q0 695 13 670Q26 645 50 631Q73 618 104 618ZM9 930H306Q308 930 310 932Q312 933 312 935V976Q312 978 310 980Q308 981 306 981H50Q48 981 48 983V1131Q48 1133 46 1135Q44 1136 42 1136H9Q7 1136 5 1135Q4 1133 4 1131V935Q4 933 5 932Q7 930 9 930ZM9 1217H306Q308 1217 310 1218Q312 1220 312 1222V1262Q312 1265 310 1266Q308 1268 306 1268H9Q7 1268 5 1266Q4 1265 4 1262V1222Q4 1220 5 1218Q7 1217 9 1217ZM88 1353H99Q102 1353 103 1355Q105 1357 105 1359V1398Q105 1400 103 1402Q102 1403 99 1403H91Q71 1403 57 1421Q44 1439 44 1470Q44 1497 55 1511Q67 1525 85 1525Q97 1525 106 1517Q114 1510 121 1496Q128 1482 139 1454Q150 1423 161 1404Q171 1384 188 1371Q205 1358 231 1358Q270 1358 293 1386Q315 1415 315 1462Q315 1495 304 1520Q292 1545 272 1559Q251 1573 224 1573H217Q215 1573 213 1572Q212 1570 212 1568V1529Q212 1526 213 1525Q215 1523 217 1523H222Q242 1523 257 1506Q271 1489 271 1459Q271 1435 261 1422Q251 1408 232 1408Q219 1408 211 1415Q202 1423 196 1437Q189 1451 178 1480Q166 1511 157 1530Q147 1549 130 1562Q112 1576 86 1576Q47 1576 23 1546Q0 1517 0 1467Q0 1432 11 1407Q22 1381 42 1367Q62 1353 88 1353ZM312 1835V1876Q312 1878 310 1879Q308 1881 306 1881H9Q7 1881 5 1879Q4 1878 4 1876V1835Q4 1833 5 1831Q7 1830 9 1830H135Q137 1830 137 1828V1716Q137 1713 135 1713H9Q7 1713 5 1712Q4 1710 4 1708V1668Q4 1665 5 1664Q7 1662 9 1662H306Q308 1662 310 1664Q312 1665 312 1668V1708Q312 1710 310 1712Q308 1713 306 1713H183Q181 1713 181 1716V1828Q181 1830 183 1830H306Q308 1830 310 1831Q312 1833 312 1835Z' },
+};

package/dist/ui/kid/board-mark.d.ts

@@ -0,0 +1,24 @@
+import { BOARD_MARK_ART } from './board-mark-art.ts';
+export type BoardMarkId = keyof typeof BOARD_MARK_ART;
+/** 这位老师的板上写什么:三门主科(含别名)各一个,别的 null(空着) */
+export declare function boardMarkOf(subject: string | null | undefined): BoardMarkId | null;
+/**
+ * 怎么摆:right = 外框右沿离板右沿多远(乘 s;负数出纸边),top = 离板顶多少 px(加安全区),o = 不透明度。
+ * top 从两角按钮下面起(实时页回首页胶囊下沿 64、「更多」54,再空出十几 px),右手不让「更多」压着、左撇子不让胶囊压着;
+ * 三种字墨量差得多(粗宋最重、ENGLISH 最轻),浓淡分开压到看着一样淡;ENGLISH 是孩子认得的词,字母不切边
+ */
+export declare const BOARD_MARK_PLACE: Readonly<Record<BoardMarkId, {
+    right: number;
+    top: number;
+    o: number;
+}>>;
+/** 字的下沿离板底至少多少 px:字太高就缩,不出板的底边 */
+export declare const BOARD_MARK_BOTTOM = 16;
+/** 字的墨色(暖一点的深褐,压在纸色上) */
+export declare const BOARD_INK = "#4a3f2e";
+/** 老师页的样式:字在 #bmark */
+export declare const BOARD_MARK_CSS = "\n  #bmark { position:absolute; inset:0; z-index:-1; overflow:hidden; pointer-events:none; container-type:size; color:#4a3f2e; }\n  #bmark[hidden] { display:none; }\n  #bmark svg { position:absolute; display:block; --s:min(48vh, 72vw, (100vh - env(safe-area-inset-top) - var(--bm-top) * 1px - 16px) / var(--bm-h)); top:calc(env(safe-area-inset-top) + var(--bm-top) * 1px); right:calc(var(--s) * var(--bm-right)); width:calc(var(--s) * var(--bm-w)); height:calc(var(--s) * var(--bm-h)); opacity:var(--bm-o); }\n  @supports (width:1cqh) { #bmark svg { --s:min(48cqh, 72cqw, (100cqh - env(safe-area-inset-top) - var(--bm-top) * 1px - 16px) / var(--bm-h)); } }\n";
+/** 平板横屏实时、左撇子:白纸在右边,字挪到左边(插进老师页那段横屏媒体查询里) */
+export declare const BOARD_MARK_HAND_LEFT_CSS = "body.live.hand-left #bmark svg { right:auto; left:calc(var(--s) * var(--bm-right)); }";
+/** markBoard(el, t):把 t.mark 那个字放进 el(#bmark);t 没有 mark(别的老师、还不知道是谁)就收起来 */
+export declare const BOARD_MARK_JS: string;

package/dist/ui/kid/board-mark.js

@@ -0,0 +1,58 @@
+/**
+ * 板书的底纹:三门主科在板右边竖着写一个很淡的学科名,像课本的书脊;板是平的纸色,不铺纸纹。
+ * - 字:照课本封面——语文毛笔「语文」、数学粗宋「数学」、英语「ENGLISH」;轮廓是 board-mark-art.ts 里烤好的(scripts/bake-board-marks.py),页面不加载字体
+ *   别的老师(家长自己加的)不写字
+ * 字放在 #wrap 里垫底的 #bmark:不跟板书滚,卡铺上来盖住就盖住;字从两角按钮下面起,字号 s 跟着板走(板高的 48%、板宽的 72% 取小的,太高就再缩到下沿离板底 16)。
+ * 脚本是 ES5、没有反斜杠与反引号(插进老师页的模板字符串)。tests/board-mark.test.ts 盯着。
+ */
+import { canonicalSubject } from "../../schema/config.js";
+import { BOARD_MARK_ART } from "./board-mark-art.js";
+const BY_SUBJECT = { 语文: 'yuwen', 数学: 'shuxue', 英语: 'english' };
+/** 这位老师的板上写什么:三门主科(含别名)各一个,别的 null(空着) */
+export function boardMarkOf(subject) {
+    return BY_SUBJECT[canonicalSubject(subject) ?? ''] ?? null;
+}
+/**
+ * 怎么摆:right = 外框右沿离板右沿多远(乘 s;负数出纸边),top = 离板顶多少 px(加安全区),o = 不透明度。
+ * top 从两角按钮下面起(实时页回首页胶囊下沿 64、「更多」54,再空出十几 px),右手不让「更多」压着、左撇子不让胶囊压着;
+ * 三种字墨量差得多(粗宋最重、ENGLISH 最轻),浓淡分开压到看着一样淡;ENGLISH 是孩子认得的词,字母不切边
+ */
+export const BOARD_MARK_PLACE = {
+    yuwen: { right: -0.07, top: 82, o: 0.065 },
+    shuxue: { right: -0.07, top: 80, o: 0.05 },
+    english: { right: 0.03, top: 86, o: 0.05 },
+};
+/** 字的下沿离板底至少多少 px:字太高就缩,不出板的底边 */
+export const BOARD_MARK_BOTTOM = 16;
+/** 字的墨色(暖一点的深褐,压在纸色上) */
+export const BOARD_INK = '#4a3f2e';
+/** 老师页的样式:字在 #bmark */
+export const BOARD_MARK_CSS = `
+  #bmark { position:absolute; inset:0; z-index:-1; overflow:hidden; pointer-events:none; container-type:size; color:${BOARD_INK}; }
+  #bmark[hidden] { display:none; }
+  #bmark svg { position:absolute; display:block; --s:min(48vh, 72vw, (100vh - env(safe-area-inset-top) - var(--bm-top) * 1px - ${BOARD_MARK_BOTTOM}px) / var(--bm-h)); top:calc(env(safe-area-inset-top) + var(--bm-top) * 1px); right:calc(var(--s) * var(--bm-right)); width:calc(var(--s) * var(--bm-w)); height:calc(var(--s) * var(--bm-h)); opacity:var(--bm-o); }
+  @supports (width:1cqh) { #bmark svg { --s:min(48cqh, 72cqw, (100cqh - env(safe-area-inset-top) - var(--bm-top) * 1px - ${BOARD_MARK_BOTTOM}px) / var(--bm-h)); } }
+`;
+/** 平板横屏实时、左撇子:白纸在右边,字挪到左边(插进老师页那段横屏媒体查询里) */
+export const BOARD_MARK_HAND_LEFT_CSS = `body.live.hand-left #bmark svg { right:auto; left:calc(var(--s) * var(--bm-right)); }`;
+const MARKS_JSON = JSON.stringify(Object.fromEntries(Object.keys(BOARD_MARK_ART).map((id) => {
+    const a = BOARD_MARK_ART[id];
+    const p = BOARD_MARK_PLACE[id];
+    return [id, { w: a.w, h: a.h, d: a.d, right: p.right, top: p.top, o: p.o }];
+})));
+/** markBoard(el, t):把 t.mark 那个字放进 el(#bmark);t 没有 mark(别的老师、还不知道是谁)就收起来 */
+export const BOARD_MARK_JS = `
+  var BOARD_MARKS = ${MARKS_JSON};
+  var markBoard = function (el, t) {
+    if (!el) return;
+    var id = t && t.mark;
+    var m = id ? BOARD_MARKS[id] : null;
+    if (!m) { el.hidden = true; el.textContent = ''; el.removeAttribute('data-mark'); return; }
+    if (el.getAttribute('data-mark') === id) { el.hidden = false; return; }
+    el.setAttribute('data-mark', id);
+    el.innerHTML = '<svg viewBox="0 0 ' + Math.round(m.w * 1000) + ' ' + Math.round(m.h * 1000) + '" preserveAspectRatio="none" aria-hidden="true" focusable="false"><path fill="currentColor" d="' + m.d + '"></path></svg>';
+    var s = el.firstChild.style;
+    s.setProperty('--bm-w', m.w); s.setProperty('--bm-h', m.h); s.setProperty('--bm-right', m.right); s.setProperty('--bm-top', m.top); s.setProperty('--bm-o', m.o);
+    el.hidden = false;
+  };
+`;

package/dist/ui/kid/kid-log.d.ts

@@ -0,0 +1,15 @@
+/**
+ * 孩子端的流水,页面这一半:各页共用的那段脚本,把打开、出错、前台时长、权限、连接报给 POST /api/kid/log。
+ * 服务端收、存、读(.cotutor/kid-log/<日期>.jsonl 与设备表 .cotutor/devices.json)在 src/runtime/journal/kid-log.ts。
+ */
+/**
+ * 各页共用的那段脚本:装上出错的监听,kidLog.start({page, mode, v, ctx}) 报一次打开(只在 mode 是 kid 时)。
+ * 孩子端模式下还在前台计时(7.4):切到后台、离开页面时记一笔 fg,一直开着每 5 分钟也记一笔;不满 1 秒的不记。
+ * 打开那行带 caps(7.2):麦克风权限(问 navigator.permissions,问不出 unknown;最多等 1.5 秒)、有没有 getUserMedia;
+ * 麦克风权限变了、kidLog.blocked('autoplay')(老师的声音被浏览器拦了,一次打开只记一次)各记一行 perm。
+ * 连接(7.3):kidLog.offline(on) 心跳断了 / 又通了,通了那一下记 net offline 与断了多久;kidLog.live(opened, ms) 实时老师的连接不是孩子自己收的、自己关了。
+ * 同一次打开里同一条报错只报一次、最多 20 条(防一个死循环写满文件,是护栏不是限额);只收脚本错,图片、声音读不出不收。
+ * 用在首页 / 老师页(kid-page.ts,各种模式都带)、听写(中、英)、口语课;tests/kid-log.test.ts 盯着这几页都带它。
+ * 脚本是 ES5、没有反斜杠与反引号(插进各页的模板字符串)。
+ */
+export declare const KID_LOG_JS = "\n  var kidLog = (function () {\n    var sent = {}, n = 0, page = '', mode = 'kid', v = '', ctx = null, fgSince = 0, blocked = {}, offSince = 0;\n    var cut = function (s, k) { s = String(s == null ? '' : s); return s.length > k ? s.slice(0, k) : s; };\n    var post = function (row) { try { fetch('/api/kid/log', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify(row), keepalive: true, credentials: 'same-origin' }).catch(function () {}); } catch (e) {} };\n    var report = function (msg, where, stack) {\n      var key = msg + '@' + where;\n      if (sent[key] || n >= 20) return;\n      sent[key] = 1; n++;\n      var c = null;\n      try { c = ctx ? ctx() : null; } catch (e) { c = null; }\n      post({ k: 'error', page: page, mode: mode, v: v, msg: cut(msg, 300), where: where, stack: cut(stack, 1500), ua: cut(navigator.userAgent, 400), ctx: c });\n    };\n    window.addEventListener('error', function (e) {\n      if (!e || typeof e.message !== 'string') return;\n      report(e.message || 'error', (e.lineno || 0) + ':' + (e.colno || 0), e.error && e.error.stack);\n    });\n    var flushFg = function () {\n      if (!fgSince) return;\n      var ms = Date.now() - fgSince;\n      if (ms < 1000 && !document.hidden) return;\n      fgSince = document.hidden ? 0 : Date.now();\n      if (ms >= 1000) post({ k: 'fg', page: page, ms: Math.round(ms) });\n    };\n    window.addEventListener('unhandledrejection', function (e) {\n      var r = e ? e.reason : null;\n      report('unhandledrejection: ' + (r && r.message ? r.message : String(r)), '', r && r.stack);\n    });\n    return {\n      offline: function (on) {\n        if (mode !== 'kid') return;\n        if (on) { if (!offSince) offSince = Date.now(); return; }\n        if (!offSince) return;\n        var ms = Date.now() - offSince;\n        offSince = 0;\n        post({ k: 'net', page: page, what: 'offline', ms: Math.round(ms) });\n      },\n      live: function (opened, ms) {\n        if (mode !== 'kid') return;\n        post({ k: 'net', page: page, what: 'live', opened: Boolean(opened), ms: Math.round(ms || 0) });\n      },\n      blocked: function (what) {\n        if (mode !== 'kid' || blocked[what]) return;\n        blocked[what] = 1;\n        post({ k: 'perm', page: page, what: what, state: 'blocked' });\n      },\n      start: function (o) {\n        page = o.page || ''; mode = o.mode || 'kid'; v = o.v || ''; ctx = o.ctx || null;\n        if (mode !== 'kid') return;\n        var standalone = Boolean(navigator.standalone);\n        try { standalone = standalone || matchMedia('(display-mode: standalone)').matches; } catch (e) {}\n        var caps = { mic: 'unknown', gum: Boolean(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) };\n        var opened = false;\n        var sendOpen = function (mic) {\n          if (opened) return;\n          opened = true; caps.mic = mic;\n          post({ k: 'open', page: page, v: v, ua: cut(navigator.userAgent, 400), touch: navigator.maxTouchPoints || 0, standalone: standalone, w: screen.width, h: screen.height, vw: innerWidth, vh: innerHeight, dpr: window.devicePixelRatio || 1, lang: cut(navigator.language, 20), caps: caps });\n        };\n        setTimeout(function () { sendOpen('unknown'); }, 1500);\n        try {\n          navigator.permissions.query({ name: 'microphone' }).then(function (st) {\n            sendOpen(st.state);\n            st.onchange = function () { post({ k: 'perm', page: page, what: 'mic', state: st.state }); };\n          }, function () { sendOpen('unknown'); });\n        } catch (e) { sendOpen('unknown'); }\n        fgSince = document.hidden ? 0 : Date.now();\n        document.addEventListener('visibilitychange', function () { if (document.hidden) flushFg(); else fgSince = Date.now(); });\n        window.addEventListener('pagehide', flushFg);\n        setInterval(function () { if (!document.hidden) flushFg(); }, 300000);\n      },\n    };\n  })();\n";

package/dist/ui/kid/kid-log.js

@@ -0,0 +1,87 @@
+/**
+ * 孩子端的流水,页面这一半:各页共用的那段脚本,把打开、出错、前台时长、权限、连接报给 POST /api/kid/log。
+ * 服务端收、存、读(.cotutor/kid-log/<日期>.jsonl 与设备表 .cotutor/devices.json)在 src/runtime/journal/kid-log.ts。
+ */
+/**
+ * 各页共用的那段脚本:装上出错的监听,kidLog.start({page, mode, v, ctx}) 报一次打开(只在 mode 是 kid 时)。
+ * 孩子端模式下还在前台计时(7.4):切到后台、离开页面时记一笔 fg,一直开着每 5 分钟也记一笔;不满 1 秒的不记。
+ * 打开那行带 caps(7.2):麦克风权限(问 navigator.permissions,问不出 unknown;最多等 1.5 秒)、有没有 getUserMedia;
+ * 麦克风权限变了、kidLog.blocked('autoplay')(老师的声音被浏览器拦了,一次打开只记一次)各记一行 perm。
+ * 连接(7.3):kidLog.offline(on) 心跳断了 / 又通了,通了那一下记 net offline 与断了多久;kidLog.live(opened, ms) 实时老师的连接不是孩子自己收的、自己关了。
+ * 同一次打开里同一条报错只报一次、最多 20 条(防一个死循环写满文件,是护栏不是限额);只收脚本错,图片、声音读不出不收。
+ * 用在首页 / 老师页(kid-page.ts,各种模式都带)、听写(中、英)、口语课;tests/kid-log.test.ts 盯着这几页都带它。
+ * 脚本是 ES5、没有反斜杠与反引号(插进各页的模板字符串)。
+ */
+export const KID_LOG_JS = `
+  var kidLog = (function () {
+    var sent = {}, n = 0, page = '', mode = 'kid', v = '', ctx = null, fgSince = 0, blocked = {}, offSince = 0;
+    var cut = function (s, k) { s = String(s == null ? '' : s); return s.length > k ? s.slice(0, k) : s; };
+    var post = function (row) { try { fetch('/api/kid/log', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify(row), keepalive: true, credentials: 'same-origin' }).catch(function () {}); } catch (e) {} };
+    var report = function (msg, where, stack) {
+      var key = msg + '@' + where;
+      if (sent[key] || n >= 20) return;
+      sent[key] = 1; n++;
+      var c = null;
+      try { c = ctx ? ctx() : null; } catch (e) { c = null; }
+      post({ k: 'error', page: page, mode: mode, v: v, msg: cut(msg, 300), where: where, stack: cut(stack, 1500), ua: cut(navigator.userAgent, 400), ctx: c });
+    };
+    window.addEventListener('error', function (e) {
+      if (!e || typeof e.message !== 'string') return;
+      report(e.message || 'error', (e.lineno || 0) + ':' + (e.colno || 0), e.error && e.error.stack);
+    });
+    var flushFg = function () {
+      if (!fgSince) return;
+      var ms = Date.now() - fgSince;
+      if (ms < 1000 && !document.hidden) return;
+      fgSince = document.hidden ? 0 : Date.now();
+      if (ms >= 1000) post({ k: 'fg', page: page, ms: Math.round(ms) });
+    };
+    window.addEventListener('unhandledrejection', function (e) {
+      var r = e ? e.reason : null;
+      report('unhandledrejection: ' + (r && r.message ? r.message : String(r)), '', r && r.stack);
+    });
+    return {
+      offline: function (on) {
+        if (mode !== 'kid') return;
+        if (on) { if (!offSince) offSince = Date.now(); return; }
+        if (!offSince) return;
+        var ms = Date.now() - offSince;
+        offSince = 0;
+        post({ k: 'net', page: page, what: 'offline', ms: Math.round(ms) });
+      },
+      live: function (opened, ms) {
+        if (mode !== 'kid') return;
+        post({ k: 'net', page: page, what: 'live', opened: Boolean(opened), ms: Math.round(ms || 0) });
+      },
+      blocked: function (what) {
+        if (mode !== 'kid' || blocked[what]) return;
+        blocked[what] = 1;
+        post({ k: 'perm', page: page, what: what, state: 'blocked' });
+      },
+      start: function (o) {
+        page = o.page || ''; mode = o.mode || 'kid'; v = o.v || ''; ctx = o.ctx || null;
+        if (mode !== 'kid') return;
+        var standalone = Boolean(navigator.standalone);
+        try { standalone = standalone || matchMedia('(display-mode: standalone)').matches; } catch (e) {}
+        var caps = { mic: 'unknown', gum: Boolean(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) };
+        var opened = false;
+        var sendOpen = function (mic) {
+          if (opened) return;
+          opened = true; caps.mic = mic;
+          post({ k: 'open', page: page, v: v, ua: cut(navigator.userAgent, 400), touch: navigator.maxTouchPoints || 0, standalone: standalone, w: screen.width, h: screen.height, vw: innerWidth, vh: innerHeight, dpr: window.devicePixelRatio || 1, lang: cut(navigator.language, 20), caps: caps });
+        };
+        setTimeout(function () { sendOpen('unknown'); }, 1500);
+        try {
+          navigator.permissions.query({ name: 'microphone' }).then(function (st) {
+            sendOpen(st.state);
+            st.onchange = function () { post({ k: 'perm', page: page, what: 'mic', state: st.state }); };
+          }, function () { sendOpen('unknown'); });
+        } catch (e) { sendOpen('unknown'); }
+        fgSince = document.hidden ? 0 : Date.now();
+        document.addEventListener('visibilitychange', function () { if (document.hidden) flushFg(); else fgSince = Date.now(); });
+        window.addEventListener('pagehide', flushFg);
+        setInterval(function () { if (!document.hidden) flushFg(); }, 300000);
+      },
+    };
+  })();
+`;

package/dist/ui/kid/kid-nav.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 孩子端的整页跳转:孩子端不往浏览器历史里加东西。首页 ↔ 听写、首页 ↔ 口语课、口语单交给老师页、打完电话回首页都是「替换当前页」,
+ * 孩子端在历史里永远只占一条——浏览器的后退、iPad 左边缘右滑在孩子端里不会把孩子带到旧页面,回首页只认左上角那颗胶囊。
+ * 起因:10-21 Jack 在 iPad 与 Mac Safari 上按后退没反应或像卡住——做过一次听写,历史成了「首页 → 听写 → 首页」,后退回到旧听写页或一个一样的首页,
+ * 孩子端开着麦克风与实时连接,Safari 不能原样存着秒回,只能整页重载、再连老师。
+ * 万一页面是从浏览器缓存里原样恢复的(pageshow.persisted),重载一次,不让孩子看到一个停住的旧画面。
+ * 用在孩子端首页 / 老师页(kid-page.ts,家长端、录像、预览不用)、听写(中、英)、口语课;tests/kid-nav.test.ts 盯着这几页都带它、没有 location.href 跳转。
+ * 脚本是 ES5、没有反斜杠与反引号(插进各页的模板字符串)。
+ */
+/** kidGo(url):孩子端里跳到另一页,替换当前这条历史;页面里以 / 开头的同站链接点了也走它 */
+export declare const KID_NAV_JS = "\n  var kidGo = function (url) { location.replace(url); };\n  document.addEventListener('click', function (e) {\n    if (e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;\n    var a = e.target && e.target.closest ? e.target.closest('a[href]') : null;\n    if (!a || a.target) return;\n    var href = a.getAttribute('href') || '';\n    if (href.charAt(0) !== '/' || href.charAt(1) === '/') return;\n    e.preventDefault(); kidGo(href);\n  });\n  window.addEventListener('pageshow', function (e) { if (e.persisted) location.reload(); });\n";

package/dist/ui/kid/kid-nav.js

@@ -0,0 +1,22 @@
+/**
+ * 孩子端的整页跳转:孩子端不往浏览器历史里加东西。首页 ↔ 听写、首页 ↔ 口语课、口语单交给老师页、打完电话回首页都是「替换当前页」,
+ * 孩子端在历史里永远只占一条——浏览器的后退、iPad 左边缘右滑在孩子端里不会把孩子带到旧页面,回首页只认左上角那颗胶囊。
+ * 起因:10-21 Jack 在 iPad 与 Mac Safari 上按后退没反应或像卡住——做过一次听写,历史成了「首页 → 听写 → 首页」,后退回到旧听写页或一个一样的首页,
+ * 孩子端开着麦克风与实时连接,Safari 不能原样存着秒回,只能整页重载、再连老师。
+ * 万一页面是从浏览器缓存里原样恢复的(pageshow.persisted),重载一次,不让孩子看到一个停住的旧画面。
+ * 用在孩子端首页 / 老师页(kid-page.ts,家长端、录像、预览不用)、听写(中、英)、口语课;tests/kid-nav.test.ts 盯着这几页都带它、没有 location.href 跳转。
+ * 脚本是 ES5、没有反斜杠与反引号(插进各页的模板字符串)。
+ */
+/** kidGo(url):孩子端里跳到另一页,替换当前这条历史;页面里以 / 开头的同站链接点了也走它 */
+export const KID_NAV_JS = `
+  var kidGo = function (url) { location.replace(url); };
+  document.addEventListener('click', function (e) {
+    if (e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;
+    var a = e.target && e.target.closest ? e.target.closest('a[href]') : null;
+    if (!a || a.target) return;
+    var href = a.getAttribute('href') || '';
+    if (href.charAt(0) !== '/' || href.charAt(1) === '/') return;
+    e.preventDefault(); kidGo(href);
+  });
+  window.addEventListener('pageshow', function (e) { if (e.persisted) location.reload(); });
+`;

package/dist/ui/kid/kid-page.d.ts

@@ -0,0 +1,9 @@
+export declare const KID_PAGE: string;
+export interface KidPageMode {
+    /** 录像里孩子的屏幕(/reel):孩子端的样子,数据是 /reel 给的一个话题,只读、不记、点不动 */
+    reel?: boolean;
+    /** 家长端「首页」里的预览(/preview):孩子端首页本身,点了告诉家长页,不跳走、不记看过了 */
+    preview?: boolean;
+}
+/** 孩子端页面(录像、预览也是它):标题(已转义)填进去;mode 见 KidPageMode,不给 = 孩子端 */
+export declare function kidPage(title: string, mode?: KidPageMode, stageV?: string): string;