cotutor 0.2.0 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +249 -21
- package/NOTICE +42 -0
- package/README.md +115 -20
- package/avatars/chinese.webp +0 -0
- package/avatars/english.webp +0 -0
- package/avatars/math.webp +0 -0
- package/bin/cotutor.js +15 -5
- package/cards/canvas/card.css +8 -0
- package/cards/canvas/card.md +68 -0
- package/cards/choice/card.css +18 -0
- package/cards/choice/card.md +55 -0
- package/cards/code/card.css +5 -0
- package/cards/code/card.md +46 -0
- package/cards/dictation/card.css +10 -0
- package/cards/dictation/card.md +97 -0
- package/cards/image/card.css +10 -0
- package/cards/image/card.md +52 -0
- package/cards/lecture/card.css +9 -0
- package/cards/lecture/card.md +69 -0
- package/cards/paint/card.css +20 -0
- package/cards/paint/card.md +77 -0
- package/cards/photo/card.css +22 -0
- package/cards/photo/card.md +61 -0
- package/cards/read/card.css +6 -0
- package/cards/read/card.md +51 -0
- package/cards/text/card.css +3 -0
- package/cards/text/card.md +69 -0
- package/cards/tianzige/card.css +17 -0
- package/cards/tianzige/card.md +78 -0
- package/cards/tutor/card.css +79 -0
- package/cards/tutor/card.md +149 -0
- package/cards/word/card.css +24 -0
- package/cards/word/card.md +91 -0
- package/cards//346/235/277/344/271/246/346/200/216/344/271/210/345/206/231.md +159 -0
- package/dist/app/activity-eval-rules.d.ts +62 -0
- package/dist/app/activity-eval-rules.js +276 -0
- package/dist/app/activity-eval.d.ts +65 -0
- package/dist/app/activity-eval.js +159 -0
- package/dist/app/build.d.ts +11 -0
- package/dist/app/build.js +45 -0
- package/dist/app/cli/activities.d.ts +70 -0
- package/dist/app/cli/activities.js +196 -0
- package/dist/app/cli/cert.d.ts +12 -0
- package/dist/app/cli/cert.js +49 -0
- package/dist/app/cli/chalk/bake.d.ts +10 -0
- package/dist/app/cli/chalk/bake.js +58 -0
- package/dist/app/cli/chalk/browser.d.ts +16 -0
- package/dist/app/cli/chalk/browser.js +157 -0
- package/dist/app/cli/chalk/build.d.ts +14 -0
- package/dist/app/cli/chalk/build.js +100 -0
- package/dist/app/cli/chalk/dub.d.ts +51 -0
- package/dist/app/cli/chalk/dub.js +106 -0
- package/dist/app/cli/chalk/load-scene.d.ts +34 -0
- package/dist/app/cli/chalk/load-scene.js +117 -0
- package/dist/app/cli/chalk/main.d.ts +7 -0
- package/dist/app/cli/chalk/main.js +199 -0
- package/dist/app/cli/chalk/serve.d.ts +4 -0
- package/dist/app/cli/chalk/serve.js +28 -0
- package/dist/app/cli/chalk/snap.d.ts +65 -0
- package/dist/app/cli/chalk/snap.js +103 -0
- package/dist/app/cli/chalk/typecheck.d.ts +7 -0
- package/dist/app/cli/chalk/typecheck.js +51 -0
- package/dist/app/cli/doctor.d.ts +24 -0
- package/dist/app/cli/doctor.js +553 -0
- package/dist/app/cli/firewall.d.ts +24 -0
- package/dist/app/cli/firewall.js +79 -0
- package/dist/app/cli/grades.d.ts +14 -0
- package/dist/app/cli/grades.js +44 -0
- package/dist/{cli → app/cli}/init.d.ts +3 -1
- package/dist/app/cli/init.js +158 -0
- package/dist/app/cli/main.js +1038 -0
- package/dist/app/cli/migrate.d.ts +49 -0
- package/dist/app/cli/migrate.js +195 -0
- package/dist/app/cli/port-holder.d.ts +16 -0
- package/dist/app/cli/port-holder.js +34 -0
- package/dist/app/cli/port.d.ts +37 -0
- package/dist/app/cli/port.js +116 -0
- package/dist/app/cli/sandbox.d.ts +25 -0
- package/dist/app/cli/sandbox.js +166 -0
- package/dist/app/cli/serve-log.d.ts +13 -0
- package/dist/app/cli/serve-log.js +90 -0
- package/dist/app/cli/serve.d.ts +51 -0
- package/dist/app/cli/serve.js +168 -0
- package/dist/app/cli/service-windows.d.ts +50 -0
- package/dist/app/cli/service-windows.js +117 -0
- package/dist/app/cli/service.d.ts +138 -0
- package/dist/app/cli/service.js +429 -0
- package/dist/app/cli/shipped.d.ts +30 -0
- package/dist/app/cli/shipped.js +47 -0
- package/dist/app/cli/skeleton.d.ts +38 -0
- package/dist/app/cli/skeleton.js +161 -0
- package/dist/app/cli/skills.d.ts +59 -0
- package/dist/app/cli/skills.js +199 -0
- package/dist/app/cli/themes.d.ts +52 -0
- package/dist/app/cli/themes.js +148 -0
- package/dist/app/cli/tray-icons.d.ts +11 -0
- package/dist/app/cli/tray-icons.js +87 -0
- package/dist/app/cli/tray-ids.d.ts +6 -0
- package/dist/app/cli/tray-ids.js +6 -0
- package/dist/app/cli/tray-mac.d.ts +8 -0
- package/dist/app/cli/tray-mac.js +140 -0
- package/dist/app/cli/tray-run.d.ts +1 -0
- package/dist/app/cli/tray-run.js +33 -0
- package/dist/app/cli/tray-windows.d.ts +5 -0
- package/dist/app/cli/tray-windows.js +166 -0
- package/dist/app/cli/tray.d.ts +205 -0
- package/dist/app/cli/tray.js +618 -0
- package/dist/{cli → app/cli}/tutors.d.ts +15 -26
- package/dist/{cli → app/cli}/tutors.js +86 -110
- package/dist/app/cli/usage.d.ts +2 -0
- package/dist/app/cli/usage.js +35 -0
- package/dist/app/dictation/recognize.d.ts +18 -0
- package/dist/app/dictation/recognize.js +6 -0
- package/dist/app/dictation/route.d.ts +52 -0
- package/dist/app/dictation/route.js +511 -0
- package/dist/app/diff.d.ts +11 -0
- package/dist/app/diff.js +71 -0
- package/dist/app/http/access.d.ts +62 -0
- package/dist/app/http/access.js +180 -0
- package/dist/app/http/app.d.ts +241 -0
- package/dist/app/http/app.js +1159 -0
- package/dist/app/http/avatars.d.ts +17 -0
- package/dist/app/http/avatars.js +35 -0
- package/dist/app/http/dev-activities.d.ts +115 -0
- package/dist/app/http/dev-activities.js +193 -0
- package/dist/app/http/dev-overview.d.ts +108 -0
- package/dist/app/http/dev-overview.js +209 -0
- package/dist/app/http/dev-tutor-files.d.ts +80 -0
- package/dist/app/http/dev-tutor-files.js +151 -0
- package/dist/app/http/parent-home.d.ts +51 -0
- package/dist/app/http/parent-home.js +266 -0
- package/dist/app/http/parent-look.d.ts +2 -0
- package/dist/app/http/parent-look.js +151 -0
- package/dist/app/http/range.d.ts +9 -0
- package/dist/app/http/range.js +19 -0
- package/dist/app/http/raw-view.d.ts +117 -0
- package/dist/app/http/raw-view.js +149 -0
- package/dist/app/http/send-file.d.ts +7 -0
- package/dist/app/http/send-file.js +29 -0
- package/dist/{server → app/http}/stage.d.ts +9 -0
- package/dist/{server → app/http}/stage.js +34 -6
- package/dist/app/http/theme.d.ts +13 -0
- package/dist/app/http/theme.js +41 -0
- package/dist/app/http/voice-preview.d.ts +4 -0
- package/dist/app/http/voice-preview.js +34 -0
- package/dist/app/machine/bailian.d.ts +26 -0
- package/dist/app/machine/bailian.js +87 -0
- package/dist/app/mock/mock-live.d.ts +16 -0
- package/dist/app/mock/mock-live.js +140 -0
- package/dist/{server → app/mock}/mock.d.ts +38 -5
- package/dist/app/mock/mock.js +1125 -0
- package/dist/app/replay.d.ts +94 -0
- package/dist/app/replay.js +170 -0
- package/dist/app/skills/analyze-doc.d.ts +3 -0
- package/dist/app/skills/analyze-doc.js +47 -0
- package/dist/app/skills/home-doc.d.ts +5 -0
- package/dist/app/skills/home-doc.js +112 -0
- package/dist/app/skills/tune-doc.d.ts +3 -0
- package/dist/app/skills/tune-doc.js +80 -0
- package/dist/app/talk/list.d.ts +11 -0
- package/dist/app/talk/list.js +9 -0
- package/dist/app/talk/route.d.ts +16 -0
- package/dist/app/talk/route.js +142 -0
- package/dist/app/workspace.d.ts +63 -0
- package/dist/{cli → app}/workspace.js +100 -52
- package/dist/app/ws/route.d.ts +31 -0
- package/dist/app/ws/route.js +33 -0
- package/dist/app/ws/ws.d.ts +31 -0
- package/dist/app/ws/ws.js +169 -0
- package/dist/board/canvas-chat.d.ts +97 -0
- package/dist/board/canvas-chat.js +175 -0
- package/dist/board/card-guards.d.ts +15 -0
- package/dist/board/card-guards.js +38 -0
- package/dist/board/cards/canvas.d.ts +41 -0
- package/dist/board/cards/canvas.js +83 -0
- package/dist/{cards → board/cards}/choice.js +0 -12
- package/dist/{cards → board/cards}/code.js +0 -3
- package/dist/board/cards/dictation.d.ts +42 -0
- package/dist/board/cards/dictation.js +105 -0
- package/dist/board/cards/docs.d.ts +47 -0
- package/dist/board/cards/docs.js +152 -0
- package/dist/{cards → board/cards}/image.js +1 -10
- package/dist/board/cards/index.d.ts +62 -0
- package/dist/board/cards/index.js +144 -0
- package/dist/{cards → board/cards}/kind.d.ts +10 -4
- package/dist/board/cards/kind.js +9 -0
- package/dist/board/cards/lecture.d.ts +26 -0
- package/dist/board/cards/lecture.js +62 -0
- package/dist/board/cards/paint.d.ts +38 -0
- package/dist/board/cards/paint.js +85 -0
- package/dist/board/cards/photo.d.ts +15 -0
- package/dist/board/cards/photo.js +29 -0
- package/dist/{cards → board/cards}/read.js +1 -10
- package/dist/board/cards/text.d.ts +20 -0
- package/dist/board/cards/text.js +59 -0
- package/dist/board/cards/tianzige.d.ts +16 -0
- package/dist/board/cards/tianzige.js +64 -0
- package/dist/board/cards/tutor.d.ts +72 -0
- package/dist/board/cards/tutor.js +134 -0
- package/dist/board/cards/word.d.ts +20 -0
- package/dist/board/cards/word.js +76 -0
- package/dist/board/lecture.d.ts +100 -0
- package/dist/board/lecture.js +204 -0
- package/dist/board/paper.d.ts +20 -0
- package/dist/board/paper.js +76 -0
- package/dist/board/parse.d.ts +118 -0
- package/dist/board/parse.js +324 -0
- package/dist/board/presentation.d.ts +289 -0
- package/dist/board/presentation.js +613 -0
- package/dist/board/sections.d.ts +16 -0
- package/dist/board/sections.js +130 -0
- package/dist/brain/api-tools.d.ts +8 -0
- package/dist/brain/api-tools.js +191 -0
- package/dist/brain/api.d.ts +57 -0
- package/dist/brain/api.js +394 -0
- package/dist/brain/index.d.ts +97 -0
- package/dist/brain/index.js +11 -0
- package/dist/brain/log.d.ts +5 -0
- package/dist/brain/log.js +22 -0
- package/dist/brain/runtime.d.ts +30 -0
- package/dist/brain/runtime.js +23 -0
- package/dist/brain/stream-json.d.ts +16 -0
- package/dist/brain/stream-json.js +82 -0
- package/dist/brain/stream.d.ts +20 -0
- package/dist/brain/stream.js +70 -0
- package/dist/brain/transcript.d.ts +45 -0
- package/dist/brain/transcript.js +132 -0
- package/dist/brain/types.d.ts +99 -0
- package/dist/brain/types.js +14 -0
- package/dist/chalk/actions.d.ts +37 -0
- package/dist/chalk/actions.js +69 -0
- package/dist/chalk/bundle.d.ts +26 -0
- package/dist/chalk/bundle.js +69 -0
- package/dist/chalk/check.d.ts +28 -0
- package/dist/chalk/check.js +291 -0
- package/dist/chalk/circle.d.ts +64 -0
- package/dist/chalk/circle.js +193 -0
- package/dist/chalk/clock.d.ts +84 -0
- package/dist/chalk/clock.js +84 -0
- package/dist/chalk/geometry.d.ts +44 -0
- package/dist/chalk/geometry.js +139 -0
- package/dist/chalk/glyphs/capitals.d.ts +12 -0
- package/dist/chalk/glyphs/capitals.js +264 -0
- package/dist/chalk/glyphs/index.d.ts +21 -0
- package/dist/chalk/glyphs/index.js +18 -0
- package/dist/chalk/glyphs/letters.d.ts +13 -0
- package/dist/chalk/glyphs/letters.js +280 -0
- package/dist/chalk/glyphs/metrics.d.ts +33 -0
- package/dist/chalk/glyphs/metrics.js +28 -0
- package/dist/chalk/glyphs/registry.d.ts +7 -0
- package/dist/chalk/glyphs/registry.js +8 -0
- package/dist/chalk/glyphs/sample.d.ts +32 -0
- package/dist/chalk/glyphs/sample.js +102 -0
- package/dist/chalk/glyphs/skeleton.d.ts +64 -0
- package/dist/chalk/glyphs/skeleton.js +126 -0
- package/dist/chalk/glyphs/types.d.ts +58 -0
- package/dist/chalk/glyphs/types.js +17 -0
- package/dist/chalk/index.d.ts +23 -0
- package/dist/chalk/index.js +15 -0
- package/dist/chalk/manifest.d.ts +41 -0
- package/dist/chalk/manifest.js +6 -0
- package/dist/chalk/paint.d.ts +180 -0
- package/dist/chalk/paint.js +210 -0
- package/dist/chalk/pointer.d.ts +8 -0
- package/dist/chalk/pointer.js +21 -0
- package/dist/chalk/prepare.d.ts +11 -0
- package/dist/chalk/prepare.js +15 -0
- package/dist/chalk/scene-schema.d.ts +199 -0
- package/dist/chalk/scene-schema.js +91 -0
- package/dist/chalk/seed.d.ts +3 -0
- package/dist/chalk/seed.js +10 -0
- package/dist/chalk/text-metrics.d.ts +8 -0
- package/dist/chalk/text-metrics.js +156 -0
- package/dist/chalk/timeline.d.ts +47 -0
- package/dist/chalk/timeline.js +84 -0
- package/dist/chalk/types.d.ts +150 -0
- package/dist/chalk/types.js +8 -0
- package/dist/lib/index.d.ts +14 -12
- package/dist/lib/index.js +14 -12
- package/dist/media/draw.d.ts +23 -0
- package/dist/media/draw.js +44 -0
- package/dist/media/mp3.d.ts +6 -0
- package/dist/media/mp3.js +58 -0
- package/dist/media/mp4.d.ts +1 -0
- package/dist/media/mp4.js +58 -0
- package/dist/media/tts-voices.d.ts +18 -0
- package/dist/media/tts-voices.js +606 -0
- package/dist/media/tts.d.ts +56 -0
- package/dist/media/tts.js +174 -0
- package/dist/media/vision.d.ts +25 -0
- package/dist/media/vision.js +71 -0
- package/dist/memory/commit.d.ts +67 -0
- package/dist/memory/commit.js +130 -0
- package/dist/memory/context.d.ts +86 -0
- package/dist/memory/context.js +97 -0
- package/dist/memory/diary.d.ts +84 -0
- package/dist/memory/diary.js +183 -0
- package/dist/memory/grade.d.ts +2 -0
- package/dist/memory/grade.js +7 -0
- package/dist/{lib → memory}/plan.d.ts +1 -1
- package/dist/{lib → memory}/plan.js +1 -1
- package/dist/memory/proposals.d.ts +11 -0
- package/dist/memory/proposals.js +43 -0
- package/dist/memory/retrieval.d.ts +44 -0
- package/dist/memory/retrieval.js +157 -0
- package/dist/{lib → memory}/timetable.d.ts +0 -3
- package/dist/{lib → memory}/timetable.js +0 -11
- package/dist/memory/vault-notes.d.ts +165 -0
- package/dist/memory/vault-notes.js +359 -0
- package/dist/memory/vault.d.ts +70 -0
- package/dist/memory/vault.js +169 -0
- package/dist/realtime/bailian.d.ts +120 -0
- package/dist/realtime/bailian.js +289 -0
- package/dist/realtime/cues.d.ts +51 -0
- package/dist/realtime/cues.js +94 -0
- package/dist/realtime/listen.d.ts +32 -0
- package/dist/realtime/listen.js +53 -0
- package/dist/realtime/preview.d.ts +23 -0
- package/dist/realtime/preview.js +38 -0
- package/dist/realtime/prompt.d.ts +8 -0
- package/dist/realtime/prompt.js +13 -0
- package/dist/realtime/voices.d.ts +21 -0
- package/dist/realtime/voices.js +71 -0
- package/dist/runtime/activities.d.ts +29 -0
- package/dist/runtime/activities.js +72 -0
- package/dist/runtime/activity-state.d.ts +22 -0
- package/dist/runtime/activity-state.js +83 -0
- package/dist/runtime/activity.d.ts +63 -0
- package/dist/runtime/activity.js +428 -0
- package/dist/runtime/agent-file.d.ts +24 -0
- package/dist/runtime/agent-file.js +59 -0
- package/dist/runtime/auto-bookkeep.d.ts +30 -0
- package/dist/runtime/auto-bookkeep.js +84 -0
- package/dist/{lib → runtime/context}/context-pack.d.ts +3 -3
- package/dist/runtime/context/context-pack.js +182 -0
- package/dist/runtime/context/thread-digest.d.ts +4 -0
- package/dist/runtime/context/thread-digest.js +35 -0
- package/dist/runtime/context/tutor-rules.d.ts +25 -0
- package/dist/runtime/context/tutor-rules.js +47 -0
- package/dist/runtime/delivery/delivery.d.ts +94 -0
- package/dist/runtime/delivery/delivery.js +145 -0
- package/dist/runtime/delivery/playback.d.ts +25 -0
- package/dist/runtime/delivery/playback.js +29 -0
- package/dist/runtime/delivery/player.d.ts +145 -0
- package/dist/runtime/delivery/player.js +221 -0
- package/dist/runtime/delivery/queue.d.ts +89 -0
- package/dist/runtime/delivery/queue.js +59 -0
- package/dist/runtime/home/edit.d.ts +39 -0
- package/dist/runtime/home/edit.js +132 -0
- package/dist/runtime/home/home.d.ts +191 -0
- package/dist/runtime/home/home.js +318 -0
- package/dist/runtime/home/store.d.ts +142 -0
- package/dist/runtime/home/store.js +455 -0
- package/dist/runtime/journal/conversation.d.ts +46 -0
- package/dist/runtime/journal/conversation.js +89 -0
- package/dist/runtime/journal/events.d.ts +27 -0
- package/dist/runtime/journal/events.js +136 -0
- package/dist/runtime/journal/kid-log.d.ts +105 -0
- package/dist/runtime/journal/kid-log.js +133 -0
- package/dist/runtime/journal/ledger.d.ts +17 -0
- package/dist/{lib → runtime/journal}/ledger.js +7 -40
- package/dist/runtime/journal/mix.d.ts +42 -0
- package/dist/runtime/journal/mix.js +129 -0
- package/dist/runtime/journal/mouth-index.d.ts +26 -0
- package/dist/runtime/journal/mouth-index.js +34 -0
- package/dist/runtime/journal/mouth.d.ts +54 -0
- package/dist/runtime/journal/mouth.js +102 -0
- package/dist/runtime/journal/recorder.d.ts +91 -0
- package/dist/runtime/journal/recorder.js +148 -0
- package/dist/runtime/journal/store.d.ts +123 -0
- package/dist/runtime/journal/store.js +316 -0
- package/dist/runtime/kid-input.d.ts +16 -0
- package/dist/runtime/kid-input.js +194 -0
- package/dist/runtime/kid-view.d.ts +124 -0
- package/dist/runtime/kid-view.js +157 -0
- package/dist/runtime/lecture.d.ts +86 -0
- package/dist/runtime/lecture.js +237 -0
- package/dist/runtime/live/call.d.ts +231 -0
- package/dist/runtime/live/call.js +1244 -0
- package/dist/runtime/live/turns.d.ts +48 -0
- package/dist/runtime/live/turns.js +102 -0
- package/dist/runtime/runner.d.ts +243 -0
- package/dist/runtime/runner.js +777 -0
- package/dist/runtime/talk-run.d.ts +21 -0
- package/dist/runtime/talk-run.js +34 -0
- package/dist/scenes/dictation/match.d.ts +57 -0
- package/dist/scenes/dictation/match.js +255 -0
- package/dist/scenes/dictation/recognize.d.ts +86 -0
- package/dist/scenes/dictation/recognize.js +163 -0
- package/dist/scenes/dictation/store.d.ts +112 -0
- package/dist/scenes/dictation/store.js +99 -0
- package/dist/scenes/look.d.ts +26 -0
- package/dist/scenes/look.js +1 -0
- package/dist/scenes/paint/painter.d.ts +84 -0
- package/dist/scenes/paint/painter.js +171 -0
- package/dist/scenes/paint/prompt.d.ts +23 -0
- package/dist/scenes/paint/prompt.js +36 -0
- package/dist/scenes/talk/en-words.d.ts +8 -0
- package/dist/scenes/talk/en-words.js +44 -0
- package/dist/scenes/talk/list.d.ts +44 -0
- package/dist/scenes/talk/list.js +88 -0
- package/dist/scenes/talk/store.d.ts +27 -0
- package/dist/scenes/talk/store.js +61 -0
- package/dist/scenes/talk/warmup.d.ts +16 -0
- package/dist/scenes/talk/warmup.js +39 -0
- package/dist/schema/activity.d.ts +149 -0
- package/dist/schema/activity.js +113 -0
- package/dist/schema/board.d.ts +143 -2
- package/dist/schema/board.js +15 -3
- package/dist/schema/config.d.ts +339 -103
- package/dist/schema/config.js +269 -84
- package/dist/schema/context-pack.d.ts +76 -14
- package/dist/schema/context-pack.js +91 -10
- package/dist/{lib/conversation.d.ts → schema/conversation-files.d.ts} +11 -33
- package/dist/schema/conversation-files.js +26 -0
- package/dist/schema/conversation.d.ts +391 -49
- package/dist/schema/conversation.js +135 -19
- package/dist/schema/events.d.ts +138 -0
- package/dist/schema/events.js +1 -0
- package/dist/schema/home.d.ts +56 -0
- package/dist/schema/home.js +35 -0
- package/dist/schema/index.d.ts +14 -3
- package/dist/schema/index.js +14 -3
- package/dist/schema/kid-device.d.ts +20 -0
- package/dist/schema/kid-device.js +32 -0
- package/dist/schema/ledger.d.ts +8 -63
- package/dist/schema/ledger.js +7 -31
- package/dist/schema/memory.d.ts +73 -0
- package/dist/schema/memory.js +47 -0
- package/dist/schema/plan.d.ts +2 -2
- package/dist/schema/plan.js +2 -2
- package/dist/schema/sections.d.ts +32 -25
- package/dist/schema/sections.js +21 -22
- package/dist/schema/theme.d.ts +25 -0
- package/dist/schema/theme.js +26 -0
- package/dist/schema/timetable.d.ts +2 -2
- package/dist/schema/timetable.js +2 -2
- package/dist/schema/workspace.d.ts +68 -0
- package/dist/schema/workspace.js +37 -0
- package/dist/shared/default-port.d.ts +2 -0
- package/dist/shared/default-port.js +2 -0
- package/dist/shared/errors.d.ts +8 -0
- package/dist/shared/errors.js +13 -0
- package/dist/shared/home.d.ts +2 -0
- package/dist/shared/home.js +16 -0
- package/dist/shared/human-notes.d.ts +5 -0
- package/dist/shared/human-notes.js +7 -0
- package/dist/shared/qianwen.d.ts +54 -0
- package/dist/shared/qianwen.js +113 -0
- package/dist/shared/site-url.d.ts +2 -0
- package/dist/shared/site-url.js +5 -0
- package/dist/shared/time.d.ts +9 -0
- package/dist/shared/time.js +22 -0
- package/dist/shared/tokens.d.ts +18 -0
- package/dist/shared/tokens.js +11 -0
- package/dist/shared/wav.d.ts +10 -0
- package/dist/shared/wav.js +50 -0
- package/dist/stage/chunk-226TNLQA.js +129 -0
- package/dist/stage/chunk-24LGQEKE.js +1 -0
- package/dist/stage/chunk-25XV6UY3.js +10 -0
- package/dist/stage/chunk-2AZI3NHJ.js +1 -0
- package/dist/stage/chunk-2BQZTTBE.js +1 -0
- package/dist/stage/chunk-2M7CGY3Y.js +11 -0
- package/dist/stage/chunk-2VR4WFQ7.js +10 -0
- package/dist/stage/chunk-2ZYXBUWG.js +9 -0
- package/dist/stage/chunk-32LAWMGY.js +1 -0
- package/dist/stage/chunk-3LEMTSOO.js +11 -0
- package/dist/stage/chunk-3QCKGZYE.js +32 -0
- package/dist/stage/chunk-44P66WFA.js +1 -0
- package/dist/stage/chunk-4AM6FRR6.js +7 -0
- package/dist/stage/chunk-4QDE4SUK.js +1 -0
- package/dist/stage/chunk-4QESHV3U.js +1 -0
- package/dist/stage/chunk-4SG5QPHB.js +2 -0
- package/dist/stage/chunk-4T4UVCOC.js +1 -0
- package/dist/stage/chunk-4WUEPPG3.js +34 -0
- package/dist/stage/chunk-4YCN6UZ5.js +99 -0
- package/dist/stage/chunk-5V7ZY2AP.js +1 -0
- package/dist/stage/chunk-5VS5Y2VJ.js +6 -0
- package/dist/stage/chunk-5W4NO2ZD.js +62 -0
- package/dist/stage/chunk-65CRNICM.js +1 -0
- package/dist/stage/chunk-66MULO7F.js +5 -0
- package/dist/stage/chunk-6COFQTBS.js +162 -0
- package/dist/stage/chunk-6VZG3M3I.js +8 -0
- package/dist/stage/chunk-7HVDH43T.js +1 -0
- package/dist/stage/chunk-7JLJN4EZ.js +8 -0
- package/dist/stage/chunk-7QDSP4LN.js +1 -0
- package/dist/stage/chunk-7R6OQAO3.js +1 -0
- package/dist/stage/chunk-7VTTHZKW.js +7 -0
- package/dist/stage/chunk-ATHR5KEN.js +10 -0
- package/dist/stage/chunk-B6R5LTP2.js +36 -0
- package/dist/stage/chunk-BD4WE264.js +1 -0
- package/dist/stage/chunk-BONANU47.js +206 -0
- package/dist/stage/chunk-BTVW7OFK.js +89 -0
- package/dist/stage/chunk-BUTJIDHG.js +8 -0
- package/dist/stage/chunk-C2IPYMML.js +84 -0
- package/dist/stage/chunk-C54FTPPV.js +9 -0
- package/dist/stage/chunk-C6LOUF2Z.js +90 -0
- package/dist/stage/chunk-CFF3PILO.js +339 -0
- package/dist/stage/chunk-CI2FQ2JY.js +9 -0
- package/dist/stage/chunk-CW5O4RV7.js +12 -0
- package/dist/stage/chunk-CYABNQYD.js +1 -0
- package/dist/stage/chunk-D7FFA4NS.js +15 -0
- package/dist/stage/chunk-DUNNXU6Z.js +8 -0
- package/dist/stage/chunk-E3E4Q6JF.js +6 -0
- package/dist/stage/chunk-EB3U3LH7.js +9 -0
- package/dist/stage/chunk-EGSZ736B.js +8 -0
- package/dist/stage/chunk-EOBXW5VQ.js +2 -0
- package/dist/stage/chunk-ERZC3B7Y.js +11 -0
- package/dist/stage/chunk-ESDOOBIH.js +11 -0
- package/dist/stage/chunk-EVU4QAL4.js +178 -0
- package/dist/stage/chunk-EVVZI2NY.js +39 -0
- package/dist/stage/chunk-FBKAZUKD.js +39 -0
- package/dist/stage/chunk-FDVKYQJN.js +1 -0
- package/dist/stage/chunk-FGPVYHVR.js +5 -0
- package/dist/stage/chunk-FHUD4AZC.js +1 -0
- package/dist/stage/chunk-FKUJ2DMY.js +96 -0
- package/dist/stage/chunk-FNZGVIJV.js +1 -0
- package/dist/stage/chunk-GBYSEGYM.js +78 -0
- package/dist/stage/chunk-GCO4TDHX.js +1 -0
- package/dist/stage/chunk-GKTML2LG.js +10 -0
- package/dist/stage/chunk-GMDIHHXQ.js +11 -0
- package/dist/stage/chunk-GOUNACI3.js +10 -0
- package/dist/stage/chunk-GXAYATPF.js +3 -0
- package/dist/stage/chunk-H2K2DDXV.js +8 -0
- package/dist/stage/chunk-H3UJI6ZY.js +13 -0
- package/dist/stage/chunk-H6PUGCME.js +7 -0
- package/dist/stage/chunk-HNBUIMIG.js +1 -0
- package/dist/stage/chunk-HRZY2BJQ.js +10 -0
- package/dist/stage/chunk-HSPJGALW.js +30 -0
- package/dist/stage/chunk-IBYORHIP.js +25 -0
- package/dist/stage/chunk-IHF4EWTY.js +1 -0
- package/dist/stage/chunk-ISBRPNKI.js +1 -0
- package/dist/stage/chunk-IZ3OI3C2.js +2 -0
- package/dist/stage/chunk-JEFZAC2R.js +1 -0
- package/dist/stage/chunk-JFIGRDPO.js +1 -0
- package/dist/stage/chunk-JFVYBOOC.js +9 -0
- package/dist/stage/chunk-JGD4TUTQ.js +1 -0
- package/dist/stage/chunk-JO4BEHDH.js +4 -0
- package/dist/stage/chunk-JOWBS42C.js +1 -0
- package/dist/stage/chunk-JP3TM2TG.js +1 -0
- package/dist/stage/chunk-JVK2C52O.js +1 -0
- package/dist/stage/chunk-K4I76XBX.js +14 -0
- package/dist/stage/chunk-KA6CZZ4M.js +1 -0
- package/dist/stage/chunk-KESSJ36M.js +1 -0
- package/dist/stage/chunk-LKATEVRU.js +1 -0
- package/dist/stage/chunk-LS4EJ2EI.js +1 -0
- package/dist/stage/chunk-LUKJQC2X.js +70 -0
- package/dist/stage/chunk-LWULR3SM.js +1 -0
- package/dist/stage/chunk-LWVRFMKX.js +2 -0
- package/dist/stage/chunk-LXC4ZBPZ.js +1 -0
- package/dist/stage/chunk-M2UP255H.js +1 -0
- package/dist/stage/chunk-MAPPXUZQ.js +231 -0
- package/dist/stage/chunk-MBMPW7Z5.js +1 -0
- package/dist/stage/chunk-MD3HMMTK.js +1 -0
- package/dist/stage/chunk-MLPCUIKR.js +17 -0
- package/dist/stage/chunk-MNQIRPDQ.js +8 -0
- package/dist/stage/chunk-MRG7MJVS.js +1 -0
- package/dist/stage/chunk-MU6EXW72.js +10 -0
- package/dist/stage/chunk-MVU2X6LU.js +4 -0
- package/dist/stage/chunk-N6UA5CZV.js +36 -0
- package/dist/stage/chunk-NLZIT2TJ.js +7 -0
- package/dist/stage/chunk-NOJR3J7M.js +1 -0
- package/dist/stage/chunk-NT7ARDOL.js +1 -0
- package/dist/stage/chunk-NWOGMPZH.js +1 -0
- package/dist/stage/chunk-NXE4KMG3.js +40 -0
- package/dist/stage/chunk-O4YCZXD2.js +257 -0
- package/dist/stage/chunk-OAJZ7HLK.js +1 -0
- package/dist/stage/chunk-OCFCFASO.js +1 -0
- package/dist/stage/chunk-ODGPG5RY.js +7 -0
- package/dist/stage/chunk-ODUEA52Q.js +3 -0
- package/dist/stage/chunk-OGDJ3FCI.js +1 -0
- package/dist/stage/chunk-OLDJ55TT.js +1 -0
- package/dist/stage/chunk-OOCL4ATI.js +2 -0
- package/dist/stage/chunk-OQEFDUDV.js +1 -0
- package/dist/stage/chunk-OQWVEWG7.js +4 -0
- package/dist/stage/chunk-OUIX6BGK.js +1 -0
- package/dist/stage/chunk-OV7OZYUO.js +7 -0
- package/dist/stage/chunk-PFGDY33O.js +1 -0
- package/dist/stage/chunk-PFJDUJB3.js +139 -0
- package/dist/stage/chunk-PGEW76ER.js +1 -0
- package/dist/stage/chunk-PP76TAQX.js +32 -0
- package/dist/stage/chunk-PTBOP4OT.js +2 -0
- package/dist/stage/chunk-PX2RVHCK.js +1 -0
- package/dist/stage/chunk-Q7K3PNAD.js +1 -0
- package/dist/stage/chunk-QDDPLZDB.js +1 -0
- package/dist/stage/chunk-QLGLZ77F.js +1 -0
- package/dist/stage/chunk-QOPFDFHI.js +1 -0
- package/dist/stage/chunk-QXT4KAEJ.js +1 -0
- package/dist/stage/chunk-R4YVZCIT.js +1 -0
- package/dist/stage/chunk-R6P6EHWA.js +62 -0
- package/dist/stage/chunk-RCH3OXBI.js +9 -0
- package/dist/stage/chunk-RHPE44I2.js +1 -0
- package/dist/stage/chunk-RJ2R4FVC.js +1 -0
- package/dist/stage/chunk-RJH2YVTD.js +1 -0
- package/dist/stage/chunk-RLWWW5OB.js +6 -0
- package/dist/stage/chunk-S3WO35Z7.js +120 -0
- package/dist/stage/chunk-S7ZGX6MW.js +1 -0
- package/dist/stage/chunk-SIAWX27B.js +1 -0
- package/dist/stage/chunk-SLG4X622.js +1 -0
- package/dist/stage/chunk-SLJRBC77.js +168 -0
- package/dist/stage/chunk-SRORWQJZ.js +1 -0
- package/dist/stage/chunk-STZTUIIF.js +2 -0
- package/dist/stage/chunk-SVQ6MWNV.js +9 -0
- package/dist/stage/chunk-TL3HLL2S.js +132 -0
- package/dist/stage/chunk-U3DOE6SF.js +24 -0
- package/dist/stage/chunk-UABQIZKW.js +6 -0
- package/dist/stage/chunk-UDK3R764.js +1 -0
- package/dist/stage/chunk-UFF4E54B.js +41 -0
- package/dist/stage/chunk-UFP5Q4AY.js +1 -0
- package/dist/stage/chunk-UMH2TSW2.js +72 -0
- package/dist/stage/chunk-UTASVNF5.js +10 -0
- package/dist/stage/chunk-UW7ML5ML.js +88 -0
- package/dist/stage/chunk-V3J7F6OP.js +1 -0
- package/dist/stage/chunk-VEHP5B5Q.js +5 -0
- package/dist/stage/chunk-VRXWB733.js +9 -0
- package/dist/stage/chunk-VVDHBBS5.js +5 -0
- package/dist/stage/chunk-VYFOH6FU.js +106 -0
- package/dist/stage/chunk-W3VZTLQS.js +3 -0
- package/dist/stage/chunk-W7WNRWTZ.js +8 -0
- package/dist/stage/chunk-WHUCV53C.js +1 -0
- package/dist/stage/chunk-WULMYHIF.js +1 -0
- package/dist/stage/chunk-X54EX7AW.js +9 -0
- package/dist/stage/chunk-X565ISZM.js +1 -0
- package/dist/stage/chunk-XGZMDECB.js +1 -0
- package/dist/stage/chunk-XHONC4RF.js +172 -0
- package/dist/stage/chunk-XIK4XQ6E.js +24 -0
- package/dist/stage/chunk-XJQQWFTE.js +1 -0
- package/dist/stage/chunk-XM4WOU3I.js +13 -0
- package/dist/stage/chunk-XM7Y5HP5.js +38 -0
- package/dist/stage/chunk-XNYYRGD5.js +292 -0
- package/dist/stage/chunk-XOYVR3SV.js +1 -0
- package/dist/stage/chunk-XQIW5HCE.js +1 -0
- package/dist/stage/chunk-YEWL7FUW.js +8 -0
- package/dist/stage/chunk-YI55PY3V.js +1 -0
- package/dist/stage/chunk-YM63HI6W.js +1 -0
- package/dist/stage/chunk-YNLGLU4P.js +9 -0
- package/dist/stage/chunk-YTNMNOWP.js +1 -0
- package/dist/stage/chunk-YV62XKTC.js +1 -0
- package/dist/stage/chunk-YVBA3QW6.js +1 -0
- package/dist/stage/chunk-Z2SY2HOC.js +1 -0
- package/dist/stage/chunk-ZBTCQEBK.js +10 -0
- package/dist/stage/chunk-ZCUFN74D.js +1 -0
- package/dist/stage/chunk-ZHOULXEJ.js +11 -0
- package/dist/stage/chunk-ZTRZIET2.js +1 -0
- package/dist/stage/index.html +1 -0
- package/dist/stage/stage.css +1 -1
- package/dist/stage/stage.js +1 -4383
- package/dist/ui/dev/dev-page.d.ts +1 -0
- package/dist/ui/dev/dev-page.js +2021 -0
- package/dist/ui/dev/dev-theme.d.ts +6 -0
- package/dist/ui/dev/dev-theme.js +67 -0
- package/dist/ui/dev/voice-gallery-page.d.ts +1 -0
- package/dist/ui/dev/voice-gallery-page.js +121 -0
- package/dist/ui/dev/voice-scenes.d.ts +21 -0
- package/dist/ui/dev/voice-scenes.js +30 -0
- package/dist/ui/dictation/en-box.d.ts +2 -0
- package/dist/ui/dictation/en-box.js +86 -0
- package/dist/ui/dictation/en-page.d.ts +1 -0
- package/dist/ui/dictation/en-page.js +484 -0
- package/dist/ui/dictation/page.d.ts +1 -0
- package/dist/ui/dictation/page.js +1084 -0
- package/dist/ui/dictation/parent-page.d.ts +1 -0
- package/dist/ui/dictation/parent-page.js +234 -0
- package/dist/ui/dictation/reel-mode.d.ts +1 -0
- package/dist/ui/dictation/reel-mode.js +87 -0
- package/dist/ui/dictation/reel-page.d.ts +1 -0
- package/dist/ui/dictation/reel-page.js +62 -0
- package/dist/ui/dictation/reel.d.ts +163 -0
- package/dist/ui/dictation/reel.js +436 -0
- package/dist/ui/dictation/ui.d.ts +44 -0
- package/dist/ui/dictation/ui.js +80 -0
- package/dist/ui/dictation/unlock.d.ts +7 -0
- package/dist/ui/dictation/unlock.js +16 -0
- package/dist/ui/kid/audio-client.d.ts +11 -0
- package/dist/ui/kid/audio-client.js +74 -0
- package/dist/ui/kid/board-mark-art.d.ts +37 -0
- package/dist/ui/kid/board-mark-art.js +5 -0
- package/dist/ui/kid/board-mark.d.ts +24 -0
- package/dist/ui/kid/board-mark.js +58 -0
- package/dist/ui/kid/home-tiles.d.ts +14 -0
- package/dist/ui/kid/home-tiles.js +44 -0
- package/dist/ui/kid/kid-log.d.ts +15 -0
- package/dist/ui/kid/kid-log.js +87 -0
- package/dist/ui/kid/kid-nav.d.ts +11 -0
- package/dist/ui/kid/kid-nav.js +22 -0
- package/dist/ui/kid/kid-page.d.ts +9 -0
- package/dist/ui/kid/kid-page.js +3684 -0
- package/dist/ui/kid/letters.d.ts +26 -0
- package/dist/ui/kid/letters.js +51 -0
- package/dist/ui/kid/photo-edit.d.ts +83 -0
- package/dist/ui/kid/photo-edit.js +106 -0
- package/dist/ui/kid/photo-ui.d.ts +23 -0
- package/dist/ui/kid/photo-ui.js +60 -0
- package/dist/ui/kid/reel.d.ts +419 -0
- package/dist/ui/kid/reel.js +648 -0
- package/dist/ui/kid/tianzige.d.ts +8 -0
- package/dist/ui/kid/tianzige.js +45 -0
- package/dist/ui/kid/tutor-face.d.ts +35 -0
- package/dist/ui/kid/tutor-face.js +84 -0
- package/dist/ui/kid/voice-ui.d.ts +70 -0
- package/dist/ui/kid/voice-ui.js +316 -0
- package/dist/ui/kid/voice-view.d.ts +71 -0
- package/dist/ui/kid/voice-view.js +75 -0
- package/dist/ui/kid/word-draw.d.ts +2 -0
- package/dist/ui/kid/word-draw.js +107 -0
- package/dist/ui/kid/word-emoji.d.ts +10 -0
- package/dist/ui/kid/word-emoji.js +68 -0
- package/dist/ui/kid/word-layout.d.ts +25 -0
- package/dist/ui/kid/word-layout.js +29 -0
- package/dist/ui/parent/parent-home-page.d.ts +1 -0
- package/dist/ui/parent/parent-home-page.js +722 -0
- package/dist/ui/parent/parent-page.d.ts +2 -0
- package/dist/ui/parent/parent-page.js +511 -0
- package/dist/ui/parent/parent-settings-page.d.ts +1 -0
- package/dist/ui/parent/parent-settings-page.js +133 -0
- package/dist/ui/parent/qr-page.d.ts +8 -0
- package/dist/ui/parent/qr-page.js +66 -0
- package/dist/ui/shared/brand.d.ts +38 -0
- package/dist/ui/shared/brand.js +53 -0
- package/dist/ui/shared/favicon.d.ts +12 -0
- package/dist/ui/shared/favicon.js +96 -0
- package/dist/ui/shared/icon.d.ts +9 -0
- package/dist/ui/shared/icon.js +35 -0
- package/dist/ui/shared/inline-lib.d.ts +1 -0
- package/dist/ui/shared/inline-lib.js +28 -0
- package/dist/ui/shared/logo.d.ts +31 -0
- package/dist/ui/shared/logo.js +43 -0
- package/dist/ui/shared/page-dom.d.ts +12 -0
- package/dist/ui/shared/page-dom.js +36 -0
- package/dist/ui/shared/png.d.ts +1 -0
- package/dist/ui/shared/png.js +45 -0
- package/dist/ui/shared/qr-svg.d.ts +3 -0
- package/dist/ui/shared/qr-svg.js +32 -0
- package/dist/ui/shared/qr.d.ts +14 -0
- package/dist/ui/shared/qr.js +281 -0
- package/dist/ui/shared/reel-dock.d.ts +22 -0
- package/dist/ui/shared/reel-dock.js +365 -0
- package/dist/ui/shared/tutor-color.d.ts +15 -0
- package/dist/ui/shared/tutor-color.js +47 -0
- package/dist/ui/talk/page.d.ts +6 -0
- package/dist/ui/talk/page.js +294 -0
- package/grades/grade-2/README.md +11 -0
- package/grades/grade-2/VALIDATION.md +41 -0
- package/grades/grade-2/agents/chinese-tutor/activities//344/275/240/350/257/264/346/210/221/347/224/273.md +157 -0
- package/grades/grade-2/agents/chinese-tutor/activities//344/275/240/350/257/264/346/210/221/347/224/273./344/276/213/345/255/220.md +78 -0
- package/grades/grade-2/agents/chinese-tutor/activities//344/276/213/345/255/220/345/233/276//345/200/237/344/274/236.jpg +0 -0
- package/grades/grade-2/agents/chinese-tutor/activities//344/276/213/345/255/220/345/233/276//345/260/217/347/214/264/346/221/230/346/241/203.jpg +0 -0
- package/grades/grade-2/agents/chinese-tutor/activities//345/206/231/350/257/235.md +64 -0
- package/grades/grade-2/agents/chinese-tutor/activities//345/206/231/350/257/235./344/276/213/345/255/220.md +31 -0
- package/grades/grade-2/agents/chinese-tutor/activities//345/220/254/345/206/231.md +48 -0
- package/grades/grade-2/agents/chinese-tutor/activities//345/244/215/344/271/240.md +79 -0
- package/grades/grade-2/agents/chinese-tutor/activities//345/244/215/344/271/240./344/276/213/345/255/220.md +35 -0
- package/grades/grade-2/agents/chinese-tutor/activities//345/260/217/350/257/276/345/240/202.md +53 -0
- package/grades/grade-2/agents/chinese-tutor/activities//346/243/200/346/237/245/344/275/234/344/270/232.md +81 -0
- package/grades/grade-2/agents/chinese-tutor/activities//346/243/200/346/237/245/344/275/234/344/270/232./344/276/213/345/255/220.md +35 -0
- package/grades/grade-2/agents/chinese-tutor/activities//347/234/213/345/233/276/350/257/264/350/257/235.md +94 -0
- package/grades/grade-2/agents/chinese-tutor/activities//347/234/213/345/233/276/350/257/264/350/257/235./344/276/213/345/255/220.md +63 -0
- package/grades/grade-2/agents/chinese-tutor/activities//351/242/204/344/271/240.md +82 -0
- package/grades/grade-2/agents/chinese-tutor/activities//351/242/204/344/271/240./344/276/213/345/255/220.md +35 -0
- package/grades/grade-2/agents/chinese-tutor.md +59 -0
- package/grades/grade-2/agents/english-tutor/activities//345/217/243/350/257/255/350/257/276.md +149 -0
- package/grades/grade-2/agents/english-tutor/activities//345/217/243/350/257/255/350/257/276./344/276/213/345/255/220.md +13 -0
- package/grades/grade-2/agents/english-tutor/activities//345/220/254/345/206/231.md +47 -0
- package/grades/grade-2/agents/english-tutor/activities//345/244/215/344/271/240.md +78 -0
- package/grades/grade-2/agents/english-tutor/activities//345/244/215/344/271/240./344/276/213/345/255/220.md +35 -0
- package/grades/grade-2/agents/english-tutor/activities//345/260/217/350/257/276/345/240/202.md +53 -0
- package/grades/grade-2/agents/english-tutor/activities//346/243/200/346/237/245/344/275/234/344/270/232.md +80 -0
- package/grades/grade-2/agents/english-tutor/activities//346/243/200/346/237/245/344/275/234/344/270/232./344/276/213/345/255/220.md +35 -0
- package/grades/grade-2/agents/english-tutor/activities//351/242/204/344/271/240.md +86 -0
- package/grades/grade-2/agents/english-tutor/activities//351/242/204/344/271/240./344/276/213/345/255/220.md +35 -0
- package/grades/grade-2/agents/english-tutor.md +57 -0
- package/grades/grade-2/agents/math-tutor/activities//345/244/215/344/271/240.md +78 -0
- package/grades/grade-2/agents/math-tutor/activities//345/244/215/344/271/240./344/276/213/345/255/220.md +35 -0
- package/grades/grade-2/agents/math-tutor/activities//345/260/217/350/257/276/345/240/202.md +56 -0
- package/grades/grade-2/agents/math-tutor/activities//345/260/217/350/257/276/345/240/202./344/276/213/345/255/220.md +52 -0
- package/grades/grade-2/agents/math-tutor/activities//346/243/200/346/237/245/344/275/234/344/270/232.md +80 -0
- package/grades/grade-2/agents/math-tutor/activities//346/243/200/346/237/245/344/275/234/344/270/232./344/276/213/345/255/220.md +35 -0
- package/grades/grade-2/agents/math-tutor/activities//351/242/204/344/271/240.md +81 -0
- package/grades/grade-2/agents/math-tutor/activities//351/242/204/344/271/240./344/276/213/345/255/220.md +35 -0
- package/grades/grade-2/agents/math-tutor.md +51 -0
- package/grades/grade-2/examples/2026-10-27-pingjunfen/audio/index.json +44 -0
- package/grades/grade-2/examples/2026-10-27-pingjunfen/audio/step-1.mp3 +0 -0
- package/grades/grade-2/examples/2026-10-27-pingjunfen/audio/step-2.mp3 +0 -0
- package/grades/grade-2/examples/2026-10-27-pingjunfen/audio/step-3.mp3 +0 -0
- package/grades/grade-2/examples/2026-10-27-pingjunfen/audio/step-4.mp3 +0 -0
- package/grades/grade-2/examples/2026-10-27-pingjunfen/audio/step-5.mp3 +0 -0
- package/grades/grade-2/examples/2026-10-27-pingjunfen/bake.json +1 -0
- package/grades/grade-2/examples/2026-10-27-pingjunfen/manifest.json +63 -0
- package/grades/grade-2/examples/2026-10-27-pingjunfen/scene.json +247 -0
- package/grades/grade-2/examples/2026-10-27-pingjunfen.md +40 -0
- package/grades/grade-2/examples/2026-10-27-pingjunfen.ts +26 -0
- package/grades/grade-2/examples//345/271/263/345/235/207/345/210/206./344/276/213/345/255/220.md +24 -0
- package/grades/grade-2/examples//346/225/260/345/255/246/345/271/263/345/235/207/345/210/206.md +42 -0
- package/grades/grade-2/validation/2026-10-27.json +4410 -0
- package/package.json +27 -15
- package/skills/chalk-cli/SKILL.md +62 -0
- package/skills/chalk-scene/SKILL.md +91 -0
- package/skills/chalk-teaching/SKILL.md +82 -0
- package/skills/chalk-teaching/models//344/272/244/351/224/231/346/225/260/345/210/227/345/210/206/350/241/214.md +8 -0
- package/skills/chalk-teaching/models//345/207/221/345/215/201.md +7 -0
- package/skills/chalk-teaching/models//345/221/250/346/234/237/350/247/204/345/276/213.md +6 -0
- package/skills/chalk-teaching/models//345/256/236/347/211/251/345/233/276-/345/242/236/345/207/217.md +6 -0
- package/skills/chalk-teaching/models//345/256/236/347/211/251/345/233/276-/346/257/224/345/244/232/345/260/221-/346/261/202/345/244/247/346/225/260/346/261/202/345/260/217/346/225/260.md +7 -0
- package/skills/chalk-teaching/models//345/256/236/347/211/251/345/233/276-/346/257/224/345/244/232/345/260/221-/346/261/202/345/267/256.md +6 -0
- package/skills/chalk-teaching/models//345/260/217/346/243/222/350/277/233/344/275/215/345/212/240.md +7 -0
- package/skills/chalk-teaching/models//345/260/217/346/243/222/351/200/200/344/275/215/345/207/217.md +6 -0
- package/skills/chalk-teaching/models//346/216/222/351/230/237/347/202/271/351/230/265.md +7 -0
- package/skills/chalk-teaching/models//346/227/266/351/227/264/346/225/260/350/275/264.md +6 -0
- package/skills/chalk-teaching/models//346/245/274/345/261/202/351/227/264/351/232/224/345/233/276.md +7 -0
- package/skills/chalk-teaching/models//347/240/264/345/215/201.md +7 -0
- package/skills/chalk-teaching/models//347/253/226/345/274/217/351/200/200/344/275/215.md +6 -0
- package/skills/chalk-teaching/models//347/272/277/346/256/265/345/233/276.md +7 -0
- package/skills/chalk-teaching/models-index.md +24 -0
- package/skills/chalk-teaching/references//350/256/262/350/247/243/346/250/241/346/235/277/344/270/211/346/241/243.md +32 -0
- package/skills/chalk-teaching/references//350/257/264/346/230/216/346/226/207/344/273/266.md +102 -0
- package/skills/chalk-verify/SKILL.md +57 -0
- package/skills/chalk-verify/references//350/257/204/345/210/244/346/240/207/345/207/206.md +69 -0
- package/skills/cotutor-analyze/SKILL.md +106 -0
- package/skills/cotutor-analyze/references//345/221/275/344/273/244/344/270/216/346/226/207/344/273/266.md +31 -0
- package/skills/cotutor-board/SKILL.md +373 -0
- package/skills/cotutor-board/references/README.md +38 -0
- package/skills/cotutor-board/references/canvas.md +68 -0
- package/skills/cotutor-board/references/choice.md +55 -0
- package/skills/cotutor-board/references/code.md +46 -0
- package/skills/cotutor-board/references/image.md +52 -0
- package/skills/cotutor-board/references/lecture.md +69 -0
- package/skills/cotutor-board/references/paint.md +77 -0
- package/skills/cotutor-board/references/photo.md +61 -0
- package/skills/cotutor-board/references/read.md +51 -0
- package/skills/cotutor-board/references/text.md +69 -0
- package/skills/cotutor-board/references/tianzige.md +78 -0
- package/skills/cotutor-board/references/word.md +91 -0
- package/skills/cotutor-home/SKILL.md +170 -0
- package/skills/cotutor-home/references/dictation.md +97 -0
- package/skills/cotutor-home/references/tutor.md +149 -0
- package/skills/cotutor-home/references//345/221/275/344/273/244.md +21 -0
- package/skills/cotutor-home/references//351/246/226/351/241/265/350/257/255/346/263/225.md +143 -0
- package/skills/cotutor-tune/SKILL.md +147 -0
- package/skills/cotutor-tune/references//345/255/227/346/256/265.md +53 -0
- package/skills/cotutor-tutor/SKILL.md +253 -0
- package/skills/cotutor-tutor/references//344/270/212/344/270/213/346/226/207/345/214/205.md +78 -0
- package/themes/default/kid.css +86 -0
- package/themes/default/theme.json +26 -0
- package/agents/chinese-tutor.md +0 -67
- package/agents/homework-tutor.md +0 -17
- package/agents/math-tutor.md +0 -68
- package/agents/planner.md +0 -18
- package/agents/reading-tutor.md +0 -65
- package/agents/scene-maker.md +0 -41
- package/dist/cards/canvas.d.ts +0 -22
- package/dist/cards/canvas.js +0 -65
- package/dist/cards/fill.d.ts +0 -14
- package/dist/cards/fill.js +0 -64
- package/dist/cards/index.d.ts +0 -48
- package/dist/cards/index.js +0 -115
- package/dist/cards/kind.js +0 -7
- package/dist/cards/scene.d.ts +0 -24
- package/dist/cards/scene.js +0 -67
- package/dist/cards/text.d.ts +0 -18
- package/dist/cards/text.js +0 -41
- package/dist/cli/cert.d.ts +0 -7
- package/dist/cli/cert.js +0 -36
- package/dist/cli/doctor.d.ts +0 -22
- package/dist/cli/doctor.js +0 -355
- package/dist/cli/init.js +0 -116
- package/dist/cli/main.js +0 -243
- package/dist/cli/serve.d.ts +0 -30
- package/dist/cli/serve.js +0 -56
- package/dist/cli/skeleton.d.ts +0 -39
- package/dist/cli/skeleton.js +0 -184
- package/dist/cli/skills.d.ts +0 -40
- package/dist/cli/skills.js +0 -170
- package/dist/cli/workspace.d.ts +0 -69
- package/dist/lib/agent-file.d.ts +0 -10
- package/dist/lib/agent-file.js +0 -16
- package/dist/lib/board.d.ts +0 -15
- package/dist/lib/board.js +0 -107
- package/dist/lib/context-pack.js +0 -55
- package/dist/lib/conversation.js +0 -88
- package/dist/lib/kid-board.d.ts +0 -148
- package/dist/lib/kid-board.js +0 -294
- package/dist/lib/kid-view.d.ts +0 -63
- package/dist/lib/kid-view.js +0 -93
- package/dist/lib/ledger.d.ts +0 -29
- package/dist/lib/run-plan.d.ts +0 -30
- package/dist/lib/run-plan.js +0 -32
- package/dist/lib/sections.d.ts +0 -12
- package/dist/lib/sections.js +0 -151
- package/dist/lib/stream.d.ts +0 -15
- package/dist/lib/stream.js +0 -69
- package/dist/lib/transcript.d.ts +0 -36
- package/dist/lib/transcript.js +0 -95
- package/dist/server/app.d.ts +0 -74
- package/dist/server/app.js +0 -406
- package/dist/server/kid-page.d.ts +0 -1
- package/dist/server/kid-page.js +0 -768
- package/dist/server/mock.js +0 -403
- package/dist/server/parent-page.d.ts +0 -8
- package/dist/server/parent-page.js +0 -393
- package/dist/server/runner.d.ts +0 -64
- package/dist/server/runner.js +0 -277
- package/dist/server/scene-props.d.ts +0 -16
- package/dist/server/scene-props.js +0 -39
- package/dist/server/store.d.ts +0 -43
- package/dist/server/store.js +0 -210
- package/dist/server/tts.d.ts +0 -51
- package/dist/server/tts.js +0 -99
- /package/dist/{cli → app/cli}/main.d.ts +0 -0
- /package/dist/{cards → board/cards}/choice.d.ts +0 -0
- /package/dist/{cards → board/cards}/code.d.ts +0 -0
- /package/dist/{cards → board/cards}/image.d.ts +0 -0
- /package/dist/{cards → board/cards}/read.d.ts +0 -0
|
@@ -0,0 +1,1084 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* /dictation:孩子的听写页(从首页的听写卡点进来,?home=<首页 id>&n=<第几张听写卡>;原型 https://claude.ai/artifact/WfKtooajFintau63RUHXqJ)。
|
|
3
|
+
* 五屏同一页:开始、听写(老师念、孩子在田字格里写)、对答案(书上的字淡淡叠在上面)、逐笔看(书上的字在孩子写的上面一笔一笔写)、再写一遍。
|
|
4
|
+
* 田字格是 SVG,坐标同 hanzi-writer:1024 见方、y 向上,组上 scale(1,-1) translate(0,-900) 摆正;孩子的笔、书上的字、逐笔写都在这一个坐标里。
|
|
5
|
+
* 页面上永远没有对错:没有叉、没有分数;比对的结果只变成一句「这个再写一遍?」,其余给家长(/parent/dictation)。
|
|
6
|
+
* 内联脚本里不写反斜杠、不写反引号、不写美元加花括号(这是模板字符串,见 AGENTS.md「坑」)。
|
|
7
|
+
*/
|
|
8
|
+
import { LAYER_X, TUTOR_FACE_CSS, TUTOR_FACE_JS } from "../kid/tutor-face.js";
|
|
9
|
+
import { KID_NAV_JS } from "../kid/kid-nav.js";
|
|
10
|
+
import { KID_LOG_JS } from "../kid/kid-log.js";
|
|
11
|
+
import { UNLOCK_JS } from "./unlock.js";
|
|
12
|
+
import { REEL_MODE_JS } from "./reel-mode.js";
|
|
13
|
+
import { SNAP_CSS, snapHtml } from "../kid/photo-ui.js";
|
|
14
|
+
import { faviconLinks } from "../shared/favicon.js";
|
|
15
|
+
import { BTN_CSS, BTN_JS, btn } from "./ui.js";
|
|
16
|
+
/** 写字格三档的按钮:档、图标边长、读屏的名字;越下越大 */
|
|
17
|
+
const PAD_SIZES = [['s', 14, '小'], ['m', 20, '中'], ['l', 28, '大']];
|
|
18
|
+
export const DICTATION_PAGE = `<!doctype html>
|
|
19
|
+
<html lang="zh-CN"><head><meta charset="utf-8">
|
|
20
|
+
<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover,user-scalable=no">
|
|
21
|
+
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
22
|
+
${faviconLinks()}
|
|
23
|
+
<title>听写</title>
|
|
24
|
+
<style>
|
|
25
|
+
:root { --ink:#2b2b2b; --dim:#66625b; --line:#e2dfd6; --paper:#faf9f4; --card:#ffffff; --sand:#d8c7a0; --sand2:#e2d4b4;
|
|
26
|
+
--accent:#e8743b; --blue:#4f86d1;
|
|
27
|
+
/* 学科色:这次听写那位老师的颜色,页面读到老师后换(缺省语文);按钮、气泡、当前那格都跟它。橙色只留给「正在写的那一笔」 */
|
|
28
|
+
--sc:#c43c74; --clay:var(--sc); --tutor:color-mix(in srgb, var(--sc) 10%, #fff); --tutor-line:color-mix(in srgb, var(--sc) 32%, #fff); --tutor-ink:color-mix(in srgb, var(--sc) 62%, #000); --tutor-ink2:color-mix(in srgb, var(--sc) 78%, #000); }
|
|
29
|
+
* { box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
|
|
30
|
+
html,body { margin:0; height:100%; background:var(--paper); color:var(--ink); font:17px/1.5 -apple-system,"PingFang SC","Hiragino Sans GB",sans-serif; overscroll-behavior:none; -webkit-user-select:none; user-select:none; }
|
|
31
|
+
button { font:inherit; color:inherit; cursor:pointer; }
|
|
32
|
+
.view { display:none; min-height:100%; flex-direction:column; padding:calc(env(safe-area-inset-top) + 10px) max(24px, env(safe-area-inset-right)) 24px max(24px, env(safe-area-inset-left)); gap:18px; }
|
|
33
|
+
.view.on { display:flex; }
|
|
34
|
+
.bar { display:flex; align-items:center; justify-content:space-between; gap:12px; }
|
|
35
|
+
.bar .l { display:flex; align-items:center; gap:14px; min-width:0; }
|
|
36
|
+
/* 按钮两页同一份(ui.ts) */
|
|
37
|
+
${BTN_CSS}
|
|
38
|
+
.ttl { font-size:22px; font-weight:700; }
|
|
39
|
+
.dots { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
|
|
40
|
+
.dots i { width:14px; height:14px; border-radius:7px; background:var(--line); }
|
|
41
|
+
.dots i.d { background:#8fb4e3; }
|
|
42
|
+
.dots i.c { width:30px; background:var(--accent); }
|
|
43
|
+
.av { width:64px; height:64px; border-radius:32px; background:var(--tutor); border:2px solid var(--tutor-line); display:grid; place-items:center; font-size:26px; color:var(--tutor-ink); flex:none; }
|
|
44
|
+
.bubble { display:flex; align-items:center; gap:16px; padding:16px 24px; background:var(--tutor); border-radius:24px; border-top-left-radius:6px; }
|
|
45
|
+
.bubble b { display:block; font-size:24px; color:var(--tutor-ink); }
|
|
46
|
+
.bubble small { display:block; font-size:15px; color:var(--tutor-ink2); min-height:22px; }
|
|
47
|
+
.bubble svg { width:32px; height:32px; flex:none; }
|
|
48
|
+
.say { display:flex; align-items:center; gap:16px; align-self:center; flex-wrap:wrap; justify-content:center; }
|
|
49
|
+
.pads { display:flex; gap:24px; justify-content:center; align-items:center; flex-wrap:wrap; }
|
|
50
|
+
.padbox { position:relative; width:var(--pad, 300px); height:var(--pad, 300px); flex:none; }
|
|
51
|
+
.padbox svg { display:block; width:100%; height:100%; touch-action:none; }
|
|
52
|
+
.padbox.act { box-shadow:0 0 0 4px var(--tutor-line); border-radius:6px; }
|
|
53
|
+
.grid rect { fill:#fff; stroke:var(--sand); stroke-width:10; }
|
|
54
|
+
.grid line { stroke:var(--sand2); stroke-width:6; stroke-dasharray:28 20; }
|
|
55
|
+
.ink path { fill:none; stroke:var(--ink); stroke-width:34; stroke-linecap:round; stroke-linejoin:round; }
|
|
56
|
+
.std path { fill:var(--blue); fill-opacity:.34; }
|
|
57
|
+
/* 逐笔看:孩子的字退成浅灰,书上的笔(蓝、橙)在上面看得清 */
|
|
58
|
+
#v-order .ink path { stroke:#c9c4ba; }
|
|
59
|
+
.bare .std { display:none; }
|
|
60
|
+
.std.model path { fill:#3a3a3a; fill-opacity:1; }
|
|
61
|
+
.std.model.writing path { fill:#d9d5cc; }
|
|
62
|
+
.std path.sd { fill-opacity:.55; }
|
|
63
|
+
.std path.sc { fill:var(--accent); fill-opacity:1; }
|
|
64
|
+
.std path.sf { fill-opacity:.12; }
|
|
65
|
+
.top path { fill:none; stroke-width:200; stroke-linecap:round; stroke-linejoin:round; }
|
|
66
|
+
.top path.o { stroke:var(--accent); }
|
|
67
|
+
.top path.k { stroke:#3a3a3a; }
|
|
68
|
+
.grow { flex:1; display:flex; flex-direction:column; justify-content:center; gap:28px; }
|
|
69
|
+
.foot { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
|
|
70
|
+
.foot .tools { display:flex; gap:12px; flex-wrap:wrap; }
|
|
71
|
+
[hidden] { display:none !important; }
|
|
72
|
+
/* 写字(原型 v2 的 C):左边听写本,右边放大写一个字 */
|
|
73
|
+
#v-listen { flex-direction:row; gap:24px; padding:calc(env(safe-area-inset-top) + 10px) 20px 20px; height:100vh; height:100dvh; }
|
|
74
|
+
/* 左上角的胶囊(回首页)浮在左边一栏、照片上面:它们从胶囊下面开始 */
|
|
75
|
+
#v-pick .shot { margin-top:58px; }
|
|
76
|
+
/* 听写本:一个词的格子拼成一条(字与字共用一条线),词挨着排、排满换行 */
|
|
77
|
+
.book { width:300px; flex:none; min-height:0; display:flex; flex-flow:row wrap; align-content:flex-start; gap:8px 6px; padding:14px 8px; background:#fff; border:1px solid var(--line); border-radius:22px; overflow:auto; }
|
|
78
|
+
.book .bh { flex:0 0 100%; display:flex; align-items:baseline; justify-content:space-between; padding:0 8px 2px; }
|
|
79
|
+
.book .bh b { font-size:20px; }
|
|
80
|
+
.book .bh span { font-size:14px; color:var(--dim); }
|
|
81
|
+
.brow { display:flex; align-items:flex-start; gap:3px; }
|
|
82
|
+
.brow.ahead { opacity:.45; }
|
|
83
|
+
.brow .no { width:14px; text-align:right; color:var(--dim); font-size:12px; line-height:1; padding-top:3px; flex:none; }
|
|
84
|
+
.brow.cur .no { color:#b9531c; font-weight:700; }
|
|
85
|
+
.brow .strip { display:flex; border:1px solid var(--sand); background:#fff; }
|
|
86
|
+
.brow.cur .strip { border-color:var(--sc); box-shadow:0 0 0 1px var(--sc); }
|
|
87
|
+
.brow .padbox { width:58px; height:58px; }
|
|
88
|
+
.brow .padbox + .padbox { border-left:1px solid var(--sand); }
|
|
89
|
+
.brow .grid rect { stroke:none; }
|
|
90
|
+
.brow .padbox.here .grid rect { fill:var(--tutor); }
|
|
91
|
+
.chip { display:flex; align-items:center; gap:12px; padding:6px 16px 6px 6px; background:var(--tutor); border-radius:28px; min-width:0; }
|
|
92
|
+
.chip svg { width:26px; height:26px; flex:none; }
|
|
93
|
+
.chip b { display:block; font-size:18px; color:var(--tutor-ink); white-space:nowrap; }
|
|
94
|
+
.chip small { display:block; font-size:14px; color:var(--tutor-ink2); white-space:nowrap; min-height:20px; }
|
|
95
|
+
.big { flex:1; min-height:0; display:flex; align-items:center; justify-content:center; }
|
|
96
|
+
/* 写字格三档:写字区右上角一竖排,越下越大;选的记在 cookie(cotutor_dict_pad) */
|
|
97
|
+
.bigw { flex:1; min-height:0; min-width:0; position:relative; display:flex; }
|
|
98
|
+
.padsz { position:absolute; right:0; top:0; display:flex; flex-direction:column; gap:4px; padding:6px 4px; background:#fff; border:1px solid var(--line); border-radius:16px; }
|
|
99
|
+
.padsz button { width:44px; height:44px; border:0; border-radius:12px; background:none; display:grid; place-items:center; padding:0; }
|
|
100
|
+
.padsz svg { display:block; }
|
|
101
|
+
.padsz rect { fill:#fff; stroke:var(--sand); stroke-width:1.5; }
|
|
102
|
+
.padsz line { stroke:var(--sand2); stroke-width:1; }
|
|
103
|
+
.padsz button[aria-pressed="true"] { background:var(--tutor); }
|
|
104
|
+
.padsz button[aria-pressed="true"] rect { stroke:var(--sc); }
|
|
105
|
+
.std.trace path { fill:#d9d5cc; fill-opacity:1; }
|
|
106
|
+
/* 写字的左边一栏:气泡与再念、听写本、按钮都在这;右边 .big 整块高度只放田字格 */
|
|
107
|
+
#v-listen .side3 { width:300px; flex:none; min-height:0; display:flex; flex-direction:column; gap:12px; padding-top:58px; }
|
|
108
|
+
#v-listen .side3 .book { width:auto; flex:1 1 auto; }
|
|
109
|
+
#v-listen .chip { padding:8px 8px 8px 14px; border-radius:22px; }
|
|
110
|
+
#v-listen .chip .ct { flex:1; min-width:0; }
|
|
111
|
+
#v-listen .chip .ct b { white-space:normal; line-height:1.3; }
|
|
112
|
+
#v-listen .chip .tool { flex:none; min-height:44px; padding:0 14px; }
|
|
113
|
+
#v-listen .foot { flex-direction:column; align-items:stretch; gap:8px; flex-wrap:nowrap; }
|
|
114
|
+
#v-listen .foot .tools { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:8px; }
|
|
115
|
+
#v-listen .foot .tool { min-height:52px; padding:0 12px; font-size:16px; }
|
|
116
|
+
#v-listen .foot .tool.reveal, #v-listen #l-reorder { grid-column:span 2; }
|
|
117
|
+
#v-listen .foot .main { width:100%; padding:0 16px; }
|
|
118
|
+
#v-listen #l-foot-order .tools { display:flex; flex-direction:column; gap:10px; }
|
|
119
|
+
/* 竖着(iPad 竖放、手机):一栏拆开,从上到下是气泡、听写本、田字格、按钮 */
|
|
120
|
+
@media (orientation: portrait) {
|
|
121
|
+
#v-listen { flex-direction:column; gap:12px; }
|
|
122
|
+
#v-listen .side3 { display:contents; }
|
|
123
|
+
#v-listen .chip { order:1; margin-left:100px; }
|
|
124
|
+
#v-listen .side3 .book { order:2; flex:none; max-height:180px; }
|
|
125
|
+
#v-listen .bigw { order:3; }
|
|
126
|
+
#v-listen .foot { order:4; flex-direction:row; align-items:center; flex-wrap:wrap; }
|
|
127
|
+
#v-listen .foot .tools { display:flex; flex-wrap:wrap; }
|
|
128
|
+
#v-listen .foot .main { width:auto; margin-left:auto; padding:0 32px; }
|
|
129
|
+
}
|
|
130
|
+
/* 开始 */
|
|
131
|
+
#v-start .grow { align-items:center; text-align:center; }
|
|
132
|
+
#v-start .hd { font-size:30px; font-weight:700; }
|
|
133
|
+
#v-start .sub { color:var(--dim); font-size:18px; }
|
|
134
|
+
#v-start .acts { display:flex; flex-direction:column; gap:14px; align-items:center; }
|
|
135
|
+
/* 对答案 */
|
|
136
|
+
.cards { display:grid; grid-template-columns:repeat(auto-fill, minmax(var(--card, 320px), 1fr)); gap:18px; align-content:start; }
|
|
137
|
+
.wc { display:flex; flex-direction:column; align-items:center; gap:12px; padding:16px; background:var(--card); border:1px solid var(--line); border-radius:20px; }
|
|
138
|
+
.wc .pads { gap:10px; flex-wrap:nowrap; }
|
|
139
|
+
.wc .padbox { cursor:pointer; }
|
|
140
|
+
.ask { display:flex; align-items:center; gap:12px; padding:6px 6px 6px 16px; background:var(--tutor); border-radius:24px; font-size:17px; color:var(--tutor-ink); }
|
|
141
|
+
.ask button { display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:0 20px; border-radius:22px; border:0; background:var(--clay); color:#fff; font-weight:600; }
|
|
142
|
+
.self { display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:0 16px; border-radius:22px; border:1px solid var(--line); background:#fff; font-size:15px; color:var(--dim); }
|
|
143
|
+
.ask button svg, .self svg { width:18px; height:18px; flex:none; }
|
|
144
|
+
.hint { color:var(--dim); font-size:17px; }
|
|
145
|
+
/* 逐笔看 */
|
|
146
|
+
#v-order .grow { flex-direction:row; align-items:center; justify-content:center; gap:48px; flex-wrap:wrap; }
|
|
147
|
+
.side { display:flex; flex-direction:column; gap:24px; max-width:420px; }
|
|
148
|
+
.side .ttl { font-size:28px; }
|
|
149
|
+
.count { font-size:20px; }
|
|
150
|
+
.count b { color:#b9531c; }
|
|
151
|
+
.row { display:flex; gap:12px; flex-wrap:wrap; }
|
|
152
|
+
/* 再写一遍 */
|
|
153
|
+
/* 整词并排,格子按范字旁边(竖着是下面)剩的地方放到最大(rowFit) */
|
|
154
|
+
#v-rewrite { height:100vh; height:100dvh; }
|
|
155
|
+
#v-rewrite .grow { flex-direction:row; align-items:center; justify-content:center; gap:40px; flex-wrap:nowrap; min-height:0; }
|
|
156
|
+
#v-rewrite #w-pads { flex-wrap:nowrap; }
|
|
157
|
+
/* 横着:范字竖着排成左边窄窄一栏,宽度都给写字的格子;竖着:范字一排在上 */
|
|
158
|
+
@media (orientation: landscape) { #v-rewrite .models { padding:16px 14px; } #v-rewrite .models .pads { flex-direction:column; } #v-rewrite .models .hint { text-align:center; font-size:15px; line-height:1.4; } #v-rewrite .models .hint i { display:none; } #v-rewrite .models .hint span { display:block; white-space:nowrap; } }
|
|
159
|
+
@media (orientation: portrait) { #v-rewrite .grow { flex-direction:column; gap:24px; } }
|
|
160
|
+
.models { display:flex; flex-direction:column; align-items:center; gap:12px; padding:20px; background:var(--card); border:1px solid var(--line); border-radius:20px; }
|
|
161
|
+
.models .pads { gap:10px; flex-wrap:nowrap; }
|
|
162
|
+
.models .padbox { cursor:pointer; }
|
|
163
|
+
/* 拍照开始:拍(拍照屏同英语页,photo-ui.ts)→ 照片上一项一项冒出框,点着选 → 右边是这次写的词 */
|
|
164
|
+
${SNAP_CSS}
|
|
165
|
+
#v-pick { flex-direction:row; gap:20px; align-items:stretch; height:100vh; height:100dvh; }
|
|
166
|
+
#v-pick.on { display:flex; }
|
|
167
|
+
.shot { flex:1; min-width:0; min-height:0; display:flex; align-items:center; justify-content:center; }
|
|
168
|
+
.shot .frame { position:relative; overflow:hidden; border-radius:12px; background:#2b2b2b; }
|
|
169
|
+
.shot .full { position:absolute; left:0; top:0; transform-origin:0 0; transition:transform .5s ease; --z:1; }
|
|
170
|
+
.shot img { display:block; width:100%; height:100%; }
|
|
171
|
+
.bx { position:absolute; border-radius:calc(6px / var(--z)); border:calc(3px / var(--z)) dashed rgba(120,115,105,.85); background:transparent; padding:0; cursor:pointer; }
|
|
172
|
+
.bx.on { border-style:solid; border-color:#2f6fd6; background:rgba(47,111,214,.16); }
|
|
173
|
+
.bx.unsure.on { border-color:#e8743b; background:rgba(232,116,59,.18); }
|
|
174
|
+
.bx.read { border-color:rgba(160,155,145,.55); }
|
|
175
|
+
.bx.pop { animation:pop .35s ease-out; }
|
|
176
|
+
@keyframes pop { from { transform:scale(1.35); opacity:0; } to { transform:scale(1); opacity:1; } }
|
|
177
|
+
.side2 { width:340px; flex:none; min-height:0; display:flex; flex-direction:column; gap:12px; }
|
|
178
|
+
.side2 .ttl { font-size:22px; }
|
|
179
|
+
.side2 .st { font-size:15px; color:var(--dim); min-height:22px; }
|
|
180
|
+
.wl { flex:1; min-height:0; overflow:auto; display:flex; flex-direction:column; gap:8px; }
|
|
181
|
+
.wr { display:flex; align-items:center; gap:10px; padding:10px 12px; background:#fff; border:1px solid var(--line); border-radius:14px; }
|
|
182
|
+
.wr .t { flex:1; min-width:0; display:flex; flex-direction:column; }
|
|
183
|
+
.wr b { font-size:22px; letter-spacing:2px; }
|
|
184
|
+
.wr input { font:inherit; font-size:22px; letter-spacing:2px; width:100%; border:0; border-bottom:2px solid #e8a26f; background:transparent; padding:0; }
|
|
185
|
+
.wr small { font-size:13px; color:var(--dim); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
|
|
186
|
+
.wr .x { flex:none; width:44px; height:44px; border-radius:22px; border:1px solid var(--line); background:#fff; font-size:18px; color:var(--dim); }
|
|
187
|
+
.wr.extra { border-style:dashed; }
|
|
188
|
+
.add { display:flex; gap:8px; align-items:center; }
|
|
189
|
+
.add input { flex:1; min-width:0; font:inherit; font-size:18px; min-height:48px; padding:0 14px; border:1px solid var(--line); border-radius:14px; background:#fff; }
|
|
190
|
+
.fulltxt { display:flex; flex-direction:column; gap:6px; padding:12px; background:#fff; border:1px solid var(--line); border-radius:14px; }
|
|
191
|
+
.fulltxt .fh { font-size:14px; color:var(--dim); }
|
|
192
|
+
.fulltxt .ln { line-height:2.1; font-size:19px; }
|
|
193
|
+
.seg { font:inherit; font-size:19px; padding:2px 4px; margin:0 1px; border:0; border-radius:6px; background:transparent; color:var(--ink); cursor:pointer; }
|
|
194
|
+
.seg.on { background:rgba(47,111,214,.18); box-shadow:inset 0 0 0 2px #2f6fd6; }
|
|
195
|
+
.seg.no { cursor:default; color:var(--dim); padding:2px 1px; }
|
|
196
|
+
@media (orientation: portrait) { #v-pick { flex-direction:column; } .side2 { width:auto; flex:0 0 42%; } }
|
|
197
|
+
@media (prefers-reduced-motion: reduce) { * { transition:none !important; } }
|
|
198
|
+
${TUTOR_FACE_CSS}
|
|
199
|
+
</style></head>
|
|
200
|
+
<body>
|
|
201
|
+
<div class="view" id="v-start">
|
|
202
|
+
<div class="bar"><span class="bk-slot"></span></div>
|
|
203
|
+
<div class="grow">
|
|
204
|
+
<div class="av" id="s-av"></div>
|
|
205
|
+
<div class="hd" id="s-big">听写</div>
|
|
206
|
+
<div class="sub" id="s-sub"></div>
|
|
207
|
+
<div class="acts" id="s-acts"></div>
|
|
208
|
+
</div>
|
|
209
|
+
</div>
|
|
210
|
+
|
|
211
|
+
<div class="view" id="v-snap">
|
|
212
|
+
${snapHtml({ kind: 'zh', id: 'snap-hero', cam: 'snap-cam', lib: 'snap-lib' })}
|
|
213
|
+
</div>
|
|
214
|
+
|
|
215
|
+
<div class="view" id="v-pick">
|
|
216
|
+
<div class="shot" id="p-shot"></div>
|
|
217
|
+
<div class="side2">
|
|
218
|
+
<div><div class="ttl" id="p-lesson">认一认</div><div class="st" id="p-status"></div></div>
|
|
219
|
+
<div class="hint" style="font-size:15px">点照片上的框:蓝的会念,虚线的不念。橙的没认准,改一下字。</div>
|
|
220
|
+
<div class="wl">
|
|
221
|
+
<div id="p-list" style="display:flex;flex-direction:column;gap:8px"></div>
|
|
222
|
+
<div class="add"><input id="p-add" placeholder="自己加词,空格分开" aria-label="自己加词">${btn('tool sm', 'add', '加', 'id="p-add-go"')}</div>
|
|
223
|
+
<div class="fulltxt" id="p-full" hidden><div class="fh">照片上的字 · 点一个词加进来</div><div id="p-lines"></div></div>
|
|
224
|
+
</div>
|
|
225
|
+
<div class="row">
|
|
226
|
+
${btn('tool', 'camera', '重拍', 'id="p-again"')}
|
|
227
|
+
${btn('main', 'start', '开始听写', 'id="p-go" style="flex:1"')}
|
|
228
|
+
</div>
|
|
229
|
+
</div>
|
|
230
|
+
</div>
|
|
231
|
+
|
|
232
|
+
<div class="view" id="v-listen">
|
|
233
|
+
<!-- 写字:左边一栏是气泡与再念、听写本、按钮;右边整块高度只放田字格 -->
|
|
234
|
+
<div class="side3">
|
|
235
|
+
<div class="chip">
|
|
236
|
+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" style="color:var(--tutor-ink)" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M11 5L6 9H3v6h3l5 4V5z"></path><path d="M15.5 8.5a5 5 0 0 1 0 7"></path></svg>
|
|
237
|
+
<div class="ct"><b id="l-what"></b><small id="l-status"></small></div>
|
|
238
|
+
${btn('tool sm', 'again', '再念', 'id="l-again"')}
|
|
239
|
+
</div>
|
|
240
|
+
<div class="book" id="l-book"></div>
|
|
241
|
+
<div class="foot" id="l-foot-write">
|
|
242
|
+
<div class="tools">
|
|
243
|
+
${btn('tool', 'undo', '撤销', 'data-undo="1"')}
|
|
244
|
+
${btn('tool', 'clear', '擦掉', 'data-clear="1"')}
|
|
245
|
+
${btn('tool reveal', 'reveal', '不会写,给答案', 'id="l-reveal"')}
|
|
246
|
+
${btn('tool', 'order', '再看笔顺', 'id="l-reorder" hidden')}
|
|
247
|
+
</div>
|
|
248
|
+
${btn('main', 'done', '写好了', 'id="l-next"')}
|
|
249
|
+
</div>
|
|
250
|
+
<!-- 看笔顺:没有「我来写」;放完或一落笔就换成照着写 -->
|
|
251
|
+
<div class="foot" id="l-foot-order" hidden>
|
|
252
|
+
<div class="tools">${btn('tool', 'replay', '再看一遍', 'id="l-again-order"')}</div>
|
|
253
|
+
</div>
|
|
254
|
+
</div>
|
|
255
|
+
<div class="bigw">
|
|
256
|
+
<div class="big" id="l-big"></div>
|
|
257
|
+
<div class="padsz" id="l-size" role="group" aria-label="写字格大小">${PAD_SIZES.map(([k, px, name]) => `<button type="button" data-pad="${k}" aria-label="${name}" aria-pressed="false"><svg width="${px}" height="${px}" viewBox="0 0 ${px} ${px}" aria-hidden="true"><rect x="0.75" y="0.75" width="${px - 1.5}" height="${px - 1.5}" rx="2"></rect><line x1="${px / 2}" y1="1.5" x2="${px / 2}" y2="${px - 1.5}"></line><line x1="1.5" y1="${px / 2}" x2="${px - 1.5}" y2="${px / 2}"></line></svg></button>`).join('')}</div>
|
|
258
|
+
</div>
|
|
259
|
+
</div>
|
|
260
|
+
|
|
261
|
+
<div class="view" id="v-check">
|
|
262
|
+
<div class="bar">
|
|
263
|
+
<div class="l"><span class="bk-slot"></span><div style="display:flex;flex-direction:column;gap:2px;min-width:0"><span class="ttl">写完啦,自己对一对</span><span class="hint">淡蓝的是书上的字,叠在你写的上面。点一个字,看它一笔一笔怎么写。</span></div></div>
|
|
264
|
+
${btn('tool sm', 'overlay', '拿开蓝字', 'id="c-toggle"')}
|
|
265
|
+
</div>
|
|
266
|
+
<div class="cards" id="c-cards"></div>
|
|
267
|
+
<div class="foot"><span></span>${btn('main', 'done', '对好了', 'id="c-done"')}</div>
|
|
268
|
+
</div>
|
|
269
|
+
|
|
270
|
+
<div class="view" id="v-order">
|
|
271
|
+
<div class="bar"><span></span><button class="layer-x" type="button" id="r-back" aria-label="回到对一对">${LAYER_X}</button></div>
|
|
272
|
+
<div class="grow">
|
|
273
|
+
<div class="pads" id="r-pad"></div>
|
|
274
|
+
<div class="side">
|
|
275
|
+
<div><div class="ttl">看它一笔一笔写</div><div class="hint">蓝笔在你写的字上面写一遍,正在写的那一笔是橙色的。</div></div>
|
|
276
|
+
<div class="count" id="r-count"></div>
|
|
277
|
+
<div class="row">
|
|
278
|
+
${btn('tool', 'prev', '', 'id="r-prev" aria-label="上一笔"')}
|
|
279
|
+
${btn('tool', 'start', '接着写', 'id="r-play" style="flex:1"')}
|
|
280
|
+
${btn('tool', 'next', '', 'id="r-next" aria-label="下一笔"')}
|
|
281
|
+
${btn('tool', 'replay', '从头写', 'id="r-zero"')}
|
|
282
|
+
</div>
|
|
283
|
+
${btn('main', 'write', '我再写一遍', 'id="r-rewrite"')}
|
|
284
|
+
</div>
|
|
285
|
+
</div>
|
|
286
|
+
</div>
|
|
287
|
+
|
|
288
|
+
<div class="view" id="v-rewrite">
|
|
289
|
+
<div class="bar"><span class="ttl" id="w-title">再写一遍</span><button class="layer-x" type="button" id="w-skip" aria-label="回到对一对">${LAYER_X}</button></div>
|
|
290
|
+
<div class="grow">
|
|
291
|
+
<div class="models"><span class="hint"><span>照着看</span><i> · </i><span>点一下看笔顺</span></span><div class="pads" id="w-models"></div></div>
|
|
292
|
+
<div class="pads" id="w-pads"></div>
|
|
293
|
+
</div>
|
|
294
|
+
<div class="foot">
|
|
295
|
+
<div class="tools">
|
|
296
|
+
${btn('tool', 'undo', '撤销', 'data-undo="1"')}
|
|
297
|
+
${btn('tool', 'clear', '擦掉', 'data-clear="1"')}
|
|
298
|
+
</div>
|
|
299
|
+
${btn('main', 'done', '写好了', 'id="w-done"')}
|
|
300
|
+
</div>
|
|
301
|
+
</div>
|
|
302
|
+
|
|
303
|
+
<script>
|
|
304
|
+
// 孩子端的流水(kid-log.ts):最先装上出错的监听
|
|
305
|
+
${KID_LOG_JS}
|
|
306
|
+
(function () {
|
|
307
|
+
'use strict';
|
|
308
|
+
var $ = function (s) { return document.querySelector(s); };
|
|
309
|
+
var NS = 'http://www.w3.org/2000/svg';
|
|
310
|
+
var HZ_T = 'scale(1,-1) translate(0,-900)';
|
|
311
|
+
var sv = function (tag, attrs) { var el = document.createElementNS(NS, tag); for (var k in (attrs || {})) el.setAttribute(k, String(attrs[k])); return el; };
|
|
312
|
+
var h = function (tag, attrs) {
|
|
313
|
+
var el = document.createElement(tag); attrs = attrs || {};
|
|
314
|
+
for (var k in attrs) { if (k === 'on') { for (var ev in attrs.on) el.addEventListener(ev, attrs.on[ev]); } else if (k === 'text') el.textContent = attrs[k]; else el.setAttribute(k, attrs[k]); }
|
|
315
|
+
var add = function (c) { if (Array.isArray(c)) c.forEach(add); else if (c !== null && c !== undefined && c !== false) el.append(c); };
|
|
316
|
+
for (var i = 2; i < arguments.length; i++) add(arguments[i]);
|
|
317
|
+
return el;
|
|
318
|
+
};
|
|
319
|
+
${BTN_JS}
|
|
320
|
+
var CN = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九', '十'];
|
|
321
|
+
var cn = function (n) { return n <= 10 ? CN[n] : n < 20 ? '十' + CN[n - 10] : CN[Math.floor(n / 10)] + '十' + (n % 10 ? CN[n % 10] : ''); };
|
|
322
|
+
|
|
323
|
+
var q = new URLSearchParams(location.search);
|
|
324
|
+
var HOME = q.get('home'); var N = Number(q.get('n') || 0); var TUTOR = q.get('tutor');
|
|
325
|
+
/** 家长看录像时,这一页开在录像外壳的 iframe 里:只照记录画,不发事件、不念、点不动 */
|
|
326
|
+
var REEL_ID = q.get('reel');
|
|
327
|
+
// 录像里只记出错,不报打开
|
|
328
|
+
kidLog.start({ page: 'dictation', mode: REEL_ID ? 'reel' : 'kid', ctx: function () { return { tutor: TUTOR || null }; } });
|
|
329
|
+
var S = { v: null, base: Date.now(), i: 0, w: null, pads: [], stack: [], active: null, sawPen: false, sayTimer: 0, order: null, rw: null };
|
|
330
|
+
/** 写字格多大:l 铺满写字区(上限 900)、m 500、s 380;再写一遍也照它封顶。孩子选的记在 cookie,录像照记录 */
|
|
331
|
+
var PAD_CAP = { l: 900, m: 500, s: 380 };
|
|
332
|
+
var readPad = function () { var m = /(?:^|; )cotutor_dict_pad=([lms])/.exec(document.cookie); return m ? m[1] : 'l'; };
|
|
333
|
+
S.padl = REEL_ID ? 'l' : readPad();
|
|
334
|
+
/** 点与事件的时刻:离这次听写开始(startedAt)多少毫秒;孩子端的钟,录像只看先后与间隔 */
|
|
335
|
+
var now = function () { return Math.max(0, Date.now() - S.base); };
|
|
336
|
+
var setView = function (v) { var fresh = !S.v || S.v.id !== v.id; S.v = v; S.base = Date.parse(v.startedAt) || S.base; showFace(); if (fresh) { S.vw = 0; sendView(); } };
|
|
337
|
+
|
|
338
|
+
var show = function (name) { var vs = document.querySelectorAll('.view'); for (var i = 0; i < vs.length; i++) vs[i].classList.toggle('on', vs[i].id === 'v-' + name); BACK.el.hidden = name === 'order' || name === 'rewrite'; window.scrollTo(0, 0); if (!REEL_ID) guard(); };
|
|
339
|
+
// 孩子端不往浏览器历史里加东西(kid-nav.ts):回首页是替换当前页
|
|
340
|
+
${KID_NAV_JS}
|
|
341
|
+
var goHome = function () { stopSay(); kidGo('/'); };
|
|
342
|
+
// ---- 左上角「‹ logo」胶囊,同老师页;拍照屏的大头像是听写这次的老师,没开始时是从哪位老师卡上进来的 ----
|
|
343
|
+
${TUTOR_FACE_JS}
|
|
344
|
+
// 胶囊带上念的老师:服务端出页面时就按 ?tutor= 或首页那张卡的 reader 插进来(BACK_TUTOR),打开就是他的颜色和首字,不先浅底再变色;一位能念的老师都没有才是 null
|
|
345
|
+
var BACK_TUTOR = __BACK_TUTOR__;
|
|
346
|
+
var BACK = backCapsule(goHome); BACK.set(BACK_TUTOR); document.body.append(BACK.el);
|
|
347
|
+
var TUTORS = null;
|
|
348
|
+
var showFace = function () { var name = (S.v && S.v.tutorName) || TUTOR; if (!TUTORS || !name) return; var t = TUTORS.filter(function (x) { return x.name === name; })[0] || null; if (t) BACK.set(t); $('#snap-av').replaceChildren(t ? tutorAvatar(t) : ''); if (t && t.color) document.documentElement.style.setProperty('--sc', t.color); };
|
|
349
|
+
|
|
350
|
+
var api = function (method, path, body) {
|
|
351
|
+
return fetch(path, { method: method, headers: body ? { 'content-type': 'application/json' } : {}, body: body ? JSON.stringify(body) : undefined, cache: 'no-store' })
|
|
352
|
+
.then(function (r) { return r.json().catch(function () { return {}; }).then(function (j) { if (!r.ok) { var e = new Error(String(r.status)); e.status = r.status; e.body = j; throw e; } return j; }); });
|
|
353
|
+
};
|
|
354
|
+
/** 交东西:连不上就一直等着重试,按钮上写「等一下…」,孩子那边不报错 */
|
|
355
|
+
var persist = function (method, path, body, btn) {
|
|
356
|
+
var label = btn ? btn.textContent : '';
|
|
357
|
+
if (btn) btn.disabled = true;
|
|
358
|
+
return new Promise(function (resolve, reject) {
|
|
359
|
+
var go = function () {
|
|
360
|
+
api(method, path, body).then(function (j) { if (btn) { btn.disabled = false; btn.textContent = label; } resolve(j); }, function (e) {
|
|
361
|
+
if (e.status && e.status < 500) { if (btn) { btn.disabled = false; btn.textContent = label; } reject(e); return; }
|
|
362
|
+
if (btn) btn.textContent = '等一下…';
|
|
363
|
+
setTimeout(go, 2000);
|
|
364
|
+
});
|
|
365
|
+
};
|
|
366
|
+
go();
|
|
367
|
+
});
|
|
368
|
+
};
|
|
369
|
+
|
|
370
|
+
/** 记一件事(录像按它排);发不出去就算了 */
|
|
371
|
+
var event = function (kind, word, ch, n, more) {
|
|
372
|
+
if (!S.v || REEL_ID) return;
|
|
373
|
+
var b = { kind: kind, word: word, t: now() }; if (ch !== undefined) b.char = ch; if (n !== undefined) b.n = n; if (more) { b.w = more.w; b.h = more.h; b.pad = more.pad; }
|
|
374
|
+
try { fetch('/api/dictation/' + S.v.id + '/events', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify(b), keepalive: true }).catch(function () {}); } catch (e) {}
|
|
375
|
+
};
|
|
376
|
+
/** 录像要的:屏幕多大与写字格的档(进来、转屏停手 300 毫秒、换档,变了才记)、切到别处 / 回来 */
|
|
377
|
+
var viewTimer = 0;
|
|
378
|
+
var sendView = function () { if (!S.v || S.v.done) return; var w = window.innerWidth, hh = window.innerHeight; if (w === S.vw && hh === S.vh && S.padl === S.vp) return; S.vw = w; S.vh = hh; S.vp = S.padl; event('view', S.i || 0, undefined, undefined, { w: w, h: hh, pad: S.padl }); };
|
|
379
|
+
window.addEventListener('resize', function () { clearTimeout(viewTimer); viewTimer = setTimeout(sendView, 300); });
|
|
380
|
+
document.addEventListener('visibilitychange', function () { if (S.v && !S.v.done) event(document.hidden ? 'away' : 'back', S.i || 0); });
|
|
381
|
+
|
|
382
|
+
// ---------- 字形(书上的字):/api/kid/tianzige/<字>,strokes 轮廓 + medians 中线 ----------
|
|
383
|
+
var GL = {};
|
|
384
|
+
var glyph = function (ch) { if (!GL[ch]) GL[ch] = fetch('/api/kid/tianzige/' + encodeURIComponent(ch)).then(function (r) { return r.ok ? r.json() : null; }).catch(function () { return null; }); return GL[ch]; };
|
|
385
|
+
var polyLen = function (pts) { var n = 0; for (var i = 1; i < pts.length; i++) n += Math.hypot(pts[i][0] - pts[i - 1][0], pts[i][1] - pts[i - 1][1]); return n; };
|
|
386
|
+
|
|
387
|
+
// ---------- 田字格 ----------
|
|
388
|
+
var pathD = function (pts) { var d = 'M' + pts[0][0] + ' ' + pts[0][1]; if (pts.length === 1) d += ' L' + (pts[0][0] + 1) + ' ' + pts[0][1]; for (var i = 1; i < pts.length; i++) d += ' L' + pts[i][0] + ' ' + pts[i][1]; return d; };
|
|
389
|
+
var makePad = function (opts) {
|
|
390
|
+
var svg = sv('svg', { viewBox: '0 0 1024 1024' });
|
|
391
|
+
var grid = sv('g', { 'class': 'grid' });
|
|
392
|
+
grid.append(sv('rect', { x: 8, y: 8, width: 1008, height: 1008, rx: 20 }), sv('line', { x1: 512, y1: 8, x2: 512, y2: 1016 }), sv('line', { x1: 8, y1: 512, x2: 1016, y2: 512 }));
|
|
393
|
+
var std = sv('g', { 'class': 'std', transform: HZ_T });
|
|
394
|
+
var ink = sv('g', { 'class': 'ink', transform: HZ_T });
|
|
395
|
+
var top = sv('g', { 'class': 'top', transform: HZ_T });
|
|
396
|
+
svg.append(grid, std, ink, top);
|
|
397
|
+
var pad = { el: h('div', { 'class': 'padbox' }, svg), svg: svg, std: std, ink: ink, top: top, strokes: [], undos: 0, gone: [] };
|
|
398
|
+
(opts.ink || []).forEach(function (s) { if (s.length) ink.append(sv('path', { d: pathD(s) })); });
|
|
399
|
+
if (opts.write) bindPen(pad);
|
|
400
|
+
if (opts.onTap) pad.el.addEventListener('click', opts.onTap);
|
|
401
|
+
return pad;
|
|
402
|
+
};
|
|
403
|
+
var fillStd = function (pad, d, cls) { pad.std.replaceChildren(); if (cls) pad.std.setAttribute('class', 'std ' + cls); if (!d) return; d.strokes.forEach(function (st) { pad.std.append(sv('path', { d: st })); }); };
|
|
404
|
+
var setActive = function (pad) { if (S.active) S.active.el.classList.remove('act'); S.active = pad; if (pad) pad.el.classList.add('act'); };
|
|
405
|
+
/** 记一笔:点 = [x, y, t],x / y 是字的坐标(1024 见方、y 向上),t 是离进页面多少毫秒 */
|
|
406
|
+
var bindPen = function (pad) {
|
|
407
|
+
var cur = null;
|
|
408
|
+
var pos = function (e) { var r = pad.svg.getBoundingClientRect(); return [Math.round((e.clientX - r.left) / r.width * 1024), Math.round(900 - (e.clientY - r.top) / r.height * 1024), now()]; };
|
|
409
|
+
pad.svg.addEventListener('pointerdown', function (e) {
|
|
410
|
+
if (e.pointerType === 'pen') S.sawPen = true; else if (e.pointerType === 'touch' && S.sawPen) return; // 用过笔就不认手掌
|
|
411
|
+
if (cur) return;
|
|
412
|
+
if (pad.onDown) pad.onDown();
|
|
413
|
+
try { pad.svg.setPointerCapture(e.pointerId); } catch (x) {}
|
|
414
|
+
var pts = [pos(e)];
|
|
415
|
+
cur = { id: e.pointerId, pts: pts, path: sv('path', { d: pathD(pts) }) };
|
|
416
|
+
pad.ink.append(cur.path); pad.strokes.push(pts); S.stack.push(pad); setActive(pad);
|
|
417
|
+
e.preventDefault();
|
|
418
|
+
});
|
|
419
|
+
pad.svg.addEventListener('pointermove', function (e) {
|
|
420
|
+
if (!cur || e.pointerId !== cur.id) return;
|
|
421
|
+
var evs = e.getCoalescedEvents ? e.getCoalescedEvents() : [e]; if (!evs.length) evs = [e];
|
|
422
|
+
for (var i = 0; i < evs.length; i++) { var p = pos(evs[i]); var l = cur.pts[cur.pts.length - 1]; if (Math.abs(p[0] - l[0]) + Math.abs(p[1] - l[1]) < 4) continue; cur.pts.push(p); }
|
|
423
|
+
cur.path.setAttribute('d', pathD(cur.pts));
|
|
424
|
+
e.preventDefault();
|
|
425
|
+
});
|
|
426
|
+
var up = function (e) { if (cur && e.pointerId === cur.id) { cur = null; if (pad.onUp) pad.onUp(); } };
|
|
427
|
+
pad.svg.addEventListener('pointerup', up); pad.svg.addEventListener('pointercancel', up);
|
|
428
|
+
};
|
|
429
|
+
/** 擦掉的笔留着,记上擦的时刻(录像里在那一刻消失) */
|
|
430
|
+
var drop = function (pad, pts) { if (pad.gone.length < 200) pad.gone.push({ t: now(), pts: pts }); };
|
|
431
|
+
var undo = function () { var pad = S.stack.pop(); if (!pad || !pad.strokes.length) return; drop(pad, pad.strokes.pop()); if (pad.ink.lastChild) pad.ink.lastChild.remove(); pad.undos++; if (pad.onUp) pad.onUp(); };
|
|
432
|
+
var clearActive = function () { var pad = S.active; if (!pad || !pad.strokes.length) return; pad.strokes.forEach(function (st) { drop(pad, st); }); pad.strokes = []; pad.ink.replaceChildren(); pad.undos++; S.stack = S.stack.filter(function (x) { return x !== pad; }); if (pad.onUp) pad.onUp(); };
|
|
433
|
+
var us = document.querySelectorAll('[data-undo]'); for (var i1 = 0; i1 < us.length; i1++) us[i1].addEventListener('click', undo);
|
|
434
|
+
var cs = document.querySelectorAll('[data-clear]'); for (var i2 = 0; i2 < cs.length; i2++) cs[i2].addEventListener('click', clearActive);
|
|
435
|
+
var padsOut = function () { return { chars: S.pads.map(function (p) { return { strokes: p.strokes, undos: p.undos, gone: p.gone }; }) }; };
|
|
436
|
+
/**
|
|
437
|
+
* 再写一遍那一排格子多大:先把格子缩成 0,量范字旁边(竖着是下面)剩多少,整词并排放得下的最大;
|
|
438
|
+
* 上限同写字屏(选的档)。原来按屏幕估、封顶 340,iPad 横放只有写字屏格子的一半大
|
|
439
|
+
*/
|
|
440
|
+
var rowFit = function (box, count) {
|
|
441
|
+
box.style.setProperty('--pad', '0px');
|
|
442
|
+
var grow = box.parentNode, cs = getComputedStyle(grow), models = grow.querySelector('.models'), mbox = models.querySelector('.pads');
|
|
443
|
+
var row = cs.flexDirection === 'row';
|
|
444
|
+
// 范字:横着竖排在左边一栏,一栏放不下就缩(最小 64)
|
|
445
|
+
var mp = window.innerWidth < 700 ? 90 : 140;
|
|
446
|
+
if (row) { mbox.style.setProperty('--pad', '0px'); mp = Math.max(64, Math.min(mp, Math.floor((grow.getBoundingClientRect().height - models.getBoundingClientRect().height) / count))); }
|
|
447
|
+
mbox.style.setProperty('--pad', mp + 'px');
|
|
448
|
+
var g = grow.getBoundingClientRect(), m = models.getBoundingClientRect();
|
|
449
|
+
var w = row ? g.width - m.width - (parseFloat(cs.columnGap) || 0) : g.width;
|
|
450
|
+
var hh = row ? g.height : g.height - m.height - (parseFloat(cs.rowGap) || 0);
|
|
451
|
+
var size = Math.max(120, Math.min(PAD_CAP[S.padl], Math.floor(Math.min((w - (count - 1) * 24) / count, hh)) - 10));
|
|
452
|
+
box.style.setProperty('--pad', size + 'px');
|
|
453
|
+
};
|
|
454
|
+
window.addEventListener('resize', function () { if ($('#v-rewrite').classList.contains('on')) rowFit($('#w-pads'), $('#w-pads').children.length); });
|
|
455
|
+
var writePads = function (box, count) {
|
|
456
|
+
S.pads = []; S.stack = []; setActive(null);
|
|
457
|
+
for (var k = 0; k < count; k++) S.pads.push(makePad({ write: true }));
|
|
458
|
+
box.replaceChildren.apply(box, S.pads.map(function (p) { return p.el; }));
|
|
459
|
+
rowFit(box, count);
|
|
460
|
+
setActive(S.pads[0]);
|
|
461
|
+
};
|
|
462
|
+
|
|
463
|
+
// ---------- 念 ----------
|
|
464
|
+
var audio = new Audio(); audio.preload = 'auto';
|
|
465
|
+
${UNLOCK_JS}
|
|
466
|
+
var stopSay = function () { clearTimeout(S.sayTimer); S.sayTok = (S.sayTok || 0) + 1; try { audio.pause(); } catch (e) {} };
|
|
467
|
+
/** 念不出来(老师没配音色、合成失败)就直接说,不念浏览器合成声 */
|
|
468
|
+
var NO_VOICE = '老师的声音还没配好 · 叫爸爸妈妈来看一下';
|
|
469
|
+
var status = function (t) { $('#l-status').textContent = t; };
|
|
470
|
+
/** 看笔顺放到第几笔,一行字(不画一排数字方块,字本身的蓝、橙、淡就是进度) */
|
|
471
|
+
var strokeAt = function (k, n) { return k < n ? '第 ' + (k + 1) + ' 笔 · 一共 ' + n + ' 笔' : '写完了 · 一共 ' + n + ' 笔'; };
|
|
472
|
+
/** 念第 i 个词,念 times 遍,两遍之间停一下;没有音频(没配音色、合成失败)状态行直接提示 */
|
|
473
|
+
var sayWord = function (i, times) {
|
|
474
|
+
stopSay();
|
|
475
|
+
if (S.v.voice === false) { status(NO_VOICE); return; }
|
|
476
|
+
var tok = S.sayTok; var left = times; var nth = 0;
|
|
477
|
+
var next = function () { if (tok !== S.sayTok) return; if (left <= 0) { status('听完了就写'); return; } left--; nth++; status('正在念 · 第 ' + nth + ' 遍'); event('say', i, undefined, nth); play(); };
|
|
478
|
+
var gap = function () { if (tok !== S.sayTok) return; status(left > 0 ? '再听一遍' : '听完了就写'); if (left > 0) S.sayTimer = setTimeout(next, 1800); };
|
|
479
|
+
var mute = function () { if (tok === S.sayTok) status(NO_VOICE); };
|
|
480
|
+
var play = function () {
|
|
481
|
+
audio.onended = gap;
|
|
482
|
+
audio.onerror = mute;
|
|
483
|
+
audio.src = '/api/dictation/' + S.v.id + '/say/' + i;
|
|
484
|
+
var pr = audio.play(); if (pr && pr.catch) pr.catch(function (e) { if (tok !== S.sayTok) return; if (audio.error) mute(); else if (blocked(e)) status('点「再念」听老师念'); });
|
|
485
|
+
};
|
|
486
|
+
next();
|
|
487
|
+
};
|
|
488
|
+
|
|
489
|
+
// ---------- 开始 ----------
|
|
490
|
+
var avatarText = function () { return (S.v.tutor || '老师').slice(0, 1); };
|
|
491
|
+
var renderStart = function () {
|
|
492
|
+
var v = S.v; var total = v.sizes.length; var wrote = v.written.filter(Boolean).length;
|
|
493
|
+
$('#s-av').textContent = avatarText();
|
|
494
|
+
$('#s-big').textContent = '听写 · ' + cn(total) + '个词';
|
|
495
|
+
var acts = $('#s-acts');
|
|
496
|
+
if (v.done) {
|
|
497
|
+
$('#s-sub').textContent = '今天写过了';
|
|
498
|
+
acts.replaceChildren(h('button', { 'class': 'main', on: { click: function () { start(true); } } }, ico('start'), lbl('再听写一次')), h('button', { 'class': 'tool', on: { click: openCheck } }, ico('look'), lbl('看看写的')));
|
|
499
|
+
} else if (v.voice === false) {
|
|
500
|
+
$('#s-sub').textContent = NO_VOICE;
|
|
501
|
+
acts.replaceChildren(h('button', { 'class': 'main', on: { click: goHome } }, ico('home'), lbl('回首页')));
|
|
502
|
+
} else if (wrote > 0) {
|
|
503
|
+
$('#s-sub').textContent = '写到第' + cn(wrote + 1) + '个了';
|
|
504
|
+
acts.replaceChildren(h('button', { 'class': 'main', on: { click: function () { openListen(); } } }, ico('start'), lbl('接着写')));
|
|
505
|
+
} else {
|
|
506
|
+
$('#s-sub').textContent = v.tutor + '念,你在田字格里写';
|
|
507
|
+
acts.replaceChildren(h('button', { 'class': 'main', on: { click: function () { openListen(); } } }, ico('start'), lbl('开始')));
|
|
508
|
+
}
|
|
509
|
+
show('start');
|
|
510
|
+
};
|
|
511
|
+
var start = function (fresh) {
|
|
512
|
+
api('POST', '/api/dictation', { home: HOME, n: N, fresh: Boolean(fresh) }).then(function (v) {
|
|
513
|
+
setView(v);
|
|
514
|
+
if (v.checked && !v.done) openCheck(); else renderStart();
|
|
515
|
+
}, function () {
|
|
516
|
+
$('#s-big').textContent = '首页换过了';
|
|
517
|
+
$('#s-sub').textContent = '回首页看看';
|
|
518
|
+
$('#s-acts').replaceChildren(h('button', { 'class': 'main', on: { click: goHome } }, ico('home'), lbl('回首页')));
|
|
519
|
+
show('start');
|
|
520
|
+
});
|
|
521
|
+
};
|
|
522
|
+
|
|
523
|
+
// ---------- 拍照开始:拍 → 传 → 一项一项认出来 → 点选 → 开始 ----------
|
|
524
|
+
var P = { id: null, items: [], full: [], extra: [], on: {}, edits: {}, timer: 0, img: null, url: null };
|
|
525
|
+
/** 今天这位老师没写完(没点「对好了」)的拍照听写,拍照屏最上面给「接着写」;会话先读好,点下去在手势里直接念 */
|
|
526
|
+
var ymdOf = function (d) { return d.getFullYear() + '-' + (d.getMonth() + 1) + '-' + d.getDate(); };
|
|
527
|
+
var R = { v: null };
|
|
528
|
+
var showResume = function (v) {
|
|
529
|
+
R.v = v;
|
|
530
|
+
$('#snap-resume').hidden = !v;
|
|
531
|
+
$('#snap-cam-btn').classList.toggle('alt', Boolean(v));
|
|
532
|
+
if (!v) return;
|
|
533
|
+
var wrote = v.written.filter(Boolean).length;
|
|
534
|
+
$('#snap-resume-sub').textContent = v.checked || wrote === v.sizes.length ? '写完了,还没对一对' : '写到第' + cn(wrote + 1) + '个了 · 一共' + cn(v.sizes.length) + '个';
|
|
535
|
+
};
|
|
536
|
+
var findResume = function () {
|
|
537
|
+
var today = ymdOf(new Date());
|
|
538
|
+
api('GET', '/api/dictation').then(function (j) {
|
|
539
|
+
var x = (j.sessions || []).filter(function (s) { return s.photo && !s.done && !s.lang && (!TUTOR || s.tutor === TUTOR) && ymdOf(new Date(s.startedAt)) === today; })[0];
|
|
540
|
+
if (!x) return;
|
|
541
|
+
return api('GET', '/api/dictation/' + x.id + '/kid').then(function (v) { if ($('#v-snap').classList.contains('on')) showResume(v); });
|
|
542
|
+
}).catch(function () {});
|
|
543
|
+
};
|
|
544
|
+
$('#snap-resume-go').addEventListener('click', function () { var v = R.v; if (!v) return; showResume(null); setView(v); if (v.checked) openCheck(); else openListen(); });
|
|
545
|
+
var openSnap = function () { clearTimeout(P.timer); showResume(null); show('snap'); findResume(); };
|
|
546
|
+
/** 照片缩到长边 2000 的 jpeg(iPad 拍的十几 MB,传不动也不必) */
|
|
547
|
+
var shrink = function (file) {
|
|
548
|
+
return new Promise(function (resolve, reject) {
|
|
549
|
+
var url = URL.createObjectURL(file); var im = new Image();
|
|
550
|
+
im.onload = function () {
|
|
551
|
+
var k = Math.min(1, 2000 / Math.max(im.naturalWidth, im.naturalHeight));
|
|
552
|
+
var c = document.createElement('canvas'); c.width = Math.round(im.naturalWidth * k); c.height = Math.round(im.naturalHeight * k);
|
|
553
|
+
c.getContext('2d').drawImage(im, 0, 0, c.width, c.height);
|
|
554
|
+
resolve({ data: c.toDataURL('image/jpeg', 0.85), url: url, w: c.width, h: c.height });
|
|
555
|
+
};
|
|
556
|
+
im.onerror = function () { URL.revokeObjectURL(url); reject(new Error('读不了这张')); };
|
|
557
|
+
im.src = url;
|
|
558
|
+
});
|
|
559
|
+
};
|
|
560
|
+
var onPicked = function (e) {
|
|
561
|
+
var f = e.target.files && e.target.files[0]; e.target.value = '';
|
|
562
|
+
if (!f) return;
|
|
563
|
+
P = { id: null, items: [], full: [], extra: [], on: {}, edits: {}, timer: 0, img: null, url: null };
|
|
564
|
+
$('#p-lesson').textContent = '认一认'; $('#p-status').textContent = '传照片…'; $('#p-list').replaceChildren(); $('#p-shot').replaceChildren(); $('#p-lines').replaceChildren(); $('#p-full').hidden = true;
|
|
565
|
+
show('pick'); renderPickBtn();
|
|
566
|
+
shrink(f).then(function (sh) {
|
|
567
|
+
P.url = sh.url; P.w = sh.w; P.h = sh.h; layoutShot();
|
|
568
|
+
return persist('POST', '/api/dictation/photos', { image: sh.data }, null);
|
|
569
|
+
}).then(function (j) { P.id = j.id; $('#p-status').textContent = '正在认…'; poll(); }, function () { $('#p-status').textContent = '这张传不上去,再拍一张试试'; });
|
|
570
|
+
};
|
|
571
|
+
$('#snap-cam').addEventListener('change', onPicked);
|
|
572
|
+
$('#snap-lib').addEventListener('change', onPicked);
|
|
573
|
+
/**
|
|
574
|
+
* 照片铺满左边;框是 0–1000 的千分比,画在照片同一层(.full)上。
|
|
575
|
+
* 认出字以后放大到「所有框 + 一圈边」:课本常常只占照片一小块,不放大框太小点不着。框的线宽、留边按放大倍数缩回去。
|
|
576
|
+
*/
|
|
577
|
+
var layoutShot = function () {
|
|
578
|
+
var box = $('#p-shot'); if (!P.url) return;
|
|
579
|
+
var r = box.getBoundingClientRect();
|
|
580
|
+
var fw = Math.round(r.width || window.innerWidth - 400), fh = Math.round(r.height || window.innerHeight - 60);
|
|
581
|
+
var k = Math.min(fw / P.w, fh / P.h);
|
|
582
|
+
var full = h('div', { 'class': 'full' }); full.style.width = Math.round(P.w * k) + 'px'; full.style.height = Math.round(P.h * k) + 'px';
|
|
583
|
+
full.append(h('img', { src: P.url, alt: '拍的照片' }));
|
|
584
|
+
var frame = h('div', { 'class': 'frame' }, full); frame.style.width = fw + 'px'; frame.style.height = fh + 'px';
|
|
585
|
+
box.replaceChildren(frame); P.frame = full; P.fw = fw; P.fh = fh; P.k = k; P.drawn = 0;
|
|
586
|
+
drawBoxes();
|
|
587
|
+
};
|
|
588
|
+
var zoomShot = function () {
|
|
589
|
+
if (!P.frame) return;
|
|
590
|
+
var bs = P.items.filter(function (it) { return it.box; }).map(function (it) { return it.box; });
|
|
591
|
+
var iw = P.w * P.k, ih = P.h * P.k;
|
|
592
|
+
var x0 = 0, y0 = 0, x1 = iw, y1 = ih;
|
|
593
|
+
if (bs.length >= 3) {
|
|
594
|
+
var m = 40;
|
|
595
|
+
x0 = Math.max(0, Math.min.apply(null, bs.map(function (b) { return b[0]; })) - m) / 1000 * iw; y0 = Math.max(0, Math.min.apply(null, bs.map(function (b) { return b[1]; })) - m) / 1000 * ih;
|
|
596
|
+
x1 = Math.min(1000, Math.max.apply(null, bs.map(function (b) { return b[2]; })) + m) / 1000 * iw; y1 = Math.min(1000, Math.max.apply(null, bs.map(function (b) { return b[3]; })) + m) / 1000 * ih;
|
|
597
|
+
}
|
|
598
|
+
var z = Math.max(1, Math.min(3.5, P.fw / (x1 - x0), P.fh / (y1 - y0)));
|
|
599
|
+
var tx = P.fw / 2 - z * (x0 + x1) / 2, ty = P.fh / 2 - z * (y0 + y1) / 2;
|
|
600
|
+
tx = Math.min(0, Math.max(P.fw - iw * z, tx)); ty = Math.min(0, Math.max(P.fh - ih * z, ty));
|
|
601
|
+
if (iw * z < P.fw) tx = (P.fw - iw * z) / 2; if (ih * z < P.fh) ty = (P.fh - ih * z) / 2;
|
|
602
|
+
P.frame.style.transform = 'translate(' + Math.round(tx) + 'px,' + Math.round(ty) + 'px) scale(' + z.toFixed(3) + ')';
|
|
603
|
+
P.frame.style.setProperty('--z', z.toFixed(3));
|
|
604
|
+
};
|
|
605
|
+
/** 默认选不选:模型说了算(听写 activity 的认词要求里写怎么挑) */
|
|
606
|
+
var defaultOn = function (it) { return typeof it.pick === 'boolean' ? it.pick : it.kind !== 'read' && it.kind !== 'other'; };
|
|
607
|
+
var keyOf = function (k) { return 'i' + k; };
|
|
608
|
+
var drawBoxes = function () {
|
|
609
|
+
if (!P.frame) return;
|
|
610
|
+
for (var k = P.drawn || 0; k < P.items.length; k++) {
|
|
611
|
+
(function (k) {
|
|
612
|
+
var it = P.items[k]; if (!it.box) return;
|
|
613
|
+
if (!(keyOf(k) in P.on)) P.on[keyOf(k)] = defaultOn(it);
|
|
614
|
+
var b = h('button', { 'class': 'bx pop' + (it.sure ? '' : ' unsure') + (it.kind === 'read' ? ' read' : ''), 'aria-label': it.text, 'data-k': String(k) });
|
|
615
|
+
b.style.left = 'calc(' + it.box[0] / 10 + '% - 6px / var(--z))'; b.style.top = 'calc(' + it.box[1] / 10 + '% - 6px / var(--z))';
|
|
616
|
+
b.style.width = 'calc(' + (it.box[2] - it.box[0]) / 10 + '% + 12px / var(--z))'; b.style.height = 'calc(' + (it.box[3] - it.box[1]) / 10 + '% + 12px / var(--z))';
|
|
617
|
+
b.addEventListener('click', function () { P.on[keyOf(k)] = !P.on[keyOf(k)]; paintBoxes(); renderList(); });
|
|
618
|
+
P.frame.append(b);
|
|
619
|
+
})(k);
|
|
620
|
+
}
|
|
621
|
+
P.drawn = P.items.length;
|
|
622
|
+
paintBoxes();
|
|
623
|
+
zoomShot();
|
|
624
|
+
};
|
|
625
|
+
var paintBoxes = function () { if (!P.frame) return; var bs = P.frame.querySelectorAll('.bx'); for (var i = 0; i < bs.length; i++) bs[i].classList.toggle('on', Boolean(P.on[keyOf(Number(bs[i].dataset.k))])); };
|
|
626
|
+
var textOf = function (k) { return keyOf(k) in P.edits ? P.edits[keyOf(k)] : P.items[k].text; };
|
|
627
|
+
var picked = function () { var out = []; P.items.forEach(function (it, k) { if (!it.box && !(keyOf(k) in P.on)) P.on[keyOf(k)] = defaultOn(it); if (P.on[keyOf(k)]) out.push(k); }); return out; };
|
|
628
|
+
/** 选上的总数:照片上的 + 自己加的 */
|
|
629
|
+
var pickedN = function () { return picked().length + P.extra.length; };
|
|
630
|
+
var renderList = function () {
|
|
631
|
+
var ks = picked(); var list = $('#p-list'); list.replaceChildren();
|
|
632
|
+
ks.forEach(function (k) {
|
|
633
|
+
var it = P.items[k];
|
|
634
|
+
var head = it.sure ? h('b', {}, textOf(k)) : h('input', { value: textOf(k), 'aria-label': '改一下这个词', on: { input: function (e) { P.edits[keyOf(k)] = e.target.value.replace(/ /g, ''); renderFull(); } } });
|
|
635
|
+
list.append(h('div', { 'class': 'wr' }, h('div', { 'class': 't' }, head, it.say ? h('small', {}, it.say) : null), h('button', { 'class': 'x', 'aria-label': '不要这个', on: { click: function () { P.on[keyOf(k)] = false; paintBoxes(); renderList(); } } }, '×')));
|
|
636
|
+
});
|
|
637
|
+
P.extra.forEach(function (t, j) {
|
|
638
|
+
list.append(h('div', { 'class': 'wr extra' }, h('div', { 'class': 't' }, h('b', {}, t), h('small', {}, '自己加的')), h('button', { 'class': 'x', 'aria-label': '不要这个', on: { click: function () { P.extra.splice(j, 1); renderList(); } } }, '×')));
|
|
639
|
+
});
|
|
640
|
+
renderFull(); renderPickBtn();
|
|
641
|
+
};
|
|
642
|
+
/** 一到四个汉字(不用正则:这段脚本里不写反斜杠) */
|
|
643
|
+
var isHan = function (c) { var n = c.charCodeAt(0); return (n >= 0x3400 && n <= 0x9fff) || (n >= 0xf900 && n <= 0xfaff); };
|
|
644
|
+
var hanWords = function (text) { var out = []; var cur = ''; Array.from(text + ' ').forEach(function (c) { if (isHan(c)) cur += c; else { if (cur) out.push(cur); cur = ''; } }); return out; };
|
|
645
|
+
/** 加一个词 / 去掉一个词:照片上认出过(按现在的字)就点那一项,不然进自己加的 */
|
|
646
|
+
var toggleWord = function (t) {
|
|
647
|
+
var k = -1; P.items.forEach(function (it, i) { if (k < 0 && textOf(i) === t) k = i; });
|
|
648
|
+
if (k >= 0) { P.on[keyOf(k)] = !P.on[keyOf(k)]; paintBoxes(); renderList(); return; }
|
|
649
|
+
var j = P.extra.indexOf(t);
|
|
650
|
+
if (j >= 0) P.extra.splice(j, 1); else if (pickedN() >= 20) { $('#p-status').textContent = '一次最多 20 个词'; return; } else P.extra.push(t);
|
|
651
|
+
renderList();
|
|
652
|
+
};
|
|
653
|
+
var addTyped = function () {
|
|
654
|
+
var raw = $('#p-add').value; var ws = hanWords(raw);
|
|
655
|
+
var bad = ws.filter(function (w) { return Array.from(w).length > 4; });
|
|
656
|
+
ws.filter(function (w) { return Array.from(w).length <= 4; }).forEach(function (w) { var on = picked().some(function (k) { return textOf(k) === w; }) || P.extra.indexOf(w) >= 0; if (!on) toggleWord(w); });
|
|
657
|
+
$('#p-add').value = bad.join(' ');
|
|
658
|
+
if (bad.length) $('#p-status').textContent = '一个词最多四个字,分开写';
|
|
659
|
+
};
|
|
660
|
+
$('#p-add-go').addEventListener('click', addTyped);
|
|
661
|
+
$('#p-add').addEventListener('keydown', function (e) { if (e.key === 'Enter') addTyped(); });
|
|
662
|
+
/** 全文:一行一行,词能点(一到四个汉字的),选上的标蓝 */
|
|
663
|
+
var renderFull = function () {
|
|
664
|
+
var box = $('#p-lines'); $('#p-full').hidden = !P.full.length; if (!P.full.length) return;
|
|
665
|
+
var on = {}; picked().forEach(function (k) { on[textOf(k)] = true; }); P.extra.forEach(function (t) { on[t] = true; });
|
|
666
|
+
box.replaceChildren.apply(box, P.full.map(function (line) {
|
|
667
|
+
return h('div', { 'class': 'ln' }, line.split(' ').filter(Boolean).map(function (seg) {
|
|
668
|
+
var n = Array.from(seg).length;
|
|
669
|
+
var ok = n >= 1 && n <= 4 && Array.from(seg).every(isHan);
|
|
670
|
+
return ok ? h('button', { 'class': 'seg' + (on[seg] ? ' on' : ''), on: { click: function () { toggleWord(seg); } } }, seg) : h('span', { 'class': 'seg no' }, seg);
|
|
671
|
+
}));
|
|
672
|
+
}));
|
|
673
|
+
};
|
|
674
|
+
var renderPickBtn = function () { var n = pickedN(); if (P.done) $('#p-status').textContent = '认好了 · 选了 ' + n + ' 个'; $('#p-go').disabled = !P.id || n === 0; $('#p-go').textContent = n ? '开始听写 · ' + Math.min(n, 20) + ' 个' : '开始听写'; };
|
|
675
|
+
var poll = function () {
|
|
676
|
+
clearTimeout(P.timer);
|
|
677
|
+
api('GET', '/api/dictation/photos/' + P.id).then(function (r) {
|
|
678
|
+
if (r.lesson) $('#p-lesson').textContent = r.lesson;
|
|
679
|
+
var grew = r.items.length > P.items.length || (r.full || []).length > P.full.length;
|
|
680
|
+
if (r.items.length > P.items.length) { P.items = r.items; drawBoxes(); }
|
|
681
|
+
P.full = r.full || [];
|
|
682
|
+
if (grew) renderList();
|
|
683
|
+
if (r.state === 'running') { $('#p-status').textContent = '正在认… 认出 ' + r.items.length + ' 个'; P.timer = setTimeout(poll, 700); return; }
|
|
684
|
+
if (!r.items.length && !P.full.length) { $('#p-status').textContent = '没认出字来,再拍一张试试'; return; }
|
|
685
|
+
P.done = true; renderPickBtn();
|
|
686
|
+
}, function () { P.timer = setTimeout(poll, 1500); });
|
|
687
|
+
};
|
|
688
|
+
$('#p-again').addEventListener('click', function () { clearTimeout(P.timer); openSnap(); });
|
|
689
|
+
$('#p-go').addEventListener('click', function () {
|
|
690
|
+
var words = picked().map(function (k) { var it = P.items[k]; var t = textOf(k); return t === it.text ? { chars: t, say: it.say || undefined } : { chars: t }; }).concat(P.extra.map(function (t) { return { chars: t }; })).filter(function (w) { return w.chars; }).slice(0, 20);
|
|
691
|
+
if (!words.length) return;
|
|
692
|
+
clearTimeout(P.timer);
|
|
693
|
+
persist('POST', '/api/dictation', TUTOR ? { photo: P.id, words: words, tutor: TUTOR } : { photo: P.id, words: words }, $('#p-go')).then(function (v) { setView(v); openListen(); }, function () { $('#p-status').textContent = '有的词不是一到四个汉字,改一下再开始'; });
|
|
694
|
+
});
|
|
695
|
+
window.addEventListener('resize', function () { if ($('#v-pick').classList.contains('on')) layoutShot(); });
|
|
696
|
+
|
|
697
|
+
// ---------- 听写(左边听写本,右边一次写一个字;不会写就给答案:看笔顺,再照着描红写一遍)----------
|
|
698
|
+
var updateHere = function () {
|
|
699
|
+
var el = $('#l-book .here .ink'); if (!el || !S.w) return;
|
|
700
|
+
el.replaceChildren.apply(el, S.w.pad.strokes.filter(function (x) { return x.length; }).map(function (x) { return sv('path', { d: pathD(x) }); }));
|
|
701
|
+
};
|
|
702
|
+
/** 听写本上一个词:编号 + 拼成一条的格子(.strip,格子往里放) */
|
|
703
|
+
var bookRow = function (wi, cur) { return h('div', { 'class': 'brow' + (wi === cur ? ' cur' : wi > cur ? ' ahead' : '') }, h('div', { 'class': 'no' }, String(wi + 1)), h('div', { 'class': 'strip' })); };
|
|
704
|
+
var renderBook = function () {
|
|
705
|
+
var b = $('#l-book');
|
|
706
|
+
var rows = [h('div', { 'class': 'bh' }, h('b', {}, '听写本'), h('span', {}, cn(S.v.sizes.length) + '个词'))];
|
|
707
|
+
S.v.sizes.forEach(function (size, wi) {
|
|
708
|
+
var row = bookRow(wi, S.i), strip = row.lastChild;
|
|
709
|
+
for (var c = 0; c < size; c++) {
|
|
710
|
+
(function (c) {
|
|
711
|
+
var mine = wi === S.i ? (c === S.w.c ? { strokes: S.w.pad.strokes } : S.w.inks[c]) : S.v.mine[wi] ? S.v.mine[wi][c] : null;
|
|
712
|
+
var cell = makePad({ ink: mine ? mine.strokes : [], onTap: wi === S.i ? function () { if (S.w.mode !== 'order' && c !== S.w.c) { event('open', S.i, c); openChar(c); } } : null });
|
|
713
|
+
if (wi === S.i && c === S.w.c) cell.el.classList.add('here');
|
|
714
|
+
strip.append(cell.el);
|
|
715
|
+
})(c);
|
|
716
|
+
}
|
|
717
|
+
rows.push(row);
|
|
718
|
+
});
|
|
719
|
+
b.replaceChildren.apply(b, rows);
|
|
720
|
+
var cur = b.querySelector('.brow.cur'); if (cur && cur.scrollIntoView) cur.scrollIntoView({ block: 'nearest' });
|
|
721
|
+
};
|
|
722
|
+
var whatText = function () { return S.v.sizes[S.i] === 1 ? '第' + cn(S.i + 1) + '个词 · 一个字' : '第' + cn(S.i + 1) + '个词的第' + cn(S.w.c + 1) + '个字'; };
|
|
723
|
+
var renderFoot = function () {
|
|
724
|
+
var m = S.w.mode;
|
|
725
|
+
$('#l-foot-write').hidden = m === 'order'; $('#l-foot-order').hidden = m !== 'order';
|
|
726
|
+
$('#l-reveal').hidden = m === 'trace'; $('#l-reorder').hidden = m !== 'trace';
|
|
727
|
+
$('#l-what').textContent = m === 'order' ? '看「' + S.w.chars[S.w.c] + '」一笔一笔写' : m === 'trace' ? '照着灰色的「' + S.w.chars[S.w.c] + '」写一遍' : whatText();
|
|
728
|
+
};
|
|
729
|
+
/** 手上这个字收进这个词的格子里(换字、写好了之前) */
|
|
730
|
+
var stash = function () {
|
|
731
|
+
if (!S.w || !S.w.pad) return;
|
|
732
|
+
var prev = S.w.inks[S.w.c];
|
|
733
|
+
S.w.inks[S.w.c] = { strokes: S.w.pad.strokes, undos: S.w.pad.undos, gone: S.w.pad.gone, revealed: S.w.mode === 'trace' || Boolean(prev && prev.revealed) };
|
|
734
|
+
};
|
|
735
|
+
/** 右边的田字格占满 .big(纵向尽量大),再按选的档封顶;两边让出右上角那排档位按钮;转屏时跟着改 */
|
|
736
|
+
var fitPad = function (el) { var r = $('#l-big').getBoundingClientRect(); el.style.width = el.style.height = Math.max(240, Math.min(PAD_CAP[S.padl], Math.floor(Math.min(r.width - 112, r.height)) - 10)) + 'px'; };
|
|
737
|
+
var refit = function () { var el = $('#l-big').firstElementChild; if (el) { el.style.width = el.style.height = '0px'; fitPad(el); } };
|
|
738
|
+
window.addEventListener('resize', function () { if ($('#v-listen').classList.contains('on')) refit(); });
|
|
739
|
+
var paintSize = function () { var bs = document.querySelectorAll('#l-size button'); for (var i = 0; i < bs.length; i++) bs[i].setAttribute('aria-pressed', String(bs[i].getAttribute('data-pad') === S.padl)); };
|
|
740
|
+
paintSize();
|
|
741
|
+
$('#l-size').addEventListener('click', function (e) {
|
|
742
|
+
var b = e.target.closest('button'); if (!b || REEL_ID) return;
|
|
743
|
+
S.padl = b.getAttribute('data-pad');
|
|
744
|
+
try { document.cookie = 'cotutor_dict_pad=' + S.padl + '; Max-Age=31536000; Path=/; SameSite=Lax'; } catch (err) {}
|
|
745
|
+
paintSize(); refit(); sendView();
|
|
746
|
+
});
|
|
747
|
+
var openChar = function (c) {
|
|
748
|
+
stash(); S.w.otok = (S.w.otok || 0) + 1;
|
|
749
|
+
S.w.c = c;
|
|
750
|
+
var prev = S.w.inks[c];
|
|
751
|
+
S.w.mode = prev && prev.revealed ? 'trace' : 'write';
|
|
752
|
+
var pad = makePad({ write: true, ink: prev ? prev.strokes : [] });
|
|
753
|
+
pad.strokes = prev ? prev.strokes.slice() : []; pad.undos = prev ? prev.undos : 0; pad.gone = prev && prev.gone ? prev.gone.slice() : [];
|
|
754
|
+
pad.onUp = updateHere;
|
|
755
|
+
pad.onDown = function () { if (S.w && S.w.pad === pad && S.w.mode === 'order') toTrace(); };
|
|
756
|
+
S.w.pad = pad; S.pads = [pad]; S.stack = pad.strokes.map(function () { return pad; });
|
|
757
|
+
var big = $('#l-big'); big.replaceChildren(pad.el);
|
|
758
|
+
fitPad(pad.el);
|
|
759
|
+
setActive(pad);
|
|
760
|
+
if (S.w.mode === 'trace') glyph(S.w.chars[c]).then(function (d) { if (S.w && S.w.pad === pad) fillStd(pad, d, 'trace'); });
|
|
761
|
+
renderFoot(); renderBook(); guard();
|
|
762
|
+
};
|
|
763
|
+
var openListen = function () {
|
|
764
|
+
var k = S.v.written.indexOf(false);
|
|
765
|
+
if (k < 0) return submitAll();
|
|
766
|
+
S.i = k;
|
|
767
|
+
var inks = []; for (var c = 0; c < S.v.sizes[k]; c++) inks.push(null);
|
|
768
|
+
S.w = { i: k, c: 0, inks: inks, done: [], chars: {}, mode: 'write', pad: null };
|
|
769
|
+
show('listen');
|
|
770
|
+
event('show', k);
|
|
771
|
+
openChar(0);
|
|
772
|
+
sayWord(k, 2);
|
|
773
|
+
};
|
|
774
|
+
$('#l-again').addEventListener('click', function () { event('again', S.i); sayWord(S.i, 1); });
|
|
775
|
+
/** 写好了(这个字):下一个没写的字;这个词都写了就交这个词,念下一个 */
|
|
776
|
+
$('#l-next').addEventListener('click', function () {
|
|
777
|
+
var w = S.w; if (!w) return;
|
|
778
|
+
if (w.mode === 'trace' && !w.pad.strokes.length) { status('照着灰色的写一遍,再点写好了'); return; }
|
|
779
|
+
event('done', S.i, w.c);
|
|
780
|
+
stash(); w.done[w.c] = true;
|
|
781
|
+
var size = S.v.sizes[S.i];
|
|
782
|
+
for (var c = 1; c <= size; c++) { var n = (w.c + c) % size; if (!w.done[n]) return openChar(n); }
|
|
783
|
+
stopSay();
|
|
784
|
+
var k = S.i;
|
|
785
|
+
var chars = w.inks.map(function (x) { return x ? { strokes: x.strokes, undos: x.undos, gone: x.gone && x.gone.length ? x.gone : undefined, revealed: x.revealed || undefined } : { strokes: [], undos: 0 }; });
|
|
786
|
+
persist('PUT', '/api/dictation/' + S.v.id + '/first/' + k, { chars: chars }, $('#l-next')).then(function () {
|
|
787
|
+
S.v.written[k] = true; S.v.mine[k] = chars;
|
|
788
|
+
openListen();
|
|
789
|
+
}, function () { start(false); });
|
|
790
|
+
});
|
|
791
|
+
/** 不会写,给答案:服务端回这一个字(并记下),写了一半的清掉,书上的字一笔一笔写 */
|
|
792
|
+
$('#l-reveal').addEventListener('click', function () {
|
|
793
|
+
var w = S.w; if (!w) return;
|
|
794
|
+
stopSay(); status('');
|
|
795
|
+
persist('POST', '/api/dictation/' + S.v.id + '/reveal/' + S.i, { char: w.c, t: now() }, $('#l-reveal')).then(function (j) {
|
|
796
|
+
w.chars[w.c] = j.ch; w.mode = 'order';
|
|
797
|
+
w.pad.strokes.forEach(function (st) { drop(w.pad, st); }); w.pad.strokes = []; w.pad.ink.replaceChildren(); S.stack = []; updateHere();
|
|
798
|
+
renderFoot();
|
|
799
|
+
glyph(j.ch).then(function (d) { w.d = d; if (w.mode === 'order') { fillStd(w.pad, d, ''); playOrder(); } else fillStd(w.pad, d, 'trace'); });
|
|
800
|
+
});
|
|
801
|
+
});
|
|
802
|
+
var playOrder = function () {
|
|
803
|
+
var w = S.w, pad = w.pad, d = w.d; if (!d) return;
|
|
804
|
+
event('order', S.i, w.c);
|
|
805
|
+
var tok = (w.otok = (w.otok || 0) + 1);
|
|
806
|
+
pad.top.replaceChildren();
|
|
807
|
+
var paths = pad.std.children, n = d.strokes.length, k = 0;
|
|
808
|
+
var paint = function (cur, anim) {
|
|
809
|
+
for (var i = 0; i < paths.length; i++) paths[i].setAttribute('class', i < cur ? 'sd' : i === cur && !anim ? 'sc' : 'sf');
|
|
810
|
+
status(strokeAt(cur, n));
|
|
811
|
+
};
|
|
812
|
+
var step = function () {
|
|
813
|
+
if (tok !== w.otok) return;
|
|
814
|
+
if (k >= n) { paint(n, false); setTimeout(function () { if (tok === w.otok && w.mode === 'order') toTrace(); }, 900); return; }
|
|
815
|
+
paint(k, true);
|
|
816
|
+
animStroke(pad, d, k, 'o', function () { if (tok !== w.otok) return; paint(k, false); k++; setTimeout(step, 380); });
|
|
817
|
+
};
|
|
818
|
+
step();
|
|
819
|
+
};
|
|
820
|
+
$('#l-again-order').addEventListener('click', playOrder);
|
|
821
|
+
/**
|
|
822
|
+
* 换成照着写:描红打底,必须照着写一遍才能写好了。看笔顺放完、或看的时候一落笔就换(原来要点「我来写」,
|
|
823
|
+
* 10-18 孩子看着淡字直接写完了,还得点「我来写」,再在同一个位置点「写好了」);动画停下,写的这一笔照常留着
|
|
824
|
+
*/
|
|
825
|
+
var toTrace = function () {
|
|
826
|
+
var w = S.w; w.otok++; w.pad.top.replaceChildren();
|
|
827
|
+
event('trace', S.i, w.c);
|
|
828
|
+
w.mode = 'trace'; if (w.d) fillStd(w.pad, w.d, 'trace');
|
|
829
|
+
var ps = w.pad.std.children; for (var i = 0; i < ps.length; i++) ps[i].removeAttribute('class');
|
|
830
|
+
renderFoot(); status(''); guard();
|
|
831
|
+
};
|
|
832
|
+
$('#l-reorder').addEventListener('click', function () { var w = S.w; if (!w.d) return glyph(w.chars[w.c]).then(function (d) { w.d = d; $('#l-reorder').click(); }); w.mode = 'order'; fillStd(w.pad, w.d, ''); renderFoot(); playOrder(); });
|
|
833
|
+
var submitAll = function () {
|
|
834
|
+
persist('POST', '/api/dictation/' + S.v.id + '/check', null, $('#l-next')).then(function (v) { setView(v); openCheck(); });
|
|
835
|
+
};
|
|
836
|
+
|
|
837
|
+
// ---------- 对答案 ----------
|
|
838
|
+
var openCheck = function () {
|
|
839
|
+
if (!S.v.answers) { api('GET', '/api/dictation/' + S.v.id + '/kid').then(function (v) { setView(v); if (v.answers) openCheck(); }); return; }
|
|
840
|
+
var box = $('#c-cards');
|
|
841
|
+
var size = window.innerWidth < 700 ? 110 : 130;
|
|
842
|
+
var most = Math.max.apply(null, S.v.answers.map(function (w) { return Array.from(w.chars).length; }));
|
|
843
|
+
box.style.setProperty('--card', Math.min(window.innerWidth - 48, most * (size + 10) + 40) + 'px');
|
|
844
|
+
box.replaceChildren();
|
|
845
|
+
S.v.answers.forEach(function (w, wi) {
|
|
846
|
+
var chars = Array.from(w.chars);
|
|
847
|
+
var row = h('div', { 'class': 'pads' });
|
|
848
|
+
row.style.setProperty('--pad', size + 'px');
|
|
849
|
+
chars.forEach(function (ch, ci) {
|
|
850
|
+
var pad = makePad({ ink: w.ink[ci] || [], onTap: function () { event('strokeOrder', wi, ci); openStrokeOrder(wi, ci); } });
|
|
851
|
+
glyph(ch).then(function (d) { fillStd(pad, d, ''); });
|
|
852
|
+
row.append(pad.el);
|
|
853
|
+
});
|
|
854
|
+
var tail = w.ask
|
|
855
|
+
? h('div', { 'class': 'ask' }, '这个再写一遍?', h('button', { on: { click: function () { event('rewrite', wi); openRewrite(wi, false); } } }, ico('write'), lbl('好')))
|
|
856
|
+
: h('button', { 'class': 'self', on: { click: function () { event('self', wi); openRewrite(wi, true); } } }, ico('write'), lbl(w.rewrote ? '再写一次' : '我想再写'));
|
|
857
|
+
box.append(h('div', { 'class': 'wc' }, row, tail));
|
|
858
|
+
});
|
|
859
|
+
show('check');
|
|
860
|
+
};
|
|
861
|
+
$('#c-toggle').addEventListener('click', function () {
|
|
862
|
+
var bare = $('#v-check').classList.toggle('bare');
|
|
863
|
+
$('#c-toggle span').textContent = bare ? '叠上蓝字' : '拿开蓝字';
|
|
864
|
+
});
|
|
865
|
+
$('#c-done').addEventListener('click', function () {
|
|
866
|
+
persist('POST', '/api/dictation/' + S.v.id + '/done', null, $('#c-done')).then(goHome, goHome);
|
|
867
|
+
});
|
|
868
|
+
|
|
869
|
+
// ---------- 逐笔看 ----------
|
|
870
|
+
/** 在 pad 的最上层把第 i 笔写出来:中线粗线沿着描、外面套这一笔的轮廓做 clipPath(同首页田字格卡的写法) */
|
|
871
|
+
var animStroke = function (pad, d, i, cls, then) {
|
|
872
|
+
var id = 'c' + Math.random().toString(36).slice(2, 9);
|
|
873
|
+
var cp = sv('clipPath', { id: id }); cp.append(sv('path', { d: d.strokes[i] }));
|
|
874
|
+
var defs = sv('defs', {}); defs.append(cp);
|
|
875
|
+
var pts = d.medians[i] || [];
|
|
876
|
+
var len = Math.round(polyLen(pts)) + 200;
|
|
877
|
+
var path = sv('path', { d: 'M' + pts.map(function (p) { return p[0] + ' ' + p[1]; }).join(' L'), 'clip-path': 'url(#' + id + ')', 'class': cls });
|
|
878
|
+
path.style.strokeDasharray = String(len); path.style.strokeDashoffset = String(len);
|
|
879
|
+
pad.top.append(defs, path);
|
|
880
|
+
var ms = Math.max(260, Math.round(len * 0.9));
|
|
881
|
+
void path.getBoundingClientRect();
|
|
882
|
+
path.style.transition = 'stroke-dashoffset ' + ms + 'ms linear';
|
|
883
|
+
path.style.strokeDashoffset = '0';
|
|
884
|
+
return setTimeout(function () { pad.top.replaceChildren(); if (then) then(); }, ms + 120);
|
|
885
|
+
};
|
|
886
|
+
var openStrokeOrder = function (wi, ci) {
|
|
887
|
+
var w = S.v.answers[wi]; var ch = Array.from(w.chars)[ci];
|
|
888
|
+
stopStrokeOrder();
|
|
889
|
+
var box = $('#r-pad');
|
|
890
|
+
var size = Math.max(240, Math.min(560, window.innerHeight - 140, Math.floor(window.innerWidth * (window.innerWidth > window.innerHeight ? 0.5 : 0.9))));
|
|
891
|
+
box.style.setProperty('--pad', size + 'px');
|
|
892
|
+
var pad = makePad({ ink: w.ink[ci] || [] });
|
|
893
|
+
pad.svg.insertBefore(pad.ink, pad.std); // 这一屏书上的字在上:孩子的字垫在下面(浅灰)
|
|
894
|
+
box.replaceChildren(pad.el);
|
|
895
|
+
S.order = { wi: wi, ci: ci, pad: pad, d: null, k: 0, playing: false, timer: 0 };
|
|
896
|
+
show('order');
|
|
897
|
+
glyph(ch).then(function (d) { if (!S.order || S.order.pad !== pad || !d) return; S.order.d = d; fillStd(pad, d, ''); stepTo(0, true); });
|
|
898
|
+
};
|
|
899
|
+
var stopStrokeOrder = function () { if (S.order) { clearTimeout(S.order.timer); S.order.playing = false; S.order.pad.top.replaceChildren(); } };
|
|
900
|
+
/** 停在第 k 笔:前面的蓝、这一笔橙、后面的淡;play = 从这一笔起一笔接一笔写下去 */
|
|
901
|
+
var stepTo = function (k, play) {
|
|
902
|
+
var R = S.order; if (!R || !R.d) return;
|
|
903
|
+
clearTimeout(R.timer); R.pad.top.replaceChildren();
|
|
904
|
+
var n = R.d.strokes.length; R.k = Math.max(0, Math.min(k, n)); R.playing = Boolean(play);
|
|
905
|
+
var paths = R.pad.std.children;
|
|
906
|
+
var paint = function (cur, animating) { for (var i = 0; i < paths.length; i++) paths[i].setAttribute('class', i < cur ? 'sd' : i === cur && !animating ? 'sc' : 'sf'); };
|
|
907
|
+
$('#r-count').innerHTML = R.k < n ? '<b>第 ' + (R.k + 1) + ' 笔</b> · 一共 ' + n + ' 笔' : '写完了 · 一共 ' + n + ' 笔';
|
|
908
|
+
setLbl($('#r-play'), R.k >= n ? '再写一遍' : '接着写', R.k >= n ? 'replay' : 'start');
|
|
909
|
+
if (R.k >= n) { paint(n, false); R.playing = false; return; }
|
|
910
|
+
if (!play) { paint(R.k, false); return; }
|
|
911
|
+
paint(R.k, true);
|
|
912
|
+
R.timer = animStroke(R.pad, R.d, R.k, 'o', function () { if (S.order !== R || !R.playing) return; paint(R.k, false); R.timer = setTimeout(function () { stepTo(R.k + 1, true); }, 420); });
|
|
913
|
+
};
|
|
914
|
+
$('#r-prev').addEventListener('click', function () { if (S.order) stepTo(S.order.k - 1, false); });
|
|
915
|
+
$('#r-next').addEventListener('click', function () { if (S.order) stepTo(S.order.k + 1, false); });
|
|
916
|
+
$('#r-play').addEventListener('click', function () { if (!S.order || !S.order.d) return; stepTo(S.order.k >= S.order.d.strokes.length ? 0 : S.order.k, true); });
|
|
917
|
+
$('#r-zero').addEventListener('click', function () { if (S.order) stepTo(0, true); });
|
|
918
|
+
$('#r-back').addEventListener('click', function () { if (S.order) event('close', S.order.wi, S.order.ci); stopStrokeOrder(); S.order = null; openCheck(); });
|
|
919
|
+
$('#r-rewrite').addEventListener('click', function () { var wi = S.order ? S.order.wi : 0; var w = S.v.answers[wi]; stopStrokeOrder(); S.order = null; event(w.ask ? 'rewrite' : 'self', wi); openRewrite(wi, !w.ask); });
|
|
920
|
+
|
|
921
|
+
// ---------- 再写一遍 ----------
|
|
922
|
+
var openRewrite = function (wi, self) {
|
|
923
|
+
var w = S.v.answers[wi]; var chars = Array.from(w.chars);
|
|
924
|
+
S.rw = { wi: wi, self: self };
|
|
925
|
+
$('#w-title').textContent = '再写一遍:' + w.chars;
|
|
926
|
+
var mbox = $('#w-models'); mbox.style.setProperty('--pad', (window.innerWidth < 700 ? 90 : 140) + 'px'); mbox.replaceChildren();
|
|
927
|
+
chars.forEach(function (ch) {
|
|
928
|
+
var pad = makePad({ onTap: function () { writeModel(pad); } });
|
|
929
|
+
glyph(ch).then(function (d) { pad.d = d; fillStd(pad, d, 'model'); });
|
|
930
|
+
mbox.append(pad.el);
|
|
931
|
+
});
|
|
932
|
+
show('rewrite');
|
|
933
|
+
writePads($('#w-pads'), chars.length);
|
|
934
|
+
};
|
|
935
|
+
/** 范字点一下:淡下去,一笔一笔重新写出来 */
|
|
936
|
+
var writeModel = function (pad) {
|
|
937
|
+
if (!pad.d || pad.busy) return;
|
|
938
|
+
pad.busy = true; pad.std.setAttribute('class', 'std model writing');
|
|
939
|
+
var paths = pad.std.children; var k = 0;
|
|
940
|
+
var next = function () {
|
|
941
|
+
if (k >= pad.d.strokes.length) { pad.std.setAttribute('class', 'std model'); for (var i = 0; i < paths.length; i++) paths[i].removeAttribute('style'); pad.busy = false; return; }
|
|
942
|
+
animStroke(pad, pad.d, k, 'k', function () { paths[k].style.fill = '#3a3a3a'; k++; next(); });
|
|
943
|
+
};
|
|
944
|
+
next();
|
|
945
|
+
};
|
|
946
|
+
$('#w-skip').addEventListener('click', function () { if (S.rw) event('close', S.rw.wi); S.rw = null; openCheck(); });
|
|
947
|
+
$('#w-done').addEventListener('click', function () {
|
|
948
|
+
if (!S.rw) return;
|
|
949
|
+
var body = padsOut(); body.self = S.rw.self;
|
|
950
|
+
persist('POST', '/api/dictation/' + S.v.id + '/rewrites/' + S.rw.wi, body, $('#w-done')).then(function (v) { setView(v); S.rw = null; openCheck(); }, function () { openCheck(); });
|
|
951
|
+
});
|
|
952
|
+
|
|
953
|
+
// ---------- 录像(?reel=<id>):开在录像外壳的 iframe 里,照记录用这一页的画法画;钟、把手、启动在 reel-mode.ts ----------
|
|
954
|
+
/** 字形要同步拿:还没到就先不画,到了整屏重画一次 */
|
|
955
|
+
var RG = {};
|
|
956
|
+
var reelGlyph = function (ch) {
|
|
957
|
+
if (RG[ch] !== undefined) return RG[ch] || null;
|
|
958
|
+
RG[ch] = null;
|
|
959
|
+
glyph(ch).then(function (d) { RG[ch] = d || false; if (RL) { RL.gl++; reelTick(); } });
|
|
960
|
+
return null;
|
|
961
|
+
};
|
|
962
|
+
/** 看笔顺放到第几笔:照 animStroke 与 playOrder 的节奏(一笔画 max(260, (中线长 + 200) × 0.9) 毫秒,再停 120 + 380) */
|
|
963
|
+
var orderStep = function (d, ms) {
|
|
964
|
+
var t = 0;
|
|
965
|
+
for (var i = 0; i < d.strokes.length; i++) {
|
|
966
|
+
var len = Math.max(260, Math.round((polyLen(d.medians[i] || []) + 200) * 0.9));
|
|
967
|
+
if (ms < t + len + 500) return i;
|
|
968
|
+
t += len + 500;
|
|
969
|
+
}
|
|
970
|
+
return d.strokes.length;
|
|
971
|
+
};
|
|
972
|
+
var paintOrder = function (pad, d, k) {
|
|
973
|
+
var ps = pad.std.children; for (var i = 0; i < ps.length; i++) ps[i].setAttribute('class', i < k ? 'sd' : i === k ? 'sc' : 'sf');
|
|
974
|
+
};
|
|
975
|
+
/** 一个格这一刻的笔:点数变了才重画 */
|
|
976
|
+
var reelInk = function (pad, strokes) {
|
|
977
|
+
var n = 0; strokes.forEach(function (x) { n += x.length; });
|
|
978
|
+
var sig = strokes.length + ':' + n;
|
|
979
|
+
if (pad.sig === sig) return;
|
|
980
|
+
pad.sig = sig;
|
|
981
|
+
pad.ink.replaceChildren.apply(pad.ink, strokes.filter(function (x) { return x.length; }).map(function (x) { return sv('path', { d: pathD(x) }); }));
|
|
982
|
+
};
|
|
983
|
+
var reelListen = function (f, rebuild) {
|
|
984
|
+
var R = RL.r, ch = R.chars[f.word][f.char];
|
|
985
|
+
if (rebuild) {
|
|
986
|
+
show('listen');
|
|
987
|
+
var rows = [h('div', { 'class': 'bh' }, h('b', {}, '听写本'), h('span', {}, cn(R.chars.length) + '个词'))];
|
|
988
|
+
RL.cells = R.chars.map(function (cs, wi) {
|
|
989
|
+
var row = bookRow(wi, f.word), strip = row.lastChild;
|
|
990
|
+
rows.push(row);
|
|
991
|
+
return cs.map(function (x, ci) { var p = makePad({}); if (wi === f.word && ci === f.char) p.el.classList.add('here'); strip.append(p.el); return p; });
|
|
992
|
+
});
|
|
993
|
+
var b = $('#l-book'); b.replaceChildren.apply(b, rows);
|
|
994
|
+
var cur = b.querySelector('.brow.cur'); if (cur && cur.scrollIntoView) cur.scrollIntoView({ block: 'nearest' });
|
|
995
|
+
var big = $('#l-big'); RL.big = makePad({}); big.replaceChildren(RL.big.el);
|
|
996
|
+
S.padl = f.pad; paintSize();
|
|
997
|
+
fitPad(RL.big.el);
|
|
998
|
+
setActive(RL.big);
|
|
999
|
+
RL.std = '';
|
|
1000
|
+
}
|
|
1001
|
+
RL.cells.forEach(function (pads, wi) { pads.forEach(function (p, ci) { reelInk(p, f.ink[wi][ci]); }); });
|
|
1002
|
+
reelInk(RL.big, f.ink[f.word][f.char]);
|
|
1003
|
+
var d = f.mode === 'write' ? null : reelGlyph(ch);
|
|
1004
|
+
var k = d && f.mode === 'order' ? orderStep(d, RL.t - f.orderAt) : -1;
|
|
1005
|
+
var sk = f.mode + ':' + (d ? 1 : 0) + ':' + k;
|
|
1006
|
+
if (sk !== RL.std) {
|
|
1007
|
+
RL.std = sk;
|
|
1008
|
+
RL.big.std.setAttribute('class', 'std' + (f.mode === 'trace' ? ' trace' : ''));
|
|
1009
|
+
RL.big.std.replaceChildren();
|
|
1010
|
+
if (d) { fillStd(RL.big, d, f.mode === 'trace' ? 'trace' : ''); if (f.mode === 'order') paintOrder(RL.big, d, k); }
|
|
1011
|
+
}
|
|
1012
|
+
$('#l-foot-write').hidden = f.mode === 'order'; $('#l-foot-order').hidden = f.mode !== 'order';
|
|
1013
|
+
$('#l-reveal').hidden = f.mode === 'trace'; $('#l-reorder').hidden = f.mode !== 'trace';
|
|
1014
|
+
$('#l-what').textContent = f.mode === 'order' ? '看「' + ch + '」一笔一笔写' : f.mode === 'trace' ? '照着灰色的「' + ch + '」写一遍' : R.chars[f.word].length === 1 ? '第' + cn(f.word + 1) + '个词 · 一个字' : '第' + cn(f.word + 1) + '个词的第' + cn(f.char + 1) + '个字';
|
|
1015
|
+
status(f.mode === 'order' ? (d ? strokeAt(k, d.strokes.length) : '') : f.mode !== 'write' ? '' : f.say ? '正在念 · 第 ' + f.say.n + ' 遍' : f.said === 1 ? '再听一遍' : f.said > 1 ? '听完了就写' : '');
|
|
1016
|
+
};
|
|
1017
|
+
var reelCheck = function (f, rebuild) {
|
|
1018
|
+
var R = RL.r;
|
|
1019
|
+
if (rebuild) {
|
|
1020
|
+
show('check');
|
|
1021
|
+
var box = $('#c-cards'), size = window.innerWidth < 700 ? 110 : 130;
|
|
1022
|
+
var most = Math.max.apply(null, R.chars.map(function (cs) { return cs.length; }));
|
|
1023
|
+
box.style.setProperty('--card', Math.min(window.innerWidth - 48, most * (size + 10) + 40) + 'px');
|
|
1024
|
+
RL.cards = R.chars.map(function (cs, wi) {
|
|
1025
|
+
var row = h('div', { 'class': 'pads' }); row.style.setProperty('--pad', size + 'px');
|
|
1026
|
+
var pads = cs.map(function (ch) { var p = makePad({}); var d = reelGlyph(ch); if (d) fillStd(p, d, ''); row.append(p.el); return p; });
|
|
1027
|
+
var rewrote = R.rewrites.some(function (x) { return x.word === wi && x.to <= RL.t; });
|
|
1028
|
+
var tail = RL.s.asked.indexOf(wi) >= 0 && !rewrote ? h('div', { 'class': 'ask' }, '这个再写一遍?', h('button', {}, ico('write'), lbl('好'))) : h('button', { 'class': 'self' }, ico('write'), lbl(rewrote ? '再写一次' : '我想再写'));
|
|
1029
|
+
return { pads: pads, el: h('div', { 'class': 'wc' }, row, tail) };
|
|
1030
|
+
});
|
|
1031
|
+
box.replaceChildren.apply(box, RL.cards.map(function (c) { return c.el; }));
|
|
1032
|
+
}
|
|
1033
|
+
RL.cards.forEach(function (c, wi) { c.pads.forEach(function (p, ci) { reelInk(p, f.latest[wi][ci] || []); }); });
|
|
1034
|
+
};
|
|
1035
|
+
var reelOrder = function (f, rebuild) {
|
|
1036
|
+
var o = f.open, d = reelGlyph(RL.r.chars[o.word][o.char]);
|
|
1037
|
+
if (rebuild) {
|
|
1038
|
+
show('order');
|
|
1039
|
+
var box = $('#r-pad');
|
|
1040
|
+
box.style.setProperty('--pad', Math.max(240, Math.min(560, window.innerHeight - 140, Math.floor(window.innerWidth * (window.innerWidth > window.innerHeight ? 0.5 : 0.9)))) + 'px');
|
|
1041
|
+
RL.opad = makePad({}); RL.opad.svg.insertBefore(RL.opad.ink, RL.opad.std);
|
|
1042
|
+
box.replaceChildren(RL.opad.el);
|
|
1043
|
+
if (d) fillStd(RL.opad, d, '');
|
|
1044
|
+
RL.std = '';
|
|
1045
|
+
}
|
|
1046
|
+
reelInk(RL.opad, f.latest[o.word][o.char] || []);
|
|
1047
|
+
if (!d) return;
|
|
1048
|
+
var k = orderStep(d, RL.t - f.orderAt), n = d.strokes.length;
|
|
1049
|
+
if (RL.std === 'r' + k) return;
|
|
1050
|
+
RL.std = 'r' + k;
|
|
1051
|
+
paintOrder(RL.opad, d, k);
|
|
1052
|
+
$('#r-count').innerHTML = k < n ? '<b>第 ' + (k + 1) + ' 笔</b> · 一共 ' + n + ' 笔' : '写完了 · 一共 ' + n + ' 笔';
|
|
1053
|
+
setLbl($('#r-play'), k >= n ? '再写一遍' : '接着写', k >= n ? 'replay' : 'start');
|
|
1054
|
+
};
|
|
1055
|
+
var reelRewrite = function (f, rebuild) {
|
|
1056
|
+
var cs = RL.r.chars[f.open.word];
|
|
1057
|
+
if (rebuild) {
|
|
1058
|
+
show('rewrite');
|
|
1059
|
+
$('#w-title').textContent = '再写一遍:' + cs.join('');
|
|
1060
|
+
var mbox = $('#w-models'); mbox.style.setProperty('--pad', (window.innerWidth < 700 ? 90 : 140) + 'px');
|
|
1061
|
+
mbox.replaceChildren.apply(mbox, cs.map(function (ch) { var p = makePad({}); var d = reelGlyph(ch); if (d) fillStd(p, d, 'model'); return p.el; }));
|
|
1062
|
+
var box = $('#w-pads');
|
|
1063
|
+
RL.rpads = cs.map(function () { return makePad({}); });
|
|
1064
|
+
box.replaceChildren.apply(box, RL.rpads.map(function (p) { return p.el; }));
|
|
1065
|
+
S.padl = f.pad; rowFit(box, cs.length);
|
|
1066
|
+
}
|
|
1067
|
+
RL.rpads.forEach(function (p, ci) { reelInk(p, (f.rewrite && f.rewrite[ci]) || []); });
|
|
1068
|
+
};
|
|
1069
|
+
/** 这一刻的屏幕:哪一屏、哪个词哪一格、什么样子变了就整屏重画,笔每次对一下 */
|
|
1070
|
+
var reelDraw = function (f) {
|
|
1071
|
+
var done = RL.r.rewrites.filter(function (x) { return x.to <= RL.t; }).length;
|
|
1072
|
+
var key = [f.view, f.word, f.char, f.view === 'listen' ? '' : f.mode, f.open ? f.open.word + ':' + f.open.char : '', f.view === 'check' ? done : 0, f.pad, RL.gl, window.innerWidth, window.innerHeight].join('|');
|
|
1073
|
+
var rebuild = key !== RL.key; RL.key = key;
|
|
1074
|
+
if (f.view === 'check') reelCheck(f, rebuild);
|
|
1075
|
+
else if (f.view === 'order' && f.open) reelOrder(f, rebuild);
|
|
1076
|
+
else if (f.view === 'rewrite' && f.open) reelRewrite(f, rebuild);
|
|
1077
|
+
else reelListen(f, rebuild);
|
|
1078
|
+
};
|
|
1079
|
+
${REEL_MODE_JS}
|
|
1080
|
+
api('GET', '/api/kid/home').then(function (j) { TUTORS = j.tutors || []; showFace(); }, function () {});
|
|
1081
|
+
if (REEL_ID) reelBoot(); else if (HOME) start(false); else openSnap();
|
|
1082
|
+
})();
|
|
1083
|
+
</script>
|
|
1084
|
+
</body></html>`;
|