From 6d0c90118f3ed07f7389f38926f458ea4e31868c Mon Sep 17 00:00:00 2001
From: Paulo Gustavo Veiga <pveiga@wisemapping.com>
Date: Sun, 15 Jan 2023 08:42:49 -0800
Subject: [PATCH] Add permissions write permissions confirmation.

---
 packages/mindplot/src/components/Designer.ts | 89 +++++++++++---------
 packages/webapp/public/manifest.json         | 25 ------
 2 files changed, 51 insertions(+), 63 deletions(-)
 delete mode 100644 packages/webapp/public/manifest.json

diff --git a/packages/mindplot/src/components/Designer.ts b/packages/mindplot/src/components/Designer.ts
index dcb4950c..c1ad2e8b 100644
--- a/packages/mindplot/src/components/Designer.ts
+++ b/packages/mindplot/src/components/Designer.ts
@@ -57,6 +57,7 @@ import WidgetManager from './WidgetManager';
 import { TopicShapeType } from './model/INodeModel';
 import { LineType } from './ConnectionLine';
 import XMLSerializerFactory from './persistence/XMLSerializerFactory';
+import ImageExpoterFactory from './export/ImageExporterFactory';
 
 class Designer extends Events {
   private _mindmap: Mindmap | null;
@@ -378,51 +379,63 @@ class Designer extends Events {
   }
 
   async copyToClipboard(): Promise<void> {
+    const enableImageSupport = true;
     let topics = this.getModel().filterSelectedTopics();
-    if (topics.length > 0) {
-      const mindmap = new Mindmap();
-      const central: NodeModel = new NodeModel('CentralTopic', mindmap);
-      mindmap.addBranch(central);
 
-      // Exclude central topic ..
-      topics = topics.filter((topic) => !topic.isCentralTopic());
-      topics.forEach((topic) => {
-        const nodeModel: NodeModel = topic.getModel().deepCopy();
-        nodeModel.connectTo(central);
-      });
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore - Permissions is not defined on PermissionsName.
+    const permissions = await navigator.permissions.query({ name: 'clipboard-write' });
+    if (permissions.state === 'granted' || permissions.state === 'prompt') {
+      // https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Interact_with_the_clipboard
+      if (topics.length > 0) {
+        const blobs = {};
+        const mindmap = new Mindmap();
+        const central: NodeModel = new NodeModel('CentralTopic', mindmap);
+        mindmap.addBranch(central);
 
-      // Create text blob ...
-      const serializer = XMLSerializerFactory.createFromMindmap(mindmap);
-      const document = serializer.toXML(mindmap);
-      const xmlStr: string = new XMLSerializer().serializeToString(document);
-      const textPlainBlob = new Blob([xmlStr], { type: 'text/plain' });
+        // Exclude central topic ..
+        topics = topics.filter((topic) => !topic.isCentralTopic());
+        topics.forEach((topic) => {
+          const nodeModel: NodeModel = topic.getModel().deepCopy();
+          nodeModel.connectTo(central);
+        });
 
-      // Create image blob ...
-      // const workspace = designer.getWorkSpace();
-      // const svgElement = workspace.getSVGElement();
-      // const size = { width: window.innerWidth, height: window.innerHeight };
+        // Create text blob ...
+        const serializer = XMLSerializerFactory.createFromMindmap(mindmap);
+        const document = serializer.toXML(mindmap);
+        const xmlStr: string = new XMLSerializer().serializeToString(document);
+        const textPlainBlob = new Blob([xmlStr], { type: 'text/plain' });
+        blobs[textPlainBlob.type] = textPlainBlob;
 
-      // const imageUrl = ImageExpoterFactory.create(
-      //   'png',
-      //   svgElement,
-      //   size.width,
-      //   size.height,
-      //   false,
-      // );
-      // let imgStr = await imageUrl.exportAndEncode();
-      // imgStr = imgStr.replace('octet/stream', 'image/png');
-      // const imgBlob = await (await fetch(imgStr)).blob();
+        if (enableImageSupport) {
+          // Create image blob ...
+          const workspace = designer.getWorkSpace();
+          const svgElement = workspace.getSVGElement();
+          const size = { width: window.innerWidth, height: window.innerHeight };
 
-      // Finally, add to clipboard ...
-      const clipboard = new ClipboardItem({
-        [textPlainBlob.type]: textPlainBlob,
-        // [imgBlob.type]: imgBlob,
-      });
+          const imageUrl = ImageExpoterFactory.create(
+            'png',
+            svgElement,
+            size.width,
+            size.height,
+            false,
+          );
+          let imgStr = await imageUrl.exportAndEncode();
+          imgStr = imgStr.replace('octet/stream', 'image/png');
+          const imgBlob = await (await fetch(imgStr)).blob();
+          blobs[imgBlob.type] = imgBlob;
+        }
 
-      navigator.clipboard.write([clipboard]).then(
-        () => console.log('Copy of node success'),
-        (e) => console.error(e),
-      );
+        // Finally, add to clipboard ...
+        const clipboard = new ClipboardItem(blobs);
+        navigator.clipboard.write([clipboard]).then(
+          () => console.log('Copy of node success'),
+          (e) => {
+            console.error('Unexpected error adding to clipboard');
+            console.error(e);
+          },
+        );
+      }
     }
   }
 
diff --git a/packages/webapp/public/manifest.json b/packages/webapp/public/manifest.json
deleted file mode 100644
index d5280156..00000000
--- a/packages/webapp/public/manifest.json
+++ /dev/null
@@ -1,25 +0,0 @@
-{
-    "short_name": "WiseMapping",
-    "name": "WiseMapping",
-    "icons": [{
-            "src": "favicon.ico",
-            "sizes": "64x64 32x32 24x24 16x16",
-            "type": "image/x-icon"
-        },
-        {
-            "src": "favicon.png",
-            "type": "image/png",
-            "sizes": "1024x1024"
-        }
-    ],
-    "permissions" : [
-        "https://*/*",
-        "clipboardRead",
-        "clipboardWrite",
-        "storage"
-    ],
-    "start_url": ".",
-    "display": "standalone",
-    "theme_color": "#000000",
-    "background_color": "#ffffff"
-}
\ No newline at end of file