1.0.6

README.md

@@ -2,7 +2,7 @@
 
 mie is great for embedding p5.js sketches on your own website.
 
-Example use: https://p5play.org/learn/sprite.html
+Demo: https://p5play.org/learn/sprite.html
 
 ## Usage
 
@@ -15,6 +15,12 @@ Load the Ace editor and mie in your HTML:
 <script src="https://quinton-ashley.github.io/mie/mie.js"></script>
 ```
 
+Or use [mie](https://www.npmjs.com/package/@qashto/mie) via npm:
+
+```bash
+npm i @qashto/mie
+```
+
 Add p5.js scripts to your page and they will be embedded in an editor with an instanced preview of the sketch auto-playing by default.
 
 ```html

mie.js

@@ -51,7 +51,10 @@ mie.load = () => {
 			logo.className = 'mie-logo';
 			title.append(logo);
 			let span = document.createElement('span');
-			span.innerHTML += props.name || props.title || 'sketch';
+			let name;
+			if (props.id) name = props.id.replace(/-/g, ' ');
+			else name = props.name || props.title || 'sketch';
+			span.innerHTML += name;
 			title.append(span);
 			mini.append(title);
 

package.json

@@ -1,7 +1,7 @@
 {
 	"author": "quinton-ashley",
 	"name": "@qashto/mie",
-	"version": "1.0.5",
+	"version": "1.0.6",
 	"description": "mini editor for embedding p5.js sketches",
 	"license": "GPL-3.0-only",
 	"main": "mie.js",