#!/usr/bin/env retro
# Export as HTML
This tool processes the code in Unu code blocks, generating HTML
output. It assumes that CSS will be used to style the results.
The default CSS is included at the end of this file and will be
embedded into the generated HTML.
# Code
I include my `unu` file processor here as it makes it easy to
process the relevant lines from the source file.
Some characters need to be escaped. The `:put-html` words will
be used to handle these.
~~~
:c:put-html
$< [ '< s:put ] case
$> [ '> s:put ] case
$& [ '& s:put ] case
c:put ;
:s:put-html [ c:put-html ] s:for-each ;
~~~
~~~
{{
:span ' s:put s:put-html ' s:put ;
'Fenced var
:toggle-fence @Fenced not !Fenced ;
:fenced? (-f) @Fenced ;
:handle-line (s-)
fenced? [ over call ] [ span '
s:put nl ] choose ;
---reveal---
:unu (sq-)
swap [ dup '~~~ s:eq?
[ toggle-fence s:put '
s:put nl ]
[ handle-line ] choose
] file:for-each-line drop ;
}}
~~~
Formatting is pretty straightforward. I have a `span` word to
generate the HTML for the token, and a `format` word to identify
the token type and use `span`.
~~~
:span ' s:put s:put-html '_ s:put ;
:format (s-)
(ignore_empty_tokens)
dup s:length n:zero? [ ' s:put drop ] if;
(tokens_with_prefixes)
dup fetch
$: [ 'colon span ] case
$( [ 'comment span ] case
$' [ 'str span ] case
$# [ 'num span ] case
$& [ 'ptr span ] case
$$ [ 'char span ] case
$` [ 'inst span ] case
$| [ 'defer span ] case
$@ [ 'fetch span ] case
$! [ 'store span ] case
(immediate_and_primitives)
drop dup
d:lookup d:class fetch
&class:macro [ 'imm span ] case
&class:primitive [ 'prim span ] case
drop
(normal_words)
s:put-html sp ;
~~~
Next is the HTML page generation. This has words to generate
the header, embeds the CSS (from the end of this file), and
then processes the lines in the source file to generate the
body.
Output is written to stdout.
~~~
'CSS var
:embed-css
' s:put nl ;
:header
' s:put nl
' s:put nl
' s:put nl embed-css ' s:put nl ;
:body (s-)
' s:put nl
[ ASCII:SPACE s:tokenize [ format ] a:for-each
'
s:put nl ] unu
' s:put nl ;
:footer
' s:put nl ;
:generate (s-)
header body footer ;
~~~
And finally, run it.
~~~
#0 sys:argv generate
~~~
# CSS
/* CSS Begins */
* { background: #111; color: #44dd44; font-family: monospace; }
span { white-space: pre }
.text { color: white; white-space: pre }
.colon { color: red; }
.comment { color: #888; }
.str { color: yellow; }
.num { color: cyan; }
.ptr { color: mediumorchid; }
.fetch { color: orchid; }
.store { color: orchid; }
.char { color: brown; }
.inst { color: tomato; }
.defer { color: #888; }
.imm { color: orange; }
.prim { color: greenyellow; }