From 04e89bba376914fae9bd3da7c6fa7976509119ca Mon Sep 17 00:00:00 2001
From: Brenden Tuck <friarzen@gmail.com>
Date: Sun, 29 Dec 2019 10:06:22 -0500
Subject: [PATCH 1/7] Initial work for webclient Options UI extensions

---
 .../static/webclient/css/webclient.css        |   4 +
 .../fonts/DejaVuSansMono-webfont.woff         | Bin 0 -> 22208 bytes
 .../static/webclient/fonts/DejaVuSansMono.css |   6 +
 .../static/webclient/js/plugins/clienthelp.js |  25 ++++
 .../static/webclient/js/plugins/font.js       |  79 ++++++++++++
 .../static/webclient/js/plugins/iframe.js     |  68 ++++++++++
 .../webclient/js/plugins/message_routing.js   | 116 ++++++++++++++++++
 .../static/webclient/js/plugins/options2.js   | 103 ++++++++++++++++
 .../webclient/templates/webclient/base.html   |   9 +-
 9 files changed, 409 insertions(+), 1 deletion(-)
 create mode 100644 evennia/web/webclient/static/webclient/fonts/DejaVuSansMono-webfont.woff
 create mode 100644 evennia/web/webclient/static/webclient/fonts/DejaVuSansMono.css
 create mode 100644 evennia/web/webclient/static/webclient/js/plugins/clienthelp.js
 create mode 100644 evennia/web/webclient/static/webclient/js/plugins/font.js
 create mode 100644 evennia/web/webclient/static/webclient/js/plugins/iframe.js
 create mode 100644 evennia/web/webclient/static/webclient/js/plugins/message_routing.js
 create mode 100644 evennia/web/webclient/static/webclient/js/plugins/options2.js

diff --git a/evennia/web/webclient/static/webclient/css/webclient.css b/evennia/web/webclient/static/webclient/css/webclient.css
index 312f321595..0ce0997c56 100644
--- a/evennia/web/webclient/static/webclient/css/webclient.css
+++ b/evennia/web/webclient/static/webclient/css/webclient.css
@@ -88,6 +88,10 @@ div {margin:0px;}
   height: 100%;
 }
 
+.card {
+  background-color: #333;
+}
+
 /* Container surrounding entire client */
 #clientwrapper {
   height: 100%;
diff --git a/evennia/web/webclient/static/webclient/fonts/DejaVuSansMono-webfont.woff b/evennia/web/webclient/static/webclient/fonts/DejaVuSansMono-webfont.woff
new file mode 100644
index 0000000000000000000000000000000000000000..43b301c564d22f91a1e699815bfbf5c896a24883
GIT binary patch
literal 22208
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
V*FFFM007m!Hn;!*S(k=5002<u2-yGt

literal 0
HcmV?d00001

diff --git a/evennia/web/webclient/static/webclient/fonts/DejaVuSansMono.css b/evennia/web/webclient/static/webclient/fonts/DejaVuSansMono.css
new file mode 100644
index 0000000000..5484c470fb
--- /dev/null
+++ b/evennia/web/webclient/static/webclient/fonts/DejaVuSansMono.css
@@ -0,0 +1,6 @@
+@font-face {
+    font-family: 'DejaVu Sans Mono';
+    src: url('/static/webclient/fonts/DejaVuSansMono-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
diff --git a/evennia/web/webclient/static/webclient/js/plugins/clienthelp.js b/evennia/web/webclient/static/webclient/js/plugins/clienthelp.js
new file mode 100644
index 0000000000..7cab3457f2
--- /dev/null
+++ b/evennia/web/webclient/static/webclient/js/plugins/clienthelp.js
@@ -0,0 +1,25 @@
+/*
+ *
+ * Evennia Webclient help plugin
+ *
+ */
+let clienthelp_plugin = (function () {
+    //
+    //
+    //
+    var onOptionsUI = function (parentdiv) {
+        var help_text = $( [
+            "<h3>Welcome to Evennia.</h3>",
+            "<div>This client supports a bunch of features, including<div>",
+            "<div>drag-and-drop window placement, multiple input windows, and per-window message routing.</div>",
+            "<div>To get the full details, go to: <a href='http://evennia.com'>Evennia.com</a></div><br>",
+        ].join(""));
+        parentdiv.append(help_text);
+    }
+
+    return {
+        init: function () {},
+        onOptionsUI: onOptionsUI,
+    }
+})();
+window.plugin_handler.add("clienthelp", clienthelp_plugin);
diff --git a/evennia/web/webclient/static/webclient/js/plugins/font.js b/evennia/web/webclient/static/webclient/js/plugins/font.js
new file mode 100644
index 0000000000..7512d931f4
--- /dev/null
+++ b/evennia/web/webclient/static/webclient/js/plugins/font.js
@@ -0,0 +1,79 @@
+/*
+ *
+ * Evennia Webclient default "send-text-on-enter-key" IO plugin
+ *
+ */
+let font_plugin = (function () {
+
+    const font_urls = {
+        'B612 Mono': 'https://fonts.googleapis.com/css?family=B612+Mono&display=swap', 
+        'Consolas': 'https://fonts.googleapis.com/css?family=Consolas&display=swap',
+        'DejaVu Sans Mono': '/static/webclient/fonts/DejaVuSansMono.css',
+        'Fira Mono': 'https://fonts.googleapis.com/css?family=Fira+Mono&display=swap',
+        'Inconsolata': 'https://fonts.googleapis.com/css?family=Inconsolata&display=swap',
+        'Monospace': '',
+        'Roboto Mono': 'https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap',
+        'Source Code Pro': 'https://fonts.googleapis.com/css?family=Source+Code+Pro&display=swap',
+        'Ubuntu Mono': 'https://fonts.googleapis.com/css?family=Ubuntu+Mono&display=swap',
+    };
+
+    //
+    //
+    //
+    var onOptionsUI = function (parentdiv) {
+        var fontselect = $('<select>');
+        var sizeselect = $('<select>');
+
+        var fonts = Object.keys(font_urls);
+        for (var x = 0; x < fonts.length; x++) {
+            var option = $('<option value="'+fonts[x]+'">'+fonts[x]+'</option>');
+            fontselect.append(option);
+        }
+
+        for (var x = 4; x < 21; x++) {
+            var val = (x/10.0);
+            var option = $('<option value="'+val+'">'+x+'</option>');
+            sizeselect.append(option);
+        }
+
+        fontselect.val('DejaVu Sans Mono'); // default value
+        sizeselect.val('9'); // default value
+
+        // font-family change callback
+        fontselect.on('change', function () {
+            $(document.body).css('font-family', $(this).val());
+        });
+
+        // font size change callback
+        sizeselect.on('change', function () {
+            $(document.body).css('font-size', $(this).val()+"em");
+        });
+
+        // add the font selection dialog control to our parentdiv
+        parentdiv.append('<h3>Font Selection:</h3>');
+        parentdiv.append(fontselect);
+        parentdiv.append(sizeselect);
+    }
+
+    //
+    // Font plugin init function (adds the urls for the webfonts to the page)
+    // 
+    var init = function () {
+        var head = $(document.head);
+
+        var fonts = Object.keys(font_urls);
+        for (var x = 0; x < fonts.length; x++) {
+            if ( fonts[x] != "Monospace" ) {
+                var url = font_urls[ fonts[x] ];
+                var link = $('<link href="'+url+'" rel="stylesheet">');
+                head.append( link );
+            }
+        }
+    }
+
+    return {
+        init: init,
+        onOptionsUI: onOptionsUI,
+    }
+})();
+window.plugin_handler.add("font", font_plugin);
diff --git a/evennia/web/webclient/static/webclient/js/plugins/iframe.js b/evennia/web/webclient/static/webclient/js/plugins/iframe.js
new file mode 100644
index 0000000000..d6df1b02dc
--- /dev/null
+++ b/evennia/web/webclient/static/webclient/js/plugins/iframe.js
@@ -0,0 +1,68 @@
+/*
+ * IFrame plugin
+ * REQUIRES: goldenlayout.js
+ */
+let iframe = (function () {
+
+    var url = window.location.origin;
+
+    //
+    // Create iframe component
+    var createIframeComponent = function () {
+        var myLayout = window.plugins["goldenlayout"].getGL();
+
+        myLayout.registerComponent( "iframe", function (container, componentState) {
+            // build the iframe
+            var div = $('<iframe src="' + url + '">');
+            div.css("width", "100%");
+            div.css("height", "inherit");
+            div.appendTo( container.getElement() );
+        });
+    }
+
+
+    // handler for the "iframe" button
+    var onOpenIframe = function () {
+        var iframeComponent = {
+            title: url,
+            type: "component",
+            componentName: "iframe",
+            componentState: {
+            },
+        };
+
+        // Create a new GoldenLayout tab filled with the iframeComponent above
+        var myLayout = window.plugins["goldenlayout"].getGL();
+        var main = myLayout.root.getItemsByType("stack")[0].getActiveContentItem();
+        main.parent.addChild( iframeComponent ); 
+    }
+
+    // Public
+
+    var onOptionsUI = function (parentdiv) {
+        var iframebutton = $('<input type="button" value="open new iframe" />');
+	iframebutton.on('click', onOpenIframe);
+
+        parentdiv.append( '<h3>Browser iFrame:</h3>' );
+        parentdiv.append( iframebutton );
+    }
+
+    //
+    //
+    var postInit = function() {
+        // Are we using GoldenLayout?
+        if( window.plugins["goldenlayout"] ) {
+            createIframeComponent();
+
+            $("#iframebutton").bind("click", onOpenIframe);
+        }
+        console.log('IFrame plugin Loaded');
+    }
+
+    return {
+        init: function () {},
+        postInit: postInit,
+	onOptionsUI: onOptionsUI,
+    }
+})();
+window.plugin_handler.add("iframe", iframe);
diff --git a/evennia/web/webclient/static/webclient/js/plugins/message_routing.js b/evennia/web/webclient/static/webclient/js/plugins/message_routing.js
new file mode 100644
index 0000000000..f6964588f2
--- /dev/null
+++ b/evennia/web/webclient/static/webclient/js/plugins/message_routing.js
@@ -0,0 +1,116 @@
+/*
+ * Spawns plugin
+ * REQUIRES: goldenlayout.js
+ */
+let spawns = (function () {
+
+    var ignoreDefaultKeydown = false;
+
+    var spawnmap = {};	// Mapping of regex/tag-pair
+
+    var onAlterRegex = function (evnt) {
+        var regex = $(evnt.target);
+        var siblings = regex.siblings();
+        spawnmap[regex.val()] = siblings.val();
+        localStorage.setItem( "evenniaMessageRoutingSavedState", JSON.stringify(spawnmap) );
+    }
+
+    var onAlterTag = function (evnt) {
+        var tag = $(evnt.target);
+        var siblings = tag.siblings();
+        spawnmap[siblings.val()] = tag.val();
+        window.plugins["goldenlayout"].addKnownType( tag.val() );
+        localStorage.setItem( "evenniaMessageRoutingSavedState", JSON.stringify(spawnmap) );
+    }
+
+    var onFocusIn = function (evnt) {
+        ignoreDefaultKeydown = true;
+    }
+
+    var onFocusOut = function (evnt) {
+        ignoreDefaultKeydown = false;
+    }
+
+    var onNewRegexRow = function (formdiv, regexstring, tagstring) {
+        var div = $('<div>');
+	var regex = $('<input class="regex" type=text value="'+regexstring+'"/>');
+	var tag = $('<input class="tag" type=text value="'+tagstring+'"/>'); 
+        regex.on('change', onAlterRegex );
+        regex.on('focusin', onFocusIn );
+        regex.on('focusout', onFocusOut );
+        tag.on('change', onAlterTag );
+        tag.on('focusin', onFocusIn );
+        tag.on('focusout', onFocusOut );
+        div.append(regex);
+        div.append(tag);
+	formdiv.append(div);
+    }
+
+    // Public
+
+    //
+    // onOptionsUI -- create an expandable/deletable row of regex/tag mapping pairs
+    //            
+    //            If there isn't a window with that tag mapped already, open a new one
+    //
+    var onOptionsUI = function (parentdiv) {
+        var div = $('<div>');
+        var button= $('<input type="button" value="New Regex/Tag Pair" />');
+	button.on('click', function () { onNewRegexRow(div, '', ''); });
+	div.append(button);
+
+	for( regex in spawnmap ) {
+	    onNewRegexRow(div, regex, spawnmap[regex] );
+	}
+
+	parentdiv.append('<h3>Message Routing:</h3>');
+	parentdiv.append(div);
+    }
+
+    //
+    // onText -- catch Text before it is routed by the goldenlayout router
+    //           then test our list of regexes on the given text to see if it matches.
+    //           If it does, rewrite the Text Type to be our tag value instead.
+    //
+    var onText = function (args, kwargs) {
+        var txt = args[0];
+
+	for( regex in spawnmap ) {
+            if ( txt.match(regex) != null ) {
+                kwargs['type'] = spawnmap[regex];
+	    }
+	}
+    }
+
+
+    //
+    // OnKeydown -- if the Options window is open, capture focus
+    //
+    var onKeydown = function(evnt) {
+        return ignoreDefaultKeydown;
+    }
+
+
+    //
+    // init
+    //
+    var init = function () {
+        var ls_spawnmap = localStorage.getItem( "evenniaMessageRoutingSavedState" );
+        if( ls_spawnmap ) {
+            spawnmap = JSON.parse(ls_spawnmap);
+	    for( regex in spawnmap ) {
+                window.plugins["goldenlayout"].addKnownType( spawnmap[regex] );
+	    }
+	}
+
+        console.log('Client-Side Message Routing plugin initialized');
+    }
+
+    return {
+        init: init,
+	onOptionsUI: onOptionsUI,
+        onText: onText,
+        onKeydown: onKeydown,
+    }
+})();
+window.plugin_handler.add("spawns", spawns);
diff --git a/evennia/web/webclient/static/webclient/js/plugins/options2.js b/evennia/web/webclient/static/webclient/js/plugins/options2.js
new file mode 100644
index 0000000000..7c87b46e69
--- /dev/null
+++ b/evennia/web/webclient/static/webclient/js/plugins/options2.js
@@ -0,0 +1,103 @@
+/*
+ * Options 2.0
+ * REQUIRES: goldenlayout.js
+ */
+let options2 = (function () {
+
+    var onGagPrompt = function () { console.log('gagprompt') }
+    var onNotifyPopup = function () { console.log('notifypopup') }
+    var onNotifySound = function () { console.log('notifysound') }
+
+    var onOptionsUI = function (parentdiv) {
+        var gagprompt = $('<label><input type="checkbox" data-setting="gagprompt" value="value">Don\'t echo prompts to the main text area</label>');
+        var notifypopup = $('<label><input type="checkbox" data-setting="notification_popup" value="value">Popup notification</label>');
+        var notifysound = $('<label><input type="checkbox" data-setting="notification_sound" value="value">Play a sound</label>');
+
+        gagprompt.on("change", onGagPrompt);
+        notifypopup.on("change", onNotifyPopup);
+        notifysound.on("change", onNotifySound);
+
+        parentdiv.append(gagprompt);
+        parentdiv.append(notifypopup);
+        parentdiv.append(notifysound);
+    }
+
+
+    //
+    // Create and register the "options" golden-layout component
+    var createOptionsComponent = function () {
+        var myLayout = window.plugins["goldenlayout"].getGL();
+
+        myLayout.registerComponent( "options", function (container, componentState) {
+            var plugins = window.plugins;
+
+            // build the buttons
+            var div = $("<div class='accordion' style='overflow-y:scroll; height:inherit;'>");
+
+            for( let plugin in plugins ) {
+                if( 'onOptionsUI' in plugins[plugin] ) {
+                    var card = $("<div class='card'>");
+                    var body = $("<div>");
+
+                    plugins[plugin].onOptionsUI( body );
+
+                    card.append(body); 
+                    card.appendTo( div );
+                }
+            }
+
+            div.appendTo( container.getElement() );
+        });
+    }
+
+
+    // handler for the "Options" button
+    var onOpenOptions = function () {
+        var optionsComponent = {
+            title: "Options",
+            type: "component",
+            componentName: "options",
+            componentState: {
+            },
+        };
+
+        // Create a new GoldenLayout tab filled with the optionsComponent above
+        var myLayout = window.plugins["goldenlayout"].getGL();
+        var main = myLayout.root.getItemsByType("stack")[0].getActiveContentItem();
+        main.parent.addChild( optionsComponent ); 
+    }
+
+    // Public
+
+    //
+    // Handle the Webclient_Options event
+    var onGotOptions = function(args, kwargs) {
+        // Pressing the settings button
+    }
+
+    var init = function() {
+        var optionsbutton = $('<button id="optionsbutton">&#x2699;</button>');
+        $('#toolbar').append( optionsbutton );
+        // Pressing the settings button
+    }
+
+    //
+    //
+    var postInit = function() {
+        // Are we using GoldenLayout?
+        if( window.plugins["goldenlayout"] ) {
+            createOptionsComponent();
+
+            $("#optionsbutton").bind("click", onOpenOptions);
+        }
+        console.log('Options2 Loaded');
+    }
+
+    return {
+        init: init,
+        postInit: postInit,
+        onGotOptions: onGotOptions,
+        onOptionsUI: onOptionsUI,
+    }
+})();
+window.plugin_handler.add("options2", options2);
diff --git a/evennia/web/webclient/templates/webclient/base.html b/evennia/web/webclient/templates/webclient/base.html
index 399389f15e..46353b18ad 100644
--- a/evennia/web/webclient/templates/webclient/base.html
+++ b/evennia/web/webclient/templates/webclient/base.html
@@ -76,9 +76,16 @@ JQuery available.
     {% block guilib_import %}
         <script src={% static "webclient/js/webclient_gui.js" %} language="javascript" type="text/javascript" charset="utf-8"></script>
         <script src={% static "webclient/js/plugins/goldenlayout_default_config.js" %} type="text/javascript"></script>
+        <script src={% static "webclient/js/plugins/clienthelp.js" %} language="javascript" type="text/javascript" charset="utf-8"></script>
         <script src={% static "webclient/js/plugins/popups.js" %} language="javascript" type="text/javascript"></script>
-        <script src={% static "webclient/js/plugins/options.js" %} language="javascript" type="text/javascript"></script>
+<!--
+	<script src={% static "webclient/js/plugins/options.js" %} language="javascript" type="text/javascript"></script>
+-->
+        <script src={% static "webclient/js/plugins/options2.js" %} language="javascript" type="text/javascript"></script>
+        <script src={% static "webclient/js/plugins/iframe.js" %} language="javascript" type="text/javascript"></script>
+        <script src={% static "webclient/js/plugins/message_routing.js" %} language="javascript" type="text/javascript"></script>
         <script src={% static "webclient/js/plugins/history.js" %} language="javascript" type="text/javascript"></script>
+        <script src={% static "webclient/js/plugins/font.js" %} language="javascript" type="text/javascript" charset="utf-8"></script>
 <!--
         <script src={% static "webclient/js/plugins/splithandler.js" %} language="javascript" type="text/javascript"></script>
 -->

From 6c49ebfc4d8efb2f3bb8b2be1e3ff3714261ba6b Mon Sep 17 00:00:00 2001
From: Brenden Tuck <friarzen@gmail.com>
Date: Sun, 19 Jan 2020 00:01:11 -0500
Subject: [PATCH 2/7] Resize/Reword headings and open/close for the options cog

---
 .../static/webclient/js/plugins/clienthelp.js |  8 ++---
 .../static/webclient/js/plugins/font.js       |  4 +--
 .../static/webclient/js/plugins/iframe.js     |  4 +--
 .../webclient/js/plugins/message_routing.js   |  2 +-
 .../static/webclient/js/plugins/options2.js   | 32 ++++++++++++++++---
 5 files changed, 36 insertions(+), 14 deletions(-)

diff --git a/evennia/web/webclient/static/webclient/js/plugins/clienthelp.js b/evennia/web/webclient/static/webclient/js/plugins/clienthelp.js
index 7cab3457f2..f5f5545ab0 100644
--- a/evennia/web/webclient/static/webclient/js/plugins/clienthelp.js
+++ b/evennia/web/webclient/static/webclient/js/plugins/clienthelp.js
@@ -9,10 +9,10 @@ let clienthelp_plugin = (function () {
     //
     var onOptionsUI = function (parentdiv) {
         var help_text = $( [
-            "<h3>Welcome to Evennia.</h3>",
-            "<div>This client supports a bunch of features, including<div>",
-            "<div>drag-and-drop window placement, multiple input windows, and per-window message routing.</div>",
-            "<div>To get the full details, go to: <a href='http://evennia.com'>Evennia.com</a></div><br>",
+            "<div style='font-weight: bold;'>",
+                "<a href='http://evennia.com'>Evennia</a>",
+                " Webclient Settings:",
+            "</div>"
         ].join(""));
         parentdiv.append(help_text);
     }
diff --git a/evennia/web/webclient/static/webclient/js/plugins/font.js b/evennia/web/webclient/static/webclient/js/plugins/font.js
index 7512d931f4..cf940fab40 100644
--- a/evennia/web/webclient/static/webclient/js/plugins/font.js
+++ b/evennia/web/webclient/static/webclient/js/plugins/font.js
@@ -37,7 +37,7 @@ let font_plugin = (function () {
         }
 
         fontselect.val('DejaVu Sans Mono'); // default value
-        sizeselect.val('9'); // default value
+        sizeselect.val('0.9'); // default scaling factor
 
         // font-family change callback
         fontselect.on('change', function () {
@@ -50,7 +50,7 @@ let font_plugin = (function () {
         });
 
         // add the font selection dialog control to our parentdiv
-        parentdiv.append('<h3>Font Selection:</h3>');
+        parentdiv.append('<div style="font-weight: bold">Font Selection:</div>');
         parentdiv.append(fontselect);
         parentdiv.append(sizeselect);
     }
diff --git a/evennia/web/webclient/static/webclient/js/plugins/iframe.js b/evennia/web/webclient/static/webclient/js/plugins/iframe.js
index d6df1b02dc..01d19a7993 100644
--- a/evennia/web/webclient/static/webclient/js/plugins/iframe.js
+++ b/evennia/web/webclient/static/webclient/js/plugins/iframe.js
@@ -40,10 +40,10 @@ let iframe = (function () {
     // Public
 
     var onOptionsUI = function (parentdiv) {
-        var iframebutton = $('<input type="button" value="open new iframe" />');
+        var iframebutton = $('<input type="button" value="Open Game Website" />');
 	iframebutton.on('click', onOpenIframe);
 
-        parentdiv.append( '<h3>Browser iFrame:</h3>' );
+        parentdiv.append( '<div style="font-weight: bold">Restricted Browser-in-Browser:</div>' );
         parentdiv.append( iframebutton );
     }
 
diff --git a/evennia/web/webclient/static/webclient/js/plugins/message_routing.js b/evennia/web/webclient/static/webclient/js/plugins/message_routing.js
index f6964588f2..04bb88cf67 100644
--- a/evennia/web/webclient/static/webclient/js/plugins/message_routing.js
+++ b/evennia/web/webclient/static/webclient/js/plugins/message_routing.js
@@ -63,7 +63,7 @@ let spawns = (function () {
 	    onNewRegexRow(div, regex, spawnmap[regex] );
 	}
 
-	parentdiv.append('<h3>Message Routing:</h3>');
+	parentdiv.append('<div style="font-weight: bold">Message Routing:</div>');
 	parentdiv.append(div);
     }
 
diff --git a/evennia/web/webclient/static/webclient/js/plugins/options2.js b/evennia/web/webclient/static/webclient/js/plugins/options2.js
index 7c87b46e69..565ef26333 100644
--- a/evennia/web/webclient/static/webclient/js/plugins/options2.js
+++ b/evennia/web/webclient/static/webclient/js/plugins/options2.js
@@ -4,6 +4,8 @@
  */
 let options2 = (function () {
 
+    var options_container = null ;
+
     var onGagPrompt = function () { console.log('gagprompt') }
     var onNotifyPopup = function () { console.log('notifypopup') }
     var onNotifySound = function () { console.log('notifysound') }
@@ -30,6 +32,7 @@ let options2 = (function () {
 
         myLayout.registerComponent( "options", function (container, componentState) {
             var plugins = window.plugins;
+            options_container = container.getElement();
 
             // build the buttons
             var div = $("<div class='accordion' style='overflow-y:scroll; height:inherit;'>");
@@ -46,13 +49,13 @@ let options2 = (function () {
                 }
             }
 
-            div.appendTo( container.getElement() );
+            div.appendTo( options_container );
         });
     }
 
 
     // handler for the "Options" button
-    var onOpenOptions = function () {
+    var onOpenCloseOptions = function () {
         var optionsComponent = {
             title: "Options",
             type: "component",
@@ -63,8 +66,27 @@ let options2 = (function () {
 
         // Create a new GoldenLayout tab filled with the optionsComponent above
         var myLayout = window.plugins["goldenlayout"].getGL();
-        var main = myLayout.root.getItemsByType("stack")[0].getActiveContentItem();
-        main.parent.addChild( optionsComponent ); 
+        if( ! options_container ) {
+            // open new optionsComponent
+            var main = myLayout.root.getItemsByType("stack")[0].getActiveContentItem();
+
+            myLayout.on( 'tabCreated', function( tab ) {
+                if( tab.contentItem.componentName == "options" ) {
+                    tab
+                    .closeElement
+                    .off('click')
+                    .click( function () {
+                        options_container = null;
+                        tab.contentItem.remove();
+                    });
+                    options_container = tab.contentItem;
+                }
+            });
+            main.parent.addChild( optionsComponent );
+        } else {
+            options_container.remove();
+            options_container = null;
+        }
     }
 
     // Public
@@ -88,7 +110,7 @@ let options2 = (function () {
         if( window.plugins["goldenlayout"] ) {
             createOptionsComponent();
 
-            $("#optionsbutton").bind("click", onOpenOptions);
+            $("#optionsbutton").bind("click", onOpenCloseOptions);
         }
         console.log('Options2 Loaded');
     }

From d1438c9086b7b993cb5462e2e5ea641149cf985c Mon Sep 17 00:00:00 2001
From: Brenden Tuck <friarzen@gmail.com>
Date: Sun, 19 Jan 2020 12:28:10 -0500
Subject: [PATCH 3/7] update message_routing to ignore blank entries, added a
 delete button

---
 .../webclient/js/plugins/message_routing.js   | 31 ++++++++++++-------
 1 file changed, 20 insertions(+), 11 deletions(-)

diff --git a/evennia/web/webclient/static/webclient/js/plugins/message_routing.js b/evennia/web/webclient/static/webclient/js/plugins/message_routing.js
index 04bb88cf67..299d5bfd65 100644
--- a/evennia/web/webclient/static/webclient/js/plugins/message_routing.js
+++ b/evennia/web/webclient/static/webclient/js/plugins/message_routing.js
@@ -8,19 +8,25 @@ let spawns = (function () {
 
     var spawnmap = {};	// Mapping of regex/tag-pair
 
-    var onAlterRegex = function (evnt) {
-        var regex = $(evnt.target);
-        var siblings = regex.siblings();
-        spawnmap[regex.val()] = siblings.val();
-        localStorage.setItem( "evenniaMessageRoutingSavedState", JSON.stringify(spawnmap) );
+    var onAlterTag = function (evnt) {
+        var children = $(evnt.target).parent().children();
+        var regex = $(children[0]).val();
+        var myval = $(children[1]).val();
+
+        if( myval != "" && regex != "" ) {
+            spawnmap[regex] = myval;
+            localStorage.setItem( "evenniaMessageRoutingSavedState", JSON.stringify(spawnmap) );
+            window.plugins["goldenlayout"].addKnownType( myval );
+        }
     }
 
-    var onAlterTag = function (evnt) {
-        var tag = $(evnt.target);
-        var siblings = tag.siblings();
-        spawnmap[siblings.val()] = tag.val();
-        window.plugins["goldenlayout"].addKnownType( tag.val() );
+    var onDeleteTag = function (evnt) {
+        var adult = $(evnt.target).parent();
+        var children = adult.children();
+        var regex = $(children[0]).val();
+        delete spawnmap[regex];
         localStorage.setItem( "evenniaMessageRoutingSavedState", JSON.stringify(spawnmap) );
+        adult.remove(); // remove this set of input boxes/etc from the DOM
     }
 
     var onFocusIn = function (evnt) {
@@ -35,14 +41,17 @@ let spawns = (function () {
         var div = $('<div>');
 	var regex = $('<input class="regex" type=text value="'+regexstring+'"/>');
 	var tag = $('<input class="tag" type=text value="'+tagstring+'"/>'); 
-        regex.on('change', onAlterRegex );
+	var del = $('<input class="delete-regex" type=button value="X"/>'); 
+        regex.on('change', onAlterTag );
         regex.on('focusin', onFocusIn );
         regex.on('focusout', onFocusOut );
         tag.on('change', onAlterTag );
         tag.on('focusin', onFocusIn );
         tag.on('focusout', onFocusOut );
+        del.on('click', onDeleteTag );
         div.append(regex);
         div.append(tag);
+        div.append(del);
 	formdiv.append(div);
     }
 

From f82f3fdccc1471c0bc6e13ddf7594323e333a7aa Mon Sep 17 00:00:00 2001
From: Brenden Tuck <friarzen@gmail.com>
Date: Sun, 19 Jan 2020 16:33:46 -0500
Subject: [PATCH 4/7] fix up the prompt/notify checkboxes to work as expected

---
 .../static/webclient/js/plugins/options2.js   | 90 +++++++++++++++----
 1 file changed, 71 insertions(+), 19 deletions(-)

diff --git a/evennia/web/webclient/static/webclient/js/plugins/options2.js b/evennia/web/webclient/static/webclient/js/plugins/options2.js
index 565ef26333..96c7d05c8d 100644
--- a/evennia/web/webclient/static/webclient/js/plugins/options2.js
+++ b/evennia/web/webclient/static/webclient/js/plugins/options2.js
@@ -6,18 +6,44 @@ let options2 = (function () {
 
     var options_container = null ;
 
-    var onGagPrompt = function () { console.log('gagprompt') }
-    var onNotifyPopup = function () { console.log('notifypopup') }
-    var onNotifySound = function () { console.log('notifysound') }
+    //
+    // When the user changes a setting from the interface
+    var onOptionCheckboxChanged = function (evnt) {
+        var name = $(evnt.target).data("setting");
+        var value = $(evnt.target).is(":checked");
+        options[name] = value;
+        Evennia.msg("webclient_options", [], options);
+    }
 
+    //
+    // Callback to display our basic OptionsUI
     var onOptionsUI = function (parentdiv) {
-        var gagprompt = $('<label><input type="checkbox" data-setting="gagprompt" value="value">Don\'t echo prompts to the main text area</label>');
-        var notifypopup = $('<label><input type="checkbox" data-setting="notification_popup" value="value">Popup notification</label>');
-        var notifysound = $('<label><input type="checkbox" data-setting="notification_sound" value="value">Play a sound</label>');
+        var checked;
 
-        gagprompt.on("change", onGagPrompt);
-        notifypopup.on("change", onNotifyPopup);
-        notifysound.on("change", onNotifySound);
+        checked = options["gagprompt"] ? "checked='checked'" : "";
+        var gagprompt   = $( [ "<label>",
+                               "<input type='checkbox' data-setting='gagprompt' " + checked + "'>",
+                               " Don't echo prompts to the main text area",
+                               "</label>"
+                             ].join("") );
+
+        checked = options["notification_popup"] ? "checked='checked'" : "";
+        var notifypopup = $( [ "<label>",
+                               "<input type='checkbox' data-setting='notification_popup' " + checked + "'>",
+                               " Popup notification",
+                               "</label>"
+                             ].join("") );
+
+        checked = options["notification_sound"] ? "checked='checked'" : "";
+        var notifysound = $( [ "<label>",
+                               "<input type='checkbox' data-setting='notification_sound' " + checked + "'>",
+                               " Play a sound",
+                               "</label>"
+                             ].join("") );
+
+        gagprompt.on("change", onOptionCheckboxChanged);
+        notifypopup.on("change", onOptionCheckboxChanged);
+        notifysound.on("change", onOptionCheckboxChanged);
 
         parentdiv.append(gagprompt);
         parentdiv.append(notifypopup);
@@ -38,7 +64,7 @@ let options2 = (function () {
             var div = $("<div class='accordion' style='overflow-y:scroll; height:inherit;'>");
 
             for( let plugin in plugins ) {
-                if( 'onOptionsUI' in plugins[plugin] ) {
+                if( "onOptionsUI" in plugins[plugin] ) {
                     var card = $("<div class='card'>");
                     var body = $("<div>");
 
@@ -70,11 +96,11 @@ let options2 = (function () {
             // open new optionsComponent
             var main = myLayout.root.getItemsByType("stack")[0].getActiveContentItem();
 
-            myLayout.on( 'tabCreated', function( tab ) {
+            myLayout.on( "tabCreated", function( tab ) {
                 if( tab.contentItem.componentName == "options" ) {
                     tab
                     .closeElement
-                    .off('click')
+                    .off("click")
                     .click( function () {
                         options_container = null;
                         tab.contentItem.remove();
@@ -92,15 +118,39 @@ let options2 = (function () {
     // Public
 
     //
-    // Handle the Webclient_Options event
-    var onGotOptions = function(args, kwargs) {
-        // Pressing the settings button
+    // Called when options settings are sent from server
+    var onGotOptions = function (args, kwargs) {
+        $.each(kwargs, function(key, value) {
+            options[key] = value;
+        });
     }
 
+    //
+    // Called when the user logged in
+    var onLoggedIn = function (args, kwargs) {
+        Evennia.msg("webclient_options", [], {});
+    }
+
+    //
+    // Display a "prompt" command from the server
+    var onPrompt = function (args, kwargs) {
+        // display the prompt in the output window if gagging is disabled
+        if( options["gagprompt"] == false ) {
+            plugin_handler.onText(args, kwargs);
+        }
+
+        // don't claim this Prompt as completed.
+        return false;
+    }
+
+    //
+    //
     var init = function() {
-        var optionsbutton = $('<button id="optionsbutton">&#x2699;</button>');
-        $('#toolbar').append( optionsbutton );
-        // Pressing the settings button
+        var optionsbutton = $("<button id='optionsbutton'>&#x2699;</button>");
+        $("#toolbar").append( optionsbutton );
+        options["gagprompt"] = true;
+        options["notification_popup"] = true;
+        options["notification_sound"] = true;
     }
 
     //
@@ -112,14 +162,16 @@ let options2 = (function () {
 
             $("#optionsbutton").bind("click", onOpenCloseOptions);
         }
-        console.log('Options2 Loaded');
+        console.log("Options 2.0 Loaded");
     }
 
     return {
         init: init,
         postInit: postInit,
         onGotOptions: onGotOptions,
+        onLoggedIn: onLoggedIn,
         onOptionsUI: onOptionsUI,
+        onPrompt: onPrompt,
     }
 })();
 window.plugin_handler.add("options2", options2);

From 1f94555c1a22c95dc134e336d378f95d37d57b44 Mon Sep 17 00:00:00 2001
From: Brenden Tuck <friarzen@gmail.com>
Date: Sun, 19 Jan 2020 16:52:28 -0500
Subject: [PATCH 5/7] fix bug with adding duplicate knowntypes

---
 .../static/webclient/js/plugins/goldenlayout.js        | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/evennia/web/webclient/static/webclient/js/plugins/goldenlayout.js b/evennia/web/webclient/static/webclient/js/plugins/goldenlayout.js
index d1409ab3f7..cbf5217730 100644
--- a/evennia/web/webclient/static/webclient/js/plugins/goldenlayout.js
+++ b/evennia/web/webclient/static/webclient/js/plugins/goldenlayout.js
@@ -383,6 +383,14 @@ let goldenlayout = (function () {
     // Public
     //
 
+    //
+    // helper accessor for other plugins to add new known-message types
+    var addKnownType = function (newtype) {
+        if( knownTypes.includes(newtype) == false ) {
+            knownTypes.push(newtype);
+        }
+    }
+
 
     //
     //
@@ -526,7 +534,7 @@ let goldenlayout = (function () {
         onKeydown: onKeydown,
         onText: onText,
         getGL: function () { return myLayout; },
-        addKnownType: function (newtype) { knownTypes.push(newtype); },
+        addKnownType: addKnownType,
     }
 }());
 window.plugin_handler.add("goldenlayout", goldenlayout);

From e429481f4a4121caa92dfc15b4ece8b54f4cc08e Mon Sep 17 00:00:00 2001
From: Brenden Tuck <friarzen@gmail.com>
Date: Sun, 19 Jan 2020 18:36:29 -0500
Subject: [PATCH 6/7] fix blank/changing regex/tag strings causing duplicates
 and undefined behavior

---
 .../webclient/js/plugins/message_routing.js   | 76 +++++++++++++------
 1 file changed, 51 insertions(+), 25 deletions(-)

diff --git a/evennia/web/webclient/static/webclient/js/plugins/message_routing.js b/evennia/web/webclient/static/webclient/js/plugins/message_routing.js
index 299d5bfd65..e54fdc1e2c 100644
--- a/evennia/web/webclient/static/webclient/js/plugins/message_routing.js
+++ b/evennia/web/webclient/static/webclient/js/plugins/message_routing.js
@@ -6,39 +6,53 @@ let spawns = (function () {
 
     var ignoreDefaultKeydown = false;
 
-    var spawnmap = {};	// Mapping of regex/tag-pair
+    var spawnmap = {};	// { id1: { r:regex, t:tag } } pseudo-array of regex-tag pairs
 
+    //
+    // changes the spawnmap row's contents to the new regex/tag provided,
+    // this avoids leaving stale regex/tag definitions in the spawnmap
     var onAlterTag = function (evnt) {
-        var children = $(evnt.target).parent().children();
-        var regex = $(children[0]).val();
-        var myval = $(children[1]).val();
+        var adult = $(evnt.target).parent();
+        var children = adult.children();
+        var id = $(adult).data('id');
+        var regex = $(children[0]).val();// spaces before/after are valid regex syntax, unfortunately
+        var mytag = $(children[1]).val().trim();
 
-        if( myval != "" && regex != "" ) {
-            spawnmap[regex] = myval;
+        if( mytag != "" && regex != "" ) {
+            if( !(id in spawnmap) ) {
+                spawnmap[id] = {};
+            }
+            spawnmap[id]["r"] = regex;
+            spawnmap[id]["t"] = mytag;
             localStorage.setItem( "evenniaMessageRoutingSavedState", JSON.stringify(spawnmap) );
-            window.plugins["goldenlayout"].addKnownType( myval );
+            window.plugins["goldenlayout"].addKnownType( mytag );
         }
     }
 
+    //
+    // deletes the entire regex/tag/delete button row.
     var onDeleteTag = function (evnt) {
         var adult = $(evnt.target).parent();
         var children = adult.children();
-        var regex = $(children[0]).val();
-        delete spawnmap[regex];
+        var id = $(adult).data('id');
+        delete spawnmap[id];
         localStorage.setItem( "evenniaMessageRoutingSavedState", JSON.stringify(spawnmap) );
         adult.remove(); // remove this set of input boxes/etc from the DOM
     }
 
+    //
     var onFocusIn = function (evnt) {
         ignoreDefaultKeydown = true;
     }
 
+    //
     var onFocusOut = function (evnt) {
         ignoreDefaultKeydown = false;
     }
 
-    var onNewRegexRow = function (formdiv, regexstring, tagstring) {
-        var div = $('<div>');
+    //
+    // display a row with proper editting hooks
+    var displayRow = function (formdiv, div, regexstring, tagstring) {
 	var regex = $('<input class="regex" type=text value="'+regexstring+'"/>');
 	var tag = $('<input class="tag" type=text value="'+tagstring+'"/>'); 
 	var del = $('<input class="delete-regex" type=button value="X"/>'); 
@@ -55,25 +69,37 @@ let spawns = (function () {
 	formdiv.append(div);
     }
 
+    //
+    // generate a whole new regex/tag/delete button row
+    var onNewRegexRow = function (formdiv) {
+        var nextid = 1;
+        while( nextid in spawnmap ) { // pseudo-index spawnmap with id reuse
+            nextid++;
+        }
+        var div = $("<div data-id='"+nextid+"'>");
+        displayRow(formdiv, div, "", "");
+    }
+
+
     // Public
 
     //
-    // onOptionsUI -- create an expandable/deletable row of regex/tag mapping pairs
-    //            
-    //            If there isn't a window with that tag mapped already, open a new one
+    // onOptionsUI -- display the existing spawnmap and a button to create more entries.
     //
     var onOptionsUI = function (parentdiv) {
-        var div = $('<div>');
+        var formdiv = $('<div>');
         var button= $('<input type="button" value="New Regex/Tag Pair" />');
-	button.on('click', function () { onNewRegexRow(div, '', ''); });
-	div.append(button);
+	button.on('click', function () { onNewRegexRow(formdiv) });
+	formdiv.append(button);
 
-	for( regex in spawnmap ) {
-	    onNewRegexRow(div, regex, spawnmap[regex] );
+        // display the existing spawnmap
+	for( var id in spawnmap ) {
+            var div = $("<div data-id='"+id+"'>");
+	    displayRow(formdiv, div, spawnmap[id]["r"], spawnmap[id]["t"] );
 	}
 
 	parentdiv.append('<div style="font-weight: bold">Message Routing:</div>');
-	parentdiv.append(div);
+	parentdiv.append(formdiv);
     }
 
     //
@@ -83,10 +109,10 @@ let spawns = (function () {
     //
     var onText = function (args, kwargs) {
         var txt = args[0];
-
-	for( regex in spawnmap ) {
+	for( var id in spawnmap ) {
+            var regex = spawnmap[id]["r"];
             if ( txt.match(regex) != null ) {
-                kwargs['type'] = spawnmap[regex];
+                kwargs['type'] = spawnmap[id]["t"];
 	    }
 	}
     }
@@ -107,8 +133,8 @@ let spawns = (function () {
         var ls_spawnmap = localStorage.getItem( "evenniaMessageRoutingSavedState" );
         if( ls_spawnmap ) {
             spawnmap = JSON.parse(ls_spawnmap);
-	    for( regex in spawnmap ) {
-                window.plugins["goldenlayout"].addKnownType( spawnmap[regex] );
+	    for( var id in spawnmap ) {
+                window.plugins["goldenlayout"].addKnownType( spawnmap[id]["t"] );
 	    }
 	}
 

From d6835f030c584cbb5495fdd6a87036dc7b20fb51 Mon Sep 17 00:00:00 2001
From: Brenden Tuck <friarzen@gmail.com>
Date: Tue, 21 Jan 2020 21:05:54 -0500
Subject: [PATCH 7/7] usability tweaks and add available_server_tags

---
 .../static/webclient/js/plugins/message_routing.js         | 5 ++++-
 .../web/webclient/static/webclient/js/plugins/options2.js  | 7 +++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/evennia/web/webclient/static/webclient/js/plugins/message_routing.js b/evennia/web/webclient/static/webclient/js/plugins/message_routing.js
index e54fdc1e2c..1279126b39 100644
--- a/evennia/web/webclient/static/webclient/js/plugins/message_routing.js
+++ b/evennia/web/webclient/static/webclient/js/plugins/message_routing.js
@@ -48,6 +48,7 @@ let spawns = (function () {
     //
     var onFocusOut = function (evnt) {
         ignoreDefaultKeydown = false;
+        onAlterTag(evnt); // percolate event so closing the pane, etc saves any last changes.
     }
 
     //
@@ -108,13 +109,15 @@ let spawns = (function () {
     //           If it does, rewrite the Text Type to be our tag value instead.
     //
     var onText = function (args, kwargs) {
-        var txt = args[0];
+        var div = $("<div>" + args[0] + "</div>");
+        var txt = div.text();
 	for( var id in spawnmap ) {
             var regex = spawnmap[id]["r"];
             if ( txt.match(regex) != null ) {
                 kwargs['type'] = spawnmap[id]["t"];
 	    }
 	}
+        return false;
     }
 
 
diff --git a/evennia/web/webclient/static/webclient/js/plugins/options2.js b/evennia/web/webclient/static/webclient/js/plugins/options2.js
index 96c7d05c8d..eb3bc31bc2 100644
--- a/evennia/web/webclient/static/webclient/js/plugins/options2.js
+++ b/evennia/web/webclient/static/webclient/js/plugins/options2.js
@@ -120,8 +120,15 @@ let options2 = (function () {
     //
     // Called when options settings are sent from server
     var onGotOptions = function (args, kwargs) {
+        var addKnownType = window.plugins["goldenlayout"].addKnownType;
+
         $.each(kwargs, function(key, value) {
             options[key] = value;
+
+            // for "available_server_tags", addKnownType for each value ["tag1", "tag2", ... ]
+            if( (key === "available_server_tags") && addKnownType ) {
+                $.each( value, addKnownType );
+            }
         });
     }