add: note editor buttons
add: note editor events management
This commit is contained in:
xiangyu
parent
3b43069c37
commit
d18fc3c9da
|
|
@ -3,8 +3,10 @@
|
|||
|
||||
<overlay id="__addonRef__-preferences" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" xmlns:html="http://www.w3.org/1999/xhtml">
|
||||
<prefwindow id="zotero-prefs">
|
||||
<prefpane id="zotero-prefpane-__addonRef__" insertafter="zotero-prefpane-advanced" label="Notero" image="chrome://__addonRef__/skin/favicon@2x.png" onpaneload="Zotero.Notero.prefs.initPreferences(document)">
|
||||
<preferences id="zotero-preferences-__addonRef__"></preferences>
|
||||
<prefpane id="zotero-prefpane-__addonRef__" insertafter="zotero-prefpane-advanced" label="__addonRef__" image="chrome://__addonRef__/skin/favicon@2x.png" onpaneload="Zotero.Notero.prefs.initPreferences(document)">
|
||||
<preferences id="zotero-preferences-__addonRef__">
|
||||
<preference id="pref-__addonRef__-mainknowledgeid" name="extensions.zotero.__addonRef__.mainKnowledgeID" type="string" />
|
||||
</preferences>
|
||||
</prefpane>
|
||||
</prefwindow>
|
||||
</overlay>
|
||||
|
|
@ -23,7 +23,6 @@
|
|||
"homepage": "https://github.com/windingwind/Notero#readme",
|
||||
"dependencies": {
|
||||
"compressing": "^1.5.1",
|
||||
"crypto-js": "^4.1.1",
|
||||
"esbuild": "^0.14.34",
|
||||
"replace-in-file": "^6.3.2"
|
||||
},
|
||||
|
|
|
|||
15
src/base.ts
15
src/base.ts
|
|
@ -5,4 +5,17 @@ class AddonBase {
|
|||
}
|
||||
}
|
||||
|
||||
export { AddonBase };
|
||||
class EditorMessage {
|
||||
public type: string;
|
||||
public content: {
|
||||
itemID?: string;
|
||||
event?: XULEvent;
|
||||
editorInstance?: EditorInstance
|
||||
};
|
||||
constructor(type: string, content: object) {
|
||||
this.type = type;
|
||||
this.content = content;
|
||||
}
|
||||
}
|
||||
|
||||
export { AddonBase, EditorMessage };
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
import { AddonBase } from "./base";
|
||||
import { AddonBase, EditorMessage } from "./base";
|
||||
|
||||
class AddonEvents extends AddonBase {
|
||||
constructor(parent: Notero) {
|
||||
|
|
@ -7,10 +7,90 @@ class AddonEvents extends AddonBase {
|
|||
|
||||
public async onInit() {
|
||||
Zotero.debug("Notero: init called");
|
||||
|
||||
this.addNoteInstanceListener();
|
||||
this.resetState();
|
||||
}
|
||||
|
||||
public addNoteInstanceListener() {
|
||||
Zotero.Notes._registerEditorInstance = Zotero.Notes.registerEditorInstance;
|
||||
Zotero.Notes.registerEditorInstance = (instance: EditorInstance) => {
|
||||
Zotero.Notes._registerEditorInstance(instance);
|
||||
this.onEditorEvent(
|
||||
new EditorMessage("addNoteInstance", {
|
||||
editorInstance: instance,
|
||||
})
|
||||
);
|
||||
};
|
||||
}
|
||||
|
||||
public async onEditorEvent(message: EditorMessage) {
|
||||
Zotero.debug(`Notero: onEditorEvent\n${String(message)}`);
|
||||
switch (message.type) {
|
||||
case "addNoteInstance":
|
||||
let mainKnowledgeID = parseInt(
|
||||
Zotero.Prefs.get("Notero.mainKnowledgeID")
|
||||
);
|
||||
await message.content.editorInstance._initPromise;
|
||||
|
||||
if (message.content.editorInstance._item.id !== mainKnowledgeID) {
|
||||
Zotero.debug(`Notero: main Knowledge`);
|
||||
this._Addon.views.addEditorButton(
|
||||
message.content.editorInstance,
|
||||
"setMainKnowledge",
|
||||
"Use Current Note as Knowledge Workspace",
|
||||
new EditorMessage("setMainKnowledge", {})
|
||||
);
|
||||
this._Addon.views.addEditorButton(
|
||||
message.content.editorInstance,
|
||||
"addToKnowledge",
|
||||
"Add Note Link to Knowledge Workspace",
|
||||
new EditorMessage("addToKnowledge", {})
|
||||
);
|
||||
}
|
||||
break;
|
||||
|
||||
case "addToKnowledge":
|
||||
/*
|
||||
message.content = {
|
||||
editorInstance
|
||||
}
|
||||
*/
|
||||
// TODO: Complete this part
|
||||
Zotero.debug("Notero: addToKnowledge");
|
||||
break;
|
||||
case "setMainKnowledge":
|
||||
/*
|
||||
message.content = {
|
||||
editorInstance
|
||||
}
|
||||
*/
|
||||
// TODO: Complete this part
|
||||
Zotero.debug("Notero: addToKnowledge");
|
||||
if (Zotero.Prefs.get("Notero.mainKnowledgeID")) {
|
||||
let confirmChange = confirm(
|
||||
"Will remove current Knowledge Workspace. Confirm?"
|
||||
);
|
||||
if (!confirmChange) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
Zotero.Prefs.set(
|
||||
"Notero.mainKnowledgeID",
|
||||
message.content.editorInstance._item.id
|
||||
);
|
||||
// Set the button to selected state
|
||||
this._Addon.views.changeEditorButton(
|
||||
message.content.event.target,
|
||||
"isMainKnowledge",
|
||||
"This Note is Knowledge Workspace"
|
||||
);
|
||||
// TODO: update workspace window here
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
private resetState(): void {
|
||||
// Reset preferrence state.
|
||||
}
|
||||
|
|
|
|||
37
src/views.ts
37
src/views.ts
|
|
@ -1,7 +1,8 @@
|
|||
import { AddonBase } from "./base";
|
||||
import { AddonBase, EditorMessage } from "./base";
|
||||
|
||||
class AddonViews extends AddonBase {
|
||||
progressWindowIcon: object;
|
||||
editorIcon: object;
|
||||
|
||||
constructor(parent: Notero) {
|
||||
super(parent);
|
||||
|
|
@ -10,6 +11,40 @@ class AddonViews extends AddonBase {
|
|||
fail: "chrome://zotero/skin/cross.png",
|
||||
default: "chrome://notero/skin/favicon.png",
|
||||
};
|
||||
this.editorIcon = {
|
||||
addToKnowledge: `<svg t="1651124422933" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3269" width="24" height="24"><path d="M896.00324 352c70.7 0 128-57.3 128-128 0-70.6-57.4-128-128-128-70.7 0-128 57.3-128 128 0 18.8 4.1 36.7 11.3 52.8 2.7 6 1.4 13.1-3.3 17.8l-24.2 24.2c-5.7 5.7-14.9 6.3-21.2 1.2-38.1-30.1-86.3-48-138.6-48-18.8 0-37.1 2.3-54.6 6.7-6.9 1.7-14.1-1.4-17.7-7.5l-6.6-11.4c-3.4-5.8-2.7-13.1 1.6-18.3 18.6-22.6 29.7-51.6 29.3-83.2C543.10324 89 486.30324 32.6 417.00324 32c-70.6-0.6-128.1 56.1-129 126.3-0.9 69.5 56.5 128.6 126 129.6 9.4 0.1 18.5-0.7 27.4-2.5 6.8-1.4 13.6 1.7 17.1 7.7l2.2 3.8c4 7 2.2 15.9-4.2 20.7-42.4 32.3-73 79.4-84 133.6-1.5 7.4-8.1 12.7-15.7 12.7h-94.1c-6.6 0-12.6-4-14.9-10.2-18.1-48-64.3-82.2-118.5-82.8C58.70324 370.3 0.50324 427.6 0.00324 498.1-0.49676 569.2 57.00324 627 128.00324 627c56.7 0 104.8-36.9 121.6-87.9 2.2-6.6 8.3-11.1 15.2-11.1h92c7.6 0 14.2 5.4 15.7 12.9 9.5 46.7 33.5 88 67 119.2 5.4 5 6.6 13.2 2.9 19.6l-21.7 37.6c-3.7 6.3-11.1 9.4-18.2 7.4-11.1-3.1-22.7-4.7-34.8-4.7-69.7 0.1-127 56.8-127.8 126.6-0.8 71.7 57.4 130 129.1 129.4 69.5-0.6 126.3-57.3 126.9-126.8 0.3-28-8.5-53.9-23.5-75.1-3.6-5.1-3.9-11.8-0.8-17.2l24.9-43.1c3.9-6.7 12-9.7 19.3-7 23.7 8.6 49.3 13.2 76 13.2 34.9 0 67.9-8 97.3-22.2 7.6-3.7 16.7-0.9 20.9 6.4l37 64c-26.3 23.5-43 57.7-43 95.8 0 70.9 58 128.5 128.9 128 69.7-0.5 126.2-56.7 127.1-126.3 0.9-70.1-57-129.3-127.1-129.7-6.2 0-12.3 0.4-18.3 1.2-6.5 0.9-12.8-2.2-16.1-7.8l-39.2-67.9c-3.4-5.9-2.7-13.3 1.7-18.4 34.2-39.3 54.9-90.7 54.9-147 0-38.9-9.9-75.5-27.4-107.4-3.4-6.2-2.2-13.9 2.8-18.9l28.4-28.4c4.9-4.9 12.4-6 18.7-2.9 17.4 8.6 36.9 13.5 57.6 13.5z m0-192c35.3 0 64 28.7 64 64s-28.7 64-64 64-64-28.7-64-64 28.7-64 64-64zM128.00324 563c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z m240 349c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z m464-112c35.3 0 64 28.7 64 64s-28.7 64-64 64-64-28.7-64-64 28.7-64 64-64zM416.00324 224c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z m289.1 385.1C674.90324 639.4 634.70324 656 592.00324 656s-82.9-16.6-113.1-46.9C448.60324 578.9 432.00324 538.7 432.00324 496s16.6-82.9 46.9-113.1C509.10324 352.6 549.30324 336 592.00324 336s82.9 16.6 113.1 46.9C735.40324 413.1 752.00324 453.3 752.00324 496s-16.6 82.9-46.9 113.1z" p-id="3270"></path></svg>`,
|
||||
setMainKnowledge: `<svg t="1651124314636" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1689" width="24" height="24"><path d="M877.44 383.786667L624.426667 117.333333C594.986667 86.186667 554.88 69.12 512 69.12s-82.986667 17.066667-112.426667 48.213333L146.56 383.786667a148.266667 148.266667 0 0 0-40.746667 102.4v302.08c0 85.76 69.76 155.52 155.52 155.52h501.546667c85.76 0 155.52-69.76 155.52-155.52V485.973333c0-38.186667-14.506667-74.453333-40.96-102.186666z m-44.373333 404.266666c0 38.826667-31.573333 70.186667-70.186667 70.186667H261.333333c-38.826667 0-70.186667-31.573333-70.186666-70.186667V485.973333c0-16.213333 6.186667-31.786667 17.28-43.52L461.44 176c13.226667-13.866667 31.146667-21.546667 50.56-21.546667s37.333333 7.68 50.56 21.76l253.013333 266.453334c11.306667 11.733333 17.28 27.306667 17.28 43.52v301.866666z" p-id="1690"></path><path d="M608 687.786667h-192c-23.466667 0-42.666667 19.2-42.666667 42.666666s19.2 42.666667 42.666667 42.666667h192c23.466667 0 42.666667-19.2 42.666667-42.666667s-19.2-42.666667-42.666667-42.666666z" p-id="1691"></path></svg>`,
|
||||
isMainKnowledge: `<svg t="1651124352868" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1850" width="24" height="24"><path d="M877.44 388.053333L624.426667 121.813333C594.986667 90.666667 554.88 73.386667 512 73.386667s-82.986667 17.066667-112.426667 48.213333L146.56 388.053333a148.266667 148.266667 0 0 0-40.746667 102.4v302.08c0 85.76 69.76 155.52 155.52 155.52h501.546667c85.76 0 155.52-69.76 155.52-155.52V490.453333c0-38.4-14.506667-74.666667-40.96-102.4zM608 777.386667h-192c-23.466667 0-42.666667-19.2-42.666667-42.666667s19.2-42.666667 42.666667-42.666667h192c23.466667 0 42.666667 19.2 42.666667 42.666667s-19.2 42.666667-42.666667 42.666667z" p-id="1851"></path></svg>`,
|
||||
};
|
||||
}
|
||||
|
||||
async addEditorButton(
|
||||
editorInstances: EditorInstance,
|
||||
icon: string,
|
||||
title: string,
|
||||
message: EditorMessage
|
||||
) {
|
||||
// Use Zotero.Notes._editorInstances to find current opened note editor
|
||||
await editorInstances._initPromise;
|
||||
|
||||
let _document = editorInstances._iframeWindow.document;
|
||||
let toolbar = _document.getElementsByClassName("middle")[0];
|
||||
let button = _document.createElement("button");
|
||||
button.setAttribute("class", "toolbar-button");
|
||||
button.setAttribute("id", title);
|
||||
button.setAttribute("title", title);
|
||||
button.innerHTML = this.editorIcon[icon];
|
||||
toolbar.append(button);
|
||||
button.onclick = (e: Event) => {
|
||||
message.content.event = e as XULEvent;
|
||||
message.content.editorInstance = editorInstances;
|
||||
this._Addon.events.onEditorEvent(message);
|
||||
};
|
||||
}
|
||||
|
||||
changeEditorButton(button: Element, icon: string, title: string) {
|
||||
button.innerHTML = this.editorIcon[icon];
|
||||
button.setAttribute("title", title);
|
||||
}
|
||||
|
||||
showProgressWindow(
|
||||
|
|
|
|||
|
|
@ -127,6 +127,7 @@ declare const Zotero: {
|
|||
set: (key: string, value: any) => any;
|
||||
};
|
||||
Reader: Reader;
|
||||
Notes: Notes;
|
||||
Notero: import("../src/Notero");
|
||||
};
|
||||
|
||||
|
|
@ -154,9 +155,27 @@ declare class Reader {
|
|||
declare class ReaderObj {
|
||||
[attr: string]: any;
|
||||
itemID: number;
|
||||
_iframeWindow: Window;
|
||||
_iframeWindow: XULWindow;
|
||||
}
|
||||
|
||||
declare class EditorInstance {
|
||||
_iframeWindow: XULWindow;
|
||||
_item: ZoteroItem;
|
||||
_initPromise: Promise
|
||||
}
|
||||
|
||||
declare class Notes {
|
||||
_editorInstances: EditorInstance[];
|
||||
registerEditorInstance: (instance: EditorInstance) => void;
|
||||
// custom
|
||||
_registerEditorInstance?: (instance: EditorInstance) => void;
|
||||
}
|
||||
|
||||
declare const ZoteroContextPane: {
|
||||
[attr: string]: any;
|
||||
getActiveEditor: () => EditorInstance;
|
||||
};
|
||||
|
||||
declare class Annotation {
|
||||
text: string;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -69,3 +69,7 @@ declare class ClassList {
|
|||
declare class XULEvent extends Event {
|
||||
public target: XUL.Element;
|
||||
}
|
||||
|
||||
declare class XULWindow extends Window {
|
||||
public document: XMLDocument;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue