github-mirror/BookStack
2
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-06-18 18:36:07 +08:00
Code Issues Actions 17 Packages Projects Releases Wiki Activity

Drawio: Started browser drawing backup store system

Browse Source 
Adds just the part to store image data, and remove on successfull save.
Alters save events to properly throw upon error.
Adds IDB-Keyval library for local large-size store.
For #4421
This commit is contained in:
Dan Brown
2023-08-22 19:30:39 +01:00
parent cbcec189fd
commit a4fbde9185
7 changed files with 61 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
resources/js/services/drawio.js
View File

@ -1,17 +1,22 @@
// Docs: https://www.diagrams.net/doc/faq/embed-mode
import * as store from './store';
let iFrame = null;
let lastApprovedOrigin;
let onInit; let
onSave;
let onInit;
let onSave;
const saveBackupKey = 'last-drawing-save';
function drawPostMessage(data) {
iFrame.contentWindow.postMessage(JSON.stringify(data), lastApprovedOrigin);
}
function drawEventExport(message) {
store.set(saveBackupKey, message.data);
if (onSave) {
onSave(message.data);
onSave(message.data).then(() => {
store.del(saveBackupKey);
});
}
}
@ -64,9 +69,11 @@ function drawReceive(event) {
/**
* Show the draw.io editor.
* onSaveCallback must return a promise that resolves on successful save and errors on failure.
* onInitCallback must return a promise with the xml to load for the editor.
* @param {String} drawioUrl
* @param {Function} onInitCallback - Must return a promise with the xml to load for the editor.
* @param {Function} onSaveCallback - Is called with the drawing data on save.
* @param {Function<Promise<String>>} onInitCallback
* @param {Function<Promise>} onSaveCallback - Is called with the drawing data on save.
*/
export function show(drawioUrl, onInitCallback, onSaveCallback) {
onInit = onInitCallback;