diff --git a/README.md b/README.md index 3c55a1b..40b94b6 100644 --- a/README.md +++ b/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: ``` +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 diff --git a/mie.js b/mie.js index f4f951d..62ceb68 100644 --- a/mie.js +++ b/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); diff --git a/package.json b/package.json index 6584100..00015e7 100644 --- a/package.json +++ b/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",