software-mansion / software-mansion/live-debugger

Display preview of HTML diff

Open
#891 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

feature
Dominant language
Elixir
Stars
765
Forks
29
Avg merge
5d 2h
Merged PRs (30d)
2

Description

So LiveView is based on exchanging HTML diffs that we already display in LiveDebugger, but in their raw form (we directly display content sent via websocket). The goal here is to display how this diff would look in the form of UI based preview (e.g. we want to show rendered application before clicking a button that displays a modal, and after clicking this button so with the modal)

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by tracing the existing LiveDebugger display of raw HTML diffs and the LiveView websocket diff entry point. Done means showing the rendered application state before and after an interaction such as opening a modal, rather than only the raw diff; the issue names no files or tests.

Written by the indexing model from the issue text.

Assessment

Tech stack
elixir
Domain
devtools, frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.