First version of the edit macro

js/App.js

@@ -84,6 +84,7 @@ var App = function() {
 	// Bit of a hack to set up the macros
 	this.store.installMacro(require("./macros/chooser.js").macro);
 	this.store.installMacro(require("./macros/echo.js").macro);
+	this.store.installMacro(require("./macros/edit.js").macro);
 	this.store.installMacro(require("./macros/image.js").macro);
 	this.store.installMacro(require("./macros/link.js").macro);
 	this.store.installMacro(require("./macros/list.js").macro);

js/macros/edit.js

@@ -0,0 +1,47 @@
+/*\
+title: js/macros/edit.js
+
+\*/
+(function(){
+
+/*jslint node: true */
+"use strict";
+
+var Renderer = require("../Renderer.js").Renderer,
+	Dependencies = require("../Dependencies.js").Dependencies,
+	utils = require("../Utils.js");
+
+exports.macro = {
+	name: "edit",
+	params: {
+		field: {byPos: 0, type: "text"}
+	},
+	execute: function() {
+		var tiddler = this.store.getTiddler(this.tiddlerTitle),
+			field = this.hasParameter("field") ? this.params.field : "title",
+			value;
+		if(tiddler) {
+			value = tiddler[field];
+		} else {
+			switch(field) {
+				case "text":
+					value = "Type the text for the tiddler '" + this.tiddlerTitle + "'";
+					break;
+				case "title":
+					value = this.tiddlerTitle;
+					break;
+				default:
+					value = "";
+					break;
+			}
+		}
+		var attributes = {
+			"contenteditable": true,
+			"class": ["tw-edit-field"]
+		}
+		return [Renderer.ElementNode("div",attributes,[Renderer.TextNode(value)])];
+	}
+};
+
+})();
+

tiddlywiki5/shadows/StoryTiddlers.tid

@@ -3,6 +3,7 @@ type: application/json
 
 {
 	"tiddlers": [
+		{"title": "DraftTiddler", "template": "EditTemplate"},
 		{"title": "HelloThere", "template": "SimpleTemplate"},
 		{"title": "Introduction", "template": "SimpleTemplate"},
 		{"title": "NewWikiTextFeatures", "template": "SimpleTemplate"}

tiddlywiki5/shadows/css/styles.css

@@ -10,6 +10,11 @@ body {
 
 .tiddlerMissing .title {
 	font-style: italic;
+	font-weight: normal;
+}
+
+.tw-edit-field {
+	border: 1px dotted #888;
 }
 
 img {

tiddlywiki5/shadows/templates/EditTemplate.tid

@@ -0,0 +1,7 @@
+title: EditTemplate
+modifier: JeremyRuston
+
+{{title{
+<<edit draft.title>>}}}
+{{body{
+<<edit text>>}}}

tiddlywiki5/shadows/templates/SimpleTemplate.tid

@@ -6,6 +6,4 @@ modifier: JeremyRuston
 {{small{
 <<view modifier link>> <<view modified date>>}}}
 {{body{
-<<view text wikified>>}}}
+<<view text wikified>>}}}
-<<ianfo parsetree>>
-<<ianfo compiled>>

tiddlywiki5/tiddlers/DraftTiddler.tid

@@ -0,0 +1,4 @@
+title: DraftTiddler
+draft.title: New Tiddler
+
+This is a sample draft tiddler. It is a draft of the tiddler titled in the `draft.title` field, in this case <<view draft.title>>.