diff --git a/.jshintignore b/.jshintignore
index aad5dea36..aab1b485b 100644
--- a/.jshintignore
+++ b/.jshintignore
@@ -11,3 +11,6 @@ www/common/hyperscript.js
 www/common/tippy.min.js
 
 www/pad/wysiwygarea-plugin.js
+www/pad2/wysiwygarea-plugin.js
+
+www/common/media-tag-nacl.min.js
diff --git a/bower.json b/bower.json
index 0880e56ef..9c88d0033 100644
--- a/bower.json
+++ b/bower.json
@@ -23,7 +23,7 @@
     "components-font-awesome": "^4.6.3",
     "ckeditor": "~4.7",
     "codemirror": "^5.19.0",
-    "requirejs": "2.1.15",
+    "requirejs": "2.3.5",
     "marked": "0.3.5",
     "rangy": "rangy-release#~1.3.0",
     "json.sortify": "~2.1.0",
@@ -40,6 +40,7 @@
     "less": "^2.7.2",
     "bootstrap": "#v4.0.0-alpha.6",
     "diff-dom": "2.1.1",
+    "nthen": "^0.1.5",
     "open-sans-fontface": "^1.4.2"
   }
 }
diff --git a/config.example.js b/config.example.js
index 7af6cf8af..ce38b5c3a 100644
--- a/config.example.js
+++ b/config.example.js
@@ -2,6 +2,7 @@
 /*
     globals module
 */
+var domain = ' http://localhost:3000/';
 module.exports = {
 
     // the address you want to bind to, :: means all ipv4 and ipv6 addresses
@@ -18,14 +19,14 @@ module.exports = {
     httpHeaders: {
         "X-XSS-Protection": "1; mode=block",
         "X-Content-Type-Options": "nosniff",
-        'X-Frame-Options': 'SAMEORIGIN',
+        "Access-Control-Allow-Origin": "*"
     },
 
     contentSecurity: [
         "default-src 'none'",
-        "style-src 'unsafe-inline' 'self'",
-        "script-src 'self'",
-        "font-src 'self' data:",
+        "style-src 'unsafe-inline' 'self' " + domain,
+        "script-src 'self'" + domain,
+        "font-src 'self' data:" + domain,
 
         /*  child-src is used to restrict iframes to a set of allowed domains.
          *  connect-src is used to restrict what domains can connect to the websocket.
@@ -33,7 +34,9 @@ module.exports = {
          *  it is recommended that you configure these fields to match the
          *  domain which will serve your CryptPad instance.
          */
-        "child-src 'self' blob: *",
+        "child-src blob: *",
+        // IE/Edge
+        "frame-src blob: *",
 
         "media-src * blob:",
 
@@ -41,30 +44,32 @@ module.exports = {
             if you are deploying to production, you'll probably want to remove
             the ws://* directive, and change '*' to your domain
          */
-        "connect-src 'self' ws: wss: blob:",
+        "connect-src 'self' ws: wss: blob:" + domain,
 
         // data: is used by codemirror
-        "img-src 'self' data: blob:",
+        "img-src 'self' data: blob:" + domain,
 
-        // for accounts.cryptpad.fr authentication
-        "frame-ancestors 'self' accounts.cryptpad.fr",
+        // for accounts.cryptpad.fr authentication and pad2 cross-domain iframe sandbox
+        "frame-ancestors *",
     ].join('; '),
 
     // CKEditor requires significantly more lax content security policy in order to function.
     padContentSecurity: [
         "default-src 'none'",
-        "style-src 'unsafe-inline' 'self'",
+        "style-src 'unsafe-inline' 'self'" + domain,
         // Unsafe inline, unsafe-eval are needed for ckeditor :(
-        "script-src 'self' 'unsafe-eval' 'unsafe-inline'",
-        "font-src 'self'",
+        "script-src 'self' 'unsafe-eval' 'unsafe-inline'" + domain,
+        "font-src 'self'" + domain,
 
         /*  See above under 'contentSecurity' as to how these values should be
          *  configured for best effect.
          */
-         "child-src 'self' *",
+        "child-src *",
+        // IE/Edge
+        "frame-src *",
 
         // see the comment above in the 'contentSecurity' section
-         "connect-src 'self' ws: wss:",
+         "connect-src 'self' ws: wss:" + domain,
 
         // (insecure remote) images are included by users of the wysiwyg who embed photos in their pads
         "img-src * blob:",
@@ -72,6 +77,13 @@ module.exports = {
 
     httpPort: 3000,
 
+    // This is for allowing the cross-domain iframe to function when developing
+    httpSafePort: 3001,
+
+    // This is for deployment in production, CryptPad uses a separate origin (domain) to host the
+    // cross-domain iframe. It can simply host the same content as CryptPad.
+    // httpSafeOrigin: "https://some-other-domain.xyz",
+
     /*  your server's websocket url is configurable
      *  (default: '/cryptpad_websocket')
      *
diff --git a/customize.dist/about.html b/customize.dist/about.html
index 03032969b..31d4c99f8 100644
--- a/customize.dist/about.html
+++ b/customize.dist/about.html
@@ -6,7 +6,7 @@
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <link rel="icon" type="image/png" href="/customize/main-favicon.png" id="favicon"/>
-    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.1.15"></script>
+    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
 </head>
 <body class="html">
     <noscript>
diff --git a/customize.dist/bkabout.jpg b/customize.dist/bkabout.jpg
index 43de08268..01a51c176 100644
Binary files a/customize.dist/bkabout.jpg and b/customize.dist/bkabout.jpg differ
diff --git a/customize.dist/bkwhat.jpg b/customize.dist/bkwhat.jpg
new file mode 100644
index 000000000..3549f7acb
Binary files /dev/null and b/customize.dist/bkwhat.jpg differ
diff --git a/customize.dist/ckeditor-config.js b/customize.dist/ckeditor-config.js
index 019014299..ac7989294 100644
--- a/customize.dist/ckeditor-config.js
+++ b/customize.dist/ckeditor-config.js
@@ -27,7 +27,7 @@ CKEDITOR.editorConfig = function( config ) {
 
     config.font_defaultLabel = 'Arial';
     config.fontSize_defaultLabel = '16';
-    config.contentsCss = '/customize/ckeditor-contents.css';
+    config.contentsCss = '/customize/ckeditor-contents.css?' + CKEDITOR.CRYPTPAD_URLARGS;
 
     config.keystrokes = [
         [ CKEDITOR.ALT + 121 /*F10*/, 'toolbarFocus' ],
@@ -55,3 +55,16 @@ CKEDITOR.editorConfig = function( config ) {
     //skin: 'moono-dark,/pad/themes/moono-dark/'
     //skin: 'office2013,/pad/themes/office2013/'
 };
+
+(function () {
+    // These are overrides inside of ckeditor which add ?ver= to the CSS files so that
+    // every part of ckeditor will get in the browser cache.
+    var fix = function (x) {
+        if (x.map) { return x.map(fix); }
+        return (/\/bower_components\/.*\.css$/.test(x)) ? (x + '?ver=' + CKEDITOR.timestamp) : x;
+    };
+    CKEDITOR.tools._buildStyleHtml = CKEDITOR.tools.buildStyleHtml;
+    CKEDITOR.document._appendStyleSheet = CKEDITOR.document.appendStyleSheet;
+    CKEDITOR.tools.buildStyleHtml = function (x) { return CKEDITOR.tools._buildStyleHtml(fix(x)); };
+    CKEDITOR.document.appendStyleSheet = function (x) { return CKEDITOR.document._appendStyleSheet(fix(x)); };
+}());
\ No newline at end of file
diff --git a/customize.dist/contact.html b/customize.dist/contact.html
index 03032969b..31d4c99f8 100644
--- a/customize.dist/contact.html
+++ b/customize.dist/contact.html
@@ -6,7 +6,7 @@
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <link rel="icon" type="image/png" href="/customize/main-favicon.png" id="favicon"/>
-    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.1.15"></script>
+    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
 </head>
 <body class="html">
     <noscript>
diff --git a/customize.dist/index.html b/customize.dist/index.html
index 03032969b..31d4c99f8 100644
--- a/customize.dist/index.html
+++ b/customize.dist/index.html
@@ -6,7 +6,7 @@
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <link rel="icon" type="image/png" href="/customize/main-favicon.png" id="favicon"/>
-    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.1.15"></script>
+    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
 </head>
 <body class="html">
     <noscript>
diff --git a/customize.dist/pages.js b/customize.dist/pages.js
index 82e122ab4..bc50ac22d 100644
--- a/customize.dist/pages.js
+++ b/customize.dist/pages.js
@@ -77,7 +77,7 @@ define([
                     ])
                 ])
             ]),
-            h('div.cp-version-footer', "CryptPad v1.13.0 (Naiad)")
+            h('div.cp-version-footer', "CryptPad v1.14.0 (Ouroboros)")
         ]);
     };
 
@@ -291,32 +291,54 @@ define([
     Pages['/what-is-cryptpad.html'] = function () {
         return h('div#cp-main', [
             infopageTopbar(),
+            h('div.container-fluid.cp-what-is',[
+                h('div.container',[
+                    h('div.row',[
+                        h('div.col-12.text-center', h('h1', Msg.whatis_title)),
+                    ]),
+                ]),
+            ]),
             h('div.container.cp-container', [
-                h('center', h('h1', Msg.whatis_title)),
-                setHTML(h('h2'), Msg.whatis_collaboration),
-                setHTML(h('p'), Msg.whatis_collaboration_p1),
-                h('img', { src: '/customize/images/pad_screenshot.png?' + urlArgs }),
-                setHTML(h('p'), Msg.whatis_collaboration_p2),
-                setHTML(h('p'), Msg.whatis_collaboration_p3),
-                setHTML(h('h2'), Msg.whatis_zeroknowledge),
-                h('div.row', [
-                    h('div.col-md-4.align-self-center', [
-                        h('img#zeroknowledge', { src: '/customize/images/zeroknowledge_small.png?' + urlArgs }),
+                h('div.row.align-items-center', [
+                    h('div.col-12.col-sm-12.col-md-12.col-lg-6', [
+                        setHTML(h('h2'), Msg.whatis_collaboration),
+                        setHTML(h('p'), Msg.whatis_collaboration_p1),
+                        setHTML(h('p'), Msg.whatis_collaboration_p2),
+                        setHTML(h('p'), Msg.whatis_collaboration_p3),
+                    ]),
+                    h('div.col-12.col-sm-12.col-md-12.col-lg-6', [
+                        h('img', { src: '/customize/images/pad_screenshot.png?' + urlArgs }),
                     ]),
-                    h('div.col-md-8', [
+                ]),
+                h('div.row.align-items-center', [
+                    h('div.col-12.col-sm-12.col-md-12.col-lg-6.push-lg-6', [
+                        setHTML(h('h2'), Msg.whatis_zeroknowledge),
                         setHTML(h('p'), Msg.whatis_zeroknowledge_p1),
                         setHTML(h('p'), Msg.whatis_zeroknowledge_p2),
                         setHTML(h('p'), Msg.whatis_zeroknowledge_p3),
                     ]),
+                    h('div.col-12.col-sm-12.col-md-12.col-lg-6.pull-lg-6', [
+                        h('img#zeroknowledge', { src: '/customize/images/zeroknowledge_small.png?' + urlArgs }),
+                    ]),
+                ]),
+                h('div.row.align-items-center', [
+                    h('div.col-12.col-sm-12.col-md-12.col-lg-6', [
+                        setHTML(h('h2'), Msg.whatis_drive),
+                        setHTML(h('p'), Msg.whatis_drive_p1),
+                        setHTML(h('p'), Msg.whatis_drive_p2),
+                        setHTML(h('p'), Msg.whatis_drive_p3),
+                    ]),
+                    h('div.col-12.col-sm-12.col-md-12.col-lg-6', [
+                        h('img', { src: '/customize/images/drive_screenshot.png?' + urlArgs }),
+                    ]),
+                ]),
+                h('div.row.align-items-center', [
+                    h('div.col-12', [
+                        setHTML(h('h2.text-center'), Msg.whatis_business),
+                        setHTML(h('p'), Msg.whatis_business_p1),
+                        setHTML(h('p'), Msg.whatis_business_p2),
+                    ]),
                 ]),
-                setHTML(h('h2'), Msg.whatis_drive),
-                setHTML(h('p'), Msg.whatis_drive_p1),
-                h('img', { src: '/customize/images/drive_screenshot.png?' + urlArgs }),
-                setHTML(h('p'), Msg.whatis_drive_p2),
-                setHTML(h('p'), Msg.whatis_drive_p3),
-                setHTML(h('h2'), Msg.whatis_business),
-                setHTML(h('p'), Msg.whatis_business_p1),
-                setHTML(h('p'), Msg.whatis_business_p2),
             ]),
             infopageFooter(),
         ]);
@@ -388,7 +410,7 @@ define([
                 }),
                 h('div.spinnerContainer',
                     h('span.fa.fa-circle-o-notch.fa-spin.fa-4x.fa-fw')),
-                h('p', Msg.loading)
+                h('p'),
             ])
         );
     };
diff --git a/customize.dist/privacy.html b/customize.dist/privacy.html
index 03032969b..31d4c99f8 100644
--- a/customize.dist/privacy.html
+++ b/customize.dist/privacy.html
@@ -6,7 +6,7 @@
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <link rel="icon" type="image/png" href="/customize/main-favicon.png" id="favicon"/>
-    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.1.15"></script>
+    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
 </head>
 <body class="html">
     <noscript>
diff --git a/customize.dist/src/less/toolbar.less b/customize.dist/src/less/toolbar.less
index 91afca6ae..7e28c08d3 100644
--- a/customize.dist/src/less/toolbar.less
+++ b/customize.dist/src/less/toolbar.less
@@ -43,8 +43,6 @@
     right: 0;
     display: flex;
     flex-flow: column;
-    height: 100vh;
-    width: 100vw;
 }
 .cke_toolbox_main {
     display: inline-block;
@@ -56,7 +54,7 @@
     display: flex;
     overflow: visible;
     iframe {
-        height: auto;
+        min-height: 100%;
         width: 100%;
     }
 }
diff --git a/customize.dist/src/less2/include/modal.less b/customize.dist/src/less2/include/modal.less
index 21cc69e97..ed63ea6fd 100644
--- a/customize.dist/src/less2/include/modal.less
+++ b/customize.dist/src/less2/include/modal.less
@@ -15,3 +15,63 @@
         }
     }
 }
+
+.cp-modal-container {
+    display: none;
+
+    z-index: 100000;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background-color: @colortheme_modal-dim;
+
+    .cp-modal {
+        background-color: @colortheme_modal-bg;
+        color: @colortheme_modal-fg;
+        box-shadow: @colortheme_modal-shadow;
+
+        padding: @colortheme_modal-padding;
+
+        position: absolute;
+        top: 15vh; bottom: 15vh;
+        left: 10vw; right: 10vw;
+
+        overflow: auto;
+
+        font-family: @colortheme_font;
+        text-align: center;
+
+        & > p {
+            margin-bottom: 1em;
+        }
+
+        .cp-modal-form {
+            display: flex;
+            flex-wrap: wrap;
+            align-items: center;
+            justify-content: center;
+        }
+
+        input {
+            background-color: @colortheme_modal-input;
+            color: @colortheme_modal-fg;
+            border: 0;
+            padding: 8px 12px;
+            margin: 1em;
+            width: 300px;
+        }
+
+        .cp-modal-close {
+            text-shadow: none;
+            color: inherit;
+
+            position: absolute;
+            top: 0;
+            right: 0;
+            margin: @colortheme_modal-padding;
+            cursor: pointer;
+        }
+    }
+}
diff --git a/customize.dist/src/less2/pages/page-login.less b/customize.dist/src/less2/pages/page-login.less
index cbde08893..050064348 100644
--- a/customize.dist/src/less2/pages/page-login.less
+++ b/customize.dist/src/less2/pages/page-login.less
@@ -73,6 +73,6 @@
     }
 }
 .cp-container {
-	padding-top: 0;
+	padding-top: 3em;
 	min-height: 66vh;
 }
\ No newline at end of file
diff --git a/customize.dist/src/less2/pages/page-what-is-cryptpad.less b/customize.dist/src/less2/pages/page-what-is-cryptpad.less
index b57517a01..cf127e1ec 100644
--- a/customize.dist/src/less2/pages/page-what-is-cryptpad.less
+++ b/customize.dist/src/less2/pages/page-what-is-cryptpad.less
@@ -4,6 +4,40 @@
 .infopages_main();
 .infopages_topbar();
 
-img#zeroknowledge {
-	width: 100%;
+.cp-what-is {
+		padding-top: 3em;
+	    padding-bottom: 3em;
+	    background-image: url(/customize/bkwhat.jpg);
+	    background-size: cover;
+	    background-repeat: no-repeat;
+	    background-position: center;
+	    color: #fff;
+	    h1 {
+	    	font-weight: 700;
+	    }
 }
+#cp-main {
+	background: #fff;
+}
+.cp-container {
+	padding-top: 3em;
+	padding-bottom: 3em;
+	h2 {
+		margin-top: 0;
+		font-weight: 700;
+		color: @cryptpad_header_col;
+	}
+	p {
+		color: @cryptpad_text_col
+	}
+	#zeroknowledge {
+		width: 65%;
+	}
+	.row {
+		margin-bottom: 1.5em;
+	}
+	img {
+		display: block;
+		margin: 0 auto;
+	}
+}
\ No newline at end of file
diff --git a/customize.dist/src/template.html b/customize.dist/src/template.html
index 03032969b..31d4c99f8 100644
--- a/customize.dist/src/template.html
+++ b/customize.dist/src/template.html
@@ -6,7 +6,7 @@
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <link rel="icon" type="image/png" href="/customize/main-favicon.png" id="favicon"/>
-    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.1.15"></script>
+    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
 </head>
 <body class="html">
     <noscript>
diff --git a/customize.dist/template.js b/customize.dist/template.js
index a9067f35f..062be4308 100644
--- a/customize.dist/template.js
+++ b/customize.dist/template.js
@@ -52,7 +52,7 @@ $(function () {
                 } else if (/\/file\//.test(pathname)) {
                     $('body').append(h('body', Pages[pathname]()).innerHTML);
                     require([ '/file/main.js' ], ready);
-                } else if (/contacts/.test(pathname)) {
+                } else if (/^\/contacts\/$/.test(pathname)) {
                     $('body').append(h('body', Pages[pathname]()).innerHTML);
                     require([ '/contacts/main.js' ], ready);
                 } else if (/pad/.test(pathname)) {
diff --git a/customize.dist/terms.html b/customize.dist/terms.html
index 03032969b..31d4c99f8 100644
--- a/customize.dist/terms.html
+++ b/customize.dist/terms.html
@@ -6,7 +6,7 @@
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <link rel="icon" type="image/png" href="/customize/main-favicon.png" id="favicon"/>
-    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.1.15"></script>
+    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
 </head>
 <body class="html">
     <noscript>
diff --git a/customize.dist/translations/messages.fr.js b/customize.dist/translations/messages.fr.js
index ed955b373..dfeb46371 100644
--- a/customize.dist/translations/messages.fr.js
+++ b/customize.dist/translations/messages.fr.js
@@ -301,6 +301,7 @@ define(function () {
     out.fm_filesDataName = "Tous les fichiers";
     out.fm_templateName = "Modèles";
     out.fm_searchName = "Recherche";
+    out.fm_recentPadsName = "Pads récents";
     out.fm_searchPlaceholder = "Rechercher...";
     out.fm_newButton = "Nouveau";
     out.fm_newButtonTitle = "Créer un nouveau pad ou un dossier, importer un fichier dans le dossier courant";
@@ -332,6 +333,7 @@ define(function () {
     out.fm_info_root = "Créez ici autant de dossiers que vous le souhaitez pour trier vos fichiers.";
     out.fm_info_unsorted = 'Contient tous les pads que vous avez ouvert et qui ne sont pas triés dans "Documents" ou déplacés vers la "Corbeille".'; // "My Documents" should match with the "out.fm_rootName" key, and "Trash" with "out.fm_trashName"
     out.fm_info_template = "Contient tous les fichiers que vous avez sauvés en tant que modèle afin de les réutiliser lors de la création d'un nouveau pad.";
+    out.fm_info_recent = "Liste les derniers pads que vous avez modifiés ou ouverts.";
     out.updated_0_fm_info_trash = "Vider la corbeille permet de libérer de l'espace dans votre CryptDrive";
     out.fm_info_trash = out.updated_0_fm_info_trash;
     out.fm_info_allFiles = 'Contient tous les fichiers de "Documents", "Fichiers non triés" et "Corbeille". Vous ne pouvez pas supprimer ou déplacer des fichiers depuis cet endroit.'; // Same here
diff --git a/customize.dist/translations/messages.js b/customize.dist/translations/messages.js
index 262f9890c..43cbc9b22 100644
--- a/customize.dist/translations/messages.js
+++ b/customize.dist/translations/messages.js
@@ -293,6 +293,7 @@ define(function () {
     out.contacts_removeHistoryTitle = 'Clean the chat history';
     out.contacts_confirmRemoveHistory = 'Are you sure you want to permanently remove your chat history? Data cannot be restored';
     out.contacts_removeHistoryServerError = 'There was an error while removing your chat history. Try again later';
+    out.contacts_fetchHistory = "Retrieve older history";
 
     // File manager
 
@@ -302,6 +303,7 @@ define(function () {
     out.fm_filesDataName = "All files";
     out.fm_templateName = "Templates";
     out.fm_searchName = "Search";
+    out.fm_recentPadsName = "Recent pads";
     out.fm_searchPlaceholder = "Search...";
     out.fm_newButton = "New";
     out.fm_newButtonTitle = "Create a new pad or folder, import a file in the current folder";
@@ -333,6 +335,7 @@ define(function () {
     out.fm_info_root = "Create as many nested folders here as you want to sort your files.";
     out.fm_info_unsorted = 'Contains all the files you\'ve visited that are not yet sorted in "Documents" or moved to the "Trash".'; // "My Documents" should match with the "out.fm_rootName" key, and "Trash" with "out.fm_trashName"
     out.fm_info_template = 'Contains all the pads stored as templates and that you can re-use when you create a new pad.';
+    out.fm_info_recent = "List the recently modified or opened pads.";
     out.updated_0_fm_info_trash = 'Empty your trash to free space in your CryptDrive.';
     out.fm_info_trash = out.updated_0_fm_info_trash;
     out.fm_info_allFiles = 'Contains all the files from "Documents", "Unsorted" and "Trash". You can\'t move or remove files from here.'; // Same here
@@ -685,13 +688,15 @@ define(function () {
 
     // Tips
     out.tips = {};
-    out.tips.lag = "The green icon in the upper right shows the quality of your internet connection to the CryptPad server.";
     out.tips.shortcuts = "`ctrl+b`, `ctrl+i` and `ctrl+u` are quick shortcuts for bold, italic and underline.";
     out.tips.indent = "In numbered and bulleted lists, you can use tab or shift+tab to quickly increase or decrease indentation.";
-    out.tips.title = "You can set the title of your pad by clicking the top center.";
     out.tips.store = "Every time you visit a pad, if you're logged in it will be saved to your CryptDrive.";
     out.tips.marker = "You can highlight text in a pad using the \"marker\" item in the styles dropdown menu.";
     out.tips.driveUpload = "Registered users can upload encrypted files by dragging and dropping them into their CryptDrive.";
+    out.tips.filenames = "You can rename files in your CryptDrive, this name is just for you.";
+    out.tips.drive = "Logged in users can organize their files in their CryptDrive, accessible from the CryptPad icon at the top left of all pads.";
+    out.tips.profile = "Registered users can create a profile from the user menu in the top right.";
+    out.tips.avatars = "You can upload an avatar in your profile. People will see it when you collaborate in a pad.";
 
     out.feedback_about = "If you're reading this, you were probably curious why CryptPad is requesting web pages when you perform certain actions";
     out.feedback_privacy = "We care about your privacy, and at the same time we want CryptPad to be very easy to use.  We use this file to figure out which UI features matter to our users, by requesting it along with a parameter specifying which action was taken.";
diff --git a/customize.dist/what-is-cryptpad.html b/customize.dist/what-is-cryptpad.html
index 03032969b..31d4c99f8 100644
--- a/customize.dist/what-is-cryptpad.html
+++ b/customize.dist/what-is-cryptpad.html
@@ -6,7 +6,7 @@
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <link rel="icon" type="image/png" href="/customize/main-favicon.png" id="favicon"/>
-    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.1.15"></script>
+    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
 </head>
 <body class="html">
     <noscript>
diff --git a/package.json b/package.json
index 9821b6bdb..2dd774c27 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "cryptpad",
   "description": "realtime collaborative visual editor with zero knowlege server",
-  "version": "1.13.0",
+  "version": "1.14.0",
   "dependencies": {
     "chainpad-server": "^1.0.1",
     "express": "~4.10.1",
@@ -16,6 +16,8 @@
     "less": "2.7.1"
   },
   "scripts": {
+    "start": "node server.js",
+    "dev": "DEV=1 node server.js",
     "lint": "jshint --config .jshintrc --exclude-path .jshintignore .",
     "test": "node TestSelenium.js",
     "template": "cd customize.dist/src && for page in ../index.html ../privacy.html ../terms.html ../about.html ../contact.html ../what-is-cryptpad.html ../../www/login/index.html ../../www/register/index.html ../../www/settings/index.html ../../www/user/index.html;do echo $page; cp template.html $page; done;"
diff --git a/readme.md b/readme.md
index ae3c9e144..956077d15 100644
--- a/readme.md
+++ b/readme.md
@@ -20,6 +20,10 @@ It also contains information on keeping your instance of CryptPad up to date.
 
 See [Cryptpad-Docker](docs/cryptpad-docker.md)
 
+## Setup using Ansible
+
+See [Ansible Role for Cryptpad](https://github.com/systemli/ansible-role-cryptpad)
+
 # Security
 
 CryptPad is *private*, not *anonymous*. Privacy protects your data, anonymity protects you.
diff --git a/server.js b/server.js
index aed35c2fc..baf9b2e99 100644
--- a/server.js
+++ b/server.js
@@ -10,7 +10,13 @@ var NetfluxSrv = require('./node_modules/chainpad-server/NetfluxWebsocketSrv');
 var Package = require('./package.json');
 var Path = require("path");
 
-var config = require('./config');
+var config;
+try {
+    config = require('./config');
+} catch (e) {
+    console.log("You can customize the configuration by copying config.example.js to config.js");
+    config = require('./config.example');
+}
 var websocketPort = config.websocketPort || config.httpPort;
 var useSecureWebsockets = config.useSecureWebsockets || false;
 
@@ -38,7 +44,8 @@ var setHeaders = (function () {
         if (headers['Content-Security-Policy'].indexOf('frame-ancestors') === -1) {
             // backward compat for those who do not merge the new version of the config
             // when updating. This prevents endless spinner if someone clicks donate.
-            headers['Content-Security-Policy'] += "frame-ancestors 'self' accounts.cryptpad.fr;";
+            // It also fixes the cross-domain iframe.
+            headers['Content-Security-Policy'] += "frame-ancestors *;";
         }
     }
     const padHeaders = clone(headers);
@@ -47,7 +54,7 @@ var setHeaders = (function () {
     }
     if (Object.keys(headers).length) {
         return function (req, res) {
-            const h = /^\/pad\/inner\.html.*/.test(req.url) ? padHeaders : headers;
+            const h = /^\/pad(2)?\/inner\.html.*/.test(req.url) ? padHeaders : headers;
             for (let header in h) { res.setHeader(header, h[header]); }
         };
     }
@@ -124,18 +131,29 @@ if (config.privKeyAndCertFiles) {
 app.get('/api/config', function(req, res){
     var host = req.headers.host.replace(/\:[0-9]+/, '');
     res.setHeader('Content-Type', 'text/javascript');
-    res.send('define(' + JSON.stringify({
-        requireConf: {
-            waitSeconds: 60,
-            urlArgs: 'ver=' + Package.version + (DEV_MODE? '-' + (+new Date()): ''),
-        },
-        removeDonateButton: (config.removeDonateButton === true),
-        allowSubscriptions: (config.allowSubscriptions === true),
-
-        websocketPath: config.useExternalWebsocket ? undefined : config.websocketPath,
-        websocketURL:'ws' + ((useSecureWebsockets) ? 's' : '') + '://' + host + ':' +
-            websocketPort + '/cryptpad_websocket',
-    }) + ');');
+    res.send('define(function(){\n' + [
+        'var obj = ' + JSON.stringify({
+            requireConf: {
+                waitSeconds: 60,
+                urlArgs: 'ver=' + Package.version + (DEV_MODE? '-' + (+new Date()): ''),
+            },
+            removeDonateButton: (config.removeDonateButton === true),
+            allowSubscriptions: (config.allowSubscriptions === true),
+            websocketPath: config.useExternalWebsocket ? undefined : config.websocketPath,
+            websocketURL:'ws' + ((useSecureWebsockets) ? 's' : '') + '://' + host + ':' +
+                websocketPort + '/cryptpad_websocket',
+        }, null, '\t'),
+        'obj.httpSafeOrigin = ' + (function () {
+            if (config.httpSafeOrigin) { return config.httpSafeOrigin; }
+            if (config.httpSafePort) {
+                return "(function () { return window.location.origin.replace(/\:[0-9]+$/, ':" +
+                    config.httpSafePort + "'); }())";
+            }
+            return 'window.location.origin';
+        }()),
+        'return obj',
+        '});'
+    ].join(';\n'));
 });
 
 var httpServer = httpsOpts ? Https.createServer(httpsOpts, app) : Http.createServer(app);
@@ -149,6 +167,9 @@ httpServer.listen(config.httpPort,config.httpAddress,function(){
 
     console.log('\n[%s] server available http://%s%s', new Date().toISOString(), hostName, ps);
 });
+if (config.httpSafePort) {
+    Http.createServer(app).listen(config.httpSafePort, config.httpAddress);
+}
 
 var wsConfig = { server: httpServer };
 
diff --git a/www/bounce/index.html b/www/bounce/index.html
new file mode 100644
index 000000000..c299fff4f
--- /dev/null
+++ b/www/bounce/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html class="cp">
+<head>
+    <title data-localization="main_title">CryptPad: Zero Knowledge, Collaborative Real Time Editing</title>
+    <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+    <link rel="icon" type="image/png" href="/customize/main-favicon.png" id="favicon"/>
+    <script async data-bootload="main.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
+</head>
+<body class="html">
+    <noscript>
+        <p><strong>OOPS</strong> In order to do encryption in your browser, Javascript is really <strong>really</strong> required.</p>
+        <p><strong>OUPS</strong> Afin de pouvoir réaliser le chiffrement dans votre navigateur, Javascript est <strong>vraiment</strong> nécessaire.</p>
+    </noscript>
+</html>
diff --git a/www/bounce/main.js b/www/bounce/main.js
new file mode 100644
index 000000000..b8814e943
--- /dev/null
+++ b/www/bounce/main.js
@@ -0,0 +1,10 @@
+define([], function () {
+    if (window.localStorage && window.localStorage.FS_hash) {
+        window.alert('The bounce application must only be used from the sandbox domain, ' +
+            'please report this issue on https://github.com/xwiki-labs/cryptpad');
+        return;
+    }
+    var bounceTo = decodeURIComponent(window.location.hash.slice(1));
+    if (!bounceTo) { return; }
+    window.location.href = bounceTo;
+});
\ No newline at end of file
diff --git a/www/bounce/readme.md b/www/bounce/readme.md
new file mode 100644
index 000000000..f889674e4
--- /dev/null
+++ b/www/bounce/readme.md
@@ -0,0 +1,9 @@
+# Bounce app
+
+This app redirects you to a new URL.
+This app must only be served from CryptPad's safe origin, if this app detects that it is being
+served from the unsafe origin, it will throw an alert that it is misconfigured and it will refuse
+to redirect.
+
+If the URL is a javascript: URL, it will be trapped by CryptPad's Content Security Policy rules
+or in the worst case, it will run in the context of the sandboxed origin.
\ No newline at end of file
diff --git a/www/code/index.html b/www/code/index.html
index 539681839..0f8824bd4 100644
--- a/www/code/index.html
+++ b/www/code/index.html
@@ -5,7 +5,7 @@
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="referrer" content="no-referrer" />
-    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.1.15"></script>
+    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
     <style>
         html, body {
             overflow-y: hidden;
diff --git a/www/code/inner.html b/www/code/inner.html
index 6a224ba7d..99bec8d08 100644
--- a/www/code/inner.html
+++ b/www/code/inner.html
@@ -3,7 +3,7 @@
 <head>
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <script src="/bower_components/jquery/dist/jquery.min.js"></script>
-    <script async data-bootload="inner.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.1.15"></script>
+    <script async data-bootload="inner.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
     <style> .loading-hidden { display: none; } </style>
 </head>
 <body class="loading-hidden">
diff --git a/www/common/LessLoader.js b/www/common/LessLoader.js
index b25db9418..61cacfbeb 100644
--- a/www/common/LessLoader.js
+++ b/www/common/LessLoader.js
@@ -10,7 +10,13 @@ define([
 
     var module = { exports: {} };
     var key = Config.requireConf.urlArgs;
-    var localStorage = window.localStorage || {};
+    var localStorage;
+    try {
+        localStorage = window.localStorage || {};
+    } catch (e) {
+        console.error(e);
+        localStorage = {};
+    }
 
     var fixURL = function (url) {
         var mark = (url.indexOf('?') !== -1) ? '&' : '?';
diff --git a/www/common/boot2.js b/www/common/boot2.js
index 928b57d48..ec3b3d7db 100644
--- a/www/common/boot2.js
+++ b/www/common/boot2.js
@@ -1,24 +1,8 @@
 // This is stage 1, it can be changed but you must bump the version of the project.
-define([], function () {
-    // fix up locations so that relative urls work.
-    require.config({
-        baseUrl: window.location.pathname,
-        paths: {
-            // jquery declares itself as literally "jquery" so it cannot be pulled by path :(
-            "jquery": "/bower_components/jquery/dist/jquery.min",
-            // json.sortify same
-            "json.sortify": "/bower_components/json.sortify/dist/JSON.sortify",
-            //"pdfjs-dist/build/pdf": "/bower_components/pdfjs-dist/build/pdf",
-            //"pdfjs-dist/build/pdf.worker": "/bower_components/pdfjs-dist/build/pdf.worker"
-            cm: '/bower_components/codemirror'
-        },
-        map: {
-            '*': {
-                'css': '/bower_components/require-css/css.js',
-                'less': '/common/RequireLess.js',
-            }
-        }
-    });
+define([
+    '/common/requireconfig.js'
+], function (RequireConfig) {
+    require.config(RequireConfig());
 
     // most of CryptPad breaks if you don't support isArray
     if (!Array.isArray) {
@@ -27,6 +11,16 @@ define([], function () {
         };
     }
 
+    // file encryption/decryption won't work if you don't have Array.fill
+    if (typeof(Array.prototype.fill) !== 'function') {
+        Array.prototype.fill = function (x) { // CRYPTPAD_SHIM
+            var i = 0;
+            var l = this.length;
+            for (;i < l; i++) { this[i] = x; }
+            return this;
+        };
+    }
+
     var failStore = function () {
         console.error(new Error('wut'));
         require(['jquery'], function ($) {
diff --git a/www/common/common-file.js b/www/common/common-file.js
index 66e5eaefc..8dcff2081 100644
--- a/www/common/common-file.js
+++ b/www/common/common-file.js
@@ -6,6 +6,23 @@ define([
     var Nacl = window.nacl;
     var module = {};
 
+    var blobToArrayBuffer = function (blob, cb) {
+        var reader = new FileReader();
+        reader.onloadend = function () {
+            cb(void 0, this.result);
+        };
+        reader.readAsArrayBuffer(blob);
+    };
+
+    var arrayBufferToString = function (AB) {
+        try {
+            return Nacl.util.encodeBase64(new Uint8Array(AB));
+        } catch (e) {
+            console.error(e);
+            return null;
+        }
+    };
+
     module.create = function (common, config) {
         var File = {};
 
@@ -227,19 +244,33 @@ define([
             queue.next();
         };
 
-        var handleFile = File.handleFile = function (file, e) {
-            var reader = new FileReader();
-            reader.onloadend = function () {
+        var handleFile = File.handleFile = function (file, e, thumbnail) {
+            var thumb;
+            var finish = function (arrayBuffer) {
+                var metadata = {
+                    name: file.name,
+                    type: file.type,
+                };
+                if (thumb) { metadata.thumbnail = thumb; }
                 queue.push({
-                    blob: this.result,
-                    metadata: {
-                        name: file.name,
-                        type: file.type,
-                    },
+                    blob: arrayBuffer,
+                    metadata: metadata,
                     dropEvent: e
                 });
             };
-            reader.readAsArrayBuffer(file);
+
+            var processFile = function () {
+                blobToArrayBuffer(file, function (e, buffer) {
+                    finish(buffer);
+                });
+            };
+
+            if (!thumbnail) { return void processFile(); }
+            blobToArrayBuffer(thumbnail, function (e, buffer) {
+                if (e) { console.error(e); }
+                thumb = arrayBufferToString(buffer);
+                processFile();
+            });
         };
 
         var onFileDrop = File.onFileDrop = function (file, e) {
diff --git a/www/common/common-hash.js b/www/common/common-hash.js
index 888c0a338..5ed7ece36 100644
--- a/www/common/common-hash.js
+++ b/www/common/common-hash.js
@@ -214,6 +214,10 @@ Version 1
 
     Hash.getHashes = function (channel, secret) {
         var hashes = {};
+        if (!secret.keys) {
+            console.error('e');
+            return hashes;
+        }
         if (secret.keys.editKeyStr) {
             hashes.editHash = getEditHashFromKeys(channel, secret.keys);
         }
diff --git a/www/common/common-history.js b/www/common/common-history.js
index e29e95753..6dea29ab7 100644
--- a/www/common/common-history.js
+++ b/www/common/common-history.js
@@ -38,13 +38,13 @@ define([
         var parsed = config.href ? common.parsePadUrl(config.href) : {};
         var secret = common.getSecrets(parsed.type, parsed.hash);
 
-        History.readOnly = 1;
+        History.readOnly = 0;
         if (!secret.keys) {
             secret.keys = secret.key;
-            History.readOnly = 2;
+            History.readOnly = 0;
         }
         else if (!secret.keys.validateKey) {
-            History.readOnly = 0;
+            History.readOnly = 1;
         }
 
         var crypto = Crypto.createEncryptor(secret.keys);
@@ -203,7 +203,7 @@ define([
                 'class':'revertHistory buttonSuccess',
                 title: Messages.history_restoreTitle
             }).text(Messages.history_restore).appendTo($nav);
-            if (!History.readOnly) { $rev.hide(); }
+            if (History.readOnly) { $rev.hide(); }
 
             onUpdate = function () {
                 $cur.attr('max', states.length);
diff --git a/www/common/common-interface.js b/www/common/common-interface.js
index 4c05432f9..9d5180093 100644
--- a/www/common/common-interface.js
+++ b/www/common/common-interface.js
@@ -64,6 +64,9 @@ define([
             });
         window.setTimeout(function () {
             findOKButton().focus();
+            if (typeof(UI.notify) === 'function') {
+                UI.notify();
+            }
         });
     };
 
@@ -97,6 +100,9 @@ define([
                 cb(null, ev);
                 stopListening(keyHandler);
             });
+        if (typeof(UI.notify) === 'function') {
+            UI.notify();
+        }
     };
 
     UI.confirm = function (msg, cb, opt, force, styleCB) {
@@ -141,6 +147,9 @@ define([
                 styleCB($ok.closest('.dialog'));
             }
         }, 0);
+        if (typeof(UI.notify) === 'function') {
+            UI.notify();
+        }
     };
 
     UI.log = function (msg) {
diff --git a/www/common/common-messaging.js b/www/common/common-messaging.js
index e4f2d20e3..a0b39c88f 100644
--- a/www/common/common-messaging.js
+++ b/www/common/common-messaging.js
@@ -6,62 +6,16 @@ define([
 
     '/bower_components/marked/marked.min.js',
     '/common/common-realtime.js',
-
-    // displayAvatar
-    // whenRealtimeSyncs
-    // getRealtime -> removeFromFriendList
-    /*  UI
-            Messages
-            confirm
-            fixHTML
-            displayAvatar
-            clearOwnedChannel
-            alert
-
-
-        pushMsg
-            removeFromFriendList
-
-        onDirectMessage
-            getNetwork
-            getProxy
-            pushMsg
-
-        Init
-            getNetwork
-            getProxy
-            onDirectMessage
-            removeFromFriendList
-            notify
-            onMessage
-
-    */
-
 ], function ($, Crypto, Curve, Hash, Marked, Realtime) {
     var Msg = {
         inputs: [],
     };
 
-
-    var Types = {
-        message: 'MSG',
-        update: 'UPDATE',
-        unfriend: 'UNFRIEND',
-        mapId: 'MAP_ID',
-        mapIdAck: 'MAP_ID_ACK'
-    };
-
     // TODO
     // - mute a channel (hide notifications or don't open it?)
-
-    var ready = [];
     var pending = {};
     var pendingRequests = [];
 
-    var parseMessage = function (content) {
-        return Marked(content);
-    };
-
     var createData = Msg.createData = function (proxy, hash) {
         return {
             channel: hash || Hash.createChannelId(),
@@ -82,13 +36,6 @@ define([
         return proxy.friends ? proxy.friends[pubkey] : undefined;
     };
 
-    var removeFromFriendList = function (proxy, realtime, curvePublic, cb) {
-        if (!proxy.friends) { return; }
-        var friends = proxy.friends;
-        delete friends[curvePublic];
-        Realtime.whenRealtimeSyncs(realtime, cb);
-    };
-
     var getFriendList = Msg.getFriendList = function (proxy) {
         if (!proxy.friends) { proxy.friends = {}; }
         return proxy.friends;
@@ -101,7 +48,6 @@ define([
         });
     };
 
-
     Msg.getFriendChannelsList = function (proxy) {
         var list = [];
         eachFriend(proxy, function (friend) {
@@ -110,500 +56,9 @@ define([
         return list;
     };
 
-    // Messaging tools
-    var avatars = {};
-
     // TODO make this internal to the messenger
     var channels = Msg.channels  = window.channels = {};
 
-    var UI = Msg.UI = {};
-
-    UI.init = function (common, $listContainer, $msgContainer) {
-        var ui = {
-            containers: {
-                friendList: $listContainer,
-                messages: $msgContainer,
-            },
-        };
-
-        ui.addToFriendList = function (data, display, remove) {
-            var $block = ui.containers.friendBlock;
-
-            var $friend = $('<div>', {'class': 'friend avatar'}).appendTo($block);
-            $friend.data('key', data.curvePublic);
-            var $rightCol = $('<span>', {'class': 'right-col'});
-            $('<span>', {'class': 'name'}).text(data.displayName).appendTo($rightCol);
-            var $remove = $('<span>', {'class': 'remove fa fa-user-times'}).appendTo($rightCol);
-            $remove.attr('title', common.Messages.contacts_remove);
-            $friend.dblclick(function () {
-                if (data.profile) {
-                    window.open('/profile/#' + data.profile);
-                }
-            });
-            $friend.click(function () {
-                display(data.curvePublic);
-            });
-            $remove.click(function (e) {
-                e.stopPropagation();
-                common.confirm(common.Messages._getKey('contacts_confirmRemove', [
-                    common.fixHTML(data.displayName)
-                ]), function (yes) {
-                    if (!yes) { return; }
-                    remove(data.curvePublic);
-                }, null, true);
-            });
-            if (data.avatar && avatars[data.avatar]) {
-                $friend.append(avatars[data.avatar]);
-                $friend.append($rightCol);
-            } else {
-                common.displayAvatar($friend, data.avatar, data.displayName, function ($img) {
-                    if (data.avatar && $img) {
-                        avatars[data.avatar] = $img[0].outerHTML;
-                    }
-                    $friend.append($rightCol);
-                });
-            }
-            $('<span>', {'class': 'status'}).appendTo($friend);
-        };
-
-        ui.createFriendList = function (friends, display, remove) {
-            var $block = ui.containers.friendBlock = $('<div>');
-            eachFriend(friends, function (friend) {
-                ui.addToFriendList(friend, display, remove);
-            });
-            $block.appendTo($listContainer);
-        };
-
-        ui.notify = function (curvePublic) {
-            var $friend = $listContainer.find('.friend').filter(function (idx, el) {
-                return $(el).data('key') === curvePublic;
-            });
-            $friend.addClass('notify');
-        };
-
-        ui.unnotify = function (curvePublic) {
-            var $friend = $listContainer.find('.friend').filter(function (idx, el) {
-                return $(el).data('key') === curvePublic;
-            });
-            $friend.removeClass('notify');
-        };
-
-        ui.update = function (curvePublic, types) {
-            var proxy = common.getProxy();
-            var data = getFriend(proxy, curvePublic);
-            var chan = channels[data.channel];
-            if (!chan.ready) {
-                chan.updateOnReady = (chan.updateOnReady || []).concat(types);
-                return;
-            }
-            var $friend = $listContainer.find('.friend').filter(function (idx, el) {
-                return $(el).data('key') === curvePublic;
-            });
-            if (types.indexOf('displayName') >= 0) {
-                $friend.find('.name').text(data.displayName);
-            }
-            if (types.indexOf('avatar') >= 0) {
-                $friend.find('.default').remove();
-                $friend.find('media-tag').remove();
-                if (data.avatar && avatars[data.avatar]) {
-                    $friend.prepend(avatars[data.avatar]);
-                } else {
-                    common.displayAvatar($friend, data.avatar, data.displayName, function ($img) {
-                        if (data.avatar && $img) {
-                            avatars[data.avatar] = $img[0].outerHTML;
-                        }
-                    });
-                }
-            }
-        };
-
-        ui.updateStatus = function (curvePublic, online) {
-            ui.getFriend(curvePublic).find('.status')
-                .attr('class', 'status ' + (online? 'online' : 'offline'));
-        };
-
-        ui.getChannel = function (curvePublic) {
-            var $chat = $msgContainer.find('.chat').filter(function (idx, el) {
-                return $(el).data('key') === curvePublic;
-            });
-            return $chat.length? $chat: null;
-        };
-
-        ui.hideInfo = function () {
-            $msgContainer.find('.info').hide();
-        };
-
-        ui.showInfo = function () {
-            $msgContainer.find('.info').show();
-        };
-
-        ui.createChat = function (curvePublic) {
-            return $('<div>', {'class':'chat'})
-                .data('key', curvePublic).appendTo($msgContainer);
-        };
-
-        ui.hideChat = function () {
-            $msgContainer.find('.chat').hide();
-        };
-
-        ui.getFriend = function (curvePublic) {
-            return $listContainer.find('.friend').filter(function (idx, el) {
-                return $(el).data('key') === curvePublic;
-            });
-        };
-
-        ui.remove = function (curvePublic) {
-            var $friend = ui.getFriend(curvePublic);
-            var $chat = ui.getChannel(curvePublic);
-            $friend.remove();
-            if ($chat) { $chat.remove(); }
-            ui.showInfo();
-        };
-
-        ui.createMessage = function (msg, name) {
-            var $msg = $('<div>', {'class': 'message'})
-                .attr('title', msg.time ? new Date(msg.time).toLocaleString(): '?');
-
-            if (name) {
-                $('<div>', {'class':'sender'}).text(name).appendTo($msg);
-            }
-
-            $('<div>', {'class':'content'}).html(parseMessage(msg.text)).appendTo($msg);
-            return $msg;
-        };
-
-        ui.setEditable = function (bool) {
-            bool = !bool;
-            var input = ui.input;
-            if (!input) { return; }
-
-            if (bool) {
-                input.setAttribute('disabled', bool);
-            } else {
-                input.removeAttribute('disabled');
-            }
-
-            if (common.Messages) {
-                // set placeholder
-                var placeholder = bool?
-                    common.Messages.disconnected:
-                    common.Messages.contacts_typeHere;
-                input.setAttribute('placeholder', placeholder);
-            }
-        };
-
-        ui.createChatBox = function (proxy, $container, curvePublic) {
-            var data = getFriend(proxy, curvePublic);
-
-            // Input
-            var channel = channels[data.channel];
-
-            var $header = $('<div>', {
-                'class': 'header',
-            }).appendTo($container);
-
-            var $avatar = $('<div>', {'class': 'avatar'}).appendTo($header);
-
-            // more history...
-            $('<span>', {
-                'class': 'more-history',
-            })
-            .text('get more history')
-            .click(function () {
-                console.log("GETTING HISTORY");
-                channel.getPreviousMessages();
-            })
-            .appendTo($header);
-
-            var $removeHistory = $('<span>', {
-                'class': 'remove-history fa fa-eraser',
-                title: common.Messages.contacts_removeHistoryTitle
-            })
-            .click(function () {
-                common.confirm(common.Messages.contacts_confirmRemoveHistory, function (yes) {
-                    if (!yes) { return; }
-                    common.clearOwnedChannel(data.channel, function (e) {
-                        if (e) {
-                            console.error(e);
-                            common.alert(common.Messages.contacts_removeHistoryServerError);
-                            return;
-                        }
-                    });
-                });
-            });
-            $removeHistory.appendTo($header);
-
-            $('<div>', {'class': 'messages'}).appendTo($container);
-            var $inputBlock = $('<div>', {'class': 'input'}).appendTo($container);
-
-            var $input = $('<textarea>').appendTo($inputBlock);
-            $input.attr('placeholder', common.Messages.contacts_typeHere);
-            ui.input = $input[0];
-
-            var send = function () {
-                // TODO implement sending queue
-                // TODO separate message logic from UI
-                var channel = channels[data.channel];
-                if (channel.sending) {
-                    console.error("still sending");
-                    return;
-                }
-                if (!$input.val()) {
-                    console.error("nothing to send");
-                    return;
-                }
-                if ($input.attr('disabled')) {
-                    console.error("input is disabled");
-                    return;
-                }
-
-                var payload = $input.val();
-                // Send the message
-                channel.sending = true;
-                channel.send(payload, function (e) {
-                    if (e) {
-                        channel.sending = false;
-                        console.error(e);
-                        return;
-                    }
-                    $input.val('');
-                    channel.refresh();
-                    channel.sending = false;
-                });
-            };
-            $('<button>', {
-                'class': 'btn btn-primary fa fa-paper-plane',
-                title: common.Messages.contacts_send,
-            }).appendTo($inputBlock).click(send);
-
-            var onKeyDown = function (e) {
-                if (e.keyCode === 13) {
-                    if (e.ctrlKey || e.shiftKey) {
-                        var val = this.value;
-                        if (typeof this.selectionStart === "number" && typeof this.selectionEnd === "number") {
-                            var start = this.selectionStart;
-                            this.value = val.slice(0, start) + "\n" + val.slice(this.selectionEnd);
-                            this.selectionStart = this.selectionEnd = start + 1;
-                        } else if (document.selection && document.selection.createRange) {
-                            this.focus();
-                            var range = document.selection.createRange();
-                            range.text = "\r\n";
-                            range.collapse(false);
-                            range.select();
-                        }
-                        return false;
-                    }
-                    send();
-                    return false;
-                }
-            };
-            $input.on('keydown', onKeyDown);
-
-            // Header
-            var $rightCol = $('<span>', {'class': 'right-col'});
-            $('<span>', {'class': 'name'}).text(data.displayName).appendTo($rightCol);
-            if (data.avatar && avatars[data.avatar]) {
-                $avatar.append(avatars[data.avatar]);
-                $avatar.append($rightCol);
-            } else {
-                common.displayAvatar($avatar, data.avatar, data.displayName, function ($img) {
-                    if (data.avatar && $img) {
-                        avatars[data.avatar] = $img[0].outerHTML;
-                    }
-                    $avatar.append($rightCol);
-                });
-            }
-        };
-
-        return ui;
-    };
-
-    var msgAlreadyKnown = function (channel, sig) {
-        return channel.messages.some(function (message) {
-            return message[0] === sig;
-        });
-    };
-
-    // TODO remove dependency on common
-    var pushMsg = function (realtime, proxy, common, channel, cryptMsg) {
-        var msg = channel.encryptor.decrypt(cryptMsg);
-
-        var sig = cryptMsg.slice(0, 64);
-        if (msgAlreadyKnown(channel, sig)) { return; }
-
-        var parsedMsg = JSON.parse(msg);
-        if (parsedMsg[0] === Types.message) {
-            // TODO validate messages here
-            var res = {
-                type: parsedMsg[0],
-                sig: sig,
-                channel: parsedMsg[1],
-                time: parsedMsg[2],
-                text: parsedMsg[3],
-            };
-
-            channel.messages.push(res);
-            return true;
-        }
-        if (parsedMsg[0] === Types.update) {
-            if (parsedMsg[1] === proxy.curvePublic) { return; }
-            var newdata = parsedMsg[3];
-            var data = getFriend(proxy, parsedMsg[1]);
-            var types = [];
-            Object.keys(newdata).forEach(function (k) {
-                if (data[k] !== newdata[k]) {
-                    types.push(k);
-                    data[k] = newdata[k];
-                }
-            });
-            channel.updateUI(types);
-            return;
-        }
-        if (parsedMsg[0] === Types.unfriend) {
-            removeFromFriendList(proxy, realtime, channel.friendEd, function () {
-                channel.wc.leave(Types.unfriend);
-                channel.removeUI();
-            });
-            return;
-        }
-    };
-
-    /*  Broadcast a display name, profile, or avatar change to all contacts
-    */
-    var updateMyData = function (proxy) {
-        var friends = getFriendList(proxy);
-        var mySyncData = friends.me;
-        var myData = createData(proxy);
-        if (!mySyncData || mySyncData.displayName !== myData.displayName
-             || mySyncData.profile !== myData.profile
-             || mySyncData.avatar !== myData.avatar) {
-            delete myData.channel;
-            Object.keys(channels).forEach(function (chan) {
-                var channel = channels[chan];
-                var msg = [Types.update, myData.curvePublic, +new Date(), myData];
-                var msgStr = JSON.stringify(msg);
-                var cryptMsg = channel.encryptor.encrypt(msgStr);
-                channel.wc.bcast(cryptMsg).then(function () {
-                    channel.refresh();
-                }, function (err) {
-                    console.error(err);
-                });
-            });
-            friends.me = myData;
-        }
-    };
-
-    var onChannelReady = function (proxy, chanId) {
-        if (ready.indexOf(chanId) !== -1) { return; }
-        ready.push(chanId);
-        channels[chanId].updateStatus(); // c'est quoi?
-        var friends = getFriendList(proxy);
-        if (ready.length === Object.keys(friends).length) {
-            // All channels are ready
-            updateMyData(proxy);
-        }
-        return ready.length;
-    };
-
-    // Id message allows us to map a netfluxId with a public curve key
-    var onIdMessage = function (proxy, network, msg, sender) {
-        var channel;
-        var isId = Object.keys(channels).some(function (chanId) {
-            if (channels[chanId].userList.indexOf(sender) !== -1) {
-                channel = channels[chanId];
-                return true;
-            }
-        });
-
-        if (!isId) { return; }
-
-        var decryptedMsg = channel.encryptor.decrypt(msg);
-
-        if (decryptedMsg === null) {
-            // console.error('unable to decrypt message');
-            // console.error('potentially meant for yourself');
-
-            // message failed to parse, meaning somebody sent it to you but
-            // encrypted it with the wrong key, or you're sending a message to
-            // yourself in a different tab.
-            return;
-        }
-
-        if (!decryptedMsg) {
-            console.error('decrypted message was falsey but not null');
-            return;
-        }
-
-        var parsed;
-        try {
-            parsed = JSON.parse(decryptedMsg);
-        } catch (e) {
-            console.error(decryptedMsg);
-            return;
-        }
-        if (parsed[0] !== Types.mapId && parsed[0] !== Types.mapIdAck) { return; }
-
-        // check that the responding peer's encrypted netflux id matches
-        // the sender field. This is to prevent replay attacks.
-        if (parsed[2] !== sender || !parsed[1]) { return; }
-        channel.mapId[sender] = parsed[1];
-
-        channel.updateStatus();
-
-        if (parsed[0] !== Types.mapId) { return; } // Don't send your key if it's already an ACK
-        // Answer with your own key
-        var rMsg = [Types.mapIdAck, proxy.curvePublic, channel.wc.myID];
-        var rMsgStr = JSON.stringify(rMsg);
-        var cryptMsg = channel.encryptor.encrypt(rMsgStr);
-        network.sendto(sender, cryptMsg);
-    };
-
-    // HERE
-    var onDirectMessage = function (common, msg, sender) {
-        var proxy = common.getProxy();
-        var network = common.getNetwork();
-        var realtime = common.getRealtime();
-
-        if (sender !== Msg.hk) { return void onIdMessage(proxy, network, msg, sender); }
-        var parsed = JSON.parse(msg);
-        if ((parsed.validateKey || parsed.owners) && parsed.channel) {
-            return;
-        }
-        if (parsed.state && parsed.state === 1 && parsed.channel) {
-            if (channels[parsed.channel]) {
-                // parsed.channel is Ready
-                // TODO: call a function that shows that the channel is ready? (remove a spinner, ...)
-                // channel[parsed.channel].ready();
-                channels[parsed.channel].ready = true;
-                onChannelReady(proxy, parsed.channel);
-                var updateTypes = channels[parsed.channel].updateOnReady;
-                if (updateTypes) {
-                    channels[parsed.channel].updateUI(updateTypes);
-                }
-            }
-            return;
-        }
-        var chan = parsed[3];
-        if (!chan || !channels[chan]) { return; }
-        pushMsg(realtime, proxy, common, channels[chan], parsed[4]);
-        channels[chan].refresh();
-    };
-    var onMessage = function (common, msg, sender, chan) {
-        if (!channels[chan.id]) { return; }
-
-        var realtime = common.getRealtime();
-        var proxy = common.getProxy();
-
-        var isMessage = pushMsg(realtime, proxy, common, channels[chan.id], msg);
-        if (isMessage) {
-            // Don't notify for your own messages
-            if (channels[chan.id].wc.myID !== sender) {
-                channels[chan.id].notify();
-            }
-            channels[chan.id].refresh();
-        }
-    };
-
     Msg.getLatestMessages = function () {
         Object.keys(channels).forEach(function (id) {
             if (id === 'me') { return; }
@@ -613,280 +68,6 @@ define([
         });
     };
 
-    var getMoreHistory = function (network, chan, hash, count) {
-        var msg = [ 'GET_HISTORY_RANGE', chan.id, {
-                from: hash,
-                count: count,
-            }
-        ];
-
-        network.sendto(network.historyKeeper, JSON.stringify(msg)).then(function () {
-        }, function (err) {
-            throw new Error(err);
-        });
-    };
-
-    var getChannelMessagesSince = function (network, proxy, chan, data, keys) {
-        var cfg = {
-            validateKey: keys.validateKey,
-            owners: [proxy.edPublic, data.edPublic],
-            lastKnownHash: data.lastKnownHash
-        };
-        var msg = ['GET_HISTORY', chan.id, cfg];
-        network.sendto(network.historyKeeper, JSON.stringify(msg))
-          .then($.noop, function (err) {
-            throw new Error(err);
-        });
-    };
-
-    /*  TODO remove dependency on common
-    */
-    Msg.init = function (common, ui) {
-        // declare common variables
-        var network = common.getNetwork();
-        var proxy = common.getProxy();
-        var realtime = common.getRealtime();
-        Msg.hk = network.historyKeeper;
-        var friends = getFriendList(proxy);
-
-        // listen for messages...
-        network.on('message', function(msg, sender) {
-            onDirectMessage(common, msg, sender);
-        });
-
-        // declare messenger and common methods
-        var messenger = {
-            ui: ui,
-        };
-
-        messenger.setActive = function (id) {
-            // TODO validate id
-            messenger.active = id;
-        };
-
-        // Refresh the active channel
-        // TODO extract into UI method
-        var refresh = function (curvePublic) {
-            if (messenger.active !== curvePublic) { return; }
-            var data = friends[curvePublic];
-            if (!data) { return; }
-            var channel = channels[data.channel];
-            if (!channel) { return; }
-
-            var $chat = ui.getChannel(curvePublic);
-
-            if (!$chat) { return; }
-
-            // Add new messages
-            var messages = channel.messages;
-            var $messages = $chat.find('.messages');
-            var msg, name;
-            var last = typeof(channel.lastDisplayed) === 'number'? channel.lastDisplayed: -1;
-            for (var i = last + 1; i<messages.length; i++) {
-                msg = messages[i];
-                name = (msg.channel !== channel.lastSender)?
-                    getFriend(proxy, msg.channel).displayName: undefined;
-
-                ui.createMessage(msg, name).appendTo($messages);
-                channel.lastSender = msg.channel;
-            }
-            $messages.scrollTop($messages[0].scrollHeight);
-            channel.lastDisplayed = i-1;
-            channel.unnotify();
-
-            // return void channel.notify();
-            if (messages.length > 10) {
-                var lastKnownMsg = messages[messages.length - 11];
-                channel.setLastMessageRead(lastKnownMsg.sig);
-            }
-        };
-        // Display a new channel
-        // TODO extract into UI method
-        var display = function (curvePublic) {
-            ui.hideInfo();
-            var $chat = ui.getChannel(curvePublic);
-            if (!$chat) {
-                $chat = ui.createChat(curvePublic);
-                ui.createChatBox(proxy, $chat, curvePublic);
-            }
-            // Show the correct div
-            ui.hideChat();
-            $chat.show();
-
-            // TODO set this attr per-messenger
-            messenger.setActive(curvePublic);
-            // TODO don't mark messages as read unless you have displayed them
-
-            refresh(curvePublic);
-        };
-
-        // TODO take a callback
-        var remove = function (curvePublic) {
-            var data = getFriend(proxy, curvePublic);
-            var channel = channels[data.channel];
-            var msg = [Types.unfriend, proxy.curvePublic, +new Date()];
-            var msgStr = JSON.stringify(msg);
-            var cryptMsg = channel.encryptor.encrypt(msgStr);
-            channel.wc.bcast(cryptMsg).then(function () {
-                removeFromFriendList(common, curvePublic, function () {
-                    channel.wc.leave(Types.unfriend);
-                    channel.removeUI();
-                });
-            }, function (err) {
-                console.error(err);
-            });
-        };
-
-        // Display friend list
-        ui.createFriendList(friends, display, remove);
-
-        // Open the channels
-
-        // TODO extract this into an external function
-        var openFriendChannel = function (data, f) {
-            var keys = Curve.deriveKeys(data.curvePublic, proxy.curvePrivate);
-            var encryptor = Curve.createEncryptor(keys);
-            network.join(data.channel).then(function (chan) {
-                var channel = channels[data.channel] = {
-                    sending: false,
-                    friendEd: f,
-                    keys: keys,
-                    encryptor: encryptor,
-                    messages: [],
-                    refresh: function () { refresh(data.curvePublic); },
-                    notify: function () {
-                        ui.notify(data.curvePublic);
-                        common.notify(); // HERE
-                    },
-                    unnotify: function () { ui.unnotify(data.curvePublic); },
-                    removeUI: function () { ui.remove(data.curvePublic); },
-                    updateUI: function (types) { ui.update(data.curvePublic, types); },
-                    updateStatus: function () {
-                        ui.updateStatus(data.curvePublic,
-                            channel.getStatus(data.curvePublic));
-                    },
-                    setLastMessageRead: function (hash) {
-                        data.lastKnownHash = hash;
-                    },
-                    getLastMessageRead: function () {
-                        return data.lastKnownHash;
-                    },
-                    isActive: function () {
-                        return data.curvePublic === messenger.active;
-                    },
-                    getMessagesSinceDisconnect: function () {
-                        getChannelMessagesSince(network, proxy, chan, data, keys);
-                    },
-                    wc: chan,
-                    userList: [],
-                    mapId: {},
-                    getStatus: function (curvePublic) {
-                        return channel.userList.some(function (nId) {
-                            return channel.mapId[nId] === curvePublic;
-                        });
-                    },
-                    getPreviousMessages: function () {
-                        var history = channel.messages;
-                        if (!history || !history.length) {
-                            // TODO ask for default history?
-                            return;
-                        }
-
-                        var oldestMessage = history[0];
-                        if (!oldestMessage) {
-                            return; // nothing to fetch
-                        }
-
-                        var messageHash = oldestMessage[0];
-                        getMoreHistory(network, chan, messageHash, 10);
-                    },
-                    send: function (payload, cb) {
-                        if (!network.webChannels.some(function (wc) {
-                            if (wc.id === channel.wc.id) { return true; }
-                        })) {
-                            return void cb('NO_SUCH_CHANNEL');
-                        }
-
-                        var msg = [Types.message, proxy.curvePublic, +new Date(), payload];
-                        var msgStr = JSON.stringify(msg);
-                        var cryptMsg = channel.encryptor.encrypt(msgStr);
-
-                        channel.wc.bcast(cryptMsg).then(function () {
-                            pushMsg(realtime, proxy, common, channel, cryptMsg);
-                            cb();
-                        }, function (err) {
-                            cb(err);
-                        });
-                    },
-                };
-                chan.on('message', function (msg, sender) {
-                    onMessage(common, msg, sender, chan);
-                });
-
-                var onJoining = function (peer) {
-                    if (peer === Msg.hk) { return; }
-                    if (channel.userList.indexOf(peer) !== -1) { return; }
-                    channel.userList.push(peer);
-                    var msg = [Types.mapId, proxy.curvePublic, chan.myID];
-                    var msgStr = JSON.stringify(msg);
-                    var cryptMsg = channel.encryptor.encrypt(msgStr);
-                    network.sendto(peer, cryptMsg);
-                    channel.updateStatus();
-                };
-                chan.members.forEach(function (peer) {
-                    if (peer === Msg.hk) { return; }
-                    if (channel.userList.indexOf(peer) !== -1) { return; }
-                    channel.userList.push(peer);
-                });
-                chan.on('join', onJoining);
-                chan.on('leave', function (peer) {
-                    var i = channel.userList.indexOf(peer);
-                    while (i !== -1) {
-                        channel.userList.splice(i, 1);
-                        i = channel.userList.indexOf(peer);
-                    }
-                    channel.updateStatus();
-                });
-
-                getChannelMessagesSince(network, proxy, chan, data, keys);
-            }, function (err) {
-                console.error(err);
-            });
-        };
-
-        messenger.cleanFriendChannels = function () {
-            Object.keys(channels).forEach(function (id) {
-                delete channels[id];
-            });
-        };
-
-        var openFriendChannels = messenger.openFriendChannels = function () {
-            eachFriend(friends, openFriendChannel);
-        };
-
-        messenger.setEditable = ui.setEditable;
-
-        openFriendChannels();
-
-        // TODO split loop innards into ui methods
-        var checkNewFriends = function () {
-            eachFriend(friends, function (friend, id) {
-                var $friend = ui.getFriend(id);
-                if (!$friend.length) {
-                    openFriendChannel(friend, id);
-                    ui.addToFriendList(friend, display, remove);
-                }
-            });
-        };
-
-        common.onDisplayNameChanged(function () {
-            checkNewFriends();
-            updateMyData(proxy);
-        });
-
-        return messenger;
-    };
-
     // Invitation
     // FIXME there are too many functions with this name
     var addToFriendList = Msg.addToFriendList = function (common, data, cb) {
@@ -898,9 +79,11 @@ define([
 
         friends[pubKey] = data;
 
-        Realtime.whenRealtimeSyncs(common.getRealtime(), function () {
+        Realtime.whenRealtimeSyncs(common, common.getRealtime(), function () {
             cb();
-            common.pinPads([data.channel]);
+            common.pinPads([data.channel], function (e) {
+                if (e) { console.error(e); }
+            });
         });
         common.changeDisplayName(proxy[common.displayNameKey]);
     };
@@ -951,7 +134,8 @@ define([
                     var confirmMsg = common.Messages._getKey('contacts_request', [
                         common.fixHTML(msgData.displayName)
                     ]);
-                    common.confirm(confirmMsg, todo, null, true);
+                    common.onFriendRequest(confirmMsg, todo);
+                    //common.confirm(confirmMsg, todo, null, true);
                     return;
                 }
                 if (msg[0] === "FRIEND_REQ_OK") {
@@ -961,9 +145,15 @@ define([
                     // FIXME clarify this function's name
                     addToFriendList(common, msgData, function (err) {
                         if (err) {
-                            return void common.log(common.Messages.contacts_addError);
+                            return void common.onFriendComplete({
+                                logText: common.Messages.contacts_addError,
+                                netfluxId: sender
+                            });
                         }
-                        common.log(common.Messages.contacts_added);
+                        common.onFriendComplete({
+                            logText: common.Messages.contacts_added,
+                            netfluxId: sender
+                        });
                         var msg = ["FRIEND_REQ_ACK", chan];
                         var msgStr = Crypto.encrypt(JSON.stringify(msg), key);
                         network.sendto(sender, msgStr);
@@ -973,7 +163,10 @@ define([
                 if (msg[0] === "FRIEND_REQ_NOK") {
                     var i = pendingRequests.indexOf(sender);
                     if (i !== -1) { pendingRequests.splice(i, 1); }
-                    common.log(common.Messages.contacts_rejected);
+                    common.onFriendComplete({
+                        logText: common.Messages.contacts_rejected,
+                        netfluxId: sender
+                    });
                     common.changeDisplayName(proxy[common.displayNameKey]);
                     return;
                 }
@@ -982,9 +175,15 @@ define([
                     if (!data) { return; }
                     addToFriendList(common, data, function (err) {
                         if (err) {
-                            return void common.log(common.Messages.contacts_addError);
+                            return void common.onFriendComplete({
+                                logText: common.Messages.contacts_addError,
+                                netfluxId: sender
+                            });
                         }
-                        common.log(common.Messages.contacts_added);
+                        common.onFriendComplete({
+                            logText: common.Messages.contacts_added,
+                            netfluxId: sender
+                        });
                     });
                     return;
                 }
diff --git a/www/common/common-messenger.js b/www/common/common-messenger.js
new file mode 100644
index 000000000..32b4ac5be
--- /dev/null
+++ b/www/common/common-messenger.js
@@ -0,0 +1,673 @@
+define([
+    'jquery',
+    '/bower_components/chainpad-crypto/crypto.js',
+    '/common/curve.js',
+    '/common/common-hash.js',
+    '/common/common-realtime.js'
+], function ($, Crypto, Curve, Hash, Realtime) {
+    'use strict';
+    var Msg = {
+        inputs: [],
+    };
+
+    var Types = {
+        message: 'MSG',
+        update: 'UPDATE',
+        unfriend: 'UNFRIEND',
+        mapId: 'MAP_ID',
+        mapIdAck: 'MAP_ID_ACK'
+    };
+
+    var clone = function (o) {
+        return JSON.parse(JSON.stringify(o));
+    };
+
+    // TODO
+    // - mute a channel (hide notifications or don't open it?)
+    var createData = Msg.createData = function (proxy, hash) {
+        return {
+            channel: hash || Hash.createChannelId(),
+            displayName: proxy['cryptpad.username'],
+            profile: proxy.profile && proxy.profile.view,
+            edPublic: proxy.edPublic,
+            curvePublic: proxy.curvePublic,
+            avatar: proxy.profile && proxy.profile.avatar
+        };
+    };
+
+    var getFriend = function (proxy, pubkey) {
+        if (pubkey === proxy.curvePublic) {
+            var data = createData(proxy);
+            delete data.channel;
+            return data;
+        }
+        return proxy.friends ? proxy.friends[pubkey] : undefined;
+    };
+
+    var getFriendList = Msg.getFriendList = function (proxy) {
+        if (!proxy.friends) { proxy.friends = {}; }
+        return proxy.friends;
+    };
+
+    var eachFriend = function (friends, cb) {
+        Object.keys(friends).forEach(function (id) {
+            if (id === 'me') { return; }
+            cb(friends[id], id, friends);
+        });
+    };
+
+    Msg.getFriendChannelsList = function (proxy) {
+        var list = [];
+        eachFriend(proxy, function (friend) {
+            list.push(friend.channel);
+        });
+        return list;
+    };
+
+    var msgAlreadyKnown = function (channel, sig) {
+        return channel.messages.some(function (message) {
+            return message[0] === sig;
+        });
+    };
+
+    Msg.messenger = function (common) {
+        var messenger = {
+            handlers: {
+                message: [],
+                join: [],
+                leave: [],
+                update: [],
+                friend: [],
+                unfriend: [],
+            },
+            range_requests: {},
+        };
+
+        var eachHandler = function (type, g) {
+            messenger.handlers[type].forEach(g);
+        };
+
+        messenger.on = function (type, f) {
+            var stack = messenger.handlers[type];
+            if (!Array.isArray(stack)) {
+                return void console.error('unsupported message type');
+            }
+            if (typeof(f) !== 'function') {
+                return void console.error('expected function');
+            }
+            stack.push(f);
+        };
+
+        var channels = messenger.channels = {};
+
+        var joining = {};
+
+        // declare common variables
+        var network = common.getNetwork();
+        var proxy = common.getProxy();
+        var realtime = common.getRealtime();
+        Msg.hk = network.historyKeeper;
+        var friends = getFriendList(proxy);
+
+        var getChannel = function (curvePublic) {
+            var friend = friends[curvePublic];
+            if (!friend) { return; }
+            var chanId = friend.channel;
+            if (!chanId) { return; }
+            return channels[chanId];
+        };
+
+        var initRangeRequest = function (txid, curvePublic, sig, cb) {
+            messenger.range_requests[txid] = {
+                messages: [],
+                cb: cb,
+                curvePublic: curvePublic,
+                sig: sig,
+            };
+        };
+
+        var getRangeRequest = function (txid) {
+            return messenger.range_requests[txid];
+        };
+
+        messenger.getMoreHistory = function (curvePublic, hash, count, cb) {
+            if (typeof(cb) !== 'function') { return; }
+
+            if (typeof(hash) !== 'string') {
+                // FIXME hash is not necessarily defined.
+                // What does this mean?
+                console.error("not sure what to do here");
+                return;
+            }
+
+            var chan = getChannel(curvePublic);
+            if (typeof(chan) === 'undefined') {
+                console.error("chan is undefined. we're going to have a problem here");
+                return;
+            }
+
+            var txid = common.uid();
+            initRangeRequest(txid, curvePublic, hash, cb);
+            var msg = [ 'GET_HISTORY_RANGE', chan.id, {
+                    from: hash,
+                    count: count,
+                    txid: txid,
+                }
+            ];
+
+            network.sendto(network.historyKeeper, JSON.stringify(msg)).then(function () {
+            }, function (err) {
+                throw new Error(err);
+            });
+        };
+
+        var getCurveForChannel = function (id) {
+            var channel = channels[id];
+            if (!channel) { return; }
+            return channel.curve;
+        };
+
+        messenger.getChannelHead = function (curvePublic, cb) {
+            var friend = friends[curvePublic];
+            if (!friend) { return void cb('NO_SUCH_FRIEND'); }
+            cb(void 0, friend.lastKnownHash);
+        };
+
+        messenger.setChannelHead = function (curvePublic, hash, cb) {
+            var friend = friends[curvePublic];
+            if (!friend) { return void cb('NO_SUCH_FRIEND'); }
+            friend.lastKnownHash = hash;
+            cb();
+        };
+
+        // Id message allows us to map a netfluxId with a public curve key
+        var onIdMessage = function (msg, sender) {
+            var channel;
+            var isId = Object.keys(channels).some(function (chanId) {
+                if (channels[chanId].userList.indexOf(sender) !== -1) {
+                    channel = channels[chanId];
+                    return true;
+                }
+            });
+
+            if (!isId) { return; }
+
+            var decryptedMsg = channel.encryptor.decrypt(msg);
+
+            if (decryptedMsg === null) {
+                return void console.error("Failed to decrypt message");
+            }
+
+            if (!decryptedMsg) {
+                console.error('decrypted message was falsey but not null');
+                return;
+            }
+
+            var parsed;
+            try {
+                parsed = JSON.parse(decryptedMsg);
+            } catch (e) {
+                console.error(decryptedMsg);
+                return;
+            }
+            if (parsed[0] !== Types.mapId && parsed[0] !== Types.mapIdAck) { return; }
+
+            // check that the responding peer's encrypted netflux id matches
+            // the sender field. This is to prevent replay attacks.
+            if (parsed[2] !== sender || !parsed[1]) { return; }
+            channel.mapId[sender] = parsed[1];
+            eachHandler('join', function (f) {
+                f(parsed[1], channel.id);
+            });
+
+            if (parsed[0] !== Types.mapId) { return; } // Don't send your key if it's already an ACK
+            // Answer with your own key
+            var rMsg = [Types.mapIdAck, proxy.curvePublic, channel.wc.myID];
+            var rMsgStr = JSON.stringify(rMsg);
+            var cryptMsg = channel.encryptor.encrypt(rMsgStr);
+            network.sendto(sender, cryptMsg);
+        };
+
+        var orderMessages = function (curvePublic, new_messages /*, sig */) {
+            var channel = getChannel(curvePublic);
+            var messages = channel.messages;
+
+            // TODO improve performance, guarantee correct ordering
+            new_messages.reverse().forEach(function (msg) {
+                messages.unshift(msg);
+            });
+        };
+
+        var removeFromFriendList = function (curvePublic, cb) {
+            if (!proxy.friends) { return; }
+            var friends = proxy.friends;
+            delete friends[curvePublic];
+            Realtime.whenRealtimeSyncs(common, realtime, cb);
+        };
+
+        var pushMsg = function (channel, cryptMsg) {
+            var msg = channel.encryptor.decrypt(cryptMsg);
+            var sig = cryptMsg.slice(0, 64);
+            if (msgAlreadyKnown(channel, sig)) { return; }
+
+            var parsedMsg = JSON.parse(msg);
+            var curvePublic;
+            if (parsedMsg[0] === Types.message) {
+                // TODO validate messages here
+                var res = {
+                    type: parsedMsg[0],
+                    sig: sig,
+                    author: parsedMsg[1],
+                    time: parsedMsg[2],
+                    text: parsedMsg[3],
+                    // this makes debugging a whole lot easier
+                    curve: getCurveForChannel(channel.id),
+                };
+
+                channel.messages.push(res);
+                eachHandler('message', function (f) {
+                    f(res);
+                });
+
+                return true;
+            }
+            if (parsedMsg[0] === Types.update) {
+                if (parsedMsg[1] === proxy.curvePublic) { return; }
+                curvePublic = parsedMsg[1];
+                var newdata = parsedMsg[3];
+                var data = getFriend(proxy, parsedMsg[1]);
+                var types = [];
+                Object.keys(newdata).forEach(function (k) {
+                    if (data[k] !== newdata[k]) {
+                        types.push(k);
+                        data[k] = newdata[k];
+                    }
+                });
+
+                eachHandler('update', function (f) {
+                    f(clone(newdata), curvePublic);
+                });
+                return;
+            }
+            if (parsedMsg[0] === Types.unfriend) {
+                curvePublic = parsedMsg[1];
+                delete friends[curvePublic];
+
+                removeFromFriendList(parsedMsg[1], function () {
+                    channel.wc.leave(Types.unfriend);
+                    eachHandler('unfriend', function (f) {
+                        f(curvePublic);
+                    });
+                });
+                return;
+            }
+        };
+
+        /*  Broadcast a display name, profile, or avatar change to all contacts
+        */
+
+        // TODO send event...
+        messenger.updateMyData = function () {
+            var friends = getFriendList(proxy);
+            var mySyncData = friends.me;
+            var myData = createData(proxy);
+            if (!mySyncData || mySyncData.displayName !== myData.displayName
+                 || mySyncData.profile !== myData.profile
+                 || mySyncData.avatar !== myData.avatar) {
+                delete myData.channel;
+                Object.keys(channels).forEach(function (chan) {
+                    var channel = channels[chan];
+
+                    if (!channel) {
+                        return void console.error('NO_SUCH_CHANNEL');
+                    }
+
+
+                    var msg = [Types.update, myData.curvePublic, +new Date(), myData];
+                    var msgStr = JSON.stringify(msg);
+                    var cryptMsg = channel.encryptor.encrypt(msgStr);
+                    channel.wc.bcast(cryptMsg).then(function () {
+                        // TODO send event
+                        //channel.refresh();
+                    }, function (err) {
+                        console.error(err);
+                    });
+                });
+                eachHandler('update', function (f) {
+                    f(myData, myData.curvePublic);
+                });
+                friends.me = myData;
+            }
+        };
+
+        var onChannelReady = function (chanId) {
+            var cb = joining[chanId];
+            if (typeof(cb) !== 'function') {
+                return void console.error('channel ready without callback');
+            }
+            delete joining[chanId];
+            return cb();
+        };
+
+        var onDirectMessage = function (common, msg, sender) {
+            if (sender !== Msg.hk) { return void onIdMessage(msg, sender); }
+            var parsed = JSON.parse(msg);
+
+            if (/HISTORY_RANGE/.test(parsed[0])) {
+                //console.log(parsed);
+                var txid = parsed[1];
+                var req = getRangeRequest(txid);
+                var type = parsed[0];
+                if (!req) {
+                    return void console.error("received response to unknown request");
+                }
+
+                if (type === 'HISTORY_RANGE') {
+                    req.messages.push(parsed[2]);
+                } else if (type === 'HISTORY_RANGE_END') {
+                    // process all the messages (decrypt)
+                    var curvePublic = req.curvePublic;
+                    var channel = getChannel(curvePublic);
+
+                    var decrypted = req.messages.map(function (msg) {
+                        if (msg[2] !== 'MSG') { return; }
+                        try {
+                            return {
+                                d: JSON.parse(channel.encryptor.decrypt(msg[4])),
+                                sig: msg[4].slice(0, 64),
+                            };
+                        } catch (e) {
+                            console.log('failed to decrypt');
+                            return null;
+                        }
+                    }).filter(function (decrypted) {
+                        return decrypted;
+                    }).map(function (O) {
+                        return {
+                            type: O.d[0],
+                            sig: O.sig,
+                            author: O.d[1],
+                            time: O.d[2],
+                            text: O.d[3],
+                            curve: curvePublic,
+                        };
+                    });
+
+                    orderMessages(curvePublic, decrypted, req.sig);
+                    return void req.cb(void 0, decrypted);
+                } else {
+                    console.log(parsed);
+                }
+                return;
+            }
+
+            if ((parsed.validateKey || parsed.owners) && parsed.channel) {
+                return;
+            }
+            if (parsed.state && parsed.state === 1 && parsed.channel) {
+                if (channels[parsed.channel]) {
+                    // parsed.channel is Ready
+                    // channel[parsed.channel].ready();
+                    channels[parsed.channel].ready = true;
+                    onChannelReady(parsed.channel);
+                    var updateTypes = channels[parsed.channel].updateOnReady;
+                    if (updateTypes) {
+
+                        //channels[parsed.channel].updateUI(updateTypes);
+                    }
+                }
+                return;
+            }
+            var chan = parsed[3];
+            if (!chan || !channels[chan]) { return; }
+            pushMsg(channels[chan], parsed[4]);
+        };
+
+        var onMessage = function (msg, sender, chan) {
+            if (!channels[chan.id]) { return; }
+
+            var isMessage = pushMsg(channels[chan.id], msg);
+            if (isMessage) {
+                if (channels[chan.id].wc.myID !== sender) {
+                    // Don't notify for your own messages
+                    //channels[chan.id].notify();
+                }
+                //channels[chan.id].refresh();
+                // TODO emit message event
+            }
+        };
+
+        // listen for messages...
+        network.on('message', function(msg, sender) {
+            onDirectMessage(common, msg, sender);
+        });
+
+        messenger.removeFriend = function (curvePublic, cb) {
+            if (typeof(cb) !== 'function') { throw new Error('NO_CALLBACK'); }
+            var data = getFriend(proxy, curvePublic);
+
+            if (!data) {
+                // friend is not valid
+                console.error('friend is not valid');
+                return;
+            }
+
+            var channel = channels[data.channel];
+            if (!channel) {
+                return void cb("NO_SUCH_CHANNEL");
+            }
+
+            if (!network.webChannels.some(function (wc) {
+                return wc.id === channel.id;
+            })) {
+                console.error('bad channel: ', curvePublic);
+            }
+
+            var msg = [Types.unfriend, proxy.curvePublic, +new Date()];
+            var msgStr = JSON.stringify(msg);
+            var cryptMsg = channel.encryptor.encrypt(msgStr);
+
+            // TODO emit remove_friend event?
+            try {
+                channel.wc.bcast(cryptMsg).then(function () {
+                    delete friends[curvePublic];
+                    delete channels[curvePublic];
+                    Realtime.whenRealtimeSyncs(common, realtime, function () {
+                        cb();
+                    });
+                }, function (err) {
+                    console.error(err);
+                    cb(err);
+                });
+            } catch (e) {
+                cb(e);
+            }
+        };
+
+        var getChannelMessagesSince = function (chan, data, keys) {
+            console.log('Fetching [%s] messages since [%s]', data.curvePublic, data.lastKnownHash || '');
+            var cfg = {
+                validateKey: keys.validateKey,
+                owners: [proxy.edPublic, data.edPublic],
+                lastKnownHash: data.lastKnownHash
+            };
+            var msg = ['GET_HISTORY', chan.id, cfg];
+            network.sendto(network.historyKeeper, JSON.stringify(msg))
+              .then($.noop, function (err) {
+                throw new Error(err);
+            });
+        };
+
+        var openFriendChannel = function (data, f) {
+            var keys = Curve.deriveKeys(data.curvePublic, proxy.curvePrivate);
+            var encryptor = Curve.createEncryptor(keys);
+            network.join(data.channel).then(function (chan) {
+                var channel = channels[data.channel] = {
+                    id: data.channel,
+                    sending: false,
+                    friendEd: f,
+                    keys: keys,
+                    curve: data.curvePublic,
+                    encryptor: encryptor,
+                    messages: [],
+                    wc: chan,
+                    userList: [],
+                    mapId: {},
+                    send: function (payload, cb) {
+                        if (!network.webChannels.some(function (wc) {
+                            if (wc.id === channel.wc.id) { return true; }
+                        })) {
+                            return void cb('NO_SUCH_CHANNEL');
+                        }
+
+                        var msg = [Types.message, proxy.curvePublic, +new Date(), payload];
+                        var msgStr = JSON.stringify(msg);
+                        var cryptMsg = channel.encryptor.encrypt(msgStr);
+
+                        channel.wc.bcast(cryptMsg).then(function () {
+                            pushMsg(channel, cryptMsg);
+                            cb();
+                        }, function (err) {
+                            cb(err);
+                        });
+                    }
+                };
+                chan.on('message', function (msg, sender) {
+                    onMessage(msg, sender, chan);
+                });
+
+                var onJoining = function (peer) {
+                    if (peer === Msg.hk) { return; }
+                    if (channel.userList.indexOf(peer) !== -1) { return; }
+
+                    channel.userList.push(peer);
+                    var msg = [Types.mapId, proxy.curvePublic, chan.myID];
+                    var msgStr = JSON.stringify(msg);
+                    var cryptMsg = channel.encryptor.encrypt(msgStr);
+                    network.sendto(peer, cryptMsg);
+                };
+                chan.members.forEach(function (peer) {
+                    if (peer === Msg.hk) { return; }
+                    if (channel.userList.indexOf(peer) !== -1) { return; }
+                    channel.userList.push(peer);
+                });
+                chan.on('join', onJoining);
+                chan.on('leave', function (peer) {
+                    var curvePublic = channel.mapId[peer];
+                    var i = channel.userList.indexOf(peer);
+                    while (i !== -1) {
+                        channel.userList.splice(i, 1);
+                        i = channel.userList.indexOf(peer);
+                    }
+                    // update status
+                    if (!curvePublic) { return; }
+                    eachHandler('leave', function (f) {
+                        f(curvePublic, channel.id);
+                    });
+                });
+
+                // FIXME don't subscribe to the channel implicitly
+                getChannelMessagesSince(chan, data, keys);
+            }, function (err) {
+                console.error(err);
+            });
+        };
+
+        messenger.getFriendList = function (cb) {
+            var friends = proxy.friends;
+            if (!friends) { return void cb(void 0, []); }
+
+            cb(void 0, Object.keys(proxy.friends).filter(function (k) {
+                return k !== 'me';
+            }));
+        };
+
+        messenger.openFriendChannel = function (curvePublic, cb) {
+            if (typeof(curvePublic) !== 'string') { return void cb('INVALID_ID'); }
+            if (typeof(cb) !== 'function') { throw new Error('expected callback'); }
+
+            var friend = clone(friends[curvePublic]);
+            if (typeof(friend) !== 'object') {
+                return void cb('NO_FRIEND_DATA');
+            }
+            var channel = friend.channel;
+            if (!channel) { return void cb('E_NO_CHANNEL'); }
+            joining[channel] = cb;
+            openFriendChannel(friend, curvePublic);
+        };
+
+        messenger.sendMessage = function (curvePublic, payload, cb) {
+            var channel = getChannel(curvePublic);
+            if (!channel) { return void cb('NO_CHANNEL'); }
+            if (!network.webChannels.some(function (wc) {
+                if (wc.id === channel.wc.id) { return true; }
+            })) {
+                return void cb('NO_SUCH_CHANNEL');
+            }
+
+            var msg = [Types.message, proxy.curvePublic, +new Date(), payload];
+            var msgStr = JSON.stringify(msg);
+            var cryptMsg = channel.encryptor.encrypt(msgStr);
+
+            channel.wc.bcast(cryptMsg).then(function () {
+                pushMsg(channel, cryptMsg);
+                cb();
+            }, function (err) {
+                cb(err);
+            });
+        };
+
+        messenger.getStatus = function (curvePublic, cb) {
+            var channel = getChannel(curvePublic);
+            if (!channel) { return void cb('NO_SUCH_CHANNEL'); }
+            var online = channel.userList.some(function (nId) {
+                return channel.mapId[nId] === curvePublic;
+            });
+            cb(void 0, online);
+        };
+
+        messenger.getFriendInfo = function (curvePublic, cb) {
+            setTimeout(function () {
+                var friend = friends[curvePublic];
+                if (!friend) { return void cb('NO_SUCH_FRIEND'); }
+                // this clone will be redundant when ui uses postmessage
+                cb(void 0, clone(friend));
+            });
+        };
+
+        messenger.getMyInfo = function (cb) {
+            cb(void 0, {
+                curvePublic: proxy.curvePublic,
+                displayName: common.getDisplayName(),
+            });
+        };
+
+        // TODO listen for changes to your friend list
+        // emit 'update' events for clients
+
+        //var update = function (curvePublic
+        proxy.on('change', ['friends'], function (o, n, p) {
+            var curvePublic;
+            if (o === undefined) {
+                // new friend added
+                curvePublic = p.slice(-1)[0];
+                eachHandler('friend', function (f) {
+                    f(curvePublic, clone(n));
+                });
+                return;
+            }
+
+            console.error(o, n, p);
+        }).on('remove', ['friends'], function (o, p) {
+            eachHandler('unfriend', function (f) {
+                f(p[1]); // TODO
+            });
+        });
+
+        Object.freeze(messenger);
+
+        return messenger;
+    };
+
+    return Msg;
+});
diff --git a/www/common/common-realtime.js b/www/common/common-realtime.js
index d592ae70e..c9dd74b29 100644
--- a/www/common/common-realtime.js
+++ b/www/common/common-realtime.js
@@ -8,35 +8,55 @@ define([
     var BAD_STATE_TIMEOUT = typeof(AppConfig.badStateTimeout) === 'number'?
         AppConfig.badStateTimeout: 30000;
 
+    var connected = false;
+    var intr;
+    var infiniteSpinnerHandlers = [];
+
     /*
         TODO make this not blow up when disconnected or lagging...
     */
-    common.whenRealtimeSyncs = function (realtime, cb) {
-        realtime.sync();
+    common.whenRealtimeSyncs = function (Cryptpad, realtime, cb) {
+        if (typeof(realtime.getAuthDoc) !== 'function') {
+            return void console.error('improper use of this function');
+        }
 
         window.setTimeout(function () {
             if (realtime.getAuthDoc() === realtime.getUserDoc()) {
                 return void cb();
+            } else {
+                realtime.onSettle(cb);
             }
 
-            var to = setTimeout(function () {
+            if (intr) { return; }
+            intr = window.setInterval(function () {
+                var l;
+                try {
+                    l = realtime.getLag();
+                } catch (e) {
+                    throw new Error("ChainPad.getLag() does not exist, please `bower update`");
+                }
+                if (l.lag < BAD_STATE_TIMEOUT || !connected) { return; }
                 realtime.abort();
                 // don't launch more than one popup
                 if (common.infiniteSpinnerDetected) { return; }
+                infiniteSpinnerHandlers.forEach(function (ish) { ish(); });
 
                 // inform the user their session is in a bad state
-                common.confirm(Messages.realtime_unrecoverableError, function (yes) {
+                Cryptpad.confirm(Messages.realtime_unrecoverableError, function (yes) {
                     if (!yes) { return; }
-                    window.location.reload();
+                    window.parent.location.reload();
                 });
                 common.infiniteSpinnerDetected = true;
-            }, BAD_STATE_TIMEOUT);
-            realtime.onSettle(function () {
-                clearTimeout(to);
-                cb();
-            });
+            }, 2000);
         }, 0);
     };
 
+    common.onInfiniteSpinner = function (f) { infiniteSpinnerHandlers.push(f); };
+
+    common.setConnectionState = function (bool) {
+        if (typeof(bool) !== 'boolean') { return; }
+        connected = bool;
+    };
+
     return common;
 });
diff --git a/www/common/common-thumbnail.js b/www/common/common-thumbnail.js
new file mode 100644
index 000000000..0e739699b
--- /dev/null
+++ b/www/common/common-thumbnail.js
@@ -0,0 +1,51 @@
+define([
+    '/bower_components/tweetnacl/nacl-fast.min.js',
+], function () {
+    var Nacl = window.nacl;
+    var Thumb = {
+        dimension: 150, // thumbnails are all 150px
+    };
+
+    // create thumbnail image from metadata
+    // return an img tag, or undefined if anything goes wrong
+    Thumb.fromMetadata = function (metadata) {
+        if (!metadata || typeof(metadata) !== 'object' || !metadata.thumbnail) { return; }
+        try {
+            var u8 = Nacl.util.decodeBase64(metadata.thumbnail);
+            var blob = new Blob([u8], {
+                type: 'image/png'
+            });
+            var url = URL.createObjectURL(blob);
+            var img = new Image();
+            img.src = url;
+            img.width = Thumb.dimension;
+            img.height = Thumb.dimension;
+            return img;
+        } catch (e) {
+            console.error(e);
+            return;
+        }
+    };
+
+    // assumes that your canvas is square
+    // nodeback returning blob
+    Thumb.fromCanvas = function (canvas, cb) {
+        canvas = canvas;
+        var c2 = document.createElement('canvas');
+        var d = Thumb.dimension;
+        c2.width = d;
+        c2.height = 2;
+
+        var ctx = c2.getContext('2d');
+        ctx.drawImage(canvas, 0, 0, d, d);
+        c2.toBlob(function (blob) {
+            cb(void 0, blob);
+        });
+    };
+
+    Thumb.fromVideo = function (video, cb) {
+        cb = cb; // WIP
+    };
+
+    return Thumb;
+});
diff --git a/www/common/common-userlist.js b/www/common/common-userlist.js
index e7f2449fa..1d80e792c 100644
--- a/www/common/common-userlist.js
+++ b/www/common/common-userlist.js
@@ -1,4 +1,4 @@
-define(function () {
+define(['json.sortify'], function (Sortify) {
     var module = {};
 
     module.create = function (info, onLocal, Cryptget, Cryptpad) {
@@ -15,6 +15,7 @@ define(function () {
         var parsed = Cryptpad.parsePadUrl(window.location.href);
         var appType = parsed ? parsed.type : undefined;
 
+        var oldUserData = {};
         var addToUserData = exp.addToUserData = function(data) {
             var users = userList.users;
             for (var attrname in data) { userData[attrname] = data[attrname]; }
@@ -28,6 +29,10 @@ define(function () {
             }
 
             if(userList && typeof userList.onChange === "function") {
+                // Make sure we don't update the userlist everytime someone makes a change to the pad
+                if (Sortify(oldUserData) === Sortify(userData)) { return; }
+                oldUserData = JSON.parse(JSON.stringify(userData));
+
                 userList.onChange(userData);
             }
         };
diff --git a/www/common/common-userlist2.js b/www/common/common-userlist2.js
new file mode 100644
index 000000000..e7f2449fa
--- /dev/null
+++ b/www/common/common-userlist2.js
@@ -0,0 +1,112 @@
+define(function () {
+    var module = {};
+
+    module.create = function (info, onLocal, Cryptget, Cryptpad) {
+        var exp = {};
+
+        var userData = exp.userData = {};
+        var userList = exp.userList = info.userList;
+        var myData = exp.myData = {};
+        exp.myUserName = info.myID;
+        exp.myNetfluxId = info.myID;
+
+        var network = Cryptpad.getNetwork();
+
+        var parsed = Cryptpad.parsePadUrl(window.location.href);
+        var appType = parsed ? parsed.type : undefined;
+
+        var addToUserData = exp.addToUserData = function(data) {
+            var users = userList.users;
+            for (var attrname in data) { userData[attrname] = data[attrname]; }
+
+            if (users && users.length) {
+                for (var userKey in userData) {
+                    if (users.indexOf(userKey) === -1) {
+                        delete userData[userKey];
+                    }
+                }
+            }
+
+            if(userList && typeof userList.onChange === "function") {
+                userList.onChange(userData);
+            }
+        };
+
+        exp.getToolbarConfig = function () {
+            return {
+                data: userData,
+                list: userList,
+                userNetfluxId: exp.myNetfluxId
+            };
+        };
+
+        var setName = exp.setName = function (newName, cb) {
+            if (typeof(newName) !== 'string') { return; }
+            var myUserNameTemp = newName.trim();
+            if(myUserNameTemp.length > 32) {
+              myUserNameTemp = myUserNameTemp.substr(0, 32);
+            }
+            exp.myUserName = myUserNameTemp;
+            myData = {};
+            myData[exp.myNetfluxId] = {
+                name: exp.myUserName,
+                uid: Cryptpad.getUid(),
+                avatar: Cryptpad.getAvatarUrl(),
+                profile: Cryptpad.getProfileUrl(),
+                curvePublic: Cryptpad.getProxy().curvePublic
+            };
+            addToUserData(myData);
+            /*Cryptpad.setAttribute('username', exp.myUserName, function (err) {
+                if (err) {
+                    console.log("Couldn't set username");
+                    console.error(err);
+                    return;
+                }
+                if (typeof cb === "function") { cb(); }
+            });*/
+            if (typeof cb === "function") { cb(); }
+        };
+
+        exp.getLastName = function ($changeNameButton, isNew) {
+            Cryptpad.getLastName(function (err, lastName) {
+                if (err) {
+                    console.log("Could not get previous name");
+                    console.error(err);
+                    return;
+                }
+                // Update the toolbar list:
+                // Add the current user in the metadata
+                if (typeof(lastName) === 'string') {
+                    setName(lastName, onLocal);
+                } else {
+                    myData[exp.myNetfluxId] = {
+                        name: "",
+                        uid: Cryptpad.getUid(),
+                        avatar: Cryptpad.getAvatarUrl(),
+                        profile: Cryptpad.getProfileUrl(),
+                        curvePublic: Cryptpad.getProxy().curvePublic
+                    };
+                    addToUserData(myData);
+                    onLocal();
+                    $changeNameButton.click();
+                }
+                if (isNew && appType) {
+                    Cryptpad.selectTemplate(appType, info.realtime, Cryptget);
+                }
+            });
+        };
+
+        Cryptpad.onDisplayNameChanged(function (newName) {
+            setName(newName, onLocal);
+        });
+
+        network.on('reconnect', function (uid) {
+            exp.myNetfluxId = uid;
+            exp.setName(exp.myUserName);
+        });
+
+        return exp;
+    };
+
+    return module;
+});
diff --git a/www/common/common-util.js b/www/common/common-util.js
index e09577553..8cbde420c 100644
--- a/www/common/common-util.js
+++ b/www/common/common-util.js
@@ -7,6 +7,11 @@ define([], function () {
         }, map));
     };
 
+    Util.uid = function () {
+        return Number(Math.floor(Math.random() * Number.MAX_SAFE_INTEGER))
+            .toString(32).replace(/\./g, '');
+    };
+
     Util.fixHTML = function (str) {
         if (!str) { return ''; }
         return str.replace(/[<>&"']/g, function (x) {
diff --git a/www/common/cryptpad-common.js b/www/common/cryptpad-common.js
index 36dd6eeed..c5e4c02e6 100644
--- a/www/common/cryptpad-common.js
+++ b/www/common/cryptpad-common.js
@@ -98,6 +98,7 @@ define([
     common.createRandomInteger = Util.createRandomInteger;
     common.getAppType = Util.getAppType;
     common.notAgainForAnother = Util.notAgainForAnother;
+    common.uid = Util.uid;
 
     // import hash utilities for export
     var createRandomHash = common.createRandomHash = Hash.createRandomHash;
@@ -121,7 +122,6 @@ define([
     common.createInviteUrl = Hash.createInviteUrl;
 
     // Messaging
-    common.initMessaging = Messaging.init;
     common.addDirectMessageHandler = Messaging.addDirectMessageHandler;
     common.inviteFromUserlist = Messaging.inviteFromUserlist;
     common.getFriendList = Messaging.getFriendList;
@@ -129,10 +129,11 @@ define([
     common.createData = Messaging.createData;
     common.getPendingInvites = Messaging.getPending;
     common.getLatestMessages = Messaging.getLatestMessages;
-    common.initMessagingUI = Messaging.UI.init;
 
     // Realtime
-    var whenRealtimeSyncs = common.whenRealtimeSyncs = Realtime.whenRealtimeSyncs;
+    var whenRealtimeSyncs = common.whenRealtimeSyncs = function (realtime, cb) {
+        Realtime.whenRealtimeSyncs(common, realtime, cb);
+    };
 
     // Userlist
     common.createUserList = UserList.create;
@@ -198,15 +199,28 @@ define([
         }
         return '';
     };
+    common.getAccountName = function () {
+        return localStorage[common.userNameKey];
+    };
 
     var randomToken = function () {
         return Math.random().toString(16).replace(/0./, '');
     };
+
+    common.isFeedbackAllowed = function () {
+        try {
+            if (!getStore().getProxy().proxy.allowUserFeedback) { return false; }
+            return true;
+        } catch (e) {
+            console.error(e);
+            return false;
+        }
+    };
     var feedback = common.feedback = function (action, force) {
+        if (!action) { return; }
         if (force !== true) {
-            if (!action) { return; }
             try {
-                if (!getStore().getProxy().proxy.allowUserFeedback) { return; }
+                if (!common.isFeedbackAllowed()) { return; }
             } catch (e) { return void console.error(e); }
         }
 
@@ -800,6 +814,9 @@ define([
 
     common.pinPads = function (pads, cb) {
         if (!pinsReady()) { return void cb ('RPC_NOT_READY'); }
+        if (typeof(cb) !== 'function') {
+            console.error('expected a callback');
+        }
 
         rpc.pin(pads, function (e, hash) {
             if (e) { return void cb(e); }
@@ -827,6 +844,13 @@ define([
         });
     };
 
+    // SFRAME: talk to anon_rpc from the iframe
+    common.anonRpcMsg = function (msg, data, cb) {
+        if (!msg) { return; }
+        if (!anon_rpc) { return void cb('ANON_RPC_NOT_READY'); }
+        anon_rpc.send(msg, data, cb);
+    };
+
     common.getFileSize = function (href, cb) {
         if (!anon_rpc) { return void cb('ANON_RPC_NOT_READY'); }
         //if (!pinsReady()) { return void cb('RPC_NOT_READY'); }
@@ -1030,6 +1054,41 @@ define([
         };
     };
 
+    // Forget button
+    var moveToTrash = common.moveToTrash = function (cb) {
+        var href = window.location.href;
+        common.forgetPad(href, function (err) {
+            if (err) {
+                console.log("unable to forget pad");
+                console.error(err);
+                cb(err, null);
+                return;
+            }
+            var n = getNetwork();
+            var r = getRealtime();
+            if (n && r) {
+                whenRealtimeSyncs(r, function () {
+                    n.disconnect();
+                    cb();
+                });
+            } else {
+                cb();
+            }
+        });
+    };
+    var saveAsTemplate = common.saveAsTemplate = function (Cryptput, data, cb) {
+        var p = parsePadUrl(window.location.href);
+        if (!p.type) { return; }
+        var hash = createRandomHash();
+        var href = '/' + p.type + '/#' + hash;
+        Cryptput(hash, data.toSave, function (e) {
+            if (e) { throw new Error(e); }
+            common.addTemplate(makePad(href, data.title));
+            whenRealtimeSyncs(getStore().getProxy().info.realtime, function () {
+                cb();
+            });
+        });
+    };
     common.createButton = function (type, rightside, data, callback) {
         var button;
         var size = "17px";
@@ -1118,17 +1177,12 @@ define([
                                     console.error("Parse error while setting the title", e);
                                 }
                             }
-                            var p = parsePadUrl(window.location.href);
-                            if (!p.type) { return; }
-                            var hash = createRandomHash();
-                            var href = '/' + p.type + '/#' + hash;
-                            data.Crypt.put(hash, toSave, function (e) {
-                                if (e) { throw new Error(e); }
-                                common.addTemplate(makePad(href, title));
-                                whenRealtimeSyncs(getStore().getProxy().info.realtime, function () {
-                                    common.alert(Messages.templateSaved);
-                                    common.feedback('TEMPLATE_CREATED');
-                                });
+                            saveAsTemplate(data.Crypt.put, {
+                                title: title,
+                                toSave: toSave
+                            }, function () {
+                                common.alert(Messages.templateSaved);
+                                common.feedback('TEMPLATE_CREATED');
                             });
                         };
                         common.prompt(Messages.saveTemplatePrompt, title || document.title, todo);
@@ -1151,29 +1205,14 @@ define([
                     button
                     .click(prepareFeedback(type))
                     .click(function() {
-                        var href = window.location.href;
                         var msg = isLoggedIn() ? Messages.forgetPrompt : Messages.fm_removePermanentlyDialog;
                         common.confirm(msg, function (yes) {
                             if (!yes) { return; }
-                            common.forgetPad(href, function (err) {
-                                if (err) {
-                                    console.log("unable to forget pad");
-                                    console.error(err);
-                                    callback(err, null);
-                                    return;
-                                }
-                                var n = getNetwork();
-                                var r = getRealtime();
-                                if (n && r) {
-                                    whenRealtimeSyncs(r, function () {
-                                        n.disconnect();
-                                        callback();
-                                    });
-                                } else {
-                                    callback();
-                                }
+                            moveToTrash(function (err) {
+                                if (err) { return void callback(err); }
                                 var cMsg = isLoggedIn() ? Messages.movedToTrash : Messages.deleted;
                                 common.alert(cMsg, undefined, true);
+                                callback();
                                 return;
                             });
                         });
@@ -1254,7 +1293,7 @@ define([
       }
       return arr;
     };
-    var getFirstEmojiOrCharacter = function (str) {
+    var getFirstEmojiOrCharacter = common.getFirstEmojiOrCharacter = function (str) {
       if (!str || !str.trim()) { return '?'; }
       var emojis = emojiStringToArray(str);
       return isEmoji(emojis[0])? emojis[0]: str[0];
@@ -1305,6 +1344,7 @@ define([
         'image/jpg',
         'image/gif',
     ];
+    // SFRAME: copied to sframe-common-interface.js
     common.displayAvatar = function ($container, href, name, cb) {
         var MutationObserver = window.MutationObserver;
         var displayDefault = function () {
@@ -1391,23 +1431,37 @@ define([
         return $icon;
     };
 
-    common.createFileDialog = function (cfg) {
+    common.createModal = function (cfg) {
         var $body = cfg.$body || $('body');
-        var $blockContainer = $body.find('#fileDialog');
+        var $blockContainer = $body.find('#'+cfg.id);
         if (!$blockContainer.length) {
-            $blockContainer = $('<div>', {id: "fileDialog"}).appendTo($body);
+            $blockContainer = $('<div>', {
+                'class': 'cp-modal-container',
+                'id': cfg.id
+            });
         }
-        $blockContainer.html('');
+        $blockContainer.html('').appendTo($body);
         var $block = $('<div>', {'class': 'cp-modal'}).appendTo($blockContainer);
         $('<span>', {
-            'class': 'close fa fa-times',
+            'class': 'cp-modal-close fa fa-times',
             'title': Messages.filePicker_close
         }).click(function () {
             $blockContainer.hide();
         }).appendTo($block);
+        $body.keydown(function (e) {
+            if (e.which === 27) { $blockContainer.hide(); }
+        });
+        return $blockContainer;
+    };
+    common.createFileDialog = function (cfg) {
+        var $blockContainer = common.createModal({
+            id: 'fileDialog',
+            $body: cfg.$body
+        });
+        var $block = $blockContainer.find('.cp-modal');
         var $description = $('<p>').text(Messages.filePicker_description);
         $block.append($description);
-        var $filter = $('<p>', {'class': 'cp-form'}).appendTo($block);
+        var $filter = $('<p>', {'class': 'cp-modal-form'}).appendTo($block);
         var $container = $('<span>', {'class': 'fileContainer'}).appendTo($block);
         var updateContainer = function () {
             $container.html('');
@@ -1447,9 +1501,6 @@ define([
             $blockContainer.hide();
         }));
         updateContainer();
-        $body.keydown(function (e) {
-            if (e.which === 27) { $blockContainer.hide(); }
-        });
         $blockContainer.show();
     };
 
@@ -1643,6 +1694,7 @@ define([
         return $block;
     };
 
+    // SFRAME: moved to sframe-common-interface.js
     common.createUserAdminMenu = function (config) {
         var $displayedName = $('<span>', {'class': config.displayNameCls || 'displayName'});
         var accountName = localStorage[common.userNameKey];
@@ -1741,12 +1793,15 @@ define([
         };
         var $userAdmin = createDropdown(dropdownConfigUser);
 
+        var oldUrl;
         if (account && !config.static && store) {
             var $avatar = $userAdmin.find('.buttonTitle');
             var updateButton = function (newName) {
                 var profile = store.getProfile();
                 var url = profile && profile.avatar;
 
+                if (oldUrl === url) { return; }
+                oldUrl = url;
                 $avatar.html('');
                 common.displayAvatar($avatar, url, newName, function ($img) {
                     if ($img) {
@@ -1792,6 +1847,32 @@ define([
         return $userAdmin;
     };
 
+    common.getShareHashes = function (secret, cb) {
+        if (!window.location.hash) {
+            var hashes = common.getHashes(secret.channel, secret);
+            return void cb(null, hashes);
+        }
+        common.getRecentPads(function (err, recent) {
+            var parsed = parsePadUrl(window.location.href);
+            if (!parsed.type || !parsed.hashData) { return void cb('E_INVALID_HREF'); }
+            var hashes = common.getHashes(secret.channel, secret);
+
+            if (!hashes.editHash && !hashes.viewHash && parsed.hashData && !parsed.hashData.mode) {
+                // It means we're using an old hash
+                hashes.editHash = window.location.hash.slice(1);
+            }
+
+            // If we have a stronger version in drive, add it and add a redirect button
+            var stronger = recent && common.findStronger(null, recent);
+            if (stronger) {
+                var parsed2 = parsePadUrl(stronger);
+                hashes.editHash = parsed2.hash;
+            }
+
+            cb(null, hashes);
+        });
+    };
+
     var CRYPTPAD_VERSION = 'cryptpad-version';
     var updateLocalVersion = function () {
         // Check for CryptPad updates
@@ -1847,14 +1928,27 @@ define([
             delete sessionStorage[newPadPathKey];
         }
 
+        common.onFriendRequest = function (confirmText, cb) {
+            common.confirm(confirmText, cb, null, true);
+        };
+        common.onFriendComplete = function (data) {
+            common.log(data.logText);
+        };
+
         Store.ready(function (err, storeObj) {
             store = common.store = env.store = storeObj;
-
             common.addDirectMessageHandler(common);
 
             var proxy = getProxy();
             var network = getNetwork();
 
+            network.on('disconnect', function () {
+                Realtime.setConnectionState(false);
+            });
+            network.on('reconnect', function () {
+                Realtime.setConnectionState(true);
+            });
+
             if (Object.keys(proxy).length === 1) {
                 feedback("FIRST_APP_USE", true);
             }
@@ -1863,10 +1957,15 @@ define([
                 feedback("NO_PROXIES");
             }
 
-            if (/CRYPTPAD_SHIM/.test(Array.isArray.toString())) {
+            var shimPattern = /CRYPTPAD_SHIM/;
+            if (shimPattern.test(Array.isArray.toString())) {
                 feedback("NO_ISARRAY");
             }
 
+            if (shimPattern.test(Array.prototype.fill.toString())) {
+                feedback("NO_ARRAYFILL");
+            }
+
             common.reportScreenDimensions();
             common.reportLanguage();
 
diff --git a/www/common/file-dialog.less b/www/common/file-dialog.less
index 936152f8b..99bd49f0b 100644
--- a/www/common/file-dialog.less
+++ b/www/common/file-dialog.less
@@ -1,63 +1,8 @@
 @import (once) '../customize/src/less2/include/colortheme.less';
+@import '../customize/src/less2/include/modal.less';
 
 #fileDialog {
-    display: none;
-
-    z-index: 100000;
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    background-color: @colortheme_modal-dim;
-
     .cp-modal {
-        background-color: @colortheme_modal-bg;
-        color: @colortheme_modal-fg;
-        box-shadow: @colortheme_modal-shadow;
-
-        padding: @colortheme_modal-padding;
-
-        position: absolute;
-        top: 15vh; bottom: 15vh;
-        left: 10vw; right: 10vw;
-
-        overflow: auto;
-
-        font-family: @colortheme_font;
-        text-align: center;
-
-        & > p {
-            margin-bottom: 1em;
-        }
-
-        .cp-form {
-            display: flex;
-            flex-wrap: wrap;
-            align-items: center;
-            justify-content: center;
-        }
-
-        input {
-            background-color: @colortheme_modal-input;
-            color: @colortheme_modal-fg;
-            border: 0;
-            padding: 8px 12px;
-            margin: 1em;
-            width: 300px;
-        }
-
-        .close {
-            text-shadow: none;
-            color: inherit;
-
-            position: absolute;
-            top: 0;
-            right: 0;
-            margin: @colortheme_modal-padding;
-            cursor: pointer;
-        }
-
         .fileContainer {
             display: flex;
             flex-wrap: wrap;
diff --git a/www/common/loading.js b/www/common/loading.js
new file mode 100644
index 000000000..d9c3b8df9
--- /dev/null
+++ b/www/common/loading.js
@@ -0,0 +1,24 @@
+define([
+    'less!/customize/src/less/loading.less'
+], function () {
+    var urlArgs = window.location.href.replace(/^.*\?([^\?]*)$/, function (all, x) { return x; });
+    var elem = document.createElement('div');
+    elem.setAttribute('id', 'loading');
+    elem.innerHTML = [
+        '<div class="loadingContainer">',
+            '<img class="cryptofist" src="/customize/cryptpad-new-logo-colors-logoonly.png?' + urlArgs + '">',
+            '<div class="spinnerContainer">',
+                '<span class="fa fa-circle-o-notch fa-spin fa-4x fa-fw"></span>',
+            '</div>',
+            '<p id="cp-loading-message"></p>',
+        '</div>'
+    ].join('');
+    var intr;
+    var append = function () {
+        if (!document.body) { return; }
+        clearInterval(intr);
+        document.body.appendChild(elem);
+    };
+    intr = setInterval(append, 100);
+    append();
+});
diff --git a/www/common/media-tag-nacl.min.js b/www/common/media-tag-nacl.min.js
new file mode 100644
index 000000000..8210974fb
--- /dev/null
+++ b/www/common/media-tag-nacl.min.js
@@ -0,0 +1 @@
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.MediaTag=e():t.MediaTag=e()}(this,function(){return function(t){function e(n){if(r[n])return r[n].exports;var o=r[n]={i:n,l:!1,exports:{}};return t[n].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var r={};return e.m=t,e.c=r,e.d=function(t,r,n){e.o(t,r)||Object.defineProperty(t,r,{configurable:!1,enumerable:!0,get:n})},e.n=function(t){var r=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(r,"a",r),r},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=87)}([function(t,e,r){"use strict";var n={IMAGE:"image",AUDIO:"audio",VIDEO:"video",PDF:"pdf",DASH:"dash",DOWNLOAD:"download",CRYPTO:"crypto",CLEAR_KEY:"clear-key",MEDIA_OBJECT:"media-object"};t.exports=n},function(t,e,r){"use strict";var n={MATCHER:"matcher",RENDERER:"renderer",FILTER:"filter",SANITIZER:"sanitizer"};t.exports=n},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var u=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=r(1),s=r(5),c=r(3),f=function(t){function e(t,r){n(this,e);var i=o(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,a.MATCHER,s.ANY));return i.targetType=r,i}return i(e,t),u(e,[{key:"getTargetType",value:function(){return this.targetType}}]),e}(c);t.exports=f},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var o=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),i=function(){function t(e,r,o){n(this,t),this.identifier=e,this.type=r,this.occurrence=o}return o(t,[{key:"getIdentifier",value:function(){if(this.identifier)return this.identifier;throw new Error("Plugin has not identifier")}},{key:"getType",value:function(){if(this.type)return this.type;throw new Error("Plugin has no type")}},{key:"getOccurrence",value:function(){if(this.occurrence)return this.occurrence;throw new Error("Plugin has no occurrence")}},{key:"start",value:function(t){return this.process(t)}}]),t}();t.exports=i},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var u=r(1),a=r(5),s=r(3),c=function(t){function e(t){return n(this,e),o(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,u.RENDERER,a.ONCE))}return i(e,t),e}(s);t.exports=c},function(t,e,r){"use strict";var n={EVERY:"every",ANY:"any",ONCE:"once"};t.exports=n},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var o=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),i=function(){function t(){n(this,t),this.map={}}return o(t,[{key:"isStored",value:function(t){return!!this.get(t)}},{key:"store",value:function(t,e){this.isStored(t)&&console.warn('The key "'+t+'" is already registered, the content will be overwritten.'),this.map[t]=e}},{key:"unstore",value:function(t){if(!1!==this.isStored(t)){var e=this.map[t];return delete this.map[t],e}console.warn('The key "'+t+'" not exists in this manager')}},{key:"get",value:function(t){return this.map[t]}},{key:"keys",value:function(){return Object.keys(this.map)}},{key:"values",value:function(){var t=this;return this.keys().map(function(e){return t.get(e)})}}]),t}();t.exports=i},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var o=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),i=function(){function t(e){var r=this;n(this,t),Object.keys(e.attributes).forEach(function(t){r[e.attributes[t].name]=e.attributes[t].value})}return o(t,[{key:"getAttribute",value:function(t){return this[t]}},{key:"setAttribute",value:function(t,e){this[t]=e}},{key:"removeAttribute",value:function(t){delete this[t]}},{key:"hasAttributes",value:function(){return Object.keys(this)>0}}]),t}();t.exports=i},function(t,e,r){"use strict";var n=r(16),o=r(15);t.exports=function(t,e){e.mediaObjects.forEach(function(t){n(t)}),e.activeMediaObject=t,o(t)}},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var u=r(1),a=r(5),s=r(3),c=function(t){function e(t){return n(this,e),o(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,u.FILTER,a.ANY))}return i(e,t),e}(s);t.exports=c},,,function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var u=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=r(9),s=r(0),c=r(6),f=function(t){function e(){return n(this,e),o(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,s.CRYPTO))}return i(e,t),u(e,[{key:"process",value:function(t){var r=t.getAttribute("data-crypto-key"),n=/\w+:/.exec(r);if(null===n)throw new Error("No algorithm scheme found in data-crypto-key");var o=n[0],i=o.replace(":",""),u=r.replace(o,"");if(t.setAttribute("data-crypto-key",u),!e.functionStore.isStored(i))throw new Error("Algorithm "+i+" is not registered");e.functionStore.get(i)(t)}}]),e}(a);f.functionStore=f.functionStore||new c,f.mediaTypes=[],f.setAllowedMediaTypes=function(t){f.mediaTypes=t},f.getAllowedMediaTypes=function(){return f.mediaTypes},f.addAllowedMediaType=function(t){f.mediaTypes.push(t)},f.addAllAllowedMediaTypes=function(t){t.forEach(function(t){f.addAllowedMediaType(t)})},f.removeAllowedMediaType=function(t){var e=f.mediaTypes.indexOf(t);e>=0&&f.mediaTypes.splice(e,1)},f.removeAllAllowedMediaTypes=function(t){t.forEach(function(t){f.removeAllowedMediaType(t)})},f.isAllowedMediaType=function(t){return f.mediaTypes.some(function(e){return e===t})},t.exports=f},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var o=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),i=r(4),u=r(9),a=r(2),s=r(18),c=r(3),f=r(27),l=r(28),h=r(1),p=function(){function t(e){var r=this;n(this,t),Object.keys(e).forEach(function(t){r[t]=e[t]})}return o(t,[{key:"isAllowed",value:function(t){return this.permissions&&this.permissions[t]?this.permissions[t]!==l.FORBIDDEN:l.ALLOWED}},{key:"getPermission",value:function(t){return this.permissions&&this.permissions[t]?this.permissions[t]:l.ALLOWED}},{key:"getPermissions",value:function(){return this.permissions||{}}},{key:"getPlugins",value:function(){var t=this;return this.plugins?Object.keys(this.plugins).map(function(e){return Object.keys(t.plugins[e]).map(function(r){var n=void 0;switch(r){case h.RENDERER:n=new i(e);break;case h.FILTER:n=new u(e);break;case h.SANITIZER:n=new s(e);break;case h.MATCHER:n=new a(e);break;case h.GROUP:n=new f(e,r);break;default:n=new c(e,r)}return Object.keys(t.plugins[e][r]).forEach(function(o){var i=t.plugins[e][r][o];n[o]="function"==typeof i&&"process"===o?function(t,e){return function(r){return e(t,r)}}(n,i):i}),n})}).reduce(function(t,e){return t.concat(e)}):[]}},{key:"getDefaultPlugin",value:function(){var t=this.processingEngine.defaultPlugin;return this.getPlugins().filter(function(e){return e.identifier===t}).reduce(function(t,e){return t.getType()!==h.MATCHER?t:e})}}]),t}();t.exports=p},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var o=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),i=function(){function t(){n(this,t),this.content=[]}return o(t,[{key:"stack",value:function(t){this.content.push(t)}},{key:"unstack",value:function(){return this.content.pop()}},{key:"top",value:function(){return this.content[this.content.length-1]}},{key:"base",value:function(){return this.content[0]}},{key:"isEmpty",value:function(){return 0===this.content.length}},{key:"length",value:function(){return this.content.length}}]),t}();t.exports=i},function(t,e,r){"use strict";t.exports=function(t){t.element.style.display="block";var e=!0,r=!1,n=void 0;try{for(var o,i=t.hookedFns.children()[Symbol.iterator]();!(e=(o=i.next()).done);e=!0)o.value.style.display="block"}catch(t){r=!0,n=t}finally{try{!e&&i.return&&i.return()}finally{if(r)throw n}}}},function(t,e,r){"use strict";t.exports=function(t){t.element.style.display="none";var e=!0,r=!1,n=void 0;try{for(var o,i=t.hookedFns.children()[Symbol.iterator]();!(e=(o=i.next()).done);e=!0)o.value.style.display="none"}catch(t){r=!0,n=t}finally{try{!e&&i.return&&i.return()}finally{if(r)throw n}}}},function(t,e,r){"use strict";function n(t){return Array.isArray(t)||(t=[t]),t=t.filter(function(t){return t}),n.loadConfigurations(t).then(function(){return n.start(t)})}var o=r(25),i=r(32),u=r(33),a=r(40);n.start=function(t){var e=n.loadingEngine||n.processingEngine;return Promise.all(t.map(function(t){return new Promise(function(r){t.hasAttribute("src")||t.hasAttribute("sources")?new u(t,n.processingEngine).mediaObjects.forEach(function(o){t.mediaObject=o,o.loader=n.loader,r(e.start(o))}):r(console.warn("Element skipped because has no sources",t))})}))},n.update=function(t){"store"!==t.origin&&t.getPlugins().forEach(function(t){var e=n.pluginStore.getPlugins(t.getType()).filter(function(e){return e.getIdentifier()===t.getIdentifier()&&e.getType()===t.getType()});if(e.length>1)throw new Error("More than one plugin matched to update for this pass");1===e.length?e.forEach(function(e){Object.keys(t).forEach(function(r){e[r]=t[r]})}):n.pluginStore.store(t)})},n.configure=function(t){(n.loadingEngine||n.processingEngine).configure(t)},n.loadConfigurations=function(t){var e=t.filter(function(t){return t.hasAttribute("configuration")}).map(function(t){return t.getAttribute("configuration")}).reduce(function(t,e){return t.includes(e)||t.push(e),t},[]).map(function(t){return n.loader.configuration(t)});return Promise.all(e).then(function(t){var e=[];return t.forEach(function(t){n.update(t),n.configure(t),t.dependencies&&t.dependencies.forEach(function(t){e.includes(t)||e.push(t)})}),Promise.all(e.map(function(t){return n.loader.script(t)}))})},n.pluginStore=n.pluginStore||new i,n.processingEngine=n.processingEngine||new o(n.pluginStore),n.loader=new a,t.exports=n},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var u=r(1),a=r(5),s=r(3),c=function(t){function e(t){return n(this,e),o(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,u.SANITIZER,a.EVERY))}return i(e,t),e}(s);t.exports=c},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var u=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=r(4),s=r(0),c=function(t){function e(t,r){n(this,e);var i=o(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,s.DOWNLOAD));return i.message=t,i.buttonMessage=r||"Download",i}return i(e,t),u(e,[{key:"process",value:function(t){var e=document.createElement("button");e.innerHTML=this.buttonMessage,e.onclick=function(){var e=new XMLHttpRequest,r=t.getAttribute("src");e.open("GET",r,!0),e.responseType="blob",e.onload=function(){var r=e.response;if(r)if(t.name)saveAs(r,t.name);else if(t.getAttribute("data-attr-type")){var n=t.getAttribute("data-attr-type"),o=n.split("/"),i=new File([r],"download."+(o[1]||"txt"),{type:n});saveAs(i)}else saveAs(r)},e.send()},t.utilsSetAllDataAttributes(e),t.replaceContents([e]),t.return()}}]),e}(a);t.exports=c},,,,,function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var u={PluginExists:function(t){function e(t){return n(this,e),o(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,'Plugin with same "'+t.identifier+'" identifier found.'))}return i(e,t),e}(Error),TypeNotFound:function(t){function e(){return n(this,e),o(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,"Media Tag could not find the content type of an instance.}."))}return i(e,t),e}(Error),FilterExists:function(t){function e(t){return n(this,e),o(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,'Filter with same "'+t.identifier+' identifier found."'))}return i(e,t),e}(Error),FetchFail:function(t){function e(t){return n(this,e),o(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,'Could not fetch "'+t.url+'", received "'+t.status+": "+t.statusText+'".'))}return i(e,t),e}(Error),InvalidCryptoKey:function(t){function e(){return n(this,e),o(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,"Invalid cryptographic key."))}return i(e,t),e}(Error),InvalidCryptoLib:function(t){function e(){return n(this,e),o(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,"Invalid cryptographic algorithm name."))}return i(e,t),e}(Error),FailedCrypto:function(t){function e(t){return n(this,e),o(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,"Failed to decrypt file"+(t&&t.message?" "+t.message:"")+"."))}return i(e,t),e}(Error)};t.exports=u},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var o=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),i=r(26),u=r(13),a=r(1),s=r(29),c=r(19),f=r(6),l=r(30),h=r(31),p=r(14),y=function(){function t(e){n(this,t),i.that(e).not(void 0),this.pluginStore=e,this.stacks=new l,this.snapshots=new l,this.stats=new f,this.configuration=new u({}),this.defaultPlugin=new c("<p> MediaTag cannot find a plugin able to render your content </p>"),this.STACK_SIZE=50,this.SNAPSHOTS_LIMIT=50}return o(t,[{key:"key",value:function(t){return t.getId()}},{key:"configure",value:function(t){var e=this;this.configuration=t,t.processingEngine&&Object.keys(t.processingEngine).forEach(function(r){e[r]="defaultPlugin"===r?t.getDefaultPlugin():r})}},{key:"isConfigured",value:function(){return Boolean(this.configuration)}},{key:"prepare",value:function(t){var e=this;!function(){t.return=function(){return e.return(t)},t.state="processing"}();var r=t.getId();this.stacks.store(r,new h),this.snapshots.store(r,new p),this.stats.store(r,{})}},{key:"start",value:function(t){this.prepare(t),this.routine(t),this.run(t)}},{key:"run",value:function(t){var e=this.key(t),r=this.stacks.top(e);if(!r)return this.end(t);this.configuration?this.configuration.isAllowed(r.identifier)?(r.process||console.warn("FALSY PLUGIN",r),r.process(t)):(this.skip(t,r),this.return(t)):r.process(t)}},{key:"routine",value:function(t){this.fill(t),this.snapshot(t),this.check(t)}},{key:"snapshot",value:function(t){var e=this.key(t),r=this.stacks.get(e).clone();this.snapshots.stack(e,r)}},{key:"fill",value:function(t){var e=this,r=this.key(t),n=this.pluginStore.values(),o=n.filter(function(t){return t.getType()===a.MATCHER}).filter(function(e){return e.process(t)}).map(function(t){return t.getIdentifier()}),i=n.filter(function(t){return t.getType()!==a.MATCHER}).filter(function(t){return o.includes(t.getIdentifier())}),u=s.filterByOccurrencies(i);Object.keys(u).forEach(function(n){u[n].forEach(function(n){e.configuration.isAllowed(n.getIdentifier())?e.stacks.get(r).isStackable(n)&&e.stacks.stack(r,n):e.skip(t,n)})})}},{key:"skip",value:function(t,e){var r=t.getId(),n=this.stats.get(r);n?n.skipped||(n.skipped=[]):n={skipped:[]},n.skipped.push(e.identifier)}},{key:"unstack",value:function(t){var e=t.getId();return this.stacks[e]?this.stacks[e].pop():null}},{key:"check",value:function(t){var e=t.getId();if(this.stacks.length(e)>=this.STACK_SIZE)throw console.error("SNAPSHOTS",this.snapshots.get(e)),new Error("Plugin stack size exceed");if(this.snapshots.length(e)>=this.SNAPSHOT_LIMIT)throw console.error("SNAPSHOTS",this.snapshots.get(e)),new Error("Plugin snapshots count exceed");var r=0;if(this.stacks.plugins(e).forEach(function(t){t.type===a.RENDERER&&r++}),r>1)throw console.error("SNAPSHOTS",this.snapshots.get(e)),new Error("More of one renderer in the stack");if(0===this.stacks.length(e)&&!this.stats.get(e)[a.RENDERER]){if(!this.defaultPlugin)throw new Error("No default plugin assignated");this.stacks.stack(e,this.defaultPlugin)}}},{key:"return",value:function(t){var e=t.getId(),r=this.stacks.unstack(e);if(!r)return this.end(t);try{this.stats.get(e)||this.stats.store(e,{}),this.stats.get(e)[r.type]?this.stats.get(e)[r.type]+=1:this.stats.get(e)[r.type]=1}catch(t){console.error(t,this.snapshots.get(e))}r.type!==a.SANITIZER&&r.type!==a.RENDERER&&this.fill(t),this.snapshot(t),this.check(t),this.run(t)}},{key:"end",value:function(t){return t.status="processed",t}},{key:"setDefaultPlugin",value:function(t){this.defaultPlugin=t}}]),t}();t.exports=y},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var o=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),i=function(){function t(e){n(this,t),this.truth=e}return o(t,[{key:"is",value:function(t){if(this.truth===t)return this;throw new Error("Assertion fail on : "+this.truth+" is "+t)}},{key:"not",value:function(t){if(this.truth!==t)return this;throw new Error("Assertion fail on : "+this.truth+" is not "+t)}}],[{key:"that",value:function(e){return new t(e)}}]),t}();t.exports=i},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var u=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=r(3),s=function(t){function e(t,r,i){n(this,e);var u=o(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,r,i));return u.plugins=[],u}return i(e,t),u(e,[{key:"addPlugin",value:function(t){!1===this.plugins.includes(t)&&this.plugins.push(t)}},{key:"removePlugin",value:function(t,e,r){if(!t)throw new Error("Identifier is null or undefined");this.plugin.filter(function(n){return e&&r?t===n.identifier&&e===n.type&&r===n.occurrence:e?t===n.identifier&&e===n.type:t===n.identifier})}},{key:"start",value:function(t){this.plugins.forEach(function(e){e.start(t)})}}]),e}(a);t.exports=s},function(t,e,r){"use strict";var n={ALLOWED:"allowed",REQUIRED:"required",FORBIDDEN:"forbidden"};t.exports=n},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var o=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),i=function(){function t(){n(this,t)}return o(t,null,[{key:"filterByOccurrence",value:function(t,e){return t.filter(function(t){return t.occurrence===e})}},{key:"filterByOccurrencies",value:function(t){var e={once:[],any:[],every:[]},r=!0,n=!1,o=void 0;try{for(var i,u=t[Symbol.iterator]();!(r=(i=u.next()).done);r=!0){var a=i.value;e[a.occurrence]?e[a.occurrence].push(a):e[a.occurrence]=Array.of(a)}}catch(t){n=!0,o=t}finally{try{!r&&u.return&&u.return()}finally{if(n)throw o}}return e}}]),t}();t.exports=i},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var u=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=r(6),s=function(t){function e(){return n(this,e),o(this,(e.__proto__||Object.getPrototypeOf(e)).apply(this,arguments))}return i(e,t),u(e,[{key:"stack",value:function(t,e){this.get(t).stack(e)}},{key:"unstack",value:function(t){return this.get(t).unstack()}},{key:"top",value:function(t){return this.get(t).top()}},{key:"base",value:function(t){return this.get(t).base()}},{key:"isEmpty",value:function(t){return this.get(t).isEmpty()}},{key:"length",value:function(t){return this.get(t).content.length}},{key:"plugins",value:function(t){return this.get(t).content}}]),e}(a);t.exports=s},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var u=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=function t(e,r,n){null===e&&(e=Function.prototype);var o=Object.getOwnPropertyDescriptor(e,r);if(void 0===o){var i=Object.getPrototypeOf(e);return null===i?void 0:t(i,r,n)}if("value"in o)return o.value;var u=o.get;return void 0!==u?u.call(n):void 0},s=r(5),c=r(1),f=r(3),l=r(14),h=function(t){function e(){return n(this,e),o(this,(e.__proto__||Object.getPrototypeOf(e)).apply(this,arguments))}return i(e,t),u(e,[{key:"isPlugin",value:function(t){return t instanceof f}},{key:"isStackable",value:function(t){return[this.isPlugin(t),!this.content.some(function(e){return e.getIdentifier()===t.getIdentifier()&&e.getType()===t.getType()&&e.getOccurrence()===t.getOccurrence()&&(t.occurrence===s.ONCE||t.occurrence===s.ANY)})].reduce(function(t,e){return t&&e})}},{key:"stack",value:function(t){if(!this.isPlugin(t))throw new Error("It can't stacks a non plugin instance");if(!this.isStackable(t))throw new Error("A unique plugin cannot by stacked multiple times");a(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"stack",this).call(this,t)}},{key:"hasRenderer",value:function(){return this.content.some(function(t){return t.type===c.renderer})}},{key:"isEndingByRenderer",value:function(){return this.base().type===c.RENDERER}},{key:"clone",value:function(){return JSON.parse(JSON.stringify(this))}},{key:"plugins",value:function(){return this.content()}}]),e}(l);t.exports=h},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var u=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=function t(e,r,n){null===e&&(e=Function.prototype);var o=Object.getOwnPropertyDescriptor(e,r);if(void 0===o){var i=Object.getPrototypeOf(e);return null===i?void 0:t(i,r,n)}if("value"in o)return o.value;var u=o.get;return void 0!==u?u.call(n):void 0},s=r(6),c=function(t){function e(){return n(this,e),o(this,(e.__proto__||Object.getPrototypeOf(e)).apply(this,arguments))}return i(e,t),u(e,[{key:"getPlugins",value:function(t){return this.values().filter(function(e){return e.type===t})}},{key:"store",value:function(t){a(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"store",this).call(this,[t.identifier,t.type],t)}},{key:"unstore",value:function(t){if(!1!==e.isStored([t.identifier,t.type]))return a(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"unstore",this).call(this,[t.identifier,t.type]);console.warn('The key "'+[t.identifier,t.type]+'" not exists in this manager')}}]),e}(s);t.exports=c},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var o=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),i=r(34),u=r(7),a=r(38),s=function(){function t(e,r){var o=this;n(this,t),this.mediaTagElement=e,this.processingEngine=r;var s=new u(e),c=s.getAttribute("sources")||s.getAttribute("srcs");if(c){var f=this.extractSourceObjects(c),l=this.extractMediaElements(f);this.mediaElements=l,this.mediaElements.forEach(function(t){o.mediaTagElement.appendChild(t)}),this.mediaObjects=this.createMediaObjects(l),i.activate(this.mediaObjects[0],this)}else{var h=new a(e);this.mediaObjects=[h],this.activeMediaObject=this.mediaObjects[0]}}return o(t,[{key:"extractSourceObjects",value:function(t){return JSON.parse(t)}},{key:"extractMediaElements",value:function(t){var e=this,r=[];return t.forEach(function(t){r.push(e.extractMediaElement(t))}),r}},{key:"extractMediaElement",value:function(t){var e=document.createElement("media");return Object.keys(t).forEach(function(r){e.setAttribute(r,t[r])}),e}},{key:"createMediaObjects",value:function(t){var e=[];return t.forEach(function(t){var r=new a(t);e.push(r)}),e}}]),t}();t.exports=s},function(t,e,r){"use strict";var n={clear:r(35),show:r(15),hide:r(16),upgrade:r(36),downgrade:r(37),activate:r(8)};t.exports=n},function(t,e,r){"use strict";t.exports=function(t){t.clearContents()}},function(t,e,r){"use strict";var n=r(8);t.exports=function(t){var e=t.mediaObjects.indexOf(t.activeMediaObject);e<t.mediaObjects.length&&n(t.mediaObjects[e+1],t)}},function(t,e,r){"use strict";var n=r(8);t.exports=function(t){var e=t.mediaObjects.indexOf(t.activeMediaObject);e>0&&n(t.mediaObjects[e-1],t)}},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var o=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),i=r(7),u=r(39),a=function(){function t(e){n(this,t),this.id=t.uid(),this.element=e,this.state="idle",this.attributesObject=new i(e);var r=u.parse(this.attributesObject),o=!0,a=!1,s=void 0;try{for(var c,f=Object.keys(r)[Symbol.iterator]();!(o=(c=f.next()).done);o=!0){var l=c.value;this[l]=r[l]}}catch(t){a=!0,s=t}finally{try{!o&&f.return&&f.return()}finally{if(a)throw s}}this.hookedFns={hasChildNodes:e.hasChildNodes.bind(e),removeChild:e.removeChild.bind(e),getLastChild:function(){return e.lastChild},appendChild:e.appendChild.bind(e),children:function(){return e.children}}}return o(t,[{key:"setProperties",value:function(t){for(var e in t){if(this[e])throw new Error("The property "+e+" already exists in this MediaObject !");this[e]=t[e]}}},{key:"getId",value:function(){return this.id}},{key:"getAttribute",value:function(t){return this.attributesObject[t]}},{key:"setAttribute",value:function(t,e){this.attributesObject[t]=e}},{key:"removeAttribute",value:function(t){delete this.attributesObject[t]}},{key:"getAllDataAttrKeys",value:function(){return Object.keys(this.attributesObject).filter(function(t){return t.startsWith("data-attr")})}},{key:"getExtension",value:function(){return this.extension}},{key:"getMimeType",value:function(){return this.mime}},{key:"hasAttribute",value:function(t){return t in this.attributesObject}},{key:"getType",value:function(){return this.type}},{key:"getSource",value:function(){return this.src}},{key:"getSources",value:function(){return this.sources}},{key:"clearContents",value:function(){for(;this.hookedFns.hasChildNodes();)this.hookedFns.removeChild(this.hookedFns.getLastChild())}},{key:"replaceContents",value:function(t){var e=this;this.clearContents(),t.forEach(function(t){return e.hookedFns.appendChild(t)})}},{key:"utilsSetAllDataAttributes",value:function(t){var e=this;this.getAllDataAttrKeys().forEach(function(r){return t.setAttribute(r.substr(10),e.getAttribute(r))})}},{key:"utilsPassAllDataAttributes",value:function(t){var e=this;this.getAllDataAttrKeys().forEach(function(r){return t.setAttribute(r,e.getAttribute(r))})}}]),t}();a.uid=function(t){return function(){return t++}}(0),a.attributesObject=function(t){var e={};if(t.hasAttributes()){var r=t.attributes;Object.keys(r).forEach(function(t){var n=r[t];e[n.name]=n.value})}return e.hasAttribute=function(t){return e[t]},e},t.exports=a},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var o=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),i=function(){function t(){n(this,t)}return o(t,null,[{key:"extension",value:function(t){var e=t.getAttribute("data-type");if(e)return e.split("/")[1]}},{key:"type",value:function(t){var e=t.getAttribute("data-type");if(e)return e.split("/")[0]}},{key:"mime",value:function(t){return t.getAttribute("data-type")}},{key:"protocol",value:function(t){var e=t.getAttribute("src").split("://");return e.length>1?e[0]:window.location.protocol}},{key:"hostname",value:function(t){var e=t.getAttribute("src").split("://");return e.length>1?e[1].split("/")[0]:window.location.hostname}},{key:"source",value:function(t){return t.getAttribute("src")}},{key:"schemes",value:function(t){return/\w+:/.exec(t.getAttribute("src"))}},{key:"sources",value:function(t){var e=t.getAttribute("sources")||t.getAttribute("srcs");return e?JSON.parse(e):null}},{key:"actions",value:function(t){var e=t.getAttribute("actions");return e?JSON.parse(e):null}},{key:"parse",value:function(e){return{protocol:t.protocol(e),hostname:t.hostname(e),src:t.source(e),type:t.type(e),extension:t.extension(e),mime:t.mime(e),sources:t.sources(e),actions:t.actions(e)}}}]),t}();t.exports=i},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var o=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),i=r(6),u=r(13),a=function(){function t(){n(this,t),this.store=new i,this.promiseStore=new i}return o(t,[{key:"isStored",value:function(t){return this.store.isStore(t)}},{key:"script",value:function(t){return this.promiseStore.isStored(t)||this.promiseStore.store(t,new Promise(function(e,r){var n=document.createElement("script");n.type="text/javascript",n.src=t,n.onload=e,n.onerror=r,n.abort=r,document.head.appendChild(n)})),this.promiseStore.get(t)}},{key:"configuration",value:function(t){var e=this;return this.store.isStored(t)?new Promise(function(r){r(new u(e.store.get(t)))}):new Promise(function(r,n){var o=document.createElement("script");o.src=t,o.type="text/javascript",document.addEventListener("Configuration",function(n){var o=n.configuration;e.store.isStored(t)?o.origin="store":(e.store.store(t,n.configuration),o.origin=t),r(new u(o))}),o.onerror=function(t){n(t)},document.head.appendChild(o)})}},{key:"algorithm",value:function(t){var e=this;return this.promiseStore.isStored(t)||this.promiseStore.store(t,new Promise(function(r,n){var o=document.createElement("script");o.src=t,o.type="text/javascript",document.addEventListener("Algorithm",function(n){e.store.isStored(t)||e.store.store(t,n.algorithm),r(e.store.get(t))}),o.onerror=function(t){n(t)},document.head.appendChild(o)})),this.promiseStore.get(t)}}]),t}();t.exports=a},,function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t){var e=t.getAttribute("src"),r=t.getAttribute("data-crypto-key"),n=a.getKeyFromStr(r),o=new XMLHttpRequest;o.open("GET",e,!0),o.responseType="arraybuffer",o.onload=function(){var e=o.response;if(e){var r=new Uint8Array(e),i=a.decrypt(r,n),u=s.getBlobUrl(i,t.getMimeType()),c=new Event("decryption");c.blob=new Blob([i],{type:t.getMimeType()}),window.document.dispatchEvent(c),t.setAttribute("src",u),t.removeAttribute("data-crypto-key"),t.return()}},o.send(null)}var i=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),u=r(24),a=(r(12),function(){function t(){n(this,t)}return i(t,null,[{key:"slice",value:function(t){return Array.prototype.slice.call(t)}},{key:"getRandomKeyStr",value:function(){var t=window.nacl,e=t.randomBytes(18);return t.util.encodeBase64(e)}},{key:"getKeyFromStr",value:function(t){var e=window.nacl;return e.hash(e.util.decodeBase64(t)).subarray(32,64)}},{key:"encrypt",value:function(e,r){var n=e,o=window.nacl.randomBytes(24),i=window.nacl.secretbox(n,o,r);if(i)return new Uint8Array(t.slice(o).concat(t.slice(i)));throw new Error}},{key:"decrypt",value:function(e,r){if(e.length<24)throw new Error;var n=t.slice,o=window.nacl,i=new Uint8Array(n(e).slice(0,24)),u=new Uint8Array(n(e).slice(24)),a=o.secretbox.open(u,i,r);if(a)return a;throw new Error("Decrypted file in undefined")}}]),t}()),s=function(){function t(){n(this,t)}return i(t,null,[{key:"getArrayBuffer",value:function(t){return fetch(t).then(function(t){if(t.ok)return t.arrayBuffer();throw new u.FetchFails}).then(function(t){return t})}},{key:"createUrl",value:function(t){return window.URL.createObjectURL(t)}},{key:"getBlobUrl",value:function(t,e){return window.URL.createObjectURL(new Blob([t],{type:e}))}},{key:"getDataUrl",value:function(t,e){return"data:"+e+";base64,"+window.nacl.util.encodeBase64(t)}}]),t}();t.exports=o},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){var r=e.type.split("/"),n=e.type,o=r[0],i=r[1];c.isAllowedMediaType(n)?(t.setAttribute("data-type",e.type),t.type=o,t.extension=i,t.mime=n):console.log("Not allowed metadata, allowed ones are : ",c.getAllowedMediaTypes()),t.name=e.name,t.setAttribute("data-attr-type",e.type)}function i(t){var e=t.getAttribute("src"),r=t.getAttribute("data-crypto-key"),n=f.getKeyFromStr(r),i=new XMLHttpRequest,u=[e,r].join(""),a=function(e){var r=function(e){s.processingEngine.return(t),"function"==typeof e&&e(t)},n={};n.metadata=e.metadata,o(t,e.metadata);var i=e.content,u=l.getBlobUrl(i,t.getMimeType());if(n.blob=new Blob([i],{type:t.getMimeType()}),n.metadata=e.metadata,c.addAllowedMediaType("audio/mpeg"),t.setAttribute("src",u),t.removeAttribute("data-crypto-key"),/audio\/(mp3|ogg|wav|webm|mpeg)/.test(e.metadata.type)||/application\/pdf/.test(e.metadata.type)||/video\//.test(e.metadata.type)||/image\/(png|jpeg|jpg|gif)/.test(e.metadata.type)||(e.metadata.type="download"),o(t,e.metadata),n.callback=r,!window.MediaTag_onDecrypted)return void setTimeout(r);window.MediaTag_onDecrypted(n)},h=s.__Cryptpad_Cache=s.__Cryptpad_Cache||{};if(h[u])return a(h[u]);i.open("GET",e,!0),i.responseType="arraybuffer";var p=function(t){var e=new Event("decryptionError");e.message="string"==typeof t?t:t.message,window.document.dispatchEvent(e)};i.onload=function(){if(/^4/.test(""+this.status))return p("XHR_ERROR",this.status);var t=i.response;if(t){var e=new Uint8Array(t);f.decrypt(e,n,function(t,e){if(t)return p(t);h[u]=e,a(e)})}},i.send(null)}var u=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=r(24),s=r(17),c=r(12),f=function(){function t(){n(this,t)}return u(t,null,[{key:"createNonce",value:function(){return new Uint8Array(new Array(24).fill(0))}},{key:"increment",value:function(t){for(var e=t.length;e-- >1;){if("number"!=typeof t[e])throw new Error("E_UNSAFE_TYPE");if(t[e]>255)throw new Error("E_OUT_OF_BOUNDS");if(255!==t[e])return void t[e]++;if(t[e]=0,0===e)throw new Error("E_NONCE_TOO_LARGE")}}},{key:"encodePrefix",value:function(t){return[65280,255].map(function(e,r){return(t&e)>>8*(1-r)})}},{key:"decodePrefix",value:function(t){return t[0]<<8|t[1]}},{key:"joinChunks",value:function(t){return new Blob(t)}},{key:"slice",value:function(t){return Array.prototype.slice.call(t)}},{key:"getRandomKeyStr",value:function(){var t=window.nacl,e=t.randomBytes(18);return t.util.encodeBase64(e)}},{key:"getKeyFromStr",value:function(t){return window.nacl.util.decodeBase64(t)}},{key:"encrypt",value:function(e,r){var n=e,o=window.nacl.randomBytes(24),i=window.nacl.secretbox(n,o,r);if(i)return new Uint8Array(t.slice(o).concat(t.slice(i)));throw new Error}},{key:"decrypt",value:function(e,r,n){var o=window.nacl,i=function(t){var r=new Event("decryptionProgress");r.percent=t/e.length*100,window.document.dispatchEvent(r)},u=t.createNonce(),a=0,s=e.subarray(0,2),c=t.decodePrefix(s),f={metadata:void 0},l=new Uint8Array(e.subarray(2,2+c)),h=o.secretbox.open(l,u,r);t.increment(u);try{f.metadata=JSON.parse(o.util.encodeUTF8(h))}catch(t){return n("E_METADATA_DECRYPTION")}if(!f.metadata)return n("NO_METADATA");var p=function(n){setTimeout(function(){var s=131088*a+2+c,f=s+131088;a++;var l=new Uint8Array(e.subarray(s,f)),h=o.secretbox.open(l,u,r);if(t.increment(u),!h)return void n("DECRYPTION_FAILURE");i(Math.min(f,e.length)),n(void 0,h)})},y=[];!function r(){p(function(o,i){return o?setTimeout(function(){n(o)}):i?131088*a<e.length?(y.push(i),r()):(y.push(i),f.content=t.joinChunks(y),n(void 0,f)):void n("UNEXPECTED_ENDING")})}()}}]),t}(),l=function(){function t(){n(this,t)}return u(t,null,[{key:"getArrayBuffer",value:function(t){return fetch(t).then(function(t){if(t.ok)return t.arrayBuffer();throw new a.FetchFails}).then(function(t){return t})}},{key:"createUrl",value:function(t){return window.URL.createObjectURL(t)}},{key:"getBlobUrl",value:function(t,e){return window.URL.createObjectURL(new Blob([t],{type:e}))}},{key:"getDataUrl",value:function(t,e){return"data:"+e+";base64,"+window.nacl.util.encodeBase64(t)}}]),t}();t.exports=i},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var u=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=r(9),s=r(0),c=function(t){function e(){return n(this,e),o(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,s.CLEAR_KEY))}return i(e,t),u(e,[{key:"process",value:function(t){var e=t.getAttribute("data-clear-key"),r=e.substring(0,32),n=e.substring(33,65);t.setAttribute("id",r),t.setAttribute("key",n),t.removeAttribute("data-clear-key"),t.return()}}]),e}(a);t.exports=c},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var u=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=r(18),s=r(0),c=function(t){function e(){return n(this,e),o(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,s.MEDIA_OBJECT))}return i(e,t),u(e,[{key:"process",value:function(t){t.return()}}]),e}(a);t.exports=c},function(t,e,r){"use strict";var n=r(47),o=r(48),i=r(49),u=r(50),a=r(51),s=r(52),c=r(53),f=r(54),l=r(55),h=r(17);h.pluginStore.store(new n),h.pluginStore.store(new o),h.pluginStore.store(new i),h.pluginStore.store(new u),h.pluginStore.store(new a),h.pluginStore.store(new s),h.pluginStore.store(new c),h.pluginStore.store(new f),h.pluginStore.store(new l),t.exports=h},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var u=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=r(0),s=r(1),c=r(2),f=function(t){function e(){return n(this,e),o(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,a.IMAGE,s.RENDERER))}return i(e,t),u(e,[{key:"process",value:function(t){var e=/^png|jpg|jpeg|gif|svg[+]xml$/,r=/^image[\/](png|jpg|jpeg|gif|svg[+]xml)$/;return t.hasAttribute("src")&&"image"===t.getType()&&null!==e.exec(t.getExtension())&&null!==r.exec(t.getMimeType())}}]),e}(c);t.exports=f},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var u=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=r(0),s=r(1),c=r(2),f=function(t){function e(){return n(this,e),o(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,a.AUDIO,s.RENDERER))}return i(e,t),u(e,[{key:"process",value:function(t){var e=/^mp3|ogg|webm|wav|mpeg$/,r=/^audio[\/](mp3|ogg|webm|wav|mpeg)$/;return t.hasAttribute("src")&&"audio"===t.getType()&&null!==e.exec(t.getExtension())&&null!==r.exec(t.getMimeType())}}]),e}(c);t.exports=f},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var u=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=r(0),s=r(1),c=r(2),f=function(t){function e(){return n(this,e),o(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,a.VIDEO,s.RENDERER))}return i(e,t),u(e,[{key:"process",value:function(t){var e=/^mp4|ogg|webm$/,r=/^video[\/](mp4|ogg|webm)$/;return t.hasAttribute("src")&&"video"===t.getType()&&null!==e.exec(t.getExtension())&&null!==r.exec(t.getMimeType())}}]),e}(c);t.exports=f},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var u=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=r(0),s=r(1),c=r(2),f=function(t){function e(){return n(this,e),o(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,a.PDF,s.RENDERER))}return i(e,t),u(e,[{key:"process",value:function(t){var e=/^pdf$/,r=/^application[\/]pdf$/;return t.hasAttribute("src")&&"application"===t.getType()&&null!==e.exec(t.getExtension())&&null!==r.exec(t.getMimeType())}}]),e}(c);t.exports=f},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var u=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=r(0),s=r(1),c=r(2),f=function(t){function e(){return n(this,e),o(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,a.DASH,s.RENDERER))}return i(e,t),u(e,[{key:"process",value:function(t){var e=/^dash[+]xml$/,r=/^application[\/]dash[+]xml$/;return t.hasAttribute("src")&&"application"===t.getType()&&null!==e.exec(t.getExtension())&&null!==r.exec(t.getMimeType())}}]),e}(c);t.exports=f},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var u=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=r(0),s=r(1),c=r(2),f=function(t){function e(){return n(this,e),o(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,a.DOWNLOAD,s.RENDERER))}return i(e,t),u(e,[{key:"process",value:function(t){return t.hasAttribute("src")&&"download"===t.getType()}}]),e}(c);t.exports=f},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var u=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=r(0),s=r(1),c=r(2),f=function(t){function e(){return n(this,e),o(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,a.CRYPTO,s.FILTER))}return i(e,t),u(e,[{key:"process",value:function(t){return t.hasAttribute("data-crypto-key")}}]),e}(c);t.exports=f},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var u=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=r(0),s=r(1),c=r(2),f=function(t){function e(){return n(this,e),o(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,a.CLEAR_KEY,s.FILTER))}return i(e,t),u(e,[{key:"process",value:function(t){return t.hasAttribute("data-clear-key")}}]),e}(c);t.exports=f},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var u=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=r(0),s=r(1),c=r(2),f=function(t){function e(){return n(this,e),o(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,a.MEDIA_OBJECT,s.SANITIZER))}return i(e,t),u(e,[{key:"process",value:function(t){return t.hasAttribute("src")&&t.hasAttribute("data-type")}}]),e}(c);t.exports=f},,,,,,,function(t,e,r){"use strict";function n(t){if(Array.isArray(t)){for(var e=0,r=Array(t.length);e<t.length;e++)r[e]=t[e];return r}return Array.from(t)}var o=r(63);document.addEventListener("DOMContentLoaded",function(){function t(t){var o=[];return t.forEach(function(t){t.addedNodes&&t.addedNodes.forEach(function(t){var i=r(t,"MEDIA-TAG").filter(e);o.push.apply(o,n(i)),"MEDIA-TAG"===t.nodeName&&o.push(t)}),"MEDIA-TAG"===t.target.nodeName&&"childList"!==t.type&&(o.includes(t.target)||o.push(t.target))}),o}function e(t){return t.mediaObjects?t.mediaObjects.some(function(t){return"idle"===t.state}):!t.mediaObject||"idle"===t.mediaObject.state}function r(t,e){var n=[];if(!t.children)return n;var o=!0,i=!1,u=void 0;try{for(var a,s=t.children[Symbol.iterator]();!(o=(a=s.next()).done);o=!0){var c=a.value;c.nodeName===e&&n.push(c),n=n.concat(r(c,e))}}catch(t){i=!0,u=t}finally{try{!o&&s.return&&s.return()}finally{if(i)throw u}}return n}function i(t){return new Promise(function(e,r){try{t.length>0&&o(t),e()}catch(t){r(t)}})}function u(e){i(t(e)).catch(function(t){console.error(t)})}var a=new MutationObserver(u),s=document.body,c={characterData:!0,childList:!0,attributes:!0,subtree:!0};a.observe(s,c),i(Array.from(document.getElementsByTagName("media-tag")))}),t.exports=o},function(t,e,r){"use strict";var n=r(42),o=r(43),i=r(64),u=r(65),a=r(66),s=r(67),c=r(68),f=r(19),l=r(12),h=r(44),p=r(45),y=r(46);y.PdfPlugin=s,y.PdfPlugin.viewer="/pdfjs/web/viewer.html",l.functionStore.store("salsa20poly1305",n),l.functionStore.store("cryptpad",o),y.processingEngine.setDefaultPlugin(new f("<p> Media-Tag can't process your content </p>","Download")),y.CryptoFilter=l,y.CryptoFilter.setAllowedMediaTypes(["image/png","image/jpeg","image/jpg","image/gif","audio/mp3","audio/ogg","audio/wav","audio/webm","video/mp4","video/ogg","video/webm","application/pdf","application/dash+xml","download"]),y.pluginStore.store(new i),y.pluginStore.store(new u),y.pluginStore.store(new a),y.pluginStore.store(new s),y.pluginStore.store(new c),y.pluginStore.store(new f),y.pluginStore.store(new l),y.pluginStore.store(new h),y.pluginStore.store(new p),t.exports=y},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var u=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=r(4),s=r(0),c=function(t){function e(){return n(this,e),o(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,s.IMAGE))}return i(e,t),u(e,[{key:"process",value:function(t){var e=document.createElement("img");e.setAttribute("src",t.getAttribute("src")),t.utilsSetAllDataAttributes(e),t.replaceContents([e]),t.return()}}]),e}(a);t.exports=c},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var u=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=r(4),s=r(0),c=function(t){function e(){return n(this,e),o(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,s.AUDIO))}return i(e,t),u(e,[{key:"process",value:function(t){var e=document.createElement("audio");e.setAttribute("src",t.getAttribute("src")),e.setAttribute("controls",!0),t.utilsSetAllDataAttributes(e),t.replaceContents([e]),t.return()}}]),e}(a);t.exports=c},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var u=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=r(4),s=r(0),c=function(t){function e(){return n(this,e),o(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,s.VIDEO))}return i(e,t),u(e,[{key:"process",value:function(t){var e=document.createElement("video");e.setAttribute("src",t.getAttribute("src")),e.setAttribute("controls",!0),t.utilsSetAllDataAttributes(e),t.replaceContents([e]),t.return()}}]),e}(a);t.exports=c},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var u=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=r(4),s=r(0),c={PDFJS:"pdfjs",DEFAULT:"default"},f=function(t){function e(){n(this,e);var t=o(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,s.PDF));return t.viewer=e.viewer,t.mode=e.mode,t}return i(e,t),u(e,[{key:"process",value:function(t){var e=t.getAttribute("src"),r=document.createElement("iframe");switch(t.getAttribute("data-attr-width")||r.setAttribute("width","100%"),t.getAttribute("data-attr-height")||r.setAttribute("height",document.body.scrollHeight),this.viewer||(this.mode=c.DEFAULT),this.mode){case c.PDFJS:var n=this.viewer+"?file="+e,o=new XMLHttpRequest;o.onload=function(){o.status<400?r.src=n:(console.warn("The pdfjs viewer has not been found ...\n\t\t\t\t\t\t\tThe browser viewer will be used by default"),r.src=""+e)},o.open("HEAD",n,!0),o.send();break;default:r.src=""+e}t.utilsSetAllDataAttributes(r),t.replaceContents([r]),r.onload=function(){t.return()}}}]),e}(a);f.viewer=null,f.mode=c.PDFJS,t.exports=f},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var u=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=r(4),s=r(0),c=function(t){function e(){return n(this,e),o(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,s.DASH))}return i(e,t),u(e,[{key:"process",value:function(t){var e=document.createElement("video"),r=new shaka.Player(e),n=t.getAttribute("id"),o=t.getAttribute("key");if(n&&o){var i='{"'+n+'": "'+o+'"}',u=JSON.parse(i);r.configure({drm:{clearKeys:u}})}e.setAttribute("controls",!0),t.utilsSetAllDataAttributes(e),t.replaceContents([e]),r.load(t.getAttribute("src")).then(function(){}),t.return()}}]),e}(a);t.exports=c},,,,,,,,,,,,,,,,,,,function(t,e,r){"use strict";window.nacl=r(88),window.nacl.util=r(90),t.exports=r(62)},function(t,e,r){!function(t){"use strict";function e(t,e,r,n){t[e]=r>>24&255,t[e+1]=r>>16&255,t[e+2]=r>>8&255,t[e+3]=255&r,t[e+4]=n>>24&255,t[e+5]=n>>16&255,t[e+6]=n>>8&255,t[e+7]=255&n}function n(t,e,r,n,o){var i,u=0;for(i=0;i<o;i++)u|=t[e+i]^r[n+i];return(1&u-1>>>8)-1}function o(t,e,r,o){return n(t,e,r,o,16)}function i(t,e,r,o){return n(t,e,r,o,32)}function u(t,e,r,n){for(var o,i=255&n[0]|(255&n[1])<<8|(255&n[2])<<16|(255&n[3])<<24,u=255&r[0]|(255&r[1])<<8|(255&r[2])<<16|(255&r[3])<<24,a=255&r[4]|(255&r[5])<<8|(255&r[6])<<16|(255&r[7])<<24,s=255&r[8]|(255&r[9])<<8|(255&r[10])<<16|(255&r[11])<<24,c=255&r[12]|(255&r[13])<<8|(255&r[14])<<16|(255&r[15])<<24,f=255&n[4]|(255&n[5])<<8|(255&n[6])<<16|(255&n[7])<<24,l=255&e[0]|(255&e[1])<<8|(255&e[2])<<16|(255&e[3])<<24,h=255&e[4]|(255&e[5])<<8|(255&e[6])<<16|(255&e[7])<<24,p=255&e[8]|(255&e[9])<<8|(255&e[10])<<16|(255&e[11])<<24,y=255&e[12]|(255&e[13])<<8|(255&e[14])<<16|(255&e[15])<<24,b=255&n[8]|(255&n[9])<<8|(255&n[10])<<16|(255&n[11])<<24,g=255&r[16]|(255&r[17])<<8|(255&r[18])<<16|(255&r[19])<<24,d=255&r[20]|(255&r[21])<<8|(255&r[22])<<16|(255&r[23])<<24,v=255&r[24]|(255&r[25])<<8|(255&r[26])<<16|(255&r[27])<<24,w=255&r[28]|(255&r[29])<<8|(255&r[30])<<16|(255&r[31])<<24,m=255&n[12]|(255&n[13])<<8|(255&n[14])<<16|(255&n[15])<<24,E=i,_=u,O=a,A=s,k=c,P=f,T=l,j=h,x=p,R=y,S=b,U=g,C=d,M=v,B=w,I=m,D=0;D<20;D+=2)o=E+C|0,k^=o<<7|o>>>25,o=k+E|0,x^=o<<9|o>>>23,o=x+k|0,C^=o<<13|o>>>19,o=C+x|0,E^=o<<18|o>>>14,o=P+_|0,R^=o<<7|o>>>25,o=R+P|0,M^=o<<9|o>>>23,o=M+R|0,_^=o<<13|o>>>19,o=_+M|0,P^=o<<18|o>>>14,o=S+T|0,B^=o<<7|o>>>25,o=B+S|0,O^=o<<9|o>>>23,o=O+B|0,T^=o<<13|o>>>19,o=T+O|0,S^=o<<18|o>>>14,o=I+U|0,A^=o<<7|o>>>25,o=A+I|0,j^=o<<9|o>>>23,o=j+A|0,U^=o<<13|o>>>19,o=U+j|0,I^=o<<18|o>>>14,o=E+A|0,_^=o<<7|o>>>25,o=_+E|0,O^=o<<9|o>>>23,o=O+_|0,A^=o<<13|o>>>19,o=A+O|0,E^=o<<18|o>>>14,o=P+k|0,T^=o<<7|o>>>25,o=T+P|0,j^=o<<9|o>>>23,o=j+T|0,k^=o<<13|o>>>19,o=k+j|0,P^=o<<18|o>>>14,o=S+R|0,U^=o<<7|o>>>25,o=U+S|0,x^=o<<9|o>>>23,o=x+U|0,R^=o<<13|o>>>19,o=R+x|0,S^=o<<18|o>>>14,o=I+B|0,C^=o<<7|o>>>25,o=C+I|0,M^=o<<9|o>>>23,o=M+C|0,B^=o<<13|o>>>19,o=B+M|0,I^=o<<18|o>>>14;E=E+i|0,_=_+u|0,O=O+a|0,A=A+s|0,k=k+c|0,P=P+f|0,T=T+l|0,j=j+h|0,x=x+p|0,R=R+y|0,S=S+b|0,U=U+g|0,C=C+d|0,M=M+v|0,B=B+w|0,I=I+m|0,t[0]=E>>>0&255,t[1]=E>>>8&255,t[2]=E>>>16&255,t[3]=E>>>24&255,t[4]=_>>>0&255,t[5]=_>>>8&255,t[6]=_>>>16&255,t[7]=_>>>24&255,t[8]=O>>>0&255,t[9]=O>>>8&255,t[10]=O>>>16&255,t[11]=O>>>24&255,t[12]=A>>>0&255,t[13]=A>>>8&255,t[14]=A>>>16&255,t[15]=A>>>24&255,t[16]=k>>>0&255,t[17]=k>>>8&255,t[18]=k>>>16&255,t[19]=k>>>24&255,t[20]=P>>>0&255,t[21]=P>>>8&255,t[22]=P>>>16&255,t[23]=P>>>24&255,t[24]=T>>>0&255,t[25]=T>>>8&255,t[26]=T>>>16&255,t[27]=T>>>24&255,t[28]=j>>>0&255,t[29]=j>>>8&255,t[30]=j>>>16&255,t[31]=j>>>24&255,t[32]=x>>>0&255,t[33]=x>>>8&255,t[34]=x>>>16&255,t[35]=x>>>24&255,t[36]=R>>>0&255,t[37]=R>>>8&255,t[38]=R>>>16&255,t[39]=R>>>24&255,t[40]=S>>>0&255,t[41]=S>>>8&255,t[42]=S>>>16&255,t[43]=S>>>24&255,t[44]=U>>>0&255,t[45]=U>>>8&255,t[46]=U>>>16&255,t[47]=U>>>24&255,t[48]=C>>>0&255,t[49]=C>>>8&255,t[50]=C>>>16&255,t[51]=C>>>24&255,t[52]=M>>>0&255,t[53]=M>>>8&255,t[54]=M>>>16&255,t[55]=M>>>24&255,t[56]=B>>>0&255,t[57]=B>>>8&255,t[58]=B>>>16&255,t[59]=B>>>24&255,t[60]=I>>>0&255,t[61]=I>>>8&255,t[62]=I>>>16&255,t[63]=I>>>24&255}function a(t,e,r,n){for(var o,i=255&n[0]|(255&n[1])<<8|(255&n[2])<<16|(255&n[3])<<24,u=255&r[0]|(255&r[1])<<8|(255&r[2])<<16|(255&r[3])<<24,a=255&r[4]|(255&r[5])<<8|(255&r[6])<<16|(255&r[7])<<24,s=255&r[8]|(255&r[9])<<8|(255&r[10])<<16|(255&r[11])<<24,c=255&r[12]|(255&r[13])<<8|(255&r[14])<<16|(255&r[15])<<24,f=255&n[4]|(255&n[5])<<8|(255&n[6])<<16|(255&n[7])<<24,l=255&e[0]|(255&e[1])<<8|(255&e[2])<<16|(255&e[3])<<24,h=255&e[4]|(255&e[5])<<8|(255&e[6])<<16|(255&e[7])<<24,p=255&e[8]|(255&e[9])<<8|(255&e[10])<<16|(255&e[11])<<24,y=255&e[12]|(255&e[13])<<8|(255&e[14])<<16|(255&e[15])<<24,b=255&n[8]|(255&n[9])<<8|(255&n[10])<<16|(255&n[11])<<24,g=255&r[16]|(255&r[17])<<8|(255&r[18])<<16|(255&r[19])<<24,d=255&r[20]|(255&r[21])<<8|(255&r[22])<<16|(255&r[23])<<24,v=255&r[24]|(255&r[25])<<8|(255&r[26])<<16|(255&r[27])<<24,w=255&r[28]|(255&r[29])<<8|(255&r[30])<<16|(255&r[31])<<24,m=255&n[12]|(255&n[13])<<8|(255&n[14])<<16|(255&n[15])<<24,E=i,_=u,O=a,A=s,k=c,P=f,T=l,j=h,x=p,R=y,S=b,U=g,C=d,M=v,B=w,I=m,D=0;D<20;D+=2)o=E+C|0,k^=o<<7|o>>>25,o=k+E|0,x^=o<<9|o>>>23,o=x+k|0,C^=o<<13|o>>>19,o=C+x|0,E^=o<<18|o>>>14,o=P+_|0,R^=o<<7|o>>>25,o=R+P|0,M^=o<<9|o>>>23,o=M+R|0,_^=o<<13|o>>>19,o=_+M|0,P^=o<<18|o>>>14,o=S+T|0,B^=o<<7|o>>>25,o=B+S|0,O^=o<<9|o>>>23,o=O+B|0,T^=o<<13|o>>>19,o=T+O|0,S^=o<<18|o>>>14,o=I+U|0,A^=o<<7|o>>>25,o=A+I|0,j^=o<<9|o>>>23,o=j+A|0,U^=o<<13|o>>>19,o=U+j|0,I^=o<<18|o>>>14,o=E+A|0,_^=o<<7|o>>>25,o=_+E|0,O^=o<<9|o>>>23,o=O+_|0,A^=o<<13|o>>>19,o=A+O|0,E^=o<<18|o>>>14,o=P+k|0,T^=o<<7|o>>>25,o=T+P|0,j^=o<<9|o>>>23,o=j+T|0,k^=o<<13|o>>>19,o=k+j|0,P^=o<<18|o>>>14,o=S+R|0,U^=o<<7|o>>>25,o=U+S|0,x^=o<<9|o>>>23,o=x+U|0,R^=o<<13|o>>>19,o=R+x|0,S^=o<<18|o>>>14,o=I+B|0,C^=o<<7|o>>>25,o=C+I|0,M^=o<<9|o>>>23,o=M+C|0,B^=o<<13|o>>>19,o=B+M|0,I^=o<<18|o>>>14;t[0]=E>>>0&255,t[1]=E>>>8&255,t[2]=E>>>16&255,t[3]=E>>>24&255,t[4]=P>>>0&255,t[5]=P>>>8&255,t[6]=P>>>16&255,t[7]=P>>>24&255,t[8]=S>>>0&255,t[9]=S>>>8&255,t[10]=S>>>16&255,t[11]=S>>>24&255,t[12]=I>>>0&255,t[13]=I>>>8&255,t[14]=I>>>16&255,t[15]=I>>>24&255,t[16]=T>>>0&255,t[17]=T>>>8&255,t[18]=T>>>16&255,t[19]=T>>>24&255,t[20]=j>>>0&255,t[21]=j>>>8&255,t[22]=j>>>16&255,t[23]=j>>>24&255,t[24]=x>>>0&255,t[25]=x>>>8&255,t[26]=x>>>16&255,t[27]=x>>>24&255,t[28]=R>>>0&255,t[29]=R>>>8&255,t[30]=R>>>16&255,t[31]=R>>>24&255}function s(t,e,r,n){u(t,e,r,n)}function c(t,e,r,n){a(t,e,r,n)}function f(t,e,r,n,o,i,u){var a,c,f=new Uint8Array(16),l=new Uint8Array(64);for(c=0;c<16;c++)f[c]=0;for(c=0;c<8;c++)f[c]=i[c];for(;o>=64;){for(s(l,f,u,ht),c=0;c<64;c++)t[e+c]=r[n+c]^l[c];for(a=1,c=8;c<16;c++)a=a+(255&f[c])|0,f[c]=255&a,a>>>=8;o-=64,e+=64,n+=64}if(o>0)for(s(l,f,u,ht),c=0;c<o;c++)t[e+c]=r[n+c]^l[c];return 0}function l(t,e,r,n,o){var i,u,a=new Uint8Array(16),c=new Uint8Array(64);for(u=0;u<16;u++)a[u]=0;for(u=0;u<8;u++)a[u]=n[u];for(;r>=64;){for(s(c,a,o,ht),u=0;u<64;u++)t[e+u]=c[u];for(i=1,u=8;u<16;u++)i=i+(255&a[u])|0,a[u]=255&i,i>>>=8;r-=64,e+=64}if(r>0)for(s(c,a,o,ht),u=0;u<r;u++)t[e+u]=c[u];return 0}function h(t,e,r,n,o){var i=new Uint8Array(32);c(i,n,o,ht);for(var u=new Uint8Array(8),a=0;a<8;a++)u[a]=n[a+16];return l(t,e,r,u,i)}function p(t,e,r,n,o,i,u){var a=new Uint8Array(32);c(a,i,u,ht);for(var s=new Uint8Array(8),l=0;l<8;l++)s[l]=i[l+16];return f(t,e,r,n,o,s,a)}function y(t,e,r,n,o,i){var u=new pt(i);return u.update(r,n,o),u.finish(t,e),0}function b(t,e,r,n,i,u){var a=new Uint8Array(16);return y(a,0,r,n,i,u),o(t,e,a,0)}function g(t,e,r,n,o){var i;if(r<32)return-1;for(p(t,0,e,0,r,n,o),y(t,16,t,32,r-32,t),i=0;i<16;i++)t[i]=0;return 0}function d(t,e,r,n,o){var i,u=new Uint8Array(32);if(r<32)return-1;if(h(u,0,32,n,o),0!==b(e,16,e,32,r-32,u))return-1;for(p(t,0,e,0,r,n,o),i=0;i<32;i++)t[i]=0;return 0}function v(t,e){var r;for(r=0;r<16;r++)t[r]=0|e[r]}function w(t){var e,r,n=1;for(e=0;e<16;e++)r=t[e]+n+65535,n=Math.floor(r/65536),t[e]=r-65536*n;t[0]+=n-1+37*(n-1)}function m(t,e,r){for(var n,o=~(r-1),i=0;i<16;i++)n=o&(t[i]^e[i]),t[i]^=n,e[i]^=n}function E(t,e){var r,n,o,i=tt(),u=tt();for(r=0;r<16;r++)u[r]=e[r];for(w(u),w(u),w(u),n=0;n<2;n++){for(i[0]=u[0]-65517,r=1;r<15;r++)i[r]=u[r]-65535-(i[r-1]>>16&1),i[r-1]&=65535;i[15]=u[15]-32767-(i[14]>>16&1),o=i[15]>>16&1,i[14]&=65535,m(u,i,1-o)}for(r=0;r<16;r++)t[2*r]=255&u[r],t[2*r+1]=u[r]>>8}function _(t,e){var r=new Uint8Array(32),n=new Uint8Array(32);return E(r,t),E(n,e),i(r,0,n,0)}function O(t){var e=new Uint8Array(32);return E(e,t),1&e[0]}function A(t,e){var r;for(r=0;r<16;r++)t[r]=e[2*r]+(e[2*r+1]<<8);t[15]&=32767}function k(t,e,r){for(var n=0;n<16;n++)t[n]=e[n]+r[n]}function P(t,e,r){for(var n=0;n<16;n++)t[n]=e[n]-r[n]}function T(t,e,r){var n,o,i=0,u=0,a=0,s=0,c=0,f=0,l=0,h=0,p=0,y=0,b=0,g=0,d=0,v=0,w=0,m=0,E=0,_=0,O=0,A=0,k=0,P=0,T=0,j=0,x=0,R=0,S=0,U=0,C=0,M=0,B=0,I=r[0],D=r[1],L=r[2],N=r[3],Y=r[4],F=r[5],K=r[6],z=r[7],H=r[8],G=r[9],Z=r[10],J=r[11],$=r[12],X=r[13],V=r[14],q=r[15];n=e[0],i+=n*I,u+=n*D,a+=n*L,s+=n*N,c+=n*Y,f+=n*F,l+=n*K,h+=n*z,p+=n*H,y+=n*G,b+=n*Z,g+=n*J,d+=n*$,v+=n*X,w+=n*V,m+=n*q,n=e[1],u+=n*I,a+=n*D,s+=n*L,c+=n*N,f+=n*Y,l+=n*F,h+=n*K,p+=n*z,y+=n*H,b+=n*G,g+=n*Z,d+=n*J,v+=n*$,w+=n*X,m+=n*V,E+=n*q,n=e[2],a+=n*I,s+=n*D,c+=n*L,f+=n*N,l+=n*Y,h+=n*F,p+=n*K,y+=n*z,b+=n*H,g+=n*G,d+=n*Z,v+=n*J,w+=n*$,m+=n*X,E+=n*V,_+=n*q,n=e[3],s+=n*I,c+=n*D,f+=n*L,l+=n*N,h+=n*Y,p+=n*F,y+=n*K,b+=n*z,g+=n*H,d+=n*G,v+=n*Z,w+=n*J,m+=n*$,E+=n*X,_+=n*V,O+=n*q,n=e[4],c+=n*I,f+=n*D,l+=n*L,h+=n*N,p+=n*Y,y+=n*F,b+=n*K,g+=n*z,d+=n*H,v+=n*G,w+=n*Z,m+=n*J,E+=n*$,_+=n*X,O+=n*V,A+=n*q,n=e[5],f+=n*I,l+=n*D,h+=n*L,p+=n*N,y+=n*Y,b+=n*F,g+=n*K,d+=n*z,v+=n*H,w+=n*G,m+=n*Z,E+=n*J,_+=n*$,O+=n*X,A+=n*V,k+=n*q,n=e[6],l+=n*I,h+=n*D,p+=n*L,y+=n*N,b+=n*Y,g+=n*F,d+=n*K,v+=n*z,w+=n*H,m+=n*G,E+=n*Z,_+=n*J,O+=n*$,A+=n*X,k+=n*V,P+=n*q,n=e[7],h+=n*I,p+=n*D,y+=n*L,b+=n*N,g+=n*Y,d+=n*F,v+=n*K,w+=n*z,m+=n*H,E+=n*G,_+=n*Z,O+=n*J,A+=n*$,k+=n*X,P+=n*V,T+=n*q,n=e[8],p+=n*I,y+=n*D,b+=n*L,g+=n*N,d+=n*Y,v+=n*F,w+=n*K,m+=n*z,E+=n*H,_+=n*G,O+=n*Z,A+=n*J,k+=n*$,P+=n*X,T+=n*V,j+=n*q,n=e[9],y+=n*I,b+=n*D,g+=n*L,d+=n*N,v+=n*Y,w+=n*F,m+=n*K,E+=n*z,_+=n*H,O+=n*G,A+=n*Z,k+=n*J,P+=n*$,T+=n*X,j+=n*V,x+=n*q,n=e[10],b+=n*I,g+=n*D,d+=n*L,v+=n*N,w+=n*Y,m+=n*F,E+=n*K,_+=n*z,O+=n*H,A+=n*G,k+=n*Z,P+=n*J,T+=n*$,j+=n*X,x+=n*V,R+=n*q,n=e[11],g+=n*I,d+=n*D,v+=n*L,w+=n*N,m+=n*Y,E+=n*F,_+=n*K,O+=n*z,A+=n*H,k+=n*G,P+=n*Z,T+=n*J;j+=n*$,x+=n*X,R+=n*V,S+=n*q,n=e[12],d+=n*I,v+=n*D,w+=n*L,m+=n*N,E+=n*Y,_+=n*F,O+=n*K,A+=n*z,k+=n*H,P+=n*G,T+=n*Z,j+=n*J,x+=n*$,R+=n*X,S+=n*V,U+=n*q,n=e[13],v+=n*I,w+=n*D,m+=n*L,E+=n*N,_+=n*Y,O+=n*F,A+=n*K,k+=n*z,P+=n*H,T+=n*G,j+=n*Z,x+=n*J,R+=n*$,S+=n*X,U+=n*V,C+=n*q,n=e[14],w+=n*I,m+=n*D,E+=n*L,_+=n*N,O+=n*Y,A+=n*F,k+=n*K,P+=n*z,T+=n*H,j+=n*G,x+=n*Z,R+=n*J,S+=n*$,U+=n*X,C+=n*V,M+=n*q,n=e[15],m+=n*I,E+=n*D,_+=n*L,O+=n*N,A+=n*Y,k+=n*F,P+=n*K,T+=n*z,j+=n*H,x+=n*G,R+=n*Z,S+=n*J,U+=n*$,C+=n*X,M+=n*V,B+=n*q,i+=38*E,u+=38*_,a+=38*O,s+=38*A,c+=38*k,f+=38*P,l+=38*T,h+=38*j,p+=38*x,y+=38*R,b+=38*S,g+=38*U,d+=38*C,v+=38*M,w+=38*B,o=1,n=i+o+65535,o=Math.floor(n/65536),i=n-65536*o,n=u+o+65535,o=Math.floor(n/65536),u=n-65536*o,n=a+o+65535,o=Math.floor(n/65536),a=n-65536*o,n=s+o+65535,o=Math.floor(n/65536),s=n-65536*o,n=c+o+65535,o=Math.floor(n/65536),c=n-65536*o,n=f+o+65535,o=Math.floor(n/65536),f=n-65536*o,n=l+o+65535,o=Math.floor(n/65536),l=n-65536*o,n=h+o+65535,o=Math.floor(n/65536),h=n-65536*o,n=p+o+65535,o=Math.floor(n/65536),p=n-65536*o,n=y+o+65535,o=Math.floor(n/65536),y=n-65536*o,n=b+o+65535,o=Math.floor(n/65536),b=n-65536*o,n=g+o+65535,o=Math.floor(n/65536),g=n-65536*o,n=d+o+65535,o=Math.floor(n/65536),d=n-65536*o,n=v+o+65535,o=Math.floor(n/65536),v=n-65536*o,n=w+o+65535,o=Math.floor(n/65536),w=n-65536*o,n=m+o+65535,o=Math.floor(n/65536),m=n-65536*o,i+=o-1+37*(o-1),o=1,n=i+o+65535,o=Math.floor(n/65536),i=n-65536*o,n=u+o+65535,o=Math.floor(n/65536),u=n-65536*o,n=a+o+65535,o=Math.floor(n/65536),a=n-65536*o,n=s+o+65535,o=Math.floor(n/65536),s=n-65536*o,n=c+o+65535,o=Math.floor(n/65536),c=n-65536*o,n=f+o+65535,o=Math.floor(n/65536),f=n-65536*o,n=l+o+65535,o=Math.floor(n/65536),l=n-65536*o,n=h+o+65535,o=Math.floor(n/65536),h=n-65536*o,n=p+o+65535,o=Math.floor(n/65536),p=n-65536*o,n=y+o+65535,o=Math.floor(n/65536),y=n-65536*o,n=b+o+65535,o=Math.floor(n/65536),b=n-65536*o,n=g+o+65535,o=Math.floor(n/65536),g=n-65536*o,n=d+o+65535,o=Math.floor(n/65536),d=n-65536*o,n=v+o+65535,o=Math.floor(n/65536),v=n-65536*o,n=w+o+65535,o=Math.floor(n/65536),w=n-65536*o,n=m+o+65535,o=Math.floor(n/65536),m=n-65536*o,i+=o-1+37*(o-1),t[0]=i,t[1]=u,t[2]=a,t[3]=s,t[4]=c,t[5]=f,t[6]=l,t[7]=h,t[8]=p,t[9]=y,t[10]=b,t[11]=g,t[12]=d;t[13]=v,t[14]=w,t[15]=m}function j(t,e){T(t,e,e)}function x(t,e){var r,n=tt();for(r=0;r<16;r++)n[r]=e[r];for(r=253;r>=0;r--)j(n,n),2!==r&&4!==r&&T(n,n,e);for(r=0;r<16;r++)t[r]=n[r]}function R(t,e){var r,n=tt();for(r=0;r<16;r++)n[r]=e[r];for(r=250;r>=0;r--)j(n,n),1!==r&&T(n,n,e);for(r=0;r<16;r++)t[r]=n[r]}function S(t,e,r){var n,o,i=new Uint8Array(32),u=new Float64Array(80),a=tt(),s=tt(),c=tt(),f=tt(),l=tt(),h=tt();for(o=0;o<31;o++)i[o]=e[o];for(i[31]=127&e[31]|64,i[0]&=248,A(u,r),o=0;o<16;o++)s[o]=u[o],f[o]=a[o]=c[o]=0;for(a[0]=f[0]=1,o=254;o>=0;--o)n=i[o>>>3]>>>(7&o)&1,m(a,s,n),m(c,f,n),k(l,a,c),P(a,a,c),k(c,s,f),P(s,s,f),j(f,l),j(h,a),T(a,c,a),T(c,s,l),k(l,a,c),P(a,a,c),j(s,a),P(c,f,h),T(a,c,ut),k(a,a,f),T(c,c,a),T(a,f,h),T(f,s,u),j(s,l),m(a,s,n),m(c,f,n);for(o=0;o<16;o++)u[o+16]=a[o],u[o+32]=c[o],u[o+48]=s[o],u[o+64]=f[o];var p=u.subarray(32),y=u.subarray(16);return x(p,p),T(y,y,p),E(t,y),0}function U(t,e){return S(t,e,nt)}function C(t,e){return et(e,32),U(t,e)}function M(t,e,r){var n=new Uint8Array(32);return S(n,r,e),c(t,rt,n,ht)}function B(t,e,r,n,o,i){var u=new Uint8Array(32);return M(u,o,i),yt(t,e,r,n,u)}function I(t,e,r,n,o,i){var u=new Uint8Array(32);return M(u,o,i),bt(t,e,r,n,u)}function D(t,e,r,n){for(var o,i,u,a,s,c,f,l,h,p,y,b,g,d,v,w,m,E,_,O,A,k,P,T,j,x,R=new Int32Array(16),S=new Int32Array(16),U=t[0],C=t[1],M=t[2],B=t[3],I=t[4],D=t[5],L=t[6],N=t[7],Y=e[0],F=e[1],K=e[2],z=e[3],H=e[4],G=e[5],Z=e[6],J=e[7],$=0;n>=128;){for(_=0;_<16;_++)O=8*_+$,R[_]=r[O+0]<<24|r[O+1]<<16|r[O+2]<<8|r[O+3],S[_]=r[O+4]<<24|r[O+5]<<16|r[O+6]<<8|r[O+7];for(_=0;_<80;_++)if(o=U,i=C,u=M,a=B,s=I,c=D,f=L,l=N,h=Y,p=F,y=K,b=z,g=H,d=G,v=Z,w=J,A=N,k=J,P=65535&k,T=k>>>16,j=65535&A,x=A>>>16,A=(I>>>14|H<<18)^(I>>>18|H<<14)^(H>>>9|I<<23),k=(H>>>14|I<<18)^(H>>>18|I<<14)^(I>>>9|H<<23),P+=65535&k,T+=k>>>16,j+=65535&A,x+=A>>>16,A=I&D^~I&L,k=H&G^~H&Z,P+=65535&k,T+=k>>>16,j+=65535&A,x+=A>>>16,A=gt[2*_],k=gt[2*_+1],P+=65535&k,T+=k>>>16,j+=65535&A,x+=A>>>16,A=R[_%16],k=S[_%16],P+=65535&k,T+=k>>>16,j+=65535&A,x+=A>>>16,T+=P>>>16,j+=T>>>16,x+=j>>>16,m=65535&j|x<<16,E=65535&P|T<<16,A=m,k=E,P=65535&k,T=k>>>16,j=65535&A,x=A>>>16,A=(U>>>28|Y<<4)^(Y>>>2|U<<30)^(Y>>>7|U<<25),k=(Y>>>28|U<<4)^(U>>>2|Y<<30)^(U>>>7|Y<<25),P+=65535&k,T+=k>>>16,j+=65535&A,x+=A>>>16,A=U&C^U&M^C&M,k=Y&F^Y&K^F&K,P+=65535&k,T+=k>>>16,j+=65535&A,x+=A>>>16,T+=P>>>16,j+=T>>>16,x+=j>>>16,l=65535&j|x<<16,w=65535&P|T<<16,A=a,k=b,P=65535&k,T=k>>>16,j=65535&A,x=A>>>16,A=m,k=E,P+=65535&k,T+=k>>>16,j+=65535&A,x+=A>>>16,T+=P>>>16,j+=T>>>16,x+=j>>>16,a=65535&j|x<<16,b=65535&P|T<<16,C=o,M=i,B=u,I=a,D=s,L=c,N=f,U=l,F=h,K=p,z=y,H=b,G=g,Z=d,J=v,Y=w,_%16==15)for(O=0;O<16;O++)A=R[O],k=S[O],P=65535&k,T=k>>>16,j=65535&A,x=A>>>16,A=R[(O+9)%16],k=S[(O+9)%16],P+=65535&k,T+=k>>>16,j+=65535&A,x+=A>>>16,m=R[(O+1)%16],E=S[(O+1)%16],A=(m>>>1|E<<31)^(m>>>8|E<<24)^m>>>7,k=(E>>>1|m<<31)^(E>>>8|m<<24)^(E>>>7|m<<25),P+=65535&k,T+=k>>>16,j+=65535&A,x+=A>>>16,m=R[(O+14)%16],E=S[(O+14)%16],A=(m>>>19|E<<13)^(E>>>29|m<<3)^m>>>6,k=(E>>>19|m<<13)^(m>>>29|E<<3)^(E>>>6|m<<26),P+=65535&k,T+=k>>>16,j+=65535&A,x+=A>>>16,T+=P>>>16,j+=T>>>16,x+=j>>>16,R[O]=65535&j|x<<16,S[O]=65535&P|T<<16;A=U,k=Y,P=65535&k,T=k>>>16,j=65535&A,x=A>>>16,A=t[0],k=e[0],P+=65535&k,T+=k>>>16,j+=65535&A,x+=A>>>16,T+=P>>>16,j+=T>>>16,x+=j>>>16,t[0]=U=65535&j|x<<16,e[0]=Y=65535&P|T<<16,A=C,k=F,P=65535&k,T=k>>>16,j=65535&A,x=A>>>16,A=t[1],k=e[1],P+=65535&k,T+=k>>>16,j+=65535&A,x+=A>>>16,T+=P>>>16,j+=T>>>16,x+=j>>>16,t[1]=C=65535&j|x<<16,e[1]=F=65535&P|T<<16,A=M,k=K,P=65535&k,T=k>>>16,j=65535&A,x=A>>>16,A=t[2],k=e[2],P+=65535&k,T+=k>>>16,j+=65535&A,x+=A>>>16,T+=P>>>16,j+=T>>>16,x+=j>>>16,t[2]=M=65535&j|x<<16,e[2]=K=65535&P|T<<16,A=B,k=z,P=65535&k,T=k>>>16,j=65535&A,x=A>>>16,A=t[3],k=e[3],P+=65535&k,T+=k>>>16,j+=65535&A,x+=A>>>16,T+=P>>>16,j+=T>>>16,x+=j>>>16,t[3]=B=65535&j|x<<16,e[3]=z=65535&P|T<<16,A=I,k=H,P=65535&k,T=k>>>16,j=65535&A,x=A>>>16,A=t[4],k=e[4],P+=65535&k,T+=k>>>16,j+=65535&A,x+=A>>>16,T+=P>>>16,j+=T>>>16,x+=j>>>16,t[4]=I=65535&j|x<<16,e[4]=H=65535&P|T<<16,A=D,k=G,P=65535&k,T=k>>>16,j=65535&A,x=A>>>16,A=t[5],k=e[5],P+=65535&k,T+=k>>>16,j+=65535&A,x+=A>>>16,T+=P>>>16,j+=T>>>16,x+=j>>>16,t[5]=D=65535&j|x<<16,e[5]=G=65535&P|T<<16,A=L,k=Z,P=65535&k,T=k>>>16,j=65535&A,x=A>>>16,A=t[6],k=e[6],P+=65535&k,T+=k>>>16,j+=65535&A,x+=A>>>16,T+=P>>>16,j+=T>>>16,x+=j>>>16,t[6]=L=65535&j|x<<16,e[6]=Z=65535&P|T<<16,A=N,k=J,P=65535&k,T=k>>>16,j=65535&A,x=A>>>16,A=t[7],k=e[7],P+=65535&k,T+=k>>>16,j+=65535&A,x+=A>>>16,T+=P>>>16,j+=T>>>16,x+=j>>>16,t[7]=N=65535&j|x<<16,e[7]=J=65535&P|T<<16,$+=128,n-=128}return n}function L(t,r,n){var o,i=new Int32Array(8),u=new Int32Array(8),a=new Uint8Array(256),s=n;for(i[0]=1779033703,i[1]=3144134277,i[2]=1013904242,i[3]=2773480762,i[4]=1359893119,i[5]=2600822924,i[6]=528734635,i[7]=1541459225,u[0]=4089235720,u[1]=2227873595,u[2]=4271175723,u[3]=1595750129,u[4]=2917565137,u[5]=725511199,u[6]=4215389547,u[7]=327033209,D(i,u,r,n),n%=128,o=0;o<n;o++)a[o]=r[s-n+o];for(a[n]=128,n=256-128*(n<112?1:0),a[n-9]=0,e(a,n-8,s/536870912|0,s<<3),D(i,u,a,n),o=0;o<8;o++)e(t,8*o,i[o],u[o]);return 0}function N(t,e){var r=tt(),n=tt(),o=tt(),i=tt(),u=tt(),a=tt(),s=tt(),c=tt(),f=tt();P(r,t[1],t[0]),P(f,e[1],e[0]),T(r,r,f),k(n,t[0],t[1]),k(f,e[0],e[1]),T(n,n,f),T(o,t[3],e[3]),T(o,o,st),T(i,t[2],e[2]),k(i,i,i),P(u,n,r),P(a,i,o),k(s,i,o),k(c,n,r),T(t[0],u,a),T(t[1],c,s),T(t[2],s,a),T(t[3],u,c)}function Y(t,e,r){var n;for(n=0;n<4;n++)m(t[n],e[n],r)}function F(t,e){var r=tt(),n=tt(),o=tt();x(o,e[2]),T(r,e[0],o),T(n,e[1],o),E(t,n),t[31]^=O(r)<<7}function K(t,e,r){var n,o;for(v(t[0],ot),v(t[1],it),v(t[2],it),v(t[3],ot),o=255;o>=0;--o)n=r[o/8|0]>>(7&o)&1,Y(t,e,n),N(e,t),N(t,t),Y(t,e,n)}function z(t,e){var r=[tt(),tt(),tt(),tt()];v(r[0],ct),v(r[1],ft),v(r[2],it),T(r[3],ct,ft),K(t,r,e)}function H(t,e,r){var n,o=new Uint8Array(64),i=[tt(),tt(),tt(),tt()];for(r||et(e,32),L(o,e,32),o[0]&=248,o[31]&=127,o[31]|=64,z(i,o),F(t,i),n=0;n<32;n++)e[n+32]=t[n];return 0}function G(t,e){var r,n,o,i;for(n=63;n>=32;--n){for(r=0,o=n-32,i=n-12;o<i;++o)e[o]+=r-16*e[n]*dt[o-(n-32)],r=e[o]+128>>8,e[o]-=256*r;e[o]+=r,e[n]=0}for(r=0,o=0;o<32;o++)e[o]+=r-(e[31]>>4)*dt[o],r=e[o]>>8,e[o]&=255;for(o=0;o<32;o++)e[o]-=r*dt[o];for(n=0;n<32;n++)e[n+1]+=e[n]>>8,t[n]=255&e[n]}function Z(t){var e,r=new Float64Array(64);for(e=0;e<64;e++)r[e]=t[e];for(e=0;e<64;e++)t[e]=0;G(t,r)}function J(t,e,r,n){var o,i,u=new Uint8Array(64),a=new Uint8Array(64),s=new Uint8Array(64),c=new Float64Array(64),f=[tt(),tt(),tt(),tt()];L(u,n,32),u[0]&=248,u[31]&=127,u[31]|=64;var l=r+64;for(o=0;o<r;o++)t[64+o]=e[o];for(o=0;o<32;o++)t[32+o]=u[32+o];for(L(s,t.subarray(32),r+32),Z(s),z(f,s),F(t,f),o=32;o<64;o++)t[o]=n[o];for(L(a,t,r+64),Z(a),o=0;o<64;o++)c[o]=0;for(o=0;o<32;o++)c[o]=s[o];for(o=0;o<32;o++)for(i=0;i<32;i++)c[o+i]+=a[o]*u[i];return G(t.subarray(32),c),l}function $(t,e){var r=tt(),n=tt(),o=tt(),i=tt(),u=tt(),a=tt(),s=tt();return v(t[2],it),A(t[1],e),j(o,t[1]),T(i,o,at),P(o,o,t[2]),k(i,t[2],i),j(u,i),j(a,u),T(s,a,u),T(r,s,o),T(r,r,i),R(r,r),T(r,r,o),T(r,r,i),T(r,r,i),T(t[0],r,i),j(n,t[0]),T(n,n,i),_(n,o)&&T(t[0],t[0],lt),j(n,t[0]),T(n,n,i),_(n,o)?-1:(O(t[0])===e[31]>>7&&P(t[0],ot,t[0]),T(t[3],t[0],t[1]),0)}function X(t,e,r,n){var o,u=new Uint8Array(32),a=new Uint8Array(64),s=[tt(),tt(),tt(),tt()],c=[tt(),tt(),tt(),tt()];if(r<64)return-1;if($(c,n))return-1;for(o=0;o<r;o++)t[o]=e[o];for(o=0;o<32;o++)t[o+32]=n[o];if(L(a,t,r),Z(a),K(s,c,a),z(c,e.subarray(32)),N(s,c),F(u,s),r-=64,i(e,0,u,0)){for(o=0;o<r;o++)t[o]=0;return-1}for(o=0;o<r;o++)t[o]=e[o+64];return r}function V(t,e){if(t.length!==vt)throw new Error("bad key size");if(e.length!==wt)throw new Error("bad nonce size")}function q(t,e){if(t.length!==mt)throw new Error("bad public key size");if(e.length!==Et)throw new Error("bad secret key size")}function W(){for(var t=0;t<arguments.length;t++)if(!(arguments[t]instanceof Uint8Array))throw new TypeError("unexpected type, use Uint8Array")}function Q(t){for(var e=0;e<t.length;e++)t[e]=0}var tt=function(t){var e,r=new Float64Array(16);if(t)for(e=0;e<t.length;e++)r[e]=t[e];return r},et=function(){throw new Error("no PRNG")},rt=new Uint8Array(16),nt=new Uint8Array(32);nt[0]=9;var ot=tt(),it=tt([1]),ut=tt([56129,1]),at=tt([30883,4953,19914,30187,55467,16705,2637,112,59544,30585,16505,36039,65139,11119,27886,20995]),st=tt([61785,9906,39828,60374,45398,33411,5274,224,53552,61171,33010,6542,64743,22239,55772,9222]),ct=tt([54554,36645,11616,51542,42930,38181,51040,26924,56412,64982,57905,49316,21502,52590,14035,8553]),ft=tt([26200,26214,26214,26214,26214,26214,26214,26214,26214,26214,26214,26214,26214,26214,26214,26214]),lt=tt([41136,18958,6951,50414,58488,44335,6150,12099,55207,15867,153,11085,57099,20417,9344,11139]),ht=new Uint8Array([101,120,112,97,110,100,32,51,50,45,98,121,116,101,32,107]),pt=function(t){this.buffer=new Uint8Array(16),this.r=new Uint16Array(10),this.h=new Uint16Array(10),this.pad=new Uint16Array(8),this.leftover=0,this.fin=0;var e,r,n,o,i,u,a,s;e=255&t[0]|(255&t[1])<<8,this.r[0]=8191&e,r=255&t[2]|(255&t[3])<<8,this.r[1]=8191&(e>>>13|r<<3),n=255&t[4]|(255&t[5])<<8,this.r[2]=7939&(r>>>10|n<<6),o=255&t[6]|(255&t[7])<<8,this.r[3]=8191&(n>>>7|o<<9),i=255&t[8]|(255&t[9])<<8,this.r[4]=255&(o>>>4|i<<12),this.r[5]=i>>>1&8190,u=255&t[10]|(255&t[11])<<8,this.r[6]=8191&(i>>>14|u<<2),a=255&t[12]|(255&t[13])<<8,this.r[7]=8065&(u>>>11|a<<5),s=255&t[14]|(255&t[15])<<8,this.r[8]=8191&(a>>>8|s<<8),this.r[9]=s>>>5&127,this.pad[0]=255&t[16]|(255&t[17])<<8,this.pad[1]=255&t[18]|(255&t[19])<<8,this.pad[2]=255&t[20]|(255&t[21])<<8,this.pad[3]=255&t[22]|(255&t[23])<<8,this.pad[4]=255&t[24]|(255&t[25])<<8,this.pad[5]=255&t[26]|(255&t[27])<<8,this.pad[6]=255&t[28]|(255&t[29])<<8,this.pad[7]=255&t[30]|(255&t[31])<<8};pt.prototype.blocks=function(t,e,r){for(var n,o,i,u,a,s,c,f,l,h,p,y,b,g,d,v,w,m,E,_=this.fin?0:2048,O=this.h[0],A=this.h[1],k=this.h[2],P=this.h[3],T=this.h[4],j=this.h[5],x=this.h[6],R=this.h[7],S=this.h[8],U=this.h[9],C=this.r[0],M=this.r[1],B=this.r[2],I=this.r[3],D=this.r[4],L=this.r[5],N=this.r[6],Y=this.r[7],F=this.r[8],K=this.r[9];r>=16;)n=255&t[e+0]|(255&t[e+1])<<8,O+=8191&n,o=255&t[e+2]|(255&t[e+3])<<8,A+=8191&(n>>>13|o<<3),i=255&t[e+4]|(255&t[e+5])<<8,k+=8191&(o>>>10|i<<6),u=255&t[e+6]|(255&t[e+7])<<8,P+=8191&(i>>>7|u<<9),a=255&t[e+8]|(255&t[e+9])<<8,T+=8191&(u>>>4|a<<12),j+=a>>>1&8191,s=255&t[e+10]|(255&t[e+11])<<8,x+=8191&(a>>>14|s<<2),c=255&t[e+12]|(255&t[e+13])<<8,R+=8191&(s>>>11|c<<5),f=255&t[e+14]|(255&t[e+15])<<8,S+=8191&(c>>>8|f<<8),U+=f>>>5|_,l=0,h=l,h+=O*C,h+=A*(5*K),h+=k*(5*F),h+=P*(5*Y),h+=T*(5*N),l=h>>>13,h&=8191,h+=j*(5*L),h+=x*(5*D),h+=R*(5*I),h+=S*(5*B),h+=U*(5*M),l+=h>>>13,h&=8191,p=l,p+=O*M,p+=A*C,p+=k*(5*K),p+=P*(5*F),p+=T*(5*Y),l=p>>>13,p&=8191,p+=j*(5*N),p+=x*(5*L),p+=R*(5*D),p+=S*(5*I),p+=U*(5*B),l+=p>>>13,p&=8191,y=l,y+=O*B,y+=A*M,y+=k*C,y+=P*(5*K),y+=T*(5*F),l=y>>>13,y&=8191,y+=j*(5*Y),y+=x*(5*N),y+=R*(5*L),y+=S*(5*D),y+=U*(5*I),l+=y>>>13,y&=8191,b=l,b+=O*I,b+=A*B,b+=k*M,b+=P*C,b+=T*(5*K),l=b>>>13,b&=8191,b+=j*(5*F),b+=x*(5*Y),b+=R*(5*N),b+=S*(5*L),b+=U*(5*D),l+=b>>>13,b&=8191,g=l,g+=O*D,g+=A*I,g+=k*B,g+=P*M,g+=T*C,l=g>>>13,g&=8191,g+=j*(5*K),g+=x*(5*F),g+=R*(5*Y),g+=S*(5*N),g+=U*(5*L),l+=g>>>13,g&=8191,d=l,d+=O*L,d+=A*D,d+=k*I,d+=P*B,d+=T*M,l=d>>>13,d&=8191,d+=j*C,d+=x*(5*K),d+=R*(5*F),d+=S*(5*Y),d+=U*(5*N),l+=d>>>13,d&=8191,v=l,v+=O*N,v+=A*L,v+=k*D,v+=P*I,v+=T*B,l=v>>>13,v&=8191,v+=j*M,v+=x*C,v+=R*(5*K),v+=S*(5*F),v+=U*(5*Y),l+=v>>>13,v&=8191,w=l,w+=O*Y,w+=A*N,w+=k*L,w+=P*D,w+=T*I,l=w>>>13,w&=8191,w+=j*B,w+=x*M,w+=R*C,w+=S*(5*K),w+=U*(5*F),l+=w>>>13,w&=8191,m=l,m+=O*F,m+=A*Y,m+=k*N,m+=P*L,m+=T*D,l=m>>>13,m&=8191,m+=j*I,m+=x*B,m+=R*M,m+=S*C,m+=U*(5*K),l+=m>>>13,m&=8191,E=l,E+=O*K,E+=A*F,E+=k*Y,E+=P*N,E+=T*L,l=E>>>13,E&=8191,E+=j*D,E+=x*I,E+=R*B,E+=S*M,E+=U*C,l+=E>>>13,E&=8191,l=(l<<2)+l|0,l=l+h|0,h=8191&l,l>>>=13,p+=l,O=h,A=p,k=y,P=b,T=g,j=d,x=v,R=w,S=m,U=E,e+=16,r-=16;this.h[0]=O,this.h[1]=A,this.h[2]=k,this.h[3]=P,this.h[4]=T,this.h[5]=j,this.h[6]=x,this.h[7]=R,this.h[8]=S,this.h[9]=U},pt.prototype.finish=function(t,e){var r,n,o,i,u=new Uint16Array(10);if(this.leftover){for(i=this.leftover,this.buffer[i++]=1;i<16;i++)this.buffer[i]=0;this.fin=1,this.blocks(this.buffer,0,16)}for(r=this.h[1]>>>13,this.h[1]&=8191,i=2;i<10;i++)this.h[i]+=r,r=this.h[i]>>>13,this.h[i]&=8191;for(this.h[0]+=5*r,r=this.h[0]>>>13,this.h[0]&=8191,this.h[1]+=r,r=this.h[1]>>>13,this.h[1]&=8191,this.h[2]+=r,u[0]=this.h[0]+5,r=u[0]>>>13,u[0]&=8191,i=1;i<10;i++)u[i]=this.h[i]+r,r=u[i]>>>13,u[i]&=8191;for(u[9]-=8192,n=(1^r)-1,i=0;i<10;i++)u[i]&=n;for(n=~n,i=0;i<10;i++)this.h[i]=this.h[i]&n|u[i];for(this.h[0]=65535&(this.h[0]|this.h[1]<<13),this.h[1]=65535&(this.h[1]>>>3|this.h[2]<<10),this.h[2]=65535&(this.h[2]>>>6|this.h[3]<<7),this.h[3]=65535&(this.h[3]>>>9|this.h[4]<<4),this.h[4]=65535&(this.h[4]>>>12|this.h[5]<<1|this.h[6]<<14),this.h[5]=65535&(this.h[6]>>>2|this.h[7]<<11),this.h[6]=65535&(this.h[7]>>>5|this.h[8]<<8),this.h[7]=65535&(this.h[8]>>>8|this.h[9]<<5),o=this.h[0]+this.pad[0],this.h[0]=65535&o,i=1;i<8;i++)o=(this.h[i]+this.pad[i]|0)+(o>>>16)|0,this.h[i]=65535&o;t[e+0]=this.h[0]>>>0&255,t[e+1]=this.h[0]>>>8&255,t[e+2]=this.h[1]>>>0&255,t[e+3]=this.h[1]>>>8&255,t[e+4]=this.h[2]>>>0&255,t[e+5]=this.h[2]>>>8&255,t[e+6]=this.h[3]>>>0&255,t[e+7]=this.h[3]>>>8&255,t[e+8]=this.h[4]>>>0&255,t[e+9]=this.h[4]>>>8&255,t[e+10]=this.h[5]>>>0&255,t[e+11]=this.h[5]>>>8&255,t[e+12]=this.h[6]>>>0&255,t[e+13]=this.h[6]>>>8&255,t[e+14]=this.h[7]>>>0&255,t[e+15]=this.h[7]>>>8&255},pt.prototype.update=function(t,e,r){var n,o;if(this.leftover){for(o=16-this.leftover,o>r&&(o=r),n=0;n<o;n++)this.buffer[this.leftover+n]=t[e+n];if(r-=o,e+=o,this.leftover+=o,this.leftover<16)return;this.blocks(this.buffer,0,16),this.leftover=0}if(r>=16&&(o=r-r%16,this.blocks(t,e,o),e+=o,r-=o),r){for(n=0;n<r;n++)this.buffer[this.leftover+n]=t[e+n];this.leftover+=r}};var yt=g,bt=d,gt=[1116352408,3609767458,1899447441,602891725,3049323471,3964484399,3921009573,2173295548,961987163,4081628472,1508970993,3053834265,2453635748,2937671579,2870763221,3664609560,3624381080,2734883394,310598401,1164996542,607225278,1323610764,1426881987,3590304994,1925078388,4068182383,2162078206,991336113,2614888103,633803317,3248222580,3479774868,3835390401,2666613458,4022224774,944711139,264347078,2341262773,604807628,2007800933,770255983,1495990901,1249150122,1856431235,1555081692,3175218132,1996064986,2198950837,2554220882,3999719339,2821834349,766784016,2952996808,2566594879,3210313671,3203337956,3336571891,1034457026,3584528711,2466948901,113926993,3758326383,338241895,168717936,666307205,1188179964,773529912,1546045734,1294757372,1522805485,1396182291,2643833823,1695183700,2343527390,1986661051,1014477480,2177026350,1206759142,2456956037,344077627,2730485921,1290863460,2820302411,3158454273,3259730800,3505952657,3345764771,106217008,3516065817,3606008344,3600352804,1432725776,4094571909,1467031594,275423344,851169720,430227734,3100823752,506948616,1363258195,659060556,3750685593,883997877,3785050280,958139571,3318307427,1322822218,3812723403,1537002063,2003034995,1747873779,3602036899,1955562222,1575990012,2024104815,1125592928,2227730452,2716904306,2361852424,442776044,2428436474,593698344,2756734187,3733110249,3204031479,2999351573,3329325298,3815920427,3391569614,3928383900,3515267271,566280711,3940187606,3454069534,4118630271,4000239992,116418474,1914138554,174292421,2731055270,289380356,3203993006,460393269,320620315,685471733,587496836,852142971,1086792851,1017036298,365543100,1126000580,2618297676,1288033470,3409855158,1501505948,4234509866,1607167915,987167468,1816402316,1246189591],dt=new Float64Array([237,211,245,92,26,99,18,88,214,156,247,162,222,249,222,20,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,16]),vt=32,wt=24,mt=32,Et=32,_t=wt;t.lowlevel={crypto_core_hsalsa20:c,crypto_stream_xor:p,crypto_stream:h,crypto_stream_salsa20_xor:f,crypto_stream_salsa20:l,crypto_onetimeauth:y,crypto_onetimeauth_verify:b,crypto_verify_16:o,crypto_verify_32:i,crypto_secretbox:g,crypto_secretbox_open:d,crypto_scalarmult:S,crypto_scalarmult_base:U,crypto_box_beforenm:M,crypto_box_afternm:yt,crypto_box:B,crypto_box_open:I,crypto_box_keypair:C,crypto_hash:L,crypto_sign:J,crypto_sign_keypair:H,crypto_sign_open:X,crypto_secretbox_KEYBYTES:vt,crypto_secretbox_NONCEBYTES:wt,crypto_secretbox_ZEROBYTES:32,crypto_secretbox_BOXZEROBYTES:16,crypto_scalarmult_BYTES:32,crypto_scalarmult_SCALARBYTES:32,crypto_box_PUBLICKEYBYTES:mt,crypto_box_SECRETKEYBYTES:Et,crypto_box_BEFORENMBYTES:32,crypto_box_NONCEBYTES:_t,crypto_box_ZEROBYTES:32,crypto_box_BOXZEROBYTES:16,crypto_sign_BYTES:64,crypto_sign_PUBLICKEYBYTES:32,crypto_sign_SECRETKEYBYTES:64,crypto_sign_SEEDBYTES:32,crypto_hash_BYTES:64},t.randomBytes=function(t){var e=new Uint8Array(t);return et(e,t),e},t.secretbox=function(t,e,r){W(t,e,r),V(r,e);for(var n=new Uint8Array(32+t.length),o=new Uint8Array(n.length),i=0;i<t.length;i++)n[i+32]=t[i];return g(o,n,n.length,e,r),o.subarray(16)},t.secretbox.open=function(t,e,r){W(t,e,r),V(r,e);for(var n=new Uint8Array(16+t.length),o=new Uint8Array(n.length),i=0;i<t.length;i++)n[i+16]=t[i];return n.length<32?null:0!==d(o,n,n.length,e,r)?null:o.subarray(32)},t.secretbox.keyLength=vt,t.secretbox.nonceLength=wt,t.secretbox.overheadLength=16,t.scalarMult=function(t,e){if(W(t,e),32!==t.length)throw new Error("bad n size");if(32!==e.length)throw new Error("bad p size");var r=new Uint8Array(32);return S(r,t,e),r},t.scalarMult.base=function(t){if(W(t),32!==t.length)throw new Error("bad n size");var e=new Uint8Array(32);return U(e,t),e},t.scalarMult.scalarLength=32,t.scalarMult.groupElementLength=32,t.box=function(e,r,n,o){var i=t.box.before(n,o);return t.secretbox(e,r,i)},t.box.before=function(t,e){W(t,e),q(t,e);var r=new Uint8Array(32);return M(r,t,e),r},t.box.after=t.secretbox,t.box.open=function(e,r,n,o){var i=t.box.before(n,o);return t.secretbox.open(e,r,i)},t.box.open.after=t.secretbox.open,t.box.keyPair=function(){var t=new Uint8Array(mt),e=new Uint8Array(Et);return C(t,e),{publicKey:t,secretKey:e}},t.box.keyPair.fromSecretKey=function(t){if(W(t),t.length!==Et)throw new Error("bad secret key size");var e=new Uint8Array(mt);return U(e,t),{publicKey:e,secretKey:new Uint8Array(t)}},t.box.publicKeyLength=mt,t.box.secretKeyLength=Et,t.box.sharedKeyLength=32,t.box.nonceLength=_t,t.box.overheadLength=t.secretbox.overheadLength,t.sign=function(t,e){if(W(t,e),64!==e.length)throw new Error("bad secret key size");var r=new Uint8Array(64+t.length);return J(r,t,t.length,e),r},t.sign.open=function(t,e){if(W(t,e),32!==e.length)throw new Error("bad public key size");var r=new Uint8Array(t.length),n=X(r,t,t.length,e);if(n<0)return null;for(var o=new Uint8Array(n),i=0;i<o.length;i++)o[i]=r[i];return o},t.sign.detached=function(e,r){for(var n=t.sign(e,r),o=new Uint8Array(64),i=0;i<o.length;i++)o[i]=n[i];return o},t.sign.detached.verify=function(t,e,r){if(W(t,e,r),64!==e.length)throw new Error("bad signature size");if(32!==r.length)throw new Error("bad public key size");var n,o=new Uint8Array(64+t.length),i=new Uint8Array(64+t.length);for(n=0;n<64;n++)o[n]=e[n];for(n=0;n<t.length;n++)o[n+64]=t[n];return X(i,o,o.length,r)>=0},t.sign.keyPair=function(){var t=new Uint8Array(32),e=new Uint8Array(64);return H(t,e),{publicKey:t,secretKey:e}},t.sign.keyPair.fromSecretKey=function(t){if(W(t),64!==t.length)throw new Error("bad secret key size");for(var e=new Uint8Array(32),r=0;r<e.length;r++)e[r]=t[32+r];return{publicKey:e,secretKey:new Uint8Array(t)}},t.sign.keyPair.fromSeed=function(t){if(W(t),32!==t.length)throw new Error("bad seed size");for(var e=new Uint8Array(32),r=new Uint8Array(64),n=0;n<32;n++)r[n]=t[n];return H(e,r,!0),{publicKey:e,secretKey:r}},t.sign.publicKeyLength=32,t.sign.secretKeyLength=64,t.sign.seedLength=32,t.sign.signatureLength=64,t.hash=function(t){W(t);var e=new Uint8Array(64);return L(e,t,t.length),e},t.hash.hashLength=64,t.verify=function(t,e){return W(t,e),0!==t.length&&0!==e.length&&t.length===e.length&&0===n(t,0,e,0,t.length)},t.setPRNG=function(t){et=t},function(){var e="undefined"!=typeof self?self.crypto||self.msCrypto:null;e&&e.getRandomValues?t.setPRNG(function(t,r){var n,o=new Uint8Array(r);for(n=0;n<r;n+=65536)e.getRandomValues(o.subarray(n,n+Math.min(r-n,65536)));for(n=0;n<r;n++)t[n]=o[n];Q(o)}):(e=r(89))&&e.randomBytes&&t.setPRNG(function(t,r){var n,o=e.randomBytes(r);for(n=0;n<r;n++)t[n]=o[n];Q(o)})}()}(void 0!==t&&t.exports?t.exports:self.nacl=self.nacl||{})},function(t,e){},function(t,e,r){(function(e){!function(e,r){"use strict";void 0!==t&&t.exports?t.exports=r():e.nacl?e.nacl.util=r():(e.nacl={},e.nacl.util=r())}(this,function(){"use strict";function t(t){if(!/^(?:[A-Za-z0-9+\/]{4})*(?:[A-Za-z0-9+\/]{2}==|[A-Za-z0-9+\/]{3}=)?$/.test(t))throw new TypeError("invalid encoding")}var r={};return r.decodeUTF8=function(t){if("string"!=typeof t)throw new TypeError("expected string");var e,r=unescape(encodeURIComponent(t)),n=new Uint8Array(r.length);for(e=0;e<r.length;e++)n[e]=r.charCodeAt(e);return n},r.encodeUTF8=function(t){var e,r=[];for(e=0;e<t.length;e++)r.push(String.fromCharCode(t[e]));return decodeURIComponent(escape(r.join("")))},"undefined"==typeof atob?void 0!==e.from?(r.encodeBase64=function(t){return e.from(t).toString("base64")},r.decodeBase64=function(r){return t(r),new Uint8Array(Array.prototype.slice.call(e.from(r,"base64"),0))}):(r.encodeBase64=function(t){return new e(t).toString("base64")},r.decodeBase64=function(r){return t(r),new Uint8Array(Array.prototype.slice.call(new e(r,"base64"),0))}):(r.encodeBase64=function(t){var e,r=[],n=t.length;for(e=0;e<n;e++)r.push(String.fromCharCode(t[e]));return btoa(r.join(""))},r.decodeBase64=function(e){t(e);var r,n=atob(e),o=new Uint8Array(n.length);for(r=0;r<n.length;r++)o[r]=n.charCodeAt(r);return o}),r})}).call(e,r(91).Buffer)},function(t,e,r){"use strict";(function(t){function n(){return i.TYPED_ARRAY_SUPPORT?2147483647:1073741823}function o(t,e){if(n()<e)throw new RangeError("Invalid typed array length");return i.TYPED_ARRAY_SUPPORT?(t=new Uint8Array(e),t.__proto__=i.prototype):(null===t&&(t=new i(e)),t.length=e),t}function i(t,e,r){if(!(i.TYPED_ARRAY_SUPPORT||this instanceof i))return new i(t,e,r);if("number"==typeof t){if("string"==typeof e)throw new Error("If encoding is specified then the first argument must be a string");return c(this,t)}return u(this,t,e,r)}function u(t,e,r,n){if("number"==typeof e)throw new TypeError('"value" argument must not be a number');return"undefined"!=typeof ArrayBuffer&&e instanceof ArrayBuffer?h(t,e,r,n):"string"==typeof e?f(t,e,r):p(t,e)}function a(t){if("number"!=typeof t)throw new TypeError('"size" argument must be a number');if(t<0)throw new RangeError('"size" argument must not be negative')}function s(t,e,r,n){return a(e),e<=0?o(t,e):void 0!==r?"string"==typeof n?o(t,e).fill(r,n):o(t,e).fill(r):o(t,e)}function c(t,e){if(a(e),t=o(t,e<0?0:0|y(e)),!i.TYPED_ARRAY_SUPPORT)for(var r=0;r<e;++r)t[r]=0;return t}function f(t,e,r){if("string"==typeof r&&""!==r||(r="utf8"),!i.isEncoding(r))throw new TypeError('"encoding" must be a valid string encoding');var n=0|g(e,r);t=o(t,n);var u=t.write(e,r);return u!==n&&(t=t.slice(0,u)),t}function l(t,e){var r=e.length<0?0:0|y(e.length);t=o(t,r);for(var n=0;n<r;n+=1)t[n]=255&e[n];return t}function h(t,e,r,n){if(e.byteLength,r<0||e.byteLength<r)throw new RangeError("'offset' is out of bounds");if(e.byteLength<r+(n||0))throw new RangeError("'length' is out of bounds");return e=void 0===r&&void 0===n?new Uint8Array(e):void 0===n?new Uint8Array(e,r):new Uint8Array(e,r,n),i.TYPED_ARRAY_SUPPORT?(t=e,t.__proto__=i.prototype):t=l(t,e),t}function p(t,e){if(i.isBuffer(e)){var r=0|y(e.length);return t=o(t,r),0===t.length?t:(e.copy(t,0,0,r),t)}if(e){if("undefined"!=typeof ArrayBuffer&&e.buffer instanceof ArrayBuffer||"length"in e)return"number"!=typeof e.length||X(e.length)?o(t,0):l(t,e);if("Buffer"===e.type&&W(e.data))return l(t,e.data)}throw new TypeError("First argument must be a string, Buffer, ArrayBuffer, Array, or array-like object.")}function y(t){if(t>=n())throw new RangeError("Attempt to allocate Buffer larger than maximum size: 0x"+n().toString(16)+" bytes");return 0|t}function b(t){return+t!=t&&(t=0),i.alloc(+t)}function g(t,e){if(i.isBuffer(t))return t.length;if("undefined"!=typeof ArrayBuffer&&"function"==typeof ArrayBuffer.isView&&(ArrayBuffer.isView(t)||t instanceof ArrayBuffer))return t.byteLength;"string"!=typeof t&&(t=""+t);var r=t.length;if(0===r)return 0;for(var n=!1;;)switch(e){case"ascii":case"latin1":case"binary":return r;case"utf8":case"utf-8":case void 0:return H(t).length;case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return 2*r;case"hex":return r>>>1;case"base64":return J(t).length;default:if(n)return H(t).length;e=(""+e).toLowerCase(),n=!0}}function d(t,e,r){var n=!1;if((void 0===e||e<0)&&(e=0),e>this.length)return"";if((void 0===r||r>this.length)&&(r=this.length),r<=0)return"";if(r>>>=0,e>>>=0,r<=e)return"";for(t||(t="utf8");;)switch(t){case"hex":return U(this,e,r);case"utf8":case"utf-8":return j(this,e,r);case"ascii":return R(this,e,r);case"latin1":case"binary":return S(this,e,r);case"base64":return T(this,e,r);case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return C(this,e,r);default:if(n)throw new TypeError("Unknown encoding: "+t);t=(t+"").toLowerCase(),n=!0}}function v(t,e,r){var n=t[e];t[e]=t[r],t[r]=n}function w(t,e,r,n,o){if(0===t.length)return-1;if("string"==typeof r?(n=r,r=0):r>2147483647?r=2147483647:r<-2147483648&&(r=-2147483648),r=+r,isNaN(r)&&(r=o?0:t.length-1),r<0&&(r=t.length+r),r>=t.length){if(o)return-1;r=t.length-1}else if(r<0){if(!o)return-1;r=0}if("string"==typeof e&&(e=i.from(e,n)),i.isBuffer(e))return 0===e.length?-1:m(t,e,r,n,o);if("number"==typeof e)return e&=255,i.TYPED_ARRAY_SUPPORT&&"function"==typeof Uint8Array.prototype.indexOf?o?Uint8Array.prototype.indexOf.call(t,e,r):Uint8Array.prototype.lastIndexOf.call(t,e,r):m(t,[e],r,n,o);throw new TypeError("val must be string, number or Buffer")}function m(t,e,r,n,o){function i(t,e){return 1===u?t[e]:t.readUInt16BE(e*u)}var u=1,a=t.length,s=e.length;if(void 0!==n&&("ucs2"===(n=String(n).toLowerCase())||"ucs-2"===n||"utf16le"===n||"utf-16le"===n)){if(t.length<2||e.length<2)return-1;u=2,a/=2,s/=2,r/=2}var c;if(o){var f=-1;for(c=r;c<a;c++)if(i(t,c)===i(e,-1===f?0:c-f)){if(-1===f&&(f=c),c-f+1===s)return f*u}else-1!==f&&(c-=c-f),f=-1}else for(r+s>a&&(r=a-s),c=r;c>=0;c--){for(var l=!0,h=0;h<s;h++)if(i(t,c+h)!==i(e,h)){l=!1;break}if(l)return c}return-1}function E(t,e,r,n){r=Number(r)||0;var o=t.length-r;n?(n=Number(n))>o&&(n=o):n=o;var i=e.length;if(i%2!=0)throw new TypeError("Invalid hex string");n>i/2&&(n=i/2);for(var u=0;u<n;++u){var a=parseInt(e.substr(2*u,2),16);if(isNaN(a))return u;t[r+u]=a}return u}function _(t,e,r,n){return $(H(e,t.length-r),t,r,n)}function O(t,e,r,n){return $(G(e),t,r,n)}function A(t,e,r,n){return O(t,e,r,n)}function k(t,e,r,n){return $(J(e),t,r,n)}function P(t,e,r,n){return $(Z(e,t.length-r),t,r,n)}function T(t,e,r){return 0===e&&r===t.length?V.fromByteArray(t):V.fromByteArray(t.slice(e,r))}function j(t,e,r){r=Math.min(t.length,r);for(var n=[],o=e;o<r;){var i=t[o],u=null,a=i>239?4:i>223?3:i>191?2:1;if(o+a<=r){var s,c,f,l;switch(a){case 1:i<128&&(u=i);break;case 2:128==(192&(s=t[o+1]))&&(l=(31&i)<<6|63&s)>127&&(u=l);break;case 3:s=t[o+1],c=t[o+2],128==(192&s)&&128==(192&c)&&(l=(15&i)<<12|(63&s)<<6|63&c)>2047&&(l<55296||l>57343)&&(u=l);break;case 4:s=t[o+1],c=t[o+2],f=t[o+3],128==(192&s)&&128==(192&c)&&128==(192&f)&&(l=(15&i)<<18|(63&s)<<12|(63&c)<<6|63&f)>65535&&l<1114112&&(u=l)}}null===u?(u=65533,a=1):u>65535&&(u-=65536,n.push(u>>>10&1023|55296),u=56320|1023&u),n.push(u),o+=a}return x(n)}function x(t){var e=t.length;if(e<=Q)return String.fromCharCode.apply(String,t);for(var r="",n=0;n<e;)r+=String.fromCharCode.apply(String,t.slice(n,n+=Q));return r}function R(t,e,r){var n="";r=Math.min(t.length,r);for(var o=e;o<r;++o)n+=String.fromCharCode(127&t[o]);return n}function S(t,e,r){var n="";r=Math.min(t.length,r);for(var o=e;o<r;++o)n+=String.fromCharCode(t[o]);return n}function U(t,e,r){var n=t.length;(!e||e<0)&&(e=0),(!r||r<0||r>n)&&(r=n);for(var o="",i=e;i<r;++i)o+=z(t[i]);return o}function C(t,e,r){for(var n=t.slice(e,r),o="",i=0;i<n.length;i+=2)o+=String.fromCharCode(n[i]+256*n[i+1]);return o}function M(t,e,r){if(t%1!=0||t<0)throw new RangeError("offset is not uint");if(t+e>r)throw new RangeError("Trying to access beyond buffer length")}function B(t,e,r,n,o,u){if(!i.isBuffer(t))throw new TypeError('"buffer" argument must be a Buffer instance');if(e>o||e<u)throw new RangeError('"value" argument is out of bounds');if(r+n>t.length)throw new RangeError("Index out of range")}function I(t,e,r,n){e<0&&(e=65535+e+1);for(var o=0,i=Math.min(t.length-r,2);o<i;++o)t[r+o]=(e&255<<8*(n?o:1-o))>>>8*(n?o:1-o)}function D(t,e,r,n){e<0&&(e=4294967295+e+1);for(var o=0,i=Math.min(t.length-r,4);o<i;++o)t[r+o]=e>>>8*(n?o:3-o)&255}function L(t,e,r,n,o,i){if(r+n>t.length)throw new RangeError("Index out of range");if(r<0)throw new RangeError("Index out of range")}function N(t,e,r,n,o){return o||L(t,e,r,4,3.4028234663852886e38,-3.4028234663852886e38),q.write(t,e,r,n,23,4),r+4}function Y(t,e,r,n,o){return o||L(t,e,r,8,1.7976931348623157e308,-1.7976931348623157e308),q.write(t,e,r,n,52,8),r+8}function F(t){if(t=K(t).replace(tt,""),t.length<2)return"";for(;t.length%4!=0;)t+="=";return t}function K(t){return t.trim?t.trim():t.replace(/^\s+|\s+$/g,"")}function z(t){return t<16?"0"+t.toString(16):t.toString(16)}function H(t,e){e=e||1/0;for(var r,n=t.length,o=null,i=[],u=0;u<n;++u){if((r=t.charCodeAt(u))>55295&&r<57344){if(!o){if(r>56319){(e-=3)>-1&&i.push(239,191,189);continue}if(u+1===n){(e-=3)>-1&&i.push(239,191,189);continue}o=r;continue}if(r<56320){(e-=3)>-1&&i.push(239,191,189),o=r;continue}r=65536+(o-55296<<10|r-56320)}else o&&(e-=3)>-1&&i.push(239,191,189);if(o=null,r<128){if((e-=1)<0)break;i.push(r)}else if(r<2048){if((e-=2)<0)break;i.push(r>>6|192,63&r|128)}else if(r<65536){if((e-=3)<0)break;i.push(r>>12|224,r>>6&63|128,63&r|128)}else{if(!(r<1114112))throw new Error("Invalid code point");if((e-=4)<0)break;i.push(r>>18|240,r>>12&63|128,r>>6&63|128,63&r|128)}}return i}function G(t){for(var e=[],r=0;r<t.length;++r)e.push(255&t.charCodeAt(r));return e}function Z(t,e){for(var r,n,o,i=[],u=0;u<t.length&&!((e-=2)<0);++u)r=t.charCodeAt(u),n=r>>8,o=r%256,i.push(o),i.push(n);return i}function J(t){return V.toByteArray(F(t))}function $(t,e,r,n){for(var o=0;o<n&&!(o+r>=e.length||o>=t.length);++o)e[o+r]=t[o];return o}function X(t){return t!==t}var V=r(93),q=r(94),W=r(95);e.Buffer=i,e.SlowBuffer=b,e.INSPECT_MAX_BYTES=50,i.TYPED_ARRAY_SUPPORT=void 0!==t.TYPED_ARRAY_SUPPORT?t.TYPED_ARRAY_SUPPORT:function(){try{var t=new Uint8Array(1);return t.__proto__={__proto__:Uint8Array.prototype,foo:function(){return 42}},42===t.foo()&&"function"==typeof t.subarray&&0===t.subarray(1,1).byteLength}catch(t){return!1}}(),e.kMaxLength=n(),i.poolSize=8192,i._augment=function(t){return t.__proto__=i.prototype,t},i.from=function(t,e,r){return u(null,t,e,r)},i.TYPED_ARRAY_SUPPORT&&(i.prototype.__proto__=Uint8Array.prototype,i.__proto__=Uint8Array,"undefined"!=typeof Symbol&&Symbol.species&&i[Symbol.species]===i&&Object.defineProperty(i,Symbol.species,{value:null,configurable:!0})),i.alloc=function(t,e,r){return s(null,t,e,r)},i.allocUnsafe=function(t){return c(null,t)},i.allocUnsafeSlow=function(t){return c(null,t)},i.isBuffer=function(t){return!(null==t||!t._isBuffer)},i.compare=function(t,e){if(!i.isBuffer(t)||!i.isBuffer(e))throw new TypeError("Arguments must be Buffers");if(t===e)return 0;for(var r=t.length,n=e.length,o=0,u=Math.min(r,n);o<u;++o)if(t[o]!==e[o]){r=t[o],n=e[o];break}return r<n?-1:n<r?1:0},i.isEncoding=function(t){switch(String(t).toLowerCase()){case"hex":case"utf8":case"utf-8":case"ascii":case"latin1":case"binary":case"base64":case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return!0;default:return!1}},i.concat=function(t,e){if(!W(t))throw new TypeError('"list" argument must be an Array of Buffers');if(0===t.length)return i.alloc(0);var r;if(void 0===e)for(e=0,r=0;r<t.length;++r)e+=t[r].length;var n=i.allocUnsafe(e),o=0;for(r=0;r<t.length;++r){var u=t[r];if(!i.isBuffer(u))throw new TypeError('"list" argument must be an Array of Buffers');u.copy(n,o),o+=u.length}return n},i.byteLength=g,i.prototype._isBuffer=!0,i.prototype.swap16=function(){var t=this.length;if(t%2!=0)throw new RangeError("Buffer size must be a multiple of 16-bits");for(var e=0;e<t;e+=2)v(this,e,e+1);return this},i.prototype.swap32=function(){var t=this.length;if(t%4!=0)throw new RangeError("Buffer size must be a multiple of 32-bits");for(var e=0;e<t;e+=4)v(this,e,e+3),v(this,e+1,e+2);return this},i.prototype.swap64=function(){var t=this.length;if(t%8!=0)throw new RangeError("Buffer size must be a multiple of 64-bits");for(var e=0;e<t;e+=8)v(this,e,e+7),v(this,e+1,e+6),v(this,e+2,e+5),v(this,e+3,e+4);return this},i.prototype.toString=function(){var t=0|this.length;return 0===t?"":0===arguments.length?j(this,0,t):d.apply(this,arguments)},i.prototype.equals=function(t){if(!i.isBuffer(t))throw new TypeError("Argument must be a Buffer");return this===t||0===i.compare(this,t)},i.prototype.inspect=function(){var t="",r=e.INSPECT_MAX_BYTES;return this.length>0&&(t=this.toString("hex",0,r).match(/.{2}/g).join(" "),this.length>r&&(t+=" ... ")),"<Buffer "+t+">"},i.prototype.compare=function(t,e,r,n,o){if(!i.isBuffer(t))throw new TypeError("Argument must be a Buffer");if(void 0===e&&(e=0),void 0===r&&(r=t?t.length:0),void 0===n&&(n=0),void 0===o&&(o=this.length),e<0||r>t.length||n<0||o>this.length)throw new RangeError("out of range index");if(n>=o&&e>=r)return 0;if(n>=o)return-1;if(e>=r)return 1;if(e>>>=0,r>>>=0,n>>>=0,o>>>=0,this===t)return 0;for(var u=o-n,a=r-e,s=Math.min(u,a),c=this.slice(n,o),f=t.slice(e,r),l=0;l<s;++l)if(c[l]!==f[l]){u=c[l],a=f[l];break}return u<a?-1:a<u?1:0},i.prototype.includes=function(t,e,r){return-1!==this.indexOf(t,e,r)},i.prototype.indexOf=function(t,e,r){return w(this,t,e,r,!0)},i.prototype.lastIndexOf=function(t,e,r){return w(this,t,e,r,!1)},i.prototype.write=function(t,e,r,n){if(void 0===e)n="utf8",r=this.length,e=0;else if(void 0===r&&"string"==typeof e)n=e,r=this.length,e=0;else{if(!isFinite(e))throw new Error("Buffer.write(string, encoding, offset[, length]) is no longer supported");e|=0,isFinite(r)?(r|=0,void 0===n&&(n="utf8")):(n=r,r=void 0)}var o=this.length-e;if((void 0===r||r>o)&&(r=o),t.length>0&&(r<0||e<0)||e>this.length)throw new RangeError("Attempt to write outside buffer bounds");n||(n="utf8");for(var i=!1;;)switch(n){case"hex":return E(this,t,e,r);case"utf8":case"utf-8":return _(this,t,e,r);case"ascii":return O(this,t,e,r);case"latin1":case"binary":return A(this,t,e,r);case"base64":return k(this,t,e,r);case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return P(this,t,e,r);default:if(i)throw new TypeError("Unknown encoding: "+n);n=(""+n).toLowerCase(),i=!0}},i.prototype.toJSON=function(){return{type:"Buffer",data:Array.prototype.slice.call(this._arr||this,0)}};var Q=4096;i.prototype.slice=function(t,e){var r=this.length;t=~~t,e=void 0===e?r:~~e,t<0?(t+=r)<0&&(t=0):t>r&&(t=r),e<0?(e+=r)<0&&(e=0):e>r&&(e=r),e<t&&(e=t);var n;if(i.TYPED_ARRAY_SUPPORT)n=this.subarray(t,e),n.__proto__=i.prototype;else{var o=e-t;n=new i(o,void 0);for(var u=0;u<o;++u)n[u]=this[u+t]}return n},i.prototype.readUIntLE=function(t,e,r){t|=0,e|=0,r||M(t,e,this.length);for(var n=this[t],o=1,i=0;++i<e&&(o*=256);)n+=this[t+i]*o;return n},i.prototype.readUIntBE=function(t,e,r){t|=0,e|=0,r||M(t,e,this.length);for(var n=this[t+--e],o=1;e>0&&(o*=256);)n+=this[t+--e]*o;return n},i.prototype.readUInt8=function(t,e){return e||M(t,1,this.length),this[t]},i.prototype.readUInt16LE=function(t,e){return e||M(t,2,this.length),this[t]|this[t+1]<<8},i.prototype.readUInt16BE=function(t,e){return e||M(t,2,this.length),this[t]<<8|this[t+1]},i.prototype.readUInt32LE=function(t,e){return e||M(t,4,this.length),(this[t]|this[t+1]<<8|this[t+2]<<16)+16777216*this[t+3]},i.prototype.readUInt32BE=function(t,e){return e||M(t,4,this.length),16777216*this[t]+(this[t+1]<<16|this[t+2]<<8|this[t+3])},i.prototype.readIntLE=function(t,e,r){t|=0,e|=0,r||M(t,e,this.length);for(var n=this[t],o=1,i=0;++i<e&&(o*=256);)n+=this[t+i]*o;return o*=128,n>=o&&(n-=Math.pow(2,8*e)),n},i.prototype.readIntBE=function(t,e,r){t|=0,e|=0,r||M(t,e,this.length);for(var n=e,o=1,i=this[t+--n];n>0&&(o*=256);)i+=this[t+--n]*o;return o*=128,i>=o&&(i-=Math.pow(2,8*e)),i},i.prototype.readInt8=function(t,e){return e||M(t,1,this.length),128&this[t]?-1*(255-this[t]+1):this[t]},i.prototype.readInt16LE=function(t,e){e||M(t,2,this.length);var r=this[t]|this[t+1]<<8;return 32768&r?4294901760|r:r},i.prototype.readInt16BE=function(t,e){e||M(t,2,this.length);var r=this[t+1]|this[t]<<8;return 32768&r?4294901760|r:r},i.prototype.readInt32LE=function(t,e){return e||M(t,4,this.length),this[t]|this[t+1]<<8|this[t+2]<<16|this[t+3]<<24},i.prototype.readInt32BE=function(t,e){return e||M(t,4,this.length),this[t]<<24|this[t+1]<<16|this[t+2]<<8|this[t+3]},i.prototype.readFloatLE=function(t,e){return e||M(t,4,this.length),q.read(this,t,!0,23,4)},i.prototype.readFloatBE=function(t,e){return e||M(t,4,this.length),q.read(this,t,!1,23,4)},i.prototype.readDoubleLE=function(t,e){return e||M(t,8,this.length),q.read(this,t,!0,52,8)},i.prototype.readDoubleBE=function(t,e){return e||M(t,8,this.length),q.read(this,t,!1,52,8)},i.prototype.writeUIntLE=function(t,e,r,n){t=+t,e|=0,r|=0,n||B(this,t,e,r,Math.pow(2,8*r)-1,0);var o=1,i=0;for(this[e]=255&t;++i<r&&(o*=256);)this[e+i]=t/o&255;return e+r},i.prototype.writeUIntBE=function(t,e,r,n){t=+t,e|=0,r|=0,n||B(this,t,e,r,Math.pow(2,8*r)-1,0);var o=r-1,i=1;for(this[e+o]=255&t;--o>=0&&(i*=256);)this[e+o]=t/i&255;return e+r},i.prototype.writeUInt8=function(t,e,r){return t=+t,e|=0,r||B(this,t,e,1,255,0),i.TYPED_ARRAY_SUPPORT||(t=Math.floor(t)),this[e]=255&t,e+1},i.prototype.writeUInt16LE=function(t,e,r){return t=+t,e|=0,r||B(this,t,e,2,65535,0),i.TYPED_ARRAY_SUPPORT?(this[e]=255&t,this[e+1]=t>>>8):I(this,t,e,!0),e+2},i.prototype.writeUInt16BE=function(t,e,r){return t=+t,e|=0,r||B(this,t,e,2,65535,0),i.TYPED_ARRAY_SUPPORT?(this[e]=t>>>8,this[e+1]=255&t):I(this,t,e,!1),e+2},i.prototype.writeUInt32LE=function(t,e,r){return t=+t,e|=0,r||B(this,t,e,4,4294967295,0),i.TYPED_ARRAY_SUPPORT?(this[e+3]=t>>>24,this[e+2]=t>>>16,this[e+1]=t>>>8,this[e]=255&t):D(this,t,e,!0),e+4},i.prototype.writeUInt32BE=function(t,e,r){return t=+t,e|=0,r||B(this,t,e,4,4294967295,0),i.TYPED_ARRAY_SUPPORT?(this[e]=t>>>24,this[e+1]=t>>>16,this[e+2]=t>>>8,this[e+3]=255&t):D(this,t,e,!1),e+4},i.prototype.writeIntLE=function(t,e,r,n){if(t=+t,e|=0,!n){var o=Math.pow(2,8*r-1);B(this,t,e,r,o-1,-o)}var i=0,u=1,a=0;for(this[e]=255&t;++i<r&&(u*=256);)t<0&&0===a&&0!==this[e+i-1]&&(a=1),this[e+i]=(t/u>>0)-a&255;return e+r},i.prototype.writeIntBE=function(t,e,r,n){if(t=+t,e|=0,!n){var o=Math.pow(2,8*r-1);B(this,t,e,r,o-1,-o)}var i=r-1,u=1,a=0;for(this[e+i]=255&t;--i>=0&&(u*=256);)t<0&&0===a&&0!==this[e+i+1]&&(a=1),this[e+i]=(t/u>>0)-a&255;return e+r},i.prototype.writeInt8=function(t,e,r){return t=+t,e|=0,r||B(this,t,e,1,127,-128),i.TYPED_ARRAY_SUPPORT||(t=Math.floor(t)),t<0&&(t=255+t+1),this[e]=255&t,e+1},i.prototype.writeInt16LE=function(t,e,r){return t=+t,e|=0,r||B(this,t,e,2,32767,-32768),i.TYPED_ARRAY_SUPPORT?(this[e]=255&t,this[e+1]=t>>>8):I(this,t,e,!0),e+2},i.prototype.writeInt16BE=function(t,e,r){return t=+t,e|=0,r||B(this,t,e,2,32767,-32768),i.TYPED_ARRAY_SUPPORT?(this[e]=t>>>8,this[e+1]=255&t):I(this,t,e,!1),e+2},i.prototype.writeInt32LE=function(t,e,r){return t=+t,e|=0,r||B(this,t,e,4,2147483647,-2147483648),i.TYPED_ARRAY_SUPPORT?(this[e]=255&t,this[e+1]=t>>>8,this[e+2]=t>>>16,this[e+3]=t>>>24):D(this,t,e,!0),e+4},i.prototype.writeInt32BE=function(t,e,r){return t=+t,e|=0,r||B(this,t,e,4,2147483647,-2147483648),t<0&&(t=4294967295+t+1),i.TYPED_ARRAY_SUPPORT?(this[e]=t>>>24,this[e+1]=t>>>16,this[e+2]=t>>>8,this[e+3]=255&t):D(this,t,e,!1),e+4},i.prototype.writeFloatLE=function(t,e,r){return N(this,t,e,!0,r)},i.prototype.writeFloatBE=function(t,e,r){return N(this,t,e,!1,r)},i.prototype.writeDoubleLE=function(t,e,r){return Y(this,t,e,!0,r)},i.prototype.writeDoubleBE=function(t,e,r){return Y(this,t,e,!1,r)},i.prototype.copy=function(t,e,r,n){if(r||(r=0),n||0===n||(n=this.length),e>=t.length&&(e=t.length),e||(e=0),n>0&&n<r&&(n=r),n===r)return 0;if(0===t.length||0===this.length)return 0;if(e<0)throw new RangeError("targetStart out of bounds");if(r<0||r>=this.length)throw new RangeError("sourceStart out of bounds");if(n<0)throw new RangeError("sourceEnd out of bounds");n>this.length&&(n=this.length),t.length-e<n-r&&(n=t.length-e+r);var o,u=n-r;if(this===t&&r<e&&e<n)for(o=u-1;o>=0;--o)t[o+e]=this[o+r];else if(u<1e3||!i.TYPED_ARRAY_SUPPORT)for(o=0;o<u;++o)t[o+e]=this[o+r];else Uint8Array.prototype.set.call(t,this.subarray(r,r+u),e);return u},i.prototype.fill=function(t,e,r,n){if("string"==typeof t){if("string"==typeof e?(n=e,e=0,r=this.length):"string"==typeof r&&(n=r,r=this.length),1===t.length){var o=t.charCodeAt(0);o<256&&(t=o)}if(void 0!==n&&"string"!=typeof n)throw new TypeError("encoding must be a string");if("string"==typeof n&&!i.isEncoding(n))throw new TypeError("Unknown encoding: "+n)}else"number"==typeof t&&(t&=255);if(e<0||this.length<e||this.length<r)throw new RangeError("Out of range index");if(r<=e)return this;e>>>=0,r=void 0===r?this.length:r>>>0,t||(t=0);var u;if("number"==typeof t)for(u=e;u<r;++u)this[u]=t;else{var a=i.isBuffer(t)?t:H(new i(t,n).toString()),s=a.length;for(u=0;u<r-e;++u)this[u+e]=a[u%s]}return this};var tt=/[^+\/0-9A-Za-z-_]/g}).call(e,r(92))},function(t,e){var r;r=function(){return this}();try{r=r||Function("return this")()||(0,eval)("this")}catch(t){"object"==typeof window&&(r=window)}t.exports=r},function(t,e,r){"use strict";function n(t){var e=t.length;if(e%4>0)throw new Error("Invalid string. Length must be a multiple of 4");return"="===t[e-2]?2:"="===t[e-1]?1:0}function o(t){return 3*t.length/4-n(t)}function i(t){var e,r,o,i,u,a=t.length;i=n(t),u=new l(3*a/4-i),r=i>0?a-4:a;var s=0;for(e=0;e<r;e+=4)o=f[t.charCodeAt(e)]<<18|f[t.charCodeAt(e+1)]<<12|f[t.charCodeAt(e+2)]<<6|f[t.charCodeAt(e+3)],u[s++]=o>>16&255,u[s++]=o>>8&255,u[s++]=255&o;return 2===i?(o=f[t.charCodeAt(e)]<<2|f[t.charCodeAt(e+1)]>>4,u[s++]=255&o):1===i&&(o=f[t.charCodeAt(e)]<<10|f[t.charCodeAt(e+1)]<<4|f[t.charCodeAt(e+2)]>>2,u[s++]=o>>8&255,u[s++]=255&o),u}function u(t){return c[t>>18&63]+c[t>>12&63]+c[t>>6&63]+c[63&t]}function a(t,e,r){for(var n,o=[],i=e;i<r;i+=3)n=(t[i]<<16)+(t[i+1]<<8)+t[i+2],o.push(u(n));return o.join("")}function s(t){for(var e,r=t.length,n=r%3,o="",i=[],u=0,s=r-n;u<s;u+=16383)i.push(a(t,u,u+16383>s?s:u+16383));return 1===n?(e=t[r-1],o+=c[e>>2],o+=c[e<<4&63],o+="=="):2===n&&(e=(t[r-2]<<8)+t[r-1],o+=c[e>>10],o+=c[e>>4&63],o+=c[e<<2&63],o+="="),i.push(o),i.join("")}e.byteLength=o,e.toByteArray=i,e.fromByteArray=s;for(var c=[],f=[],l="undefined"!=typeof Uint8Array?Uint8Array:Array,h="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",p=0,y=h.length;p<y;++p)c[p]=h[p],f[h.charCodeAt(p)]=p;f["-".charCodeAt(0)]=62,f["_".charCodeAt(0)]=63},function(t,e){e.read=function(t,e,r,n,o){var i,u,a=8*o-n-1,s=(1<<a)-1,c=s>>1,f=-7,l=r?o-1:0,h=r?-1:1,p=t[e+l];for(l+=h,i=p&(1<<-f)-1,p>>=-f,f+=a;f>0;i=256*i+t[e+l],l+=h,f-=8);for(u=i&(1<<-f)-1,i>>=-f,f+=n;f>0;u=256*u+t[e+l],l+=h,f-=8);if(0===i)i=1-c;else{if(i===s)return u?NaN:1/0*(p?-1:1);u+=Math.pow(2,n),i-=c}return(p?-1:1)*u*Math.pow(2,i-n)},e.write=function(t,e,r,n,o,i){var u,a,s,c=8*i-o-1,f=(1<<c)-1,l=f>>1,h=23===o?Math.pow(2,-24)-Math.pow(2,-77):0,p=n?0:i-1,y=n?1:-1,b=e<0||0===e&&1/e<0?1:0;for(e=Math.abs(e),isNaN(e)||e===1/0?(a=isNaN(e)?1:0,u=f):(u=Math.floor(Math.log(e)/Math.LN2),e*(s=Math.pow(2,-u))<1&&(u--,s*=2),e+=u+l>=1?h/s:h*Math.pow(2,1-l),e*s>=2&&(u++,s/=2),u+l>=f?(a=0,u=f):u+l>=1?(a=(e*s-1)*Math.pow(2,o),u+=l):(a=e*Math.pow(2,l-1)*Math.pow(2,o),u=0));o>=8;t[r+p]=255&a,p+=y,a/=256,o-=8);for(u=u<<o|a,c+=o;c>0;t[r+p]=255&u,p+=y,u/=256,c-=8);t[r+p-y]|=128*b}},function(t,e){var r={}.toString;t.exports=Array.isArray||function(t){return"[object Array]"==r.call(t)}}])});
\ No newline at end of file
diff --git a/www/common/media-tag.js b/www/common/media-tag.js
index b43220c84..042cb5200 100644
--- a/www/common/media-tag.js
+++ b/www/common/media-tag.js
@@ -1 +1 @@
-(function webpackUniversalModuleDefinition(root,factory){if(typeof exports==="object"&&typeof module==="object")module.exports=factory();else if(typeof define==="function"&&define.amd)define([],factory);else if(typeof exports==="object")exports["MediaTag"]=factory();else root["MediaTag"]=factory()})(this,function(){return function(modules){var installedModules={};function __webpack_require__(moduleId){if(installedModules[moduleId])return installedModules[moduleId].exports;var module=installedModules[moduleId]={i:moduleId,l:false,exports:{}};modules[moduleId].call(module.exports,module,module.exports,__webpack_require__);module.l=true;return module.exports}__webpack_require__.m=modules;__webpack_require__.c=installedModules;__webpack_require__.i=function(value){return value};__webpack_require__.d=function(exports,name,getter){if(!__webpack_require__.o(exports,name)){Object.defineProperty(exports,name,{configurable:false,enumerable:true,get:getter})}};__webpack_require__.n=function(module){var getter=module&&module.__esModule?function getDefault(){return module["default"]}:function getModuleExports(){return module};__webpack_require__.d(getter,"a",getter);return getter};__webpack_require__.o=function(object,property){return Object.prototype.hasOwnProperty.call(object,property)};__webpack_require__.p="";return __webpack_require__(__webpack_require__.s=95)}([function(module,exports,__webpack_require__){"use strict";var Identifier={IMAGE:"image",AUDIO:"audio",VIDEO:"video",PDF:"pdf",DASH:"dash",DOWNLOAD:"download",CRYPTO:"crypto",CLEAR_KEY:"clear-key",MEDIA_OBJECT:"media-object"};module.exports=Identifier},function(module,exports,__webpack_require__){"use strict";var Type={MATCHER:"matcher",RENDERER:"renderer",FILTER:"filter",SANITIZER:"sanitizer"};module.exports=Type},function(module,exports,__webpack_require__){"use strict";var ProcessingEngine=__webpack_require__(34);var MatchingEngine=__webpack_require__(33);var PluginStore=__webpack_require__(53);var UriStore=__webpack_require__(54);var MediaTag=__webpack_require__(31);function MediaTagAPI(elements){if(elements instanceof Array){var mediaObjects=[];elements.forEach(function(element){if(element.mediaObject){mediaObjects.push(element.mediaObject)}else{var _mediaTag=new MediaTag(element,MediaTagAPI.processingEngine);_mediaTag.mediaObjects.forEach(function(mediaObject){mediaObjects.push(MediaTagAPI.processingEngine.start(mediaObject))})}});return mediaObjects}var element=elements;var mediaTag=new MediaTag(element,MediaTagAPI.processingEngine);mediaTag.mediaObjects.forEach(function(mediaObject){MediaTagAPI.processingEngine.start(mediaObject)})}MediaTagAPI.pluginStore=MediaTagAPI.pluginStore||new PluginStore;MediaTagAPI.uriStore=MediaTagAPI.uriStore||new UriStore("../plugins");MediaTagAPI.processingEngine=MediaTagAPI.processingEngine||new ProcessingEngine(MediaTagAPI.pluginStore);MediaTagAPI.matchingEngine=MediaTagAPI.matchingEngine||new MatchingEngine(MediaTagAPI.pluginStore,MediaTagAPI.uriStore);MediaTagAPI.loadingEngine=null;module.exports=MediaTagAPI},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Type=__webpack_require__(1);var Occurrence=__webpack_require__(5);var Plugin=__webpack_require__(6);var Matcher=function(_Plugin){_inherits(Matcher,_Plugin);function Matcher(identifier,targetType){_classCallCheck(this,Matcher);var _this=_possibleConstructorReturn(this,(Matcher.__proto__||Object.getPrototypeOf(Matcher)).call(this,identifier,Type.MATCHER,Occurrence.ANY));_this.targetType=targetType;return _this}_createClass(Matcher,[{key:"getTargetType",value:function getTargetType(){return this.targetType}}]);return Matcher}(Plugin);module.exports=Matcher},function(module,exports,__webpack_require__){"use strict";function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Type=__webpack_require__(1);var Occurrence=__webpack_require__(5);var Plugin=__webpack_require__(6);var Renderer=function(_Plugin){_inherits(Renderer,_Plugin);function Renderer(identifier){_classCallCheck(this,Renderer);return _possibleConstructorReturn(this,(Renderer.__proto__||Object.getPrototypeOf(Renderer)).call(this,identifier,Type.RENDERER,Occurrence.ONCE))}return Renderer}(Plugin);module.exports=Renderer},function(module,exports,__webpack_require__){"use strict";var Occurrence={EVERY:"every",ANY:"any",ONCE:"once"};module.exports=Occurrence},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}var Plugin=function(){function Plugin(identifier,type,occurrence){_classCallCheck(this,Plugin);this.identifier=identifier;this.type=type;this.occurrence=occurrence}_createClass(Plugin,[{key:"getIdentifier",value:function getIdentifier(){if(this.identifier){return this.identifier}throw new Error("Plugin has not identifier")}},{key:"getType",value:function getType(){if(this.type){return this.type}throw new Error("Plugin has no type")}},{key:"start",value:function start(mediaObject){return this.process(mediaObject)}}]);return Plugin}();module.exports=Plugin},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Filter=__webpack_require__(12);var Identifier=__webpack_require__(0);var Store=__webpack_require__(10);var CryptoFilter=function(_Filter){_inherits(CryptoFilter,_Filter);function CryptoFilter(){_classCallCheck(this,CryptoFilter);return _possibleConstructorReturn(this,(CryptoFilter.__proto__||Object.getPrototypeOf(CryptoFilter)).call(this,Identifier.CRYPTO))}_createClass(CryptoFilter,[{key:"process",value:function process(mediaObject){var dataCryptoKey=mediaObject.getAttribute("data-crypto-key");var schemes=/\w+:/.exec(dataCryptoKey);if(schemes===null){throw new Error("No algorithm scheme found in data-crypto-key")}var algorithmScheme=schemes[0];var algorithmName=algorithmScheme.replace(":","");var stringKey=dataCryptoKey.replace(algorithmScheme,"");mediaObject.setAttribute("data-crypto-key",stringKey);if(CryptoFilter.functionStore.isStored(algorithmName)){var algorithm=CryptoFilter.functionStore.get(algorithmName);algorithm(mediaObject)}else{throw new Error("Algorithm "+algorithmName+" is not registered")}}}]);return CryptoFilter}(Filter);CryptoFilter.functionStore=CryptoFilter.functionStore||new Store;CryptoFilter.mediaTypes=[];CryptoFilter.setAllowedMediaTypes=function(mediaTypes){CryptoFilter.mediaTypes=mediaTypes};CryptoFilter.getAllowedMediaTypes=function(){return CryptoFilter.mediaTypes};CryptoFilter.addAllowedMediaType=function(mediaType){CryptoFilter.mediaTypes.push(mediaType)};CryptoFilter.addAllAllowedMediaTypes=function(mediaTypes){mediaTypes.forEach(function(mediaType){CryptoFilter.addAllowedMediaType(mediaType)})};CryptoFilter.removeAllowedMediaType=function(mediaType){var index=CryptoFilter.mediaTypes.indexOf(mediaType);if(index>=0){CryptoFilter.mediaTypes.splice(index,1)}};CryptoFilter.removeAllAllowedMediaTypes=function(mediaTypes){mediaTypes.forEach(function(mediaType){CryptoFilter.removeAllowedMediaType(mediaType)})};CryptoFilter.isAllowedMediaType=function(mediaType){return CryptoFilter.mediaTypes.some(function(type){return type===mediaType})};module.exports=CryptoFilter},,function(module,exports,__webpack_require__){"use strict";var hide=__webpack_require__(13);var show=__webpack_require__(14);module.exports=function(mediaObjectToActivate,mediaTag){mediaTag.mediaObjects.forEach(function(mediaObject){hide(mediaObject)});mediaTag.activeMediaObject=mediaObjectToActivate;show(mediaObjectToActivate)}},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}var Store=function(){function Store(){_classCallCheck(this,Store);this.map={}}_createClass(Store,[{key:"isStored",value:function isStored(key){if(this.get(key)){return true}return false}},{key:"store",value:function store(key,value){if(this.isStored(key)){console.warn('The key "'+key+'" is already registered, the content will be overwritten.')}this.map[key]=value}},{key:"unstore",value:function unstore(key){if(this.isStored(key)===false){console.warn('The key "'+key+'" not exists in this manager')}else{var value=this.map[key];delete this.map[key];return value}}},{key:"get",value:function get(key){return this.map[key]}},{key:"keys",value:function keys(){return Object.keys(this.map)}},{key:"values",value:function values(){var _this=this;var keys=this.keys();return keys.map(function(key){return _this.get(key)})}}]);return Store}();module.exports=Store},,function(module,exports,__webpack_require__){"use strict";function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Type=__webpack_require__(1);var Occurrence=__webpack_require__(5);var Plugin=__webpack_require__(6);var Filter=function(_Plugin){_inherits(Filter,_Plugin);function Filter(identifier){_classCallCheck(this,Filter);return _possibleConstructorReturn(this,(Filter.__proto__||Object.getPrototypeOf(Filter)).call(this,identifier,Type.FILTER,Occurrence.ANY))}return Filter}(Plugin);module.exports=Filter},function(module,exports,__webpack_require__){"use strict";module.exports=function(mediaObject){mediaObject.element.style.display="none";var _iteratorNormalCompletion=true;var _didIteratorError=false;var _iteratorError=undefined;try{for(var _iterator=mediaObject.hookedFns.children()[Symbol.iterator](),_step;!(_iteratorNormalCompletion=(_step=_iterator.next()).done);_iteratorNormalCompletion=true){var child=_step.value;child.style.display="none"}}catch(err){_didIteratorError=true;_iteratorError=err}finally{try{if(!_iteratorNormalCompletion&&_iterator.return){_iterator.return()}}finally{if(_didIteratorError){throw _iteratorError}}}}},function(module,exports,__webpack_require__){"use strict";module.exports=function(mediaObject){mediaObject.element.style.display="block";var _iteratorNormalCompletion=true;var _didIteratorError=false;var _iteratorError=undefined;try{for(var _iterator=mediaObject.hookedFns.children()[Symbol.iterator](),_step;!(_iteratorNormalCompletion=(_step=_iterator.next()).done);_iteratorNormalCompletion=true){var child=_step.value;child.style.display="block"}}catch(err){_didIteratorError=true;_iteratorError=err}finally{try{if(!_iteratorNormalCompletion&&_iterator.return){_iterator.return()}}finally{if(_didIteratorError){throw _iteratorError}}}}},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}var AttributesObject=function(){function AttributesObject(element){var _this=this;_classCallCheck(this,AttributesObject);Object.keys(element.attributes).forEach(function(key){_this[element.attributes[key].name]=element.attributes[key].value})}_createClass(AttributesObject,[{key:"getAttribute",value:function getAttribute(attribute){return this[attribute]}},{key:"setAttribute",value:function setAttribute(attribute,value){this[attribute]=value}},{key:"removeAttribute",value:function removeAttribute(attribute){delete this[attribute]}},{key:"hasAttributes",value:function hasAttributes(){return Object.keys(this)>0}}]);return AttributesObject}();module.exports=AttributesObject},function(module,exports,__webpack_require__){"use strict";function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Errors={PluginExists:function(_Error){_inherits(PluginExists,_Error);function PluginExists(objPlugin){_classCallCheck(this,PluginExists);return _possibleConstructorReturn(this,(PluginExists.__proto__||Object.getPrototypeOf(PluginExists)).call(this,'Plugin with same "'+objPlugin.identifier+'" identifier found.'))}return PluginExists}(Error),TypeNotFound:function(_Error2){_inherits(TypeNotFound,_Error2);function TypeNotFound(){_classCallCheck(this,TypeNotFound);return _possibleConstructorReturn(this,(TypeNotFound.__proto__||Object.getPrototypeOf(TypeNotFound)).call(this,"Media Tag could not find the content type of an instance.}."))}return TypeNotFound}(Error),FilterExists:function(_Error3){_inherits(FilterExists,_Error3);function FilterExists(filter){_classCallCheck(this,FilterExists);return _possibleConstructorReturn(this,(FilterExists.__proto__||Object.getPrototypeOf(FilterExists)).call(this,'Filter with same "'+filter.identifier+' identifier found."'))}return FilterExists}(Error),FetchFail:function(_Error4){_inherits(FetchFail,_Error4);function FetchFail(response){_classCallCheck(this,FetchFail);return _possibleConstructorReturn(this,(FetchFail.__proto__||Object.getPrototypeOf(FetchFail)).call(this,'Could not fetch "'+response.url+'", received "'+response.status+": "+response.statusText+'".'))}return FetchFail}(Error),InvalidCryptoKey:function(_Error5){_inherits(InvalidCryptoKey,_Error5);function InvalidCryptoKey(){_classCallCheck(this,InvalidCryptoKey);return _possibleConstructorReturn(this,(InvalidCryptoKey.__proto__||Object.getPrototypeOf(InvalidCryptoKey)).call(this,"Invalid cryptographic key."))}return InvalidCryptoKey}(Error),InvalidCryptoLib:function(_Error6){_inherits(InvalidCryptoLib,_Error6);function InvalidCryptoLib(){_classCallCheck(this,InvalidCryptoLib);return _possibleConstructorReturn(this,(InvalidCryptoLib.__proto__||Object.getPrototypeOf(InvalidCryptoLib)).call(this,"Invalid cryptographic algorithm name."))}return InvalidCryptoLib}(Error),FailedCrypto:function(_Error7){_inherits(FailedCrypto,_Error7);function FailedCrypto(err){_classCallCheck(this,FailedCrypto);return _possibleConstructorReturn(this,(FailedCrypto.__proto__||Object.getPrototypeOf(FailedCrypto)).call(this,"Failed to decrypt file"+(err&&err.message?" "+err.message:"")+"."))}return FailedCrypto}(Error)};module.exports=Errors},function(module,exports,__webpack_require__){"use strict";var Permission={ALLOWED:0,REQUIRED:1,FORBIDDEN:2};module.exports=Permission},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}var Assert=function(){function Assert(truth){_classCallCheck(this,Assert);this.truth=truth}_createClass(Assert,[{key:"is",value:function is(predicate){if(this.truth===predicate){return this}throw new Error("Assertion fail on : "+this.truth+" is "+predicate)}},{key:"not",value:function not(predicate){if(this.truth!==predicate){return this}throw new Error("Assertion fail on : "+this.truth+" is not "+predicate)}}],[{key:"that",value:function that(truth){return new Assert(truth)}}]);return Assert}();module.exports=Assert},function(module,exports,__webpack_require__){"use strict";var MediaTag=__webpack_require__(52);var ImagePlugin=__webpack_require__(48);var AudioPlugin=__webpack_require__(45);var VideoPlugin=__webpack_require__(50);var PdfPlugin=__webpack_require__(49);var DashPlugin=__webpack_require__(46);var DownloadPlugin=__webpack_require__(47);var CryptoFilter=__webpack_require__(7);var ClearKeyFilter=__webpack_require__(35);var MediaObjectSanitizer=__webpack_require__(51);MediaTag.pluginStore.store(new ImagePlugin);MediaTag.pluginStore.store(new AudioPlugin);MediaTag.pluginStore.store(new VideoPlugin);MediaTag.pluginStore.store(new PdfPlugin);MediaTag.pluginStore.store(new DashPlugin);MediaTag.pluginStore.store(new DownloadPlugin);MediaTag.pluginStore.store(new CryptoFilter);MediaTag.pluginStore.store(new ClearKeyFilter);MediaTag.pluginStore.store(new MediaObjectSanitizer);var Salsa20Poly1305Algorithm=__webpack_require__(28);var CryptpadAlgorithm=__webpack_require__(27);CryptoFilter.functionStore.store("salsa20poly1305",Salsa20Poly1305Algorithm);CryptoFilter.functionStore.store("cryptpad",CryptpadAlgorithm);var defaultPlugin=new DownloadPlugin("<p> MediaTag cannot find a plugin able to renderer your content </p>","Download");MediaTag.processingEngine.setDefaultPlugin(defaultPlugin);MediaTag.CryptoFilter=CryptoFilter;var allowedMediaTypes=["image/png","image/jpeg","image/jpg","image/gif","audio/mp3","audio/ogg","audio/wav","audio/webm","video/mp4","video/ogg","video/webm","application/pdf","application/dash+xml","download"];MediaTag.CryptoFilter.setAllowedMediaTypes(allowedMediaTypes);var Configuration=__webpack_require__(29);var Permission=__webpack_require__(17);var Identifier=__webpack_require__(0);var configuration=new Configuration;MediaTag.PdfPlugin=PdfPlugin;MediaTag.PdfPlugin.viewer="/pdfjs/web/viewer.html";MediaTag.processingEngine.configure(configuration);module.exports=MediaTag},function(module,exports,__webpack_require__){"use strict";function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Type=__webpack_require__(1);var Occurrence=__webpack_require__(5);var Plugin=__webpack_require__(6);var Sanitizer=function(_Plugin){_inherits(Sanitizer,_Plugin);function Sanitizer(identifier){_classCallCheck(this,Sanitizer);return _possibleConstructorReturn(this,(Sanitizer.__proto__||Object.getPrototypeOf(Sanitizer)).call(this,identifier,Type.SANITIZER,Occurrence.EVERY))}return Sanitizer}(Plugin);module.exports=Sanitizer},,,function(module,exports,__webpack_require__){"use strict";var Action={clear:__webpack_require__(24),show:__webpack_require__(14),hide:__webpack_require__(13),upgrade:__webpack_require__(26),downgrade:__webpack_require__(25),activate:__webpack_require__(9)};module.exports=Action},function(module,exports,__webpack_require__){"use strict";module.exports=function(mediaObject){mediaObject.clearContents()}},function(module,exports,__webpack_require__){"use strict";var activate=__webpack_require__(9);module.exports=function(mediaTag){var index=mediaTag.mediaObjects.indexOf(mediaTag.activeMediaObject);if(index>0){activate(mediaTag.mediaObjects[index-1],mediaTag)}}},function(module,exports,__webpack_require__){"use strict";var activate=__webpack_require__(9);module.exports=function(mediaTag){var index=mediaTag.mediaObjects.indexOf(mediaTag.activeMediaObject);if(index<mediaTag.mediaObjects.length){activate(mediaTag.mediaObjects[index+1],mediaTag)}}},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}var Errors=__webpack_require__(16);var MediaTag=__webpack_require__(2);var CryptoFilter=__webpack_require__(7);var PARANOIA=true;var plainChunkLength=128*1024;var cypherChunkLength=131088;var Cryptopad=function(){function Cryptopad(){_classCallCheck(this,Cryptopad)}_createClass(Cryptopad,null,[{key:"createNonce",value:function createNonce(){return new Uint8Array(new Array(24).fill(0))}},{key:"increment",value:function increment(N){var l=N.length;while(l-- >1){if(PARANOIA){if(typeof N[l]!=="number"){throw new Error("E_UNSAFE_TYPE")}if(N[l]>255){throw new Error("E_OUT_OF_BOUNDS")}}if(N[l]!==255){return void N[l]++}N[l]=0;if(l===0){throw new Error("E_NONCE_TOO_LARGE")}}}},{key:"encodePrefix",value:function encodePrefix(p){return[65280,255].map(function(n,i){return(p&n)>>(1-i)*8})}},{key:"decodePrefix",value:function decodePrefix(A){return A[0]<<8|A[1]}},{key:"joinChunks",value:function joinChunks(chunks){return new Blob(chunks)}},{key:"slice",value:function slice(u8){return Array.prototype.slice.call(u8)}},{key:"getRandomKeyStr",value:function getRandomKeyStr(){var Nacl=window.nacl;var rdm=Nacl.randomBytes(18);return Nacl.util.encodeBase64(rdm)}},{key:"getKeyFromStr",value:function getKeyFromStr(str){return window.nacl.util.decodeBase64(str)}},{key:"encrypt",value:function encrypt(){}},{key:"decrypt",value:function decrypt(u8,key,done){var Nacl=window.nacl;var progress=function progress(offset){var ev=new Event("decryptionProgress");ev.percent=offset/u8.length*100;window.document.dispatchEvent(ev)};var nonce=Cryptopad.createNonce();var i=0;var prefix=u8.subarray(0,2);var metadataLength=Cryptopad.decodePrefix(prefix);var res={metadata:undefined};var metaBox=new Uint8Array(u8.subarray(2,2+metadataLength));var metaChunk=Nacl.secretbox.open(metaBox,nonce,key);Cryptopad.increment(nonce);try{res.metadata=JSON.parse(Nacl.util.encodeUTF8(metaChunk))}catch(e){return done("E_METADATA_DECRYPTION")}if(!res.metadata){return done("NO_METADATA")}var takeChunk=function takeChunk(cb){setTimeout(function(){var start=i*cypherChunkLength+2+metadataLength;var end=start+cypherChunkLength;i++;var box=new Uint8Array(u8.subarray(start,end));var plaintext=Nacl.secretbox.open(box,nonce,key);Cryptopad.increment(nonce);if(!plaintext){return void cb("DECRYPTION_FAILURE")}progress(Math.min(end,u8.length));cb(void 0,plaintext)})};var chunks=[];var again=function again(){takeChunk(function(e,plaintext){if(e){return setTimeout(function(){done(e)})}if(plaintext){if(i*cypherChunkLength<u8.length){chunks.push(plaintext);return again()}chunks.push(plaintext);res.content=Cryptopad.joinChunks(chunks);return done(void 0,res)}done("UNEXPECTED_ENDING")})};again()}}]);return Cryptopad}();var DataManager=function(){function DataManager(){_classCallCheck(this,DataManager)}_createClass(DataManager,null,[{key:"getArrayBuffer",value:function getArrayBuffer(url){return fetch(url).then(function(response){if(response.ok){return response.arrayBuffer()}throw new Errors.FetchFails}).then(function(arrayBuffer){return arrayBuffer})}},{key:"createUrl",value:function createUrl(arrayBuffer){return window.URL.createObjectURL(arrayBuffer)}},{key:"getBlobUrl",value:function getBlobUrl(data,mtype){return window.URL.createObjectURL(new Blob([data],{type:mtype}))}},{key:"getDataUrl",value:function getDataUrl(data,mtype){return"data:"+mtype+";base64,"+window.nacl.util.encodeBase64(data)}}]);return DataManager}();function applyMetadata(mediaObject,metadata){var info=metadata.type.split("/");var mime=metadata.type;var type=info[0];var extension=info[1];if(CryptoFilter.isAllowedMediaType(mime)){mediaObject.setAttribute("data-type",metadata.type);mediaObject.type=type;mediaObject.extension=extension;mediaObject.mime=mime}else{console.log("Not allowed metadata, allowed ones are : ",CryptoFilter.getAllowedMediaTypes())}mediaObject.name=metadata.name;mediaObject.setAttribute("data-attr-type",metadata.type)}function algorithm(mediaObject){var src=mediaObject.getAttribute("src");var strKey=mediaObject.getAttribute("data-crypto-key");var cryptoKey=Cryptopad.getKeyFromStr(strKey);var xhr=new XMLHttpRequest;var uid=[src,strKey].join("");var followUp=function followUp(decrypted){var decryptionEvent=new Event("decryption");decryptionEvent.metadata=decrypted.metadata;applyMetadata(mediaObject,decrypted.metadata);var binStr=decrypted.content;var url=DataManager.getBlobUrl(binStr,mediaObject.getMimeType());decryptionEvent.blob=new Blob([binStr],{type:mediaObject.getMimeType()});decryptionEvent.metadata=decrypted.metadata;CryptoFilter.addAllowedMediaType("audio/mpeg");mediaObject.setAttribute("src",url);mediaObject.removeAttribute("data-crypto-key");if(/audio\/(mp3|ogg|wav|webm|mpeg)/.test(decrypted.metadata.type)){}else if(/application\/pdf/.test(decrypted.metadata.type)){}else if(/video\//.test(decrypted.metadata.type)){}else if(!/image\/(png|jpeg|jpg|gif)/.test(decrypted.metadata.type)){decrypted.metadata.type="download"}applyMetadata(mediaObject,decrypted.metadata);decryptionEvent.callback=function(f){MediaTag.processingEngine.return(mediaObject);if(typeof f==="function"){f(mediaObject)}};window.document.dispatchEvent(decryptionEvent)};var Cache=MediaTag.__Cryptpad_Cache=MediaTag.__Cryptpad_Cache||{};if(Cache[uid]){return setTimeout(function(){followUp(Cache[uid])})}xhr.open("GET",src,true);xhr.responseType="arraybuffer";var fail=function fail(err){var decryptionErrorEvent=new Event("decryptionError");decryptionErrorEvent.message=typeof err==="string"?err:err.message;window.document.dispatchEvent(decryptionErrorEvent)};xhr.onload=function(){if(/^4/.test(""+this.status)){return fail("XHR_ERROR",""+this.status)}var arrayBuffer=xhr.response;if(arrayBuffer){var u8=new Uint8Array(arrayBuffer);Cryptopad.decrypt(u8,cryptoKey,function(err,decrypted){if(err){return fail(err)}Cache[uid]=decrypted;followUp(decrypted)})}};xhr.send(null)}module.exports=algorithm},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}var Errors=__webpack_require__(16);var MediaTag=__webpack_require__(2);var CryptoFilter=__webpack_require__(7);var Crypto=function(){function Crypto(){_classCallCheck(this,Crypto)}_createClass(Crypto,null,[{key:"slice",value:function slice(u8){return Array.prototype.slice.call(u8)}},{key:"getRandomKeyStr",value:function getRandomKeyStr(){var Nacl=Crypto.Nacl;var rdm=Nacl.randomBytes(18);return Nacl.util.encodeBase64(rdm)}},{key:"getKeyFromStr",value:function getKeyFromStr(str){var Nacl=Crypto.Nacl;var hash=Nacl.hash(Nacl.util.decodeBase64(str));return hash.subarray(32,64)}},{key:"encrypt",value:function encrypt(u8,key){var array=u8;var nonce=Crypto.Nacl.randomBytes(24);var packed=Crypto.Nacl.secretbox(array,nonce,key);if(packed){return new Uint8Array(Crypto.slice(nonce).concat(Crypto.slice(packed)))}throw new Error}},{key:"decrypt",value:function decrypt(u8,key){if(u8.length<24){throw new Error}var slice=Crypto.slice;var Nacl=Crypto.Nacl;var nonce=new Uint8Array(slice(u8).slice(0,24));var packed=new Uint8Array(slice(u8).slice(24));var unpacked=Nacl.secretbox.open(packed,nonce,key);if(unpacked){return unpacked}throw new Error("Decrypted file in undefined")}}]);return Crypto}();Crypto.Nacl=window.nacl;var DataManager=function(){function DataManager(){_classCallCheck(this,DataManager)}_createClass(DataManager,null,[{key:"getArrayBuffer",value:function getArrayBuffer(url){return fetch(url).then(function(response){if(response.ok){return response.arrayBuffer()}throw new Errors.FetchFails}).then(function(arrayBuffer){return arrayBuffer})}},{key:"createUrl",value:function createUrl(arrayBuffer){return window.URL.createObjectURL(arrayBuffer)}},{key:"getBlobUrl",value:function getBlobUrl(data,mtype){return window.URL.createObjectURL(new Blob([data],{type:mtype}))}},{key:"getDataUrl",value:function getDataUrl(data,mtype){return"data:"+mtype+";base64,"+Crypto.Nacl.util.encodeBase64(data)}}]);return DataManager}();function applyMetadata(mediaObject,metadata){if(CryptoFilter.isAllowedMediaType(metadata.type)){mediaObject.setAttribute("data-type",metadata.type);mediaObject.type=metadata.type;mediaObject.extension=metadata.extension;mediaObject.mime=metadata.mime}}function algorithm(mediaObject){var src=mediaObject.getAttribute("src");var strKey=mediaObject.getAttribute("data-crypto-key");var cryptoKey=Crypto.getKeyFromStr(strKey);var xhr=new XMLHttpRequest;xhr.open("GET",src,true);xhr.responseType="arraybuffer";xhr.onload=function(){var arrayBuffer=xhr.response;if(arrayBuffer){var u8=new Uint8Array(arrayBuffer);var binStr=Crypto.decrypt(u8,cryptoKey);var url=DataManager.getBlobUrl(binStr,mediaObject.getMimeType());var decryptionEvent=new Event("decryption");decryptionEvent.blob=new Blob([binStr],{type:mediaObject.getMimeType()});window.document.dispatchEvent(decryptionEvent);mediaObject.setAttribute("src",url);mediaObject.removeAttribute("data-crypto-key");if(!mediaObject.hasAttribute("data-type")){applyMetadata(mediaObject,{type:"image",extension:"png",mime:"image/png"})}MediaTag.processingEngine.return(mediaObject)}};xhr.send(null)}module.exports=algorithm},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}var Configuration=function(){function Configuration(data){_classCallCheck(this,Configuration);this.data=data||{}}_createClass(Configuration,[{key:"getPermission",value:function getPermission(identifier){return this.data[identifier]}},{key:"setPermission",value:function setPermission(identifier,permission){this.data[identifier]=permission}},{key:"getData",value:function getData(){return this.data}}]);return Configuration}();module.exports=Configuration},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}var AttributesObject=__webpack_require__(15);var Parser=__webpack_require__(32);var MediaObject=function(){function MediaObject(rootElement){_classCallCheck(this,MediaObject);this.id=MediaObject.uid();this.element=rootElement;this.state="idle";this.attributesObject=new AttributesObject(rootElement);var properties=Parser.parse(this.attributesObject);var _iteratorNormalCompletion=true;var _didIteratorError=false;var _iteratorError=undefined;try{for(var _iterator=Object.keys(properties)[Symbol.iterator](),_step;!(_iteratorNormalCompletion=(_step=_iterator.next()).done);_iteratorNormalCompletion=true){var property=_step.value;this[property]=properties[property]}}catch(err){_didIteratorError=true;_iteratorError=err}finally{try{if(!_iteratorNormalCompletion&&_iterator.return){_iterator.return()}}finally{if(_didIteratorError){throw _iteratorError}}}this.hookedFns={hasChildNodes:rootElement.hasChildNodes.bind(rootElement),removeChild:rootElement.removeChild.bind(rootElement),getLastChild:function getLastChild(){return rootElement.lastChild},appendChild:rootElement.appendChild.bind(rootElement),children:function children(){return rootElement.children}}}_createClass(MediaObject,[{key:"setProperties",value:function setProperties(properties){for(var key in properties){if(this[key]){throw new Error("The property "+key+" already exists in this MediaObject !")}this[key]=properties[key]}}},{key:"getId",value:function getId(){return this.id}},{key:"getAttribute",value:function getAttribute(attrName){return this.attributesObject[attrName]}},{key:"setAttribute",value:function setAttribute(name,value){this.attributesObject[name]=value}},{key:"removeAttribute",value:function removeAttribute(name){delete this.attributesObject[name]}},{key:"getAllDataAttrKeys",value:function getAllDataAttrKeys(){return Object.keys(this.attributesObject).filter(function(field){return field.startsWith("data-attr")})}},{key:"getExtension",value:function getExtension(){return this.extension}},{key:"getMimeType",value:function getMimeType(){return this.mime}},{key:"hasAttribute",value:function hasAttribute(attributeName){return attributeName in this.attributesObject}},{key:"getType",value:function getType(){return this.type}},{key:"getSource",value:function getSource(){return this.src}},{key:"getSources",value:function getSources(){return this.sources}},{key:"clearContents",value:function clearContents(){while(this.hookedFns.hasChildNodes()){this.hookedFns.removeChild(this.hookedFns.getLastChild())}}},{key:"replaceContents",value:function replaceContents(elements){var _this=this;this.clearContents();elements.forEach(function(element){return _this.hookedFns.appendChild(element)})}},{key:"utilsSetAllDataAttributes",value:function utilsSetAllDataAttributes(element){var _this2=this;var dataAttributes=this.getAllDataAttrKeys();dataAttributes.forEach(function(dataAttr){return element.setAttribute(dataAttr.substr(10),_this2.getAttribute(dataAttr))})}},{key:"utilsPassAllDataAttributes",value:function utilsPassAllDataAttributes(element){var _this3=this;var dataAttributes=this.getAllDataAttrKeys();dataAttributes.forEach(function(dataAttr){return element.setAttribute(dataAttr,_this3.getAttribute(dataAttr))})}}]);return MediaObject}();MediaObject.uid=function(i){return function(){return i++}}(0);MediaObject.attributesObject=function(element){var attributesObject={};if(element.hasAttributes()){var attributes=element.attributes;var keys=Object.keys(attributes);keys.forEach(function(key){var attribute=attributes[key];attributesObject[attribute.name]=attribute.value})}attributesObject.hasAttribute=function(name){return true&&attributesObject[name]};return attributesObject};module.exports=MediaObject},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}var Action=__webpack_require__(23);var AttributesObject=__webpack_require__(15);var MediaObject=__webpack_require__(30);var MediaTag=function(){function MediaTag(mediaTagElement,processingEngine){var _this=this;_classCallCheck(this,MediaTag);this.mediaTagElement=mediaTagElement;this.processingEngine=processingEngine;var attributeObject=new AttributesObject(mediaTagElement);var sourcesAttribute=attributeObject.getAttribute("sources")||attributeObject.getAttribute("srcs");if(sourcesAttribute){var sourceObjects=this.extractSourceObjects(sourcesAttribute);var mediaElements=this.extractMediaElements(sourceObjects);this.mediaElements=mediaElements;this.mediaElements.forEach(function(mediaElement){_this.mediaTagElement.appendChild(mediaElement)});this.mediaObjects=this.createMediaObjects(mediaElements);Action.activate(this.mediaObjects[0],this)}else{var mediaObject=new MediaObject(mediaTagElement);this.mediaObjects=[mediaObject];this.activeMediaObject=this.mediaObjects[0]}}_createClass(MediaTag,[{key:"extractSourceObjects",value:function extractSourceObjects(sourcesAttribute){return JSON.parse(sourcesAttribute)}},{key:"extractMediaElements",value:function extractMediaElements(sourceObjects){var _this2=this;var mediaElements=[];sourceObjects.forEach(function(sourceObject){mediaElements.push(_this2.extractMediaElement(sourceObject))});return mediaElements}},{key:"extractMediaElement",value:function extractMediaElement(sourceObject){var mediaElement=document.createElement("media");Object.keys(sourceObject).forEach(function(attribute){mediaElement.setAttribute(attribute,sourceObject[attribute])});return mediaElement}},{key:"createMediaObjects",value:function createMediaObjects(mediaElements){var mediaObjects=[];mediaElements.forEach(function(mediaElement){var mediaObject=new MediaObject(mediaElement);mediaObjects.push(mediaObject)});return mediaObjects}}]);return MediaTag}();module.exports=MediaTag},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}var Parser=function(){function Parser(){_classCallCheck(this,Parser)}_createClass(Parser,null,[{key:"extension",value:function extension(AttributeObject){var dataType=AttributeObject.getAttribute("data-type");if(dataType){return dataType.split("/")[1]}return undefined}},{key:"type",value:function type(AttributeObject){var dataType=AttributeObject.getAttribute("data-type");if(dataType){return dataType.split("/")[0]}return undefined}},{key:"mime",value:function mime(AttributeObject){return AttributeObject.getAttribute("data-type")}},{key:"protocol",value:function protocol(AttributeObject){var array=AttributeObject.getAttribute("src").split("://");if(array.length>1){return array[0]}return window.location.protocol}},{key:"hostname",value:function hostname(AttributeObject){var array=AttributeObject.getAttribute("src").split("://");if(array.length>1){return array[1].split("/")[0]}return window.location.hostname}},{key:"source",value:function source(AttributeObject){var source=AttributeObject.getAttribute("src");return source}},{key:"schemes",value:function schemes(AttributeObject){return/\w+:/.exec(AttributeObject.getAttribute("src"))}},{key:"sources",value:function sources(AttributeObject){var sources=AttributeObject.getAttribute("sources")||AttributeObject.getAttribute("srcs");if(sources){return JSON.parse(sources)}return null}},{key:"actions",value:function actions(AttributeObject){var actions=AttributeObject.getAttribute("actions");if(actions){return JSON.parse(actions)}return null}},{key:"parse",value:function parse(AttributeObject){return{protocol:Parser.protocol(AttributeObject),hostname:Parser.hostname(AttributeObject),src:Parser.source(AttributeObject),type:Parser.type(AttributeObject),extension:Parser.extension(AttributeObject),mime:Parser.mime(AttributeObject),sources:Parser.sources(AttributeObject),actions:Parser.actions(AttributeObject)}}}]);return Parser}();module.exports=Parser},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}var Assert=__webpack_require__(18);var Type=__webpack_require__(1);var MatchingEngine=function(){function MatchingEngine(pluginStore,uriStore){_classCallCheck(this,MatchingEngine);Assert.that(pluginStore).not(undefined);Assert.that(uriStore).not(undefined);this.pluginStore=pluginStore;this.uriStore=uriStore}_createClass(MatchingEngine,[{key:"start",value:function start(mediaObject){var _this=this;var matchers=this.pluginStore.getPlugins(Type.MATCHER);var matchedMatchers=matchers.filter(function(matcher){return matcher.process(mediaObject)});var matchedIdentifiers=matchedMatchers.map(function(matcher){return matcher.getIdentifier()});var object={};matchedIdentifiers.forEach(function(identifier){if(_this.uriStore){var uri=_this.uriStore.get(identifier);if(uri===undefined){throw new Error("No uri related to identifier : "+identifier)}object[identifier]=uri}else{throw new Error("No map registrated for the matching engine")}});return object}}]);return MatchingEngine}();module.exports=MatchingEngine},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _toConsumableArray(arr){if(Array.isArray(arr)){for(var i=0,arr2=Array(arr.length);i<arr.length;i++){arr2[i]=arr[i]}return arr2}else{return Array.from(arr)}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}var Assert=__webpack_require__(18);var Type=__webpack_require__(1);var PluginUtils=__webpack_require__(55);var Permission=__webpack_require__(17);var ProcessingEngine=function(){function ProcessingEngine(pluginStore){_classCallCheck(this,ProcessingEngine);Assert.that(pluginStore).not(undefined);this.pluginStore=pluginStore;this.stacks={};this.snapshots={};this.stats=[];this.defaultPlugin=null}_createClass(ProcessingEngine,[{key:"configure",value:function configure(configuration){this.configuration=configuration}},{key:"start",value:function start(mediaObject){mediaObject.state="processing";this.routine(mediaObject);this.run(mediaObject)}},{key:"run",value:function run(mediaObject){var plugin=this.stackTop(mediaObject);if(!plugin){mediaObject.state="processed";return mediaObject}if(this.configuration){if(this.configuration.getPermission(plugin.identifier)===Permission.FORBIDDEN){var stat=this.stats[mediaObject.getId()];if(!stat.skipped){stat.skipped=[]}stat.skipped.push(plugin.identifier);this.return(mediaObject)}else{plugin.process(mediaObject)}}else{plugin.process(mediaObject)}}},{key:"routine",value:function routine(mediaObject){this.fill(mediaObject);this.snapshot(mediaObject);this.check(mediaObject)}},{key:"snapshot",value:function snapshot(mediaObject){var stackId=mediaObject.getId();if(this.stacks[stackId]){var dataStack=[];this.stacks[stackId].forEach(function(plugin){var metaDataObject={};metaDataObject.identifier=plugin.getIdentifier();metaDataObject.type=plugin.getType();dataStack.push(metaDataObject)});if(this.snapshots[stackId]){this.snapshots[stackId].push({stack:dataStack})}else{this.snapshots[stackId]=[{stack:dataStack}]}}else{this.snapshots[stackId]=[]}}},{key:"fill",value:function fill(mediaObject){var stackId=mediaObject.getId();var matchers=this.pluginStore.getPlugins(Type.MATCHER);var matchedMatchers=matchers.filter(function(matcher){return matcher.process(mediaObject)});var matchedIdentifiers=matchedMatchers.map(function(matcher){return matcher.getIdentifier()});var plugins=this.pluginStore.values();var matchedPlugins=plugins.filter(function(plugin){return plugin.type!==Type.MATCHER&&matchedIdentifiers.includes(plugin.identifier)});var pluginsByOccurrencies=PluginUtils.filterByOccurrencies(matchedPlugins);var stack=this.substack(mediaObject,pluginsByOccurrencies);if(this.stacks[stackId]){var _stacks$stackId;(_stacks$stackId=this.stacks[stackId]).push.apply(_stacks$stackId,_toConsumableArray(stack))}else{this.stacks[stackId]=stack}}},{key:"substack",value:function substack(mediaObject,pluginsByOccurrencies){var _this=this;var stack=[];pluginsByOccurrencies.once.forEach(function(plugin){if(_this.configuration){if(_this.configuration.getPermission(plugin.identifier)===Permission.FORBIDDEN){_this.skip(mediaObject,plugin)}else if(!_this.isStacked(mediaObject,plugin)){stack.push(plugin)}}else if(!_this.isStacked(mediaObject,plugin)){stack.push(plugin)}});pluginsByOccurrencies.any.forEach(function(plugin){if(_this.configuration){if(_this.configuration.getPermission(plugin.identifier)===Permission.FORBIDDEN){_this.skip(mediaObject,plugin)}else if(!_this.isStacked(mediaObject,plugin)){stack.push(plugin)}}else if(!_this.isStacked(mediaObject,plugin)){stack.push(plugin)}});pluginsByOccurrencies.every.forEach(function(plugin){if(_this.configuration){if(_this.configuration.getPermission(plugin.identifier)===Permission.FORBIDDEN){_this.skip(mediaObject,plugin)}else{stack.push(plugin)}}else{stack.push(plugin)}});return stack}},{key:"skip",value:function skip(mediaObject,plugin){var stat=this.stats[mediaObject.getId()];if(stat){if(!stat.skipped){stat.skipped=[]}}else{stat={skipped:[]}}stat.skipped.push(plugin.identifier)}},{key:"unstack",value:function unstack(mediaObject){var stackId=mediaObject.getId();if(this.stacks[stackId]){return this.stacks[stackId].pop()}return null}},{key:"stackTop",value:function stackTop(mediaObject){var stackId=mediaObject.getId();if(this.stacks[stackId]){return this.stacks[stackId][this.stacks[stackId].length-1]}return null}},{key:"check",value:function check(mediaObject){var stackId=mediaObject.getId();if(this.stacks[stackId].length>=ProcessingEngine.STACK_LIMIT){console.error(this.snapshots[stackId]);throw new Error("Plugin stack size exceed")}if(this.snapshots[stackId].length>=ProcessingEngine.SNAPSHOT_LIMIT){console.error(this.snapshots[stackId]);throw new Error("Plugin snapshots size exceed")}var rendererCount=0;this.stacks[stackId].forEach(function(plugin){if(plugin.type===Type.RENDERER){rendererCount++}});if(rendererCount>1){console.error(this.snapshots[stackId]);throw new Error("More of one renderer in the stack")}if(this.stacks[stackId].length===0&&!this.stats[stackId][Type.RENDERER]){if(!this.defaultPlugin){throw new Error("No default plugin assignated")}this.stacks[stackId].unshift(this.defaultPlugin)}}},{key:"return",value:function _return(mediaObject){var stackId=mediaObject.getId();var plugin=this.unstack(mediaObject);if(!plugin){return}try{if(!this.stats[stackId]){this.stats[stackId]={}}if(this.stats[stackId][plugin.type]){this.stats[stackId][plugin.type]+=1}else{this.stats[stackId][plugin.type]=1}}catch(err){console.error(err,this.snapshots[stackId])}if(this.stacks[stackId].length===0&&plugin.type===Type.RENDERER){this.run(mediaObject)}else if(plugin.type!==Type.SANITIZER){this.fill(mediaObject)}this.snapshot(mediaObject);this.check(mediaObject);this.run(mediaObject)}},{key:"process",value:function process(mediaObject){var stackId=mediaObject.getId();var size=this.stacks[stackId].length;var plugin=this.stacks[stackId][size-1];if(plugin){plugin.process(mediaObject)}else{console.log(this.stacks);throw new Error("Impossible to run a undefined plugin")}}},{key:"isStacked",value:function isStacked(mediaObject,plugin){var stackId=mediaObject.getId();if(this.stacks[stackId]){if(this.stacks[stackId].includes(plugin)){return true}}return false}},{key:"setDefaultPlugin",value:function setDefaultPlugin(plugin){this.defaultPlugin=plugin}}]);return ProcessingEngine}();ProcessingEngine.STACK_LIMIT=100;ProcessingEngine.SNAPSHOT_LIMIT=100;module.exports=ProcessingEngine},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Filter=__webpack_require__(12);var Identifier=__webpack_require__(0);var MediaTag=__webpack_require__(2);var ClearKeyFilter=function(_Filter){_inherits(ClearKeyFilter,_Filter);function ClearKeyFilter(){_classCallCheck(this,ClearKeyFilter);return _possibleConstructorReturn(this,(ClearKeyFilter.__proto__||Object.getPrototypeOf(ClearKeyFilter)).call(this,Identifier.CLEAR_KEY))}_createClass(ClearKeyFilter,[{key:"process",value:function process(mediaObject){var clearKey=mediaObject.getAttribute("data-clear-key");var id=clearKey.substring(0,32);var key=clearKey.substring(33,65);mediaObject.setAttribute("id",id);mediaObject.setAttribute("key",key);mediaObject.removeAttribute("data-clear-key");MediaTag.processingEngine.return(mediaObject)}}]);return ClearKeyFilter}(Filter);module.exports=ClearKeyFilter},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Identifier=__webpack_require__(0);var Type=__webpack_require__(1);var Matcher=__webpack_require__(3);var ClearKeyMatcher=function(_Matcher){_inherits(ClearKeyMatcher,_Matcher);function ClearKeyMatcher(){_classCallCheck(this,ClearKeyMatcher);return _possibleConstructorReturn(this,(ClearKeyMatcher.__proto__||Object.getPrototypeOf(ClearKeyMatcher)).call(this,Identifier.CLEAR_KEY,Type.FILTER))}_createClass(ClearKeyMatcher,[{key:"process",value:function process(mediaObject){return mediaObject.hasAttribute("data-clear-key")}}]);return ClearKeyMatcher}(Matcher);module.exports=ClearKeyMatcher},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Identifier=__webpack_require__(0);var Type=__webpack_require__(1);var Matcher=__webpack_require__(3);var CryptoMatcher=function(_Matcher){_inherits(CryptoMatcher,_Matcher);function CryptoMatcher(){_classCallCheck(this,CryptoMatcher);return _possibleConstructorReturn(this,(CryptoMatcher.__proto__||Object.getPrototypeOf(CryptoMatcher)).call(this,Identifier.CRYPTO,Type.FILTER))}_createClass(CryptoMatcher,[{key:"process",value:function process(mediaObject){return mediaObject.hasAttribute("data-crypto-key")}}]);return CryptoMatcher}(Matcher);module.exports=CryptoMatcher},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Identifier=__webpack_require__(0);var Type=__webpack_require__(1);var Matcher=__webpack_require__(3);var AudioMatcher=function(_Matcher){_inherits(AudioMatcher,_Matcher);function AudioMatcher(){_classCallCheck(this,AudioMatcher);return _possibleConstructorReturn(this,(AudioMatcher.__proto__||Object.getPrototypeOf(AudioMatcher)).call(this,Identifier.AUDIO,Type.RENDERER))}_createClass(AudioMatcher,[{key:"process",value:function process(mediaObject){var regexExtensions=/^mp3|ogg|webm|wav|mpeg$/;var regexMimes=/^audio[\/](mp3|ogg|webm|wav|mpeg)$/;return mediaObject.hasAttribute("src")&&mediaObject.getType()==="audio"&&regexExtensions.exec(mediaObject.getExtension())!==null&&regexMimes.exec(mediaObject.getMimeType())!==null}}]);return AudioMatcher}(Matcher);module.exports=AudioMatcher},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Identifier=__webpack_require__(0);var Type=__webpack_require__(1);var Matcher=__webpack_require__(3);var DashMatcher=function(_Matcher){_inherits(DashMatcher,_Matcher);function DashMatcher(){_classCallCheck(this,DashMatcher);return _possibleConstructorReturn(this,(DashMatcher.__proto__||Object.getPrototypeOf(DashMatcher)).call(this,Identifier.DASH,Type.RENDERER))}_createClass(DashMatcher,[{key:"process",value:function process(mediaObject){var regexExtensions=/^dash[+]xml$/;var regexMimes=/^application[\/]dash[+]xml$/;return mediaObject.hasAttribute("src")&&mediaObject.getType()==="application"&&regexExtensions.exec(mediaObject.getExtension())!==null&&regexMimes.exec(mediaObject.getMimeType())!==null}}]);return DashMatcher}(Matcher);module.exports=DashMatcher},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Identifier=__webpack_require__(0);var Type=__webpack_require__(1);var Matcher=__webpack_require__(3);var ImageMatcher=function(_Matcher){_inherits(ImageMatcher,_Matcher);function ImageMatcher(){_classCallCheck(this,ImageMatcher);return _possibleConstructorReturn(this,(ImageMatcher.__proto__||Object.getPrototypeOf(ImageMatcher)).call(this,Identifier.DOWNLOAD,Type.RENDERER))}_createClass(ImageMatcher,[{key:"process",value:function process(mediaObject){return mediaObject.hasAttribute("src")&&mediaObject.getType()==="download"}}]);return ImageMatcher}(Matcher);module.exports=ImageMatcher},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Identifier=__webpack_require__(0);var Type=__webpack_require__(1);var Matcher=__webpack_require__(3);var ImageMatcher=function(_Matcher){_inherits(ImageMatcher,_Matcher);function ImageMatcher(){_classCallCheck(this,ImageMatcher);return _possibleConstructorReturn(this,(ImageMatcher.__proto__||Object.getPrototypeOf(ImageMatcher)).call(this,Identifier.IMAGE,Type.RENDERER))}_createClass(ImageMatcher,[{key:"process",value:function process(mediaObject){var regexExtensions=/^png|jpg|jpeg|gif|svg[+]xml$/;var regexMimes=/^image[\/](png|jpeg|gif|svg[+]xml)$/;return mediaObject.hasAttribute("src")&&mediaObject.getType()==="image"&&regexExtensions.exec(mediaObject.getExtension())!==null&&regexMimes.exec(mediaObject.getMimeType())!==null}}]);return ImageMatcher}(Matcher);module.exports=ImageMatcher},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Identifier=__webpack_require__(0);var Type=__webpack_require__(1);var Matcher=__webpack_require__(3);var PdfMatcher=function(_Matcher){_inherits(PdfMatcher,_Matcher);function PdfMatcher(){_classCallCheck(this,PdfMatcher);return _possibleConstructorReturn(this,(PdfMatcher.__proto__||Object.getPrototypeOf(PdfMatcher)).call(this,Identifier.PDF,Type.RENDERER))}_createClass(PdfMatcher,[{key:"process",value:function process(mediaObject){var regexExtensions=/^pdf$/;var regexMimes=/^application[\/]pdf$/;return mediaObject.hasAttribute("src")&&mediaObject.getType()==="application"&&regexExtensions.exec(mediaObject.getExtension())!==null&&regexMimes.exec(mediaObject.getMimeType())!==null}}]);return PdfMatcher}(Matcher);module.exports=PdfMatcher},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Identifier=__webpack_require__(0);var Type=__webpack_require__(1);var Matcher=__webpack_require__(3);var VideoMatcher=function(_Matcher){_inherits(VideoMatcher,_Matcher);function VideoMatcher(){_classCallCheck(this,VideoMatcher);return _possibleConstructorReturn(this,(VideoMatcher.__proto__||Object.getPrototypeOf(VideoMatcher)).call(this,Identifier.VIDEO,Type.RENDERER))}_createClass(VideoMatcher,[{key:"process",value:function process(mediaObject){var regexExtensions=/^mp4|ogg|webm$/;var regexMimes=/^video[\/](mp4|ogg|webm)$/;return mediaObject.hasAttribute("src")&&mediaObject.getType()==="video"&&regexExtensions.exec(mediaObject.getExtension())!==null&&regexMimes.exec(mediaObject.getMimeType())!==null}}]);return VideoMatcher}(Matcher);module.exports=VideoMatcher},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Identifier=__webpack_require__(0);var Type=__webpack_require__(1);var Matcher=__webpack_require__(3);var MediaObjectMatcher=function(_Matcher){_inherits(MediaObjectMatcher,_Matcher);function MediaObjectMatcher(){_classCallCheck(this,MediaObjectMatcher);return _possibleConstructorReturn(this,(MediaObjectMatcher.__proto__||Object.getPrototypeOf(MediaObjectMatcher)).call(this,Identifier.MEDIA_OBJECT,Type.SANITIZER))}_createClass(MediaObjectMatcher,[{key:"process",value:function process(mediaObject){return mediaObject.hasAttribute("src")&&mediaObject.hasAttribute("data-type")}}]);return MediaObjectMatcher}(Matcher);module.exports=MediaObjectMatcher},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Renderer=__webpack_require__(4);var Identifier=__webpack_require__(0);var MediaTag=__webpack_require__(2);var AudioRenderer=function(_Renderer){_inherits(AudioRenderer,_Renderer);function AudioRenderer(){_classCallCheck(this,AudioRenderer);return _possibleConstructorReturn(this,(AudioRenderer.__proto__||Object.getPrototypeOf(AudioRenderer)).call(this,Identifier.AUDIO))}_createClass(AudioRenderer,[{key:"process",value:function process(mediaObject){var element=document.createElement("audio");element.setAttribute("src",mediaObject.getAttribute("src"));element.setAttribute("controls",true);mediaObject.utilsSetAllDataAttributes(element);mediaObject.replaceContents([element]);MediaTag.processingEngine.return(mediaObject)}}]);return AudioRenderer}(Renderer);module.exports=AudioRenderer},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Renderer=__webpack_require__(4);var Identifier=__webpack_require__(0);var MediaTag=__webpack_require__(2);var DashRenderer=function(_Renderer){_inherits(DashRenderer,_Renderer);function DashRenderer(){_classCallCheck(this,DashRenderer);return _possibleConstructorReturn(this,(DashRenderer.__proto__||Object.getPrototypeOf(DashRenderer)).call(this,Identifier.DASH))}_createClass(DashRenderer,[{key:"process",value:function process(mediaObject){var video=document.createElement("video");var player=new shaka.Player(video);var id=mediaObject.getAttribute("id");var key=mediaObject.getAttribute("key");if(id&&key){var clearKeyStringObject='{"'+id+'": "'+key+'"}';var clearKey=JSON.parse(clearKeyStringObject);player.configure({drm:{clearKeys:clearKey}})}video.setAttribute("controls",true);mediaObject.utilsSetAllDataAttributes(video);mediaObject.replaceContents([video]);player.load(mediaObject.getAttribute("src")).then(function(){});MediaTag.processingEngine.return(mediaObject)}}]);return DashRenderer}(Renderer);module.exports=DashRenderer},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Renderer=__webpack_require__(4);var Identifier=__webpack_require__(0);var MediaTag=__webpack_require__(2);var DownloadRenderer=function(_Renderer){_inherits(DownloadRenderer,_Renderer);function DownloadRenderer(message,buttonMessage){_classCallCheck(this,DownloadRenderer);var _this=_possibleConstructorReturn(this,(DownloadRenderer.__proto__||Object.getPrototypeOf(DownloadRenderer)).call(this,Identifier.DOWNLOAD));_this.message=message;_this.buttonMessage=buttonMessage||"Download";return _this}_createClass(DownloadRenderer,[{key:"process",value:function process(mediaObject){var button=document.createElement("button");button.innerHTML=this.buttonMessage;button.onclick=function(){var xhr=new XMLHttpRequest;var src=mediaObject.getAttribute("src");xhr.open("GET",src,true);xhr.responseType="blob";xhr.onload=function(){var blob=xhr.response;if(blob){if(mediaObject.name){saveAs(blob,mediaObject.name)}else if(mediaObject.getAttribute("data-attr-type")){var mime=mediaObject.getAttribute("data-attr-type");var ar=mime.split("/");var file=new File([blob],"download."+(ar[1]||"txt"),{type:mime});saveAs(file)}else{saveAs(blob)}}};xhr.send()};mediaObject.utilsSetAllDataAttributes(button);mediaObject.replaceContents([button]);MediaTag.processingEngine.return(mediaObject)}}]);return DownloadRenderer}(Renderer);module.exports=DownloadRenderer},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Renderer=__webpack_require__(4);var Identifier=__webpack_require__(0);var MediaTag=__webpack_require__(2);var ImageRenderer=function(_Renderer){_inherits(ImageRenderer,_Renderer);function ImageRenderer(){_classCallCheck(this,ImageRenderer);return _possibleConstructorReturn(this,(ImageRenderer.__proto__||Object.getPrototypeOf(ImageRenderer)).call(this,Identifier.IMAGE))}_createClass(ImageRenderer,[{key:"process",value:function process(mediaObject){var element=document.createElement("img");element.setAttribute("src",mediaObject.getAttribute("src"));mediaObject.utilsSetAllDataAttributes(element);mediaObject.replaceContents([element]);MediaTag.processingEngine.return(mediaObject)}}]);return ImageRenderer}(Renderer);module.exports=ImageRenderer},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Renderer=__webpack_require__(4);var Identifier=__webpack_require__(0);var MediaTag=__webpack_require__(2);var Mode={PDFJS:"pdfjs",DEFAULT:"default"};var PdfRenderer=function(_Renderer){_inherits(PdfRenderer,_Renderer);function PdfRenderer(){_classCallCheck(this,PdfRenderer);return _possibleConstructorReturn(this,(PdfRenderer.__proto__||Object.getPrototypeOf(PdfRenderer)).call(this,Identifier.PDF))}_createClass(PdfRenderer,[{key:"process",value:function process(mediaObject){var url=mediaObject.getAttribute("src");var iframe=document.createElement("iframe");if(!mediaObject.getAttribute("data-attr-width")){iframe.setAttribute("width","100%")}if(!mediaObject.getAttribute("data-attr-height")){iframe.setAttribute("height",document.body.scrollHeight)}if(!PdfRenderer.viewer){PdfRenderer.mode=Mode.DEFAULT}switch(PdfRenderer.mode){case Mode.PDFJS:{var viewerUrl=PdfRenderer.viewer+"?file="+url;var xhr=new XMLHttpRequest;xhr.onload=function(){if(xhr.status<400){iframe.src=viewerUrl}else{console.warn("The pdfjs viewer has not been found ...\n\t\t\t\t\t\t\tThe browser viewer will be used by default");iframe.src=""+url}};xhr.open("HEAD",viewerUrl,true);xhr.send();break}default:{iframe.src=""+url}}mediaObject.utilsSetAllDataAttributes(iframe);mediaObject.replaceContents([iframe]);iframe.onload=function(){MediaTag.processingEngine.return(mediaObject)}}}]);return PdfRenderer}(Renderer);PdfRenderer.viewer=null;PdfRenderer.mode=Mode.PDFJS;module.exports=PdfRenderer},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Renderer=__webpack_require__(4);var Identifier=__webpack_require__(0);var MediaTag=__webpack_require__(2);var VideoRenderer=function(_Renderer){_inherits(VideoRenderer,_Renderer);function VideoRenderer(){_classCallCheck(this,VideoRenderer);return _possibleConstructorReturn(this,(VideoRenderer.__proto__||Object.getPrototypeOf(VideoRenderer)).call(this,Identifier.VIDEO))}_createClass(VideoRenderer,[{key:"process",value:function process(mediaObject){var element=document.createElement("video");element.setAttribute("src",mediaObject.getAttribute("src"));element.setAttribute("controls",true);mediaObject.utilsSetAllDataAttributes(element);mediaObject.replaceContents([element]);MediaTag.processingEngine.return(mediaObject)}}]);return VideoRenderer}(Renderer);module.exports=VideoRenderer},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Sanitizer=__webpack_require__(20);var Identifier=__webpack_require__(0);var MediaTag=__webpack_require__(2);var MediaObjectSanitizer=function(_Sanitizer){_inherits(MediaObjectSanitizer,_Sanitizer);function MediaObjectSanitizer(){_classCallCheck(this,MediaObjectSanitizer);return _possibleConstructorReturn(this,(MediaObjectSanitizer.__proto__||Object.getPrototypeOf(MediaObjectSanitizer)).call(this,Identifier.MEDIA_OBJECT))}_createClass(MediaObjectSanitizer,[{key:"process",value:function process(mediaObject){MediaTag.processingEngine.return(mediaObject)}}]);return MediaObjectSanitizer}(Sanitizer);module.exports=MediaObjectSanitizer},function(module,exports,__webpack_require__){"use strict";var ImageMatcher=__webpack_require__(41);var AudioMatcher=__webpack_require__(38);var VideoMatcher=__webpack_require__(43);var PdfMatcher=__webpack_require__(42);var DashMatcher=__webpack_require__(39);var DownloadMatcher=__webpack_require__(40);var CryptoMatcher=__webpack_require__(37);var ClearKeyMatcher=__webpack_require__(36);var MediaObjectMatcher=__webpack_require__(44);var MediaTag=__webpack_require__(2);MediaTag.pluginStore.store(new ImageMatcher);MediaTag.pluginStore.store(new AudioMatcher);MediaTag.pluginStore.store(new VideoMatcher);MediaTag.pluginStore.store(new PdfMatcher);MediaTag.pluginStore.store(new DashMatcher);MediaTag.pluginStore.store(new DownloadMatcher);MediaTag.pluginStore.store(new CryptoMatcher);MediaTag.pluginStore.store(new ClearKeyMatcher);MediaTag.pluginStore.store(new MediaObjectMatcher);module.exports=MediaTag},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();var _get=function get(object,property,receiver){if(object===null)object=Function.prototype;var desc=Object.getOwnPropertyDescriptor(object,property);if(desc===undefined){var parent=Object.getPrototypeOf(object);if(parent===null){return undefined}else{return get(parent,property,receiver)}}else if("value"in desc){return desc.value}else{var getter=desc.get;if(getter===undefined){return undefined}return getter.call(receiver)}};function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Store=__webpack_require__(10);var PluginStore=function(_Store){_inherits(PluginStore,_Store);function PluginStore(){_classCallCheck(this,PluginStore);return _possibleConstructorReturn(this,(PluginStore.__proto__||Object.getPrototypeOf(PluginStore)).apply(this,arguments))}_createClass(PluginStore,[{key:"getPlugins",value:function getPlugins(type){var plugins=this.values();return plugins.filter(function(plugin){if(plugin.type===type){return true}return false})}},{key:"store",value:function store(plugin){_get(PluginStore.prototype.__proto__||Object.getPrototypeOf(PluginStore.prototype),"store",this).call(this,[plugin.identifier,plugin.type],plugin)}},{key:"unstore",value:function unstore(plugin){if(PluginStore.isStored([plugin.identifier,plugin.type])===false){console.warn('The key "'+[plugin.identifier,plugin.type]+'" not exists in this manager')}else{return _get(PluginStore.prototype.__proto__||Object.getPrototypeOf(PluginStore.prototype),"unstore",this).call(this,[plugin.identifier,plugin.type])}}}]);return PluginStore}(Store);module.exports=PluginStore},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();var _get=function get(object,property,receiver){if(object===null)object=Function.prototype;var desc=Object.getOwnPropertyDescriptor(object,property);if(desc===undefined){var parent=Object.getPrototypeOf(object);if(parent===null){return undefined}else{return get(parent,property,receiver)}}else if("value"in desc){return desc.value}else{var getter=desc.get;if(getter===undefined){return undefined}return getter.call(receiver)}};function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Store=__webpack_require__(10);var UriStore=function(_Store){_inherits(UriStore,_Store);function UriStore(targetDirectory){_classCallCheck(this,UriStore);var _this=_possibleConstructorReturn(this,(UriStore.__proto__||Object.getPrototypeOf(UriStore)).call(this));_this.targetDirectory=targetDirectory;return _this}_createClass(UriStore,[{key:"store",value:function store(identifier,type){var uri=this.targetDirectory+"/"+type+"s/"+identifier;_get(UriStore.prototype.__proto__||Object.getPrototypeOf(UriStore.prototype),"store",this).call(this,identifier,uri)}},{key:"unstore",value:function unstore(identifier){return _get(UriStore.prototype.__proto__||Object.getPrototypeOf(UriStore.prototype),"unstore",this).call(this,identifier)}}]);return UriStore}(Store);module.exports=UriStore},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}var PluginUtils=function(){function PluginUtils(){_classCallCheck(this,PluginUtils)}_createClass(PluginUtils,null,[{key:"filterByOccurrence",value:function filterByOccurrence(plugins,occurrence){return plugins.filter(function(plugin){return plugin.occurrence===occurrence})}},{key:"filterByOccurrencies",value:function filterByOccurrencies(plugins){var result={once:[],any:[],every:[]};var _iteratorNormalCompletion=true;var _didIteratorError=false;var _iteratorError=undefined;try{for(var _iterator=plugins[Symbol.iterator](),_step;!(_iteratorNormalCompletion=(_step=_iterator.next()).done);_iteratorNormalCompletion=true){var plugin=_step.value;if(result[plugin.occurrence]){result[plugin.occurrence].push(plugin)}else{result[plugin.occurrence]=Array.of(plugin)}}}catch(err){_didIteratorError=true;_iteratorError=err}finally{try{if(!_iteratorNormalCompletion&&_iterator.return){_iterator.return()}}finally{if(_didIteratorError){throw _iteratorError}}}return result}}]);return PluginUtils}();module.exports=PluginUtils},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(module,exports,__webpack_require__){module.exports=__webpack_require__(19)}])});
\ No newline at end of file
+(function webpackUniversalModuleDefinition(root,factory){if(typeof exports==="object"&&typeof module==="object")module.exports=factory();else if(typeof define==="function"&&define.amd)define([],factory);else if(typeof exports==="object")exports["MediaTag"]=factory();else root["MediaTag"]=factory()})(this,function(){return function(modules){var installedModules={};function __webpack_require__(moduleId){if(installedModules[moduleId]){return installedModules[moduleId].exports}var module=installedModules[moduleId]={i:moduleId,l:false,exports:{}};modules[moduleId].call(module.exports,module,module.exports,__webpack_require__);module.l=true;return module.exports}__webpack_require__.m=modules;__webpack_require__.c=installedModules;__webpack_require__.d=function(exports,name,getter){if(!__webpack_require__.o(exports,name)){Object.defineProperty(exports,name,{configurable:false,enumerable:true,get:getter})}};__webpack_require__.n=function(module){var getter=module&&module.__esModule?function getDefault(){return module["default"]}:function getModuleExports(){return module};__webpack_require__.d(getter,"a",getter);return getter};__webpack_require__.o=function(object,property){return Object.prototype.hasOwnProperty.call(object,property)};__webpack_require__.p="";return __webpack_require__(__webpack_require__.s=63)}([function(module,exports,__webpack_require__){"use strict";var Identifier={IMAGE:"image",AUDIO:"audio",VIDEO:"video",PDF:"pdf",DASH:"dash",DOWNLOAD:"download",CRYPTO:"crypto",CLEAR_KEY:"clear-key",MEDIA_OBJECT:"media-object"};module.exports=Identifier},function(module,exports,__webpack_require__){"use strict";var Type={MATCHER:"matcher",RENDERER:"renderer",FILTER:"filter",SANITIZER:"sanitizer"};module.exports=Type},function(module,exports,__webpack_require__){"use strict";var ProcessingEngine=__webpack_require__(31);var MatchingEngine=__webpack_require__(33);var PluginStore=__webpack_require__(34);var UriStore=__webpack_require__(35);var MediaTag=__webpack_require__(36);function MediaTagAPI(elements){if(elements instanceof Array){var mediaObjects=[];elements.forEach(function(element){if(element.mediaObject){mediaObjects.push(element.mediaObject)}else{var _mediaTag=new MediaTag(element,MediaTagAPI.processingEngine);_mediaTag.mediaObjects.forEach(function(mediaObject){mediaObjects.push(MediaTagAPI.processingEngine.start(mediaObject))})}});return mediaObjects}var element=elements;var mediaTag=new MediaTag(element,MediaTagAPI.processingEngine);mediaTag.mediaObjects.forEach(function(mediaObject){MediaTagAPI.processingEngine.start(mediaObject)})}MediaTagAPI.pluginStore=MediaTagAPI.pluginStore||new PluginStore;MediaTagAPI.uriStore=MediaTagAPI.uriStore||new UriStore("../plugins");MediaTagAPI.processingEngine=MediaTagAPI.processingEngine||new ProcessingEngine(MediaTagAPI.pluginStore);MediaTagAPI.matchingEngine=MediaTagAPI.matchingEngine||new MatchingEngine(MediaTagAPI.pluginStore,MediaTagAPI.uriStore);MediaTagAPI.loadingEngine=null;module.exports=MediaTagAPI},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Type=__webpack_require__(1);var Occurrence=__webpack_require__(5);var Plugin=__webpack_require__(6);var Matcher=function(_Plugin){_inherits(Matcher,_Plugin);function Matcher(identifier,targetType){_classCallCheck(this,Matcher);var _this=_possibleConstructorReturn(this,(Matcher.__proto__||Object.getPrototypeOf(Matcher)).call(this,identifier,Type.MATCHER,Occurrence.ANY));_this.targetType=targetType;return _this}_createClass(Matcher,[{key:"getTargetType",value:function getTargetType(){return this.targetType}}]);return Matcher}(Plugin);module.exports=Matcher},function(module,exports,__webpack_require__){"use strict";function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Type=__webpack_require__(1);var Occurrence=__webpack_require__(5);var Plugin=__webpack_require__(6);var Renderer=function(_Plugin){_inherits(Renderer,_Plugin);function Renderer(identifier){_classCallCheck(this,Renderer);return _possibleConstructorReturn(this,(Renderer.__proto__||Object.getPrototypeOf(Renderer)).call(this,identifier,Type.RENDERER,Occurrence.ONCE))}return Renderer}(Plugin);module.exports=Renderer},function(module,exports,__webpack_require__){"use strict";var Occurrence={EVERY:"every",ANY:"any",ONCE:"once"};module.exports=Occurrence},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}var Plugin=function(){function Plugin(identifier,type,occurrence){_classCallCheck(this,Plugin);this.identifier=identifier;this.type=type;this.occurrence=occurrence}_createClass(Plugin,[{key:"getIdentifier",value:function getIdentifier(){if(this.identifier){return this.identifier}throw new Error("Plugin has not identifier")}},{key:"getType",value:function getType(){if(this.type){return this.type}throw new Error("Plugin has no type")}},{key:"start",value:function start(mediaObject){return this.process(mediaObject)}}]);return Plugin}();module.exports=Plugin},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Filter=__webpack_require__(11);var Identifier=__webpack_require__(0);var Store=__webpack_require__(8);var CryptoFilter=function(_Filter){_inherits(CryptoFilter,_Filter);function CryptoFilter(){_classCallCheck(this,CryptoFilter);return _possibleConstructorReturn(this,(CryptoFilter.__proto__||Object.getPrototypeOf(CryptoFilter)).call(this,Identifier.CRYPTO))}_createClass(CryptoFilter,[{key:"process",value:function process(mediaObject){var dataCryptoKey=mediaObject.getAttribute("data-crypto-key");var schemes=/\w+:/.exec(dataCryptoKey);if(schemes===null){throw new Error("No algorithm scheme found in data-crypto-key")}var algorithmScheme=schemes[0];var algorithmName=algorithmScheme.replace(":","");var stringKey=dataCryptoKey.replace(algorithmScheme,"");mediaObject.setAttribute("data-crypto-key",stringKey);if(CryptoFilter.functionStore.isStored(algorithmName)){var algorithm=CryptoFilter.functionStore.get(algorithmName);algorithm(mediaObject)}else{throw new Error("Algorithm "+algorithmName+" is not registered")}}}]);return CryptoFilter}(Filter);CryptoFilter.functionStore=CryptoFilter.functionStore||new Store;CryptoFilter.mediaTypes=[];CryptoFilter.setAllowedMediaTypes=function(mediaTypes){CryptoFilter.mediaTypes=mediaTypes};CryptoFilter.getAllowedMediaTypes=function(){return CryptoFilter.mediaTypes};CryptoFilter.addAllowedMediaType=function(mediaType){CryptoFilter.mediaTypes.push(mediaType)};CryptoFilter.addAllAllowedMediaTypes=function(mediaTypes){mediaTypes.forEach(function(mediaType){CryptoFilter.addAllowedMediaType(mediaType)})};CryptoFilter.removeAllowedMediaType=function(mediaType){var index=CryptoFilter.mediaTypes.indexOf(mediaType);if(index>=0){CryptoFilter.mediaTypes.splice(index,1)}};CryptoFilter.removeAllAllowedMediaTypes=function(mediaTypes){mediaTypes.forEach(function(mediaType){CryptoFilter.removeAllowedMediaType(mediaType)})};CryptoFilter.isAllowedMediaType=function(mediaType){return CryptoFilter.mediaTypes.some(function(type){return type===mediaType})};module.exports=CryptoFilter},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}var Store=function(){function Store(){_classCallCheck(this,Store);this.map={}}_createClass(Store,[{key:"isStored",value:function isStored(key){if(this.get(key)){return true}return false}},{key:"store",value:function store(key,value){if(this.isStored(key)){console.warn('The key "'+key+'" is already registered, the content will be overwritten.')}this.map[key]=value}},{key:"unstore",value:function unstore(key){if(this.isStored(key)===false){console.warn('The key "'+key+'" not exists in this manager')}else{var value=this.map[key];delete this.map[key];return value}}},{key:"get",value:function get(key){return this.map[key]}},{key:"keys",value:function keys(){return Object.keys(this.map)}},{key:"values",value:function values(){var _this=this;var keys=this.keys();return keys.map(function(key){return _this.get(key)})}}]);return Store}();module.exports=Store},function(module,exports,__webpack_require__){"use strict";var hide=__webpack_require__(16);var show=__webpack_require__(15);module.exports=function(mediaObjectToActivate,mediaTag){mediaTag.mediaObjects.forEach(function(mediaObject){hide(mediaObject)});mediaTag.activeMediaObject=mediaObjectToActivate;show(mediaObjectToActivate)}},,function(module,exports,__webpack_require__){"use strict";function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Type=__webpack_require__(1);var Occurrence=__webpack_require__(5);var Plugin=__webpack_require__(6);var Filter=function(_Plugin){_inherits(Filter,_Plugin);function Filter(identifier){_classCallCheck(this,Filter);return _possibleConstructorReturn(this,(Filter.__proto__||Object.getPrototypeOf(Filter)).call(this,identifier,Type.FILTER,Occurrence.ANY))}return Filter}(Plugin);module.exports=Filter},,function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}var Assert=function(){function Assert(truth){_classCallCheck(this,Assert);this.truth=truth}_createClass(Assert,[{key:"is",value:function is(predicate){if(this.truth===predicate){return this}throw new Error("Assertion fail on : "+this.truth+" is "+predicate)}},{key:"not",value:function not(predicate){if(this.truth!==predicate){return this}throw new Error("Assertion fail on : "+this.truth+" is not "+predicate)}}],[{key:"that",value:function that(truth){return new Assert(truth)}}]);return Assert}();module.exports=Assert},function(module,exports,__webpack_require__){"use strict";var Permission={ALLOWED:0,REQUIRED:1,FORBIDDEN:2};module.exports=Permission},function(module,exports,__webpack_require__){"use strict";module.exports=function(mediaObject){mediaObject.element.style.display="block";var _iteratorNormalCompletion=true;var _didIteratorError=false;var _iteratorError=undefined;try{for(var _iterator=mediaObject.hookedFns.children()[Symbol.iterator](),_step;!(_iteratorNormalCompletion=(_step=_iterator.next()).done);_iteratorNormalCompletion=true){var child=_step.value;child.style.display="block"}}catch(err){_didIteratorError=true;_iteratorError=err}finally{try{if(!_iteratorNormalCompletion&&_iterator.return){_iterator.return()}}finally{if(_didIteratorError){throw _iteratorError}}}}},function(module,exports,__webpack_require__){"use strict";module.exports=function(mediaObject){mediaObject.element.style.display="none";var _iteratorNormalCompletion=true;var _didIteratorError=false;var _iteratorError=undefined;try{for(var _iterator=mediaObject.hookedFns.children()[Symbol.iterator](),_step;!(_iteratorNormalCompletion=(_step=_iterator.next()).done);_iteratorNormalCompletion=true){var child=_step.value;child.style.display="none"}}catch(err){_didIteratorError=true;_iteratorError=err}finally{try{if(!_iteratorNormalCompletion&&_iterator.return){_iterator.return()}}finally{if(_didIteratorError){throw _iteratorError}}}}},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}var AttributesObject=function(){function AttributesObject(element){var _this=this;_classCallCheck(this,AttributesObject);Object.keys(element.attributes).forEach(function(key){_this[element.attributes[key].name]=element.attributes[key].value})}_createClass(AttributesObject,[{key:"getAttribute",value:function getAttribute(attribute){return this[attribute]}},{key:"setAttribute",value:function setAttribute(attribute,value){this[attribute]=value}},{key:"removeAttribute",value:function removeAttribute(attribute){delete this[attribute]}},{key:"hasAttributes",value:function hasAttributes(){return Object.keys(this)>0}}]);return AttributesObject}();module.exports=AttributesObject},function(module,exports,__webpack_require__){"use strict";function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Errors={PluginExists:function(_Error){_inherits(PluginExists,_Error);function PluginExists(objPlugin){_classCallCheck(this,PluginExists);return _possibleConstructorReturn(this,(PluginExists.__proto__||Object.getPrototypeOf(PluginExists)).call(this,'Plugin with same "'+objPlugin.identifier+'" identifier found.'))}return PluginExists}(Error),TypeNotFound:function(_Error2){_inherits(TypeNotFound,_Error2);function TypeNotFound(){_classCallCheck(this,TypeNotFound);return _possibleConstructorReturn(this,(TypeNotFound.__proto__||Object.getPrototypeOf(TypeNotFound)).call(this,"Media Tag could not find the content type of an instance.}."))}return TypeNotFound}(Error),FilterExists:function(_Error3){_inherits(FilterExists,_Error3);function FilterExists(filter){_classCallCheck(this,FilterExists);return _possibleConstructorReturn(this,(FilterExists.__proto__||Object.getPrototypeOf(FilterExists)).call(this,'Filter with same "'+filter.identifier+' identifier found."'))}return FilterExists}(Error),FetchFail:function(_Error4){_inherits(FetchFail,_Error4);function FetchFail(response){_classCallCheck(this,FetchFail);return _possibleConstructorReturn(this,(FetchFail.__proto__||Object.getPrototypeOf(FetchFail)).call(this,'Could not fetch "'+response.url+'", received "'+response.status+": "+response.statusText+'".'))}return FetchFail}(Error),InvalidCryptoKey:function(_Error5){_inherits(InvalidCryptoKey,_Error5);function InvalidCryptoKey(){_classCallCheck(this,InvalidCryptoKey);return _possibleConstructorReturn(this,(InvalidCryptoKey.__proto__||Object.getPrototypeOf(InvalidCryptoKey)).call(this,"Invalid cryptographic key."))}return InvalidCryptoKey}(Error),InvalidCryptoLib:function(_Error6){_inherits(InvalidCryptoLib,_Error6);function InvalidCryptoLib(){_classCallCheck(this,InvalidCryptoLib);return _possibleConstructorReturn(this,(InvalidCryptoLib.__proto__||Object.getPrototypeOf(InvalidCryptoLib)).call(this,"Invalid cryptographic algorithm name."))}return InvalidCryptoLib}(Error),FailedCrypto:function(_Error7){_inherits(FailedCrypto,_Error7);function FailedCrypto(err){_classCallCheck(this,FailedCrypto);return _possibleConstructorReturn(this,(FailedCrypto.__proto__||Object.getPrototypeOf(FailedCrypto)).call(this,"Failed to decrypt file"+(err&&err.message?" "+err.message:"")+"."))}return FailedCrypto}(Error)};module.exports=Errors},function(module,exports,__webpack_require__){"use strict";var MediaTag=__webpack_require__(21);var ImagePlugin=__webpack_require__(43);var AudioPlugin=__webpack_require__(44);var VideoPlugin=__webpack_require__(45);var PdfPlugin=__webpack_require__(46);var DashPlugin=__webpack_require__(47);var DownloadPlugin=__webpack_require__(48);var CryptoFilter=__webpack_require__(7);var ClearKeyFilter=__webpack_require__(49);var MediaObjectSanitizer=__webpack_require__(50);MediaTag.pluginStore.store(new ImagePlugin);MediaTag.pluginStore.store(new AudioPlugin);MediaTag.pluginStore.store(new VideoPlugin);MediaTag.pluginStore.store(new PdfPlugin);MediaTag.pluginStore.store(new DashPlugin);MediaTag.pluginStore.store(new DownloadPlugin);MediaTag.pluginStore.store(new CryptoFilter);MediaTag.pluginStore.store(new ClearKeyFilter);MediaTag.pluginStore.store(new MediaObjectSanitizer);var Salsa20Poly1305Algorithm=__webpack_require__(51);var CryptpadAlgorithm=__webpack_require__(52);CryptoFilter.functionStore.store("salsa20poly1305",Salsa20Poly1305Algorithm);CryptoFilter.functionStore.store("cryptpad",CryptpadAlgorithm);var defaultPlugin=new DownloadPlugin("<p> MediaTag cannot find a plugin able to renderer your content </p>","Download");MediaTag.processingEngine.setDefaultPlugin(defaultPlugin);MediaTag.CryptoFilter=CryptoFilter;var allowedMediaTypes=["image/png","image/jpeg","image/jpg","image/gif","audio/mp3","audio/ogg","audio/wav","audio/webm","video/mp4","video/ogg","video/webm","application/pdf","application/dash+xml","download"];MediaTag.CryptoFilter.setAllowedMediaTypes(allowedMediaTypes);var Configuration=__webpack_require__(53);var Permission=__webpack_require__(14);var Identifier=__webpack_require__(0);var configuration=new Configuration;MediaTag.PdfPlugin=PdfPlugin;MediaTag.PdfPlugin.viewer="/pdfjs/web/viewer.html";MediaTag.processingEngine.configure(configuration);module.exports=MediaTag},function(module,exports,__webpack_require__){"use strict";function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Type=__webpack_require__(1);var Occurrence=__webpack_require__(5);var Plugin=__webpack_require__(6);var Sanitizer=function(_Plugin){_inherits(Sanitizer,_Plugin);function Sanitizer(identifier){_classCallCheck(this,Sanitizer);return _possibleConstructorReturn(this,(Sanitizer.__proto__||Object.getPrototypeOf(Sanitizer)).call(this,identifier,Type.SANITIZER,Occurrence.EVERY))}return Sanitizer}(Plugin);module.exports=Sanitizer},function(module,exports,__webpack_require__){"use strict";var ImageMatcher=__webpack_require__(22);var AudioMatcher=__webpack_require__(23);var VideoMatcher=__webpack_require__(24);var PdfMatcher=__webpack_require__(25);var DashMatcher=__webpack_require__(26);var DownloadMatcher=__webpack_require__(27);var CryptoMatcher=__webpack_require__(28);var ClearKeyMatcher=__webpack_require__(29);var MediaObjectMatcher=__webpack_require__(30);var MediaTag=__webpack_require__(2);MediaTag.pluginStore.store(new ImageMatcher);MediaTag.pluginStore.store(new AudioMatcher);MediaTag.pluginStore.store(new VideoMatcher);MediaTag.pluginStore.store(new PdfMatcher);MediaTag.pluginStore.store(new DashMatcher);MediaTag.pluginStore.store(new DownloadMatcher);MediaTag.pluginStore.store(new CryptoMatcher);MediaTag.pluginStore.store(new ClearKeyMatcher);MediaTag.pluginStore.store(new MediaObjectMatcher);module.exports=MediaTag},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Identifier=__webpack_require__(0);var Type=__webpack_require__(1);var Matcher=__webpack_require__(3);var ImageMatcher=function(_Matcher){_inherits(ImageMatcher,_Matcher);function ImageMatcher(){_classCallCheck(this,ImageMatcher);return _possibleConstructorReturn(this,(ImageMatcher.__proto__||Object.getPrototypeOf(ImageMatcher)).call(this,Identifier.IMAGE,Type.RENDERER))}_createClass(ImageMatcher,[{key:"process",value:function process(mediaObject){var regexExtensions=/^png|jpg|jpeg|gif|svg[+]xml$/;var regexMimes=/^image[\/](png|jpeg|gif|svg[+]xml)$/;return mediaObject.hasAttribute("src")&&mediaObject.getType()==="image"&&regexExtensions.exec(mediaObject.getExtension())!==null&&regexMimes.exec(mediaObject.getMimeType())!==null}}]);return ImageMatcher}(Matcher);module.exports=ImageMatcher},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Identifier=__webpack_require__(0);var Type=__webpack_require__(1);var Matcher=__webpack_require__(3);var AudioMatcher=function(_Matcher){_inherits(AudioMatcher,_Matcher);function AudioMatcher(){_classCallCheck(this,AudioMatcher);return _possibleConstructorReturn(this,(AudioMatcher.__proto__||Object.getPrototypeOf(AudioMatcher)).call(this,Identifier.AUDIO,Type.RENDERER))}_createClass(AudioMatcher,[{key:"process",value:function process(mediaObject){var regexExtensions=/^mp3|ogg|webm|wav|mpeg$/;var regexMimes=/^audio[\/](mp3|ogg|webm|wav|mpeg)$/;return mediaObject.hasAttribute("src")&&mediaObject.getType()==="audio"&&regexExtensions.exec(mediaObject.getExtension())!==null&&regexMimes.exec(mediaObject.getMimeType())!==null}}]);return AudioMatcher}(Matcher);module.exports=AudioMatcher},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Identifier=__webpack_require__(0);var Type=__webpack_require__(1);var Matcher=__webpack_require__(3);var VideoMatcher=function(_Matcher){_inherits(VideoMatcher,_Matcher);function VideoMatcher(){_classCallCheck(this,VideoMatcher);return _possibleConstructorReturn(this,(VideoMatcher.__proto__||Object.getPrototypeOf(VideoMatcher)).call(this,Identifier.VIDEO,Type.RENDERER))}_createClass(VideoMatcher,[{key:"process",value:function process(mediaObject){var regexExtensions=/^mp4|ogg|webm$/;var regexMimes=/^video[\/](mp4|ogg|webm)$/;return mediaObject.hasAttribute("src")&&mediaObject.getType()==="video"&&regexExtensions.exec(mediaObject.getExtension())!==null&&regexMimes.exec(mediaObject.getMimeType())!==null}}]);return VideoMatcher}(Matcher);module.exports=VideoMatcher},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Identifier=__webpack_require__(0);var Type=__webpack_require__(1);var Matcher=__webpack_require__(3);var PdfMatcher=function(_Matcher){_inherits(PdfMatcher,_Matcher);function PdfMatcher(){_classCallCheck(this,PdfMatcher);return _possibleConstructorReturn(this,(PdfMatcher.__proto__||Object.getPrototypeOf(PdfMatcher)).call(this,Identifier.PDF,Type.RENDERER))}_createClass(PdfMatcher,[{key:"process",value:function process(mediaObject){var regexExtensions=/^pdf$/;var regexMimes=/^application[\/]pdf$/;return mediaObject.hasAttribute("src")&&mediaObject.getType()==="application"&&regexExtensions.exec(mediaObject.getExtension())!==null&&regexMimes.exec(mediaObject.getMimeType())!==null}}]);return PdfMatcher}(Matcher);module.exports=PdfMatcher},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Identifier=__webpack_require__(0);var Type=__webpack_require__(1);var Matcher=__webpack_require__(3);var DashMatcher=function(_Matcher){_inherits(DashMatcher,_Matcher);function DashMatcher(){_classCallCheck(this,DashMatcher);return _possibleConstructorReturn(this,(DashMatcher.__proto__||Object.getPrototypeOf(DashMatcher)).call(this,Identifier.DASH,Type.RENDERER))}_createClass(DashMatcher,[{key:"process",value:function process(mediaObject){var regexExtensions=/^dash[+]xml$/;var regexMimes=/^application[\/]dash[+]xml$/;return mediaObject.hasAttribute("src")&&mediaObject.getType()==="application"&&regexExtensions.exec(mediaObject.getExtension())!==null&&regexMimes.exec(mediaObject.getMimeType())!==null}}]);return DashMatcher}(Matcher);module.exports=DashMatcher},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Identifier=__webpack_require__(0);var Type=__webpack_require__(1);var Matcher=__webpack_require__(3);var ImageMatcher=function(_Matcher){_inherits(ImageMatcher,_Matcher);function ImageMatcher(){_classCallCheck(this,ImageMatcher);return _possibleConstructorReturn(this,(ImageMatcher.__proto__||Object.getPrototypeOf(ImageMatcher)).call(this,Identifier.DOWNLOAD,Type.RENDERER))}_createClass(ImageMatcher,[{key:"process",value:function process(mediaObject){return mediaObject.hasAttribute("src")&&mediaObject.getType()==="download"}}]);return ImageMatcher}(Matcher);module.exports=ImageMatcher},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Identifier=__webpack_require__(0);var Type=__webpack_require__(1);var Matcher=__webpack_require__(3);var CryptoMatcher=function(_Matcher){_inherits(CryptoMatcher,_Matcher);function CryptoMatcher(){_classCallCheck(this,CryptoMatcher);return _possibleConstructorReturn(this,(CryptoMatcher.__proto__||Object.getPrototypeOf(CryptoMatcher)).call(this,Identifier.CRYPTO,Type.FILTER))}_createClass(CryptoMatcher,[{key:"process",value:function process(mediaObject){return mediaObject.hasAttribute("data-crypto-key")}}]);return CryptoMatcher}(Matcher);module.exports=CryptoMatcher},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Identifier=__webpack_require__(0);var Type=__webpack_require__(1);var Matcher=__webpack_require__(3);var ClearKeyMatcher=function(_Matcher){_inherits(ClearKeyMatcher,_Matcher);function ClearKeyMatcher(){_classCallCheck(this,ClearKeyMatcher);return _possibleConstructorReturn(this,(ClearKeyMatcher.__proto__||Object.getPrototypeOf(ClearKeyMatcher)).call(this,Identifier.CLEAR_KEY,Type.FILTER))}_createClass(ClearKeyMatcher,[{key:"process",value:function process(mediaObject){return mediaObject.hasAttribute("data-clear-key")}}]);return ClearKeyMatcher}(Matcher);module.exports=ClearKeyMatcher},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Identifier=__webpack_require__(0);var Type=__webpack_require__(1);var Matcher=__webpack_require__(3);var MediaObjectMatcher=function(_Matcher){_inherits(MediaObjectMatcher,_Matcher);function MediaObjectMatcher(){_classCallCheck(this,MediaObjectMatcher);return _possibleConstructorReturn(this,(MediaObjectMatcher.__proto__||Object.getPrototypeOf(MediaObjectMatcher)).call(this,Identifier.MEDIA_OBJECT,Type.SANITIZER))}_createClass(MediaObjectMatcher,[{key:"process",value:function process(mediaObject){return mediaObject.hasAttribute("src")&&mediaObject.hasAttribute("data-type")}}]);return MediaObjectMatcher}(Matcher);module.exports=MediaObjectMatcher},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _toConsumableArray(arr){if(Array.isArray(arr)){for(var i=0,arr2=Array(arr.length);i<arr.length;i++){arr2[i]=arr[i]}return arr2}else{return Array.from(arr)}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}var Assert=__webpack_require__(13);var Type=__webpack_require__(1);var PluginUtils=__webpack_require__(32);var Permission=__webpack_require__(14);var ProcessingEngine=function(){function ProcessingEngine(pluginStore){_classCallCheck(this,ProcessingEngine);Assert.that(pluginStore).not(undefined);this.pluginStore=pluginStore;this.stacks={};this.snapshots={};this.stats=[];this.defaultPlugin=null}_createClass(ProcessingEngine,[{key:"configure",value:function configure(configuration){this.configuration=configuration}},{key:"start",value:function start(mediaObject){mediaObject.state="processing";this.routine(mediaObject);this.run(mediaObject)}},{key:"run",value:function run(mediaObject){var plugin=this.stackTop(mediaObject);if(!plugin){mediaObject.state="processed";return mediaObject}if(this.configuration){if(this.configuration.getPermission(plugin.identifier)===Permission.FORBIDDEN){var stat=this.stats[mediaObject.getId()];if(!stat.skipped){stat.skipped=[]}stat.skipped.push(plugin.identifier);this.return(mediaObject)}else{plugin.process(mediaObject)}}else{plugin.process(mediaObject)}}},{key:"routine",value:function routine(mediaObject){this.fill(mediaObject);this.snapshot(mediaObject);this.check(mediaObject)}},{key:"snapshot",value:function snapshot(mediaObject){var stackId=mediaObject.getId();if(this.stacks[stackId]){var dataStack=[];this.stacks[stackId].forEach(function(plugin){var metaDataObject={};metaDataObject.identifier=plugin.getIdentifier();metaDataObject.type=plugin.getType();dataStack.push(metaDataObject)});if(this.snapshots[stackId]){this.snapshots[stackId].push({stack:dataStack})}else{this.snapshots[stackId]=[{stack:dataStack}]}}else{this.snapshots[stackId]=[]}}},{key:"fill",value:function fill(mediaObject){var stackId=mediaObject.getId();var matchers=this.pluginStore.getPlugins(Type.MATCHER);var matchedMatchers=matchers.filter(function(matcher){return matcher.process(mediaObject)});var matchedIdentifiers=matchedMatchers.map(function(matcher){return matcher.getIdentifier()});var plugins=this.pluginStore.values();var matchedPlugins=plugins.filter(function(plugin){return plugin.type!==Type.MATCHER&&matchedIdentifiers.includes(plugin.identifier)});var pluginsByOccurrencies=PluginUtils.filterByOccurrencies(matchedPlugins);var stack=this.substack(mediaObject,pluginsByOccurrencies);if(this.stacks[stackId]){var _stacks$stackId;(_stacks$stackId=this.stacks[stackId]).push.apply(_stacks$stackId,_toConsumableArray(stack))}else{this.stacks[stackId]=stack}}},{key:"substack",value:function substack(mediaObject,pluginsByOccurrencies){var _this=this;var stack=[];pluginsByOccurrencies.once.forEach(function(plugin){if(_this.configuration){if(_this.configuration.getPermission(plugin.identifier)===Permission.FORBIDDEN){_this.skip(mediaObject,plugin)}else if(!_this.isStacked(mediaObject,plugin)){stack.push(plugin)}}else if(!_this.isStacked(mediaObject,plugin)){stack.push(plugin)}});pluginsByOccurrencies.any.forEach(function(plugin){if(_this.configuration){if(_this.configuration.getPermission(plugin.identifier)===Permission.FORBIDDEN){_this.skip(mediaObject,plugin)}else if(!_this.isStacked(mediaObject,plugin)){stack.push(plugin)}}else if(!_this.isStacked(mediaObject,plugin)){stack.push(plugin)}});pluginsByOccurrencies.every.forEach(function(plugin){if(_this.configuration){if(_this.configuration.getPermission(plugin.identifier)===Permission.FORBIDDEN){_this.skip(mediaObject,plugin)}else{stack.push(plugin)}}else{stack.push(plugin)}});return stack}},{key:"skip",value:function skip(mediaObject,plugin){var stat=this.stats[mediaObject.getId()];if(stat){if(!stat.skipped){stat.skipped=[]}}else{stat={skipped:[]}}stat.skipped.push(plugin.identifier)}},{key:"unstack",value:function unstack(mediaObject){var stackId=mediaObject.getId();if(this.stacks[stackId]){return this.stacks[stackId].pop()}return null}},{key:"stackTop",value:function stackTop(mediaObject){var stackId=mediaObject.getId();if(this.stacks[stackId]){return this.stacks[stackId][this.stacks[stackId].length-1]}return null}},{key:"check",value:function check(mediaObject){var stackId=mediaObject.getId();if(this.stacks[stackId].length>=ProcessingEngine.STACK_LIMIT){console.error(this.snapshots[stackId]);throw new Error("Plugin stack size exceed")}if(this.snapshots[stackId].length>=ProcessingEngine.SNAPSHOT_LIMIT){console.error(this.snapshots[stackId]);throw new Error("Plugin snapshots size exceed")}var rendererCount=0;this.stacks[stackId].forEach(function(plugin){if(plugin.type===Type.RENDERER){rendererCount++}});if(rendererCount>1){console.error(this.snapshots[stackId]);throw new Error("More of one renderer in the stack")}if(this.stacks[stackId].length===0&&!this.stats[stackId][Type.RENDERER]){if(!this.defaultPlugin){throw new Error("No default plugin assignated")}this.stacks[stackId].unshift(this.defaultPlugin)}}},{key:"return",value:function _return(mediaObject){var stackId=mediaObject.getId();var plugin=this.unstack(mediaObject);if(!plugin){return}try{if(!this.stats[stackId]){this.stats[stackId]={}}if(this.stats[stackId][plugin.type]){this.stats[stackId][plugin.type]+=1}else{this.stats[stackId][plugin.type]=1}}catch(err){console.error(err,this.snapshots[stackId])}if(this.stacks[stackId].length===0&&plugin.type===Type.RENDERER){this.run(mediaObject)}else if(plugin.type!==Type.SANITIZER){this.fill(mediaObject)}this.snapshot(mediaObject);this.check(mediaObject);this.run(mediaObject)}},{key:"process",value:function process(mediaObject){var stackId=mediaObject.getId();var size=this.stacks[stackId].length;var plugin=this.stacks[stackId][size-1];if(plugin){plugin.process(mediaObject)}else{console.log(this.stacks);throw new Error("Impossible to run a undefined plugin")}}},{key:"isStacked",value:function isStacked(mediaObject,plugin){var stackId=mediaObject.getId();if(this.stacks[stackId]){if(this.stacks[stackId].includes(plugin)){return true}}return false}},{key:"setDefaultPlugin",value:function setDefaultPlugin(plugin){this.defaultPlugin=plugin}}]);return ProcessingEngine}();ProcessingEngine.STACK_LIMIT=100;ProcessingEngine.SNAPSHOT_LIMIT=100;module.exports=ProcessingEngine},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}var PluginUtils=function(){function PluginUtils(){_classCallCheck(this,PluginUtils)}_createClass(PluginUtils,null,[{key:"filterByOccurrence",value:function filterByOccurrence(plugins,occurrence){return plugins.filter(function(plugin){return plugin.occurrence===occurrence})}},{key:"filterByOccurrencies",value:function filterByOccurrencies(plugins){var result={once:[],any:[],every:[]};var _iteratorNormalCompletion=true;var _didIteratorError=false;var _iteratorError=undefined;try{for(var _iterator=plugins[Symbol.iterator](),_step;!(_iteratorNormalCompletion=(_step=_iterator.next()).done);_iteratorNormalCompletion=true){var plugin=_step.value;if(result[plugin.occurrence]){result[plugin.occurrence].push(plugin)}else{result[plugin.occurrence]=Array.of(plugin)}}}catch(err){_didIteratorError=true;_iteratorError=err}finally{try{if(!_iteratorNormalCompletion&&_iterator.return){_iterator.return()}}finally{if(_didIteratorError){throw _iteratorError}}}return result}}]);return PluginUtils}();module.exports=PluginUtils},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}var Assert=__webpack_require__(13);var Type=__webpack_require__(1);var MatchingEngine=function(){function MatchingEngine(pluginStore,uriStore){_classCallCheck(this,MatchingEngine);Assert.that(pluginStore).not(undefined);Assert.that(uriStore).not(undefined);this.pluginStore=pluginStore;this.uriStore=uriStore}_createClass(MatchingEngine,[{key:"start",value:function start(mediaObject){var _this=this;var matchers=this.pluginStore.getPlugins(Type.MATCHER);var matchedMatchers=matchers.filter(function(matcher){return matcher.process(mediaObject)});var matchedIdentifiers=matchedMatchers.map(function(matcher){return matcher.getIdentifier()});var object={};matchedIdentifiers.forEach(function(identifier){if(_this.uriStore){var uri=_this.uriStore.get(identifier);if(uri===undefined){throw new Error("No uri related to identifier : "+identifier)}object[identifier]=uri}else{throw new Error("No map registrated for the matching engine")}});return object}}]);return MatchingEngine}();module.exports=MatchingEngine},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();var _get=function get(object,property,receiver){if(object===null)object=Function.prototype;var desc=Object.getOwnPropertyDescriptor(object,property);if(desc===undefined){var parent=Object.getPrototypeOf(object);if(parent===null){return undefined}else{return get(parent,property,receiver)}}else if("value"in desc){return desc.value}else{var getter=desc.get;if(getter===undefined){return undefined}return getter.call(receiver)}};function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Store=__webpack_require__(8);var PluginStore=function(_Store){_inherits(PluginStore,_Store);function PluginStore(){_classCallCheck(this,PluginStore);return _possibleConstructorReturn(this,(PluginStore.__proto__||Object.getPrototypeOf(PluginStore)).apply(this,arguments))}_createClass(PluginStore,[{key:"getPlugins",value:function getPlugins(type){var plugins=this.values();return plugins.filter(function(plugin){if(plugin.type===type){return true}return false})}},{key:"store",value:function store(plugin){_get(PluginStore.prototype.__proto__||Object.getPrototypeOf(PluginStore.prototype),"store",this).call(this,[plugin.identifier,plugin.type],plugin)}},{key:"unstore",value:function unstore(plugin){if(PluginStore.isStored([plugin.identifier,plugin.type])===false){console.warn('The key "'+[plugin.identifier,plugin.type]+'" not exists in this manager')}else{return _get(PluginStore.prototype.__proto__||Object.getPrototypeOf(PluginStore.prototype),"unstore",this).call(this,[plugin.identifier,plugin.type])}}}]);return PluginStore}(Store);module.exports=PluginStore},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();var _get=function get(object,property,receiver){if(object===null)object=Function.prototype;var desc=Object.getOwnPropertyDescriptor(object,property);if(desc===undefined){var parent=Object.getPrototypeOf(object);if(parent===null){return undefined}else{return get(parent,property,receiver)}}else if("value"in desc){return desc.value}else{var getter=desc.get;if(getter===undefined){return undefined}return getter.call(receiver)}};function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Store=__webpack_require__(8);var UriStore=function(_Store){_inherits(UriStore,_Store);function UriStore(targetDirectory){_classCallCheck(this,UriStore);var _this=_possibleConstructorReturn(this,(UriStore.__proto__||Object.getPrototypeOf(UriStore)).call(this));_this.targetDirectory=targetDirectory;return _this}_createClass(UriStore,[{key:"store",value:function store(identifier,type){var uri=this.targetDirectory+"/"+type+"s/"+identifier;_get(UriStore.prototype.__proto__||Object.getPrototypeOf(UriStore.prototype),"store",this).call(this,identifier,uri)}},{key:"unstore",value:function unstore(identifier){return _get(UriStore.prototype.__proto__||Object.getPrototypeOf(UriStore.prototype),"unstore",this).call(this,identifier)}}]);return UriStore}(Store);module.exports=UriStore},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}var Action=__webpack_require__(37);var AttributesObject=__webpack_require__(17);var MediaObject=__webpack_require__(41);var MediaTag=function(){function MediaTag(mediaTagElement,processingEngine){var _this=this;_classCallCheck(this,MediaTag);this.mediaTagElement=mediaTagElement;this.processingEngine=processingEngine;var attributeObject=new AttributesObject(mediaTagElement);var sourcesAttribute=attributeObject.getAttribute("sources")||attributeObject.getAttribute("srcs");if(sourcesAttribute){var sourceObjects=this.extractSourceObjects(sourcesAttribute);var mediaElements=this.extractMediaElements(sourceObjects);this.mediaElements=mediaElements;this.mediaElements.forEach(function(mediaElement){_this.mediaTagElement.appendChild(mediaElement)});this.mediaObjects=this.createMediaObjects(mediaElements);Action.activate(this.mediaObjects[0],this)}else{var mediaObject=new MediaObject(mediaTagElement);this.mediaObjects=[mediaObject];this.activeMediaObject=this.mediaObjects[0]}}_createClass(MediaTag,[{key:"extractSourceObjects",value:function extractSourceObjects(sourcesAttribute){return JSON.parse(sourcesAttribute)}},{key:"extractMediaElements",value:function extractMediaElements(sourceObjects){var _this2=this;var mediaElements=[];sourceObjects.forEach(function(sourceObject){mediaElements.push(_this2.extractMediaElement(sourceObject))});return mediaElements}},{key:"extractMediaElement",value:function extractMediaElement(sourceObject){var mediaElement=document.createElement("media");Object.keys(sourceObject).forEach(function(attribute){mediaElement.setAttribute(attribute,sourceObject[attribute])});return mediaElement}},{key:"createMediaObjects",value:function createMediaObjects(mediaElements){var mediaObjects=[];mediaElements.forEach(function(mediaElement){var mediaObject=new MediaObject(mediaElement);mediaObjects.push(mediaObject)});return mediaObjects}}]);return MediaTag}();module.exports=MediaTag},function(module,exports,__webpack_require__){"use strict";var Action={clear:__webpack_require__(38),show:__webpack_require__(15),hide:__webpack_require__(16),upgrade:__webpack_require__(39),downgrade:__webpack_require__(40),activate:__webpack_require__(9)};module.exports=Action},function(module,exports,__webpack_require__){"use strict";module.exports=function(mediaObject){mediaObject.clearContents()}},function(module,exports,__webpack_require__){"use strict";var activate=__webpack_require__(9);module.exports=function(mediaTag){var index=mediaTag.mediaObjects.indexOf(mediaTag.activeMediaObject);if(index<mediaTag.mediaObjects.length){activate(mediaTag.mediaObjects[index+1],mediaTag)}}},function(module,exports,__webpack_require__){"use strict";var activate=__webpack_require__(9);module.exports=function(mediaTag){var index=mediaTag.mediaObjects.indexOf(mediaTag.activeMediaObject);if(index>0){activate(mediaTag.mediaObjects[index-1],mediaTag)}}},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}var AttributesObject=__webpack_require__(17);var Parser=__webpack_require__(42);var MediaObject=function(){function MediaObject(rootElement){_classCallCheck(this,MediaObject);this.id=MediaObject.uid();this.element=rootElement;this.state="idle";this.attributesObject=new AttributesObject(rootElement);var properties=Parser.parse(this.attributesObject);var _iteratorNormalCompletion=true;var _didIteratorError=false;var _iteratorError=undefined;try{for(var _iterator=Object.keys(properties)[Symbol.iterator](),_step;!(_iteratorNormalCompletion=(_step=_iterator.next()).done);_iteratorNormalCompletion=true){var property=_step.value;this[property]=properties[property]}}catch(err){_didIteratorError=true;_iteratorError=err}finally{try{if(!_iteratorNormalCompletion&&_iterator.return){_iterator.return()}}finally{if(_didIteratorError){throw _iteratorError}}}this.hookedFns={hasChildNodes:rootElement.hasChildNodes.bind(rootElement),removeChild:rootElement.removeChild.bind(rootElement),getLastChild:function getLastChild(){return rootElement.lastChild},appendChild:rootElement.appendChild.bind(rootElement),children:function children(){return rootElement.children}}}_createClass(MediaObject,[{key:"setProperties",value:function setProperties(properties){for(var key in properties){if(this[key]){throw new Error("The property "+key+" already exists in this MediaObject !")}this[key]=properties[key]}}},{key:"getId",value:function getId(){return this.id}},{key:"getAttribute",value:function getAttribute(attrName){return this.attributesObject[attrName]}},{key:"setAttribute",value:function setAttribute(name,value){this.attributesObject[name]=value}},{key:"removeAttribute",value:function removeAttribute(name){delete this.attributesObject[name]}},{key:"getAllDataAttrKeys",value:function getAllDataAttrKeys(){return Object.keys(this.attributesObject).filter(function(field){return field.startsWith("data-attr")})}},{key:"getExtension",value:function getExtension(){return this.extension}},{key:"getMimeType",value:function getMimeType(){return this.mime}},{key:"hasAttribute",value:function hasAttribute(attributeName){return attributeName in this.attributesObject}},{key:"getType",value:function getType(){return this.type}},{key:"getSource",value:function getSource(){return this.src}},{key:"getSources",value:function getSources(){return this.sources}},{key:"clearContents",value:function clearContents(){while(this.hookedFns.hasChildNodes()){this.hookedFns.removeChild(this.hookedFns.getLastChild())}}},{key:"replaceContents",value:function replaceContents(elements){var _this=this;this.clearContents();elements.forEach(function(element){return _this.hookedFns.appendChild(element)})}},{key:"utilsSetAllDataAttributes",value:function utilsSetAllDataAttributes(element){var _this2=this;var dataAttributes=this.getAllDataAttrKeys();dataAttributes.forEach(function(dataAttr){return element.setAttribute(dataAttr.substr(10),_this2.getAttribute(dataAttr))})}},{key:"utilsPassAllDataAttributes",value:function utilsPassAllDataAttributes(element){var _this3=this;var dataAttributes=this.getAllDataAttrKeys();dataAttributes.forEach(function(dataAttr){return element.setAttribute(dataAttr,_this3.getAttribute(dataAttr))})}}]);return MediaObject}();MediaObject.uid=function(i){return function(){return i++}}(0);MediaObject.attributesObject=function(element){var attributesObject={};if(element.hasAttributes()){var attributes=element.attributes;var keys=Object.keys(attributes);keys.forEach(function(key){var attribute=attributes[key];attributesObject[attribute.name]=attribute.value})}attributesObject.hasAttribute=function(name){return true&&attributesObject[name]};return attributesObject};module.exports=MediaObject},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}var Parser=function(){function Parser(){_classCallCheck(this,Parser)}_createClass(Parser,null,[{key:"extension",value:function extension(AttributeObject){var dataType=AttributeObject.getAttribute("data-type");if(dataType){return dataType.split("/")[1]}return undefined}},{key:"type",value:function type(AttributeObject){var dataType=AttributeObject.getAttribute("data-type");if(dataType){return dataType.split("/")[0]}return undefined}},{key:"mime",value:function mime(AttributeObject){return AttributeObject.getAttribute("data-type")}},{key:"protocol",value:function protocol(AttributeObject){var array=AttributeObject.getAttribute("src").split("://");if(array.length>1){return array[0]}return window.location.protocol}},{key:"hostname",value:function hostname(AttributeObject){var array=AttributeObject.getAttribute("src").split("://");if(array.length>1){return array[1].split("/")[0]}return window.location.hostname}},{key:"source",value:function source(AttributeObject){var source=AttributeObject.getAttribute("src");return source}},{key:"schemes",value:function schemes(AttributeObject){return/\w+:/.exec(AttributeObject.getAttribute("src"))}},{key:"sources",value:function sources(AttributeObject){var sources=AttributeObject.getAttribute("sources")||AttributeObject.getAttribute("srcs");if(sources){return JSON.parse(sources)}return null}},{key:"actions",value:function actions(AttributeObject){var actions=AttributeObject.getAttribute("actions");if(actions){return JSON.parse(actions)}return null}},{key:"parse",value:function parse(AttributeObject){return{protocol:Parser.protocol(AttributeObject),hostname:Parser.hostname(AttributeObject),src:Parser.source(AttributeObject),type:Parser.type(AttributeObject),extension:Parser.extension(AttributeObject),mime:Parser.mime(AttributeObject),sources:Parser.sources(AttributeObject),actions:Parser.actions(AttributeObject)}}}]);return Parser}();module.exports=Parser},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Renderer=__webpack_require__(4);var Identifier=__webpack_require__(0);var MediaTag=__webpack_require__(2);var ImageRenderer=function(_Renderer){_inherits(ImageRenderer,_Renderer);function ImageRenderer(){_classCallCheck(this,ImageRenderer);return _possibleConstructorReturn(this,(ImageRenderer.__proto__||Object.getPrototypeOf(ImageRenderer)).call(this,Identifier.IMAGE))}_createClass(ImageRenderer,[{key:"process",value:function process(mediaObject){var element=document.createElement("img");element.setAttribute("src",mediaObject.getAttribute("src"));mediaObject.utilsSetAllDataAttributes(element);mediaObject.replaceContents([element]);MediaTag.processingEngine.return(mediaObject)}}]);return ImageRenderer}(Renderer);module.exports=ImageRenderer},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Renderer=__webpack_require__(4);var Identifier=__webpack_require__(0);var MediaTag=__webpack_require__(2);var AudioRenderer=function(_Renderer){_inherits(AudioRenderer,_Renderer);function AudioRenderer(){_classCallCheck(this,AudioRenderer);return _possibleConstructorReturn(this,(AudioRenderer.__proto__||Object.getPrototypeOf(AudioRenderer)).call(this,Identifier.AUDIO))}_createClass(AudioRenderer,[{key:"process",value:function process(mediaObject){var element=document.createElement("audio");element.setAttribute("src",mediaObject.getAttribute("src"));element.setAttribute("controls",true);mediaObject.utilsSetAllDataAttributes(element);mediaObject.replaceContents([element]);MediaTag.processingEngine.return(mediaObject)}}]);return AudioRenderer}(Renderer);module.exports=AudioRenderer},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Renderer=__webpack_require__(4);var Identifier=__webpack_require__(0);var MediaTag=__webpack_require__(2);var VideoRenderer=function(_Renderer){_inherits(VideoRenderer,_Renderer);function VideoRenderer(){_classCallCheck(this,VideoRenderer);return _possibleConstructorReturn(this,(VideoRenderer.__proto__||Object.getPrototypeOf(VideoRenderer)).call(this,Identifier.VIDEO))}_createClass(VideoRenderer,[{key:"process",value:function process(mediaObject){var element=document.createElement("video");element.setAttribute("src",mediaObject.getAttribute("src"));element.setAttribute("controls",true);mediaObject.utilsSetAllDataAttributes(element);mediaObject.replaceContents([element]);MediaTag.processingEngine.return(mediaObject)}}]);return VideoRenderer}(Renderer);module.exports=VideoRenderer},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Renderer=__webpack_require__(4);var Identifier=__webpack_require__(0);var MediaTag=__webpack_require__(2);var Mode={PDFJS:"pdfjs",DEFAULT:"default"};var PdfRenderer=function(_Renderer){_inherits(PdfRenderer,_Renderer);function PdfRenderer(){_classCallCheck(this,PdfRenderer);return _possibleConstructorReturn(this,(PdfRenderer.__proto__||Object.getPrototypeOf(PdfRenderer)).call(this,Identifier.PDF))}_createClass(PdfRenderer,[{key:"process",value:function process(mediaObject){var url=mediaObject.getAttribute("src")+"#"+window.encodeURIComponent(mediaObject.name);var iframe=document.createElement("iframe");if(!mediaObject.getAttribute("data-attr-width")){iframe.setAttribute("width","100%")}if(!mediaObject.getAttribute("data-attr-height")){iframe.setAttribute("height",document.body.scrollHeight)}if(!PdfRenderer.viewer){PdfRenderer.mode=Mode.DEFAULT}switch(PdfRenderer.mode){case Mode.PDFJS:{var viewerUrl=PdfRenderer.viewer+"?file="+url;var xhr=new XMLHttpRequest;xhr.onload=function(){if(xhr.status<400){iframe.src=viewerUrl}else{console.warn("The pdfjs viewer has not been found ...\n\t\t\t\t\t\t\tThe browser viewer will be used by default");iframe.src=""+url}};xhr.open("HEAD",viewerUrl,true);xhr.send();break}default:{iframe.src=""+url}}mediaObject.utilsSetAllDataAttributes(iframe);mediaObject.replaceContents([iframe]);iframe.onload=function(){MediaTag.processingEngine.return(mediaObject)}}}]);return PdfRenderer}(Renderer);PdfRenderer.viewer=null;PdfRenderer.mode=Mode.PDFJS;module.exports=PdfRenderer},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Renderer=__webpack_require__(4);var Identifier=__webpack_require__(0);var MediaTag=__webpack_require__(2);var DashRenderer=function(_Renderer){_inherits(DashRenderer,_Renderer);function DashRenderer(){_classCallCheck(this,DashRenderer);return _possibleConstructorReturn(this,(DashRenderer.__proto__||Object.getPrototypeOf(DashRenderer)).call(this,Identifier.DASH))}_createClass(DashRenderer,[{key:"process",value:function process(mediaObject){var video=document.createElement("video");var player=new shaka.Player(video);var id=mediaObject.getAttribute("id");var key=mediaObject.getAttribute("key");if(id&&key){var clearKeyStringObject='{"'+id+'": "'+key+'"}';var clearKey=JSON.parse(clearKeyStringObject);player.configure({drm:{clearKeys:clearKey}})}video.setAttribute("controls",true);mediaObject.utilsSetAllDataAttributes(video);mediaObject.replaceContents([video]);player.load(mediaObject.getAttribute("src")).then(function(){});MediaTag.processingEngine.return(mediaObject)}}]);return DashRenderer}(Renderer);module.exports=DashRenderer},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Renderer=__webpack_require__(4);var Identifier=__webpack_require__(0);var MediaTag=__webpack_require__(2);var DownloadRenderer=function(_Renderer){_inherits(DownloadRenderer,_Renderer);function DownloadRenderer(message,buttonMessage){_classCallCheck(this,DownloadRenderer);var _this=_possibleConstructorReturn(this,(DownloadRenderer.__proto__||Object.getPrototypeOf(DownloadRenderer)).call(this,Identifier.DOWNLOAD));_this.message=message;_this.buttonMessage=buttonMessage||"Download";return _this}_createClass(DownloadRenderer,[{key:"process",value:function process(mediaObject){var button=document.createElement("button");button.innerHTML=this.buttonMessage;button.onclick=function(){var xhr=new XMLHttpRequest;var src=mediaObject.getAttribute("src");xhr.open("GET",src,true);xhr.responseType="blob";xhr.onload=function(){var blob=xhr.response;if(blob){if(mediaObject.name){saveAs(blob,mediaObject.name)}else if(mediaObject.getAttribute("data-attr-type")){var mime=mediaObject.getAttribute("data-attr-type");var ar=mime.split("/");var file=new File([blob],"download."+(ar[1]||"txt"),{type:mime});saveAs(file)}else{saveAs(blob)}}};xhr.send()};mediaObject.utilsSetAllDataAttributes(button);mediaObject.replaceContents([button]);MediaTag.processingEngine.return(mediaObject)}}]);return DownloadRenderer}(Renderer);module.exports=DownloadRenderer},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Filter=__webpack_require__(11);var Identifier=__webpack_require__(0);var MediaTag=__webpack_require__(2);var ClearKeyFilter=function(_Filter){_inherits(ClearKeyFilter,_Filter);function ClearKeyFilter(){_classCallCheck(this,ClearKeyFilter);return _possibleConstructorReturn(this,(ClearKeyFilter.__proto__||Object.getPrototypeOf(ClearKeyFilter)).call(this,Identifier.CLEAR_KEY))}_createClass(ClearKeyFilter,[{key:"process",value:function process(mediaObject){var clearKey=mediaObject.getAttribute("data-clear-key");var id=clearKey.substring(0,32);var key=clearKey.substring(33,65);mediaObject.setAttribute("id",id);mediaObject.setAttribute("key",key);mediaObject.removeAttribute("data-clear-key");MediaTag.processingEngine.return(mediaObject)}}]);return ClearKeyFilter}(Filter);module.exports=ClearKeyFilter},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var Sanitizer=__webpack_require__(20);var Identifier=__webpack_require__(0);var MediaTag=__webpack_require__(2);var MediaObjectSanitizer=function(_Sanitizer){_inherits(MediaObjectSanitizer,_Sanitizer);function MediaObjectSanitizer(){_classCallCheck(this,MediaObjectSanitizer);return _possibleConstructorReturn(this,(MediaObjectSanitizer.__proto__||Object.getPrototypeOf(MediaObjectSanitizer)).call(this,Identifier.MEDIA_OBJECT))}_createClass(MediaObjectSanitizer,[{key:"process",value:function process(mediaObject){MediaTag.processingEngine.return(mediaObject)}}]);return MediaObjectSanitizer}(Sanitizer);module.exports=MediaObjectSanitizer},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}var Errors=__webpack_require__(18);var MediaTag=__webpack_require__(2);var CryptoFilter=__webpack_require__(7);var Crypto=function(){function Crypto(){_classCallCheck(this,Crypto)}_createClass(Crypto,null,[{key:"slice",value:function slice(u8){return Array.prototype.slice.call(u8)}},{key:"getRandomKeyStr",value:function getRandomKeyStr(){var Nacl=Crypto.Nacl;var rdm=Nacl.randomBytes(18);return Nacl.util.encodeBase64(rdm)}},{key:"getKeyFromStr",value:function getKeyFromStr(str){var Nacl=Crypto.Nacl;var hash=Nacl.hash(Nacl.util.decodeBase64(str));return hash.subarray(32,64)}},{key:"encrypt",value:function encrypt(u8,key){var array=u8;var nonce=Crypto.Nacl.randomBytes(24);var packed=Crypto.Nacl.secretbox(array,nonce,key);if(packed){return new Uint8Array(Crypto.slice(nonce).concat(Crypto.slice(packed)))}throw new Error}},{key:"decrypt",value:function decrypt(u8,key){if(u8.length<24){throw new Error}var slice=Crypto.slice;var Nacl=Crypto.Nacl;var nonce=new Uint8Array(slice(u8).slice(0,24));var packed=new Uint8Array(slice(u8).slice(24));var unpacked=Nacl.secretbox.open(packed,nonce,key);if(unpacked){return unpacked}throw new Error("Decrypted file in undefined")}}]);return Crypto}();Crypto.Nacl=window.nacl;var DataManager=function(){function DataManager(){_classCallCheck(this,DataManager)}_createClass(DataManager,null,[{key:"getArrayBuffer",value:function getArrayBuffer(url){return fetch(url).then(function(response){if(response.ok){return response.arrayBuffer()}throw new Errors.FetchFails}).then(function(arrayBuffer){return arrayBuffer})}},{key:"createUrl",value:function createUrl(arrayBuffer){return window.URL.createObjectURL(arrayBuffer)}},{key:"getBlobUrl",value:function getBlobUrl(data,mtype){return window.URL.createObjectURL(new Blob([data],{type:mtype}))}},{key:"getDataUrl",value:function getDataUrl(data,mtype){return"data:"+mtype+";base64,"+Crypto.Nacl.util.encodeBase64(data)}}]);return DataManager}();function applyMetadata(mediaObject,metadata){if(CryptoFilter.isAllowedMediaType(metadata.type)){mediaObject.setAttribute("data-type",metadata.type);mediaObject.type=metadata.type;mediaObject.extension=metadata.extension;mediaObject.mime=metadata.mime}}function algorithm(mediaObject){var src=mediaObject.getAttribute("src");var strKey=mediaObject.getAttribute("data-crypto-key");var cryptoKey=Crypto.getKeyFromStr(strKey);var xhr=new XMLHttpRequest;xhr.open("GET",src,true);xhr.responseType="arraybuffer";xhr.onload=function(){var arrayBuffer=xhr.response;if(arrayBuffer){var u8=new Uint8Array(arrayBuffer);var binStr=Crypto.decrypt(u8,cryptoKey);var url=DataManager.getBlobUrl(binStr,mediaObject.getMimeType());var decryptionEvent=new Event("decryption");decryptionEvent.blob=new Blob([binStr],{type:mediaObject.getMimeType()});window.document.dispatchEvent(decryptionEvent);mediaObject.setAttribute("src",url);mediaObject.removeAttribute("data-crypto-key");if(!mediaObject.hasAttribute("data-type")){applyMetadata(mediaObject,{type:"image",extension:"png",mime:"image/png"})}MediaTag.processingEngine.return(mediaObject)}};xhr.send(null)}module.exports=algorithm},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}var Errors=__webpack_require__(18);var MediaTag=__webpack_require__(2);var CryptoFilter=__webpack_require__(7);var PARANOIA=true;var plainChunkLength=128*1024;var cypherChunkLength=131088;var Cryptopad=function(){function Cryptopad(){_classCallCheck(this,Cryptopad)}_createClass(Cryptopad,null,[{key:"createNonce",value:function createNonce(){return new Uint8Array(new Array(24).fill(0))}},{key:"increment",value:function increment(N){var l=N.length;while(l-- >1){if(PARANOIA){if(typeof N[l]!=="number"){throw new Error("E_UNSAFE_TYPE")}if(N[l]>255){throw new Error("E_OUT_OF_BOUNDS")}}if(N[l]!==255){return void N[l]++}N[l]=0;if(l===0){throw new Error("E_NONCE_TOO_LARGE")}}}},{key:"encodePrefix",value:function encodePrefix(p){return[65280,255].map(function(n,i){return(p&n)>>(1-i)*8})}},{key:"decodePrefix",value:function decodePrefix(A){return A[0]<<8|A[1]}},{key:"joinChunks",value:function joinChunks(chunks){return new Blob(chunks)}},{key:"slice",value:function slice(u8){return Array.prototype.slice.call(u8)}},{key:"getRandomKeyStr",value:function getRandomKeyStr(){var Nacl=window.nacl;var rdm=Nacl.randomBytes(18);return Nacl.util.encodeBase64(rdm)}},{key:"getKeyFromStr",value:function getKeyFromStr(str){return window.nacl.util.decodeBase64(str)}},{key:"encrypt",value:function encrypt(){}},{key:"decrypt",value:function decrypt(u8,key,done){var Nacl=window.nacl;var progress=function progress(offset){var ev=new Event("decryptionProgress");ev.percent=offset/u8.length*100;window.document.dispatchEvent(ev)};var nonce=Cryptopad.createNonce();var i=0;var prefix=u8.subarray(0,2);var metadataLength=Cryptopad.decodePrefix(prefix);var res={metadata:undefined};var metaBox=new Uint8Array(u8.subarray(2,2+metadataLength));var metaChunk=Nacl.secretbox.open(metaBox,nonce,key);Cryptopad.increment(nonce);try{res.metadata=JSON.parse(Nacl.util.encodeUTF8(metaChunk))}catch(e){return done("E_METADATA_DECRYPTION")}if(!res.metadata){return done("NO_METADATA")}var takeChunk=function takeChunk(cb){setTimeout(function(){var start=i*cypherChunkLength+2+metadataLength;var end=start+cypherChunkLength;i++;var box=new Uint8Array(u8.subarray(start,end));var plaintext=Nacl.secretbox.open(box,nonce,key);Cryptopad.increment(nonce);if(!plaintext){return void cb("DECRYPTION_FAILURE")}progress(Math.min(end,u8.length));cb(void 0,plaintext)})};var chunks=[];var again=function again(){takeChunk(function(e,plaintext){if(e){return setTimeout(function(){done(e)})}if(plaintext){if(i*cypherChunkLength<u8.length){chunks.push(plaintext);return again()}chunks.push(plaintext);res.content=Cryptopad.joinChunks(chunks);return done(void 0,res)}done("UNEXPECTED_ENDING")})};again()}}]);return Cryptopad}();var DataManager=function(){function DataManager(){_classCallCheck(this,DataManager)}_createClass(DataManager,null,[{key:"getArrayBuffer",value:function getArrayBuffer(url){return fetch(url).then(function(response){if(response.ok){return response.arrayBuffer()}throw new Errors.FetchFails}).then(function(arrayBuffer){return arrayBuffer})}},{key:"createUrl",value:function createUrl(arrayBuffer){return window.URL.createObjectURL(arrayBuffer)}},{key:"getBlobUrl",value:function getBlobUrl(data,mtype){return window.URL.createObjectURL(new Blob([data],{type:mtype}))}},{key:"getDataUrl",value:function getDataUrl(data,mtype){return"data:"+mtype+";base64,"+window.nacl.util.encodeBase64(data)}}]);return DataManager}();function applyMetadata(mediaObject,metadata){var info=metadata.type.split("/");var mime=metadata.type;var type=info[0];var extension=info[1];if(CryptoFilter.isAllowedMediaType(mime)){mediaObject.setAttribute("data-type",metadata.type);mediaObject.type=type;mediaObject.extension=extension;mediaObject.mime=mime}else{console.log("Not allowed metadata, allowed ones are : ",CryptoFilter.getAllowedMediaTypes())}mediaObject.name=metadata.name;mediaObject.setAttribute("data-attr-type",metadata.type)}function algorithm(mediaObject){var src=mediaObject.getAttribute("src");var strKey=mediaObject.getAttribute("data-crypto-key");var cryptoKey=Cryptopad.getKeyFromStr(strKey);var xhr=new XMLHttpRequest;var uid=[src,strKey].join("");var followUp=function followUp(decrypted){var decryptionEvent=new Event("decryption");decryptionEvent.metadata=decrypted.metadata;applyMetadata(mediaObject,decrypted.metadata);var binStr=decrypted.content;var url=DataManager.getBlobUrl(binStr,mediaObject.getMimeType());decryptionEvent.blob=new Blob([binStr],{type:mediaObject.getMimeType()});decryptionEvent.metadata=decrypted.metadata;CryptoFilter.addAllowedMediaType("audio/mpeg");mediaObject.setAttribute("src",url);mediaObject.removeAttribute("data-crypto-key");if(/audio\/(mp3|ogg|wav|webm|mpeg)/.test(decrypted.metadata.type)){}else if(/application\/pdf/.test(decrypted.metadata.type)){}else if(/video\//.test(decrypted.metadata.type)){}else if(!/image\/(png|jpeg|jpg|gif)/.test(decrypted.metadata.type)){decrypted.metadata.type="download"}applyMetadata(mediaObject,decrypted.metadata);decryptionEvent.callback=function(f){MediaTag.processingEngine.return(mediaObject);if(typeof f==="function"){f(mediaObject)}};window.document.dispatchEvent(decryptionEvent)};var Cache=MediaTag.__Cryptpad_Cache=MediaTag.__Cryptpad_Cache||{};if(Cache[uid]){return setTimeout(function(){followUp(Cache[uid])})}xhr.open("GET",src,true);xhr.responseType="arraybuffer";var fail=function fail(err){var decryptionErrorEvent=new Event("decryptionError");decryptionErrorEvent.message=typeof err==="string"?err:err.message;window.document.dispatchEvent(decryptionErrorEvent)};xhr.onload=function(){if(/^4/.test(""+this.status)){return fail("XHR_ERROR",""+this.status)}var arrayBuffer=xhr.response;if(arrayBuffer){var u8=new Uint8Array(arrayBuffer);Cryptopad.decrypt(u8,cryptoKey,function(err,decrypted){if(err){return fail(err)}Cache[uid]=decrypted;followUp(decrypted)})}};xhr.send(null)}module.exports=algorithm},function(module,exports,__webpack_require__){"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}var Configuration=function(){function Configuration(data){_classCallCheck(this,Configuration);this.data=data||{}}_createClass(Configuration,[{key:"getPermission",value:function getPermission(identifier){return this.data[identifier]}},{key:"setPermission",value:function setPermission(identifier,permission){this.data[identifier]=permission}},{key:"getData",value:function getData(){return this.data}}]);return Configuration}();module.exports=Configuration},,,,,,,,,,function(module,exports,__webpack_require__){module.exports=__webpack_require__(19)}])});
\ No newline at end of file
diff --git a/www/common/metadata-manager.js b/www/common/metadata-manager.js
new file mode 100644
index 000000000..1c8994d00
--- /dev/null
+++ b/www/common/metadata-manager.js
@@ -0,0 +1,146 @@
+define(['json.sortify'], function (Sortify) {
+    var UNINIT = 'uninitialized';
+    var create = function (sframeChan) {
+        var meta = UNINIT;
+        var members = [];
+        var metadataObj = UNINIT;
+        // This object reflects the metadata which is in the document at this moment.
+        // Normally when a person leaves the pad, everybody sees them leave and updates
+        // their metadata, this causes everyone to fight to change the document and
+        // operational transform doesn't like it. So this is a lazy object which is
+        // only updated either:
+        // 1. On changes to the metadata that come in from someone else
+        // 2. On changes connects, disconnects or changes to your own metadata
+        var metadataLazyObj = UNINIT;
+        var priv = {};
+        var dirty = true;
+        var changeHandlers = [];
+        var lazyChangeHandlers = [];
+        var titleChangeHandlers = [];
+
+        var rememberedTitle;
+
+        var checkUpdate = function (lazy) {
+            if (!dirty) { return; }
+            if (meta === UNINIT) { throw new Error(); }
+            if (metadataObj === UNINIT) {
+                metadataObj = {
+                    defaultTitle: meta.doc.defaultTitle,
+                    //title: meta.doc.defaultTitle,
+                    type: meta.doc.type,
+                    users: {}
+                };
+                metadataLazyObj = JSON.parse(JSON.stringify(metadataObj));
+            }
+            if (!metadataObj.users) { metadataObj.users = {}; }
+            if (!metadataLazyObj.users) { metadataLazyObj.users = {}; }
+            var mdo = {};
+            // We don't want to add our user data to the object multiple times.
+            //var containsYou = false;
+            //console.log(metadataObj);
+            Object.keys(metadataObj.users).forEach(function (x) {
+                if (members.indexOf(x) === -1) { return; }
+                mdo[x] = metadataObj.users[x];
+                /*if (metadataObj.users[x].uid === meta.user.uid) {
+                    //console.log('document already contains you');
+                    containsYou = true;
+                }*/
+            });
+            //if (!containsYou) { mdo[meta.user.netfluxId] = meta.user; }
+            if (!priv.readOnly) {
+                mdo[meta.user.netfluxId] = meta.user;
+            }
+            metadataObj.users = mdo;
+            var lazyUserStr = JSON.stringify(metadataLazyObj.users[meta.user.netfluxId]);
+            dirty = false;
+            if (lazy || lazyUserStr !== JSON.stringify(meta.user)) {
+                metadataLazyObj = JSON.parse(JSON.stringify(metadataObj));
+                lazyChangeHandlers.forEach(function (f) { f(); });
+            }
+
+            if (metadataObj.title !== rememberedTitle) {
+                console.log("Title update\n" + metadataObj.title + '\n');
+                rememberedTitle = metadataObj.title;
+                titleChangeHandlers.forEach(function (f) { f(metadataObj.title); });
+            }
+
+            changeHandlers.forEach(function (f) { f(); });
+        };
+        var change = function (lazy) {
+            dirty = true;
+            setTimeout(function () {
+                checkUpdate(lazy);
+            });
+        };
+
+        sframeChan.on('EV_METADATA_UPDATE', function (ev) {
+            meta = ev;
+            if (ev.priv) {
+                priv = ev.priv;
+            }
+            change(true);
+        });
+        sframeChan.on('EV_RT_CONNECT', function (ev) {
+            meta.user.netfluxId = ev.myID;
+            members = ev.members;
+            change(true);
+        });
+        sframeChan.on('EV_RT_JOIN', function (ev) {
+            members.push(ev);
+            change(false);
+        });
+        sframeChan.on('EV_RT_LEAVE', function (ev) {
+            var idx = members.indexOf(ev);
+            if (idx === -1) { console.log('Error: ' + ev + ' not in members'); return; }
+            members.splice(idx, 1);
+            change(false);
+        });
+        sframeChan.on('EV_RT_DISCONNECT', function () {
+            members = [];
+            change(true);
+        });
+
+        return Object.freeze({
+            updateMetadata: function (m) {
+                // JSON.parse(JSON.stringify()) reorders the json, so we have to use sortify even
+                // if it's on our own computer
+                if (Sortify(metadataLazyObj) === Sortify(m)) { return; }
+                metadataObj = JSON.parse(JSON.stringify(m));
+                metadataLazyObj = JSON.parse(JSON.stringify(m));
+                change(false);
+            },
+            updateTitle: function (t) {
+                metadataObj.title = t;
+                change(true);
+            },
+            getMetadata: function () {
+                checkUpdate(false);
+                return Object.freeze(JSON.parse(JSON.stringify(metadataObj)));
+            },
+            getMetadataLazy: function () {
+                return metadataLazyObj;
+            },
+            onTitleChange: function (f) { titleChangeHandlers.push(f); },
+            onChange: function (f) { changeHandlers.push(f); },
+            onChangeLazy: function (f) { lazyChangeHandlers.push(f); },
+            isConnected : function () {
+                return members.indexOf(meta.user.netfluxId) !== -1;
+            },
+            getViewers : function () {
+                checkUpdate(false);
+                var list = members.slice().filter(function (m) { return m.length === 32; });
+                return list.length - Object.keys(metadataObj.users).length;
+            },
+            getPrivateData : function () {
+                return priv;
+            },
+            getUserData : function () {
+                return meta.user;
+            },
+            getNetfluxId : function () {
+                return meta.user.netfluxId;
+            }
+        });
+    };
+    return Object.freeze({ create: create });
+});
diff --git a/www/common/notify.js b/www/common/notify.js
index caf9b16af..8f52d7c51 100644
--- a/www/common/notify.js
+++ b/www/common/notify.js
@@ -1,4 +1,4 @@
-(function () {
+define(['/api/config'], function (ApiConfig) {
     var Module = {};
 
     var isSupported = Module.isSupported = function () {
@@ -41,8 +41,8 @@
         }
     };
 
-    var DEFAULT_MAIN = '/customize/main-favicon.png';
-    var DEFAULT_ALT = '/customize/alt-favicon.png';
+    var DEFAULT_MAIN = '/customize/main-favicon.png?' + ApiConfig.requireConf.urlArgs;
+    var DEFAULT_ALT = '/customize/alt-favicon.png?' + ApiConfig.requireConf.urlArgs;
 
     var createFavicon = function () {
         console.log("creating favicon");
@@ -111,13 +111,5 @@
         };
     };
 
-    if (typeof(module) !== 'undefined' && module.exports) {
-        module.exports = Module;
-    } else if ((typeof(define) !== 'undefined' && define !== null) && (define.amd !== null)) {
-        define(function () {
-            return Module;
-        });
-    } else {
-        window.Visible = Module;
-    }
-}());
+    return Module;
+});
\ No newline at end of file
diff --git a/www/common/pdfjs/web/viewer.js b/www/common/pdfjs/web/viewer.js
index 676a92f40..45896a8f9 100644
--- a/www/common/pdfjs/web/viewer.js
+++ b/www/common/pdfjs/web/viewer.js
@@ -341,25 +341,14 @@ function isDataSchema(url) {
   return url.substr(i, 5).toLowerCase() === 'data:';
 }
 function getPDFFileNameFromURL(url) {
-  var defaultFilename = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'document.pdf';
-
-  if (isDataSchema(url)) {
-    console.warn('getPDFFileNameFromURL: ' + 'ignoring "data:" URL for performance reasons.');
-    return defaultFilename;
-  }
-  var reURI = /^(?:(?:[^:]+:)?\/\/[^\/]+)?([^?#]*)(\?[^#]*)?(#.*)?$/;
-  var reFilename = /[^\/?#=]+\.pdf\b(?!.*\.pdf\b)/i;
-  var splitURI = reURI.exec(url);
-  var suggestedFilename = reFilename.exec(splitURI[1]) || reFilename.exec(splitURI[2]) || reFilename.exec(splitURI[3]);
-  if (suggestedFilename) {
-    suggestedFilename = suggestedFilename[0];
-    if (suggestedFilename.indexOf('%') !== -1) {
-      try {
-        suggestedFilename = reFilename.exec(decodeURIComponent(suggestedFilename))[0];
-      } catch (e) {}
-    }
+  var query;
+  var title;
+  if (/\#/.test(url)) {
+    url.replace(/\#(.*)$/, function (all, t) {
+      title = t;
+    });
   }
-  return suggestedFilename || defaultFilename;
+  return title || 'document.pdf';
 }
 function normalizeWheelEventDelta(evt) {
   var delta = Math.sqrt(evt.deltaX * evt.deltaX + evt.deltaY * evt.deltaY);
@@ -1192,11 +1181,13 @@ var PDFViewerApplication = {
   setTitleUsingUrl: function pdfViewSetTitleUsingUrl(url) {
     this.url = url;
     this.baseUrl = url.split('#')[0];
-    var title = (0, _ui_utils.getPDFFileNameFromURL)(url, '');
+
+    var title = _ui_utils.getPDFFileNameFromURL(url);
     if (!title) {
       try {
         title = decodeURIComponent((0, _pdfjsLib.getFilenameFromUrl)(url)) || url;
       } catch (e) {
+          console.error(e)
         title = url;
       }
     }
diff --git a/www/common/requireconfig.js b/www/common/requireconfig.js
new file mode 100644
index 000000000..85258ea8b
--- /dev/null
+++ b/www/common/requireconfig.js
@@ -0,0 +1,27 @@
+define([
+    '/api/config'
+], function (ApiConfig) {
+    var out = {
+        // fix up locations so that relative urls work.
+        baseUrl: window.location.pathname,
+        paths: { 
+            // jquery declares itself as literally "jquery" so it cannot be pulled by path :(
+            "jquery": "/bower_components/jquery/dist/jquery.min",
+            // json.sortify same
+            "json.sortify": "/bower_components/json.sortify/dist/JSON.sortify",
+            //"pdfjs-dist/build/pdf": "/bower_components/pdfjs-dist/build/pdf",
+            //"pdfjs-dist/build/pdf.worker": "/bower_components/pdfjs-dist/build/pdf.worker"
+            cm: '/bower_components/codemirror'
+        },
+        map: {
+            '*': {
+                'css': '/bower_components/require-css/css.js',
+                'less': '/common/RequireLess.js',
+            }
+        }
+    };
+    Object.keys(ApiConfig.requireConf).forEach(function (k) { out[k] = ApiConfig.requireConf[k]; });
+    return function () {
+        return JSON.parse(JSON.stringify(out));
+    };
+});
diff --git a/www/common/rpc.js b/www/common/rpc.js
index aee717a0a..9f04d7663 100644
--- a/www/common/rpc.js
+++ b/www/common/rpc.js
@@ -1,13 +1,10 @@
 define([
+    '/common/common-util.js',
     '/bower_components/tweetnacl/nacl-fast.min.js',
-], function () {
+], function (Util) {
     var Nacl = window.nacl;
 
-    var uid = function () {
-        return Number(Math.floor(Math.random() * Number.MAX_SAFE_INTEGER))
-            .toString(32).replace(/\./g, '');
-    };
-
+    var uid = Util.uid;
     var signMsg = function (data, signKey) {
         var buffer = Nacl.util.decodeUTF8(JSON.stringify(data));
         return Nacl.util.encodeBase64(Nacl.sign.detached(buffer, signKey));
@@ -27,6 +24,10 @@ types of messages:
         var hkn = network.historyKeeper;
         var txid = uid();
 
+        if (typeof(cb) !== 'function') {
+            return console.error('expected callback');
+        }
+
         var pending = ctx.pending[txid] = function (err, response) {
             cb(err, response);
         };
diff --git a/www/common/sframe-boot.js b/www/common/sframe-boot.js
new file mode 100644
index 000000000..2ff9762b6
--- /dev/null
+++ b/www/common/sframe-boot.js
@@ -0,0 +1,40 @@
+// Stage 0, this gets cached which means we can't change it. boot2-sframe.js is changable.
+// Note that this file is meant to be executed only inside of a sandbox iframe.
+;(function () {
+var afterLoaded = function (req) {
+    req.cfg = req.cfg || {};
+    if (req.pfx) {
+        req.cfg.onNodeCreated = function (node /*, config, module, path*/) {
+            node.setAttribute('src', req.pfx + node.getAttribute('src'));
+        };
+    }
+    require.config(req.cfg);
+    var txid = Math.random().toString(16).replace('0.', '');
+    var intr;
+    var ready = function () {
+        intr = setInterval(function () {
+            if (typeof(txid) !== 'string') { return; }
+            window.parent.postMessage(JSON.stringify({ q: 'READY', txid: txid }), '*');
+        }, 1);
+    };
+    if (req.req) { require(req.req, ready); } else { ready(); }
+    var onReply = function (msg) {
+        var data = JSON.parse(msg.data);
+        if (data.txid !== txid) { return; }
+        clearInterval(intr);
+        txid = {};
+        window.removeEventListener('message', onReply);
+        require(['/common/sframe-boot2.js'], function () { });
+    };
+    window.addEventListener('message', onReply);
+};
+
+var intr = setInterval(function () {
+    try {
+        var req = JSON.parse(decodeURIComponent(window.location.hash.substring(1)));
+        clearInterval(intr);
+        afterLoaded(req);
+    } catch (e) { console.error(e); }
+}, 100);
+
+}());
diff --git a/www/common/sframe-boot2.js b/www/common/sframe-boot2.js
new file mode 100644
index 000000000..38395a21f
--- /dev/null
+++ b/www/common/sframe-boot2.js
@@ -0,0 +1,35 @@
+// This is stage 1, it can be changed but you must bump the version of the project.
+// Note: This must only be loaded from inside of a sandbox-iframe.
+define(['/common/requireconfig.js'], function (RequireConfig) {
+    require.config(RequireConfig());
+
+    // most of CryptPad breaks if you don't support isArray
+    if (!Array.isArray) {
+        Array.isArray = function(arg) { // CRYPTPAD_SHIM
+            return Object.prototype.toString.call(arg) === '[object Array]';
+        };
+    }
+
+    // In the event that someone clicks a link in the iframe, it's going to cause the iframe
+    // to navigate away from the pad which is going to be a mess. Instead we'll just reload
+    // the top level and then it will be simply that a link doesn't work properly.
+    window.onunload = function () {
+        window.parent.location.reload();
+    };
+
+    // Make sure anything which might have leaked to the localstorage is always cleaned up.
+    try { window.localStorage.clear(); } catch (e) { }
+    try { window.sessionStorage.clear(); } catch (e) { }
+
+    var mkFakeStore = function () {
+        var fakeStorage = {
+            getItem: function (k) { return fakeStorage[k]; },
+            setItem: function (k, v) { fakeStorage[k] = v; return v; }
+        };
+        return fakeStorage;
+    };
+    window.__defineGetter__('localStorage', function () { return mkFakeStore(); });
+    window.__defineGetter__('sessionStorage', function () { return mkFakeStore(); });
+
+    require([document.querySelector('script[data-bootload]').getAttribute('data-bootload')]);
+});
diff --git a/www/common/sframe-chainpad-netflux-inner.js b/www/common/sframe-chainpad-netflux-inner.js
new file mode 100644
index 000000000..04659fe17
--- /dev/null
+++ b/www/common/sframe-chainpad-netflux-inner.js
@@ -0,0 +1,101 @@
+/*
+ * Copyright 2014 XWiki SAS
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+define([
+    '/bower_components/chainpad/chainpad.dist.js'
+], function () {
+    var ChainPad = window.ChainPad;
+    var module = { exports: {} };
+
+    var verbose = function (x) { console.log(x); };
+    verbose = function () {}; // comment out to enable verbose logging
+
+    module.exports.start = function (config) {
+        var onConnectionChange = config.onConnectionChange || function () { };
+        var onRemote = config.onRemote || function () { };
+        var onInit = config.onInit || function () { };
+        var onLocal = config.onLocal || function () { };
+        var setMyID = config.setMyID || function () { };
+        var onReady = config.onReady || function () { };
+        var userName = config.userName;
+        var initialState = config.initialState;
+        var transformFunction = config.transformFunction;
+        var validateContent = config.validateContent;
+        var avgSyncMilliseconds = config.avgSyncMilliseconds;
+        var logLevel = typeof(config.logLevel) !== 'undefined'? config.logLevel : 1;
+        var readOnly = config.readOnly || false;
+        var sframeChan = config.sframeChan;
+        var metadataMgr = config.metadataMgr;
+        config = undefined;
+
+        var chainpad;
+        var myID;
+        var isReady = false;
+
+        sframeChan.on('EV_RT_DISCONNECT', function () {
+            isReady = false;
+            onConnectionChange({ state: false });
+        });
+        sframeChan.on('EV_RT_CONNECT', function (content) {
+            //content.members.forEach(userList.onJoin);
+            myID = content.myID;
+            isReady = false;
+            if (chainpad) {
+                // it's a reconnect
+                onConnectionChange({ state: true, myId: myID });
+                return;
+            }
+            chainpad = ChainPad.create({
+                userName: userName,
+                initialState: initialState,
+                transformFunction: transformFunction,
+                validateContent: validateContent,
+                avgSyncMilliseconds: avgSyncMilliseconds,
+                logLevel: logLevel
+            });
+            chainpad.onMessage(function(message, cb) {
+                sframeChan.query('Q_RT_MESSAGE', message, cb);
+            });
+            chainpad.onPatch(function () {
+                onRemote({ realtime: chainpad });
+            });
+            onInit({
+                myID: myID,
+                realtime: chainpad,
+                readOnly: readOnly
+            });
+        });
+        sframeChan.on('Q_RT_MESSAGE', function (content, cb) {
+            if (isReady) {
+                onLocal(); // should be onBeforeMessage
+            }
+            chainpad.message(content);
+            cb('OK');
+        });
+        sframeChan.on('EV_RT_READY', function () {
+            if (isReady) { return; }
+            isReady = true;
+            chainpad.start();
+            setMyID({ myID: myID });
+            onReady({ realtime: chainpad });
+        });
+        return Object.freeze({
+            getMyID: function () { return myID; },
+            metadataMgr: metadataMgr
+        });
+    };
+    return Object.freeze(module.exports);
+});
\ No newline at end of file
diff --git a/www/common/sframe-chainpad-netflux-outer.js b/www/common/sframe-chainpad-netflux-outer.js
new file mode 100644
index 000000000..54688c2e3
--- /dev/null
+++ b/www/common/sframe-chainpad-netflux-outer.js
@@ -0,0 +1,246 @@
+/*
+ * Copyright 2014 XWiki SAS
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+define([], function () {
+    var USE_HISTORY = true;
+
+    var verbose = function (x) { console.log(x); };
+    verbose = function () {}; // comment out to enable verbose logging
+
+    var unBencode = function (str) { return str.replace(/^\d+:/, ''); };
+
+    var start = function (conf) {
+        var channel = conf.channel;
+        var Crypto = conf.crypto;
+        var validateKey = conf.validateKey;
+        var readOnly = conf.readOnly || false;
+        var network = conf.network;
+        var sframeChan = conf.sframeChan;
+        var onConnect = conf.onConnect || function () { };
+        conf = undefined;
+
+        var initializing = true;
+        var lastKnownHash;
+
+        var queue = [];
+        var messageFromInner = function (m, cb) { queue.push([ m, cb ]); };
+        sframeChan.on('Q_RT_MESSAGE', function (message, cb) {
+            messageFromInner(message, cb);
+        });        
+
+        var onReady = function () {
+            // Trigger onReady only if not ready yet. This is important because the history keeper sends a direct
+            // message through "network" when it is synced, and it triggers onReady for each channel joined.
+            if (!initializing) { return; }
+            sframeChan.event('EV_RT_READY', null);
+            // we're fully synced
+            initializing = false;
+        };
+
+        // shim between chainpad and netflux
+        var msgIn = function (peerId, msg) {
+            msg = msg.replace(/^cp\|/, '');
+            try {
+                var decryptedMsg = Crypto.decrypt(msg, validateKey);
+                return decryptedMsg;
+            } catch (err) {
+                console.error(err);
+                return msg;
+            }
+        };
+
+        var msgOut = function (msg) {
+            if (readOnly) { return; }
+            try {
+                var cmsg = Crypto.encrypt(msg);
+                if (msg.indexOf('[4') === 0) { cmsg = 'cp|' + cmsg; }
+                return cmsg;
+            } catch (err) {
+                console.log(msg);
+                throw err;
+            }
+        };
+
+        var onMessage = function(peer, msg, wc, network, direct) {
+            // unpack the history keeper from the webchannel
+            var hk = network.historyKeeper;
+
+            if (direct && peer !== hk) {
+                return;
+            }
+            if (direct) {
+                var parsed = JSON.parse(msg);
+                if (parsed.validateKey && parsed.channel) {
+                    if (parsed.channel === wc.id && !validateKey) {
+                        validateKey = parsed.validateKey;
+                    }
+                    // We have to return even if it is not the current channel:
+                    // we don't want to continue with other channels messages here
+                    return;
+                }
+                if (parsed.state && parsed.state === 1 && parsed.channel) {
+                    if (parsed.channel === wc.id) {
+                        onReady(wc);
+                    }
+                    // We have to return even if it is not the current channel:
+                    // we don't want to continue with other channels messages here
+                    return;
+                }
+            }
+            // The history keeper is different for each channel :
+            // no need to check if the message is related to the current channel
+            if (peer === hk) {
+                // if the peer is the 'history keeper', extract their message
+                var parsed1 = JSON.parse(msg);
+                msg = parsed1[4];
+                // Check that this is a message for us
+                if (parsed1[3] !== wc.id) { return; }
+            }
+
+            lastKnownHash = msg.slice(0,64);
+            var message = msgIn(peer, msg);
+
+            verbose(message);
+
+            // slice off the bencoded header
+            // Why are we getting bencoded stuff to begin with?
+            // FIXME this shouldn't be necessary
+            message = unBencode(message);//.slice(message.indexOf(':[') + 1);
+
+            // pass the message into Chainpad
+            sframeChan.query('Q_RT_MESSAGE', message, function () { });
+        };
+
+        // We use an object to store the webchannel so that we don't have to push new handlers to chainpad
+        // and remove the old ones when reconnecting and keeping the same 'realtime' object
+        // See realtime.onMessage below: we call wc.bcast(...) but wc may change
+        var wcObject = {};
+        var onOpen = function(wc, network, firstConnection) {
+            wcObject.wc = wc;
+            channel = wc.id;
+
+            onConnect(wc);
+            onConnect = function () { };
+
+            // Add the existing peers in the userList
+            sframeChan.event('EV_RT_CONNECT', { myID: wc.myID, members: wc.members, readOnly: readOnly });
+
+            // Add the handlers to the WebChannel
+            wc.on('message', function (msg, sender) { //Channel msg
+                onMessage(sender, msg, wc, network);
+            });
+            wc.on('join', function (m) { sframeChan.event('EV_RT_JOIN', m); });
+            wc.on('leave', function (m) { sframeChan.event('EV_RT_LEAVE', m); });
+
+            if (firstConnection) {
+                // Sending a message...
+                messageFromInner = function(message, cb) {
+                    // Filter messages sent by Chainpad to make it compatible with Netflux
+                    message = msgOut(message);
+                    if (message) {
+                        // Do not remove wcObject, it allows us to use a new 'wc' without changing the handler if we
+                        // want to keep the same chainpad (realtime) object
+                        try {
+                            wcObject.wc.bcast(message).then(function() {
+                                cb();
+                            }, function(err) {
+                                // The message has not been sent, display the error.
+                                console.error(err);
+                            });
+                        } catch (e) {
+                            console.log(e);
+                            // Just skip calling back and it will fail on the inside.
+                        }
+                    }
+                };
+                queue.forEach(function (arr) { messageFromInner(arr[0], arr[1]); });
+            }
+
+            // Get the channel history
+            if (USE_HISTORY) {
+                var hk;
+
+                wc.members.forEach(function (p) {
+                    if (p.length === 16) { hk = p; }
+                });
+                network.historyKeeper = hk;
+
+                var msg = ['GET_HISTORY', wc.id];
+                // Add the validateKey if we are the channel creator and we have a validateKey
+                msg.push(validateKey);
+                msg.push(lastKnownHash);
+                if (hk) { network.sendto(hk, JSON.stringify(msg)); }
+            } else {
+                onReady(wc);
+            }
+        };
+
+        var isIntentionallyLeaving = false;
+        window.addEventListener("beforeunload", function () {
+            isIntentionallyLeaving = true;
+        });
+
+        var findChannelById = function (webChannels, channelId) {
+            var webChannel;
+
+            // Array.some terminates once a truthy value is returned
+            // best case is faster than forEach, though webchannel arrays seem
+            // to consistently have a length of 1
+            webChannels.some(function(chan) {
+                if(chan.id === channelId) { webChannel = chan; return true;}
+            });
+            return webChannel;
+        };
+
+        var connectTo = function (network, firstConnection) {
+            // join the netflux network, promise to handle opening of the channel
+            network.join(channel || null).then(function(wc) {
+                onOpen(wc, network, firstConnection);
+            }, function(error) {
+                console.error(error);
+            });
+        };
+
+        network.on('disconnect', function (reason) {
+            console.log('disconnect');
+            if (isIntentionallyLeaving) { return; }
+            if (reason === "network.disconnect() called") { return; }
+            sframeChan.event('EV_RT_DISCONNECT');
+        });
+
+        network.on('reconnect', function () {
+            initializing = true;
+            connectTo(network, false);
+        });
+
+        network.on('message', function (msg, sender) { // Direct message
+            var wchan = findChannelById(network.webChannels, channel);
+            if (wchan) {
+                onMessage(sender, msg, wchan, network, true);
+            }
+        });
+
+        connectTo(network, true);
+    };
+
+    return {
+        start: function (config) {
+            config.sframeChan.whenReg('EV_RT_READY', function () {
+                start(config);
+            });
+        }
+    };
+});
diff --git a/www/common/sframe-channel.js b/www/common/sframe-channel.js
new file mode 100644
index 000000000..5d363390f
--- /dev/null
+++ b/www/common/sframe-channel.js
@@ -0,0 +1,141 @@
+// This file provides the API for the channel for talking to and from the sandbox iframe.
+define([
+    '/common/sframe-protocol.js'
+], function (SFrameProtocol) {
+
+    var mkTxid = function () {
+        return Math.random().toString(16).replace('0.', '') + Math.random().toString(16).replace('0.', '');
+    };
+
+    var create = function (ow, cb, isSandbox) {
+        var otherWindow;
+        var handlers = {};
+        var queries = {};
+
+        // list of handlers which are registered from the other side...
+        var insideHandlers = [];
+        var callWhenRegistered = {};
+
+        var chan = {};
+
+        // Send a query.  channel.query('Q_SOMETHING', { args: "whatever" }, function (reply) { ... });
+        chan.query = function (q, content, cb) {
+            if (!otherWindow) { throw new Error('not yet initialized'); }
+            if (!SFrameProtocol[q]) {
+                throw new Error('please only make queries are defined in sframe-protocol.js');
+            }
+            var txid = mkTxid();
+            var timeout = setTimeout(function () {
+                delete queries[txid];
+                console.log("Timeout making query " + q);
+            }, 30000);
+            queries[txid] = function (data, msg) {
+                clearTimeout(timeout);
+                delete queries[txid];
+                cb(undefined, data.content, msg);
+            };
+            otherWindow.postMessage(JSON.stringify({
+                txid: txid,
+                content: content,
+                q: q
+            }), '*');
+        };
+
+        // Fire an event.  channel.event('EV_SOMETHING', { args: "whatever" });
+        var event = chan.event = function (e, content) {
+            if (!otherWindow) { throw new Error('not yet initialized'); }
+            if (!SFrameProtocol[e]) {
+                throw new Error('please only fire events that are defined in sframe-protocol.js');
+            }
+            if (e.indexOf('EV_') !== 0) {
+                throw new Error('please only use events (starting with EV_) for event messages');
+            }
+            otherWindow.postMessage(JSON.stringify({ content: content, q: e }), '*');
+        };
+
+        // Be notified on query or event.  channel.on('EV_SOMETHING', function (args, reply) { ... });
+        // If the type is a query, your handler will be invoked with a reply function that takes
+        // one argument (the content to reply with).
+        chan.on = function (queryType, handler, quiet) {
+            if (!otherWindow && !quiet) { throw new Error('not yet initialized'); }
+            if (!SFrameProtocol[queryType]) {
+                throw new Error('please only register handlers which are defined in sframe-protocol.js');
+            }
+            (handlers[queryType] = handlers[queryType] || []).push(function (data, msg) {
+                handler(data.content, function (replyContent) {
+                    if (queryType.indexOf('Q_') !== 0) { throw new Error("replies to events are invalid"); }
+                    msg.source.postMessage(JSON.stringify({
+                        txid: data.txid,
+                        content: replyContent
+                    }), '*');
+                }, msg);
+            });
+            if (!quiet) {
+                event('EV_REGISTER_HANDLER', queryType);
+            }
+        };
+
+        // If a particular handler is registered, call the callback immediately, otherwise it will be called
+        // when that handler is first registered.
+        // channel.whenReg('Q_SOMETHING', function () { ...query Q_SOMETHING?... });
+        chan.whenReg = function (queryType, cb, always) {
+            if (!otherWindow) { throw new Error('not yet initialized'); }
+            if (!SFrameProtocol[queryType]) {
+                throw new Error('please only register handlers which are defined in sframe-protocol.js');
+            }
+            var reg = always;
+            if (insideHandlers.indexOf(queryType) > -1) {
+                cb();
+            } else {
+                reg = true;
+            }
+            if (reg) {
+                (callWhenRegistered[queryType] = callWhenRegistered[queryType] || []).push(cb);
+            }
+        };
+
+        // Same as whenReg except it will invoke every time there is another registration, not just once.
+        chan.onReg = function (queryType, cb) { chan.whenReg(queryType, cb, true); };
+
+        chan.on('EV_REGISTER_HANDLER', function (content) {
+            if (callWhenRegistered[content]) {
+                callWhenRegistered[content].forEach(function (f) { f(); });
+                delete callWhenRegistered[content];
+            }
+            insideHandlers.push(content);
+        }, true);
+
+        var txid;
+        window.addEventListener('message', function (msg) {
+            var data = JSON.parse(msg.data);
+            if (ow !== msg.source) {
+                console.log("DROP Message from unexpected source");
+                console.log(msg);
+            } else if (!otherWindow) {
+                otherWindow = ow;
+                ow.postMessage(JSON.stringify({ txid: data.txid }), '*');
+                cb(chan);
+            } else if (typeof(data.q) === 'string' && handlers[data.q]) {
+                handlers[data.q].forEach(function (f) {
+                    f(data || JSON.parse(msg.data), msg);
+                    data = undefined;
+                });
+            } else if (typeof(data.q) === 'undefined' && queries[data.txid]) {
+                queries[data.txid](data, msg);
+            } else if (data.txid === txid) {
+                // stray message from init
+                return;
+            } else {
+                console.log("DROP Unhandled message");
+                console.log(msg);
+            }
+        });
+        if (isSandbox) {
+            // we're in the sandbox
+            otherWindow = ow;
+            cb(chan);
+        }
+    };
+
+    return { create: create };
+});
diff --git a/www/common/sframe-common-history.js b/www/common/sframe-common-history.js
new file mode 100644
index 000000000..e6c342b94
--- /dev/null
+++ b/www/common/sframe-common-history.js
@@ -0,0 +1,223 @@
+define([
+    'jquery',
+    '/bower_components/chainpad-json-validator/json-ot.js',
+    '/bower_components/chainpad/chainpad.dist.js',
+], function ($, JsonOT) {
+    var ChainPad = window.ChainPad;
+    var History = {};
+
+    var getStates = function (rt) {
+        var states = [];
+        var b = rt.getAuthBlock();
+        if (b) { states.unshift(b); }
+        while (b.getParent()) {
+            b = b.getParent();
+            states.unshift(b);
+        }
+        return states;
+    };
+
+    var loadHistory = function (config, common, cb) {
+        var createRealtime = function () {
+            return ChainPad.create({
+                userName: 'history',
+                initialState: '',
+                transformFunction: JsonOT.validate,
+                logLevel: 0,
+                noPrune: true
+            });
+        };
+        var realtime = createRealtime();
+
+        History.readOnly = common.getMetadataMgr().getPrivateData().readOnly;
+
+        var to = window.setTimeout(function () {
+            cb('[GET_FULL_HISTORY_TIMEOUT]');
+        }, 30000);
+
+        common.getFullHistory(realtime, function () {
+            window.clearTimeout(to);
+            cb(null, realtime);
+        });
+    };
+
+    History.create = function (common, config) {
+        if (!config.$toolbar) { return void console.error("config.$toolbar is undefined");}
+        if (History.loading) { return void console.error("History is already being loaded..."); }
+        History.loading = true;
+        var $toolbar = config.$toolbar;
+
+        if (!config.applyVal || !config.setHistory || !config.onLocal || !config.onRemote) {
+            throw new Error("Missing config element: applyVal, onLocal, onRemote, setHistory");
+        }
+
+        // config.setHistory(bool, bool)
+        // - bool1: history value
+        // - bool2: reset old content?
+        var render = function (val) {
+            if (typeof val === "undefined") { return; }
+            try {
+                config.applyVal(val);
+            } catch (e) {
+                // Probably a parse error
+                console.error(e);
+            }
+        };
+        var onClose = function () { config.setHistory(false, true); };
+        var onRevert = function () {
+            config.setHistory(false, false);
+            config.onLocal();
+            config.onRemote();
+        };
+        var onReady = function () {
+            config.setHistory(true);
+        };
+
+        var Messages = common.Messages;
+        var Cryptpad = common.getCryptpadCommon();
+
+        var realtime;
+
+        var states = [];
+        var c = states.length - 1;
+
+        var $hist = $toolbar.find('.cryptpad-toolbar-history');
+        var $left = $toolbar.find('.cryptpad-toolbar-leftside');
+        var $right = $toolbar.find('.cryptpad-toolbar-rightside');
+        var $cke = $toolbar.find('.cke_toolbox_main');
+
+        $hist.html('').show();
+        $left.hide();
+        $right.hide();
+        $cke.hide();
+
+        Cryptpad.spinner($hist).get().show();
+
+        var onUpdate;
+
+        var update = function () {
+            if (!realtime) { return []; }
+            states = getStates(realtime);
+            if (typeof onUpdate === "function") { onUpdate(); }
+            return states;
+        };
+
+        // Get the content of the selected version, and change the version number
+        var get = function (i) {
+            i = parseInt(i);
+            if (isNaN(i)) { return; }
+            if (i < 0) { i = 0; }
+            if (i > states.length - 1) { i = states.length - 1; }
+            var val = states[i].getContent().doc;
+            c = i;
+            if (typeof onUpdate === "function") { onUpdate(); }
+            $hist.find('.next, .previous').css('visibility', '');
+            if (c === states.length - 1) { $hist.find('.next').css('visibility', 'hidden'); }
+            if (c === 0) { $hist.find('.previous').css('visibility', 'hidden'); }
+            return val || '';
+        };
+
+        var getNext = function (step) {
+            return typeof step === "number" ? get(c + step) : get(c + 1);
+        };
+        var getPrevious = function (step) {
+            return typeof step === "number" ? get(c - step) : get(c - 1);
+        };
+
+        // Create the history toolbar
+        var display = function () {
+            $hist.html('');
+            var $prev =$('<button>', {
+                'class': 'previous fa fa-step-backward buttonPrimary',
+                title: Messages.history_prev
+            }).appendTo($hist);
+            var $nav = $('<div>', {'class': 'goto'}).appendTo($hist);
+            var $next = $('<button>', {
+                'class': 'next fa fa-step-forward buttonPrimary',
+                title: Messages.history_next
+            }).appendTo($hist);
+
+            $('<label>').text(Messages.history_version).appendTo($nav);
+            var $cur = $('<input>', {
+                'class' : 'gotoInput',
+                'type' : 'number',
+                'min' : '1',
+                'max' : states.length
+            }).val(c + 1).appendTo($nav).mousedown(function (e) {
+                // stopPropagation because the event would be cancelled by the dropdown menus
+                e.stopPropagation();
+            });
+            var $label2 = $('<label>').text(' / '+ states.length).appendTo($nav);
+            $('<br>').appendTo($nav);
+            var $close = $('<button>', {
+                'class':'closeHistory',
+                title: Messages.history_closeTitle
+            }).text(Messages.history_closeTitle).appendTo($nav);
+            var $rev = $('<button>', {
+                'class':'revertHistory buttonSuccess',
+                title: Messages.history_restoreTitle
+            }).text(Messages.history_restore).appendTo($nav);
+            if (History.readOnly) { $rev.hide(); }
+
+            onUpdate = function () {
+                $cur.attr('max', states.length);
+                $cur.val(c+1);
+                $label2.text(' / ' + states.length);
+            };
+
+            var close = function () {
+                $hist.hide();
+                $left.show();
+                $right.show();
+                $cke.show();
+            };
+
+            // Buttons actions
+            $prev.click(function () { render(getPrevious()); });
+            $next.click(function () { render(getNext()); });
+            $cur.keydown(function (e) {
+                var p = function () { e.preventDefault(); };
+                if (e.which === 13) { p(); return render( get($cur.val() - 1) ); } // Enter
+                if ([37, 40].indexOf(e.which) >= 0) { p(); return render(getPrevious()); } // Left
+                if ([38, 39].indexOf(e.which) >= 0) { p(); return render(getNext()); } // Right
+                if (e.which === 33) { p(); return render(getNext(10)); } // PageUp
+                if (e.which === 34) { p(); return render(getPrevious(10)); } // PageUp
+                if (e.which === 27) { p(); $close.click(); }
+            }).keyup(function (e) { e.stopPropagation(); }).focus();
+            $cur.on('change', function () {
+                render( get($cur.val() - 1) );
+            });
+            $close.click(function () {
+                states = [];
+                close();
+                onClose();
+            });
+            $rev.click(function () {
+                Cryptpad.confirm(Messages.history_restorePrompt, function (yes) {
+                    if (!yes) { return; }
+                    close();
+                    onRevert();
+                    Cryptpad.log(Messages.history_restoreDone);
+                });
+            });
+
+            // Display the latest content
+            render(get(c));
+        };
+
+        // Load all the history messages into a new chainpad object
+        loadHistory(config, common, function (err, newRt) {
+            History.loading = false;
+            if (err) { throw new Error(err); }
+            realtime = newRt;
+            update();
+            c = states.length - 1;
+            display();
+            onReady();
+        });
+    };
+
+    return History;
+});
+
+
diff --git a/www/common/sframe-common-interface.js b/www/common/sframe-common-interface.js
new file mode 100644
index 000000000..f812e3eec
--- /dev/null
+++ b/www/common/sframe-common-interface.js
@@ -0,0 +1,265 @@
+define([
+    'jquery',
+    '/common/cryptpad-common.js',
+    '/common/media-tag.js',
+], function ($, Cryptpad, MediaTag) {
+    var UI = {};
+    var Messages = Cryptpad.Messages;
+
+    /**
+     * Requirements from cryptpad-common.js
+     * getFileSize
+     *  - hrefToHexChannelId
+     * displayAvatar
+     *  - getFirstEmojiOrCharacter
+     *  - parsePadUrl
+     *  - getSecrets
+     *  - base64ToHex
+     *  - getBlobPathFromHex
+     *  - bytesToMegabytes
+     * createUserAdminMenu
+     *  - fixHTML
+     *  - createDropdown
+    */
+
+    UI.getFileSize = function (Common, href, cb) {
+        var channelId = Cryptpad.hrefToHexChannelId(href);
+        Common.sendAnonRpcMsg("GET_FILE_SIZE", channelId, function (data) {
+            if (!data) { return void cb("No response"); }
+            if (data.error) { return void cb(data.error); }
+            if (data.response && data.response.length && typeof(data.response[0]) === 'number') {
+                return void cb(void 0, data.response[0]);
+            } else {
+                cb('INVALID_RESPONSE');
+            }
+        });
+    };
+
+    UI.displayAvatar = function (Common, $container, href, name, cb) {
+        var MutationObserver = window.MutationObserver;
+        var displayDefault = function () {
+            var text = Cryptpad.getFirstEmojiOrCharacter(name);
+            var $avatar = $('<span>', {'class': 'default'}).text(text);
+            $container.append($avatar);
+            if (cb) { cb(); }
+        };
+        if (!href) { return void displayDefault(); }
+        var parsed = Cryptpad.parsePadUrl(href);
+        var secret = Cryptpad.getSecrets('file', parsed.hash);
+        if (secret.keys && secret.channel) {
+            var cryptKey = secret.keys && secret.keys.fileKeyStr;
+            var hexFileName = Cryptpad.base64ToHex(secret.channel);
+            var src = Cryptpad.getBlobPathFromHex(hexFileName);
+            UI.getFileSize(Common, href, function (e, data) {
+                if (e) {
+                    displayDefault();
+                    return void console.error(e);
+                }
+                if (typeof data !== "number") { return void displayDefault(); }
+                if (Cryptpad.bytesToMegabytes(data) > 0.5) { return void displayDefault(); }
+                var $img = $('<media-tag>').appendTo($container);
+                $img.attr('src', src);
+                $img.attr('data-crypto-key', 'cryptpad:' + cryptKey);
+                var observer = new MutationObserver(function(mutations) {
+                    mutations.forEach(function(mutation) {
+                        if (mutation.type === 'childList' && mutation.addedNodes.length) {
+                            if (mutation.addedNodes.length > 1 ||
+                                mutation.addedNodes[0].nodeName !== 'IMG') {
+                                $img.remove();
+                                return void displayDefault();
+                            }
+                            var $image = $img.find('img');
+                            var onLoad = function () {
+                                var img = new Image();
+                                img.onload = function () {
+                                    var w = img.width;
+                                    var h = img.height;
+                                    if (w>h) {
+                                        $image.css('max-height', '100%');
+                                        $img.css('flex-direction', 'column');
+                                        if (cb) { cb($img); }
+                                        return;
+                                    }
+                                    $image.css('max-width', '100%');
+                                    $img.css('flex-direction', 'row');
+                                    if (cb) { cb($img); }
+                                };
+                                img.src = $image.attr('src');
+                            };
+                            if ($image[0].complete) { onLoad(); }
+                            $image.on('load', onLoad);
+                        }
+                    });
+                });
+                observer.observe($img[0], {
+                    attributes: false,
+                    childList: true,
+                    characterData: false
+                });
+                MediaTag($img[0]);
+            });
+        }
+    };
+
+    UI.createUserAdminMenu = function (config) {
+        var Common = config.Common;
+        var metadataMgr = config.metadataMgr;
+
+        var displayNameCls = config.displayNameCls || 'displayName';
+        var $displayedName = $('<span>', {'class': displayNameCls});
+
+        var accountName = metadataMgr.getPrivateData().accountName;
+        var origin = metadataMgr.getPrivateData().origin;
+        var padType = metadataMgr.getMetadata().type;
+
+        var $userName = $('<span>', {'class': 'userDisplayName'});
+        var options = [];
+        if (config.displayNameCls) {
+            var $userAdminContent = $('<p>');
+            if (accountName) {
+                var $userAccount = $('<span>', {'class': 'userAccount'}).append(Messages.user_accountName + ': ' + Cryptpad.fixHTML(accountName));
+                $userAdminContent.append($userAccount);
+                $userAdminContent.append($('<br>'));
+            }
+            if (config.displayName) {
+                // Hide "Display name:" in read only mode
+                $userName.append(Messages.user_displayName + ': ');
+                $userName.append($displayedName);
+            }
+            $userAdminContent.append($userName);
+            options.push({
+                tag: 'p',
+                attributes: {'class': 'accountData'},
+                content: $userAdminContent.html()
+            });
+        }
+        if (padType !== 'drive') {
+            options.push({
+                tag: 'a',
+                attributes: {
+                    'target': '_blank',
+                    'href': origin+'/drive/'
+                },
+                content: Messages.login_accessDrive
+            });
+        }
+        // Add the change display name button if not in read only mode
+        if (config.changeNameButtonCls && config.displayChangeName) {
+            options.push({
+                tag: 'a',
+                attributes: {'class': config.changeNameButtonCls},
+                content: Messages.user_rename
+            });
+        }
+        if (accountName) {
+            options.push({
+                tag: 'a',
+                attributes: {'class': 'profile'},
+                content: Messages.profileButton
+            });
+        }
+        if (padType !== 'settings') {
+            options.push({
+                tag: 'a',
+                attributes: {'class': 'settings'},
+                content: Messages.settingsButton
+            });
+        }
+        // Add login or logout button depending on the current status
+        if (accountName) {
+            options.push({
+                tag: 'a',
+                attributes: {'class': 'logout'},
+                content: Messages.logoutButton
+            });
+        } else {
+            options.push({
+                tag: 'a',
+                attributes: {'class': 'login'},
+                content: Messages.login_login
+            });
+            options.push({
+                tag: 'a',
+                attributes: {'class': 'register'},
+                content: Messages.login_register
+            });
+        }
+        var $icon = $('<span>', {'class': 'fa fa-user-secret'});
+        //var $userbig = $('<span>', {'class': 'big'}).append($displayedName.clone());
+        var $userButton = $('<div>').append($icon);//.append($userbig);
+        if (accountName) {
+            $userButton = $('<div>').append(accountName);
+        }
+        /*if (account && config.displayNameCls) {
+            $userbig.append($('<span>', {'class': 'account-name'}).text('(' + accountName + ')'));
+        } else if (account) {
+            // If no display name, do not display the parentheses
+            $userbig.append($('<span>', {'class': 'account-name'}).text(accountName));
+        }*/
+        var dropdownConfigUser = {
+            text: $userButton.html(), // Button initial text
+            options: options, // Entries displayed in the menu
+            left: true, // Open to the left of the button
+            container: config.$initBlock, // optional
+            feedback: "USER_ADMIN",
+        };
+        var $userAdmin = Cryptpad.createDropdown(dropdownConfigUser);
+
+        var $displayName = $userAdmin.find('.'+displayNameCls);
+
+        var $avatar = $userAdmin.find('.buttonTitle');
+        var oldUrl;
+        var updateButton = function () {
+            var myData = metadataMgr.getUserData();
+            if (!myData) { return; }
+            var newName = myData.name;
+            var url = myData.avatar;
+            $displayName.text(newName || Messages.anonymous);
+            if (accountName && oldUrl !== url) {
+                $avatar.html('');
+                UI.displayAvatar(Common, $avatar, url, newName, function ($img) {
+                    oldUrl = url;
+                    if ($img) {
+                        $userAdmin.find('button').addClass('avatar');
+                    }
+                });
+            }
+        };
+        metadataMgr.onChange(updateButton);
+        updateButton();
+
+        $userAdmin.find('a.logout').click(function () {
+            Common.logout(function () {
+                window.parent.location = origin+'/';
+            });
+        });
+        $userAdmin.find('a.settings').click(function () {
+            if (padType) {
+                window.open(origin+'/settings/');
+            } else {
+                window.parent.location = origin+'/settings/';
+            }
+        });
+        $userAdmin.find('a.profile').click(function () {
+            if (padType) {
+                window.open(origin+'/profile/');
+            } else {
+                window.parent.location = origin+'/profile/';
+            }
+        });
+        $userAdmin.find('a.login').click(function () {
+            Common.setLoginRedirect(function () {
+                window.parent.location = origin+'/login/';
+            });
+        });
+        $userAdmin.find('a.register').click(function () {
+            Common.setLoginRedirect(function () {
+                window.parent.location = origin+'/register/';
+            });
+        });
+
+        return $userAdmin;
+    };
+    
+    return UI;
+});
diff --git a/www/common/sframe-common-title.js b/www/common/sframe-common-title.js
new file mode 100644
index 000000000..7e44d14fd
--- /dev/null
+++ b/www/common/sframe-common-title.js
@@ -0,0 +1,84 @@
+define(['jquery'], function ($) {
+    var module = {};
+
+    module.create = function (cfg, onLocal, Common, metadataMgr) {
+        var exp = {};
+
+        exp.defaultTitle = Common.getDefaultTitle();
+
+        exp.title = document.title;
+
+        cfg = cfg || {};
+
+        var getHeadingText = cfg.getHeadingText || function () { return; };
+
+/*        var updateLocalTitle = function (newTitle) {
+            console.error(newTitle);
+            exp.title = newTitle;
+            onLocal();
+            if (typeof cfg.updateLocalTitle === "function") {
+                cfg.updateLocalTitle(newTitle);
+            } else {
+                document.title = newTitle;
+            }
+        };*/
+
+        var $title;
+        exp.setToolbar = function (toolbar) {
+            $title = toolbar && toolbar.title;
+        };
+
+        exp.getTitle = function () { return exp.title; };
+        var isDefaultTitle = exp.isDefaultTitle = function (){return exp.title === exp.defaultTitle;};
+
+        var suggestTitle = exp.suggestTitle = function (fallback) {
+            if (isDefaultTitle()) {
+                return getHeadingText() || fallback || "";
+            } else {
+                var title = metadataMgr.getMetadata().title;
+                return title || getHeadingText() || exp.defaultTitle;
+            }
+        };
+
+        /*var renameCb = function (err, newTitle) {
+            if (err) { return; }
+            onLocal();
+            //updateLocalTitle(newTitle);
+        };*/
+
+        // update title: href is optional; if not specified, we use window.location.href
+        exp.updateTitle = function (newTitle, cb) {
+            cb = cb || $.noop;
+            if (newTitle === exp.title) { return; }
+            Common.updateTitle(newTitle, cb);
+        };
+
+        // TODO not needed?
+        /*exp.updateDefaultTitle = function (newDefaultTitle) {
+            exp.defaultTitle = newDefaultTitle;
+            if (!$title) { return; }
+            $title.find('input').attr("placeholder", exp.defaultTitle);
+        };*/
+
+        metadataMgr.onChange(function () {
+            var md = metadataMgr.getMetadata();
+            $title.find('span.title').text(md.title || md.defaultTitle);
+            $title.find('input').val(md.title || md.defaultTitle);
+            exp.title = md.title;
+            //exp.updateTitle(md.title || md.defaultTitle);
+        });
+
+        exp.getTitleConfig = function () {
+            return {
+                updateTitle: exp.updateTitle,
+                suggestName: suggestTitle,
+                defaultName: exp.defaultTitle
+            };
+        };
+
+        return exp;
+    };
+
+    return module;
+});
+
diff --git a/www/common/sframe-common.js b/www/common/sframe-common.js
new file mode 100644
index 000000000..bf42642a2
--- /dev/null
+++ b/www/common/sframe-common.js
@@ -0,0 +1,328 @@
+define([
+    'jquery',
+    '/bower_components/nthen/index.js',
+    '/customize/messages.js',
+    '/common/sframe-chainpad-netflux-inner.js',
+    '/common/sframe-channel.js',
+    '/common/sframe-common-title.js',
+    '/common/sframe-common-interface.js',
+    '/common/sframe-common-history.js',
+    '/common/metadata-manager.js',
+
+    '/customize/application_config.js',
+    '/common/cryptpad-common.js',
+    '/common/common-realtime.js'
+], function ($, nThen, Messages, CpNfInner, SFrameChannel, Title, UI, History, MetadataMgr,
+    AppConfig, Cryptpad, CommonRealtime) {
+
+    // Chainpad Netflux Inner
+    var funcs = {};
+    var ctx = {};
+
+    funcs.Messages = Messages;
+
+    funcs.startRealtime = function (options) {
+        if (ctx.cpNfInner) { return ctx.cpNfInner; }
+        options.sframeChan = ctx.sframeChan;
+        options.metadataMgr = ctx.metadataMgr;
+        ctx.cpNfInner = CpNfInner.start(options);
+        ctx.cpNfInner.metadataMgr.onChangeLazy(options.onLocal);
+        return ctx.cpNfInner;
+    };
+
+    funcs.getMetadataMgr = function () {
+        return ctx.metadataMgr;
+    };
+    funcs.getCryptpadCommon = function () {
+        return Cryptpad;
+    };
+
+    var isLoggedIn = funcs.isLoggedIn = function () {
+        if (!ctx.cpNfInner) { throw new Error("cpNfInner is not ready!"); }
+        return ctx.cpNfInner.metadataMgr.getPrivateData().accountName;
+    };
+
+    var titleUpdated;
+    funcs.updateTitle = function (title, cb) {
+        ctx.metadataMgr.updateTitle(title);
+        titleUpdated = cb;
+    };
+
+    // UI
+    funcs.createUserAdminMenu = UI.createUserAdminMenu;
+    funcs.displayAvatar = UI.displayAvatar;
+
+    // History
+    funcs.getHistory = function (config) { return History.create(funcs, config); };
+
+    // Title module
+    funcs.createTitle = Title.create;
+
+    funcs.getDefaultTitle = function () {
+        if (!ctx.cpNfInner) { throw new Error("cpNfInner is not ready!"); }
+        return ctx.cpNfInner.metadataMgr.getMetadata().defaultTitle;
+    };
+
+    funcs.setDisplayName = function (name, cb) {
+        ctx.sframeChan.query('Q_SETTINGS_SET_DISPLAY_NAME', name, function (err) {
+            if (cb) { cb(err); }
+        });
+    };
+
+    funcs.logout = function (cb) {
+        ctx.sframeChan.query('Q_LOGOUT', null, function (err) {
+            if (cb) { cb(err); }
+        });
+    };
+
+    funcs.notify = function () {
+        ctx.sframeChan.event('EV_NOTIFY');
+    };
+
+    funcs.setLoginRedirect = function (cb) {
+        ctx.sframeChan.query('Q_SET_LOGIN_REDIRECT', null, function (err) {
+            if (cb) { cb(err); }
+        });
+    };
+
+    funcs.sendAnonRpcMsg = function (msg, content, cb) {
+        ctx.sframeChan.query('Q_ANON_RPC_MESSAGE', {
+            msg: msg,
+            content: content
+        }, function (err, data) {
+            if (cb) { cb(data); }
+        });
+    };
+
+    funcs.isOverPinLimit = function (cb) {
+        ctx.sframeChan.query('Q_GET_PIN_LIMIT_STATUS', null, function (err, data) {
+            cb(data.error, data.overLimit, data.limits);
+        });
+    };
+
+    funcs.getFullHistory = function (realtime, cb) {
+        ctx.sframeChan.on('EV_RT_HIST_MESSAGE', function (content) {
+            realtime.message(content);
+        });
+        ctx.sframeChan.query('Q_GET_FULL_HISTORY', null, cb);
+    };
+
+    // Friends
+    var pendingFriends = [];
+    funcs.getPendingFriends = function () {
+        return pendingFriends.slice();
+    };
+    funcs.sendFriendRequest = function (netfluxId) {
+        ctx.sframeChan.query('Q_SEND_FRIEND_REQUEST', netfluxId, $.noop);
+        pendingFriends.push(netfluxId);
+    };
+
+    // Feedback
+    funcs.feedback = function (action, force) {
+        if (force !== true) {
+            if (!action) { return; }
+            try {
+                if (!ctx.metadataMgr.getPrivateData().feedbackAllowed) { return; }
+            } catch (e) { return void console.error(e); }
+        }
+        var randomToken = Math.random().toString(16).replace(/0./, '');
+        //var origin = ctx.metadataMgr.getPrivateData().origin;
+        var href = /*origin +*/ '/common/feedback.html?' + action + '=' + randomToken;
+        $.ajax({
+            type: "HEAD",
+            url: href,
+        });
+    };
+    var prepareFeedback = function (key) {
+        if (typeof(key) !== 'string') { return $.noop; }
+
+        var type = ctx.metadataMgr.getMetadata().type;
+        return function () {
+            funcs.feedback((key + (type? '_' + type: '')).toUpperCase());
+        };
+    };
+
+    // BUTTONS
+    var isStrongestStored = function () {
+        var data = ctx.metadataMgr.getPrivateData();
+        return !data.readOnly || !data.availableHashes.editHash;
+    };
+    funcs.createButton = function (type, rightside, data, callback) {
+        var button;
+        var size = "17px";
+        switch (type) {
+            case 'export':
+                button = $('<button>', {
+                    'class': 'fa fa-download',
+                    title: Messages.exportButtonTitle,
+                }).append($('<span>', {'class': 'drawer'}).text(Messages.exportButton));
+
+                button.click(prepareFeedback(type));
+                if (callback) {
+                    button.click(callback);
+                }
+                break;
+            case 'import':
+                button = $('<button>', {
+                    'class': 'fa fa-upload',
+                    title: Messages.importButtonTitle,
+                }).append($('<span>', {'class': 'drawer'}).text(Messages.importButton));
+                if (callback) {
+                    button
+                    .click(prepareFeedback(type))
+                    .click(Cryptpad.importContent('text/plain', function (content, file) {
+                        callback(content, file);
+                    }, {accept: data ? data.accept : undefined}));
+                }
+                break;
+            case 'template':
+                if (!AppConfig.enableTemplates) { return; }
+                button = $('<button>', {
+                    title: Messages.saveTemplateButton,
+                }).append($('<span>', {'class':'fa fa-bookmark', style: 'font:'+size+' FontAwesome'}));
+                if (data.rt) {
+                    button
+                    .click(function () {
+                        var title = data.getTitle() || document.title;
+                        var todo = function (val) {
+                            if (typeof(val) !== "string") { return; }
+                            var toSave = data.rt.getUserDoc();
+                            if (val.trim()) {
+                                val = val.trim();
+                                title = val;
+                                try {
+                                    var parsed = JSON.parse(toSave);
+                                    var meta;
+                                    if (Array.isArray(parsed) && typeof(parsed[3]) === "object") {
+                                        meta = parsed[3].metadata; // pad
+                                    } else if (parsed.info) {
+                                        meta = parsed.info; // poll
+                                    } else {
+                                        meta = parsed.metadata;
+                                    }
+                                    if (typeof(meta) === "object") {
+                                        meta.title = val;
+                                        meta.defaultTitle = val;
+                                        delete meta.users;
+                                    }
+                                    toSave = JSON.stringify(parsed);
+                                } catch(e) {
+                                    console.error("Parse error while setting the title", e);
+                                }
+                            }
+                            ctx.sframeChan.query('Q_SAVE_AS_TEMPLATE', {
+                                title: title,
+                                toSave: toSave
+                            }, function () {
+                                Cryptpad.alert(Messages.templateSaved);
+                                funcs.feedback('TEMPLATE_CREATED');
+                            });
+                        };
+                        Cryptpad.prompt(Messages.saveTemplatePrompt, title, todo);
+                    });
+                }
+                break;
+            case 'forget':
+                button = $('<button>', {
+                    id: 'cryptpad-forget',
+                    title: Messages.forgetButtonTitle,
+                    'class': "fa fa-trash cryptpad-forget",
+                    style: 'font:'+size+' FontAwesome'
+                });
+                if (!isStrongestStored()) {
+                    button.addClass('hidden');
+                }
+                if (callback) {
+                    button
+                    .click(prepareFeedback(type))
+                    .click(function() {
+                        var msg = isLoggedIn() ? Messages.forgetPrompt : Messages.fm_removePermanentlyDialog;
+                        Cryptpad.confirm(msg, function (yes) {
+                            if (!yes) { return; }
+                            ctx.sframeChan.query('Q_MOVE_TO_TRASH', null, function (err) {
+                                if (err) { return void callback(err); }
+                                var cMsg = isLoggedIn() ? Messages.movedToTrash : Messages.deleted;
+                                Cryptpad.alert(cMsg, undefined, true);
+                                callback();
+                                return;
+                            });
+                        });
+
+                    });
+                }
+                break;
+            case 'history':
+                if (!AppConfig.enableHistory) {
+                    button = $('<span>');
+                    break;
+                }
+                button = $('<button>', {
+                    title: Messages.historyButton,
+                    'class': "fa fa-history history",
+                }).append($('<span>', {'class': 'drawer'}).text(Messages.historyText));
+                if (data.histConfig) {
+                    button
+                    .click(prepareFeedback(type))
+                    .on('click', function () {
+                        funcs.getHistory(data.histConfig);
+                    });
+                }
+                break;
+            case 'more':
+                button = $('<button>', {
+                    title: Messages.moreActions || 'TODO',
+                    'class': "drawer-button fa fa-ellipsis-h",
+                    style: 'font:'+size+' FontAwesome'
+                });
+                break;
+            default:
+                button = $('<button>', {
+                    'class': "fa fa-question",
+                    style: 'font:'+size+' FontAwesome'
+                })
+                .click(prepareFeedback(type));
+        }
+        if (rightside) {
+            button.addClass('rightside-button');
+        }
+        return button;
+        
+    };
+/*    funcs.storeLinkToClipboard = function (readOnly, cb) {
+        ctx.sframeChan.query('Q_STORE_LINK_TO_CLIPBOARD', readOnly, function (err) {
+            if (cb) { cb(err); }
+        });
+    };
+*/
+    
+    Object.freeze(funcs);
+    return { create: function (cb) {
+        nThen(function (waitFor) {
+            SFrameChannel.create(window.parent, waitFor(function (sfc) { ctx.sframeChan = sfc; }), true);
+            // CpNfInner.start() should be here....
+        }).nThen(function () {
+            ctx.metadataMgr = MetadataMgr.create(ctx.sframeChan);
+            ctx.metadataMgr.onTitleChange(function (title) {
+                ctx.sframeChan.query('Q_SET_PAD_TITLE_IN_DRIVE', title, function (err) {
+                    if (err) { return; }
+                    if (titleUpdated) { titleUpdated(undefined, title); }
+                });
+            });
+
+            ctx.sframeChan.on('EV_RT_CONNECT', function () { CommonRealtime.setConnectionState(true); });
+            ctx.sframeChan.on('EV_RT_DISCONNECT', function () { CommonRealtime.setConnectionState(false); });
+
+
+            ctx.sframeChan.on('Q_INCOMING_FRIEND_REQUEST', function (confirmMsg, cb) {
+                Cryptpad.confirm(confirmMsg, cb, null, true);
+            });
+            ctx.sframeChan.on('EV_FRIEND_REQUEST', function (data) {
+                var i = pendingFriends.indexOf(data.sender);
+                if (i !== -1) { pendingFriends.splice(i, 1); }
+                Cryptpad.log(data.logText);
+            });
+
+            cb(funcs);
+        });
+    } };
+});
diff --git a/www/common/sframe-protocol.js b/www/common/sframe-protocol.js
new file mode 100644
index 000000000..f272d3743
--- /dev/null
+++ b/www/common/sframe-protocol.js
@@ -0,0 +1,85 @@
+// This file defines all of the RPC calls which are used between the inner and outer iframe.
+// Define *querys* (which expect a response) using Q_<query name>
+// Define *events* (which expect no response) using EV_<event name>
+// Please document the queries and events you create, and please please avoid making generic
+// "do stuff" events/queries which are used for many different things because it makes the
+// protocol unclear.
+//
+// WARNING: At this point, this protocol is still EXPERIMENTAL. This is not it's final form.
+//   We need to define protocol one piece at a time and then when we are satisfied that we
+//   fully understand the problem, we will define the *right* protocol and this file will be dynomited.
+//
+define({
+    // When the iframe first launches, this query is sent repeatedly by the controller
+    // to wait for it to awake and give it the requirejs config to use.
+    'Q_INIT': true,
+
+    // When either the outside or inside registers a query handler, this is sent.
+    'EV_REGISTER_HANDLER': true,
+
+    // Realtime events called from the outside.
+    // When someone joins the pad, argument is a string with their netflux id.
+    'EV_RT_JOIN': true,
+    // When someone leaves the pad, argument is a string with their netflux id.
+    'EV_RT_LEAVE': true,
+    // When you have been disconnected, no arguments.
+    'EV_RT_DISCONNECT': true,
+    // When you have connected, argument is an object with myID: string, members: list, readOnly: boolean.
+    'EV_RT_CONNECT': true,
+    // Called after the history is finished synchronizing, no arguments.
+    'EV_RT_READY': true,
+    // Called from both outside and inside, argument is a (string) chainpad message.
+    'Q_RT_MESSAGE': true,
+
+    // Called from the outside, this informs the inside whenever the user's data has been changed.
+    // The argument is the object representing the content of the user profile minus the netfluxID
+    // which changes per-reconnect.
+    'EV_METADATA_UPDATE': true,
+
+    // Takes one argument only, the title to set for the CURRENT pad which the user is looking at.
+    // This changes the pad title in drive ONLY, the pad title needs to be changed inside of the
+    // iframe and synchronized with the other users. This will not trigger a EV_METADATA_UPDATE
+    // because the metadata contained in EV_METADATA_UPDATE does not contain the pad title.
+    'Q_SET_PAD_TITLE_IN_DRIVE': true,
+
+    // Update the user's display-name which will be shown to contacts and people in the same pads.
+    'Q_SETTINGS_SET_DISPLAY_NAME': true,
+
+    // Log the user out in all the tabs
+    'Q_LOGOUT': true,
+
+    // When moving to the login or register page from a pad, we need to redirect to that pad at the
+    // end of the login process. This query set the current href to the sessionStorage.
+    'Q_SET_LOGIN_REDIRECT': true,
+
+    // Store the editing or readonly link of the current pad to the clipboard (share button).
+    'Q_STORE_LINK_TO_CLIPBOARD': true,
+
+    // Use anonymous rpc from inside the iframe (for avatars & pin usage).
+    'Q_ANON_RPC_MESSAGE': true,
+
+    // Check the pin limit to determine if we can store the pad in the drive or if we should.
+    // display a warning
+    'Q_GET_PIN_LIMIT_STATUS': true,
+
+    // Move a pad to the trash when using the forget button.
+    'Q_MOVE_TO_TRASH': true,
+
+    // Request the full history from the server when the users clicks on the history button.
+    // Callback is called when the FULL_HISTORY_END message is received in the outside.
+    'Q_GET_FULL_HISTORY': true,
+    // When a (full) history message is received from the server.
+    'EV_RT_HIST_MESSAGE': true,
+
+    // Save a pad as a template using the toolbar button
+    'Q_SAVE_AS_TEMPLATE': true,
+
+    // Friend requests from the userlist
+    'Q_SEND_FRIEND_REQUEST': true, // Up query
+    'Q_INCOMING_FRIEND_REQUEST': true, // Down query
+    'EV_FRIEND_REQUEST': true, // Down event when the request is complete
+
+    // Set the tab notification when the content of the pad changes
+    'EV_NOTIFY': true,
+
+});
diff --git a/www/common/test.md b/www/common/test.md
new file mode 100644
index 000000000..6cef29830
--- /dev/null
+++ b/www/common/test.md
@@ -0,0 +1 @@
+This is to test if we have a flakey test.
diff --git a/www/common/toolbar3.js b/www/common/toolbar3.js
new file mode 100644
index 000000000..36d607c8c
--- /dev/null
+++ b/www/common/toolbar3.js
@@ -0,0 +1,1001 @@
+define([
+    'jquery',
+    '/customize/application_config.js',
+    '/api/config',
+], function ($, Config, ApiConfig) {
+    var Messages = {};
+    var Cryptpad;
+    var Common;
+
+    var Bar = {
+        constants: {},
+    };
+
+    var SPINNER_DISAPPEAR_TIME = 1000;
+
+    // Toolbar parts
+    var TOOLBAR_CLS = Bar.constants.toolbar = 'cryptpad-toolbar';
+    var TOP_CLS = Bar.constants.top = 'cryptpad-toolbar-top';
+    var LEFTSIDE_CLS = Bar.constants.leftside = 'cryptpad-toolbar-leftside';
+    var RIGHTSIDE_CLS = Bar.constants.rightside = 'cryptpad-toolbar-rightside';
+    var DRAWER_CLS = Bar.constants.drawer = 'drawer-content';
+    var HISTORY_CLS = Bar.constants.history = 'cryptpad-toolbar-history';
+
+    // Userlist
+    var USERLIST_CLS = Bar.constants.userlist = "cryptpad-dropdown-users";
+    var EDITSHARE_CLS = Bar.constants.editShare = "cryptpad-dropdown-editShare";
+    var VIEWSHARE_CLS = Bar.constants.viewShare = "cryptpad-dropdown-viewShare";
+    var SHARE_CLS = Bar.constants.viewShare = "cryptpad-dropdown-share";
+
+    // Top parts
+    var USER_CLS = Bar.constants.userAdmin = "cryptpad-user";
+    var SPINNER_CLS = Bar.constants.spinner = 'cryptpad-spinner';
+    var LIMIT_CLS = Bar.constants.lag = 'cryptpad-limit';
+    var TITLE_CLS = Bar.constants.title = "cryptpad-title";
+    var NEWPAD_CLS = Bar.constants.newpad = "cryptpad-new";
+
+    // User admin menu
+    var USERADMIN_CLS = Bar.constants.user = 'cryptpad-user-dropdown';
+    var USERNAME_CLS = Bar.constants.username = 'cryptpad-toolbar-username';
+    /*var READONLY_CLS = */Bar.constants.readonly = 'cryptpad-readonly';
+    var USERBUTTON_CLS = Bar.constants.changeUsername = "cryptpad-change-username";
+
+    // Create the toolbar element
+
+    var uid = function () {
+        return 'cryptpad-uid-' + String(Math.random()).substring(2);
+    };
+
+    var createRealtimeToolbar = function (config) {
+        if (!config.$container) { return; }
+        var $container = config.$container;
+        var $toolbar = $('<div>', {
+            'class': TOOLBAR_CLS,
+            id: uid(),
+        });
+
+        // TODO iframe
+        // var parsed = Cryptpad.parsePadUrl(window.location.href);
+        var parsed = { type:'pad' };
+        if (typeof parsed.type === "string") {
+            config.$container.parents('body').addClass('app-' + parsed.type);
+        }
+
+        var $topContainer = $('<div>', {'class': TOP_CLS});
+        $('<span>', {'class': 'filler'}).appendTo($topContainer);
+        var $userContainer = $('<span>', {
+            'class': USER_CLS
+        }).appendTo($topContainer);
+        $('<span>', {'class': LIMIT_CLS}).hide().appendTo($userContainer);
+        $('<span>', {'class': NEWPAD_CLS + ' dropdown-bar'}).hide().appendTo($userContainer);
+        $('<span>', {'class': USERADMIN_CLS + ' dropdown-bar'}).hide().appendTo($userContainer);
+
+        $toolbar.append($topContainer)
+        .append($('<div>', {'class': LEFTSIDE_CLS}))
+        .append($('<div>', {'class': RIGHTSIDE_CLS}))
+        .append($('<div>', {'class': HISTORY_CLS}));
+
+        var $rightside = $toolbar.find('.'+RIGHTSIDE_CLS);
+        if (!config.hideDrawer) {
+            var $drawerContent = $('<div>', {
+                'class': DRAWER_CLS,// + ' dropdown-bar-content cryptpad-dropdown'
+                'tabindex': 1
+            }).appendTo($rightside).hide();
+            var $drawer = Cryptpad.createButton('more', true).appendTo($rightside);
+            $drawer.click(function () {
+                $drawerContent.toggle();
+                $drawer.removeClass('active');
+                if ($drawerContent.is(':visible')) {
+                    $drawer.addClass('active');
+                    $drawerContent.focus();
+                }
+            });
+            var onBlur = function (e) {
+                if (e.relatedTarget) {
+                    if ($(e.relatedTarget).is('.drawer-button')) { return; }
+                    if ($(e.relatedTarget).parents('.'+DRAWER_CLS).length) {
+                        $(e.relatedTarget).blur(onBlur);
+                        return;
+                    }
+                }
+                $drawer.removeClass('active');
+                $drawerContent.hide();
+            };
+            $drawerContent.blur(onBlur);
+        }
+
+        // The 'notitle' class removes the line added for the title with a small screen
+        if (!config.title || typeof config.title !== "object") {
+            $toolbar.addClass('notitle');
+        }
+
+        $container.prepend($toolbar);
+
+        $container.on('drop dragover', function (e) {
+            e.preventDefault();
+            e.stopPropagation();
+        });
+        return $toolbar;
+    };
+
+    // Userlist elements
+
+    var getOtherUsers = function(config) {
+        //var userList = config.userList.getUserlist();
+        var userData = config.metadataMgr.getMetadata().users;
+
+        var i = 0; // duplicates counter
+        var list = [];
+
+        // Display only one time each user (if he is connected in multiple tabs)
+        var uids = [];
+        Object.keys(userData).forEach(function(user) {
+            //if (user !== userNetfluxId) {
+                var data = userData[user] || {};
+                var userId = data.uid;
+                if (!userId) { return; }
+                //data.netfluxId = user;
+                if (uids.indexOf(userId) === -1) {// && (!myUid || userId !== myUid)) {
+                    uids.push(userId);
+                    list.push(data);
+                } else { i++; }
+            //}
+        });
+        return {
+            list: list,
+            duplicates: i
+        };
+    };
+
+    var avatars = {};
+    var updateUserList = function (toolbar, config) {
+        // Make sure the elements are displayed
+        var $userButtons = toolbar.userlist;
+        var $userlistContent = toolbar.userlistContent;
+
+        var metadataMgr = config.metadataMgr;
+        var userData = metadataMgr.getMetadata().users;
+        var viewers = metadataMgr.getViewers();
+        var priv = metadataMgr.getPrivateData();
+        var origin = priv.origin;
+        var friends = priv.friends;
+        var user = metadataMgr.getUserData();
+
+        // If we are using old pads (readonly unavailable), only editing users are in userList.
+        // With new pads, we also have readonly users in userList, so we have to intersect with
+        // the userData to have only the editing users. We can't use userData directly since it
+        // may contain data about users that have already left the channel.
+        //userList = config.readOnly === -1 ? userList : arrayIntersect(userList, Object.keys(userData));
+
+        // Names of editing users
+        var others = getOtherUsers(config);
+        var editUsersNames = others.list;
+        var duplicates = others.duplicates; // Number of duplicates
+
+        editUsersNames.sort(function (a, b) {
+            var na = a.name || Messages.anonymous;
+            var nb = b.name || Messages.anonymous;
+            return na.toLowerCase() > nb.toLowerCase();
+        });
+
+        var numberOfEditUsers = Object.keys(userData).length - duplicates;
+        var numberOfViewUsers = viewers;
+
+        // Update the userlist
+        var $editUsers = $userlistContent.find('.' + USERLIST_CLS).html('');
+        Cryptpad.clearTooltips();
+
+        var $editUsersList = $('<div>', {'class': 'userlist-others'});
+
+        // Editors
+        var pendingFriends = Common.getPendingFriends();
+        editUsersNames.forEach(function (data) {
+            var name = data.name || Messages.anonymous;
+            var $span = $('<span>', {'class': 'avatar'});
+            var $rightCol = $('<span>', {'class': 'right-col'});
+            var $nameSpan = $('<span>', {'class': 'name'}).text(name).appendTo($rightCol);
+            var isMe = data.curvePublic === user.curvePublic;
+            if (Common.isLoggedIn() && data.curvePublic) {
+                if (isMe) {
+                    $span.attr('title', Messages._getKey('userlist_thisIsYou', [
+                        name
+                    ]));
+                    $nameSpan.text(name);
+                } else if (!friends[data.curvePublic]) {
+                    if (pendingFriends.indexOf(data.netfluxId) !== -1) {
+                        $('<span>', {'class': 'friend'}).text(Messages.userlist_pending)
+                            .appendTo($rightCol);
+                    } else {
+                        $('<span>', {
+                            'class': 'fa fa-user-plus friend',
+                            'title': Messages._getKey('userlist_addAsFriendTitle', [
+                                name
+                            ])
+                        }).appendTo($rightCol).click(function (e) {
+                            e.stopPropagation();
+                            Common.sendFriendRequest(data.netfluxId);
+                        });
+                    }
+                }
+            }
+            if (data.profile) {
+                $span.addClass('clickable');
+                $span.click(function () {
+                    window.open(origin+'/profile/#' + data.profile);
+                });
+            }
+            if (data.avatar && avatars[data.avatar]) {
+                $span.append(avatars[data.avatar]);
+                $span.append($rightCol);
+            } else {
+                Common.displayAvatar(Common, $span, data.avatar, name, function ($img) {
+                    if (data.avatar && $img) {
+                        avatars[data.avatar] = $img[0].outerHTML;
+                    }
+                    $span.append($rightCol);
+                });
+            }
+            $span.data('uid', data.uid);
+            $editUsersList.append($span);
+        });
+        $editUsers.append($editUsersList);
+
+        // Viewers
+        if (numberOfViewUsers > 0) {
+            var viewText = '<div class="viewer">';
+            var viewerText = numberOfViewUsers !== 1 ? Messages.viewers : Messages.viewer;
+            viewText += numberOfViewUsers + ' ' + viewerText + '</div>';
+            $editUsers.append(viewText);
+        }
+
+        // Update the buttons
+        var fa_editusers = '<span class="fa fa-users"></span>';
+        var fa_viewusers = '<span class="fa fa-eye"></span>';
+        var $spansmall = $('<span>').html(fa_editusers + ' ' + numberOfEditUsers + '&nbsp;&nbsp; ' + fa_viewusers + ' ' + numberOfViewUsers);
+        $userButtons.find('.buttonTitle').html('').append($spansmall);
+    };
+
+    var initUserList = function (toolbar, config) {
+        // TODO clean comments
+        if (config.metadataMgr) { /* && config.userList.list && config.userList.userNetfluxId) {*/
+            //var userList = config.userList.list;
+            //userList.change.push
+            var metadataMgr = config.metadataMgr;
+            metadataMgr.onChange(function () {
+                if (metadataMgr.isConnected()) {toolbar.connected = true;}
+                if (!toolbar.connected) { return; }
+                //if (config.userList.data) {
+                    updateUserList(toolbar, config);
+                //}
+            });
+        }
+    };
+
+
+    // Create sub-elements
+
+    var createUserList = function (toolbar, config) {
+        if (!config.metadataMgr) {
+            throw new Error("You must provide a `metadataMgr` to display the userlist");
+        }
+        var $content = $('<div>', {'class': 'userlist-drawer'});
+        $content.on('drop dragover', function (e) {
+            e.preventDefault();
+            e.stopPropagation();
+        });
+        var $closeIcon = $('<span>', {"class": "fa fa-window-close close"}).appendTo($content);
+        $('<h2>').text(Messages.users).appendTo($content);
+        $('<p>', {'class': USERLIST_CLS}).appendTo($content);
+
+        toolbar.userlistContent = $content;
+
+        var $container = $('<span>', {id: 'userButtons', title: Messages.userListButton});
+
+        var $button = $('<button>').appendTo($container);
+        $('<span>',{'class': 'buttonTitle'}).appendTo($button);
+
+        toolbar.$leftside.prepend($container);
+
+        if (config.$contentContainer) {
+            config.$contentContainer.prepend($content);
+        }
+
+        var $ck = config.$container.find('.cke_toolbox_main');
+        var mobile = $('body').width() <= 600;
+        var hide = function () {
+            $content.hide();
+            $button.removeClass('active');
+            $ck.css({
+                'padding-left': '',
+            });
+        };
+        var show = function () {
+            $content.show();
+            if (mobile) {
+                $ck.hide();
+            }
+            $button.addClass('active');
+            $ck.css({
+                'padding-left': '175px',
+            });
+            var h = $ck.is(':visible') ? -$ck.height() : 0;
+            $content.css('margin-top', h+'px');
+        };
+        $(window).on('cryptpad-ck-toolbar', function () {
+            if (mobile && $ck.is(':visible')) { return void hide(); }
+            if ($content.is(':visible')) { return void show(); }
+            hide();
+        });
+        $(window).on('resize', function () {
+            mobile = $('body').width() <= 600;
+            var h = $ck.is(':visible') ? -$ck.height() : 0;
+            $content.css('margin-top', h+'px');
+        });
+        $closeIcon.click(function () {
+            //Cryptpad.setAttribute('userlist-drawer', false); TODO iframe
+            hide();
+        });
+        $button.click(function () {
+            var visible = $content.is(':visible');
+            if (visible) { hide(); }
+            else { show(); }
+            visible = !visible;
+            // TODO iframe
+            //Cryptpad.setAttribute('userlist-drawer', visible);
+            Common.feedback(visible?'USERLIST_SHOW': 'USERLIST_HIDE');
+        });
+        show();
+        // TODO iframe
+        /*Cryptpad.getAttribute('userlist-drawer', function (err, val) {
+            if (val === false || mobile) { return void hide(); }
+            show();
+        });*/
+
+        return $container;
+    };
+
+    var createShare = function (toolbar, config) {
+        if (!config.metadataMgr) {
+            throw new Error("You must provide a `metadataMgr` to display the userlist");
+        }
+        var metadataMgr = config.metadataMgr;
+        var origin = config.metadataMgr.getPrivateData().origin;
+        var pathname = config.metadataMgr.getPrivateData().pathname;
+        var hashes = metadataMgr.getPrivateData().availableHashes;
+        var readOnly = metadataMgr.getPrivateData().readOnly;
+
+        var $shareIcon = $('<span>', {'class': 'fa fa-share-alt'});
+        var options = [];
+
+        if (hashes.editHash) {
+            options.push({
+                tag: 'a',
+                attributes: {title: Messages.editShareTitle, 'class': 'editShare'},
+                content: '<span class="fa fa-users"></span> ' + Messages.editShare
+            });
+            if (readOnly) {
+                // We're in view mode, display the "open editing link" button
+                options.push({
+                    tag: 'a',
+                    attributes: {
+                        title: Messages.editOpenTitle,
+                        'class': 'editOpen',
+                        href: origin + pathname + '#' + hashes.editHash,
+                        target: '_blank'
+                    },
+                    content: '<span class="fa fa-users"></span> ' + Messages.editOpen
+                });
+            }
+            options.push({tag: 'hr'});
+        }
+        if (hashes.viewHash) {
+            options.push({
+                tag: 'a',
+                attributes: {title: Messages.viewShareTitle, 'class': 'viewShare'},
+                content: '<span class="fa fa-eye"></span> ' + Messages.viewShare
+            });
+            if (!readOnly) {
+                // We're in edit mode, display the "open readonly" button
+                options.push({
+                    tag: 'a',
+                    attributes: {
+                        title: Messages.viewOpenTitle,
+                        'class': 'viewOpen',
+                        href: origin + pathname + '#' + hashes.viewHash,
+                        target: '_blank'
+                    },
+                    content: '<span class="fa fa-eye"></span> ' + Messages.viewOpen
+                });
+            }
+        }
+        var dropdownConfigShare = {
+            text: $('<div>').append($shareIcon).html(),
+            options: options,
+            feedback: 'SHARE_MENU',
+        };
+        var $shareBlock = Cryptpad.createDropdown(dropdownConfigShare);
+        $shareBlock.find('.dropdown-bar-content').addClass(SHARE_CLS).addClass(EDITSHARE_CLS).addClass(VIEWSHARE_CLS);
+        $shareBlock.addClass('shareButton');
+        $shareBlock.find('button').attr('title', Messages.shareButton);
+
+        if (hashes.editHash) {
+            $shareBlock.find('a.editShare').click(function () {
+                /*Common.storeLinkToClipboard(false, function (err) {
+                    if (!err) { Cryptpad.log(Messages.shareSuccess); }
+                });*/
+                var url = origin + pathname + '#' + hashes.editHash;
+                var success = Cryptpad.Clipboard.copy(url);
+                if (success) { Cryptpad.log(Messages.shareSuccess); }
+            });
+        }
+        if (hashes.viewHash) {
+            $shareBlock.find('a.viewShare').click(function () {
+                /*Common.storeLinkToClipboard(true, function (err) {
+                    if (!err) { Cryptpad.log(Messages.shareSuccess); }
+                });*/
+                var url = origin + pathname + '#' + hashes.viewHash;
+                var success = Cryptpad.Clipboard.copy(url);
+                if (success) { Cryptpad.log(Messages.shareSuccess); }
+            });
+        }
+
+        toolbar.$leftside.append($shareBlock);
+        toolbar.share = $shareBlock;
+
+        return "Loading share button";
+    };
+
+    var createFileShare = function (toolbar) {
+        if (!window.location.hash) {
+            throw new Error("Unable to display the share button: hash required in the URL");
+        }
+        var $shareIcon = $('<span>', {'class': 'fa fa-share-alt'});
+        var $button = $('<button>', {'title': Messages.shareButton}).append($shareIcon);
+        $button.addClass('shareButton');
+        $button.click(function () {
+            var url = window.location.href;
+            var success = Cryptpad.Clipboard.copy(url);
+            if (success) { Cryptpad.log(Messages.shareSuccess); }
+        });
+
+        toolbar.$leftside.append($button);
+        return $button;
+    };
+
+    var createTitle = function (toolbar, config) {
+        var $titleContainer = $('<span>', {
+            id: 'toolbarTitle',
+            'class': TITLE_CLS
+        }).appendTo(toolbar.$top);
+
+        var $hoverable = $('<span>', {'class': 'hoverable'}).appendTo($titleContainer);
+
+        if (typeof config.title !== "object") {
+            console.error("config.title", config);
+            throw new Error("config.title is not an object");
+        }
+        var updateTitle = config.title.updateTitle;
+        var placeholder = config.title.defaultName;
+        var suggestName = config.title.suggestName;
+
+        // Buttons
+        var $text = $('<span>', {
+            'class': 'title'
+        }).appendTo($hoverable);
+        var $pencilIcon = $('<span>', {
+            'class': 'pencilIcon',
+            'title': Messages.clickToEdit
+        });
+        var $saveIcon = $('<span>', {
+            'class': 'saveIcon',
+            'title': Messages.saveTitle
+        }).hide();
+        if (config.readOnly === 1) {
+            $titleContainer.append($('<span>', {'class': 'readOnly'})
+                .text('('+Messages.readonly+')'));
+        }
+        if (config.readOnly === 1 || typeof(Cryptpad) === "undefined") { return $titleContainer; }
+        var $input = $('<input>', {
+            type: 'text',
+            placeholder: placeholder
+        }).appendTo($hoverable).hide();
+        if (config.readOnly !== 1) {
+            $text.attr("title", Messages.clickToEdit);
+            $text.addClass("editable");
+            var $icon = $('<span>', {
+                'class': 'fa fa-pencil readonly',
+                style: 'font-family: FontAwesome;'
+            });
+            $pencilIcon.append($icon).appendTo($hoverable);
+            var $icon2 = $('<span>', {
+                'class': 'fa fa-check readonly',
+                style: 'font-family: FontAwesome;'
+            });
+            $saveIcon.append($icon2).appendTo($hoverable);
+        }
+
+        // Events
+        $input.on('mousedown', function (e) {
+            if (!$input.is(":focus")) {
+                $input.focus();
+            }
+            e.stopPropagation();
+            return true;
+        });
+        var save = function () {
+            var name = $input.val().trim();
+            if (name === "") {
+                name = $input.attr('placeholder');
+            }
+            updateTitle(name, function (err/*, newtitle*/) {
+                if (err) { return console.error(err); }
+                //$text.text(newtitle);
+                $input.hide();
+                $text.show();
+                $pencilIcon.show();
+                $saveIcon.hide();
+            });
+        };
+        $input.on('keyup', function (e) {
+            if (e.which === 13 && toolbar.connected === true) {
+                save();
+            } else if (e.which === 27) {
+                $input.hide();
+                $text.show();
+                $pencilIcon.show();
+                $saveIcon.hide();
+                //$pencilIcon.css('display', '');
+            } else if (e.which === 32) {
+                e.stopPropagation();
+            }
+        });
+        $saveIcon.click(save);
+
+        var displayInput = function () {
+            if (toolbar.connected === false) { return; }
+            $input.width(Math.max($text.width(), 300)+'px');
+            $text.hide();
+            //$pencilIcon.css('display', 'none');
+            var inputVal = suggestName() || "";
+            $input.val(inputVal);
+            $input.show();
+            $input.focus();
+            $pencilIcon.hide();
+            $saveIcon.show();
+        };
+        $text.on('click', displayInput);
+        $pencilIcon.on('click', displayInput);
+        return $titleContainer;
+    };
+
+    var createPageTitle = function (toolbar, config) {
+        if (config.title || !config.pageTitle) { return; }
+        var $titleContainer = $('<span>', {
+            id: 'toolbarTitle',
+            'class': TITLE_CLS
+        }).appendTo(toolbar.$top);
+
+        toolbar.$top.find('.filler').hide();
+
+        var $hoverable = $('<span>', {'class': 'hoverable'}).appendTo($titleContainer);
+
+        // Buttons
+        $('<span>', {
+            'class': 'title pageTitle'
+        }).appendTo($hoverable).text(config.pageTitle);
+    };
+
+    var createLinkToMain = function (toolbar, config) {
+        var $linkContainer = $('<span>', {
+            'class': "cryptpad-link"
+        }).appendTo(toolbar.$top);
+
+        // We need to override the "a" tag action here because it is inside the iframe!
+        var inDrive = /^\/drive/;
+
+        var origin = config.metadataMgr.getPrivateData().origin;
+
+        var href = inDrive.test(origin) ? origin+'/index.html' : origin+'/drive/';
+        var buttonTitle = inDrive ? Messages.header_homeTitle : Messages.header_logoTitle;
+
+        var $aTag = $('<a>', {
+            href: href,
+            title: buttonTitle,
+            'class': "cryptpad-logo"
+        }).append($('<img>', {
+            src: '/customize/images/logo_white.png?' + ApiConfig.requireConf.urlArgs
+        }));
+        var onClick = function (e) {
+            e.preventDefault();
+            if (e.ctrlKey) {
+                window.open(href);
+                return;
+            }
+            window.parent.location = href;
+        };
+
+        var onContext = function (e) { e.stopPropagation(); };
+
+        $aTag.click(onClick).contextmenu(onContext);
+
+        $linkContainer.append($aTag);
+
+        return $linkContainer;
+    };
+
+    var typing = -1;
+    var kickSpinner = function (toolbar, config, local) {
+        if (!toolbar.spinner) { return; }
+        var $spin = toolbar.spinner;
+
+        if (typing === -1) {
+            typing = 1;
+            $spin.text(Messages.typing);
+            $spin.interval = window.setInterval(function () {
+                var dots = Array(typing+1).join('.');
+                $spin.text(Messages.typing + dots);
+                typing++;
+                if (typing > 3) { typing = 0; }
+            }, 500);
+        }
+        var onSynced = function () {
+            if ($spin.timeout) { clearTimeout($spin.timeout); }
+            $spin.timeout = setTimeout(function () {
+                window.clearInterval($spin.interval);
+                typing = -1;
+                $spin.text(Messages.saved);
+            }, local ? 0 : SPINNER_DISAPPEAR_TIME);
+        };
+        if (Cryptpad) {
+            Cryptpad.whenRealtimeSyncs(config.realtime, onSynced);
+            return;
+        }
+        onSynced();
+    };
+    var ks = function (toolbar, config, local) {
+        return function () {
+            if (toolbar.connected) { kickSpinner(toolbar, config, local); }
+        };
+    };
+    var createSpinner = function (toolbar, config) {
+        var $spin = $('<span>', {'class': SPINNER_CLS}).appendTo(toolbar.$leftside);
+        $spin.text(Messages.synchronizing);
+
+        if (config.realtime) {
+            config.realtime.onPatch(ks(toolbar, config));
+            config.realtime.onMessage(ks(toolbar, config, true));
+        }
+        // without this, users in read-only mode say 'synchronizing' until they
+        // receive a patch.
+        if (Cryptpad) {
+            typing = 0;
+            Cryptpad.whenRealtimeSyncs(config.realtime, function () {
+                kickSpinner(toolbar, config);
+            });
+        }
+        return $spin;
+    };
+
+    var createLimit = function (toolbar) {
+        if (!Config.enablePinning) { return; }
+        var $limitIcon = $('<span>', {'class': 'fa fa-exclamation-triangle'});
+        var $limit = toolbar.$userAdmin.find('.'+LIMIT_CLS).attr({
+            'title': Messages.pinLimitReached
+        }).append($limitIcon).hide();
+        var todo = function (e, overLimit) {
+            if (e) { return void console.error("Unable to get the pinned usage"); }
+            if (overLimit) {
+                var key = 'pinLimitReachedAlert';
+                if (ApiConfig.noSubscriptionButton === true) {
+                    key = 'pinLimitReachedAlertNoAccounts';
+                }
+                $limit.show().click(function () {
+                    Cryptpad.alert(Messages._getKey(key, [encodeURIComponent(window.location.hostname)]), null, true);
+                });
+            }
+        };
+        Common.isOverPinLimit(todo);
+
+        return $limit;
+    };
+
+    var createNewPad = function (toolbar, config) {
+        var $newPad = toolbar.$top.find('.'+NEWPAD_CLS).show();
+
+        var origin = config.metadataMgr.getPrivateData().origin;
+
+        var pads_options = [];
+        Config.availablePadTypes.forEach(function (p) {
+            if (p === 'drive') { return; }
+            if (!Cryptpad.isLoggedIn() && Config.registeredOnlyTypes &&
+                Config.registeredOnlyTypes.indexOf(p) !== -1) { return; }
+            pads_options.push({
+                tag: 'a',
+                attributes: {
+                    'target': '_blank',
+                    'href': origin + '/' + p + '/',
+                },
+                content: $('<div>').append(Cryptpad.getIcon(p)).html() + Messages.type[p]
+            });
+        });
+        var dropdownConfig = {
+            text: '', // Button initial text
+            options: pads_options, // Entries displayed in the menu
+            container: $newPad,
+            left: true,
+            feedback: /drive/.test(window.location.pathname)?
+                'DRIVE_NEWPAD': 'NEWPAD',
+        };
+        var $newPadBlock = Cryptpad.createDropdown(dropdownConfig);
+        $newPadBlock.find('button').attr('title', Messages.newButtonTitle);
+        $newPadBlock.find('button').addClass('fa fa-th');
+        return $newPadBlock;
+    };
+
+    var createUserAdmin = function (toolbar, config) {
+        if (!config.metadataMgr) {
+            throw new Error("You must provide a `metadataMgr` to display the user menu");
+        }
+        var metadataMgr = config.metadataMgr;
+        var $userAdmin = toolbar.$userAdmin.find('.'+USERADMIN_CLS).show();
+        var userMenuCfg = {
+            $initBlock: $userAdmin,
+            metadataMgr: metadataMgr,
+            Common: Common
+        };
+        if (!config.hideDisplayName) {
+            $.extend(true, userMenuCfg, {
+                displayNameCls: USERNAME_CLS,
+                changeNameButtonCls: USERBUTTON_CLS,
+            });
+        }
+        if (config.readOnly !== 1) {
+            userMenuCfg.displayName = 1;
+            userMenuCfg.displayChangeName = 1;
+        }
+        Common.createUserAdminMenu(userMenuCfg);
+        $userAdmin.find('button').attr('title', Messages.userAccountButton);
+
+        var $userButton = toolbar.$userNameButton = $userAdmin.find('a.' + USERBUTTON_CLS);
+        $userButton.click(function (e) {
+            e.preventDefault();
+            e.stopPropagation();
+            var myData = metadataMgr.getMetadata().users[metadataMgr.getNetfluxId()];
+            var lastName = myData.name;
+            Cryptpad.prompt(Messages.changeNamePrompt, lastName || '', function (newName) {
+                if (newName === null && typeof(lastName) === "string") { return; }
+                if (newName === null) { newName = ''; }
+                else { Common.feedback('NAME_CHANGED'); }
+                Common.setDisplayName(newName, function (err) {
+                    if (err) {
+                        console.log("Couldn't set username");
+                        console.error(err);
+                        return;
+                    }
+                    //Cryptpad.changeDisplayName(newName, true); Already done?
+                });
+            });
+        });
+
+        return $userAdmin;
+    };
+
+    // Events
+    var initClickEvents = function (toolbar, config) {
+        var removeDropdowns =  function () {
+            window.setTimeout(function () {
+                toolbar.$toolbar.find('.cryptpad-dropdown').hide();
+            });
+        };
+        var cancelEditTitle = function (e) {
+            // Now we want to apply the title even if we click somewhere else
+            if ($(e.target).parents('.' + TITLE_CLS).length || !toolbar.title) {
+                return;
+            }
+            var $title = toolbar.title;
+            if (!$title.find('input').is(':visible')) { return; }
+
+            // Press enter
+            var ev = $.Event("keyup");
+            ev.which = 13;
+            $title.find('input').trigger(ev);
+        };
+        // Click in the main window
+        var w = config.ifrw || window;
+        $(w).on('click', removeDropdowns);
+        $(w).on('click', cancelEditTitle);
+        // Click in iframes
+        try {
+            if (w.$ && w.$('iframe').length) {
+                config.ifrw.$('iframe').each(function (i, el) {
+                    $(el.contentWindow).on('click', removeDropdowns);
+                    $(el.contentWindow).on('click', cancelEditTitle);
+                });
+            }
+        } catch (e) {
+            // empty try catch in case this iframe is problematic
+        }
+    };
+
+    // Notifications
+    var initNotifications = function (toolbar, config) {
+        // Display notifications when users are joining/leaving the session
+        var oldUserData;
+        if (!config.metadataMgr) { return; }
+        var metadataMgr = config.metadataMgr;
+        var userNetfluxId = metadataMgr.getNetfluxId();
+        if (typeof Cryptpad !== "undefined") {
+            var notify = function(type, name, oldname) {
+                // type : 1 (+1 user), 0 (rename existing user), -1 (-1 user)
+                if (typeof name === "undefined") { return; }
+                name = name || Messages.anonymous;
+                switch(type) {
+                    case 1:
+                        Cryptpad.log(Messages._getKey("notifyJoined", [name]));
+                        break;
+                    case 0:
+                        oldname = (!oldname) ? Messages.anonymous : oldname;
+                        Cryptpad.log(Messages._getKey("notifyRenamed", [oldname, name]));
+                        break;
+                    case -1:
+                        Cryptpad.log(Messages._getKey("notifyLeft", [name]));
+                        break;
+                    default:
+                        console.log("Invalid type of notification");
+                        break;
+                }
+            };
+
+            var userPresent = function (id, user, data) {
+                if (!(user && user.uid)) {
+                    console.log('no uid');
+                    return 0;
+                }
+                if (!data) {
+                    console.log('no data');
+                    return 0;
+                }
+
+                var count = 0;
+                Object.keys(data).forEach(function (k) {
+                    if (data[k] && data[k].uid === user.uid) { count++; }
+                });
+                return count;
+            };
+
+            metadataMgr.onChange(function () {
+                var newdata = metadataMgr.getMetadata().users;
+                var netfluxIds = Object.keys(newdata);
+                // Notify for disconnected users
+                if (typeof oldUserData !== "undefined") {
+                    for (var u in oldUserData) {
+                        // if a user's uid is still present after having left, don't notify
+                        if (netfluxIds.indexOf(u) === -1) {
+                            var temp = JSON.parse(JSON.stringify(oldUserData[u]));
+                            delete oldUserData[u];
+                            if (temp && newdata[userNetfluxId] && temp.uid === newdata[userNetfluxId].uid) { return; }
+                            if (userPresent(u, temp, newdata || oldUserData) < 1) {
+                                notify(-1, temp.name);
+                            }
+                        }
+                    }
+                }
+                // Update the "oldUserData" object and notify for new users and names changed
+                if (typeof newdata === "undefined") { return; }
+                if (typeof oldUserData === "undefined") {
+                    oldUserData = JSON.parse(JSON.stringify(newdata));
+                    return;
+                }
+                if (config.readOnly === 0 && !oldUserData[userNetfluxId]) {
+                    oldUserData = JSON.parse(JSON.stringify(newdata));
+                    return;
+                }
+                for (var k in newdata) {
+                    if (k !== userNetfluxId && netfluxIds.indexOf(k) !== -1) {
+                        if (typeof oldUserData[k] === "undefined") {
+                            // if the same uid is already present in the userdata, don't notify
+                            if (!userPresent(k, newdata[k], oldUserData)) {
+                                notify(1, newdata[k].name);
+                            }
+                        } else if (oldUserData[k].name !== newdata[k].name) {
+                            notify(0, newdata[k].name, oldUserData[k].name);
+                        }
+                    }
+                }
+                oldUserData = JSON.parse(JSON.stringify(newdata));
+            });
+        }
+    };
+
+
+
+    // Main
+
+    Bar.create = function (cfg) {
+        var config = cfg || {};
+        Cryptpad = config.common;
+        Common = config.sfCommon;
+        Messages = Cryptpad.Messages;
+        config.readOnly = (typeof config.readOnly !== "undefined") ? (config.readOnly ? 1 : 0) : -1;
+        config.displayed = config.displayed || [];
+
+        var toolbar = {};
+
+        toolbar.connected = false;
+        toolbar.firstConnection = true;
+
+        var $toolbar = toolbar.$toolbar = createRealtimeToolbar(config);
+        toolbar.$leftside = $toolbar.find('.'+Bar.constants.leftside);
+        toolbar.$rightside = $toolbar.find('.'+Bar.constants.rightside);
+        toolbar.$drawer = $toolbar.find('.'+Bar.constants.drawer);
+        toolbar.$top = $toolbar.find('.'+Bar.constants.top);
+        toolbar.$history = $toolbar.find('.'+Bar.constants.history);
+
+        toolbar.$userAdmin = $toolbar.find('.'+Bar.constants.userAdmin);
+
+        // Create the subelements
+        var tb = {};
+        tb['userlist'] = createUserList;
+        tb['share'] = createShare;
+        tb['fileshare'] = createFileShare;//TODO
+        tb['title'] = createTitle;
+        tb['pageTitle'] = createPageTitle;//TODO
+        tb['lag'] = $.noop;
+        tb['spinner'] = createSpinner;
+        tb['state'] = $.noop;
+        tb['limit'] = createLimit; // TODO
+        tb['upgrade'] = $.noop;
+        tb['newpad'] = createNewPad;
+        tb['useradmin'] = createUserAdmin;
+
+        var addElement = toolbar.addElement = function (arr, additionnalCfg, init) {
+            if (typeof additionnalCfg === "object") { $.extend(true, config, additionnalCfg); }
+            arr.forEach(function (el) {
+                if (typeof el !== "string" || !el.trim()) { return; }
+                if (typeof tb[el] === "function") {
+                    if (!init && config.displayed.indexOf(el) !== -1) { return; } // Already done
+                    toolbar[el] = tb[el](toolbar, config);
+                    if (!init) { config.displayed.push(el); }
+                }
+            });
+        };
+
+        addElement(config.displayed, {}, true);
+        initUserList(toolbar, config);
+
+        toolbar['linkToMain'] = createLinkToMain(toolbar, config);
+
+        if (!config.realtime) { toolbar.connected = true; }
+
+        initClickEvents(toolbar, config);
+        initNotifications(toolbar, config);
+
+        var failed = toolbar.failed = function () {
+            toolbar.connected = false;
+
+            if (toolbar.spinner) {
+                toolbar.spinner.text(Messages.disconnected);
+            }
+            //checkLag(toolbar, config);
+        };
+        toolbar.reconnecting = function (/*userId*/) {
+            //if (config.metadataMgr) { config.userList.userNetfluxId = userId; } TODO
+            toolbar.connected = false;
+            if (toolbar.spinner) {
+                toolbar.spinner.text(Messages.reconnecting);
+            }
+            //checkLag(toolbar, config);
+        };
+
+        // On log out, remove permanently the realtime elements of the toolbar
+        Cryptpad.onLogout(function () {
+            failed();
+            if (toolbar.useradmin) { toolbar.useradmin.hide(); }
+            if (toolbar.userlist) { toolbar.userlist.hide(); }
+        });
+
+        return toolbar;
+    };
+
+    return Bar;
+});
diff --git a/www/common/userObject.js b/www/common/userObject.js
index 6b4a31bbe..431e9c9dc 100644
--- a/www/common/userObject.js
+++ b/www/common/userObject.js
@@ -413,6 +413,15 @@ define([
             });
             return ret;
         };
+        exp.getRecentPads = function () {
+            var allFiles = files[FILES_DATA];
+            var sorted = Object.keys(allFiles)
+                .sort(function (a,b) {
+                    return allFiles[a].atime < allFiles[b].atime;
+                })
+                .map(function (str) { return Number(str); });
+            return sorted;
+        };
 
         /**
          * OPERATIONS
diff --git a/www/contacts/index.html b/www/contacts/index.html
index a76879a6d..a72a3c60b 100644
--- a/www/contacts/index.html
+++ b/www/contacts/index.html
@@ -4,7 +4,7 @@
     <title>CryptPad</title>
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.1.15"></script>
+    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
     <style>
         html, body {
             margin: 0px;
diff --git a/www/contacts/inner.html b/www/contacts/inner.html
index ebfb164c8..5bbe09483 100644
--- a/www/contacts/inner.html
+++ b/www/contacts/inner.html
@@ -3,7 +3,7 @@
 <head>
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <script src="/bower_components/jquery/dist/jquery.min.js"></script>
-    <script async data-bootload="/contacts/inner.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.1.15"></script>
+    <script async data-bootload="/contacts/inner.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
     <style>.loading-hidden, .loading-hidden * {display: none !important;}</style>
 </head>
 <body class="loading-hidden">
diff --git a/www/contacts/main.js b/www/contacts/main.js
index 4803a812a..29583c07e 100644
--- a/www/contacts/main.js
+++ b/www/contacts/main.js
@@ -4,9 +4,12 @@ define([
     '/common/toolbar2.js',
     '/common/cryptpad-common.js',
 
+    '/common/common-messenger.js',
+    '/contacts/messenger-ui.js',
+
     'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
     'less!/customize/src/less/cryptpad.less',
-], function ($, Crypto, Toolbar, Cryptpad) {
+], function ($, Crypto, Toolbar, Cryptpad, Messenger, UI) {
     var Messages = Cryptpad.Messages;
 
     var APP = window.APP = {
@@ -20,7 +23,6 @@ define([
 
         var ifrw = $('#pad-iframe')[0].contentWindow;
         var $iframe = $('#pad-iframe').contents();
-        //var $appContainer = $iframe.find('#app');
         var $list = $iframe.find('#friendList');
         var $messages = $iframe.find('#messaging');
         var $bar = $iframe.find('.toolbar-container');
@@ -40,28 +42,20 @@ define([
 
         Cryptpad.getProxy().on('disconnect', function () {
             Cryptpad.alert(Messages.common_connectionLost, undefined, true);
-            Cryptpad.enableMessaging(false);
         });
         Cryptpad.getProxy().on('reconnect', function (uid) {
             console.error('reconnecting: ', uid);
             Cryptpad.findOKButton().click();
-
-            APP.messenger.cleanFriendChannels();
-            APP.messenger.openFriendChannels();
-            APP.messenger.setEditable(true);
         });
 
-        var ui = APP.ui = Cryptpad.initMessagingUI(Cryptpad, $list, $messages);
-        APP.messenger = Cryptpad.initMessaging(Cryptpad, ui);
-
         var $infoBlock = $('<div>', {'class': 'info'}).appendTo($messages);
         $('<h2>').text(Messages.contacts_info1).appendTo($infoBlock);
         var $ul = $('<ul>').appendTo($infoBlock);
         $('<li>').text(Messages.contacts_info2).appendTo($ul);
         $('<li>').text(Messages.contacts_info3).appendTo($ul);
-        //$('<li>').text(Messages.contacts_info4).appendTo($ul);
 
-        Cryptpad.removeLoadingScreen();
+        var messenger = window.messenger = Messenger.messenger(Cryptpad);
+        UI.create(messenger, $list, $messages);
     };
 
     Cryptpad.ready(function () {
diff --git a/www/contacts/main.less b/www/contacts/main.less
index 6805aa82d..4d4c6bee1 100644
--- a/www/contacts/main.less
+++ b/www/contacts/main.less
@@ -52,6 +52,7 @@ body {
     width: 350px;
     height: 100%;
     background-color: lighten(@bg-color, 10%);
+    overflow-y: auto;
     .friend {
         background: rgba(0,0,0,0.1);
         padding: 5px;
@@ -169,8 +170,11 @@ body {
             margin: 10px;
         }
         .more-history {
-            display: none;
-            //.hover;
+            //display: none;
+            .hover;
+            &.faded {
+                color: darken(@bg-color, 5%);
+            }
         }
     }
     .chat {
diff --git a/www/contacts/messenger-ui.js b/www/contacts/messenger-ui.js
new file mode 100644
index 000000000..089f1f992
--- /dev/null
+++ b/www/contacts/messenger-ui.js
@@ -0,0 +1,521 @@
+define([
+    'jquery',
+    '/common/cryptpad-common.js',
+    '/common/hyperscript.js',
+    '/bower_components/marked/marked.min.js',
+], function ($, Cryptpad, h, Marked) {
+    'use strict';
+    // TODO use our fancy markdown and support media-tags
+    Marked.setOptions({ sanitize: true, });
+
+    var UI = {};
+    var Messages = Cryptpad.Messages;
+
+    var m = function (md) {
+        var d = h('div.content');
+        try {
+            d.innerHTML = Marked(md || '');
+        } catch (e) {
+            console.error(md);
+            console.error(e);
+        }
+        return d;
+    };
+
+    var dataQuery = function (curvePublic) {
+        return '[data-key="' + curvePublic + '"]';
+    };
+
+    var initChannel = function (state, curvePublic, info) {
+        console.log('initializing channel for [%s]', curvePublic);
+        state.channels[curvePublic] = {
+            messages: [],
+            HEAD: info.lastKnownHash,
+            TAIL: null,
+        };
+    };
+
+    UI.create = function (messenger, $userlist, $messages) {
+        var state = window.state = {
+            active: '',
+        };
+
+        state.channels = {};
+        var displayNames = state.displayNames = {};
+
+        var avatars = state.avatars = {};
+        var setActive = function (curvePublic) {
+            state.active = curvePublic;
+        };
+        var isActive = function (curvePublic) {
+            return curvePublic === state.active;
+        };
+
+        var find = {};
+        find.inList = function (curvePublic) {
+            return $userlist.find(dataQuery(curvePublic));
+        };
+
+        var notify = function (curvePublic) {
+            find.inList(curvePublic).addClass('notify');
+        };
+        var unnotify = function (curvePublic) {
+            find.inList(curvePublic).removeClass('notify');
+        };
+
+        var markup = {};
+        markup.message = function (msg) {
+            var curvePublic = msg.author;
+            var name = displayNames[msg.author];
+            return h('div.message', {
+                title: msg.time? new Date(msg.time).toLocaleString(): '?',
+                'data-key': curvePublic,
+            }, [
+                name? h('div.sender', name): undefined,
+                m(msg.text),
+            ]);
+        };
+
+        var getChat = function (curvePublic) {
+            return $messages.find(dataQuery(curvePublic));
+        };
+
+        var normalizeLabels = function ($messagebox) {
+            $messagebox.find('div.message').toArray().reduce(function (a, b) {
+                var $b = $(b);
+                if ($(a).data('key') === $b.data('key')) {
+                    $b.find('.sender').hide();
+                    return a;
+                }
+                return b;
+            }, []);
+        };
+
+        markup.chatbox = function (curvePublic, data) {
+            var moreHistory = h('span.more-history.fa.fa-history', {
+                title: Messages.contacts_fetchHistory,
+            });
+            var displayName = data.displayName;
+
+            var fetching = false;
+            var $moreHistory = $(moreHistory).click(function () {
+                if (fetching) { return; }
+
+                // get oldest known message...
+                var channel = state.channels[curvePublic];
+
+                if (channel.exhausted) {
+                    return void $moreHistory.addClass('faded');
+                }
+
+                console.log('getting history');
+                var sig = channel.TAIL || channel.HEAD;
+
+                fetching = true;
+                var $messagebox = $(getChat(curvePublic)).find('.messages');
+                messenger.getMoreHistory(curvePublic, sig, 10, function (e, history) {
+                    fetching = false;
+                    if (e) { return void console.error(e); }
+
+                    if (history.length === 0) {
+                        channel.exhausted = true;
+                        return;
+                    }
+
+                    history.forEach(function (msg) {
+                        if (channel.exhausted) { return; }
+                        if (msg.sig) {
+                            if (msg.sig === channel.TAIL) {
+                                console.error('No more messages to fetch');
+                                channel.exhausted = true;
+                                console.log(channel);
+                                return;
+                            } else {
+                                channel.TAIL = msg.sig;
+                            }
+                        } else {
+                            return void console.error('expected signature');
+                        }
+                        if (msg.type !== 'MSG') { return; }
+
+                    // FIXME Schlameil the painter (performance does not scale well)
+                        if (channel.messages.some(function (old) {
+                            return msg.sig === old.sig;
+                        })) { return; }
+
+                        channel.messages.unshift(msg);
+                        var el_message = markup.message(msg);
+                        $messagebox.prepend(el_message);
+                    });
+                    normalizeLabels($messagebox);
+                });
+            });
+
+            var removeHistory = h('span.remove-history.fa.fa-eraser', {
+                title: Messages.contacts_removeHistoryTitle
+            });
+
+            $(removeHistory).click(function () {
+                Cryptpad.confirm(Messages.contacts_confirmRemoveHistory, function (yes) {
+                    if (!yes) { return; }
+                    Cryptpad.clearOwnedChannel(data.channel, function (e) {
+                        if (e) {
+                            console.error(e);
+                            Cryptpad.alert(Messages.contacts_removeHistoryServerError);
+                            return;
+                        }
+                    });
+                });
+            });
+
+            var avatar = h('div.avatar');
+            var header = h('div.header', [
+                avatar,
+                moreHistory,
+                removeHistory,
+            ]);
+            var messages = h('div.messages');
+            var input = h('textarea', {
+                placeholder: Messages.contacts_typeHere
+            });
+            var sendButton = h('button.btn.btn-primary.fa.fa-paper-plane', {
+                title: Messages.contacts_send,
+            });
+
+            var rightCol = h('span.right-col', [
+                h('span.name', displayName),
+            ]);
+
+            var $avatar = $(avatar);
+            if (data.avatar && avatars[data.avatar]) {
+                $avatar.append(avatars[data.avatar]).append(rightCol);
+            } else {
+                Cryptpad.displayAvatar($avatar, data.avatar, data.displayName, function ($img) {
+                    if (data.avatar && $img) {
+                        avatars[data.avatar] = $img[0].outerHTML;
+                    }
+                    $avatar.append(rightCol);
+                });
+            }
+
+            var sending = false;
+            var send = function (content) {
+                if (typeof(content) !== 'string' || !content.trim()) { return; }
+                if (sending) { return false; }
+                sending = true;
+                messenger.sendMessage(curvePublic, content, function (e) {
+                    if (e) {
+                        // failed to send
+                        return void console.error('failed to send');
+                    }
+                    input.value = '';
+                    sending = false;
+                    console.log('sent successfully');
+                    var $messagebox = $(messages);
+
+                    var height = $messagebox[0].scrollHeight;
+                    $messagebox.scrollTop(height);
+                });
+            };
+
+            var onKeyDown = function (e) {
+                // ignore anything that isn't 'enter'
+                if (e.keyCode !== 13) { return; }
+                // send unless they're holding a ctrl-key or shift
+                if (!e.ctrlKey && !e.shiftKey) {
+                    send(this.value);
+                    return false;
+                }
+
+                // insert a newline if they're holding either
+                var val = this.value;
+                var start = this.selectionState;
+                var end = this.selectionEnd;
+
+                if (![start,end].some(function (x) {
+                    return typeof(x) !== 'number';
+                })) {
+                    this.value = val.slice(0, start) + '\n' + val.slice(end);
+                    this.selectionStart = this.selectionEnd = start + 1;
+                } else if (document.selection && document.selection.createRange) {
+                    this.focus();
+                    var range = document.selection.createRange();
+                    range.text = '\r\n';
+                    range.collapse(false);
+                    range.select();
+                }
+                return false;
+            };
+            $(input).on('keydown', onKeyDown);
+            $(sendButton).click(function () { send(input.value); });
+
+            return h('div.chat', {
+                'data-key': curvePublic,
+            }, [
+                header,
+                messages,
+                h('div.input', [
+                    input,
+                    sendButton,
+                ]),
+            ]);
+        };
+
+        var hideInfo = function () {
+            $messages.find('.info').hide();
+        };
+
+        var updateStatus = function (curvePublic) {
+            var $status = find.inList(curvePublic).find('.status');
+            // FIXME this stopped working :(
+            messenger.getStatus(curvePublic, function (e, online) {
+                // if error maybe you shouldn't display this friend...
+                if (e) {
+                    find.inList(curvePublic).hide();
+                    getChat(curvePublic).hide();
+
+                    return void console.error(curvePublic, e);
+                }
+                if (online) {
+                    return void $status
+                        .removeClass('offline').addClass('online');
+                }
+                $status.removeClass('online').addClass('offline');
+            });
+        };
+
+        var display = function (curvePublic) {
+            var channel = state.channels[curvePublic];
+            var lastMsg = channel.messages.slice(-1)[0];
+
+            if (lastMsg) {
+                channel.HEAD = lastMsg.sig;
+                messenger.setChannelHead(curvePublic, channel.HEAD, function (e) {
+                    if (e) { console.error(e); }
+                });
+            }
+
+            setActive(curvePublic);
+            unnotify(curvePublic);
+            var $chat = getChat(curvePublic);
+            hideInfo();
+            $messages.find('div.chat[data-key]').hide();
+            if ($chat.length) {
+                var $chat_messages = $chat.find('div.message');
+                if (!$chat_messages.length) {
+                    var $more = $chat.find('.more-history');
+                    $more.click();
+                }
+                return void $chat.show();
+            }
+            messenger.getFriendInfo(curvePublic, function (e, info) {
+                if (e) { return void console.error(e); } // FIXME
+                var chatbox = markup.chatbox(curvePublic, info);
+                $messages.append(chatbox);
+            });
+        };
+
+        var removeFriend = function (curvePublic) {
+            messenger.removeFriend(curvePublic, function (e, removed) {
+                if (e) { return void console.error(e); }
+                find.inList(curvePublic).remove();
+                console.log(removed);
+            });
+        };
+
+        markup.friend = function (data) {
+            var curvePublic = data.curvePublic;
+            var friend = h('div.friend.avatar', {
+                'data-key': curvePublic,
+            });
+
+            var remove = h('span.remove.fa.fa-user-times', {
+                title: Messages.contacts_remove
+            });
+            var status = h('span.status');
+            var rightCol = h('span.right-col', [
+                h('span.name', [data.displayName]),
+                remove,
+            ]);
+
+            var $friend = $(friend)
+            .click(function () {
+                display(curvePublic);
+            })
+            .dblclick(function () {
+                if (data.profile) { window.open('/profile/#' + data.profile); }
+            });
+
+            $(remove).click(function (e) {
+                e.stopPropagation();
+                Cryptpad.confirm(Messages._getKey('contacts_confirmRemove', [
+                    Cryptpad.fixHTML(data.displayName)
+                ]), function (yes) {
+                    if (!yes) { return; }
+                    removeFriend(curvePublic, function (e) {
+                        if (e) { return void console.error(e); }
+                    });
+                    // TODO remove friend from userlist ui
+                    // FIXME seems to trigger EJOINED from netflux-websocket (from server);
+                    // (tried to join a channel in which you were already present)
+                }, undefined, true);
+            });
+
+            if (data.avatar && avatars[data.avatar]) {
+                $friend.append(avatars[data.avatar]);
+                $friend.append(rightCol);
+            } else {
+                Cryptpad.displayAvatar($friend, data.avatar, data.displayName, function ($img) {
+                    if (data.avatar && $img) {
+                        avatars[data.avatar] = $img[0].outerHTML;
+                    }
+                    $friend.append(rightCol);
+                });
+            }
+            $friend.append(status);
+            return $friend;
+        };
+
+        var isBottomedOut = function ($elem) {
+            return ($elem[0].scrollHeight - $elem.scrollTop() === $elem.outerHeight());
+        };
+
+        var initializing = true;
+        messenger.on('message', function (message) {
+            if (!initializing) { Cryptpad.notify(); }
+            var curvePublic = message.curve;
+
+            var name = displayNames[curvePublic];
+            var chat = getChat(curvePublic, name);
+
+            console.log(message);
+
+            var el_message = markup.message(message);
+
+            state.channels[curvePublic].messages.push(message);
+
+            var $chat = $(chat);
+
+            if (!$chat.length) {
+                console.error("Got a message but the chat isn't open");
+            }
+
+            var $messagebox = $chat.find('.messages');
+            var shouldScroll = isBottomedOut($messagebox);
+
+            $messagebox.append(el_message);
+
+            if (shouldScroll) {
+                $messagebox.scrollTop($messagebox.outerHeight());
+            }
+            normalizeLabels($messagebox);
+
+            var channel = state.channels[curvePublic];
+            if (!channel) {
+                console.error('expected channel [%s] to be open', curvePublic);
+                return;
+            }
+
+            if (isActive(curvePublic)) {
+                channel.HEAD = message.sig;
+                messenger.setChannelHead(curvePublic, message.sig, function (e) {
+                    if (e) { return void console.error(e); }
+                });
+                return;
+            }
+            var lastMsg = channel.messages.slice(-1)[0];
+            if (lastMsg.sig !== channel.HEAD) {
+                return void notify(curvePublic);
+            }
+            unnotify(curvePublic);
+        });
+
+        messenger.on('join', function (curvePublic, channel) {
+            channel = channel;
+            updateStatus(curvePublic);
+        });
+        messenger.on('leave', function (curvePublic, channel) {
+            channel = channel;
+            updateStatus(curvePublic);
+        });
+
+        // change in your friend list
+        messenger.on('update', function (info, curvePublic) {
+            var name = displayNames[curvePublic] = info.displayName;
+
+            // update label in friend list
+            find.inList(curvePublic).find('.name').text(name);
+
+            // update title bar and messages
+            $messages.find(dataQuery(curvePublic) + ' .header .name, div.message'+
+                dataQuery(curvePublic) + ' div.sender').text(name).text(name);
+        });
+
+        var connectToFriend = function (curvePublic, cb) {
+            messenger.getFriendInfo(curvePublic, function (e, info) {
+                if (e) { return void console.error(e); }
+                var name = displayNames[curvePublic] = info.displayName;
+                initChannel(state, curvePublic, info);
+
+                var chatbox = markup.chatbox(curvePublic, info);
+                $(chatbox).hide();
+                $messages.append(chatbox);
+
+                var friend = markup.friend(info, name);
+                $userlist.append(friend);
+                messenger.openFriendChannel(curvePublic, function (e) {
+                    if (e) { return void console.error(e); }
+                    cb();
+                    updateStatus(curvePublic);
+                    // don't add friends that are already in your userlist
+                    //if (friendExistsInUserList(k)) { return; }
+                });
+            });
+        };
+
+        messenger.on('friend', function (curvePublic) {
+            console.log('new friend: ', curvePublic);
+            //console.error("TODO redraw user list");
+            //console.error("TODO connect to new friend");
+            // FIXME this doesn't work right now because the friend hasn't been fully added?
+            connectToFriend(curvePublic, function () {
+                //console.error('connected');
+            });
+        });
+
+        messenger.on('unfriend', function (curvePublic) {
+            console.log('unfriend', curvePublic);
+            find.inList(curvePublic).remove();
+            console.error('TODO remove chatbox');
+            console.error('TODO show something if that chatbox was active');
+        });
+
+        Cryptpad.onDisplayNameChanged(function () {
+            //messenger.checkNewFriends();
+            messenger.updateMyData();
+        });
+
+        // FIXME dirty hack
+        messenger.getMyInfo(function (e, info) {
+            displayNames[info.curvePublic] = info.displayName;
+        });
+
+        messenger.getFriendList(function (e, keys) {
+            var count = keys.length + 1;
+            var ready = function () {
+                count--;
+                if (count === 0) {
+                    initializing = false;
+                    Cryptpad.removeLoadingScreen();
+                }
+            };
+            ready();
+
+            keys.forEach(function (curvePublic) {
+                connectToFriend(curvePublic, ready);
+            });
+        });
+    };
+
+    return UI;
+});
diff --git a/www/drive/file.less b/www/drive/file.less
index ccf92651f..7cb891419 100644
--- a/www/drive/file.less
+++ b/www/drive/file.less
@@ -190,7 +190,8 @@ span {
     }
     .docTree {
         margin-top: 20px;
-        padding: 0 0 0 20px;
+        //padding: 0 0 0 20px;
+        padding: 0;
         cursor: auto;
         &li, li {
             padding: 0;
@@ -304,6 +305,24 @@ span {
             top: -1px;
         }
     }
+    .docTree {
+        .root > .element-row > .expcol {
+            position: relative;
+            top:0;
+            left: -10px;
+        }
+        .root > .element-row > .folder {
+            margin-left: -5px;
+        }
+        .root {
+            &> .element-row {
+                padding-left: 20px;
+            }
+            &> ul {
+                padding-left: 30px;
+            }
+        }
+    }
 
     // Expand/collapse lines
     .docTree ul {
@@ -478,9 +497,26 @@ span {
         .listElement {
             display: none;
         }
+        .addpad {
+            cursor: pointer;
+            opacity: 0.5;
+            padding: 0;
+            &:hover {
+                opacity: 0.7;
+            }
+            .fa {
+                cursor: pointer;
+                font-size: 90px;
+                margin-top: 5px;
+                margin-bottom: 0;
+            }
+        }
     }
 
     .list {
+        .grid-element {
+            display: none;
+        }
         // Make it act as a table!
         padding-left: 20px;
         ul {
@@ -561,6 +597,34 @@ span {
     flex: 1;
 }
 
+#addPadDialog.cp-modal-container {
+    .fileIcon;
+
+    li:not(.selected):hover {
+        border: 1px solid white;
+    }
+    .cp-modal {
+        display: flex;
+        flex-flow: column;
+        li, li .fa {
+            cursor: pointer;
+        }
+        &> p {
+            margin: 50px;
+        }
+        &> div {
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: center;
+            align-content: center;
+            .uploadFile {
+                break-after: always;
+                page-break-after: always;
+            }
+        }
+    }
+}
+
 
 /* Toolbar */
 
diff --git a/www/drive/index.html b/www/drive/index.html
index f959cfac6..02f92a5b3 100644
--- a/www/drive/index.html
+++ b/www/drive/index.html
@@ -4,7 +4,7 @@
     <title>CryptDrive</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
-    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.1.15"></script>
+    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
     <style>
         html, body {
             margin: 0px;
diff --git a/www/drive/inner.html b/www/drive/inner.html
index 717dbe89a..0b26aa7a1 100644
--- a/www/drive/inner.html
+++ b/www/drive/inner.html
@@ -3,7 +3,7 @@
 <head>
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <script src="/bower_components/jquery/dist/jquery.min.js"></script>
-    <script async data-bootload="/drive/inner.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.1.15"></script>
+    <script async data-bootload="/drive/inner.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
 </head>
 <body style="display: none;">
     <div id="toolbar" class="toolbar-container"></div>
diff --git a/www/drive/main.js b/www/drive/main.js
index 468be48b8..93a635a14 100644
--- a/www/drive/main.js
+++ b/www/drive/main.js
@@ -51,6 +51,8 @@ define([
     var TEMPLATE_NAME = Messages.fm_templateName;
     var TRASH = "trash";
     var TRASH_NAME = Messages.fm_trashName;
+    var RECENT = "recent";
+    var RECENT_NAME = Messages.fm_recentPadsName;
 
     var LOCALSTORAGE_LAST = "cryptpad-file-lastOpened";
     var LOCALSTORAGE_OPENED = "cryptpad-file-openedFolders";
@@ -161,6 +163,7 @@ define([
     //var $upIcon = $('<span>', {"class": "fa fa-arrow-circle-up"});
     var $unsortedIcon = $('<span>', {"class": "fa fa-files-o"});
     var $templateIcon = $('<span>', {"class": "fa fa-cubes"});
+    var $recentIcon = $('<span>', {"class": "fa fa-clock-o"});
     var $trashIcon = $('<span>', {"class": "fa fa-trash-o"});
     var $trashEmptyIcon = $('<span>', {"class": "fa fa-trash-o"});
     //var $collapseIcon = $('<span>', {"class": "fa fa-minus-square-o expcol"});
@@ -172,6 +175,7 @@ define([
     var $closeIcon = $('<span>', {"class": "fa fa-window-close"});
     var $backupIcon = $('<span>', {"class": "fa fa-life-ring"});
     var $searchIcon = $('<span>', {"class": "fa fa-search searchIcon"});
+    var $addIcon = $('<span>', {"class": "fa fa-plus"});
 
     var history = {
         isHistoryMode: false,
@@ -233,9 +237,10 @@ define([
 
         // Categories dislayed in the menu
         // _WORKGROUP_ : do not display unsorted
-        var displayedCategories = [ROOT, TRASH, SEARCH];
+        var displayedCategories = [ROOT, TRASH, SEARCH, RECENT];
         if (AppConfig.enableTemplates) { displayedCategories.push(TEMPLATE); }
         if (isWorkgroup()) { displayedCategories = [ROOT, TRASH, SEARCH]; }
+        var virtualCategories = [SEARCH, RECENT];
 
         if (!APP.loggedIn) {
             displayedCategories = [FILES_DATA];
@@ -315,6 +320,7 @@ define([
             }
         };
         $content.on('mousedown', function (e) {
+            if (currentPath[0] === SEARCH) { return; }
             if (e.which !== 1) { return; }
             $content.focus();
             sel.down = true;
@@ -1157,6 +1163,7 @@ define([
             if (!href) { return $icon; }
 
             if (href.indexOf('/pad/') !== -1) { $icon = Cryptpad.getIcon('pad'); }
+            else if (href.indexOf('/pad2/') !== -1) { $icon = Cryptpad.getIcon('pad'); } // SFRAME
             else if (href.indexOf('/code/') !== -1) { $icon = Cryptpad.getIcon('code'); }
             else if (href.indexOf('/slide/') !== -1) { $icon = Cryptpad.getIcon('slide'); }
             else if (href.indexOf('/poll/') !== -1) { $icon = Cryptpad.getIcon('poll'); }
@@ -1258,6 +1265,7 @@ define([
                 case TEMPLATE: pName = TEMPLATE_NAME; break;
                 case FILES_DATA: pName = FILES_DATA_NAME; break;
                 case SEARCH: pName = SEARCH_NAME; break;
+                case RECENT: pName = RECENT_NAME; break;
                 default: pName = name;
             }
             return pName;
@@ -1317,6 +1325,9 @@ define([
                 case FILES_DATA:
                     msg = Messages.fm_info_allFiles;
                     break;
+                case RECENT:
+                    msg = Messages.fm_info_recent;
+                    break;
                 default:
                     msg = undefined;
             }
@@ -1379,10 +1390,63 @@ define([
             $container.append($listButton).append($gridButton);
         };
 
+        var getNewPadTypes = function () {
+            var arr = [];
+            AppConfig.availablePadTypes.forEach(function (type) {
+                if (type === 'drive') { return; }
+                if (type === 'contacts') { return; }
+                if (type === 'todo') { return; }
+                if (type === 'file') { return; }
+                if (!Cryptpad.isLoggedIn() && AppConfig.registeredOnlyTypes &&
+                    AppConfig.registeredOnlyTypes.indexOf(type) !== -1) {
+                    return;
+                }
+                arr.push(type);
+            });
+            return arr;
+        };
+        var addNewPadHandlers = function ($block, isInRoot) {
+            // Handlers
+            if (isInRoot) {
+                var onCreated = function (err, info) {
+                    if (err) {
+                        if (err === E_OVER_LIMIT) {
+                            return void Cryptpad.alert(Messages.pinLimitDrive, null, true);
+                        }
+                        return void Cryptpad.alert(Messages.fm_error_cantPin);
+                    }
+                    module.newFolder = info.newPath;
+                    refresh();
+                };
+                $block.find('a.newFolder, li.newFolder').click(function () {
+                    filesOp.addFolder(currentPath, null, onCreated);
+                });
+                $block.find('a.uploadFile, li.uploadFile').click(function () {
+                    var $input = $('<input>', {
+                        'type': 'file',
+                        'style': 'display: none;'
+                    }).on('change', function (e) {
+                        var file = e.target.files[0];
+                        var ev = {
+                            target: $content[0]
+                        };
+                        APP.FM.handleFile(file, ev);
+                    });
+                    $input.click();
+                });
+            }
+            $block.find('a.newdoc, li.newdoc').click(function () {
+                var type = $(this).attr('data-type') || 'pad';
+                sessionStorage[Cryptpad.newPadPathKey] = filesOp.isPathIn(currentPath, [TRASH]) ? '' : currentPath;
+                window.open('/' + type + '/');
+            });
+        };
         var createNewButton = function (isInRoot, $container) {
             if (!APP.editable) { return; }
             if (!APP.loggedIn) { return; } // Anonymous users can use the + menu in the toolbar
 
+            if (!filesOp.isPathIn(currentPath, [ROOT, 'hrefArray'])) { return; }
+
             // Create dropdown
             var options = [];
             if (isInRoot) {
@@ -1399,13 +1463,7 @@ define([
                 });
                 options.push({tag: 'hr'});
             }
-            AppConfig.availablePadTypes.forEach(function (type) {
-                if (type === 'drive') { return; }
-                if (type === 'contacts') { return; }
-                if (!Cryptpad.isLoggedIn() && AppConfig.registeredOnlyTypes &&
-                    AppConfig.registeredOnlyTypes.indexOf(type) !== -1) {
-                    return;
-                }
+            getNewPadTypes().forEach(function (type) {
                 var attributes = {
                     'class': 'newdoc',
                     'data-type': type,
@@ -1431,40 +1489,7 @@ define([
             $block.find('button').addClass('new');
             $block.find('button').attr('title', Messages.fm_newButtonTitle);
 
-            // Handlers
-            if (isInRoot) {
-                var onCreated = function (err, info) {
-                    if (err) {
-                        if (err === E_OVER_LIMIT) {
-                            return void Cryptpad.alert(Messages.pinLimitDrive, null, true);
-                        }
-                        return void Cryptpad.alert(Messages.fm_error_cantPin);
-                    }
-                    module.newFolder = info.newPath;
-                    refresh();
-                };
-                $block.find('a.newFolder').click(function () {
-                    filesOp.addFolder(currentPath, null, onCreated);
-                });
-                $block.find('a.uploadFile').click(function () {
-                    var $input = $('<input>', {
-                        'type': 'file',
-                        'style': 'display: none;'
-                    }).on('change', function (e) {
-                        var file = e.target.files[0];
-                        var ev = {
-                            target: $content[0]
-                        };
-                        APP.FM.handleFile(file, ev);
-                    });
-                    $input.click();
-                });
-            }
-            $block.find('a.newdoc').click(function () {
-                var type = $(this).attr('data-type') || 'pad';
-                sessionStorage[Cryptpad.newPadPathKey] = filesOp.isPathIn(currentPath, [TRASH]) ? '' : currentPath;
-                window.open('/' + type + '/');
-            });
+            addNewPadHandlers($block, isInRoot);
 
             $container.append($block);
         };
@@ -1637,6 +1662,58 @@ define([
             return keys;
         };
 
+        // Create the ghost icon to add pads/folders
+        var createNewPadIcons = function ($block, isInRoot) {
+            var $container = $('<div>');
+            if (isInRoot) {
+                // Folder
+                var $element1 = $('<li>', {
+                    'class': 'newFolder element-row grid-element'
+                }).prepend($folderIcon.clone()).appendTo($container);
+                $element1.append($('<span>', {'class': 'name'}).text(Messages.fm_folder));
+                // File
+                var $element2 = $('<li>', {
+                    'class': 'uploadFile element-row grid-element'
+                }).prepend(getIcon('file')).appendTo($container);
+                $element2.append($('<span>', {'class': 'name'}).text(Messages.uploadButton));
+            }
+            // Pads
+            getNewPadTypes().forEach(function (type) {
+                var $element = $('<li>', {
+                    'class': 'newdoc element-row grid-element'
+                }).prepend(getIcon(type)).appendTo($container);
+                $element.append($('<span>', {'class': 'name'}).text(Messages.type[type]));
+                $element.attr('data-type', type);
+            });
+
+            $container.find('.element-row').click(function () {
+                $block.hide();
+            });
+            return $container;
+        };
+        var createGhostIcon = function ($list) {
+            var isInRoot = currentPath[0] === ROOT;
+            var $element = $('<li>', {
+                'class': 'element-row grid-element addpad'
+            }).prepend($addIcon.clone()).appendTo($list);
+            $element.append($('<span>', {'class': 'name'}).text(Messages.fm_newFile));
+            $element.attr('title', Messages.fm_newFile);
+            $element.click(function () {
+                var $modal = Cryptpad.createModal({
+                    id: 'addPadDialog',
+                    $body: $iframe.find('body')
+                });
+                var $title = $('<h3>').text(Messages.fm_newFile);
+                var $description = $('<p>').text(Messages.fm_newButtonTitle);
+                $modal.find('.cp-modal').append($title);
+                $modal.find('.cp-modal').append($description);
+                var $content = createNewPadIcons($modal, isInRoot);
+                $modal.find('.cp-modal').append($content);
+                $modal.show();
+                addNewPadHandlers($modal, isInRoot);
+            });
+        };
+
         // Drive content toolbar
         var createToolbar = function () {
             var $toolbar = $driveToolbar;
@@ -1695,6 +1772,7 @@ define([
                 }
                 $container.append($element);
             });
+            createGhostIcon($container);
         };
 
         var displayAllFiles = function ($container) {
@@ -1804,6 +1882,50 @@ define([
             });
         };
 
+        var displayRecent = function ($list) {
+            var filesList = filesOp.getRecentPads();
+            var limit = 20;
+            var i = 0;
+            filesList.forEach(function (id) {
+                if (i >= limit) { return; }
+                // Check path (pad exists and not in trash)
+                var paths = filesOp.findFile(id);
+                if (!paths.length) { return; }
+                var path = paths[0];
+                if (filesOp.isPathIn(path, [TRASH])) { return; }
+                // Display the pad
+                var file = filesOp.getFileData(id);
+                if (!file) {
+                    //debug("Unsorted or template returns an element not present in filesData: ", href);
+                    file = { title: Messages.fm_noname };
+                    //return;
+                }
+                var $icon = getFileIcon(id);
+                var ro = filesOp.isReadOnlyFile(id);
+                // ro undefined mens it's an old hash which doesn't support read-only
+                var roClass = typeof(ro) === 'undefined' ? ' noreadonly' : ro ? ' readonly' : '';
+                var $element = $('<li>', {
+                    'class': 'file-element element element-row' + roClass,
+                });
+                addFileData(id, $element);
+                $element.prepend($icon).dblclick(function () {
+                    openFile(id);
+                });
+                $element.data('path', path);
+                $element.click(function(e) {
+                    e.stopPropagation();
+                    onElementClick(e, $element, path);
+                });
+                $element.contextmenu(openDefaultContextMenu);
+                $element.data('context', $defaultContextMenu);
+                /*if (draggable) {
+                    addDragAndDropHandlers($element, path, false, false);
+                }*/
+                $list.append($element);
+                i++;
+            });
+        };
+
         // Display the selected directory into the content part (rightside)
         // NOTE: Elements in the trash are not using the same storage structure as the others
         // _WORKGROUP_ : do not change the lastOpenedFolder value in localStorage
@@ -1832,9 +1954,11 @@ define([
             var isTemplate = filesOp.comparePath(path, [TEMPLATE]);
             var isAllFiles = filesOp.comparePath(path, [FILES_DATA]);
             var isSearch = path[0] === SEARCH;
+            var isRecent = path[0] === RECENT;
+            var isVirtual = virtualCategories.indexOf(path[0]) !== -1;
 
-            var root = isSearch ? undefined : filesOp.find(path);
-            if (!isSearch && typeof(root) === "undefined") {
+            var root = isVirtual ? undefined : filesOp.find(path);
+            if (!isVirtual && typeof(root) === "undefined") {
                 log(Messages.fm_unknownFolderError);
                 debug("Unable to locate the selected directory: ", path);
                 var parentPath = path.slice();
@@ -1920,6 +2044,8 @@ define([
                 displayTrashRoot($list, $folderHeader, $fileHeader);
             } else if (isSearch) {
                 displaySearch($list, path[1]);
+            } else if (isRecent) {
+                displayRecent($list);
             } else {
                 $dirContent.contextmenu(openContentContextMenu);
                 if (filesOp.hasSubfolder(root)) { $list.append($folderHeader); }
@@ -1939,8 +2065,9 @@ define([
                     var $element = createElement(path, key, root, false);
                     $element.appendTo($list);
                 });
+
+                createGhostIcon($list);
             }
-            //$content.append($toolbar).append($title).append($info).append($dirContent);
             $content.append($info).append($dirContent);
 
             var $truncated = $('<span>', {'class': 'truncated'}).text('...');
@@ -2036,7 +2163,10 @@ define([
                 var $rootIcon = filesOp.isFolderEmpty(files[ROOT]) ?
                     (isRootOpened ? $folderOpenedEmptyIcon : $folderEmptyIcon) :
                     (isRootOpened ? $folderOpenedIcon : $folderIcon);
-                var $rootElement = createTreeElement(ROOT_NAME, $rootIcon.clone(), [ROOT], false, true, false, isRootOpened);
+                var $rootElement = createTreeElement(ROOT_NAME, $rootIcon.clone(), [ROOT], false, true, true, isRootOpened);
+                if (!filesOp.hasSubfolder(root)) {
+                    $rootElement.find('.expcol').css('visibility', 'hidden');
+                }
                 $rootElement.addClass('root');
                 $rootElement.find('>.element-row').contextmenu(openDirectoryContextMenu);
                 $('<ul>', {'class': 'docTree'}).append($rootElement).appendTo($container);
@@ -2092,6 +2222,15 @@ define([
             $container.append($trashList);
         };
 
+        var createRecent = function ($container, path) {
+            var $icon = $recentIcon.clone();
+            var isOpened = filesOp.comparePath(path, currentPath);
+            var $element = createTreeElement(RECENT_NAME, $icon, [RECENT], false, false, false, isOpened);
+            $element.addClass('root');
+            var $list = $('<ul>', { id: 'recentTree', 'class': 'category' }).append($element);
+            $container.append($list);
+        };
+
         var search = APP.Search = {};
         var createSearch = function ($container) {
             var isInSearch = currentPath[0] === SEARCH;
@@ -2144,6 +2283,7 @@ define([
             $tree.html('');
             if (displayedCategories.indexOf(SEARCH) !== -1) { createSearch($tree); }
             var $div = $('<div>', {'class': 'categories-container'}).appendTo($tree);
+            if (displayedCategories.indexOf(RECENT) !== -1) { createRecent($div, [RECENT]); }
             if (displayedCategories.indexOf(ROOT) !== -1) { createTree($div, [ROOT]); }
             if (displayedCategories.indexOf(TEMPLATE) !== -1) { createTemplate($div, [TEMPLATE]); }
             if (displayedCategories.indexOf(FILES_DATA) !== -1) { createAllFiles($div, [FILES_DATA]); }
@@ -2625,7 +2765,8 @@ define([
                     console.error(e);
                     refresh();
                 }
-            }
+            },
+            body: $iframe.find('body')
         };
         APP.FM = Cryptpad.createFileManager(fmConfig);
 
diff --git a/www/file/file.less b/www/file/file.less
index fa6485806..785c5e566 100644
--- a/www/file/file.less
+++ b/www/file/file.less
@@ -24,7 +24,7 @@ body {
 }
 
 #app.ready {
-    background: url('/customize/bg3.jpg') no-repeat center center;
+    //background: url('/customize/bg3.jpg') no-repeat center center;
     background-size: cover;
     background-position: center;
 }
diff --git a/www/file/index.html b/www/file/index.html
index a76879a6d..a72a3c60b 100644
--- a/www/file/index.html
+++ b/www/file/index.html
@@ -4,7 +4,7 @@
     <title>CryptPad</title>
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.1.15"></script>
+    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
     <style>
         html, body {
             margin: 0px;
diff --git a/www/file/inner.html b/www/file/inner.html
index d6ff8b575..0bdfd1c41 100644
--- a/www/file/inner.html
+++ b/www/file/inner.html
@@ -3,7 +3,7 @@
 <head>
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <script src="/bower_components/jquery/dist/jquery.min.js"></script>
-    <script async data-bootload="/file/inner.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.1.15"></script>
+    <script async data-bootload="/file/inner.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
     <style>.loading-hidden, .loading-hidden * {display: none !important;}</style>
 </head>
 <body class="loading-hidden">
diff --git a/www/file/main.js b/www/file/main.js
index f5e499f18..79bd70af8 100644
--- a/www/file/main.js
+++ b/www/file/main.js
@@ -91,7 +91,14 @@ define([
                 Title.updateTitle(title || Title.defaultTitle);
                 toolbar.addElement(['pageTitle'], {pageTitle: title});
 
-                var displayFile = function (ev, sizeMb) {
+                var displayFile = function (ev, sizeMb, CB) {
+                    var called_back;
+                    var cb = function (e) {
+                        if (called_back) { return; }
+                        called_back = true;
+                        if (CB) { CB(e); }
+                    };
+
                     var $mt = $dlview.find('media-tag');
                     var cryptKey = secret.keys && secret.keys.fileKeyStr;
                     var hexFileName = Cryptpad.base64ToHex(secret.channel);
@@ -127,7 +134,7 @@ define([
 
                         // make pdfs big
                         var toolbarHeight = $iframe.find('#toolbar').height();
-                        $iframe.find('media-tag iframe').css({
+                        var $another_iframe = $iframe.find('media-tag iframe').css({
                             'height': 'calc(100vh - ' + toolbarHeight + 'px)',
                             'width': '100vw',
                             'position': 'absolute',
@@ -135,10 +142,19 @@ define([
                             'left': 0,
                             'border': 0
                         });
+
+                        if ($another_iframe.length) {
+                            $another_iframe.load(function () {
+                                cb();
+                            });
+                        } else {
+                            cb();
+                        }
                     })
                     .on('decryptionError', function (e) {
                         var error = e.originalEvent;
-                        Cryptpad.alert(error.message);
+                        //Cryptpad.alert(error.message);
+                        cb(error.message);
                     })
                     .on('decryptionProgress', function (e) {
                         var progress = e.originalEvent;
@@ -188,7 +204,9 @@ define([
                     var onClick = function (ev) {
                         if (decrypting) { return; }
                         decrypting = true;
-                        displayFile(ev, sizeMb);
+                        displayFile(ev, sizeMb, function (err) {
+                            if (err) { Cryptpad.alert(err); }
+                        });
                     };
                     if (typeof(sizeMb) === 'number' && sizeMb < 5) { return void onClick(); }
                     $dlform.find('#dl, #progress').click(onClick);
diff --git a/www/invite/index.html b/www/invite/index.html
index 9aed29ca5..5200564ce 100644
--- a/www/invite/index.html
+++ b/www/invite/index.html
@@ -2,11 +2,11 @@
 <html class="cp">
 <!-- If this file is not called customize.dist/src/template.html, it is generated -->
 <head>
-    <title data-localization="main_title">Cryptpad: Zero Knowledge, Collaborative Real Time Editing</title>
+    <title data-localization="main_title">CryptPad: Zero Knowledge, Collaborative Real Time Editing</title>
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <link rel="icon" type="image/png" href="/customize/main-favicon.png" id="favicon"/>
-    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.1.15"></script>
+    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
 
     <link rel="stylesheet" href="/bower_components/codemirror/lib/codemirror.css">
     <link rel="stylesheet" href="/bower_components/codemirror/addon/dialog/dialog.css">
diff --git a/www/login/index.html b/www/login/index.html
index 03032969b..31d4c99f8 100644
--- a/www/login/index.html
+++ b/www/login/index.html
@@ -6,7 +6,7 @@
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <link rel="icon" type="image/png" href="/customize/main-favicon.png" id="favicon"/>
-    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.1.15"></script>
+    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
 </head>
 <body class="html">
     <noscript>
diff --git a/www/pad/index.html b/www/pad/index.html
index 381134365..8be90cfb5 100644
--- a/www/pad/index.html
+++ b/www/pad/index.html
@@ -1,17 +1,17 @@
 <!DOCTYPE html>
-<html class="cp pad">
+<html>
 <head>
     <title>CryptPad</title>
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="referrer" content="no-referrer" />
-    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.1.15"></script>
+    <script async data-bootload="main.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
     <style>
         html, body {
             margin: 0px;
             padding: 0px;
         }
-        #pad-iframe {
+        #sbox-iframe {
             position:fixed;
             top:0px;
             left:0px;
@@ -27,5 +27,4 @@
     </style>
 </head>
 <body>
-    <iframe id="pad-iframe"></iframe><script src="/common/noscriptfix.js"></script>
-
+<iframe id="sbox-iframe">
\ No newline at end of file
diff --git a/www/pad/inner.html b/www/pad/inner.html
index e5e58f51c..dfeea5cb9 100644
--- a/www/pad/inner.html
+++ b/www/pad/inner.html
@@ -1,13 +1,8 @@
 <!DOCTYPE html>
-<html>
+<html class="cp pad">
 <head>
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
-    <link rel="stylesheet" href="/bower_components/components-font-awesome/css/font-awesome.min.css">
-    <script src="/bower_components/jquery/dist/jquery.min.js"></script>
-    <link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.min.css">
-    <script async data-bootload="/pad/inner.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.1.15"></script>
-    <script src="/bower_components/ckeditor/ckeditor.js"></script>
-    <script src="/pad/wysiwygarea-plugin.js"></script>
+    <script async data-bootload="/pad/inner.js" data-main="/common/sframe-boot.js?ver=1.2" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
     <style>
     html, body {
         margin: 0px;
diff --git a/www/pad/inner.js b/www/pad/inner.js
index 0c7b4ada8..badb215fa 100644
--- a/www/pad/inner.js
+++ b/www/pad/inner.js
@@ -1,3 +1,798 @@
+require(['/api/config'], function (ApiConfig) {
+    // see ckeditor_base.js getUrl()
+    window.CKEDITOR_GETURL = function (resource) {
+        if (resource.indexOf( '/' ) === 0) {
+            resource = window.CKEDITOR.basePath.replace(/\/bower_components\/.*/, '') + resource;
+        } else if (resource.indexOf(':/') === -1) {
+            resource = window.CKEDITOR.basePath + resource;
+        }
+        if (resource[resource.length - 1] !== '/' && resource.indexOf('ver=') === -1) {
+            var args = ApiConfig.requireConf.urlArgs;
+            if (resource.indexOf('/bower_components/') !== -1) {
+                args = 'ver=' + window.CKEDITOR.timestamp;
+            }
+            resource += (resource.indexOf('?') >= 0 ? '&' : '?') + args;
+        }
+        return resource;
+    };
+    require(['/bower_components/ckeditor/ckeditor.js']);
+});
 define([
-    'less!/customize/src/less/toolbar.less',
-], function () {});
+    'jquery',
+    '/bower_components/chainpad-crypto/crypto.js',
+    '/bower_components/hyperjson/hyperjson.js',
+    '/common/toolbar3.js',
+    '/common/cursor.js',
+    '/bower_components/chainpad-json-validator/json-ot.js',
+    '/common/TypingTests.js',
+    'json.sortify',
+    '/bower_components/textpatcher/TextPatcher.js',
+    '/common/cryptpad-common.js',
+    '/common/cryptget.js',
+    '/pad/links.js',
+    '/bower_components/nthen/index.js',
+    '/common/sframe-common.js',
+    '/api/config',
+    '/common/common-realtime.js',
+
+    '/bower_components/file-saver/FileSaver.min.js',
+    '/bower_components/diff-dom/diffDOM.js',
+
+    'css!/bower_components/bootstrap/dist/css/bootstrap.min.css',
+    'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
+    'less!/customize/src/less/cryptpad.less',
+    'less!/customize/src/less/toolbar.less'
+], function (
+    $,
+    Crypto,
+    Hyperjson,
+    Toolbar,
+    Cursor,
+    JsonOT,
+    TypingTest,
+    JSONSortify,
+    TextPatcher,
+    Cryptpad,
+    Cryptget,
+    Links,
+    nThen,
+    SFCommon,
+    ApiConfig,
+    CommonRealtime)
+{
+    var saveAs = window.saveAs;
+    var Messages = Cryptpad.Messages;
+    var DiffDom = window.diffDOM;
+
+    var stringify = function (obj) { return JSONSortify(obj); };
+
+    window.Toolbar = Toolbar;
+    window.Hyperjson = Hyperjson;
+
+    var slice = function (coll) {
+        return Array.prototype.slice.call(coll);
+    };
+
+    var removeListeners = function (root) {
+        slice(root.attributes).map(function (attr) {
+            if (/^on/.test(attr.name)) {
+                root.attributes.removeNamedItem(attr.name);
+            }
+        });
+        slice(root.children).forEach(removeListeners);
+    };
+
+    var hjsonToDom = function (H) {
+        var dom = Hyperjson.toDOM(H);
+        removeListeners(dom);
+        return dom;
+    };
+
+    var module = window.REALTIME_MODULE = window.APP = {
+        Hyperjson: Hyperjson,
+        TextPatcher: TextPatcher,
+        logFights: true,
+        fights: [],
+        Cryptpad: Cryptpad,
+        Cursor: Cursor,
+    };
+
+    var emitResize = module.emitResize = function () {
+        var evt = window.document.createEvent('UIEvents');
+        evt.initUIEvent('resize', true, false, window, 0);
+        window.dispatchEvent(evt);
+    };
+
+    var toolbar;
+
+    var isNotMagicLine = function (el) {
+        return !(el && typeof(el.getAttribute) === 'function' &&
+            el.getAttribute('class') &&
+            el.getAttribute('class').split(' ').indexOf('non-realtime') !== -1);
+    };
+
+    /* catch `type="_moz"` before it goes over the wire */
+    var brFilter = function (hj) {
+        if (hj[1].type === '_moz') { hj[1].type = undefined; }
+        return hj;
+    };
+
+    var onConnectError = function () {
+        Cryptpad.errorLoadingScreen(Messages.websocketError);
+    };
+
+    var domFromHTML = function (html) {
+        return new DOMParser().parseFromString(html, 'text/html');
+    };
+
+    var forbiddenTags = [
+        'SCRIPT',
+        'IFRAME',
+        'OBJECT',
+        'APPLET',
+        'VIDEO',
+        'AUDIO'
+    ];
+
+    var getHTML = function (inner) {
+        return ('<!DOCTYPE html>\n' + '<html>\n' + inner.innerHTML);
+    };
+
+    var CKEDITOR_CHECK_INTERVAL = 100;
+    var ckEditorAvailable = function (cb) {
+        var intr;
+        var check = function () {
+            if (window.CKEDITOR) {
+                clearTimeout(intr);
+                cb(window.CKEDITOR);
+            }
+        };
+        intr = setInterval(function () {
+            console.log("Ckeditor was not defined. Trying again in %sms", CKEDITOR_CHECK_INTERVAL);
+            check();
+        }, CKEDITOR_CHECK_INTERVAL);
+        check();
+    };
+
+    var mkDiffOptions = function (cursor, readOnly) {
+        return {
+            preDiffApply: function (info) {
+                /*
+                    Don't accept attributes that begin with 'on'
+                    these are probably listeners, and we don't want to
+                    send scripts over the wire.
+                */
+                if (['addAttribute', 'modifyAttribute'].indexOf(info.diff.action) !== -1) {
+                    if (info.diff.name === 'href') {
+                        // console.log(info.diff);
+                        //var href = info.diff.newValue;
+
+                        // TODO normalize HTML entities
+                        if (/javascript *: */.test(info.diff.newValue)) {
+                            // TODO remove javascript: links
+                        }
+                    }
+
+                    if (/^on/.test(info.diff.name)) {
+                        console.log("Rejecting forbidden element attribute with name (%s)", info.diff.name);
+                        return true;
+                    }
+                }
+                /*
+                    Also reject any elements which would insert any one of
+                    our forbidden tag types: script, iframe, object,
+                        applet, video, or audio
+                */
+                if (['addElement', 'replaceElement'].indexOf(info.diff.action) !== -1) {
+                    if (info.diff.element && forbiddenTags.indexOf(info.diff.element.nodeName) !== -1) {
+                        console.log("Rejecting forbidden tag of type (%s)", info.diff.element.nodeName);
+                        return true;
+                    } else if (info.diff.newValue && forbiddenTags.indexOf(info.diff.newValue.nodeType) !== -1) {
+                        console.log("Rejecting forbidden tag of type (%s)", info.diff.newValue.nodeName);
+                        return true;
+                    }
+                }
+
+                if (info.node && info.node.tagName === 'BODY') {
+                    if (info.diff.action === 'removeAttribute' &&
+                        ['class', 'spellcheck'].indexOf(info.diff.name) !== -1) {
+                        return true;
+                    }
+                }
+
+                /* DiffDOM will filter out magicline plugin elements
+                    in practice this will make it impossible to use it
+                    while someone else is typing, which could be annoying.
+
+                    we should check when such an element is going to be
+                    removed, and prevent that from happening. */
+                if (info.node && info.node.tagName === 'SPAN' &&
+                    info.node.getAttribute('contentEditable') === "false") {
+                    // it seems to be a magicline plugin element...
+                    if (info.diff.action === 'removeElement') {
+                        // and you're about to remove it...
+                        // this probably isn't what you want
+
+                        /*
+                            I have never seen this in the console, but the
+                            magic line is still getting removed on remote
+                            edits. This suggests that it's getting removed
+                            by something other than diffDom.
+                        */
+                        console.log("preventing removal of the magic line!");
+
+                        // return true to prevent diff application
+                        return true;
+                    }
+                }
+
+                // Do not change the contenteditable value in view mode
+                if (readOnly && info.node && info.node.tagName === 'BODY' &&
+                    info.diff.action === 'modifyAttribute' && info.diff.name === 'contenteditable') {
+                    return true;
+                }
+
+                // no use trying to recover the cursor if it doesn't exist
+                if (!cursor.exists()) { return; }
+
+                /*  frame is either 0, 1, 2, or 3, depending on which
+                    cursor frames were affected: none, first, last, or both
+                */
+                var frame = info.frame = cursor.inNode(info.node);
+
+                if (!frame) { return; }
+
+                if (typeof info.diff.oldValue === 'string' && typeof info.diff.newValue === 'string') {
+                    var pushes = cursor.pushDelta(info.diff.oldValue, info.diff.newValue);
+
+                    if (frame & 1) {
+                        // push cursor start if necessary
+                        if (pushes.commonStart < cursor.Range.start.offset) {
+                            cursor.Range.start.offset += pushes.delta;
+                        }
+                    }
+                    if (frame & 2) {
+                        // push cursor end if necessary
+                        if (pushes.commonStart < cursor.Range.end.offset) {
+                            cursor.Range.end.offset += pushes.delta;
+                        }
+                    }
+                }
+            },
+            postDiffApply: function (info) {
+                if (info.frame) {
+                    if (info.node) {
+                        if (info.frame & 1) { cursor.fixStart(info.node); }
+                        if (info.frame & 2) { cursor.fixEnd(info.node); }
+                    } else { console.error("info.node did not exist"); }
+
+                    var sel = cursor.makeSelection();
+                    var range = cursor.makeRange();
+
+                    cursor.fixSelection(sel, range);
+                }
+            }
+        };
+    };
+
+    ////////////////////////////////////////////////////////////////////////////////////////////////////////////
+    ////////////////////////////////////////////////////////////////////////////////////////////////////////////
+    ////////////////////////////////////////////////////////////////////////////////////////////////////////////
+    ////////////////////////////////////////////////////////////////////////////////////////////////////////////
+    ////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
+    var andThen = function (editor, Ckeditor, common) {
+        //var $iframe = $('#pad-iframe').contents();
+        //var secret = Cryptpad.getSecrets();
+        //var readOnly = secret.keys && !secret.keys.editKeyStr;
+        //if (!secret.keys) {
+        //    secret.keys = secret.key;
+        //}
+        var readOnly = false; // TODO
+        var cpNfInner;
+        var metadataMgr;
+        var onLocal;
+
+        var $bar = $('#cke_1_toolbox');
+
+        var $html = $bar.closest('html');
+        var $faLink = $html.find('head link[href*="/bower_components/components-font-awesome/css/font-awesome.min.css"]');
+        if ($faLink.length) {
+            $html.find('iframe').contents().find('head').append($faLink.clone());
+        }
+        var isHistoryMode = false;
+
+        if (readOnly) {
+            $('#cke_1_toolbox > .cke_toolbox_main').hide();
+        }
+
+        /* add a class to the magicline plugin so we can pick it out more easily */
+
+        var ml = Ckeditor.instances.editor1.plugins.magicline.backdoor.that.line.$;
+        [ml, ml.parentElement].forEach(function (el) {
+            el.setAttribute('class', 'non-realtime');
+        });
+
+        var ifrWindow = $html.find('iframe')[0].contentWindow;
+
+        var documentBody = ifrWindow.document.body;
+
+        var inner = window.inner = documentBody;
+
+        var cursor = module.cursor = Cursor(inner);
+
+        var openLink = function (e) {
+            var el = e.currentTarget;
+            if (!el || el.nodeName !== 'A') { return; }
+            var href = el.getAttribute('href');
+            var bounceHref = window.location.origin + '/bounce/#' + encodeURIComponent(href);
+            if (href) { ifrWindow.open(bounceHref, '_blank'); }
+        };
+
+        var setEditable = module.setEditable = function (bool) {
+            if (bool) {
+                $(inner).css({
+                    color: '#333',
+                });
+            }
+            if (!readOnly || !bool) {
+                inner.setAttribute('contenteditable', bool);
+            }
+        };
+
+        CommonRealtime.onInfiniteSpinner(function () { setEditable(false); });
+
+        // don't let the user edit until the pad is ready
+        setEditable(false);
+
+        var initializing = true;
+
+        var Title;
+        //var UserList;
+        //var Metadata;
+
+        var getHeadingText = function () {
+            var text;
+            if (['h1', 'h2', 'h3'].some(function (t) {
+                var $header = $(inner).find(t + ':first-of-type');
+                if ($header.length && $header.text()) {
+                    text = $header.text();
+                    return true;
+                }
+            })) { return text; }
+        };
+
+        var DD = new DiffDom(mkDiffOptions(cursor, readOnly));
+
+        // apply patches, and try not to lose the cursor in the process!
+        var applyHjson = function (shjson) {
+            var userDocStateDom = hjsonToDom(JSON.parse(shjson));
+
+            if (!readOnly && !initializing) {
+                userDocStateDom.setAttribute("contenteditable", "true"); // lol wtf
+            }
+            var patch = (DD).diff(inner, userDocStateDom);
+            (DD).apply(inner, patch);
+            if (readOnly) {
+                var $links = $(inner).find('a');
+                // off so that we don't end up with multiple identical handlers
+                $links.off('click', openLink).on('click', openLink);
+            }
+        };
+
+        var stringifyDOM = module.stringifyDOM = function (dom) {
+            var hjson = Hyperjson.fromDOM(dom, isNotMagicLine, brFilter);
+            hjson[3] = {
+                metadata: metadataMgr.getMetadataLazy()
+            };
+            /*hjson[3] = { TODO
+                    users: UserList.userData,
+                    defaultTitle: Title.defaultTitle,
+                    type: 'pad'
+                }
+            };
+            if (!initializing) {
+                hjson[3].metadata.title = Title.title;
+            } else if (Cryptpad.initialName && !hjson[3].metadata.title) {
+                hjson[3].metadata.title = Cryptpad.initialName;
+            }*/
+            return stringify(hjson);
+        };
+
+        var realtimeOptions = {
+            readOnly: readOnly,
+            // really basic operational transform
+            transformFunction : JsonOT.validate,
+            // cryptpad debug logging (default is 1)
+            // logLevel: 0,
+            validateContent: function (content) {
+                try {
+                    JSON.parse(content);
+                    return true;
+                } catch (e) {
+                    console.log("Failed to parse, rejecting patch");
+                    return false;
+                }
+            }
+        };
+
+        var setHistory = function (bool, update) {
+            isHistoryMode = bool;
+            setEditable(!bool);
+            if (!bool && update) {
+                realtimeOptions.onRemote();
+            }
+        };
+
+        realtimeOptions.onRemote = function () {
+            if (initializing) { return; }
+            if (isHistoryMode) { return; }
+
+            var oldShjson = stringifyDOM(inner);
+
+            var shjson = module.realtime.getUserDoc();
+
+            // remember where the cursor is
+            cursor.update();
+
+            // Update the user list (metadata) from the hyperjson
+            // TODO Metadata.update(shjson);
+
+            var newInner = JSON.parse(shjson);
+            var newSInner;
+            if (newInner.length > 2) {
+                newSInner = stringify(newInner[2]);
+            }
+
+            if (newInner[3]) {
+                metadataMgr.updateMetadata(newInner[3].metadata);
+            }
+
+            // build a dom from HJSON, diff, and patch the editor
+            applyHjson(shjson);
+
+            if (!readOnly) {
+                var shjson2 = stringifyDOM(inner);
+
+                // TODO
+                //shjson = JSON.stringify(JSON.parse(shjson).slice(0,3));
+
+                if (shjson2 !== shjson) {
+                    console.error("shjson2 !== shjson");
+                    module.patchText(shjson2);
+
+                    /*  pushing back over the wire is necessary, but it can
+                        result in a feedback loop, which we call a browser
+                        fight */
+                    if (module.logFights) {
+                        // what changed?
+                        var op = TextPatcher.diff(shjson, shjson2);
+                        // log the changes
+                        TextPatcher.log(shjson, op);
+                        var sop = JSON.stringify(TextPatcher.format(shjson, op));
+
+                        var index = module.fights.indexOf(sop);
+                        if (index === -1) {
+                            module.fights.push(sop);
+                            console.log("Found a new type of browser disagreement");
+                            console.log("You can inspect the list in your " +
+                                "console at `REALTIME_MODULE.fights`");
+                            console.log(module.fights);
+                        } else {
+                            console.log("Encountered a known browser disagreement: " +
+                                "available at `REALTIME_MODULE.fights[%s]`", index);
+                        }
+                    }
+                }
+            }
+
+            // Notify only when the content has changed, not when someone has joined/left
+            var oldSInner = stringify(JSON.parse(oldShjson)[2]);
+            if (newSInner && newSInner !== oldSInner) {
+                common.notify();
+            }
+        };
+
+        var exportFile = function () {
+            var html = getHTML(inner);
+            var suggestion = Title.suggestTitle('cryptpad-document');
+            Cryptpad.prompt(Messages.exportPrompt,
+                Cryptpad.fixFileName(suggestion) + '.html', function (filename) {
+                if (!(typeof(filename) === 'string' && filename)) { return; }
+                var blob = new Blob([html], {type: "text/html;charset=utf-8"});
+                saveAs(blob, filename);
+            });
+        };
+        var importFile = function (content) {
+            var shjson = stringify(Hyperjson.fromDOM(domFromHTML(content).body));
+            applyHjson(shjson);
+            realtimeOptions.onLocal();
+        };
+
+        realtimeOptions.onInit = function (info) {
+            readOnly = metadataMgr.getPrivateData().readOnly;
+            console.log('onInit');
+            var titleCfg = { getHeadingText: getHeadingText };
+            Title = common.createTitle(titleCfg, realtimeOptions.onLocal, common, metadataMgr);
+            var configTb = {
+                displayed: ['userlist', 'title', 'useradmin', 'spinner', 'newpad', 'share', 'limit'],
+                title: Title.getTitleConfig(),
+                metadataMgr: metadataMgr,
+                readOnly: readOnly,
+                ifrw: window,
+                realtime: info.realtime,
+                common: Cryptpad,
+                sfCommon: common,
+                $container: $bar,
+                $contentContainer: $('#cke_1_contents'),
+            };
+            toolbar = info.realtime.toolbar = Toolbar.create(configTb);
+            Title.setToolbar(toolbar);
+
+            var $rightside = toolbar.$rightside;
+            var $drawer = toolbar.$drawer;
+
+            var src = 'less!/customize/src/less/toolbar.less';
+            require([
+                src
+            ], function () {
+                var $html = $bar.closest('html');
+                $html
+                    .find('head style[data-original-src="' + src.replace(/less!/, '') + '"]')
+                    .appendTo($html.find('head'));
+            });
+
+            $bar.find('#cke_1_toolbar_collapser').hide();
+            if (!readOnly) {
+                // Expand / collapse the toolbar
+                var $collapse = Cryptpad.createButton(null, true);
+                $collapse.removeClass('fa-question');
+                var updateIcon = function () {
+                    $collapse.removeClass('fa-caret-down').removeClass('fa-caret-up');
+                    var isCollapsed = !$bar.find('.cke_toolbox_main').is(':visible');
+                    if (isCollapsed) {
+                        if (!initializing) { common.feedback('HIDETOOLBAR_PAD'); }
+                        $collapse.addClass('fa-caret-down');
+                    }
+                    else {
+                        if (!initializing) { common.feedback('SHOWTOOLBAR_PAD'); }
+                        $collapse.addClass('fa-caret-up');
+                    }
+                };
+                updateIcon();
+                $collapse.click(function () {
+                    $(window).trigger('resize');
+                    $('.cke_toolbox_main').toggle();
+                    $(window).trigger('cryptpad-ck-toolbar');
+                    updateIcon();
+                });
+                $rightside.append($collapse);
+            } else {
+                $('.cke_toolbox_main').hide();
+            }
+
+            /* add a history button */
+            var histConfig = {
+                onLocal: realtimeOptions.onLocal,
+                onRemote: realtimeOptions.onRemote,
+                setHistory: setHistory,
+                applyVal: function (val) { applyHjson(val || '["BODY",{},[]]'); },
+                $toolbar: $bar
+            };
+            var $hist = common.createButton('history', true, {histConfig: histConfig});
+            $drawer.append($hist);
+
+            if (!metadataMgr.getPrivateData().isTemplate) {
+                var templateObj = {
+                    rt: info.realtime,
+                    getTitle: function () { return metadataMgr.getMetadata().title; }
+                };
+                var $templateButton = common.createButton('template', true, templateObj);
+                $rightside.append($templateButton);
+            }
+
+            /* add an export button */
+            var $export = Cryptpad.createButton('export', true, {}, exportFile);
+            $drawer.append($export);
+
+            if (!readOnly) {
+                /* add an import button */
+                var $import = Cryptpad.createButton('import', true, {
+                    accept: 'text/html'
+                }, importFile);
+                $drawer.append($import);
+            }
+
+            /* add a forget button */
+            var forgetCb = function (err) {
+                if (err) { return; }
+                setEditable(false);
+            };
+            var $forgetPad = common.createButton('forget', true, {}, forgetCb);
+            $rightside.append($forgetPad);
+        };
+
+        // this should only ever get called once, when the chain syncs
+        realtimeOptions.onReady = function (info) {
+            console.log('onReady');
+            if (!module.isMaximized) {
+                module.isMaximized = true;
+                $('iframe.cke_wysiwyg_frame').css('width', '');
+                $('iframe.cke_wysiwyg_frame').css('height', '');
+            }
+            $('body').addClass('app-pad');
+
+            if (module.realtime !== info.realtime) {
+                module.patchText = TextPatcher.create({
+                    realtime: info.realtime,
+                    //logging: true,
+                });
+            }
+
+            module.realtime = info.realtime;
+
+            var shjson = module.realtime.getUserDoc();
+
+            var newPad = false;
+            if (shjson === '') { newPad = true; }
+
+            if (!newPad) {
+                applyHjson(shjson);
+
+                // Update the user list (metadata) from the hyperjson
+                // XXX Metadata.update(shjson);
+                var parsed = JSON.parse(shjson);
+                if (parsed[3] && parsed[3].metadata) {
+                    metadataMgr.updateMetadata(parsed[3].metadata);
+                }
+
+                if (!readOnly) {
+                    var shjson2 = stringifyDOM(inner);
+                    var hjson2 = JSON.parse(shjson2).slice(0,3);
+                    var hjson = JSON.parse(shjson).slice(0,3);
+                    if (stringify(hjson2) !== stringify(hjson)) {
+                        console.log('err');
+                        console.error("shjson2 !== shjson");
+                        console.log(stringify(hjson2));
+                        console.log(stringify(hjson));
+                        Cryptpad.errorLoadingScreen(Messages.wrongApp);
+                        throw new Error();
+                    }
+                }
+            } else {
+                Title.updateTitle(Cryptpad.initialName || Title.defaultTitle);
+                documentBody.innerHTML = Messages.initialState;
+            }
+
+            Cryptpad.removeLoadingScreen(emitResize);
+            setEditable(!readOnly);
+            initializing = false;
+
+            if (readOnly) { return; }
+            //TODO UserList.getLastName(toolbar.$userNameButton, newPad);
+            onLocal();
+            editor.focus();
+            if (newPad) {
+                cursor.setToEnd();
+            } else {
+                cursor.setToStart();
+            }
+        };
+
+        realtimeOptions.onConnectionChange = function (info) {
+            setEditable(info.state);
+            //toolbar.failed(); TODO
+            if (info.state) {
+                initializing = true;
+                //toolbar.reconnecting(info.myId); // TODO
+                Cryptpad.findOKButton().click();
+            } else {
+                Cryptpad.alert(Messages.common_connectionLost, undefined, true);
+            }
+        };
+
+        realtimeOptions.onError = onConnectError;
+
+        onLocal = realtimeOptions.onLocal = function () {
+            console.log('onlocal');
+            if (initializing) { return; }
+            if (isHistoryMode) { return; }
+            if (readOnly) { return; }
+
+            // stringify the json and send it into chainpad
+            var shjson = stringifyDOM(inner);
+
+            module.patchText(shjson);
+            if (module.realtime.getUserDoc() !== shjson) {
+                console.error("realtime.getUserDoc() !== shjson");
+            }
+        };
+
+        cpNfInner = common.startRealtime(realtimeOptions);
+        metadataMgr = cpNfInner.metadataMgr;
+
+        Cryptpad.onLogout(function () { setEditable(false); });
+
+        /* hitting enter makes a new line, but places the cursor inside
+            of the <br> instead of the <p>. This makes it such that you
+            cannot type until you click, which is rather unnacceptable.
+            If the cursor is ever inside such a <br>, you probably want
+            to push it out to the parent element, which ought to be a
+            paragraph tag. This needs to be done on keydown, otherwise
+            the first such keypress will not be inserted into the P. */
+        inner.addEventListener('keydown', cursor.brFix);
+
+        editor.on('change', onLocal);
+
+        // export the typing tests to the window.
+        // call like `test = easyTest()`
+        // terminate the test like `test.cancel()`
+        window.easyTest = function () {
+            cursor.update();
+            var start = cursor.Range.start;
+            var test = TypingTest.testInput(inner, start.el, start.offset, onLocal);
+            onLocal();
+            return test;
+        };
+
+        $bar.find('.cke_button').click(function () {
+            var e = this;
+            var classString = e.getAttribute('class');
+            var classes = classString.split(' ').filter(function (c) {
+                return /cke_button__/.test(c);
+            });
+
+            var id = classes[0];
+            if (typeof(id) === 'string') {
+                common.feedback(id.toUpperCase());
+            }
+        });
+    };
+
+    var main = function () {
+        var Ckeditor;
+        var editor;
+        var common;
+
+        nThen(function (waitFor) {
+            ckEditorAvailable(waitFor(function (ck) {
+                Ckeditor = ck;
+                require(['/pad/wysiwygarea-plugin.js'], waitFor());
+            }));
+            $(waitFor(function () {
+                Cryptpad.addLoadingScreen();
+            }));
+            SFCommon.create(waitFor(function (c) { module.common = common = c; }));
+        }).nThen(function (waitFor) {
+            Ckeditor.config.toolbarCanCollapse = true;
+            if (screen.height < 800) {
+                Ckeditor.config.toolbarStartupExpanded = false;
+                $('meta[name=viewport]').attr('content', 'width=device-width, initial-scale=1.0, user-scalable=no');
+            } else {
+                $('meta[name=viewport]').attr('content', 'width=device-width, initial-scale=1.0, user-scalable=yes');
+            }
+            // Used in ckeditor-config.js
+            Ckeditor.CRYPTPAD_URLARGS = ApiConfig.requireConf.urlArgs;
+            module.ckeditor = editor = Ckeditor.replace('editor1', {
+                customConfig: '/customize/ckeditor-config.js',
+            });
+            editor.on('instanceReady', waitFor());
+        }).nThen(function (/*waitFor*/) {
+            /*if (Ckeditor.env.safari) {
+                var fixIframe = function () {
+                    $('iframe.cke_wysiwyg_frame').height($('#cke_1_contents').height());
+                };
+                $(window).resize(fixIframe);
+                fixIframe();
+            }*/
+            Links.addSupportForOpeningLinksInNewTab(Ckeditor)({editor: editor});
+            Cryptpad.onError(function (info) {
+                if (info && info.type === "store") {
+                    onConnectError();
+                }
+            });
+            andThen(editor, Ckeditor, common);
+        });
+    };
+    main();
+});
diff --git a/www/pad/links.js b/www/pad/links.js
index 6a53a4bc7..4a2fc57d8 100644
--- a/www/pad/links.js
+++ b/www/pad/links.js
@@ -29,7 +29,8 @@ define(['/common/cryptpad-common.js'], function (Cryptpad) {
                         if (anchor) {
                             var href = anchor.getAttribute('href');
                             if (href) {
-                                window.open(href);
+                                var bounceHref = window.location.origin + '/bounce/#' + encodeURIComponent(href);
+                                window.open(bounceHref);
                             }
                         }
                     }
diff --git a/www/pad/main.js b/www/pad/main.js
index 817607ded..91c76f7d3 100644
--- a/www/pad/main.js
+++ b/www/pad/main.js
@@ -1,768 +1,243 @@
+// Load #1, load as little as possible because we are in a race to get the loading screen up.
 define([
+    '/bower_components/nthen/index.js',
+    '/api/config',
     'jquery',
-    '/bower_components/chainpad-crypto/crypto.js',
-    '/bower_components/chainpad-netflux/chainpad-netflux.js',
-    '/bower_components/hyperjson/hyperjson.js',
-    '/common/toolbar2.js',
-    '/common/cursor.js',
-    '/bower_components/chainpad-json-validator/json-ot.js',
-    '/common/TypingTests.js',
-    'json.sortify',
-    '/bower_components/textpatcher/TextPatcher.js',
-    '/common/cryptpad-common.js',
-    '/common/cryptget.js',
-    '/pad/links.js',
-    '/bower_components/file-saver/FileSaver.min.js',
-    '/bower_components/diff-dom/diffDOM.js',
-
-    'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
-    'less!/customize/src/less/cryptpad.less',
-], function ($, Crypto, realtimeInput, Hyperjson,
-    Toolbar, Cursor, JsonOT, TypingTest, JSONSortify, TextPatcher, Cryptpad, Cryptget, Links) {
-    var saveAs = window.saveAs;
-    var Messages = Cryptpad.Messages;
-
-    $(function () {
-
-    var ifrw = $('#pad-iframe')[0].contentWindow;
-    var Ckeditor; // to be initialized later...
-    var DiffDom = window.diffDOM;
-
-    Cryptpad.addLoadingScreen();
-
-    var stringify = function (obj) {
-        return JSONSortify(obj);
-    };
-
-    window.Toolbar = Toolbar;
-    window.Hyperjson = Hyperjson;
-
-    var slice = function (coll) {
-        return Array.prototype.slice.call(coll);
-    };
-
-    var removeListeners = function (root) {
-        slice(root.attributes).map(function (attr) {
-            if (/^on/i.test(attr.name)) {
-                root.attributes.removeNamedItem(attr.name);
-            }
-        });
-        slice(root.children).forEach(removeListeners);
-    };
-
-    var hjsonToDom = function (H) {
-        var dom = Hyperjson.toDOM(H);
-        removeListeners(dom);
-        return dom;
-    };
-
-    var module = window.REALTIME_MODULE = window.APP = {
-        Hyperjson: Hyperjson,
-        TextPatcher: TextPatcher,
-        logFights: true,
-        fights: [],
-        Cryptpad: Cryptpad,
-        Cursor: Cursor,
-    };
-
-    var emitResize = module.emitResize = function () {
-        var cw = $('#pad-iframe')[0].contentWindow;
-
-        var evt = cw.document.createEvent('UIEvents');
-        evt.initUIEvent('resize', true, false, cw, 0);
-        cw.dispatchEvent(evt);
-    };
-
-    var toolbar;
-
-    var isNotMagicLine = function (el) {
-        return !(el && typeof(el.getAttribute) === 'function' &&
-            el.getAttribute('class') &&
-            el.getAttribute('class').split(' ').indexOf('non-realtime') !== -1);
-    };
-
-    /* catch `type="_moz"` before it goes over the wire */
-    var brFilter = function (hj) {
-        if (hj[1].type === '_moz') { hj[1].type = undefined; }
-        return hj;
-    };
-
-    var onConnectError = function () {
-        Cryptpad.errorLoadingScreen(Messages.websocketError);
-    };
-
-    var andThen = function (Ckeditor) {
-        var $iframe = $('#pad-iframe').contents();
-        var secret = Cryptpad.getSecrets();
-        var readOnly = secret.keys && !secret.keys.editKeyStr;
-        if (!secret.keys) {
-            secret.keys = secret.key;
+    '/common/requireconfig.js'
+], function (nThen, ApiConfig, $, RequireConfig) {
+    var requireConfig = RequireConfig();
+
+    // Loaded in load #2
+    var CpNfOuter;
+    var Cryptpad;
+    var Crypto;
+    var Cryptget;
+
+    var sframeChan;
+    var secret;
+    var hashes;
+
+    nThen(function (waitFor) {
+        $(waitFor());
+    }).nThen(function (waitFor) {
+        var req = {
+            cfg: requireConfig,
+            req: [ '/common/loading.js' ],
+            pfx: window.location.origin
+        };
+        window.rc = requireConfig;
+        window.apiconf = ApiConfig;
+        $('#sbox-iframe').attr('src',
+            ApiConfig.httpSafeOrigin + '/pad/inner.html?' + requireConfig.urlArgs +
+                '#' + encodeURIComponent(JSON.stringify(req)));
+
+        // This is a cheap trick to avoid loading sframe-channel in parallel with the
+        // loading screen setup.
+        var done = waitFor();
+        var onMsg = function (msg) {
+            var data = JSON.parse(msg.data);
+            if (data.q !== 'READY') { return; }
+            window.removeEventListener('message', onMsg);
+            var _done = done;
+            done = function () { };
+            _done();
+        };
+        window.addEventListener('message', onMsg);
+
+    }).nThen(function (waitFor) {
+        // Load #2, the loading screen is up so grab whatever you need...
+        require([
+            '/common/sframe-chainpad-netflux-outer.js',
+            '/common/cryptpad-common.js',
+            '/bower_components/chainpad-crypto/crypto.js',
+            '/common/cryptget.js',
+            '/common/sframe-channel.js',
+        ], waitFor(function (_CpNfOuter, _Cryptpad, _Crypto, _Cryptget, SFrameChannel) {
+            CpNfOuter = _CpNfOuter;
+            Cryptpad = _Cryptpad;
+            Crypto = _Crypto;
+            Cryptget = _Cryptget;
+            SFrameChannel.create($('#sbox-iframe')[0].contentWindow, waitFor(function (sfc) {
+                sframeChan = sfc;
+            }));
+            Cryptpad.ready(waitFor());
+        }));
+    }).nThen(function (waitFor) {
+        secret = Cryptpad.getSecrets();
+        if (!secret.channel) {
+            // New pad: create a new random channel id
+            secret.channel = Cryptpad.createChannelId();
         }
+        Cryptpad.getShareHashes(secret, waitFor(function (err, h) { hashes = h; }));
+    }).nThen(function (/*waitFor*/) {
+        var readOnly = secret.keys && !secret.keys.editKeyStr;
+        if (!secret.keys) { secret.keys = secret.key; }
+        var parsed = Cryptpad.parsePadUrl(window.location.href);
+        if (!parsed.type) { throw new Error(); }
+        var defaultTitle = Cryptpad.getDefaultName(parsed);
+        var updateMeta = function () {
+            //console.log('EV_METADATA_UPDATE');
+            var name;
+            nThen(function (waitFor) {
+                Cryptpad.getLastName(waitFor(function (err, n) {
+                    if (err) { console.log(err); }
+                    name = n;
+                }));
+            }).nThen(function (/*waitFor*/) {
+                sframeChan.event('EV_METADATA_UPDATE', {
+                    doc: {
+                        defaultTitle: defaultTitle,
+                        type: parsed.type
+                    },
+                    user: {
+                        name: name,
+                        uid: Cryptpad.getUid(),
+                        avatar: Cryptpad.getAvatarUrl(),
+                        profile: Cryptpad.getProfileUrl(),
+                        curvePublic: Cryptpad.getProxy().curvePublic,
+                        netfluxId: Cryptpad.getNetwork().webChannels[0].myID,
+                    },
+                    priv: {
+                        accountName: Cryptpad.getAccountName(),
+                        origin: window.location.origin,
+                        pathname: window.location.pathname,
+                        readOnly: readOnly,
+                        availableHashes: hashes,
+                        isTemplate: Cryptpad.isTemplate(window.location.href),
+                        feedbackAllowed: Cryptpad.isFeedbackAllowed(),
+                        friends: Cryptpad.getProxy().friends || {}
+                    }
+                });
+            });
+        };
+        Cryptpad.onDisplayNameChanged(updateMeta);
+        sframeChan.onReg('EV_METADATA_UPDATE', updateMeta);
 
-        var editor = window.editor = Ckeditor.replace('editor1', {
-            customConfig: '/customize/ckeditor-config.js',
-        });
-
-        editor.on('instanceReady', Links.addSupportForOpeningLinksInNewTab(Ckeditor));
-        editor.on('instanceReady', function () {
-            var $bar = $('#pad-iframe')[0].contentWindow.$('#cke_1_toolbox');
-
-            var $html = $bar.closest('html');
-            var $faLink = $html.find('head link[href*="/bower_components/components-font-awesome/css/font-awesome.min.css"]');
-            if ($faLink.length) {
-                $html.find('iframe').contents().find('head').append($faLink.clone());
-            }
-            var isHistoryMode = false;
-
-            if (readOnly) {
-                $('#pad-iframe')[0].contentWindow.$('#cke_1_toolbox > .cke_toolbox_main').hide();
+        Cryptpad.onError(function (info) {
+            console.log('error');
+            console.log(info);
+            if (info && info.type === "store") {
+                //onConnectError();
             }
+        });
 
-            /* add a class to the magicline plugin so we can pick it out more easily */
-
-            var ml = $('iframe')[0].contentWindow.CKEDITOR.instances.editor1.plugins.magicline
-                .backdoor.that.line.$;
-
-            [ml, ml.parentElement].forEach(function (el) {
-                el.setAttribute('class', 'non-realtime');
+        sframeChan.on('Q_ANON_RPC_MESSAGE', function (data, cb) {
+            Cryptpad.anonRpcMsg(data.msg, data.content, function (err, response) {
+                cb({error: err, response: response});
             });
+        });
 
-            var documentBody = ifrw.$('iframe')[0].contentDocument.body;
-
-            var inner = window.inner = documentBody;
-
-            // hide all content until the realtime doc is ready
-            $(inner).css({
-                color: '#fff',
+        sframeChan.on('Q_SET_PAD_TITLE_IN_DRIVE', function (newTitle, cb) {
+            document.title = newTitle;
+            Cryptpad.renamePad(newTitle, undefined, function (err) {
+                if (err) { cb('ERROR'); } else { cb(); }
             });
+        });
 
-            var cursor = module.cursor = Cursor(inner);
-
-            var setEditable = module.setEditable = function (bool) {
-                if (bool) {
-                    $(inner).css({
-                        color: '#333',
-                    });
-                }
-                if (!readOnly || !bool) {
-                    inner.setAttribute('contenteditable', bool);
-                }
-            };
-
-            // don't let the user edit until the pad is ready
-            setEditable(false);
-
-            var forbiddenTags = [
-                'SCRIPT',
-                'IFRAME',
-                'OBJECT',
-                'APPLET',
-                'VIDEO',
-                'AUDIO'
-            ];
-
-            var diffOptions = {
-                preDiffApply: function (info) {
-                    /*
-                        Don't accept attributes that begin with 'on'
-                        these are probably listeners, and we don't want to
-                        send scripts over the wire.
-                    */
-                    if (['addAttribute', 'modifyAttribute'].indexOf(info.diff.action) !== -1) {
-                        if (info.diff.name === 'href') {
-                            // console.log(info.diff);
-                            //var href = info.diff.newValue;
-
-                            // TODO normalize HTML entities
-                            if (/javascript *: */.test(info.diff.newValue)) {
-                                // TODO remove javascript: links
-                            }
-                        }
-
-                        if (/^on/.test(info.diff.name)) {
-                            console.log("Rejecting forbidden element attribute with name (%s)", info.diff.name);
-                            return true;
-                        }
-                    }
-                    /*
-                        Also reject any elements which would insert any one of
-                        our forbidden tag types: script, iframe, object,
-                            applet, video, or audio
-                    */
-                    if (['addElement', 'replaceElement'].indexOf(info.diff.action) !== -1) {
-                        if (info.diff.element && forbiddenTags.indexOf(info.diff.element.nodeName) !== -1) {
-                            console.log("Rejecting forbidden tag of type (%s)", info.diff.element.nodeName);
-                            return true;
-                        } else if (info.diff.newValue && forbiddenTags.indexOf(info.diff.newValue.nodeType) !== -1) {
-                            console.log("Rejecting forbidden tag of type (%s)", info.diff.newValue.nodeName);
-                            return true;
-                        }
-                    }
-
-                    if (info.node && info.node.tagName === 'BODY') {
-                        if (info.diff.action === 'removeAttribute' &&
-                            ['class', 'spellcheck'].indexOf(info.diff.name) !== -1) {
-                            return true;
-                        }
-                    }
-
-                    /* DiffDOM will filter out magicline plugin elements
-                        in practice this will make it impossible to use it
-                        while someone else is typing, which could be annoying.
-
-                        we should check when such an element is going to be
-                        removed, and prevent that from happening. */
-                    if (info.node && info.node.tagName === 'SPAN' &&
-                        info.node.getAttribute('contentEditable') === "false") {
-                        // it seems to be a magicline plugin element...
-                        if (info.diff.action === 'removeElement') {
-                            // and you're about to remove it...
-                            // this probably isn't what you want
-
-                            /*
-                                I have never seen this in the console, but the
-                                magic line is still getting removed on remote
-                                edits. This suggests that it's getting removed
-                                by something other than diffDom.
-                            */
-                            console.log("preventing removal of the magic line!");
-
-                            // return true to prevent diff application
-                            return true;
-                        }
-                    }
-
-                    // Do not change the contenteditable value in view mode
-                    if (readOnly && info.node && info.node.tagName === 'BODY' &&
-                        info.diff.action === 'modifyAttribute' && info.diff.name === 'contenteditable') {
-                        return true;
-                    }
-
-                    // no use trying to recover the cursor if it doesn't exist
-                    if (!cursor.exists()) { return; }
-
-                    /*  frame is either 0, 1, 2, or 3, depending on which
-                        cursor frames were affected: none, first, last, or both
-                    */
-                    var frame = info.frame = cursor.inNode(info.node);
-
-                    if (!frame) { return; }
-
-                    if (typeof info.diff.oldValue === 'string' && typeof info.diff.newValue === 'string') {
-                        var pushes = cursor.pushDelta(info.diff.oldValue, info.diff.newValue);
-
-                        if (frame & 1) {
-                            // push cursor start if necessary
-                            if (pushes.commonStart < cursor.Range.start.offset) {
-                                cursor.Range.start.offset += pushes.delta;
-                            }
-                        }
-                        if (frame & 2) {
-                            // push cursor end if necessary
-                            if (pushes.commonStart < cursor.Range.end.offset) {
-                                cursor.Range.end.offset += pushes.delta;
-                            }
-                        }
-                    }
-                },
-                postDiffApply: function (info) {
-                    if (info.frame) {
-                        if (info.node) {
-                            if (info.frame & 1) { cursor.fixStart(info.node); }
-                            if (info.frame & 2) { cursor.fixEnd(info.node); }
-                        } else { console.error("info.node did not exist"); }
-
-                        var sel = cursor.makeSelection();
-                        var range = cursor.makeRange();
-
-                        cursor.fixSelection(sel, range);
-                    }
-                }
-            };
-
-            var initializing = true;
-
-            var Title;
-            var UserList;
-            var Metadata;
-
-            var getHeadingText = function () {
-                var text;
-                if (['h1', 'h2', 'h3'].some(function (t) {
-                    var $header = $(inner).find(t + ':first-of-type');
-                    if ($header.length && $header.text()) {
-                        text = $header.text();
-                        return true;
-                    }
-                })) { return text; }
-            };
-
-            var DD = new DiffDom(diffOptions);
-
-            var openLink = function (e) {
-                var el = e.currentTarget;
-                if (!el || el.nodeName !== 'A') { return; }
-                var href = el.getAttribute('href');
-                if (href) { window.open(href, '_blank'); }
-            };
-
-            // apply patches, and try not to lose the cursor in the process!
-            var applyHjson = function (shjson) {
-                var userDocStateDom = hjsonToDom(JSON.parse(shjson));
-
-                if (!readOnly && !initializing) {
-                    userDocStateDom.setAttribute("contenteditable", "true"); // lol wtf
-                }
-                $(userDocStateDom).find('script, applet, object, iframe').remove();
-                $(userDocStateDom).find('a').filter(function (i, x) {
-                    return ! /^(https|http|ftp):\/\/[^\s\n]*$/.test(x.getAttribute('href'));
-                }).remove();
-                var patch = (DD).diff(inner, userDocStateDom);
-                (DD).apply(inner, patch);
-                if (readOnly) {
-                    var $links = $(inner).find('a');
-                    // off so that we don't end up with multiple identical handlers
-                    $links.off('click', openLink).on('click', openLink);
-                }
-            };
-
-            var stringifyDOM = module.stringifyDOM = function (dom) {
-                var hjson = Hyperjson.fromDOM(dom, isNotMagicLine, brFilter);
-                hjson[3] = {
-                    metadata: {
-                        users: UserList.userData,
-                        defaultTitle: Title.defaultTitle,
-                        type: 'pad'
-                    }
-                };
-                if (!initializing) {
-                    hjson[3].metadata.title = Title.title;
-                } else if (Cryptpad.initialName && !hjson[3].metadata.title) {
-                    hjson[3].metadata.title = Cryptpad.initialName;
-                }
-                return stringify(hjson);
-            };
-
-            var realtimeOptions = {
-                // the websocket URL
-                websocketURL: Cryptpad.getWebsocketURL(),
-
-                // the channel we will communicate over
-                channel: secret.channel,
-
-                // the nework used for the file store if it exists
-                network: Cryptpad.getNetwork(),
-
-                // our public key
-                validateKey: secret.keys.validateKey || undefined,
-                readOnly: readOnly,
-
-                // Pass in encrypt and decrypt methods
-                crypto: Crypto.createEncryptor(secret.keys),
-
-                // really basic operational transform
-                transformFunction : JsonOT.validate,
-
-                // cryptpad debug logging (default is 1)
-                // logLevel: 0,
-
-                validateContent: function (content) {
-                    try {
-                        JSON.parse(content);
-                        return true;
-                    } catch (e) {
-                        console.log("Failed to parse, rejecting patch");
-                        return false;
-                    }
-                }
-            };
-
-            var setHistory = function (bool, update) {
-                isHistoryMode = bool;
-                setEditable(!bool);
-                if (!bool && update) {
-                    realtimeOptions.onRemote();
-                }
-            };
-
-            realtimeOptions.onRemote = function () {
-                if (initializing) { return; }
-                if (isHistoryMode) { return; }
-
-                var oldShjson = stringifyDOM(inner);
-
-                var shjson = module.realtime.getUserDoc();
-
-                // remember where the cursor is
-                cursor.update();
-
-                // Update the user list (metadata) from the hyperjson
-                Metadata.update(shjson);
-
-                var newInner = JSON.parse(shjson);
-                var newSInner;
-                if (newInner.length > 2) {
-                    newSInner = stringify(newInner[2]);
-                }
-
-                // build a dom from HJSON, diff, and patch the editor
-                applyHjson(shjson);
-
-                if (!readOnly) {
-                    var shjson2 = stringifyDOM(inner);
-                    if (shjson2 !== shjson) {
-                        console.error("shjson2 !== shjson");
-                        module.patchText(shjson2);
-
-                        /*  pushing back over the wire is necessary, but it can
-                            result in a feedback loop, which we call a browser
-                            fight */
-                        if (module.logFights) {
-                            // what changed?
-                            var op = TextPatcher.diff(shjson, shjson2);
-                            // log the changes
-                            TextPatcher.log(shjson, op);
-                            var sop = JSON.stringify(TextPatcher.format(shjson, op));
-
-                            var index = module.fights.indexOf(sop);
-                            if (index === -1) {
-                                module.fights.push(sop);
-                                console.log("Found a new type of browser disagreement");
-                                console.log("You can inspect the list in your " +
-                                    "console at `REALTIME_MODULE.fights`");
-                                console.log(module.fights);
-                            } else {
-                                console.log("Encountered a known browser disagreement: " +
-                                    "available at `REALTIME_MODULE.fights[%s]`", index);
-                            }
-                        }
-                    }
-                }
-
-                // Notify only when the content has changed, not when someone has joined/left
-                var oldSInner = stringify(JSON.parse(oldShjson)[2]);
-                if (newSInner && newSInner !== oldSInner) {
-                    Cryptpad.notify();
+        sframeChan.on('Q_SETTINGS_SET_DISPLAY_NAME', function (newName, cb) {
+            Cryptpad.setAttribute('username', newName, function (err) {
+                if (err) {
+                    console.log("Couldn't set username");
+                    console.error(err);
+                    cb('ERROR');
+                    return;
                 }
-            };
-
-            var getHTML = function () {
-                return ('<!DOCTYPE html>\n' + '<html>\n' + inner.innerHTML);
-            };
-
-            var domFromHTML = function (html) {
-                return new DOMParser().parseFromString(html, 'text/html');
-            };
-
-            var exportFile = function () {
-                var html = getHTML();
-                var suggestion = Title.suggestTitle('cryptpad-document');
-                Cryptpad.prompt(Messages.exportPrompt,
-                    Cryptpad.fixFileName(suggestion) + '.html', function (filename) {
-                    if (!(typeof(filename) === 'string' && filename)) { return; }
-                    var blob = new Blob([html], {type: "text/html;charset=utf-8"});
-                    saveAs(blob, filename);
-                });
-            };
-            var importFile = function (content) {
-                var shjson = stringify(Hyperjson.fromDOM(domFromHTML(content).body));
-                applyHjson(shjson);
-                realtimeOptions.onLocal();
-            };
-
-            realtimeOptions.onInit = function (info) {
-                UserList = Cryptpad.createUserList(info, realtimeOptions.onLocal, Cryptget, Cryptpad);
+                Cryptpad.changeDisplayName(newName, true);
+                cb();
+            });
+        });
 
-                var titleCfg = { getHeadingText: getHeadingText };
-                Title = Cryptpad.createTitle(titleCfg, realtimeOptions.onLocal, Cryptpad);
+        sframeChan.on('Q_LOGOUT', function (data, cb) {
+            Cryptpad.logout(cb);
+        });
 
-                Metadata = Cryptpad.createMetadata(UserList, Title, null, Cryptpad);
+        sframeChan.on('EV_NOTIFY', function () {
+            Cryptpad.notify();
+        });
 
-                var configTb = {
-                    displayed: ['title', 'useradmin', 'spinner', 'lag', 'state', 'share', 'userlist', 'newpad', 'limit', 'upgrade'],
-                    userList: UserList.getToolbarConfig(),
-                    share: {
-                        secret: secret,
-                        channel: info.channel
-                    },
-                    title: Title.getTitleConfig(),
-                    common: Cryptpad,
-                    readOnly: readOnly,
-                    ifrw: ifrw,
-                    realtime: info.realtime,
-                    network: info.network,
-                    $container: $bar,
-                    $contentContainer: $iframe.find('#cke_1_contents'),
-                };
-                toolbar = info.realtime.toolbar = Toolbar.create(configTb);
+        sframeChan.on('Q_SET_LOGIN_REDIRECT', function (data, cb) {
+            sessionStorage.redirectTo = window.location.href;
+            cb();
+        });
 
-                var src = 'less!/customize/src/less/toolbar.less';
-                require([
-                    src
-                ], function () {
-                    var $html = $bar.closest('html');
-                    $html
-                        .find('head style[data-original-src="' + src.replace(/less!/, '') + '"]')
-                        .appendTo($html.find('head'));
+        sframeChan.on('Q_GET_PIN_LIMIT_STATUS', function (data, cb) {
+            Cryptpad.isOverPinLimit(function (e, overLimit, limits) {
+                cb({
+                    error: e,
+                    overLimit: overLimit,
+                    limits: limits
                 });
+            });
+        });
 
-                Title.setToolbar(toolbar);
-
-                var $rightside = toolbar.$rightside;
-                var $drawer = toolbar.$drawer;
-
-                var editHash;
-
-                if (!readOnly) {
-                    editHash = Cryptpad.getEditHashFromKeys(info.channel, secret.keys);
-                }
-
-                $bar.find('#cke_1_toolbar_collapser').hide();
-                if (!readOnly) {
-                    // Expand / collapse the toolbar
-                    var $collapse = Cryptpad.createButton(null, true);
-                    $collapse.removeClass('fa-question');
-                    var updateIcon = function () {
-                        $collapse.removeClass('fa-caret-down').removeClass('fa-caret-up');
-                        $collapse.attr('title', '');
-                        var isCollapsed = !$bar.find('.cke_toolbox_main').is(':visible');
-                        if (isCollapsed) {
-                            if (!initializing) { Cryptpad.feedback('HIDETOOLBAR_PAD'); }
-                            $collapse.addClass('fa-caret-down');
-                            $collapse.attr('title', Messages.pad_showToolbar);
-                        }
-                        else {
-                            if (!initializing) { Cryptpad.feedback('SHOWTOOLBAR_PAD'); }
-                            $collapse.addClass('fa-caret-up');
-                            $collapse.attr('title', Messages.pad_hideToolbar);
-                        }
-                    };
-                    updateIcon();
-                    $collapse.click(function () {
-                        $(window).trigger('resize');
-                        $iframe.find('.cke_toolbox_main').toggle();
-                        $(window).trigger('cryptpad-ck-toolbar');
-                        updateIcon();
-                    });
-                    $rightside.append($collapse);
-                }
-
-                /* add a history button */
-                var histConfig = {
-                    onLocal: realtimeOptions.onLocal,
-                    onRemote: realtimeOptions.onRemote,
-                    setHistory: setHistory,
-                    applyVal: function (val) { applyHjson(val || '["BODY",{},[]]'); },
-                    $toolbar: $bar
-                };
-                var $hist = Cryptpad.createButton('history', true, {histConfig: histConfig});
-                $drawer.append($hist);
-
-                /* save as template */
-                if (!Cryptpad.isTemplate(window.location.href)) {
-                    var templateObj = {
-                        rt: info.realtime,
-                        Crypt: Cryptget,
-                        getTitle: function () { return document.title; }
-                    };
-                    var $templateButton = Cryptpad.createButton('template', true, templateObj);
-                    $rightside.append($templateButton);
-                }
-
-                /* add an export button */
-                var $export = Cryptpad.createButton('export', true, {}, exportFile);
-                $drawer.append($export);
-
-                if (!readOnly) {
-                    /* add an import button */
-                    var $import = Cryptpad.createButton('import', true, {
-                        accept: 'text/html'
-                    }, importFile);
-                    $drawer.append($import);
-                }
-
-                /* add a forget button */
-                var forgetCb = function (err) {
-                    if (err) { return; }
-                    setEditable(false);
-                };
-                var $forgetPad = Cryptpad.createButton('forget', true, {}, forgetCb);
-                $rightside.append($forgetPad);
-
-                // set the hash
-                if (!readOnly) { Cryptpad.replaceHash(editHash); }
-            };
-
-            // this should only ever get called once, when the chain syncs
-            realtimeOptions.onReady = function (info) {
-                if (!module.isMaximized) {
-                    module.isMaximized = true;
-                    $iframe.find('iframe.cke_wysiwyg_frame').css('width', '');
-                    $iframe.find('iframe.cke_wysiwyg_frame').css('height', '');
-                }
-                $iframe.find('body').addClass('app-pad');
-
-                if (module.realtime !== info.realtime) {
-                    module.patchText = TextPatcher.create({
-                        realtime: info.realtime,
-                        //logging: true,
-                    });
-                }
-
-                module.realtime = info.realtime;
-
-                var shjson = module.realtime.getUserDoc();
-
-                var newPad = false;
-                if (shjson === '') { newPad = true; }
-
-                if (!newPad) {
-                    applyHjson(shjson);
-
-                    // Update the user list (metadata) from the hyperjson
-                    Metadata.update(shjson);
-
-                    if (!readOnly) {
-                        var shjson2 = stringifyDOM(inner);
-                        var hjson2 = JSON.parse(shjson2).slice(0,-1);
-                        var hjson = JSON.parse(shjson).slice(0,-1);
-                        if (stringify(hjson2) !== stringify(hjson)) {
-                            console.log('err');
-                            console.error("shjson2 !== shjson");
-                            // TODO(cjd): This is removed because the XSS filter in applyHjson()
-                            //            is applied on incoming content so it causes this to fail.
-                            //Cryptpad.errorLoadingScreen(Messages.wrongApp);
-                            //throw new Error();
-                        }
-                    }
-                } else {
-                    Title.updateTitle(Cryptpad.initialName || Title.defaultTitle);
-                    documentBody.innerHTML = Messages.initialState;
-                }
-
-                Cryptpad.removeLoadingScreen(emitResize);
-                setEditable(!readOnly);
-                initializing = false;
-
-                if (readOnly) { return; }
-                UserList.getLastName(toolbar.$userNameButton, newPad);
-                editor.focus();
-                if (newPad) {
-                    cursor.setToEnd();
-                } else {
-                    cursor.setToStart();
-                }
-            };
-
-            realtimeOptions.onAbort = function () {
-                console.log("Aborting the session!");
-                // stop the user from continuing to edit
-                setEditable(false);
-                toolbar.failed();
-                Cryptpad.alert(Messages.common_connectionLost, undefined, true);
-            };
-
-            realtimeOptions.onConnectionChange = function (info) {
-                setEditable(info.state);
-                toolbar.failed();
-                if (info.state) {
-                    initializing = true;
-                    toolbar.reconnecting(info.myId);
-                    Cryptpad.findOKButton().click();
-                } else {
-                    Cryptpad.alert(Messages.common_connectionLost, undefined, true);
-                }
-            };
-
-            realtimeOptions.onError = onConnectError;
-
-            var onLocal = realtimeOptions.onLocal = function () {
-                if (initializing) { return; }
-                if (isHistoryMode) { return; }
-                if (readOnly) { return; }
-
-                // stringify the json and send it into chainpad
-                var shjson = stringifyDOM(inner);
-
-                module.patchText(shjson);
-                if (module.realtime.getUserDoc() !== shjson) {
-                    console.error("realtime.getUserDoc() !== shjson");
-                }
-            };
-
-            module.realtimeInput = realtimeInput.start(realtimeOptions);
-
-            Cryptpad.onLogout(function () { setEditable(false); });
-
-            /* hitting enter makes a new line, but places the cursor inside
-                of the <br> instead of the <p>. This makes it such that you
-                cannot type until you click, which is rather unnacceptable.
-                If the cursor is ever inside such a <br>, you probably want
-                to push it out to the parent element, which ought to be a
-                paragraph tag. This needs to be done on keydown, otherwise
-                the first such keypress will not be inserted into the P. */
-            inner.addEventListener('keydown', cursor.brFix);
-
-            editor.on('change', onLocal);
-
-            // export the typing tests to the window.
-            // call like `test = easyTest()`
-            // terminate the test like `test.cancel()`
-            window.easyTest = function () {
-                cursor.update();
-                var start = cursor.Range.start;
-                var test = TypingTest.testInput(inner, start.el, start.offset, onLocal);
-                onLocal();
-                return test;
-            };
-
-            $bar.find('.cke_button').click(function () {
-                var e = this;
-                var classString = e.getAttribute('class');
-                var classes = classString.split(' ').filter(function (c) {
-                    return /cke_button__/.test(c);
-                });
+        sframeChan.on('Q_MOVE_TO_TRASH', function (data, cb) {
+            Cryptpad.moveToTrash(cb);
+        });
 
-                var id = classes[0];
-                if (typeof(id) === 'string') {
-                    Cryptpad.feedback(id.toUpperCase());
-                }
-            });
+        sframeChan.on('Q_SAVE_AS_TEMPLATE', function (data, cb) {
+            Cryptpad.saveAsTemplate(Cryptget.put, data, cb);
         });
-    };
 
-    var interval = 100;
-    var second = function (Ckeditor) {
-        Cryptpad.ready(function () {
-            andThen(Ckeditor);
-            Cryptpad.reportAppUsage();
+        sframeChan.on('Q_SEND_FRIEND_REQUEST', function (netfluxId, cb) {
+            Cryptpad.inviteFromUserlist(Cryptpad, netfluxId);
+            cb();
         });
-        Cryptpad.onError(function (info) {
-            if (info && info.type === "store") {
-                onConnectError();
-            }
+        Cryptpad.onFriendRequest = function (confirmText, cb) {
+            sframeChan.query('Q_INCOMING_FRIEND_REQUEST', confirmText, function (err, data) {
+                cb(data);
+            });
+        };
+        Cryptpad.onFriendComplete = function (data) {
+            sframeChan.event('EV_FRIEND_REQUEST', data);
+        };
+
+        sframeChan.on('Q_GET_FULL_HISTORY', function (data, cb) {
+            var network = Cryptpad.getNetwork();
+            var hkn = network.historyKeeper;
+            var crypto = Crypto.createEncryptor(secret.keys);
+            // Get the history messages and send them to the iframe
+            var parse = function (msg) {
+                try {
+                    return JSON.parse(msg);
+                } catch (e) {
+                    return null;
+                }
+            };
+            var onMsg = function (msg) {
+                var parsed = parse(msg);
+                if (parsed[0] === 'FULL_HISTORY_END') {
+                    console.log('END');
+                    cb();
+                    return;
+                }
+                if (parsed[0] !== 'FULL_HISTORY') { return; }
+                if (parsed[1] && parsed[1].validateKey) { // First message
+                    secret.keys.validateKey = parsed[1].validateKey;
+                    return;
+                }
+                msg = parsed[1][4];
+                if (msg) {
+                    msg = msg.replace(/^cp\|/, '');
+                    var decryptedMsg = crypto.decrypt(msg, secret.keys.validateKey);
+                    sframeChan.event('EV_RT_HIST_MESSAGE', decryptedMsg);
+                }
+            };
+            network.on('message', onMsg);
+            network.sendto(hkn, JSON.stringify(['GET_FULL_HISTORY', secret.channel, secret.keys.validateKey]));
         });
-    };
 
-    var first = function () {
-        Ckeditor = ifrw.CKEDITOR;
-        if (Ckeditor) {
-            // mobile configuration
-            Ckeditor.config.toolbarCanCollapse = true;
-            if (screen.height < 800) {
-                Ckeditor.config.toolbarStartupExpanded = false;
-                $('meta[name=viewport]').attr('content', 'width=device-width, initial-scale=1.0, user-scalable=no');
-            } else {
-                $('meta[name=viewport]').attr('content', 'width=device-width, initial-scale=1.0, user-scalable=yes');
+        CpNfOuter.start({
+            sframeChan: sframeChan,
+            channel: secret.channel,
+            network: Cryptpad.getNetwork(),
+            validateKey: secret.keys.validateKey || undefined,
+            readOnly: readOnly,
+            crypto: Crypto.createEncryptor(secret.keys),
+            onConnect: function (wc) {
+                if (readOnly) { return; }
+                Cryptpad.replaceHash(Cryptpad.getEditHashFromKeys(wc.id, secret.keys));
             }
-            second(Ckeditor);
-        } else {
-            console.log("Ckeditor was not defined. Trying again in %sms",interval);
-            setTimeout(first, interval);
-        }
-    };
-
-    $(first);
-
+        });
+        Cryptpad.reportAppUsage();
     });
 });
diff --git a/www/pad/wysiwygarea-plugin.js b/www/pad/wysiwygarea-plugin.js
index d63bc4f10..7a0d08788 100644
--- a/www/pad/wysiwygarea-plugin.js
+++ b/www/pad/wysiwygarea-plugin.js
@@ -8,9 +8,9 @@
  *		mode, which handles the main editing area space.
  */
 
-( function() {
+define(['/api/config'], function (ApiConfig) {
     var framedWysiwyg;
-    var iframe;
+	var iframe;
 
 	CKEDITOR.plugins.registered.wysiwygarea.init = function( editor ) {
         if ( editor.config.fullPage ) {
@@ -39,7 +39,7 @@
             }
             
             // CryptPad
-            src = '/pad/ckeditor-inner.html';
+            src = '/pad/ckeditor-inner.html?' + ApiConfig.requireConf.urlArgs;
 
             iframe = CKEDITOR.dom.element.createFromHtml( '<iframe src="' + src + '" frameBorder="0"></iframe>' );
             iframe.setStyles( { width: '100%', height: '100%' } );
@@ -55,7 +55,12 @@
 
             // Asynchronous iframe loading is only required in IE>8 and Gecko (other reasons probably).
             // Do not use it on WebKit as it'll break the browser-back navigation.
-            var useOnloadEvent = ( CKEDITOR.env.ie && !CKEDITOR.env.edge ) || CKEDITOR.env.gecko;
+			var useOnloadEvent = ( CKEDITOR.env.ie && !CKEDITOR.env.edge ) || CKEDITOR.env.gecko;
+
+			// CryptPad
+			// This breaks Edge so lets use async all of the time
+			useOnloadEvent = true;
+
             if ( useOnloadEvent )
                 iframe.on( 'load', onLoad );
 
@@ -641,7 +646,7 @@
 
 		return css.join( '\n' );
 	}
-} )();
+});
 
 /**
  * Disables the ability to resize objects (images and tables) in the editing area.
diff --git a/www/poll/index.html b/www/poll/index.html
index c3ae1547f..3f4b53dbd 100644
--- a/www/poll/index.html
+++ b/www/poll/index.html
@@ -4,7 +4,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <title data-localization="poll_title">Zero Knowledge Date Picker</title>
-    <script async data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.1.15"
+    <script async data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"
         data-bootload="/customize/template.js"></script>
 </head>
 <body>
diff --git a/www/profile/index.html b/www/profile/index.html
index 9aed29ca5..5200564ce 100644
--- a/www/profile/index.html
+++ b/www/profile/index.html
@@ -2,11 +2,11 @@
 <html class="cp">
 <!-- If this file is not called customize.dist/src/template.html, it is generated -->
 <head>
-    <title data-localization="main_title">Cryptpad: Zero Knowledge, Collaborative Real Time Editing</title>
+    <title data-localization="main_title">CryptPad: Zero Knowledge, Collaborative Real Time Editing</title>
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <link rel="icon" type="image/png" href="/customize/main-favicon.png" id="favicon"/>
-    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.1.15"></script>
+    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
 
     <link rel="stylesheet" href="/bower_components/codemirror/lib/codemirror.css">
     <link rel="stylesheet" href="/bower_components/codemirror/addon/dialog/dialog.css">
diff --git a/www/register/index.html b/www/register/index.html
index 03032969b..31d4c99f8 100644
--- a/www/register/index.html
+++ b/www/register/index.html
@@ -6,7 +6,7 @@
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <link rel="icon" type="image/png" href="/customize/main-favicon.png" id="favicon"/>
-    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.1.15"></script>
+    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
 </head>
 <body class="html">
     <noscript>
diff --git a/www/settings/index.html b/www/settings/index.html
index 03032969b..31d4c99f8 100644
--- a/www/settings/index.html
+++ b/www/settings/index.html
@@ -6,7 +6,7 @@
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <link rel="icon" type="image/png" href="/customize/main-favicon.png" id="favicon"/>
-    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.1.15"></script>
+    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
 </head>
 <body class="html">
     <noscript>
diff --git a/www/slide/index.html b/www/slide/index.html
index 866031f04..2688cbf39 100644
--- a/www/slide/index.html
+++ b/www/slide/index.html
@@ -5,7 +5,7 @@
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="referrer" content="no-referrer" />
-    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.1.15"></script>
+    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
     <style>
         html, body {
             overflow-y: hidden;
diff --git a/www/slide/inner.html b/www/slide/inner.html
index e9ececf5e..c782334b7 100644
--- a/www/slide/inner.html
+++ b/www/slide/inner.html
@@ -6,7 +6,7 @@
 
     <link rel="stylesheet" href="/bower_components/components-font-awesome/css/font-awesome.min.css">
     <script src="/bower_components/jquery/dist/jquery.min.js"></script>
-    <script async data-bootload="inner.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.1.15"></script>
+    <script async data-bootload="inner.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
     <style>.loading-hidden { display: none; } </style>
 </head>
 <body class="loading-hidden">
diff --git a/www/todo/index.html b/www/todo/index.html
index a76879a6d..a72a3c60b 100644
--- a/www/todo/index.html
+++ b/www/todo/index.html
@@ -4,7 +4,7 @@
     <title>CryptPad</title>
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.1.15"></script>
+    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
     <style>
         html, body {
             margin: 0px;
diff --git a/www/todo/inner.html b/www/todo/inner.html
index 7675ed8d3..d147387ac 100644
--- a/www/todo/inner.html
+++ b/www/todo/inner.html
@@ -3,7 +3,7 @@
 <head>
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <script src="/bower_components/jquery/dist/jquery.min.js"></script>
-    <script async data-bootload="/todo/inner.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.1.15"></script>
+    <script async data-bootload="/todo/inner.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
     <style>.loading-hidden, .loading-hidden * {display: none !important;}</style>
 </head>
 <body class="loading-hidden">
diff --git a/www/user/index.html b/www/user/index.html
index 03032969b..31d4c99f8 100644
--- a/www/user/index.html
+++ b/www/user/index.html
@@ -6,7 +6,7 @@
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <link rel="icon" type="image/png" href="/customize/main-favicon.png" id="favicon"/>
-    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.1.15"></script>
+    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
 </head>
 <body class="html">
     <noscript>
diff --git a/www/whiteboard/index.html b/www/whiteboard/index.html
index a31384187..a5794b8d6 100644
--- a/www/whiteboard/index.html
+++ b/www/whiteboard/index.html
@@ -3,7 +3,7 @@
 <head>
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.1.15"></script>
+    <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
 </head>
 <body>
 
diff --git a/www/whiteboard/main.js b/www/whiteboard/main.js
index 337cd8794..3871337cd 100644
--- a/www/whiteboard/main.js
+++ b/www/whiteboard/main.js
@@ -11,6 +11,7 @@ define([
     '/common/cryptget.js',
     '/whiteboard/colors.js',
     '/customize/application_config.js',
+    '/common/common-thumbnail.js',
     '/bower_components/secure-fabric.js/dist/fabric.min.js',
     '/bower_components/file-saver/FileSaver.min.js',
 
@@ -19,7 +20,7 @@ define([
     'less!/customize/src/less/cryptpad.less',
     'less!/whiteboard/whiteboard.less',
     'less!/customize/src/less/toolbar.less',
-], function ($, Config, Realtime, Crypto, Toolbar, TextPatcher, JSONSortify, JsonOT, Cryptpad, Cryptget, Colors, AppConfig) {
+], function ($, Config, Realtime, Crypto, Toolbar, TextPatcher, JSONSortify, JsonOT, Cryptpad, Cryptget, Colors, AppConfig, Thumb) {
     var saveAs = window.saveAs;
     var Messages = Cryptpad.Messages;
 
@@ -212,13 +213,18 @@ window.canvas = canvas;
 
         module.FM = Cryptpad.createFileManager({});
         module.upload = function (title) {
-            $canvas[0].toBlob(function (blob) {
-                blob.name = title;
-                var reader = new FileReader();
-                reader.onloadend = function () {
-                    module.FM.handleFile(blob);
-                };
-                reader.readAsArrayBuffer(blob);
+            var canvas = $canvas[0];
+            var finish = function (thumb) {
+                canvas.toBlob(function (blob) {
+                    blob.name = title;
+                    module.FM.handleFile(blob, void 0, thumb);
+                });
+            };
+
+            Thumb.fromCanvas(canvas, function (e, blob) {
+                // carry on even if you can't get a thumbnail
+                if (e) { console.error(e); }
+                finish(blob);
             });
         };