- 58d8fab: Dependency refresh highlights: @vtbag/element-crossing now fixes an issue with data-* attributes.
- 55a7728: Updates the
<ElementCrossing />component to version 1.0.3 of@vtbag/element-crossing.
- c9abaa1: New versions for @vtbag/inspection-chamber and @vtbag/turn-signal: The Inspection Chamber can now handle the extended signature of the document.startViewTransition as defined by level 2 of the view Transision API and the Turn-Signal computes directions also on the old page!
- 3cca5c8: -- Thank you Lukas -- The Inspection Chamber DevTools now also work for projects using
pnpm!
FixesinspectionChamberendpoint runtime error when usingpnpm - ed79b25: Makes the Linter respect vtbot-linter-ignore meta elements for non unique view transition names (e.g. if only one has display != none)
- 44e8134: Updates @vtbag/{inspection-chamber, element-crossing, turn-signal, cam-shaft} to their most recent versions.
- 1257054: Adds the CamShaft component from @vtbag/cam-shaft
- 4d943b5: Incorporates a new bugfix version of @vtbag/turn-signal
- ce65547: Incorporates bugfix version of @vtbag/turn-signal
- 5efdf5e: Introducing a new tool for your transition from
<ViewTransitions />to native cross-document view transitions: The<TurnSignal />component enables seamless integration of forward and backward animations fromtransition:animatein cross-document transitions. Sync the direction of your animations with browser history navigation, or even with the page order of your site, if you prefer!
- c0f574e: Linter: Handles "!important" correctly when used with view-transition-names.
- 8404b0f: Fixes an issue where
<AutoNameSelected />got ignored when no properties were set.
- 82de459: Removes a forgotten console.log statement from the
<ElementCrossing />component. - 89741bd: Updates @vtbag/element-crossing to 1.0.1
- 20671d6: Updates the wording of the devToolbar integration.
- 62d9cba: Fixes a bug where the Inspection Chamber claims to be out of order.
- 58cd5a1: Integrates
@vtbag/element-crossingto transfer selected HTML state to the next page on CSS-only cross-deocument view transitions
- bb74ccd: Provides better guidance if the test chamber cannot be opened via devTools.
- 7796f7c: Fixed an issue where VtBotDebug throws errors when analzing animations of cross-document transitions
- d977d52: Makes inspection chamber integration more robust.
- 75bb439: Version bumps, especially new version of the inspection chamber with improved css reporting
- 5393174: LoadingIndicator: Increases robustness of indicator creation.
- dece4d7: Updates @vtbag/inspection-chamber
- 75932b1: This introduces the
<PointerOnNavigation />component that reduces cursor switching on navigation.
- ecc0966: Put the chamber out of order for browsers without native support for the view transition API
- b46e61c: Fixes content-type of chamber script
- 11f53fe: Greatly reduces the footprint of the Chamber in HTML files when used via the integration option.
- a4b36ad: Correctly encodes view transition names used with the AutoNameSelected component
- b28f195: Starlight support: Honor the persisted sidebar state introduced with Starlight v0.26.0
- 1f15f8c: Updates the Inspection Chamber (@vtbag/inspection-chamber) to the current version
- ef4ccab: Fixes an issue with the integration of the inspection-chamber.
- 9e3b0e1: Fixes an issue where the loading indicator was not removed when the browser decided to download the target of a link.
- c63b4b8: Update to version 1.0.3 of @vtbag/inspection-chamber
- 4c2cae2: Inspection-chamber update to get the glow effects back.
- e87b5e2: Fixes dependencies for new minor version.
- 316aa13: Introduces the Inspection Chamber, which allows you to put your view transitions through their paces. The Inspection Chamber can be used as a component but also via the brand new DevToolbar integration!
- 2c6cc84: Fixes element queries in SwapSound and LoadingIndicator
- 3c83d7f: Fixes a bug where the Linter accessed an undefined event object.
- f5f1b9c: Adds the long time planned support for CSSGroupingRules when looking for view-transition-names in stylesheets.
- d779ab9: Restructures window.__vtbot, where The Bag keeps some global state.
- 1e6e93c: VtBotDebug: include new signal property in event properties.
- b6ee610: Fixes a bug with imports when using loading-indicator.ts
- c56e9a7: Adds a new component: SwapSound, the audible loading and swapping indicator ;-)
- c56e9a7: Adds a new component: BorderControl simplifies mixed sites with ReplacementSwap and other view transitions.
- c377ed5: Adds the starlight-blog package to the friendly neighbor list, see https://events-3bg.pages.dev/jotter/starlight/guide/#friendly-neighbor.
- f4a579d: [AutoNameSelected] New component that supports declaratively adding view transition names for additional morph effects.
- Plus: @lorenzo_lewis/starlight-multi-sidebar support extended to @lorenzo_lewis/starlight-utils
- 310a1d3: Updates support for starlight-multi-sidebar upto v0.1.3
- 3158250: Adds support for @lorenzo_lewis/starlight-multi-sidebar.
- 061d97b: VtBotDebug now shows the changes that are made to the DOM during swap()
- b8245de: Starting with Astro 4.8, The Bag's swap-utils are obsolete and deprecated. For an alternative, you can check out astro/dist/transitions/swap-functions.js
- 7d50a65: Fixes an issue where switching languages did select a different page. plus: Improvements to robustness and test coverage.
- bc1cd73: VtBotDebug: Fixes an issue where
astro:after-preparationwas not logged at all. - a92071a: ReplacementSwap: Extends the ability to handle
transition:persistto children ofhtml.head.
- 87c87ff: Starlight utils: Adds an optional parameter to
openCategory()to opt-out of scrolling. - 9f8fe2c: Adds a new experimental component (ReadyToFinished) that allows to postpone viewTransition.finished
- fe3ca60: PageOrder: adds a new component to the Starlight support that changes the direction of the transition based on the order of the pages in the sidebar.
- aa522c2: LoadingIndicator: Improves the way the loading indicator tries to find an icon to display.
- 58afbd6: Fixes a bug where importing vtbot as an integration zeroed all content collection types.
- 2cd5f25: VtBotDebug: Honor
data-astro-rerunwhen listing which scripts might run. - ac261cf: New Component: Provides the PageOffset component which eliminates pseudo-scrolling morph animations of large elements like whole body or huge content areas.
- 2e1f8c8: Linter: Fixes a bug in style sheet parsing when a view-transition-name appeared inside a @supports condition.
- 46c79d3: Starlight Support: Adds support for tweaking the sidebar of Starlight sites, see https://events-3bg.pages.dev/jotter/starlight/guide/#sidebar-behavior
- 2ca7b06: Starlight Support: Adds a reusable, improved way to identify sidebar entries.
- 2e96f5e: ReplacementSwap: Adds handling of data-astro-transition-persist to ReplacementSwap for replaced content.
- 93b47de: Starlight Support: Improves sidebar handling: Automatically opens categories when navigated to and scrolls them into view.
- 614712e: Starlight Support: Fixes a bug in updateCurrentPageMarker
-
aa5b84d: Starlight Support: Improves Starlight sidebar support to give a choice between replacement and update:
By default, the content of the sidebar is retained during navigation and only the highlighting of the current page is updated. The alternative is to replace the sidebar content on each navigation (with the content read from the next page). This is activated by adding
replaceSidebarContentto the componentVtbotStarlightin./src/components/starlight/Head.astro.
- 6bbd038: VtBotDebug: Fixes a bug with VtBotDebug when included in production build.
- 53388e2: Starlight Support: Makes the coding more defensive and the dependencies on the Starlight page structure more obvious.
- b35d054: Starlight Support: Makes the viewTransitionsFallback property optional in the Starlight integration.
- 3e61ad9: Starlight Support: Fixes an issue where view transitions reset Starlight's ThemeSelector to show an incorrect value.
- 9e8532a: Starlight Support: Fixes a bug accessing an attribute of null when linking to view transition pages outside the starlight site.
- 0a21a85: Starlight Support: Fixes an issue with the sidebar when navigating from or to pages with
template:splash
- 6f0992b: Starlight Support: Adds support for enabling view transitions for Starlight sites!
- 3141b05: [Linter]: Stop complaining about unused styling scopes.
- 213aa81: Updates dependencies
- 36a4944: Improves the detection of the favicon icon.
- bfb7994: Sync: Adds support for data-astro-rerun
- c0e62e0: Adds a new animation called "Move"
- fea73d1: Fix bug with auto inserted root group in VtBotDebug
- c6902df: ReplacementSwap: Adds the ability to preserve attributes of the
<html>root element.
- d6b3977: Update to Astro 4.3.4 and small code brushing
- 555fd41 & 14cc29b: Extends
VtBotDebugwith the ability to log the animations that happen during a view transition - c4a5911: Adds a
productionproperty to the<BrakePad />. Making the brake a pure DEV mode features unless requested otherwise.
- c1e5a97: Fixed the check for illegal view transition names which didn't interprete encoded characters correctly
- d6069f4: Adds the new assets directory with the brand new Bag of Tricks Logo from Chris to the package exports
- 877b6d6: Makes the implementation of
<LoadingIndicator />more robust and adds configuration options for image and position - 502e89b:
<VtBotDebug />now shows which scripts are executed and which aren't betweenastro:after-swap&astro:page-loadevents
- 073f70f: Gives user styles precedence over the built-in CSS of the
<LoadingIndicator /> - 2e56e9a: Fixes a bug where explicitly set properties of
<ViewTransitions />were lost.
- f4554b6: Adds a new component for easier development of custom loading indicators: The BrakePad
- f4554b6: Extends LoadingIndicator use JavaScript in custom loading indicators
chores & typos
- 0c5f0e3: Extends integration to automatically add
<LoadingIndicator/>to pages with<ViewTransitions/> - bab5d23: Introduces new LoadingIndicator component
- e994f6f: Separates lib from docs and tech demos
- 364cb09: Exposes the
adapter()function from the FishPond tech demo inanimation-style-tsto allow for non standard names withtransition:animate={}
- d26a1a0: New
<NoScroll />component keeps scroll positions where they are when navigating to the next page
- b496316: Fixes a bug in the ccs selectors for transitions
- 05bafc3: [Doc] Links usage sections of components to installation instructions
- 42b417e: Provides the initial version of the Portal component
- 99f7b20: Provides tech demo and reusable components for new animation types
- e07a615: Enables installation as an Astro integration with
npx astro add astro-vtbot. This automatically adds the<Linter/>component to all your<ViewTransition/>pages! - fd48b93: Updates the Practitioners' Guide
- e6b62ce: Adds documentation about installation and for the new components: Zoom, Swing, AnimationStyle, Portal
- 8b28dc8: Linter now also checks the
typeproperty of<script>elements for suspicious values - 1b93255: Enables VtBotDebug to tell you which of your scripts are executed during view transistion bewtween
astro:after-swapfired and beforeastro:page-load. Also removes the feature to redirect the log output to an overlay. As the output grows, we are quickly running out of space with the on-screen display. This might come back some day, but then based on the Astros Dev Toolbar.
- fa962a7: Cleans up examples
- 6e31467: Adds types to ReplacementSwap and update docs
- f5e72f8: Fixes execptions raised when accessing cross origin style sheets in VtBotDebug and Linter
- [Linter:] Add detection of illegal view-transition-names
- [Jotter:] Add tipps and tricks on astro directives and non-cached images.
Plus
- Minor fixes for demos and demo overview.
- Improvements of the build process.
-
f11ba855e [Linter:] Add warnings when view transition names or scoped styles are potentially lost when elements are copied over by
transition:persistordata-vtbot-replace. -
6ab6f38b8 [VtBotDebug:] Show the
::view-transitionpseudo-elements that the browser inserts when it is ready to start the animations for view transitions. -
0f1e1dda6 [ReplacementSwap:] Improve
<ReplacementSwap>documentation and optimize how oldastro-route-announcerare removed. -
Plus: Correction of typos and improvement of wording
- 6b49bd33f Remove dependency on table-string
-
3e4b26c38Fixes view transitions to component pages -
Plus wording...
- The
<Linter/>component is out! You will receive meaningful warning and error messages if you configure the transition attributes incorrectly! - The
<VtDebug/>component got even better: Now also reports the transition groups that participate in a view transition! - Improved documentation for the
<ReplacementSwap>/component! - New "Winter demo" that shows how different transiton groups participate in a view transition. Plus integration of custom animations right before and after the navigation start.
Plus: more tests, extended documentation, many code refactorings, elimination of <xmp> tags, and dependency updates.
- This is the first proper release of this package