From e1bf32f8e222412c255c3ae2d58eadf90c5b4c1b Mon Sep 17 00:00:00 2001
From: Eryn Wells <eryn@erynwells.me>
Date: Wed, 19 Oct 2022 07:38:53 -0700
Subject: [PATCH] Partially done railroad.js post

---
 content/blog/2022/08/railroad-js/index.md | 37 +++++++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 content/blog/2022/08/railroad-js/index.md

diff --git a/content/blog/2022/08/railroad-js/index.md b/content/blog/2022/08/railroad-js/index.md
new file mode 100644
index 0000000..cdb3432
--- /dev/null
+++ b/content/blog/2022/08/railroad-js/index.md
@@ -0,0 +1,37 @@
+---
+title: railroad.js
+slug: railroad-js
+date: 2022-08-20T10:45:53-07:00
+draft: true
+---
+
+{{< figures/railroad id="sExpressionDiagram" >}}
+    return rr.Diagram(
+        rr.Start("simple", "s_expression"),
+        rr.ZeroOrMore(
+            rr.Choice(0,
+                rr.Group(rr.Sequence(
+                    "a ... z",
+                    rr.ZeroOrMore(rr.Choice(0, "a ... z", "1 ... 9"))
+                ), "atom"),
+                rr.Sequence(
+                    "(", rr.OneOrMore(rr.NonTerminal("s_expression")), ")"
+                ),
+                rr.Sequence(
+                    "(",
+                    rr.NonTerminal("s_expression"),
+                    ".",
+                    rr.NonTerminal("s_expression"),
+                    ")"
+                )
+            )
+        )
+    );
+{{< /figures/railroad >}}
+
+I just recently integrated support for Tab Atkins' excellent [`railroad.js`][rrjs]. 
+It allows you to make diagrams like the one above. These are great for
+describing modular architectures, control flow through programs or other complex
+systems, and—as above—grammars.
+
+[rrjs]: http://tabatkins.github.io/railroad-diagrams/