Update roadmap

Add CSS to watchexec extensions
Spell check docs
2026-06-04 10:31:11 -03:00 · 2026-06-04 10:31:11 -03:00 · 2026-06-04 10:31:11 -03:00 · 2026-06-04 10:31:11 -03:00 · 2026-06-03 15:01:22 -03:00 · 2026-06-03 15:01:22 -03:00
24 changed files with 703 additions and 389 deletions
--- a/.justfile
+++ b/.justfile
@ -468,7 +468,7 @@ default_target := musl_target
 debug_vars := 'DEBUG=${DEBUG:-} DEBUG_FILTER=${DEBUG_FILTER:-} RUST_BACKTRACE=${RUST_BACKTRACE:-} RUSTFLAGS=${RUSTFLAGS:-}'
 just_cmd := 'just --timestamp --explain --command-color green'
 just_cmd_no_ts := 'just --explain --command-color green'
-watch_cmd := "watchexec -qc -r -e rs,toml,html --color always -- "
+watch_cmd := "watchexec -qc -r -e rs,toml,html,css --color always -- "
 cover_cmd := 'cargo llvm-cov --color always --ignore-filename-regex "main\.rs|log\.rs"'

 last_tag := `git tag --sort=-creatordate | head -1 | tr -d v`
--- a/Cargo.lock
+++ b/Cargo.lock
@ -86,9 +86,9 @@ dependencies = [

 [[package]]
 name = "bitflags"
-version = "2.11.1"
+version = "2.12.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c4512299f36f043ab09a583e57bceb5a5aab7a73db1805848e8fef3c9e8c78b3"
+checksum = "84d7ced0ae9557296835c32bf1b1e02b44c746701f898460fb000d7eaa84f00a"

 [[package]]
 name = "block-buffer"
@ -139,9 +139,9 @@ checksum = "9330f8b2ff13f34540b44e946ef35111825727b38d33286ef986142615121801"

 [[package]]
 name = "chrono"
-version = "0.4.44"
+version = "0.4.45"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c673075a2e0e5f4a1dde27ce9dee1ea4558c7ffe648f576438a20ca1d2acc4b0"
+checksum = "1aa79e62e7697b8e29b513a68abacf485adcd1fe8284a4316c5ae868e6633327"
 dependencies = [
 "iana-time-zone",
 "num-traits",
@ -238,7 +238,7 @@ dependencies = [

 [[package]]
 name = "en"
-version = "0.4.0-alpha"
+version = "0.4.1-alpha"
 dependencies = [
 "axum",
 "serde",
@ -531,9 +531,9 @@ checksum = "b6d2cec3eae94f9f509c767b45932f1ada8350c4bdb85af2fcab4a3c14807981"

 [[package]]
 name = "log"
-version = "0.4.30"
+version = "0.4.32"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "616ec5685824bcc94416c6d4a7a446eea774a31efd7062c8480ba6fd06d7a6e5"
+checksum = "953f07c43838f8e6f9758cab68bf5bed85465e7587ebe0b823f1bcd81978ad3a"

 [[package]]
 name = "matchit"
--- a/Cargo.toml
+++ b/Cargo.toml
@ -1,6 +1,6 @@
 [package]
 name = "en"
-version = "0.4.0-alpha"
+version = "0.4.1-alpha"
 description = "A non-linear writing instrument."
 license = "AGPL-3.0-only"

--- a/src/graph.rs
+++ b/src/graph.rs
@ -396,7 +396,7 @@ impl Graph {
                    );
                } else {
                    if let Some(destination) = anchor.destination()
-                        && !anchor.external()
+                        && !anchor.absolute()
                    {
                        let trimmed_destination = destination
                            .trim_start_matches("/node/")
@ -665,7 +665,7 @@ mod tests {
                    "title": "JSON",
                    "links": [],
                    "id": "JSON",
-                    "hidden": false,
+                    "listed": true,
                    "connections": {}
                }
            },
--- a/src/graph/node.rs
+++ b/src/graph/node.rs
@ -18,8 +18,8 @@ pub struct Node {
    pub links: Vec<String>,
    #[serde(default)]
    pub redirect: String,
-    #[serde(default)]
-    pub hidden: bool,
+    #[serde(default = "mktrue")]
+    pub listed: bool,

    #[serde(default)]
    pub connections: HashMap<String, Edge>,
@ -28,6 +28,9 @@ pub struct Node {
    pub stats: Stats,
 }

+// See: https://github.com/serde-rs/serde/issues/368
+const fn mktrue() -> bool { true }
+
 #[derive(Serialize, Deserialize, Clone, Default, Eq, PartialEq, Debug)]
 pub struct Stats {
    pub outgoing: u32,
@ -46,7 +49,7 @@ impl Node {
            connections: HashMap::default(),
            links: vec![],
            redirect: String::default(),
-            hidden: false,
+            listed: true,
            summary: String::default(),
            stats: Stats::default(),
        }
@ -78,8 +81,8 @@ impl std::fmt::Display for Node {
            meta_elements.push(format!("links:{links}"));
        }

-        if self.hidden {
-            meta_elements.push(String::from("hidden"));
+        if !self.listed {
+            meta_elements.push(String::from("unlisted"));
        }

        let meta = meta_elements.join(" ");
@ -143,7 +146,7 @@ mod tests {
            )
        );

-        node.hidden = true;
+        node.listed = false;

        assert_eq!(
            format!("{node}"),
@ -153,7 +156,7 @@ mod tests {
                    text:15l summary:{} \
                    redirect:{redirect} \
                    links:{} \
-                    hidden\
+                    unlisted\
                    ]",
                summary.len(),
                node.links.len(),
--- a/src/router/handlers/graph.rs
+++ b/src/router/handlers/graph.rs
@ -93,7 +93,7 @@ mod tests {

    #[tokio::test]
    async fn docs_redirect() {
-        let response = wrap_node("docs").await;
+        let response = wrap_node("RedirectTest").await;
        assert_eq!(response.status(), StatusCode::PERMANENT_REDIRECT);
    }

--- a/src/syntax/content/parser/context.rs
+++ b/src/syntax/content/parser/context.rs
@ -1,12 +1,13 @@
 use crate::syntax::content::parser::{
    State, Token,
-    token::{Header, Paragraph, PreFormat, Verse},
+    token::{Header, Paragraph, Verse},
 };

 pub mod anchor;
 pub mod block;
 pub mod inline;
 pub mod list;
+pub mod preformat;
 pub mod quote;
 pub mod table;

@ -38,30 +39,32 @@ pub enum Inline {
 }

 /// # Panics
-/// Panics if there is an open header or list at end of input.
+/// Panics if there is an open token at end of input that can't be easily
+/// closed by simply adding a matching closing token. This normally is handled
+/// by context parsers and probably indicates an error in one of them.
 pub fn close(state: &State, tokens: &mut Vec<Token>) {
    match state.context.block {
-        Block::PreFormat => {
-            tokens.push(Token::PreFormat(PreFormat::new(false)));
-        },
        Block::Paragraph => {
            tokens.push(Token::Paragraph(Paragraph::new(false)));
        },
-        Block::List => {
-            panic!("End of input with open list")
-        },
        Block::Header(level) => {
            tokens.push(Token::Header(Header::from_u8(level, false, None)));
        },
-        Block::Quote => {
-            panic!("End of input with open quote")
-        },
-        Block::Table => {
-            panic!("End of input with open table")
-        },
        Block::Verse => {
            tokens.push(Token::Verse(Verse::new(false)));
        },
+        Block::PreFormat => {
+            panic!("End of input with open preformat: {tokens:#?}")
+        },
+        Block::List => {
+            panic!("End of input with open list: {tokens:#?}")
+        },
+        Block::Quote => {
+            panic!("End of input with open quote: {tokens:#?}")
+        },
+        Block::Table => {
+            panic!("End of input with open table: {tokens:#?}")
+        },
        Block::None => (),
    }
 }
--- a/src/syntax/content/parser/context/anchor.rs
+++ b/src/syntax/content/parser/context/anchor.rs
@ -34,6 +34,9 @@ pub fn parse(
            log!(VERBOSE, "End: Next lexeme is a pipe");
            buffer.text.push_str(&lexeme.text());
            candidate.set_text(&buffer.text.clone());
+            if buffer.text.starts_with('/') {
+                candidate.set_absolute(true);
+            }
        } else {
            log!(
                VERBOSE,
@ -84,6 +87,13 @@ pub fn parse(
                "State: Found a pipe, but no boundary: destination follows"
            );
            candidate.set_balanced(true);
+            if lexeme.match_next_first_char('/') {
+                log!(
+                    VERBOSE,
+                    "State: Destination starts with a dash, marking as absolute"
+                );
+                candidate.set_absolute(true);
+            }
            return true;
        } else if lexeme.match_char(':') {
            log!(VERBOSE, "State: Found a colon, marking anchor as external");
@ -205,8 +215,10 @@ mod tests {
    fn needless_three_pipe_anchor() {
        assert_eq!(
            read("|Node|Destination|"),
-            concat!(r#"<p><a class="detached" title="" "#,
-            r#"href="/node/Destination">Node</a></p>"#)
+            concat!(
+                r#"<p><a class="detached" title="" "#,
+                r#"href="/node/Destination">Node</a></p>"#
+            )
        );
    }

@ -225,9 +237,11 @@ mod tests {
    fn anchor_to_node_s() {
        assert_eq!(
            read("The |letter s|s|'s node: |s|!"),
-            concat!(r#"<p>The <a class="detached" title="" "#,
+            concat!(
+                r#"<p>The <a class="detached" title="" "#,
                r#"href="/node/s">letter s</a>'s node: "#,
-                r#"<a class="detached" title="" href="/node/s">s</a>!</p>"#)
+                r#"<a class="detached" title="" href="/node/s">s</a>!</p>"#
+            )
        );
    }

@ -246,9 +260,11 @@ mod tests {
    fn leading_plural_anchor() {
        assert_eq!(
            read("Interfaces are |element|s of |system|s."),
-            concat!(r#"<p>Interfaces are <a class="detached" title="" "#,
+            concat!(
+                r#"<p>Interfaces are <a class="detached" title="" "#,
                r#"href="/node/element">elements</a> of <a class="detached" "#,
-                r#"title="" href="/node/system">systems</a>.</p>"#)
+                r#"title="" href="/node/system">systems</a>.</p>"#
+            )
        );
    }

@ -268,9 +284,11 @@ mod tests {
    fn explicit_end_of_destination() {
        assert_eq!(
            read("interactions are |basic elements|BasicElements| of systems"),
-            concat!(r#"<p>interactions are <a class="detached" title="" "#,
+            concat!(
+                r#"<p>interactions are <a class="detached" title="" "#,
                r#"href="/node/BasicElements">basic elements</a> of "#,
-                r#"systems</p>"#)
+                r#"systems</p>"#
+            )
        );
    }

@ -327,6 +345,21 @@ mod tests {
        );
    }

+    #[test]
+    fn absolute_anchor() {
+        let parse_result =
+            parser::rich_read("see the |raw endpoints|/data|.", &Graph::load());
+        println!("Parsed tokens: {:#?}", parse_result.tokens);
+        assert_eq!(
+            parse_result.text.unwrap(),
+            concat!(
+                r#"<p>see the <a class="absolute" title="" "#,
+                r#"href="/data">"#,
+                r#"raw endpoints</a>.</p>"#,
+            ),
+        );
+    }
+
    #[test]
    fn http_external_anchor() {
        assert_eq!(
--- a/src/syntax/content/parser/context/block.rs
+++ b/src/syntax/content/parser/context/block.rs
@ -6,15 +6,17 @@ use crate::{
    syntax::content::{
        Parseable as _,
        parser::{
-            Block, Lexeme, State, Token,
+            Block, Lexeme, State, Token, context,
            token::{
-                Header, LineBreak, List, Literal, Paragraph, PreFormat, Quote,
-                Table, Verse,
+                Header, LineBreak, List, Paragraph, PreFormat, Quote, Table,
+                Verse,
            },
        },
    },
 };

+/// A return of `true` will trigger a `continue` on the outer parser, causing
+/// no more subsequent parsing of the current lexeme.
 pub fn parse(
    lexeme: &Lexeme,
    state: &mut State,
@ -27,8 +29,7 @@ pub fn parse(
            if PreFormat::probe(lexeme) {
                log!(VERBOSE, "Block Context: None -> PreFormat on {lexeme}");
                state.context.block = Block::PreFormat;
-                tokens.push(Token::PreFormat(PreFormat::new(true)));
-                return true;
+                return true
            } else if Header::probe(lexeme) {
                let mut header = Header::lex(lexeme);
                header.dom_id = Some(Header::make_id(
@ -44,7 +45,7 @@ pub fn parse(
                log!(VERBOSE, "Block Context: None -> List on {lexeme}");
                state.context.block = Block::List;
                state.buffers.list.candidate.ordered = lexeme.match_char('+');
-                return super::list::parse(
+                return context::list::parse(
                    lexeme, state, tokens, iterator, graph,
                );
            } else if Quote::probe(lexeme) {
@ -71,14 +72,7 @@ pub fn parse(
            }
        },
        Block::PreFormat => {
-            if PreFormat::probe(lexeme) {
-                tokens.push(Token::PreFormat(PreFormat::new(false)));
-                log!(VERBOSE, "Block Context: PreFormat -> None on {lexeme}");
-                state.context.block = Block::None;
-            } else {
-                tokens.push(Token::Literal(Literal::lex(lexeme)));
-            }
-            return true;
+            return context::preformat::parse(lexeme, state, tokens, iterator);
        },
        Block::Paragraph => {
            if Paragraph::probe_end(lexeme) {
@ -95,13 +89,17 @@ pub fn parse(
            }
        },
        Block::List => {
-            return super::list::parse(lexeme, state, tokens, iterator, graph);
+            return context::list::parse(lexeme, state, tokens, iterator, graph);
        },
        Block::Quote => {
-            return super::quote::parse(lexeme, state, tokens, iterator, graph);
+            return context::quote::parse(
+                lexeme, state, tokens, iterator, graph,
+            );
        },
        Block::Table => {
-            return super::table::parse(lexeme, state, tokens, iterator, graph);
+            return context::table::parse(
+                lexeme, state, tokens, iterator, graph,
+            );
        },
        Block::Verse => {
            if Verse::probe_end(lexeme) {
@ -127,7 +125,7 @@ mod tests {
        graph::Graph,
        syntax::content::parser::{
            self, Block, State, Token, context,
-            token::{Header, PreFormat, header::Level},
+            token::{Header, header::Level},
        },
    };

@ -161,16 +159,6 @@ mod tests {
        assert_eq!(vec, vec![Token::Header(Header::from_u8(1, false, None))]);
    }

-    #[test]
-    fn end_with_open_preformat() {
-        let mut state = State::default();
-        state.context.block = Block::PreFormat;
-
-        let mut vec: Vec<Token> = vec![];
-        context::close(&state, &mut vec);
-        assert_eq!(vec, vec![Token::PreFormat(PreFormat::new(false))]);
-    }
-
    #[test]
    fn truncated_header_level() {
        let u: usize = 999;
--- a/src/syntax/content/parser/context/preformat.rs
+++ b/src/syntax/content/parser/context/preformat.rs
@ -0,0 +1,61 @@
+use std::{iter::Peekable, slice::Iter};
+
+use crate::{
+    prelude::*,
+    syntax::content::{
+        Parseable as _,
+        parser::{Lexeme, State, Token, context::Block, token::PreFormat},
+    },
+};
+
+/// Handles open `PreFormat` contexts until a block is fully parsed.
+///
+/// A return of `true` will trigger a continue in the outer parser,
+/// skipping any further parsing of the current lexeme.
+///
+/// # Panics
+/// This parser can handle only the List context, and will panic if passed an
+/// unrelated context since it has no knowledge on how to handle them.
+pub fn parse(
+    lexeme: &Lexeme,
+    state: &mut State,
+    tokens: &mut Vec<Token>,
+    iterator: &mut Peekable<Iter<'_, Lexeme>>,
+) -> bool {
+    let buffer = &mut state.buffers.preformat;
+    let candidate = &mut buffer.candidate;
+
+    #[expect(clippy::wildcard_enum_match_arm)]
+    match state.context.block {
+        Block::PreFormat => {
+            if lexeme.match_first_char('<') {
+                candidate.text.push_str("&lt;");
+                candidate.text.push_str(
+                    lexeme.text().strip_prefix('<').unwrap_or(&lexeme.text()),
+                );
+            } else if lexeme.match_last_char('>') {
+                candidate.text.push_str(
+                    lexeme.text().strip_suffix('>').unwrap_or(&lexeme.text()),
+                );
+                candidate.text.push_str("&gt;");
+            } else if lexeme.match_char('\\') {
+                candidate.text.push_str(lexeme.next().as_str());
+                iterator.next();
+                return true;
+            } else if PreFormat::probe(lexeme) {
+                // found end of block, push it and reset state
+                log!(VERBOSE, "Accepting preformat candidate {candidate}");
+                tokens.push(Token::PreFormat(candidate.clone()));
+                state.context.block = Block::None;
+                *candidate = PreFormat::default();
+            } else {
+                // anything else is pushed into the candidate preformat's text
+                candidate.text.push_str(&lexeme.text());
+            }
+        },
+        _ => {
+            panic!("PreFormat context parser called for {:?}", state.context)
+        },
+    }
+    true
+}
--- a/src/syntax/content/parser/lexeme.rs
+++ b/src/syntax/content/parser/lexeme.rs
@ -32,6 +32,8 @@ impl Lexeme {

    pub fn mutate_text(&mut self, new: &str) { self.text = new.to_string(); }

+    /// Returns an Option containing the character if the raw lexeme text
+    /// is composed of a single character, None if it has multiple characters.
    pub fn as_char(&self) -> Option<char> {
        if self.text.chars().count() == 1 {
            self.text.chars().nth(0)
@ -56,6 +58,7 @@ impl Lexeme {
        }
    }

+    /// Returns true if the raw lexeme text is a single matching character.
    pub fn match_char(&self, c: char) -> bool {
        self.as_char().is_some_and(|as_char| as_char == c)
    }
@ -86,6 +89,8 @@ impl Lexeme {
            && self.match_third_char(c3)
    }

+    /// Returns true if the lexeme raw text is composed of a single character
+    /// and this character is in the provided slice.
    pub fn match_char_in(&self, slice: &[char]) -> bool {
        self.as_char().is_some_and(|c| slice.contains(&c))
    }
--- a/src/syntax/content/parser/lexer.rs
+++ b/src/syntax/content/parser/lexer.rs
@ -38,7 +38,9 @@ pub(super) fn lex(

    let mut iterator = lexemes.iter().peekable();
    while let Some(lexeme) = iterator.next() {
-        if lexeme.match_char('\\') {
+        if lexeme.match_char('\\')
+            && !matches!(state.context.block, context::Block::PreFormat)
+        {
            if let Some(next) = iterator.next() {
                tokens.push(Token::Literal(Literal::lex(next)));
            }
--- a/src/syntax/content/parser/state.rs
+++ b/src/syntax/content/parser/state.rs
@ -3,7 +3,7 @@ use std::collections::HashMap;
 use crate::syntax::content::parser::{
    Token,
    context::Context,
-    token::{Anchor, Item, List, Quote, Table},
+    token::{Anchor, Item, List, PreFormat, Quote, Table},
 };

 #[derive(Clone, Default, Debug)]
@ -29,6 +29,7 @@ pub struct Buffers {
    pub list: ListBuffer,
    pub quote: QuoteBuffer,
    pub table: TableBuffer,
+    pub preformat: PreFormatBuffer,
 }

 #[derive(Default, Clone, Debug)]
@ -59,6 +60,11 @@ pub struct TableBuffer {
    pub in_header: bool,
 }

+#[derive(Default, Clone, Debug)]
+pub struct PreFormatBuffer {
+    pub candidate: PreFormat,
+}
+
 impl std::fmt::Display for AnchorBuffer {
    fn fmt(&self, f: &mut std::fmt::Formatter) -> std::fmt::Result {
        let display_text = if self.text.is_empty() {
--- a/src/syntax/content/parser/token/anchor.rs
+++ b/src/syntax/content/parser/token/anchor.rs
@ -11,6 +11,7 @@ pub struct Anchor {
    node: Option<Node>,
    leading: bool,
    balanced: bool,
+    absolute: bool,
    external: bool,
 }

@ -34,10 +35,17 @@ impl Anchor {
        self.balanced = balanced;
    }

+    pub const fn absolute(&self) -> bool { self.absolute }
+
+    pub const fn set_absolute(&mut self, absolute: bool) {
+        self.absolute = absolute;
+    }
+
    pub const fn external(&self) -> bool { self.external }

    pub const fn set_external(&mut self, external: bool) {
        self.external = external;
+        self.absolute = true;
    }

    pub const fn set_leading(&mut self, leading: bool) {
@ -58,21 +66,28 @@ impl Anchor {

    fn route(&mut self) {
        self.destination = if let Some(destination) = self.destination.clone() {
-            if destination.contains(':') || destination.contains('/') {
+            if destination.contains(':') || destination.starts_with('/') {
                Some(destination)
            } else if destination.is_empty() && self.text.is_empty() {
                None
            } else if destination.is_empty() {
-                self.node_id = Some(self.text.clone());
+                self.node_id = Some(Self::strip_fragment(&self.text));
                Some(format!("/node/{}", self.text))
            } else {
-                self.node_id = self.destination.clone();
+                self.node_id = self
+                    .destination
+                    .clone()
+                    .map(|d| Anchor::strip_fragment(&d));
                Some(format!("/node/{destination}"))
            }
        } else {
            None
        }
    }
+
+    fn strip_fragment(target: &str) -> String {
+        target.split('#').next().unwrap_or(target).to_string()
+    }
 }

 impl Parseable for Anchor {
@ -100,19 +115,31 @@ impl Parseable for Anchor {
            String::default()
        };

-        let classes = if self.node.is_some() {
-            String::from(r#"class="attached""#)
-        } else if !self.external {
-            String::from(r#"class="detached""#)
-        } else if self.external {
+        let classes = if self.external {
            String::from(r#"class="external""#)
+        } else if self.absolute {
+            String::from(r#"class="absolute""#)
+        } else if self.node.is_some() {
+            String::from(r#"class="attached""#)
        } else {
-            String::default()
+            String::from(r#"class="detached""#)
+        };
+
+        let text = if destination.contains('#')
+            && !self.absolute
+            && destination == &format!("/node/{}", self.text)
+        {
+            self.text
+                .split('#')
+                .next()
+                .unwrap_or(&self.text)
+                .to_string()
+        } else {
+            self.text.clone()
        };

        format!(
-            r#"<a {classes} title="{summary}" href="{}">{}</a>"#,
-            destination, self.text,
+            r#"<a {classes} title="{summary}" href="{destination}">{text}</a>"#
        )
    }

--- a/src/syntax/content/parser/token/preformat.rs
+++ b/src/syntax/content/parser/token/preformat.rs
@ -1,46 +1,42 @@
 use crate::syntax::content::{Lexeme, Parseable};

-#[derive(Debug, Clone, Eq, PartialEq)]
+#[derive(Debug, Default, Clone, Eq, PartialEq)]
 pub struct PreFormat {
-    open: Option<bool>,
+    pub text: String,
 }

 impl PreFormat {
-    pub const fn new(open: bool) -> PreFormat { PreFormat { open: Some(open) } }
+    pub fn new(text: &str) -> PreFormat {
+        PreFormat {
+            text: String::from(text),
+        }
+    }
 }

 impl std::fmt::Display for PreFormat {
    fn fmt(&self, f: &mut std::fmt::Formatter) -> std::fmt::Result {
-        let display_open_state = if let Some(open_state) = self.open {
-            if open_state { "open" } else { "closed" }
+        let character_count = self.text.chars().count();
+        let is_whitespace = self.text.trim_ascii().is_empty();
+        let summary = if is_whitespace {
+            "empty"
        } else {
-            "unknown"
+            &format!("{character_count} chars")
        };
-        write!(f, "PreFormat [{display_open_state}]")
+        write!(f, "PreFormat [{summary}]")
    }
 }

 impl Parseable for PreFormat {
    fn probe(lexeme: &Lexeme) -> bool {
-        lexeme.match_first_char('`') && (lexeme.next() == "\n" || lexeme.last())
+        lexeme.match_char('`') && (lexeme.next() == "\n" || lexeme.last())
    }

-    fn lex(_lexeme: &Lexeme) -> PreFormat { PreFormat { open: None } }
-
-    fn render(&self) -> String {
-        if let Some(o) = self.open {
-            if o {
-                "<pre>".to_owned()
-            } else {
-                "</pre>".to_owned()
-            }
-        } else {
-            panic!(
-                "Attempt to render a preformat tag while open state is unknown"
-            )
-        }
+    fn lex(_lexeme: &Lexeme) -> PreFormat {
+        panic!("Attempt to lex a preformat directly from a lexeme")
    }

+    fn render(&self) -> String { format!("<pre>{}</pre>", self.text) }
+
    fn flatten(&self) -> String { String::default() }
 }

@ -50,49 +46,39 @@ mod tests {
    use crate::syntax::content::parser::Token;

    #[test]
+    #[should_panic(
+        expected = "Attempt to lex a preformat directly from a lexeme"
+    )]
    fn lex() {
-        let from_empty_lexeme = PreFormat::lex(&Lexeme::default());
-        assert!(from_empty_lexeme.open.is_none());
-
-        let from_non_empty_lexeme = PreFormat::lex(&Lexeme::default());
-        assert!(from_non_empty_lexeme.open.is_none());
-    }
-
-    #[test]
-    #[should_panic(expected = "Attempt to render a preformat tag while \
-            open state is unknown")]
-    fn render() {
-        let from_empty_lexeme = PreFormat::lex(&Lexeme::default());
-        from_empty_lexeme.render();
-
-        let from_non_empty_lexeme = PreFormat::lex(&Lexeme::default());
-        from_non_empty_lexeme.render();
+        let lexeme = Lexeme::new("a", "b", "c");
+        PreFormat::lex(&lexeme);
    }

    #[test]
    fn token_display() {
-        let mut preformat = PreFormat::new(true);
+        let mut preformat = PreFormat::new("");
+
        assert_eq!(
            format!("{}", Token::PreFormat(preformat.clone())),
-            "Tk:PreFormat [open]"
+            "Tk:PreFormat [empty]"
        );

-        preformat.open = Some(false);
+        preformat.text = "\n ".to_string();
        assert_eq!(
            format!("{}", Token::PreFormat(preformat.clone())),
-            "Tk:PreFormat [closed]"
+            "Tk:PreFormat [empty]"
        );

-        preformat.open = None;
+        preformat.text = "text".to_string();
        assert_eq!(
            format!("{}", Token::PreFormat(preformat)),
-            "Tk:PreFormat [unknown]"
+            "Tk:PreFormat [4 chars]"
        );
    }

    #[test]
    fn flatten() {
-        let preformat = PreFormat::new(false);
+        let preformat = PreFormat::new("");
        assert_eq!(preformat.flatten(), "");

        let token = Token::PreFormat(preformat);
--- a/static/graph-schema.json
+++ b/static/graph-schema.json
@ -0,0 +1,80 @@
+{
+  "$id": "https://git.jutty.dev/jutty/en/raw/branch/main/static/graph-schema.json",
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "title": "Graph",
+  "description": "An en graph file",
+  "type": "object",
+  "$defs": {
+      "node": {
+
+      }
+  },
+  "properties": {
+    "root_node": {
+      "type": "string",
+      "title": "Root node ID",
+      "description": "The ID of node highlighted in the homepage as the graph root.",
+      "example": "MyNode",
+      "default": null
+    },
+    "nodes": {
+        "title": "Nodes",
+        "description": "The graph's nodes.",
+        "default": null,
+        "type": "object",
+        "additionalProperties": {
+            "type": "object",
+            "title": "Node",
+            "description": "A node object.",
+            "example": "[nodes.Earth]\ntext = \"Earth is a planet of the solar system.\"",
+            "default": null,
+            "properties": {
+                "text": {
+                    "type": "string",
+                    "description": "The text content of this node."
+                },
+                "title": {
+                    "type": "string",
+                    "description": "The node display title, useful to make it distinct from the ID.",
+                    "default": "The node's ID."
+                },
+                "listed": {
+                    "type": "boolean",
+                    "description": "Whether this node is shown in listing pages.",
+                    "default": true
+                },
+                "redirect": {
+                    "type": "string",
+                    "description": "A node ID to where any requests for this node will be redirected.",
+                    "default": null
+                }
+            },
+            "additionalProperties": false
+        },
+        "propertyNames": {
+            "pattern": "^[^-][^!@#$%^&*;:/~| \\]\\[()\\\\]*$"
+        }
+    },
+    "meta": {
+        "type": "object",
+        "properties": {
+            "config": {
+                "type": "object",
+                "properties": {
+                    "content_language": { "type": "string" },
+                    "footer_credits": { "type": "boolean" },
+                    "error_poem": { "type": "boolean" },
+                    "node_selector": { "type": "boolean" },
+                    "navbar_search": { "type": "boolean" },
+                    "about": { "type": "boolean" },
+                    "footer_text": { "type": "string" },
+                    "acknowledgments": { "type": "string" }
+                },
+                "additionalProperties": false
+            }
+        },
+        "additionalProperties": false
+    }
+  },
+  "additionalProperties": false
+}
--- a/static/graph.toml
+++ b/static/graph.toml
@ -1,30 +1,43 @@
+#:schema ./graph-schema.json
+
 root_node = "Start"

 [nodes.Start]
 text = """
-en is a writing tool. It was designed with complex, inter-connected projects in mind where the relationships between concepts matter. You can use to write non-linear, connected pieces of text and have their references mapped out as a |graph| of metadata-rich, connected information.
+## What is en?

-It works by ingesting |TOML| files containing your node specifications and serving it as a human-readable website that allows nodes to be browsed, searched and listed in relation to each other or as a shallow tree of nodes. It also serves this node as raw data for integration with other tools that can then further transform what you have written.
+en is a writing tool. It was designed with complex, conceptually heavy projects, where the relationships between terms matter and possibly have their own attributes. You can use it to write non-linear, connected textual works and have their references to which other mapped out as a |graph| of metadata-rich, interrelated information. This very website is running en.
+
+It works by ingesting plain text files written in |TOML|, a file format that focuses on being human-readable but that can also be directly interpreted by computer programs. These files contain your node definitions and allow en to construct a human-readable website that makes your graphs' nodes browsable, searchable and listed in relation to each other or as a shallow tree of nodes. It also serves this graph as raw data for integration with other tools that can further analyze and transform what you have written.

 ## Motivation

-en was created out of the desire to write complex, long-form descriptions of a personal worldview without being constrained or getting stuck trying to mimic the linearity of a typical philosophy book.
+en was created out of the desire to write a web of encyclopedic-style long-form texts documenting a personal worldview. It aims to remove the constraints imposed by trying to mimic the linearity of a typical nonfiction book.

 It's described as a "writing instrument" because it's not so much about the presentation or even the web format. While that's the medium for this particular implementation, you can notice en serves its raw data in both TOML and JSON. It's first and foremost about mapping out and structuring written thoughts.

-Because en is defined in simple configuration files, you can add new pages easily from a few lines and start connecting them. Instead of having to create a dedicated file or resource for each new entry you find deserving of observation, with its own beginning and end, its own "I'm empty, fill me to completion" demeanor, you can stay in the flow of your sprawling thoughts. This is meant to fit the specific wiring of minds whose thoughts spread and fork quickly and often, whether to great depth or across wide expanses.
+Because your en graph is defined in simple plain-text files, you can add new pages easily from a few lines and start connecting them. Instead of having to create a dedicated file or resource for each new entry you find deserving of observation, with its own beginning and end, its own "I'm empty, fill me to completion" demeanor, you can stay in the flow of your sprawling thoughts. This is meant to fit the specific wiring of minds whose thoughts spread and fork quickly and often, whether to great depth or across wide expanses.
+
+## What's ahead
+
+en is in its infancy. Right now, most of the work is focused on making the markup syntax more robust. Some interesting features planned include:
+
+- Multi-file graphs, including single-file node definitions with TOML frontmatter
+- Richer node connection metrics and sorting
+- Builtin and custom connection kinds with special rendering styles
+- More render formats: static website, single page and PDF/EPUB formats
+- JSON schema for language server integration
+- Full-text search
+
+If you like what you see and are curious about en's future, take a look at the |roadmap| for a more comprehensive outlook of what else is to come.

 ## Get started

- Check the |docs| to learn how to install and use en
- Read about the |syntax| used to create nodes
- Glimpse into en's future in the |roadmap|
- Visit the |data endpoints|/data| for a raw view of this very graph
- Look under the hood in the |source code|https://codeberg.org/jutty/en repo
- See an index of all pages in the |tree|/tree|
+See the |GetStarted| page to learn how to install and use en
 """

-[nodes.Documentation]
+[nodes.GetStarted]
+title = "Get Started"
 text = """
 ## Installation

@ -37,7 +50,7 @@ x64 Linux binaries are available from the |git.jutty.dev package registry|https:
 %
    Platform        ! Download
    x64 Linux GNU   | |en-x64-linux-gnu|https://git.jutty.dev/api/packages/jutty/generic/en/{{ en_version }}/en-x64-linux-gnu|
-    x64 Linux musl  | |en-x64-linux-musl|https://git.jutty.dev/api/packages/jutty/generic/en/{{ en_version }}/en-x64-linux-musl|
+    x64 Linux musl  | |en-x64-linux-musl|https://git.jutty.dev/api/packages/jutty/generic/en/{{ en_version }}/en-x64-linux-musl |
 %

 If in doubt, it is likely your system uses the GNU libc. Regardless, the musl binary is statically compiled and should run on mostly any x64 Linux system.
@ -46,7 +59,7 @@ Other platforms may be supported in the future depending on CI resources.

 ### Build from source

-If you are on another platform or simply paranoid, you can also build en yourself.
+If you are on another platform or simply prefer starting from source, you can also build en yourself.

 You will need:

@ -101,7 +114,7 @@ Some special syntax is allowed inside the node text. See |Syntax| for supported

 A node can have several other attributes. See |Node| for details on all of them.

-## Connections
+### Connections

 Nodes can have connections between each other. Each node page lists its outgoing and incoming connections.

@ -109,12 +122,31 @@ The simplest kind of connection is achieved by creating an anchor to another nod

 `
 [nodes.Quark]
-text = "Quarks are subatomic particles that form |hadron|s".
+text = "Quarks are subatomic particles that form |hadron|s."
 `

 Here, a connection is created from the node with ID `Quark` to the node with ID `Hadron`. See |AnchorSyntax| for the various ways you can link to other nodes from within the node text itself.

-Even if a node is not mentioned in the node text, you can still add connections to it. For simple connections without any associated properties, you can simply add links:
+There are several different ways to connect nodes, including ones where you can add metadata to the connection itself. See |Connections| for more details.
+
+## Where to go from here
+
+- Dive deeper into the |syntax| used to write your graph
+- Glimpse into en's future in the |roadmap|
+- Visit the |data endpoints|/data| for a raw view of the graph
+- See an index of all pages in the |tree|/tree|
+- Look under the hood in the |source code|https://codeberg.org/jutty/en repo
+"""
+
+[nodes.Connections]
+text = """
+A connection is a link from one node to another. As shown in |GetStarted|, the simplest way to create them is by adding an |anchor|Syntax#Anchors| in the node text itself. However, there are other ways to create connections between nodes.
+
+## Links
+
+Even if a node is not mentioned in the node text, you can still add connections to it.
+
+For simple connections without any associated properties, you can simply add links, which are lightweight connections without any metadata aside from the automatically determined source and destination:

 `
 [nodes.Quark]
@ -124,6 +156,8 @@ links = [ "Particle", "Hadron" ] `

 This will create two outgoing connections from Quark: to Particle and to Hadron.

+## Rich connections
+
 For richer connections that have their own properties, you can use the full connection syntax:

 `
@ -134,30 +168,31 @@ kind = "Satellite"
 kind = "Galaxy"
 `

-This will create connections from the node with ID `Earth` to the nodes with ID `Moon` and `MilkyWay` and add the "Satellite" and "Galaxy" kinds to each connection, respectively. This can be used to render connections in special ways and is reflected in the |outputs|.
-
-## Where to go from here
-
-en is in its infancy. If you are curious, you can download it and try it by using the |Syntax| docs as a reference or build the |SourceBuild|latest version| yourself to see what's new. Your bug reports are much appreciated.
-
-If you like what you see and are curious about en's future, take a look at the |roadmap| for a peek into what's to come.
+This will create connections from the node with ID `Earth` to the nodes with ID `Moon` and `MilkyWay` and add the "Satellite" and "Galaxy" kinds to each connection, respectively. This will add a corresponding CSS class with the same name to the connection when it's rendered so you can style it in special ways and is also reflected in the |output formats|outputs.
 """

-[nodes.docs]
-redirect = "Documentation"
-hidden = true
+[nodes.Outputs]
+text = """
+en take as its input one or more graph files containing your node definitions. It then processes your graph, looks for connections and configuration values and produces one or more outputs depending on your settings:
+
+- A browsable, live-served website (such as this one)
+- A |TOML| representation of the graph that can be used as a basis to generate other, adapted graphs
+- A JSON representation of the graph that can be further analyzed and interpreted with third-party tools
+
+The output formats are not simply a translation of the input, but enrich them. Among other things, they transpile en's |markup syntax|Syntax into HTML, add metrics about how nodes are connected and flag which missing nodes are most sought after by dangling connections.
+"""

 [nodes.SourceBuild]
 text = """
-An overview on building from source is available in the |Documentation| page. This page contains a more detailed and considered approach for those interested.
+An overview on building from source is available in the |Get Started|GetStarted#Build page. This page contains a more detailed and considered approach for those interested.

-Source builds are tested on both Debian and Alpine, meaning en should compile and run on both glibc and musl systems.
+en is developed on NixOS and builds are tested on both Debian and Alpine, meaning en should compile and run on both glibc and musl systems.

 ## Dependencies

 A Rust toolchain is required to build en itself and can be installed through |rustup|https://rustup.rs/|.

-For compiling en dependencies, you will also need a C toolchain: a compiler and a libc (e.g. `gcc` + `glibc` or `clang` + `musl`), which may already be installed on your system.
+For compiling the en dependencies, you will also need a C toolchain: a compiler and a libc (e.g. `gcc` + `glibc` or `clang` + `musl`), which may already be installed on your system.

 For the two tested systems, all you need are the following packages:

@ -171,7 +206,7 @@ You may also need `curl`, `git` and `ca-certificates` depending on how you will

 ## Building from a Git clone

-Aside from the `cargo install` approach described in |Documentation|, you can alternatively fetch the code yourself using Git, which allows you to inspect and change it before compiling:
+Aside from the `cargo install` approach described in |GetStarted|GetStarted#Build, you can alternatively fetch the code yourself using Git, which allows you to inspect and change it before compiling:

 `
 git clone -b v{{ en_version }} --single-branch https://codeberg.org/jutty/en
@ -197,7 +232,7 @@ A node is defined in your graph file starting with a table header of the form:

 Where `ID` is an identifier of your choice.

-While the |TOML| specification is quite flexible regarding what characters can make up this identifier, it's recommended that you keep it simple and use only letters and numbers. See |AnchorSyntax| for more details on why.
+While the |TOML| specification is quite flexible regarding what characters can make up this identifier, it's recommended that you keep it simple. Non-English characters are fine, but characters with special meaning in |en syntax|Syntax and URL parsing might lead to unexpected results. See |AnchorSyntax| for details.

 ## Fields

@ -207,14 +242,14 @@ Nodes can have several optional fields that alter how en interprets and displays
 - `text`: The textual content that is shown when the node is accessed
 - `redirect`: Where to redirect any attempt to access the node
 - `links`: An array of identifiers for other nodes to which this node is connected
- `hidden`: Whether this node should be listed in the index and tree pages. This won't prevent the node from being found or linked to directly through its ID
+- `listed`: Whether this node should be listed in the index and tree pages. This won't prevent the node from being found or linked to directly through its ID

 ## Example

 `
 [nodes.Citrus]
 title = "Citrus Trees"
-hidden = false
+listed = true
 text = "Citrus is a |genus| of trees known mainly for its fruits."
 redirect = "Citric"
 links = [ "Orange", "Lemon", "Lime", "Grapefruit", ]
@ -226,7 +261,7 @@ to = "Citric acid"

 ### Default values

-The example above has all fields in it for completeness, but all fields have default values and are therefore optional. This means that explicitly writing `hidden = false` is the same as not setting it at all.
+The example above has all fields in it for completeness, but all fields have default values and are therefore optional. This means that explicitly writing `listed = true` is the same as not setting it at all.

 The default values for unset fields are:

@ -234,7 +269,7 @@ The default values for unset fields are:
 - `text`: An empty string (i.e. `text = ""`)
 - `redirect`: An empty string
 - `links`: An empty array (i.e. `links = []`)
- `hidden`: `false`
+- `listed`: `true`
 """

 [nodes.CLI]
@ -242,32 +277,58 @@ title = "CLI Options"
 text = """
 You can set the hostname, port and graph file path using CLI options:

-For the hostname, use `-h` or `--hostname`:
-
 `
-en -h localhost
-en --hostname 10.120.0.5
+en --hostname 10.0.1.2 -p 443 --graph ./graphs/my-graph.toml
 `

-If unspecified, the default is `0.0.0.0`.
+## Options

-For the port, use `-p` or `--port`:
+### Graph

-`
-en -p 3003
-en --port 3000
-`
+The relative or absolute path to the graph definition |TOML| file.

-If unspecified, the default is to use a random available port assigned by the operating system.
+*Variants:* `--graph`, `-g`

-For the graph path, use `-g` or `--graph`:
+*Default:* `./static/graph.toml`
+
+*Examples:*

 `
 en -g graph.toml
 en --g ./static/my-graph.toml
 `

-If unspecified, the default is `./static/graph.toml`.
+### Hostname
+
+The IP address where the en server will be accessible.
+
+*Variants:* `--hostname`, `-h`
+
+*Default:* `0.0.0.0`
+
+*Examples:*
+
+`
+en -h localhost
+en --hostname 10.120.0.5
+`
+
+### Port
+
+The port where the en server will be accessible.
+
+*Variants:* `--port`, `-p`
+
+*Default:* A random available port assigned by the operating system
+
+*Examples:*
+
+`
+en -p 3003
+en --port 3000
+`
+
+## Using multiple options

 You can combine these options as you wish:

@ -302,6 +363,12 @@ particles|ParticlePhysics

 This example will render as the word "particles" pointing to a node with ID `ParticlePhysics` because the destination is not an external URL.

+When both sides are the same, you can simply write:
+
+`
+|ParticlePhysics|
+`
+
 An external anchor looks like this:

 `
@ -316,55 +383,25 @@ If the left side contains spaces, you need a leading `|` character:
 |en docs|https://en.jutty.dev/node/Documentation
 `

-To make a plain address clickable, wrap it in two `|` characters:
+To make a plain address an anchor, wrap it in two `|` characters:

 `
 |https://en.jutty.dev|
 `

-### Trailing characters in anchors
-
-For internal anchors, most punctuation is automatically separated from the anchor destination so you can simply write:
-
-`
-This gem|PreciousStone, though green, was not an emerald.
-`
-
-> This gem|PreciousStone, though green, was not an emerald.
-
-However, for external anchors, you want to add a third `|` to explicitly set the end because external URLs can have all sorts of arbitrary characters.
-
 ### Node anchors

 Because anchors between nodes are central to en, there is special syntax to make them as fluid as possible to create without cluttering the text too much.

-A node ID wrapped in two `|` characters will become an anchor to that node:
+en can resolve IDs case insensitively (with priority to case-sensitive matches),  will ignore trailing punctuation and a single `s` character for plurals, and will also collapse spaces when trying to resolve an ID, so you can also write:

 `
-|ParticlePhysics|
+check out the en |documentation|, or look at the |example|s.
 `

-en can resolve IDs case insensitively (with priority to case-sensitive matches) and will also collapse spaces when trying to resolve an ID, so you can also write:
+If there is a node with id Documentation and another with id Example, they'd be linked to by the linked anchors.

-`
-check out the |en documentation|
-`
-
-And if an anchor with the id `enDocumentation` or any other case-insensitive combination exists, it will land on it.
-
-In summary, all of the anchors below are valid and lead to the same page:
-
-`
-|syntax|Syntax
-Syntax|syntax
-Syntax|syn tax|
-
-|Syntax|
-|syntax|
-|syn tax|
-`
-
-While flexible, this can sometimes be ambiguous. See |AnchorSyntax| for some caveats regarding anchors.
+While flexible, this can sometimes be ambiguous. See |AnchorSyntax| for more details and caveats regarding anchors.

 ## Formatting

@ -497,18 +534,18 @@ You can still use `<` characters to force line breaks in this case.
 To add a citation to your quote block, start a line with two `-` characters:

 `
-> with no more communion
-> to down as morning pick-me-ups
-> to sweeten afternoon naps
-> to soothe nightmares
-- Assotto Saint, The Language of Dust
+> i sat down next to her
+> with a large frosty _bandito_
+> she gazed at the ghost of me
+> asked _“amigo, como esta”_
+-- Assotto Saint, Lady & Me
 `

-> with no more communion
-> to down as morning pick-me-ups
-> to sweeten afternoon naps
-> to soothe nightmares
-- Assotto Saint, The Language of Dust
+> i sat down next to her
+> with a large frosty _bandito_
+> she gazed at the ghost of me
+> asked _“amigo, como esta”_
+-- Assotto Saint, Lady & Me

 If you have a more complex citation, you can use multiple lines starting with `--`. All such lines will be joined together in the citation. If you need to break lines, use the `<` character at the end of a line:

@ -517,7 +554,7 @@ If you have a more complex citation, you can use multiple lines starting with `-
  o mito da índole pacífica do brasileiro e o da "democracia racial".
 -- Benedita da Silva,
 -- |Speech on the Federal Senate|https://www25.senado.leg.br/web/atividade/pronunciamentos/-/p/pronunciamento/165765|,
-- March 3rd, 1995, <
+-- March 3rd, 1995 <
 -- International Day for the Elimination of Racial Discrimination
 `

@ -525,7 +562,7 @@ If you have a more complex citation, you can use multiple lines starting with `-
  o mito da índole pacífica do brasileiro e o da "democracia racial".
 -- Benedita da Silva,
 -- |Speech on the Federal Senate|https://www25.senado.leg.br/web/atividade/pronunciamentos/-/p/pronunciamento/165765|,
-- March 3rd, 1995, <
+-- March 3rd, 1995 <
 -- International Day for the Elimination of Racial Discrimination

 The first URL found in your citation will be used as the blockquote element's `cite` value.
@ -556,26 +593,48 @@ Lines starting with a `+` character will create numbered lists instead:
 + ni
 + san

+In both kinds of lists, you can use an uniform amount of indentation to nest the items:
+
+`
+- purple
+    - red
+    - blue
+- orange
+    - red
+    - yellow
+        - red
+        - green
+`
+
+- purple
+    - red
+    - blue
+- orange
+    - red
+    - yellow
+        - red
+        - green
+
 ### Tables

 Tables are blocks delimited by a sole `%` on its own line:

 `
 %
-     Country  !  Capital
-    Colombia  |   Bogotá
-    Belgium   |  Brussels
-    Palestine | Jerusalem
-    Zambia    |   Lusaka
+    Country    !  Capital
+    Colombia   |  Bogotá
+    Belgium    |  Brussels
+    Palestine  |  Jerusalem
+    Zambia     |  Lusaka
 %
 `

 %
-     Country  !  Capital
-    Colombia  |   Bogotá
+    Country   !  Capital
+    Colombia  |  Bogotá
    Belgium   |  Brussels
-    Palestine | Jerusalem
-    Zambia    |   Lusaka
+    Palestine |  Jerusalem
+    Zambia    |  Lusaka
 %

 Table cells are delimited by either a `!` for headers or `|` for common cells. These delimiters must be surrounded by at least one space to each side and are optional at the first and last position of each line.
@ -626,7 +685,7 @@ Finally, you can precede any character with a `\\\\` to fully _escape_ that char

 ## Raw HTML

-If you need some more advanced feature that is not supported directly by en's markup snytax, you can always just write plain HTML and it will be passed along. For example, you could render a form:
+If you need some more advanced feature that is not supported directly by en's markup syntax, you can always just write plain HTML and it will be passed along. For example, you could render a form:

 `
 &lt;form style="text-align: center;"&gt;
@ -665,11 +724,11 @@ Notice that |TOML| itself also handles escape codes, so to pass a backslash you

 `
 [node.Double]
-text = "You need double slashes to escape an asterisk here: \\\\\\\\*"
+text = "You need double slashes here: \\\\\\\\*"

 [node.TripleDouble]
 text = \"""
-Just like here: \\\\\\\\*
+And here: \\\\\\\\*
 \"""

 [node.Single]
@ -681,7 +740,7 @@ Here too: \\\\*
 '''
 `

-This has nothing to do with en's markup syntax per se, it's just a consequence of how backslashes are also special in TOML syntax. For more details, see the |TOML documentation on Strings|https://toml.io/en/v1.1.0#string|.
+This has nothing to do with en's markup syntax _per se_, it's just a consequence of how backslashes are also special in TOML syntax. For more details, see the |TOML documentation on Strings|https://toml.io/en/v1.1.0#string|.

 ## Interactions with HTML

@ -689,7 +748,7 @@ en will happily accept HTML code and pass it along to the browser, so you can us

 If you want to prevent a particular part of your text from being interpreted as HTML, you can escape it |as you normally would|https://developer.mozilla.org/en-US/docs/Glossary/Character_reference|.

-The fact you are using HTML does not exclude en syntax from being interpreted, although this may change in the future. Presently, you need to escape en markup syntax if you want it printed literally even inside HTML tags. This matters because en uses its syntax to create connections between your graph's nodes and makes several decisions based on these relations.
+The fact you are using HTML does not exclude en syntax from being interpreted, although this may change in the future. Presently, you need to escape en markup syntax if you want it printed literally even inside HTML tags. This matters because en |uses its syntax to create connections|AnchorSyntax| between your graph's nodes and makes several decisions based on these relations.
 """

 [nodes.AnchorSyntax]
@ -699,37 +758,32 @@ en's anchor syntax can be very flexible, but some situations lead to ambiguity.

 In short, following these two rules should keep you out of trouble:

- *Avoid special characters in your node IDs*: |TOML| allows you to use a wide range of characters in identifiers, but when writing your graph it's better keep your IDs simple
- When needed, use full three-pipe `|text|destination|` syntax to make your anchors fully unambiguous
+- *Avoid characters with special meanings in your node IDs*: |TOML| allows you to use a wide range of characters in identifiers, but when writing your graph it's better keep your IDs free of some characters. Accents and ideograms are fine, but characters such as `#`, `&`, `:` and `/` are not because they are interpreted differently by en and URL parsers, which might lead to unexpected results
+- *Know you can be explicit to force proper evaluation*: When needed, use full three-pipe anchors, as in `|text|destination|`, to make your anchors fully unambiguous

-## Punctuation in destinations
+## Basic anchor
+See the |Anchors section in the Syntax page|Syntax#Anchors| for the basic anchor syntax. The following sections go into more detail on some edge cases.

-Consider this example:
+### Trailing characters in anchors
+
+For internal anchors, most punctuation is automatically separated from the anchor destination so you can simply write:

 `
-|gem|PreciousStone
-|PreciousStone|,
+This gem|PreciousStone, though green, was not an emerald.
 `

-Both point to the node with ID `PreciousStone`, as they indeed _seem_ to. But if we didn't treat punctuation differently, we'd have:
+> This gem|PreciousStone, though green, was not an emerald.

-`
-|a|b
-|a|b
-`
+This is one of the reasons to avoid punctuation in your node IDs.

-For this reason, some symbols are treated specially at the trailing boundary of anchors.
-
-Punctuation won't be considered as a possible destination, so you can write the previous example and have it behave as expected.
-
-This is one of the reasons special symbols in your node IDs can lead to trouble.
-
-These are the punctuation symbols that are treated specially:
+The punctuation symbols that are ignored at the trailing boundary of anchors are:

 `
 , . : ; ? ! ( ) ' " ` | _ * \\
 `

+For external anchors, you often must add a third `|` to explicitly set the end because external URLs can have all sorts of arbitrary characters. This is not necessary for spaces, but it is for other characters.
+
 ## Plural node anchors

 Something similar applies to the lowercase letter `s`:
@ -741,10 +795,10 @@ We found three |boat|s at the marina.
 This conveniently lets you write plural words as anchors to their singular form without having to write:

 `
-We found three boats|boat at the marina.
+We found three boats|Boat at the marina.
 `

-Which is annoyting to write and also makes the text a lot noisier.
+Which is annoying to write and makes the text a lot less fluid.

 Unlike with punctuation, this doesn't mean you can't have a node with the ID `s`. You can, but you'll have to write your anchors to it always with a trailing pipe:

@ -754,35 +808,36 @@ The |letter s|s| is important so we dedicated a whole page to it: |s|!

 ## Spaced node anchors

-Like punctuation, node IDs shouldn't have spaces. If you write a node anchor with spaces, it will be collapsed:
+If you write a node anchor with spaces, it will be collapsed:

 `
-This |Node Anchor| will work as if it were |Node Anchor|NodeAnchor|.
+This |Node Anchor| will work as if it were |NodeAnchor|.
 `

-As long as you don't have a page with the ID `NodeanchoR` and another with the ID `NodeAnchor`, this shouldn't be a problem.
+Accordingly, node IDs should not have spaces because, among other things, this feature makes it impossible to create an anchor to them.

-Because node ID resolution redirects to a lowercase match as a fallback to an exact match, you can write:
+## Case-insensitive fallbacks
+
+Because node ID resolution redirects to a lowercase match if it can't find an exact match, you can write:

 `
 The next |precious stone| was stolen in 1973.
 `

-And the visible text will be preserved as "precious stone" but be able to point to an ID such as `PreciousStone`.
+And the visible text will still display as "precious stone" but point to an ID such as `PreciousStone`.
+
+This is not a problem if you want to refer to a specific ID that differs only in case because the case-sensitive match takes priority.

 ## URL detection

 en must differentiate node anchors from outgoing URLs:

 `
-|sample|Example|
-|sample|https://example.com|
-
-|Example|
-|https://example.com|
+|internal|Internal|
+|external|https://external.example.com|
 `

-It does this by looking at the destination and checking if it contains a `:`. That's one more reason to avoid this character in your node IDs.
+It does this by looking at the destination and checking if it contains a `/` or `:`. That's one more reason to avoid these characters in your node IDs.
 """

 [nodes.Graph]
@ -798,9 +853,13 @@ en uses this concept to create a writing tool, allowing you to map out complex t
 text = """
 TOML is a configuration format that can be easily read and understood by humans and machines alike.

+It was chosen as en's main input format for its obvious semantics, because it's more readable, has friendlier strings compared to alternatives such as JSON and less convoluted indentation compared to YAML.
+
+One of the most valued attributes in en's design is readability. TOML provides powerful multi-line strings that can trim whitespace and literal multiline string that avoid the need for escaping. This couples well with en's own |markup syntax|Syntax.
+
 To learn more about TOML, you can visit its website at |https://toml.io|.

-To see the TOML declaration that translates into the rendered graph you are reading right now, visit the "TOML Graph" link on the top navigation bar.
+To see the TOML representation for the graph you are reading right now, visit the |data endpoints|/data|.
 """

 [nodes.Acknowledgments]
@ -835,120 +894,172 @@ en is only possible thanks to a number of projects and people:

 ## Software

- Neovim|https://neovim.io/
- foot|https://codeberg.org/dnkl/foot
- tmux|https://github.com/tmux/tmux/
- |Debian|https://debian.org/ and its kernel|https://www.kernel.org/
+- |NixOS|https://nixos.org/|, |Debian|https://debian.org|, |Alpine|https://alpinelinux.org and their kernel|https://www.kernel.org/
 - LibreWolf|https://librewolf.net/ and its upstream |Mozilla Firefox|https://www.firefox.com/
 - InkScape|https://inkscape.org/
 """

+[nodes.RedirectTest]
+redirect = "Start"
+
 [nodes.Roadmap]
 text = """
- [ ] Performance
-    - [ ] Caching
-    - [x] Move more logic from Serial to Graph submodules
-    - [x] Further centralize state
-    - [ ] Reduce O(n) calls in the formats module
- [ ] Input syntax
-    - [ ] Improve nested formatting
-    - [ ] Invert where redirects are set
-    - [x] Formatting
-        - [x] Blockquotes
-        - [x] Tables
-        - [x] Nested formatting
-        - [x] Headers
-        - [x] Preformatted blocks
-        - [x] _Oblique_,
-        - [x] __Underline__
-        - [x] ~~Strikethrough~~
-        - [x] *Bold*
-        - [x] `Inline code`
-        - [x] Lists
-            - [x] Nested lists
-        - [x] Checkboxes
-            - [x] Move this roadmap to en
-    - [ ] Special sections
-        - [ ] Top-bound
-            - [ ] Top-bound is not included in the summary (tooltip)
-            - Sections
-                - [ ] Definition (implies metadata `has_definition`)
-                - [ ] See also (implies a kind of connection, e.g. `related`)
-                - [ ] Not to be confused with (implies a kind of connection)
-        - [ ] Contrast with (implies a kind of connection)
-        - [ ] Example (implies metadata `has_example`)
-        - [ ] Bottom-bound
-            - [ ] References/influences (implies metadata `has_references`)
-                - [ ] Aggregated from the full text content
- [ ] Meta-awareness
-    - [x] Detached edges
-    - [ ] Most linked to nodes
-    - [ ] Most linked from nodes
-    - [ ] Most linked
- [ ] Rendering
-    - [ ] Sorting of tree, index list and drop-down navigation
-        - [x] Alphabetic
-        - [ ] By most linked to
-        - [ ] By most linked
-    - [ ] Tree
-        - [ ] Hide tree leaves from the top level
-        - [ ] Branch deeper
-    - Customization
-        - [ ] Custom assets (favicon, CSS)
-            - [x] Drop all hardcoded assets endpoints
-        - [ ] Custom header include
-        - [x] Custom templates
-            - [ ] user-supplied loading order (e.g. through filenames)
-        - [ ] Themes
- [x] Anchors and connections
-    - [x] Render detached anchors differently
-    - [x] Count connection to a redirect as a connection to the target
-    - [ ] Suffix-aware anchors
-        - [x] Plural anchors (`|node|s` -> `node`)
-        - [x] Ignore trailing punctuation
-        - [ ] Conjugation anchors (`|will|ed` -> `will`)
-        - [ ] Configurable suffixes
-    - [x] Spaced node anchor (`|red fox|` -> `redfox` -> `RedFox`)
-    - [x] Automatic connections from anchors
-    - [ ] `#` syntax for header ID anchors
-    - [ ] Connection kinds
-        - [ ] Mutual
-        - [ ] Category <-> Membership
-        - [ ] Opposite <-> Equivalent
-        - [ ] Contrast <-> Similar
-        - [ ] Cognate <-> Unrelated
-        - [ ] Specialization <-> Generalization
-        - [ ] Custom connection kinds
+
+## Upcoming
+
+## `v0.5.0-alpha`
+- [ ] Custom kind for connections
+- [ ] Docs for custom assets and templates
+- [x] Fix anchors containing `/` and `#` considered node IDs
+- [x] Fix `PreFormat` blocks rendering HTML tags
+
+<hr style="margin: 8em 0 2em;">
+
+## Backlog
+### Syntax
+- [ ] Improve nested formatting
+- [ ] Invert where redirects are set
+- [ ] Special sections
+    - Top-bound
+        - [ ] Top-bound is not included in the summary (tooltip)
+        - Sections
+            - [ ] Definition (implies metadata `has_definition`)
+            - [ ] See also (implies a kind of connection, e.g. `related`)
+            - [ ] Not to be confused with (implies a kind of connection)
+    - [ ] Contrast with (implies a kind of connection)
+    - [ ] Example (implies metadata `has_example`)
+    - Bottom-bound
+        - [ ] References/influences (implies metadata `has_references`)
+            - [ ] Aggregated from the full text content
+
+### Metrics
+- [ ] Most linked to nodes
+- [ ] Most linked from nodes
+- [ ] Most linked
+
+### Rendering
+- [ ] Sorting of tree, index list and drop-down navigation
+    - [x] Alphabetic
+    - [ ] By most linked to
+    - [ ] By most linked
+- Tree
+    - [ ] Hide tree leaves from the top level
+    - [ ] Branch deeper
+- Customization
+    - [ ] Custom assets (favicon, CSS)
+        - [x] Drop all hardcoded assets endpoints
+    - [ ] Custom header include
+    - [x] Custom templates
+        - [ ] user-supplied loading order (e.g. through filenames)
+    - [ ] Themes
+- [ ] Table of contents
+
+### Connections
+- [ ] `#` syntax for header ID anchors
+- Connection kinds
+    - [ ] Mutual
+    - [ ] Category <-> Membership
+    - [ ] Opposite <-> Equivalent
+    - [ ] Contrast <-> Similar
+    - [ ] Cognate <-> Unrelated
+    - [ ] Specialization <-> Generalization
+    - [ ] Custom connection kinds
    - [x] External anchors
- [ ] I/O formats
-    - [ ] Output
-        - [ ] Add separate TOML endpoints for pre/postprocessed
-        - [ ] Render to filesystem
-        - [ ] Single-page rendering
-        - [x] Make error output more clean when `DEBUG` is unset
-    - [ ] Input
-        - [ ] Frontmatter format
-        - [ ] Multi-file graphs
-        - [ ] Multi-graph
- [ ] Templating
-    - [ ] Simplify template code with includes, macros and custom functions
-    - [ ] Move compiled templates to a static ref
-        - See: |https://keats.github.io/tera/docs/#:~:text=only%20happen%20once|
-    - [ ] Reduce whitespace
-        - See: |https://keats.github.io/tera/docs/#whitespace-control|
- [ ] Full-text search
- [ ] Assess Option return types that should be Result
+- [ ] Suffix-aware anchors
+    - [x] Plural anchors (`|node|s` -> `node`)
+    - [x] Ignore trailing punctuation
+    - [ ] Conjugation anchors (`|will|ed` -> `will`)
+    - [ ] Configurable suffixes
+
+### I/O formats
+
+#### Input
+- [ ] Frontmatter format
+- [ ] Multi-file graphs
+- [ ] Multi-graph
+
+#### Output
+- [ ] Add separate TOML endpoints for pre/postprocessed
+- [ ] Render to filesystem
+- [ ] Single-page rendering
 - [ ] Consider printing parsing errors to console by default

-## Done
+### Templating
+- [ ] Simplify template code with includes, macros and custom functions
+- [ ] Move compiled templates to a static ref
+    - See: |https://keats.github.io/tera/docs/#:~:text=only%20happen%20once|
+- [ ] Reduce whitespace
+    - See: |https://keats.github.io/tera/docs/#whitespace-control|

- [x] Redirects
+### Server
+- [ ] Full-text search
+
+### Documentation
+- [ ] Generate `meta.config` docs from JSON schema
+
+#### Validation
+- [ ] Finalize JSON schema
+- [ ] Add CI step with `taplo lint`
+
+### Code
+- [ ] Assess `Option` return types that should be `Result`
+
+### Performance
+- [ ] Caching
+- [ ] Reduce O(n) calls in the formats module
+
+### Done
+<details>
+<summary>Toggle to expand</summary>
+
+#### Syntax
+- Formatting
+    - [x] Blockquotes
+    - [x] Tables
+    - [x] Nested formatting
+    - [x] Headers
+    - [x] Preformatted blocks
+    - [x] _Oblique_,
+    - [x] __Underline__
+    - [x] ~~Strikethrough~~
+    - [x] *Bold*
+    - [x] `Inline code`
+    - [x] Lists
+        - [x] Nested lists
+    - [x] Checkboxes
+        - [x] Move this roadmap to en
+
+#### Connections
+- [x] Count connection to a redirect as a connection to the target
+- [x] Spaced node anchor (`|red fox|` -> `redfox` -> `RedFox`)
+- [x] Automatic connections from anchors
+
+#### I/O formats
+##### Input
+- [x] Array syntax for lightweight connections
+
+##### Output
+- [x] Make error output more clean when `DEBUG` is unset
+
+##### Metrics
+- [x] Detached edges
+
+#### Rendering
+- [x] Render detached anchors differently
 - [x] Strip/render some syntax in Tree text preview
 - [x] Drop-down navigation
- [x] Array syntax for lightweight connections
+
+#### Server
+- [x] Redirects
 - [x] Automatic IDs
 - [x] Automatic titles
 - [x] Mismatch between TOML ID and provided ID
+
+#### Performance
+- [x] Move more logic from Serial to Graph submodules
+- [x] Further centralize state
+
+</details>
 """

 [meta.config]
@ -957,6 +1068,7 @@ footer_credits = false
 error_poem = true
 node_selector = true
 navbar_search = true
+about = true
 footer_text = """
-acknowledgments|Acknowledgments • |source code|https://codeberg.org/jutty/en
+acknowledgments|Acknowledgments &bullet; |source code|https://codeberg.org/jutty/en
 """
--- a/static/public/assets/style.css
+++ b/static/public/assets/style.css
@ -46,30 +46,25 @@ pre {
    transition: 1000ms;
 }

-pre:hover {
-    box-shadow: 1px 1px 3px 2.5px #00777777;
-}
-
 code {
    padding: 3px 6px;
    margin-right: 3px;
    white-space: nowrap;
-    font-size: calc(var(--base-font-size) * 0.8);
-    box-shadow: 1px 1px 1px 1px #00000077;
    transition: 1000ms;
-}
-
-code:hover {
-    box-shadow: 1px 1px 1px 1px #00777799;
+    box-shadow: 1px 1px 0.5px 0.5px #00000077;
 }

 pre, code {
    background: light-dark(#e0e0e0, #333);
    font-family: mono, monospace;
-    border: solid 2px light-dark(#d0d0d0, #434343);
+    border: solid 1px light-dark(#d0d0d0, #434343);
    border-radius: 6px;
 }

+h1 , h2 , h3 , h4 , h5 , h6 {
+    code { font-size: calc(var(--base-font-size) * 0.6); }
+}
+
 a {
    color: light-dark(#0f6366, #1dd7d7);
    text-decoration: underline dotted #159b9b;
@ -100,8 +95,20 @@ a.external {
 }

 a.external:hover {
-    color: light-dark(#0393b2, #74e5ff);
-    text-decoration-color: light-dark(#1ed4f1, #aeffff);
+    color: light-dark(#037cb2, #74e5ff);
+    transition: 1500ms;
+}
+
+a.absolute {
+    color: light-dark(#196719, #2fe471);
+    text-decoration-color: light-dark(#196719, #2fe471);
+    text-decoration-style: solid;
+    text-decoration-thickness: 1.5px;
+    transition: 1500ms;
+}
+
+a.absolute:hover {
+    filter: brightness(1.25);
    transition: 1500ms;
 }

@ -150,7 +157,7 @@ span.id-label {
    border: solid 1px light-dark(#d0d0d0, #666);
 }

-span.hidden-label  {
+span.unlisted-label  {
    background: light-dark(#888, #000);
    color: light-dark(#eee, #969696);
    border: solid 1px light-dark(#d0d0d0, #555);
--- a/templates/about.html
+++ b/templates/about.html
@ -8,16 +8,16 @@
 {% if graph.meta.config.about_text %}
 {{ graph.meta.config.about_text | safe }}
 {% else %}
-<p>en is a program to create a connected collection of texts.</p>
+<p>en is a writing instrument to create a connected collection of texts.</p>

-<p>You define your graph using a plain-text configuration file, en reads this file and generates a website like the one you are browsing right now.</p>
+<p>You define your graph using plain-text files, en reads these files and generates a website like the one you are browsing right now.</p>

 <p>If you'd like to learn more:</p>

 <ul>
    <li><a href="https://en.jutty.dev">Website</a></li>
-    <li><a href="https://en.jutty.dev/node/en">More about en</a></li>
-    <li><a href="https://en.jutty.dev/node/Documentation">Documentation</a></li>
+    <li><a href="https://en.jutty.dev/node/Start">More about en</a></li>
+    <li><a href="https://en.jutty.dev/node/GetStarted">Get Started</a></li>
    <li><a href="https://codeberg.org/jutty/en">Source code repository</a></li>
 </ul>
 {% endif %}
--- a/templates/base.html
+++ b/templates/base.html
@ -52,8 +52,8 @@
                <select class="node-selector" name="node">
                  <option value="">Nodes</option>
                  {% for _, node in graph.nodes %}
-                  {% if node.hidden or node.redirect %}{% continue %}{% endif %}
-                  {% if not node.hidden and not node.redirect %}
+                  {% if not node.listed or node.redirect %}{% continue %}{% endif %}
+                  {% if node.listed and not node.redirect %}
                  <option value="{{node.id}}">{{node.title}}</option>
                  {% endif %}
                  {% endfor %}
--- a/templates/data.html
+++ b/templates/data.html
@ -9,15 +9,16 @@
 <table>
    <tr>
        <td>
-            <a href="#detached-edges">Detached edges</a>
+            <a href="#detached-connections">Detached connections</a>
        </td>
        <td>
-            <a href="#detached-edges:~:text=Anchors">{{ detached_count }}</a>
+            <a href="#detached-connections:~:text=Anchors">{{ detached_count }}</a>
        </td>
    </tr>
 </table>

-<h3 id="detached-edges">Detached edges</h3>
+<h3 id="detached-connections">Detached connections</h3>
+<p>These are the destinations to which connections exist, but the target node doesn't.</p>

 <details>
 <summary>Expand to see all detached edges.</summary>
--- a/templates/index.html
+++ b/templates/index.html
@ -37,7 +37,7 @@
        {% if loop.index > graph.meta.config.index_node_count %}
        {% break %}
        {% endif %}
-        {% if node.id != graph.root_node and not node.hidden and not node.redirect %}
+        {% if node.id != graph.root_node and node.listed and not node.redirect %}
        <li><a href="/node/{{node.id}}">{{node.title}}</a></li>
        {% endif %}
        {% endfor %}
--- a/templates/node.html
+++ b/templates/node.html
@ -8,7 +8,7 @@
            <h1 class="node-title">{{ node.title }}</h1>
            <div class="labels">
                {% if node.title != node.id %}<span class="label id-label">ID: {{ node.id }}</span>{% endif %}
-                {% if node.hidden %}<span class="label hidden-label">Hidden</span>{% endif %}
+                {% if not node.listed %}<span class="label unlisted-label">Unlisted</span>{% endif %}
                {% if node.id == graph.root_node %}<span class="label root-label">Root</span>{% endif %}
            </div>
        </div>
--- a/templates/tree.html
+++ b/templates/tree.html
@ -6,7 +6,7 @@
    {% if graph.nodes or root_node %}
    <h1>Tree</h1>
    <ul>
-    {% if root_node and not root_node.hidden %}
+    {% if root_node and root_node.listed %}
    <li>
        <a href="/node/{{root_node.id}}">{{root_node.title}}</a>
        <span class="label root-label">Root</span>
@ -34,7 +34,7 @@
    {% endif %}
    {% if graph.nodes %}
    {% for id, node in graph.nodes %}
-    {% if node.hidden or (root_node and node.id == root_node.id ) %}{% continue %}{% endif %}
+    {% if not node.listed or (root_node and node.id == root_node.id ) %}{% continue %}{% endif %}
    <li>
        <a href="/node/{{node.id}}">{{node.title}}</a>
        {% if node.connections or graph.meta.config.tree_node_summary %}
Author	SHA1	Message	Date
jutty	c2de0283fd	Update roadmap Some checks failed / verify (push) Has been cancelled Details	2026-06-04 10:31:11 -03:00
jutty	8649169bae	Add CSS to watchexec extensions	2026-06-04 10:31:11 -03:00
jutty	70bdba50c8	Spell check docs	2026-06-04 10:31:11 -03:00
jutty	88fdd3084e	Flag absolute anchors	2026-06-04 10:31:11 -03:00
jutty	1d801dce06	Docs review	2026-06-03 15:01:22 -03:00
jutty	ab9b587018	Rename 'hidden' node option to 'listed'	2026-06-03 15:01:22 -03:00
jutty	0d48291d5f	Draft a JSON schema for graphs	2026-06-03 15:01:22 -03:00
jutty	8100b1ba10	Tone down code styles	2026-06-03 15:01:22 -03:00
jutty	d0ca4e6cb3	Add a context parser for PreFormat blocks	2026-06-02 23:45:46 -03:00