| Author | @zsviczian |
| Source | File on GitHub |
| Description | Draw a UI and let GPT create the code for you. |
| Author | @zsviczian |
| Source | File on GitHub |
| Description | Various AI features based on GPT Vision. |
| Author | @zsviczian |
| Source | File on GitHub |
| Description | Draw a UI and let GPT create the code for you. |
| Author | @zsviczian |
| Source | File on GitHub |
| Description | This script was discontinued in favor of ExcaliAI. Draw a UI and let GPT create the code for you. |
{image, text, instruction, systemPrompt}undefined the message to OpenAI will not include a system promptexcalidraw- or ea. with function description as hints on the individual items in the list.",
+ STARTUP_SCRIPT_NAME: "Startup script",
+ STARTUP_SCRIPT_DESC:
+ "If set, excalidraw will execute the script at plugin startup. This is useful if you want to set any of the Excalidraw Automate hooks. The startup script is a markdown file " +
+ "that should contain the javascript code you want to execute when Excalidraw starts.",
+ STARTUP_SCRIPT_BUTTON: "Create startup script",
+ STARTUP_SCRIPT_EXISTS: "Startup script file already exists",
FILETYPE_NAME: "Display type (✏️) for excalidraw.md files in File Explorer",
FILETYPE_DESC:
"Excalidraw files will receive an indicator using the emoji or text defined in the next setting.",
@@ -574,6 +606,7 @@ FILENAME_HEAD: "Filename",
RELOAD: "Reload original link",
OPEN_IN_BROWSER: "Open current link in browser",
PROPERTIES: "Properties",
+ COPYCODE: "Copy source to clipboard",
//EmbeddableSettings.tsx
ES_TITLE: "Embeddable Element Settings",
diff --git a/src/lang/locale/zh-cn.ts b/src/lang/locale/zh-cn.ts
index 487f90c..111b4e8 100644
--- a/src/lang/locale/zh-cn.ts
+++ b/src/lang/locale/zh-cn.ts
@@ -3,7 +3,7 @@ import {
FRONTMATTER_KEY_CUSTOM_LINK_BRACKETS,
FRONTMATTER_KEY_CUSTOM_PREFIX,
FRONTMATTER_KEY_CUSTOM_URL_PREFIX,
-} from "src/constants";
+} from "src/constants/constants";
import { labelALT, labelCTRL, labelMETA, labelSHIFT } from "src/utils/ModifierkeyHelper";
// 简体中文
diff --git a/src/main.ts b/src/main.ts
index 7a334e0..eae0f6d 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -41,11 +41,11 @@ import {
EXPORT_IMG_ICON_NAME,
EXPORT_IMG_ICON,
LOCALE,
-} from "./constants";
+} from "./constants/constants";
import {
VIRGIL_FONT,
VIRGIL_DATAURL,
-} from "./constFonts";
+} from "./constants/constFonts";
import ExcalidrawView, { TextMode, getTextMode } from "./ExcalidrawView";
import {
changeThemeOfExcalidrawMD,
@@ -116,13 +116,14 @@ import { ExportDialog } from "./dialogs/ExportDialog";
import { UniversalInsertFileModal } from "./dialogs/UniversalInsertFileModal";
import { imageCache } from "./utils/ImageCache";
import { StylesManager } from "./utils/StylesManager";
-import { MATHJAX_SOURCE_LZCOMPRESSED } from "./constMathJaxSource";
+import { MATHJAX_SOURCE_LZCOMPRESSED } from "./constants/constMathJaxSource";
import { PublishOutOfDateFilesDialog } from "./dialogs/PublishOutOfDateFiles";
import { EmbeddableSettings } from "./dialogs/EmbeddableSettings";
import { processLinkText } from "./utils/CustomEmbeddableUtils";
import { getEA } from "src";
import { ExcalidrawImperativeAPI } from "@zsviczian/excalidraw/types/types";
import { Mutable } from "@zsviczian/excalidraw/types/utility-types";
+import { CustomMutationObserver, durationTreshold, isDebugMode } from "./utils/DebugHelper";
declare const EXCALIDRAW_PACKAGES:string;
declare const react:any;
@@ -148,12 +149,12 @@ export default class ExcalidrawPlugin extends Plugin {
linkText: null,
sourcePath: null,
};
- private observer: MutationObserver;
- private themeObserver: MutationObserver;
- private fileExplorerObserver: MutationObserver;
- private modalContainerObserver: MutationObserver;
- private workspaceDrawerLeftObserver: MutationObserver;
- private workspaceDrawerRightObserver: MutationObserver;
+ private observer: MutationObserver | CustomMutationObserver;
+ private themeObserver: MutationObserver | CustomMutationObserver;
+ private fileExplorerObserver: MutationObserver | CustomMutationObserver;
+ private modalContainerObserver: MutationObserver | CustomMutationObserver;
+ private workspaceDrawerLeftObserver: MutationObserver | CustomMutationObserver;
+ private workspaceDrawerRightObserver: MutationObserver | CustomMutationObserver;
public opencount: number = 0;
public ea: ExcalidrawAutomate;
//A master list of fileIds to facilitate copy / paste
@@ -203,6 +204,38 @@ export default class ExcalidrawPlugin extends Plugin {
return {react:r, reactDOM:rd, excalidrawLib:e};
}
+ public registerEvent(event: any) {
+ if(!isDebugMode) {
+ super.registerEvent(event);
+ return;
+ }
+
+ const originalHandler = event.fn;
+
+ // Wrap the original event handler
+ const wrappedHandler = async (...args: any[]) => {
+ const startTime = performance.now(); // Get start time
+
+ // Invoke the original event handler
+ const result = await originalHandler(...args);
+
+ const endTime = performance.now(); // Get end time
+ const executionTime = endTime - startTime;
+
+ if(executionTime > durationTreshold) {
+ console.log(`Excalidraw Event '${event.name}' took ${executionTime}ms to execute`);
+ }
+
+ return result;
+ };
+
+ // Replace the original event handler with the wrapped one
+ event.fn = wrappedHandler;
+
+ // Register the modified event
+ super.registerEvent(event);
+ }
+
async onload() {
addIcon(ICON_NAME, EXCALIDRAW_ICON);
addIcon(SCRIPTENGINE_ICON_NAME, SCRIPTENGINE_ICON);
@@ -228,6 +261,7 @@ export default class ExcalidrawPlugin extends Plugin {
this.experimentalFileTypeDisplayToggle(this.settings.experimentalFileType);
this.registerCommands();
this.registerEventListeners();
+ this.runStartupScript();
this.initializeFourthFont();
this.registerEditorSuggest(new FieldSuggester(this));
@@ -380,65 +414,6 @@ export default class ExcalidrawPlugin extends Plugin {
});
}
-/* public loadMathJax() {
- const self = this;
- this.app.workspace.onLayoutReady(async () => {
- //loading Obsidian MathJax as fallback
- await loadMathJax();
- //@ts-ignore
- try {
- if(self.mathjaxDiv) {
- document.body.removeChild(self.mathjaxDiv);
- self.mathjax = null;
- self.mathjaxLoaderFinished = false;
- }
- self.mathjaxDiv = document.body.createDiv();
- self.mathjaxDiv.title = "Excalidraw MathJax Support";
- self.mathjaxDiv.style.display = "none";
-
- const iframe = self.mathjaxDiv.createEl("iframe");
- iframe.title = "Excalidraw MathJax Support";
- const doc = iframe.contentWindow.document;
-
- const script = doc.createElement("script");
- script.type = "text/javascript";
- script.onload = () => {
- const win = iframe.contentWindow;
- //@ts-ignore
- win.MathJax.startup.pagePromise.then(async () => {
- //https://github.com/xldenis/obsidian-latex/blob/master/main.ts
- const file = this.app.vault.getAbstractFileByPath("preamble.sty");
- const preamble: string =
- file && file instanceof TFile
- ? await this.app.vault.read(file)
- : null;
- try {
- if (preamble) {
- //@ts-ignore
- await win.MathJax.tex2svg(preamble);
- }
- } catch (e) {
- errorlog({
- where: self.loadMathJax,
- description: "Unexpected error while loading preamble.sty",
- error: e,
- });
- }
- //@ts-ignore
- self.mathjax = win.MathJax;
- self.mathjaxLoaderFinished = true;
- });
- };
- script.src = "data:text/javascript;base64," + decompressFromBase64(MATHJAX_SOURCE_LZCOMPRESSED); //self.settings.mathjaxSourceURL; // "https://cdn.jsdelivr.net/npm/mathjax@3.2.2/es5/tex-svg.js";
- //script.src = MATHJAX_DATAURL;
- doc.head.appendChild(script);
- } catch {
- new Notice("Excalidraw: Error initializing LaTeX support");
- self.mathjaxLoaderFinished = true;
- }
- });
- }*/
-
private switchToExcalidarwAfterLoad() {
const self = this;
this.app.workspace.onLayoutReady(() => {
@@ -668,19 +643,22 @@ export default class ExcalidrawPlugin extends Plugin {
* Displays a transcluded .excalidraw image in markdown preview mode
*/
private addMarkdownPostProcessor() {
- initializeMarkdownPostProcessor(this);
- this.registerMarkdownPostProcessor(markdownPostProcessor);
+ const self = this;
+ this.app.workspace.onLayoutReady(() => {
+ initializeMarkdownPostProcessor(self);
+ self.registerMarkdownPostProcessor(markdownPostProcessor);
- // internal-link quick preview
- this.registerEvent(this.app.workspace.on("hover-link", hoverEvent));
+ // internal-link quick preview
+ self.registerEvent(self.app.workspace.on("hover-link", hoverEvent));
- //monitoring for div.popover.hover-popover.file-embed.is-loaded to be added to the DOM tree
- this.observer = observer;
- this.observer.observe(document, { childList: true, subtree: true });
+ //monitoring for div.popover.hover-popover.file-embed.is-loaded to be added to the DOM tree
+ self.observer = observer;
+ self.observer.observe(document.body, { childList: true, subtree: false });
+ });
}
private addThemeObserver() {
- this.themeObserver = new MutationObserver(async (m: MutationRecord[]) => {
+ const themeObserverFn:MutationCallback = async (m: MutationRecord[]) => {
if (!this.settings.matchThemeTrigger) {
return;
}
@@ -703,7 +681,12 @@ export default class ExcalidrawPlugin extends Plugin {
excalidrawView.setTheme(theme);
}
});
- });
+ };
+
+ this.themeObserver = isDebugMode
+ ? new CustomMutationObserver(themeObserverFn, "themeObserver")
+ : new MutationObserver(themeObserverFn);
+
this.themeObserver.observe(document.body, {
attributeOldValue: true,
attributeFilter: ["class"],
@@ -748,25 +731,32 @@ export default class ExcalidrawPlugin extends Plugin {
}
};
- this.fileExplorerObserver = new MutationObserver((m) => {
- const mutationsWithNodes = m.filter((v) => v.addedNodes.length > 0);
- mutationsWithNodes.forEach((mu) => {
- mu.addedNodes.forEach((n) => {
- if (!(n instanceof Element)) {
+ const fileExplorerObserverFn:MutationCallback = (mutationsList) => {
+ const mutationsWithNodes = mutationsList.filter((mutation) => mutation.addedNodes.length > 0);
+ mutationsWithNodes.forEach((mutationNode) => {
+ mutationNode.addedNodes.forEach((node) => {
+ if (!(node instanceof Element)) {
return;
}
- n.querySelectorAll(".nav-file-title").forEach(insertFiletype);
+ node.querySelectorAll(".nav-file-title").forEach(insertFiletype);
});
});
- });
+ };
+
+ this.fileExplorerObserver = isDebugMode
+ ? new CustomMutationObserver(fileExplorerObserverFn, "fileExplorerObserver")
+ : new MutationObserver(fileExplorerObserverFn);
const self = this;
this.app.workspace.onLayoutReady(() => {
document.querySelectorAll(".nav-file-title").forEach(insertFiletype); //apply filetype to files already displayed
- self.fileExplorerObserver.observe(document.querySelector(".workspace"), {
- childList: true,
- subtree: true,
- });
+ const container = document.querySelector(".nav-files-container");
+ if (container) {
+ self.fileExplorerObserver.observe(container, {
+ childList: true,
+ subtree: true,
+ });
+ }
});
}
@@ -1931,6 +1921,30 @@ export default class ExcalidrawPlugin extends Plugin {
);
}
+ private runStartupScript() {
+ if(!this.settings.startupScriptPath || this.settings.startupScriptPath === "") {
+ return;
+ }
+ const self = this;
+ this.app.workspace.onLayoutReady(async () => {
+ const path = self.settings.startupScriptPath.endsWith(".md")
+ ? self.settings.startupScriptPath
+ : `${self.settings.startupScriptPath}.md`;
+ const f = self.app.vault.getAbstractFileByPath(path);
+ if (!f || !(f instanceof TFile)) {
+ new Notice(`Startup script not found: ${path}`);
+ return;
+ }
+ const script = await self.app.vault.read(f);
+ const AsyncFunction = Object.getPrototypeOf(async () => {}).constructor;
+ try {
+ await new AsyncFunction("ea", script)(self.ea);
+ } catch (e) {
+ new Notice(`Error running startup script: ${e}`);
+ }
+ });
+ }
+
private popScope: Function = null;
private registerEventListeners() {
const self = this;
@@ -2296,20 +2310,22 @@ export default class ExcalidrawPlugin extends Plugin {
);
//The user clicks settings, or "open another vault", or the command palette
- this.modalContainerObserver = new MutationObserver(
- async (m: MutationRecord[]) => {
- if (
- m.length !== 1 ||
- m[0].type !== "childList" ||
- m[0].addedNodes.length !== 1 ||
- !this.activeExcalidrawView ||
- !this.activeExcalidrawView.semaphores.dirty
- ) {
- return;
- }
- this.activeExcalidrawView.save();
- },
- );
+ const modalContainerObserverFn: MutationCallback = async (m: MutationRecord[]) => {
+ if (
+ (m.length !== 1) ||
+ (m[0].type !== "childList") ||
+ (m[0].addedNodes.length !== 1) ||
+ (!this.activeExcalidrawView) ||
+ (!this.activeExcalidrawView.semaphores.dirty)
+ ) {
+ return;
+ }
+ this.activeExcalidrawView.save();
+ };
+
+ this.modalContainerObserver = isDebugMode
+ ? new CustomMutationObserver(modalContainerObserverFn, "modalContainerObserver")
+ : new MutationObserver(modalContainerObserverFn);
this.modalContainerObserver.observe(document.body, {
childList: true,
});
@@ -2338,12 +2354,16 @@ export default class ExcalidrawPlugin extends Plugin {
};
if (leftWorkspaceDrawer) {
- this.workspaceDrawerLeftObserver = new MutationObserver(action);
+ this.workspaceDrawerLeftObserver = isDebugMode
+ ? new CustomMutationObserver(action, "slidingDrawerLeftObserver")
+ : new MutationObserver(action);
this.workspaceDrawerLeftObserver.observe(leftWorkspaceDrawer, options);
}
if (rightWorkspaceDrawer) {
- this.workspaceDrawerRightObserver = new MutationObserver(action);
+ this.workspaceDrawerRightObserver = isDebugMode
+ ? new CustomMutationObserver(action, "slidingDrawerRightObserver")
+ : new MutationObserver(action);
this.workspaceDrawerRightObserver.observe(
rightWorkspaceDrawer,
options,
diff --git a/src/menu/ActionIcons.tsx b/src/menu/ActionIcons.tsx
index efe5542..d288285 100644
--- a/src/menu/ActionIcons.tsx
+++ b/src/menu/ActionIcons.tsx
@@ -1,4 +1,4 @@
-import { Cog, Globe, RotateCcw, Scan, Settings } from "lucide-react";
+import { Copy, Globe, RotateCcw, Scan, Settings } from "lucide-react";
import * as React from "react";
import { PenStyle } from "src/PenTypes";
@@ -27,6 +27,7 @@ export const ICONS = {
),
Reload: (