All of the changes that have been sitting on tildepi for ages. For posterity.

git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@3530 ed5197a5-7fde-0310-b194-c3ffbd925b24
2020-09-23 01:58:13 +00:00
parent d6018736d5
commit d293637741
29 changed files with 3380 additions and 8 deletions
--- a/packages/cory/whatnext/whatnext.js
+++ b/packages/cory/whatnext/whatnext.js
@ -0,0 +1,143 @@
+"use strict";
+
+//! {"require": ["ui"]}
+
+terminal.setEcho(false);
+terminal.setTitle("What Next?");
+
+let gEditEvent = null;
+
+function back() {
+	terminal.split([{name: "terminal"}]);
+	if (gEditEvent) {
+		gEditEvent.back();
+	}
+}
+
+core.register("onWindowMessage", function(event) {
+	if (event.message.ready) {
+		terminal.postMessageToIframe("iframe", {title: gEditEvent.name, contents: gEditEvent.value});
+	} else if (event.message.index) {
+		back();
+	} else {
+		gEditEvent.save(event.message.title, event.message.contents).then(back);
+	}
+});
+
+function editPage(event) {
+	gEditEvent = event;
+	terminal.split([{name: "terminal", type: "vertical"}]);
+	terminal.clear();
+	terminal.print({iframe: `<html>
+		<head>
+			<script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.13.2/codemirror.min.js"></script>
+			<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.13.2/codemirror.min.css"></link>
+			<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.13.2/theme/base16-dark.min.css"></link>
+			<style>
+				html {
+					height: 100%;
+					margin: 0;
+					padding: 0;
+				}
+				body {
+					display: flex;
+					flex-direction: column;
+					height: 100%;
+					margin: 0;
+					padding: 0;
+				}
+				#menu {
+					flex: 0 0 auto;
+				}
+				#container {
+					flex: 1 1 auto;
+					display: flex;
+					flex-direction: row;
+					width: 100%;
+					background-color: white;
+				}
+				.CodeMirror {
+					width: 100%;
+					height: 100%;
+				}
+				.CodeMirror-scroll {
+				}
+
+				.cm-tab {
+					background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);
+					background-position: right;
+					background-repeat: no-repeat;
+					-webkit-filter: invert(100%);
+					filter: invert(100%);
+				}
+
+				.cm-trailingspace {
+					background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAYAAAB/qH1jAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QUXCToH00Y1UgAAACFJREFUCNdjPMDBUc/AwNDAAAFMTAwMDA0OP34wQgX/AQBYgwYEx4f9lQAAAABJRU5ErkJggg==);
+					background-position: bottom left;
+					background-repeat: repeat-x;
+				}
+				#edit { background-color: white }
+				#preview { background-color: white }
+				#edit, #preview {
+					display: flex;
+					overflow: auto;
+					flex: 0 0 50%;
+				}
+			</style>
+			<script>
+				var gEditor;
+				function index() {
+					parent.postMessage({index: true}, "*");
+				}
+				function submit() {
+					var contents = gEditor.getValue();
+					var lines = contents.split("\\n");
+					var title = lines[0].trim();
+					parent.postMessage({
+						title: title,
+						contents: contents,
+					}, "*");
+				}
+				function textChanged() {
+					var preview = document.getElementById("preview");
+					preview.innerText = gEditor.getValue();
+				}
+				window.addEventListener("message", function(message) {
+					gEditor.setValue(message.data.contents);
+					textChanged();
+				}, false);
+
+				window.addEventListener("load", function() {
+					gEditor = CodeMirror.fromTextArea(document.getElementById("contents"), {
+						theme: 'base16-dark',
+						lineNumbers: true,
+						tabSize: 4,
+						intentUnit: 4,
+						indentWithTabs: true,
+						showTrailingSpace: true,
+					});
+					gEditor.on("change", textChanged);
+				});
+
+				parent.postMessage({ready: true}, "*");
+			</script>
+		</head>
+		<body>
+			<div id="menu">
+				<input type="button" value="Back" onclick="index()">
+` + (core.user.credentials.permissions && core.user.credentials.permissions.authenticated ? `
+				<input type="button" value="Save" onclick="submit()">
+` : "") + `
+			</div>
+			<div id="container">
+				<div id="edit"><textarea id="contents" oninput="textChanged()"></textarea></div>
+				<div id="preview"></div>
+			</div>
+		</body>
+	</html>`, name: "iframe", style: "flex: 1 1 auto; border: 0; width: 100%"});
+}
+
+require("ui").fileList({
+	title: "What Next?",
+	edit: editPage,
+});