Initial View Transition Support #7511

matthewp · 2023-06-28T13:13:30Z

This is an experiment in View Transition support in Astro. You can enable the preview release to play around with:

npm install astro@next--view-transitions --save

There are a couple of parts to this to understand:

Animation directives

This PR adds a new directive transition:animate which takes a few values 'morph' | 'slide' | 'fade'.

You use it like so:

<body transition:animate="slide">
...

Important: These are not required to use. You can also specify your own animations in CSS. This is intended to be a suite of built-in styles.

Each element you animation gets a view-transition-name CSS property. Astro will auto-generates these for you based on the position within the DOM. Some times if you are morphing two elements that are located in different places the auto-generation won't work, in which case you can manually specify a transition name:

index.astro

<div class="card" transition:animate="morph" transition:name="card">

post.astro

<div class="hero" transition:animate="morph" transition:name="card">

Enabling View Transitions

The feature needs to be enabled on a per-page basis. If you are using a layout or head component you can enable it cross-site that way.

SPA mode

This works in all Chromium based browsers (Chrome, Edge, Opera, Vivaldi), stable.

---
import { ViewTransitions } from 'astro/components';
---
<html>
  <head>
    <title>My App</title>
    <ViewTransitions />
  </head>
  <body transition:animate="fade">
    ...
  </body>
</html>

MPA mode

This works only in Chrome Canary after enabling a couple of flags.

chrome://flags#view-transition
chrome://flags#view-transition-on-navigation

<html>
  <head>
    <title>My App</title>
    <meta name="view-transition" content="same-origin" />
  </head>
  <body transition:animate="fade">
    ...
  </body>
</html>

Notice that this is the same as SPA mode, but instead of using our ViewTransitions component you add a meta tag instead. This means 0 JS.

Browser support

This PR targets browsers that support view transitions. In the future we would like to provide similar abilities via some sort of fallback implementation. How that works is TBD.

For this release it's relevant to decide what to do about non-supported browsers. We could either:

Do client-side routing but without any animations.
Fallback to regular MPA routing.

Changes

Adds experimental support for View Transitions
The goal is to make View Transitions (something you can already use in Astro) feel deeply integrated with Astro.

Testing

Not done yet. This should be done via playwright tests.

Docs

Not yet.

changeset-bot · 2023-06-28T13:13:35Z

🦋 Changeset detected

Latest commit: ecfadd7

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

github-actions

This PR is blocked because it contains a minor changeset. A reviewer will merge this at the next release if approved.

matthewp · 2023-06-28T15:32:02Z

!preview view-transitions

github-actions · 2023-06-28T15:36:58Z

 > root@0.0.0 release /home/runner/work/astro/astro > pnpm run build && changeset publish "--tag" "next--view-transitions" > root@0.0.0 build /home/runner/work/astro/astro > turbo run build --filter=astro --filter=create-astro --filter="@astrojs/*" --filter="@benchmark/*" �[2m• Packages in scope: @astrojs/alpinejs, @astrojs/cloudflare, @astrojs/deno, @astrojs/image, @astrojs/internal-helpers, @astrojs/lit, @astrojs/markdoc, @astrojs/markdown-component, @astrojs/markdown-remark, @astrojs/mdx, @astrojs/netlify, @astrojs/node, @astrojs/partytown, @astrojs/preact, @astrojs/prefetch, @astrojs/prism, @astrojs/react, @astrojs/rss, @astrojs/sitemap, @astrojs/solid-js, @astrojs/svelte, @astrojs/tailwind, @astrojs/telemetry, @astrojs/turbolinks, @astrojs/underscore-redirects, @astrojs/vercel, @astrojs/vue, @astrojs/webapi, @benchmark/timer, astro, create-astro�[0m �[2m• Running�[0m �[2m�[1mbuild�[0m�[0m �[2min 31 packages�[0m �[2m• Remote caching enabled�[0m �[35m@astrojs/webapi:build: �[0mcache hit, suppressing logs �[2m5022b9b22168006a�[0m �[32mcreate-astro:build: �[0mcache hit, suppressing logs �[2m85e7229e73b93747�[0m �[33m@astrojs/internal-helpers:build: �[0mcache hit, suppressing logs �[2m5a30529ab66446c3�[0m �[34m@astrojs/prism:build: �[0mcache hit, suppressing logs �[2m424b38cc1c7e8039�[0m �[36m@astrojs/telemetry:build: �[0mcache hit, suppressing logs �[2m1bc6b4ad7d3d128f�[0m �[35m@astrojs/markdown-remark:build: �[0mcache hit, suppressing logs �[2m8340413bc418f7d3�[0m �[32mastro:build: �[0mcache miss, executing �[2m8380098694c965ca�[0m �[32mastro:build: �[0m �[32mastro:build: �[0m> astro@0.0.0-view-transitions-20230628153446 build /home/runner/work/astro/astro/packages/astro �[32mastro:build: �[0m> pnpm run prebuild && astro-scripts build "src/**/*.{ts,js}" && tsc && pnpm run postbuild �[32mastro:build: �[0m �[32mastro:build: �[0m �[32mastro:build: �[0m> astro@0.0.0-view-transitions-20230628153446 prebuild /home/runner/work/astro/astro/packages/astro �[32mastro:build: �[0m> astro-scripts prebuild --to-string "src/runtime/server/astro-island.ts" "src/runtime/client/{idle,load,media,only,visible}.ts" �[32mastro:build: �[0m �[32mastro:build: �[0m �[32mastro:build: �[0m> astro@0.0.0-view-transitions-20230628153446 postbuild /home/runner/work/astro/astro/packages/astro �[32mastro:build: �[0m> astro-scripts copy "src/**/*.astro" && astro-scripts copy "src/**/*.wasm" �[32mastro:build: �[0m �[35m@astrojs/rss:build: �[0mcache miss, executing �[2mb3de54781113a343�[0m �[36m@astrojs/vue:build: �[0mcache miss, executing �[2m0c02b97869995e0c�[0m �[32m@astrojs/node:build: �[0mcache miss, executing �[2m58eed881da104886�[0m �[33m@astrojs/prefetch:build: �[0mcache miss, executing �[2mc4792ad7b096e31d�[0m �[34m@astrojs/underscore-redirects:build: �[0mcache miss, executing �[2m15271b94736adf67�[0m �[33m@astrojs/lit:build: �[0mcache miss, executing �[2m110b579288692cb7�[0m �[32m@astrojs/image:build: �[0mcache miss, executing �[2m8396b18d3a648ff9�[0m �[34m@astrojs/tailwind:build: �[0mcache miss, executing �[2m8722171ab3677111�[0m �[36m@astrojs/solid-js:build: �[0mcache miss, executing �[2m323bf002ec33f473�[0m �[35m@astrojs/svelte:build: �[0mcache miss, executing �[2m4668fb9020f7c166�[0m �[35m@astrojs/rss:build: �[0m �[35m@astrojs/rss:build: �[0m> @astrojs/rss@2.4.3 build /home/runner/work/astro/astro/packages/astro-rss �[35m@astrojs/rss:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[35m@astrojs/rss:build: �[0m �[32m@astrojs/image:build: �[0m �[32m@astrojs/image:build: �[0m> @astrojs/image@0.17.1 build /home/runner/work/astro/astro/packages/integrations/image �[32m@astrojs/image:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[32m@astrojs/image:build: �[0m �[36m@astrojs/vue:build: �[0m �[36m@astrojs/vue:build: �[0m> @astrojs/vue@2.2.1 build /home/runner/work/astro/astro/packages/integrations/vue �[36m@astrojs/vue:build: �[0m> astro-scripts build "src/index.ts" && astro-scripts build "src/editor.cts" --force-cjs --no-clean-dist && tsc �[36m@astrojs/vue:build: �[0m �[36m@astrojs/solid-js:build: �[0m �[36m@astrojs/solid-js:build: �[0m> @astrojs/solid-js@2.2.0 build /home/runner/work/astro/astro/packages/integrations/solid �[36m@astrojs/solid-js:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[36m@astrojs/solid-js:build: �[0m �[34m@astrojs/tailwind:build: �[0m �[34m@astrojs/tailwind:build: �[0m> @astrojs/tailwind@4.0.0 build /home/runner/work/astro/astro/packages/integrations/tailwind �[34m@astrojs/tailwind:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[34m@astrojs/tailwind:build: �[0m �[33m@astrojs/prefetch:build: �[0m �[33m@astrojs/prefetch:build: �[0m> @astrojs/prefetch@0.2.3 build /home/runner/work/astro/astro/packages/integrations/prefetch �[33m@astrojs/prefetch:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[33m@astrojs/prefetch:build: �[0m �[34m@astrojs/underscore-redirects:build: �[0m �[34m@astrojs/underscore-redirects:build: �[0m> @astrojs/underscore-redirects@0.1.0 build /home/runner/work/astro/astro/packages/underscore-redirects �[34m@astrojs/underscore-redirects:build: �[0m> astro-scripts build "src/**/*.ts" && tsc -p tsconfig.json �[34m@astrojs/underscore-redirects:build: �[0m �[32m@astrojs/node:build: �[0m �[32m@astrojs/node:build: �[0m> @astrojs/node@5.3.0 build /home/runner/work/astro/astro/packages/integrations/node �[32m@astrojs/node:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[32m@astrojs/node:build: �[0m �[33m@astrojs/lit:build: �[0m �[33m@astrojs/lit:build: �[0m> @astrojs/lit@2.1.0 build /home/runner/work/astro/astro/packages/integrations/lit �[33m@astrojs/lit:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[33m@astrojs/lit:build: �[0m �[35m@astrojs/svelte:build: �[0m �[35m@astrojs/svelte:build: �[0m> @astrojs/svelte@3.1.0 build /home/runner/work/astro/astro/packages/integrations/svelte �[35m@astrojs/svelte:build: �[0m> astro-scripts build "src/index.ts" && astro-scripts build "src/editor.cts" --force-cjs --no-clean-dist && tsc �[35m@astrojs/svelte:build: �[0m �[33m@astrojs/deno:build: �[0mcache miss, executing �[2m72e27d85c77f7f02�[0m �[34m@astrojs/preact:build: �[0mcache miss, executing �[2mc057c2d9b75238ac�[0m �[36m@astrojs/markdoc:build: �[0mcache miss, executing �[2m0298573b2e380688�[0m �[35m@astrojs/vercel:build: �[0mcache miss, executing �[2m1f2e43cd3494a5fd�[0m �[32m@astrojs/mdx:build: �[0mcache miss, executing �[2m1c91d3ee765fb92f�[0m �[33m@astrojs/alpinejs:build: �[0mcache miss, executing �[2m777ca42a6144604d�[0m �[34m@astrojs/react:build: �[0mcache miss, executing �[2m4b3495ea0f766f8e�[0m �[34m@astrojs/preact:build: �[0m �[34m@astrojs/preact:build: �[0m> @astrojs/preact@2.2.1 build /home/runner/work/astro/astro/packages/integrations/preact �[34m@astrojs/preact:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[34m@astrojs/preact:build: �[0m �[33m@astrojs/deno:build: �[0m �[33m@astrojs/deno:build: �[0m> @astrojs/deno@4.2.0 build /home/runner/work/astro/astro/packages/integrations/deno �[33m@astrojs/deno:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[33m@astrojs/deno:build: �[0m �[35m@astrojs/vercel:build: �[0m �[35m@astrojs/vercel:build: �[0m> @astrojs/vercel@3.5.1 build /home/runner/work/astro/astro/packages/integrations/vercel �[35m@astrojs/vercel:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[35m@astrojs/vercel:build: �[0m �[36m@astrojs/markdoc:build: �[0m �[36m@astrojs/markdoc:build: �[0m> @astrojs/markdoc@0.3.3 build /home/runner/work/astro/astro/packages/integrations/markdoc �[36m@astrojs/markdoc:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[36m@astrojs/markdoc:build: �[0m �[36m@astrojs/turbolinks:build: �[0mcache miss, executing �[2m3ec1511b8d68cce1�[0m �[35m@astrojs/partytown:build: �[0mcache miss, executing �[2mc7501d8425bd29d8�[0m �[32m@astrojs/mdx:build: �[0m �[32m@astrojs/mdx:build: �[0m> @astrojs/mdx@0.19.7 build /home/runner/work/astro/astro/packages/integrations/mdx �[32m@astrojs/mdx:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[32m@astrojs/mdx:build: �[0m �[33m@astrojs/alpinejs:build: �[0m �[33m@astrojs/alpinejs:build: �[0m> @astrojs/alpinejs@0.2.2 build /home/runner/work/astro/astro/packages/integrations/alpinejs �[33m@astrojs/alpinejs:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[33m@astrojs/alpinejs:build: �[0m �[34m@astrojs/react:build: �[0m �[34m@astrojs/react:build: �[0m> @astrojs/react@2.2.1 build /home/runner/work/astro/astro/packages/integrations/react �[34m@astrojs/react:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[34m@astrojs/react:build: �[0m �[36m@astrojs/turbolinks:build: �[0m �[36m@astrojs/turbolinks:build: �[0m> @astrojs/turbolinks@0.2.2 build /home/runner/work/astro/astro/packages/integrations/turbolinks �[36m@astrojs/turbolinks:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[36m@astrojs/turbolinks:build: �[0m �[35m@astrojs/partytown:build: �[0m �[35m@astrojs/partytown:build: �[0m> @astrojs/partytown@1.2.3 build /home/runner/work/astro/astro/packages/integrations/partytown �[35m@astrojs/partytown:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[35m@astrojs/partytown:build: �[0m �[32m@benchmark/timer:build: �[0mcache miss, executing �[2m6a8b22994eb6876d�[0m �[33m@astrojs/cloudflare:build: �[0mcache miss, executing �[2m3acbf36e76ecf1dc�[0m �[32m@benchmark/timer:build: �[0m �[32m@benchmark/timer:build: �[0m> @benchmark/timer@0.0.0 build /home/runner/work/astro/astro/benchmark/packages/timer �[32m@benchmark/timer:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[32m@benchmark/timer:build: �[0m �[36m@astrojs/sitemap:build: �[0mcache miss, executing �[2m6142f692200d253f�[0m �[34m@astrojs/netlify:build: �[0mcache miss, executing �[2maf3aaad290a28d52�[0m �[33m@astrojs/cloudflare:build: �[0m �[33m@astrojs/cloudflare:build: �[0m> @astrojs/cloudflare@6.5.1 build /home/runner/work/astro/astro/packages/integrations/cloudflare �[33m@astrojs/cloudflare:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[33m@astrojs/cloudflare:build: �[0m �[34m@astrojs/netlify:build: �[0m �[34m@astrojs/netlify:build: �[0m> @astrojs/netlify@2.3.0 build /home/runner/work/astro/astro/packages/integrations/netlify �[34m@astrojs/netlify:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[34m@astrojs/netlify:build: �[0m �[36m@astrojs/sitemap:build: �[0m �[36m@astrojs/sitemap:build: �[0m> @astrojs/sitemap@1.3.3 build /home/runner/work/astro/astro/packages/integrations/sitemap �[36m@astrojs/sitemap:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[36m@astrojs/sitemap:build: �[0m Tasks: 30 successful, 30 total Cached: 6 cached, 30 total Time: 1m30.495s 🦋 �[33mwarn�[39m �[31m===============================IMPORTANT!===============================�[39m 🦋 �[33mwarn�[39m Packages will be released under the next--view-transitions tag 🦋 �[33mwarn�[39m �[31m----------------------------------------------------------------------�[39m 🦋 �[36minfo�[39m npm info astro 🦋 �[36minfo�[39m npm info @astrojs/prism 🦋 �[36minfo�[39m npm info @astrojs/rss 🦋 �[36minfo�[39m npm info create-astro 🦋 �[36minfo�[39m npm info @astrojs/alpinejs 🦋 �[36minfo�[39m npm info @astrojs/cloudflare 🦋 �[36minfo�[39m npm info @astrojs/deno 🦋 �[36minfo�[39m npm info @astrojs/image 🦋 �[36minfo�[39m npm info @astrojs/lit 🦋 �[36minfo�[39m npm info @astrojs/markdoc 🦋 �[36minfo�[39m npm info @astrojs/mdx 🦋 �[36minfo�[39m npm info @astrojs/netlify 🦋 �[36minfo�[39m npm info @astrojs/node 🦋 �[36minfo�[39m npm info @astrojs/partytown 🦋 �[36minfo�[39m npm info @astrojs/preact 🦋 �[36minfo�[39m npm info @astrojs/prefetch 🦋 �[36minfo�[39m npm info @astrojs/react 🦋 �[36minfo�[39m npm info @astrojs/sitemap 🦋 �[36minfo�[39m npm info @astrojs/solid-js 🦋 �[36minfo�[39m npm info @astrojs/svelte 🦋 �[36minfo�[39m npm info @astrojs/tailwind 🦋 �[36minfo�[39m npm info @astrojs/turbolinks 🦋 �[36minfo�[39m npm info @astrojs/vercel 🦋 �[36minfo�[39m npm info @astrojs/vue 🦋 �[36minfo�[39m npm info @astrojs/internal-helpers 🦋 �[36minfo�[39m npm info @astrojs/markdown-component 🦋 �[36minfo�[39m npm info @astrojs/markdown-remark 🦋 �[36minfo�[39m npm info @astrojs/telemetry 🦋 �[36minfo�[39m npm info @astrojs/underscore-redirects 🦋 �[36minfo�[39m npm info @astrojs/webapi 🦋 �[36minfo�[39m astro is being published because our local version (0.0.0-view-transitions-20230628153446) has not been published on npm 🦋 �[33mwarn�[39m @astrojs/prism is not being published because version 2.1.2 is already published on npm 🦋 �[33mwarn�[39m @astrojs/rss is not being published because version 2.4.3 is already published on npm 🦋 �[33mwarn�[39m create-astro is not being published because version 3.1.8 is already published on npm 🦋 �[33mwarn�[39m @astrojs/alpinejs is not being published because version 0.2.2 is already published on npm 🦋 �[33mwarn�[39m @astrojs/cloudflare is not being published because version 6.5.1 is already published on npm 🦋 �[33mwarn�[39m @astrojs/deno is not being published because version 4.2.0 is already published on npm 🦋 �[33mwarn�[39m @astrojs/image is not being published because version 0.17.1 is already published on npm 🦋 �[33mwarn�[39m @astrojs/lit is not being published because version 2.1.0 is already published on npm 🦋 �[33mwarn�[39m @astrojs/markdoc is not being published because version 0.3.3 is already published on npm 🦋 �[33mwarn�[39m @astrojs/mdx is not being published because version 0.19.7 is already published on npm 🦋 �[33mwarn�[39m @astrojs/netlify is not being published because version 2.3.0 is already published on npm 🦋 �[33mwarn�[39m @astrojs/node is not being published because version 5.3.0 is already published on npm 🦋 �[33mwarn�[39m @astrojs/partytown is not being published because version 1.2.3 is already published on npm 🦋 �[33mwarn�[39m @astrojs/preact is not being published because version 2.2.1 is already published on npm 🦋 �[33mwarn�[39m @astrojs/prefetch is not being published because version 0.2.3 is already published on npm 🦋 �[33mwarn�[39m @astrojs/react is not being published because version 2.2.1 is already published on npm 🦋 �[33mwarn�[39m @astrojs/sitemap is not being published because version 1.3.3 is already published on npm 🦋 �[33mwarn�[39m @astrojs/solid-js is not being published because version 2.2.0 is already published on npm 🦋 �[33mwarn�[39m @astrojs/svelte is not being published because version 3.1.0 is already published on npm 🦋 �[33mwarn�[39m @astrojs/tailwind is not being published because version 4.0.0 is already published on npm 🦋 �[33mwarn�[39m @astrojs/turbolinks is not being published because version 0.2.2 is already published on npm 🦋 �[33mwarn�[39m @astrojs/vercel is not being published because version 3.5.1 is already published on npm 🦋 �[33mwarn�[39m @astrojs/vue is not being published because version 2.2.1 is already published on npm 🦋 �[33mwarn�[39m @astrojs/internal-helpers is not being published because version 0.1.1 is already published on npm 🦋 �[33mwarn�[39m @astrojs/markdown-component is not being published because version 1.0.5 is already published on npm 🦋 �[33mwarn�[39m @astrojs/markdown-remark is not being published because version 2.2.1 is already published on npm 🦋 �[33mwarn�[39m @astrojs/telemetry is not being published because version 2.1.1 is already published on npm 🦋 �[33mwarn�[39m @astrojs/underscore-redirects is not being published because version 0.1.0 is already published on npm 🦋 �[33mwarn�[39m @astrojs/webapi is not being published because version 2.2.0 is already published on npm 🦋 �[36minfo�[39m Publishing �[36m"astro"�[39m at �[32m"0.0.0-view-transitions-20230628153446"�[39m 🦋 �[32msuccess�[39m packages published successfully: 🦋 astro@0.0.0-view-transitions-20230628153446 🦋 Creating git tag... 🦋 New tag: astro@0.0.0-view-transitions-20230628153446

matthewp · 2023-06-28T19:51:02Z

!preview view-transitions

github-actions · 2023-06-28T19:54:38Z

 > root@0.0.0 release /home/runner/work/astro/astro > pnpm run build && changeset publish "--tag" "next--view-transitions" > root@0.0.0 build /home/runner/work/astro/astro > turbo run build --filter=astro --filter=create-astro --filter="@astrojs/*" --filter="@benchmark/*" �[2m• Packages in scope: @astrojs/alpinejs, @astrojs/cloudflare, @astrojs/deno, @astrojs/image, @astrojs/internal-helpers, @astrojs/lit, @astrojs/markdoc, @astrojs/markdown-component, @astrojs/markdown-remark, @astrojs/mdx, @astrojs/netlify, @astrojs/node, @astrojs/partytown, @astrojs/preact, @astrojs/prefetch, @astrojs/prism, @astrojs/react, @astrojs/rss, @astrojs/sitemap, @astrojs/solid-js, @astrojs/svelte, @astrojs/tailwind, @astrojs/telemetry, @astrojs/turbolinks, @astrojs/underscore-redirects, @astrojs/vercel, @astrojs/vue, @astrojs/webapi, @benchmark/timer, astro, create-astro�[0m �[2m• Running�[0m �[2m�[1mbuild�[0m�[0m �[2min 31 packages�[0m �[2m• Remote caching enabled�[0m �[35m@astrojs/webapi:build: �[0mcache hit, suppressing logs �[2m5022b9b22168006a�[0m �[33m@astrojs/prism:build: �[0mcache hit, suppressing logs �[2m424b38cc1c7e8039�[0m �[35mcreate-astro:build: �[0mcache hit, suppressing logs �[2m85e7229e73b93747�[0m �[32m@astrojs/telemetry:build: �[0mcache hit, suppressing logs �[2m1bc6b4ad7d3d128f�[0m �[36m@astrojs/internal-helpers:build: �[0mcache hit, suppressing logs �[2m5a30529ab66446c3�[0m �[34m@astrojs/markdown-remark:build: �[0mcache hit, suppressing logs �[2m8340413bc418f7d3�[0m �[32mastro:build: �[0mcache miss, executing �[2m0946bd7d8e94c54f�[0m �[32mastro:build: �[0m �[32mastro:build: �[0m> astro@0.0.0-view-transitions-20230628195252 build /home/runner/work/astro/astro/packages/astro �[32mastro:build: �[0m> pnpm run prebuild && astro-scripts build "src/**/*.{ts,js}" && tsc && pnpm run postbuild �[32mastro:build: �[0m �[32mastro:build: �[0m �[32mastro:build: �[0m> astro@0.0.0-view-transitions-20230628195252 prebuild /home/runner/work/astro/astro/packages/astro �[32mastro:build: �[0m> astro-scripts prebuild --to-string "src/runtime/server/astro-island.ts" "src/runtime/client/{idle,load,media,only,visible}.ts" �[32mastro:build: �[0m �[32mastro:build: �[0m �[32mastro:build: �[0m> astro@0.0.0-view-transitions-20230628195252 postbuild /home/runner/work/astro/astro/packages/astro �[32mastro:build: �[0m> astro-scripts copy "src/**/*.astro" && astro-scripts copy "src/**/*.wasm" �[32mastro:build: �[0m �[34m@astrojs/partytown:build: �[0mcache miss, executing �[2m501aae2ad399ce51�[0m �[32m@astrojs/node:build: �[0mcache miss, executing �[2m5b2f3a0310755738�[0m �[33m@astrojs/svelte:build: �[0mcache miss, executing �[2me4b7215821020ca1�[0m �[36m@astrojs/lit:build: �[0mcache miss, executing �[2m54af94e42c7bd313�[0m �[35m@astrojs/markdoc:build: �[0mcache miss, executing �[2mcf9563d3bff9dd91�[0m �[33m@astrojs/vue:build: �[0mcache miss, executing �[2m636c6f732846dc4a�[0m �[34m@astrojs/mdx:build: �[0mcache miss, executing �[2m3387a9feca4a1135�[0m �[32m@astrojs/deno:build: �[0mcache miss, executing �[2mfce947ea1116ac3d�[0m �[35m@benchmark/timer:build: �[0mcache miss, executing �[2md72a103c46b07d07�[0m �[36m@astrojs/preact:build: �[0mcache miss, executing �[2m814d150e2574536c�[0m �[34m@astrojs/partytown:build: �[0m �[34m@astrojs/partytown:build: �[0m> @astrojs/partytown@1.2.3 build /home/runner/work/astro/astro/packages/integrations/partytown �[34m@astrojs/partytown:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[34m@astrojs/partytown:build: �[0m �[32m@astrojs/node:build: �[0m �[32m@astrojs/node:build: �[0m> @astrojs/node@5.3.0 build /home/runner/work/astro/astro/packages/integrations/node �[32m@astrojs/node:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[32m@astrojs/node:build: �[0m �[36m@astrojs/lit:build: �[0m �[36m@astrojs/lit:build: �[0m> @astrojs/lit@2.1.0 build /home/runner/work/astro/astro/packages/integrations/lit �[36m@astrojs/lit:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[36m@astrojs/lit:build: �[0m �[33m@astrojs/svelte:build: �[0m �[33m@astrojs/svelte:build: �[0m> @astrojs/svelte@3.1.0 build /home/runner/work/astro/astro/packages/integrations/svelte �[33m@astrojs/svelte:build: �[0m> astro-scripts build "src/index.ts" && astro-scripts build "src/editor.cts" --force-cjs --no-clean-dist && tsc �[33m@astrojs/svelte:build: �[0m �[32m@astrojs/deno:build: �[0m �[32m@astrojs/deno:build: �[0m> @astrojs/deno@4.2.0 build /home/runner/work/astro/astro/packages/integrations/deno �[32m@astrojs/deno:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[32m@astrojs/deno:build: �[0m �[35m@astrojs/markdoc:build: �[0m �[35m@astrojs/markdoc:build: �[0m> @astrojs/markdoc@0.3.3 build /home/runner/work/astro/astro/packages/integrations/markdoc �[35m@astrojs/markdoc:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[35m@astrojs/markdoc:build: �[0m �[33m@astrojs/vue:build: �[0m �[33m@astrojs/vue:build: �[0m> @astrojs/vue@2.2.1 build /home/runner/work/astro/astro/packages/integrations/vue �[33m@astrojs/vue:build: �[0m> astro-scripts build "src/index.ts" && astro-scripts build "src/editor.cts" --force-cjs --no-clean-dist && tsc �[33m@astrojs/vue:build: �[0m �[36m@astrojs/preact:build: �[0m �[36m@astrojs/preact:build: �[0m> @astrojs/preact@2.2.1 build /home/runner/work/astro/astro/packages/integrations/preact �[36m@astrojs/preact:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[36m@astrojs/preact:build: �[0m �[34m@astrojs/mdx:build: �[0m �[34m@astrojs/mdx:build: �[0m> @astrojs/mdx@0.19.7 build /home/runner/work/astro/astro/packages/integrations/mdx �[34m@astrojs/mdx:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[34m@astrojs/mdx:build: �[0m �[35m@benchmark/timer:build: �[0m �[35m@benchmark/timer:build: �[0m> @benchmark/timer@0.0.0 build /home/runner/work/astro/astro/benchmark/packages/timer �[35m@benchmark/timer:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[35m@benchmark/timer:build: �[0m �[33m@astrojs/solid-js:build: �[0mcache miss, executing �[2m11dc2c5ca9add0c3�[0m �[34m@astrojs/vercel:build: �[0mcache miss, executing �[2ma66a04823ed1b02c�[0m �[36m@astrojs/alpinejs:build: �[0mcache miss, executing �[2mc3cf31fb8bbed205�[0m �[35m@astrojs/rss:build: �[0mcache miss, executing �[2m15b0b845d73a3f3c�[0m �[32m@astrojs/turbolinks:build: �[0mcache miss, executing �[2m71827196cfc01bbe�[0m �[33m@astrojs/underscore-redirects:build: �[0mcache miss, executing �[2mc97b114453b6c464�[0m �[34m@astrojs/tailwind:build: �[0mcache miss, executing �[2m659df5eb9f36a8c1�[0m �[36m@astrojs/react:build: �[0mcache miss, executing �[2md1402d2a5a73de55�[0m �[35m@astrojs/prefetch:build: �[0mcache miss, executing �[2mdfc47d09daa16b53�[0m �[32m@astrojs/image:build: �[0mcache miss, executing �[2mc1c0a5015d610bde�[0m �[33m@astrojs/solid-js:build: �[0m �[33m@astrojs/solid-js:build: �[0m> @astrojs/solid-js@2.2.0 build /home/runner/work/astro/astro/packages/integrations/solid �[33m@astrojs/solid-js:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[33m@astrojs/solid-js:build: �[0m �[34m@astrojs/vercel:build: �[0m �[34m@astrojs/vercel:build: �[0m> @astrojs/vercel@3.5.1 build /home/runner/work/astro/astro/packages/integrations/vercel �[34m@astrojs/vercel:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[34m@astrojs/vercel:build: �[0m �[36m@astrojs/alpinejs:build: �[0m �[36m@astrojs/alpinejs:build: �[0m> @astrojs/alpinejs@0.2.2 build /home/runner/work/astro/astro/packages/integrations/alpinejs �[36m@astrojs/alpinejs:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[36m@astrojs/alpinejs:build: �[0m �[35m@astrojs/rss:build: �[0m �[35m@astrojs/rss:build: �[0m> @astrojs/rss@2.4.3 build /home/runner/work/astro/astro/packages/astro-rss �[35m@astrojs/rss:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[35m@astrojs/rss:build: �[0m �[32m@astrojs/turbolinks:build: �[0m �[32m@astrojs/turbolinks:build: �[0m> @astrojs/turbolinks@0.2.2 build /home/runner/work/astro/astro/packages/integrations/turbolinks �[32m@astrojs/turbolinks:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[32m@astrojs/turbolinks:build: �[0m �[33m@astrojs/underscore-redirects:build: �[0m �[33m@astrojs/underscore-redirects:build: �[0m> @astrojs/underscore-redirects@0.1.0 build /home/runner/work/astro/astro/packages/underscore-redirects �[33m@astrojs/underscore-redirects:build: �[0m> astro-scripts build "src/**/*.ts" && tsc -p tsconfig.json �[33m@astrojs/underscore-redirects:build: �[0m �[34m@astrojs/tailwind:build: �[0m �[34m@astrojs/tailwind:build: �[0m> @astrojs/tailwind@4.0.0 build /home/runner/work/astro/astro/packages/integrations/tailwind �[34m@astrojs/tailwind:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[34m@astrojs/tailwind:build: �[0m �[36m@astrojs/react:build: �[0m �[36m@astrojs/react:build: �[0m> @astrojs/react@2.2.1 build /home/runner/work/astro/astro/packages/integrations/react �[36m@astrojs/react:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[36m@astrojs/react:build: �[0m �[35m@astrojs/prefetch:build: �[0m �[35m@astrojs/prefetch:build: �[0m> @astrojs/prefetch@0.2.3 build /home/runner/work/astro/astro/packages/integrations/prefetch �[35m@astrojs/prefetch:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[35m@astrojs/prefetch:build: �[0m �[32m@astrojs/image:build: �[0m �[32m@astrojs/image:build: �[0m> @astrojs/image@0.17.1 build /home/runner/work/astro/astro/packages/integrations/image �[32m@astrojs/image:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[32m@astrojs/image:build: �[0m �[33m@astrojs/sitemap:build: �[0mcache miss, executing �[2m762e75d8331c456a�[0m �[33m@astrojs/sitemap:build: �[0m �[33m@astrojs/sitemap:build: �[0m> @astrojs/sitemap@1.3.3 build /home/runner/work/astro/astro/packages/integrations/sitemap �[33m@astrojs/sitemap:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[33m@astrojs/sitemap:build: �[0m �[36m@astrojs/netlify:build: �[0mcache miss, executing �[2m64ad1a766f3cb20a�[0m �[34m@astrojs/cloudflare:build: �[0mcache miss, executing �[2m9117a4bfa7f282e4�[0m �[36m@astrojs/netlify:build: �[0m �[36m@astrojs/netlify:build: �[0m> @astrojs/netlify@2.3.0 build /home/runner/work/astro/astro/packages/integrations/netlify �[36m@astrojs/netlify:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[36m@astrojs/netlify:build: �[0m �[34m@astrojs/cloudflare:build: �[0m �[34m@astrojs/cloudflare:build: �[0m> @astrojs/cloudflare@6.5.1 build /home/runner/work/astro/astro/packages/integrations/cloudflare �[34m@astrojs/cloudflare:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[34m@astrojs/cloudflare:build: �[0m Tasks: 30 successful, 30 total Cached: 6 cached, 30 total Time: 1m12.706s 🦋 �[33mwarn�[39m �[31m===============================IMPORTANT!===============================�[39m 🦋 �[33mwarn�[39m Packages will be released under the next--view-transitions tag 🦋 �[33mwarn�[39m �[31m----------------------------------------------------------------------�[39m 🦋 �[36minfo�[39m npm info astro 🦋 �[36minfo�[39m npm info @astrojs/prism 🦋 �[36minfo�[39m npm info @astrojs/rss 🦋 �[36minfo�[39m npm info create-astro 🦋 �[36minfo�[39m npm info @astrojs/alpinejs 🦋 �[36minfo�[39m npm info @astrojs/cloudflare 🦋 �[36minfo�[39m npm info @astrojs/deno 🦋 �[36minfo�[39m npm info @astrojs/image 🦋 �[36minfo�[39m npm info @astrojs/lit 🦋 �[36minfo�[39m npm info @astrojs/markdoc 🦋 �[36minfo�[39m npm info @astrojs/mdx 🦋 �[36minfo�[39m npm info @astrojs/netlify 🦋 �[36minfo�[39m npm info @astrojs/node 🦋 �[36minfo�[39m npm info @astrojs/partytown 🦋 �[36minfo�[39m npm info @astrojs/preact 🦋 �[36minfo�[39m npm info @astrojs/prefetch 🦋 �[36minfo�[39m npm info @astrojs/react 🦋 �[36minfo�[39m npm info @astrojs/sitemap 🦋 �[36minfo�[39m npm info @astrojs/solid-js 🦋 �[36minfo�[39m npm info @astrojs/svelte 🦋 �[36minfo�[39m npm info @astrojs/tailwind 🦋 �[36minfo�[39m npm info @astrojs/turbolinks 🦋 �[36minfo�[39m npm info @astrojs/vercel 🦋 �[36minfo�[39m npm info @astrojs/vue 🦋 �[36minfo�[39m npm info @astrojs/internal-helpers 🦋 �[36minfo�[39m npm info @astrojs/markdown-component 🦋 �[36minfo�[39m npm info @astrojs/markdown-remark 🦋 �[36minfo�[39m npm info @astrojs/telemetry 🦋 �[36minfo�[39m npm info @astrojs/underscore-redirects 🦋 �[36minfo�[39m npm info @astrojs/webapi 🦋 �[36minfo�[39m astro is being published because our local version (0.0.0-view-transitions-20230628195252) has not been published on npm 🦋 �[33mwarn�[39m @astrojs/prism is not being published because version 2.1.2 is already published on npm 🦋 �[33mwarn�[39m @astrojs/rss is not being published because version 2.4.3 is already published on npm 🦋 �[33mwarn�[39m create-astro is not being published because version 3.1.8 is already published on npm 🦋 �[33mwarn�[39m @astrojs/alpinejs is not being published because version 0.2.2 is already published on npm 🦋 �[33mwarn�[39m @astrojs/cloudflare is not being published because version 6.5.1 is already published on npm 🦋 �[33mwarn�[39m @astrojs/deno is not being published because version 4.2.0 is already published on npm 🦋 �[33mwarn�[39m @astrojs/image is not being published because version 0.17.1 is already published on npm 🦋 �[33mwarn�[39m @astrojs/lit is not being published because version 2.1.0 is already published on npm 🦋 �[33mwarn�[39m @astrojs/markdoc is not being published because version 0.3.3 is already published on npm 🦋 �[33mwarn�[39m @astrojs/mdx is not being published because version 0.19.7 is already published on npm 🦋 �[33mwarn�[39m @astrojs/netlify is not being published because version 2.3.0 is already published on npm 🦋 �[33mwarn�[39m @astrojs/node is not being published because version 5.3.0 is already published on npm 🦋 �[33mwarn�[39m @astrojs/partytown is not being published because version 1.2.3 is already published on npm 🦋 �[33mwarn�[39m @astrojs/preact is not being published because version 2.2.1 is already published on npm 🦋 �[33mwarn�[39m @astrojs/prefetch is not being published because version 0.2.3 is already published on npm 🦋 �[33mwarn�[39m @astrojs/react is not being published because version 2.2.1 is already published on npm 🦋 �[33mwarn�[39m @astrojs/sitemap is not being published because version 1.3.3 is already published on npm 🦋 �[33mwarn�[39m @astrojs/solid-js is not being published because version 2.2.0 is already published on npm 🦋 �[33mwarn�[39m @astrojs/svelte is not being published because version 3.1.0 is already published on npm 🦋 �[33mwarn�[39m @astrojs/tailwind is not being published because version 4.0.0 is already published on npm 🦋 �[33mwarn�[39m @astrojs/turbolinks is not being published because version 0.2.2 is already published on npm 🦋 �[33mwarn�[39m @astrojs/vercel is not being published because version 3.5.1 is already published on npm 🦋 �[33mwarn�[39m @astrojs/vue is not being published because version 2.2.1 is already published on npm 🦋 �[33mwarn�[39m @astrojs/internal-helpers is not being published because version 0.1.1 is already published on npm 🦋 �[33mwarn�[39m @astrojs/markdown-component is not being published because version 1.0.5 is already published on npm 🦋 �[33mwarn�[39m @astrojs/markdown-remark is not being published because version 2.2.1 is already published on npm 🦋 �[33mwarn�[39m @astrojs/telemetry is not being published because version 2.1.1 is already published on npm 🦋 �[33mwarn�[39m @astrojs/underscore-redirects is not being published because version 0.1.0 is already published on npm 🦋 �[33mwarn�[39m @astrojs/webapi is not being published because version 2.2.0 is already published on npm 🦋 �[36minfo�[39m Publishing �[36m"astro"�[39m at �[32m"0.0.0-view-transitions-20230628195252"�[39m 🦋 �[32msuccess�[39m packages published successfully: 🦋 astro@0.0.0-view-transitions-20230628195252 🦋 Creating git tag... 🦋 New tag: astro@0.0.0-view-transitions-20230628195252

matthewp · 2023-06-30T13:23:29Z

!preview view-transitions

github-actions · 2023-06-30T13:28:10Z

 > root@0.0.0 release /home/runner/work/astro/astro > pnpm run build && changeset publish "--tag" "next--view-transitions" > root@0.0.0 build /home/runner/work/astro/astro > turbo run build --filter=astro --filter=create-astro --filter="@astrojs/*" --filter="@benchmark/*" �[2m• Packages in scope: @astrojs/alpinejs, @astrojs/cloudflare, @astrojs/deno, @astrojs/image, @astrojs/internal-helpers, @astrojs/lit, @astrojs/markdoc, @astrojs/markdown-component, @astrojs/markdown-remark, @astrojs/mdx, @astrojs/netlify, @astrojs/node, @astrojs/partytown, @astrojs/preact, @astrojs/prefetch, @astrojs/prism, @astrojs/react, @astrojs/rss, @astrojs/sitemap, @astrojs/solid-js, @astrojs/svelte, @astrojs/tailwind, @astrojs/telemetry, @astrojs/turbolinks, @astrojs/underscore-redirects, @astrojs/vercel, @astrojs/vue, @astrojs/webapi, @benchmark/timer, astro, create-astro�[0m �[2m• Running�[0m �[2m�[1mbuild�[0m�[0m �[2min 31 packages�[0m �[2m• Remote caching enabled�[0m �[35m@astrojs/webapi:build: �[0mcache hit, suppressing logs �[2m5022b9b22168006a�[0m �[33m@astrojs/internal-helpers:build: �[0mcache hit, suppressing logs �[2m5a30529ab66446c3�[0m �[36mcreate-astro:build: �[0mcache hit, suppressing logs �[2m85e7229e73b93747�[0m �[32m@astrojs/prism:build: �[0mcache hit, suppressing logs �[2m424b38cc1c7e8039�[0m �[34m@astrojs/telemetry:build: �[0mcache hit, suppressing logs �[2m1bc6b4ad7d3d128f�[0m �[35m@astrojs/markdown-remark:build: �[0mcache hit, suppressing logs �[2m8340413bc418f7d3�[0m �[32mastro:build: �[0mcache miss, executing �[2m5103ef2b9e40d9ee�[0m �[32mastro:build: �[0m �[32mastro:build: �[0m> astro@0.0.0-view-transitions-20230630132601 build /home/runner/work/astro/astro/packages/astro �[32mastro:build: �[0m> pnpm run prebuild && astro-scripts build "src/**/*.{ts,js}" && tsc && pnpm run postbuild �[32mastro:build: �[0m �[32mastro:build: �[0m �[32mastro:build: �[0m> astro@0.0.0-view-transitions-20230630132601 prebuild /home/runner/work/astro/astro/packages/astro �[32mastro:build: �[0m> astro-scripts prebuild --to-string "src/runtime/server/astro-island.ts" "src/runtime/client/{idle,load,media,only,visible}.ts" �[32mastro:build: �[0m �[32mastro:build: �[0m �[32mastro:build: �[0m> astro@0.0.0-view-transitions-20230630132601 postbuild /home/runner/work/astro/astro/packages/astro �[32mastro:build: �[0m> astro-scripts copy "src/**/*.astro" && astro-scripts copy "src/**/*.wasm" �[32mastro:build: �[0m �[35m@astrojs/partytown:build: �[0mcache miss, executing �[2mdd0cd11b3e055e20�[0m �[34m@astrojs/image:build: �[0mcache miss, executing �[2m5b0c485999119212�[0m �[36m@astrojs/react:build: �[0mcache miss, executing �[2ma2f7252934bf8d07�[0m �[35m@astrojs/underscore-redirects:build: �[0mcache miss, executing �[2m8800d0850058d6d3�[0m �[32m@astrojs/lit:build: �[0mcache miss, executing �[2m5c49d59a5e4b7eff�[0m �[32m@astrojs/mdx:build: �[0mcache miss, executing �[2m5ee6fb6db6ede995�[0m �[34m@astrojs/solid-js:build: �[0mcache miss, executing �[2m34262f10860794fd�[0m �[36m@astrojs/preact:build: �[0mcache miss, executing �[2m330475c548f627ed�[0m �[33m@astrojs/turbolinks:build: �[0mcache miss, executing �[2mb2a6003c84b32344�[0m �[33m@astrojs/rss:build: �[0mcache miss, executing �[2m3e1115e53e983657�[0m �[35m@astrojs/partytown:build: �[0m �[35m@astrojs/partytown:build: �[0m> @astrojs/partytown@1.2.3 build /home/runner/work/astro/astro/packages/integrations/partytown �[35m@astrojs/partytown:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[35m@astrojs/partytown:build: �[0m �[34m@astrojs/image:build: �[0m �[34m@astrojs/image:build: �[0m> @astrojs/image@0.17.1 build /home/runner/work/astro/astro/packages/integrations/image �[34m@astrojs/image:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[34m@astrojs/image:build: �[0m �[36m@astrojs/react:build: �[0m �[36m@astrojs/react:build: �[0m> @astrojs/react@2.2.1 build /home/runner/work/astro/astro/packages/integrations/react �[36m@astrojs/react:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[36m@astrojs/react:build: �[0m �[34m@astrojs/solid-js:build: �[0m �[34m@astrojs/solid-js:build: �[0m> @astrojs/solid-js@2.2.0 build /home/runner/work/astro/astro/packages/integrations/solid �[34m@astrojs/solid-js:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[34m@astrojs/solid-js:build: �[0m �[33m@astrojs/rss:build: �[0m �[33m@astrojs/rss:build: �[0m> @astrojs/rss@2.4.3 build /home/runner/work/astro/astro/packages/astro-rss �[33m@astrojs/rss:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[33m@astrojs/rss:build: �[0m �[32m@astrojs/mdx:build: �[0m �[32m@astrojs/mdx:build: �[0m> @astrojs/mdx@0.19.7 build /home/runner/work/astro/astro/packages/integrations/mdx �[32m@astrojs/mdx:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[32m@astrojs/mdx:build: �[0m �[32m@astrojs/lit:build: �[0m �[32m@astrojs/lit:build: �[0m> @astrojs/lit@2.1.0 build /home/runner/work/astro/astro/packages/integrations/lit �[32m@astrojs/lit:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[32m@astrojs/lit:build: �[0m �[35m@astrojs/underscore-redirects:build: �[0m �[35m@astrojs/underscore-redirects:build: �[0m> @astrojs/underscore-redirects@0.1.0 build /home/runner/work/astro/astro/packages/underscore-redirects �[35m@astrojs/underscore-redirects:build: �[0m> astro-scripts build "src/**/*.ts" && tsc -p tsconfig.json �[35m@astrojs/underscore-redirects:build: �[0m �[36m@astrojs/preact:build: �[0m �[36m@astrojs/preact:build: �[0m> @astrojs/preact@2.2.1 build /home/runner/work/astro/astro/packages/integrations/preact �[36m@astrojs/preact:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[36m@astrojs/preact:build: �[0m �[33m@astrojs/turbolinks:build: �[0m �[33m@astrojs/turbolinks:build: �[0m> @astrojs/turbolinks@0.2.2 build /home/runner/work/astro/astro/packages/integrations/turbolinks �[33m@astrojs/turbolinks:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[33m@astrojs/turbolinks:build: �[0m �[33m@astrojs/markdoc:build: �[0mcache miss, executing �[2m967bfe3cbce41fc2�[0m �[34m@astrojs/vue:build: �[0mcache miss, executing �[2m51ba67c61d3d4529�[0m �[36m@astrojs/deno:build: �[0mcache miss, executing �[2mfbb99bd5a19de2ef�[0m �[35m@astrojs/svelte:build: �[0mcache miss, executing �[2mf0e3d562bf5a1da3�[0m �[32m@astrojs/tailwind:build: �[0mcache miss, executing �[2md962786e87e88a4a�[0m �[33m@astrojs/node:build: �[0mcache miss, executing �[2m9112a3010d62199f�[0m �[34m@benchmark/timer:build: �[0mcache miss, executing �[2m3e3f6ab73263cf6a�[0m �[33m@astrojs/markdoc:build: �[0m �[33m@astrojs/markdoc:build: �[0m> @astrojs/markdoc@0.4.0 build /home/runner/work/astro/astro/packages/integrations/markdoc �[33m@astrojs/markdoc:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[33m@astrojs/markdoc:build: �[0m �[36m@astrojs/alpinejs:build: �[0mcache miss, executing �[2mb7e1ca4b1a72de77�[0m �[32m@astrojs/tailwind:build: �[0m �[32m@astrojs/tailwind:build: �[0m> @astrojs/tailwind@4.0.0 build /home/runner/work/astro/astro/packages/integrations/tailwind �[32m@astrojs/tailwind:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[32m@astrojs/tailwind:build: �[0m �[34m@astrojs/vue:build: �[0m �[34m@astrojs/vue:build: �[0m> @astrojs/vue@2.2.1 build /home/runner/work/astro/astro/packages/integrations/vue �[34m@astrojs/vue:build: �[0m> astro-scripts build "src/index.ts" && astro-scripts build "src/editor.cts" --force-cjs --no-clean-dist && tsc �[34m@astrojs/vue:build: �[0m �[36m@astrojs/deno:build: �[0m �[36m@astrojs/deno:build: �[0m> @astrojs/deno@4.2.0 build /home/runner/work/astro/astro/packages/integrations/deno �[36m@astrojs/deno:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[36m@astrojs/deno:build: �[0m �[35m@astrojs/svelte:build: �[0m �[35m@astrojs/svelte:build: �[0m> @astrojs/svelte@3.1.0 build /home/runner/work/astro/astro/packages/integrations/svelte �[35m@astrojs/svelte:build: �[0m> astro-scripts build "src/index.ts" && astro-scripts build "src/editor.cts" --force-cjs --no-clean-dist && tsc �[35m@astrojs/svelte:build: �[0m �[33m@astrojs/node:build: �[0m �[33m@astrojs/node:build: �[0m> @astrojs/node@5.3.0 build /home/runner/work/astro/astro/packages/integrations/node �[33m@astrojs/node:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[33m@astrojs/node:build: �[0m �[35m@astrojs/vercel:build: �[0mcache miss, executing �[2m3cbe9d28b97d6c3b�[0m �[34m@benchmark/timer:build: �[0m �[34m@benchmark/timer:build: �[0m> @benchmark/timer@0.0.0 build /home/runner/work/astro/astro/benchmark/packages/timer �[34m@benchmark/timer:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[34m@benchmark/timer:build: �[0m �[36m@astrojs/alpinejs:build: �[0m �[36m@astrojs/alpinejs:build: �[0m> @astrojs/alpinejs@0.2.2 build /home/runner/work/astro/astro/packages/integrations/alpinejs �[36m@astrojs/alpinejs:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[36m@astrojs/alpinejs:build: �[0m �[35m@astrojs/vercel:build: �[0m �[35m@astrojs/vercel:build: �[0m> @astrojs/vercel@0.0.0-view-transitions-20230630132601 build /home/runner/work/astro/astro/packages/integrations/vercel �[35m@astrojs/vercel:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[35m@astrojs/vercel:build: �[0m �[32m@astrojs/prefetch:build: �[0mcache miss, executing �[2m71323639805a242a�[0m �[33m@astrojs/netlify:build: �[0mcache miss, executing �[2mc4dddd408bb384f6�[0m �[32m@astrojs/prefetch:build: �[0m �[32m@astrojs/prefetch:build: �[0m> @astrojs/prefetch@0.2.3 build /home/runner/work/astro/astro/packages/integrations/prefetch �[32m@astrojs/prefetch:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[32m@astrojs/prefetch:build: �[0m �[34m@astrojs/cloudflare:build: �[0mcache miss, executing �[2ma8dff598f4555c80�[0m �[33m@astrojs/netlify:build: �[0m �[33m@astrojs/netlify:build: �[0m> @astrojs/netlify@2.3.0 build /home/runner/work/astro/astro/packages/integrations/netlify �[33m@astrojs/netlify:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[33m@astrojs/netlify:build: �[0m �[34m@astrojs/cloudflare:build: �[0m �[34m@astrojs/cloudflare:build: �[0m> @astrojs/cloudflare@6.5.1 build /home/runner/work/astro/astro/packages/integrations/cloudflare �[34m@astrojs/cloudflare:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[34m@astrojs/cloudflare:build: �[0m �[36m@astrojs/sitemap:build: �[0mcache miss, executing �[2madace3e6ebf90f81�[0m �[36m@astrojs/sitemap:build: �[0m �[36m@astrojs/sitemap:build: �[0m> @astrojs/sitemap@1.3.3 build /home/runner/work/astro/astro/packages/integrations/sitemap �[36m@astrojs/sitemap:build: �[0m> astro-scripts build "src/**/*.ts" && tsc �[36m@astrojs/sitemap:build: �[0m Tasks: 30 successful, 30 total Cached: 6 cached, 30 total Time: 1m26.538s 🦋 �[33mwarn�[39m �[31m===============================IMPORTANT!===============================�[39m 🦋 �[33mwarn�[39m Packages will be released under the next--view-transitions tag 🦋 �[33mwarn�[39m �[31m----------------------------------------------------------------------�[39m 🦋 �[36minfo�[39m npm info astro 🦋 �[36minfo�[39m npm info @astrojs/prism 🦋 �[36minfo�[39m npm info @astrojs/rss 🦋 �[36minfo�[39m npm info create-astro 🦋 �[36minfo�[39m npm info @astrojs/alpinejs 🦋 �[36minfo�[39m npm info @astrojs/cloudflare 🦋 �[36minfo�[39m npm info @astrojs/deno 🦋 �[36minfo�[39m npm info @astrojs/image 🦋 �[36minfo�[39m npm info @astrojs/lit 🦋 �[36minfo�[39m npm info @astrojs/markdoc 🦋 �[36minfo�[39m npm info @astrojs/mdx 🦋 �[36minfo�[39m npm info @astrojs/netlify 🦋 �[36minfo�[39m npm info @astrojs/node 🦋 �[36minfo�[39m npm info @astrojs/partytown 🦋 �[36minfo�[39m npm info @astrojs/preact 🦋 �[36minfo�[39m npm info @astrojs/prefetch 🦋 �[36minfo�[39m npm info @astrojs/react 🦋 �[36minfo�[39m npm info @astrojs/sitemap 🦋 �[36minfo�[39m npm info @astrojs/solid-js 🦋 �[36minfo�[39m npm info @astrojs/svelte 🦋 �[36minfo�[39m npm info @astrojs/tailwind 🦋 �[36minfo�[39m npm info @astrojs/turbolinks 🦋 �[36minfo�[39m npm info @astrojs/vercel 🦋 �[36minfo�[39m npm info @astrojs/vue 🦋 �[36minfo�[39m npm info @astrojs/internal-helpers 🦋 �[36minfo�[39m npm info @astrojs/markdown-component 🦋 �[36minfo�[39m npm info @astrojs/markdown-remark 🦋 �[36minfo�[39m npm info @astrojs/telemetry 🦋 �[36minfo�[39m npm info @astrojs/underscore-redirects 🦋 �[36minfo�[39m npm info @astrojs/webapi 🦋 �[36minfo�[39m astro is being published because our local version (0.0.0-view-transitions-20230630132601) has not been published on npm 🦋 �[33mwarn�[39m @astrojs/prism is not being published because version 2.1.2 is already published on npm 🦋 �[33mwarn�[39m @astrojs/rss is not being published because version 2.4.3 is already published on npm 🦋 �[33mwarn�[39m create-astro is not being published because version 3.1.8 is already published on npm 🦋 �[33mwarn�[39m @astrojs/alpinejs is not being published because version 0.2.2 is already published on npm 🦋 �[33mwarn�[39m @astrojs/cloudflare is not being published because version 6.5.1 is already published on npm 🦋 �[33mwarn�[39m @astrojs/deno is not being published because version 4.2.0 is already published on npm 🦋 �[33mwarn�[39m @astrojs/image is not being published because version 0.17.1 is already published on npm 🦋 �[33mwarn�[39m @astrojs/lit is not being published because version 2.1.0 is already published on npm 🦋 �[33mwarn�[39m @astrojs/markdoc is not being published because version 0.4.0 is already published on npm 🦋 �[33mwarn�[39m @astrojs/mdx is not being published because version 0.19.7 is already published on npm 🦋 �[33mwarn�[39m @astrojs/netlify is not being published because version 2.3.0 is already published on npm 🦋 �[33mwarn�[39m @astrojs/node is not being published because version 5.3.0 is already published on npm 🦋 �[33mwarn�[39m @astrojs/partytown is not being published because version 1.2.3 is already published on npm 🦋 �[33mwarn�[39m @astrojs/preact is not being published because version 2.2.1 is already published on npm 🦋 �[33mwarn�[39m @astrojs/prefetch is not being published because version 0.2.3 is already published on npm 🦋 �[33mwarn�[39m @astrojs/react is not being published because version 2.2.1 is already published on npm 🦋 �[33mwarn�[39m @astrojs/sitemap is not being published because version 1.3.3 is already published on npm 🦋 �[33mwarn�[39m @astrojs/solid-js is not being published because version 2.2.0 is already published on npm 🦋 �[33mwarn�[39m @astrojs/svelte is not being published because version 3.1.0 is already published on npm 🦋 �[33mwarn�[39m @astrojs/tailwind is not being published because version 4.0.0 is already published on npm 🦋 �[33mwarn�[39m @astrojs/turbolinks is not being published because version 0.2.2 is already published on npm 🦋 �[36minfo�[39m @astrojs/vercel is being published because our local version (0.0.0-view-transitions-20230630132601) has not been published on npm 🦋 �[33mwarn�[39m @astrojs/vue is not being published because version 2.2.1 is already published on npm 🦋 �[33mwarn�[39m @astrojs/internal-helpers is not being published because version 0.1.1 is already published on npm 🦋 �[33mwarn�[39m @astrojs/markdown-component is not being published because version 1.0.5 is already published on npm 🦋 �[33mwarn�[39m @astrojs/markdown-remark is not being published because version 2.2.1 is already published on npm 🦋 �[33mwarn�[39m @astrojs/telemetry is not being published because version 2.1.1 is already published on npm 🦋 �[33mwarn�[39m @astrojs/underscore-redirects is not being published because version 0.1.0 is already published on npm 🦋 �[33mwarn�[39m @astrojs/webapi is not being published because version 2.2.0 is already published on npm 🦋 �[36minfo�[39m Publishing �[36m"astro"�[39m at �[32m"0.0.0-view-transitions-20230630132601"�[39m 🦋 �[36minfo�[39m Publishing �[36m"@astrojs/vercel"�[39m at �[32m"0.0.0-view-transitions-20230630132601"�[39m 🦋 �[32msuccess�[39m packages published successfully: 🦋 astro@0.0.0-view-transitions-20230630132601 🦋 @astrojs/vercel@0.0.0-view-transitions-20230630132601 🦋 Creating git tags... 🦋 New tag: astro@0.0.0-view-transitions-20230630132601 🦋 New tag: @astrojs/vercel@0.0.0-view-transitions-20230630132601

matthewp · 2023-07-11T14:17:45Z

!preview view-transitions

Co-authored-by: Emanuele Stoppa <my.burning@gmail.com>

Merge day

bluwy

Looks great! Also tested locally and it works. I notice there's a transition difference between native and fallback in the blog example, but I don't think that can be easily fixed without more complexity.

.changeset/silly-garlics-live.md

github-actions

This PR is blocked because it contains a minor changeset. A reviewer will merge this at the next release if approved.

sarah11918

Some suggestions for the changeset! 🙌

.changeset/silly-garlics-live.md

Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca>

Merge day

github-actions

This PR is blocked because it contains a minor changeset. A reviewer will merge this at the next release if approved.

Merge day

github-actions bot added pkg: astro Related to the core `astro` package (scope) pkg: example Related to an example package (scope) labels Jun 28, 2023

matthewp changed the title ~~Basic support~~ Initial View Transition Support Jun 28, 2023

github-actions bot added the semver: minor Change triggers a `minor` release label Jun 28, 2023

github-actions bot previously requested changes Jun 28, 2023

View reviewed changes

matthewp mentioned this pull request Jun 28, 2023

Feature: View Transitions withastro/docs#3625

Closed

matthewp force-pushed the view-transitions branch from 33c7cbf to a480e8d Compare July 11, 2023 17:09

matthewp added 5 commits July 11, 2023 13:14

Basic support

fbb925d

Add the fade transition

429be8e

Move CSS into a separate file

aa32aaa

Add transition name

cec93b8

View Transitions changeset

6f0cf0b

matthewp and others added 8 commits July 18, 2023 12:47

Update packages/astro/components/ViewTransitions.astro

35abfbb

Co-authored-by: Emanuele Stoppa <my.burning@gmail.com>

Update packages/astro/components/ViewTransitions.astro

ba8d7f3

Co-authored-by: Emanuele Stoppa <my.burning@gmail.com>

Update the changeset

2b15915

PR review changes

2c9d9dd

Update more based on review comments.

0067db0

Update the updateDOM default

2492264

Merge branch 'main' into view-transitions

26525a1

Pass in transitions options to the compiler

a34e643

bluwy approved these changes Jul 19, 2023

View reviewed changes

.changeset/silly-garlics-live.md Outdated Show resolved Hide resolved

Update broken tests

5361a84

github-actions bot previously requested changes Jul 19, 2023

View reviewed changes

sarah11918 reviewed Jul 19, 2023

View reviewed changes

.changeset/silly-garlics-live.md Outdated Show resolved Hide resolved

.changeset/silly-garlics-live.md Outdated Show resolved Hide resolved

.changeset/silly-garlics-live.md Outdated Show resolved Hide resolved

.changeset/silly-garlics-live.md Outdated Show resolved Hide resolved

matthewp and others added 8 commits July 19, 2023 13:14

Update .changeset/silly-garlics-live.md

ddbeb56

Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca>

Update .changeset/silly-garlics-live.md

3757f6b

Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca>

Update .changeset/silly-garlics-live.md

bbf7d94

Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca>

Update .changeset/silly-garlics-live.md

78e83b1

Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca>

h2 -> h4

12d4f70

Upgrade to stable compiler

d4ad84f

Merge branch 'main' into view-transitions

b17c5d3

Remove exp redirects from sitemap

fee0145

github-actions bot added the pkg: integration Related to any renderer integration (scope) label Jul 19, 2023

Remove usage from examples

d6e96be

github-actions bot previously requested changes Jul 19, 2023

View reviewed changes

Remove example updates

ecfadd7

matthewp merged commit 6a12fce into main Jul 19, 2023
14 checks passed

matthewp deleted the view-transitions branch July 19, 2023 19:18

astrobot-houston mentioned this pull request Jul 19, 2023

[ci] release #7714

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Initial View Transition Support #7511

Initial View Transition Support #7511

matthewp commented Jun 28, 2023 •

edited

changeset-bot bot commented Jun 28, 2023 •

edited

github-actions bot left a comment

matthewp commented Jun 28, 2023

github-actions bot commented Jun 28, 2023

matthewp commented Jun 28, 2023

github-actions bot commented Jun 28, 2023

matthewp commented Jun 30, 2023

github-actions bot commented Jun 30, 2023

matthewp commented Jul 11, 2023

bluwy left a comment

github-actions bot left a comment

sarah11918 left a comment

github-actions bot left a comment

Initial View Transition Support #7511

Initial View Transition Support #7511

Conversation

matthewp commented Jun 28, 2023 • edited

Animation directives

Enabling View Transitions

SPA mode

MPA mode

Browser support

Changes

Testing

Docs

changeset-bot bot commented Jun 28, 2023 • edited

🦋 Changeset detected

github-actions bot left a comment

Choose a reason for hiding this comment

matthewp commented Jun 28, 2023

github-actions bot commented Jun 28, 2023

matthewp commented Jun 28, 2023

github-actions bot commented Jun 28, 2023

matthewp commented Jun 30, 2023

github-actions bot commented Jun 30, 2023

matthewp commented Jul 11, 2023

bluwy left a comment

Choose a reason for hiding this comment

github-actions bot left a comment

Choose a reason for hiding this comment

sarah11918 left a comment

Choose a reason for hiding this comment

github-actions bot left a comment

Choose a reason for hiding this comment

matthewp commented Jun 28, 2023 •

edited

changeset-bot bot commented Jun 28, 2023 •

edited