[renrenmimi]

Summary

The README and its three screenshots still showed the course as it was before #9–#23. This PR updates the text to match master (f7adc58) and re-takes the screenshots the same way as the originals.

Changes

• README text
  • Compiler lab: while loading, or when it cannot load, a banner sits above the editor and the code stays readable. The banner offers a retry and a Playground link that carries the code (Free the lab editor's keyboard, keep code readable when the compiler fails, and localise presets #14). The note also gives the first download, about 2 MB.
  • Tests and CI: npm test runs Vitest. CI runs the typecheck, the tests, the build and check:bundle on every push to master and on every pull request. The compiler copies that prepare-tslab writes under public/tslab/ are not tracked (Free the lab editor's keyboard, keep code readable when the compiler fails, and localise presets #14).
  • Structure: the per-chapter server layout.tsx sets each chapter's title and description (Restore settings after a client re-render, title every page, and self-host the fonts #10). The fonts are self-hosted from app/fonts/, and English pages download no Chinese font (Restore settings after a client re-render, title every page, and self-host the fonts #10).
  • Features: the EN / 中文 toggle; keyboard use, WCAG AA contrast in both themes, and reading without JavaScript (Restore settings after a client re-render, title every page, and self-host the fonts #10, Make the sidebar, drawer and command palette keyboard-safe, and prefetch chapters on intent #11, Raise contrast in both themes, stop idle repaints, show code as typed, and fix print #15); progress staying in step across tabs (Let keyboard users tick tasks off, keep two tabs' progress, and show full task titles #12); and "chapter quiz".
• docs/home.jpg, docs/generics.jpg: re-taken with the method from 42baf47, which describes them as "plain browser captures at 1280x800, compressed". They use a 1280×800 viewport at device scale factor 1, Chinese, dark theme and the top of the page, and are saved as 1000×625 JPEG like the originals.
• docs/compiler-lab.jpg: re-taken as in docs: show the compiler lab in the README #8.
  • Capture settings: a 1440×950 viewport at device scale factor 1.5, which gives the same 2160×1425 image. English, dark theme.
  • Page and edits: the first lab on /types, with the three edits from docs: show the compiler lab in the README #8.
  • Result: TS2322, TS2345 and TS7006, the tsc 5.9.3 badge, the Declaration .d.ts tab, and the status line edited · TS2322, TS2345 +1.

Verification

• Where the screenshots came from: the site is not deployed yet, because today's Vercel deployment quota is used up. So the screenshots come from a local production build of f7adc58 (next start), taken in headless Chrome 155 through playwright-core 1.62.1. In the lab shot the codes were read from the page before capture, and the editor was blurred so that no focus ring shows.
• The README's statements were checked against master:
  • .github/workflows/ci.yml;
  • package.json scripts;
  • .gitignore;
  • app/*/layout.tsx;
  • app/fonts/;
  • lib/tslab.tsx;
  • the 14 test files.
• Size on first visit: the "about 2 MB" figure is the audit's measurement on production: 1.73 MB of compiler plus 0.33 MB of lib files, brotli-compressed. The compiler files have not changed since.

🤖 Generated with Claude Code

[vercel]

Deployment failed for project tser with the following error:

Resource is limited - try again in 24 hours (more than 100, code: "api-deployments-free-per-day").

Learn More: https://vercel.com/renrenmimis-projects?upgradeToPro=build-rate-limit

[Copilot]

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

[chatgpt-codex-connector]

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

Review	Status	Commit	Review trigger
📝 Code Review	✅ Completed 2026-10-10T06:45:08.633872Z	0473324	PR opened

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.