Function to add edges in Tiddlymap

[Justin B]

Hello lovely Tiddler Touters,

I was wondering if anyone was familiar enough with Tiddlymap to know of a way to programmatically generate connections between tiddlers. I am looking for a way where I can select a to, from, and connection type tiddler from drop-downs and then add the new connection with a button mimicking the functionality of the "Add Edge" button in the map view. 

Thanks,

Justin

[TonyM]

Justin,

I am not so familiar with tiddlymap but by creating an edge in the map from one tiddler to another I can see that the field tmap.edges: is updated in the tiddler with reference to tmap.id: of the tiddler it connects to and with the relationship name.

As with almost anything in tiddlywiki you can reverse engineer a solution, then build your own connecting methods to almost any plugin or solution out there. Of course someone may have done something similar before and be able to push you forward. 

In this case it would be a matter of simply understanding the format to use and updating a given tiddlers tmap.edges field as required. 

An important fact is that even if you build a process to update multiple tiddlers with edge definitions you will still need to trigger this with a button.

Best of luck

Tony

[Felix Küppers]

Hi Justin,

what Tony says is correct and this is truly the power of TiddlyWiki that you can influence the behaviour of other plugins by simply updating the field values that the plugin uses or depends on.

However in case of TiddlyMap, there is also a simple API you can use to programmatically create connections:

See my comment here: https://github.com/felixhayashi/TW5-TiddlyMap/issues/292#issuecomment-408828495

Also see this code: https://github.com/felixhayashi/TW5-TiddlyMap/blob/master/src/plugins/felixhayashi/tiddlymap/js/widget/MapWidget.js#L254

        const view = $tm.misc.defaultViewLabel;

        const n1 = $tm.adapter.insertNode({ label: 'Have fun with', x: 0, y: 0 }, view);
        const n2 = $tm.adapter.insertNode({ label: 'TiddlyMap!!', x: 100, y: 100 }, view);

        $tm.adapter.insertEdge({ from: n1.id, to: n2.id });

Hope this helps

Best wishes

--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/7af1c895-a0e6-4ac8-9816-34b9f414f5dd%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[TonyM]

Felix,

Would there be someway to make this api accessible through a widget or macro so we need not enter the javascript realm to do this?

This has in part being why I shied away from the fantastic tiddlymap because I am always building my own bespoke data structures and until I can transfer these into tiddlymap using methods I understand I am not keen to manually move data into tiddlymap representations. TiddlyMap is a key visualisation tool for TiddlyWiki so thanks for your work, but for some their is still a barrier to adoption, which I doubt would be hard for you to remove.

I can imagine the ability to take a toc or tags structure and convert it to a tiddlymap either with a default connector, or one based on another tag or field value.

Regards

Tony

To post to this group, send email to tidd...@googlegroups.com.

[Felix Küppers]

Hi Tony,

many thanks for your kind words.

I can imagine the ability to take a toc or tags structure and convert it to a tiddlymap either with a default connector, or one based on another tag or field value.

I think I already removed this barrier a few years ago but it is somewhat hidden in the docs :)

With tiddlymap you can either use the "tiddlymap style" for connecting tiddlers, which are then stored in a "tmap.edges" field...

...OR you can use "magic edgetypes" (back then I thought the name was kinda cool) to rely on the linking abilities of TiddlyWiki alone (which are prone to break over time as links are not using unique ids).

This is the github ticket I am talking about: https://github.com/felixhayashi/TW5-TiddlyMap/issues/148

Here is a quote from the ticket description → "Magic Edge-Type Namespaces are now implemented for saving edges into custom fields. This is useful when using other Plugins that use fields that point to other tiddlers (see #129). Also it is now possible to create tags by drawing edges (also deletion)."

Best regards

Felix

To post to this group, send email to tiddl...@googlegroups.com.

Visit this group at https://groups.google.com/group/tiddlywiki.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/44e40e2f-2b62-478d-981b-73e046117dca%40googlegroups.com.

[Justin B]

Tony, and Felix,

 

Thank you for the information! I am working on using Felix's example to create a javascript function I can call with two preexisting nodes and an existing type selected from a list. I will post my solution when I have it but wanted to say thank you first!

 

Also Felix, I really wasn't expecting the person who actually made TiddlyMap to respond. You and your creation are amazing! Danke schön!

 

Thanks,

 

Justin

[Felix Küppers]

You are welcome :) and many thanks for your compliments.

Best regards

Felix

To post to this group, send email to tiddl...@googlegroups.com.

Visit this group at https://groups.google.com/group/tiddlywiki.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/6a8c6ca0-2d7a-4ebe-a819-0362586aa995%40googlegroups.com.