The cards work really well with Swiffy Slider too.
Sgiraz 3.0 has all Bootstrap 5 alerts.
Shiraz 3.0 admonitions.
A callout sub plugin which implements the MkDocs admonitions. The MkDocs is popular for creating professional static site.
Static callout
Acts like alerts in Shiraz, they are colorful sections.
Collapsible callout
These forms use the html5 details tag! So they work when tiddler exported as static html.
NOTE i: Both of these forms work when tiddler is exported as static page. So, you have the callout in your TiddlyWiki and when you make a static page.
NOTE ii: The new callouts support dark palettes in Tiddlywiki
Really looking forward to this! Any chance Shiraz 3 is releasing soon?
-Springer
I am waiting for TW 5.3.0 release. I hope I can have some beta along with TW 5.3.0 more stable prerelease.
Shiraz Callout of Shiraz 3.0 is published as a release candidate with Shiraz 2.7.2
For code and demo see: Shiraz Plugin Update 2.5.4 - 2.7.2 - #11 by Mohammad
A little update
Shiraz is a very rich plugin with many macros, styles, templates, … so, updating it to TW 5.3.x is a lengthy and tedious process.
Now, Shiraz 3 will be updated to Bootstrap 5.3.3 and will split into smaller sub plugins.
Tables (dynamic and quick tables) are written using the new TW 5.3.x paradigm. Macros are replaced with procedures; text substitutions are removed, and functions are employed whenever is possible.
Many $list and $reveal which were used for conditional statements are replaced with <%if ... %>
The code is much simpler now.
I hope I can push final release in summertime.
Shiraz 3.0.0 Release Candidate has been published to GitHub.
It is a release under new branch (Shiraz 3.0.0). It is only for test and review/comments.
It is not distributed in Kookma Plugin Library, nor in CPL.
To give a try
- Open kookma/TW-Shiraz: Shiraz is a small Tiddlywiki 5 plugin contains macros, stylesheets, templates, snippets, images, static tables, dynamic tables and acts as a starter kit. (github.com)
- Change branch to
shiraz-3.0.0
- Download the code
- For quick test, open
docs
folder and then open index.html in your browser. - See examples, and Tutorial
- Some Bootstrap classes do not work, as they were excluded from Shiraz (the main reason is size)
Documentation will gradually be updated.
Important Changes
- Shiraz 3 requires TiddlyWiki 5.3.5
- Shiraz 3 is based on Bootstrap 5.3.3
- It partially supports dark mode (same as Bootstrap)
- It supports Settings to on/off some visual features
- Breadcrumbs work using StoryList and HistoryList
Dynamic Tables
- Dynamic tables were rewritten from scratch
- Dynamic tables are now more performant, and the code is much easier to hack
- Functions, procedures, parametrized transclusion is used as much as possible
Shiraz 3 is not fully backward compatible. Don’t Upgrade your TiddlyWiki with Shiraz 2.
Please do not use Shiraz 3 for any important TiddlyWiki with your valuable data. Only use it for experimentation and evaluation.
I’m excited that there’s an upgrade that takes advantage of powerful and efficient new recent features of TiddlyWiki… and yet I’m also a bit concerned about this lack of backwards compatibility.
Will there be something like an upgrade path for projects that use Shiraz 2.x? I’ve invested a great deal in developing shiraz-based elements over the years, and it would be quite difficult to reconstruct everything from scratch. For this reason alone, I might not actually upgrade, despite being one of your biggest fans.
Will you at least (at some point once you’re past RC stage) be able to spell out which specific details cause backward-compatibility issues, so that it’s easier to troubleshoot conversion — without having to completely re-create every view template that uses dynamic tables, etc.?
Sure, I will. I will also put a list of dropped features and new one!
I assume you have mainly used dynamic tables, quick tables, alerts, callouts, cards, images, …
These are backward compatible.
It’s lovely to see this, @Mohammad! I had been slowly updating a few of of my favorite Shiraz macros to use the more recent syntax and was just pondering attempting the same for dynamic tables, so this is excellent timing.
I haven’t had time to do much experimenting with Shiraz 3 yet, but I did notice that while your Migration tiddler notes that “Details macro uses the new $genesis widget” (great idea!), this change doesn’t seem to be reflected in $:/plugins/kookma/shiraz/procedures/details
yet.
Might I also suggest using the $:/temp/volatile/
prefix instead of $:/temp/
for temporary search tiddlers used for real-time filtering (like the ones you’re using in your <<faqs-details>>
and <<faqs-slider>>
macros)? This is the number one thing I find myself changing in your macros—and in core TW, for that matter. I have some pretty large wikis, and I find that it makes searches noticeably more performant.
Hi @etardiff
Thank you for your kind words.
I will prepare a changelog to reflect the final changes.
The first version of details was based on $genesis, but the page refresh causes to auto close the opened details. So details is the only macro I could not update it
Thank you for the suggestion. I note it!
I would welcome you review/comments.
The documentation needs more work, but as documentation is not the good part of coding I will gradually revise the docs. By the way I welcome suggestion or any help.
I’m just trying this out on a clean TW 5.3.5 instance, and all seems to be working as should so far… Except i can’t see any affordance in the UI for activating Node Explorer. Would be nice to have a tickbox as for Breadcrumbs in the Shiraz settings panel, but… What is the alternative?
Hi @ludwa6
The demo has full details under Shiraz Advanced Tutorial, → Node Explore tab
I repeat the steps for your convenience here:
Open the $:/AdvancedSearch
Select System tab
Enter: node-explorer
into the searchbox
See the view templates for node-explorer
- $:/plugins/kookma/viewtemplates/node-explorer
- $:/plugins/kookma/viewtemplates/node-explorer-colorful
- $:/plugins/kookma/viewtemplates/node-explorer-details
In the demo the $:/plugins/kookma/viewtemplates/node-explorer-details
is activeRemove the tag $:/tags/ViewTemplate
to disable the node-explore OR
Tag any other template you like with $:/tags/ViewTemplate
Ah! my bad for failing to read all the docs -which are quite exemplary, i must say: will be working through them as time permits. Thanks @Mohammad !
Yes @arunnbabu81 : after a long forced-flirtation with Notion (which i still need to use in my day-job), i realized that i will. never be as comfortable with that tool (or any other that i know) as i am with TiddlyWiki for personal information management. I do wish it could serve better the purposes of a workgroup- there are some fundamental issues of software architecture that make this a really tough nut to crack -but at least on the UI side, with plugins like Shiraz 3.0 making it so easy to create a really beautiful user experience, i like to think we’ll get there before too long!
Will this be of interest for you