workflow.js 8.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329
  1. var
  2. /**
  3. * @type {number} next period to wait before next retry in case of failure, in seconds
  4. **/
  5. NEXT_RETRY = 0
  6. /**
  7. * @type {Room|null}
  8. **/
  9. ,SELECTED_ROOM = null
  10. /**
  11. * @type {SimpleChatSystem|null}
  12. **/
  13. ,SELECTED_CONTEXT = null
  14. /** @type {Message|null} */
  15. ,REPLYING_TO = null
  16. /** @type {Message|null} */
  17. ,EDITING = null
  18. ;
  19. function initHljs() {
  20. document.head.innerHTML += '<link href="hljs-androidstudio.css" rel="stylesheet"/>';
  21. document.body.innerHTML += '<script src="highlight.pack.js" async=true></script>';
  22. }
  23. /**
  24. * @param {Room} room
  25. * @param {function(boolean)} cb
  26. **/
  27. function fetchHistory(room, cb) {
  28. var xhr = new XMLHttpRequest();
  29. xhr.open('GET', 'api/hist?room=' +room.id, true);
  30. xhr.send(null);
  31. }
  32. function poll(callback) {
  33. var xhr = new XMLHttpRequest();
  34. xhr.timeout = 1000 * 60 * 1; // 3 min timeout
  35. xhr.onreadystatechange = function(e) {
  36. if (xhr.readyState === 4) {
  37. if (xhr.status === 0) {
  38. if (NEXT_RETRY) {
  39. NEXT_RETRY = 0;
  40. onNetworkStateUpdated(true);
  41. }
  42. poll(callback); // retry on timeout
  43. return;
  44. }
  45. var resp = null
  46. ,success = Math.floor(xhr.status / 100) === 2;
  47. if (success) {
  48. if (NEXT_RETRY) {
  49. NEXT_RETRY = 0;
  50. onNetworkStateUpdated(true);
  51. }
  52. resp = xhr.response;
  53. try {
  54. resp = JSON.parse(/** @type {string} */ (resp));
  55. } catch (e) {
  56. resp = null;
  57. }
  58. } else {
  59. if (NEXT_RETRY) {
  60. NEXT_RETRY += Math.floor((NEXT_RETRY || 5)/2);
  61. NEXT_RETRY = Math.min(60, NEXT_RETRY);
  62. } else {
  63. NEXT_RETRY = 5;
  64. onNetworkStateUpdated(false);
  65. }
  66. }
  67. callback(success, resp);
  68. }
  69. };
  70. xhr.open('GET', 'api?v=' +DATA.lastServerVersion, true);
  71. xhr.send(null);
  72. }
  73. function outOfSync() {
  74. DATA.lastServerVersion = 0;
  75. }
  76. /**
  77. * @param {Room} room
  78. **/
  79. function sendTyping(room) {
  80. var xhr = new XMLHttpRequest()
  81. ,url = 'api/typing?room=' +room.id;
  82. xhr.open('POST', url, true);
  83. xhr.send(null);
  84. }
  85. /**
  86. * @param {boolean} success
  87. * @param {*} response
  88. **/
  89. function onPollResponse(success, response) {
  90. if (success) {
  91. if (response) {
  92. DATA.update(response);
  93. }
  94. startPolling();
  95. } else {
  96. setTimeout(startPolling, NEXT_RETRY * 1000);
  97. }
  98. }
  99. function startPolling() {
  100. poll(onPollResponse);
  101. }
  102. /**
  103. * @param {Room} room
  104. **/
  105. function selectRoom(room) {
  106. if (SELECTED_ROOM)
  107. unselectRoom();
  108. document.getElementById("room_" +room.id).classList.add(R.klass.selected);
  109. document.body.classList.remove(R.klass.noRoomSelected);
  110. SELECTED_ROOM = room;
  111. SELECTED_CONTEXT = /** @type {SimpleChatSystem} */ (DATA.context.getChannelContext(room.id));
  112. onRoomSelected();
  113. createContextBackground(SELECTED_CONTEXT.getChatContext().team.id, SELECTED_CONTEXT.getChatContext().users, function(imgData) {
  114. document.getElementById(R.id.context).style.backgroundImage = 'url(' +imgData +')';
  115. });
  116. if (SELECTED_ROOM.lastMsg && !DATA.history[SELECTED_ROOM.id])
  117. fetchHistory(SELECTED_ROOM, function(success) {});
  118. }
  119. function unselectRoom() {
  120. document.getElementById("room_" +SELECTED_ROOM.id).classList.remove(R.klass.selected);
  121. }
  122. /**
  123. * @param {Room} chan
  124. * @param {string} filename
  125. * @param {File} file
  126. * @param {function(string?)} callback
  127. **/
  128. function uploadFile(chan, filename, file, callback) {
  129. var fileReader = new FileReader()
  130. ,formData = new FormData()
  131. ,xhr = new XMLHttpRequest();
  132. formData.append("file", file);
  133. formData.append("filename", filename);
  134. xhr.onreadystatechange = function() {
  135. if (xhr.readyState === 4) {
  136. if (xhr.status === 204) {
  137. callback(null);
  138. } else {
  139. callback(xhr.statusText);
  140. }
  141. }
  142. }
  143. xhr.open('POST', 'api/file?room=' +chan.id);
  144. xhr.send(formData);
  145. }
  146. /**
  147. * @param {string} payload
  148. * @param {string} serviceId
  149. * @param {(function((string|null)))=} callback
  150. **/
  151. function sendCommand(payload, serviceId, callback) {
  152. var formData = new FormData()
  153. ,xhr = new XMLHttpRequest();
  154. formData.append("payload", payload);
  155. formData.append("service_id", serviceId);
  156. if (callback) {
  157. xhr.onreadystatechange = function() {
  158. if (xhr.readyState === 4) {
  159. if (xhr.status === 204) {
  160. callback(null);
  161. } else {
  162. callback(xhr.statusText);
  163. }
  164. }
  165. }
  166. }
  167. xhr.open('POST', "api/attachmentAction");
  168. xhr.send(formData);
  169. }
  170. function getActionPayload(channelId, msg, attachment, action) {
  171. var payload = {
  172. "actions": [ action ]
  173. ,"attachment_id": attachment["id"]
  174. ,"callback_id": attachment["callback_id"]
  175. ,"channel_id": channelId
  176. ,"is_ephemeral": msg instanceof NoticeMessage
  177. ,"message_ts": msg["id"]
  178. };
  179. return JSON.stringify(payload);
  180. }
  181. /**
  182. * @param {Room} chan
  183. * @param {Command!} cmd
  184. * @param {string} args
  185. **/
  186. function doCommand(chan, cmd, args) {
  187. var xhr = new XMLHttpRequest()
  188. ,url = 'api/cmd?room=' +chan.id +"&cmd=" +encodeURIComponent(cmd.name.substr(1)) +"&args=" +encodeURIComponent(args);
  189. xhr.open('POST', url, true);
  190. xhr.send(null);
  191. }
  192. /**
  193. * @param {Room} chan
  194. * @param {string} msg
  195. * @param {Message|null=} replyTo
  196. **/
  197. function sendMsg(chan, msg, replyTo) {
  198. var xhr = new XMLHttpRequest();
  199. var url = 'api/msg?room=' +chan.id +"&text=" +encodeURIComponent(msg);
  200. if (replyTo) {
  201. var sender = DATA.context.getUser(replyTo.userId)
  202. ,footer = "Message";
  203. if (chan.isPrivate) {
  204. footer = "Private message";
  205. } else {
  206. footer = chan.name;
  207. }
  208. var attachment = {
  209. "fallback": replyTo.text
  210. ,"author_name": "<@" +sender.id +"|" +sender.name +">"
  211. ,"text": replyTo.text
  212. ,"footer": footer
  213. ,"ts": replyTo.ts
  214. };
  215. url += "&attachments=" +encodeURIComponent(JSON.stringify([attachment]));
  216. }
  217. xhr.open('POST', url, true);
  218. xhr.send(null);
  219. }
  220. /**
  221. * @param {string} input
  222. * @param {boolean=} skipCommand
  223. * @return {boolean} true on recognized input
  224. **/
  225. function onTextEntered(input, skipCommand) {
  226. var success = true;
  227. if (EDITING) {
  228. editMsg(SELECTED_ROOM, input, EDITING);
  229. return true;
  230. }
  231. if (input[0] === '/' && skipCommand !== true) {
  232. var endCmd = input.indexOf(' ')
  233. ,cmd = input.substr(0, endCmd === -1 ? undefined : endCmd)
  234. ,args = endCmd === -1 ? "" : input.substr(endCmd)
  235. ,ctx = SELECTED_CONTEXT
  236. ,cmdObject = ctx ? ctx.getChatContext().commands.data[cmd] : null;
  237. if (cmdObject) {
  238. doCommand(SELECTED_ROOM, cmdObject, args.trim());
  239. return true;
  240. }
  241. return false;
  242. }
  243. sendMsg(SELECTED_ROOM, input, REPLYING_TO);
  244. return true;
  245. }
  246. /**
  247. * @param {Room} chan
  248. * @param {string} text
  249. * @param {Message|null=} msg
  250. **/
  251. function editMsg(chan, text, msg) {
  252. var xhr = new XMLHttpRequest();
  253. var url = 'api/msg?room=' +chan.id +"&ts=" +msg.id +"&text=" +encodeURIComponent(text);
  254. xhr.open('PUT', url, true);
  255. xhr.send(null);
  256. }
  257. /**
  258. * @param {Room} chan
  259. * @param {Message|null=} msg
  260. **/
  261. function removeMsg(chan, msg) {
  262. var xhr = new XMLHttpRequest();
  263. var url = 'api/msg?room=' +chan.id +"&ts=" +msg.id;
  264. xhr.open('DELETE', url, true);
  265. xhr.send(null);
  266. }
  267. /**
  268. * @param {Room} chan
  269. * @param {number} ts
  270. **/
  271. function sendReadMArker(chan, ts) {
  272. var xhr = new XMLHttpRequest();
  273. var url = 'api/markread?room=' +chan.id +"&ts=" +ts;
  274. xhr.open('POST', url, true);
  275. xhr.send(null);
  276. }
  277. /**
  278. * @param {string} channelId
  279. * @param {string} msgId
  280. * @param {string} reaction
  281. **/
  282. function addReaction(channelId, msgId, reaction) {
  283. var xhr = new XMLHttpRequest();
  284. var url = 'api/reaction?room=' +channelId +"&msg=" +msgId +"&reaction=" +encodeURIComponent(reaction);
  285. xhr.open('POST', url, true);
  286. xhr.send(null);
  287. }
  288. /**
  289. * @param {string} channelId
  290. * @param {string} msgId
  291. * @param {string} reaction
  292. **/
  293. function removeReaction(channelId, msgId, reaction) {
  294. var xhr = new XMLHttpRequest();
  295. var url = 'api/reaction?room=' +channelId +"&msg=" +msgId +"&reaction=" +encodeURIComponent(reaction);
  296. xhr.open('DELETE', url, true);
  297. xhr.send(null);
  298. }