created: 201308252131 modified: 201308252131 tags: talkytalky title: TalkyTalky @@text-align:center; ! http://five.tiddlywiki.com/ ! Jeremy Ruston !! @~TiddlyWiki & @Jermolene @@ TiddlyWiki5 is a JavaScript wiki that can run entirely in the browser, or under ''Node.js''. Internally, it is a representation transformation engine. It parses WikiText and renders it as text, or straight to the DOM with selective refresh to reflect subsequent changes. WikiText is used to render the user interface as well as the content of tiddlers. Once you know how to edit a tiddler you know how to customise TiddlyWiki, with no limits - it's only JavaScript. Why is TiddlyWiki different? It frees you from the monopoly platforms of the web: store stuff in TW5 and you can pretty much guarantee you'll still have it in 100 years. Freedom, into the far future. !!! Single-file Edition Store your tiddlers in a single HTML file along with the JS # Open http://five.tiddlywiki.com/ # Show reading experience, search and tags # Responsive response to phone and tablet # Open http://five.tiddlywiki.com/empty.html in Chrome Canary # Create tiddlers, show links, missing, orphans, tags, tagging, references # Use missing tiddlers to find a typo # Show shadow tiddlers and system tiddlers # Show stylesheet handling - [[$:/themes/tiddlywiki/vanilla/base]] # Drag an image from the file system # Use the image in a tiddler # Edit the image # Click Save, select file destination # Open file in text editor, see content within it # Note that saving technique works in virtually all browsers # Set password # Click Save again, click `accept` # Open file in text editor, verify content is encrypted # Open saved file in Firefox, show TiddlyFox dialogue # Enter password to decrypt # Start adding tasks # Save using TiddlyFox, refresh to show changes # Drag in the task tiddlers # Drag in TaskManagementExample, show source !!! Node.js Edition Store your tiddlers in separate files in a chain of linked directories. # Run `./bld.sh` # Open http://five.tiddlywiki.com/static.html #* Click links to show individual tiddlers # Open http://five.tiddlywiki.com/test.html # Start `./serve.sh UserName` # Open http://0.0.0.0:8080/ # Open network console # Note same sync code on client and server !!! Wrap-up # This is the start of a 25-year journey to perfect a tool that anyone can user forever # Open https://github.com/Jermolene/TiddlyWiki5 # TiddlyWiki looking for sponsorship # Open http://federatial.com/ # Federatial looking for opportunities to adapt TW5 for corporate use --- //Below the line...// !!! API # Open dev tools console #* `$tw.wiki.deleteTiddler("HelloThere")` #* `$tw.wiki.addTiddler({title: "HelloThere", text: "This is a new [[Tiddler]], linking to a TiddlerThatDoesntCurrentlyExist"})` #* `$tw.wiki.getTiddlerLinks("HelloThere")` #* `$tw.wiki.filterTiddlers("[tag[mechanism]sort[modified]]")` !!! Saving online # Open http://tiddlyspot.com/ # Simple PHP scripts # Show TiddlySpot integration !!! Server integration with TiddlyWeb/TiddlySpace # Open http://tw5test.tiddlyspace.com/tw5 # Open network console # Show lazy loading