From 82dae749bc930989dd2d7efd8916748a5602b442 Mon Sep 17 00:00:00 2001
From: Steven Vandevelde <steven@tokono.ma>
Date: Sat, 4 Apr 2026 22:20:03 +0200
Subject: [PATCH] chore: build -> code

---
 src/_components/nav.vto                | 4 ++--
 src/{build.vto => code.vto}            | 6 +++---
 src/common/pages/{build.js => code.js} | 6 +++---
 src/common/pages/ppr.js                | 6 +++---
 src/elements.vto                       | 2 +-
 5 files changed, 12 insertions(+), 12 deletions(-)
 rename src/{build.vto => code.vto} (98%)
 rename src/common/pages/{build.js => code.js} (97%)

diff --git a/src/_components/nav.vto b/src/_components/nav.vto
index a8290c65..2fc02a90 100644
--- a/src/_components/nav.vto
+++ b/src/_components/nav.vto
@@ -24,10 +24,10 @@
       </span>
     </a>
 
-    <a href="build/" class="button {{ colorClass("build/") }} button--border">
+    <a href="code/" class="button {{ colorClass("code/") }} button--border">
       <span>
         <i class="ph-fill ph-hammer"></i>
-        Build
+        Code
       </span>
     </a>
 
diff --git a/src/build.vto b/src/code.vto
similarity index 98%
rename from src/build.vto
rename to src/code.vto
index a9d64bfe..e980d988 100644
--- a/src/build.vto
+++ b/src/code.vto
@@ -1,7 +1,7 @@
 ---
 layout: layouts/kitchen.vto
 base: ../
-title: Build | Diffuse
+title: Code | Diffuse
 
 examples:
   - url: "facets/examples/now-playing/index.html"
@@ -14,12 +14,12 @@ examples:
       Make a list of what previously played in the queue.
 ---
 
-<h1 id="build" hidden>Build</h1>
+<h1 id="code" hidden>Code</h1>
 
 
 <!-- BUILD -->
 <section style="margin-top: var(--space-lg);">
-  <form id="build-form" class="columns">
+  <form id="code-form" class="columns">
     <div class="flex" style="flex-basis: 35%">
       <div id="html-input-container" class="code-editor monospace-font">
       </div>
diff --git a/src/common/pages/build.js b/src/common/pages/code.js
similarity index 97%
rename from src/common/pages/build.js
rename to src/common/pages/code.js
index af7b5828..b73b80ce 100644
--- a/src/common/pages/build.js
+++ b/src/common/pages/code.js
@@ -178,7 +178,7 @@ async function editFacet(ogFacet) {
   }
 
   // Scroll to builder
-  document.querySelector("#build")?.scrollIntoView();
+  document.querySelector("#code")?.scrollIntoView();
 
   // Make sure HTML is loaded
   if (!facet.html && facet.uri) {
@@ -212,7 +212,7 @@ export function handleBuildFormSubmit() {
   const editor = $editor.value;
   if (!editor) return;
 
-  document.querySelector("#build-form")?.addEventListener(
+  document.querySelector("#code-form")?.addEventListener(
     "submit",
     onBuildSubmit(editor),
   );
@@ -254,7 +254,7 @@ export function listenForExamplesEdit() {
           });
           setEditorLoading(false);
           editFacet(facet);
-          document.querySelector("#build")?.scrollIntoView();
+          document.querySelector("#code")?.scrollIntoView();
           break;
         }
       }
diff --git a/src/common/pages/ppr.js b/src/common/pages/ppr.js
index 28fc1567..a80bc7d1 100644
--- a/src/common/pages/ppr.js
+++ b/src/common/pages/ppr.js
@@ -1,4 +1,4 @@
-import * as Build from "./build.js";
+import * as Build from "./code.js";
 import * as Dashboard from "./dashboard.js";
 import * as Grid from "./grid.js";
 import * as Guide from "./guide.js";
@@ -9,7 +9,7 @@ const BASE_PATHNAME = new URL(document.baseURI).pathname;
 
 /**
  * Strips the app's base path prefix from an absolute pathname,
- * returning a root-relative path like "/build".
+ * returning a root-relative path like "/code".
  *
  * @param {string} pathname
  */
@@ -36,7 +36,7 @@ async function initJsBasedOnPage(url) {
   await Grid.setupOutputIndicator();
 
   switch (path) {
-    case "/build":
+    case "/code":
       Build.renderEditor();
       Build.handleBuildFormSubmit();
       Build.listenForExamplesEdit();
diff --git a/src/elements.vto b/src/elements.vto
index 4df7ea31..9df02f92 100644
--- a/src/elements.vto
+++ b/src/elements.vto
@@ -230,7 +230,7 @@ definitions:
       Elements
     </p>
     <p>
-      Diffuse was built using these web components, consume these using the <a href="../build/">build tool</a>, the Javascript <a href="https://jsr.io/@toko/diffuse">package</a>, or the linked Javascript files down below.
+      Diffuse was built using these web components, consume these using the <a href="../code/">code tool</a>, the Javascript <a href="https://jsr.io/@toko/diffuse">package</a>, or the linked Javascript files down below.
     </p>
     <ul class="table-of-contents">
       <li><a href="elements/#artwork">Artwork</a></li>
-- 
2.51.2