From a2b988bb68d1d83a6d71e19eb245756ec448e863 Mon Sep 17 00:00:00 2001
From: Anton Dyudin <ohAitch@gmail.com>
Date: Tue, 26 Jul 2016 17:57:59 -0700
Subject: [PATCH] urbit/talk@7c02e22: Audience input enhancements

---
 web/talk/main.js | 70 +++++++++++++++++++++++++++++++++++++++++++-----
 1 file changed, 64 insertions(+), 6 deletions(-)

diff --git a/web/talk/main.js b/web/talk/main.js
index b2c216903..056bdebde 100644
--- a/web/talk/main.js
+++ b/web/talk/main.js
@@ -288,9 +288,6 @@ module.exports = recl({
   render: function() {
     var k, ship;
     ship = this.props.ship;
-    if (ship[0] === "~") {
-      this.props.ship = ship.slice(1);
-    }
     k = "ship";
     if (this.props.presence) {
       k += " " + this.props.presence;
@@ -448,7 +445,7 @@ module.exports = recl({
     audi = util.clipAudi(aude).map(function(_audi) {
       return div({
         key: _audi
-      }, _audi.slice(1));
+      }, _audi);
     });
     mainStation = util.mainStationPath(window.urb.user);
     type = indexOf.call(aude, mainStation) >= 0 ? 'private' : 'public';
@@ -971,7 +968,7 @@ module.exports = recl({
             className: (this.state.open === source ? "selected" : ""),
             onClick: this._openStation,
             "data-station": source
-          }, source.slice(1)), div({
+          }, source), div({
             className: "close",
             onClick: this._remove,
             "data-station": source
@@ -1057,6 +1054,62 @@ Audience = recl({
         return false;
       }
     }
+    if (e.keyCode === 9) {
+      e.preventDefault();
+      this._autoCompleteAudience();
+      return false;
+    } else if ((this.tabAudList != null) && e.keyCode !== 16) {
+      this.tabAudList = null;
+      return this.tabAudIndex = null;
+    }
+  },
+  _autoCompleteAudience: function() {
+    var aud, g, i, j, len, len1, ref1, ref2, s, stations, txt;
+    txt = $('#audience .input').text().trim();
+    if (this.tabAudList == null) {
+      this.tabAudList = [];
+      if (txt.length === 1 && StationStore.getGlyphs()[txt[0]]) {
+        ref1 = this._getGlyphExpansions(txt[0]);
+        for (i = 0, len = ref1.length; i < len; i++) {
+          s = ref1[i];
+          this.tabAudList.push(s[0]);
+        }
+      } else {
+        if (!(txt[0] === '~')) {
+          txt = '~' + txt;
+        }
+        ref2 = StationStore.getGlyphs();
+        for (g in ref2) {
+          stations = ref2[g];
+          for (j = 0, len1 = stations.length; j < len1; j++) {
+            aud = stations[j];
+            if (aud[0].indexOf(txt) === 0 && this.tabAudList.indexOf(aud[0]) < 0) {
+              this.tabAudList.push(aud[0]);
+            }
+          }
+        }
+      }
+    }
+    if ((this.tabAudList != null) && this.tabAudList.length > 0) {
+      if (this.tabAudIndex != null) {
+        if (event.shiftKey) {
+          this.tabAudIndex--;
+        } else {
+          this.tabAudIndex++;
+        }
+        this.tabAudIndex = (this.tabAudIndex % this.tabAudList.length + this.tabAudList.length) % this.tabAudList.length;
+      } else {
+        this.tabAudIndex = 0;
+      }
+      return StationActions.setAudience(this.tabAudList[this.tabAudIndex].split(/\ +/));
+    }
+  },
+  _getGlyphExpansions: function(g) {
+    var glyphs;
+    glyphs = StationStore.getGlyphs();
+    if (glyphs[g]) {
+      return glyphs[g];
+    }
   },
   render: function() {
     return div({
@@ -1354,7 +1407,9 @@ module.exports = recl({
     audi = util.clipAudi(audi);
     for (k in audi) {
       v = audi[k];
-      audi[k] = v.slice(1);
+      if (audi[k].indexOf('~~') === 0) {
+        audi[k] = v.slice(1);
+      }
     }
     return div({
       className: 'writing',
@@ -1963,6 +2018,9 @@ StationStore = _.merge(new EventEmitter, {
     }
     return results;
   },
+  getGlyphs: function() {
+    return _glyphs;
+  },
   getStations: function() {
     return _stations;
   },