Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-07-28 10:32:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(canvas): loading of fonts under dev mode

Browse Source
This commit is contained in:
Elian Doran 2025-06-11 19:27:56 +03:00
parent 65f9b1c4ef
commit 89d32db601
No known key found for this signature in database
3 changed files with 24 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/client/src/types-assets.d.ts vendored
View File

@ -3,7 +3,7 @@ declare module "*.png" {
export default path; export default path;
} }
declare module "@triliumnext/ckeditor5/emoji_definitions/en.json?url" { declare module "*?url" {
var path: string; var path: string;
export default path; export default path;
} }

2
apps/client/src/types.d.ts vendored
View File

@ -57,6 +57,8 @@ declare global {
process?: ElectronProcess; process?: ElectronProcess;
glob?: CustomGlobals; glob?: CustomGlobals;
EXCALIDRAW_ASSET_PATH?: string;
} }
interface AutoCompleteConfig { interface AutoCompleteConfig {

25
apps/client/src/widgets/type_widgets/canvas.ts
View File

@ -113,10 +113,6 @@ export default class ExcalidrawTypeWidget extends TypeWidget {
constructor() { constructor() {
super(); super();
// currently required by excalidraw, in order to allows self-hosting fonts locally.
// this avoids making excalidraw load the fonts from an external CDN.
(window as any).EXCALIDRAW_ASSET_PATH = `${window.location.pathname}/node_modules/@excalidraw/excalidraw/dist/prod`;
// temporary vars // temporary vars
this.currentNoteId = ""; this.currentNoteId = "";
@ -187,6 +183,8 @@ export default class ExcalidrawTypeWidget extends TypeWidget {
this.saveData(); this.saveData();
}, },
}); });
await setupFonts();
this.canvasInstance.renderCanvas(renderElement); this.canvasInstance.renderCanvas(renderElement);
} }
@ -377,3 +375,22 @@ export default class ExcalidrawTypeWidget extends TypeWidget {
} }
} }
async function setupFonts() {
if (window.EXCALIDRAW_ASSET_PATH) {
return;
}
// currently required by excalidraw, in order to allows self-hosting fonts locally.
// this avoids making excalidraw load the fonts from an external CDN.
let path: string;
if (!glob.isDev) {
path = `${window.location.pathname}/node_modules/@excalidraw/excalidraw/dist/prod`;
} else {
path = (await import("../../../node_modules/@excalidraw/excalidraw/dist/prod/fonts/Excalifont/Excalifont-Regular-a88b72a24fb54c9f94e3b5fdaa7481c9.woff2?url")).default;
let pathComponents = path.split("/");
path = pathComponents.slice(0, pathComponents.length - 2).join("/");
}
window.EXCALIDRAW_ASSET_PATH = path;
}