Switch back to original Telegram, add Telegram React (#132)

4 files changed, 171 insertions, 15 deletions

diff --git a/uncompressed/telegram/README.md b/uncompressed/telegram/README.md
index fbd7ca6..7a192ab 100644
--- a/uncompressed/telegram/README.md
+++ b/uncompressed/telegram/README.md
@@ -1,7 +1,5 @@
-# Telegram for Ferdi
-
-This is the official Ferdi recipe for Telegram
+# Telegram for Franz
+This is the official Franz recipe for Telegram
 
 ### How to create your own Franz recipes:
-
-- [Read the documentation](https://github.com/getferdi/recipes/tree/master/docs)
+* [Read the documentation](https://github.com/meetfranz/plugins)
diff --git a/uncompressed/telegram/package.json b/uncompressed/telegram/package.json
index ce21700..a169b8d 100644
--- a/uncompressed/telegram/package.json
+++ b/uncompressed/telegram/package.json
@@ -1,13 +1,13 @@
 {
   "id": "telegram",
   "name": "Telegram",
-  "version": "2.0.0",
+  "version": "3.0.0",
   "description": "Telegram",
   "main": "index.js",
-  "author": "Amine Mouafik <amine@mouafik.fr>",
+  "author": "Stefan Malzner <stefan@adlk.io>",
   "license": "MIT",
   "config": {
-    "serviceURL": "https://evgeny-nadymov.github.io/telegram-react/",
+    "serviceURL": "https://web.telegram.org",
     "hasDirectMessages": true,
     "hasNotificationSound": true
   }
diff --git a/uncompressed/telegram/service.css b/uncompressed/telegram/service.css
new file mode 100644
index 0000000..69291a1
--- /dev/null
+++ b/uncompressed/telegram/service.css
@@ -0,0 +1,151 @@
+.tg_head_split {
+  max-width: 100% !important;
+}
+
+.im_page_wrap {
+  max-width: 100% !important;
+}
+
+.im_dialogs_col_wrap {
+  width: 320px !important;
+}
+
+.im_history_col_wrap {
+  width: calc(100% - 320px) !important;
+}
+
+.im_message_wrap {
+  max-width: inherit !important;
+}
+
+.im_message_body {
+  max-width: 580px !important;
+}
+
+body.darkTheme,
+.darkTheme .modal-content {
+    color: #bbb !important;
+    background: #252525 !important;
+}
+.darkTheme a.tg_checkbox {
+    color: #bbb !important;
+}
+.darkTheme .im_page_wrap {
+    /*background color of contentwrapper under header*/
+
+    background-color: #303030 !important;
+    border-left: 1px solid #4d4d4d !important;
+    border-right: 1px solid #4d4d4d !important;
+    border-bottom: 1px solid #4d4d4d !important;
+    box-shadow: none;
+}
+.darkTheme .im_message_body,
+.darkTheme .im_attach,
+.darkTheme .im_media_attach,
+.darkTheme .im_record,
+.darkTheme .im_message_document_thumbed {
+    background: inherit !important;
+}
+.darkTheme .im_dialog_peer {
+    /*peer nickname unselected*/
+
+    color: #bbb !important;
+}
+.darkTheme .contacts_modal_members_list a.contacts_modal_contact {
+    /*nicknames in contactlist via hamburger menu*/
+
+    color: #bbb;
+}
+.darkTheme .active a.im_dialog {
+    /*selected peer */
+
+    background-color: #4d4d4d !important;
+}
+.darkTheme .tg_head_split,
+.darkTheme .md_modal_head {
+    /*page header block*/
+
+    background-color: #4d4d4d !important;
+}
+.darkTheme .dropdown.open .tg_head_btn,
+.darkTheme .tg_head_btn:hover {
+    background: #4d4d4d !important;
+}
+.darkTheme .form-control {
+    /*input field*/
+
+    background-color: #0e0e0e !important;
+    color: #bbb !important;
+}
+.darkTheme .composer_rich_textarea {
+    background: #303030 !important;
+    border-color: #bbb !important;
+}
+.darkTheme .im_dialogs_col_wrap {
+    /*contactlist right border*/
+
+    border-right: 2px solid #4d4d4d;
+}
+.darkTheme .im_dialogs_col .nano > .nano-pane > .nano-slider {
+    /*scrollbarbutton when hover*/
+
+    background-color: #4d4d4d !important;
+}
+.darkTheme .tg_head_split {
+    background-color: #151515;
+}
+.darkTheme .im_submit {
+    color: #4d4d4d;
+}
+.darkTheme .im_message_mymention {
+    background: #1d1d1d;
+}
+.darkTheme .im_message_focus .im_message_outer_wrap {
+    background-color: #4d4d4d;
+}
+.darkTheme .im_message_selected .im_message_outer_wrap {
+    background: #4d4d4d;
+}
+.darkTheme a:hover {
+    background-color: #282828 !important;
+}
+.darkTheme .im_message_unread_split {
+    background: #4d4d4d;
+}
+@keyframes im_message_focus_fade {
+    0% {
+        background-color: #2d2d2d;
+    }
+}
+.darkTheme .btn-primary {
+    background-color: #4d4d4d;
+}
+.darkTheme .im_history_select_active .im_message_outer_wrap:hover {
+    background: #4d4d4d;
+}
+.darkTheme .im_dialog_chat_from_wrap,
+.darkTheme .im_dialog_message_service {
+    color: #6ac;
+}
+.darkTheme .composer_rich_textarea,
+.darkTheme .composer_textarea {
+    box-shadow: 0px 3px 1px #ddd;
+}
+.darkTheme .composer_rich_textarea:focus {
+    box-shadow: 0px 3px 1px #ddd !important;
+}
+.darkTheme .tg_head_logo_dropdown .dropdown-menu > li > a {
+    color: #ddd;
+}
+.darkTheme .btn-primary.disabled,
+.darkTheme .btn-primary[disabled] {
+    background: #4d4d4d none repeat scroll 0% 0%;
+}
+/*emoji*/
+
+.darkTheme .composer_emoji_tooltip,
+.darkTheme .icon-tooltip-tail,
+.darkTheme .dropdown-menu {
+    background-color: #4d4d4d !important;
+    border-color: #5d5d5d;
+}
diff --git a/uncompressed/telegram/webview.js b/uncompressed/telegram/webview.js
index 1727953..6610c7c 100644
--- a/uncompressed/telegram/webview.js
+++ b/uncompressed/telegram/webview.js
@@ -1,19 +1,26 @@
-"use strict";
+'use strict';
 
-const path = require("path");
+const path = require('path');
 
 module.exports = Franz => {
   const getMessages = function getMessages() {
     let count = 0;
-    const elements = document.querySelectorAll(".dialog-badge-text");
-    if (elements) {
-      for (let i = 0; i < elements.length; i += 1) {
-        if (elements[i].innerHTML !== 0) {
-          count += parseInt(elements[i].innerHTML);
+    const searchElement = document.querySelector('.im_dialogs_search_field');
+    if (searchElement && searchElement.value === '') {
+      const elements = document.querySelectorAll('.im_dialog_badge:not(.ng-hide):not(.im_dialog_badge_muted)');
+      if (elements) {
+        for (let i = 0; i < elements.length; i += 1) {
+          if (elements[i].innerHTML !== 0) {
+            count += 1;
+          }
         }
       }
     }
+
     Franz.setBadge(count);
   };
+
+  Franz.injectCSS(path.join(__dirname, 'service.css'));
   Franz.loop(getMessages);
 };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRlbGVncmFtL3dlYnZpZXcuanMiXSwibmFtZXMiOlsicGF0aCIsInJlcXVpcmUiLCJtb2R1bGUiLCJleHBvcnRzIiwiRnJhbnoiLCJnZXRNZXNzYWdlcyIsImNvdW50Iiwic2VhcmNoRWxlbWVudCIsImRvY3VtZW50IiwicXVlcnlTZWxlY3RvciIsInZhbHVlIiwiZWxlbWVudHMiLCJxdWVyeVNlbGVjdG9yQWxsIiwiaSIsImxlbmd0aCIsImlubmVySFRNTCIsInNldEJhZGdlIiwiaW5qZWN0Q1NTIiwiam9pbiIsIl9fZGlybmFtZSIsImxvb3AiXSwibWFwcGluZ3MiOiI7O0FBQUEsTUFBTUEsT0FBT0MsUUFBUSxNQUFSLENBQWI7O0FBRUFDLE9BQU9DLE9BQVAsR0FBa0JDLEtBQUQsSUFBVztBQUMxQixRQUFNQyxjQUFjLFNBQVNBLFdBQVQsR0FBdUI7QUFDekMsUUFBSUMsUUFBUSxDQUFaO0FBQ0EsVUFBTUMsZ0JBQWdCQyxTQUFTQyxhQUFULENBQXVCLDBCQUF2QixDQUF0QjtBQUNBLFFBQUlGLGlCQUFpQkEsY0FBY0csS0FBZCxLQUF3QixFQUE3QyxFQUFpRDtBQUMvQyxZQUFNQyxXQUFXSCxTQUFTSSxnQkFBVCxDQUEwQiw0REFBMUIsQ0FBakI7QUFDQSxVQUFJRCxRQUFKLEVBQWM7QUFDWixhQUFLLElBQUlFLElBQUksQ0FBYixFQUFnQkEsSUFBSUYsU0FBU0csTUFBN0IsRUFBcUNELEtBQUssQ0FBMUMsRUFBNkM7QUFDM0MsY0FBSUYsU0FBU0UsQ0FBVCxFQUFZRSxTQUFaLEtBQTBCLENBQTlCLEVBQWlDO0FBQy9CVCxxQkFBUyxDQUFUO0FBQ0Q7QUFDRjtBQUNGO0FBQ0Y7O0FBRURGLFVBQU1ZLFFBQU4sQ0FBZVYsS0FBZjtBQUNELEdBZkQ7O0FBaUJBRixRQUFNYSxTQUFOLENBQWdCakIsS0FBS2tCLElBQUwsQ0FBVUMsU0FBVixFQUFxQixhQUFyQixDQUFoQjtBQUNBZixRQUFNZ0IsSUFBTixDQUFXZixXQUFYO0FBQ0QsQ0FwQkQiLCJmaWxlIjoidGVsZWdyYW0vd2Vidmlldy5qcyIsInNvdXJjZXNDb250ZW50IjpbImNvbnN0IHBhdGggPSByZXF1aXJlKCdwYXRoJyk7XG5cbm1vZHVsZS5leHBvcnRzID0gKEZyYW56KSA9PiB7XG4gIGNvbnN0IGdldE1lc3NhZ2VzID0gZnVuY3Rpb24gZ2V0TWVzc2FnZXMoKSB7XG4gICAgbGV0IGNvdW50ID0gMDtcbiAgICBjb25zdCBzZWFyY2hFbGVtZW50ID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcignLmltX2RpYWxvZ3Nfc2VhcmNoX2ZpZWxkJyk7XG4gICAgaWYgKHNlYXJjaEVsZW1lbnQgJiYgc2VhcmNoRWxlbWVudC52YWx1ZSA9PT0gJycpIHtcbiAgICAgIGNvbnN0IGVsZW1lbnRzID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvckFsbCgnLmltX2RpYWxvZ19iYWRnZTpub3QoLm5nLWhpZGUpOm5vdCguaW1fZGlhbG9nX2JhZGdlX211dGVkKScpO1xuICAgICAgaWYgKGVsZW1lbnRzKSB7XG4gICAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgZWxlbWVudHMubGVuZ3RoOyBpICs9IDEpIHtcbiAgICAgICAgICBpZiAoZWxlbWVudHNbaV0uaW5uZXJIVE1MICE9PSAwKSB7XG4gICAgICAgICAgICBjb3VudCArPSAxO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgIEZyYW56LnNldEJhZGdlKGNvdW50KTtcbiAgfTtcblxuICBGcmFuei5pbmplY3RDU1MocGF0aC5qb2luKF9fZGlybmFtZSwgJ3NlcnZpY2UuY3NzJykpO1xuICBGcmFuei5sb29wKGdldE1lc3NhZ2VzKTtcbn07XG4iXX0=
\ No newline at end of file