Merge branch 'devel'

Author: or-else

index-dev.html

@@ -29,6 +29,8 @@
     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
     <!-- Styles for local elements -->
     <link rel="stylesheet" href="css/base.css" />
+    <!-- Polyfill Intl.Segmenter for Firefox 124 and earlier. This can be safely removed in the end of 2024. -->
+    <script crossorigin="anonymous" src="https://polyfill-fastly.io/v3/polyfill.min.js?features=Intl.Segmenter"></script>
     <!-- ReactJS -->
     <script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/react@18/umd/react.development.js"></script>
     <script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/react-dom@18/umd/react-dom.development.js"></script>

index.html

@@ -23,6 +23,7 @@
 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,700i" />
 <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
 <link rel="stylesheet" href="css/base.min.css" />
+<script crossorigin="anonymous" src="https://polyfill-fastly.io/v3/polyfill.min.js?features=Intl.Segmenter"></script>
 <script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/react@18.2.0/umd/react.production.min.js"></script>
 <script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/react-dom@18.2.0/umd/react-dom.production.min.js"></script>
 <script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/react-intl@6.4.4/react-intl.iife.min.js"></script>

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "tinode-webapp",
   "description": "Tinode messenger for the web",
-  "version": "0.22.12",
+  "version": "0.22.13",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/tinode/webapp.git"
@@ -71,7 +71,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-intl": "^6.4.4",
-    "tinode-sdk": "^0.22.12",
+    "tinode-sdk": "^0.22.13",
     "webm-duration-fix": "^1.0.4"
   },
   "devDependencies": {

package.json

@@ -174,7 +174,7 @@ export function sanitizeUrlForMime(url, mimeMajor) {
 
 // Append query parameter 'asatt=1' to the URL.
 // It will cause Tinode server to add 'Content-Disposition: attachment' header when serving it.
-// The URL here is always absolute.
+// The URL is a string. The URL here is always absolute.
 export function urlAsAttachment(url) {
   // TODO: check if URL is local or remote, i.e. compare to window.location.origin.
   /*
@@ -184,6 +184,11 @@ export function urlAsAttachment(url) {
     }
   }
   */
+  // Check if the URL is a data or blob. Do not alter such URLs.
+  if (url.startsWith('data:') || url.startsWith('blob:')) {
+    return url;
+  }
+
   // Split URL into host+path, query, fragment.
   let query = '', fragment = '';
   const idxF = url.indexOf('#');

src/lib/utils.js

@@ -1,3 +1,3 @@
 // This is a generated file. Don't edit.
 
-export const PACKAGE_VERSION = "0.22.12";
+export const PACKAGE_VERSION = "0.22.13";