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

Upgrade example app to latest Svelvet #337

Closed
bgins opened this issue Sep 29, 2023 · 0 comments
Closed

Upgrade example app to latest Svelvet #337

bgins opened this issue Sep 29, 2023 · 0 comments
Assignees
Labels
dx Developer experience applications and improvements

Comments

@bgins
Copy link
Contributor

bgins commented Sep 29, 2023

Summary

Problem

We currently use a forked version of Svelvet that is not well-maintained and has broken on us recently.

Impact

Developers who try out the app experience a 404 on a missing svelvet-lime dependency, and they can't use the example app.

Solution

Upgrade to the latest Svelvet. It supports most of the features we need. A small workaround will be needed to apply arrows to edges. See: open-source-labs/Svelvet#472 (comment)

@bgins bgins assigned bgins and avivash and unassigned bgins Sep 29, 2023
@bgins bgins added the dx Developer experience applications and improvements label Sep 29, 2023
@avivash avivash mentioned this issue Oct 5, 2023
2 tasks
zeeshanlakhani pushed a commit that referenced this issue Oct 9, 2023
# Description

- Upgrade `svelvet` to v8(using new `Anchor`, `Edge` and `Node`
components)
- Maintain Node positions, so running workflow one after workflow two
will no long cause the Nodes to jump up to the first row

## Link to issue

#337

## Type of change

- [x] Bug fix (non-breaking change that fixes an issue)
- [x] Refactor (non-breaking change that updates existing functionality)

## Test plan (required)

1. Run `cargo run -- start -c config/settings.toml` from
`homestar/examples/websocket-relay`
2. Run `npm run dev` from `homestar/examples/websocket-relay/relay-app`
3. Visit http://localhost:5173/
4. Run workflow one and expect the Nodes and edges to appear mostly as
they did before(black edges with arrows and labels describing the
associated tasks)
5. Run workflow two and expect the grayscale Node to appear in the
bottom row with an edge connected to its north side
6. Refresh the page
7. Run workflow two and expect the Nodes, Edges and labels to appear
correctly in the bottom row
8. Run workflow one and expect the Nodes that have already been executed
to stay in the bottom row, but also have the blurred Node rendered in
the top row with an Edge connected to it

## Screenshots/Screencaps


https://www.loom.com/share/acc35d252e8b4d5a94a6f0d53aecfa91?sid=54cdb36b-1837-4082-b759-f8e80f36503e

---------

Co-authored-by: Brian Ginsburg <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
dx Developer experience applications and improvements
Projects
None yet
Development

No branches or pull requests

3 participants