--- ../../../doc/shex-simple.html	2018-08-26 11:24:11.604821125 -0400
+++ shexmap-simple.html	2018-08-27 10:08:43.099779639 -0400
@@ -2,7 +2,7 @@
 <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <meta charset="utf-8" />
-    <title>ShEx2 — Simple Online Validator</title>
+    <title>ShExMap — Simple Online Translator</title>
     <meta name="description" content="simple ShEx2 demo" />
     <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"/>
     <style>
@@ -30,7 +30,7 @@
       .pair.fails { background-color: #fbb; }
       .error , #results div .error  { padding-left: .1em; border-left: thick solid #b00; }
       .running { background-color: #ddf; }
-      #inputarea { overflow-x: none; white-space:nowrap; }
+      #inputarea { overflow-x: auto; white-space:nowrap; }
       #inputarea textarea { overflow-x: auto }
       #inputarea textarea.data.focus {
         width: 100%;
@@ -57,6 +57,8 @@
         color: #777;
       }
       body { border-width: .25em; border-style: solid; border-color: white; }
+      #bindings1 textarea, .meta { background-color: #fffff4; color: #000000; border-color: #56fc1c}
+      #bindings1 li.selected { background-color: #ffffe8; }
       .droparea { border-width: .25em; border-style: dashed; }
       .droparea.hover, body.hover { border: .25em dashed #0c0; }
       .stoppable { background-color: red; }
@@ -217,7 +219,7 @@
     </svg>
 
     <div id="title">
-      <img src="//www.w3.org/2015/ShEx-bones-min.svg" class="ShExLogo" alt="ShEx Icon"/><h1 style="float:left;">ShEx2 — Simple Online Validator</h1>
+      <img src="//www.w3.org/2015/ShEx-bones-min.svg" style="float:left; height:1.3em; padding-left: .3em;" alt="ShEx Icon"/><h1 style="float:left;">ShExMap — Simple Online Translator</h1>
       <!-- <ul id="navlist" style="float:left; padding-left: 1em;"> -->
       <!--   <li>‣ <span class="heading">drag and drop to:</span> <input type="file" id="schema-upload" class="inputfile" data-target="#inputSchema textarea"/> <label for="schema-upload" class="schema">ShEx schema</label>, <input type="file" id="data-upload" class="inputfile" data-target="#inputData textarea"/> <label for="data-upload" class="data">RDF data</label></li> -->
       <!-- </ul> -->
@@ -350,15 +352,37 @@
             </ul>
           </div>
         </div>
-        <div style="clear:both; padding-top: .5em;"/>
-            <button id="validate">validate (ctl-enter)</button>
+        <div style="clear:both; padding-top: .5em;">
+          <button id="validate">validate (ctl-enter)</button>
+        </div>
+      </div>
+      <div class="panel">
+        <div id="bindings1">
+          <h2 class="status"> </h2>
+          <textarea rows="19" class="bindings droparea" style="width: 100%"></textarea>
+        </div>
+        <div id="staticVars" style="width: 100%;">
+          <h2 class="status"> </h2>
+          <textarea rows="5" class="vars droparea" style="width: 100%"></textarea>
+        </div>
+        <div>
+          <div id="outactions" style="float:right; margin-right: .1em;">
+            <button id="materialize">materialize (ctl-\)</button> <input id="outputShape" type="text" value="" class="schema context-menu-one btn btn-neutral"/> from <input id="createRoot" type="text" value="" class="data"/>
+          </div>
+        </div>
+      </div>
+      <div id="output" class="panel">
+        <div id="outputSchema" style="width: 100%;">
+          <h2 class="status"> </h2>
+          <textarea rows="25" class="schema droparea" style="width: 100%"></textarea>
+        </div>
       </div>
     </div>
     <div id="results">
       <h2 class="status"> </h2>
       <div></div>
     </div>
-    <script src="../doc/iri.js"></script>
+    <script src="../../../doc/iri.js"></script>
     <script>
       if (!("captureStackTrace" in Error)) {
         Error.captureStackTrace = function () { };
@@ -367,34 +391,47 @@
 
     <!-- #if browserify -->
 <!-- -->
-    <script src="../browser/shex-browserify.js"></script>
+    <script src="../../../browser/shex-browserify.js"></script>
+    <script src="../../../doc/require.js"      ></script>
 <!-- -->
 
     <!-- #else -->
 <!--
-    <script src="../doc/require.js"      ></script>
+    <script src="../../../doc/require.js"      ></script>
     <script src="https://rawgit.com/RubenVerborgh/N3.js/main/lib/N3Util.js"></script><script>modules["n3"]["Util"] = modules["./N3Util"] = N3Util = module.exports;</script>
     <script src="https://rawgit.com/RubenVerborgh/N3.js/main/lib/N3Lexer.js"></script><script>modules["n3"]["Lexer"] = modules["./N3Lexer"] = N3Lexer = module.exports;</script>
     <script src="https://rawgit.com/RubenVerborgh/N3.js/main/lib/N3Parser.js"></script><script>modules["n3"]["Parser"] = N3Parser = module.exports;</script>
     <script src="https://rawgit.com/RubenVerborgh/N3.js/main/lib/N3Store.js"></script><script>modules["n3"]["Store"] = N3Store = module.exports;</script>
     <script src="https://rawgit.com/RubenVerborgh/N3.js/main/lib/N3Writer.js"></script><script>modules["n3"]["Writer"] = N3Writer = module.exports;</script>
-    <script src="../lib/ShExUtil.js"     ></script><script>modules["./ShExUtil"] = modules["../lib/ShExUtil"] = modules["./lib/ShExUtil"] = modules["../../lib/ShExUtil"] = ShExUtil;</script>
-    <script>module.exports = exports;</script><script src="../lib/ShExJison.js"    ></script><script>modules["./ShExJison"] = module.exports;</script>
-    <script src="../lib/ShExParser.js"   ></script><script>modules["../lib/ShExParser"] = modules["./lib/ShExParser"] = module.exports;</script>
-    <script>module.exports = exports;</script><script src="../lib/ShapeMapJison.js"    ></script><script>modules["./ShapeMapJison"] = module.exports;</script>
-    <script src="../lib/ShapeMapParser.js"   ></script><script>modules["../lib/ShapeMapParser"] = modules["./lib/ShapeMapParser"] = module.exports;</script>
-    <script src="../lib/ShapeMap.js"   ></script><script>modules["../lib/ShapeMap"] = modules["./lib/ShapeMap"] = module.exports;</script>
-    <script src="../lib/ShExWriter.js"   ></script><script>modules["./lib/ShExWriter"] = modules["../lib/ShExWriter"] = module.exports;</script>
-    <script src="../lib/regex/threaded-val-nerr.js"></script><script>modules["../lib/regex/threaded-val-nerr"] = modules["./lib/regex/threaded-val-nerr"] = module.exports;</script>
-    <script src="../lib/regex/nfax-val-1err.js"></script><script>modules["./lib/regex/nfax-val-1err"] = module.exports;</script>
-    <script src="../lib/ShExValidator.js"></script><script>modules["/lib/ShExValidator"] = modules["./lib/ShExValidator"] = ShExValidator = module.exports;</script>
-    <script src="../lib/ShExLoader.js"></script><script>modules["/lib/ShExLoader"] = modules["./lib/ShExLoader"] = module.exports;</script>
-    <script src="../shex.js"></script>
+    <script src="../../../lib/ShExUtil.js"     ></script><script>modules["./ShExUtil"] = modules["../lib/ShExUtil"] = modules["./lib/ShExUtil"] = modules["../../lib/ShExUtil"] = ShExUtil;</script>
+    <script>module.exports = exports;</script><script src="../../../lib/ShExJison.js"    ></script><script>modules["./ShExJison"] = module.exports;</script>
+    <script src="../../../lib/ShExParser.js"   ></script><script>modules["../lib/ShExParser"] = modules["./lib/ShExParser"] = module.exports;</script>
+    <script>module.exports = exports;</script><script src="../../../lib/ShapeMapJison.js"    ></script><script>modules["./ShapeMapJison"] = module.exports;</script>
+    <script src="../../../lib/ShapeMapParser.js"   ></script><script>modules["../lib/ShapeMapParser"] = modules["./lib/ShapeMapParser"] = module.exports;</script>
+    <script src="../../../lib/ShapeMap.js"   ></script><script>modules["../lib/ShapeMap"] = modules["./lib/ShapeMap"] = module.exports;</script>
+    <script src="../../../lib/ShExWriter.js"   ></script><script>modules["./lib/ShExWriter"] = modules["../lib/ShExWriter"] = module.exports;</script>
+    <script src="../../../lib/regex/threaded-val-nerr.js"></script><script>modules["../lib/regex/threaded-val-nerr"] = modules["./lib/regex/threaded-val-nerr"] = module.exports;</script>
+    <script src="../../../lib/regex/nfax-val-1err.js"></script><script>modules["./lib/regex/nfax-val-1err"] = module.exports;</script>
+    <script src="../../../lib/ShExValidator.js"></script><script>modules["/lib/ShExValidator"] = modules["./lib/ShExValidator"] = ShExValidator = module.exports;</script>
+    <script src="../../../lib/ShExLoader.js"></script><script>modules["/lib/ShExLoader"] = modules["./lib/ShExLoader"] = module.exports;</script>
+    <script src="../../../shex.js"></script>
  -->
 
     <!-- #endif -->
 
-    <script src="../doc/ShExRSchema.js"></script>
-    <script src="./shex-simple.js"></script>
+    <script>
+      modules["../../shex"] = ShEx;
+    </script>
+    <script src="../lib/extension-utils.js"    ></script><script>modules["./extension-utils"] = module.exports;</script>
+    <script src="../lib/regex_extension.js"    ></script><script>modules["./regex_extension"] = module.exports;</script>
+    <script src="../lib/hashmap_extension.js"  ></script><script>modules["./hashmap_extension"] = module.exports;</script>
+    <script src="../lib/extensions.js"         ></script><script>modules["./lib/extensions"] = module.exports;</script>
+    <script src="../../../lib/regex/nfax-val-1err-materializer.js"></script><script>modules["../lib/regex/nfax-val-1err-materializer.js"] = module.exports;</script>
+
+    <script src="../module.js"                 ></script><script>modules["../extensions/extension-map/module"] = ShExMap = module.exports;</script>
+    <script src="../../../lib/ShExMaterializer.js"></script><script>ShExMaterializer = module.exports;</script>
+    <script src="../../../doc/ShExRSchema.js"></script>
+    <script src="./shexmap-simple.js"></script>
   </body>
 </html>
