diff --git a/.changeset/clever-lies-search.md b/.changeset/clever-lies-search.md new file mode 100644 index 0000000..55a3827 --- /dev/null +++ b/.changeset/clever-lies-search.md @@ -0,0 +1,5 @@ +--- +'@vtbag/inspection-chamber': patch +--- + +Gives better error messages in the animation panel if there is some problem with the definition of an animation. diff --git a/README.md b/README.md index 0639205..cb9a8ef 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,5 @@ [⭐️ Please star to support this work! ⭐️](https://github.com/vtbag/inspection-chamber) -# The Inspection Chamber +# 🔬 The Inspection Chamber Put your view transitions through their paces in the Inspection Chamber! @@ -11,12 +11,13 @@ The @vtbag website can be found at https://vtbag.pages.dev/ ## !!! News !!! -Names in the Animation Groups panel are now shown in the order in which the transition groups appear as children of the `::view-transition` pseudo-element. This makes it easier to understand how the individual groups overlap during rendering. +Improved error handling. For details, see the [CHANGELOG](https://github.com/vtbag/inspection-chamber/blob/main/CHANGELOG.md) ## What happened so far: +> Names in the Animation Groups panel are now shown in the order in which the transition groups appear as children of the `::view-transition` pseudo-element. This makes it easier to understand how the individual groups overlap during rendering. > You can now observe in real-time how CSS properties are updated by animations and easily see which other properties are applied to the pseudo-elements created by the View Transition API. diff --git a/src/animations.ts b/src/animations.ts index 6eb4891..0e5485c 100644 --- a/src/animations.ts +++ b/src/animations.ts @@ -168,7 +168,7 @@ export function listAnimations(name: string) { ); } else { res.push( - `⚠️ ${pseudo}: keyframes ${animationNames[idx]} not found.
` + `⚠️ ${pseudo}: error in animation: ${animation}.
` ); ++skipped; }