@novely/core 0.45.0 → 0.45.2

package/dist/index.js

@@ -1,15 +1,91 @@
+// src/novely.ts
+import { dequal } from "dequal/lite";
+import { throttle } from "es-toolkit/function";
+import { merge as deepmerge } from "es-toolkit/object";
+import { DEV as DEV3 } from "esm-env";
+
+// ../../node_modules/.pnpm/klona@2.0.6/node_modules/klona/full/index.mjs
+function set(obj, key, val) {
+  if (typeof val.value === "object") val.value = klona(val.value);
+  if (!val.enumerable || val.get || val.set || !val.configurable || !val.writable || key === "__proto__") {
+    Object.defineProperty(obj, key, val);
+  } else obj[key] = val.value;
+}
+function klona(x) {
+  if (typeof x !== "object") return x;
+  var i = 0, k, list, tmp, str2 = Object.prototype.toString.call(x);
+  if (str2 === "[object Object]") {
+    tmp = Object.create(x.__proto__ || null);
+  } else if (str2 === "[object Array]") {
+    tmp = Array(x.length);
+  } else if (str2 === "[object Set]") {
+    tmp = /* @__PURE__ */ new Set();
+    x.forEach(function(val) {
+      tmp.add(klona(val));
+    });
+  } else if (str2 === "[object Map]") {
+    tmp = /* @__PURE__ */ new Map();
+    x.forEach(function(val, key) {
+      tmp.set(klona(key), klona(val));
+    });
+  } else if (str2 === "[object Date]") {
+    tmp = /* @__PURE__ */ new Date(+x);
+  } else if (str2 === "[object RegExp]") {
+    tmp = new RegExp(x.source, x.flags);
+  } else if (str2 === "[object DataView]") {
+    tmp = new x.constructor(klona(x.buffer));
+  } else if (str2 === "[object ArrayBuffer]") {
+    tmp = x.slice(0);
+  } else if (str2.slice(-6) === "Array]") {
+    tmp = new x.constructor(x);
+  }
+  if (tmp) {
+    for (list = Object.getOwnPropertySymbols(x); i < list.length; i++) {
+      set(tmp, list[i], Object.getOwnPropertyDescriptor(x, list[i]));
+    }
+    for (i = 0, list = Object.getOwnPropertyNames(x); i < list.length; i++) {
+      if (Object.hasOwnProperty.call(tmp, k = list[i]) && tmp[k] === x[k]) continue;
+      set(tmp, k, Object.getOwnPropertyDescriptor(x, k));
+    }
+  }
+  return tmp || x;
+}
+
+// src/novely.ts
+import pLimit from "p-limit";
+
+// src/asset.ts
+import { memoize as memoize2, once } from "es-toolkit/function";
+import { DEV as DEV2 } from "esm-env";
+
+// src/audio-codecs.ts
+var cut = (str2) => str2.replace(/^no$/, "");
+var audio = new Audio();
+var canPlay = (type) => !!cut(audio.canPlayType(type));
+var canPlayMultiple = (...types) => types.some((type) => canPlay(type));
+var supportsMap = {
+  mp3: canPlayMultiple("audio/mpeg;", "audio/mp3;"),
+  mpeg: canPlay("audio/mpeg;"),
+  opus: canPlay('audio/ogg; codecs="opus"'),
+  ogg: canPlay('audio/ogg; codecs="vorbis"'),
+  oga: canPlay('audio/ogg; codecs="vorbis"'),
+  wav: canPlayMultiple('audio/wav; codecs="1"', "audio/wav;"),
+  aac: canPlay("audio/aac;"),
+  caf: canPlay("audio/x-caf;"),
+  m4a: canPlayMultiple("audio/x-m4a;", "audio/m4a;", "audio/aac;"),
+  m4b: canPlayMultiple("audio/x-m4b;", "audio/m4b;", "audio/aac;"),
+  mp4: canPlayMultiple("audio/x-mp4;", "audio/mp4;", "audio/aac;"),
+  weba: canPlay('audio/webm; codecs="vorbis"'),
+  webm: canPlay('audio/webm; codecs="vorbis"'),
+  dolby: canPlay('audio/mp4; codecs="ec-3"'),
+  flac: canPlayMultiple("audio/x-flac;", "audio/flac;")
+};
+
 // src/constants.ts
 var SKIPPED_DURING_RESTORE = /* @__PURE__ */ new Set(["dialog", "choice", "input", "vibrate", "text"]);
 var BLOCK_EXIT_STATEMENTS = /* @__PURE__ */ new Set(["choice:exit", "condition:exit", "block:exit"]);
 var BLOCK_STATEMENTS = /* @__PURE__ */ new Set(["choice", "condition", "block"]);
-var AUDIO_ACTIONS = /* @__PURE__ */ new Set([
-  "playMusic",
-  "stopMusic",
-  "playSound",
-  "stopSound",
-  "voice",
-  "stopVoice"
-]);
+var AUDIO_ACTIONS = /* @__PURE__ */ new Set(["playMusic", "stopMusic", "playSound", "stopSound", "voice", "stopVoice"]);
 var EMPTY_SET = /* @__PURE__ */ new Set();
 var DEFAULT_TYPEWRITER_SPEED = "Medium";
 var HOWLER_SUPPORTED_FILE_FORMATS = /* @__PURE__ */ new Set([
@@ -45,42 +121,6 @@ var SUPPORTED_IMAGE_FILE_FORMATS = /* @__PURE__ */ new Set([
 ]);
 var MAIN_CONTEXT_KEY = "$MAIN";
 
-// src/shared.ts
-var STACK_MAP = /* @__PURE__ */ new Map();
-var CUSTOM_ACTION_MAP = /* @__PURE__ */ new Map();
-var PRELOADED_ASSETS = /* @__PURE__ */ new Set();
-var ASSETS_TO_PRELOAD = /* @__PURE__ */ new Set();
-
-// src/utils.ts
-import { DEV as DEV2 } from "esm-env";
-import { memoize as memoize2 } from "es-toolkit/function";
-
-// src/asset.ts
-import { DEV } from "esm-env";
-
-// src/audio-codecs.ts
-var cut = (str2) => str2.replace(/^no$/, "");
-var audio = new Audio();
-var canPlay = (type) => !!cut(audio.canPlayType(type));
-var canPlayMultiple = (...types) => types.some((type) => canPlay(type));
-var supportsMap = {
-  mp3: canPlayMultiple("audio/mpeg;", "audio/mp3;"),
-  mpeg: canPlay("audio/mpeg;"),
-  opus: canPlay('audio/ogg; codecs="opus"'),
-  ogg: canPlay('audio/ogg; codecs="vorbis"'),
-  oga: canPlay('audio/ogg; codecs="vorbis"'),
-  wav: canPlayMultiple('audio/wav; codecs="1"', "audio/wav;"),
-  aac: canPlay("audio/aac;"),
-  caf: canPlay("audio/x-caf;"),
-  m4a: canPlayMultiple("audio/x-m4a;", "audio/m4a;", "audio/aac;"),
-  m4b: canPlayMultiple("audio/x-m4b;", "audio/m4b;", "audio/aac;"),
-  mp4: canPlayMultiple("audio/x-mp4;", "audio/mp4;", "audio/aac;"),
-  weba: canPlay('audio/webm; codecs="vorbis"'),
-  webm: canPlay('audio/webm; codecs="vorbis"'),
-  dolby: canPlay('audio/mp4; codecs="ec-3"'),
-  flac: canPlayMultiple("audio/x-flac;", "audio/flac;")
-};
-
 // src/image-formats.ts
 var avif = "data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAAB0AAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAIAAAACAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQ0MAAAAABNjb2xybmNseAACAAIAAYAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACVtZGF0EgAKCBgANogQEAwgMg8f8D///8WfhwB8+ErK42A=";
 var jxl = "data:image/jxl;base64,/woIAAAMABKIAgC4AF3lEgAAFSqjjBu8nOv58kOHxbSN6wxttW1hSaLIODZJJ3BIEkkaoCUzGM6qJAE=";
@@ -117,74 +157,15 @@ var loadImageFormatsSupport = async () => {
 };
 loadImageFormatsSupport();
 
-// src/asset.ts
-import { memoize, once } from "es-toolkit/function";
-var getType = memoize(
-  (extensions) => {
-    if (extensions.every((extension) => HOWLER_SUPPORTED_FILE_FORMATS.has(extension))) {
-      return "audio";
-    }
-    if (extensions.every((extension) => SUPPORTED_IMAGE_FILE_FORMATS.has(extension))) {
-      return "image";
-    }
-    throw extensions;
-  },
-  {
-    getCacheKey: (extensions) => extensions.join("~")
-  }
-);
-var SUPPORT_MAPS = {
-  "image": supportsMap2,
-  "audio": supportsMap
-};
-var assetPrivate = memoize(
-  (variants) => {
-    if (DEV && variants.length === 0) {
-      throw new Error(`Attempt to use "asset" function without arguments`);
-    }
-    const map = {};
-    const extensions = [];
-    for (const v of variants) {
-      const e = getUrlFileExtension(v);
-      map[e] = v;
-      extensions.push(e);
-    }
-    const type = getType(extensions);
-    const getSource = once(() => {
-      const support = SUPPORT_MAPS[type];
-      for (const extension of extensions) {
-        if (extension in support) {
-          if (support[extension]) {
-            return map[extension];
-          }
-        } else {
-          return map[extension];
-        }
-      }
-      if (DEV) {
-        throw new Error(`No matching asset was found for ${variants.map((v) => `"${v}"`).join(", ")}`);
-      }
-      return "";
-    });
-    return {
-      get source() {
-        return getSource();
-      },
-      get type() {
-        return type;
-      }
-    };
-  },
-  {
-    getCacheKey: (variants) => variants.join("~")
-  }
-);
-var asset = (...variants) => {
-  return assetPrivate(variants);
-};
-var isAsset = (suspect) => {
-  return suspect !== null && typeof suspect === "object" && "source" in suspect && "type" in suspect;
-};
+// src/utils.ts
+import { memoize } from "es-toolkit/function";
+import { DEV } from "esm-env";
+
+// src/shared.ts
+var STACK_MAP = /* @__PURE__ */ new Map();
+var CUSTOM_ACTION_MAP = /* @__PURE__ */ new Map();
+var PRELOADED_ASSETS = /* @__PURE__ */ new Set();
+var ASSETS_TO_PRELOAD = /* @__PURE__ */ new Set();
 
 // src/utils.ts
 var matchAction = ({ getContext, onBeforeActionCall, push, forward }, values) => {
@@ -195,18 +176,21 @@ var matchAction = ({ getContext, onBeforeActionCall, push, forward }, values) =>
       props,
       ctx: context
     });
-    return values[action]({
-      ctx: context,
-      data,
-      push() {
-        if (context.meta.preview) return;
-        push(context);
+    return values[action](
+      {
+        ctx: context,
+        data,
+        push() {
+          if (context.meta.preview) return;
+          push(context);
+        },
+        forward() {
+          if (context.meta.preview) return;
+          forward(context);
+        }
       },
-      forward() {
-        if (context.meta.preview) return;
-        forward(context);
-      }
-    }, props);
+      props
+    );
   };
 };
 var isNumber = (val) => {
@@ -318,10 +302,10 @@ var isExitImpossible = (path) => {
 };
 var getOppositeAction = (action) => {
   const MAP = {
-    "showCharacter": "hideCharacter",
-    "playSound": "stopSound",
-    "playMusic": "stopMusic",
-    "voice": "stopVoice"
+    showCharacter: "hideCharacter",
+    playSound: "stopSound",
+    playMusic: "stopMusic",
+    voice: "stopVoice"
   };
   return MAP[action];
 };
@@ -488,7 +472,7 @@ var createQueueProcessor = (queue, options) => {
     }
   };
 };
-var getStack = memoize2(
+var getStack = memoize(
   (_) => {
     return [];
   },
@@ -540,7 +524,7 @@ var getUrlFileExtension = (address) => {
     const { pathname } = new URL(address, location.href);
     return pathname.split(".").at(-1).split("!")[0].split(":")[0];
   } catch (error) {
-    if (DEV2) {
+    if (DEV) {
       console.error(new Error(`Could not construct URL "${address}".`, { cause: error }));
     }
     return "";
@@ -553,13 +537,13 @@ var fetchContentType = async (url, request) => {
     });
     return response.headers.get("Content-Type") || "";
   } catch (error) {
-    if (DEV2) {
+    if (DEV) {
       console.error(new Error(`Failed to fetch file at "${url}"`, { cause: error }));
     }
     return "";
   }
 };
-var getResourseType = memoize2(
+var getResourseType = memoize(
   async ({ url, request }) => {
     if (!isCSSImage(url)) {
       return "other";
@@ -587,7 +571,7 @@ var getResourseType = memoize2(
 var capitalize = (str2) => {
   return str2[0].toUpperCase() + str2.slice(1);
 };
-var getIntlLanguageDisplayName = memoize2((lang) => {
+var getIntlLanguageDisplayName = memoize((lang) => {
   try {
     const intl = new Intl.DisplayNames([lang], {
       type: "language"
@@ -732,7 +716,10 @@ var collectActionsBeforeBlockingAction = ({ path, refer, clone }) => {
     }
     collection.push(action);
     if (action[0] === "jump") {
-      path = [["jump", action[1]], [null, 0]];
+      path = [
+        ["jump", action[1]],
+        [null, 0]
+      ];
     } else if (action[0] == "block") {
       path.push(["block", action[1]], [null, 0]);
     } else {
@@ -746,13 +733,13 @@ var unwrapAsset = (asset2) => {
   return isAsset(asset2) ? asset2.source : asset2;
 };
 var handleAudioAsset = (asset2) => {
-  if (DEV2 && isAsset(asset2) && asset2.type !== "audio") {
+  if (DEV && isAsset(asset2) && asset2.type !== "audio") {
     throw new Error("Attempt to use non-audio asset in audio action", { cause: asset2 });
   }
   return unwrapAsset(asset2);
 };
 var handleImageAsset = (asset2) => {
-  if (DEV2 && isAsset(asset2) && asset2.type !== "image") {
+  if (DEV && isAsset(asset2) && asset2.type !== "image") {
     throw new Error("Attempt to use non-image asset in action that requires image assets", { cause: asset2 });
   }
   return unwrapAsset(asset2);
@@ -777,120 +764,88 @@ var getVolumeFromStore = (store2) => {
   };
 };
 
-// src/novely.ts
-import { throttle } from "es-toolkit/function";
-import { merge as deepmerge } from "es-toolkit/object";
-import { dequal } from "dequal/lite";
-
-// src/store.ts
-var store = (current, subscribers = /* @__PURE__ */ new Set()) => {
-  const subscribe = (cb) => {
-    subscribers.add(cb), cb(current);
-    return () => {
-      subscribers.delete(cb);
-    };
-  };
-  const push = (value) => {
-    for (const cb of subscribers) cb(value);
-  };
-  const update = (fn) => {
-    push(current = fn(current));
-  };
-  const set2 = (val) => {
-    update(() => val);
-  };
-  const get = () => {
-    return current;
-  };
-  return { subscribe, update, set: set2, get };
-};
-
-// ../../node_modules/.pnpm/klona@2.0.6/node_modules/klona/full/index.mjs
-function set(obj, key, val) {
-  if (typeof val.value === "object") val.value = klona(val.value);
-  if (!val.enumerable || val.get || val.set || !val.configurable || !val.writable || key === "__proto__") {
-    Object.defineProperty(obj, key, val);
-  } else obj[key] = val.value;
-}
-function klona(x) {
-  if (typeof x !== "object") return x;
-  var i = 0, k, list, tmp, str2 = Object.prototype.toString.call(x);
-  if (str2 === "[object Object]") {
-    tmp = Object.create(x.__proto__ || null);
-  } else if (str2 === "[object Array]") {
-    tmp = Array(x.length);
-  } else if (str2 === "[object Set]") {
-    tmp = /* @__PURE__ */ new Set();
-    x.forEach(function(val) {
-      tmp.add(klona(val));
-    });
-  } else if (str2 === "[object Map]") {
-    tmp = /* @__PURE__ */ new Map();
-    x.forEach(function(val, key) {
-      tmp.set(klona(key), klona(val));
-    });
-  } else if (str2 === "[object Date]") {
-    tmp = /* @__PURE__ */ new Date(+x);
-  } else if (str2 === "[object RegExp]") {
-    tmp = new RegExp(x.source, x.flags);
-  } else if (str2 === "[object DataView]") {
-    tmp = new x.constructor(klona(x.buffer));
-  } else if (str2 === "[object ArrayBuffer]") {
-    tmp = x.slice(0);
-  } else if (str2.slice(-6) === "Array]") {
-    tmp = new x.constructor(x);
-  }
-  if (tmp) {
-    for (list = Object.getOwnPropertySymbols(x); i < list.length; i++) {
-      set(tmp, list[i], Object.getOwnPropertyDescriptor(x, list[i]));
+// src/asset.ts
+var getType = memoize2(
+  (extensions) => {
+    if (extensions.every((extension) => HOWLER_SUPPORTED_FILE_FORMATS.has(extension))) {
+      return "audio";
     }
-    for (i = 0, list = Object.getOwnPropertyNames(x); i < list.length; i++) {
-      if (Object.hasOwnProperty.call(tmp, k = list[i]) && tmp[k] === x[k]) continue;
-      set(tmp, k, Object.getOwnPropertyDescriptor(x, k));
+    if (extensions.every((extension) => SUPPORTED_IMAGE_FILE_FORMATS.has(extension))) {
+      return "image";
     }
+    throw extensions;
+  },
+  {
+    getCacheKey: (extensions) => extensions.join("~")
   }
-  return tmp || x;
-}
-
-// src/translation.ts
-var RGX = /{{(.*?)}}/g;
-var split = (input, delimeters) => {
-  const output = [];
-  for (const delimeter of delimeters) {
-    if (!input) break;
-    const [start, end] = input.split(delimeter, 2);
-    output.push(start);
-    input = end;
-  }
-  output.push(input);
-  return output;
+);
+var SUPPORT_MAPS = {
+  image: supportsMap2,
+  audio: supportsMap
 };
-var flattenAllowedContent = (c, state) => {
-  if (Array.isArray(c)) {
-    return c.map((item) => flattenAllowedContent(item, state)).join("<br>");
-  }
-  if (typeof c === "function") {
-    return flattenAllowedContent(c(state), state);
+var assetPrivate = memoize2(
+  (variants) => {
+    if (DEV2 && variants.length === 0) {
+      throw new Error(`Attempt to use "asset" function without arguments`);
+    }
+    const map = {};
+    const extensions = [];
+    for (const v of variants) {
+      const e = getUrlFileExtension(v);
+      map[e] = v;
+      extensions.push(e);
+    }
+    const type = getType(extensions);
+    const getSource = once(() => {
+      const support = SUPPORT_MAPS[type];
+      for (const extension of extensions) {
+        if (extension in support) {
+          if (support[extension]) {
+            return map[extension];
+          }
+        } else {
+          return map[extension];
+        }
+      }
+      if (DEV2) {
+        throw new Error(`No matching asset was found for ${variants.map((v) => `"${v}"`).join(", ")}`);
+      }
+      return "";
+    });
+    return {
+      get source() {
+        return getSource();
+      },
+      get type() {
+        return type;
+      }
+    };
+  },
+  {
+    getCacheKey: (variants) => variants.join("~")
   }
-  return c;
+);
+var asset = (...variants) => {
+  return assetPrivate(variants);
 };
-var replace = (input, data, pluralization, actions, pr) => {
-  return input.replaceAll(RGX, (x, key, y) => {
-    x = 0;
-    y = data;
-    const [pathstr, plural, action] = split(key.trim(), ["@", "%"]);
-    if (!pathstr) {
-      return "";
-    }
-    const path = pathstr.split(".");
-    while (y && x < path.length) y = y[path[x++]];
-    if (plural && pluralization && y && pr) {
-      y = pluralization[plural][pr.select(y)];
+var isAsset = (suspect) => {
+  return suspect !== null && typeof suspect === "object" && "source" in suspect && "type" in suspect;
+};
+
+// src/browser.ts
+var setupBrowserVisibilityChangeListeners = ({ onChange }) => {
+  if (typeof document === "undefined") return noop;
+  const onVisibilityChange = () => {
+    if (document.visibilityState === "hidden") {
+      onChange();
     }
-    const actionHandler = actions && action ? actions[action] : void 0;
-    if (actionHandler) y = actionHandler(y);
-    return y == null ? "" : y;
-  });
+  };
+  addEventListener("visibilitychange", onVisibilityChange);
+  addEventListener("beforeunload", onChange);
+  return () => {
+    removeEventListener("visibilitychange", onVisibilityChange);
+    removeEventListener("beforeunload", onChange);
+  };
 };
 
 // src/custom-action.ts
@@ -933,13 +888,15 @@ var handleCustomAction = (ctx, fn, { lang, state, setMountElement, setClear, rem
     };
   };
   const clear = (func) => {
-    setClear(holder.cleanup = () => {
-      func();
-      holder.node = null;
-      holder.cleanup = noop;
-      setMountElement(null);
-      setClear(noop);
-    });
+    setClear(
+      holder.cleanup = () => {
+        func();
+        holder.node = null;
+        holder.cleanup = noop;
+        setMountElement(null);
+        setClear(noop);
+      }
+    );
   };
   const data = (updatedData) => {
     if (updatedData) {
@@ -969,59 +926,23 @@ var handleCustomAction = (ctx, fn, { lang, state, setMountElement, setClear, rem
   });
 };
 
-// src/storage.ts
-var localStorageStorage = (options) => {
-  return {
-    async get() {
-      const fallback = { saves: [], data: {}, meta: [] };
-      try {
-        const value = localStorage.getItem(options.key);
-        return value ? JSON.parse(value) : fallback;
-      } catch {
-        return fallback;
-      }
-    },
-    async set(data) {
-      try {
-        localStorage.setItem(options.key, JSON.stringify(data));
-      } catch {
-      }
-    }
-  };
-};
-
-// src/browser.ts
-var setupBrowserVisibilityChangeListeners = ({ onChange }) => {
-  if (typeof document === "undefined") return noop;
-  const onVisibilityChange = () => {
-    if (document.visibilityState === "hidden") {
-      onChange();
-    }
-  };
-  addEventListener("visibilitychange", onVisibilityChange);
-  addEventListener("beforeunload", onChange);
-  return () => {
-    removeEventListener("visibilitychange", onVisibilityChange);
-    removeEventListener("beforeunload", onChange);
-  };
-};
-
-// src/novely.ts
-import pLimit from "p-limit";
-import { DEV as DEV3 } from "esm-env";
-
 // src/preloading.ts
 var ACTION_NAME_TO_VOLUME_MAP = {
-  "playMusic": "music",
-  "playSound": "sound",
-  "voice": "voice"
+  playMusic: "music",
+  playSound: "sound",
+  voice: "voice"
 };
 var enqueueAssetForPreloading = (asset2) => {
   if (!PRELOADED_ASSETS.has(asset2)) {
     ASSETS_TO_PRELOAD.add(asset2);
   }
 };
-var handleAssetsPreloading = async ({ request, limiter, preloadAudioBlocking, preloadImageBlocking }) => {
+var handleAssetsPreloading = async ({
+  request,
+  limiter,
+  preloadAudioBlocking,
+  preloadImageBlocking
+}) => {
   const list = mapSet(ASSETS_TO_PRELOAD, (asset2) => {
     return limiter(async () => {
       const type = await getResourseType({
@@ -1096,9 +1017,9 @@ var huntAssets = ({ volume, lang, mode, characters, action, props, handle }) =>
     }
     return;
   }
-  if (action === "custom" && props[0].assets && props[0].assets.length > 0) {
+  if (action === "custom" && props[0].assets) {
     for (const asset2 of props[0].assets) {
-      handle(asset2);
+      isAsset(asset2) ? handle(asset2.source) : handle(asset2);
     }
     return;
   }
@@ -1106,12 +1027,97 @@ var huntAssets = ({ volume, lang, mode, characters, action, props, handle }) =>
     for (let i = 1; i < props.length; i++) {
       const data = props[i];
       if (Array.isArray(data)) {
-        handle(handleImageAsset(data[4]));
+        handle(handleImageAsset(data[5]));
       }
     }
   }
 };
 
+// src/storage.ts
+var localStorageStorage = (options) => {
+  return {
+    async get() {
+      const fallback = { saves: [], data: {}, meta: [] };
+      try {
+        const value = localStorage.getItem(options.key);
+        return value ? JSON.parse(value) : fallback;
+      } catch {
+        return fallback;
+      }
+    },
+    async set(data) {
+      try {
+        localStorage.setItem(options.key, JSON.stringify(data));
+      } catch {
+      }
+    }
+  };
+};
+
+// src/store.ts
+var store = (current, subscribers = /* @__PURE__ */ new Set()) => {
+  const subscribe = (cb) => {
+    subscribers.add(cb), cb(current);
+    return () => {
+      subscribers.delete(cb);
+    };
+  };
+  const push = (value) => {
+    for (const cb of subscribers) cb(value);
+  };
+  const update = (fn) => {
+    push(current = fn(current));
+  };
+  const set2 = (val) => {
+    update(() => val);
+  };
+  const get = () => {
+    return current;
+  };
+  return { subscribe, update, set: set2, get };
+};
+
+// src/translation.ts
+var RGX = /{{(.*?)}}/g;
+var split = (input, delimeters) => {
+  const output = [];
+  for (const delimeter of delimeters) {
+    if (!input) break;
+    const [start, end] = input.split(delimeter, 2);
+    output.push(start);
+    input = end;
+  }
+  output.push(input);
+  return output;
+};
+var flattenAllowedContent = (c, state) => {
+  if (Array.isArray(c)) {
+    return c.map((item) => flattenAllowedContent(item, state)).join("<br>");
+  }
+  if (typeof c === "function") {
+    return flattenAllowedContent(c(state), state);
+  }
+  return c;
+};
+var replace = (input, data, pluralization, actions, pr) => {
+  return input.replaceAll(RGX, (x, key, y) => {
+    x = 0;
+    y = data;
+    const [pathstr, plural, action] = split(key.trim(), ["@", "%"]);
+    if (!pathstr) {
+      return "";
+    }
+    const path = pathstr.split(".");
+    while (y && x < path.length) y = y[path[x++]];
+    if (plural && pluralization && y && pr) {
+      y = pluralization[plural][pr.select(y)];
+    }
+    const actionHandler = actions && action ? actions[action] : void 0;
+    if (actionHandler) y = actionHandler(y);
+    return y == null ? "" : y;
+  });
+};
+
 // src/novely.ts
 var novely = ({
   characters,
@@ -1238,7 +1244,9 @@ var novely = ({
       return language;
     }
     if (DEV3) {
-      throw new Error(`Attempt to use unsupported language "${language}". Supported languages: ${languages.join(", ")}.`);
+      throw new Error(
+        `Attempt to use unsupported language "${language}". Supported languages: ${languages.join(", ")}.`
+      );
     }
     throw 0;
   };
@@ -1354,7 +1362,9 @@ var novely = ({
   const restore = async (save2) => {
     if (isEmpty(story)) {
       if (DEV3) {
-        throw new Error("Story is empty. You should call an `enine.script` function [https://novely.pages.dev/guide/story.html]");
+        throw new Error(
+          "Story is empty. You should call an `enine.script` function [https://novely.pages.dev/guide/story.html]"
+        );
       }
       return;
     }
@@ -1374,7 +1384,10 @@ var novely = ({
     const [path] = stack.value = latest;
     renderer.ui.showScreen("game");
     const { queue, skip, skipPreserve } = getActionsFromPath(story, path, false);
-    const { run, keep: { keep, characters: characters2, audio: audio2 } } = createQueueProcessor(queue, {
+    const {
+      run,
+      keep: { keep, characters: characters2, audio: audio2 }
+    } = createQueueProcessor(queue, {
       skip,
       skipPreserve
     });
@@ -1424,7 +1437,9 @@ var novely = ({
     const isSaved = () => {
       const { saves } = storageData.get();
       const [currentPath, currentData] = stack.value;
-      return saves.some(([path, data2, [date, type2]]) => type2 === "manual" && times.has(date) && dequal(path, currentPath) && dequal(data2, currentData));
+      return saves.some(
+        ([path, data2, [date, type2]]) => type2 === "manual" && times.has(date) && dequal(path, currentPath) && dequal(data2, currentData)
+      );
     };
     if (interacted > 1 && !force && askBeforeExit && !isSaved()) {
       renderer.ui.showExitPrompt();
@@ -1520,7 +1535,9 @@ var novely = ({
   const getLanguageDisplayName = (lang) => {
     const language = translation[lang];
     if (DEV3 && !language) {
-      throw new Error(`Attempt to use unsupported language "${language}". Supported languages: ${languages.join(", ")}.`);
+      throw new Error(
+        `Attempt to use unsupported language "${language}". Supported languages: ${languages.join(", ")}.`
+      );
     }
     return capitalize(language.nameOverride || getIntlLanguageDisplayName(lang));
   };
@@ -1629,10 +1646,12 @@ var novely = ({
     showBackground({ ctx, push }, [background]) {
       if (isString(background) || isAsset(background)) {
         ctx.background({
-          "all": handleImageAsset(background)
+          all: handleImageAsset(background)
         });
       } else {
-        ctx.background(Object.fromEntries(Object.entries(background).map(([media, asset2]) => [media, handleImageAsset(asset2)])));
+        ctx.background(
+          Object.fromEntries(Object.entries(background).map(([media, asset2]) => [media, handleImageAsset(asset2)]))
+        );
       }
       push();
     },
@@ -1708,13 +1727,7 @@ var novely = ({
         return c || "";
       })();
       ctx.clearBlockingActions("dialog");
-      ctx.dialog(
-        templateReplace(content, data2),
-        templateReplace(name, data2),
-        character,
-        emotion,
-        forward
-      );
+      ctx.dialog(templateReplace(content, data2), templateReplace(name, data2), character, emotion, forward);
     },
     function({ ctx, push }, [fn]) {
       const { restoring, goingBack, preview: preview2 } = ctx.meta;
@@ -1740,28 +1753,33 @@ var novely = ({
         const active$ = store(false);
         const visible$ = store(false);
         const update = () => {
+          const lang = getLanguageFromStore(storageData);
+          const state = getStateAtCtx(ctx);
           const activeValue = !active || active({
-            lang: getLanguageFromStore(storageData),
-            state: getStateAtCtx(ctx)
+            lang,
+            state
           });
           const visibleValue = !visible || visible({
-            lang: getLanguageFromStore(storageData),
-            state: getStateAtCtx(ctx)
+            lang,
+            state
           });
           active$.set(activeValue);
           visible$.set(visibleValue);
         };
         update();
         const onSelectGuarded = onSelect || noop;
-        const onSelectWrapped = async () => {
-          await onSelectGuarded();
-          update();
+        const onSelectWrapped = () => {
+          onSelectGuarded({
+            recompute: update
+          });
         };
         const imageValue = image ? handleImageAsset(image) : "";
         return [templateReplace(content, data2), active$, visible$, onSelectWrapped, imageValue];
       });
       if (DEV3 && transformedChoices.length === 0) {
-        throw new Error(`Running choice without variants to choose from, look at how to use Choice action properly [https://novely.pages.dev/guide/actions/choice#usage]`);
+        throw new Error(
+          `Running choice without variants to choose from, look at how to use Choice action properly [https://novely.pages.dev/guide/actions/choice#usage]`
+        );
       }
       ctx.clearBlockingActions("choice");
       ctx.choices(templateReplace(question, data2), transformedChoices, (selected) => {
@@ -1816,7 +1834,7 @@ var novely = ({
         if (DEV3 && variants[val].length === 0) {
           throw new Error(`Attempt to go to empty variant "${val}"`);
         }
-        const stack = useStack(MAIN_CONTEXT_KEY);
+        const stack = useStack(ctx);
         stack.value[0].push(["condition", val], [null, 0]);
         render(ctx);
       }
@@ -1827,12 +1845,7 @@ var novely = ({
     },
     input({ ctx, data: data2, forward }, [question, onInput, setup]) {
       ctx.clearBlockingActions("input");
-      ctx.input(
-        templateReplace(question, data2),
-        onInput,
-        setup || noop,
-        forward
-      );
+      ctx.input(templateReplace(question, data2), onInput, setup || noop, forward);
     },
     custom({ ctx, push }, [fn]) {
       if (fn.requireUserAction) {
@@ -1872,7 +1885,9 @@ var novely = ({
     animateCharacter({ ctx, push }, [character, className]) {
       const classes = className.split(" ");
       if (DEV3 && classes.length === 0) {
-        throw new Error("Attempt to use AnimateCharacter without classes. Classes should be provided [https://novely.pages.dev/guide/actions/animateCharacter.html]");
+        throw new Error(
+          "Attempt to use AnimateCharacter without classes. Classes should be provided [https://novely.pages.dev/guide/actions/animateCharacter.html]"
+        );
       }
       if (ctx.meta.preview) return;
       ctx.character(character).animate(classes);
@@ -1906,7 +1921,9 @@ var novely = ({
     },
     preload({ ctx, push }, [source]) {
       if (DEV3 && preloadAssets !== "lazy") {
-        console.error(`You do not need a preload action becase "preloadAssets" strategy was set to "${preloadAssets}"`);
+        console.error(
+          `You do not need a preload action becase "preloadAssets" strategy was set to "${preloadAssets}"`
+        );
       }
       if (!ctx.meta.goingBack && !ctx.meta.restoring && !PRELOADED_ASSETS.has(source)) {
         PRELOADED_ASSETS.add(renderer.misc.preloadImage(source));
@@ -1952,21 +1969,15 @@ var novely = ({
     interacted = value ? interacted + 1 : 0;
   };
   const templateReplace = (content, values) => {
-    const { data: data2, meta: [lang] } = storageData.get();
+    const {
+      data: data2,
+      meta: [lang]
+    } = storageData.get();
     const obj = values || data2;
-    const str2 = flattenAllowedContent(
-      !isFunction(content) && !isString(content) ? content[lang] : content,
-      obj
-    );
+    const str2 = flattenAllowedContent(!isFunction(content) && !isString(content) ? content[lang] : content, obj);
     const t2 = translation[lang];
     const pluralRules = (t2.plural || t2.actions) && new Intl.PluralRules(t2.tag || lang);
-    return replace(
-      str2,
-      obj,
-      t2.plural,
-      t2.actions,
-      pluralRules
-    );
+    return replace(str2, obj, t2.plural, t2.actions, pluralRules);
   };
   const data = (value) => {
     const _data = storageData.get().data;
@@ -1990,7 +2001,9 @@ var novely = ({
   const setStorageData = (data2) => {
     if (destroyed) {
       if (DEV3) {
-        throw new Error(`function \`setStorageData\` was called after novely instance was destroyed. Data is not updater nor synced after destroy.`);
+        throw new Error(
+          `function \`setStorageData\` was called after novely instance was destroyed. Data is not updater nor synced after destroy.`
+        );
       }
       return;
     }
@@ -2050,7 +2063,7 @@ var novely = ({
      * @example
      * ```ts
      * import type { ConditionParams, StateFunction } from '@novely/core';
-       *
+     *
      * const conditionCheck = (state: StateFunction<ConditionParams<typeof engine.typeEssintials>>) => {
      *   return state.age >= 18;
      * }