Skip to content

Support ignoring whitespace in diffs#160

Merged
ericmj merged 1 commit into
hexpm:mainfrom
dl-alexandre:ignore-whitespace-diffs
May 9, 2026
Merged

Support ignoring whitespace in diffs#160
ericmj merged 1 commit into
hexpm:mainfrom
dl-alexandre:ignore-whitespace-diffs

Conversation

@dl-alexandre
Copy link
Copy Markdown
Contributor

Summary

  • Add ?w=1 support to generate diffs with git diff -w.
  • Add a whitespace toggle link on diff pages.
  • Keep whitespace-ignored diff results in a separate cache key.

Tests

  • mix test

Closes #100

@ericmj ericmj merged commit c2cd280 into hexpm:main May 9, 2026
8 checks passed
@ericmj
Copy link
Copy Markdown
Member

ericmj commented May 9, 2026

Thank you! 💜

ericmj added a commit to paulo-valim/diff that referenced this pull request May 15, 2026
The branch was rebased over hexpm#160 ("Support ignoring whitespace in
diffs") which added the diff_options/ignore_whitespace? helpers and
the whitespace_toggle_label/whitespace_toggle_url view helpers. Wire
the toggle into the new Tailwind stats header so ?w=1 retains the
visible UI it had on the legacy template.

The pluralize/3 helper turns the singular case (1 file) into "file",
so test assertions for "files changed" can't match for total=1.
Loosen the matcher to "changed" and switch the lingering :timer.sleep
spot to assert_eventually.
ericmj added a commit that referenced this pull request May 18, 2026
* wip

* small ui fixes

* esbuild, fixing tests, fixing diff contrast

* addressing feedbacks

* adding esbuild with mix

* fix contrast

* icon fix

* hosting fonts for privacy

* Address review feedback

- Restore Plausible plausible.init({endpoint}) inline script
- Fix Tailwind v4 placeholder utility (placeholder:text-grey-300)
- Use grey-200 instead of slate-200 in footer social link
- Render copyright year dynamically
- Live-reload also watches lib/diff_web/components/

* Restore whitespace toggle in redesigned diff header

The branch was rebased over #160 ("Support ignoring whitespace in
diffs") which added the diff_options/ignore_whitespace? helpers and
the whitespace_toggle_label/whitespace_toggle_url view helpers. Wire
the toggle into the new Tailwind stats header so ?w=1 retains the
visible UI it had on the legacy template.

The pluralize/3 helper turns the singular case (1 file) into "file",
so test assertions for "files changed" can't match for total=1.
Loosen the matcher to "changed" and switch the lingering :timer.sleep
spot to assert_eventually.

* Copy lib before assets.deploy so Tailwind sees templates

Tailwind v4 in assets/css/app.css declares @source "../../lib" to scan
HEEx templates for class usage. The previous order ran mix assets.deploy
before COPY lib lib, so Tailwind produced a stylesheet missing nearly
all template classes — visible as broken styling on diff.staging.hex.pm.
preview/Dockerfile already copies lib first; mirror that here.

* Bold only "hex" in the wordmark

The header and footer wordmarks rendered the full "hexdiff" string in
bold. Move font-bold to just the "hex" prefix so the brand half pops
and the product name renders in normal weight.

* Highlight diff hunks with Makeup

Wire in the same Makeup stack used by hexpm (makeup 1.2, makeup_elixir,
makeup_erlang, makeup_gleam, makeup_syntect) and run each diff line
through Makeup.highlight_inner_html/2. The lexer is picked once per
file via Makeup.Registry.fetch_lexer_by_extension/1, with the special
cases for rebar.config / *.app.src that match hexpm/preview.

Bundle hexpm's GitHub Dark makeup.css verbatim and neutralize its
wrapper rules on .ghd-text-user.highlight so only the token color
classes apply — diff line layout and add/remove backgrounds are kept.

* Add GitHub Light variant to Makeup theme

The bundled theme was hexpm's GitHub Dark colors (designed for hexpm's
forced dark .highlight background). On diff pages the .highlight
wrapper is transparent so add/remove line backgrounds show through,
which left light-mode users staring at #a5d6ff strings on white. Add
GitHub Light token colors as the default and gate the dark palette
behind [data-theme=dark].

---------

Co-authored-by: Paulo Valim <valim@paulos-mbp.lan>
Co-authored-by: Eric Meadows-Jönsson <eric.meadows.jonsson@gmail.com>
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.

Skip whitespace changes

2 participants