Skip to content

fix(home): hide the demo bundles' unpack placeholder - #46

Merged
cevheri merged 1 commit into
mainfrom
fix/demo-unpack-flash
Aug 25, 2026
Merged

fix(home): hide the demo bundles' unpack placeholder#46
cevheri merged 1 commit into
mainfrom
fix/demo-unpack-flash

Conversation

@cevheri

@cevheri cevheri commented Aug 25, 2026

Copy link
Copy Markdown
Member

Opening the site flashed a blue bolt on a dark card inside the demo frame before the walkthrough appeared. That is the bundler's own unpack placeholder, #__bundler_thumbnail — a #1d4ed8 rounded rect with a white lightning polygon — shown until the bundle replaces the whole document with the real page. The Unpacking... pill in the corner is the same thing.

Both bundles now hide the two elements from their own head style:

#__bundler_thumbnail, #__bundler_loading { display: none !important; }

Our wrapper already paints the box, so the frame simply stays empty for those few frames instead of flashing an unrelated icon. Nothing in the unpacking script reads or writes either element, and the injected rule lives in the placeholder document's head — it disappears along with it when documentElement.replaceWith swaps in the real page, so it cannot affect the walkthrough itself.

Measured, before and after

Sampling a cold frame every 5ms and reading the placeholder's computed style:

placeholder visible
before yes, from ~15ms until the document swap
after never

Both clips still unpack and play: desktop @1440px and phone @390px each reach the real document and keep advancing.

Note

These are vendored artifacts, so the rule carries a comment saying to re-apply it if the bundles are regenerated. Worth folding into the generator instead, if it is easy on that side.

Gate clean: 0 errors, prettier clean, oxlint clean, knip clean, 75 tests pass. The rule ships in dist/demo/ for both bundles.

Opening the site flashed a blue bolt on a dark card inside the frame —
the bundler's own "unpacking" placeholder — before the walkthrough
appeared. Measured on a cold frame it was on screen from ~15ms until the
bundle swapped the document out.

Both bundles now hide #__bundler_thumbnail and the "Unpacking..." pill
from their own head style. The wrapper already paints the box, so the
frame simply stays empty for those few frames. Nothing in the unpacking
script touches either element, and the style disappears with the rest of
the placeholder document when it is replaced.

This edits vendored artifacts, so the rule carries a comment saying to
re-apply it if the bundles are regenerated.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
@cevheri
cevheri merged commit 6f95409 into main Aug 25, 2026
4 checks passed
@cevheri
cevheri deleted the fix/demo-unpack-flash branch August 25, 2026 20:02
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.

1 participant