Skip to content

Add view transitions with astro-vtbot's starlight plugin - #16

Open
martrapp wants to merge 3 commits into
WiredClub:mainfrom
martrapp:main
Open

Add view transitions with astro-vtbot's starlight plugin#16
martrapp wants to merge 3 commits into
WiredClub:mainfrom
martrapp:main

Conversation

@martrapp

Copy link
Copy Markdown

feat: add astro-vtbot dependency and global styles for view transitions

  • Added "astro-vtbot" as a development dependency in package.json.
  • Introduced global styles for view transitions in global-style.css, enhancing the visual experience for site logos.

=> Temporarily copied webmanifest.json to manifest.webmanifest to stop loading errors.

- Added "astro-vtbot" as a development dependency in package.json.
- Introduced global styles for view transitions in global-style.css, enhancing the visual experience for site logos.

=> Temporarily copied webmanifest.json to manifest.webmanifest to stop loading errors.
@Alynva
Alynva self-requested a review August 11, 2026 23:35
@Alynva

Alynva commented Aug 11, 2026

Copy link
Copy Markdown
Member

Hi, thanks for helping! Are you being able to see the transitions? I'm still getting Uncaught (in promise) AbortError: Transition was skipped, or do I still need to set something up?

@martrapp

martrapp commented Aug 12, 2026

Copy link
Copy Markdown
Author

yes, it all worked fine, but I had the advantage to start from a clean slate.
I just did a fresh checkout to re-validate.
Clearing service worker state is not trivial. Maybe you should try with another browser or incognito mode?

Do you know a trick how I can reproduce the errors you see?

@Alynva

Alynva commented Aug 19, 2026

Copy link
Copy Markdown
Member

I'll go back and check it again later today, cleaning the SW (or just using another port)

@Alynva

Alynva commented Aug 19, 2026

Copy link
Copy Markdown
Member

@martrapp I just tested again and the transitions works now...

Gravacao.de.Tela.2026-08-19.191301.mp4

But some Starlight UI elements broke (side bar navigation, bottom "next/prev" article)

@martrapp

Copy link
Copy Markdown
Author

Oh, this looks really broken. It is not just the nav and links, the transitions are pretty broken too. It looks better on my site, see below.

I tried deploying the built repo to Cloudflare, but there are too many files. Is there an easy way to make the site smaller for a demo (under 1,000 files)?

WiredClub.mp4

@Alynva

Alynva commented Aug 21, 2026

Copy link
Copy Markdown
Member

Yeah, those are thumbnails in the .cache folder

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.

2 participants