go-org-orgwiki/etc/generate-gh-pages
Niklas Fasching 5afba92f5f Add (a bad) comparison to goorgeous to github pages
The stylesheet would have to be adapted to get a fair visual comparison - but
this should be enough for comparing behavior
2018-12-17 15:06:26 +01:00

153 lines
3.7 KiB
Bash
Executable file

#!/bin/bash
examples_style="
.source {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 1rem;
}
.org, .html {
border: 1px dashed grey;
padding: 1em;
overflow-x: auto;
}
.sections { margin-left: 2rem; }
.sections a { display: block; padding: 0.25em 0; }
.sections a:hover, .sections a:focus, .sections a:active { background: rgba(200, 200, 200, 0.2); }"
org_files=org/testdata/*.org
go_org_examples="
<h1>Sections</h1>
<style>$examples_style</style>
<ul class='sections'>"
for org_file in $org_files; do
name=$(basename $org_file)
go_org_examples+="<li><a id='toc-${name}' href='#${name}'>${name}</a>"
done
examples+="</ul><hr>"
for org_file in $org_files; do
echo generating content for $org_file
name=$(basename $org_file)
go_org_examples+="
<h2><a id='${name}' href='#toc-${name}'>${name}</a></h2>
<div class='source'>
<pre class='org'>$(sed 's/&/\&amp;/g; s/</\&lt;/g; s/>/\&gt;/g;' $org_file)</pre>
<div class='html'>$(./go-org $org_file html-chroma)</div>
</div>"
done
convert="
<h1>Convert</h1>
<button id='run' disabled='true' onclick='run()'>
RUN (initializing...)
</button>
or ctrl + return
<textarea id='input'>* Hello World</textarea>
<div id='output'></div>
<style>
#run {
background-color: #50CCDD;
border: none;
border-radius: 0.33em;
color: #FFF;
cursor: pointer;
font-weight: bold;
letter-spacing: 0.1em;
padding: 0.5em 1.5em;
}
#run:hover {
background-color: #40AACC;
outline: 0;
}
#run:disabled {
background-color: #AAA;
cursor: wait;
}
#input, #output {
display: block;
border: 1px dashed grey;
margin: 0.5em 0;
overflow: auto;
padding: 0.25em;
width: 100%;
}
#input { height: 30%; }
#output { max-height: 100%; }
</style>
<script src='wasm_exec.js'></script>
<script>
const go = new Go();
WebAssembly
.instantiateStreaming(fetch('main.wasm'), go.importObject)
.then((result) => go.run(result.instance));
function initialized() {
const button = document.getElementById('run');
button.textContent = 'RUN';
button.removeAttribute('disabled');
}
document.getElementById('input').addEventListener('keydown', function(e) {
if (e.keyCode == 13 && e.ctrlKey) { // ctrl+enter
run();
e.preventDefault();
}
}, false)
</script>"
index="<html>
<head>
<style>$(cat etc/style.css)</style>
</head>
<body>
$convert
$go_org_examples
</body>
</html>"
convert="<html>
<head>
<style>$(cat etc/style.css)</style>
</head>
<body>
$convert
</body>
</html>"
mkdir -p gh-pages
go get github.com/chaseadamsio/goorgeous
cp etc/_goorgeous.go gh-pages/goorgeous.go
go build -o gh-pages/goorgeous gh-pages/goorgeous.go
go_org_vs_goorgeous_examples="<html>
<head>
<style>
$(cat etc/style.css)
$examples_style
</style>
</head>
<body>"
for org_file in $org_files; do
echo generating content for $org_file
name=$(basename $org_file)
go_org_vs_goorgeous_examples+="
<h2><a id='${name}' href='#toc-${name}'>${name}</a></h2>
<div class='source'>
<div class='html'>$(./gh-pages/goorgeous $org_file)</div>
<div class='html'>$(./go-org $org_file html-chroma)</div>
</div>"
done
go_org_vs_goorgeous_examples+="</body></html>"
rm gh-pages/goorgeous gh-pages/goorgeous.go
echo "$index" > gh-pages/index.html
echo "$convert" > gh-pages/convert.html
echo "$go_org_vs_goorgeous_examples" > gh-pages/go-org-vs-goorgeous.html
cp etc/_wasm.go gh-pages/wasm.go
GOOS=js GOARCH=wasm go build -o gh-pages/main.wasm gh-pages/wasm.go
rm gh-pages/wasm.go
cp $(go env GOROOT)/misc/wasm/wasm_exec.js gh-pages/wasm_exec.js