Interactive ServerItemRenderer story

[handeyeco]

Summary:

Super hacky, but a bad tool is better than no tool (maybe?)

Screen.Recording.2024-06-21.at.10.12.07.AM.mov

[khan-actions-bot]

Gerald

Required Reviewers

• @Khan/perseus for changes to packages/perseus/src/__stories__/server-item-renderer.stories.tsx

---

Don't want to be involved in this pull request? Comment #removeme and we won't notify you of further changes.

[github-actions]

npm Snapshot: Published

Good news!! We've packaged up the latest commit from this PR (57dcf0a) and published it to npm. You
can install it using the tag PR1369.

Example:

yarn add @khanacademy/perseus@PR1369

If you are working in Khan Academy's webapp, you can run:

./dev/tools/bump_perseus_version.sh -t PR1369

[github-actions]

Size Change: 0 B

Total Size: 846 kB

ℹ️ View Unchanged

Filename	Size
packages/kas/dist/es/index.js	38.2 kB
packages/kmath/dist/es/index.js	4.26 kB
packages/math-input/dist/es/index.js	80.1 kB
packages/math-input/dist/es/strings.js	1.73 kB
packages/perseus-core/dist/es/index.js	906 B
packages/perseus-editor/dist/es/index.js	272 kB
packages/perseus-error/dist/es/index.js	866 B
packages/perseus-linter/dist/es/index.js	21.8 kB
packages/perseus/dist/es/index.js	407 kB
packages/perseus/dist/es/strings.js	3.21 kB
packages/pure-markdown/dist/es/index.js	3.67 kB
packages/simple-markdown/dist/es/index.js	12.4 kB

_{compressed-size-action}

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 70.95%. Comparing base (86f94e1) to head (57dcf0a).

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #1369      +/-   ##
==========================================
+ Coverage   69.44%   70.95%   +1.50%     
==========================================
  Files         491      495       +4     
  Lines      103849   103924      +75     
  Branches     7450    10574    +3124     
==========================================
+ Hits        72123    73736    +1613     
+ Misses      31546    30188    -1358     
+ Partials      180        0     -180     

see 146 files with indirect coverage changes

---

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 86f94e1...57dcf0a. Read the comment docs.

[benchristel]

Super hacky, but a bad tool is better than no tool (maybe?)

Worse is better! 😂

My one question is whether this should be part of the yarn dev UI rather than Storybook, but we can always move it later (or reference the same component in both places)

[handeyeco]

@benchristel I think long-term it would be better to add this to yarn dev. I have some questions about yarn dev's access to Perseus CSS though. I'm just going to cut this so we can start using it and we can iterate.