source-academy / plugins / 28740443192

98%

feat/add-init-infra: 67%

push

github

feat(stepper): render a cumulative program-output panel (#49)

* feat(stepper): render a cumulative program-output panel

Add an output panel to the web stepper, directly below the explanation box,
showing the program's cumulative output (everything `print` has written) up to
the current step. Same Card/<Pre> formatting as the explanation box, with text
in the workspace REPL's printed-output orange (#dd8c60).

- common-stepper: add an optional `output` field to `SerializedStepperStep` —
  the shared protocol field a runner fills with per-step cumulative output.
  Backward-compatible: runners may omit it, hosts may ignore it.
- web-stepper: `SubstOutputDisplay` + `getOutput`; always shown once code has
  run (empty until the first print). The colour is set inline so a host app's
  higher-specificity CSS can't override it to the default. `injectStepperStyles`
  now refreshes its <style> content instead of no-op'ing when already present,
  so a rebuilt bundle's CSS actually takes effect on reload.
- changeset: patch-bump `@sourceacademy/common-stepper`.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

* Update src/web/stepper/src/SubstVisualizer.tsx

Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>

* fix: fixing gemini errors

---------

Co-authored-by: Shrey Jain <“shreyjain5132@email.com>
Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com>
Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>

11 of 13 branches covered (84.62%)

Branch coverage included in aggregate %.

38 of 38 relevant lines covered (100.0%)

3.97 hits per line