TiddlyWiki5/js/App.js

/*\
title: js/App.js

This is the main() function in the browser

\*/
(function(){

/*jslint node: true, browser: true */
"use strict";

var WikiStore = require("./WikiStore.js").WikiStore,
	HttpSync = require("./HttpSync.js").HttpSync,
	Tiddler = require("./Tiddler.js").Tiddler,
	tiddlerInput = require("./TiddlerInput.js"),
	tiddlerOutput = require("./TiddlerOutput.js"),
	Renderer = require("./Renderer.js").Renderer,
	WikiTextParser = require("./WikiTextParser.js").WikiTextParser,
	TiddlyTextParser = require("./TiddlyTextParser.js").TiddlyTextParser,
	PlainTextParser = require("./PlainTextParser.js").PlainTextParser,
	JavaScriptParser = require("./JavaScriptParser.js").JavaScriptParser,
	JSONParser = require("./JSONParser.js").JSONParser,
	ImageParser = require("./ImageParser.js").ImageParser,
	utils = require("./Utils.js");

var App = function() {
	var t;
	// Check if we're running on the server or the client
	this.isBrowser = typeof window !== "undefined";
	// Create the main store
	this.store = new WikiStore();	
	// Register the parsers
	this.store.registerParser("text/x-tiddlywiki",new WikiTextParser({store: this.store}));
	this.store.registerParser("text/x-tiddlywiki-css",new TiddlyTextParser({store: this.store}));
	this.store.registerParser("text/plain",new PlainTextParser({store: this.store}));
	this.store.registerParser(["image/svg+xml",".svg","image/jpg",".jpg","image/jpeg",".jpeg","image/png",".png","image/gif",".gif"],new ImageParser({store: this.store}));
	this.store.registerParser(["application/javascript",".js"],new JavaScriptParser({store: this.store}));
	this.store.registerParser(["application/json",".json"],new JSONParser({store: this.store}));
	// Register the standard tiddler serializers and deserializers
	tiddlerInput.register(this.store);
	tiddlerOutput.register(this.store);
	// Add the shadow tiddlers that are built into TiddlyWiki
	var shadowShadowStore = new WikiStore({
			shadowStore: null
		}),
		shadowShadows = [
			{title: "StyleSheet", text: ""},
			{title: "MarkupPreHead", text: ""},
			{title: "MarkupPostHead", text: ""},
			{title: "MarkupPreBody", text: ""},
			{title: "MarkupPostBody", text: ""},
			{title: "TabTimeline", text: "<<timeline>>"},
			{title: "TabAll", text: "<<list all>>"},
			{title: "TabTags", text: "<<allTags excludeLists>>"},
			{title: "TabMoreMissing", text: "<<list missing>>"},
			{title: "TabMoreOrphans", text: "<<list orphans>>"},
			{title: "TabMoreShadowed", text: "<<list shadowed>>"},
			{title: "AdvancedOptions", text: "<<options>>"},
			{title: "PluginManager", text: "<<plugins>>"},
			{title: "SystemSettings", text: ""},
			{title: "ToolbarCommands", text: "|~ViewToolbar|closeTiddler closeOthers +editTiddler > fields syncing permalink references jump|\n|~EditToolbar|+saveTiddler -cancelTiddler deleteTiddler|"},
			{title: "WindowTitle", text: "<<tiddler SiteTitle>> - <<tiddler SiteSubtitle>>"},
			{title: "DefaultTiddlers", text: "[[GettingStarted]]"},
			{title: "MainMenu", text: "[[GettingStarted]]"},
			{title: "SiteTitle", text: "My TiddlyWiki"},
			{title: "SiteSubtitle", text: "a reusable non-linear personal web notebook"},
			{title: "SiteUrl", text: ""},
			{title: "SideBarOptions", text: '<<search>><<closeAll>><<permaview>><<newTiddler>><<newJournal "DD MMM YYYY" "journal">><<saveChanges>><<slider chkSliderOptionsPanel OptionsPanel "options \u00bb" "Change TiddlyWiki advanced options">>'},
			{title: "SideBarTabs", text: '<<tabs txtMainTab "Timeline" "Timeline" TabTimeline "All" "All tiddlers" TabAll "Tags" "All tags" TabTags "More" "More lists" TabMore>>'},
			{title: "TabMore", text: '<<tabs txtMoreTab "Missing" "Missing tiddlers" TabMoreMissing "Orphans" "Orphaned tiddlers" TabMoreOrphans "Shadowed" "Shadowed tiddlers" TabMoreShadowed>>'}
		];
	this.store.shadows.shadows = shadowShadowStore;
	for(t=0; t<shadowShadows.length; t++) {
		shadowShadowStore.addTiddler(new Tiddler(shadowShadows[t]));
	}
	// If in the browser, load the tiddlers built into the TiddlyWiki document
	if(this.isBrowser) {
		// First, the JavaScript system tiddlers
		var moduleArea = document.getElementById("jsModules");
		this.store.shadows.addTiddlers(this.store.deserializeTiddlers("(DOM)",moduleArea));
		// Then, the ordinary tiddlers baked into the storeArea
		var storeArea = document.getElementById("storeArea");
		this.store.addTiddlers(this.store.deserializeTiddlers("(DOM)",storeArea));
		// Finally, the shadow tiddlers
		var shadowArea = document.getElementById("shadowArea");
		this.store.shadows.addTiddlers(this.store.deserializeTiddlers("(DOM)",shadowArea));
	}
	// Reset pending events on the store so that we don't get events for the initial load
	this.store.clearEvents();
	// Bit of a hack to set up the macros
	this.store.installMacro(require("./macros/chooser.js").macro);
	this.store.installMacro(require("./macros/command.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);
	this.store.installMacro(require("./macros/slider.js").macro);
	this.store.installMacro(require("./macros/story.js").macro);
	this.store.installMacro(require("./macros/tiddler.js").macro);
	this.store.installMacro(require("./macros/version.js").macro);
	this.store.installMacro(require("./macros/video.js").macro);
	this.store.installMacro(require("./macros/view.js").macro);
	this.store.installMacro(require("./macros/zoomer.js").macro);
	// Install the default link massager
	this.store.linkMassager = function(linkInfo) {
		if(!linkInfo.isExternal) {
			linkInfo.attributes.href = encodeURIComponent(linkInfo.to);
		}
	};
	// Set up for the browser
	if(this.isBrowser) {
		// Set up HttpSync
		this.httpSync = new HttpSync(this.store);
		// Apply the dynamic stylesheet
		var styleRenderer = this.store.renderMacro("tiddler",{target: "StyleSheet"});
		utils.applyStyleSheet("StyleSheet",styleRenderer.render("text/plain"));
		this.store.addEventListener("",function(changes) {
			styleRenderer.refresh(changes);
			utils.applyStyleSheet("StyleSheet",styleRenderer.render("text/plain"));
		});
		// Open the PageTemplate
		var renderer = this.store.renderMacro("tiddler",{target: "PageTemplate"});
		renderer.renderInDom(document.body);
		// Register an event handler to handle refreshing the DOM
		this.store.addEventListener("",function(changes) {
			renderer.refreshInDom(changes);
		});
		// Set the page title and refresh it when needed
		var titleRenderer = this.store.renderMacro("tiddler",{target: "WindowTitle"});
		document.title = titleRenderer.render("text/plain");
		this.store.addEventListener("",function(changes) {
			titleRenderer.refresh(changes);
			document.title = titleRenderer.render("text/plain");
		});
		// Listen for navigate events that weren't caught
		document.addEventListener("tw-navigate",function (event) {
			renderer.broadcastEvent(event);
		},false);
		// Set up a timer to change the value of a tiddler
		var me = this,
			s = setInterval || window.setInterval;
			s(function() {
				me.store.addTiddler(new Tiddler({
					title: "ClockTiddler",
					text: "The time was recently " + (new Date()).toString()
				}));
			},3000);
	}
};

exports.App = App;

})();