@@ -268,7 +269,7 @@ export class ObsidianMenu {
insertFileModal.open();
}}
>
-
+
{ICONS["add-file"]}
diff --git a/src/utils/CanvasNodeFactory.ts b/src/utils/CanvasNodeFactory.ts
new file mode 100644
index 0000000..4c05eeb
--- /dev/null
+++ b/src/utils/CanvasNodeFactory.ts
@@ -0,0 +1,88 @@
+/*
+l = app.workspace.activeLeaf
+canvas = app.internalPlugins.plugins["canvas"].views.canvas(l)
+f = app.vault.getAbstractFileByPath("Daily Notes/2022-03-18 Friday.md")
+node = canvas.canvas.createFileNode({pos: {x:0,y:0}, file:f, subpath: "#Work", save: false})
+node.setFilePath("Daily Notes/2022-03-18 Friday.md","#Work");
+node.render();
+container.appendChild(node.contentEl)
+*/
+
+import { TFile, WorkspaceLeaf, WorkspaceSplit } from "obsidian";
+import ExcalidrawView from "src/ExcalidrawView";
+import { getContainerForDocument, ConstructableWorkspaceSplit } from "./ObsidianUtils";
+
+declare module "obsidian" {
+ interface Workspace {
+ floatingSplit: any;
+ }
+
+ interface WorkspaceSplit {
+ containerEl: HTMLDivElement;
+ }
+}
+
+interface ObsidianCanvas {
+ createFileNode: Function;
+ removeNode: Function;
+}
+
+interface ObsidianCanvasNode {
+ startEditing: Function;
+ child: any;
+}
+
+export class CanvasNodeFactory {
+ leaf: WorkspaceLeaf;
+ canvas: ObsidianCanvas;
+ nodes = new Map
();
+
+ constructor(
+ private view: ExcalidrawView,
+ ) {
+ }
+
+ public async initialize() {
+ //@ts-ignore
+ const canvasPlugin = app.internalPlugins.plugins["canvas"];
+
+ if(!canvasPlugin._loaded) {
+ await canvasPlugin.load();
+ }
+ const doc = this.view.ownerDocument;
+ const rootSplit:WorkspaceSplit = new (WorkspaceSplit as ConstructableWorkspaceSplit)(app.workspace, "vertical");
+ rootSplit.getRoot = () => app.workspace[doc === document ? 'rootSplit' : 'floatingSplit'];
+ rootSplit.getContainer = () => getContainerForDocument(doc);
+ this.leaf = app.workspace.createLeafInParent(rootSplit, 0);
+ this.canvas = canvasPlugin.views.canvas(this.leaf);
+ }
+
+ public createFileNote(file: TFile, subpath: string, containerEl: HTMLDivElement, elementId: string) {
+ const node = this.canvas.createFileNode({pos: {x:0,y:0}, file, subpath, save: false});
+ node.setFilePath(file.path,subpath);
+ node.render();
+ containerEl.style.background = "var(--background-primary)";
+ containerEl.appendChild(node.contentEl)
+ this.nodes.set(elementId, node);
+ }
+
+ public startEditing(elementId: string, theme: string) {
+ const node = this.nodes.get(elementId);
+ if(!node) return;
+ node.startEditing();
+ node.child.editor.containerEl.parentElement.parentElement.removeClass("theme-light");
+ node.child.editor.containerEl.parentElement.parentElement.removeClass("theme-dark");
+ node.child.editor.containerEl.parentElement.parentElement.addClass(theme);
+ }
+
+ public stopEditing(elementId: string) {
+ }
+
+ public purgeNodes() {
+ this.nodes.forEach(node => {
+ this.canvas.removeNode(node);
+ });
+ this.nodes.clear();
+ }
+}
+
\ No newline at end of file
diff --git a/src/utils/ExcalidrawViewUtils.ts b/src/utils/ExcalidrawViewUtils.ts
index a6b7444..b825a42 100644
--- a/src/utils/ExcalidrawViewUtils.ts
+++ b/src/utils/ExcalidrawViewUtils.ts
@@ -7,7 +7,7 @@ import { ExcalidrawAutomate } from "src/ExcalidrawAutomate";
export const insertImageToView = async (
ea: ExcalidrawAutomate,
position: { x: number, y: number },
- file: TFile,
+ file: TFile | string,
scale?: boolean,
):Promise => {
ea.clear();
diff --git a/src/utils/ObsidianUtils.ts b/src/utils/ObsidianUtils.ts
index 02b6fbb..3f34ded 100644
--- a/src/utils/ObsidianUtils.ts
+++ b/src/utils/ObsidianUtils.ts
@@ -1,7 +1,7 @@
import { main } from "@popperjs/core";
import {
App,
- normalizePath, Notice, WorkspaceLeaf
+ normalizePath, Notice, Workspace, WorkspaceLeaf, WorkspaceSplit
} from "obsidian";
import { DEVICE } from "src/Constants";
import ExcalidrawPlugin from "../main";
@@ -189,3 +189,14 @@ export const getAttachmentsFolderAndFilePath = async (
};
export const isObsidianThemeDark = () => document.body.classList.contains("theme-dark");
+
+export type ConstructableWorkspaceSplit = new (ws: Workspace, dir: "horizontal"|"vertical") => WorkspaceSplit;
+
+export const getContainerForDocument = (doc:Document) => {
+ if (doc !== document && app.workspace.floatingSplit) {
+ for (const container of app.workspace.floatingSplit.children) {
+ if (container.doc === doc) return container;
+ }
+ }
+ return app.workspace.rootSplit;
+};
\ No newline at end of file