Improve watch-demo script and simplify deploy-demo (#179)

* simplify make-website.sh and add publish-website.sh

* update

* improve watch-demo script and simplify deploy-demo

* reformat

* fix

* simplify even more

Author: dsmilkov

.vscode/settings.json

@@ -13,13 +13,9 @@
   "files.trimTrailingWhitespace": true,
   "editor.tabSize": 2,
   "editor.insertSpaces": true,
-  "[json]": {
-    "editor.formatOnSave": false
+  "[typescript]": {
+    "editor.formatOnSave": true
   },
-  "[html]": {
-    "editor.formatOnSave": false
-  },
-  "editor.formatOnSave": true,
   "clang-format.style": "Google",
   "files.insertFinalNewline": true,
   "editor.detectIndentation": false,

README.md

@@ -81,15 +81,15 @@ well as the [Clang-Format VSCode extension](https://marketplace.visualstudio.com
 To interactively develop any of the demos (e.g. `demos/nn-art/`):
 
 ```bash
-$ ./scripts/watch-demo demos/nn-art/nn-art.ts
+$ ./scripts/watch-demo demos/nn-art
 >> Starting up http-server, serving ./
 >> Available on:
 >>   http://127.0.0.1:8080
 >> Hit CTRL-C to stop the server
 >> 1357589 bytes written to dist/demos/nn-art/bundle.js (0.85 seconds) at 10:34:45 AM
 ```
 
-Then visit `http://localhost:8080/demos/nn-art/nn-art-demo.html`. The
+Then visit `http://localhost:8080/demos/nn-art/`. The
 `watch-demo` script monitors for changes of typescript code and does
 incremental compilation (~200-400ms), so users can have a fast edit-refresh
 cycle when developing apps.

demos/benchmarks/math-benchmark.ts demos/benchmarks/benchmarks.tsdemos/benchmarks/math-benchmark.ts renamed to demos/benchmarks/benchmarks.ts

@@ -142,14 +142,14 @@ limitations under the License.
   <div class="demo-carousel mdl-grid">
     <div class="mdl-layout-spacer mdl-cell--hide-tablet mdl-cell--hide-phone"></div>
     <div class="demo-card mdl-card mdl-shadow--2dp square-card mdl-cell mdl-cell--3-col mdl-cell--8-col-tablet mdl-cell--4-col-phone">
-      <a href="demos/model-builder/model-builder-demo.html">
+      <a href="demos/model-builder/">
         <div class="mdl-card__title" id="model-builder">
           <span class="mdl-card__title-text">Model Builder</span>
         </div>
       </a>
       <div class="mdl-card__supporting-text">Build a neural network in your browser, without code!</div>
       <div class="mdl-card__actions mdl-card--border">
-        <a href="demos/model-builder/model-builder-demo.html">
+        <a href="demos/model-builder/">
           <button class="mdl-button mdl-button--raised mdl-button--colored mdl-js-button mdl-button--primary mdl-js-ripple-effect">
             Demo
           </button>
@@ -162,14 +162,14 @@ limitations under the License.
       </div>
     </div>
     <div class="demo-card mdl-card mdl-shadow--2dp square-card mdl-cell mdl-cell--3-col mdl-cell--8-col-tablet mdl-cell--4-col-phone">
-      <a href="demos/imagenet/imagenet-demo.html">
+      <a href="demos/imagenet/">
         <div class="mdl-card__title" id="webcam">
           <span class="mdl-card__title-text">Webcam Imagenet</span>
         </div>
       </a>
       <div class="mdl-card__supporting-text">Squeezenet running in the browser</div>
       <div class="mdl-card__actions mdl-card--border">
-        <a href="demos/imagenet/imagenet-demo.html">
+        <a href="demos/imagenet/">
           <button class="mdl-button mdl-button--raised mdl-button--colored mdl-js-button mdl-button--primary mdl-js-ripple-effect">
             Demo
           </button>
@@ -182,14 +182,14 @@ limitations under the License.
       </div>
     </div>
     <div class="demo-card mdl-card mdl-shadow--2dp square-card mdl-cell mdl-cell--3-col mdl-cell--8-col-tablet mdl-cell--4-col-phone ">
-      <a href="demos/nn-art/nn-art-demo.html">
+      <a href="demos/nn-art/">
         <div class="mdl-card__title" id="nnart">
           <span class="mdl-card__title-text">NNArt</span>
         </div>
       </a>
       <div class="mdl-card__supporting-text">Play with an animating CPPN</div>
       <div class="mdl-card__actions mdl-card--border">
-        <a href="demos/nn-art/nn-art-demo.html">
+        <a href="demos/nn-art/">
           <button class="mdl-button mdl-button--raised mdl-button--colored mdl-js-button mdl-button--primary mdl-js-ripple-effect">
             Demo
           </button>
@@ -202,14 +202,14 @@ limitations under the License.
       </div>
     </div>
     <div class="demo-card mdl-card mdl-shadow--2dp square-card mdl-cell mdl-cell--3-col mdl-cell--8-col-tablet mdl-cell--4-col-phone">
-      <a href="demos/benchmarks/benchmark-demo.html">
+      <a href="demos/benchmarks/">
         <div class="mdl-card__title" id="benchmarks">
           <span class="mdl-card__title-text">Benchmarks</span>
         </div>
       </a>
       <div class="mdl-card__supporting-text">Test the library's performance</div>
       <div class="mdl-card__actions mdl-card--border">
-        <a href="demos/benchmarks/benchmark-demo.html">
+        <a href="demos/benchmarks/">
           <button class="mdl-button mdl-button--raised mdl-button--colored mdl-js-button mdl-button--primary mdl-js-ripple-effect">
             Demo
           </button>

demos/benchmarks/benchmark-demo.html demos/benchmarks/index.htmldemos/benchmarks/benchmark-demo.html renamed to demos/benchmarks/index.html

@@ -21,5 +21,5 @@ python scripts/dump_checkpoint_vars.py --output_dir=demos/lstm/ --checkpoint_fil
 Finally, start the demo:
 
 ```
-./scripts/watch-demo demos/lstm/lstm_inference.ts
+./scripts/watch-demo demos/lstm
 ```