Version 4.1.1

Changelog.md

@@ -1,6 +1,12 @@
 Changelog
 =========
 
+## version 4.1.1 (2023-08-14)
+
++ Fix a rendering bug when `roundBars` is combined with `mirror` and `radial`;
++ Add a polyfill for `Array.findLastIndex()` to restore compatibility with not-so-recent browsers.
+
+
 ## version 4.1.0 (2023-07-30)
 
 ### Added: <!-- {docsify-ignore} -->

README.md

@@ -3,8 +3,8 @@
 
 **audioMotion-analyzer** is a high-resolution real-time audio spectrum analyzer built upon **Web Audio** and **Canvas** JavaScript APIs.
 
-It was originally conceived as part of a full-featured music player called [**audioMotion**](https://audiomotion.me),
-but I later decided to make only the spectrum analyzer available as a self-contained module, so other developers could use it in their own projects.
+It was originally conceived as part of my full-featured music player called [**audioMotion**](https://audiomotion.me), but I later decided
+to make the spectrum analyzer available as a self-contained module, so other developers could use it in their own JS projects.
 
 My goal is to make this the best looking, most accurate and customizable spectrum analyzer around, in a small-footprint and high-performance package.
 

demo/fluid.html

@@ -14,7 +14,7 @@ <h1><a href="https://audiomotion.dev" class="logo">audioMotion-analyzer</a> | fl
 		<ul class="header-nav">
 			<li><a href="index.html">Demos</a></li>
             <li><a href="https://audiomotion.dev">Home</a></li>
-			<li><a href="https://github.com/hvianna/audioMotion-analyzer/tree/master/demo/src/fluid.js">View on GitHub</a></li>
+			<li><a href="https://github.com/hvianna/audioMotion-analyzer/blob/master/demo/fluid.js">View on GitHub</a></li>
 		</ul>
 	</header>
 

demo/minimal.html

@@ -14,7 +14,7 @@ <h1><a href="https://audiomotion.dev" class="logo">audioMotion-analyzer</a> | mi
 		<ul class="header-nav">
 			<li><a href="index.html">Demos</a></li>
             <li><a href="https://audiomotion.dev">Home</a></li>
-			<li><a href="https://github.com/hvianna/audioMotion-analyzer/tree/master/demo/src/fluid.js">View on GitHub</a></li>
+			<li><a href="https://github.com/hvianna/audioMotion-analyzer/blob/master/demo/minimal.html">View on GitHub</a></li>
 		</ul>
 	</header>
 

demo/multi.html

@@ -14,7 +14,7 @@ <h1><a href="https://audiomotion.dev" class="logo">audioMotion-analyzer</a> | mu
 		<ul class="header-nav">
 			<li><a href="index.html">Demos</a></li>
             <li><a href="https://audiomotion.dev">Home</a></li>
-			<li><a href="https://github.com/hvianna/audioMotion-analyzer/tree/master/demo/src/multi.js">View on GitHub</a></li>
+			<li><a href="https://github.com/hvianna/audioMotion-analyzer/blob/master/demo/multi.js">View on GitHub</a></li>
 		</ul>
 	</header>
 

demo/overlay.html

@@ -14,7 +14,7 @@ <h1><a href="https://audiomotion.dev" class="logo">audioMotion-analyzer</a> | ov
 		<ul class="header-nav">
 			<li><a href="index.html">Demos</a></li>
             <li><a href="https://audiomotion.dev">Home</a></li>
-			<li><a href="https://github.com/hvianna/audioMotion-analyzer/tree/master/demo/src/overlay.js">View on GitHub</a></li>
+			<li><a href="https://github.com/hvianna/audioMotion-analyzer/blob/master/demo/overlay.js">View on GitHub</a></li>
 		</ul>
 	</header>
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "audiomotion-analyzer",
   "description": "High-resolution real-time graphic audio spectrum analyzer JavaScript module with no dependencies.",
-  "version": "4.1.0",
+  "version": "4.1.1",
   "main": "./src/audioMotion-analyzer.js",
   "module": "./src/audioMotion-analyzer.js",
   "types": "./src/index.d.ts",

src/audioMotion-analyzer.js

@@ -2,12 +2,12 @@
  * audioMotion-analyzer
  * High-resolution real-time graphic audio spectrum analyzer JS module
  *
- * @version 4.1.0
+ * @version 4.1.1
  * @author  Henrique Avila Vianna <hvianna@gmail.com> <https://henriquevianna.com>
  * @license AGPL-3.0-or-later
  */
 
-const VERSION = '4.1.0';
+const VERSION = '4.1.1';
 
 // internal constants
 const TAU     = 2 * Math.PI,
@@ -102,6 +102,18 @@ const deprecate = ( name, alternative ) => console.warn( `${name} is deprecated.
 // returns the validated value, or the first element of `list` if `value` is not found in the array
 const validateFromList = ( value, list, modifier = 'toLowerCase' ) => list[ Math.max( 0, list.indexOf( ( '' + value )[ modifier ]() ) ) ];
 
+// Polyfill for Array.findLastIndex()
+if ( ! Array.prototype.findLastIndex ) {
+	Array.prototype.findLastIndex = function( callback ) {
+		let index = this.length;
+		while ( index-- > 0 ) {
+			if ( callback( this[ index ] ) )
+				return index;
+		}
+		return -1;
+	}
+}
+
 // AudioMotionAnalyzer class
 
 export default class AudioMotionAnalyzer {
@@ -1684,12 +1696,12 @@ export default class AudioMotionAnalyzer {
 				ctx.moveTo( ...radialXY( x, y, dir ) );
 				ctx.lineTo( ...radialXY( x, y + h, dir ) );
 				if ( isRound )
-					ctx.arc( centerX, centerY, radius + y + h, startAngle, endAngle );
+					ctx.arc( centerX, centerY, radius + y + h, startAngle, endAngle, dir != 1 );
 				else
 					ctx.lineTo( ...radialXY( x + w, y + h, dir ) );
 				ctx.lineTo( ...radialXY( x + w, y, dir ) );
 				if ( isRound && ! stroke ) // close the bottom line only when not in outline mode
-					ctx.arc( centerX, centerY, radius + y, endAngle, startAngle, true );
+					ctx.arc( centerX, centerY, radius + y, endAngle, startAngle, dir == 1 );
 			}
 			strokeIf( stroke );
 			ctx.fill();