Excalidraw support discussion

[iceprosurface]

I want to add excalidraw support for quartz.

I made a plugin for setup excalidraw.

https://github.com/iceprosurface/quartz-excalidraw-plugin

And add Integration to quartz

iceprosurface/quartz-blog@44fc388

Demo:

https://next.iceprosurface.com/%E7%9F%A5%E8%AF%86%E5%BA%93/%E6%B8%B8%E6%88%8F%E5%BC%80%E5%8F%91/%E8%83%8C%E5%8C%85%E5%8A%9F%E8%83%BD%E9%80%BB%E8%BE%91.excalidraw

Currently, the integration method feels very cumbersome. Is there a better approach to directly embed it within Quartz?

[iceprosurface]

Excalidraw is very large, with the source code being over 1MB. I don't want to directly inline it in postscript.js.

[jackyzha0]

We can try lazily instantiating it with the data it needs? This is what we do with mermaid for example

[iceprosurface]

I understand. It might be a better approach to first build an Excalidraw specifically for quartz and publish it to npm. Using upkg to asynchronously fetch the script could be a better option. Additionally, you must export a plugin to handle transform and emits.

Since the default API provided by Excalidraw does not perfectly match the data format of the obsidian-excalidraw-plugin, and the UI also needs some customization, it’s a bit troublesome that Quartz does not seem to support using Preact in inline scripts.

I'll push an implementation on Sunday and give it a try.