rozele · DaveVoyles · Sep 13, 2019 · Sep 13, 2019 · Sep 16, 2019 · Sep 16, 2019
diff --git a/extensions/tabs/NLUResults.html b/extensions/tabs/NLUResults.html
@@ -12,15 +12,15 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <script src="https://d3js.org/d3.v5.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/json2html/1.2.0/json2html.min.js"></script>
-    <script src="../scripts/graph.js"></script>
-    <script src="../scripts/matrix.js"></script>
-    <script src="../scripts/confusion.js"></script>
+    <script src="../dist/graph.js"></script>
+    <script src="../dist/matrix.js"></script>
+    <script src="../dist/confusion.js"></script>
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
         integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <link rel="stylesheet" href="matrix.css">
     <script src="../lib/VSS.SDK.min.js"></script>
-    <script src="../scripts/init.js"></script>
+    <script src="../dist/init.js"></script>
 </head>
 
 <body style="overflow: auto">

diff --git a/extensions/tabs/README.md b/extensions/tabs/README.md
@@ -0,0 +1,50 @@
+### Instructions
+
+1. In a console, run the command: `tsc -w`
+
+    This will run the TypeScript compiler and have it constantly monitor for any changes to the *.tsc* files.
+
+    Any changes made to those will automatically be propogated to the */dist* folder where the `.tsx` files are converted to `.js` and referenced by the `NLUResults.html`.
+
+2. In a console, run the command: `live-server .`
+
+    This will run a dev server from the current location, open a new tab in your browser, and allow you to browse the pages
+
+3. Navigate to `nluresults.html` to view the charts
+
+
+### How to debug in Chrome, real-time
+
+1. Follow the instructions above
+
+2. Create a `launch.json` file, per the instructions in the documentation.
+
+Mine looks like this:
+
+```json 
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "chrome",
+            "request": "launch",
+            "name": "Launch Chrome against localhost",
+            "url": "http://localhost:8080/",
+            "webRoot": "${workspaceFolder}"
+        }
+    ]
+}
+
+```
+
+3. Read the **Attach** section of the [Code Debugger for Chrome docs](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome) and attach the debugger to Chrome.
+
+3. Press *Debug* or **F5** to begin debugging. A new Chrome window will open. 
+
+4. Set a breakpoint on any of the `.ts` files you are working on
+----------------
+
+**Written by:** Dave Voyles, Sept-12-2019
diff --git a/extensions/tabs/dist/confusion.js.map b/extensions/tabs/dist/confusion.js.map
diff --git a/extensions/tabs/dist/graph.js.map b/extensions/tabs/dist/graph.js.map
diff --git a/extensions/tabs/dist/init.js.map b/extensions/tabs/dist/init.js.map
diff --git a/extensions/tabs/dist/matrix.js.map b/extensions/tabs/dist/matrix.js.map