Merge pull request #1393 from cryptpad/pdfjs-firefox

PDFjs rendering issue with Firefox 121

www/common/common-thumbnail.js

@@ -150,7 +150,7 @@ define([
         video.src = url;
     };
     Thumb.fromPdfBlob = function (blob, cb) {
-        require.config({paths: {'pdfjs-dist': '/lib/pdfjs'}});
+        require.config({paths: {'pdfjs-dist': '/lib/pdfjs/legacy'}});
         require(['pdfjs-dist/build/pdf'], function (PDFJS) {
             var url = URL.createObjectURL(blob);
             var makeThumb = function (page) {

www/common/inner/common-mediatag.js

@@ -24,8 +24,29 @@ define([
     // Configure MediaTags to use our local viewer
     // This file is loaded by sframe-common so the following config is used in all the inner apps
     if (MediaTag) {
+        // Firefox 121 introduces an issue with ligatures that requires an update to PDFjs
+        // See: https://github.com/cryptpad/cryptpad/issues/1362
+        // Unfortunately this updated PDFjs doesn't work with older browsers
+
+        let isModernFirefox = false;
+        try {
+            const isFirefox = navigator.userAgent.toLowerCase().includes('firefox');
+            if (isFirefox) {
+                let version = +navigator.userAgent.match(/rv:([0-9.]+)/)[1];
+                isModernFirefox = version >= 100;
+            }
+        } catch (e) {}
+        let isModernChromium = false;
+        try {
+            isModernChromium = navigator.userAgentData.brands.some(data => {
+                return data.brand === 'Chromium' && data.version >= 100;
+            });
+        } catch (e) {}
+
+        let path = 'legacy';
+        if (isModernFirefox || isModernChromium) { path = 'modern'; }
         MediaTag.setDefaultConfig('pdf', {
-            viewer: '/lib/pdfjs/web/viewer.html'
+            viewer: `/lib/pdfjs/${path}/web/viewer.html`
         });
         MediaTag.setDefaultConfig('download', {
             text: Messages.mediatag_saveButton,

www/common/media-tag.js

@@ -121,6 +121,12 @@ var factory = function () {
                 if (cfg.pdf.viewer) { // PDFJS
                     var viewerUrl = cfg.pdf.viewer + '?file=' + url;
                     iframe.src = viewerUrl + '#' + window.encodeURIComponent(metadata.name);
+                    iframe.onload = function () {
+                        if (!metadata.name) { return; }
+                        try {
+                            iframe.contentWindow.PDFViewerApplication.setTitleUsingUrl(metadata.name)
+                        } catch (e) { console.warn(e); }
+                    };
                     return void cb (void 0, iframe);
                 }
                 iframe.src = url + '#' + window.encodeURIComponent(metadata.name);