create-volt 0.53.0 → 0.54.0

package/CHANGELOG.md

@@ -4,6 +4,17 @@ All notable changes to `create-volt` are documented here. The format follows
 [Keep a Changelog](https://keepachangelog.com/), and this project adheres to
 [Semantic Versioning](https://semver.org/).
 
+## [0.54.0] - 2026-07-04
+
+### Added
+- **Config editor renders themed.** The in-config WYSIWYG loads the active theme's
+  CSS (new `/setup/theme-css` → RTEPro `exportCSS`), so pages look like the published
+  site as you edit — new pages included.
+
+### Fixed
+- **Log analytics bot/attack counts were always 0** — they read `.bot`/`.attack`,
+  but mir-sentinel's parseLine returns `.isBot`/`.isAttack`. Fixed in `--logs`.
+
 ## [0.53.0] - 2026-07-04
 
 ### Added
@@ -692,6 +703,7 @@ All notable changes to `create-volt` are documented here. The format follows
   watching and full-page hot reload. Supports `--skip-install` and `--force`,
   and auto-detects npm / pnpm / yarn / bun for the install step.
 
+[0.54.0]: https://github.com/MIR-2025/volt/releases/tag/v0.54.0
 [0.53.0]: https://github.com/MIR-2025/volt/releases/tag/v0.53.0
 [0.52.0]: https://github.com/MIR-2025/volt/releases/tag/v0.52.0
 [0.51.0]: https://github.com/MIR-2025/volt/releases/tag/v0.51.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-volt",
-  "version": "0.53.0",
+  "version": "0.54.0",
   "description": "Scaffold a new Volt app — no-build, signals-based UI with Socket.io hot reload.",
   "type": "module",
   "bin": {

package/templates/blog/server.js

@@ -440,6 +440,32 @@ function startSetup() {
       });
       return;
     }
+    // --- active theme's CSS, so the in-config editor renders pages themed ---
+    if (req.method === "GET" && p === "/setup/theme-css") {
+      res.setHeader("Content-Type", "text/css; charset=utf-8");
+      (async () => {
+        const theme = (readEnvFile().THEME || "").trim();
+        const load = async (rel) => {
+          try {
+            return (await imp(rel)).css || "";
+          } catch {
+            return null;
+          }
+        };
+        let css = null;
+        if (theme) css = await load(path.join(".volt", "themes", theme, "index.js"));
+        if (css == null && fs.existsSync(path.join(__dirname, "pages", "_theme.js"))) css = await load(path.join("pages", "_theme.js"));
+        if (css == null && theme) {
+          try {
+            css = (await import(`volt-theme-${theme}`)).css || "";
+          } catch {
+            css = null;
+          }
+        }
+        res.end(css || "");
+      })();
+      return;
+    }
     // --- content manager: list / read / write / delete pages + posts ---
     if (req.method === "GET" && p === "/setup/content") {
       const list = (type) => {
@@ -785,7 +811,7 @@ async function startLogs() {
       const f = sources()[u.searchParams.get("source")];
       if (!f) return json(res, { ok: false });
       const parsed = tail(f, 5000).map((l) => parseLine(l));
-      return json(res, { ok: true, total: parsed.length, paths: top(parsed, "path"), statuses: top(parsed, "status"), ips: top(parsed, "ip"), bots: parsed.filter((x) => x && x.bot).length, attacks: parsed.filter((x) => x && x.attack).length });
+      return json(res, { ok: true, total: parsed.length, paths: top(parsed, "path"), statuses: top(parsed, "status"), ips: top(parsed, "ip"), bots: parsed.filter((x) => x && x.isBot).length, attacks: parsed.filter((x) => x && x.isAttack).length });
     }
     // add/remove a source ("add servers") — written to .volt/logs.json
     if (req.method === "POST" && (p === "/api/source" || p === "/api/source/remove")) {

package/templates/blog/setup/setup.js

@@ -323,6 +323,8 @@ async function genToken() {
 const items = signal({ pages: [], posts: [] });
 const editing = signal(null); // { type, slug, title, isNew } — set only on open/save/close
 let ed = null; // live RTEPro instance for the open editor
+let themeCss = ""; // active theme's CSS, so the editor renders pages themed
+fetch("/setup/theme-css").then((r) => r.text()).then((c) => { themeCss = c; }).catch(() => {});
 const loadItems = async () => items(await (await fetch("/setup/content")).json());
 // raw .md → { title, body, isHtml }; RTEPro takes markdown directly (setMarkdown),
 // so no markdown library is needed.
@@ -333,7 +335,7 @@ function parseDoc(raw) {
   return { title, body: fm ? raw.slice(fm[0].length) : raw, isHtml: /^format:\s*html\s*$/m.test(front) };
 }
 function mountEditor(doc) {
-  ed = window.RTEPro.init("#mg-editor", { height: "60vh", placeholder: "Write…", aiProxy: "/setup/ai", aiProvider: state().aiProvider || "anthropic" });
+  ed = window.RTEPro.init("#mg-editor", { height: "60vh", placeholder: "Write…", aiProxy: "/setup/ai", aiProvider: state().aiProvider || "anthropic", exportCSS: themeCss });
   if (doc && doc.isHtml) ed.setHTML(doc.body || "");
   else ed.setMarkdown((doc && doc.body) || "");
 }

package/templates/default/server.js

@@ -440,6 +440,32 @@ function startSetup() {
       });
       return;
     }
+    // --- active theme's CSS, so the in-config editor renders pages themed ---
+    if (req.method === "GET" && p === "/setup/theme-css") {
+      res.setHeader("Content-Type", "text/css; charset=utf-8");
+      (async () => {
+        const theme = (readEnvFile().THEME || "").trim();
+        const load = async (rel) => {
+          try {
+            return (await imp(rel)).css || "";
+          } catch {
+            return null;
+          }
+        };
+        let css = null;
+        if (theme) css = await load(path.join(".volt", "themes", theme, "index.js"));
+        if (css == null && fs.existsSync(path.join(__dirname, "pages", "_theme.js"))) css = await load(path.join("pages", "_theme.js"));
+        if (css == null && theme) {
+          try {
+            css = (await import(`volt-theme-${theme}`)).css || "";
+          } catch {
+            css = null;
+          }
+        }
+        res.end(css || "");
+      })();
+      return;
+    }
     // --- content manager: list / read / write / delete pages + posts ---
     if (req.method === "GET" && p === "/setup/content") {
       const list = (type) => {
@@ -785,7 +811,7 @@ async function startLogs() {
       const f = sources()[u.searchParams.get("source")];
       if (!f) return json(res, { ok: false });
       const parsed = tail(f, 5000).map((l) => parseLine(l));
-      return json(res, { ok: true, total: parsed.length, paths: top(parsed, "path"), statuses: top(parsed, "status"), ips: top(parsed, "ip"), bots: parsed.filter((x) => x && x.bot).length, attacks: parsed.filter((x) => x && x.attack).length });
+      return json(res, { ok: true, total: parsed.length, paths: top(parsed, "path"), statuses: top(parsed, "status"), ips: top(parsed, "ip"), bots: parsed.filter((x) => x && x.isBot).length, attacks: parsed.filter((x) => x && x.isAttack).length });
     }
     // add/remove a source ("add servers") — written to .volt/logs.json
     if (req.method === "POST" && (p === "/api/source" || p === "/api/source/remove")) {

package/templates/default/setup/setup.js

@@ -323,6 +323,8 @@ async function genToken() {
 const items = signal({ pages: [], posts: [] });
 const editing = signal(null); // { type, slug, title, isNew } — set only on open/save/close
 let ed = null; // live RTEPro instance for the open editor
+let themeCss = ""; // active theme's CSS, so the editor renders pages themed
+fetch("/setup/theme-css").then((r) => r.text()).then((c) => { themeCss = c; }).catch(() => {});
 const loadItems = async () => items(await (await fetch("/setup/content")).json());
 // raw .md → { title, body, isHtml }; RTEPro takes markdown directly (setMarkdown),
 // so no markdown library is needed.
@@ -333,7 +335,7 @@ function parseDoc(raw) {
   return { title, body: fm ? raw.slice(fm[0].length) : raw, isHtml: /^format:\s*html\s*$/m.test(front) };
 }
 function mountEditor(doc) {
-  ed = window.RTEPro.init("#mg-editor", { height: "60vh", placeholder: "Write…", aiProxy: "/setup/ai", aiProvider: state().aiProvider || "anthropic" });
+  ed = window.RTEPro.init("#mg-editor", { height: "60vh", placeholder: "Write…", aiProxy: "/setup/ai", aiProvider: state().aiProvider || "anthropic", exportCSS: themeCss });
   if (doc && doc.isHtml) ed.setHTML(doc.body || "");
   else ed.setMarkdown((doc && doc.body) || "");
 }

package/templates/docs/server.js

@@ -440,6 +440,32 @@ function startSetup() {
       });
       return;
     }
+    // --- active theme's CSS, so the in-config editor renders pages themed ---
+    if (req.method === "GET" && p === "/setup/theme-css") {
+      res.setHeader("Content-Type", "text/css; charset=utf-8");
+      (async () => {
+        const theme = (readEnvFile().THEME || "").trim();
+        const load = async (rel) => {
+          try {
+            return (await imp(rel)).css || "";
+          } catch {
+            return null;
+          }
+        };
+        let css = null;
+        if (theme) css = await load(path.join(".volt", "themes", theme, "index.js"));
+        if (css == null && fs.existsSync(path.join(__dirname, "pages", "_theme.js"))) css = await load(path.join("pages", "_theme.js"));
+        if (css == null && theme) {
+          try {
+            css = (await import(`volt-theme-${theme}`)).css || "";
+          } catch {
+            css = null;
+          }
+        }
+        res.end(css || "");
+      })();
+      return;
+    }
     // --- content manager: list / read / write / delete pages + posts ---
     if (req.method === "GET" && p === "/setup/content") {
       const list = (type) => {
@@ -785,7 +811,7 @@ async function startLogs() {
       const f = sources()[u.searchParams.get("source")];
       if (!f) return json(res, { ok: false });
       const parsed = tail(f, 5000).map((l) => parseLine(l));
-      return json(res, { ok: true, total: parsed.length, paths: top(parsed, "path"), statuses: top(parsed, "status"), ips: top(parsed, "ip"), bots: parsed.filter((x) => x && x.bot).length, attacks: parsed.filter((x) => x && x.attack).length });
+      return json(res, { ok: true, total: parsed.length, paths: top(parsed, "path"), statuses: top(parsed, "status"), ips: top(parsed, "ip"), bots: parsed.filter((x) => x && x.isBot).length, attacks: parsed.filter((x) => x && x.isAttack).length });
     }
     // add/remove a source ("add servers") — written to .volt/logs.json
     if (req.method === "POST" && (p === "/api/source" || p === "/api/source/remove")) {

package/templates/docs/setup/setup.js

@@ -323,6 +323,8 @@ async function genToken() {
 const items = signal({ pages: [], posts: [] });
 const editing = signal(null); // { type, slug, title, isNew } — set only on open/save/close
 let ed = null; // live RTEPro instance for the open editor
+let themeCss = ""; // active theme's CSS, so the editor renders pages themed
+fetch("/setup/theme-css").then((r) => r.text()).then((c) => { themeCss = c; }).catch(() => {});
 const loadItems = async () => items(await (await fetch("/setup/content")).json());
 // raw .md → { title, body, isHtml }; RTEPro takes markdown directly (setMarkdown),
 // so no markdown library is needed.
@@ -333,7 +335,7 @@ function parseDoc(raw) {
   return { title, body: fm ? raw.slice(fm[0].length) : raw, isHtml: /^format:\s*html\s*$/m.test(front) };
 }
 function mountEditor(doc) {
-  ed = window.RTEPro.init("#mg-editor", { height: "60vh", placeholder: "Write…", aiProxy: "/setup/ai", aiProvider: state().aiProvider || "anthropic" });
+  ed = window.RTEPro.init("#mg-editor", { height: "60vh", placeholder: "Write…", aiProxy: "/setup/ai", aiProvider: state().aiProvider || "anthropic", exportCSS: themeCss });
   if (doc && doc.isHtml) ed.setHTML(doc.body || "");
   else ed.setMarkdown((doc && doc.body) || "");
 }

package/templates/starter/server.js

@@ -466,6 +466,32 @@ function startSetup() {
       });
       return;
     }
+    // --- active theme's CSS, so the in-config editor renders pages themed ---
+    if (req.method === "GET" && p === "/setup/theme-css") {
+      res.setHeader("Content-Type", "text/css; charset=utf-8");
+      (async () => {
+        const theme = (readEnvFile().THEME || "").trim();
+        const load = async (rel) => {
+          try {
+            return (await imp(rel)).css || "";
+          } catch {
+            return null;
+          }
+        };
+        let css = null;
+        if (theme) css = await load(path.join(".volt", "themes", theme, "index.js"));
+        if (css == null && fs.existsSync(path.join(__dirname, "pages", "_theme.js"))) css = await load(path.join("pages", "_theme.js"));
+        if (css == null && theme) {
+          try {
+            css = (await import(`volt-theme-${theme}`)).css || "";
+          } catch {
+            css = null;
+          }
+        }
+        res.end(css || "");
+      })();
+      return;
+    }
     // --- content manager: list / read / write / delete pages + posts ---
     if (req.method === "GET" && p === "/setup/content") {
       const list = (type) => {
@@ -811,7 +837,7 @@ async function startLogs() {
       const f = sources()[u.searchParams.get("source")];
       if (!f) return json(res, { ok: false });
       const parsed = tail(f, 5000).map((l) => parseLine(l));
-      return json(res, { ok: true, total: parsed.length, paths: top(parsed, "path"), statuses: top(parsed, "status"), ips: top(parsed, "ip"), bots: parsed.filter((x) => x && x.bot).length, attacks: parsed.filter((x) => x && x.attack).length });
+      return json(res, { ok: true, total: parsed.length, paths: top(parsed, "path"), statuses: top(parsed, "status"), ips: top(parsed, "ip"), bots: parsed.filter((x) => x && x.isBot).length, attacks: parsed.filter((x) => x && x.isAttack).length });
     }
     // add/remove a source ("add servers") — written to .volt/logs.json
     if (req.method === "POST" && (p === "/api/source" || p === "/api/source/remove")) {

package/templates/starter/setup/setup.js

@@ -323,6 +323,8 @@ async function genToken() {
 const items = signal({ pages: [], posts: [] });
 const editing = signal(null); // { type, slug, title, isNew } — set only on open/save/close
 let ed = null; // live RTEPro instance for the open editor
+let themeCss = ""; // active theme's CSS, so the editor renders pages themed
+fetch("/setup/theme-css").then((r) => r.text()).then((c) => { themeCss = c; }).catch(() => {});
 const loadItems = async () => items(await (await fetch("/setup/content")).json());
 // raw .md → { title, body, isHtml }; RTEPro takes markdown directly (setMarkdown),
 // so no markdown library is needed.
@@ -333,7 +335,7 @@ function parseDoc(raw) {
   return { title, body: fm ? raw.slice(fm[0].length) : raw, isHtml: /^format:\s*html\s*$/m.test(front) };
 }
 function mountEditor(doc) {
-  ed = window.RTEPro.init("#mg-editor", { height: "60vh", placeholder: "Write…", aiProxy: "/setup/ai", aiProvider: state().aiProvider || "anthropic" });
+  ed = window.RTEPro.init("#mg-editor", { height: "60vh", placeholder: "Write…", aiProxy: "/setup/ai", aiProvider: state().aiProvider || "anthropic", exportCSS: themeCss });
   if (doc && doc.isHtml) ed.setHTML(doc.body || "");
   else ed.setMarkdown((doc && doc.body) || "");
 }