Jitsi-meet template integration prototype

tracim/tracim/controllers/root.py

@@ -178,3 +178,12 @@ class RootController(StandardController):
         search_results.keywords = keyword_list
 
         return DictLikeClass(fake_api=fake_api, search=search_results)
+
+    @require(predicates.not_anonymous())
+    @expose('tracim.templates.videoconf')
+    def videoconf(self):
+        user = tmpl_context.current_user
+        current_user_content = Context(CTX.CURRENT_USER).toDict(user)
+        fake_api = Context(CTX.CURRENT_USER).toDict({'current_user': current_user_content})
+
+        return DictLikeClass(fake_api=fake_api)

tracim/tracim/lib/jitsi_meet.py

@@ -0,0 +1,53 @@
+import jwt
+import json
+import datetime
+import time
+
+JITSI_URL="https://prosody"
+JWT_APP_ID="test"
+JWT_SECRET="secret"
+JWT_ALG='HS256'
+JWT_DURATION=60*1 # duration in second
+JITSI_USE_TOKEN=True
+
+
+
+def _generate_token(room:str)->str:
+    '''
+    Create jwt token according to room name and config
+    :param room: room name
+    :return: jwt encoded token as string
+    '''
+    now = datetime.datetime.utcnow()
+    exp = now+datetime.timedelta(seconds=JWT_DURATION)
+    data = {
+        "iss":JWT_APP_ID, #Issuer
+        "room": room, # Custom-param for jitsi-meet
+        "aud": "*", # TODO: Understood this param
+        "exp": exp, # Expiration date
+        "nbf": now, # NotBefore
+        "iat": now  # IssuedAt
+    }
+    jwttoken=jwt.encode(data,
+                        JWT_SECRET,
+                        algorithm=JWT_ALG)
+    return jwttoken.decode("utf-8")
+
+def _generate_url(room:str)->str:
+    '''
+    Generate url with or without token
+    :param room: room name
+    :return: url as string
+    '''
+    if JITSI_USE_TOKEN:
+        token=_generate_token(room)
+        url="{}/{}?jwt={}".format(JITSI_URL,
+                              room
+                              ,token)
+    else:
+        url="{}/{}".format(JITSI_URL,
+                           room)
+    return url
+
+
+print(_generate_url("test"))

tracim/tracim/templates/videoconf.mak

@@ -0,0 +1,100 @@
+<%inherit file="local:templates.master_authenticated_left_treeview_right_toolbar"/>
+<%namespace name="TIM" file="tracim.templates.pod"/>
+<%namespace name="ROW" file="tracim.templates.widgets.row"/>
+<%namespace name="TABLE_ROW" file="tracim.templates.widgets.table_row"/>
+<%namespace name="LEFT_MENU" file="tracim.templates.widgets.left_menu"/>
+<%namespace name="P" file="tracim.templates.widgets.paragraph"/>
+<%namespace name="TOOLBAR" file="tracim.templates.user_toolbars"/>
+
+<%def name="title()">
+    ${_('VideoConf')}
+</%def>
+
+<%def name="TITLE_ROW()">
+    ##<div class="content__title">
+    ##    ${ROW.TITLE_ROW(_('My Dashboard'), 'fa-home', 'content__title__subtitle-home-hidden-xs', 't-user-color', _('Welcome to your home, {username}.').format(username=fake_api.current_user.name))}
+    ##</div>
+</%def>
+
+<%def name="SIDEBAR_RIGHT_CONTENT()">
+   ## ${TOOLBAR.USER_ME(fake_api.current_user)}
+</%def>
+
+
+<%def name="SIDEBAR_LEFT_CONTENT()">
+    ## This is the default left sidebar implementation
+    ##${LEFT_MENU.TREEVIEW('sidebar-left-menu', '__')}
+</%def>
+
+<%def name="REQUIRED_DIALOGS()">
+    ${TIM.MODAL_DIALOG('user-edit-modal-dialog')}
+    ${TIM.MODAL_DIALOG('user-edit-password-modal-dialog')}
+</%def>
+
+<div class="content__home">
+    <div id="jitsi">
+    </div>
+    // This example use jitsi-external API. Using lib-jitsi-meet is also a possibility.
+    // It support alls jitsi-meet features.
+    /* About support for "private (1-to-1) text message into room", check this :
+       https://github.com/jitsi/lib-jitsi-meet/pull/616
+    */
+    <script src="https://prosody/libs/external_api.min.js"></script>
+    <script>
+        var domain = "prosody";
+        var options = {
+	    // jitsi-meet support now(10-2017) only one way to auto-auth, token,
+	    // which is anonymous BOSH auth with specific url (with token value in params of the url).
+	    jwt:"INSERTTOKENHERE",
+            roomName : "test",
+            parentNode: document.querySelector('#jitsi'),
+	    // has external API use iframe, height is a problem
+            height: 800,
+            no_SSL: true,
+            configOverwrite: {
+                 enableWelcomePage: false,
+                 enableUserRolesBasedOnToken: true,
+		 /*
+		  Example of how it can be possible to use others auths.
+		  This solution has some security issue.
+		  see this rejected PR : https://github.com/jitsi/jitsi-meet/pull/2109
+		  roomPassword: "plop",
+                  userJid: "john@auth.prosody",
+                  userPassword: "j",
+		 */
+            },
+            interfaceConfigOverwrite: {
+                ##DEFAULT_BACKGROUND: '#FFFFFF',
+                SHOW_JITSI_WATERMARK: false,
+                SHOW_POWERED_BY: false,
+                SHOW_WATERMARK_FOR_GUESTS: false,
+                LANG_DETECTION: true,
+                USE_ID_AS_DEFAULT_DISPLAY_NAME: true,
+                TOOLBAR_BUTTONS: [
+                    //main toolbar
+                    'microphone', 'camera', 'desktop', 'fullscreen', 'fodeviceselection', // jshint ignore:line
+                    //extended toolbar
+                    'contacts', 'settings', 'raisehand', 'videoquality','hangup','chat'], // jshint ignore:line
+                MAIN_TOOLBAR_BUTTONS: ['microphone', 'camera', 'desktop', 'fullscreen', 'fodeviceselection',
+                    'contacts', 'info', 'settings', 'raisehand', 'videoquality','hangup'] // jshint ignore:line
+            }
+
+        };
+        var api = new JitsiMeetExternalAPI(domain, options);
+        // Display name in jitsi-meet use XEP-0172 for MUC, which is discouraged,
+        // when others clients use resource part of the Jabber id to do it.
+        // That's why displayName compat with others XMPP client is not optimal.
+        // check this : https://github.com/jitsi/jitsi-meet/pull/2068
+        api.executeCommand('displayName', 'Bidule');
+        // We can override also avatar.
+        api.executeCommand('avatarUrl', 'https://avatars0.githubusercontent.com/u/3671647');
+    </script>
+   /*  Candy chat iframe, just for some test
+       https://github.com/candy-chat/candy
+       <iframe src="/assets/candy/index.html"
+        width=100%
+        height=300px>
+      </iframe> 
+  */
+</div>
+