[TW5] Tidgraph - New version 0.8.15

[ih...@newsfromgod.com]

Hi,

This is a new version of Tidgraph with the following changes/features:

* New collapse/expand feature
* Add nocollapse attribute to disable collapsing links
* Fix bug with vertical scroll bars appearing
in some cases when they are not needed
* Fix bug which could cause indefinite adding of
functions to onresize event

Let me know if you find any problems and if the collapse/expand
works as expected.


Thanks!

ihm

[Tobias Beer]

Hi ihm,

 

This is a new version of Tidgraph with the following changes/features:

Try to always point at where to find (new) things.

    * New collapse/expand feature

Any demo?

 

    * Add nocollapse attribute to disable collapsing links

I can see that at:

https://ihm4u.github.io/tw5plugs

...but, turns out, I cannot edit tiddlers, neither on your site nor after downloading it.

 

    * Fix bug with vertical scroll bars appearing
      in some cases when they are not needed

I am seeing one right out of the box where I wouldn't expect it, arrows gone:

 

    * Fix bug which could cause indefinite adding of
      functions to onresize event

I am also seeing the arrows disappear when the graph starts scrolling out of view, is that intentional?

Why would they move / change depending on scrolling?

Let me know if you find any problems and if the collapse/expand works as expected.

Would do, haven't seen it at work yet... while unable to edit, except, weirdly, I could add new (editable) tiddlers.

Personally, I would not package any comprehensive documentation or demos into a plugin. That's better placed at your site. I think it's good to try and keep wiki size low for users.

Best wishes,

— tb

[ih...@newsfromgod.com]

Hi Tobias!

>
> Try to always point at where to find (new) things.
>
> * New collapse/expand feature

Ooops...I forgot to add the link, thanks for the reminder.

>
> Any demo?
>

I'll add it to the wiki...

>
>> * Add nocollapse attribute to disable collapsing links
>>
>
> I can see that at:
>
> https://ihm4u.github.io/tw5plugs
>

> ...but, turns out, I cannot edit tiddlers, neither on your side nor after
> downloading it.

hmmm. this is strange, I can edit and do everything in Chrome
(Chromium) version 46 and firefox version 42. What browser are you
using?
What specific error do you get that doesn't let you edit?

BTW, the links inside the nodes are just plain tiddler links, you
can't edit the links in place if that is what you were talking about.

Of course it won't let you save anything back to the server, but you
should be able to edit in your browser

>
>
>> * Fix bug with vertical scroll bars appearing
>> in some cases when they are not needed
>>
>

> I am seeing one right out of the box where I wouldn't expect it:

I think this is also browser dependent, let me know the browser name
and version you are using

>> * Fix bug which could cause indefinite adding of
>> functions to onresize event
>
>
> I am also seeing the arrows disappear when the graph starts scrolling out
> of view, is that intentional?
>

No, they should not dissapear

> Why would they move / change depending on scrolling?
>

I have special code that keeps everything aligned properly during
scroll events,
again I think it has to do with browser version


Thank you so much for your help, I appreciate it.

> Personally, I would not package any comprehensive documentation or
> demos into a plugin. That's better > placed at your site. I think
> it's good to try and keep wiki size low for users.

The plugin is only about 20K. It does not contain a demo or any
comprehensive documentation. I even have minified javascript to make
it so small.

The wiki that you see at ihm4u.github.io/tw5plugs is not the plugin,
but the demo site (which allows you to install the plugin). The actual
plugin is in the repo, and it gets bundled into the demo wiki by the
development environment.


ihm

[Felix Küppers]

Hi ihm,

welcome to the family of graph-plugin programmers :)

Sorry for responding so late. Nice job. It's great that organigrams
embedded in the tiddlers are clickable right away – In TiddlyMap you
need an extra click which is a bit annoying. Also nice idea to collapse
and expand hierarchies.

-Felix

[Tobias Beer]

Hi ihm,

 

What browser are you using?

I tried both latest chrome and ff with:  https://ihm4u.github.io/tw5plugs

 

What specific error do you get that doesn't let you edit?

There was no error. I just had the green marker in edit-mode but could not edit in your codemirror editor.

Now editing is working and so I am able to remove the nocollapse parameter in the main example to test collapsing. Works nicely. :D

BTW, the links inside the nodes are just plain tiddler links, you  
can't edit the links in place if that is what you were talking about.

Nope, I was actually talking about edit mode. ;-)

 

I think this is also browser dependent, let me know the browser name  
and version you are using

That would be latest chrome, 46.xxx.

No, they should not dissapear

All I can say is that when I scroll vertically, the arrows (all at once) start to jump up vertically... only in chrome, not in ff.

The plugin is only about 20K. It does not contain a demo or any comprehensive documentation. 

I even have minified javascript to make it so small.

I'd also be minifying once I start releasing plugins, so that's real nice.

I think I would always chose to keep the  readme short with the most basic param table.

Everything else, all that prose, to me, is for the demo in the documentation wiki.

Meaning: loads of demos => very important, as well as all the details.

The wiki that you see at ihm4u.github.io/tw5plugs is not the plugin,  
but the demo site (which allows you to install the plugin). The actual  
plugin is in the repo, and it gets bundled into the demo wiki by the  
development environment.

I see. Possibly, I was still looking at the older version then owed to caching issues.

 

Best wishes,

— tb

[ih...@newsfromgod.com]

Hi Tobias,

> I tried both latest chrome and ff with: https://ihm4u.github.io/tw5plugs

> <https://www.google.com/url?q=https%3A%2F%2Fihm4u.github.io%2Ftw5plugs&sa=D&sntz=1&usg=AFQjCNFYybp7bNgmPr4UbrYZoZXGGsJpdA>
>

I just released version 0.8.16 which I think solves the issues
It's at https://ihm4u.github.io/tw5plugs

For some reason the announcement post didn't show in the group
yet...I'll wait a little
to see if it shows later.

> There was no error. I just had the green marker in edit-mode but could not
> edit in your codemirror editor.

Yeah, I had codemirror enabled in VI mode (hehehe) from old times before I had
setup the node.js environment. I disabled the codemirror editor in the
demo wiki.


>
> Now editing is working and so I am able to remove the *nocollapse*

> parameter in the main example to test collapsing. Works nicely. :D
>

Great!

> That would be latest chrome, 46.xxx.

I see, can you try 0.8.16 and let me know if it works?

> I would always chose to keep the *readme* short with the most
> basic param table.
Ohh I see what you mean, yes, i do have all that prose in there.
I will move most of that to the demo wiki in the next version.

> Everything else, all that prose, to me, is for the demo in the
> documentation wiki.
> Meaning: loads of demos => very important, as well as all the details.

Thanks for the tip! I had not thought about it. This is a great
community, especially because of people like you, Matabele, Felix, etc.
I will make the readme smaller.


Thanks!

ihm

[ih...@newsfromgod.com]

Hi Felix!!

> welcome to the family of graph-plugin programmers :)
>
> Sorry for responding so late. Nice job. It's great that organigrams
> embedded in the tiddlers are clickable right away – In TiddlyMap you
> need an extra click which is a bit annoying.

Thank YOU! for the great work on TiddlyMap. It is what got me started
to write Tidgraph. I just wanted a light-weight mindmap like arrangement of
tiddlers using the already existing tiddler structure. I also wanted SVG
to reduce the size of the wiki and not have to use images. I feel great I was
able to make the plugin around 20K only!!!

> Also nice idea to collapse
> and expand hierarchies.

That was thanks to Matabele, Sylvain and the great community here.

Thank you again for your great plugin.
ihm

[Tobias Beer]

Hi ihm,

I see, can you try 0.8.16 and let me know if it works?

Works splendidly. No toolbars and no jumpy arrows.

Minor request (not sure if minor indeed ;-) ...

I'd be one to prefer the + to toggle button for child-branches to be just as small as it is, but with a round border and the background-color of a node, and then placed at the center of all edges just before they start to spread.

Something resembling:

.ihm-tgr-collapse {
    position: absolute;
    right: -10px;
    top: 9px;
    cursor: pointer;
    color: white !important;
    border-radius: 20px;
    line-height: 7px;
    width: 10px;
    height: 10px;
    background: #aaa;
}

a.ihm-tgr-collapse.tc-tiddlylink:hover {

    text-decoration: none;

    background: #999;

}

Also powerful: since you are using links inside those nodes, you could actually use the node itself to trigger the toggling as well.

Thanks for the tip! I had not thought about it. This is a great
community, especially because of people like you, Matabele, Felix, etc.
I will make the readme smaller.

Thanks, ihm, that's great. Happy to find you are enjoying yourself in the TiddlyVerse.

A great plugin and plenty-a-cheers always seem to be rewarding in and of themselves. :-)

Best wishes,

— tb

[ih...@newsfromgod.com]

Hi Tobias,

> Works splendidly. No toolbars and no jumpy arrows.
>
> Minor request (not sure if minor indeed ;-) ...
>

> I'd be one to prefer the *+* to toggle button for child-branches to be just

> as small as it is, but with a round border and the background-color of a
> node, and then placed at the center of all edges just before they start to
> spread.

Looks much nicer! please check 0.8.17 at https://ihm4u.github.io/tw5plugs/

I made the link a little bigger, since it was rather hard to click it,
esp. on small screens.
Also I had to use some CSS tricks to center the collapse glyph
vertically, let me know if it
works for you.


Thanks for your tips and support

ihm

[Måns Mårtensson]

Hi ihm

Very nice plugin. Great work and congratulations :-)

When I use danish letters like æ, ø and å I get an error message when I click a link in a branch.

It seems that it won't accept utf-8 characters? 

Could this be fixed?

Thanks for sharing your work :-)

Cheers Måns Mårtensson

--
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 http://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/20151113001732.Horde.zVqWF_2BQyMZkwI30k5h0PB%40www.newsfromgod.com.

For more options, visit https://groups.google.com/d/optout.

[Felix Küppers]

Hi ihm

> Thank YOU! for the great work on TiddlyMap. It is what got me started
> to write Tidgraph.

Thanks! It is really nice to hear that :)

> I just wanted a light-weight mindmap like arrangement of
> tiddlers using the already existing tiddler structure. I also wanted SVG
> to reduce the size of the wiki and not have to use images. I feel
> great I was
> able to make the plugin around 20K only!!!

I know what you mean, TiddlyMap is really a whole program build on
TiddlyWiki and became pretty sophisticated over the time.
Therefore, light weight solution for visualization only, especially svg
based is a great idea and I think many people will enjoy it!

By the way, if you would use a task runner like gulp, you could further
compress your code by running a minfyjs command. In this case it would
probably make sense to distinguish between a dist (minified code) and a
src folder (non-minfied).

TiddlyMap is 488Kbyte big + 1.2M for visjs ~1.7M in total after
compression. Without compression: 632K + 1.8M ~2.5M in total.

>
>> Also nice idea to collapse
>> and expand hierarchies.
>
> That was thanks to Matabele, Sylvain and the great community here.

Yeah, that's the power of open source. You get much input and ideas from
others.

> Thank you again for your great plugin.

You are welcome and I am sure some of the ideas that make it into
TidGraph will be an inspiration for TiddlyMap as well :)

-Felix

[ih...@newsfromgod.com]

Hi Felix,

Thanks for your support and comments!!

> By the way, if you would use a task runner like gulp, you could further
> compress your code by running a minfyjs command. In this case it would
> probably make sense to distinguish between a dist (minified code) and a
> src folder (non-minfied).
>
> TiddlyMap is 488Kbyte big + 1.2M for visjs ~1.7M in total after
> compression. Without compression: 632K + 1.8M ~2.5M in total.

I do use a minifier/optimizer, the google closure compiler 36K before
compression,
21K after compression.

I am using regular makefiles to build the production code. Do you know
if minifyjs is better than
the google closure compiler?

Thanks again!
ihm

[ih...@newsfromgod.com]

Hi Måns,

> When I use danish letters like æ, ø and å I get an error message when I
> click a link in a branch.
> It seems that it won't accept utf-8 characters?
> Could this be fixed?
>
> Thanks for sharing your work :-)

Please update to 0.8.18 it should solve the problem.

You can get it at
https://ihm4u.github.io/tw5plugs/#Tidgraph%20-%20Easy%20tiddler%20graphs%20for%20TW5

Thanks!!!

ihm