add new 'xmpp' service recipe

6 files changed, 436 insertions, 0 deletions

diff --git a/recipes/xmpp/LICENSE b/recipes/xmpp/LICENSE
new file mode 100644
index 0000000..3e7d006
--- /dev/null
+++ b/recipes/xmpp/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 L91
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/recipes/xmpp/darkmode.css b/recipes/xmpp/darkmode.css
new file mode 100644
index 0000000..24413dc
--- /dev/null
+++ b/recipes/xmpp/darkmode.css
@@ -0,0 +1,365 @@
+/* ==UserStyle==
+@name         Converse Dark
+@description  A dark theme for the full screen version of Converse, a web-based XMPP client.
+@namespace    gitlab.com/maxigaz/converse-dark
+@author       maxigaz
+@homepageURL  https://gitlab.com/maxigaz/converse-dark
+@version      1.0.2
+==/UserStyle== */
+
+@-moz-document domain("inverse.chat"), url-prefix("https://conversejs.org/fullscreen")
+{
+        :root {
+                --main-background: #383c4a;
+                --lighter-background-1: #3f4353;
+                --darker-background-1: #323542;
+
+                --main-text-color: #e4e4e4;
+                --lighter-text-color-1: #e7e7e7;
+                --lighter-text-color-2: #eee;
+                --lighter-text-color-3: #f4f4f4;
+                --lighter-text-color-4: #f7f7f7;
+                --lighter-text-color-5: #fff;
+                --darker-text-color-1: #eee;
+                --darker-text-color-3: #ddd;
+                --darker-text-color-2: #d4d4d4;
+                --darker-text-color-4: #c7c7c7;
+                --darker-text-color-5: #bababa;
+
+                --selected-text-background: #595e70;
+
+                --light-divider: #404555;
+                --main-border: #292c36;
+                --btn-border: #1b1b1b;
+
+                --border-green: #1d5534;
+                --border-orange: #924633;
+
+                --btn-background: #474b5d;
+                --btn-disabled-background: #464a5c;
+                --btn-disabled-color: #878787;
+
+                --a-text-color: #2596ff;
+                --a-text-color-hover: #23baff;
+        }
+
+        #conversejs ::selection {
+                background-color: var(--selected-text-background);
+        }
+
+        /* ===== Sidebar ===== */
+
+        #conversejs #controlbox .controlbox-pane {
+                background-color: var(--main-background);
+        }
+
+        #conversejs #controlbox .controlbox-panes {
+                background-color: var(--main-background);
+        }
+
+        #converse-embedded-chat, #conversejs {
+                color: var(--main-text-color);
+        }
+
+        /* Conferences */
+
+        #conversejs .list-container .list-toggle {
+                color: var(--main-text-color);
+        }
+
+        #conversejs .list-container .list-toggle:hover {
+                color: var(--lighter-text-color-5);
+        }
+
+        #conversejs .items-list .list-item:hover {
+                background-color: var(--lighter-background-1);
+        }
+
+        #conversejs .items-list .list-item .list-item-link {
+                color: var(--a-text-color);
+        }
+
+        #conversejs .items-list .list-item .list-item-link:hover {
+                color: var(--a-text-color-hover);
+        }
+
+        #conversejs .items-list .list-item .list-item-action.button-on {
+                color: var(--a-text-color);
+        }
+
+        #conversejs .items-list .list-item .list-item-action.button-on:hover {
+                color: var(--a-text-color-hover);
+        }
+
+        #conversejs .items-list .list-item.open {
+                background-color: #0f4071 !important;
+        }
+
+        #conversejs .items-list .list-item.open:hover {
+                background-color: #0f4071 !important;
+        }
+
+        #conversejs .message.chat-msg .chat-msg__content--me .chat-msg__body--groupchat.chat-msg__body--delayed .chat-msg__text, #conversejs .message.chat-msg .chat-msg__content--me .chat-msg__body--groupchat.chat-msg__body--received .chat-msg__text {
+                color: var(--main-text-color);
+        }
+
+        /* Contacts */
+
+        #conversejs #converse-roster .roster-contacts .roster-group .group-toggle {
+                color: var(--main-text-color);
+        }
+
+        #conversejs #converse-roster .roster-contacts .roster-group .group-toggle:hover {
+                color: var(--lighter-text-color-5);
+        }
+
+        #conversejs #converse-roster .roster-contacts .roster-group li:hover {
+                background-color: var(--lighter-background-1) !important;
+        }
+
+        /* ===== Chat window ===== */
+
+        #converse-embedded-chat .chatbox .chat-content, #conversejs .chatbox .chat-content {
+                background-color: var(--main-background);
+                color: var(--lighter-text-color-2);
+        }
+
+        #conversejs .message.chat-msg .chat-msg__text {
+                color: var(--darker-text-color-2);
+        }
+
+        #conversejs .message.chat-msg .chat-msg__heading .chat-msg__time {
+                color: var(--darker-text-color-5);
+        }
+
+        #conversejs .message.chat-msg.correcting:not(.groupchat) {
+                background-color: #464b5d;
+        }
+
+        #conversejs .message.chat-msg.correcting.groupchat {
+                background-color: #464b5d;
+        }
+
+        #conversejs.converse-fullscreen .flyout {
+                border-color: var(--border-green);
+        }
+
+        #conversejs.converse-fullscreen .chatbox .box-flyout {
+                background-color: var(--border-green);
+        }
+
+        #conversejs .chat-head.chat-head-chatbox {
+                background-color: var(--border-green);
+        }
+
+        #conversejs.converse-fullscreen .chatroom .box-flyout, #conversejs.converse-mobile .chatroom .box-flyout {
+                background-color: var(--border-orange);
+                border-color: var(--border-orange);
+        }
+
+        #conversejs .chat-head-chatroom, #conversejs.converse-embedded .chat-head-chatroom {
+                background-color: var(--border-orange);
+        }
+
+        #conversejs .chat-head a.chatbox-btn.fa.button-on::before, #conversejs .chat-head a.chatbox-btn.far.button-on::before, #conversejs .chat-head a.chatbox-btn.fas.button-on::before, #conversejs .chat-head a:hover.chatbox-btn.fa.button-on::before, #conversejs .chat-head a:hover.chatbox-btn.far.button-on::before, #conversejs .chat-head a:hover.chatbox-btn.fas.button-on::before, #conversejs .chat-head a:not([href]):not([tabindex]).chatbox-btn.fa.button-on::before, #conversejs .chat-head a:not([href]):not([tabindex]).chatbox-btn.far.button-on::before, #conversejs .chat-head a:not([href]):not([tabindex]).chatbox-btn.fas.button-on::before, #conversejs .chat-head a:visited.chatbox-btn.fa.button-on::before, #conversejs .chat-head a:visited.chatbox-btn.far.button-on::before, #conversejs .chat-head a:visited.chatbox-btn.fas.button-on::before {
+                background-color: var(--border-orange);
+        }
+
+        #conversejs .message.date-separator .separator-text {
+                background-color: var(--main-background);
+                color: var(--darker-text-color-3);
+        }
+
+        #conversejs .avatar {
+                background-color: var(--main-background);
+                border-color: var(--main-border);
+        }
+
+        /* Occupants */
+
+        #conversejs .chatbox .chat-body p {
+                color: var(--lighter-text-color-2);
+        }
+
+        #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants, #conversejs .chatroom .box-flyout .chatroom-body .occupants {
+                background-color: var(--main-background);
+                color: var(--main-text-color);
+        }
+
+        #conversejs .chatroom .box-flyout .chatroom-body .occupants ul.occupant-list, #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants ul.occupant-list {
+                border-color: var(--light-divider);
+        }
+
+        #conversejs .chatroom .room-invite .invited-contact, #conversejs.converse-embedded .chatroom .room-invite .invited-contact {
+                border-color: var(--btn-border);
+        }
+
+        #conversejs .form-control:focus {
+                box-shadow: 0 0 0 .2rem rgba(37, 150, 255,.3);
+        }
+
+        /* Occupant invitation autocomplete */
+
+        #conversejs .awesomplete .suggestion-box__results::before, #conversejs .awesomplete > ul::before, #conversejs .suggestion-box .suggestion-box__results::before, #conversejs .suggestion-box > ul::before {
+                background-color: var(--lighter-background-1);
+        }
+
+        #conversejs .awesomplete .suggestion-box__results, #conversejs .awesomplete > ul, #conversejs .suggestion-box .suggestion-box__results, #conversejs .suggestion-box > ul {
+                background: var(--lighter-background-1);
+                border-color: var(--main-border);
+        }
+
+        /* Chatroom features */
+
+        #conversejs .chatroom-features .features-list .feature .fa, #conversejs.converse-embedded .chatroom-features .features-list .feature .fa {
+                color: var(--main-text-color);
+        }
+
+        /* Input field */
+
+        #conversejs .chatbox .sendXMPPMessage .chat-textarea {
+                background-color: var(--main-background);
+                color: var(--lighter-text-color-2);
+        }
+
+        #conversejs .chatbox .sendXMPPMessage .chat-textarea.correcting {
+                background-color: #464b5d;
+        }
+
+        #conversejs .chatbox .sendXMPPMessage .chat-toolbar {
+                background-color: var(--main-background);
+                border-color: var(--border-green);
+        }
+
+        #conversejs .chatroom .sendXMPPMessage .chat-toolbar, #conversejs.converse-embedded .chatroom .sendXMPPMessage .chat-toolbar {
+                border-color: var(--border-orange);
+        }
+
+        /* Emoji picker */
+
+        #conversejs .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu {
+                background-color: var(--main-background);
+        }
+
+        #conversejs .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu .emoji-picker-container {
+                background-color: var(--main-background);
+        }
+
+        #conversejs .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu a {
+                color: var(--darker-text-color-2);
+        }
+
+        #conversejs .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu ul li.insert-emoji a:hover {
+                color: var(--lighter-text-color-5);
+        }
+
+        #conversejs .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu ul li.insert-emoji:hover {
+                background-color: var(--selected-text-background);
+        }
+
+        /* ===== Modal ===== */
+
+        /* Conference room info */
+
+        #conversejs .modal-content {
+                background-color: var(--main-background);
+        }
+
+        #conversejs .modal-header {
+                border-color: var(--light-divider);
+        }
+
+        #conversejs .modal-footer {
+                border-color: var(--light-divider);
+        }
+
+        #conversejs a, #conversejs a:not([href]):not([tabindex]), #conversejs a:visited {
+                color: var(--a-text-color);
+        }
+
+        #conversejs a:hover, #conversejs a:not([href]):not([tabindex]):hover, #conversejs a:visited:hover {
+                color: var(--a-text-color-hover);
+        }
+
+        #conversejs .close {
+                color: var(--darker-text-color-1);
+        }
+
+        #conversejs .close:hover {
+                color: var(--lighter-text-color-2);
+        }
+
+        #conversejs .nav-pills .nav-link.active, #conversejs .nav-pills .show > .nav-link {
+                background-color: #1f78d1;
+        }
+
+        /* Profile */
+
+        #conversejs form.converse-form {
+                background-color: var(--main-background);
+        }
+
+        #conversejs .form-control {
+                background-color: var(--darker-background-1);
+                border-color: var(--btn-border);
+                color: var(--main-text-color);
+        }
+
+        #conversejs .form-control:focus {
+                background-color: var(--darker-background-1);
+                border-color: #1f78d1;
+                color: var(--main-text-color);
+        }
+
+        #conversejs .btn-primary {
+                background-color: #1f78d1;
+        }
+
+        #conversejs .btn-primary:hover {
+                background-color: #2288ed;
+        }
+
+        #conversejs .btn-primary:not(:disabled):not(.disabled).active, #conversejs .btn-primary:not(:disabled):not(.disabled):active, .show > #conversejs .btn-primary.dropdown-toggle {
+                background-color: #1962ac;
+                border-color: #1965b0;
+        }
+
+        /* OMEMO */
+
+        #conversejs .list-group-item {
+                background-color: var(--main-background);
+                border-color: var(--main-border);
+        }
+
+        #conversejs .list-group-item.active {
+                background-color: #1f78d1;
+                border-color: #1f78d1;
+        }
+
+        /* ===== Login page ===== */
+
+        #conversejs form#converse-login, #conversejs form#converse-register {
+                background-color: var(--main-background);
+        }
+
+        .reset {
+                background-color: #0f4071;
+        }
+
+        #conversejs.converse-fullscreen #controlbox .brand-heading-container .brand-heading, #conversejs.converse-mobile #controlbox .brand-heading-container .brand-heading {
+                color: var(--a-text-color);
+        }
+
+        #conversejs .popover {
+                background-color: var(--lighter-background-1);
+        }
+
+        #conversejs .popover-header {
+                background-color: var(--lighter-background-1);
+                border-color: var(--light-divider);
+        }
+
+        #conversejs .popover-body {
+                color: var(--main-text-color);
+        }
+}
diff --git a/recipes/xmpp/icon.svg b/recipes/xmpp/icon.svg
new file mode 100644
index 0000000..6f54bde
--- /dev/null
+++ b/recipes/xmpp/icon.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 13.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 14948)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" viewBox="0 0 200 200" width="200px" height="200px" x="0px" y="0px" enable-background="new 0 0 200 200">
+  <linearGradient id="SVGID_right_" y2="1.279e-13" gradientUnits="userSpaceOnUse" x2="-1073.2" gradientTransform="translate(1196.604,37.368977)" y1="126.85" x1="-1073.2">
+    <stop stop-color="#1b3967" offset=".011"/>
+    <stop stop-color="#13b5ea" offset=".467"/>
+    <stop stop-color="#002b5c" offset=".9945"/>
+  </linearGradient>
+
+  <linearGradient id="SVGID_left_" y2="1.279e-13" gradientUnits="userSpaceOnUse" x2="-1073.2" gradientTransform="matrix(-1,0,0,1,-994.78801,37.367977)" y1="126.85" x1="-1073.2">
+    <stop stop-color="#1b3967" offset=".011"/>
+    <stop stop-color="#13b5ea" offset=".467"/>
+    <stop stop-color="#002b5c" offset=".9945"/>
+  </linearGradient>
+
+  <path d="m 151.80512,51.557978 c 0.077,1.313 -1.787,0.968 -1.787,2.293 0,38.551002 -46.558,97.366012 -91.687985,108.730012 v 1.639 C 118.28313,158.69999 186.89012,96.41998 188.40012,37.369977 l -36.599,14.189001 z" style="fill:url(#SVGID_right_)"/>
+  <path d="m 133.67312,56.300978 c 0.076,1.313 0.12,2.63 0.12,3.957 0,38.551002 -30.69898,90.497012 -75.826985,101.860012 v 1.639 c 59.044005,-2.79 105.809995,-63.02401 105.809995,-109.200012 0,-2.375 -0.128,-4.729 -0.371,-7.056 l -29.73,8.798 z" style="fill:#e96d1f"/>
+  <path d="m 163.69112,46.951978 -7.61699,2.722 c 0.041,0.962 0.066,2.254 0.066,3.225 0,41.219002 -37.271,98.204012 -87.271995,107.120012 -3.24501,1.088 -7.53801,2.077 -10.932,2.931 v 1.638 C 123.19013,159.02799 169.03613,92.72198 163.69612,46.947978 Z" style="fill:#d9541e"/>
+
+  <path d="m 50.011,51.556978 c -0.077,1.313 1.787,0.968 1.787,2.293 0,38.551002 46.558007,97.366012 91.68799,108.730012 v 1.639 C 83.533,158.69899 14.926,96.41898 13.416,37.368977 l 36.599,14.189001 z" style="fill:url(#SVGID_left_)"/>
+  <path d="m 68.143,56.299978 c -0.076,1.313 -0.12,2.63 -0.12,3.957 0,38.551002 30.698995,90.497012 75.82699,101.860012 v 1.639 C 84.806,160.96599 38.04,100.73198 38.04,54.555978 c 0,-2.375 0.128,-4.729 0.371,-7.056 l 29.73,8.798 z" style="fill:#a0ce67"/>
+  <path d="m 38.125,46.950978 7.617,2.722 c -0.041,0.962 -0.066,2.254 -0.066,3.225 0,41.219002 37.271,98.204012 87.27199,107.120012 3.245,1.088 7.538,2.077 10.932,2.931 v 1.638 C 78.626,159.02699 32.78,92.72098 38.12,46.946978 Z" style="fill:#439639"/>
+</svg>
diff --git a/recipes/xmpp/index.js b/recipes/xmpp/index.js
new file mode 100644
index 0000000..23607bd
--- /dev/null
+++ b/recipes/xmpp/index.js
@@ -0,0 +1 @@
+module.exports = Ferdi => Ferdi;
diff --git a/recipes/xmpp/package.json b/recipes/xmpp/package.json
new file mode 100644
index 0000000..556eda5
--- /dev/null
+++ b/recipes/xmpp/package.json
@@ -0,0 +1,11 @@
+{
+  "id": "xmpp",
+  "name": "xmpp",
+  "version": "1.0.0",
+  "license": "MIT",
+  "repository": "https://github.com/Aman9das/ferdi-xmpp-recipe",
+  "config": {
+    "serviceURL": "https://inverse.chat",
+    "hasNotificationSound": true
+  }
+}
diff --git a/recipes/xmpp/webview.js b/recipes/xmpp/webview.js
new file mode 100644
index 0000000..dec648c
--- /dev/null
+++ b/recipes/xmpp/webview.js
@@ -0,0 +1,13 @@
+module.exports = (Ferdi) => {
+  function getMessages() {
+    let direct = 0;
+    for (const indicator of document.querySelectorAll('.msgs-indicator')) {
+      direct += Ferdi.safeParseInt(indicator.textContent)
+    }
+
+    direct = direct / 2 // as the messages are provided in 2 different locations..
+    Ferdi.setBadge(direct);
+  }
+
+  Ferdi.loop(getMessages);
+};