Add a way to generate demo page (#17)

mcmire · web-flow · commit 6aee52356baa · 2023-05-22T13:29:42.000-06:00
Add a `build-demo` script which will build the demo page to the
`demo-build/` directory. This directory can then be copied to a
`gh-pages` branch so that we can publish the demo page to GitHub Pages.

Also, considering that we also need an HTML file to build the demo page,
move that along with the JavaScript file to the `demo/` directory.
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,3 @@
 *.tgz
+demo-build/
 node_modules/
diff --git a/README.md b/README.md
@@ -27,6 +27,6 @@ for(var i = 0; i < 60; i++) {
 }
 ```
 
-## Example
+## Demo
 
-You can run an example by installing beefy (`npm i -g beefy`) and then running `npm run sample`.
+You can run a demo by running `npm run build-demo`, then opening `demo-build/index.html` in your browser.
diff --git a/demo/index.html b/demo/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Jazzicon Demo</title>
+</head>
+<body>
+  <script src="main.js"></script>
+</body>
+</html>
diff --git a/demo/main.js b/demo/main.js
@@ -1,4 +1,4 @@
-var jazzicon = require('./')
+var jazzicon = require('../')
 
 var body = document.querySelector('body')
 for(var i = 0; i < 600; i++) {
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json

Original file line number	Diff line number	Diff line change
`@@ -1,2 +1,3 @@`
`1`	`1`	`*.tgz`
	`2`	`+demo-build/`
`2`	`3`	`node_modules/`
Original file line number	Diff line number	Diff line change
`@@ -27,6 +27,6 @@ for(var i = 0; i < 60; i++) {`
`27`	`27`	`}`
`28`	`28`	```
`29`	`29`
`30`		`-## Example`
	`30`	`+## Demo`
`31`	`31`
`32`		-You can run an example by installing beefy (`npm i -g beefy`) and then running `npm run sample`.
	`32`	+You can run a demo by running `npm run build-demo`, then opening `demo-build/index.html` in your browser.
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-var jazzicon = require('./')`
	`1`	`+var jazzicon = require('../')`
`2`	`2`
`3`	`3`	`var body = document.querySelector('body')`
`4`	`4`	`for(var i = 0; i < 600; i++) {`