Showing off: Muuri StoryView 0.2.0 Prerelease

[BurningTreeC]

Hi TiddlyWiki folks,

I want to show you my Muuri StoryView plugin version 0.2.0 Prerelease.

It contains various Bugfixes and can overall be considered more stable

New Feature:

• Drop Actions: actions triggered when dropping an item from one grid into another grid
  • the actionTiddler and modifier variables are available within the action-string, containing the title of the dragged item respectively the modifier keys held while dragging

Missing Feature:

• A configuration panel. I'm currently overhauling it.
  

You play with it at https://burningtreec.github.io/tiddlywiki-muuri

On the Demo page there's a Sidebar Grid where you can drop tiddlers into. Holding shift while dragging adds a tag to that Tiddler. Holding ctrl-shift while dragging shifts the Tiddler to edit mode.

That's just a Demo of what can be built with the Muuri StoryView.

If we think about it - having a Muuri StoryView in the main river on the left and having one or two Grids in the SideBar with some defined dropActions makes the whole TiddlyWiki a Kanban on steroids :)

As always, I'm open for critics and ideas, just leave me a post

all the best, BTC

[Saq Imtiaz]

Looks good @BTC!

Love the dragHandle support.

In principle I quite like that the storyview gets its attributes/settings from the ListWidget. In practice however this means having to edit shadow tiddlers. I am wondering if there is way around that...

Cheers,
Saq

[Sylvain Naudin]

Hi BTC,

This is great demo. Congrats and thanks for this great job.

I put the plugin on my minstyle wiki that I'm currently building and it fits pretty well.

I have never really taken the time to use and study Muuri.
So I was wondering if it is possible (or already the case) to occupy the space in the first column first and not the second, for example when there is only one tiddler?
That way if I open a second one, it will fit on the right.

Another reaction, I say to myself that I would like to be able to fix a column, the first one for example, and thus scroll through the other columns? This may not make sense, it's just a comment.

Regards,

Sylvain

[BurningTreeC]

Hi Saq,

> In principle I quite like that the storyview gets its attributes/settings from the ListWidget. In practice however this means having to edit shadow tiddlers. I am wondering if there is way around that...

Yes that's the downside of it - I haven't found another way around it but I'm open for ideas

best wishes

[BurningTreeC]

Hi Sylvain,

Thank you! I like your minstyle theme a lot as well!

> So I was wondering if it is possible (or already the case) to occupy the space in the first column first and not the second, for example when there is only one tiddler?
That way if I open a second one, it will fit on the right.

If I understand you correctly, you mean the alignment of the tiddlers from right to left or left to right? If that's the case, there's a configuration option. Set the tiddler "$:/config/muuri/storyview/align-right" to "no" and tiddlers will be aligned from left to right.

> Another reaction, I say to myself that I would like to be able to fix a column, the first one for example, and thus scroll through the other columns? This may not make sense, it's just a comment.

Makes sense somehow... That reminds me of the Stroll plugin. But it's not currently possible out-of-the box with the Muuri plugin.

best whishes, BTC

[Saq Imtiaz]

@BTC yeah there isn't an obvious solution that comes to mind but I will think about it. 

I considered a config tiddler that is determined by the name of the storylist, but that would preclude two muuri with the same storylist.

[Sylvain Naudin]

Le dimanche 20 décembre 2020 à 14:47:02 UTC+1, BurningTreeC a écrit :

Set the tiddler "$:/config/muuri/storyview/align-right" to "no" and tiddlers will be aligned from left to right.

Yes, this is what I was looking for :)

Thanks,

 

[BurningTreeC]

@Saq, right now almost every configuration for the main muuri story (the one in the story river) is done using a config tiddler. Only the connection with another Grid must be done with an attribute on the list widget. I could make that also configurable using a config tiddler

[Sylvain Naudin]

Le dimanche 20 décembre 2020 à 14:47:02 UTC+1, BurningTreeC a écrit :

> Another reaction, I say to myself that I would like to be able to fix a column, the first one for example, and thus scroll through the other columns? This may not make sense, it's just a comment.

Makes sense somehow... That reminds me of the Stroll plugin. But it's not currently possible out-of-the box with the Muuri plugin.

You're right, with Strories plugin, this is what I was in mind.

https://github.com/saqimtiaz/sq-tw/blob/master/stories.html

Since you can also choose our storyview engine for this second column, it's sound perfect (but it's not ^-^', in my test play with Muuri change content from first colums).

Cheers,

Sylvain

[Saq Imtiaz]

@BTC what would be neat is if Muuri looked for a storyViewConfig tiddler attribute on the list widget, and if it didn't exist used a default value for the config tiddler.

Then a layout with multiple stories could just specify a storyViewConfig attribute for each extra stories list view, and if Muuri was used it would be able to use that configTiddler. This way a layout does not need to know if Muuri might be used, and installing Muuri would not necessitate editing shadow tiddlers.

[BurningTreeC]

@Sylvain,

> Since you can also choose our storyview engine for this second column, it's sound perfect (but it's not ^-^', in my test play with Muuri change content from first colums).

If you use muuri in the second column of the stories plugin, you need to specify the storyList attribute to the list widget so that muuri doesn't change the default $:/StoryList. So if the second column lists "[list[$:/StoryList2]]" you need to add storyList="$:/StoryList2" to the list widget

best wishes

[BurningTreeC]

@Saq,

> what would be neat is if Muuri looked for a storyViewConfig tiddler attribute on the list widget, and if it didn't exist used a default value for the config tiddler.

that would indeed be neat. should that storyViewConfig be a single tiddler (like a data tiddler) or a namespace?

> Then a layout with multiple stories could just specify a storyViewConfig attribute for each extra stories list view, and if Muuri was used it would be able to use that configTiddler. This way a layout does not need to know if Muuri might be used, and installing Muuri would not necessitate editing shadow tiddlers.

understood, yes that would be great...

In the meantime I've updated the plugin so that also the dragHandle and the connectionSelector can be configured by a config tiddler

[Ste]

Hi.  Was just wondering if the mobile view could be set to toggle between on and two coloumns? 

[Saq Imtiaz]

@BTC

 

that would indeed be neat. should that storyViewConfig be a single tiddler (like a data tiddler) or a namespace?

Hmm. I think I've seen Jeremy mention wanting to eventually deprecate data tiddlers, and using individual tiddlers is the more TiddlyWiki way. So this would mean storyViewConfig would be a namespace. Alternatively you could use fields in the same tiddler for different parameters.

[Mohammad Rahmani]

Hi BTC,

 Excellent job! Muuri 2.0 a Christmass gift ;-)

Best wishes

Mohammad

--
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 view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/8454e0f9-79b9-4954-a38d-c33fc8fb4008n%40googlegroups.com.

[BurningTreeC]

@Saq,

>Hmm. I think I've seen Jeremy mention wanting to eventually deprecate data tiddlers, and using individual tiddlers is the more TiddlyWiki way. So this would mean storyViewConfig would be a namespace. Alternatively you could use fields in the same tiddler for different parameters.

I think I'll go the namespace way. I've already started with it and it's indeed a better way to configure the storyview. Thanks for the tip!

best wishes

[BurningTreeC]

Thanks Mohammad, maybe it's coming for Christmas ;)

[BurningTreeC]

@Ste,

> Was just wondering if the mobile view could be set to toggle between on and two coloumns?

I'll think about this, maybe there's a way to do so

[BurningTreeC]

@Saq, now the configuration can be fully done via a namespace given with the storyViewConffig attribute, defaulting to $:/config/muuri/storyview/

best wishes

[Jan]

Hi Simon,
very beautifull. Great to see how muuri is constantly evolving. The handling is very smooth and logical.
It could be an idea to move the Tiddler-controls to a vertical bar and to reduce the size of the titles gradually while augmentign the number of columns.
Best wishes Jan
Jan

Am 20.12.2020 um 11:45 schrieb BurningTreeC:.

[BurningTreeC]

Hi Jan,

Thank you!

> It could be an idea to move the Tiddler-controls to a vertical bar and to reduce the size of the titles gradually while augmentign the number of columns.

Yes I was thinking about the vertical tiddler controls. Reducing the size of the titles gradually is a good idea, I'll give it a try!

best wishes

[BurningTreeC]

I just want to ask the community if you think that the Sidebar Grid shown in the Demo should be part of the plugin and in what ways it could be useful. What do you think?

best wishes and merry Christmas,

BTC

[BurningTreeC]

The Demo ca be found here: https://burningtreec.github.io/tiddlywiki-muuri

[BurningTreeC]

News from the Demo Page:

There's a full-featured Kanban now, I invite you to try it out :)

best wishes, BTC

[TiddlyTweeter]

BTC

I love your developmental children.

TT

[Saq Imtiaz]

@BTC I see potential in adapating the Kanban setup for a more generic multi-column system that could be an alternative to multiple stories for some use cases.

[Saq Imtiaz]

@BTC I think Muuri is at the moment best thought of as a building block for more complete solutions. I would suggest to keep the plugin barebones. Then you can provide additional features like the Sidebar Grid of the Kanban setup as sub-plugins.

[BurningTreeC]

@Saq, that's a neat idea. Yes, it would have potential as a multi-column layout maybe, or how do you imagine it?

[BurningTreeC]

> I think Muuri is at the moment best thought of as a building block for more complete solutions. I would suggest to keep the plugin barebones. Then you can provide additional features like the Sidebar Grid of the Kanban setup as sub-plugins.

@Saq, yes I'll go that way with the plugin

[Saq Imtiaz]

@Saq, that's a neat idea. Yes, it would have potential as a multi-column layout maybe, or how do you imagine it?

I am in a busy period at the moment so haven't given it too much thought. I think it could be used similar to how Stories works, except you have a flexible number of columns. I noticed that a link a column already opens inside the same column. Another pro is that you can choose how wide each column is, i.e. how many Muuri rows each column has. The only real downside at the moment is that you don't have the normal tiddler view toolbar, which for some use cases is actually very OK. Especially if you could configure a view template through which each tiddler is rendered in a column.

Do note however that it will be a lot easier to add more columns to the page template soon, with a flexbox based layout. So keep that in mind before dedicating too much effort into it. But considering the drag and drop features as well, I think there is something there to explore.