Stuff for Storyteller

Author: graham-trott

build

@@ -0,0 +1,21 @@
+EasyCoder.version = `2.6.0`;
+EasyCoder.timestamp = Date.now();
+
+function EasyCoder_Startup() {
+	EasyCoder.timestamp = Date.now();
+	EasyCoder.scripts = {};
+	window.EasyCoder = EasyCoder;
+	const script = document.getElementById(`easycoder-script`);
+	if (script) {
+		script.style.display = `none`;
+		try {
+			EasyCoder.start(script.innerText);
+		}
+		catch (err) {
+			EasyCoder.reportError(err);
+		}
+	}
+};
+
+// For browsers
+window.onload = EasyCoder_Startup;

easycoder/easycoder-min.js

@@ -14,6 +14,7 @@ const EasyCoder_Plugins = {
 		addPlugin(`showdown`, EasyCoder_Showdown);
 		addPlugin(`svg`, EasyCoder_SVG);
 		addPlugin(`ui`, EasyCoder_UI);
+		addPlugin(`vfx`, EasyCoder_WOF);
 		addPlugin(`wof`, EasyCoder_WOF);
 		addPlugin(`anagrams`, EasyCoder_Anagrams);
 	},

easycoder/easycoder.zip

@@ -0,0 +1,24 @@
+// Plugins for StoryTeller
+
+// eslint-disable-next-line no-unused-vars
+const EasyCoder_Plugins = {
+
+	// eslint-disable-next-line no-unused-vars
+	getGlobalPlugins: (timestamp, path, setPluginCount, getPlugin, addPlugin) => {
+		setPluginCount(9); // *** IMPORTANT *** the number of plugins you will be adding
+
+		addPlugin(`browser`, EasyCoder_Browser);
+		addPlugin(`json`, EasyCoder_Json);
+		addPlugin(`rest`, EasyCoder_Rest);
+		addPlugin(`gmap`, EasyCoder_GMap);
+		addPlugin(`showdown`, EasyCoder_Showdown);
+		addPlugin(`codemirror`, EasyCoder_CodeMirror);
+		addPlugin(`svg`, EasyCoder_SVG);
+		addPlugin(`ui`, EasyCoder_UI);
+		addPlugin(`vfx`, EasyCoder_VFX);
+	},
+  
+	rest: () => {
+		return ``;
+	}
+};

js/EasyCoder-ST.js

@@ -1979,7 +1979,8 @@ const EasyCoder_Browser = {
 					const styleName = compiler.getValue();
 					let type = `setStyle`;
 					let symbolName = ``;
-					if (compiler.tokenIs(`of`)) {
+					token = compiler.getToken();
+					if (token === `of`) {
 						if (compiler.nextToken() === `body`) {
 							type = `setBodyStyle`;
 						} else if (compiler.isSymbol()) {
@@ -2007,6 +2008,20 @@ const EasyCoder_Browser = {
 							}
 						}
 					}
+					else if (token === `to`) {
+						const styleValue = compiler.getNextValue();
+						if (styleValue) {
+							compiler.addCommand({
+								domain: `browser`,
+								keyword: `set`,
+								lino,
+								type: `setHeadStyle`,
+								styleName,
+								styleValue
+							});
+							return true;
+						}
+					}
 				} else if (token === `default`) {
 					if (compiler.nextTokenIs(`of`)) {
 						if (compiler.nextIsSymbol()) {
@@ -2233,6 +2248,13 @@ const EasyCoder_Browser = {
 					break;
 				}
 				break;
+			case `setHeadStyle`:
+				const headStyleName = program.getValue(command.styleName);
+				const headStyleValue = program.getValue(command.styleValue);
+				var style = document.createElement('style');
+				style.innerHTML = `${headStyleName} ${headStyleValue}`;
+				document.head.appendChild(style);
+				break;
 			case `setBodyStyle`:
 				const bodyStyleValue = program.getValue(command.styleValue);
 				switch (command.styleName.content) {