docs: move DFIR playground to a sidebar item in the docs

Fixes #1630
hydro-project · Feb 11, 2025 · e4dd389 · e4dd389
1 parent 2fd6aa7
commit e4dd389
Show file tree

Hide file tree

Showing 9 changed files with 214 additions and 147 deletions.
diff --git a/docs/docs/dfir/architecture/_category_.json b/docs/docs/dfir/architecture/_category_.json
@@ -1,6 +1,6 @@
 {
   "label": "Architecture",
-  "position": 6,
+  "position": 7,
   "link": {
     "type": "doc",
     "id": "dfir/architecture/index"

diff --git a/docs/docs/dfir/concepts/_category_.json b/docs/docs/dfir/concepts/_category_.json
@@ -1,6 +1,6 @@
 {
   "label": "Concepts",
-  "position": 5,
+  "position": 6,
   "link": {
     "type": "doc",
     "id": "dfir/concepts/index"

diff --git a/docs/docs/dfir/ecosystem.md b/docs/docs/dfir/ecosystem.md
@@ -1,5 +1,5 @@
 ---
-sidebar_position: 4
+sidebar_position: 5
 ---
 
 # The Hydro Ecosystem

diff --git a/docs/docs/dfir/lattices_crate/_category_.json b/docs/docs/dfir/lattices_crate/_category_.json
@@ -1,6 +1,6 @@
 {
   "label": "The Lattices Crate",
-  "position": 6,
+  "position": 8,
   "link": {
     "type": "doc",
     "id": "dfir/lattices_crate/index"

diff --git a/docs/docs/dfir/playground.mdx b/docs/docs/dfir/playground.mdx
@@ -0,0 +1,14 @@
+---
+title: DFIR Playground
+sidebar_position: 3
+---
+
+import { DfirSurfaceDemo, DatalogDemo } from '@site/src/components/playground';
+
+In these interactive editors, you can experiment with the DFIR compiler by running it in your browser (through WebAssembly)! Try selecting one of the templates or edit the code yourself to see how DFIR logic is compiled into a dataflow graph and executable Rust.
+
+## DFIR
+<DfirSurfaceDemo />
+
+## Datalog
+<DatalogDemo />
diff --git a/docs/docs/dfir/syntax/_category_.json b/docs/docs/dfir/syntax/_category_.json
@@ -1,6 +1,6 @@
 {
   "label": "Syntax",
-  "position": 3,
+  "position": 4,
   "link": {
     "type": "doc",
     "id": "dfir/syntax/index"

diff --git a/docs/docusaurus.config.js b/docs/docusaurus.config.js
@@ -125,22 +125,17 @@ const config = {
                 sidebarId: "deploySidebar",
                 label: "Hydro Deploy",
               },
-              {
-                href: "pathname:///rustdoc/hydro_lang/",
-                label: "Rustdoc",
-              },
               {
                 type: "docSidebar",
                 sidebarId: "dfirSidebar",
                 label: "DFIR",
               },
+              {
+                href: "pathname:///rustdoc/hydro_lang/",
+                label: "Rustdoc",
+              },
             ],
           },
-          {
-            to: "/playground",
-            position: "left",
-            label: "Playground",
-          },
           {
             to: "/research",
             position: "left",