tiddlywiki 5.3.7 → 5.4.0

package/editions/tw5.com/tiddlers/widgets/RevealWidget.tid

@@ -1,49 +1,66 @@
 caption: reveal
 created: 20131024141900000
 jeremy: tiddlywiki
-modified: 20250211091937860
+modified: 20251212091659847
 tags: Widgets
 title: RevealWidget
 type: text/vnd.tiddlywiki
 
 ! Introduction
 
-The reveal widget hides or shows its content depending upon the value of a [[state tiddler|StateTiddler]]. The type of the widget determines the condition for the content being displayed:
-
-* type=''match'': the content is displayed if the state tiddler matches the text attribute value
-* type=''nomatch'': the content is displayed if the state tiddler doesn't match the text attribute value
-* type=''popup'': the content is displayed as a popup as described in the PopupMechanism
-* type=''lt'': the content is displayed if the state tiddler contains an integer with a value ''less than'' the text attribute value
-* type=''gt'': the content is displayed if the state tiddler contains an integer with a value ''greater than'' the text attribute value
-* type=''lteq'': the content is displayed if the state tiddler contains an integer with a value ''less than or equal to'' the text attribute value
-* type=''gteq'': the content is displayed if the state tiddler contains an integer with a value ''greater than or equal to'' the text attribute value
-
+The reveal widget hides or shows its content depending upon the value of a [[state tiddler|StateMechanism]].
 
 ! Content and Attributes
 
 The content of the `<$reveal>` widget is displayed according to the rules given above.
 
 |!Attribute |!Description |
-|state |A TextReference containing the state |
-|stateTitle |A title containing the state, ''without'' TextReference. Gets preferred over the <<.attr state>> attribute |
-|stateField |A ''field name'' which is used to look for the state, if the attribute <<.attr stateTitle>> is present |
-|stateIndex |An ''index'' which is used to look for the state, if the attribute <<.attr stateTitle>> is present |
-|tag |Overrides the default [[HTML Tags]] (`<div>` in block mode or `<span>` in inline mode) |
-|type |The type of matching performed: ''match'', ''nomatch'', ''popup'', ''lt'', ''gt'', ''lteq'' or ''gteq'' |
-|text |The text to match when the type is ''match'', ''nomatch'', ''lt'', ''gt'', ''lteq'' or ''gteq'' |
-|class |An optional CSS class name to be assigned to the HTML element<br/>&raquo; Set to `tc-popup-keep` to make a popup "sticky", so it won't close when you click inside of it|
-|style |An optional CSS style attribute to be assigned to the HTML element |
-|position |The position used for the popup when the type is ''popup''. Can be ''left'', ''above'', ''aboveleft'', ''aboveright'', ''right'', ''belowleft'', ''belowright'' or ''below'' |
-|positionAllowNegative |Set to "yes" to prevent computed popup positions from being clamped to be above zero |
-|default |Default value to use when the state tiddler is missing |
-|animate |Set to "yes" to animate opening and closure (defaults to "no"; requires "retain" to be set to "yes") |
-|retain |Set to "yes" to force the content to be retained even when hidden (defaults to "no") |
-|updatePopupPosition|<<.from-version "5.1.23">>Set to "yes" to update the popup position when the state tiddler is updated (defaults to "no")|
-
-<<.tip """<$macrocall $name=".from-version" version="5.1.18"/> <$macrocall $name=".attr" _="stateTitle"/>, <$macrocall $name=".attr" _="stateField"/> and <$macrocall $name=".attr" _="stateIndex"/> attributes allow specifying Tiddler states ''directly'', without interpreting them as [[TextReferences|TextReference]].
+|<<.attr state>> |A TextReference containing the state |
+|<<.attr stateTitle>> |A title containing the state, without TextReference. Gets preferred over the <<.attr state>> attribute if both are set |
+|<<.attr stateField>> |A field name which is used to look for the state, if the attribute <<.attr stateTitle>> is present |
+|<<.attr stateIndex>> |An index which is used to look for the state, if the attribute <<.attr stateTitle>> is present |
+|<<.attr default>> |Default value to use when the state tiddler is missing |
+|<<.attr tag>> |Overrides the default [[HTML tag|HTML Tags]] (`<div>` in block mode or `<span>` in inline mode) |
+|<<.attr type>> |The type of matching performed, see below |
+|<<.attr text>> |The text to match when the type is <<.value match>>, <<.value nomatch>>, <<.value lt>>, <<.value gt>>, <<.value lteq>> or <<.value gteq>> |
+|<<.attr class>> |An optional CSS class name to be assigned to the HTML element|
+|<<.attr style>> |An optional CSS style attribute to be assigned to the HTML element |
+|<<.attr position>> |The position used for the popup when the type is <<.value popup>>.<br> Can be <<.value left>>, <<.value above>>, <<.value aboveleft>>, <<.value aboveright>>, <<.value right>>, <<.value belowleft>>, <<.value belowright>> or <<.value below>>. Also see [[Popup Clamping Example|RevealWidget (Popup Clamping Example)]] |
+|<<.attr positionAllowNegative>> |Set to <<.value yes>> to allow computed popup positions to be negative relative to their container or the document window (for absolutely positioned popups). Defaults to <<.value no>> |
+|<<.attr clamp>> |Set to <<.value right>>, <<.value bottom>> or <<.value both>> to prevent a popup to overflow its container, see below |
+|<<.attr animate>> |Set to <<.value yes>> to animate opening and closing. Defaults to <<.value no>> |
+|<<.attr retain>> |Set to <<.value yes>> to force the content to be retained even when hidden. Defaults to <<.value no>> |
+|<<.attr updatePopupPosition>> |<<.from-version "5.1.23">>Set to <<.value yes>> to update the popup position when the state tiddler is updated. Defaults to <<.value no>> |
+
+<<.tip """<$macrocall $name=".from-version" version="5.1.18"/> <<.attr stateTitle>>, <<.attr stateField>> and <<.attr stateIndex>> attributes allow specifying Tiddler states directly, without interpreting them as [[TextReferences|TextReference]].
 This is useful for edge-cases where titles may contain characters that are used to denote Tiddler fields or indices (`!!`, `##`)""">>
 
-<<.tip """Retaining the content when hidden can give poor performance since the hidden content requires refresh processing even though it is not displayed. On the other hand, the content can be revealed much more quickly. Note that setting ''animate="yes"'' will also require ''retain="yes"''""">>
+<<.tip """Retaining the content when hidden can give poor performance since the hidden content requires refresh processing even though it is not displayed. On the other hand, the content can be revealed much more quickly. Note that setting `animate="yes"` will also require `retain="yes"`""">>
+
+<<.tip """Set the <<.attr class>> attribute to <<.value tc-popup-keep>> to make a popup "sticky" so it will not close when you click inside of it""">>
+
+!! <<.attr type>> Attribute
+
+The <<.attr type>> of the widget determines the condition for the content being displayed:
+
+* <<.value match>>: the content is displayed if the state tiddler matches the text attribute value
+* <<.value nomatch>>: the content is displayed if the state tiddler doesn't match the text attribute value
+* <<.value popup>>: the content is displayed as a popup as described in the PopupMechanism
+* <<.value lt>>: the content is displayed if the state tiddler contains an integer with a value ''less than'' the text attribute value
+* <<.value gt>>: the content is displayed if the state tiddler contains an integer with a value ''greater than'' the text attribute value
+* <<.value lteq>>: the content is displayed if the state tiddler contains an integer with a value ''less than or equal to'' the text attribute value
+* <<.value gteq>>: the content is displayed if the state tiddler contains an integer with a value ''greater than or equal to'' the text attribute value
+
+!! Popup Clamping
+
+Popups can be forced not to overflow their container (when relatively positioned) or the document window (when absolutely positioned). The popup's ''container'' is the nearest ancestor element with CSS positioning (<<.attr position>>: <<.value relative>>, <<.value absolute>>, <<.value fixed>>, or <<.value sticky>>).
+
+Overflow to the left or top is prevented by setting <<.attr positionAllowNegative>> to <<.value no>> (the default). Clamping to the right and bottom is achieved by setting <<.attr clamp>> to <<.value right>>, <<.value bottom>> or <<.value both>>.
+
+See [[Popup Clamping Example|RevealWidget (Popup Clamping Example)]]
+
+
+<<.tip """Refer to [[ButtonWidget]] and [[Coordinate Systems]] for information on relative and absolute positioning""">>
 
 ! Examples
 

package/editions/tw5.com/tiddlers/widgets/examples/RevealWidget (Popup Clamping Example).tid

@@ -0,0 +1,68 @@
+created: 20231218192649874
+modified: 20251212092210168
+tags: RevealWidget
+title: RevealWidget (Popup Clamping Example)
+
+<style>
+.container {
+  display: grid;
+  grid-template-columns: repeat(5, 1fr);
+  grid-template-rows: repeat(5, 1fr);
+  width: 600px;
+  height: 500px;
+  overflow: hidden;
+  background-color: #F8F8F8;
+  position: relative;
+  border: 1px solid #888;
+}
+.grid-item {
+    justify-self: center;
+    align-self: center;
+}
+.grid-popup .tc-drop-down {
+	padding: 1em;
+	min-width: 15em;
+}
+</style>
+
+This example demonstrates the use of <<.attr positionAllowNegative>> and <<.attr clamp>> to clamp a popup inside its parent container.
+
+<<.attr clamp>>=<$select tiddler="$:/temp/clamp-demo-active" field="text" default="none">
+<option value="none">none</option>
+<option value="right">right</option>
+<option value="bottom">bottom</option>
+<option value="both">both</option>
+</$select>
+
+<$checkbox tiddler="$:/temp/clamp-demo-allow-negative" field="text" checked="yes" unchecked="no" default="no"> <<.attr positionAllowNegative>></$checkbox>
+
+<<.attr position>>=<$select tiddler="$:/temp/clamp-demo-position" field="text" default="below">
+<option value="left">left</option>
+<option value="above">above</option>
+<option value="aboveleft">aboveleft</option>
+<option value="aboveright">aboveright</option>
+<option value="right">right</option>
+<option value="belowleft">belowleft</option>
+<option value="belowright">belowright</option>
+<option value="below">below</option>
+</$select>
+
+<div class="container">
+	<$list filter="[range[25]]">
+		<div class="grid-item">
+			<$button popup="$:/state/popup-clamping">Pop Me Up</$button>
+		</div>
+	</$list>
+	<$reveal type="popup"
+	         position={{{ [{$:/temp/clamp-demo-position}else[below]] }}}
+			 state="$:/state/popup-clamping"
+			 class="grid-popup"
+			 clamp={{{ [{$:/temp/clamp-demo-active}else[none]] }}}
+			 positionAllowNegative={{{ [{$:/temp/clamp-demo-allow-negative}else[no]] }}}>
+		<div class="tc-drop-down">
+
+		!! This is the popup
+		And this is some text
+		</div>
+	</$reveal>
+</div>

package/editions/tw5.com/tiddlers/wikitext/Definitions in WikiText.tid

@@ -1,14 +1,7 @@
+caption: Definitions
 created: 20131205160424246
-modified: 20131205160450910
-tags: WikiText
+modified: 20251229110936191
 title: Definitions in WikiText
 type: text/vnd.tiddlywiki
-caption: Definitions
-
-HTML definition lists are created with this syntax:
 
-<<wikitext-example src:"; Term being defined
-: Definition of that term
-; Another term
-: Another definition
-">>
+To use HTML Definition Lists through WikiText, see [[Description Lists in WikiText]].

package/editions/tw5.com/tiddlers/wikitext/Description Lists in WikiText.tid

@@ -0,0 +1,44 @@
+caption: Description Lists
+created: 20131205160424246
+modified: 20260405082055301
+tags: WikiText
+title: Description Lists in WikiText
+type: text/vnd.tiddlywiki
+
+!! Basic syntax
+
+HTML description lists (<abbr title="also known as">AKA</abbr> definition lists) are created with this syntax: 
+
+<<wikitext-example src:"; Term being described
+: Description / Definition of that term
+; Another term
+: Another description / definition
+">>
+
+!! Multiple terms and descriptions
+
+You can create multiple descriptions for a term, or multiple terms for a single description:
+
+<<wikitext-example src:"; Mouse
+: A rodent with a small body and a long tail
+: A pointing device used to interact with a computer
+; Apple
+; Pear
+: A type of fruit belonging to the Rosaceae family
+">>
+
+!! Nested description lists
+
+Description lists may also be nested to create lists within lists:
+
+<<wikitext-example src:"; Coffee
+: A beverage prepared from roasted coffee beans
+:; Black coffee
+:: Coffee served without any additives
+:; Milk coffee
+:: Coffee combined with steamed or frothed milk
+::; Latte
+::: A coffee made with espresso and steamed milk
+; Tea
+: A beverage typically made from tea leaves
+">>

package/editions/tw5.com/tiddlers/wikitext/Formatting in WikiText.tid

@@ -38,7 +38,7 @@ The full list of KeyboardShortcuts can be found in the $:/ControlPanel -> ''Keyb
 |Double underscores are used for `__underlined text__`|Double underscores are used for `<u>underlined text<u>` |
 |Double circumflex accents are used for `^^superscripted^^` text |Double circumflex accents are used for `<sup>superscripted</sup>` text |
 |Double commas are used for `,,subscripted,,` text |Double commas are used for `<sub>subscripted</sub>` text |
-|Double tilde signs are used for `~~strikethrough~~` text |Double tilde signs are used for `<strike>strikethrough</strike>` text |
+|Double tilde signs are used for `~~strikethrough~~` text |Double tilde signs are used for `<s>strikethrough</s>` text |
 |Single backticks are used for ```code` `` |Single backticks are used for `<code>code</code>` |
 |Double @ characters are used to create a `@@highlight@@` |Double @ characters are used to create a `<span class="tc-inline-style">highlighted</span>` |
 

package/editions/tw5.com/tiddlers/wikitext/Lists in WikiText.tid

@@ -1,6 +1,6 @@
 caption: Lists
 created: 20131205160257619
-modified: 20160607093103220
+modified: 20260405094604397
 tags: WikiText Lists
 title: Lists in WikiText
 type: text/vnd.tiddlywiki
@@ -43,6 +43,10 @@ Here's an example the other way around, with numbers as the first level:
 #** And the other
 ">>
 
+! Description Lists
+
+{{Description Lists in WikiText}}
+
 ! CSS Classes
 
 You can also assign a CSS class to an individual member of a list with this notation:

package/editions/tw5.com/tiddlers/wikitext/Macro Calls.tid

@@ -1,58 +1,7 @@
 caption: Macro Calls
 created: 20150220182252000
 modified: 20230419103154328
-tags: WikiText Macros
 title: Macro Calls
 type: text/vnd.tiddlywiki
 
-!! Introduction
-
-This tiddler describes the different ways in which [[macros|Macros]] can be called.
-
-!! Macro Call Transclusion Shortcut
-
-To call a [[macro|Macros]], place `<<`double angle brackets`>>` around the name and any parameter values.
-
-```
-<<mymacro param:"This is the parameter value">>
-```
-
-By default, parameters are listed in the same order as in the macro's definition. A parameter can be labelled with its name and a colon to allow them to be listed in a different order.
-
-If no value is specified for a parameter, the default value given for that parameter in the [[macro definition|Macro Definitions]] is used instead. (If no default value was defined, the parameter is blank).
-
-Each parameter value can be enclosed in `'`single quotes`'`, `"`double quotes`"`, `"""`triple double quotes`"""` or `[[`double square brackets`]]`. Triple double quotes allow a value to contain almost anything. If a value contains no spaces or single or double quotes, it requires no delimiters.
-
-A more formal [[presentation|Macro Call Syntax]] of this syntax is also available.
-
-See some [[examples|Macro Calls in WikiText (Examples)]] and discussion about [[parser modes|WikiText parser mode: macro examples]].
-
-!! Macro Calls with <<.wlink TranscludeWidget>> Widget
-
-The shortcut syntax expands to the <<.wlink TranscludeWidget>> widget with the `$variable` attribute specifying the name of the macro to transclude.
-
-```
-<$transclude $variable="mymacro" param="This is the parameter value"/>
-```
-
-The widget itself offers greater flexibility than the shortcut syntax, including the ability to specify parameter values.
-
-!! Assigning Macro Calls to Attribute Values
-
-The result of a macro can be directly assigned to an attribute of a widget or HTML element. The result of the macro is not wikified, but the [[parameter substitution|Macro Parameter Handling]] is performed.
-
-```
-<div class=<<myclasses "Horizontal">>>
-...
-</div>
-```
-
-!! Using Macro Calls in Filters
-
-Macro calls can be used in filters:
-
-```
-<$list filter="[<mymacro param:'value'>]">
-...
-</$list>
-```
+<<.deprecated-since "5.4.0" "Calls">>

package/editions/tw5.com/tiddlers/wikitext/Multi-Valued Variable Attribute Values.tid

@@ -0,0 +1,37 @@
+created: 20250208120000000
+modified: 20250208120000000
+tags: WikiText [[Widget Attributes]]
+title: Multi-Valued Variable Attribute Values
+type: text/vnd.tiddlywiki
+
+<<.from-version "5.4.0">> Multi-valued variable attribute values are indicated with double round brackets around the variable name. This passes the complete list of values of a [[multi-valued variable|Multi-Valued Variables]] to the attribute, rather than just the first value.
+
+```
+<$transclude $variable="myproc" items=((myvar))/>
+```
+
+This is the multi-valued counterpart to the [[Variable Attribute Values]] syntax `<<var>>`, which only returns the first value for backwards compatibility. The relationship mirrors the existing convention in filter operands where `<var>` returns a single value and `(var)` returns all values.
+
+! Non-MVV-Aware Attributes
+
+When `((var))` is used on a widget attribute that does not support multi-valued variables (such as the `text` attribute of the TextWidget), only the first value is used:
+
+```
+<$text text=((myvar))/>
+```
+
+! Passing Multi-Valued Variables to Procedures
+
+The primary use case for this syntax is passing multi-valued variables through the `$transclude` pipeline to procedures and functions:
+
+```
+\procedure showItems(itemList)
+<$text text={{{ [(itemList)join[-]] }}}/>
+\end
+
+<$let items={{{ [all[tiddlers]sort[]] }}}>
+<$transclude $variable="showItems" itemList=((items))/>
+</$let>
+```
+
+In this example, the complete list of tiddler titles stored in `items` is passed to the `itemList` parameter of the `showItems` procedure.

package/editions/tw5.com/tiddlers/wikitext/Substituted Attribute Values.tid

@@ -1,6 +1,6 @@
 base-url: http://tiddlywiki.com/
 created: 20230615050814821
-modified: 20230615173033918
+modified: 20251021134906488
 tags: [[Widget Attributes]] WikiText
 title: Substituted Attribute Values
 type: text/vnd.tiddlywiki
@@ -24,22 +24,12 @@ The value of the attribute will be the text denoted by the backticks with any of
 
 !! Substituting a variable value into a string
 
-<$macrocall $name=wikitext-example-without-html src='<$text text=`Hello there this is the tiddler "$(currentTiddler)$"`/>'/>
+<$macrocall $name=wikitext-example-without-html src="""<$text text=`Hello there this is the tiddler "$(currentTiddler)$"`/>"""/>
 
 
 !! Substituting a variable value and the result of evaluating a filter expression into a string
-<$macrocall $name=wikitext-example-without-html src='<$text text=`This tiddler is titled "$(currentTiddler)$" and was last modified on ${[{!!modified}format:date[DDth MMM YYYY]]}$`/>'/>
+<$macrocall $name=wikitext-example-without-html src="""<$text text=`This tiddler is titled "$(currentTiddler)$" and was last modified on ${[{!!modified}format:date[DDth MMM YYYY]]}$`/>"""/>
 
-!! Concatenating strings and variables to create a URL
+{{Concatenating variables to create a URL}}
 
-<$macrocall $name=wikitext-example-without-html src='
-<$let hash={{{ [<currentTiddler>encodeuricomponent[]] }}}>
-<a href=`http://tiddlywiki.com/#$(hash)$`>this tiddler on tiddlywiki.com</a>
-</$let>'/>
-
-!! Concatenating variables and a text reference to create a URL
-
-<$macrocall $name=wikitext-example-without-html src='
-<$let hash={{{ [<currentTiddler>encodeuricomponent[]] }}}>
-<a href=`${ [{!!base-url}] }$#$(hash)$`>this tiddler on tiddlywiki.com</a>
-</$let>'/>
+{{Concatenating a text reference to create a URL}}

package/editions/tw5.com/tiddlers/wikitext/Tables in WikiText CSS Utility Classes.tid

@@ -79,3 +79,14 @@ The following is a table with maximum width. It contains [[TextWidget]]s with ma
 | Cell1|<$edit-text tiddler="$:/temp/test-table-input" tag="input" field="test"/> |
 |^ [[Link to a tiddler]]<br>some more text|<$edit-text tiddler="$:/temp/test-table-input" field="text"/>  |
 """>>
+
+!! Table with Alternating Row Styles
+
+You will need to create your own stylesheet. See [[Using Stylesheets]]. The idea is to create rules using `:nth-of-type(even/odd)`. For example:
+
+```
+.myclass tbody tr:nth-of-type(even) { background-color: <<color tiddler-editor-fields-even>>; }
+.myclass tbody tr:nth-of-type(odd) { background-color: <<color tiddler-editor-fields-odd>>; }
+```
+
+<<.note """~TiddlyWiki automatically applies classes `evenRow` and `oddRow` to table rows. However, use of these classes is not recommended. Rows start as 'even' (opposite to that expected) and all the rows of the table are considered to be a single combined set of rows, regardless of if they appear in the header, footer, or body.""">>

package/editions/tw5.com/tiddlers/wikitext/Transclusion in WikiText.tid

@@ -62,6 +62,28 @@ or, when used with a template, `{{{ [tag[mechanism]]||TemplateTitle }}}` expands
 
 <<.tip "Install the //Internals// plugin to enable the display of the generated widget tree in the preview pane of the editor">>
 
+!! Multi-Valued Variable Display
+
+<<.from-version "5.4.0">> The `((var))` syntax can be used inline to display the values of a [[multi-valued variable|Multi-Valued Variables]], joined with a comma and space by default:
+
+```
+((myvar))
+((myvar||:))
+```
+
+The optional `||` delimiter specifies a custom separator string.
+
+!! Inline Filter Display
+
+<<.from-version "5.4.0">> The `(((filter)))` syntax displays the results of a filter expression inline, joined with a comma and space by default:
+
+```
+((( [all[tiddlers]sort[]] )))
+((( [all[tiddlers]sort[]] ||: )))
+```
+
+The optional `||` delimiter specifies a custom separator string. This is the inline display counterpart to the filtered transclusion `{{{ }}}` syntax.
+
 ---
 
 See also:

package/editions/tw5.com/tiddlers/wikitext/Typed Blocks in WikiText.tid

@@ -1,78 +1,67 @@
+caption: Typed Blocks
 created: 20131205161051792
-modified: 20140120171407764
+modified: 20251006150732150
 tags: WikiText
 title: Typed Blocks in WikiText
 type: text/vnd.tiddlywiki
-caption: Typed Blocks
 
 WikiText can include blocks of text that are rendered with an explicit ContentType like this:
 
-```
-$$$image/svg+xml
-<svg xmlns="http://www.w3.org/2000/svg" width="150" height="100">
-  <circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="green" />
-</svg>
-$$$
-```
-
-This renders as:
+!! Image SVG
 
-$$$image/svg+xml
+<<wikitext-example-without-html 
+"""$$$image/svg+xml
 <svg xmlns="http://www.w3.org/2000/svg" width="150" height="100">
   <circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="green" />
 </svg>
 $$$
+""">>
 
 It is also possible to abbreviate the ContentType to a file extension. For example:
 
-```
-$$$.svg
+<<wikitext-example-without-html
+"""$$$.svg
 <svg xmlns="http://www.w3.org/2000/svg" width="150" height="100">
   <circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
 </svg>
 $$$
-```
+"""
+>>
 
-This renders as:
+!! Unknown Type
 
-$$$.svg
-<svg xmlns="http://www.w3.org/2000/svg" width="150" height="100">
-  <circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
-</svg>
-$$$
-
-Unknown types render as plain text:
+Unknown types render as plain text
 
-```
-$$$text/unknown
+<<wikitext-example-without-html 
+"""$$$text/unknown
 Some plain text, which will not be //formatted//.
 $$$
-```
-
-Which renders as:
+""">>
 
-$$$text/unknown
-Some plain text, which will not be //formatted//.
-$$$
+!! Specific Type WikiText
 
 A render type can also be specified, causing a particular text rendering to be displayed. For example:
 
-```
-$$$text/vnd.tiddlywiki>text/html
+<<wikitext-example-without-html 
+"""$$$text/vnd.tiddlywiki>text/html
 This is ''some'' wikitext
 $$$
+""">>
 
-$$$text/vnd.tiddlywiki>text/plain
+<<wikitext-example-without-html 
+"""$$$text/vnd.tiddlywiki>text/plain
 This is ''some'' wikitext
 $$$
-```
+""">>
 
-Renders as:
+!! CSV Table
 
-$$$text/vnd.tiddlywiki>text/html
-This is ''some'' wikitext
-$$$
-
-$$$text/vnd.tiddlywiki>text/plain
-This is ''some'' wikitext
+<<wikitext-example-without-html 
+"""$$$text/csv
+a,b,c
+1,2,3
+4,5,6
+aye,bee,cee
+10,22,42
 $$$
+""">>

package/editions/tw5.com/tiddlers/wikitext/Widget Attributes.tid

@@ -11,6 +11,7 @@ Attributes of [[HTML elements|HTML in WikiText]] and widgets can be specified in
 * [[a transclusion of a macro/variable|Variable Attribute Values]]
 * [[as the result of a filter expression|Filtered Attribute Values]]
 * <<.from-version "5.3.0">> [[as the result of performing filter and variable substitutions on the given string|Substituted Attribute Values]]
+* <<.from-version "5.4.0">> [[as a multi-valued variable reference|Multi-Valued Variable Attribute Values]]
 
 |attribute type|syntax|h
 |literal |single, double or triple quotes or no quotes for values without spaces |
@@ -18,9 +19,10 @@ Attributes of [[HTML elements|HTML in WikiText]] and widgets can be specified in
 |variable |double angle brackets around a macro or variable invocation |
 |filtered |triple curly braces around a filter expression|
 |substituted|single or triple backticks around the text to be processed for substitutions|
+|multi-valued variable |double round brackets around a variable name |
 
 
-<$list filter="[[Literal Attribute Values]] [[Transcluded Attribute Values]] [[Variable Attribute Values]] [[Filtered Attribute Values]] [[Substituted Attribute Values]]">
+<$list filter="[[Literal Attribute Values]] [[Transcluded Attribute Values]] [[Variable Attribute Values]] [[Filtered Attribute Values]] [[Substituted Attribute Values]] [[Multi-Valued Variable Attribute Values]]">
 <$link><h1><$text text=<<currentTiddler>>/></h1></$link>
 <$transclude mode="block"/>
 </$list>

package/editions/tw5.com/tiddlers/wikitext/Widgets in WikiText.tid

@@ -28,4 +28,4 @@ See [[HTML in WikiText]] for more details.
 
 The available widgets include:
 
-<<list-links "[tag[Widgets]]">>
+<<list-links "[tag[Widgets]]" class:"multi-columns">>

package/editions/tw5.com/tiddlers/wikitext/parser/Block Mode WikiText.tid

@@ -15,7 +15,7 @@ Common characteristics of such block mode WikiText:
 |!~WikiText|!Punctuation|
 |[[Block Quotes in WikiText]] |Multi-line block quotes are enclosed by lines containing only the text `<<<`; single line block quotes are also possible.|
 |[[Code Blocks in WikiText]]|Enclosed by lines containing only the text <code>&#96;&#96;&#96;</code>|
-|[[Definitions in WikiText]]|Each term is on its own line and each definition is on its own line.|
+|[[Description Lists in WikiText]]|Each term is on its own line and each definition is on its own line.|
 |[[Hard Linebreaks in WikiText]]|Enclosed by lines containing only the text `"""`.|
 |[[Headings in WikiText]]|Entire line starting with `!`.|
 |[[Horizontal Rules in WikiText]]|A line containing only the text `---`.|
@@ -27,7 +27,7 @@ Common characteristics of such block mode WikiText:
 
 The above WikiText types are only recognised in ''block mode''. However, the text <<.em enclosed>> by most of them will be parsed in ''inline mode'' ([[Block Quotes in WikiText]] and [[Styles and Classes in WikiText]] are the two exceptions in which the parser will continue in ''block mode''). While in ''inline mode'' the parser may encounter something which moves it to ''block mode'' (see [[WikiText parser mode transitions]]).
 
-At the end of the terminating line, the parser will return to ''block mode''. 
+At the end of the terminating line, the parser will return to ''block mode''.
 <<.tip 'Note: [[Hard Linebreaks in WikiText]] require an extra blank line after the trailing `"""` before the parser will return to <strong>block mode</strong>.'>>
 
 If the punctuation for the above types of WikiText is encountered while the parser is in ''inline mode'', it will be //ignored// and output as-is.

package/editions/tw5.com/tiddlers/workingwithtw/TiddlyWiki Privacy and Security.tid

@@ -1,8 +1,9 @@
 created: 20241106165307259
 modified: 20241117170845666
 title: TiddlyWiki Privacy and Security
+type: text/vnd.tiddlywiki
 
-<span class="tc-float-right tc-bordered-image">[img width=200 [TiddlyWiki Privacy Badge.png]]</span>
+<span class="tc-float-right tc-bordered-image">[img width=200 [TiddlyWiki Privacy Badge]]</span>
 ''TiddlyWiki is unique in that ordinary people can use it securely and privately without any special training.''  The key is that ~TiddlyWiki is just a text file, or a folder of files, so everything that you may already know about how to keep your documents and images private can be applied to ~TiddlyWiki.  Also, because your ~TiddlyWiki data is stored in simple text files, you can be confident that it will still be securely accessible in the decades to come.
 
 !! ~TiddlyWiki Configurations

package/editions/tw5.com/tiddlywiki.info

@@ -7,7 +7,8 @@
 		"tiddlywiki/internals",
 		"tiddlywiki/menubar",
 		"tiddlywiki/railroad",
-		"tiddlywiki/tour"
+		"tiddlywiki/tour",
+		"tiddlywiki/dom-to-image"
 	],
 	"themes": [
 		"tiddlywiki/vanilla",
@@ -31,8 +32,7 @@
 			"--setfield","[tag[external-image]] [tag[external-text]]","text","","text/plain",
 			"--render","$:/core/save/all","index.html","text/plain"],
 		"empty": [
-			"--render","$:/editions/tw5.com/download-empty","empty.html","text/plain",
-			"--render","$:/editions/tw5.com/download-empty","empty.hta","text/plain"],
+			"--render","$:/editions/tw5.com/download-empty","empty.html","text/plain"],
 		"encrypted": [
 			"--password", "password",
 			"--render", "$:/core/save/all", "encrypted.html", "text/plain",