vmario/wisemapping-frontend
1
0
Fork 0
mirror of https://bitbucket.org/wisemapping/wisemapping-frontend.git synced 2024-11-10 17:33:24 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add permissions write permissions confirmation.

Browse Source
This commit is contained in:
Paulo Gustavo Veiga 2023-01-15 08:42:49 -08:00
parent 05cddf7a2b
commit 6d0c90118f
2 changed files with 51 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

89
packages/mindplot/src/components/Designer.ts
View File

@ -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);
},
);
}
}
}

25
packages/webapp/public/manifest.json
View File

@ -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"
}