End to end encryption description (#731)

* End to end encryption description

This PR updates the url upload description to mention that it is end to end encrypted. I used a very similar message as whatsapp so that it is familar to people.

I also removed the automatic copying and turned the alert into prompt. This should be less awkward than the current implementation.

* capitalize excalidraw

Co-authored-by: David Luzar <luzar.david@gmail.com>

src/locales/de.json

@@ -2,7 +2,6 @@
   "alerts": {
     "cannotExportEmptyCanvas": "Leere Zeichenfläche kann nicht exportiert werden.",
     "clearReset": "Dies wird die ganze Zeichenfläche löschen. Bist du dir sicher?",
-    "copiedToClipboard": "In Zwischenablage kopiert: {{url}}",
     "couldNotCopyToClipboard": "Konnte nicht in die Zwischenablage kopieren. Versuch es mit dem Chrome Browser.",
     "couldNotCreateShareableLink": "Konnte keinen teilbaren Link erstellen.",
     "importBackendFailed": "Import vom Server ist fehlgeschlagen."

src/locales/en.json

@@ -61,7 +61,7 @@
     "importBackendFailed": "Importing from backend failed.",
     "cannotExportEmptyCanvas": "Cannot export empty canvas.",
     "couldNotCopyToClipboard": "Couldn't copy to clipboard. Try using Chrome browser.",
-    "copiedToClipboard": "Copied to clipboard: {{url}}"
+    "uploadedSecurly": "The upload has been secured with end-to-end encryption, which means that Excalidraw server and third parties can't read the content."
   },
   "toolBar": {
     "selection": "Selection",

src/locales/es.json

@@ -60,8 +60,7 @@
     "couldNotCreateShareableLink": "No se pudo crear un enlace para compartir.",
     "importBackendFailed": "La importación falló.",
     "cannotExportEmptyCanvas": "No se puede exportar un lienzo vació",
-    "couldNotCopyToClipboard": "No se ha podido copiar al portapapeles, intente usar Chrome como navegador.",
+    "couldNotCopyToClipboard": "No se ha podido copiar al portapapeles, intente usar Chrome como navegador."
-    "copiedToClipboard": "Copiado en el portapapeles: {{url}}"
   },
   "toolBar": {
     "selection": "Selección",

src/locales/fr.json

@@ -54,8 +54,7 @@
     "couldNotCreateShareableLink": "Impossible de créer un lien de partage.",
     "importBackendFailed": "L'import depuis le backend a échoué.",
     "cannotExportEmptyCanvas": "Impossible d'exporter un canvas vide.",
-    "couldNotCopyToClipboard": "Impossible de copier dans le presse-papier. Essayez d'utiliser le navigateur Chrome.",
+    "couldNotCopyToClipboard": "Impossible de copier dans le presse-papier. Essayez d'utiliser le navigateur Chrome."
-    "copiedToClipboard": "Copié dans le presse-papier: {{url}}"
   },
   "toolBar": {
     "selection": "Sélection",

src/locales/nb-no.json

@@ -60,8 +60,7 @@
     "couldNotCreateShareableLink": "Kunne ikke lage delbar lenke.",
     "importBackendFailed": "Importering av backend feilet.",
     "cannotExportEmptyCanvas": "Kan ikke eksportere et tomt lerret.",
-    "couldNotCopyToClipboard": "Kunne ikke kopiere til utklippstavlen. Prøv med nettleseren Chrome.",
+    "couldNotCopyToClipboard": "Kunne ikke kopiere til utklippstavlen. Prøv med nettleseren Chrome."
-    "copiedToClipboard": "Kopierte til utklippstavlen: {{url}}"
   },
   "toolBar": {
     "selection": "Velg",

src/locales/pl.json

@@ -60,8 +60,7 @@
     "couldNotCreateShareableLink": "Wystąpił błąd przy generowaniu linka do udostępniania.",
     "importBackendFailed": "Wystąpił błąd podczas importowania pliku.",
     "cannotExportEmptyCanvas": "Najpierw musisz coś narysować, aby zapisać dokument.",
-    "couldNotCopyToClipboard": "Błąd podczas kopiowania. Spróbuj użyć Google Chrome.",
+    "couldNotCopyToClipboard": "Błąd podczas kopiowania. Spróbuj użyć Google Chrome."
-    "copiedToClipboard": "Skopiowano link: {{url}}"
   },
   "toolBar": {
     "selection": "Zaznaczenie",

src/locales/pt.json

@@ -54,8 +54,7 @@
     "couldNotCreateShareableLink": "Não foi possível criar um link de partilha.",
     "importBackendFailed": "O carregamento no servidor falhou.",
     "cannotExportEmptyCanvas": "Não é possível exportar um canvas vazío.",
-    "couldNotCopyToClipboard": "Não foi possível copiar no clipboard. Experimente no navegador Chrome.",
+    "couldNotCopyToClipboard": "Não foi possível copiar no clipboard. Experimente no navegador Chrome."
-    "copiedToClipboard": "Copiado no clipboard: {{url}}"
   },
   "toolBar": {
     "selection": "Seleção",

src/locales/ru.json

@@ -59,8 +59,7 @@
     "couldNotCreateShareableLink": "Не удалось создать общедоступную ссылку.",
     "importBackendFailed": "Не удалось импортировать из бэкэнда.",
     "cannotExportEmptyCanvas": "Не может экспортировать пустой холст.",
-    "couldNotCopyToClipboard": "Не удалось скопировать в буфер обмена. Попробуйте использовать веб-браузер Chrome.",
+    "couldNotCopyToClipboard": "Не удалось скопировать в буфер обмена. Попробуйте использовать веб-браузер Chrome."
-    "copiedToClipboard": "Скопировано в буфер обмена: {{url}}"
   },
   "toolBar": {
     "selection": "Выделение области",

src/scene/data.ts

@@ -15,10 +15,7 @@ import { getCommonBounds, normalizeDimensions } from "../element";
 
 import { Point } from "roughjs/bin/geometry";
 import { t } from "../i18n";
-import {
+import { copyCanvasToClipboardAsPng } from "../clipboard";
-  copyTextToSystemClipboard,
-  copyCanvasToClipboardAsPng,
-} from "../clipboard";
 
 const LOCAL_STORAGE_KEY = "excalidraw";
 const LOCAL_STORAGE_SCENE_PREVIOUS_KEY = "excalidraw-previos-scenes";
@@ -191,12 +188,7 @@ export async function exportToBackend(
       url.hash = `json=${json.id},${exportedKey.k!}`;
       const urlString = url.toString();
 
-      try {
+      window.prompt(t("alerts.uploadedSecurly"), urlString);
-        await copyTextToSystemClipboard(urlString);
-        window.alert(t("alerts.copiedToClipboard", { url: urlString }));
-      } catch (err) {
-        // TODO: link will be displayed for user to copy manually in later PR
-      }
     } else {
       window.alert(t("alerts.couldNotCreateShareableLink"));
     }