mirror of
https://github.com/zadam/trilium.git
synced 2025-06-06 18:08:33 +02:00
add noteid to console to differentiate logs
This commit is contained in:
parent
5c46fe792d
commit
ae75ac424f
@ -60,11 +60,12 @@ export default class ExcalidrawTypeWidget extends TypeWidget {
|
|||||||
this.contentSized();
|
this.contentSized();
|
||||||
this.$render = this.$widget.find('.canvas-note-render');
|
this.$render = this.$widget.find('.canvas-note-render');
|
||||||
this.$renderElement = this.$render.get(0);
|
this.$renderElement = this.$render.get(0);
|
||||||
|
console.log(this.noteId, "doRender", this.$widget);
|
||||||
|
|
||||||
libraryLoader
|
libraryLoader
|
||||||
.requireLibrary(libraryLoader.EXCALIDRAW)
|
.requireLibrary(libraryLoader.EXCALIDRAW)
|
||||||
.then(() => {
|
.then(() => {
|
||||||
console.log("react, react-dom, excalidraw loaded");
|
console.log(this.noteId, "react, react-dom, excalidraw loaded");
|
||||||
|
|
||||||
const React = window.React;
|
const React = window.React;
|
||||||
const ReactDOM = window.ReactDOM;
|
const ReactDOM = window.ReactDOM;
|
||||||
@ -82,21 +83,26 @@ export default class ExcalidrawTypeWidget extends TypeWidget {
|
|||||||
* @param {note} note
|
* @param {note} note
|
||||||
*/
|
*/
|
||||||
async doRefresh(note) {
|
async doRefresh(note) {
|
||||||
console.log('doRefresh()', note);
|
console.log(this.noteId, 'doRefresh()', note);
|
||||||
// get note from backend and put into canvas
|
// get note from backend and put into canvas
|
||||||
|
|
||||||
// wait for react to have rendered!
|
// wait for react to have rendered!
|
||||||
console.log('sleep 1s...');
|
// console.log(this.noteId, 'sleep 1s...');
|
||||||
await sleep(1000);
|
// await sleep(1000);
|
||||||
|
|
||||||
const noteComplement = await froca.getNoteComplement(note.noteId);
|
const noteComplement = await froca.getNoteComplement(note.noteId);
|
||||||
console.log('doRefresh', note, noteComplement, noteComplement.content);
|
console.log(this.noteId, 'doRefresh', note, noteComplement, noteComplement.content);
|
||||||
|
|
||||||
|
if (!this.excalidrawRef) {
|
||||||
|
console.log(this.noteId, "doRefresh !!!!!!!!!!! excalidrawref not yet loeaded, sleep 1s...");
|
||||||
|
await sleep(1000);
|
||||||
|
}
|
||||||
|
|
||||||
if (this.excalidrawRef.current && noteComplement.content) {
|
if (this.excalidrawRef.current && noteComplement.content) {
|
||||||
const content = JSON.parse(noteComplement.content || "");
|
const content = JSON.parse(noteComplement.content || "");
|
||||||
const {elements, appState} = content;
|
const {elements, appState} = content;
|
||||||
|
|
||||||
console.log('doRefresh with this:', elements, appState);
|
console.log(this.noteId, 'doRefresh with this:', elements, appState);
|
||||||
|
|
||||||
const sceneData = {
|
const sceneData = {
|
||||||
elements,
|
elements,
|
||||||
@ -104,7 +110,7 @@ export default class ExcalidrawTypeWidget extends TypeWidget {
|
|||||||
collaborators: []
|
collaborators: []
|
||||||
};
|
};
|
||||||
|
|
||||||
console.log("doRefresh(note) sceneData", sceneData);
|
console.log(this.noteId, "doRefresh(note) sceneData", sceneData);
|
||||||
this.excalidrawRef.current.updateScene(sceneData);
|
this.excalidrawRef.current.updateScene(sceneData);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -113,7 +119,7 @@ export default class ExcalidrawTypeWidget extends TypeWidget {
|
|||||||
* gets data from widget container that will be sent via spacedUpdate.scheduleUpdate();
|
* gets data from widget container that will be sent via spacedUpdate.scheduleUpdate();
|
||||||
*/
|
*/
|
||||||
getContent() {
|
getContent() {
|
||||||
console.log('getContent()');
|
console.log(this.noteId, 'getContent()');
|
||||||
const time = new Date();
|
const time = new Date();
|
||||||
// const content = "hallöchen"+time.toUTCString();
|
// const content = "hallöchen"+time.toUTCString();
|
||||||
|
|
||||||
@ -126,18 +132,18 @@ export default class ExcalidrawTypeWidget extends TypeWidget {
|
|||||||
time
|
time
|
||||||
};
|
};
|
||||||
|
|
||||||
console.log('gC', content);
|
console.log(this.noteId, 'gC', content);
|
||||||
|
|
||||||
return JSON.stringify(content);
|
return JSON.stringify(content);
|
||||||
}
|
}
|
||||||
|
|
||||||
saveData() {
|
saveData() {
|
||||||
console.log("saveData()");
|
console.log(this.noteId, "saveData()");
|
||||||
this.spacedUpdate.scheduleUpdate();
|
this.spacedUpdate.scheduleUpdate();
|
||||||
}
|
}
|
||||||
|
|
||||||
onChangeHandler() {
|
onChangeHandler() {
|
||||||
console.log("onChangeHandler() =================", new Date());
|
console.log(this.noteId, "onChangeHandler() =================", new Date());
|
||||||
this.saveData();
|
this.saveData();
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -164,7 +170,7 @@ export default class ExcalidrawTypeWidget extends TypeWidget {
|
|||||||
width: excalidrawWrapperRef.current.getBoundingClientRect().width,
|
width: excalidrawWrapperRef.current.getBoundingClientRect().width,
|
||||||
height: excalidrawWrapperRef.current.getBoundingClientRect().height
|
height: excalidrawWrapperRef.current.getBoundingClientRect().height
|
||||||
};
|
};
|
||||||
console.log('effect, setdimensions', dimensions);
|
console.log(this.noteId, 'effect, setdimensions', dimensions);
|
||||||
setDimensions(dimensions);
|
setDimensions(dimensions);
|
||||||
|
|
||||||
const onResize = () => {
|
const onResize = () => {
|
||||||
@ -172,7 +178,7 @@ export default class ExcalidrawTypeWidget extends TypeWidget {
|
|||||||
width: excalidrawWrapperRef.current.getBoundingClientRect().width,
|
width: excalidrawWrapperRef.current.getBoundingClientRect().width,
|
||||||
height: excalidrawWrapperRef.current.getBoundingClientRect().height
|
height: excalidrawWrapperRef.current.getBoundingClientRect().height
|
||||||
};
|
};
|
||||||
console.log('onResize, setdimensions', dimensions);
|
console.log(this.noteId, 'onResize, setdimensions', dimensions);
|
||||||
setDimensions(dimensions);
|
setDimensions(dimensions);
|
||||||
};
|
};
|
||||||
|
|
||||||
@ -196,12 +202,12 @@ export default class ExcalidrawTypeWidget extends TypeWidget {
|
|||||||
height: dimensions.height,
|
height: dimensions.height,
|
||||||
// initialData: InitialData,
|
// initialData: InitialData,
|
||||||
onPaste: (data, event) => {
|
onPaste: (data, event) => {
|
||||||
console.log("tom", data, event);
|
console.log(this.noteId, "tom", data, event);
|
||||||
},
|
},
|
||||||
// onChange: (elements, state) => {
|
// onChange: (elements, state) => {
|
||||||
// console.log("onChange Elements :", elements, "State : ", state)
|
// console.log(this.noteId, "onChange Elements :", elements, "State : ", state)
|
||||||
// debounce(() => {
|
// debounce(() => {
|
||||||
// console.log('called onChange via throttle');
|
// console.log(this.noteId, 'called onChange via throttle');
|
||||||
// self.saveData();
|
// self.saveData();
|
||||||
// }, 400);
|
// }, 400);
|
||||||
// },
|
// },
|
||||||
|
Loading…
x
Reference in New Issue
Block a user