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

Collocate interactive graph editor code #1601

Merged
merged 10 commits into from
Sep 16, 2024

Conversation

benchristel
Copy link
Member

@benchristel benchristel commented Sep 6, 2024

This PR rearranges perseus-editor code so components and tests that are specific to the interactive graph widget editor are closer together.

Issue: none

Test plan:

Edit and save an exercise with an interactive graph widget.

@benchristel benchristel self-assigned this Sep 6, 2024
Copy link
Contributor

github-actions bot commented Sep 6, 2024

npm Snapshot: Published

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

Example:

yarn add @khanacademy/perseus@PR1601

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

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

Copy link
Contributor

github-actions bot commented Sep 6, 2024

Size Change: -1.04 kB (-0.12%)

Total Size: 859 kB

Filename Size Change
packages/perseus-editor/dist/es/index.js 277 kB -128 B (-0.05%)
packages/perseus/dist/es/index.js 416 kB -911 B (-0.22%)
ℹ️ 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

Copy link

codecov bot commented Sep 6, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 70.43%. Comparing base (e9b317c) to head (6a82952).
Report is 14 commits behind head on main.

Additional details and impacted files
@@            Coverage Diff             @@
##             main    #1601      +/-   ##
==========================================
+ Coverage   70.23%   70.43%   +0.20%     
==========================================
  Files         548      574      +26     
  Lines      107279   111563    +4284     
  Branches     5496    11824    +6328     
==========================================
+ Hits        75348    78581    +3233     
- Misses      31815    32982    +1167     
+ Partials      116        0     -116     

Impacted file tree graph

see 1122 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 e9b317c...6a82952. Read the comment docs.

@benchristel benchristel changed the base branch from benc/type-correct to main September 10, 2024 00:16
@benchristel benchristel force-pushed the benc/split-interactive-graph-editor branch from c332ca2 to 7e1edbe Compare September 10, 2024 00:26
@benchristel benchristel force-pushed the benc/split-interactive-graph-editor branch from 7e1edbe to 4c199e5 Compare September 11, 2024 17:03
throw new UnreachableCaseError(type);
}
}

Copy link
Member Author

Choose a reason for hiding this comment

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

This code moved to interactive-graph-editor/locked-figures/util.ts.

@benchristel benchristel marked this pull request as ready for review September 11, 2024 18:43
@khan-actions-bot khan-actions-bot requested a review from a team September 11, 2024 18:43
@khan-actions-bot
Copy link
Contributor

khan-actions-bot commented Sep 11, 2024

Gerald

Required Reviewers
  • @Khan/perseus for changes to .changeset/small-pets-flow.md, packages/perseus-editor/src/components/util.ts, packages/perseus-editor/src/components/__stories__/color-select.stories.tsx, packages/perseus-editor/src/components/__stories__/color-swatch.stories.tsx, packages/perseus-editor/src/components/__stories__/interactive-graph-settings.stories.tsx, packages/perseus-editor/src/components/__stories__/locked-ellipse-settings.stories.tsx, packages/perseus-editor/src/components/__stories__/locked-figures-section.stories.tsx, packages/perseus-editor/src/components/__stories__/locked-function-settings.stories.tsx, packages/perseus-editor/src/components/__stories__/locked-label-settings.stories.tsx, packages/perseus-editor/src/components/__stories__/locked-line-settings.stories.tsx, packages/perseus-editor/src/components/__stories__/locked-point-settings.stories.tsx, packages/perseus-editor/src/components/__stories__/locked-polygon-settings.stories.tsx, packages/perseus-editor/src/components/__stories__/locked-vector-settings.stories.tsx, packages/perseus-editor/src/components/__tests__/util.test.ts, packages/perseus-editor/src/widgets/__stories__/interactive-graph-editor.stories.tsx, packages/perseus-editor/src/widgets/__tests__/interactive-graph-editor-locked-figures.test.tsx, packages/perseus-editor/src/widgets/__tests__/interactive-graph-editor.test.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/interactive-graph-editor.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/components/graph-points-count-selector.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/components/graph-type-selector.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/components/interactive-graph-correct-answer.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/components/interactive-graph-description.test.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/components/interactive-graph-description.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/components/interactive-graph-settings.test.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/components/interactive-graph-settings.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/components/segment-count-selector.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/color-select.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/color-swatch.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/defining-point-settings.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/ellipse-swatch.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/labeled-row.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/labeled-switch.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/line-stroke-select.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/line-swatch.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/locked-ellipse-settings.test.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/locked-ellipse-settings.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/locked-figure-select.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/locked-figure-settings-actions.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/locked-figure-settings.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/locked-figures-section.test.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/locked-figures-section.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/locked-function-examples.ts, packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/locked-function-settings.test.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/locked-function-settings.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/locked-label-settings.test.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/locked-label-settings.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/locked-line-settings.test.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/locked-line-settings.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/locked-point-settings.test.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/locked-point-settings.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/locked-polygon-settings.test.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/locked-polygon-settings.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/locked-vector-settings.test.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/locked-vector-settings.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/polygon-swatch.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/util.test.ts, packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/util.ts, packages/perseus-editor/src/widgets/interactive-graph-editor/start-coords/start-coords-angle.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/start-coords/start-coords-circle.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/start-coords/start-coords-line.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/start-coords/start-coords-multiline.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/start-coords/start-coords-point.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/start-coords/start-coords-quadratic.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/start-coords/start-coords-settings.test.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/start-coords/start-coords-settings.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/start-coords/start-coords-sinusoid.tsx, packages/perseus-editor/src/widgets/interactive-graph-editor/start-coords/util.test.ts, packages/perseus-editor/src/widgets/interactive-graph-editor/start-coords/util.ts

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

Copy link
Contributor

@nicolecomputer nicolecomputer left a comment

Choose a reason for hiding this comment

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

:shipit:

@benchristel benchristel merged commit ef7b35b into main Sep 16, 2024
12 of 13 checks passed
@benchristel benchristel deleted the benc/split-interactive-graph-editor branch September 16, 2024 16:47
SonicScrewdriver added a commit that referenced this pull request Sep 16, 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]

### Minor Changes

- [#1615](#1615)
[`51b6e1431`](51b6e14)
Thanks [@nicolecomputer](https://github.com/nicolecomputer)! - Aligns
unlimited point user experience for mouse+touch users


- [#1605](#1605)
[`ddc3f5d05`](ddc3f5d)
Thanks [@benchristel](https://github.com/benchristel)! - Add 'None'
graph type, for graphs that should only display locked figures.

### Patch Changes

- [#1632](#1632)
[`cea62ad11`](cea62ad)
Thanks [@SonicScrewdriver](https://github.com/SonicScrewdriver)! - Minor
regression fix for bounding of interactive elements in the Interactive
Graph widget.


- [#1622](#1622)
[`12b8e01bf`](12b8e01)
Thanks [@jeremywiebe](https://github.com/jeremywiebe)! - Fix types for
`classnames` package usages

## @khanacademy/[email protected]

### Minor Changes

- [#1605](#1605)
[`ddc3f5d05`](ddc3f5d)
Thanks [@benchristel](https://github.com/benchristel)! - Add 'None'
graph type, for graphs that should only display locked figures.

### Patch Changes

- [#1601](#1601)
[`ef7b35bce`](ef7b35b)
Thanks [@benchristel](https://github.com/benchristel)! - Internal:
Reorganize interactive graph editor files.

- Updated dependencies
\[[`51b6e1431`](51b6e14),
[`cea62ad11`](cea62ad),
[`ddc3f5d05`](ddc3f5d),
[`12b8e01bf`](12b8e01)]:
    -   @khanacademy/[email protected]
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.

3 participants