In the making of a "NoteBooks" plugin ...

425 views
Skip to first unread message

BurningTreeC

unread,
Sep 10, 2019, 10:18:53 AM9/10/19
to TiddlyWiki
Hi dear Tiddly Community,

I'm currently shamelessly stealing the styles from TiddlyDesktop to create a NoteBooks plugin, a plugin for sub-notebooks within a single tiddlywiki ...

... and I'm hoping for some ideas

There's a link for who's interested: http://tw5notebooks.tiddlyspot.com/


Basically, the tab in the sidebar is for switching / editing notebooks. Once a notebook is selected, new tiddlers are automatically tagged with its title

I hope someone's interested to play around with it and can provide me some inspiration :P

best wishes
btc

Mat

unread,
Sep 10, 2019, 10:39:56 AM9/10/19
to tiddl...@googlegroups.com
Oh, wow. Cool thing! So if I understand this right, it lets you open multiple tiddlers with a common tag.

Very neat how the "+" (i.e add new tiddler) comes with tag pre set for notebook currently worked on.

Is there a difference between the dashed cricle and the green open button? - I like the placement of the dashed circle to easily access the "open" command but if that is all it does, then I think it is a strange visual design for it. I'd rather have a more traditional button, perhaps showing the word open at that position, i.e not in the green button. (It would not be good with a huge green button tho)

IMO, the dashed circle looks like a dropzone which made me try to add a tiddler to a notebook.... only to realize there is no dragging of tiddlers. This would be neat. I.e DnD a tiddler to there to have that notebook tag added to its current tags.

The dark gray background behind the notebooks in the sidebar is IMO unnecessary.

Editing a notebook, i.e one of the thingies in sidebar, by adding some text to it doesn't show up anywhere. I was expecting it to be seen between the notebook date and the colored buttons.

I like the clear indications from hovering.

When creating a new notebook, I'm unsure how to creat it's "special tag". I'd suggest a custom field for the new notebook edit view like "notebook-tag: ______" . Overall there's probably too much stuff in that new notebook edit view (remove the fields: type, new fields, possibly the rich editor toolbar, maybe the cancel button).

Overall, I like it!

<:-)

BurningTreeC

unread,
Sep 10, 2019, 10:54:39 AM9/10/19
to TiddlyWiki


Am Dienstag, 10. September 2019 16:39:56 UTC+2 schrieb Mat:
Oh, wow. Cool thing! So if I understand this right, it lets you open multiple tiddlers with a common tag.

right, and then newly created tiddlers will automatically be tagged with the same tag (that's the idea)

Very neat how the "+" (i.e add new tiddler) comes with tag pre set for notebook currently worked on.

Is there a difference between the dashed cricle and the green open button? - I like the placement of the dashed circle to easily access the "open" command but if that is all it does, then I think it is a strange visual design for it. I'd rather have a more traditional button, perhaps showing the word open at that position, i.e not in the green button. (It would not be good with a huge green button tho)

the dashed circle is also a placeholder for an icon

IMO, the dashed circle looks like a dropzone which made me try to add a tiddler to a notebook.... only to realize there is no dragging of tiddlers. This would be neat. I.e DnD a tiddler to there to have that notebook tag added to its current tags.

yes maybe I'll make it less distracting or I'll really make it a dropzone, that could be quite useful

The dark gray background behind the notebooks in the sidebar is IMO unnecessary.

noted

Editing a notebook, i.e one of the thingies in sidebar, by adding some text to it doesn't show up anywhere. I was expecting it to be seen between the notebook date and the colored buttons.

hmm... such a notebook basically is just a (tag-)tiddler. it can be assiggned an icon and a color and that will instantly be reflected. I don't really know where to put the text of it

I like the clear indications from hovering.

Kudos to Jeremy for the design

When creating a new notebook, I'm unsure how to creat it's "special tag". I'd suggest a custom field for the new notebook edit view like "notebook-tag: ______" . Overall there's probably too much stuff in that new notebook edit view (remove the fields: type, new fields, possibly the rich editor toolbar, maybe the cancel button).

The notebook IS the tag

Overall, I like it!

Thanks, Mat!

<:-)

Watt

unread,
Sep 10, 2019, 12:57:30 PM9/10/19
to TiddlyWiki
Nice one, I like the simplicity and it's quite mobile friendly.

Here's some feedback;
The dash circle/icon and green open button do seem like duplicate functions.

Two buttons would be good for me;
1. a new sub-notebook button as you have it, but at the bottom. (easier access on a mobile phone)
2. another button on each notebook to add a tiddler to it (new-here-ish).
3. Big bright buttons are good on a mobile. Drag and drop doesn't work.
4. Displaying the notebook date isn't needed for me.

Other ideas;
*An export notebook button (eg export all a subnotebook tids as json, maybe import too)
*Merge notebooks option
*A one click way to close all tids and return to the notebook manager would be useful.

Putting it in the sidebar doesn't work so well on a mobile for me, imo it would be better placed as a startup tiddler.
Mobile phone use vs desktop though - for me the phone is a more likely use, others might disagree.

Nice idea, thanks for sharing!

BurningTreeC

unread,
Sep 10, 2019, 1:13:10 PM9/10/19
to TiddlyWiki
Hi Watt,


Nice one, I like the simplicity and it's quite mobile friendly.
 
thanks!

Here's some feedback;
The dash circle/icon and green open button do seem like duplicate functions.


Yeah it's a duplicate, I'm about to decide what to do with those two

Two buttons would be good for me;
1. a new sub-notebook button as you have it, but at the bottom. (easier access on a mobile phone)


I'm mainly on the desktop where this fits better ... I could make it configurable 

2. another button on each notebook to add a tiddler to it (new-here-ish).


The new-tiddler button already adds the tiddler to the open notebook by auto-tagging
 

3. Big bright buttons are good on a mobile. Drag and drop doesn't work.


There's a drag-and-drop shim/plugin in the plugin library... with that installed drag and drop could (should?) work 

4. Displaying the notebook date isn't needed for me.


There's space for some information, maybe something else fits better
 

Other ideas;
*An export notebook button (eg export all a subnotebook tids as json, maybe import too)


that's a good idea for a fourth button that reveals some options per notebook
 

*Merge notebooks option


another good idea, thanks
 

*A one click way to close all tids and return to the notebook manager would be useful.


Ah, that's a mobile issue I guess
 

Putting it in the sidebar doesn't work so well on a mobile for me, imo it would be better placed as a startup tiddler.
Mobile phone use vs desktop though - for me the phone is a more likely use, others might disagree.

Nice idea, thanks for sharing!


Because how it works it has to be somewhere outside the story river, that makes it a bit clumsy on mobile use, that's true

Thanks for your feedback!

@TiddlyTweeter

unread,
Sep 10, 2019, 1:33:57 PM9/10/19
to TiddlyWiki
Ciao BTC

... and I'm hoping for some ideas

One thing that interests me about "Intelligent Notebooks" is not so much about their creation, but rather "intelligent macros" ... by which I mean ... say you wanted to make a footnote entry. You create a macro in edit...

... But my idea is that that macro is then "surface level" (the footnote macro/link can be clicked) in view mode such that you can edit it (in perhaps a pop-up) without leaving view mode for the main text.

Hope this is clear!

Just one idea.
TT

Mohammad Rahmani

unread,
Sep 10, 2019, 2:18:32 PM9/10/19
to tiddl...@googlegroups.com
Great job BTC,
 As you know we had saved stories from Tobias Beer where you could open and close a set of tiddlers!

Yours is a much more flexible solution and it can also be used to create trails for tutorials and manuals and like that!

Be able to add colors, icons, descriptions is great!

The open button is confusing because when a notebook is opened still you see the open button there! May be you need to change it to close or hide it



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/9cbf37c3-4825-4652-8b88-aab691863f38%40googlegroups.com.

Mat

unread,
Sep 10, 2019, 4:19:54 PM9/10/19
to TiddlyWiki
Editing a notebook, i.e one of the thingies in sidebar, by adding some text to it doesn't show up anywhere. I was expecting it to be seen between the notebook date and the colored buttons.

hmm... such a notebook basically is just a (tag-)tiddler. it can be assiggned an icon and a color and that will instantly be reflected. I don't really know where to put the text of it

What do you mean with "where"? Just put it between the subtitles and the colored buttons, or perhaps below the buttons. I must assume that is where most people would expect to see any such text, if there is text.

 
When creating a new notebook, I'm unsure how to creat it's "special tag". I'd suggest a custom field for the new notebook edit view like "notebook-tag: ______" . Overall there's probably too much stuff in that new notebook edit view (remove the fields: type, new fields, possibly the rich editor toolbar, maybe the cancel button).

The notebook IS the tag

My mistake. Turns out I had not selected it and so I thought the (mistakenly) showing "#Test tag" was a default tag.

This makes me realize the markings of the active notebook could be clearer; Instead of the blue frame I'd suggest that the active notebook has the (current) white background but all inactive notebooks have a greyed out background e.g #f4f4f4 or #f8f8f8

<:-)

TonyM

unread,
Sep 10, 2019, 6:58:53 PM9/10/19
to TiddlyWiki
BTC

Nice work and code pattern. I would like to use it on top of a large complex wiki where the tiddlers that are members of a "notebook" could be selected with an alternate filter. If we could define each note book by a filter rather than simply tags this could be retrofitted to other wikis. For example open project names tiddlers not closed or canceled.

Just food for thought.

Regards
Tony

BurningTreeC

unread,
Sep 11, 2019, 4:23:46 AM9/11/19
to TiddlyWiki
Hi @TT, it's not quite clear to me what you mean and what you want to put where

Just one idea.
TT

Mat

unread,
Sep 11, 2019, 6:32:35 AM9/11/19
to TiddlyWiki
Further input to what I think would be a really good and basic edition in TW. In its simplicity, this really could be an alternative to many other conventional notebook software that have been around for years.

  • I now further realize why I misunderstood how to get a specific notebook tag for a new note; I probably thought it was enough to click a notebook to have it become the active one - but this is not the case! IMO the whole notebook rectangle should be clickable to put focus on it, not just the dashed icon area.
  • TonyM wrote: "[...]the tiddlers that are members of a "notebook" could be selected with an alternate filter."
    I agree - use current title as the fallback filter but IF the user has a field (e.g "notebookfilter") then this is used instead. This way the simplicity is kept but with possibility for power users.
  • Just a note: it is really good how, when creating a new notebook with the big +, this is all retained in the sidebar. This is much better than if the edit tiddler would appear in the river.
  • Further simplify the UI by, when editing a notebook in the sidebar, removing the "Draft of..." at very top of edit view.
  • When editing a notebook in the sidebar, the viewtemplate should be hidden. I.e don't show both the edit template and the viewtemplate simulataneously in the sidebar IMO.
  • When renaming a notebook, the "Update Ideas to Ideassx in the tags and list fields of other tiddler" checkbox should probably be checked by default.

 <:-)

bimlas

unread,
Sep 11, 2019, 10:20:36 AM9/11/19
to TiddlyWiki
It seems that we are doing similar stuff: limiting the focus to a subset of tiddlers. Maybe you can get some ideas from https://bimlas.gitlab.io/tw5-locator/ like limi the search to the current notebook (context in my case), create notebook (context) from existing tag (or several tags).

@TiddlyTweeter

unread,
Sep 13, 2019, 4:36:25 AM9/13/19
to TiddlyWiki
Sorry, my bad. :-(

I drifted into thinking about what I'd do with it at a more micro level than what the thread is actually about.

TT

PMario

unread,
Sep 13, 2019, 6:19:01 AM9/13/19
to TiddlyWiki
Hi BTC,

That's a very nice app. ... but it seems to be inconsistent in using the list field.

The "NoteBooks Plugin" tiddler has a list and a notebook-tiddlers field. It seems the list field is used for the "notbook story-river" in the sidebar. This behaviour makes it necessary to use a different field. notebook-tiddlers ... for what?

Without having a closer look, I think, this causes some logic problems in the code. .. `

If I add a new tiddler to a notebook, and change the order in the "Open" tab, this order is not persistent, if I open the notebook again.

----------------

If a tiddler tagged: $:/tags/NoteBook would have a filter and a description field, it would be directly usable as a "filtered bundle" tiddler.

Notebooks would be directly available in the AdvancedSearch: Filter tab ... plus some other advantages.

just some thoughts

have fun!
mario

PMario

unread,
Sep 13, 2019, 6:30:39 AM9/13/19
to TiddlyWiki
Hi, 

IMO $:/tags/NoteBook should be $:/tags/Notebook   ... to make it easier to remember.

The "remove" from the list button does "delete" the tiddler, which is really confusing. IMO it should not delete the tiddler. It may change the tag
from $:/tags/Notebook to $:/tags/Notebook/unlisted, or something similar. This gives us a simple possibility to enable it again.

The "black text"  on dark background is hard to read. That's valid for all 3 buttons.

-m


PMario

unread,
Sep 13, 2019, 6:31:34 AM9/13/19
to TiddlyWiki
Hi,
The + ... New Notebook button should have a tooltip: "New Notebook"
-m

PMario

unread,
Sep 13, 2019, 6:35:43 AM9/13/19
to TiddlyWiki
Hi,
The icon is a 3kByte bitmap image. IMO it should be an SVG
-m

BurningTreeC

unread,
Oct 7, 2019, 8:31:53 AM10/7/19
to TiddlyWiki
Hi @Mat, @TiddlyTweeter, @pmario, @bimlas, @Mohammad, @Watt,

I've put an actualized version online at http://tw5notebooks.tiddlyspot.com

it adresses some suggestions like

- tagging a tiddler with a notebook when dropping its title onto a notebook icon
- auto-relinking when renaming a notebook
- better handling of notebook tags

@TiddlyTweeter

unread,
Oct 7, 2019, 9:56:10 AM10/7/19
to TiddlyWiki
Bonne actualités!

TT

Mohammad

unread,
Oct 7, 2019, 11:15:35 AM10/7/19
to TiddlyWiki
Hi BTC,
Many thanks. Now it looks great!

One question:
 I clicked on Control notebook. It opens $:/AdvancedSearch and $:/ControlPanel
Then I closed all tiddlers and then clicked again on Controls notebook. This time nothing opened!!
There is no such behaviour for other notebooks!

--Mohammad

Mohammad

unread,
Oct 7, 2019, 11:21:26 AM10/7/19
to TiddlyWiki
Love the very simple ToDo you have included!

It is amazing for me, as it is the simplest ToDo list I have ever seen in Tiddlywiki.

I added it to Yazd and link to TW-Scripts as a small macro for a creating a wiki-wiki (very quick) todo list!

--Mohammad

BurningTreeC

unread,
Oct 8, 2019, 3:53:12 AM10/8/19
to TiddlyWiki
Hi Mohammad,

Hi BTC,
Many thanks. Now it looks great!

One question:
 I clicked on Control notebook. It opens $:/AdvancedSearch and $:/ControlPanel
Then I closed all tiddlers and then clicked again on Controls notebook. This time nothing opened!!
There is no such behaviour for other notebooks!

This is because of the built-in tag-mechanism
A notebook will always bring back tiddlers tagged with the notebook-title and tiddlers that have been open
If you close a tiddler that doesn't have the notebook-tag it will not come back when you click the notebook

BurningTreeC

unread,
Oct 8, 2019, 3:56:06 AM10/8/19
to TiddlyWiki


Love the very simple ToDo you have included!

It is amazing for me, as it is the simplest ToDo list I have ever seen in Tiddlywiki.

I added it to Yazd and link to TW-Scripts as a small macro for a creating a wiki-wiki (very quick) todo list!

This is actually the todo list from the youtube videos by  Francis Meetze here

Mohammad

unread,
Oct 8, 2019, 10:47:02 AM10/8/19
to tiddl...@googlegroups.com
Hi BTC,

I will acknowledge both of you in Yazd (https://tw-scripts.github.io/Yazd/#macro%2Fwiki-wiki-todo)

Thank you

Mohammad

unread,
Oct 8, 2019, 11:06:19 AM10/8/19
to TiddlyWiki
Hi BTC,
 So, if we add the notebook tag, the issue has gone!

Thanks for clarification.

The mechanism is good
- when a notebook is opened other notebook tiddlers are closed and the new notebook tiddlers occupy the story river.

I thought to have a button to close a notebook (and all tiddlers in story river), but seems it is not required.

Cheers
Mohammad

TonyM

unread,
Oct 8, 2019, 6:36:42 PM10/8/19
to TiddlyWiki
BTC,

Thanks for sharing this. It is a great example of alternate methods. Unfortunately I don't like using wider sidebars much, but I would like to use this mechanism to support a separate story for projects. Open a project which then opens the last open related tiddlers, close the project or open another and close (for later access) the first projects tiddlers and open those previously open in the second project.

If you could share your method/code pattern It would be appreciated.

Thanks for your contributions to the community.

Regards
Tony


On Wednesday, September 11, 2019 at 12:18:53 AM UTC+10, BurningTreeC wrote:

TonyM

unread,
Oct 8, 2019, 6:39:50 PM10/8/19
to TiddlyWiki
I just want to add, my projects have a "project tiddler" with an object-type=project - not tags. and objects in the project have a project=projectname field.
Reply all
Reply to author
Forward
0 new messages