Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tidy up PhET widget #1587

Merged
merged 6 commits into from
Sep 4, 2024
Merged

Tidy up PhET widget #1587

merged 6 commits into from
Sep 4, 2024

Conversation

aemandine
Copy link
Contributor

@aemandine aemandine commented Sep 4, 2024

Summary:

  • Replace <br /> with Wonder Blocks spacing in the PhET widget editor
  • Remove change function from PhET widget, as it is not in use
A screenshot of the new spacing, which uses spacing.large_24 as a margin between the two text fields instead of the HTML br tag

Issue: LEMS-2286

Test plan:

  • yarn jest packages/perseus/src/widgets/phet-simulation/phet-simulation.test.ts
  • yarn jest packages/perseus-editor/src/widgets/__tests__/phet-simulation-editor.test.tsx
  • Verify that the widget and editor still show up and function correctly in Storybook

@aemandine aemandine self-assigned this Sep 4, 2024
Copy link
Contributor

github-actions bot commented Sep 4, 2024

Size Change: -6 B (0%)

Total Size: 859 kB

Filename Size Change
packages/perseus-editor/dist/es/index.js 275 kB +26 B (+0.01%)
packages/perseus/dist/es/index.js 418 kB -32 B (-0.01%)
ℹ️ View Unchanged
Filename Size
packages/kas/dist/es/index.js 38.3 kB
packages/keypad-context/dist/es/index.js 760 B
packages/kmath/dist/es/index.js 4.27 kB
packages/math-input/dist/es/index.js 78 kB
packages/math-input/dist/es/strings.js 1.79 kB
packages/perseus-core/dist/es/index.js 1.48 kB
packages/perseus-linter/dist/es/index.js 22.2 kB
packages/perseus/dist/es/strings.js 3.36 kB
packages/pure-markdown/dist/es/index.js 3.66 kB
packages/simple-markdown/dist/es/index.js 12.4 kB

compressed-size-action

@aemandine aemandine changed the title Add changeset Tidy up PhET widget Sep 4, 2024
@aemandine aemandine marked this pull request as ready for review September 4, 2024 18:10
@khan-actions-bot khan-actions-bot requested a review from a team September 4, 2024 18:10
@khan-actions-bot
Copy link
Contributor

khan-actions-bot commented Sep 4, 2024

Gerald

Required Reviewers
  • @Khan/perseus for changes to .changeset/pretty-cooks-return.md, packages/perseus-editor/src/widgets/phet-simulation-editor.tsx, packages/perseus/src/widgets/phet-simulation/phet-simulation.tsx

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

Copy link
Contributor

github-actions bot commented Sep 4, 2024

npm Snapshot: Published

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

Example:

yarn add @khanacademy/perseus@PR1587

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

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

Copy link

codecov bot commented Sep 4, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 70.48%. Comparing base (377b7ce) to head (897ace8).
Report is 1 commits behind head on main.

Additional details and impacted files
@@            Coverage Diff             @@
##             main    #1587      +/-   ##
==========================================
+ Coverage   70.43%   70.48%   +0.05%     
==========================================
  Files         546      571      +25     
  Lines      106893   111390    +4497     
  Branches     7833    11227    +3394     
==========================================
+ Hits        75287    78517    +3230     
- Misses      31417    32873    +1456     
+ Partials      189        0     -189     

Impacted file tree graph

see 1117 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 377b7ce...897ace8. Read the comment docs.

Copy link
Contributor

@SonicScrewdriver SonicScrewdriver left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks great, thank you!

Comment on lines +42 to +44
style={{
marginBottom: spacing.large_24,
}}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Praise: Nice! Great job adding in the WB spacing!

@aemandine aemandine merged commit 8015cde into main Sep 4, 2024
12 of 13 checks passed
@aemandine aemandine deleted the am/lems-2286/tidy-up-widget branch September 4, 2024 21:18
aemandine added a commit that referenced this pull request Sep 4, 2024
This PR was opened by the [Changesets
release](https://github.com/changesets/action) GitHub action. When
you're ready to do a release, you can merge this and the packages will
be published to npm automatically. If you're not ready to do a release
yet, that's fine, whenever you add more changesets to main, this PR will
be updated.


# Releases
## @khanacademy/[email protected]

### Major Changes

- [#1577](#1577)
[`c875acd01`](c875acd)
Thanks [@handeyeco](https://github.com/handeyeco)! - Remove example
widgets and their editors

### Minor Changes

- [#1570](#1570)
[`c4432ffad`](c4432ff)
Thanks [@nicolecomputer](https://github.com/nicolecomputer)! - Remove
unlimited points via keyboard


- [#1582](#1582)
[`377b7ce68`](377b7ce)
Thanks [@aemandine](https://github.com/aemandine)! - Add save warnings
to PhET widget editor and un-hide widget from content editor widget
dropdown

### Patch Changes

- [#1578](#1578)
[`78bb8573e`](78bb857)
Thanks [@aemandine](https://github.com/aemandine)! - Remove
simpleValidate from PhET widget


- [#1585](#1585)
[`a6ec402c0`](a6ec402)
Thanks [@handeyeco](https://github.com/handeyeco)! - Reorganize files in
the widgets folder


- [#1589](#1589)
[`d56952564`](d569525)
Thanks [@aemandine](https://github.com/aemandine)! - Make PhET widget
smaller


- [#1587](#1587)
[`8015cdefb`](8015cde)
Thanks [@aemandine](https://github.com/aemandine)! - Tidying up PhET
widget


- [#1583](#1583)
[`615567bd2`](615567b)
Thanks [@handeyeco](https://github.com/handeyeco)! - Remove sort-comp
exceptions and reorder components

## @khanacademy/[email protected]

### Major Changes

- [#1577](#1577)
[`c875acd01`](c875acd)
Thanks [@handeyeco](https://github.com/handeyeco)! - Remove example
widgets and their editors

### Minor Changes

- [#1582](#1582)
[`377b7ce68`](377b7ce)
Thanks [@aemandine](https://github.com/aemandine)! - Add save warnings
to PhET widget editor and un-hide widget from content editor widget
dropdown

### Patch Changes

- [#1585](#1585)
[`a6ec402c0`](a6ec402)
Thanks [@handeyeco](https://github.com/handeyeco)! - Reorganize files in
the widgets folder


- [#1587](#1587)
[`8015cdefb`](8015cde)
Thanks [@aemandine](https://github.com/aemandine)! - Tidying up PhET
widget


- [#1583](#1583)
[`615567bd2`](615567b)
Thanks [@handeyeco](https://github.com/handeyeco)! - Remove sort-comp
exceptions and reorder components

- Updated dependencies
\[[`78bb8573e`](78bb857),
[`a6ec402c0`](a6ec402),
[`d56952564`](d569525),
[`c875acd01`](c875acd),
[`8015cdefb`](8015cde),
[`c4432ffad`](c4432ff),
[`615567bd2`](615567b),
[`377b7ce68`](377b7ce)]:
    -   @khanacademy/[email protected]

## @khanacademy/[email protected]

### Patch Changes

- [#1585](#1585)
[`a6ec402c0`](a6ec402)
Thanks [@handeyeco](https://github.com/handeyeco)! - Reorganize files in
the widgets folder
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants