GSP
(pronounced gee ess pee) is a transpiler to convert a nicer to write and
more human-friendly syntax into valid HTML. Writing HTML can be made more
bearable using things like Emmet, but it’s still not great, and the syntax is
far too bloated, visually polluting your documents.
GSP
will never support templating or other useless features. If you need
support for such things, just use a programming- or macro language such as
Python or M4.
Installation
You need to ensure you have both the Go compiler and the make
command
available. If you don’t have Go, you can get it here. If you’re on a
UNIX-like system such as Linux or MacOS then you should already have make
. If
you’re on Windows you should be using WSL anyways, and you can figure out how to
get Make. You also need Git.
First, clone the repository and move into it:
$ git clone https://git.thomasvoss.com/gsp
$ cd gsp
Then you can compile the transpiler with either of the two commands:
$ make
$ go build
Finally, you can install the transpiler and documentation with the following:
$ sudo make install
Documentation
Documentation for the transpiler can be found in the gsp(1)
manual and
documentation for the language can be found in the gsp(5)
manual:
$ man gsp # transpiler documentation
$ man 5 gsp # language documentation
Syntax Example
html lang="en" {
head {
meta charset="UTF-8" {}
meta name="viewport" content="width=device-width, initial-scale=1.0" {}
link href="/favicon.svg" rel="shortcut icon" type="image/svg" {}
link href="/style.svg" rel="stylesheet" {}
title {-My Website Title}
}
body {
p #my-id {- This is a paragraph with the id ‘my-id’ }
p .my-cls {- This is a paragraph with the class ‘my-cls’ }
p
#some-id
.class-1
.class-2
key-1="value-1"
key-2 = "value-2"
{-
This paragraph has an ID, two classes, and two additional attributes. GSP
allows us to use the ‘#ident’ and ‘.ident’ syntaxes as shorthands for
applying IDs, and classes. This is a text node, so nothing is being
interpreted as GSP nodes, but we can include them inline if we want. As
an example, here is some @em {-emphatic} text. Your inline nodes can also
have attributes @em #id .cls {-just like a regular node}.
}
}
}
Why The Name GSP?
I was originally inspired by Pug, but my dog is a GSP, not a pug.