Adding in livereload to the examples

examples/animation/README.md

@@ -6,6 +6,14 @@ yarn install
 
 ## How to build
 
+```sh
+# Builds the project and opens it in your browser.
+# It will auto-reload when you make any changes.
+yarn start
+```
+
+## How to build for production
+
 ```sh
 # Builds the project and places it into the `dist` folder.
 yarn run build

examples/animation/package.json

@@ -4,11 +4,14 @@
   "name": "animation",
   "version": "0.1.0",
   "scripts": {
-    "build": "rimraf dist/js && rollup --config"
+    "build": "rimraf dist/js && rollup --config",
+    "start": "rimraf dist/js && rollup --config --watch"
   },
   "devDependencies": {
     "@wasm-tool/rollup-plugin-rust": "^1.0.0",
     "rimraf": "^3.0.2",
-    "rollup": "^1.31.0"
+    "rollup": "^1.31.0",
+    "rollup-plugin-livereload": "^1.2.0",
+    "rollup-plugin-serve": "^1.0.1"
   }
 }

examples/animation/rollup.config.js

@@ -1,4 +1,8 @@
 import rust from "@wasm-tool/rollup-plugin-rust";
+import serve from "rollup-plugin-serve";
+import livereload from "rollup-plugin-livereload";
+
+const is_watch = !!process.env.ROLLUP_WATCH;
 
 export default {
     input: {
@@ -12,6 +16,14 @@ export default {
     plugins: [
         rust({
             serverPath: "js/",
+            debug: false,
         }),
+
+        is_watch && serve({
+            contentBase: "dist",
+            open: true,
+        }),
+
+        is_watch && livereload("dist"),
     ],
 };

examples/async/README.md

@@ -6,6 +6,14 @@ yarn install
 
 ## How to build
 
+```sh
+# Builds the project and opens it in your browser.
+# It will auto-reload when you make any changes.
+yarn start
+```
+
+## How to build for production
+
 ```sh
 # Builds the project and places it into the `dist` folder.
 yarn run build

examples/async/package.json

@@ -4,11 +4,14 @@
   "name": "async",
   "version": "0.1.0",
   "scripts": {
-    "build": "rimraf dist/js && rollup --config"
+    "build": "rimraf dist/js && rollup --config",
+    "start": "rimraf dist/js && rollup --config --watch"
   },
   "devDependencies": {
     "@wasm-tool/rollup-plugin-rust": "^1.0.0",
     "rimraf": "^3.0.2",
-    "rollup": "^1.31.0"
+    "rollup": "^1.31.0",
+    "rollup-plugin-livereload": "^1.2.0",
+    "rollup-plugin-serve": "^1.0.1"
   }
 }

examples/async/rollup.config.js

@@ -1,4 +1,8 @@
 import rust from "@wasm-tool/rollup-plugin-rust";
+import serve from "rollup-plugin-serve";
+import livereload from "rollup-plugin-livereload";
+
+const is_watch = !!process.env.ROLLUP_WATCH;
 
 export default {
     input: {
@@ -12,6 +16,14 @@ export default {
     plugins: [
         rust({
             serverPath: "js/",
+            debug: false,
         }),
+
+        is_watch && serve({
+            contentBase: "dist",
+            open: true,
+        }),
+
+        is_watch && livereload("dist"),
     ],
 };

examples/counter/README.md

@@ -6,6 +6,14 @@ yarn install
 
 ## How to build
 
+```sh
+# Builds the project and opens it in your browser.
+# It will auto-reload when you make any changes.
+yarn start
+```
+
+## How to build for production
+
 ```sh
 # Builds the project and places it into the `dist` folder.
 yarn run build

examples/counter/package.json

@@ -4,11 +4,14 @@
   "name": "counter",
   "version": "0.1.0",
   "scripts": {
-    "build": "rimraf dist/js && rollup --config"
+    "build": "rimraf dist/js && rollup --config",
+    "start": "rimraf dist/js && rollup --config --watch"
   },
   "devDependencies": {
     "@wasm-tool/rollup-plugin-rust": "^1.0.0",
     "rimraf": "^3.0.2",
-    "rollup": "^1.31.0"
+    "rollup": "^1.31.0",
+    "rollup-plugin-livereload": "^1.2.0",
+    "rollup-plugin-serve": "^1.0.1"
   }
 }

examples/counter/rollup.config.js

@@ -1,4 +1,8 @@
 import rust from "@wasm-tool/rollup-plugin-rust";
+import serve from "rollup-plugin-serve";
+import livereload from "rollup-plugin-livereload";
+
+const is_watch = !!process.env.ROLLUP_WATCH;
 
 export default {
     input: {
@@ -12,6 +16,14 @@ export default {
     plugins: [
         rust({
             serverPath: "js/",
+            debug: false,
         }),
+
+        is_watch && serve({
+            contentBase: "dist",
+            open: true,
+        }),
+
+        is_watch && livereload("dist"),
     ],
 };

examples/todomvc/README.md

@@ -6,6 +6,14 @@ yarn install
 
 ## How to build
 
+```sh
+# Builds the project and opens it in your browser.
+# It will auto-reload when you make any changes.
+yarn start
+```
+
+## How to build for production
+
 ```sh
 # Builds the project and places it into the `dist` folder.
 yarn run build

examples/todomvc/package.json

@@ -4,11 +4,14 @@
   "name": "todomvc",
   "version": "0.1.0",
   "scripts": {
-    "build": "rimraf dist/js && rollup --config"
+    "build": "rimraf dist/js && rollup --config",
+    "start": "rimraf dist/js && rollup --config --watch"
   },
   "devDependencies": {
     "@wasm-tool/rollup-plugin-rust": "^1.0.0",
     "rimraf": "^3.0.2",
-    "rollup": "^1.31.0"
+    "rollup": "^1.31.0",
+    "rollup-plugin-livereload": "^1.2.0",
+    "rollup-plugin-serve": "^1.0.1"
   }
 }

examples/todomvc/rollup.config.js

@@ -1,4 +1,8 @@
 import rust from "@wasm-tool/rollup-plugin-rust";
+import serve from "rollup-plugin-serve";
+import livereload from "rollup-plugin-livereload";
+
+const is_watch = !!process.env.ROLLUP_WATCH;
 
 export default {
     input: {
@@ -12,6 +16,14 @@ export default {
     plugins: [
         rust({
             serverPath: "js/",
+            debug: false,
         }),
+
+        is_watch && serve({
+            contentBase: "dist",
+            open: true,
+        }),
+
+        is_watch && livereload("dist"),
     ],
 };