Add rollup-plugin-serve for the examples

Mytrill · Mytrill · commit d784d386941c · 2018-03-26T22:02:10.000+02:00
diff --git a/examples/counter.html b/examples/counter.html
@@ -13,6 +13,9 @@
 
 <body>
   <div id="app" />
+  <br />
+  <br />
+  <a href="index.html">&nbsp;Back to index</a>
 
   <script>
     const h = hyperapp.h
diff --git a/examples/index.html b/examples/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <title>Devtools Examples</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+</head>
+
+<body>
+  <h1>Devtools examples</h1>
+  <a href="./counter.html">Counter</a>
+</body>
+
+</html>
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -2,11 +2,7 @@
   "name": "hyperapp-devtools",
   "version": "0.1.1",
   "description": "Developer tools for Hyperapp projects",
-  "keywords": [
-    "hyperapp",
-    "devtools",
-    "debug"
-  ],
+  "keywords": ["hyperapp", "devtools", "debug"],
   "author": "Anthony Ferrando <ferrando.tony@gmail.com>",
   "license": "MIT",
   "main": "dist/hyperapp-devtools.js",
@@ -16,8 +12,9 @@
   "typings": "dist/src/index.d.ts",
   "scripts": {
     "clean": "rimraf dist .rpt2_cache",
-    "start": "rollup -c -w | cpx dist/hyperapp-devtools.js examples -w",
-    "build": "npm run clean && npm run build:module && npm run build:main && npm run build:min && cpx dist/hyperapp-devtools.js examples",
+    "start": "rollup -c -w --serve | cpx dist/hyperapp-devtools.js examples -w",
+    "build":
+      "npm run clean && npm run build:module && npm run build:main && npm run build:min && cpx dist/hyperapp-devtools.js examples",
     "build:main": "rollup -c && rimraf .rpt2_cache",
     "build:min": "rollup -c --min && rimraf .rpt2_cache",
     "build:module": "rollup -c --es && rimraf .rpt2_cache"
@@ -35,6 +32,7 @@
     "rollup-plugin-commonjs": "8.2.6",
     "rollup-plugin-node-resolve": "3.0.0",
     "rollup-plugin-postcss": "^1.4.0",
+    "rollup-plugin-serve": "^0.4.2",
     "rollup-plugin-typescript2": "0.8.0",
     "rollup-plugin-uglify": "2.0.1",
     "typescript": "^2.7.2"
diff --git a/rollup.config.js b/rollup.config.js
@@ -5,9 +5,10 @@ const nodeResolve = require("rollup-plugin-node-resolve")
 const typescript = require("rollup-plugin-typescript2")
 const uglify = require("rollup-plugin-uglify")
 const postcss = require("rollup-plugin-postcss")
+const serve = require("rollup-plugin-serve")
 
 const options = minimist(process.argv.slice(2), {
-  boolean: ["min", "es"]
+  boolean: ["min", "es", "serve"]
 })
 
 const plugins = [
@@ -27,6 +28,14 @@ const plugins = [
 if (options.min) {
   plugins.push(uglify())
 }
+if (options.serve) {
+  plugins.push(
+    serve({
+      open: true,
+      contentBase: "examples"
+    })
+  )
+}
 
 export default {
   input: "src/index.ts",
