Author:
Hash:
Timestamp:
+33 -1 +/-3 browse
Kevin Schoon [me@kevinschoon.com]
f3e15e1c1a57ef8317b0b279de070c60019129cd
Mon, 27 May 2024 20:23:22 +0000 (1.1 years ago)
1 | diff --git a/www/content/docs/configuration.md b/www/content/docs/configuration.md |
2 | index a12af34..8d52fe3 100644 |
3 | --- a/www/content/docs/configuration.md |
4 | +++ b/www/content/docs/configuration.md |
5 | @@ -178,3 +178,25 @@ name = "go" |
6 | # Go is pink! |
7 | color = "#ff1493" |
8 | ``` |
9 | + |
10 | + # Adding Custom Tree Sitter Highlights |
11 | + |
12 | + You can override system installed tree-sitter |
13 | + [highlights](https://tree-sitter.github.io/tree-sitter/syntax-highlighting#highlights) |
14 | + in the Ayllu configuration file. For example we can add two new highlight |
15 | + queries to the `diff` parser called `@addition` and `@removal`. With these |
16 | + enabled Ayllu will paint the relevant code sections with CSS classes |
17 | + `ts_addition` and `ts_removal` which you can style in theme configurations. |
18 | + |
19 | + ```toml |
20 | + [tree-sitter.highlights] |
21 | + diff = """ |
22 | + ; used to highlight diffs in the UI |
23 | + [(addition) (new_file)] @addition |
24 | + [(deletion) (old_file)] @removal |
25 | + |
26 | + (commit) @constant |
27 | + (location) @attribute |
28 | + (command) @variable.builtin |
29 | + """ |
30 | + ``` |
31 | diff --git a/www/public/docs/configuration/index.html b/www/public/docs/configuration/index.html |
32 | index af98fd8..d54754b 100644 |
33 | --- a/www/public/docs/configuration/index.html |
34 | +++ b/www/public/docs/configuration/index.html |
35 | @@ -69,4 +69,14 @@ color = "#ff1493" |
36 | name = "go" |
37 | # Go is pink! |
38 | color = "#ff1493" |
39 | + </code></pre><h1 id=adding-custom-tree-sitter-highlights><a aria-label="Anchor link for: adding-custom-tree-sitter-highlights" class=zola-anchor href=#adding-custom-tree-sitter-highlights>Adding Custom Tree Sitter Highlights</a></h1><p>You can override system installed tree-sitter <a href=https://tree-sitter.github.io/tree-sitter/syntax-highlighting#highlights>highlights</a> in the Ayllu configuration file. For example we can add two new highlight queries to the <code>diff</code> parser called <code>@addition</code> and <code>@removal</code>. With these enabled Ayllu will paint the relevant code sections with CSS classes <code>ts_addition</code> and <code>ts_removal</code> which you can style in theme configurations.<pre class=language-toml data-lang=toml><code class=language-toml data-lang=toml>[tree-sitter.highlights] |
40 | + diff = """ |
41 | + ; used to highlight diffs in the UI |
42 | + [(addition) (new_file)] @addition |
43 | + [(deletion) (old_file)] @removal |
44 | + |
45 | + (commit) @constant |
46 | + (location) @attribute |
47 | + (command) @variable.builtin |
48 | + """ |
49 | </code></pre></div></div></main><footer class=page-footer>2024, <a href=/projects/ayllu/blob/main/ATTRIBUTIONS.md>attributions</a></footer></div> |
50 | \ No newline at end of file |
51 | diff --git a/www/public/index.html b/www/public/index.html |
52 | index 8ce2b18..345303c 100644 |
53 | --- a/www/public/index.html |
54 | +++ b/www/public/index.html |
55 | @@ -1 +1 @@ |
56 | - <!doctype html><html lang=en><head><meta charset=utf-8><link href=/main.css rel=stylesheet><link href=/assets/ayllu_logo.svg rel=icon type=image/svg+xml><link href=/assets/ayllu_logo.png rel=icon sizes=any type=image/png><title>Ayllu</title></head><nav><ul><li><a href=/> <img class=logo src=/assets/ayllu_logo.png> </a></ul><ul><li><a href=https://ayllu-forge.org/browse>browse</a><li><a href=/docs>docs</a></ul></nav><body class=container><div class=wrapper><main class=page-body><h1 id=hyper-performant-hackable-code-forge-built-on-open-standards>Hyper Performant & Hackable Code Forge Built on Open Standards</h1><p>Ayllu is a lightweight code forge designed to enable individuals and grassroots community software projects develop software in collaboration across open internet standards.<p>Check out the <a href=https://ayllu-forge.org/%22/docs%22>documentation</a> or <a href=/browse>browse</a> some of the projects hosted on this serve.</main><footer class=page-footer>2024, <a href=/projects/ayllu/blob/main/ATTRIBUTIONS.md>attributions</a></footer></div> |
57 | \ No newline at end of file |
58 | + <!doctype html><html lang=en><head><meta charset=utf-8><link href=/main.css rel=stylesheet><link href=/assets/ayllu_logo.svg rel=icon type=image/svg+xml><link href=/assets/ayllu_logo.png rel=icon sizes=any type=image/png><title>Ayllu</title></head><nav><ul><li><a href=/> <img class=logo src=/assets/ayllu_logo.png> </a></ul><ul><li><a href=https://ayllu-forge.org/browse>browse</a><li><a href=/docs>docs</a></ul></nav><body class=container><div class=wrapper><main class=page-body><h1 id=hyper-performant-hackable-code-forge-built-on-open-standards>Hyper Performant & Hackable Code Forge Built on Open Standards</h1><p>Ayllu is a lightweight code forge designed to enable individuals and grassroots community software projects develop software in collaboration across open internet standards.<p>Check out the <a href=/docs>documentation</a> or <a href=/browse>browse</a> some of the projects hosted on this serve.</main><footer class=page-footer>2024, <a href=/projects/ayllu/blob/main/ATTRIBUTIONS.md>attributions</a></footer></div> |
59 | \ No newline at end of file |