Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
astro-vtbot
Advanced tools
astro-vtbot - npm Package Compare versions
Comparing version 1.10.7 to 2.0.0
@@ -30,9 +30,7 @@ let show: () => void; | ||
| doShow(); | ||
| if ('loader' in e) { | ||
| const originalLoader = e.loader as () => Promise<void>; | ||
| e.loader = async () => { | ||
| await originalLoader(); | ||
| doHide(); | ||
| }; | ||
| } | ||
| const originalLoader = e.loader; | ||
| e.loader = async () => { | ||
| await originalLoader(); | ||
| doHide(); | ||
| }; | ||
| }); | ||
@@ -39,0 +37,0 @@ } |
| import type { AstroIntegration } from 'astro'; | ||
| import vitePluginVtbotExtend from './vite-plugin-extend'; | ||
| //@ts-expect-error | ||
| import icon from '../assets/bag-of-tricks-mono.svg?raw'; | ||
@@ -17,4 +17,4 @@ import { fileURLToPath } from 'node:url'; | ||
| 'astro:config:setup': (setupOptions) => { | ||
| const linter = options?.autoLint ?? true; | ||
| const loading = options?.loadingIndicator ?? true; | ||
| const linter = options?.autoLint ?? false; | ||
| const loading = options?.loadingIndicator ?? false; | ||
| if (linter || loading) { | ||
@@ -28,3 +28,2 @@ setupOptions.updateConfig({ | ||
| //@ts-expect-error | ||
| if (import.meta.env.DEV) { | ||
@@ -31,0 +30,0 @@ setupOptions.injectRoute({ |
@@ -6,3 +6,3 @@ { | ||
| }, | ||
| "version": "1.10.7", | ||
| "version": "2.0.0", | ||
| "description": "The 👜 Bag of Tricks ✨ for Astro's View Transitions", | ||
@@ -79,19 +79,20 @@ "homepage": "https://events-3bg.pages.dev/", | ||
| "dependencies": { | ||
| "@vtbag/cam-shaft": "^1.0.1", | ||
| "@vtbag/cam-shaft": "^1.0.3", | ||
| "@vtbag/element-crossing": "^1.0.4", | ||
| "@vtbag/inspection-chamber": "^1.0.17", | ||
| "@vtbag/turn-signal": "^1.1.0" | ||
| "@vtbag/inspection-chamber": "^1.0.18", | ||
| "@vtbag/turn-signal": "^1.3.0" | ||
| }, | ||
| "devDependencies": { | ||
| "@astrojs/check": "^0.9.4", | ||
| "@astrojs/starlight": "^0.29.0", | ||
| "@astrojs/starlight": "^0.30.3", | ||
| "@changesets/changelog-github": "0.5.0", | ||
| "@changesets/cli": "^2.27.9", | ||
| "@playwright/test": "^1.48.2", | ||
| "@changesets/cli": "^2.27.11", | ||
| "@playwright/test": "^1.49.1", | ||
| "@types/dom-view-transitions": "^1.0.5", | ||
| "@types/node": "^22.9.0", | ||
| "astro": "^4.16.13", | ||
| "prettier": "^3.3.3", | ||
| "@types/node": "^22.10.2", | ||
| "astro": "^5.1.1", | ||
| "prettier": "^3.4.2", | ||
| "prettier-plugin-astro": "^0.14.1", | ||
| "typescript": "^5.6.3" | ||
| "publint": "^0.2.12", | ||
| "typescript": "^5.7.2" | ||
| }, | ||
@@ -98,0 +99,0 @@ "funding": { |
@@ -18,25 +18,24 @@ No, its **_NOT_** a roBOT 🤖, its a 👜 <b>B</b>ag <b>o</b>f <b>T</b>ricks!✨ | ||
| Brings you the latest version of @vtbag/element-crossing, with a bug fix for letting `attr-*` properties cross over to the new page! | ||
| For details, see the [CHANGELOG of the ElementCrossing](https://github.com/vtbag/element-crossing/blob/main/CHANGELOG.md). | ||
| Version 2.0.0 🎉 of astro-vtbot is here! | ||
| This release changes what is automatically installed if you add astro-vtbot as an astro integration via `astro add astro-vtbot`. Now installing as an integration using `astro add astro-vtbot` should be your default choice for installing astro-vtbot. This gives you access to the `inspection-chamber` on every page via Astro's devToolbar! | ||
| ## Recently Learned Tricks ## | ||
| In contrast, `<LoadingIndicator />` and the `<Linter />` components will no longer be automatically integrated and must be explicitly added if needed, e.g. in a global Layout.astro. During a transition period, the previous behavior can still be restored using toggles in the astro.config file. | ||
| > The Inspection Chamber DevTools now als work for `pnpm` projects! \ | ||
| Big shout out and "Thank You!" to [Lukas](https://github.com/Trombach) for providing this fix! | ||
| For details, see the [CHANGELOG](https://github.com/martrapp/vtbot/blob/main/CHANGELOG.md). | ||
| > New component for browser-native cross-document view transitions: The `<CamShaft>` component prevents the pseudo-smooth-scroll effect caused by view transition groups that exceed the height of the viewport when navigating to a different vertical scroll position. | ||
| **On the plus side:** There’s an exciting new mode in the `<TurnSignal/>` component! It allows for view transition types on a per-link basis! | ||
| For further information see these demos: [blog demo](http://localhost:4321/signal-demo/link-types/blog/), [@vtbag image viewer demo](https://vtbag.dev/viewer-demo/) and the [@vtbag fishpond demo](https://vtbag.dev/link-demo/). | ||
| > The `<TurnSignal>` enables Astro's forward/backward animations provided by `transition:animate` to work with native cross-document `@view-transition{}`. Optionally you can configure the component with a total order of your site's pages, allowing it to automatically detect the transition direction. | ||
| ## Recently Learned Tricks ## | ||
| > The `<ElementCrossing />` is a component for those of you who experiment with CSS-only cross-document view transitions and miss a way to preserve state of HTML elements across navigation: Transfer selected element state to the other side! | ||
| > Latest version of @vtbag/element-crossing, with a bug fix for letting `attr-*` properties cross over to the new page! | ||
| > Inspection Chamber: See your view transitions like never before: examine every detail, reveal, debug, and optimize! Now, drill down into the effects of each pseudo-element introduced by the view transition API and even selectively toggle individual animations to better understand what’s happening! Summon the Inspection Chamber as a component ([<InspectionChamber />](https://events-3bg.pages.dev/library/InspectionChamber/)) or [install The Bag as an integration!](hhttps://events-3bg.pages.dev/library/Installation/#installing-as-an-astro-integration) and access the Chamber from the **devToolbar**! | ||
| > The Inspection Chamber DevTools now also work for `pnpm` projects! \ | ||
| Big shout out and "Thank You!" to [Lukas](https://github.com/Trombach) for providing this fix! | ||
| > New component for browser-native cross-document view transitions: The `<CamShaft>` component prevents the pseudo-smooth-scroll effect caused by view transition groups that exceed the height of the viewport when navigating to a different vertical scroll position. | ||
| > Starlight Support: Ever wanted to see what your Starlight site looks like with view transitions enabled? Follow [these steps](https://events-3bg.pages.dev/jotter/starlight/guide/) to get rid of full page loads and make your Starlight site look like a SPA! | ||
| ## Reusable Components 🧩 | ||
@@ -43,0 +42,0 @@ |
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Worsened metrics
- Total package byte prevSize
- decreased by-0.28%
132446
- Dev dependency count
- increased by9.09%
12
- Lines of code
- decreased by-0.27%
1488
- Number of lines in readme file
- decreased by-0.89%
111
Dependency changes
Updated@vtbag/cam-shaft@^1.0.3
Updated@vtbag/turn-signal@^1.3.0