rename gui.html and gui.js to dat-gui.html and dat-gui.js

bower.json

@@ -1,23 +1,24 @@
 {
-    "name": "dat.gui",
-    "version": "0.0.0",
-    "description": "Attempt at revamping dat.gui with Polymer.",
-    "keywords": [
-        "gui"
-    ],
-    "authors": [
-       "George Michael Brower"
-    ],
-    "license": "MIT",
-    "private": true,
-    "main": "gui.html",
-    "ignore": [
-        "**/.*",
-        "node_modules",
-        "tests",
-        "docs"
-    ],
-    "dependencies": {
-        "polymer": "Polymer/polymer#>=0.4.0"
-    }
+  "name": "dat.gui",
+  "version": "0.0.0",
+  "description": "Attempt at revamping dat.gui with Polymer.",
+  "keywords": [
+    "gui"
+  ],
+  "authors": [
+    "George Michael Brower"
+  ],
+  "license": "MIT",
+  "private": true,
+  "main": "dat-gui.html",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "tests",
+    "docs"
+  ],
+  "dependencies": {
+    "polymer": "Polymer/polymer#>=0.4.0",
+    "platform": "Polymer/platform#>=0.4.0"
+  }
 }

build/gui.shim.js

@@ -0,0 +1 @@
+!function(t){"use strict";var n=function(){this.vars={}};n.ready=function(t){t()},n.prototype.var=function(t,n){return this.vars[t]=n,i},n.prototype.add=function(){return i};var r=function(){return this},i={on:r};t.Gui=n}(this);

dat-gui.html

@@ -1,6 +1,4 @@
-<script src="../platform/platform.js"></script>
-
-<!-- src -->
+<!-- TODO: move this into dat-gui.html -->
 <script src="elements/Gui.js"></script>
 
 <!-- base elements -->
@@ -12,4 +10,4 @@
 <link rel="import" href="elements/dat-gui-string/dat-gui-string.html">
 <link rel="import" href="elements/dat-gui-boolean/dat-gui-boolean.html">
 <link rel="import" href="elements/dat-gui-function/dat-gui-function.html">
-<link rel="import" href="elements/dat-gui-option/dat-gui-option.html">
+<link rel="import" href="elements/dat-gui-option/dat-gui-option.html">

examples/index.html

@@ -5,8 +5,11 @@
     <meta charset="utf-8">
     <title>dat-gui kitchen sink</title>
 
-    <!--<script src="../build/dat-gui.js"></script>-->
+    <script src="../build/dat-gui.js"></script>
+    <!--
+    <script src="../platform/platform.js"></script>
     <link rel="import" href="../dat-gui.html">
+    -->
 
     <meta name="viewport" content="width=device-width, user-scalable=no">
 

gulpfile.js

@@ -74,6 +74,7 @@ gulp.task( 'build', [ 'vulcanize' ], function() {
 gulp.task( 'vulcanize', [ 'css' ], function() {
 
     return gulp.src( 'dat-gui.html' )
+        .pipe( $.insert.prepend( '<script src="../platform/platform.js"></script>"\n' ) )
         .pipe( $.vulcanize( {
             dest: 'build',
             inline: true,

index.html

@@ -25,7 +25,7 @@
 <a href="#saving"> Saving </a></p>
 <h3 id="basic-usage">Basic Usage</h3>
 <p>Download the <a href="todo">minified library</a> and include it in your html.</p>
-<pre><code class="lang-html">&lt;script src=&quot;dat-gui.js&quot;&gt;&lt;/script&gt;
+<pre><code class="lang-html">&lt;script src=&quot;gui.js&quot;&gt;&lt;/script&gt;
 </code></pre>
 <p>Create controllers by adding objects and their properties. dat-gui chooses a controller based on the variable&#39;s initial value.</p>
 <pre><code class="lang-javascript">var gui = new Gui();
@@ -186,7 +186,7 @@ Gui.register( &#39;dat-gui-number&#39;, function( value ) {
 <pre><code class="lang-sh">$ bower install gui-three
 </code></pre>
 <p>Include the source for the third-party controllers after dat-gui.</p>
-<pre><code class="lang-html">&lt;script src=&quot;dat-gui.js&quot;&gt;&lt;/script&gt;
+<pre><code class="lang-html">&lt;script src=&quot;gui.js&quot;&gt;&lt;/script&gt;
 &lt;script src=&quot;gui-three.js&quot;&gt;&lt;/script&gt;
 </code></pre>
 </div>