@doodle-engine/react 0.0.1

package/dist/react.js

@@ -0,0 +1,1063 @@
+import { Engine as ie } from "@doodle-engine/core";
+import { VERSION as De } from "@doodle-engine/core";
+import ue, { createContext as de, useState as C, useCallback as N, useContext as me, useRef as q, useEffect as D } from "react";
+var Z = { exports: {} }, z = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ne;
+function he() {
+  if (ne) return z;
+  ne = 1;
+  var t = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
+  function r(a, l, o) {
+    var m = null;
+    if (o !== void 0 && (m = "" + o), l.key !== void 0 && (m = "" + l.key), "key" in l) {
+      o = {};
+      for (var h in l)
+        h !== "key" && (o[h] = l[h]);
+    } else o = l;
+    return l = o.ref, {
+      $$typeof: t,
+      type: a,
+      key: m,
+      ref: l !== void 0 ? l : null,
+      props: o
+    };
+  }
+  return z.Fragment = s, z.jsx = r, z.jsxs = r, z;
+}
+var B = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var te;
+function ve() {
+  return te || (te = 1, process.env.NODE_ENV !== "production" && (function() {
+    function t(n) {
+      if (n == null) return null;
+      if (typeof n == "function")
+        return n.$$typeof === y ? null : n.displayName || n.name || null;
+      if (typeof n == "string") return n;
+      switch (n) {
+        case u:
+          return "Fragment";
+        case G:
+          return "Profiler";
+        case _:
+          return "StrictMode";
+        case A:
+          return "Suspense";
+        case F:
+          return "SuspenseList";
+        case v:
+          return "Activity";
+      }
+      if (typeof n == "object")
+        switch (typeof n.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), n.$$typeof) {
+          case i:
+            return "Portal";
+          case W:
+            return n.displayName || "Context";
+          case L:
+            return (n._context.displayName || "Context") + ".Consumer";
+          case J:
+            var c = n.render;
+            return n = n.displayName, n || (n = c.displayName || c.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
+          case p:
+            return c = n.displayName || null, c !== null ? c : t(n.type) || "Memo";
+          case d:
+            c = n._payload, n = n._init;
+            try {
+              return t(n(c));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function s(n) {
+      return "" + n;
+    }
+    function r(n) {
+      try {
+        s(n);
+        var c = !1;
+      } catch {
+        c = !0;
+      }
+      if (c) {
+        c = console;
+        var j = c.error, S = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
+        return j.call(
+          c,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          S
+        ), s(n);
+      }
+    }
+    function a(n) {
+      if (n === u) return "<>";
+      if (typeof n == "object" && n !== null && n.$$typeof === d)
+        return "<...>";
+      try {
+        var c = t(n);
+        return c ? "<" + c + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function l() {
+      var n = O.A;
+      return n === null ? null : n.getOwner();
+    }
+    function o() {
+      return Error("react-stack-top-frame");
+    }
+    function m(n) {
+      if (M.call(n, "key")) {
+        var c = Object.getOwnPropertyDescriptor(n, "key").get;
+        if (c && c.isReactWarning) return !1;
+      }
+      return n.key !== void 0;
+    }
+    function h(n, c) {
+      function j() {
+        P || (P = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          c
+        ));
+      }
+      j.isReactWarning = !0, Object.defineProperty(n, "key", {
+        get: j,
+        configurable: !0
+      });
+    }
+    function f() {
+      var n = t(this.type);
+      return I[n] || (I[n] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), n = this.props.ref, n !== void 0 ? n : null;
+    }
+    function b(n, c, j, S, H, K) {
+      var k = j.ref;
+      return n = {
+        $$typeof: w,
+        type: n,
+        key: c,
+        props: j,
+        _owner: S
+      }, (k !== void 0 ? k : null) !== null ? Object.defineProperty(n, "ref", {
+        enumerable: !1,
+        get: f
+      }) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(n, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(n, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: H
+      }), Object.defineProperty(n, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: K
+      }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
+    }
+    function x(n, c, j, S, H, K) {
+      var k = c.children;
+      if (k !== void 0)
+        if (S)
+          if (Y(k)) {
+            for (S = 0; S < k.length; S++)
+              R(k[S]);
+            Object.freeze && Object.freeze(k);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else R(k);
+      if (M.call(c, "key")) {
+        k = t(n);
+        var U = Object.keys(c).filter(function(ce) {
+          return ce !== "key";
+        });
+        S = 0 < U.length ? "{key: someKey, " + U.join(": ..., ") + ": ...}" : "{key: someKey}", V[k + S] || (U = 0 < U.length ? "{" + U.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          S,
+          k,
+          U,
+          k
+        ), V[k + S] = !0);
+      }
+      if (k = null, j !== void 0 && (r(j), k = "" + j), m(c) && (r(c.key), k = "" + c.key), "key" in c) {
+        j = {};
+        for (var ee in c)
+          ee !== "key" && (j[ee] = c[ee]);
+      } else j = c;
+      return k && h(
+        j,
+        typeof n == "function" ? n.displayName || n.name || "Unknown" : n
+      ), b(
+        n,
+        k,
+        j,
+        l(),
+        H,
+        K
+      );
+    }
+    function R(n) {
+      T(n) ? n._store && (n._store.validated = 1) : typeof n == "object" && n !== null && n.$$typeof === d && (n._payload.status === "fulfilled" ? T(n._payload.value) && n._payload.value._store && (n._payload.value._store.validated = 1) : n._store && (n._store.validated = 1));
+    }
+    function T(n) {
+      return typeof n == "object" && n !== null && n.$$typeof === w;
+    }
+    var E = ue, w = Symbol.for("react.transitional.element"), i = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), G = Symbol.for("react.profiler"), L = Symbol.for("react.consumer"), W = Symbol.for("react.context"), J = Symbol.for("react.forward_ref"), A = Symbol.for("react.suspense"), F = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), d = Symbol.for("react.lazy"), v = Symbol.for("react.activity"), y = Symbol.for("react.client.reference"), O = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, M = Object.prototype.hasOwnProperty, Y = Array.isArray, $ = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    E = {
+      react_stack_bottom_frame: function(n) {
+        return n();
+      }
+    };
+    var P, I = {}, X = E.react_stack_bottom_frame.bind(
+      E,
+      o
+    )(), g = $(a(o)), V = {};
+    B.Fragment = u, B.jsx = function(n, c, j) {
+      var S = 1e4 > O.recentlyCreatedOwnerStacks++;
+      return x(
+        n,
+        c,
+        j,
+        !1,
+        S ? Error("react-stack-top-frame") : X,
+        S ? $(a(n)) : g
+      );
+    }, B.jsxs = function(n, c, j) {
+      var S = 1e4 > O.recentlyCreatedOwnerStacks++;
+      return x(
+        n,
+        c,
+        j,
+        !0,
+        S ? Error("react-stack-top-frame") : X,
+        S ? $(a(n)) : g
+      );
+    };
+  })()), B;
+}
+var se;
+function pe() {
+  return se || (se = 1, process.env.NODE_ENV === "production" ? Z.exports = he() : Z.exports = ve()), Z.exports;
+}
+var e = pe();
+const ae = de(null);
+function fe({ engine: t, initialSnapshot: s, children: r }) {
+  const [a, l] = C(s), o = N(
+    (i) => {
+      const u = t.selectChoice(i);
+      l(u);
+    },
+    [t]
+  ), m = N(
+    (i) => {
+      const u = t.talkTo(i);
+      l(u);
+    },
+    [t]
+  ), h = N(
+    (i) => {
+      const u = t.takeItem(i);
+      l(u);
+    },
+    [t]
+  ), f = N(
+    (i) => {
+      const u = t.travelTo(i);
+      l(u);
+    },
+    [t]
+  ), b = N(
+    (i, u) => {
+      const _ = t.writeNote(i, u);
+      l(_);
+    },
+    [t]
+  ), x = N(
+    (i) => {
+      const u = t.deleteNote(i);
+      l(u);
+    },
+    [t]
+  ), R = N(
+    (i) => {
+      const u = t.setLocale(i);
+      l(u);
+    },
+    [t]
+  ), T = N(() => t.saveGame(), [t]), E = N(
+    (i) => {
+      const u = t.loadGame(i);
+      l(u);
+    },
+    [t]
+  ), w = {
+    snapshot: a,
+    actions: {
+      selectChoice: o,
+      talkTo: m,
+      takeItem: h,
+      travelTo: f,
+      writeNote: b,
+      deleteNote: x,
+      setLocale: R,
+      saveGame: T,
+      loadGame: E
+    }
+  };
+  return /* @__PURE__ */ e.jsx(ae.Provider, { value: w, children: r });
+}
+function re() {
+  const t = me(ae);
+  if (!t)
+    throw new Error("useGame must be used within a GameProvider");
+  return t;
+}
+function le(t, s = {}) {
+  var p;
+  const {
+    audioBasePath: r = "/audio",
+    masterVolume: a = 1,
+    musicVolume: l = 0.7,
+    soundVolume: o = 0.8,
+    voiceVolume: m = 1,
+    crossfadeDuration: h = 1e3
+  } = s, [f, b] = C(a), [x, R] = C(l), [T, E] = C(o), [w, i] = C(m), u = q(null), _ = q(null), G = q(null), L = q(null);
+  D(() => {
+    const d = new Audio();
+    d.loop = !0, u.current = d;
+    const v = new Audio();
+    return _.current = v, () => {
+      L.current && clearInterval(L.current), d.pause(), v.pause(), d.src = "", v.src = "";
+    };
+  }, []), D(() => {
+    const d = u.current;
+    if (!d) return;
+    const v = t.music;
+    if (v !== G.current)
+      if (G.current = v, !v)
+        J(d, h);
+      else {
+        const y = `${r}/music/${v}`;
+        W(d, y, h);
+      }
+    d.volume = f * x;
+  }, [t.music, f, x, r, h]), D(() => {
+    var y;
+    const d = _.current;
+    if (!d) return;
+    const v = (y = t.dialogue) == null ? void 0 : y.voice;
+    v && (d.pause(), d.currentTime = 0, d.src = `${r}/voice/${v}`, d.volume = f * w, d.play().catch((O) => {
+      console.warn("Voice playback failed:", O);
+    }));
+  }, [(p = t.dialogue) == null ? void 0 : p.voice, f, w, r]), D(() => {
+    t.pendingSounds.length !== 0 && t.pendingSounds.forEach((d) => {
+      const v = new Audio(`${r}/sfx/${d}`);
+      v.volume = f * T, v.play().catch((y) => {
+        console.warn("Sound playback failed:", y);
+      });
+    });
+  }, [t.pendingSounds, f, T, r]);
+  const W = (d, v, y) => {
+    J(d, y / 2).then(() => {
+      d.src = v, d.load(), d.volume = 0, d.play().then(() => {
+        A(d, y / 2, f * x);
+      }).catch((O) => {
+        console.warn("Music playback failed:", O);
+      });
+    });
+  }, J = (d, v) => new Promise((y) => {
+    const O = d.volume, M = 20, Y = v / M, $ = O / M;
+    let P = 0;
+    const I = setInterval(() => {
+      P++, d.volume = Math.max(0, O - $ * P), P >= M && (clearInterval(I), d.pause(), d.currentTime = 0, y());
+    }, Y);
+    L.current = I;
+  }), A = (d, v, y) => {
+    const M = v / 20, Y = y / 20;
+    let $ = 0;
+    const P = setInterval(() => {
+      $++, d.volume = Math.min(y, Y * $), $ >= 20 && clearInterval(P);
+    }, M);
+    L.current = P;
+  };
+  return {
+    setMasterVolume: b,
+    setMusicVolume: R,
+    setSoundVolume: E,
+    setVoiceVolume: i,
+    stopAll: () => {
+      u.current && (u.current.pause(), u.current.currentTime = 0), _.current && (_.current.pause(), _.current.currentTime = 0);
+    }
+  };
+}
+const xe = {
+  click: "click.ogg",
+  menuOpen: "menu_open.ogg",
+  menuClose: "menu_close.ogg"
+};
+function je(t = {}) {
+  const {
+    enabled: s = !0,
+    basePath: r = "/audio/ui",
+    volume: a = 0.5,
+    sounds: l = {}
+  } = t, [o, m] = C(s), [h, f] = C(a), b = q({ ...xe, ...l }), x = N(
+    (i) => {
+      if (!o || !i) return;
+      const u = new Audio(`${r}/${i}`);
+      u.volume = h, u.play().catch(() => {
+      });
+    },
+    [o, h, r]
+  ), R = N(
+    (i) => {
+      const u = b.current[i];
+      u && x(u);
+    },
+    [x]
+  ), T = N(() => x(b.current.click), [x]), E = N(() => x(b.current.menuOpen), [x]), w = N(() => x(b.current.menuClose), [x]);
+  return {
+    playClick: T,
+    playMenuOpen: E,
+    playMenuClose: w,
+    playSound: R,
+    setEnabled: m,
+    setVolume: f,
+    enabled: o,
+    volume: h
+  };
+}
+function Ne({ dialogue: t, className: s = "" }) {
+  return /* @__PURE__ */ e.jsxs("div", { className: `dialogue-box ${s}`, children: [
+    t.portrait && /* @__PURE__ */ e.jsx("div", { className: "dialogue-portrait", children: /* @__PURE__ */ e.jsx("img", { src: t.portrait, alt: t.speakerName }) }),
+    /* @__PURE__ */ e.jsxs("div", { className: "dialogue-content", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "dialogue-speaker", children: t.speakerName }),
+      /* @__PURE__ */ e.jsx("div", { className: "dialogue-text", children: t.text })
+    ] })
+  ] });
+}
+function ge({ choices: t, onSelectChoice: s, className: r = "" }) {
+  return t.length === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: `choice-list ${r}`, children: t.map((a) => /* @__PURE__ */ e.jsx(
+    "button",
+    {
+      className: "choice-button",
+      onClick: () => s(a.id),
+      children: a.text
+    },
+    a.id
+  )) });
+}
+function be({ location: t, className: s = "" }) {
+  return /* @__PURE__ */ e.jsxs("div", { className: `location-view ${s}`, children: [
+    t.banner && /* @__PURE__ */ e.jsx("div", { className: "location-banner", children: /* @__PURE__ */ e.jsx("img", { src: t.banner, alt: t.name }) }),
+    /* @__PURE__ */ e.jsxs("div", { className: "location-content", children: [
+      /* @__PURE__ */ e.jsx("h1", { className: "location-name", children: t.name }),
+      /* @__PURE__ */ e.jsx("p", { className: "location-description", children: t.description })
+    ] })
+  ] });
+}
+function Se({
+  characters: t,
+  onTalkTo: s,
+  className: r = ""
+}) {
+  return t.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: `character-list ${r}`, children: [
+    /* @__PURE__ */ e.jsx("h2", { children: "Characters" }),
+    /* @__PURE__ */ e.jsx("div", { className: "character-grid", children: t.map((a) => /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        className: "character-card",
+        onClick: () => s(a.id),
+        children: [
+          a.portrait && /* @__PURE__ */ e.jsx(
+            "img",
+            {
+              src: a.portrait,
+              alt: a.name,
+              className: "character-portrait"
+            }
+          ),
+          /* @__PURE__ */ e.jsx("div", { className: "character-name", children: a.name })
+        ]
+      },
+      a.id
+    )) })
+  ] });
+}
+function ke({ items: t, className: s = "" }) {
+  const [r, a] = C(null);
+  return /* @__PURE__ */ e.jsxs("div", { className: `inventory ${s}`, children: [
+    /* @__PURE__ */ e.jsx("h2", { children: "Inventory" }),
+    t.length === 0 ? /* @__PURE__ */ e.jsx("p", { className: "inventory-empty", children: "No items" }) : /* @__PURE__ */ e.jsx("div", { className: "inventory-grid", children: t.map((l) => /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: "inventory-item",
+        onClick: () => a(l),
+        children: [
+          l.icon && /* @__PURE__ */ e.jsx("img", { src: l.icon, alt: l.name, className: "item-icon" }),
+          /* @__PURE__ */ e.jsx("div", { className: "item-name", children: l.name })
+        ]
+      },
+      l.id
+    )) }),
+    r && /* @__PURE__ */ e.jsx("div", { className: "item-modal-overlay", onClick: () => a(null), children: /* @__PURE__ */ e.jsxs("div", { className: "item-modal", onClick: (l) => l.stopPropagation(), children: [
+      r.image && /* @__PURE__ */ e.jsx("img", { src: r.image, alt: r.name, className: "item-modal-image" }),
+      /* @__PURE__ */ e.jsx("h3", { className: "item-modal-name", children: r.name }),
+      /* @__PURE__ */ e.jsx("p", { className: "item-modal-description", children: r.description }),
+      /* @__PURE__ */ e.jsx("button", { className: "item-modal-close", onClick: () => a(null), children: "Close" })
+    ] }) })
+  ] });
+}
+function ye({ quests: t, entries: s, className: r = "" }) {
+  return /* @__PURE__ */ e.jsxs("div", { className: `journal ${r}`, children: [
+    /* @__PURE__ */ e.jsx("h2", { children: "Journal" }),
+    t.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "journal-quests", children: [
+      /* @__PURE__ */ e.jsx("h3", { children: "Active Quests" }),
+      t.map((a) => /* @__PURE__ */ e.jsxs("div", { className: "quest-entry", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "quest-name", children: a.name }),
+        /* @__PURE__ */ e.jsx("div", { className: "quest-description", children: a.description }),
+        /* @__PURE__ */ e.jsx("div", { className: "quest-stage", children: a.currentStageDescription })
+      ] }, a.id))
+    ] }),
+    s.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "journal-entries", children: [
+      /* @__PURE__ */ e.jsx("h3", { children: "Entries" }),
+      s.map((a) => /* @__PURE__ */ e.jsxs("div", { className: `journal-entry journal-category-${a.category}`, children: [
+        /* @__PURE__ */ e.jsx("div", { className: "entry-title", children: a.title }),
+        /* @__PURE__ */ e.jsx("div", { className: "entry-text", children: a.text })
+      ] }, a.id))
+    ] }),
+    t.length === 0 && s.length === 0 && /* @__PURE__ */ e.jsx("p", { className: "journal-empty", children: "No entries yet" })
+  ] });
+}
+function Ee({ map: t, onTravelTo: s, className: r = "" }) {
+  return t ? /* @__PURE__ */ e.jsxs("div", { className: `map-view ${r}`, children: [
+    /* @__PURE__ */ e.jsx("h2", { children: t.name }),
+    /* @__PURE__ */ e.jsxs("div", { className: "map-container", style: { position: "relative" }, children: [
+      t.image && /* @__PURE__ */ e.jsx("img", { src: t.image, alt: t.name, className: "map-image" }),
+      t.locations.map((a) => /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          className: `map-marker ${a.isCurrent ? "current" : ""}`,
+          style: {
+            position: "absolute",
+            left: `${a.x}px`,
+            top: `${a.y}px`
+          },
+          onClick: () => !a.isCurrent && s(a.id),
+          disabled: a.isCurrent,
+          title: a.name,
+          children: a.name
+        },
+        a.id
+      ))
+    ] })
+  ] }) : null;
+}
+function Te({
+  notifications: t,
+  className: s = ""
+}) {
+  return t.length === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: `notification-area ${s}`, children: t.map((r, a) => /* @__PURE__ */ e.jsx("div", { className: "notification", children: r }, a)) });
+}
+function we({
+  onSave: t,
+  onLoad: s,
+  storageKey: r = "doodle-engine-save",
+  className: a = ""
+}) {
+  const [l, o] = C(""), m = () => {
+    const b = t();
+    localStorage.setItem(r, JSON.stringify(b)), o("Saved!"), setTimeout(() => o(""), 2e3);
+  }, h = () => {
+    const b = localStorage.getItem(r);
+    if (!b) {
+      o("No save found"), setTimeout(() => o(""), 2e3);
+      return;
+    }
+    const x = JSON.parse(b);
+    s(x), o("Loaded!"), setTimeout(() => o(""), 2e3);
+  }, f = localStorage.getItem(r) !== null;
+  return /* @__PURE__ */ e.jsxs("div", { className: `save-load-panel ${a}`, children: [
+    /* @__PURE__ */ e.jsx("button", { className: "save-button", onClick: m, children: "Save" }),
+    /* @__PURE__ */ e.jsx("button", { className: "load-button", onClick: h, disabled: !f, children: "Load" }),
+    l && /* @__PURE__ */ e.jsx("span", { className: "save-load-message", children: l })
+  ] });
+}
+function _e({ className: t = "" }) {
+  const { snapshot: s, actions: r } = re();
+  le(s);
+  const a = Object.entries(s.variables).filter(([l]) => !l.startsWith("_"));
+  return /* @__PURE__ */ e.jsxs("div", { className: `game-renderer ${t}`, children: [
+    /* @__PURE__ */ e.jsx(Te, { notifications: s.notifications }),
+    /* @__PURE__ */ e.jsxs("div", { className: "game-main", children: [
+      /* @__PURE__ */ e.jsx(be, { location: s.location }),
+      s.dialogue && /* @__PURE__ */ e.jsxs("div", { className: "dialogue-container", children: [
+        /* @__PURE__ */ e.jsx(Ne, { dialogue: s.dialogue }),
+        /* @__PURE__ */ e.jsx(ge, { choices: s.choices, onSelectChoice: r.selectChoice })
+      ] }),
+      !s.dialogue && /* @__PURE__ */ e.jsx(
+        Se,
+        {
+          characters: s.charactersHere,
+          onTalkTo: r.talkTo
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "game-sidebar", children: [
+      /* @__PURE__ */ e.jsx(we, { onSave: r.saveGame, onLoad: r.loadGame }),
+      a.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "resources", children: [
+        /* @__PURE__ */ e.jsx("h2", { children: "Resources" }),
+        /* @__PURE__ */ e.jsx("ul", { className: "resources-list", children: a.map(([l, o]) => /* @__PURE__ */ e.jsxs("li", { className: "resource-entry", children: [
+          /* @__PURE__ */ e.jsx("span", { className: "resource-name", children: l }),
+          /* @__PURE__ */ e.jsx("span", { className: "resource-value", children: o })
+        ] }, l)) })
+      ] }),
+      s.party.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "party", children: [
+        /* @__PURE__ */ e.jsx("h2", { children: "Party" }),
+        /* @__PURE__ */ e.jsx("ul", { className: "party-list", children: s.party.map((l) => /* @__PURE__ */ e.jsx("li", { className: "party-member", children: /* @__PURE__ */ e.jsx("span", { className: "party-member-name", children: l.name }) }, l.id)) })
+      ] }),
+      /* @__PURE__ */ e.jsx(ke, { items: s.inventory }),
+      /* @__PURE__ */ e.jsx(ye, { quests: s.quests, entries: s.journal }),
+      s.map && /* @__PURE__ */ e.jsx(Ee, { map: s.map, onTravelTo: r.travelTo })
+    ] })
+  ] });
+}
+function Ce({
+  logoSrc: t,
+  title: s,
+  onComplete: r,
+  duration: a = 2e3,
+  className: l = ""
+}) {
+  return D(() => {
+    const o = setTimeout(r, a);
+    return () => clearTimeout(o);
+  }, [r, a]), /* @__PURE__ */ e.jsxs("div", { className: `splash-screen ${l}`, onClick: r, children: [
+    t && /* @__PURE__ */ e.jsx("img", { src: t, alt: s || "", className: "splash-logo" }),
+    s && /* @__PURE__ */ e.jsx("h1", { className: "splash-title", children: s }),
+    /* @__PURE__ */ e.jsx("div", { className: "splash-loading", children: "Loading..." })
+  ] });
+}
+function Re({
+  title: t = "Doodle Engine",
+  subtitle: s,
+  logoSrc: r,
+  hasSaveData: a,
+  onNewGame: l,
+  onContinue: o,
+  onSettings: m,
+  className: h = ""
+}) {
+  return /* @__PURE__ */ e.jsxs("div", { className: `title-screen ${h}`, children: [
+    r && /* @__PURE__ */ e.jsx("img", { src: r, alt: t, className: "title-logo" }),
+    /* @__PURE__ */ e.jsx("h1", { className: "title-heading", children: t }),
+    s && /* @__PURE__ */ e.jsx("p", { className: "title-subtitle", children: s }),
+    /* @__PURE__ */ e.jsxs("div", { className: "title-menu", children: [
+      /* @__PURE__ */ e.jsx("button", { className: "title-button", onClick: l, children: "New Game" }),
+      a && /* @__PURE__ */ e.jsx("button", { className: "title-button", onClick: o, children: "Continue" }),
+      /* @__PURE__ */ e.jsx("button", { className: "title-button", onClick: m, children: "Settings" })
+    ] })
+  ] });
+}
+function Ae({
+  onResume: t,
+  onSave: s,
+  onLoad: r,
+  onSettings: a,
+  onQuitToTitle: l,
+  className: o = ""
+}) {
+  return /* @__PURE__ */ e.jsx("div", { className: `pause-menu-overlay ${o}`, children: /* @__PURE__ */ e.jsxs("div", { className: "pause-menu", children: [
+    /* @__PURE__ */ e.jsx("h2", { className: "pause-title", children: "Paused" }),
+    /* @__PURE__ */ e.jsxs("div", { className: "pause-buttons", children: [
+      /* @__PURE__ */ e.jsx("button", { className: "pause-button", onClick: t, children: "Resume" }),
+      /* @__PURE__ */ e.jsx("button", { className: "pause-button", onClick: s, children: "Save" }),
+      /* @__PURE__ */ e.jsx("button", { className: "pause-button", onClick: r, children: "Load" }),
+      /* @__PURE__ */ e.jsx("button", { className: "pause-button", onClick: a, children: "Settings" }),
+      /* @__PURE__ */ e.jsx("button", { className: "pause-button pause-button-quit", onClick: l, children: "Quit to Title" })
+    ] })
+  ] }) });
+}
+function oe({
+  audioControls: t,
+  uiSoundControls: s,
+  availableLocales: r,
+  currentLocale: a,
+  onLocaleChange: l,
+  onBack: o,
+  className: m = ""
+}) {
+  return /* @__PURE__ */ e.jsxs("div", { className: `settings-panel ${m}`, children: [
+    /* @__PURE__ */ e.jsx("h2", { className: "settings-title", children: "Settings" }),
+    /* @__PURE__ */ e.jsxs("div", { className: "settings-section", children: [
+      /* @__PURE__ */ e.jsx("h3", { children: "Audio" }),
+      /* @__PURE__ */ e.jsx(
+        Q,
+        {
+          label: "Master",
+          value: 1,
+          onChange: t.setMasterVolume
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        Q,
+        {
+          label: "Music",
+          value: 0.7,
+          onChange: t.setMusicVolume
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        Q,
+        {
+          label: "Sound Effects",
+          value: 0.8,
+          onChange: t.setSoundVolume
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        Q,
+        {
+          label: "Voice",
+          value: 1,
+          onChange: t.setVoiceVolume
+        }
+      ),
+      s && /* @__PURE__ */ e.jsx(
+        Q,
+        {
+          label: "UI Sounds",
+          value: s.volume,
+          onChange: s.setVolume
+        }
+      )
+    ] }),
+    r && r.length > 1 && l && /* @__PURE__ */ e.jsxs("div", { className: "settings-section", children: [
+      /* @__PURE__ */ e.jsx("h3", { children: "Language" }),
+      /* @__PURE__ */ e.jsx(
+        "select",
+        {
+          className: "settings-locale-select",
+          value: a,
+          onChange: (h) => l(h.target.value),
+          children: r.map((h) => /* @__PURE__ */ e.jsx("option", { value: h.code, children: h.label }, h.code))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e.jsx("button", { className: "settings-back-button", onClick: o, children: "Back" })
+  ] });
+}
+function Q({
+  label: t,
+  value: s,
+  onChange: r
+}) {
+  return /* @__PURE__ */ e.jsxs("div", { className: "volume-slider", children: [
+    /* @__PURE__ */ e.jsx("label", { className: "volume-label", children: t }),
+    /* @__PURE__ */ e.jsx(
+      "input",
+      {
+        type: "range",
+        min: "0",
+        max: "1",
+        step: "0.05",
+        defaultValue: s,
+        onChange: (a) => r(parseFloat(a.target.value)),
+        className: "volume-input"
+      }
+    )
+  ] });
+}
+function Oe({
+  src: t,
+  basePath: s = "/video",
+  onComplete: r,
+  className: a = ""
+}) {
+  const l = q(null);
+  return D(() => {
+    const o = (m) => {
+      (m.key === "Escape" || m.key === " " || m.key === "Enter") && (m.preventDefault(), r());
+    };
+    return window.addEventListener("keydown", o), () => window.removeEventListener("keydown", o);
+  }, [r]), /* @__PURE__ */ e.jsxs("div", { className: `video-player-overlay ${a}`, children: [
+    /* @__PURE__ */ e.jsx(
+      "video",
+      {
+        ref: l,
+        src: `${s}/${t}`,
+        autoPlay: !0,
+        onEnded: r,
+        className: "video-player-video"
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      "button",
+      {
+        className: "video-player-skip-button",
+        onClick: r,
+        children: "Skip"
+      }
+    )
+  ] });
+}
+function Me({
+  registry: t,
+  config: s,
+  title: r = "Doodle Engine",
+  subtitle: a,
+  logoSrc: l,
+  splashDuration: o = 2e3,
+  uiSounds: m,
+  audioOptions: h,
+  storageKey: f = "doodle-engine-save",
+  availableLocales: b,
+  videoBasePath: x = "/video",
+  className: R = ""
+}) {
+  const [T, E] = C(o > 0 ? "splash" : "title"), [w, i] = C(!1), [u, _] = C(!1), [G, L] = C("title"), [W, J] = C(null), [A, F] = C(null), p = je(
+    m === !1 ? { enabled: !1 } : m
+  ), d = localStorage.getItem(f) !== null, v = N(() => {
+    const g = {
+      currentLocation: s.startLocation,
+      currentTime: { ...s.startTime },
+      flags: { ...s.startFlags },
+      variables: { ...s.startVariables },
+      inventory: [...s.startInventory],
+      questProgress: {},
+      unlockedJournalEntries: [],
+      playerNotes: [],
+      dialogueState: null,
+      characterState: {},
+      itemLocations: {},
+      mapEnabled: !0,
+      notifications: [],
+      pendingSounds: [],
+      pendingVideo: null,
+      currentLocale: "en"
+    };
+    return new ie(t, g);
+  }, [t, s]), y = N(() => {
+    p.playClick();
+    const g = v(), V = g.newGame(s);
+    F({ engine: g, snapshot: V }), E("playing");
+  }, [v, s, p]), O = N(() => {
+    p.playClick();
+    const g = localStorage.getItem(f);
+    if (!g) return;
+    const V = JSON.parse(g), n = v(), c = n.loadGame(V);
+    F({ engine: n, snapshot: c }), E("playing");
+  }, [v, f, p]), M = N(() => {
+    if (!A) return;
+    p.playClick();
+    const g = A.engine.saveGame();
+    localStorage.setItem(f, JSON.stringify(g)), i(!1);
+  }, [A, f, p]), Y = N(() => {
+    const g = localStorage.getItem(f);
+    if (!g || !A) return;
+    p.playClick();
+    const V = JSON.parse(g), n = A.engine.loadGame(V);
+    F({ engine: A.engine, snapshot: n }), i(!1);
+  }, [A, f, p]), $ = N(() => {
+    p.playClick(), i(!1), _(!1), F(null), E("title");
+  }, [p]), P = N((g) => {
+    p.playMenuOpen(), L(g), _(!0), g === "pause" && i(!1);
+  }, [p]), I = N(() => {
+    p.playMenuClose(), _(!1), G === "pause" && i(!0);
+  }, [G, p]);
+  D(() => {
+    if (T !== "playing") return;
+    const g = (V) => {
+      V.key === "Escape" && (V.preventDefault(), u ? I() : (w ? p.playMenuClose() : p.playMenuOpen(), i((n) => !n)));
+    };
+    return window.addEventListener("keydown", g), () => window.removeEventListener("keydown", g);
+  }, [T, w, u, I, p]);
+  const X = {
+    setMasterVolume: () => {
+    },
+    setMusicVolume: () => {
+    },
+    setSoundVolume: () => {
+    },
+    setVoiceVolume: () => {
+    },
+    stopAll: () => {
+    }
+  };
+  return T === "splash" ? /* @__PURE__ */ e.jsx("div", { className: `game-shell ${R}`, children: /* @__PURE__ */ e.jsx(
+    Ce,
+    {
+      logoSrc: l,
+      title: r,
+      onComplete: () => E("title"),
+      duration: o
+    }
+  ) }) : T === "title" ? /* @__PURE__ */ e.jsx("div", { className: `game-shell ${R}`, children: u ? /* @__PURE__ */ e.jsx(
+    oe,
+    {
+      audioControls: X,
+      uiSoundControls: m !== !1 ? p : void 0,
+      availableLocales: b,
+      onBack: I
+    }
+  ) : /* @__PURE__ */ e.jsx(
+    Re,
+    {
+      title: r,
+      subtitle: a,
+      logoSrc: l,
+      hasSaveData: d,
+      onNewGame: y,
+      onContinue: O,
+      onSettings: () => P("title")
+    }
+  ) }) : A ? /* @__PURE__ */ e.jsx("div", { className: `game-shell ${R}`, children: /* @__PURE__ */ e.jsx(fe, { engine: A.engine, initialSnapshot: A.snapshot, children: /* @__PURE__ */ e.jsx(
+    Pe,
+    {
+      audioOptions: h,
+      uiSoundControls: m !== !1 ? p : void 0,
+      showPauseMenu: w,
+      showSettings: u,
+      availableLocales: b,
+      videoBasePath: x,
+      pendingVideo: W,
+      setPendingVideo: J,
+      onPause: () => {
+        p.playMenuOpen(), i(!0);
+      },
+      onResume: () => {
+        p.playMenuClose(), i(!1);
+      },
+      onSave: M,
+      onLoad: Y,
+      onSettings: () => P("pause"),
+      onQuitToTitle: $,
+      onCloseSettings: I
+    }
+  ) }) }) : null;
+}
+function Pe({
+  audioOptions: t,
+  uiSoundControls: s,
+  showPauseMenu: r,
+  showSettings: a,
+  availableLocales: l,
+  videoBasePath: o,
+  pendingVideo: m,
+  setPendingVideo: h,
+  onPause: f,
+  onResume: b,
+  onSave: x,
+  onLoad: R,
+  onSettings: T,
+  onQuitToTitle: E,
+  onCloseSettings: w
+}) {
+  const { snapshot: i, actions: u } = re(), _ = le(i, t);
+  return D(() => {
+    i.pendingVideo && h(i.pendingVideo);
+  }, [i.pendingVideo, h]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    m && /* @__PURE__ */ e.jsx(
+      Oe,
+      {
+        src: m,
+        basePath: o,
+        onComplete: () => h(null)
+      }
+    ),
+    /* @__PURE__ */ e.jsx(_e, {}),
+    !r && !a && !m && /* @__PURE__ */ e.jsx(
+      "button",
+      {
+        className: "game-shell-menu-button",
+        onClick: f,
+        "aria-label": "Menu",
+        children: "Menu"
+      }
+    ),
+    r && /* @__PURE__ */ e.jsx(
+      Ae,
+      {
+        onResume: b,
+        onSave: x,
+        onLoad: R,
+        onSettings: T,
+        onQuitToTitle: E
+      }
+    ),
+    a && /* @__PURE__ */ e.jsx(
+      oe,
+      {
+        audioControls: _,
+        uiSoundControls: s,
+        availableLocales: l,
+        currentLocale: (i.time, void 0),
+        onLocaleChange: u.setLocale,
+        onBack: w
+      }
+    )
+  ] });
+}
+export {
+  Se as CharacterList,
+  ge as ChoiceList,
+  Ne as DialogueBox,
+  ae as GameContext,
+  fe as GameProvider,
+  _e as GameRenderer,
+  Me as GameShell,
+  ke as Inventory,
+  ye as Journal,
+  be as LocationView,
+  Ee as MapView,
+  Te as NotificationArea,
+  Ae as PauseMenu,
+  we as SaveLoadPanel,
+  oe as SettingsPanel,
+  Ce as SplashScreen,
+  Re as TitleScreen,
+  De as VERSION,
+  Oe as VideoPlayer,
+  le as useAudioManager,
+  re as useGame,
+  je as useUISounds
+};