Package Health Score

75 / 100

security
No known security issues
popularity
Small
maintenance
Healthy
community
Sustainable

Explore Similar Packages

Security

No known security issues

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

Version				Vulnerabilities	License Risk
1.10.7	\|	11/2024		0 C 0 H 0 M 0 L	0 H 0 M 0 L
1.10.3	\|	10/2024	Popular	0 C 0 H 0 M 0 L	0 H 0 M 0 L
1.9.4	\|	09/2024		0 C 0 H 0 M 0 L	0 H 0 M 0 L
1.8.8	\|	08/2024		0 C 0 H 0 M 0 L	0 H 0 M 0 L
1.7.27	\|	07/2024		0 C 0 H 0 M 0 L	0 H 0 M 0 L

License

ISC

Security Policy

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Small

Weekly Downloads (5,853)

GitHub Stars: 224
Forks: 5
Contributors: 7

Direct Usage Popularity

The npm package astro-vtbot receives a total of 5,853 downloads a week. As such, we scored astro-vtbot popularity level to be Small.

Based on project statistics from the GitHub repository for the npm package astro-vtbot, we found that it has been starred 224 times.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Sustainable

Readme.md: Yes
Contributing.md: No
Code of Conduct: No
Contributors: 7
Funding: Yes

This project has seen only 10 or less contributors.

We found a way for you to contribute to the project! Looks like astro-vtbot is missing a Code of Conduct.

Embed Package Health Score Badge

Maintenance

Healthy

Commit Frequency

Open Issues: 2
Open PR: 1
Last Release: 1 month ago
Last Commit: 13 days ago

Further analysis of the maintenance status of astro-vtbot based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Healthy.

We found that astro-vtbot demonstrates a positive version release cadence with at least one new version released in the past 3 months.

As a healthy sign for on-going project maintenance, we found that the GitHub repository had at least 1 pull request or issue interacted with by the community.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: not defined

Age: 1 year
Dependencies: 4 Direct
Versions: 74
Install Size: 133 kB
Dist-tags: 2
# of Files: 78
Maintainers: 1
TS Typings: No

astro-vtbot has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Readme

No, its NOT a roBOT 🤖, its a 👜 Bag of Tricks!✨

⭐️Please star to support this work⭐️

The Bag of Tricks for Astro's View Transitions

The bag of tricks provides extensions & support around Astro's view transitions.

Build Status

A current deployment of tech demos and the documentation can be found at https://events-3bg.pages.dev/

!!! NEW TRICKS ✨ IN THE BAG 👜 !!!

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.

Recently Learned Tricks

> The Inspection Chamber DevTools now als work for pnpm projects!
Big shout out and "Thank You!" to Lukas for providing this fix!

> New component for browser-native cross-document view transitions: The `` 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.

> The `` 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.

> The `` 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!

> 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 />) or install The Bag as an integration! and access the Chamber from the devToolbar!

> Starlight Support: Ever wanted to see what your Starlight site looks like with view transitions enabled? Follow these steps to get rid of full page loads and make your Starlight site look like a SPA!

Reusable Components 🧩

In need for extensions for view transitions because you have issues with iframes on your pages?
Wanting support in understanding and debugging view transitions or simply want a second pair of eyes 👀 on your view transition settings?
Looking for reusable animations or special transition effects?
Want to use view transitions on your Starlight site?

The astro-vtbotpackage isn't a monolithic library. Use the components you need and only pay bandwidth for those.

Component	Brotli bytes added
Animation Style ✨	~0.1k
AutoNameSelected 📛	~0.3k
BorderControl 🛂	~0.1k
BrakePad 🦥	~0.2k
CamShaft 🐫	~0.6k
ElementCrossing 🚸	~1.2K
InspectionChamber 🔬	~27k
Linter 🧹	~1.9k
LoadingIndicator ⏳	~0.4k
Move 🚟	~0.2k
NoScroll 📜	~0.1k
PageOffset 📄⇞	~0.1k
PointerOnNavigation 👆	~0.1k
Portal 🚪	~0.2k
ReplacementSwap ↹	~0.5k
Starlight … 🌟	~3.0k
SwapSound 🔊	-0.3k
Swing 🎷	~0.1k
TurnSignal 🔙	~0.5k
VtBotDebug 🐛	~2.8k
Zoom 🔎	~0.1k

Visit the documentation of the reusable components for detailed information.

``: A linter component that helps you identify problems when setting up transitions.
``: A Debugging component that logs the events and their data as they occur.
``: An alterantive DOM swap(), which preserves elements in the original DOM to avoid reinitialization of iframes or CSS animations.
``: Have you ever missed the visual feedback on sites with view transitions as to whether the app has noticed the click? You need a loading indicator! Here you go!
Zoom, and `Swing` animations and the component allows for extended styling options.
`` component that forces all view transitions through a portal/loading page.
`` keep the current vertical and horizontal scroll position when transitioning to the next page.

Tech Demos 🔥

The bag of tricks currently contains several technical demos that show examples of the implementation of various effects using the view transition events.

The sources are in this repository.

The Jotter 📓

Last but not least, the deployment also includes the ▶ Jotter ◀ with a wealth of information on transition events as well as background information and valuable tips & tricks on view transitions in Astro.

Some of the contents are technical demos, some are useful tools, and some are reusable components that you can use in your own project to handle edge cases that go beyond Astro's standard features.

Troubleshooting

For help, check out the Discussions tab on the GitHub repo.

Contributing

This package is maintained by martrapp independently from Astro. You're welcome to contribute by submitting an issue or opening a PR!

Changelog

See CHANGELOG.md for a history of changes to this package.

astro-vtbot dependencies

@vtbag/cam-shaft @vtbag/element-crossing @vtbag/inspection-chamber @vtbag/turn-signal

astro-vtbot development dependencies

@astrojs/check @astrojs/starlight @changesets/changelog-github @changesets/cli @playwright/test @types/dom-view-transitions @types/node astro prettier prettier-plugin-astro typescript

FAQs

What is astro-vtbot?

The 👜 Bag of Tricks ✨ for Astro's View Transitions. Visit Snyk Advisor to see a full health score report for astro-vtbot, including popularity, security, maintenance & community analysis.

Is astro-vtbot popular?

The npm package astro-vtbot receives a total of 5,853 weekly downloads. As such, astro-vtbot popularity was classified as small. Visit the popularity section on Snyk Advisor to see the full health analysis.

Is astro-vtbot well maintained?

We found that astro-vtbot demonstrated a healthy version release cadence and project activity. It has a community of 7 open source contributors collaborating on the project. See the full package health analysis to learn more about the package maintenance status.

Is astro-vtbot safe to use?

The npm package astro-vtbot was scanned for known vulnerabilities and missing license, and no issues were found. Thus the package was deemed as safe to use. See the full health analysis review.

Last updated on 12 December-2024, at 07:19 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP