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

bower.json

@@ -10,7 +10,7 @@
   ],
   "license": "MIT",
   "private": true,
-    "main": "gui.html",
+  "main": "dat-gui.html",
   "ignore": [
     "**/.*",
     "node_modules",
@@ -18,6 +18,7 @@
     "docs"
   ],
   "dependencies": {
-        "polymer": "Polymer/polymer#>=0.4.0"
+    "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>
+<!-- TODO: move this into dat-gui.html -->
-
-<!-- src -->
 <script src="elements/Gui.js"></script>
 
 <!-- base elements -->

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>