Tiddlywiki Components

156 views
Skip to first unread message

Mohammad

unread,
Mar 1, 2019, 9:16:56 AM3/1/19
to TiddlyWiki
The current status of Tiddlywiki allow creating complex UI and operation.
This is while many of us may don't like to put time and developing scripts of have not the knowledge of TW programming.

So, I though, it may be great to have Tiddlywiki components.

What is a component?
A component is a group of TW macros and tiddlers create a visual element for complex processes.

The components can be distributed as plugin or JSON bundles.

Here is attached a simple component. I call it compSelective
    * gets a filter
    * lists all filters with a checkbox
    * Shows a button to `select all` or `select none`
    * stores selected tiddlers in a ~DataTiddler for further processing

To check it download the below JSON bundle and drag and drop on Tiddlywiki.com

This demo has below tiddlers

macro\compSelective   (the compSelective component
TW Component  (help tiddler)


 Sample tiddlers for test (just for presentation)



--Mohammad
TW-component.json

Mohammad

unread,
Mar 1, 2019, 9:21:02 AM3/1/19
to tiddl...@googlegroups.com
What are the benefits of TW component

  • Complex UI and operation can be as simple as a macro call
  • Save time and prevent many duplicate coding
  • Ability to develop more elegant apps by moderate, newbie users

Cheers
Mohammad

Mohammad

unread,
Mar 1, 2019, 9:22:31 AM3/1/19
to TiddlyWiki
Note:
 compSelective is part of Tiddler Commander for Selective delete, add/remove fields, ...

--Mohammad


On Friday, March 1, 2019 at 5:46:56 PM UTC+3:30, Mohammad wrote:

Mohammad

unread,
Mar 1, 2019, 9:25:20 AM3/1/19
to TiddlyWiki
How to use compSelective


<<compSelective filter:"your-filter" tiddler:"your-tiddler">>


Example:

<<compSelective filter:"[tag[xx]]" tiddler:"temp/hodii">>


This is a very versatile component. Any combination of complex filters/subfilters can be passed.

--Mohammad

On Friday, March 1, 2019 at 5:46:56 PM UTC+3:30, Mohammad wrote:

@TiddlyTweeter

unread,
Mar 1, 2019, 9:35:15 AM3/1/19
to tiddl...@googlegroups.com
Consistent modular design would enable users like me, very poor at coding, but good at information design, to achieve objectives without having to mess about in code. Its really slowed me down having to get into coding. It is not my strength. 

Shared modularity seems right.

Just an observation
Josiah

Mohammad

unread,
Mar 1, 2019, 9:42:38 AM3/1/19
to TiddlyWiki
That's true!
 Modular design, modular programming in Tiddlywiki and reuse of already developed modules in headache-less  fashion!
 No need to go deep into the code, just enough to know the interface, like the current Tiddlywiki macros! (e.g. toc, tag, toc-selective-expandable, ...)

--Mohammad
Reply all
Reply to author
Forward
0 new messages