diff --git a/tensorflow/tensorboard/.bowerrc b/tensorflow/tensorboard/.bowerrc
new file mode 100644
index 0000000000000000000000000000000000000000..333544ec7a8316f772b3524f40e407d2b9117b84
--- /dev/null
+++ b/tensorflow/tensorboard/.bowerrc
@@ -0,0 +1,3 @@
+{
+  "directory" : "components"
+}
\ No newline at end of file
diff --git a/tensorflow/tensorboard/.gitignore b/tensorflow/tensorboard/.gitignore
index 33117e9d630b6c566b8ecdad2fb5c65033d12a4b..343c2e963e528bd82202bc92afdab4ead95ed787 100644
--- a/tensorflow/tensorboard/.gitignore
+++ b/tensorflow/tensorboard/.gitignore
@@ -1,16 +1,25 @@
-bower_components/*
 node_modules/*
 typings/*
 build/*
 dist/tf-tensorboard-demo.html
 
+# Since bower components are stored in the same directory as
+# tensorboard components, we ignore everything under components
+# except our own components which start with tf-.
+components/*
+# This rule should always be in sync with TF_COMPONENTS_TYPESCRIPT_GLOB
+# in gulpfile.js
+!components/tf-*
+!components/index.html
+# Ignore the sample graph files since they are too large to
+# be in the repo.
 components/tf-graph/demo/tf_model_zoo/*
 
-# Js files in the graph visualizer migrated to typescript. These files
-# are produced by the compiler and should not be submitted to the repo.
+# Js files in the graph visualizer produces by the typescript
+# compiler and should not be submitted to the repo.
 components/tf-graph-common/lib/*.js
 components/tf-graph-common/lib/scene/*.js
 components/tf-event-dashboard/*.js
 components/tf-categorizer/*.js
 components/tf-dashboard-common/*.js
-components/**/test/*.js
+components/**/tf-test/*.js
diff --git a/tensorflow/tensorboard/components/imports/README.md b/tensorflow/tensorboard/components/imports/README.md
deleted file mode 100644
index 695698bf237da102c4314f4bfc3e640f96f8c67c..0000000000000000000000000000000000000000
--- a/tensorflow/tensorboard/components/imports/README.md
+++ /dev/null
@@ -1,6 +0,0 @@
-This file acts as import routers for third party javascript libraries,
-e.g. Plottable and D3.
-
-The "local-imports" folder contains alternate versions of the import routers
-that load from `bower_components`; it exists to faciliate local development
-with a gulp workflow.
diff --git a/tensorflow/tensorboard/components/imports/local-imports/d3.html b/tensorflow/tensorboard/components/imports/local-imports/d3.html
deleted file mode 100644
index e2797c0a1a9a938779a0ca8ffe4a1e66762f8dea..0000000000000000000000000000000000000000
--- a/tensorflow/tensorboard/components/imports/local-imports/d3.html
+++ /dev/null
@@ -1 +0,0 @@
-<script src="../../d3/d3.js"></script>
diff --git a/tensorflow/tensorboard/components/imports/local-imports/dagre.html b/tensorflow/tensorboard/components/imports/local-imports/dagre.html
deleted file mode 100644
index 29586e769de5d50a036d9c58af8d48e4898d88ce..0000000000000000000000000000000000000000
--- a/tensorflow/tensorboard/components/imports/local-imports/dagre.html
+++ /dev/null
@@ -1,5 +0,0 @@
-// hackhack for some reason getting graphlib via an import reference results in
-// out of order script evaluation
-<script src="../../lodash/lodash.min.js"></script>
-<script src="../../graphlib/dist/graphlib.core.js"></script>
-<script src="../../dagre/dist/dagre.core.js"></script>
diff --git a/tensorflow/tensorboard/components/imports/local-imports/graphlib.html b/tensorflow/tensorboard/components/imports/local-imports/graphlib.html
deleted file mode 100644
index 4bf3528fcd3da3b68452844d83bdfc657460b589..0000000000000000000000000000000000000000
--- a/tensorflow/tensorboard/components/imports/local-imports/graphlib.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<script src="../../lodash/lodash.min.js"></script>
-<script src="../../graphlib/dist/graphlib.core.js"></script>
diff --git a/tensorflow/tensorboard/components/imports/local-imports/lodash.html b/tensorflow/tensorboard/components/imports/local-imports/lodash.html
deleted file mode 100644
index 95f8375a1d4183d92f8903a7fd1548ee0fa8fb92..0000000000000000000000000000000000000000
--- a/tensorflow/tensorboard/components/imports/local-imports/lodash.html
+++ /dev/null
@@ -1 +0,0 @@
-<script src="../../lodash/lodash.min.js"></script>
diff --git a/tensorflow/tensorboard/components/imports/local-imports/plottable.html b/tensorflow/tensorboard/components/imports/local-imports/plottable.html
deleted file mode 100644
index dfbe77c8c44292dfa0651ea0873ffbbe5d258f42..0000000000000000000000000000000000000000
--- a/tensorflow/tensorboard/components/imports/local-imports/plottable.html
+++ /dev/null
@@ -1,3 +0,0 @@
-<link rel="import" href="../../imports/d3.html">
-<script src="../../plottable/plottable.js"></script>
-<link rel="stylesheet" type="text/css" href="../../plottable/plottable.css">
diff --git a/tensorflow/tensorboard/app/index.html b/tensorflow/tensorboard/components/index.html
similarity index 63%
rename from tensorflow/tensorboard/app/index.html
rename to tensorflow/tensorboard/components/index.html
index c6a1a8f80ef625b2bfb186a143e71e6a7c7716f8..8b0f87d3504a906e41fd3a7004642085b604f017 100644
--- a/tensorflow/tensorboard/app/index.html
+++ b/tensorflow/tensorboard/components/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="../bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
+    <script src="webcomponentsjs/webcomponents-lite.min.js"></script>
     <style>
       html, body {
         margin: 0;
@@ -10,9 +10,9 @@
         font-family: "RobotoDraft","Roboto",sans-serif;
       }
     </style>
-    <script src="analytics.js"></script>
+    <script src="../app/analytics.js"></script>
     <link rel="shortcut icon" href="lib/images/favicon.png">
-    <link rel="import" href="../components/tf-tensorboard/tf-tensorboard.html">
+    <link rel="import" href="tf-tensorboard/tf-tensorboard.html">
     <title>TensorBoard</title>
   </head>
   <body>
diff --git a/tensorflow/tensorboard/components/tf-categorizer/demo/index.html b/tensorflow/tensorboard/components/tf-categorizer/demo/index.html
index ea3f162aa5daacc145ffb82c75eef315c97ec411..403e25da8737695a4d0de3892e581044012f0b7c 100644
--- a/tensorflow/tensorboard/components/tf-categorizer/demo/index.html
+++ b/tensorflow/tensorboard/components/tf-categorizer/demo/index.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
 <html>
  <head>
-   <script src="../../../bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
-   <script src="../../../bower_components/d3/d3.js"></script>
+   <script src="../../webcomponentsjs/webcomponents-lite.min.js"></script>
+   <script src="../../d3/d3.js"></script>
    <link rel="import" href="../tf-categorizer.html">
-   <link rel="import" href="../../../bower_components/iron-flex-layout/classes/iron-flex-layout.html">
+   <link rel="import" href="../../iron-flex-layout/classes/iron-flex-layout.html">
 
  </head>
  <body>
diff --git a/tensorflow/tensorboard/components/tf-categorizer/index.html b/tensorflow/tensorboard/components/tf-categorizer/index.html
index f08a125f7c616511fb2e2f2c5b529918e3dad8ee..5956a9789b1609d7cdb6d981ab2fdaaf863903a7 100644
--- a/tensorflow/tensorboard/components/tf-categorizer/index.html
+++ b/tensorflow/tensorboard/components/tf-categorizer/index.html
@@ -6,8 +6,8 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-  <script src="../../bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
-  <link rel="import" href="../../bower_components/iron-component-page/iron-component-page.html">
+  <script src="../webcomponentsjs/webcomponents-lite.min.js"></script>
+  <link rel="import" href="../iron-component-page/iron-component-page.html">
 
 </head>
 <body>
diff --git a/tensorflow/tensorboard/components/tf-collapsable-pane/demo/index.html b/tensorflow/tensorboard/components/tf-collapsable-pane/demo/index.html
index 8906b0f3daab20960a92d54fb0356cdf7f49835f..237870408b3aa6dd581e0dc6fdb9d0a07a62eed5 100644
--- a/tensorflow/tensorboard/components/tf-collapsable-pane/demo/index.html
+++ b/tensorflow/tensorboard/components/tf-collapsable-pane/demo/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
  <head>
-   <script src="../../../bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
+   <script src="../../webcomponentsjs/webcomponents-lite.min.js"></script>
    <link rel="import" href="../tf-collapsable-pane.html">
  </head>
  <body>
diff --git a/tensorflow/tensorboard/components/tf-collapsable-pane/index.html b/tensorflow/tensorboard/components/tf-collapsable-pane/index.html
index 032e5be8c83c33ba65801e0fc8622d6ee77334b1..c985bc2b52f412e909fc516bbd6c0b3699436499 100644
--- a/tensorflow/tensorboard/components/tf-collapsable-pane/index.html
+++ b/tensorflow/tensorboard/components/tf-collapsable-pane/index.html
@@ -6,8 +6,8 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-  <script src="../../bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
-  <link rel="import" href="../../bower_components/iron-component-page/iron-component-page.html">
+  <script src="../webcomponentsjs/webcomponents-lite.min.js"></script>
+  <link rel="import" href="../iron-component-page/iron-component-page.html">
 
 </head>
 <body>
diff --git a/tensorflow/tensorboard/components/tf-dashboard-common/tf-run-generator.html b/tensorflow/tensorboard/components/tf-dashboard-common/tf-run-generator.html
index 4d72552049b71cdcc904d68e8abb4c805cdd4142..6c3389fb7f91f54ba533863acd0e29cdd84e39d3 100644
--- a/tensorflow/tensorboard/components/tf-dashboard-common/tf-run-generator.html
+++ b/tensorflow/tensorboard/components/tf-dashboard-common/tf-run-generator.html
@@ -1,6 +1,6 @@
 <link rel="import" href="../../bower_components/polymer/polymer.html">
 <link rel="import" href="../../bower_components/iron-ajax/iron-ajax.html">
-<link rel="import" href="../imports/lodash.html">
+<link rel="import" href="../tf-imports/lodash.html">
 
 <!--
 tf-run-generator is a plumbing component that takes in a url to load runs from, and
diff --git a/tensorflow/tensorboard/components/tf-dashboard-common/urlGenerator.ts b/tensorflow/tensorboard/components/tf-dashboard-common/urlGenerator.ts
index cb8c97823f07eb62228058d5dc085fd7a4d9aec2..b3511ce7b686a64b7d4b38bd76b83119a74c9d4b 100644
--- a/tensorflow/tensorboard/components/tf-dashboard-common/urlGenerator.ts
+++ b/tensorflow/tensorboard/components/tf-dashboard-common/urlGenerator.ts
@@ -14,7 +14,7 @@ limitations under the License.
 ==============================================================================*/
 
 /// <reference path="../../typings/tsd.d.ts" />
-/// <reference path="../../bower_components/plottable/plottable.d.ts" />
+/// <reference path="../plottable/plottable.d.ts" />
 
 module TF {
   export module Urls {
diff --git a/tensorflow/tensorboard/components/tf-event-dashboard/dataCoordinator.ts b/tensorflow/tensorboard/components/tf-event-dashboard/dataCoordinator.ts
index 5083603125a5138e66cb5b53bffbfe4f7e03d5ea..cc46d142870a77fd858b70eca7c2062a9ccfe903 100644
--- a/tensorflow/tensorboard/components/tf-event-dashboard/dataCoordinator.ts
+++ b/tensorflow/tensorboard/components/tf-event-dashboard/dataCoordinator.ts
@@ -14,7 +14,7 @@ limitations under the License.
 ==============================================================================*/
 
 /// <reference path="../../typings/tsd.d.ts" />
-/// <reference path="../../bower_components/plottable/plottable.d.ts" />
+/// <reference path="../plottable/plottable.d.ts" />
 
 module TF {
 
diff --git a/tensorflow/tensorboard/components/tf-event-dashboard/dataset.ts b/tensorflow/tensorboard/components/tf-event-dashboard/dataset.ts
index ea2fd950e5d0c2e56d2f039cb2ef6150d7051e97..48d12798df8d23756e26a7f73e0b21bc20662f27 100644
--- a/tensorflow/tensorboard/components/tf-event-dashboard/dataset.ts
+++ b/tensorflow/tensorboard/components/tf-event-dashboard/dataset.ts
@@ -14,7 +14,7 @@ limitations under the License.
 ==============================================================================*/
 
 /// <reference path="../../typings/tsd.d.ts" />
-/// <reference path="../../bower_components/plottable/plottable.d.ts" />
+/// <reference path="../plottable/plottable.d.ts" />
 
 module TF {
   /* An extension of Plottable.Dataset that knows how to load data from a backend.
diff --git a/tensorflow/tensorboard/components/tf-event-dashboard/demo/index.html b/tensorflow/tensorboard/components/tf-event-dashboard/demo/index.html
index 34ad6a72630f8245349e8661bb8a31c4c0a90c0b..2df20f49b1dc9e6643b001ab164247032c6fd964 100644
--- a/tensorflow/tensorboard/components/tf-event-dashboard/demo/index.html
+++ b/tensorflow/tensorboard/components/tf-event-dashboard/demo/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="../../../bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
+    <script src="../../webcomponentsjs/webcomponents-lite.min.js"></script>
     <link rel="import" href="../tf-event-dashboard.html">
     <link rel="stylesheet" type="text/css" href="../../../lib/css/global.css">
     <title>Event Dashboard Demo Demo</title>
diff --git a/tensorflow/tensorboard/components/tf-event-dashboard/tf-chart.html b/tensorflow/tensorboard/components/tf-event-dashboard/tf-chart.html
index 39ca9704c38442af6513fcada63d500372ac5f2f..39c521e22b3e0f58d05c9646d34875dc842793b9 100644
--- a/tensorflow/tensorboard/components/tf-event-dashboard/tf-chart.html
+++ b/tensorflow/tensorboard/components/tf-event-dashboard/tf-chart.html
@@ -1,6 +1,6 @@
 <link rel="import" href="../../bower_components/polymer/polymer.html">
-<link rel="import" href="../imports/plottable.html">
-<link rel="import" href="../imports/lodash.html">
+<link rel="import" href="../tf-imports/plottable.html">
+<link rel="import" href="../tf-imports/lodash.html">
 
 <!--
 tf-chart (TFChart) creates an element that draws a line chart for dispalying event values.
diff --git a/tensorflow/tensorboard/components/tf-event-dashboard/tf-chart.ts b/tensorflow/tensorboard/components/tf-event-dashboard/tf-chart.ts
index 349b50001b05e725eb776f417f2049accea04f6e..f784ac8c91b4f44282d17a3ae3597121cc5f039a 100644
--- a/tensorflow/tensorboard/components/tf-event-dashboard/tf-chart.ts
+++ b/tensorflow/tensorboard/components/tf-event-dashboard/tf-chart.ts
@@ -14,7 +14,7 @@ limitations under the License.
 ==============================================================================*/
 
 /// <reference path="../../typings/tsd.d.ts" />
-/// <reference path="../../bower_components/plottable/plottable.d.ts" />
+/// <reference path="../plottable/plottable.d.ts" />
 
 module TF {
   type TFDatum = [number, number, number];
diff --git a/tensorflow/tensorboard/components/tf-event-dashboard/tf-color-scale.html b/tensorflow/tensorboard/components/tf-event-dashboard/tf-color-scale.html
index b559cab9cd92e3c1013df011fe79d57993456932..181f3a713bcf29c057f62ec15af454f74c1c4d73 100644
--- a/tensorflow/tensorboard/components/tf-event-dashboard/tf-color-scale.html
+++ b/tensorflow/tensorboard/components/tf-event-dashboard/tf-color-scale.html
@@ -1,6 +1,6 @@
 <link rel="import" href="../../bower_components/polymer/polymer.html">
-<link rel="import" href="../imports/lodash.html">
-<link rel="import" href="../imports/plottable.html">
+<link rel="import" href="../tf-imports/lodash.html">
+<link rel="import" href="../tf-imports/plottable.html">
 
 <!--
 tf-color-scale is a plumbing component that takes in an array of runs, and produces
diff --git a/tensorflow/tensorboard/components/tf-event-dashboard/tf-data-coordinator.html b/tensorflow/tensorboard/components/tf-event-dashboard/tf-data-coordinator.html
index 454dff4a9ef436a9374a9d7ce671c784a0a5deee..51a23ef18d3463141f0b473524a7459d253cb42a 100644
--- a/tensorflow/tensorboard/components/tf-event-dashboard/tf-data-coordinator.html
+++ b/tensorflow/tensorboard/components/tf-event-dashboard/tf-data-coordinator.html
@@ -1,6 +1,6 @@
 <link rel="import" href="../../bower_components/polymer/polymer.html">
-<link rel="import" href="../imports/plottable.html">
-<link rel="import" href="../imports/lodash.html">
+<link rel="import" href="../tf-imports/plottable.html">
+<link rel="import" href="../tf-imports/lodash.html">
 
 <!--
 tf-data-coordinator is a simple plumbing component that takes in a value url generator
diff --git a/tensorflow/tensorboard/components/tf-event-dashboard/tf-event-dashboard.html b/tensorflow/tensorboard/components/tf-event-dashboard/tf-event-dashboard.html
index 534f62072ff1689d2d43ede3cd5e216b13804fd8..f8e7b22a9bb372c357d585ec01e8b836b4a66371 100644
--- a/tensorflow/tensorboard/components/tf-event-dashboard/tf-event-dashboard.html
+++ b/tensorflow/tensorboard/components/tf-event-dashboard/tf-event-dashboard.html
@@ -15,7 +15,7 @@
 <link rel="import" href="../tf-collapsable-pane/tf-collapsable-pane.html">
 <link rel="import" href="../../bower_components/iron-collapse/iron-collapse.html">
 <link rel="import" href="../../bower_components/paper-icon-button/paper-icon-button.html">
-<link rel="import" href="../imports/lodash.html">
+<link rel="import" href="../tf-imports/lodash.html">
 <link rel="import" href="../tf-dashboard-common/warning-style.html">
 
 <!--
diff --git a/tensorflow/tensorboard/components/tf-event-dashboard/tf-run-selector.html b/tensorflow/tensorboard/components/tf-event-dashboard/tf-run-selector.html
index ef58307e09c2f6c22573104379f03b228287da6a..0bf7771f7916a79c06a1f74a943690a22ed0ae08 100644
--- a/tensorflow/tensorboard/components/tf-event-dashboard/tf-run-selector.html
+++ b/tensorflow/tensorboard/components/tf-event-dashboard/tf-run-selector.html
@@ -1,7 +1,7 @@
 <link rel="import" href="../../bower_components/polymer/polymer.html">
 <link rel="import" href="../../bower_components/paper-button/paper-button.html">
 <link rel="import" href="../../bower_components/paper-checkbox/paper-checkbox.html">
-<link rel="import" href="../imports/lodash.html">
+<link rel="import" href="../tf-imports/lodash.html">
 <link rel="import" href="../tf-dashboard-common/scrollbar-style.html">
 <link rel="import" href="../tf-multi-checkbox/tf-multi-checkbox.html">
 
diff --git a/tensorflow/tensorboard/components/tf-graph-common/test/index.html b/tensorflow/tensorboard/components/tf-graph-common/test/index.html
index c7694e75149ce655e812ba9e048a12568056d83b..501038db1c2eccb36cb00e03e2bacfe884078182 100644
--- a/tensorflow/tensorboard/components/tf-graph-common/test/index.html
+++ b/tensorflow/tensorboard/components/tf-graph-common/test/index.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="utf-8">
   <script src="../../../bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
-  <script src="../../../bower_components/web-component-tester/browser.js"></script>
+  <script src="../../web-component-tester/browser.js"></script>
   <link rel="import" href="../tf-graph-common.html">
 </head>
 <body>
diff --git a/tensorflow/tensorboard/components/tf-graph-common/tf-graph-common.html b/tensorflow/tensorboard/components/tf-graph-common/tf-graph-common.html
index 87a7efe500f3fd7ff2a23c13398679a987d043ca..3ef0c63335bc2ffa5a46f5d49b3baedac9c1bd64 100644
--- a/tensorflow/tensorboard/components/tf-graph-common/tf-graph-common.html
+++ b/tensorflow/tensorboard/components/tf-graph-common/tf-graph-common.html
@@ -1,7 +1,7 @@
-<link rel="import" href="../imports/d3.html">
-<link rel="import" href="../imports/dagre.html">
-<link rel="import" href="../imports/graphlib.html">
-<link rel="import" href="../imports/lodash.html">
+<link rel="import" href="../tf-imports/d3.html">
+<link rel="import" href="../tf-imports/dagre.html">
+<link rel="import" href="../tf-imports/graphlib.html">
+<link rel="import" href="../tf-imports/lodash.html">
 
 <script src="lib/common.js"></script>
 <script src="lib/graph.js"></script>
diff --git a/tensorflow/tensorboard/components/tf-graph-loader/test/index.html b/tensorflow/tensorboard/components/tf-graph-loader/test/index.html
index e484b43822f2a4bb6add37d310413ec0a0b63e4f..c594ca64d64c71fb66e6083c7991315dac7575d5 100644
--- a/tensorflow/tensorboard/components/tf-graph-loader/test/index.html
+++ b/tensorflow/tensorboard/components/tf-graph-loader/test/index.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="utf-8">
   <script src="../../../bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
-  <script src="../../../bower_components/web-component-tester/browser.js"></script>
+  <script src="../../web-component-tester/browser.js"></script>
   <link rel="import" href="../tf-graph-loader.html">
 </head>
 <body>
diff --git a/tensorflow/tensorboard/components/tf-graph/demo/tf-graph-demo.html b/tensorflow/tensorboard/components/tf-graph/demo/tf-graph-demo.html
index 4664c8334cf8edb4e48db6f425368ab2982b12d3..ea65739aa88b255788416c409506294430d55d5a 100644
--- a/tensorflow/tensorboard/components/tf-graph/demo/tf-graph-demo.html
+++ b/tensorflow/tensorboard/components/tf-graph/demo/tf-graph-demo.html
@@ -169,13 +169,16 @@ Polymer({
     _progress: Object
   },
   _getDatasets: function() {
+    if(typeof DEMO_DIR_PREFIX === 'undefined') {
+      DEMO_DIR_PREFIX = '';
+    }
     return _.map(datasets, function(dataset) {
       var result = {
         name: dataset.name,
-        path: this.resolveUrl('tf_model_zoo/' + dataset.path)
+        path: this.resolveUrl('tf_model_zoo/' + dataset.path).replace("tf_model_zoo", DEMO_DIR_PREFIX + 'tf_model_zoo')
       };
       if (dataset.statsPath != null) {
-        result.statsPath = this.resolveUrl('tf_model_zoo/' + dataset.statsPath);
+        result.statsPath = this.resolveUrl('tf_model_zoo/' + dataset.statsPath).replace("tf_model_zoo", DEMO_DIR_PREFIX + 'tf_model_zoo');
       }
       return result;
     }, this);
diff --git a/tensorflow/tensorboard/components/tf-histogram-dashboard/tf-histogram-dashboard.html b/tensorflow/tensorboard/components/tf-histogram-dashboard/tf-histogram-dashboard.html
index 8f8f159964228ea576fb239e42b1987178be2d2e..0dd0394bb7e769f7d6bde6314b27bed24c29fb02 100644
--- a/tensorflow/tensorboard/components/tf-histogram-dashboard/tf-histogram-dashboard.html
+++ b/tensorflow/tensorboard/components/tf-histogram-dashboard/tf-histogram-dashboard.html
@@ -14,7 +14,7 @@
 <link rel="import" href="../tf-collapsable-pane/tf-collapsable-pane.html">
 <link rel="import" href="../../bower_components/iron-collapse/iron-collapse.html">
 <link rel="import" href="../../bower_components/paper-icon-button/paper-icon-button.html">
-<link rel="import" href="../imports/lodash.html">
+<link rel="import" href="../tf-imports/lodash.html">
 
 <!--
 tf-histogram-dashboard is a complete frontend that loads runs from a backend,
diff --git a/tensorflow/tensorboard/components/tf-image-dashboard/demo/image-loader-demo.html b/tensorflow/tensorboard/components/tf-image-dashboard/demo/image-loader-demo.html
index 7aafd247f30bde7c085d4a40f722036adcdfb801..b6dcf2525d5a03bafd1f56ac808b37f56d093407 100644
--- a/tensorflow/tensorboard/components/tf-image-dashboard/demo/image-loader-demo.html
+++ b/tensorflow/tensorboard/components/tf-image-dashboard/demo/image-loader-demo.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="../../../bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
-    <script src="../../../bower_components/d3/d3.js"></script>
-    <script src="../../../bower_components/plottable/plottable.js"></script>
-    <link rel="stylesheet" type="text/css" href="../../../bower_components/plottable/plottable.css">
+    <script src="../../webcomponentsjs/webcomponents-lite.min.js"></script>
+    <script src="../../d3/d3.js"></script>
+    <script src="../../plottable/plottable.js"></script>
+    <link rel="stylesheet" type="text/css" href="../../plottable/plottable.css">
     <link rel="import" href="../tf-image-dashboard.html">
     <title>Event Dashboard Demo Demo</title>
   </head>
diff --git a/tensorflow/tensorboard/components/tf-image-dashboard/demo/index.html b/tensorflow/tensorboard/components/tf-image-dashboard/demo/index.html
index 4645b4b78317bf39c4950f012f78b434e0d4eb17..a01361cefafd53a8a4c10db0b0935db51f3e9eb9 100644
--- a/tensorflow/tensorboard/components/tf-image-dashboard/demo/index.html
+++ b/tensorflow/tensorboard/components/tf-image-dashboard/demo/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="../../../bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
+    <script src="../../webcomponentsjs/webcomponents-lite.min.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../lib/css/global.css">
     <link rel="import" href="../tf-image-dashboard.html">
     <title>Image Dashboard Demo</title>
diff --git a/tensorflow/tensorboard/components/tf-image-dashboard/tf-image-grid.html b/tensorflow/tensorboard/components/tf-image-dashboard/tf-image-grid.html
index b7787b98c440b4c1415e565eaa5650a203830345..83ede9171b53a24b054bcf6e6e3052e362dd9cd5 100644
--- a/tensorflow/tensorboard/components/tf-image-dashboard/tf-image-grid.html
+++ b/tensorflow/tensorboard/components/tf-image-dashboard/tf-image-grid.html
@@ -1,7 +1,7 @@
 <link rel="import" href="../../bower_components/polymer/polymer.html">
 <link rel="import" href="../../bower_components/paper-styles/paper-styles.html">
 <link rel="import" href="tf-image-loader.html">
-<link rel="import" href="../imports/lodash.html">
+<link rel="import" href="../tf-imports/lodash.html">
 <link rel="import" href="../tf-dashboard-common/scrollbar-style.html">
 
 <!--
diff --git a/tensorflow/tensorboard/components/tf-image-dashboard/tf-image-loader.html b/tensorflow/tensorboard/components/tf-image-dashboard/tf-image-loader.html
index e70f189c731e493850d380231ed7e39d7fd42a75..3e8d4faa228b1a9f1cdaa336c4807063a649e68a 100644
--- a/tensorflow/tensorboard/components/tf-image-dashboard/tf-image-loader.html
+++ b/tensorflow/tensorboard/components/tf-image-dashboard/tf-image-loader.html
@@ -1,5 +1,5 @@
 <link rel="import" href="../../bower_components/polymer/polymer.html">
-<link rel="import" href="../imports/lodash.html">
+<link rel="import" href="../tf-imports/lodash.html">
 
 <!--
 tf-image-loader loads an individual image from the TensorBoard backend.
diff --git a/tensorflow/tensorboard/components/tf-imports/README.md b/tensorflow/tensorboard/components/tf-imports/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..b1cabc61b9be000350c165690652ab906f5c1b53
--- /dev/null
+++ b/tensorflow/tensorboard/components/tf-imports/README.md
@@ -0,0 +1,2 @@
+This file acts as import routers for third party javascript libraries,
+e.g. Plottable and D3.
diff --git a/tensorflow/tensorboard/components/tf-imports/d3.html b/tensorflow/tensorboard/components/tf-imports/d3.html
new file mode 100644
index 0000000000000000000000000000000000000000..de2303c3f085b078f4ae5ba78fc3b3b05df766a1
--- /dev/null
+++ b/tensorflow/tensorboard/components/tf-imports/d3.html
@@ -0,0 +1 @@
+<script src="../../bower_components/d3/d3.js"></script>
diff --git a/tensorflow/tensorboard/components/tf-imports/dagre.html b/tensorflow/tensorboard/components/tf-imports/dagre.html
new file mode 100644
index 0000000000000000000000000000000000000000..fc9fb118f1408b1159263ae5dbf78caead376a26
--- /dev/null
+++ b/tensorflow/tensorboard/components/tf-imports/dagre.html
@@ -0,0 +1,7 @@
+<!--
+HTML imports are non-blocking thus getting the depedency 'graphlib'
+and 'lodash' via script imports instead.
+-->
+<script src="../../bower_components/lodash/lodash.min.js"></script>
+<script src="../../bower_components/graphlib/dist/graphlib.core.js"></script>
+<script src="../../bower_components/dagre/dist/dagre.core.js"></script>
diff --git a/tensorflow/tensorboard/components/tf-imports/google/README.md b/tensorflow/tensorboard/components/tf-imports/google/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..7ff406977018d829de05b9d989946a00a16afe45
--- /dev/null
+++ b/tensorflow/tensorboard/components/tf-imports/google/README.md
@@ -0,0 +1,3 @@
+This file acts as import routers for third party javascript libraries,
+e.g. Plottable and D3 from `g3/third_party`; it exists to faciliate development
+inside google.
diff --git a/tensorflow/tensorboard/components/tf-imports/google/d3.html b/tensorflow/tensorboard/components/tf-imports/google/d3.html
new file mode 100644
index 0000000000000000000000000000000000000000..1ede44827c551b51d372505072741bd57b07baae
--- /dev/null
+++ b/tensorflow/tensorboard/components/tf-imports/google/d3.html
@@ -0,0 +1 @@
+<script src="../../bower_components/d3-library/d3.js"></script>
diff --git a/tensorflow/tensorboard/components/tf-imports/google/dagre.html b/tensorflow/tensorboard/components/tf-imports/google/dagre.html
new file mode 100644
index 0000000000000000000000000000000000000000..ea68d72e7704ed9fc6870d146e42d1c92663e136
--- /dev/null
+++ b/tensorflow/tensorboard/components/tf-imports/google/dagre.html
@@ -0,0 +1 @@
+<link rel="import" href="../../bower_components/dagre-library/dagre.html">
diff --git a/tensorflow/tensorboard/components/tf-imports/google/graphlib.html b/tensorflow/tensorboard/components/tf-imports/google/graphlib.html
new file mode 100644
index 0000000000000000000000000000000000000000..51fd0e679ded2eeb0c26e98ea33d4976d988b560
--- /dev/null
+++ b/tensorflow/tensorboard/components/tf-imports/google/graphlib.html
@@ -0,0 +1 @@
+<link rel="import" href="../../bower_components/graphlib-library/graphlib.html">
diff --git a/tensorflow/tensorboard/components/tf-imports/google/lodash.html b/tensorflow/tensorboard/components/tf-imports/google/lodash.html
new file mode 100644
index 0000000000000000000000000000000000000000..58f06ec84f8bbd61ad21668ce9e9670539734679
--- /dev/null
+++ b/tensorflow/tensorboard/components/tf-imports/google/lodash.html
@@ -0,0 +1 @@
+<link rel="import" href="../../bower_components/lodash-library/lodash-library.html">
diff --git a/tensorflow/tensorboard/components/tf-imports/google/plottable.html b/tensorflow/tensorboard/components/tf-imports/google/plottable.html
new file mode 100644
index 0000000000000000000000000000000000000000..df9acdd2715f77fd7f7cedea245793b8171e6f13
--- /dev/null
+++ b/tensorflow/tensorboard/components/tf-imports/google/plottable.html
@@ -0,0 +1,2 @@
+<link rel="import" href="d3.html">
+<link rel="import" href="../../bower_components/plottable-library/plottable.html">
diff --git a/tensorflow/tensorboard/components/tf-imports/graphlib.html b/tensorflow/tensorboard/components/tf-imports/graphlib.html
new file mode 100644
index 0000000000000000000000000000000000000000..03d28765abd3ed9e14ca0a29e6cd88bd0780f0cd
--- /dev/null
+++ b/tensorflow/tensorboard/components/tf-imports/graphlib.html
@@ -0,0 +1,2 @@
+<script src="../../bower_components/lodash/lodash.min.js"></script>
+<script src="../../bower_components/graphlib/dist/graphlib.core.js"></script>
diff --git a/tensorflow/tensorboard/components/tf-imports/lodash.html b/tensorflow/tensorboard/components/tf-imports/lodash.html
new file mode 100644
index 0000000000000000000000000000000000000000..1e94d2c1c4c3bc5404241b30055fa0a4e85f6da1
--- /dev/null
+++ b/tensorflow/tensorboard/components/tf-imports/lodash.html
@@ -0,0 +1 @@
+<script src="../../bower_components/lodash/lodash.min.js"></script>
diff --git a/tensorflow/tensorboard/components/tf-imports/plottable.html b/tensorflow/tensorboard/components/tf-imports/plottable.html
new file mode 100644
index 0000000000000000000000000000000000000000..5789a5be4dc6060856a510f37b158eb13d2b864e
--- /dev/null
+++ b/tensorflow/tensorboard/components/tf-imports/plottable.html
@@ -0,0 +1,3 @@
+<link rel="import" href="d3.html">
+<script src="../../bower_components/plottable/plottable.js"></script>
+<link rel="stylesheet" type="text/css" href="../../bower_components/plottable/plottable.css">
diff --git a/tensorflow/tensorboard/components/tf-multi-checkbox/demo/index.html b/tensorflow/tensorboard/components/tf-multi-checkbox/demo/index.html
index e5661b98bc7474591319778d11dad903fef05909..6f4d7839f7b04d4657cb82cc9d188886a20ee628 100644
--- a/tensorflow/tensorboard/components/tf-multi-checkbox/demo/index.html
+++ b/tensorflow/tensorboard/components/tf-multi-checkbox/demo/index.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html>
 <head>
-<script src="../../../bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
-<script src="../../../bower_components/d3/d3.js"></script>
+<script src="../../webcomponentsjs/webcomponents-lite.min.js"></script>
+<script src="../../d3/d3.js"></script>
 <link rel="import" href="../tf-multi-checkbox.html">
 <link rel="import" href="../../tf-event-dashboard/tf-color-scale.html">
 <link rel="stylesheet" type="text/css" href="../../../lib/css/global.css">
diff --git a/tensorflow/tensorboard/components/tf-multi-checkbox/tf-multi-checkbox.html b/tensorflow/tensorboard/components/tf-multi-checkbox/tf-multi-checkbox.html
index a5447e8f5e1fdc09663b5ddd9548115d52030c11..18dc50cd54de4494ebfafc3a245294f0b6592c88 100644
--- a/tensorflow/tensorboard/components/tf-multi-checkbox/tf-multi-checkbox.html
+++ b/tensorflow/tensorboard/components/tf-multi-checkbox/tf-multi-checkbox.html
@@ -1,6 +1,6 @@
 <link rel="import" href="../../bower_components/polymer/polymer.html">
 <link rel="import" href="../../bower_components/paper-checkbox/paper-checkbox.html">
-<link rel="import" href="../imports/lodash.html">
+<link rel="import" href="../tf-imports/lodash.html">
 <link rel="import" href="../tf-dashboard-common/scrollbar-style.html">
 <link rel="import" href="../tf-dashboard-common/run-color-style.html">
 <!--
diff --git a/tensorflow/tensorboard/components/tf-regex-group/demo/index.html b/tensorflow/tensorboard/components/tf-regex-group/demo/index.html
index efef84e0fccc42b385514d72df8d5748e7ebeae2..2eb6516c26de9871bd777e9535306606c6e8637b 100644
--- a/tensorflow/tensorboard/components/tf-regex-group/demo/index.html
+++ b/tensorflow/tensorboard/components/tf-regex-group/demo/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
  <head>
-   <script src="../../../bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
+   <script src="../../webcomponentsjs/webcomponents-lite.min.js"></script>
    <link rel="import" href="../tf-regex-group.html">
  </head>
  <body>
diff --git a/tensorflow/tensorboard/components/tf-regex-group/index.html b/tensorflow/tensorboard/components/tf-regex-group/index.html
index 0238a8d32634a4068fee85b370943f94be175871..1db81b1eb10e948ac6f848fa290259caee5b8bca 100644
--- a/tensorflow/tensorboard/components/tf-regex-group/index.html
+++ b/tensorflow/tensorboard/components/tf-regex-group/index.html
@@ -6,8 +6,8 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-  <script src="../../bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
-  <link rel="import" href="../../bower_components/iron-component-page/iron-component-page.html">
+  <script src="../webcomponentsjs/webcomponents-lite.min.js"></script>
+  <link rel="import" href="../iron-component-page/iron-component-page.html">
 
 </head>
 <body>
diff --git a/tensorflow/tensorboard/components/test/index.html b/tensorflow/tensorboard/components/tf-test/index.html
similarity index 77%
rename from tensorflow/tensorboard/components/test/index.html
rename to tensorflow/tensorboard/components/tf-test/index.html
index bef954701fe99096770a1ef2a20fcd755047ed2c..5c724d6656ff4552f1f0708b056642a6b33178e2 100644
--- a/tensorflow/tensorboard/components/test/index.html
+++ b/tensorflow/tensorboard/components/tf-test/index.html
@@ -2,7 +2,7 @@
 <html>
 <head>
   <meta charset="utf-8">
-  <script src="../bower_components/web-component-tester/browser.js"></script>
+  <script src="../web-component-tester/browser.js"></script>
 </head>
 <body>
 <script>
diff --git a/tensorflow/tensorboard/gulpfile.js b/tensorflow/tensorboard/gulpfile.js
index e6546297dd6b6b7670d4404c0e3a3ad80348903b..579f0b035e0058089d8ca732fa7a28fcf9cc1842 100644
--- a/tensorflow/tensorboard/gulpfile.js
+++ b/tensorflow/tensorboard/gulpfile.js
@@ -21,6 +21,7 @@ var ts = require('gulp-typescript');
 var typescript = require('typescript');
 var gutil = require('gulp-util');
 var tslint = require('gulp-tslint');
+var server = require('gulp-server-livereload');
 var concat = require('gulp-concat');
 var merge = require('merge2');
 var gulpFilter = require('gulp-filter');
@@ -28,7 +29,8 @@ var vulcanize = require('gulp-vulcanize');
 var rename = require('gulp-rename');
 var minimist = require('minimist');
 var replace = require('gulp-replace');
-var tfserve = require('./scripts/tfserve.js');
+var fs = require('fs');
+var path = require('path');
 var options = minimist(process.argv.slice(2), {
   default: {
     p: 8000,  // port for gulp server
@@ -52,13 +54,19 @@ var onError = function(err) {
   }
 };
 
+// These constants should always be in sync with the path in the .gitignore
+// file.
+var TF_COMPONENTS_PREFIX = 'tf-';
+var TF_COMPONENTS_TYPESCRIPT_GLOB = 'components/' + TF_COMPONENTS_PREFIX +
+    '*/**/*.ts';
+
 gulp.task('compile.all', function() {
   hasError = false;
   var isComponent = gulpFilter(['components/**/*.js']);
   var isApp = gulpFilter(['app/**/*.js']);
 
-  var srcs = ['components/**/*.ts', 'test/**/*.ts', 'app/**/*.ts',
-              'typings/**/*.d.ts', 'bower_components/**/*.d.ts'];
+  var srcs = [TF_COMPONENTS_TYPESCRIPT_GLOB, 'components/**/*.d.ts',
+      'typings/**/*.d.ts'];
 
   var tsResult = gulp.src(srcs, {base: '.'})
                      .pipe(ts(tsProject))
@@ -73,7 +81,7 @@ gulp.task('compile.all', function() {
 });
 
 gulp.task('test', ['tslint-strict', 'compile.all'], function(done) {
-  tester({suites: ['components/test/'],
+  tester({suites: ['components/tf-test/'],
           plugins: {local: {}, sauce: false}}, function(error) {
     if (error) {
       // Pretty error for gulp.
@@ -90,7 +98,7 @@ var tslintTask = function(strict) {
       done();
       return;
     }
-    return gulp.src(['components/**/*.ts', 'test/**/*.ts'])
+    return gulp.src([TF_COMPONENTS_TYPESCRIPT_GLOB])
                .pipe(tslint())
                .pipe(tslint.report('verbose', {
                   emitError: strict,
@@ -108,51 +116,72 @@ gulp.task('tslint-strict', [], tslintTask(true));
 gulp.task('watch', ['compile.all', 'tslint-permissive'], function() {
   failOnError = false;
   // Avoid watching generated .d.ts in the build (aka output) directory.
-  return gulp.watch(['test/**/*.ts', 'components/**/*.ts'],
+  return gulp.watch([TF_COMPONENTS_TYPESCRIPT_GLOB],
           {ignoreInitial: true},
           ['compile.all', 'tslint-permissive']);
 });
 
 gulp.task('server', function() {
-  tfserve({
-    port: options.p,
-    host: options.h,
-    verbose: options.v,
-  });
+  gulp.src('.')
+    .pipe(server({
+      host: options.h,
+      port: options.p,
+      livereload: {
+        enable: true,
+        port: 27729 + options.p
+      },
+      directoryListing: true,
+    }));
 });
 
+/**
+ * Returns a list of non-tensorboard components inside the components
+ * directory, i.e. components that don't begin with 'tf-'.
+ */
+function getNonTensorBoardComponents() {
+  return fs.readdirSync("components").filter(function(file) {
+    var filePrefix = file.slice(0, TF_COMPONENTS_PREFIX.length);
+    return fs.statSync(path.join("components", file)).isDirectory()
+        && filePrefix !== TF_COMPONENTS_PREFIX;
+  }).map(function(dir) {
+    return '/' + dir + '/';
+  });
+}
+
 
-var linkRegex = /<link rel="[^"]*" (type="[^"]*" )?href=".*bower_components[^"]*">\n/g;
-var scriptRegex = /<script src=".*bower_components[^"]*"><\/script>\n/g;
+var linkRegex = /<link rel="[^"]*" (type="[^"]*" )?href="[^"]*">\n/g;
+var scriptRegex = /<script src="[^"]*"><\/script>\n/g;
 gulp.task('vulcanize', ['compile.all', 'tslint-strict'], function() {
-      gulp.src('app/tf-tensorboard.html')
-          .pipe(vulcanize({
-            inlineScripts: true,
-            inlineCss: true,
-            stripComments: true,
-            excludes: ['/bower_components/'],
-          }))
-          // TODO(danmane): Remove this worrysome brittleness when vulcanize
-          // fixes https://github.com/Polymer/vulcanize/issues/273
-          .pipe(replace(linkRegex, ''))
-          .pipe(replace(scriptRegex, ''))
-          .pipe(gulp.dest('dist'));
-
-      gulp.src('app/index.html')
-          .pipe(vulcanize({
-            inlineScripts: true,
-            inlineCss: true,
-            stripComments: true,
-          }))
-          .pipe(gulp.dest('dist'));
-
-      gulp.src('app/tf-tensorboard-demo.html')
-          .pipe(vulcanize({
-            inlineScripts: true,
-            inlineCss: true,
-            stripComments: true,
-          }))
-          .pipe(gulp.dest('dist'));
+  // Vulcanize TensorBoard without external libraries.
+  gulp.src('components/tf-tensorboard/tf-tensorboard.html')
+    .pipe(vulcanize({
+      inlineScripts: true,
+      inlineCss: true,
+      stripComments: true,
+      excludes: getNonTensorBoardComponents(),
+    }))
+    // TODO(danmane): Remove this worrysome brittleness when vulcanize
+    // fixes https://github.com/Polymer/vulcanize/issues/273
+    .pipe(replace(linkRegex, ''))
+    .pipe(replace(scriptRegex, ''))
+    .pipe(gulp.dest('dist'));
+
+  // Vulcanize TensorBoard with all external libraries inlined.
+  gulp.src('components/index.html')
+    .pipe(vulcanize({
+      inlineScripts: true,
+      inlineCss: true,
+      stripComments: true,
+    }))
+    .pipe(gulp.dest('dist'));
+
+  gulp.src('app/tf-tensorboard-demo.html')
+    .pipe(vulcanize({
+      inlineScripts: true,
+      inlineCss: true,
+      stripComments: true,
+    }))
+    .pipe(gulp.dest('dist'));
 });
 
 gulp.task('serve', ['server']); // alias
diff --git a/tensorflow/tensorboard/package.json b/tensorflow/tensorboard/package.json
index 2637e873738d84d294b31555cbae0ce4893ad500..068d2f049687ebe7e3982f1ba95b384f5b642e14 100644
--- a/tensorflow/tensorboard/package.json
+++ b/tensorflow/tensorboard/package.json
@@ -30,8 +30,6 @@
     "gulp-vulcanize": "~6.0.1",
     "minimist": "~1.2.0",
     "gulp-replace": "~0.5.4",
-    "web-component-tester": "~3.3.30",
-    "send": "~0.13.0",
-    "express": "~4.13.3"
+    "web-component-tester": "~3.3.30"
   }
 }
diff --git a/tensorflow/tensorboard/scripts/tfserve.js b/tensorflow/tensorboard/scripts/tfserve.js
deleted file mode 100644
index d4d1e32b27934d044e6ef3e87586110d11642419..0000000000000000000000000000000000000000
--- a/tensorflow/tensorboard/scripts/tfserve.js
+++ /dev/null
@@ -1,94 +0,0 @@
-/* Copyright 2015 Google Inc. All Rights Reserved.
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-==============================================================================*/
-
-/**
- * Simple server for running TensorBoard during development.
- */
-
-var express = require('express');
-var http = require('http');
-var fs = require('fs');
-var parseUrl = require('url').parse;
-var send = require('send');
-
-function pathExists(path) {
-  try {
-    fs.statSync(path);
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-
-function serveTensorBoard(options) {
-  var logger = options.verbose ? console.log : new Function();
-
-  function serveFile(req, res) {
-    var url = parseUrl(req.url, true);
-    var splitPath = url.pathname.split('/').slice(1);
-    var filePath = splitPath.join('/');
-    logger('serve file path:', filePath);
-    send(req, filePath).pipe(res);
-  }
-
-  options.port = options.port || 8000;
-  options.host = options.host || 'localhost';
-  console.log('Serving TensorBoard at', options.host, ':', options.port);
-  logger('Serving in verbose mode.');
-  var app = express();
-  app.get('/', function(req, res) {
-    // redirect to the demo page
-    logger('Redirecting from / to the demo page');
-    res.redirect(301, '/components/tf-tensorboard/demo/index.html');
-  });
-  app.get('/components/imports/local-imports/*', serveFile);
-  app.get('/components/imports/*', function(req, res) {
-    var url = parseUrl(req.url, true).pathname;
-    var newUrl = url.replace('imports', 'imports/local-imports');
-    logger('redirect:', url, '->', newUrl);
-    res.redirect(301, newUrl);
-  });
-  app.get('/components/*', function(req, res) {
-    // serve from bower_components if possible, components otherwise
-    var url = parseUrl(req.url, true);
-    var splitPath = url.pathname.split('/').slice(2);
-    var bowerPath = ['bower_components'].concat(splitPath).join('/');
-    var componentsPath = ['components'].concat(splitPath).join('/');
-    var path;
-    if (pathExists(bowerPath)) {
-      path = bowerPath;
-    } else if (pathExists(componentsPath)) {
-      path = componentsPath;
-    } else {
-      console.error('Unable to find path:', componentsPath);
-      res.status(404).send('404 - couldnt find', componentsPath);
-      return;
-    }
-    logger('sending file:', path);
-    send(req, path).pipe(res);
-  });
-  app.get('*', serveFile);
-
-  var server = http.createServer(app);
-  server.listen(options.port, options.host);
-
-  server.on('error', function(err) {
-    if (err.code === 'EADDRINUSE') {
-      console.error('tfserve.js: Error - Port in use:', options.port);
-    }
-  });
-}
-
-module.exports = serveTensorBoard;