Update to 10.6.1

extension.json

@@ -25,7 +25,7 @@
 	},
 	"ResourceModules": {
 		"ext.mermaid": {
-			"scripts": [
+			"packageFiles": [
 				"resources/ext.mermaid.js",
 				"resources/mermaid.min.js"
 			],

package.json

@@ -27,7 +27,7 @@
     ]
   },
   "dependencies": {
-    "mermaid": "8.14.0"
+    "mermaid": "10.8.0"
   },
   "files": [
     "lib"

resources/ext.mermaid.js

@@ -6,33 +6,38 @@
  * @author mwjames
  */
 
-/*global jQuery, mediaWiki, smw */
+/*global jQuery, mediaWiki, mermaid */
 /*jslint white: true */
 
-( function( $, mw ) {
-
-	'use strict';
-
-	var config = mw.config.get( 'mermaid' );
-
-	mw.loader.using( [ 'mediawiki.api', 'ext.mermaid' ] ).then( function () {
-
-	$( document ).ready( function() {
-
-		$( '.ext-mermaid' ).each( function() {
-
-			var that = $( this );
-
-			var id = 'ext-mermaid-' + ( new Date().getTime() );
-			var data = that.data( 'mermaid' );
-
-			that.find( '.mermaid-dots' ).hide();
-			that.append( '<div id=' + id + '> ' + data.content + ' </div>' );
-
-			mermaid.initialize( data.config );
-			mermaid.init( undefined, $( "#" + id ) );
-		} );
-	} );
-} );
-
-}( jQuery, mediaWiki ) );
+let mermaid = require('./mermaid.min.js');
+
+const generateString = (length) =>
+Array(length)
+  .fill("")
+  .map(() => Math.random().toString(36).charAt(2))
+  .join("");
+
+async function init_mermaid(){
+  let items = document.querySelectorAll('.ext-mermaid');
+
+  await Promise.all(Array.from(items).map( async (item) => {
+    let id = "ext-mermaid-" + generateString(10);
+    let data = JSON.parse(item.dataset['mermaid']);
+
+    // Hide animated dots!
+    let dots = item.children[0];
+    dots.style.display = "none";
+
+    // Render graph
+    mermaid.initialize(data.config);
+    const { svg } = await mermaid.render(id + '-svg', data.content);
+
+    // Add graph to DOM
+    let graph = document.createElement('div');
+    graph.id = id;
+    graph.innerHTML = svg;
+    item.appendChild(graph);
+   }));
+}
+// No longer need to wait for document to load or wrap in closure
+init_mermaid();