rm temp

.gitignore

@@ -8,4 +8,6 @@ server/testdata/workd/**/*
 server/testdata/media/**/*
 server/testdata/index.html
 ui/render
-ui/**/.*.html
+server/public/ui/**/.*.html
+**/*.ctmpl.html
+server/public/ui/render

crawler/gitlab.sh

@@ -32,7 +32,6 @@ gitlab() (
       blob="$(urlencode "$blob")"
 
       local path="api/v4/projects/$project/repository/files/$blob/raw"
-		log "url: https://gitlab-app.eng.qops.net/$path (blob=$blob, project=$project)"
       echo "https://gitlab-app.eng.qops.net/$path"
 	}
 
@@ -73,7 +72,6 @@ gitlab() (
       root="${root#tree/}"
 		root="$(echo "$root" | sed 's/^[^\/]*//')"
 		root="${root#/}"
-		log project=$project, root=$root, url=$url
       echo "$project"
       echo "$root"
    }

crawler/gitlab_wiki.sh

@@ -6,8 +6,9 @@ gitlab_wiki() (
    }
 
 	human_url() {
-		log "not impl: human url: $@"
+		local url="${1%/}"
-		exit 1
+		url="${url%%#*}"
+		echo "$url/$(echo "$2" | base64 --decode)"
 	}
 
 	_host() {
@@ -25,7 +26,7 @@ gitlab_wiki() (
 		project="${project%/-/}"
 		project="${project#/}"
 		project="${project%/}"
-		echo "$project"
+		echo "${project%%#*}"
 	}
 
 	_blob() {
@@ -36,7 +37,7 @@ gitlab_wiki() (
 		local blob="${path#*/wikis}"
 		blob="${blob#/}"
 		blob="${blob%/}"
-		echo "$blob"
+		echo "${blob%%#*}"
 	}
 
    get() {

crawler/main.sh

@@ -95,6 +95,8 @@ crawl_with() {
 	local content="$(echo "$json" | jq -r .content)"
 	local crawlable_source="$(extract_crawlable_source "$content")"
 
+	notes put "$pid" "$(notes meta "$pid" | jq -r .Meta.Title)" "$crawlable_source"
+
 	local expanded=($($backend expand "$crawlable_source"))
 
 	log purge $crawlable_source:
@@ -102,7 +104,7 @@ crawl_with() {
 		notes del "$subid"
 	done
 
-	log expand $crawlable_source:"$expanded"
+	log expand $crawlable_source:"${#expanded[@]}: ${expanded[@]}"
 	notes_mkdir_p() {
 		local id="$1"
 		local subtitle="${2%/}"
@@ -123,6 +125,7 @@ crawl_with() {
 		export CONTENT="$(
 			echo "**!! WARNING !! This page is autogenerated and prone to destruction and replacement**"
 			echo "**[See the original]($human_url)**"
+			echo ""
 			$backend get "$crawlable_source" "$i" \
 				| sed 's/](\([^#h]\)/]\(%%%\1/g'
 		)"
@@ -147,6 +150,11 @@ crawl_with() {
 			echo "$sum"
 		)"
 		ID="${ID%/}"
+		if [ "${#expanded[@]}" -lt 2 ]; then
+			ID="$pid"
+			TITLE="$(notes meta "$ID" | jq -r .Meta.Title)"
+			CONTENT="$(printf "%s\n\n%s", "$crawlable_source" "$CONTENT")"
+		fi
 		log "	$ID ($TITLE): ${#CONTENT}"
 		push_crawled "$ID" "$TITLE" "$CONTENT"
 		log "	/$ID ($TITLE): ${#CONTENT}"

crawler/notes.sh

@@ -106,6 +106,7 @@ notes() (
       _nncurl \
          -X PUT \
 			-H "Title: $title" \
+			-H "Read-Only: true" \
          -d "$body" \
          $NOTES_ADDR/api/v0/files/$id >&2
    }

server/go.mod

@@ -3,8 +3,8 @@ module ezmded
 go 1.17
 
 require (
+	github.com/gomarkdown/markdown v0.0.0-20220114203417-14399d5448c4
 	github.com/google/uuid v1.3.0
-	go.mongodb.org/mongo-driver v1.7.2
 	gopkg.in/yaml.v2 v2.4.0
 	local/args v0.0.0-00010101000000-000000000000
 	local/gziphttp v0.0.0-00010101000000-000000000000
@@ -12,8 +12,6 @@ require (
 	local/simpleserve v0.0.0-00010101000000-000000000000
 )
 
-require github.com/go-stack/stack v1.8.0 // indirect
-
 replace local/args => ../../../../args
 
 replace local/logb => ../../../../logb

server/go.sum

@@ -18,14 +18,12 @@ github.com/cespare/xxhash v1.1.0/go.mod h1:XrSqR1VqqWfGrhpAt58auRo0WTKS1nRRg3ghf
 github.com/coreos/bbolt v0.0.0-20180318001526-af9db2027c98/go.mod h1:iRUV2dpdMOn7Bo10OQBFzIJO9kkE559Wcmn+qkEiiKk=
 github.com/cpuguy83/go-md2man v1.0.8/go.mod h1:N6JayAiVKtlHSnuTCeuLSQVs75hb8q+dYQLjr7cDsKY=
 github.com/davecgh/go-spew v1.1.0/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
-github.com/davecgh/go-spew v1.1.1 h1:vj9j/u1bqnvCEfJOwUhtlOARqs3+rkHYY13jYWTU97c=
 github.com/davecgh/go-spew v1.1.1/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
 github.com/djherbis/times v1.1.0/go.mod h1:CGMZlo255K5r4Yw0b9RRfFQpM2y7uOmxg4jm9HsaVf8=
 github.com/dropbox/dropbox-sdk-go-unofficial v5.4.0+incompatible/go.mod h1:lr+LhMM3F6Y3lW1T9j2U5l7QeuWm87N9+PPXo3yH4qY=
 github.com/dustin/go-humanize v1.0.0/go.mod h1:HtrtbFcZ19U5GC7JDqmcUSB87Iq5E25KnS6fMYU6eOk=
 github.com/fairlyblank/md2min v0.0.0-20171213131418-39cd6e9904ac/go.mod h1:QAobgT+CwT/SRphqV6Jrz5jt3wkW9Q72QNquEvh6dLk=
 github.com/fsnotify/fsnotify v1.4.7/go.mod h1:jwhsz4b93w/PPRr/qN1Yymfu8t87LnFCMoQvtojpjFo=
-github.com/go-stack/stack v1.8.0 h1:5SgMzNM5HxrEjV0ww2lTmX6E2Izsfxas4+YHWRs3Lsk=
 github.com/go-stack/stack v1.8.0/go.mod h1:v0f6uXyyMGvRgIKkXu+yp6POWl0qKG85gN/melR3HDY=
 github.com/gobuffalo/attrs v0.0.0-20190224210810-a9411de4debd/go.mod h1:4duuawTqi2wkkpB4ePgWMaai6/Kc6WEz83bhFwpHzj0=
 github.com/gobuffalo/depgen v0.0.0-20190329151759-d478694a28d3/go.mod h1:3STtPUQYuzV0gBVOY3vy6CfMm/ljR4pABfrTeHNLHUY=
@@ -57,8 +55,9 @@ github.com/golang/protobuf v1.2.0/go.mod h1:6lQm79b+lXiMfvg/cZm0SGofjICqVBUtrP5y
 github.com/golang/snappy v0.0.0-20180518054509-2e65f85255db/go.mod h1:/XxbfmMg8lxefKM7IXC3fBNl/7bRcc72aCRzEWrmP2Q=
 github.com/golang/snappy v0.0.1/go.mod h1:/XxbfmMg8lxefKM7IXC3fBNl/7bRcc72aCRzEWrmP2Q=
 github.com/gomarkdown/markdown v0.0.0-20210208175418-bda154fe17d8/go.mod h1:aii0r/K0ZnHv7G0KF7xy1v0A7s2Ljrb5byB7MO5p6TU=
+github.com/gomarkdown/markdown v0.0.0-20220114203417-14399d5448c4 h1:6GlsnS3GQYfrJZTJEUsheoyLE6kLXQJDvQKIKxgL/9Q=
+github.com/gomarkdown/markdown v0.0.0-20220114203417-14399d5448c4/go.mod h1:JDGcbDT52eL4fju3sZ4TeHGsQwhG9nbDV21aMyhwPoA=
 github.com/gomodule/redigo v1.8.5/go.mod h1:P9dn9mFrCBvWhGE1wpxx6fgq7BAeLBk+UUUzlpkBYO0=
-github.com/google/go-cmp v0.5.2 h1:X2ev0eStA3AbceY54o37/0PQ/UWqKEiiO2dKL5OPaFM=
 github.com/google/go-cmp v0.5.2/go.mod h1:v8dTdLbMG2kIc/vJvl+f65V22dbkXbowE6jgT/gNBxE=
 github.com/google/go-querystring v1.0.0/go.mod h1:odCYkC5MyYFN7vkCjXpyrEuKhc/BUO6wN/zVPAxq5ck=
 github.com/google/gofuzz v1.0.0/go.mod h1:dBl0BpW6vV/+mYPU4Po3pmUjxk6FQPldtuIdl/M65Eg=
@@ -113,7 +112,6 @@ github.com/pkg/errors v0.8.0/go.mod h1:bwawxfHBFNV+L2hUp1rHADufV3IMtnDRdf1r5NINE
 github.com/pkg/errors v0.8.1/go.mod h1:bwawxfHBFNV+L2hUp1rHADufV3IMtnDRdf1r5NINEl0=
 github.com/pkg/errors v0.9.1/go.mod h1:bwawxfHBFNV+L2hUp1rHADufV3IMtnDRdf1r5NINEl0=
 github.com/pkg/sftp v1.8.3/go.mod h1:NxmoDg/QLVWluQDUYG7XBZTLUpKeFa8e3aMf1BfjyHk=
-github.com/pmezard/go-difflib v1.0.0 h1:4DBwDE0NGyQoBHbLQYPwSUPoCMWR5BEzIk/f1lZbAQM=
 github.com/pmezard/go-difflib v1.0.0/go.mod h1:iKH77koFhYxTK1pcRnkKkqfTogsbg7gZNVY4sRDYZ/4=
 github.com/rfjakob/eme v0.0.0-20171028163933-2222dbd4ba46/go.mod h1:U2bmx0hDj8EyDdcxmD5t3XHDnBFnyNNc22n1R4008eM=
 github.com/rogpeppe/go-internal v1.1.0/go.mod h1:M8bDsm7K2OlrFYOpmOWEs/qY81heoFRclV5y23lUDJ4=
@@ -141,11 +139,9 @@ github.com/stretchr/objx v0.1.1/go.mod h1:HFkY916IF+rwdDfMAkV7OtwuqBVzrE8GR6GFx+
 github.com/stretchr/testify v1.2.2/go.mod h1:a8OnRcib4nhh0OaRAV+Yts87kKdq0PP7pXfy6kDkUVs=
 github.com/stretchr/testify v1.3.0/go.mod h1:M5WIy9Dh21IEIfnGCwXGc5bZfKNJtfHm1UVUgZn+9EI=
 github.com/stretchr/testify v1.5.1/go.mod h1:5W2xD1RspED5o8YsWQXVCued0rvSQ+mT+I5cxcmMvtA=
-github.com/stretchr/testify v1.6.1 h1:hDPOHmpOpP40lSULcqw7IrRb/u7w6RpDC9399XyoNd0=
 github.com/stretchr/testify v1.6.1/go.mod h1:6Fq8oRcR53rry900zMqJjRRixrwX3KX962/h/Wwjteg=
 github.com/syndtr/goleveldb v1.0.0/go.mod h1:ZVVdQEZoIme9iO1Ch2Jdy24qqXrMMOU6lpPAyBWyWuQ=
 github.com/t3rm1n4l/go-mega v0.0.0-20190205172012-55a226cf41da/go.mod h1:XWL4vDyd3JKmJx+hZWUVgCNmmhZ2dTBcaNDcxH465s0=
-github.com/tidwall/pretty v1.0.0 h1:HsD+QiTn7sK6flMKIvNmpqz1qrpP3Ps6jOKIKMooyg4=
 github.com/tidwall/pretty v1.0.0/go.mod h1:XNkn88O1ChpSDQmQeStsy+sBenx6DDtFZJxhVysOjyk=
 github.com/xanzy/ssh-agent v0.2.0/go.mod h1:0NyE30eGUDliuLEHJgYte/zncp2zdTStcOnWhgSqHD8=
 github.com/xdg-go/pbkdf2 v1.0.0/go.mod h1:jrpuAogTd400dnrH08LKmI/xc1MbPOebTwRqcT5RDeI=
@@ -154,7 +150,6 @@ github.com/xdg-go/stringprep v1.0.2/go.mod h1:8F9zXuvzgwmyT5DUm4GUfZGDdT3W+LCvS6
 github.com/youmark/pkcs8 v0.0.0-20181117223130-1be2e3e5546d/go.mod h1:rHwXgn7JulP+udvsHwJoVG1YGAP6VLg4y9I5dyZdqmA=
 github.com/yuin/goldmark v1.3.4-0.20210326114109-75d8cce5b78c/go.mod h1:mwnBkeHKe2W/ZEtQ+71ViKU8L12m81fl3OWwC1Zlc8k=
 github.com/yunify/qingstor-sdk-go v2.2.15+incompatible/go.mod h1:w6wqLDQ5bBTzxGJ55581UrSwLrsTAsdo9N6yX/8d9RY=
-go.mongodb.org/mongo-driver v1.7.2 h1:pFttQyIiJUHEn50YfZgC9ECjITMT44oiN36uArf/OFg=
 go.mongodb.org/mongo-driver v1.7.2/go.mod h1:Q4oFMbo1+MSNqICAdYMlC/zSTrwCogR4R8NzkI+yfU8=
 golang.org/dl v0.0.0-20190829154251-82a15e2f2ead/go.mod h1:IUMfjQLJQd4UTqG1Z90tenwKoCX93Gn3MAQJMOSBsDQ=
 golang.org/x/crypto v0.0.0-20180904163835-0709b304e793/go.mod h1:6SG95UA2DQfeDnfUPMdvaQW0Q7yPrPDi9nlGo2tz2b4=
@@ -211,5 +206,4 @@ gopkg.in/yaml.v2 v2.2.2/go.mod h1:hI93XBmqTisBFMUTm0b8Fm+jr3Dg1NNxqwp+5A1VGuI=
 gopkg.in/yaml.v2 v2.2.8/go.mod h1:hI93XBmqTisBFMUTm0b8Fm+jr3Dg1NNxqwp+5A1VGuI=
 gopkg.in/yaml.v2 v2.4.0 h1:D8xgwECY7CYvx+Y2n4sBz93Jn9JRvxdiyyo8CTfuKaY=
 gopkg.in/yaml.v2 v2.4.0/go.mod h1:RDklbk79AGWmwhnvt/jBztapEOGDOx6ZbXqjP6csGnQ=
-gopkg.in/yaml.v3 v3.0.0-20200313102051-9f266ea9e77c h1:dUUwHk2QECo/6vqA44rthZ8ie2QXMNeKRTHCNY2nXvo=
 gopkg.in/yaml.v3 v3.0.0-20200313102051-9f266ea9e77c/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=

server/id.go

@@ -47,5 +47,9 @@ func (id ID) withClean() ID {
 			splits[i] = t
 		}
 	}
-	return ID(path.Join(splits...))
+	clean := path.Join(splits...)
+	if clean == "" || clean == "." {
+		clean = ""
+	}
+	return ID(clean)
 }

server/leaf.go

@@ -0,0 +1,68 @@
+package main
+
+import (
+	"io"
+	"io/ioutil"
+	"net/http"
+	"strconv"
+	"strings"
+)
+
+type Leaf struct {
+	Meta    Meta
+	Content string
+}
+
+type Meta struct {
+	Title    string
+	ReadOnly bool
+	Deleted  bool
+}
+
+func NewHTTPRequestLeaf(r *http.Request) (Leaf, error) {
+	var leaf Leaf
+	if b, err := ioutil.ReadAll(r.Body); err != nil {
+		return leaf, err
+	} else {
+		leaf.Content = string(b)
+	}
+	if leaf.Meta.Title = r.Header.Get("Title"); leaf.Meta.Title == "" {
+		leaf.Meta.Title = "Untitled"
+	}
+	if readOnly := r.Header.Get("Read-Only"); readOnly == "true" {
+		leaf.Meta.ReadOnly = true
+	} else if readOnly == "false" {
+		leaf.Meta.ReadOnly = false
+	}
+	leaf.Meta.Deleted = r.Method == http.MethodDelete
+	return leaf, nil
+}
+
+func NewLeaf(title string, content string) (Leaf, error) {
+	return NewHTTPRequestLeaf(&http.Request{
+		Header: http.Header{
+			"Title": []string{title},
+		},
+		Body: io.NopCloser(strings.NewReader(content)),
+	})
+}
+
+func (leaf Leaf) WriteHTTP(w http.ResponseWriter) error {
+	w.Header().Set("Title", leaf.Meta.Title)
+	w.Header().Set("Read-Only", strconv.FormatBool(leaf.Meta.ReadOnly))
+	_, err := w.Write([]byte(leaf.Content))
+	return err
+}
+
+func (base Leaf) Merge(updated Leaf) Leaf {
+	if updated.Meta.Title != "" {
+		base.Meta.Title = updated.Meta.Title
+	}
+	if base.Meta.Title == "" {
+		base.Meta.Title = "Untitled"
+	}
+	base.Meta.Deleted = updated.Meta.Deleted
+	base.Meta.ReadOnly = updated.Meta.ReadOnly
+	base.Content = updated.Content
+	return base
+}

server/public/ui/.files.ctmpl.html

@@ -1,349 +0,0 @@
-
-<!DOCTYPE html>
-<html>
-	<header>
-		<title>title id11</title>
-      
-<meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.css">
-<script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script>
-<script src="https://cdn.jsdelivr.net/highlight.js/latest/highlight.min.js"></script>
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/highlight.js/latest/styles/github.min.css">
-
-<link rel="stylesheet" href="https://unpkg.com/turretcss/dist/turretcss.min.css" crossorigin="anonymous">
-
-<style>
-	html, body {
-		background-color: #f8f8f8;
-	}
-	.columns {
-		display: flex;
-		flex-direction: row;
-	}
-	.rows {
-		width: 100%;
-		display: flex;
-		flex-direction: column;
-	}
-	.thic_flex {
-		text-align: left;
-		flex-grow: 1;
-	}
-	.mia {
-		display: none;
-	}
-	.align_left {
-		text-align: left;
-	}
-	.tb_buffer {
-		margin-top: 1em;
-		margin-bottom: 1em;
-	}
-	.r_buffer {
-		margin-right: 1em;
-	}
-	.l_buffer {
-		margin-left: 1em;
-	}
-	.monospace {
-		font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
-	}
-	.lil_btn {
-		width: initial;
-		display: inline-block;
-	}
-	input, label, textarea {
-		margin: initial;
-	}
-	.fullscreen {
-		position: relative;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		padding: 5px;
-		overflow: scroll;
-	}
-	.lr_fullscreen {
-		width: 100%;
-		 
-		margin-right: auto;
-		margin-left: auto;
-	}
-	.tb_fullscreen {
-		height: 100%;
-	}
-</style>
-<script>
-	function http(method, remote, callback, body, headers) {
-		var xmlhttp = new XMLHttpRequest();
-		xmlhttp.onreadystatechange = function() {
-			if (xmlhttp.readyState == XMLHttpRequest.DONE) {
-				callback(xmlhttp.responseText, xmlhttp.status, (key) => xmlhttp.getResponseHeader(key))
-			}
-		};
-		xmlhttp.open(method, remote, true);
-		if (typeof body == "undefined") {
-			body = null
-		}
-		if (headers) {
-			for (var key in headers)
-				xmlhttp.setRequestHeader(key, headers[key])
-		}
-		xmlhttp.send(body);
-	}
-	function generateUUID() { 
-		var d = new Date().getTime();
-		var d2 = ((typeof performance !== 'undefined') && performance.now && (performance.now()*1000)) || 0;
-		return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-				var r = Math.random() * 16;
-				if(d > 0){
-					r = (d + r)%16 | 0;
-					d = Math.floor(d/16);
-				} else {
-					r = (d2 + r)%16 | 0;
-					d2 = Math.floor(d2/16);
-				}
-				 return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16);
-			}
-		);
-	}
-</script>
-
-	</header>
-	<body class="fullscreen tb_fullscreen lr_fullscreen" style="position: absolute">
-		<div class="rows" style="height: inherit;">
-         
-<form class="columns" action="/ui/search" method="GET">
-	<input class="thic_flex" type="text" name="q" placeholder="space delimited search regexp"/>
-	<input class="info lil_btn" type="submit" value="search"/>
-</form>
-
-			<div class="columns thic_flex tb_buffer" style="height: calc(100% - 4rem);">
-            
-<style>
-	details > details details {
-		padding-inline-start: 2em;
-	}
-	summary {
-		display: flex;
-		flex-direction: row;
-	}
-	summary.no-children {
-		list-style: none;
-	}
-	summary.no-children::-webkit-details-marker {
-		display: none;
-	}
-	#filetree {
-		padding-right: 1em;
-	}
-	details > summary > .hamburger::before {
-		content: "+";
-	}
-	details[open] > summary > .hamburger::before {
-		content: "-";
-	}
-</style>
-<div class="fullscreen tb_fullscreen" style="max-width: 25em; margin: auto;">
-	<details open>
-		<summary style="outline: none;"><span class="border button hamburger"></span></summary>
-		<details open id="filetree">
-		</details>
-	</details>
-</div>
-<script>
-	function drawTree(tree) {
-		document.getElementById("filetree").innerHTML = branchHTML("", tree)
-	}
-	function branchHTML(id, branch) {
-		return `
-			<summary class="${branchesHaveContent(branch.Branches) ? "" : "no-children"}">
-				${leafHTML(id, branch)}
-			</summary>
-			${branchesHTML(id, branch.Branches)}
-		`
-	}
-	function leafHTML(id, branch) {
-		const href="/ui/files/" + (id ? id : "#")
-		var nameSafeId = id.replace(/\//g, "-")
-		var parentNameSafeId = nameSafeId
-		if (id.includes("/"))
-			parentNameSafeId = id.slice(0, id.lastIndexOf("/")).replace(/\//g, "-")
-		const name=`filetree-leaf-${nameSafeId}`
-		const parentname=`filetree-leaf-${parentNameSafeId}`
-		const title=id ? branch.Leaf.Title : "ROOT"
-		const isLiveParent = 'id00\/id11'.slice(0, id.length) == id
-		const isLive = 'id00\/id11' == id
-		return `
-			<div style="margin: 0; padding: 0; height: 0; width: 0;" id="${name}"></div>
-			<a style="flex-grow: 1;" href="${href}#${parentname}"><button style="width: 100%; text-align: left; outline: none;" class="${isLiveParent ? `button button-info ${!isLive ? "button-border" : ""}` : ""}">${title}</button></a>
-			<a href="${href}/${generateUUID().split("-")[0]}#${parentname}"><button>+</button></a>
-		`
-	}
-	function branchesHTML(id, branches) {
-		if (!branchesHaveContent(branches))
-			return ""
-		var html = []
-		var out = ``
-		for(var i in branches) {
-			html.push([branches[i].Leaf.Title, `<details open>` + branchHTML(i, branches[i]) + `</details>`])
-		}
-		html.sort()
-		for(var i in html)
-			out += html[i][1]
-		return out
-	}
-	function branchesHaveContent(branches) {
-		var n = 0
-		for (var i in branches)
-			n += 1
-		return n > 0
-	}
-	drawTree(JSON.parse("{\n\t\t\t\"Leaf\": {\"Title\": \"\"},\n\t\t\t\"Branches\": {\n\t\t\t\t\"id00\": {\n\t\t\t\t\t\"Leaf\": {\"Title\": \"title id00\"},\n\t\t\t\t\t\"Branches\": {\n\t\t\t\t\t\t\"id10\": {\"Leaf\":{\"Title\":\"title id10\"},\"Branches\":{\n\t\t\t\t\t\t\t\"id20\": {\"Leaf\":{\"Title\":\"title id20\"},\"Branches\":{}}\n\t\t\t\t\t\t}},\n\t\t\t\t\t\t\"id11\": {\"Leaf\":{\"Title\":\"title id11\"},\"Branches\":{}}\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t\"id01\": {\"Leaf\":{\"Title\":\"title id01\"},\"Branches\":{}},\n\t\t\t\t\"id02\": {\"Leaf\":{\"Title\":\"title id02\"},\"Branches\":{}},\n\t\t\t\t\"id03\": {\"Leaf\":{\"Title\":\"title id03\"},\"Branches\":{}},\n\t\t\t\t\"id04\": {\"Leaf\":{\"Title\":\"title id04\"},\"Branches\":{}},\n\t\t\t\t\"id04\": {\"Leaf\":{\"Title\":\"title id04\"},\"Branches\":{}},\n\t\t\t\t\"id05\": {\"Leaf\":{\"Title\":\"title id05\"},\"Branches\":{}},\n\t\t\t\t\"id06\": {\"Leaf\":{\"Title\":\"title id06\"},\"Branches\":{}},\n\t\t\t\t\"id07\": {\"Leaf\":{\"Title\":\"title id07 but it's really really really long\"},\"Branches\":{}}\n\t\t\t}\n\t\t}"))
-</script>
-
-				<div class="thic_flex lr_fullscreen" style="margin-left: 1em; width: 5px;">
-               
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.css">
-<script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script>
-<style>
-	#easyMDEwrap {
-		flex-grow: 1;
-	}
-	.CodeMirror-scroll, .CodeMirror-sizer {
-		min-height: 10px !important;
-		height: auto !important;
-	}
-	#article {
-		display: flex;
-		flex-direction: column;
-	}
-	#titlepath, #title {
-		font-size: 2rem;
-		font-weight: 600;
-	}
-	.EasyMDEContainer button {
-		color: black;
-	}
-	img {
-		max-width: 100%;
-		max-height: 100%;
-	}
-	.monospace {
-		font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
-	}
-	.lil_btn {
-		width: initial;
-		display: inline-block;
-	}
-	input, label, textarea {
-		margin: initial;
-	}
-	.editor-toolbar > button.preview {
-		color: #08c;
-	}
-</style>
-<script>
-	var saveFeedbackInterval = null
-	function pushFile() {
-		const title = document.getElementById("title").innerHTML ? document.getElementById("title").innerHTML : ""
-		const body = easyMDE.value() ? easyMDE.value() : ""
-		const id = "id00/id11"
-		headers = {}
-		if (title)
-			headers["Title"] = title
-		http("PUT", "/api/v0/files/" + id, (body, status) => {
-			if (status != 200) {
-				alert(`failed to push file ${id}: ${status}: ${body}`)
-				throw `failed to push file ${id}: ${status}: ${body}`
-			}
-			document.getElementById("saveFeedback").innerHTML = "success!"
-			if (saveFeedbackInterval) {
-				clearTimeout(saveFeedbackInterval)
-			}
-			saveFeedbackInterval = setTimeout(() => {document.getElementById("saveFeedback").innerHTML = ""}, 5000)
-		}, body, headers)
-	}
-	function deleteFile() {
-		const id = "id00/id11"
-		const pid = "id00"
-		http("DELETE", "/api/v0/files/" + id, (body, status) => {
-			if (status != 200) {
-				alert(`failed to delete file ${id}: ${status}: ${body}`)
-				throw `failed to delete file ${id}: ${status}: ${body}`
-			}
-			window.location.href = `${window.location.protocol}\/\/${window.location.host}/ui/files/${pid}`
-		})
-	}
-</script>
-<div class="fullscreen tb_fullscreen">
-	<article id="article">
-		<div class="columns">
-			<span class="r_buffer">
-	         <form action="#" onsubmit="pushFile(); return false;">
-				   <input class="button-info lil_btn" type="submit" value="SAVE"/>
-	         </form>
-			</span>
-			<span id="titlePath">
-				/
-	         
-	            <a href="/ui/files/id00">title id00</a> /
-	         
-	      </span>
-			<span id="title" class="thic_flex" contenteditable>title id11</span>
-			<span class="l_buffer">
-	         <form onsubmit="deleteFile(); return false;"> 
-				   <input class="button-error lil_btn" type="submit" onclick="confirm('are you sure?');" value="DELETE"/>
-	         </form>
-			</span>
-		</div>
-		
-		<div id="easyMDEwrap" class="monospace">
-			<textarea id="my-text-area"></textarea>
-		</div>
-		<div id="saveFeedback" style="min-height: 1.2em; text-align: right;">
-		</div>
-	</article>
-</div>
-<script>
-	const easyMDE = new EasyMDE({
-		autoDownloadFontAwesome: true,
-		autofocus: true,
-		autosave: {
-			enabled: false,
-		},
-		element: document.getElementById('my-text-area'),
-		forceSync: true,
-		indentWithTabs: false,
-		initialValue: "loading...",
-		showIcons: ["code", "table"],
-		spellChecker: false,
-		sideBySideFullscreen: false,
-		tabSize: 3,
-		previewImagesInEditor: true,
-		insertTexts: {
-			image: ["![](", ")"],
-			link: ["[](", ")"],
-		},
-		lineNumbers: true,
-		lineWrapping: false,
-		uploadImage: true,
-		imageUploadEndpoint: "/api/v0/media", 
-		imagePathAbsolute: false,
-		renderingConfig: {
-			codeSyntaxHighlighting: true,
-		},
-		status: ["lines", "words", "cursor"],
-	})
-	easyMDE.value("# hello\n\n## world\n\n| this | is | my | table |\n| ---- | ---| ---| ----- |\n| hey |\n| ya | hey | ya |\n\n* and\n\t* a bulleted\n\t\t* list\n\n\u003e but here is a quote\n\n```go\n// and some go code\nfunc main() {\n\tlog.Println(\"hi\")\n}\n```\n\nand\n\nnow\n\nthe\n\nnewlines\n\n\n\n\n\n\n\n\n\n\n\n\t\t\t")
-</script>
-
-				</div>
-			</div>
-		</div>
-	</body>
-</html>

server/public/ui/.search.ctmpl.html

@@ -1,240 +0,0 @@
-
-<!DOCTYPE html>
-<html>
-	<header>
-		<title>title id11</title>
-      
-<meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.css">
-<script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script>
-<script src="https://cdn.jsdelivr.net/highlight.js/latest/highlight.min.js"></script>
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/highlight.js/latest/styles/github.min.css">
-
-<link rel="stylesheet" href="https://unpkg.com/turretcss/dist/turretcss.min.css" crossorigin="anonymous">
-
-<style>
-	html, body {
-		background-color: #f8f8f8;
-	}
-	.columns {
-		display: flex;
-		flex-direction: row;
-	}
-	.rows {
-		width: 100%;
-		display: flex;
-		flex-direction: column;
-	}
-	.thic_flex {
-		text-align: left;
-		flex-grow: 1;
-	}
-	.mia {
-		display: none;
-	}
-	.align_left {
-		text-align: left;
-	}
-	.tb_buffer {
-		margin-top: 1em;
-		margin-bottom: 1em;
-	}
-	.r_buffer {
-		margin-right: 1em;
-	}
-	.l_buffer {
-		margin-left: 1em;
-	}
-	.monospace {
-		font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
-	}
-	.lil_btn {
-		width: initial;
-		display: inline-block;
-	}
-	input, label, textarea {
-		margin: initial;
-	}
-	.fullscreen {
-		position: relative;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		padding: 5px;
-		overflow: scroll;
-	}
-	.lr_fullscreen {
-		width: 100%;
-		 
-		margin-right: auto;
-		margin-left: auto;
-	}
-	.tb_fullscreen {
-		height: 100%;
-	}
-</style>
-<script>
-	function http(method, remote, callback, body, headers) {
-		var xmlhttp = new XMLHttpRequest();
-		xmlhttp.onreadystatechange = function() {
-			if (xmlhttp.readyState == XMLHttpRequest.DONE) {
-				callback(xmlhttp.responseText, xmlhttp.status, (key) => xmlhttp.getResponseHeader(key))
-			}
-		};
-		xmlhttp.open(method, remote, true);
-		if (typeof body == "undefined") {
-			body = null
-		}
-		if (headers) {
-			for (var key in headers)
-				xmlhttp.setRequestHeader(key, headers[key])
-		}
-		xmlhttp.send(body);
-	}
-	function generateUUID() { 
-		var d = new Date().getTime();
-		var d2 = ((typeof performance !== 'undefined') && performance.now && (performance.now()*1000)) || 0;
-		return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-				var r = Math.random() * 16;
-				if(d > 0){
-					r = (d + r)%16 | 0;
-					d = Math.floor(d/16);
-				} else {
-					r = (d2 + r)%16 | 0;
-					d2 = Math.floor(d2/16);
-				}
-				 return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16);
-			}
-		);
-	}
-</script>
-
-	</header>
-	<body class="fullscreen tb_fullscreen lr_fullscreen" style="position: absolute">
-		<div class="rows" style="height: inherit;">
-         
-<form class="columns" action="/ui/search" method="GET">
-	<input class="thic_flex" type="text" name="q" placeholder="space delimited search regexp"/>
-	<input class="info lil_btn" type="submit" value="search"/>
-</form>
-
-			<div class="columns thic_flex tb_buffer" style="height: calc(100% - 4rem);">
-            
-<style>
-	details > details details {
-		padding-inline-start: 2em;
-	}
-	summary {
-		display: flex;
-		flex-direction: row;
-	}
-	summary.no-children {
-		list-style: none;
-	}
-	summary.no-children::-webkit-details-marker {
-		display: none;
-	}
-	#filetree {
-		padding-right: 1em;
-	}
-	details > summary > .hamburger::before {
-		content: "+";
-	}
-	details[open] > summary > .hamburger::before {
-		content: "-";
-	}
-</style>
-<div class="fullscreen tb_fullscreen" style="max-width: 25em; margin: auto;">
-	<details open>
-		<summary style="outline: none;"><span class="border button hamburger"></span></summary>
-		<details open id="filetree">
-		</details>
-	</details>
-</div>
-<script>
-	function drawTree(tree) {
-		document.getElementById("filetree").innerHTML = branchHTML("", tree)
-	}
-	function branchHTML(id, branch) {
-		return `
-			<summary class="${branchesHaveContent(branch.Branches) ? "" : "no-children"}">
-				${leafHTML(id, branch)}
-			</summary>
-			${branchesHTML(id, branch.Branches)}
-		`
-	}
-	function leafHTML(id, branch) {
-		const href="/ui/files/" + (id ? id : "#")
-		var nameSafeId = id.replace(/\//g, "-")
-		var parentNameSafeId = nameSafeId
-		if (id.includes("/"))
-			parentNameSafeId = id.slice(0, id.lastIndexOf("/")).replace(/\//g, "-")
-		const name=`filetree-leaf-${nameSafeId}`
-		const parentname=`filetree-leaf-${parentNameSafeId}`
-		const title=id ? branch.Leaf.Title : "ROOT"
-		const isLiveParent = 'id00\/id11'.slice(0, id.length) == id
-		const isLive = 'id00\/id11' == id
-		return `
-			<div style="margin: 0; padding: 0; height: 0; width: 0;" id="${name}"></div>
-			<a style="flex-grow: 1;" href="${href}#${parentname}"><button style="width: 100%; text-align: left; outline: none;" class="${isLiveParent ? `button button-info ${!isLive ? "button-border" : ""}` : ""}">${title}</button></a>
-			<a href="${href}/${generateUUID().split("-")[0]}#${parentname}"><button>+</button></a>
-		`
-	}
-	function branchesHTML(id, branches) {
-		if (!branchesHaveContent(branches))
-			return ""
-		var html = []
-		var out = ``
-		for(var i in branches) {
-			html.push([branches[i].Leaf.Title, `<details open>` + branchHTML(i, branches[i]) + `</details>`])
-		}
-		html.sort()
-		for(var i in html)
-			out += html[i][1]
-		return out
-	}
-	function branchesHaveContent(branches) {
-		var n = 0
-		for (var i in branches)
-			n += 1
-		return n > 0
-	}
-	drawTree(JSON.parse("{\n\t\t\t\"Leaf\": {\"Title\": \"\"},\n\t\t\t\"Branches\": {\n\t\t\t\t\"id00\": {\n\t\t\t\t\t\"Leaf\": {\"Title\": \"title id00\"},\n\t\t\t\t\t\"Branches\": {\n\t\t\t\t\t\t\"id10\": {\"Leaf\":{\"Title\":\"title id10\"},\"Branches\":{\n\t\t\t\t\t\t\t\"id20\": {\"Leaf\":{\"Title\":\"title id20\"},\"Branches\":{}}\n\t\t\t\t\t\t}},\n\t\t\t\t\t\t\"id11\": {\"Leaf\":{\"Title\":\"title id11\"},\"Branches\":{}}\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t\"id01\": {\"Leaf\":{\"Title\":\"title id01\"},\"Branches\":{}},\n\t\t\t\t\"id02\": {\"Leaf\":{\"Title\":\"title id02\"},\"Branches\":{}},\n\t\t\t\t\"id03\": {\"Leaf\":{\"Title\":\"title id03\"},\"Branches\":{}},\n\t\t\t\t\"id04\": {\"Leaf\":{\"Title\":\"title id04\"},\"Branches\":{}},\n\t\t\t\t\"id04\": {\"Leaf\":{\"Title\":\"title id04\"},\"Branches\":{}},\n\t\t\t\t\"id05\": {\"Leaf\":{\"Title\":\"title id05\"},\"Branches\":{}},\n\t\t\t\t\"id06\": {\"Leaf\":{\"Title\":\"title id06\"},\"Branches\":{}},\n\t\t\t\t\"id07\": {\"Leaf\":{\"Title\":\"title id07 but it's really really really long\"},\"Branches\":{}}\n\t\t\t}\n\t\t}"))
-</script>
-
-				<div class="thic_flex lr_fullscreen" style="margin-left: 1em; width: 5px;">
-               
-<style>
-</style>
-</script>
-<div class="fullscreen tb_fullscreen">
-	<ul id="results">
-		
-			<li>
-				<a href="/ui/files/id00">title id00</a>
-			</li>
-		
-			<li>
-				<a href="/ui/files/id07">title id07 but it&#39;s really really really long</a>
-			</li>
-		
-			<li>
-				<a href="/ui/files/id00/id10/id10">title id00 / title id10</a>
-			</li>
-		
-			<li>
-				<a href="/ui/files/id00/id10/id20">title id00 / title id10 / title id20</a>
-			</li>
-		
-	</ul>
-</div>
-
-				</div>
-			</div>
-		</div>
-	</body>
-</html>

server/public/ui/files.ctmpl

@@ -11,7 +11,15 @@
 			<div class="columns thic_flex tb_buffer" style="height: calc(100% - 4rem);">
 				{{ template "_filetree" . }}
 				<div class="thic_flex lr_fullscreen" style="margin-left: 1em; width: 5px;">
+					{{ if eq .This.ID "" }}
+						{{ template "_about" . }}
+					{{ else }}
+						{{ if .This.ReadOnly }}
+							{{ template "_readonly" . }}
+						{{ else }}
 							{{ template "_editor" . }}
+						{{ end }}
+					{{ end }}
 				</div>
 			</div>
 		</div>

server/public/ui/render.go

@@ -39,6 +39,7 @@ func main() {
 		"This": map[string]interface{}{
 			"ID":       "id00/id11",
 			"Title":    "title id11",
+			"ReadOnly": false,
 			"PID":      "id00",
 			"PTitle":   "title id00",
 			"Content": `# hello
@@ -47,8 +48,8 @@ func main() {
 
 | this | is  | my  | table |
 | ---- | --- | --- | ----- |
-| hey |
+| hey  | ya  | hey | ya    |
-| ya | hey | ya |
+| a    | b   | c   | d     |
 
 * and
 	* a bulleted
@@ -93,25 +94,25 @@ newlines
 			{Title: "title id00 / title id10 / title id20", ID: "id00/id10/id20"},
 		},
 		"Tree": `{
-			"Leaf": {"Title": ""},
+			"Leaf": {"Meta":{"Title": "","ReadOnly":false}},
 			"Branches": {
 				"id00": {
-					"Leaf": {"Title": "title id00"},
+					"Leaf": {"Meta":{"Title": "title id00","ReadOnly":false}},
 					"Branches": {
-						"id10": {"Leaf":{"Title":"title id10"},"Branches":{
+						"id10": {"Leaf":{"Meta":{"Title":"title id10","ReadOnly":false}},"Branches":{
-							"id20": {"Leaf":{"Title":"title id20"},"Branches":{}}
+							"id20": {"Leaf":{"Meta":{"Title":"title id20","ReadOnly":false}},"Branches":{}}
 						}},
-						"id11": {"Leaf":{"Title":"title id11"},"Branches":{}}
+						"id11": {"Leaf":{"Meta":{"Title":"title id11","ReadOnly":false}},"Branches":{}}
 					}
 				},
-				"id01": {"Leaf":{"Title":"title id01"},"Branches":{}},
+				"id01": {"Leaf":{"Meta":{"Title":"title id01","ReadOnly":false}},"Branches":{}},
-				"id02": {"Leaf":{"Title":"title id02"},"Branches":{}},
+				"id02": {"Leaf":{"Meta":{"Title":"title id02","ReadOnly":false}},"Branches":{}},
-				"id03": {"Leaf":{"Title":"title id03"},"Branches":{}},
+				"id03": {"Leaf":{"Meta":{"Title":"title id03","ReadOnly":false}},"Branches":{}},
-				"id04": {"Leaf":{"Title":"title id04"},"Branches":{}},
+				"id04": {"Leaf":{"Meta":{"Title":"title id04","ReadOnly":false}},"Branches":{}},
-				"id04": {"Leaf":{"Title":"title id04"},"Branches":{}},
+				"id04": {"Leaf":{"Meta":{"Title":"title id04","ReadOnly":false}},"Branches":{}},
-				"id05": {"Leaf":{"Title":"title id05"},"Branches":{}},
+				"id05": {"Leaf":{"Meta":{"Title":"title id05","ReadOnly":false}},"Branches":{}},
-				"id06": {"Leaf":{"Title":"title id06"},"Branches":{}},
+				"id06": {"Leaf":{"Meta":{"Title":"title id06","ReadOnly":false}},"Branches":{}},
-				"id07": {"Leaf":{"Title":"title id07 but it's really really really long"},"Branches":{}}
+				"id07": {"Leaf":{"Meta":{"Title":"title id07 but it's really really really long","ReadOnly":false}},"Branches":{}}
 			}
 		}`,
 	}

server/public/ui/search.ctmpl

@@ -2,7 +2,7 @@
 <!DOCTYPE html>
 <html>
 	<header>
-		<title>{{ .This.Title }}</title>
+		<title>Search</title>
       {{ template "_import" }}
 	</header>
 	<body class="fullscreen tb_fullscreen lr_fullscreen" style="position: absolute">

server/public/ui/templates/._editor.ctmpl.html

@@ -1,245 +0,0 @@
-
-					<body class="fullscreen" style="border: 10px solid red;">
-				
-<meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.css">
-<script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script>
-<script src="https://cdn.jsdelivr.net/highlight.js/latest/highlight.min.js"></script>
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/highlight.js/latest/styles/github.min.css">
-
-<link rel="stylesheet" href="https://unpkg.com/turretcss/dist/turretcss.min.css" crossorigin="anonymous">
-
-<style>
-	html, body {
-		background-color: #f8f8f8;
-	}
-	.columns {
-		display: flex;
-		flex-direction: row;
-	}
-	.rows {
-		width: 100%;
-		display: flex;
-		flex-direction: column;
-	}
-	.thic_flex {
-		text-align: left;
-		flex-grow: 1;
-	}
-	.mia {
-		display: none;
-	}
-	.align_left {
-		text-align: left;
-	}
-	.tb_buffer {
-		margin-top: 1em;
-		margin-bottom: 1em;
-	}
-	.r_buffer {
-		margin-right: 1em;
-	}
-	.l_buffer {
-		margin-left: 1em;
-	}
-	.monospace {
-		font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
-	}
-	.lil_btn {
-		width: initial;
-		display: inline-block;
-	}
-	input, label, textarea {
-		margin: initial;
-	}
-	.fullscreen {
-		position: relative;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		padding: 5px;
-		overflow: scroll;
-	}
-	.lr_fullscreen {
-		width: 100%;
-		 
-		margin-right: auto;
-		margin-left: auto;
-	}
-	.tb_fullscreen {
-		height: 100%;
-	}
-</style>
-<script>
-	function http(method, remote, callback, body, headers) {
-		var xmlhttp = new XMLHttpRequest();
-		xmlhttp.onreadystatechange = function() {
-			if (xmlhttp.readyState == XMLHttpRequest.DONE) {
-				callback(xmlhttp.responseText, xmlhttp.status, (key) => xmlhttp.getResponseHeader(key))
-			}
-		};
-		xmlhttp.open(method, remote, true);
-		if (typeof body == "undefined") {
-			body = null
-		}
-		if (headers) {
-			for (var key in headers)
-				xmlhttp.setRequestHeader(key, headers[key])
-		}
-		xmlhttp.send(body);
-	}
-	function generateUUID() { 
-		var d = new Date().getTime();
-		var d2 = ((typeof performance !== 'undefined') && performance.now && (performance.now()*1000)) || 0;
-		return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-				var r = Math.random() * 16;
-				if(d > 0){
-					r = (d + r)%16 | 0;
-					d = Math.floor(d/16);
-				} else {
-					r = (d2 + r)%16 | 0;
-					d2 = Math.floor(d2/16);
-				}
-				 return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16);
-			}
-		);
-	}
-</script>
-
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.css">
-<script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script>
-<style>
-	#easyMDEwrap {
-		flex-grow: 1;
-	}
-	.CodeMirror-scroll, .CodeMirror-sizer {
-		min-height: 10px !important;
-		height: auto !important;
-	}
-	#article {
-		display: flex;
-		flex-direction: column;
-	}
-	#titlepath, #title {
-		font-size: 2rem;
-		font-weight: 600;
-	}
-	.EasyMDEContainer button {
-		color: black;
-	}
-	img {
-		max-width: 100%;
-		max-height: 100%;
-	}
-	.monospace {
-		font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
-	}
-	.lil_btn {
-		width: initial;
-		display: inline-block;
-	}
-	input, label, textarea {
-		margin: initial;
-	}
-	.editor-toolbar > button.preview {
-		color: #08c;
-	}
-</style>
-<script>
-	var saveFeedbackInterval = null
-	function pushFile() {
-		const title = document.getElementById("title").innerHTML ? document.getElementById("title").innerHTML : ""
-		const body = easyMDE.value() ? easyMDE.value() : ""
-		const id = "id00/id11"
-		headers = {}
-		if (title)
-			headers["Title"] = title
-		http("PUT", "/api/v0/files/" + id, (body, status) => {
-			if (status != 200) {
-				alert(`failed to push file ${id}: ${status}: ${body}`)
-				throw `failed to push file ${id}: ${status}: ${body}`
-			}
-			document.getElementById("saveFeedback").innerHTML = "success!"
-			if (saveFeedbackInterval) {
-				clearTimeout(saveFeedbackInterval)
-			}
-			saveFeedbackInterval = setTimeout(() => {document.getElementById("saveFeedback").innerHTML = ""}, 5000)
-		}, body, headers)
-	}
-	function deleteFile() {
-		const id = "id00/id11"
-		const pid = "id00"
-		http("DELETE", "/api/v0/files/" + id, (body, status) => {
-			if (status != 200) {
-				alert(`failed to delete file ${id}: ${status}: ${body}`)
-				throw `failed to delete file ${id}: ${status}: ${body}`
-			}
-			window.location.href = `${window.location.protocol}\/\/${window.location.host}/ui/files/${pid}`
-		})
-	}
-</script>
-<div class="fullscreen tb_fullscreen">
-	<article id="article">
-		<div class="columns">
-			<span class="r_buffer">
-	         <form action="#" onsubmit="pushFile(); return false;">
-				   <input class="button-info lil_btn" type="submit" value="SAVE"/>
-	         </form>
-			</span>
-			<span id="titlePath">
-				/
-	         
-	            <a href="/ui/files/id00">title id00</a> /
-	         
-	      </span>
-			<span id="title" class="thic_flex" contenteditable>title id11</span>
-			<span class="l_buffer">
-	         <form onsubmit="deleteFile(); return false;"> 
-				   <input class="button-error lil_btn" type="submit" onclick="confirm('are you sure?');" value="DELETE"/>
-	         </form>
-			</span>
-		</div>
-		
-		<div id="easyMDEwrap" class="monospace">
-			<textarea id="my-text-area"></textarea>
-		</div>
-		<div id="saveFeedback" style="min-height: 1.2em; text-align: right;">
-		</div>
-	</article>
-</div>
-<script>
-	const easyMDE = new EasyMDE({
-		autoDownloadFontAwesome: true,
-		autofocus: true,
-		autosave: {
-			enabled: false,
-		},
-		element: document.getElementById('my-text-area'),
-		forceSync: true,
-		indentWithTabs: false,
-		initialValue: "loading...",
-		showIcons: ["code", "table"],
-		spellChecker: false,
-		sideBySideFullscreen: false,
-		tabSize: 3,
-		previewImagesInEditor: true,
-		insertTexts: {
-			image: ["![](", ")"],
-			link: ["[](", ")"],
-		},
-		lineNumbers: true,
-		lineWrapping: false,
-		uploadImage: true,
-		imageUploadEndpoint: "/api/v0/media", 
-		imagePathAbsolute: false,
-		renderingConfig: {
-			codeSyntaxHighlighting: true,
-		},
-		status: ["lines", "words", "cursor"],
-	})
-	easyMDE.value("# hello\n\n## world\n\n| this | is | my | table |\n| ---- | ---| ---| ----- |\n| hey |\n| ya | hey | ya |\n\n* and\n\t* a bulleted\n\t\t* list\n\n\u003e but here is a quote\n\n```go\n// and some go code\nfunc main() {\n\tlog.Println(\"hi\")\n}\n```\n\nand\n\nnow\n\nthe\n\nnewlines\n\n\n\n\n\n\n\n\n\n\n\n\t\t\t")
-</script>

server/public/ui/templates/._filetree.ctmpl.html

@@ -1,193 +0,0 @@
-
-					<body class="fullscreen" style="border: 10px solid red;">
-				
-<meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.css">
-<script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script>
-<script src="https://cdn.jsdelivr.net/highlight.js/latest/highlight.min.js"></script>
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/highlight.js/latest/styles/github.min.css">
-
-<link rel="stylesheet" href="https://unpkg.com/turretcss/dist/turretcss.min.css" crossorigin="anonymous">
-
-<style>
-	html, body {
-		background-color: #f8f8f8;
-	}
-	.columns {
-		display: flex;
-		flex-direction: row;
-	}
-	.rows {
-		width: 100%;
-		display: flex;
-		flex-direction: column;
-	}
-	.thic_flex {
-		text-align: left;
-		flex-grow: 1;
-	}
-	.mia {
-		display: none;
-	}
-	.align_left {
-		text-align: left;
-	}
-	.tb_buffer {
-		margin-top: 1em;
-		margin-bottom: 1em;
-	}
-	.r_buffer {
-		margin-right: 1em;
-	}
-	.l_buffer {
-		margin-left: 1em;
-	}
-	.monospace {
-		font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
-	}
-	.lil_btn {
-		width: initial;
-		display: inline-block;
-	}
-	input, label, textarea {
-		margin: initial;
-	}
-	.fullscreen {
-		position: relative;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		padding: 5px;
-		overflow: scroll;
-	}
-	.lr_fullscreen {
-		width: 100%;
-		 
-		margin-right: auto;
-		margin-left: auto;
-	}
-	.tb_fullscreen {
-		height: 100%;
-	}
-</style>
-<script>
-	function http(method, remote, callback, body, headers) {
-		var xmlhttp = new XMLHttpRequest();
-		xmlhttp.onreadystatechange = function() {
-			if (xmlhttp.readyState == XMLHttpRequest.DONE) {
-				callback(xmlhttp.responseText, xmlhttp.status, (key) => xmlhttp.getResponseHeader(key))
-			}
-		};
-		xmlhttp.open(method, remote, true);
-		if (typeof body == "undefined") {
-			body = null
-		}
-		if (headers) {
-			for (var key in headers)
-				xmlhttp.setRequestHeader(key, headers[key])
-		}
-		xmlhttp.send(body);
-	}
-	function generateUUID() { 
-		var d = new Date().getTime();
-		var d2 = ((typeof performance !== 'undefined') && performance.now && (performance.now()*1000)) || 0;
-		return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-				var r = Math.random() * 16;
-				if(d > 0){
-					r = (d + r)%16 | 0;
-					d = Math.floor(d/16);
-				} else {
-					r = (d2 + r)%16 | 0;
-					d2 = Math.floor(d2/16);
-				}
-				 return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16);
-			}
-		);
-	}
-</script>
-
-<style>
-	details > details details {
-		padding-inline-start: 2em;
-	}
-	summary {
-		display: flex;
-		flex-direction: row;
-	}
-	summary.no-children {
-		list-style: none;
-	}
-	summary.no-children::-webkit-details-marker {
-		display: none;
-	}
-	#filetree {
-		padding-right: 1em;
-	}
-	details > summary > .hamburger::before {
-		content: "+";
-	}
-	details[open] > summary > .hamburger::before {
-		content: "-";
-	}
-</style>
-<div class="fullscreen tb_fullscreen" style="max-width: 25em; margin: auto;">
-	<details open>
-		<summary style="outline: none;"><span class="border button hamburger"></span></summary>
-		<details open id="filetree">
-		</details>
-	</details>
-</div>
-<script>
-	function drawTree(tree) {
-		document.getElementById("filetree").innerHTML = branchHTML("", tree)
-	}
-	function branchHTML(id, branch) {
-		return `
-			<summary class="${branchesHaveContent(branch.Branches) ? "" : "no-children"}">
-				${leafHTML(id, branch)}
-			</summary>
-			${branchesHTML(id, branch.Branches)}
-		`
-	}
-	function leafHTML(id, branch) {
-		const href="/ui/files/" + (id ? id : "#")
-		var nameSafeId = id.replace(/\//g, "-")
-		var parentNameSafeId = nameSafeId
-		if (id.includes("/"))
-			parentNameSafeId = id.slice(0, id.lastIndexOf("/")).replace(/\//g, "-")
-		const name=`filetree-leaf-${nameSafeId}`
-		const parentname=`filetree-leaf-${parentNameSafeId}`
-		const title=id ? branch.Leaf.Title : "ROOT"
-		const isLiveParent = 'id00\/id11'.slice(0, id.length) == id
-		const isLive = 'id00\/id11' == id
-		return `
-			<div style="margin: 0; padding: 0; height: 0; width: 0;" id="${name}"></div>
-			<a style="flex-grow: 1;" href="${href}#${parentname}"><button style="width: 100%; text-align: left; outline: none;" class="${isLiveParent ? `button button-info ${!isLive ? "button-border" : ""}` : ""}">${title}</button></a>
-			<a href="${href}/${generateUUID().split("-")[0]}#${parentname}"><button>+</button></a>
-		`
-	}
-	function branchesHTML(id, branches) {
-		if (!branchesHaveContent(branches))
-			return ""
-		var html = []
-		var out = ``
-		for(var i in branches) {
-			html.push([branches[i].Leaf.Title, `<details open>` + branchHTML(i, branches[i]) + `</details>`])
-		}
-		html.sort()
-		for(var i in html)
-			out += html[i][1]
-		return out
-	}
-	function branchesHaveContent(branches) {
-		var n = 0
-		for (var i in branches)
-			n += 1
-		return n > 0
-	}
-	drawTree(JSON.parse("{\n\t\t\t\"Leaf\": {\"Title\": \"\"},\n\t\t\t\"Branches\": {\n\t\t\t\t\"id00\": {\n\t\t\t\t\t\"Leaf\": {\"Title\": \"title id00\"},\n\t\t\t\t\t\"Branches\": {\n\t\t\t\t\t\t\"id10\": {\"Leaf\":{\"Title\":\"title id10\"},\"Branches\":{\n\t\t\t\t\t\t\t\"id20\": {\"Leaf\":{\"Title\":\"title id20\"},\"Branches\":{}}\n\t\t\t\t\t\t}},\n\t\t\t\t\t\t\"id11\": {\"Leaf\":{\"Title\":\"title id11\"},\"Branches\":{}}\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t\"id01\": {\"Leaf\":{\"Title\":\"title id01\"},\"Branches\":{}},\n\t\t\t\t\"id02\": {\"Leaf\":{\"Title\":\"title id02\"},\"Branches\":{}},\n\t\t\t\t\"id03\": {\"Leaf\":{\"Title\":\"title id03\"},\"Branches\":{}},\n\t\t\t\t\"id04\": {\"Leaf\":{\"Title\":\"title id04\"},\"Branches\":{}},\n\t\t\t\t\"id04\": {\"Leaf\":{\"Title\":\"title id04\"},\"Branches\":{}},\n\t\t\t\t\"id05\": {\"Leaf\":{\"Title\":\"title id05\"},\"Branches\":{}},\n\t\t\t\t\"id06\": {\"Leaf\":{\"Title\":\"title id06\"},\"Branches\":{}},\n\t\t\t\t\"id07\": {\"Leaf\":{\"Title\":\"title id07 but it's really really really long\"},\"Branches\":{}}\n\t\t\t}\n\t\t}"))
-</script>

server/public/ui/templates/._import.ctmpl.html

@@ -1,220 +0,0 @@
-
-					<body class="fullscreen" style="border: 10px solid red;">
-				
-<meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.css">
-<script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script>
-<script src="https://cdn.jsdelivr.net/highlight.js/latest/highlight.min.js"></script>
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/highlight.js/latest/styles/github.min.css">
-
-<link rel="stylesheet" href="https://unpkg.com/turretcss/dist/turretcss.min.css" crossorigin="anonymous">
-
-<style>
-	html, body {
-		background-color: #f8f8f8;
-	}
-	.columns {
-		display: flex;
-		flex-direction: row;
-	}
-	.rows {
-		width: 100%;
-		display: flex;
-		flex-direction: column;
-	}
-	.thic_flex {
-		text-align: left;
-		flex-grow: 1;
-	}
-	.mia {
-		display: none;
-	}
-	.align_left {
-		text-align: left;
-	}
-	.tb_buffer {
-		margin-top: 1em;
-		margin-bottom: 1em;
-	}
-	.r_buffer {
-		margin-right: 1em;
-	}
-	.l_buffer {
-		margin-left: 1em;
-	}
-	.monospace {
-		font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
-	}
-	.lil_btn {
-		width: initial;
-		display: inline-block;
-	}
-	input, label, textarea {
-		margin: initial;
-	}
-	.fullscreen {
-		position: relative;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		padding: 5px;
-		overflow: scroll;
-	}
-	.lr_fullscreen {
-		width: 100%;
-		 
-		margin-right: auto;
-		margin-left: auto;
-	}
-	.tb_fullscreen {
-		height: 100%;
-	}
-</style>
-<script>
-	function http(method, remote, callback, body, headers) {
-		var xmlhttp = new XMLHttpRequest();
-		xmlhttp.onreadystatechange = function() {
-			if (xmlhttp.readyState == XMLHttpRequest.DONE) {
-				callback(xmlhttp.responseText, xmlhttp.status, (key) => xmlhttp.getResponseHeader(key))
-			}
-		};
-		xmlhttp.open(method, remote, true);
-		if (typeof body == "undefined") {
-			body = null
-		}
-		if (headers) {
-			for (var key in headers)
-				xmlhttp.setRequestHeader(key, headers[key])
-		}
-		xmlhttp.send(body);
-	}
-	function generateUUID() { 
-		var d = new Date().getTime();
-		var d2 = ((typeof performance !== 'undefined') && performance.now && (performance.now()*1000)) || 0;
-		return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-				var r = Math.random() * 16;
-				if(d > 0){
-					r = (d + r)%16 | 0;
-					d = Math.floor(d/16);
-				} else {
-					r = (d2 + r)%16 | 0;
-					d2 = Math.floor(d2/16);
-				}
-				 return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16);
-			}
-		);
-	}
-</script>
-
-<meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.css">
-<script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script>
-<script src="https://cdn.jsdelivr.net/highlight.js/latest/highlight.min.js"></script>
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/highlight.js/latest/styles/github.min.css">
-
-<link rel="stylesheet" href="https://unpkg.com/turretcss/dist/turretcss.min.css" crossorigin="anonymous">
-
-<style>
-	html, body {
-		background-color: #f8f8f8;
-	}
-	.columns {
-		display: flex;
-		flex-direction: row;
-	}
-	.rows {
-		width: 100%;
-		display: flex;
-		flex-direction: column;
-	}
-	.thic_flex {
-		text-align: left;
-		flex-grow: 1;
-	}
-	.mia {
-		display: none;
-	}
-	.align_left {
-		text-align: left;
-	}
-	.tb_buffer {
-		margin-top: 1em;
-		margin-bottom: 1em;
-	}
-	.r_buffer {
-		margin-right: 1em;
-	}
-	.l_buffer {
-		margin-left: 1em;
-	}
-	.monospace {
-		font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
-	}
-	.lil_btn {
-		width: initial;
-		display: inline-block;
-	}
-	input, label, textarea {
-		margin: initial;
-	}
-	.fullscreen {
-		position: relative;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		padding: 5px;
-		overflow: scroll;
-	}
-	.lr_fullscreen {
-		width: 100%;
-		 
-		margin-right: auto;
-		margin-left: auto;
-	}
-	.tb_fullscreen {
-		height: 100%;
-	}
-</style>
-<script>
-	function http(method, remote, callback, body, headers) {
-		var xmlhttp = new XMLHttpRequest();
-		xmlhttp.onreadystatechange = function() {
-			if (xmlhttp.readyState == XMLHttpRequest.DONE) {
-				callback(xmlhttp.responseText, xmlhttp.status, (key) => xmlhttp.getResponseHeader(key))
-			}
-		};
-		xmlhttp.open(method, remote, true);
-		if (typeof body == "undefined") {
-			body = null
-		}
-		if (headers) {
-			for (var key in headers)
-				xmlhttp.setRequestHeader(key, headers[key])
-		}
-		xmlhttp.send(body);
-	}
-	function generateUUID() { 
-		var d = new Date().getTime();
-		var d2 = ((typeof performance !== 'undefined') && performance.now && (performance.now()*1000)) || 0;
-		return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-				var r = Math.random() * 16;
-				if(d > 0){
-					r = (d + r)%16 | 0;
-					d = Math.floor(d/16);
-				} else {
-					r = (d2 + r)%16 | 0;
-					d2 = Math.floor(d2/16);
-				}
-				 return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16);
-			}
-		);
-	}
-</script>

server/public/ui/templates/._results.ctmpl.html

@@ -1,136 +0,0 @@
-
-					<body class="fullscreen" style="border: 10px solid red;">
-				
-<meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.css">
-<script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script>
-<script src="https://cdn.jsdelivr.net/highlight.js/latest/highlight.min.js"></script>
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/highlight.js/latest/styles/github.min.css">
-
-<link rel="stylesheet" href="https://unpkg.com/turretcss/dist/turretcss.min.css" crossorigin="anonymous">
-
-<style>
-	html, body {
-		background-color: #f8f8f8;
-	}
-	.columns {
-		display: flex;
-		flex-direction: row;
-	}
-	.rows {
-		width: 100%;
-		display: flex;
-		flex-direction: column;
-	}
-	.thic_flex {
-		text-align: left;
-		flex-grow: 1;
-	}
-	.mia {
-		display: none;
-	}
-	.align_left {
-		text-align: left;
-	}
-	.tb_buffer {
-		margin-top: 1em;
-		margin-bottom: 1em;
-	}
-	.r_buffer {
-		margin-right: 1em;
-	}
-	.l_buffer {
-		margin-left: 1em;
-	}
-	.monospace {
-		font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
-	}
-	.lil_btn {
-		width: initial;
-		display: inline-block;
-	}
-	input, label, textarea {
-		margin: initial;
-	}
-	.fullscreen {
-		position: relative;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		padding: 5px;
-		overflow: scroll;
-	}
-	.lr_fullscreen {
-		width: 100%;
-		 
-		margin-right: auto;
-		margin-left: auto;
-	}
-	.tb_fullscreen {
-		height: 100%;
-	}
-</style>
-<script>
-	function http(method, remote, callback, body, headers) {
-		var xmlhttp = new XMLHttpRequest();
-		xmlhttp.onreadystatechange = function() {
-			if (xmlhttp.readyState == XMLHttpRequest.DONE) {
-				callback(xmlhttp.responseText, xmlhttp.status, (key) => xmlhttp.getResponseHeader(key))
-			}
-		};
-		xmlhttp.open(method, remote, true);
-		if (typeof body == "undefined") {
-			body = null
-		}
-		if (headers) {
-			for (var key in headers)
-				xmlhttp.setRequestHeader(key, headers[key])
-		}
-		xmlhttp.send(body);
-	}
-	function generateUUID() { 
-		var d = new Date().getTime();
-		var d2 = ((typeof performance !== 'undefined') && performance.now && (performance.now()*1000)) || 0;
-		return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-				var r = Math.random() * 16;
-				if(d > 0){
-					r = (d + r)%16 | 0;
-					d = Math.floor(d/16);
-				} else {
-					r = (d2 + r)%16 | 0;
-					d2 = Math.floor(d2/16);
-				}
-				 return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16);
-			}
-		);
-	}
-</script>
-
-<style>
-</style>
-</script>
-<div class="fullscreen tb_fullscreen">
-	<ul id="results">
-		
-			<li>
-				<a href="/ui/files/id00">title id00</a>
-			</li>
-		
-			<li>
-				<a href="/ui/files/id07">title id07 but it&#39;s really really really long</a>
-			</li>
-		
-			<li>
-				<a href="/ui/files/id00/id10/id10">title id00 / title id10</a>
-			</li>
-		
-			<li>
-				<a href="/ui/files/id00/id10/id20">title id00 / title id10 / title id20</a>
-			</li>
-		
-	</ul>
-</div>

server/public/ui/templates/._searchbar.ctmpl.html

@@ -1,116 +0,0 @@
-
-					<body class="fullscreen" style="border: 10px solid red;">
-				
-<meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.css">
-<script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script>
-<script src="https://cdn.jsdelivr.net/highlight.js/latest/highlight.min.js"></script>
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/highlight.js/latest/styles/github.min.css">
-
-<link rel="stylesheet" href="https://unpkg.com/turretcss/dist/turretcss.min.css" crossorigin="anonymous">
-
-<style>
-	html, body {
-		background-color: #f8f8f8;
-	}
-	.columns {
-		display: flex;
-		flex-direction: row;
-	}
-	.rows {
-		width: 100%;
-		display: flex;
-		flex-direction: column;
-	}
-	.thic_flex {
-		text-align: left;
-		flex-grow: 1;
-	}
-	.mia {
-		display: none;
-	}
-	.align_left {
-		text-align: left;
-	}
-	.tb_buffer {
-		margin-top: 1em;
-		margin-bottom: 1em;
-	}
-	.r_buffer {
-		margin-right: 1em;
-	}
-	.l_buffer {
-		margin-left: 1em;
-	}
-	.monospace {
-		font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
-	}
-	.lil_btn {
-		width: initial;
-		display: inline-block;
-	}
-	input, label, textarea {
-		margin: initial;
-	}
-	.fullscreen {
-		position: relative;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		padding: 5px;
-		overflow: scroll;
-	}
-	.lr_fullscreen {
-		width: 100%;
-		 
-		margin-right: auto;
-		margin-left: auto;
-	}
-	.tb_fullscreen {
-		height: 100%;
-	}
-</style>
-<script>
-	function http(method, remote, callback, body, headers) {
-		var xmlhttp = new XMLHttpRequest();
-		xmlhttp.onreadystatechange = function() {
-			if (xmlhttp.readyState == XMLHttpRequest.DONE) {
-				callback(xmlhttp.responseText, xmlhttp.status, (key) => xmlhttp.getResponseHeader(key))
-			}
-		};
-		xmlhttp.open(method, remote, true);
-		if (typeof body == "undefined") {
-			body = null
-		}
-		if (headers) {
-			for (var key in headers)
-				xmlhttp.setRequestHeader(key, headers[key])
-		}
-		xmlhttp.send(body);
-	}
-	function generateUUID() { 
-		var d = new Date().getTime();
-		var d2 = ((typeof performance !== 'undefined') && performance.now && (performance.now()*1000)) || 0;
-		return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-				var r = Math.random() * 16;
-				if(d > 0){
-					r = (d + r)%16 | 0;
-					d = Math.floor(d/16);
-				} else {
-					r = (d2 + r)%16 | 0;
-					d2 = Math.floor(d2/16);
-				}
-				 return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16);
-			}
-		);
-	}
-</script>
-
-<form class="columns" action="/ui/search" method="GET">
-	<input class="thic_flex" type="text" name="q" placeholder="space delimited search regexp"/>
-	<input class="info lil_btn" type="submit" value="search"/>
-</form>

server/public/ui/templates/_about.ctmpl

@@ -0,0 +1,57 @@
+{{ define "_about" }}
+<div class="fullscreen tb_fullscreen">
+	<h1>Welcome!</h1>
+
+	<h2>TLDR; how do I write something?</h2>
+	<div>
+		<ol>
+			<li>Click a `+` button somewhere in the tree on the left</li>
+			<li>Hit "save"</li>
+			<li>You'll see "Success!" in green at the bottom on save</li>
+		</ol>
+	</div>
+
+	<h2>What is this?</h2>
+	<div>
+		This is a one-stop shop for reading, searching, and optionally writing docs.
+	</div>
+
+	<h2>Why would I use it? (It looks a little... "janky", no offense)</h2>
+	<div>
+		<ul>
+			<li>Load your Gitlab, Gitlab Wikis, Google Docs, Google Spreadsheets, and Google Slides and enjoy that search bar above.</li>
+			<li>No version control BUT very fast to edit and hit "save"</li>
+			<li>Automagically updates, so throw a link to your docs here and continue using Gitlab/Google/etc. as you were</li>
+			<li>Link to a Gitlab repo/path/wiki and automagically get the entire tree</li>
+		</ul>
+	</div>
+
+	<h2>What's this about magic?</h2>
+	<div>
+		<ul>
+			<li>Create a file that just contains "https://gitlab.com/my/repo/-/tree/master/README.md" or "https://docs.google.com/docs/my-doc/edit", wait some time, and now it's an updating version of that doc</li>
+			<li>Create a file that just contains "https://gitlab.com/my/repo/-/tree/master/runbooks", wait some time, and now it's an updating version of all those docs</li>
+		</ul>
+
+		<h3>Butt how do I use it?</h3>
+		<div>
+			<ol>
+				<li>Make or edit a file</li>
+				<li>The first line is a link to Gitlab or Google</li>
+				<li>Save</li>
+				<li>Wait</li>
+			</ol>
+		</div>
+	</div>
+
+	<h2>I got a bone to pick with you!!! Who are you exactly?</h2>
+	<div>
+		<table>
+			<tr><td> Slack User </td><td> @breel </td></tr>
+			<tr><td> Email </td><td> breel@qualtrics.com </td></tr>
+			<tr><td> Slack Channel </td><td> #storage-platform </td></tr>
+			<tr><td> Gitlab </td><td> TODO </td></tr>
+		</table>
+	</div>
+</div>
+{{ end }}

server/public/ui/templates/_editor.ctmpl

@@ -5,10 +5,15 @@
 	#easyMDEwrap {
 		flex-grow: 1;
 	}
+	.CodeMirror {
+		min-height: 7em;
+	}
 	.CodeMirror-scroll, .CodeMirror-sizer {
-		min-height: 10px !important;
 		height: auto !important;
 	}
+	.CodeMirror-sizer {
+		min-height: 10rem !important;
+	}
 	#article {
 		display: flex;
 		flex-direction: column;

server/public/ui/templates/_filetree.ctmpl

@@ -43,21 +43,25 @@
 		`
 	}
 	function leafHTML(id, branch) {
-		const href="/ui/files/" + (id ? id : "#")
+		const href="/ui/files/" + (id ? id : "")
 		var nameSafeId = id.replace(/\//g, "-")
 		var parentNameSafeId = nameSafeId
 		if (id.includes("/"))
 			parentNameSafeId = id.slice(0, id.lastIndexOf("/")).replace(/\//g, "-")
 		const name=`filetree-leaf-${nameSafeId}`
 		const parentname=`filetree-leaf-${parentNameSafeId}`
-		const title=id ? branch.Leaf.Title : "ROOT"
+		const title=id ? branch.Leaf.Meta.Title : "ROOT"
 		const isLiveParent = '{{ .This.ID }}'.slice(0, id.length) == id
 		const isLive = '{{ .This.ID }}' == id
-		return `
+		const linkToFile = `
 			<div style="margin: 0; padding: 0; height: 0; width: 0;" id="${name}"></div>
-			<a style="flex-grow: 1;" href="${href}#${parentname}"><button style="width: 100%; text-align: left; outline: none;" class="${isLiveParent ? `button button-info ${!isLive ? "button-border" : ""}` : ""}">${title}</button></a>
+			<a style="flex-grow: 1;" href="${href}#${parentname}">
-			<a href="${href}/${generateUUID().split("-")[0]}#${parentname}"><button>+</button></a>
+				<button style="width: 100%; text-align: left; outline: none;" class="${isLiveParent ? `button button-info ${!isLive ? "button-border" : ""}` : ""}">
+					${title}
+				</button>
+			</a>
 		`
+		return linkToFile + (branch.Leaf.Meta.ReadOnly ? "" : `<a href="${href}/${generateUUID().split("-")[0]}#${parentname}"><button>+</button></a>`)
 	}
 	function branchesHTML(id, branches) {
 		if (!branchesHaveContent(branches))
@@ -65,7 +69,7 @@
 		var html = []
 		var out = ``
 		for(var i in branches) {
-			html.push([branches[i].Leaf.Title, `<details open>` + branchHTML(i, branches[i]) + `</details>`])
+			html.push([branches[i].Leaf.Meta.Title, `<details open>` + branchHTML(i, branches[i]) + `</details>`])
 		}
 		html.sort()
 		for(var i in html)

server/public/ui/templates/_readonly.ctmpl

@@ -0,0 +1,9 @@
+{{ define "_readonly" }}
+<div class="fullscreen tb_fullscreen">
+	<a href="/ui/files/{{ .This.ID }}?edit"><button>Edit this page</button></a>
+	<article id="article"></article>
+	<script>
+		document.getElementById("article").innerHTML = {{ .This.Content }}
+	</script>
+</div>
+{{ end }}

server/server.go

@@ -1,6 +1,7 @@
 package main
 
 import (
+	"bytes"
 	"encoding/json"
 	"errors"
 	"fmt"
@@ -17,6 +18,10 @@ import (
 	"regexp"
 	"strings"
 
+	"github.com/gomarkdown/markdown"
+	"github.com/gomarkdown/markdown/html"
+	"github.com/gomarkdown/markdown/parser"
+
 	"github.com/google/uuid"
 )
 
@@ -237,9 +242,6 @@ func (server *Server) uiSearchHandler(w http.ResponseWriter, r *http.Request) er
 
 func (server *Server) uiFilesHandler(w http.ResponseWriter, r *http.Request) error {
 	id := NewID(strings.TrimPrefix(r.URL.Path, "/ui/files"))
-	if id == "" {
-		return server.rootHandler(w, r)
-	}
 	t, err := server.uiSubTemplates()
 	if err != nil {
 		return err
@@ -258,23 +260,34 @@ func (server *Server) uiFilesHandler(w http.ResponseWriter, r *http.Request) err
 		return err
 	}
 	var parent Leaf
+	var leaf Leaf
+	if id != "" {
 		if id.Pop() != "" {
 			parent, err = tree.Get(id.Pop())
 			if err != nil {
 				return fmt.Errorf("failed to get pid %q: %v", id.Pop(), err)
 			}
 		}
-	leaf, err := tree.Get(id)
+		leaf, err = tree.Get(id)
 		if err != nil {
-		leaf.Title = "My New File"
+			leaf.Meta.Title = "My New File"
+		}
+	}
+	if leaf.Meta.ReadOnly {
+		if _, ok := r.URL.Query()["edit"]; !ok {
+			leaf.Content = Gomarkdown([]byte(leaf.Content))
+		} else {
+			leaf.Meta.ReadOnly = false
+		}
 	}
 	data := map[string]interface{}{
 		"This": map[string]interface{}{
-			"Title":   leaf.Title,
+			"Title":    leaf.Meta.Title,
+			"ReadOnly": leaf.Meta.ReadOnly,
 			"Content":  leaf.Content,
 			"ID":       id.String(),
 			"PID":      id.Pop().String(),
-			"PTitle":  parent.Title,
+			"PTitle":   parent.Meta.Title,
 		},
 		"Tree": string(branchesJSON),
 	}
@@ -309,7 +322,7 @@ func (server *Server) uiSubTemplates() (*template.Template, error) {
 }
 
 func (server *Server) rootHandler(w http.ResponseWriter, r *http.Request) error {
-	http.Redirect(w, r, "/ui/files/"+uuid.New().String()[:5], 302)
+	http.Redirect(w, r, "/ui/files", 302)
 	return nil
 }
 
@@ -354,10 +367,15 @@ func (server *Server) apiV0FilesPostHandler(w http.ResponseWriter, r *http.Reque
 	if err != nil {
 		return err
 	}
+	r.Body = io.NopCloser(bytes.NewReader(b))
 
 	pid := server.fileId(r)
 	id := NewID(pid).Push(strings.Split(uuid.New().String(), "-")[0])
-	if err := server.tree().Put(id, Leaf{Title: r.Header.Get("Title"), Content: string(b)}); err != nil {
+	leaf, err := NewHTTPRequestLeaf(r)
+	if err != nil {
+		return err
+	}
+	if err := server.tree().Put(id, leaf); err != nil {
 		return err
 	}
 	return json.NewEncoder(w).Encode(map[string]map[string]string{
@@ -381,9 +399,7 @@ func (server *Server) apiV0FilesIDGetHandler(w http.ResponseWriter, r *http.Requ
 		return err
 	}
 
-	w.Header().Set("Title", leaf.Title)
+	return leaf.WriteHTTP(w)
-	_, err = w.Write([]byte(leaf.Content))
-	return err
 }
 
 func (server *Server) apiV0FilesIDDelHandler(w http.ResponseWriter, r *http.Request) error {
@@ -398,7 +414,7 @@ func (server *Server) apiV0FilesIDDelHandler(w http.ResponseWriter, r *http.Requ
 	} else if err != nil {
 		return err
 	}
-	leaf.Deleted = true
+	leaf.Meta.Deleted = true
 
 	return server.tree().Put(id, leaf)
 }
@@ -424,14 +440,12 @@ func (server *Server) apiV0FilesIDPutHandler(w http.ResponseWriter, r *http.Requ
 	} else if err != nil {
 		return err
 	}
-	b, err := ioutil.ReadAll(r.Body)
+
+	updatedLeaf, err := NewHTTPRequestLeaf(r)
 	if err != nil {
 		return err
 	}
-
+	leaf = leaf.Merge(updatedLeaf)
-	leaf.Content = string(b)
-	leaf.Title = r.Header.Get("Title")
-	leaf.Deleted = false
 
 	if err := server.tree().Put(id, leaf); err != nil {
 		return err
@@ -479,18 +493,18 @@ func (server *Server) _apiV0SearchHandler(query string) ([][2]string, error) {
 	result := [][2]string{}
 	if err := tree.ForEach(func(id ID, leaf Leaf) error {
 		for _, pattern := range patterns {
-			if !pattern.MatchString(leaf.Content) && !pattern.MatchString(leaf.Title) {
+			if !pattern.MatchString(leaf.Content) && !pattern.MatchString(leaf.Meta.Title) {
 				return nil
 			}
 		}
-		title := leaf.Title
+		title := leaf.Meta.Title
 		pid := id.Pop()
 		for pid != "" {
 			parent, err := server.tree().Get(pid)
 			if err != nil {
 				return err
 			}
-			title = path.Join(parent.Title, title)
+			title = path.Join(parent.Meta.Title, title)
 			pid = pid.Pop()
 		}
 		result = append(result, [2]string{id.URLSafeString(), title})
@@ -500,3 +514,30 @@ func (server *Server) _apiV0SearchHandler(query string) ([][2]string, error) {
 	}
 	return result, nil
 }
+
+func Gomarkdown(b []byte) string {
+	renderer := html.NewRenderer(html.RendererOptions{
+		Flags: html.CommonFlags | html.TOC,
+	})
+	ext := parser.NoExtensions
+	for _, extension := range []parser.Extensions{
+		parser.NoIntraEmphasis,
+		parser.Tables,
+		parser.FencedCode,
+		parser.Autolink,
+		parser.Strikethrough,
+		parser.SpaceHeadings,
+		parser.HeadingIDs,
+		parser.BackslashLineBreak,
+		parser.DefinitionLists,
+		parser.MathJax,
+		parser.Titleblock,
+		parser.AutoHeadingIDs,
+		parser.Includes,
+	} {
+		ext |= extension
+	}
+	parser := parser.NewWithExtensions(ext)
+	content := markdown.ToHTML(b, parser, renderer)
+	return string(content) + "\n"
+}

server/server_test.go

@@ -31,11 +31,17 @@ func TestServerRoutes(t *testing.T) {
 	ensureAndWrite(server.diskMediaPath("delid"), []byte("hi"))
 
 	tree := server.tree()
-	if err := tree.Put(NewID("getfid"), Leaf{Title: "", Content: "getfid body"}); err != nil {
+	leaf, _ := NewLeaf("", "getfid body")
+	if err := tree.Put(NewID("getfid"), leaf); err != nil {
 		t.Fatal(err)
 	}
-	tree.Put(NewID("putfid"), Leaf{Title: "putfid title", Content: "initial putfid body"})
+
-	tree.Put(NewID("delfid"), Leaf{Title: "delfid title", Content: "delfid body"})
+	leaf, _ = NewLeaf("putfid title", "initial putfid body")
+	tree.Put(NewID("putfid"), leaf)
+
+	leaf, _ = NewLeaf("delfid title", "delfid body")
+	tree.Put(NewID("delfid"), leaf)
+
 	t.Log(tree.GetRoot())
 
 	ensureAndWrite(path.Join(server.root, "index.html"), []byte("mom"))
@@ -49,7 +55,7 @@ func TestServerRoutes(t *testing.T) {
 		"v0: /: get": {
 			path:   "/",
 			method: http.MethodGet,
-			want:   "/ui/files/",
+			want:   "/ui/files",
 		},
 		"v0: search: get": {
 			path:   "/api/v0/search?q=getf%20bod",
@@ -96,17 +102,17 @@ func TestServerRoutes(t *testing.T) {
 		"v0: /: redir": {
 			path:   "/",
 			method: http.MethodGet,
-			want:   "/ui/files/",
+			want:   "/ui/files",
 		},
 		"v0: /ui/: redir": {
 			path:   "/ui/",
 			method: http.MethodGet,
-			want:   "/ui/files/",
+			want:   "/ui/files",
 		},
 		"v0: /ui: redir": {
 			path:   "/ui",
 			method: http.MethodGet,
-			want:   "/ui/files/",
+			want:   "/ui/files",
 		},
 		"v0: /ui/search": {
 			path:   "/ui/search",
@@ -207,7 +213,7 @@ func TestServerPutTreeGetFile(t *testing.T) {
 		if w.Code != http.StatusOK {
 			t.Fatal(w)
 		}
-		if !bytes.Contains(w.Body.Bytes(), []byte(`{"Title":"my title","Deleted":false,"Content":"`)) {
+		if !bytes.Contains(w.Body.Bytes(), []byte(`{"Meta":{"Title":"my title","ReadOnly":false,"Deleted":false},"Content":"`)) {
 			t.Fatal(w)
 		}
 		var branch Branch
@@ -220,11 +226,11 @@ func TestServerPutTreeGetFile(t *testing.T) {
 		}
 		if parent, ok := branch.Branches["my pid"]; !ok {
 			t.Error(ok, branch)
-		} else if parent.Leaf.Title != "Untitled" {
+		} else if parent.Leaf.Meta.Title != "Untitled" {
 			t.Error(parent.Leaf)
 		} else if child, ok := parent.Branches[NewID(id)]; !ok {
 			t.Error(ok, NewID("my pid").Push(id), parent)
-		} else if child.Leaf.Title != "my title" {
+		} else if child.Leaf.Meta.Title != "my title" {
 			t.Error(child.Leaf)
 		}
 	})

server/testdata/ui

@@ -1 +1 @@
-../../ui/
+../public/ui

server/tree.go

@@ -34,24 +34,6 @@ func (branch Branch) forEach(preid ID, foo func(ID, Leaf) error) error {
 	return nil
 }
 
-type Leaf struct {
-	Title   string
-	Deleted bool
-	Content string
-}
-
-func (base Leaf) Merge(updated Leaf) Leaf {
-	if updated.Title != "" {
-		base.Title = updated.Title
-	}
-	if base.Title == "" {
-		base.Title = "Untitled"
-	}
-	base.Deleted = updated.Deleted
-	base.Content = updated.Content
-	return base
-}
-
 type Tree struct {
 	root string
 }
@@ -147,14 +129,14 @@ func (tree Tree) getRoot(pid ID, withContent, withDeleted bool) (Branch, error)
 			if !withContent {
 				m.Leaf.Content = ""
 			}
-			if m.Leaf.Deleted && !withDeleted {
+			if m.Leaf.Meta.Deleted && !withDeleted {
-				return m, nil
+				return Branch{Branches: map[ID]Branch{}}, nil
 			}
 		} else if entry.IsDir() {
 			subtree := tree.WithRoot(path.Join(tree.root, entry.Name()))
 			if branch, err := subtree.getRoot(pid.Push(entry.Name()), withContent, withDeleted); err != nil {
 				return Branch{}, err
-			} else if !branch.IsZero() && (!branch.Leaf.Deleted || withDeleted) {
+			} else if !branch.IsZero() && (!branch.Leaf.Meta.Deleted || withDeleted) {
 				m.Branches[pid.Push(entry.Name())] = branch
 			}
 		}
@@ -208,10 +190,10 @@ func (tree Tree) Del(id ID) error {
 	if err != nil {
 		return err
 	}
-	if got.Deleted {
+	if got.Meta.Deleted {
 		return nil
 	}
-	got.Deleted = true
+	got.Meta.Deleted = true
 	return tree.Put(id, got)
 }
 

server/tree_test.go

@@ -13,7 +13,9 @@ func TestTreeForEach(t *testing.T) {
 	id := ""
 	for i := 0; i < 5; i++ {
 		id = path.Join(id, strconv.Itoa(i))
-		if err := tree.Put(NewID(id), Leaf{Title: id, Content: id}); err != nil {
+		leaf := Leaf{Content: id}
+		leaf.Meta.Title = id
+		if err := tree.Put(NewID(id), leaf); err != nil {
 			t.Fatal(err)
 		}
 	}
@@ -42,7 +44,7 @@ func TestTreeDel(t *testing.T) {
 		t.Fatal(err)
 	} else if got, err := tree.Get(NewID("id")); err != nil {
 		t.Fatal(err)
-	} else if !got.Deleted {
+	} else if !got.Meta.Deleted {
 		t.Fatal(got)
 	}
 
@@ -72,11 +74,10 @@ func TestTreeCrud(t *testing.T) {
 		t.Fatal(err)
 	}
 
-	want := Leaf{
+	want := Leaf{}
-		Title:   "leaf title",
+	want.Meta.Title = "leaf title"
-		Deleted: false,
+	want.Meta.Deleted = false
-		Content: "leaf content",
+	want.Content = "leaf content"
-	}
 	if err := tree.Put(NewID("id"), want); err != nil {
 		t.Fatal(err)
 	} else if l, err := tree.Get(NewID("id")); err != nil {

todo.yaml

@@ -1,17 +1,24 @@
 todo:
-- use `read-only` for autogenerated things
-- map fullURLScraped->internalURL for relative links sometimes
-- anchors on gitlab wikis at least are bad
-- min-height for easymde
-- use `meta` so no need for extra level for explicit single files
-- scrape odo
 - mark generated via meta so other files in the dir can be created, deleted, replaced safely
+- links like `/Smoktests` in user-files home wiki don't rewrite
+- map fullURLScraped->internalURL for relative links sometimes
+- scrape odo
 - rewrite links if available to local
-- table of contents
 - anchor per line
 - anchor links work
 - ui; last updated; 2022.02.01T12:34:56
 done:
+- gitlab/-/blob/about.md does NOT map to exactly 1 file
+- crawler does NOT modify title cause readme.md everywhere
+- use `meta` so no need for extra level for explicit single files
+- table of contents
+- min-height for easymde
+- /ui/files does not redir in b1
+- anchors on gitlab wikis at least are bad
+- gitlab wiki original links are empty
+- /ui/files is an about page over a redir
+- use `read-only` for autogenerated things;; could skip easymde and make google docs much faster
+- new line after original link
 - scrape gslide
 - scrape gsheet
 - scrape gdoc