migrate to node.js-based development workflow

.gitignore

@@ -1 +1 @@
-tiddlyroam.html_backup/*
+node_modules

package.json

@@ -0,0 +1,19 @@
+{
+  "name": "tiddlyroam",
+  "version": "1.2",
+  "description": "Your open source external brain",
+  "main": "index.js",
+  "scripts": {
+    "dev": "tiddlywiki src --listen",
+    "build": "tiddlywiki src --load src --render . $:/core/save/all index.html text/plain"
+  },
+  "keywords": [
+    "wiki",
+    "tiddlywiki"
+  ],
+  "author": "Jo Kroese",
+  "license": "BSD-2-Clause",
+  "devDependencies": {
+    "tiddlywiki": "^5.3.5"
+  }
+}

src/tiddlers/$__.giffmex_.Stylesheet4tiddlyblink.css

@@ -0,0 +1,117 @@
+/*BOXES*/
+
+html body.tc-body .graybox {display:block;background-color:#eee;padding:5px;padding-left:20px;padding-top:10px;margin-top:5px;margin-bottom:5px;width:95%;}
+
+code {color: #b0a;}
+
+/*TIGHT NOTES*/
+
+html body.tc-body h1, html body.tc-body h2, html body.tc-body h3, html body.tc-body h4 { margin-top: 0.3em; margin-bottom: 0.3em; }
+
+/*FONT SUBTITLES*/
+
+.serif {font-family: 'Arial', sans-serif;color:#bbb;font-size:10pt;}
+
+html body.tc-body .serif a.tc-tiddlylink-external {font-family: 'Arial', sans-serif;font-size:12pt; line-height:normal;font-weight:normal;color:#666;}
+
+/*FONT STUFF (colors)*/
+
+html body.tc-body .lightgraybk {background:#eee;padding:1px 4px px 4px;margin-bottom:2px;font-family:'Arial', sans-serif;}
+
+.red {color:red;}
+
+/*FONT STUFF SOURCES*/
+
+html body.tc-body .source {color:#777;font-size:10pt;}
+
+/*HORIZONTAL RULE*/
+
+html body.tc-body hr {border:0px;}
+
+html body.tc-body hr {
+	border-top: 1px solid #bbb;
+	text-align: center;
+width:100%; margin-top:15px; margin-bottom:15px;
+
+}
+
+/*ICON COLORS*/
+
+html body.tc-body .tc-image-new-button {stroke: white;fill:#7897fc;}
+html body.tc-body .tc-image-timestamp-on {stroke: white;fill:#7897fc;}
+html body.tc-body .tc-image-chevron-up {stroke: white;fill:#ccc;}
+html body.tc-body .tc-image-chevron-down {stroke: white;fill:#ccc;}
+html body.tc-body .tc-image-fold-button {stroke: white;fill:#ccc;}
+html body.tc-body .tc-image-unfold-button {stroke: white;fill:#ccc;}
+html body.tc-body .tc-image-preview-open {stroke: white;fill:#d9c;}
+
+
+/*INDENTING*/
+
+html body.tc-body .indent1 {margin-left:1.5em;display:block;}
+
+/*LINKS*/
+
+html body.tc-body a.tc-tiddlylink {text-decoration: none;font-style: normal;font-weight: normal;} 
+html body.tc-body  a.tc-tiddlylink-missing {font-weight:normal; background-color:#ffd; color:#66f;font-style:normal;}
+html body.tc-body a.tc-tiddlylink-external {text-decoration: none;font-weight: normal;color: #109;}
+html body.tc-body a.tc-tiddlylink-visited {text-decoration: none;font-weight: normal;color: #66f;}
+
+html body.tc-body .source a.tc-tiddlylink-external {font-weight: normal;font-size:10pt;}
+
+/*TABLES BASIC*/
+
+html body.tc-body th {color:#000;}
+html body.tc-body td {color:#000;}
+
+/*TABLES GREENALTROWS*/
+
+html body.tc-body .greenaltrows th {padding: 10px; border: 1px solid #aaa; vertical-align:top;text-align:left;}
+html body.tc-body .greenaltrows td {padding: 10px; border: 1px solid #aaa; vertical-align:top;}
+html body.tc-body .greenaltrows tr:nth-child(even) td {background-color:#F3F6F5;}
+html body.tc-body .greenaltrows tr:nth-child(odd) td {background-color:#E7EDEB;}
+
+html body.tc-body .greenaltrows {
+-moz-box-shadow: 10px 10px 5px #bbb;
+-webkit-box-shadow: 10px 10px 5px #bbb;
+box-shadow: 10px 10px 5px #bbb;
+}
+
+/*TIDDLER TITLES*/
+
+.tc-tiddler-missing .tc-title { font-style: normal; font-weight: bold; }
+
+/*HIDE SECTIONS FOR PRINTING*/
+
+@media print {#tc-page-background {display: none ! important;}} 
+@media print {.tc-tags-wrapper {display: none ! important;}} 
+
+ @media print { body.tc-body {background-color: transparent;}}
+ @media print {.tc-image-chevron-up {display: none ! important;}} 
+ @media print {.tc-image-chevron-down {display: none ! important;}} 
+ @media print {button.sidebar-toggle {display: none ! important;}} 
+@media print {.hideprint {display: none ! important;}} 
+@media print {.tc-btn-invisible {display: none ! important;}} 
+
+@media print {
+
+.story-river {
+margin: 0;
+padding: 0;
+}
+
+html body.tc-body .tc-tiddler-frame {
+margin: 0;
+border-bottom: 1px solid #fff;
+padding: 5px;}
+
+html body.tc-body a.tc-tiddlylink-external:hover {
+border: 1px solid <<colour tiddler-border>>;
+}
+
+html body.tc-body .tc-tiddler-info {
+padding: 14px 42px 14px 42px;
+background-color: <<colour tiddler-info-background>>;}
+
+}
+}

src/tiddlers/$__.giffmex_.Stylesheet4tiddlyblink.css.meta

@@ -0,0 +1,5 @@
+created: 20191010123116672
+modified: 20200304195028956
+tags: tb $:/tags/Stylesheet
+title: $:/.giffmex/.Stylesheet4tiddlyblink
+type: text/css

src/tiddlers/$__.giffmex_Change.log.tid

@@ -0,0 +1,42 @@
+caption: Change log
+created: 20200129233457195
+modified: 20200228212517326
+tags: meta
+title: $:/.giffmex/Change.log
+
+<span class="doublelist">
+
+*''2-28-2020''
+**Thanks to help from Mark S. at the ~TiddlyWiki Google group (and Thomas Elmiger, Mohammad and ~TonyM), the checkboxes for changing the way to view references now work the way I have always wanted them to: choosing one view closes the other views. 
+**Added a TiddlyBlink palette and a palette switcher in the 'gear' tab.
+**Changed tiddlers: $:/.giffmex/sidebar/tabs/tiddlyblinkcontrols, $:/.giffmex/ViewTemplate/refstranscludeclean, $:/.giffmex/ViewTemplate/refstranscludecollapse, $:/.giffmex/ViewToolbar/viewrefscheckboxes.
+
+*''1-29-2020:''
+**Added CSS in $:/.giffmex/.Stylesheet4tiddlyblink for tighter padding around transcluded notes.
+**Added $:/sk/WhiteList so users can add wikiwords they don't want to automatically turn into links
+**Moved the checkboxes for toggling notes as context / transclude / links to the ~TiddlyBlink tab in the sidebar.
+**With the help of ~TonyM and Eric Shulman at the ~TiddlyWiki Google group, I was able to fix a problem with the button at the top of the tiddlers that creates new tiddlers with a date and time stamp for the title. 
+**Improved instructions, including an example file at http://giffmex.org/gifts/tiddlyblinkexample.html
+*''1-30-2020:''
+**Made tiddler titles above transclusions into links, by popular demand.
+*''1-31-2020''
+**With the help fo ~MarkS at the ~TiddlyWiki Google group, I added a new way of viewing references: transclusion with open and close buttons. 
+**Added the home page and more documentation, accessible from the 'Start here' tab.
+*''2-1-2020''
+**Changed .outlinesList to .hideList
+**Added documentation to .hideList, .sourcesList and .topicList
+**Other minor documentation changes (2 and 3)
+**Link to upcoming Spanish version
+**Updated [[$:/.giffmex/meta/How.to.add.TiddlyBlink.to.your.TiddlyWiki]] (the list there will soon be replaced with a plugin!)
+*''2-4-2020''
+**Now when you save a tiddler, any links in that tiddler to non-existent (missing) tiddlers automatically cause the creation of those tiddlers. So you don't need to open the links, click edit, and click save, as before.
+*''2-6-2020''
+**Added the parallel tab in the sidebar ($:/.giffmex/sidebar/parallel) for viewing tiddlers side by side. See [[3. See tiddlers side by side]]. Use by tagging and untagging a tiddler with `parallel`
+**Adjusted relative width of story river and sidebar, and hide sitetitle and sitesubtitle from sidebar, to make room for the parallel tab.
+*''2-7-2020''
+**Replaced yesterday's parallel tab with an even better one! Courtesy of A Gloom from the TiddlyWiki Google group. Now just paste a tiddler title into the parallel tab field, and view the tiddler's contents for side-by-side reading. ($:/.giffmex/sidebar/parallel and $:/.giffmex/sidebar/parallel2)
+**Hid 'meta' tags from References, per suggestion by Mark S at the TiddlyWiki Google group.
+*''2-12-2020''
+**Changed TB so that only linked references appear in the reference section. Added $:/.giffmex/meta/hack.tiddlyblink with instructions on how to put it back in. See $:/.giffmex/ViewTemplate/refscontext, $:/.giffmex/ViewTemplate/refslinks, $:/.giffmex/ViewTemplate/refstranscludeclean,  and $:/.giffmex/ViewTemplate/refstranscludecollapse
+**Made available from the tiddler view toolbar, the checkboxes for showing and hiding references. See the {{$:/core/images/preview-open}} menu at the top of the tiddlers.  $:/.giffmex/viewtoolbar/viewrefs, $:/.giffmex/ViewToolbar/viewrefscheckboxes, and $:/config/ViewToolbarButtons/Visibility/$:/.giffmex/ViewToolbar/viewrefscheckboxes
+</span>

src/tiddlers/$__.giffmex_Customize.TiddlyBlink.tid

@@ -0,0 +1,15 @@
+caption: Customize TiddlyBlink
+created: 20200127211244101
+modified: 20200304195100291
+tags: tb starthere meta
+title: $:/.giffmex/Customize.TiddlyBlink
+
+*Change the title and subtitle of this file
+**Edit [[$:/SiteTitle]] and [[$:/SiteSubtitle]]
+*Customize the date and time stamp when creating new notes 
+**Open [[$:/config/NewJournal/Title]] and adjust. The guide to formatting dates and times is here: https://tiddlywiki.com/#DateFormat
+**Make changes to the Custom Stylesheet: edit [[$:/.giffmex/.Stylesheet4tiddlyblink]] and/or create a tiddler and tag it `$:/tags/Stylesheet` and choose 'text/css' in the type field.
+*Keep WikiWords (CamelCase words like McDonalds ) from becoming links
+**Add `~` before a wikiword to keep it from becoming a link
+**To add to a word-by-word list of frequent wikiwords that should not be links, add them, comma-separated, to $:/sk/WhiteList
+**Nuclear option: To turn off //all //automatic wikiword linking, open $:/ControlPanel > Settings > uncheck the Camel Case Wiki Links checkbox

src/tiddlers/$__.giffmex_ViewTemplate_refscontext.tid

@@ -0,0 +1,14 @@
+caption: search results in context
+created: 20200102141715979
+modified: 20200401152145043
+tags: tb refs $:/tags/ViewTemplate
+title: $:/.giffmex/ViewTemplate/refscontext
+
+\define mycrit() (?i)\b$(searchspx)$\b
+
+<hr>References: 
+
+<$vars searchme=<<currentTiddler>> searchspx={{{ [<currentTiddler>escaperegexp[]]}}} >
+
+<$list filter="[!is[system]all[current]backlinks[]!tag[outlines]!tag[hide]sort[title]] -[is[current]]"><$link><$view field="title"/></$link><span class="indent1"><$link><span class="graybox"><$context term=<<searchme>> /></span></$link></span></$list>
+</$vars>

src/tiddlers/$__.giffmex_ViewTemplate_refslinks.tid

@@ -0,0 +1,14 @@
+caption: links
+created: 20200126143031898
+modified: 20200401152140125
+tags: refs tb
+title: $:/.giffmex/ViewTemplate/refslinks
+
+\define mycrit() (?i)\b$(searchspx)$\b
+
+<hr>References: 
+
+<$vars searchme=<<currentTiddler>> searchspx={{{ [<currentTiddler>escaperegexp[]]}}} >
+
+<$list filter="[!is[system]all[current]backlinks[]!tag[hide]sort[title]] -[is[current]]"><$link><$view field="title" /></$link><br></$list>
+</$vars>

src/tiddlers/$__.giffmex_ViewTemplate_refstranscludeclean.tid

@@ -0,0 +1,11 @@
+caption: simple transclusion
+created: 20200126142157739
+modified: 20200304195401578
+tags: tb refs
+title: $:/.giffmex/ViewTemplate/refstranscludeclean
+
+<hr>
+
+References: <br>
+
+<$list filter="[!is[system]all[current]backlinks[]!tag[hide]!tag[outlines]sort[title]] -[is[current]]"><$link><$view field="title"/></$link><span class="indent1"><$link><span class="graybox"><$transclude field="text" mode="block" /></span></$link></span></$list>

src/tiddlers/$__.giffmex_ViewTemplate_refstranscludecollapse.tid

@@ -0,0 +1,22 @@
+caption: collapsible transclusion
+created: 20200126142157739
+modified: 20200401152145043
+tags: refs
+title: $:/.giffmex/ViewTemplate/refstranscludecollapse
+
+<hr>
+
+References: <br>
+
+<$list filter="[!is[system]all[current]backlinks[]!tag[hide]!tag[outlines]sort[title]] -[is[current]]"><$link><$view field="title"/></$link>
+<$reveal type="nomatch" stateTitle="TiddlyBlinkFoldData" stateIndex=<<currentTiddler>> text="show">
+<$button class=<<tv-config-toolbar-class>> setTitle="TiddlyBlinkFoldData" setIndex=<<currentTiddler>> setTo="show">{{$:/core/images/unfold-button}}</$button><br/>
+</$reveal>
+<$reveal type="match" stateTitle="TiddlyBlinkFoldData" stateIndex=<<currentTiddler>> text="show">
+<$button class=<<tv-config-toolbar-class>> setTitle="TiddlyBlinkFoldData" setIndex=<<currentTiddler>> setTo="hide">{{$:/core/images/fold-button}}</$button>
+<span class="indent1">
+<$link><span class="graybox">
+
+<$transclude field="text" mode="block" /></span></$link></span>
+</$reveal>
+</$list>

src/tiddlers/$__.giffmex_ViewToolbar_new-note-here-datetime.tid

@@ -0,0 +1,38 @@
+caption: {{$:/core/images/new-journal-button}} {{$:/language/Buttons/NewJournalHere/Caption}}
+created: 20200127185823887
+description: {{$:/language/Buttons/NewJournalHere/Hint}}
+modified: 20200304195454038
+tags: tb $:/tags/ViewToolbar
+title: $:/.giffmex/ViewToolbar/new-note-here-datetime
+
+\whitespace trim
+
+\define journalButtonActions()
+<$action-sendmessage $message="tm-new-tiddler" title=<<now """$(journalTitleTemplate)$""">> text="""[[$(tid)$]]""" />
+\end
+
+\define journalButtonTags()
+[[$(currentTiddlerTag)$]] $(journalTags)$
+\end
+
+\define journalButton()
+<$button tooltip={{$:/language/Buttons/NewJournalHere/Hint}}
+   aria-label={{$:/language/Buttons/NewJournalHere/Caption}}
+   class=<<tv-config-toolbar-class>>
+   actions=<<journalButtonActions>>>
+   <$list filter="[<tv-config-toolbar-icons>match[yes]]">
+      {{$:/core/images/timestamp-on}}
+   </$list>
+   <$list filter="[<tv-config-toolbar-text>match[yes]]">
+      <span class="tc-btn-text">
+         <$text text={{$:/language/Buttons/NewJournalHere/Caption}}/>
+      </span>
+   </$list>
+</$button>
+\end
+
+<$set name="journalTitleTemplate" value={{$:/config/NewJournal/Title}}>
+<$set name="tid" value=<<currentTiddler>>>
+<<journalButton>>
+</$set>
+</$set>

src/tiddlers/$__.giffmex_ViewToolbar_new-note-here.tid

@@ -0,0 +1,20 @@
+caption: {{$:/core/images/new-journal-button}} {{$:/language/Buttons/NewJournalHere/Caption}}
+created: 20200127162624895
+description: {{$:/language/Buttons/NewJournalHere/Hint}}
+modified: 20200304195448159
+tags: tb $:/tags/ViewToolbar
+title: $:/.giffmex/ViewToolbar/new-note-here
+
+\define button()
+<$button class=<<tv-config-toolbar-class>> actions=<<actions>>>
+{{$:/core/images/new-button}}
+</$button>
+\end
+
+\define actions()
+<$action-sendmessage $message="tm-new-tiddler" title=<<journalTitle>> text="""[[$(tid)$]]"""/>
+\end
+
+<$wikify name=tid text=<<currentTiddler>>>
+<<button>>
+</$wikify>

src/tiddlers/$__.giffmex_ViewToolbar_viewrefscheckboxes.tid

@@ -0,0 +1,28 @@
+caption: {{$:/core/images/options-button}}
+created: 20200129233103456
+modified: 20200304195517765
+tags: tb $:/tags/ViewToolbar refview
+title: $:/.giffmex/ViewToolbar/viewrefscheckboxes
+
+\define tagreset() 
+<$list filter="[tag[refs]sort[created]] -[[$(currentTiddler)$]]" variable="removeme">
+<$action-listops  $tiddler=<<removeme>> $tags="+[remove[$:/tags/ViewTemplate]]"/>
+</$list>
+<$action-deletefield dummy/>
+\end
+
+<span style="font-size:12pt;">
+
+<span class="graybox">
+
+''View references as:''
+
+<$list filter="[tag[refs]sort[created]]"><$list filter="[all[current]tag[$:/tags/ViewTemplate]]">
+<$checkbox field=dummy checked="yes" unchecked="yes" default="yes"></$checkbox><$link><$view field="caption"/></$link></$list><$list filter="[all[current]!tag[$:/tags/ViewTemplate]]"><$checkbox tag="$:/tags/ViewTemplate" xinvertTag="yes" checkactions=<<tagreset>>/><$link><$view field="caption"/></$link> </$list></$list>
+
+</span>
+
+</span>
+
+
+{{build-and-export}}