Skip to content

feat: Add control for line opacity - #311

Merged
ShrimpCryptid merged 3 commits into
mainfrom
feat/separate-opacity
Oct 19, 2026
Merged

ShrimpCryptid merged 3 commits into
mainfrom
feat/separate-opacity

Conversation

@ShrimpCryptid

@ShrimpCryptid ShrimpCryptid commented Oct 13, 2026 •

Copy link
Copy Markdown
Contributor

Problem

Closes #306, "Enable opacity for connecting lines".

Solution

  • Adds a UI control for line opacity, and the relevant Redux state + actions.
  • Updated unit tests.

Type of change

  • New feature (non-breaking change which adds functionality)

Screenshots (optional):

Video talk-through (🔊):

2026-10-13.16-07-35.mp4

@ShrimpCryptid ShrimpCryptid self-assigned this Oct 13, 2026
@ShrimpCryptid ShrimpCryptid added the enhancement New feature or request label Oct 13, 2026
@github-actions

github-actions Bot commented Oct 13, 2026 •

Copy link
Copy Markdown
PR Preview Action v1.6.3
Preview removed because the pull request was closed.
2026-10-19 16:56 UTC

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

🟡 Changes recommended

Default-colored connecting lines do not currently honor the new opacity setting.

2 open findings
What changed in this PR

Adds configurable opacity for plot connection lines across UI, Redux, rendering, and URL state.

Changes:

  • Adds line-opacity state, actions, selector, validation, and URL persistence.
  • Adds an opacity slider and applies opacity during trace generation.
  • Updates URL-state tests and settings labels.
File Description
src/​util/​UrlState.ts Persists line opacity in URLs.
src/​util/​test/​UrlState.test.ts Tests URL serialization and actions.
src/​state/​selection/​types.ts Defines opacity state and action types.
src/​state/​selection/​selectors.ts Exposes opacity to plot settings.
src/​state/​selection/​reducer.ts Stores and validates opacity.
src/​state/​selection/​constants.ts Defines the action constant.
src/​state/​selection/​actions.ts Adds the opacity action creator.
src/​containers/​MainPlotContainer/​selectors.ts Applies opacity to line traces.
src/​constants/​index.ts Defines the default opacity.
src/​components/​PlotLineSettings/​index.tsx Adds the opacity slider.
src/​components/​MainPlot/​index.tsx Renames the settings heading.

🧠 Review effort: Balanced


💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

Comment thread src/containers/MainPlotContainer/selectors.ts Outdated
Comment thread src/state/selection/selectors.ts Outdated
@ShrimpCryptid
ShrimpCryptid marked this pull request as ready for review October 14, 2026 00:05
@ShrimpCryptid
ShrimpCryptid requested a review from a team as a code owner October 14, 2026 00:05
@ShrimpCryptid
ShrimpCryptid requested review from frasercl and interim17 and removed request for a team October 14, 2026 00:05

@interim17 interim17 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

LGTM

@frasercl frasercl left a comment •

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Redux! Wheeeeee!

@ShrimpCryptid
ShrimpCryptid merged commit 8db0cab into main Oct 19, 2026
2 checks passed
@ShrimpCryptid
ShrimpCryptid deleted the feat/separate-opacity branch October 19, 2026 16:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Enable opacity for connecting lines

4 participants