No apologies needed, Saq! I should have included a wink or smile emoji. I am just excited to see this at just the right time, when we are trying to look at ways to include Roam-like functionality.
On Tuesday, April 14, 2020 at 11:44:18 AM UTC-5, Saq Imtiaz wrote: > > Link to follow in a separate thread so as to not derail conversation much > further here. > > David: apologies. I have always aspired to share with the community as > much as possible, however life circumstances over the last two years have > made that difficult. I shared a video of this setup in late 2017 and by now > I had fully expected that this would be a commonplace implementation, which > also contributed to my not prioritizing cleaning up my two story > implementation and sharing it. The TiddlyWiki core makes this extremely > easy with just a few missing pieces. Jeremy has done a great job at > avoiding the limitations we had back in TWC for multiple stories. > > Mohammad: The UI could be cleaner and more refined. In fact, this was done > more as a proof of concept and if I re-did this today the UI would be > significantly different. I implemented this partly as an exercise in > learning TW5 (I was a long time TWC user years ago) and it worked better > than anticipated so I have just kept using it without taking the time to > refine it. So it can definitely do with some cleanup in terms of code and > CSS. Currently the CSS is responsive, below a certain width the sidebar is > hidden and if the screen is even smaller it defaults to a one stop layout. > It's also optimized with larger screens in mind (1920+ width) > > It is on my list to clean this up in the near future and add a few > improvements like automatically opening the second story, if it is closed, > when I shift + click a link along with various other learnings from > experience of working with this the last couple of years. > > > On Tuesday, April 14, 2020 at 3:29:55 PM UTC+2, David Gifford wrote: >> >> Saq I am now officially drooling. You have been holding out on us, man! >> >> >> On Tue, Apr 14, 2020 at 8:24 AM Saq Imtiaz <[email protected]> wrote: >> >>> Regarding dropzones and opening tiddlers in the substory. >>> >>> Here is how I currently have it set up in my TiddlyWiki: >>> >>> [image: tw-substory.png] >>> >>> Note the dropzones above each story. Furthermore there is a "divert" >>> tiddler button in the toolbar for each tiddler, that will open the tiddler >>> in the other story. Lastly, the "Open" tab in the sidebar can be used to >>> drag and drop tiddlers between stories. >>> >>> The way I have this setup is a little bit involved and involves some JS >>> code to modify some core behaviour, and there may have been improvements in >>> the core to make this a little easier since. Jeremy and I discussed some of >>> this in late 2017 but I haven't followed TW development after that until >>> just recently. The most salient of the changes we discussed was introducing >>> a mechanism for a TW to be aware of what stories are being used, by means >>> of either a tag or a tiddler list identifying the storylist tiddlers. >>> >>> Anyway, give me a few hours and I'll see if I can distill my setup down >>> to the minimum you need to get this up and running for opening tiddlers in >>> the substory. >>> Regards, >>> Saq >>> >>> >>> >>> >>> On Tuesday, April 14, 2020 at 3:08:20 PM UTC+2, David Gifford wrote: >>>> >>>> Thanks Saq, for the code. That works great! >>>> >>>> I am looking forward to your forthcoming promised comments! >>>> >>>> >>>> On Tue, Apr 14, 2020 at 8:01 AM Saq Imtiaz <[email protected]> wrote: >>>> >>>>> Hi David, it's been a while :) Hope you are well. >>>>> >>>>> So the substory is exactly the same as, and supports the same features >>>>> as the main story. The example on tiddlywiki.com uses a streamlined, >>>>> inlined viewtemplate that only provides a button to close every tiddler. >>>>> Instead, if you pass the appropriate viewtemplate and edittemplate to the >>>>> listwidget controlling the story, you can get the exact same interface as >>>>> well. >>>>> >>>>> To get your substory to behave exactly the same as you main story try >>>>> the following instead of the substory code from tiddlywiki.com: >>>>> >>>>> <$navigator story="MySubStoryList" history="MySubHistoryList"> >>>>> Click this link to get started: HelloThere >>>>> >>>>> <$list filter="[list[MySubStoryList]]" history="$:/MySubHistoryList" >>>>> template={{$:/config/ui/ViewTemplate}} >>>>> editTemplate={{$:/config/ui/EditTemplate}} storyview={{$:/view}} >>>>> emptyMessage={{$:/config/EmptyStoryMessage}}/> >>>>> >>>>> </$navigator> >>>>> >>>>> Obviously the "Click this links to get started" is just for demo >>>>> purposes. >>>>> >>>>> Note that you could even use a different storyview or emptyMessage for >>>>> this story. >>>>> You can create custom edit and view templates to offer a different >>>>> viewing and editing experience, re-creating the exact Roam parallel UI >>>>> would be easy this way. >>>>> >>>>> Personally I think having this in a parallel div to the main story is >>>>> more intuitive rather than in a tab, if I wanted to compare two tiddlers >>>>> I >>>>> would want them to line up better than they currently do in TiddlyBlink. >>>>> I've been using this setup since late 2017 and while I don't always need >>>>> it, it is very useful when I do. >>>>> >>>>> More to follow on dropzones and opening tiddlers in the substory. >>>>> Regards, >>>>> Saq >>>>> >>>>> On Tuesday, April 14, 2020 at 2:01:00 PM UTC+2, David Gifford wrote: >>>>>> >>>>>> Hi Saq >>>>>> >>>>>> Thanks for sharing the video of your dual column TiddlyWiki. That >>>>>> looks promising! >>>>>> >>>>>> Questions about SubStories: >>>>>> >>>>>> 1) How does it "allow you to edit"? I am not seeing that. >>>>>> >>>>>> 2) I tagged a tiddler with the SubStories code with $:/tags/SideBar. >>>>>> Is it possible to create a 'dropzone' in that tiddler so that the user >>>>>> could drag a link to the dropzone and have it automatically open there? >>>>>> Maybe when dropping tiddlers there, it changes a state tiddler to >>>>>> include >>>>>> those tiddlers, and the substories tiddler displays all the tiddlers in >>>>>> the >>>>>> state tiddler? And closing a tiddler removes it from the state tiddler? >>>>>> I >>>>>> don't know how to do any of this, of course, just thinking out loud to >>>>>> light a spark in someone else's mind. >>>>>> >>>>>> On Tuesday, April 14, 2020 at 3:35:07 AM UTC-5, Saq Imtiaz wrote: >>>>>>> >>>>>>> David: have you considered a sub-story in the parallel tab? This >>>>>>> would allow you to edit, as well as open multiple tiddlers there. >>>>>>> Shift+click from the main story to open in the sub-story isn't >>>>>>> difficult >>>>>>> either. >>>>>>> https://tiddlywiki.com/#Creating%20SubStories >>>>>>> >>>>>>> In fact I would consider putting the substory in a separate parallel >>>>>>> div to the main story, which can be toggled, rather than in the >>>>>>> parallel >>>>>>> tab for a better side by side viewing experience. You could also set it >>>>>>> up >>>>>>> so that shift+click in the main story showed the parallel div and the >>>>>>> substory in it, and opened the relevant tiddler there. >>>>>>> >>>>>>> The Roam interface with the parallel viewing reminds me somewhat of >>>>>>> my own two-story layout Tiddlywiki, which sadly isn't packaged well >>>>>>> enough >>>>>>> to distribute: >>>>>>> https://www.dropbox.com/s/cnubb9osgvfqz4p/tw-dual-story.mp4?dl=0 >>>>>>> >>>>>>> However I can offer guidance to anyone trying to implement the same. >>>>>>> It's mostly wiki markup with some sprinklings of javascript to glue >>>>>>> things >>>>>>> together from what I remember, I haven't fiddled with this in a couple >>>>>>> of >>>>>>> years. >>>>>>> >>>>>>> >>>>>>> On Monday, April 13, 2020 at 9:49:20 PM UTC+2, David Gifford wrote: >>>>>>>> >>>>>>>> The other main drawback to the parallel tab is that it is in view >>>>>>>> mode, not in edit mode. >>>>>>>> >>>>>>>> I would welcome code so that >>>>>>>> >>>>>>>> a) the search box in the parallel tab is auto-complete, and >>>>>>>> b) the text field is editable >>>>>>>> >>>>>>>> This would almost replicate what is available in Roam. >>>>>>>> >>>>>>>> >>>>>>>> >>>>>>>> >>>>>>>> On Mon, Apr 13, 2020 at 2:15 PM 'Mark S.' via TiddlyWiki < >>>>>>>> [email protected]> wrote: >>>>>>>> >>>>>>>>> >>>>>>>>> - Having to search or paste the name of a page to open it in >>>>>>>>> the right side panel - in Roam MAJ + click on any link opens it in >>>>>>>>> the >>>>>>>>> right side and it's also fully editable straight away so you can >>>>>>>>> work on >>>>>>>>> two note (tiddlers) or even more in parallel (the side panel can >>>>>>>>> hold many >>>>>>>>> notes and you can collapse them) >>>>>>>>> >>>>>>>>> Hm, maybe "MAJ" is an acronym for magic of some kind but how would >>>>>>>>>> you click on any link unless all links were displayed all the time. >>>>>>>>>> Surely >>>>>>>>>> you must search first? Are you saying you click and the 'page' opens >>>>>>>>>> in >>>>>>>>>> edit mode? (I'm not familiar with Roam - maybe it only has one >>>>>>>>>> wysiwyg mode >>>>>>>>>> for direct edit?) >>>>>>>>>> >>>>>>>>>> >>>>>>>>>> >>>>>>>>> I think Anne is referring to the "parallel" tab in tiddly blink. >>>>>>>>> It needs a bit of work -- you have to type the *entire* tiddler >>>>>>>>> address into the box, and then you only get a preview, not an >>>>>>>>> editable >>>>>>>>> version. >>>>>>>>> >>>>>>>>> For my own version, I have forward/back buttons on each tiddler. >>>>>>>>> Then I can use the standard search box to find the tiddler I want, >>>>>>>>> and then >>>>>>>>> immediately navigate back. But I suppose the long-term solution would >>>>>>>>> be to >>>>>>>>> upgrade the parallel search so that it doesn't demand you remember >>>>>>>>> the >>>>>>>>> precise title. >>>>>>>>> >>>>>>>>> -- >>>>>>>>> You received this message because you are subscribed to a topic in >>>>>>>>> the Google Groups "TiddlyWiki" group. >>>>>>>>> To unsubscribe from this topic, visit >>>>>>>>> https://groups.google.com/d/topic/tiddlywiki/gzHT17BBhmk/unsubscribe >>>>>>>>> . >>>>>>>>> To unsubscribe from this group and all its topics, send an email >>>>>>>>> to [email protected]. >>>>>>>>> To view this discussion on the web visit >>>>>>>>> https://groups.google.com/d/msgid/tiddlywiki/36c974df-850e-4b10-8b83-0daa8028e62b%40googlegroups.com >>>>>>>>> >>>>>>>>> <https://groups.google.com/d/msgid/tiddlywiki/36c974df-850e-4b10-8b83-0daa8028e62b%40googlegroups.com?utm_medium=email&utm_source=footer> >>>>>>>>> . >>>>>>>>> >>>>>>>> -- >>>>> You received this message because you are subscribed to a topic in the >>>>> Google Groups "TiddlyWiki" group. >>>>> To unsubscribe from this topic, visit >>>>> https://groups.google.com/d/topic/tiddlywiki/gzHT17BBhmk/unsubscribe. >>>>> To unsubscribe from this group and all its topics, send an email to >>>>> [email protected]. >>>>> To view this discussion on the web visit >>>>> https://groups.google.com/d/msgid/tiddlywiki/17e2cca8-3ed2-427a-8ade-422837e4569b%40googlegroups.com >>>>> >>>>> <https://groups.google.com/d/msgid/tiddlywiki/17e2cca8-3ed2-427a-8ade-422837e4569b%40googlegroups.com?utm_medium=email&utm_source=footer> >>>>> . >>>>> >>>> -- >>> You received this message because you are subscribed to a topic in the >>> Google Groups "TiddlyWiki" group. >>> To unsubscribe from this topic, visit >>> https://groups.google.com/d/topic/tiddlywiki/gzHT17BBhmk/unsubscribe. >>> To unsubscribe from this group and all its topics, send an email to >>> [email protected]. >>> To view this discussion on the web visit >>> https://groups.google.com/d/msgid/tiddlywiki/f4038211-a96d-4231-9f0f-82b81115d1de%40googlegroups.com >>> >>> <https://groups.google.com/d/msgid/tiddlywiki/f4038211-a96d-4231-9f0f-82b81115d1de%40googlegroups.com?utm_medium=email&utm_source=footer> >>> . >>> >> -- 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 [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/b8ac27c1-37ed-4314-9132-37a03e5f44f9%40googlegroups.com.
