@doodle-engine/cli 0.0.19 → 0.0.21

package/dist/cli.js

@@ -9,73 +9,73 @@ import { join as h, extname as f, relative as E, dirname as U } from "path";
 import { parse as y } from "yaml";
 import { extractAssetPaths as W, getAssetType as R, parseDialogue as k } from "@doodle-engine/core";
 import J from "prompts";
-function C(t, o) {
+function C(n, o) {
   const s = [];
-  for (const r of Object.values(t.dialogues)) {
-    const n = o.get(r.id) || `dialogue:${r.id}`;
-    s.push(...Q(r, n));
+  for (const r of Object.values(n.dialogues)) {
+    const t = o.get(r.id) || `dialogue:${r.id}`;
+    s.push(...Q(r, t));
   }
-  for (const r of Object.values(t.characters))
-    if (r.dialogue && !t.dialogues[r.dialogue]) {
-      const n = o.get(r.id) || `character:${r.id}`;
+  for (const r of Object.values(n.characters))
+    if (r.dialogue && !n.dialogues[r.dialogue]) {
+      const t = o.get(r.id) || `character:${r.id}`;
       s.push({
-        file: n,
+        file: t,
         message: `Character "${r.id}" references non-existent dialogue "${r.dialogue}"`,
         suggestion: `Create dialogue "${r.dialogue}" or fix the reference`
       });
     }
-  return s.push(...K(t, o)), s;
+  return s.push(...K(n, o)), s;
 }
-function Q(t, o) {
+function Q(n, o) {
   const s = [], r = /* @__PURE__ */ new Set();
-  for (const n of t.nodes)
-    r.has(n.id) && s.push({
+  for (const t of n.nodes)
+    r.has(t.id) && s.push({
       file: o,
-      message: `Duplicate node ID "${n.id}"`,
+      message: `Duplicate node ID "${t.id}"`,
       suggestion: "Node IDs must be unique within a dialogue"
-    }), r.add(n.id);
-  r.has(t.startNode) || s.push({
+    }), r.add(t.id);
+  r.has(n.startNode) || s.push({
     file: o,
-    message: `Start node "${t.startNode}" not found`,
-    suggestion: `Add a NODE ${t.startNode} or fix the startNode reference`
+    message: `Start node "${n.startNode}" not found`,
+    suggestion: `Add a NODE ${n.startNode} or fix the startNode reference`
   });
-  for (const n of t.nodes)
-    s.push(...Y(n, r, o));
+  for (const t of n.nodes)
+    s.push(...Y(t, r, o));
   return s;
 }
-function Y(t, o, s) {
+function Y(n, o, s) {
   const r = [];
-  if (t.next && !o.has(t.next) && r.push({
+  if (n.next && !o.has(n.next) && r.push({
     file: s,
-    message: `Node "${t.id}" GOTO "${t.next}" points to non-existent node`,
-    suggestion: `Add NODE ${t.next} or fix the GOTO target`
-  }), t.conditionalNext)
-    for (const n of t.conditionalNext)
-      o.has(n.next) || r.push({
+    message: `Node "${n.id}" GOTO "${n.next}" points to non-existent node`,
+    suggestion: `Add NODE ${n.next} or fix the GOTO target`
+  }), n.conditionalNext)
+    for (const t of n.conditionalNext)
+      o.has(t.next) || r.push({
         file: s,
-        message: `Node "${t.id}" IF block GOTO "${n.next}" points to non-existent node`,
-        suggestion: `Add NODE ${n.next} or fix the GOTO target`
-      }), r.push(...O(n.condition, t.id, s));
-  for (const n of t.choices) {
-    if (!n.effects?.some(
+        message: `Node "${n.id}" IF block GOTO "${t.next}" points to non-existent node`,
+        suggestion: `Add NODE ${t.next} or fix the GOTO target`
+      }), r.push(...O(t.condition, n.id, s));
+  for (const t of n.choices) {
+    if (!t.effects?.some(
       (e) => e.type === "endDialogue" || e.type === "goToLocation" || e.type === "startDialogue"
-    ) && n.next && !o.has(n.next) && r.push({
+    ) && t.next && !o.has(t.next) && r.push({
       file: s,
-      message: `Node "${t.id}" choice "${n.id}" GOTO "${n.next}" points to non-existent node`,
-      suggestion: `Add NODE ${n.next} or fix the GOTO target`
-    }), n.conditions)
-      for (const e of n.conditions)
-        r.push(...O(e, t.id, s));
-    if (n.effects)
-      for (const e of n.effects)
-        r.push(...A(e, t.id, s));
+      message: `Node "${n.id}" choice "${t.id}" GOTO "${t.next}" points to non-existent node`,
+      suggestion: `Add NODE ${t.next} or fix the GOTO target`
+    }), t.conditions)
+      for (const e of t.conditions)
+        r.push(...O(e, n.id, s));
+    if (t.effects)
+      for (const e of t.effects)
+        r.push(...A(e, n.id, s));
   }
-  if (t.conditions)
-    for (const n of t.conditions)
-      r.push(...O(n, t.id, s));
-  if (t.effects)
-    for (const n of t.effects)
-      r.push(...A(n, t.id, s));
+  if (n.conditions)
+    for (const t of n.conditions)
+      r.push(...O(t, n.id, s));
+  if (n.effects)
+    for (const t of n.effects)
+      r.push(...A(t, n.id, s));
   return r;
 }
 const z = {
@@ -123,51 +123,51 @@ const z = {
   showInterlude: ["interludeId"],
   roll: ["variable", "min", "max"]
 };
-function O(t, o, s) {
+function O(n, o, s) {
   const r = [];
-  if (!t.type)
+  if (!n.type)
     return r.push({
       file: s,
       message: `Node "${o}" has condition with missing type`
     }), r;
-  if (t.type === "timeIs")
-    return t.hour === void 0 && t.day === void 0 && r.push({
+  if (n.type === "timeIs")
+    return n.hour === void 0 && n.day === void 0 && r.push({
       file: s,
       message: `Node "${o}" condition "timeIs" must have at least one of "hour" or "day" argument`
     }), r;
-  const n = z[t.type];
-  if (!n)
+  const t = z[n.type];
+  if (!t)
     return r;
-  for (const a of n)
-    (t[a] === void 0 || t[a] === null || t[a] === "") && r.push({
+  for (const a of t)
+    (n[a] === void 0 || n[a] === null || n[a] === "") && r.push({
       file: s,
-      message: `Node "${o}" condition "${t.type}" missing required "${a}" argument`
+      message: `Node "${o}" condition "${n.type}" missing required "${a}" argument`
     });
   return r;
 }
-function A(t, o, s) {
+function A(n, o, s) {
   const r = [];
-  if (!t.type)
+  if (!n.type)
     return r.push({
       file: s,
       message: `Node "${o}" has effect with missing type`
     }), r;
-  const n = V[t.type];
-  if (!n)
+  const t = V[n.type];
+  if (!t)
     return r;
-  for (const a of n)
-    (t[a] === void 0 || t[a] === null || t[a] === "") && r.push({
+  for (const a of t)
+    (n[a] === void 0 || n[a] === null || n[a] === "") && r.push({
       file: s,
-      message: `Node "${o}" effect "${t.type}" missing required "${a}" argument`
+      message: `Node "${o}" effect "${n.type}" missing required "${a}" argument`
     });
   return r;
 }
-function K(t, o) {
+function K(n, o) {
   const s = [], r = /* @__PURE__ */ new Set();
-  for (const e of Object.values(t.locales))
+  for (const e of Object.values(n.locales))
     for (const i of Object.keys(e))
       r.add(i);
-  const n = (e) => e.startsWith("@"), a = (e, i, l) => {
+  const t = (e) => e.startsWith("@"), a = (e, i, l) => {
     const d = e.slice(1);
     if (!r.has(d)) {
       const u = o.get(i) || `${l}:${i}`;
@@ -178,44 +178,54 @@ function K(t, o) {
       });
     }
   };
-  for (const e of Object.values(t.locations))
-    n(e.name) && a(e.name, e.id, "location"), n(e.description) && a(e.description, e.id, "location");
-  for (const e of Object.values(t.characters))
-    n(e.name) && a(e.name, e.id, "character"), n(e.biography) && a(e.biography, e.id, "character");
-  for (const e of Object.values(t.items))
-    n(e.name) && a(e.name, e.id, "item"), n(e.description) && a(e.description, e.id, "item");
-  for (const e of Object.values(t.quests)) {
-    n(e.name) && a(e.name, e.id, "quest"), n(e.description) && a(e.description, e.id, "quest");
+  for (const e of Object.values(n.locations))
+    t(e.name) && a(e.name, e.id, "location"), t(e.description) && a(e.description, e.id, "location");
+  for (const e of Object.values(n.characters))
+    t(e.name) && a(e.name, e.id, "character"), t(e.biography) && a(e.biography, e.id, "character");
+  for (const e of Object.values(n.items))
+    t(e.name) && a(e.name, e.id, "item"), t(e.description) && a(e.description, e.id, "item");
+  for (const e of Object.values(n.quests)) {
+    t(e.name) && a(e.name, e.id, "quest"), t(e.description) && a(e.description, e.id, "quest");
     for (const i of e.stages)
-      n(i.description) && a(i.description, e.id, "quest");
+      t(i.description) && a(i.description, e.id, "quest");
   }
-  for (const e of Object.values(t.journalEntries))
-    n(e.title) && a(e.title, e.id, "journal"), n(e.text) && a(e.text, e.id, "journal");
-  for (const e of Object.values(t.dialogues))
+  for (const e of Object.values(n.journalEntries))
+    t(e.title) && a(e.title, e.id, "journal"), t(e.text) && a(e.text, e.id, "journal");
+  for (const e of Object.values(n.dialogues))
     for (const i of e.nodes) {
-      n(i.text) && a(i.text, e.id, "dialogue");
+      t(i.text) && a(i.text, e.id, "dialogue");
       for (const l of i.choices)
-        n(l.text) && a(l.text, e.id, "dialogue");
+        t(l.text) && a(l.text, e.id, "dialogue");
     }
-  for (const e of Object.values(t.interludes))
-    n(e.text) && a(e.text, e.id, "interlude");
+  for (const e of Object.values(n.interludes))
+    t(e.text) && a(e.text, e.id, "interlude");
   return s;
 }
-function I(t) {
-  if (t.length === 0) {
+function I(n) {
+  if (n.length === 0) {
     console.log(c.green("✓ No validation errors"));
     return;
   }
-  console.log(c.red(`
-✗ Found ${t.length} validation error${t.length === 1 ? "" : "s"}:
-`));
-  for (const o of t)
+  console.log(
+    c.red(
+      `
+✗ Found ${n.length} validation error${n.length === 1 ? "" : "s"}:
+`
+    )
+  );
+  for (const o of n)
     console.log(c.bold(o.file) + (o.line ? `:${o.line}` : "")), console.log("  " + c.red(o.message)), o.suggestion && console.log("  " + c.dim(o.suggestion)), console.log();
 }
-async function q(t, o, s, r, n = Date.now().toString()) {
-  const { shell: a, game: e } = W(s, r);
+async function q(n, o, s, r, t = Date.now().toString()) {
+  const { shell: a, game: e } = W(
+    s,
+    r
+  );
   async function i(g) {
-    const _ = h(o, g.startsWith("/") ? g.slice(1) : g);
+    const _ = h(
+      o,
+      g.startsWith("/") ? g.slice(1) : g
+    );
     try {
       return (await B(_)).size;
     } catch {
@@ -223,22 +233,26 @@ async function q(t, o, s, r, n = Date.now().toString()) {
     }
   }
   const l = await Promise.all(
-    a.map(async (g) => ({
-      path: g,
-      type: R(g),
-      size: await i(g),
-      tier: 1
-    }))
+    a.map(
+      async (g) => ({
+        path: g,
+        type: R(g),
+        size: await i(g),
+        tier: 1
+      })
+    )
   ), d = await Promise.all(
-    e.map(async (g) => ({
-      path: g,
-      type: R(g),
-      size: await i(g),
-      tier: 2
-    }))
+    e.map(
+      async (g) => ({
+        path: g,
+        type: R(g),
+        size: await i(g),
+        tier: 2
+      })
+    )
   ), u = l.reduce((g, _) => g + (_.size ?? 0), 0), m = d.reduce((g, _) => g + (_.size ?? 0), 0);
   return {
-    version: n,
+    version: t,
     shell: l,
     game: d,
     shellSize: u,
@@ -246,24 +260,24 @@ async function q(t, o, s, r, n = Date.now().toString()) {
   };
 }
 const S = "🐾", X = "✨", Z = "✏️", ee = "➕";
-async function te() {
-  const t = process.cwd(), o = h(t, "content");
+async function ne() {
+  const n = process.cwd(), o = h(n, "content");
   console.log(""), console.log(c.bold.magenta(`  ${S} Doodle Engine Dev Server ${S}`)), console.log("");
   const s = {
     name: "doodle-content-loader",
-    configureServer(n) {
-      n.middlewares.use("/api/content", async (d, u) => {
+    configureServer(t) {
+      t.middlewares.use("/api/content", async (d, u) => {
         try {
           const m = await j(o);
           u.setHeader("Content-Type", "application/json"), u.end(JSON.stringify(m));
         } catch (m) {
           console.error(c.red("  Error loading content:"), m), u.statusCode = 500, u.end(JSON.stringify({ error: "Failed to load content" }));
         }
-      }), n.middlewares.use("/api/manifest", async (d, u) => {
+      }), t.middlewares.use("/api/manifest", async (d, u) => {
         try {
           const { registry: m, config: g } = await j(o), _ = await q(
-            h(t, "assets"),
-            t,
+            h(n, "assets"),
+            n,
             m,
             g,
             "dev"
@@ -284,7 +298,7 @@ async function te() {
       let i = null;
       const l = (d) => {
         i && clearTimeout(i), i = setTimeout(async () => {
-          i = null, console.log(d), await ne(o), n.ws.send({ type: "full-reload", path: "*" });
+          i = null, console.log(d), await te(o), t.ws.send({ type: "full-reload", path: "*" });
         }, 50);
       };
       a.on("change", (d) => {
@@ -294,7 +308,7 @@ async function te() {
       });
     }
   }, r = await F({
-    root: t,
+    root: n,
     plugins: [G(), s],
     server: {
       port: 3e3,
@@ -303,7 +317,7 @@ async function te() {
   });
   await r.listen(), r.printUrls(), console.log(""), console.log(c.dim(`  ${X} Watching content files for changes...`)), console.log("");
 }
-async function j(t) {
+async function j(n) {
   const o = {
     locations: {},
     characters: {},
@@ -325,8 +339,8 @@ async function j(t) {
     { dir: "journal", key: "journalEntries" },
     { dir: "interludes", key: "interludes" }
   ];
-  for (const { dir: n, key: a } of r) {
-    const e = h(t, n);
+  for (const { dir: t, key: a } of r) {
+    const e = h(n, t);
     try {
       const i = await b(e);
       for (const l of i)
@@ -338,25 +352,25 @@ async function j(t) {
     }
   }
   try {
-    const n = h(t, "locales"), a = await b(n);
+    const t = h(n, "locales"), a = await b(t);
     for (const e of a)
       if (f(e) === ".yaml" || f(e) === ".yml") {
-        const i = h(n, e), l = await p(i, "utf-8"), d = y(l), u = e.replace(/\.(yaml|yml)$/, "");
+        const i = h(t, e), l = await p(i, "utf-8"), d = y(l), u = e.replace(/\.(yaml|yml)$/, "");
         o.locales[u] = d ?? {};
       }
   } catch {
   }
   try {
-    const n = h(t, "dialogues"), a = await b(n);
+    const t = h(n, "dialogues"), a = await b(t);
     for (const e of a)
       if (f(e) === ".dlg") {
-        const i = h(n, e), l = await p(i, "utf-8"), d = e.replace(".dlg", ""), u = k(l, d);
+        const i = h(t, e), l = await p(i, "utf-8"), d = e.replace(".dlg", ""), u = k(l, d);
         o.dialogues[u.id] = u;
       }
   } catch {
   }
   try {
-    const n = h(t, "game.yaml"), a = await p(n, "utf-8");
+    const t = h(n, "game.yaml"), a = await p(t, "utf-8");
     s = y(a);
   } catch {
     console.warn(c.yellow("  No game.yaml found, using defaults")), s = {
@@ -369,15 +383,15 @@ async function j(t) {
   }
   return { registry: o, config: s };
 }
-async function ne(t) {
+async function te(n) {
   try {
-    const { registry: o, fileMap: s } = await oe(t), r = C(o, s);
+    const { registry: o, fileMap: s } = await oe(n), r = C(o, s);
     r.length > 0 && (console.log(""), I(r), console.log(""));
   } catch (o) {
     console.error(c.red("  Error running validation:"), o);
   }
 }
-async function oe(t) {
+async function oe(n) {
   const o = {
     locations: {},
     characters: {},
@@ -397,8 +411,8 @@ async function oe(t) {
     { dir: "journal", key: "journalEntries" },
     { dir: "interludes", key: "interludes" }
   ];
-  for (const { dir: n, key: a } of r) {
-    const e = h(t, n);
+  for (const { dir: t, key: a } of r) {
+    const e = h(n, t);
     try {
       const i = await b(e);
       for (const l of i)
@@ -410,34 +424,34 @@ async function oe(t) {
     }
   }
   try {
-    const n = h(t, "locales"), a = await b(n);
+    const t = h(n, "locales"), a = await b(t);
     for (const e of a)
       if (f(e) === ".yaml" || f(e) === ".yml") {
-        const i = h(n, e), l = await p(i, "utf-8"), d = y(l), u = e.replace(/\.(yaml|yml)$/, "");
+        const i = h(t, e), l = await p(i, "utf-8"), d = y(l), u = e.replace(/\.(yaml|yml)$/, "");
         o.locales[u] = d ?? {};
       }
   } catch {
   }
   try {
-    const n = h(t, "dialogues"), a = await b(n);
+    const t = h(n, "dialogues"), a = await b(t);
     for (const e of a)
       if (f(e) === ".dlg") {
-        const i = h(n, e), l = await p(i, "utf-8"), d = e.replace(".dlg", ""), u = k(l, d);
+        const i = h(t, e), l = await p(i, "utf-8"), d = e.replace(".dlg", ""), u = k(l, d);
         o.dialogues[u.id] = u, s.set(u.id, E(process.cwd(), i));
       }
   } catch {
   }
   return { registry: o, fileMap: s };
 }
-function ae(t) {
-  const o = `doodle-engine-assets-${t.version}`, s = [
-    ...t.shell.map((n) => n.path),
-    ...t.game.map((n) => n.path)
+function ae(n) {
+  const o = `doodle-engine-assets-${n.version}`, s = [
+    ...n.shell.map((t) => t.path),
+    ...n.game.map((t) => t.path)
   ], r = JSON.stringify(s, null, 2);
   return `/**
  * Doodle Engine Service Worker
  * Generated at build time — do not edit manually.
- * Cache version: ${t.version}
+ * Cache version: ${n.version}
  */
 
 const CACHE_NAME = ${JSON.stringify(o)};
@@ -505,44 +519,47 @@ self.addEventListener('fetch', (event) => {
 `;
 }
 async function re() {
-  const t = process.cwd(), o = h(t, "content");
+  const n = process.cwd(), o = h(n, "content");
   console.log(""), console.log(c.bold.magenta("🐕 Building Doodle Engine game...")), console.log(""), console.log(c.dim("Validating content..."));
-  let s, r, n;
+  let s, r, t;
   try {
     const a = await se(o);
-    r = a.registry, n = a.config;
+    r = a.registry, t = a.config;
     const { fileMap: e } = a, i = C(r, e);
-    I(i), i.length > 0 && (console.log(c.red("Build failed due to validation errors.")), console.log(""), process.exit(1)), s = { registry: r, config: n };
+    I(i), i.length > 0 && (console.log(c.red("Build failed due to validation errors.")), console.log(""), process.exit(1)), s = { registry: r, config: t };
   } catch (a) {
     console.error(c.red("Error loading content:"), a), process.exit(1);
   }
   console.log("");
   try {
     await P({
-      root: t,
+      root: n,
       plugins: [G()],
       build: {
         outDir: "dist",
         emptyOutDir: !0
       }
     });
-    const a = h(t, "dist"), e = t;
+    const a = h(n, "dist"), e = n;
     console.log(c.dim("Generating asset manifest..."));
     const i = await q(
-      h(t, "assets"),
+      h(n, "assets"),
       e,
       r,
-      n,
+      t,
       Date.now().toString()
     ), l = h(a, "api");
-    await T(l, { recursive: !0 }), await w(h(l, "content"), JSON.stringify(s)), await w(h(l, "manifest"), JSON.stringify(i)), await w(h(a, "asset-manifest.json"), JSON.stringify(i, null, 2)), console.log(c.dim("Generating service worker..."));
+    await T(l, { recursive: !0 }), await w(h(l, "content"), JSON.stringify(s)), await w(h(l, "manifest"), JSON.stringify(i)), await w(
+      h(a, "asset-manifest.json"),
+      JSON.stringify(i, null, 2)
+    ), console.log(c.dim("Generating service worker..."));
     const d = ae(i);
     await w(h(a, "sw.js"), d), console.log(""), console.log(c.green("✅ Build complete! Output in dist/")), console.log(""), console.log("To preview the build:"), console.log(c.dim("  yarn preview")), console.log("");
   } catch (a) {
     console.error(c.red("Build failed:"), a), process.exit(1);
   }
 }
-async function se(t) {
+async function se(n) {
   const o = {
     locations: {},
     characters: {},
@@ -563,7 +580,7 @@ async function se(t) {
     { dir: "interludes", key: "interludes" }
   ];
   for (const { dir: a, key: e } of r) {
-    const i = h(t, a);
+    const i = h(n, a);
     try {
       const l = await b(i);
       for (const d of l)
@@ -575,7 +592,7 @@ async function se(t) {
     }
   }
   try {
-    const a = h(t, "locales"), e = await b(a);
+    const a = h(n, "locales"), e = await b(a);
     for (const i of e)
       if (f(i) === ".yaml" || f(i) === ".yml") {
         const l = h(a, i), d = await p(l, "utf-8"), u = y(d), m = i.replace(/\.(yaml|yml)$/, "");
@@ -584,7 +601,7 @@ async function se(t) {
   } catch {
   }
   try {
-    const a = h(t, "dialogues"), e = await b(a);
+    const a = h(n, "dialogues"), e = await b(a);
     for (const i of e)
       if (f(i) === ".dlg") {
         const l = h(a, i), d = await p(l, "utf-8"), u = i.replace(".dlg", ""), m = k(d, u);
@@ -592,26 +609,33 @@ async function se(t) {
       }
   } catch {
   }
-  let n = null;
+  let t = null;
   try {
-    const a = h(t, "game.yaml"), e = await p(a, "utf-8");
-    n = y(e);
+    const a = h(n, "game.yaml"), e = await p(a, "utf-8");
+    t = y(e);
   } catch {
-    n = { id: "game", startLocation: "", startTime: { day: 1, hour: 8 }, startFlags: {}, startVariables: {}, startInventory: [] };
+    t = {
+      id: "game",
+      startLocation: "",
+      startTime: { day: 1, hour: 8 },
+      startFlags: {},
+      startVariables: {},
+      startInventory: []
+    };
   }
-  return { registry: o, fileMap: s, config: n };
+  return { registry: o, fileMap: s, config: t };
 }
 async function ie() {
-  const t = process.cwd(), o = h(t, "content");
+  const n = process.cwd(), o = h(n, "content");
   console.log(""), console.log(c.bold.magenta("🐾 Validating Doodle Engine content...")), console.log("");
   try {
-    const { registry: s, fileMap: r } = await ce(o), n = C(s, r);
-    I(n), n.length > 0 && process.exit(1);
+    const { registry: s, fileMap: r } = await ce(o), t = C(s, r);
+    I(t), t.length > 0 && process.exit(1);
   } catch (s) {
     console.error(c.red("Error loading content:"), s), process.exit(1);
   }
 }
-async function ce(t) {
+async function ce(n) {
   const o = {
     locations: {},
     characters: {},
@@ -629,8 +653,8 @@ async function ce(t) {
     { dir: "quests", key: "quests" },
     { dir: "journal", key: "journalEntries" }
   ];
-  for (const { dir: n, key: a } of r) {
-    const e = h(t, n);
+  for (const { dir: t, key: a } of r) {
+    const e = h(n, t);
     try {
       const i = await b(e);
       for (const l of i)
@@ -642,19 +666,19 @@ async function ce(t) {
     }
   }
   try {
-    const n = h(t, "locales"), a = await b(n);
+    const t = h(n, "locales"), a = await b(t);
     for (const e of a)
       if (f(e) === ".yaml" || f(e) === ".yml") {
-        const i = h(n, e), l = await p(i, "utf-8"), d = y(l), u = e.replace(/\.(yaml|yml)$/, "");
+        const i = h(t, e), l = await p(i, "utf-8"), d = y(l), u = e.replace(/\.(yaml|yml)$/, "");
         o.locales[u] = d ?? {};
       }
   } catch {
   }
   try {
-    const n = h(t, "dialogues"), a = await b(n);
+    const t = h(n, "dialogues"), a = await b(t);
     for (const e of a)
       if (f(e) === ".dlg") {
-        const i = h(n, e), l = await p(i, "utf-8"), d = e.replace(".dlg", ""), u = k(l, d);
+        const i = h(t, e), l = await p(i, "utf-8"), d = e.replace(".dlg", ""), u = k(l, d);
         o.dialogues[u.id] = u, s.set(u.id, E(process.cwd(), i));
       }
   } catch {
@@ -1364,52 +1388,82 @@ stages:
     description: "@quest.odd_jobs.stage.talked_to_merchant"
   - id: complete
     description: "@quest.odd_jobs.stage.complete"
-`, Re = `import { useEffect, useState } from 'react'
-import { Engine } from '@doodle-engine/core'
-import type { GameState, Snapshot } from '@doodle-engine/core'
-import { GameProvider, useGame } from '@doodle-engine/react'
+`, Re = `import { useEffect, useState } from "react";
+import { Engine } from "@doodle-engine/core";
+import type { GameState, Snapshot } from "@doodle-engine/core";
+import { GameProvider, useGame } from "@doodle-engine/react";
 
 export function App() {
-  const [game, setGame] = useState<{ engine: Engine; snapshot: Snapshot } | null>(null)
+  const [game, setGame] = useState<{
+    engine: Engine;
+    snapshot: Snapshot;
+  } | null>(null);
 
   useEffect(() => {
-    fetch('/api/content')
-      .then(res => res.json())
-      .then(data => {
-        const engine = new Engine(data.registry, createEmptyState())
-        const snapshot = engine.newGame(data.config)
-        setGame({ engine, snapshot })
-      })
-  }, [])
+    fetch("/api/content")
+      .then((res) => res.json())
+      .then((data) => {
+        const engine = new Engine(data.registry, createEmptyState());
+        const snapshot = engine.newGame(data.config);
+        setGame({ engine, snapshot });
+      });
+  }, []);
 
   if (!game) {
-    return <div className="app-bootstrap"><div className="spinner" /></div>
+    return (
+      <div className="app-bootstrap">
+        <div className="spinner" />
+      </div>
+    );
   }
 
   return (
-    <GameProvider engine={game.engine} initialSnapshot={game.snapshot} devTools={import.meta.env.DEV}>
+    <GameProvider
+      engine={game.engine}
+      initialSnapshot={game.snapshot}
+      devTools={import.meta.env.DEV}
+    >
       <GameUI />
     </GameProvider>
-  )
+  );
 }
 
 function GameUI() {
-  const { snapshot, actions } = useGame()
+  const { snapshot, actions } = useGame();
 
   return (
-    <div style={{ padding: '2rem', fontFamily: 'sans-serif', maxWidth: '800px', margin: '0 auto' }}>
+    <div
+      style={{
+        padding: "2rem",
+        fontFamily: "sans-serif",
+        maxWidth: "800px",
+        margin: "0 auto",
+      }}
+    >
       <h1>{snapshot.location.name}</h1>
       <p>{snapshot.location.description}</p>
 
       {snapshot.dialogue && (
-        <div style={{ background: '#f0f0f0', padding: '1rem', borderRadius: '8px', margin: '1rem 0' }}>
+        <div
+          style={{
+            background: "#f0f0f0",
+            padding: "1rem",
+            borderRadius: "8px",
+            margin: "1rem 0",
+          }}
+        >
           <strong>{snapshot.dialogue.speakerName}:</strong>
           <p>{snapshot.dialogue.text}</p>
-          {snapshot.choices.map(choice => (
+          {snapshot.choices.map((choice) => (
             <button
               key={choice.id}
               onClick={() => actions.selectChoice(choice.id)}
-              style={{ display: 'block', margin: '0.5rem 0', padding: '0.5rem 1rem', cursor: 'pointer' }}
+              style={{
+                display: "block",
+                margin: "0.5rem 0",
+                padding: "0.5rem 1rem",
+                cursor: "pointer",
+              }}
             >
               {choice.text}
             </button>
@@ -1420,11 +1474,16 @@ function GameUI() {
       {!snapshot.dialogue && snapshot.charactersHere.length > 0 && (
         <div>
           <h2>Characters here</h2>
-          {snapshot.charactersHere.map(char => (
+          {snapshot.charactersHere.map((char) => (
             <button
               key={char.id}
               onClick={() => actions.talkTo(char.id)}
-              style={{ display: 'block', margin: '0.5rem 0', padding: '0.5rem 1rem', cursor: 'pointer' }}
+              style={{
+                display: "block",
+                margin: "0.5rem 0",
+                padding: "0.5rem 1rem",
+                cursor: "pointer",
+              }}
             >
               Talk to {char.name}
             </button>
@@ -1432,12 +1491,12 @@ function GameUI() {
         </div>
       )}
     </div>
-  )
+  );
 }
 
 function createEmptyState(): GameState {
   return {
-    currentLocation: '',
+    currentLocation: "",
     currentTime: { day: 1, hour: 0 },
     flags: {},
     variables: {},
@@ -1453,29 +1512,36 @@ function createEmptyState(): GameState {
     pendingSounds: [],
     pendingVideo: null,
     pendingInterlude: null,
-    currentLocale: 'en',
-  }
+    currentLocale: "en",
+  };
 }
-`, Ae = `import { useEffect, useState } from 'react'
-import type { ContentRegistry, GameConfig, AssetManifest } from '@doodle-engine/core'
-import { GameShell } from '@doodle-engine/react'
+`, Ae = `import { useEffect, useState } from "react";
+import type {
+  ContentRegistry,
+  GameConfig,
+  AssetManifest,
+} from "@doodle-engine/core";
+import { GameShell } from "@doodle-engine/react";
 
 export function App() {
   const [content, setContent] = useState<{
-    registry: ContentRegistry
-    config: GameConfig
-  } | null>(null)
-  const [manifest, setManifest] = useState<AssetManifest | null>(null)
+    registry: ContentRegistry;
+    config: GameConfig;
+  } | null>(null);
+  const [manifest, setManifest] = useState<AssetManifest | null>(null);
 
   useEffect(() => {
     Promise.all([
-      fetch('/api/content').then(res => res.json()),
-      fetch('/api/manifest').then(res => res.json()),
+      fetch("/api/content").then((res) => res.json()),
+      fetch("/api/manifest").then((res) => res.json()),
     ]).then(([contentData, manifestData]) => {
-      setContent({ registry: contentData.registry, config: contentData.config })
-      setManifest(manifestData)
-    })
-  }, [])
+      setContent({
+        registry: contentData.registry,
+        config: contentData.config,
+      });
+      setManifest(manifestData);
+    });
+  }, []);
 
   // Minimal bootstrap state while fetching manifest/content
   if (!content || !manifest) {
@@ -1483,7 +1549,7 @@ export function App() {
       <div className="app-bootstrap">
         <div className="spinner" />
       </div>
-    )
+    );
   }
 
   return (
@@ -1493,73 +1559,49 @@ export function App() {
       manifest={manifest}
       title="My Doodle Game"
       subtitle="A text-based adventure"
-      availableLocales={[{ code: 'en', label: 'English' }]}
+      availableLocales={[{ code: "en", label: "English" }]}
       devTools={import.meta.env.DEV}
     />
-  )
+  );
 }
 `, Se = `body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
+  font-family:
+    -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu",
+    "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
-/* ── Shell CSS variables ──────────────────────────────────────────── */
-/* Override these to theme the loading, splash, and title screens.   */
+/* ── Theme overrides ──────────────────────────────────────────────── */
+/* Override these variables to customize the shell screens.           */
+/* Full variable list: node_modules/@doodle-engine/react/dist/shell.css */
 
+/*
 :root {
   --doodle-bg-primary: #0f0f23;
   --doodle-bg-secondary: #1a1a2e;
-  --doodle-text-primary: #ffffff;
-  --doodle-text-secondary: #a0a0b0;
   --doodle-accent: #6366f1;
-  --doodle-accent-hover: #818cf8;
-  --doodle-font-family: system-ui, -apple-system, sans-serif;
 }
-
-/* ── Bootstrap loader (shown before manifest/content are fetched) ─── */
-
-.app-bootstrap {
-  position: fixed;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: var(--doodle-bg-primary);
-}
-
-.app-bootstrap .spinner {
-  width: 40px;
-  height: 40px;
-  border: 3px solid rgba(255, 255, 255, 0.1);
-  border-top-color: var(--doodle-accent);
-  border-radius: 50%;
-  animation: spin 0.8s linear infinite;
-}
-
-@keyframes spin {
-  to { transform: rotate(360deg); }
-}
-`, je = `import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import { App } from './App'
-import './index.css'
+*/
+`, je = `import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import "@doodle-engine/react/style.css";
+import { App } from "./App";
+import "./index.css";
 
 // Register service worker in production for offline asset caching
-if ('serviceWorker' in navigator && import.meta.env.PROD) {
-  navigator.serviceWorker.register('/sw.js').catch(() => {
+if ("serviceWorker" in navigator && import.meta.env.PROD) {
+  navigator.serviceWorker.register("/sw.js").catch(() => {
     // SW registration failure is non-fatal
-  })
+  });
 }
 
-createRoot(document.getElementById('root')!).render(
+createRoot(document.getElementById("root")!).render(
   <StrictMode>
     <App />
   </StrictMode>,
-)
+);
 `, D = "🐾", xe = "🐕", H = "🦴", Ge = "✨", $ = "📁", N = "✅", qe = "🚀", x = /* @__PURE__ */ Object.assign({
   "./templates/_root/_gitignore": le,
   "./templates/_root/index.html": de,
@@ -1587,28 +1629,35 @@ createRoot(document.getElementById('root')!).render(
   "./templates/src/index.css": Se,
   "./templates/src/main.tsx": je
 });
-function He(t) {
-  const o = t.replace("./templates/", "");
-  if (o === "src/App.default.tsx" || o === "src/App.custom.tsx") return null;
+function He(n) {
+  const o = n.replace("./templates/", "");
+  if (o === "src/App.default.tsx" || o === "src/App.custom.tsx")
+    return null;
   if (o.startsWith("_root/")) {
     const s = o.slice(6);
     return s.startsWith("_") ? "." + s.slice(1) : s;
   }
   return o;
 }
-async function $e(t) {
-  const o = h(process.cwd(), t);
-  console.log(""), console.log(c.bold.magenta(`  ${D} Doodle Engine ${D}`)), console.log(c.dim("  Text-based RPG and Adventure Game Scaffolder")), console.log(""), console.log(`  ${xe} Creating new game: ${c.bold.cyan(t)}`), console.log("");
+async function $e(n) {
+  const o = h(process.cwd(), n);
+  console.log(""), console.log(c.bold.magenta(`  ${D} Doodle Engine ${D}`)), console.log(c.dim("  Text-based RPG and Adventure Game Scaffolder")), console.log(""), console.log(`  ${xe} Creating new game: ${c.bold.cyan(n)}`), console.log("");
   const { useDefaultRenderer: s } = await J({
     type: "confirm",
     name: "useDefaultRenderer",
     message: "Use default renderer?",
     initial: !0
   });
-  s === void 0 && (console.log(c.yellow(`
-  ${H} No worries, maybe next time! Woof!`)), process.exit(0)), console.log(""), await Me(o, t, s), console.log(""), console.log(c.bold.green(`  ${N} Project created successfully!`)), console.log(""), console.log(c.dim(`  ${$} ${o}`)), console.log(""), console.log(c.bold("  Next steps:")), console.log(c.cyan(`    cd ${t}`)), console.log(c.cyan("    npm install       ") + c.dim("# or: yarn install / pnpm install")), console.log(c.cyan("    npm run dev        ") + c.dim("# or: yarn dev / pnpm dev")), console.log(""), console.log(c.dim(`  ${qe} Happy game making! ${D}`)), console.log("");
+  s === void 0 && (console.log(
+    c.yellow(`
+  ${H} No worries, maybe next time! Woof!`)
+  ), process.exit(0)), console.log(""), await Me(o, n, s), console.log(""), console.log(c.bold.green(`  ${N} Project created successfully!`)), console.log(""), console.log(c.dim(`  ${$} ${o}`)), console.log(""), console.log(c.bold("  Next steps:")), console.log(c.cyan(`    cd ${n}`)), console.log(
+    c.cyan("    npm install       ") + c.dim("# or: yarn install / pnpm install")
+  ), console.log(
+    c.cyan("    npm run dev        ") + c.dim("# or: yarn dev / pnpm dev")
+  ), console.log(""), console.log(c.dim(`  ${qe} Happy game making! ${D}`)), console.log("");
 }
-async function Me(t, o, s) {
+async function Me(n, o, s) {
   const r = [
     "content/locations",
     "content/characters",
@@ -1630,9 +1679,9 @@ async function Me(t, o, s) {
   ];
   console.log(`  ${$} ${c.bold("Creating directories...")}`);
   for (const e of r)
-    await T(h(t, e), { recursive: !0 });
+    await T(h(n, e), { recursive: !0 });
   console.log(c.green(`  ${N} Directories created`)), console.log("");
-  const n = {
+  const t = {
     name: o,
     version: "0.1.0",
     type: "module",
@@ -1656,23 +1705,34 @@ async function Me(t, o, s) {
       vite: "^6.0.0"
     }
   };
-  console.log(`  ${Ge} ${c.bold("Writing project files...")}`), await w(h(t, "package.json"), JSON.stringify(n, null, 2));
+  console.log(`  ${Ge} ${c.bold("Writing project files...")}`), await w(
+    h(n, "package.json"),
+    JSON.stringify(t, null, 2)
+  );
   for (const [e, i] of Object.entries(x)) {
     const l = He(e);
     if (l === null) continue;
-    const d = h(t, l);
+    const d = h(n, l);
     await T(U(d), { recursive: !0 }), await w(d, i);
   }
   const a = s ? "./templates/src/App.default.tsx" : "./templates/src/App.custom.tsx";
-  await w(h(t, "src/App.tsx"), x[a]), console.log(c.green(`  ${N} Source files created`)), console.log(""), console.log(`  ${H} ${c.bold("Starter content written")}`), console.log(""), console.log(c.dim("  Content includes:")), console.log(c.dim("    2 locations  (tavern, market)")), console.log(c.dim("    2 characters (bartender, merchant)")), console.log(c.dim("    1 item       (old coin)")), console.log(c.dim("    1 map        (town with 2 locations)")), console.log(c.dim("    1 quest      (odd jobs, 3 stages)")), console.log(c.dim("    3 journal entries")), console.log(c.dim("    1 interlude  (chapter one, auto-triggers at tavern)")), console.log(c.dim("    5 dialogues  (2 narrator intros, 2 NPC conversations, 1 skill check)")), console.log(c.dim("    English locale with all strings"));
+  await w(h(n, "src/App.tsx"), x[a]), console.log(c.green(`  ${N} Source files created`)), console.log(""), console.log(`  ${H} ${c.bold("Starter content written")}`), console.log(""), console.log(c.dim("  Content includes:")), console.log(c.dim("    2 locations  (tavern, market)")), console.log(c.dim("    2 characters (bartender, merchant)")), console.log(c.dim("    1 item       (old coin)")), console.log(c.dim("    1 map        (town with 2 locations)")), console.log(c.dim("    1 quest      (odd jobs, 3 stages)")), console.log(c.dim("    3 journal entries")), console.log(
+    c.dim("    1 interlude  (chapter one, auto-triggers at tavern)")
+  ), console.log(
+    c.dim(
+      "    5 dialogues  (2 narrator intros, 2 NPC conversations, 1 skill check)"
+    )
+  ), console.log(c.dim("    English locale with all strings"));
 }
 const v = new M();
-v.name("doodle").description(c.magenta("🐾 Doodle Engine") + c.dim(" — Narrative RPG development tools")).version("0.0.1");
-v.command("create <project-name>").description("Scaffold a new Doodle Engine game project").action(async (t) => {
-  await $e(t);
+v.name("doodle").description(
+  c.magenta("🐾 Doodle Engine") + c.dim(" — Narrative RPG development tools")
+).version("0.0.1");
+v.command("create <project-name>").description("Scaffold a new Doodle Engine game project").action(async (n) => {
+  await $e(n);
 });
 v.command("dev").description("Start development server with hot reload").action(async () => {
-  await te();
+  await ne();
 });
 v.command("build").description("Build game for production").action(async () => {
   await re();