holxsam / tldraw-in-obsidian

A plugin to integrate Tldraw into Obsidian.

About Me

Hey I'm Sam and I'm a Typescript and React Developer. Take a look at some of my work and if you want to build something together, let me know!

Projects

Here's a preview of some of my work.

Palygon [website] WORK IN PROGRESS

A website dedicated to the game Palworld.

Yotei [website] [code]

A web app to enhance the experience of arranging class schedules for CSULB students.

2023-08-28_11-49-47.mp4

Tldraw in Obsidian [code]

A plugin enables the use of Tldraw (an infinite whiteboard) into Obsidian (a markdown note app).

2023-08-28_12-21-42.mp4

tldraw-in-obsidian's Issues

Tool menu in upper right does not require clicking to select color

When I use my wacom one pen tablet and go to select a color from the palette, after I click one color any other color I "mouse over" with my Pen hovering over the tablet gets selected.

Workaround: Click color, lift up pen so it does not move the cursor, put pen somewhere else on the screen.

Would be happy to see this fixed! I liked the excalidraw plugin, but it came with too many downsides. I hope this plugin grows into a much more usable plugin! :)

Command to embed into current document

When inside a file add a command to:
create a new TlDraw document, while placing a link at the current cursor position.
If possible name the TlDraw document using the current file's name.

Release on Community Plugins

This plugin is awesome.
When will it be listed in the Community Plugins?
What's the process to get there? I'm new to Obsidian but if there something I can do to help the process, some pointers would help.

[FR] Change toolbar position

Hi, finding this addon has greatly improved my workflow. It would be neat to be able to change where the toolbar is placed and be able to choose between all four sides (top, bottom, left, right).

Coming from excalidraw, I've gotten used to the toolbar being on the top. Cheers

Can't copy and past tldraw-web ↔ tldraw-obsidian

Currently, the tldraw-obsidian plugin does not allow sharing whiteboard with others, so I need to migrate tldraw-web content to my personal tldraw-obsidian area.

However, when I copy and paste the content from tldraw-web into tldraw-obsidian, there is no content pasted into the obsidian whiteboard area.
Nor I can't copy content from tldraw-obsidian to tldraw-web for the same reason.

Is there any way to copy and paste from one to the other or is this an issue that will be resolved once the obsidian plugin is updated?

Great addition

Hi

This is great, thanks for deveolping it.

couple FRs

• black pen color in the dark mode
• ability to extend the range of pressure sensitivity, the lowest thickness feels still to thick for emulating ink pens for instance
• ability to change the aspect ratio of the notes, they are squares only now

thanks

Ability to import an exported .tldr file

I have some .tldr files that I'd love to be able to import to Obsidian via this plugin.

Issues with Dark Mode Persistence and Importing from tldraw.com in tldraw

Issues with Dark Mode Persistence and Importing from tldraw.com in tldraw Extension

Hello tldraw-in-obsidian Team,

I want to express my appreciation for your work on the tldraw extension. It's a fantastic tool. However, I've encountered a couple of issues that I'd like to bring to your attention:

1. Dark Mode Setting Not Persisting

Issue Description:

• Every time I reopen the extension, it defaults back to light mode, even though I had set it to dark mode in the previous session.

Expected Behavior:

• It would be great if the dark mode setting could persist across sessions, saving the need to change it every time I reopen the extension.

2. Challenges with Importing from tldraw.com

Issue Description:

• Currently, I am unable to paste content directly from the standard tldraw.com website into the tldraw extension. Also, there seems to be no option to upload files directly into the extension.

Expected Behavior:

• Having the ability to paste or import content from tldraw.com directly into the extension would greatly enhance its usability and streamline the workflow.

I hope these issues can be addressed in future updates. Thank you again for your hard work and dedication to this project.

Installation instructions are outdated

The installation instructions offer BRAT as the easy way, but the plugin is in the plugin store now.

Edit drawing with another editor

Would be useful to edit the TLDraw files generated by this plugin in TLDraw itself or programs that can edit this file (like in vscode with the plugin). Perhaps instead of directly embedding the JSON, it could store the path to a tldraw file?

Thanks a lot

this plugin is awesome for me , thanks a lot !!!
🌹🌹🌹

Embed shows souce json code

If I embed tldraw file on the note, it shows raw json source, not the tldraw canvas. Is there any way to show embeded canvas like excalidraw?

tldraw embed

excalidraw embed

Conflict with other Plugins

Im having conflicts with other plugins that shows an error EVERY TIME I change something in a drawing. I am not knowledgeable enought to give you a hint on how to solve this.

Write me if i can help in some way tho.

Omnisearch: Error while adding "tldraw/Tldraw 2023-08-21 10.13AM.md" to live cache TypeError: Cannot read properties of undefined (reading 'getFiles')
    at Md (plugin:omnisearch:40:1968)
    at Ga.addToLiveCache (plugin:omnisearch:42:948)
    at eval (plugin:omnisearch:49:6264)
    at e.tryTrigger (app.js:1:832397)
    at e.trigger (app.js:1:832330)
    at t.trigger (app.js:1:1031330)
    at t.onChange (app.js:1:1021835)
    at e.trigger (app.js:1:611644)
    at e.<anonymous> (app.js:1:609455)
    at app.js:1:236930

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'format')
    at getDateFromFile (plugin:calendar:131:46)
    at CalendarView.onFileModified (plugin:calendar:4302:22)
    at e.tryTrigger (app.js:1:832397)
    at e.trigger (app.js:1:832330)
    at t.trigger (app.js:1:1031330)
    at t.onChange (app.js:1:1021835)
    at e.trigger (app.js:1:611644)
    at e.<anonymous> (app.js:1:609455)
    at app.js:1:236930
    at Object.next (app.js:1:237035)

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'getMarkdownFiles')
    at ObsidianTaskAdapter.generateTasksList (plugin:tasks-calendar-wrapper:36298:29)
    at _TasksTimelineView.onReloadTasks (plugin:tasks-calendar-wrapper:36514:13)
    at e.tryTrigger (app.js:1:832397)
    at e.trigger (app.js:1:832330)
    at t.trigger (app.js:1:1715574)
    at e.onStop (app.js:1:1708496)
    at e.stop (app.js:1:1144875)
    at e.<anonymous> (app.js:1:1145848)
    at app.js:1:236930
    at Object.next (app.js:1:237035)

Failed to load

I cloned the repository as described to /.obsidian/plugins/, but when I tried to enable it, I got “Failed to load plugin” on obsidian mobile.

Inline drawing in Markdown file

Hi, is it possible to create such a drawing and embed it into a markdown note?

Touch produces penstroke in pen mode

In contrast to the behavior on tldraw.com, when I touch the screen with one finger in pen mode, a stroke is created. This is counterproductive when I want to use a stylus for writing/drawing because stray strokes are created when palm rejection doesn't work or while I'm trying to zoom around the canvas.

Might be related to #5.

Hardware eraser support

I have a Wacom AES panel and a Wacom Bamboo Ink (Gen 2) pen. On tldraw.com, the hardware eraser button works flawlessly, while it doesn't in Obsidian.

Expected behavior: While holding down the button in pen mode, the eraser should be active.

Actual behavior: A penstroke is created.