@novely/core 0.45.1 → 0.46.0-next.0

package/dist/index.js

@@ -1,15 +1,64 @@
+// 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, str = Object.prototype.toString.call(x);
+  if (str === "[object Object]") {
+    tmp = Object.create(x.__proto__ || null);
+  } else if (str === "[object Array]") {
+    tmp = Array(x.length);
+  } else if (str === "[object Set]") {
+    tmp = /* @__PURE__ */ new Set();
+    x.forEach(function(val) {
+      tmp.add(klona(val));
+    });
+  } else if (str === "[object Map]") {
+    tmp = /* @__PURE__ */ new Map();
+    x.forEach(function(val, key) {
+      tmp.set(klona(key), klona(val));
+    });
+  } else if (str === "[object Date]") {
+    tmp = /* @__PURE__ */ new Date(+x);
+  } else if (str === "[object RegExp]") {
+    tmp = new RegExp(x.source, x.flags);
+  } else if (str === "[object DataView]") {
+    tmp = new x.constructor(klona(x.buffer));
+  } else if (str === "[object ArrayBuffer]") {
+    tmp = x.slice(0);
+  } else if (str.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/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,170 +94,7 @@ 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=";
-var webp = "data:image/webp;base64,UklGRjoAAABXRUJQVlA4IC4AAACyAgCdASoCAAIALmk0mk0iIiIiIgBoSygABc6WWgAA/veff/0PP8bA//LwYAAA";
-var supportsFormat = (source) => {
-  const { promise, resolve } = Promise.withResolvers();
-  const img = Object.assign(document.createElement("img"), {
-    src: source
-  });
-  img.onload = img.onerror = () => {
-    resolve(img.height === 2);
-  };
-  return promise;
-};
-var supportsMap2 = {
-  avif: false,
-  jxl: false,
-  webp: false
-};
-var formatsMap = {
-  avif,
-  jxl,
-  webp
-};
-var loadImageFormatsSupport = async () => {
-  const promises = [];
-  for (const [format, source] of Object.entries(formatsMap)) {
-    const promise = supportsFormat(source).then((supported) => {
-      supportsMap2[format] = supported;
-    });
-    promises.push(promise);
-  }
-  await Promise.all(promises);
-};
-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
-var matchAction = ({ getContext, onBeforeActionCall, push, forward }, values) => {
-  return (action, props, { ctx, data }) => {
-    const context = typeof ctx === "string" ? getContext(ctx) : ctx;
-    onBeforeActionCall({
-      action,
-      props,
-      ctx: context
-    });
-    return values[action]({
-      ctx: context,
-      data,
-      push() {
-        if (context.meta.preview) return;
-        push(context);
-      },
-      forward() {
-        if (context.meta.preview) return;
-        forward(context);
-      }
-    }, props);
-  };
-};
+// src/utilities/assertions.ts
 var isNumber = (val) => {
   return typeof val === "number";
 };
@@ -227,54 +113,13 @@ var isPromise = (val) => {
 var isEmpty = (val) => {
   return typeof val === "object" && !isNull(val) && Object.keys(val).length === 0;
 };
-var isCSSImage = (str2) => {
-  const startsWith = String.prototype.startsWith.bind(str2);
+var isCSSImageURL = (url) => {
+  const startsWith = String.prototype.startsWith.bind(url);
   return startsWith("http") || startsWith("/") || startsWith(".") || startsWith("data");
 };
-var str = String;
 var isUserRequiredAction = ([action, ...meta]) => {
   return Boolean(action === "custom" && meta[0] && meta[0].requireUserAction);
 };
-var getLanguage = (languages) => {
-  let { language } = navigator;
-  if (languages.includes(language)) {
-    return language;
-  } else if (languages.includes(language = language.slice(0, 2))) {
-    return language;
-  } else if (language = languages.find((value) => navigator.languages.includes(value))) {
-    return language;
-  }
-  return languages[0];
-};
-var createControlledPromise = () => {
-  const object = {
-    resolve: null,
-    reject: null,
-    promise: null,
-    cancel: null
-  };
-  const init = () => {
-    const promise = new Promise((resolve, reject) => {
-      object.reject = reject;
-      object.resolve = (value) => {
-        resolve({ cancelled: false, value });
-      };
-      object.cancel = () => {
-        resolve({ cancelled: true, value: null });
-        init();
-      };
-    });
-    object.promise = promise;
-  };
-  return init(), object;
-};
-var findLastPathItemBeforeItemOfType = (path, name) => {
-  const item = path.findLast(([_name, _value], i, array) => {
-    const next = array[i + 1];
-    return isNull(_name) && isNumber(_value) && next != null && next[0] === name;
-  });
-  return item;
-};
 var isBlockStatement = (statement) => {
   return BLOCK_STATEMENTS.has(statement);
 };
@@ -287,41 +132,284 @@ var isSkippedDuringRestore = (item) => {
 var isAudioAction = (action) => {
   return AUDIO_ACTIONS.has(action);
 };
-var noop = () => {
-};
 var isAction = (element) => {
   return Array.isArray(element) && isString(element[0]);
 };
-var flatActions = (item) => {
-  return item.flatMap((data) => {
-    const type = data[0];
-    if (Array.isArray(type)) return flatActions(data);
-    return [data];
-  });
-};
-var flattenStory = (story) => {
-  const entries = Object.entries(story).map(([name, items]) => {
-    return [name, flatActions(items)];
-  });
-  return Object.fromEntries(entries);
+var isImageAsset = (asset2) => {
+  return isString(asset2) && isCSSImageURL(asset2);
 };
-var isExitImpossible = (path) => {
-  const blockStatements = path.filter(([item]) => isBlockStatement(item));
-  const blockExitStatements = path.filter(([item]) => isBlockExitStatement(item));
-  if (blockStatements.length === 0 && blockExitStatements.length === 0) {
-    return true;
-  }
-  if (blockStatements.length > blockExitStatements.length) {
-    return false;
-  }
-  return !blockExitStatements.every(([name], i) => name && name.startsWith(blockStatements[i][0]));
+var isBlockingAction = (action) => {
+  return isUserRequiredAction(action) || isSkippedDuringRestore(action[0]) && action[0] !== "vibrate";
+};
+var isAsset = (suspect) => {
+  return suspect !== null && typeof suspect === "object" && "source" in suspect && "type" in suspect;
+};
+
+// src/utilities/match-action.ts
+var matchAction = (callbacks, values) => {
+  const { getContext, onBeforeActionCall, push, forward } = callbacks;
+  return (action, props, { ctx, data }) => {
+    const context = typeof ctx === "string" ? getContext(ctx) : ctx;
+    onBeforeActionCall({
+      action,
+      props,
+      ctx: context
+    });
+    return values[action](
+      {
+        ctx: context,
+        data,
+        push() {
+          if (context.meta.preview) return;
+          push(context);
+        },
+        forward() {
+          if (context.meta.preview) return;
+          forward(context);
+        }
+      },
+      props
+    );
+  };
+};
+
+// src/utilities/ungrupped.ts
+import { memoize } from "es-toolkit/function";
+import { DEV } from "esm-env";
+var getLanguage = (languages) => {
+  let { language } = navigator;
+  if (languages.includes(language)) {
+    return language;
+  } else if (languages.includes(language = language.slice(0, 2))) {
+    return language;
+  } else if (language = languages.find((value) => navigator.languages.includes(value))) {
+    return language;
+  }
+  return languages[0];
+};
+var noop = () => {
+};
+var mapSet = (set2, fn) => {
+  return [...set2].map(fn);
+};
+var capitalize = (str) => {
+  return str[0].toUpperCase() + str.slice(1);
+};
+var getIntlLanguageDisplayName = memoize((lang) => {
+  try {
+    const intl = new Intl.DisplayNames([lang], {
+      type: "language"
+    });
+    return intl.of(lang) || lang;
+  } catch {
+    return lang;
+  }
+});
+var unwrapAsset = (asset2) => {
+  return isAsset(asset2) ? asset2.source : asset2;
+};
+var handleAudioAsset = (asset2) => {
+  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 (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);
+};
+var getCharactersData = (characters) => {
+  const entries = Object.entries(characters);
+  const mapped = entries.map(([key, value]) => [key, { name: value.name, emotions: Object.keys(value.emotions) }]);
+  return Object.fromEntries(mapped);
+};
+var toArray = (target) => {
+  return Array.isArray(target) ? target : [target];
+};
+var getLanguageFromStore = (store2) => {
+  return store2.get().meta[0];
+};
+var getVolumeFromStore = (store2) => {
+  const { meta } = store2.get();
+  return {
+    music: meta[2],
+    sound: meta[3],
+    voice: meta[4]
+  };
+};
+
+// src/utilities/actions-processing.ts
+var isExitImpossible = (path) => {
+  const blockStatements = path.filter(([item]) => isBlockStatement(item));
+  const blockExitStatements = path.filter(([item]) => isBlockExitStatement(item));
+  if (blockStatements.length === 0 && blockExitStatements.length === 0) {
+    return true;
+  }
+  if (blockStatements.length > blockExitStatements.length) {
+    return false;
+  }
+  return !blockExitStatements.every(([name], i) => name && name.startsWith(blockStatements[i][0]));
+};
+var createReferFunction = (story) => {
+  const refer = (path) => {
+    let current = story;
+    let precurrent = story;
+    const blocks = [];
+    for (const [type, val] of path) {
+      if (type === "jump") {
+        precurrent = story;
+        current = current[val];
+      } else if (type === null) {
+        precurrent = current;
+        current = current[val];
+      } else if (type === "choice") {
+        blocks.push(precurrent);
+        current = current[val + 1][1];
+      } else if (type === "condition") {
+        blocks.push(precurrent);
+        current = current[2][val];
+      } else if (type === "block") {
+        blocks.push(precurrent);
+        current = story[val];
+      } else if (type === "block:exit" || type === "choice:exit" || type === "condition:exit") {
+        current = blocks.pop();
+      }
+    }
+    return current;
+  };
+  return refer;
+};
+var exitPath = ({ path, refer, onExitImpossible }) => {
+  const last = path.at(-1);
+  const ignore = [];
+  let wasExitImpossible = false;
+  if (!isAction(refer(path))) {
+    if (last && isNull(last[0]) && isNumber(last[1])) {
+      last[1]--;
+    } else {
+      path.pop();
+    }
+  }
+  if (isExitImpossible(path)) {
+    const referred = refer(path);
+    if (isAction(referred) && isSkippedDuringRestore(referred[0])) {
+      onExitImpossible?.();
+    }
+    wasExitImpossible = true;
+    return {
+      exitImpossible: wasExitImpossible
+    };
+  }
+  for (let i = path.length - 1; i > 0; i--) {
+    const [name] = path[i];
+    if (isBlockExitStatement(name)) {
+      ignore.push(name);
+    }
+    if (!isBlockStatement(name)) continue;
+    if (ignore.at(-1)?.startsWith(name)) {
+      ignore.pop();
+      continue;
+    }
+    path.push([`${name}:exit`]);
+    const prev = findLastPathItemBeforeItemOfType(path.slice(0, i + 1), name);
+    if (prev) path.push([null, prev[1] + 1]);
+    if (!isAction(refer(path))) {
+      path.pop();
+      continue;
+    }
+    break;
+  }
+  return {
+    exitImpossible: wasExitImpossible
+  };
+};
+var nextPath = (path) => {
+  const last = path.at(-1);
+  if (last && (isNull(last[0]) || last[0] === "jump") && isNumber(last[1])) {
+    last[1]++;
+  } else {
+    path.push([null, 0]);
+  }
+  return path;
+};
+var collectActionsBeforeBlockingAction = ({ path, refer, clone }) => {
+  const collection = [];
+  let action = refer(path);
+  while (true) {
+    if (action == void 0) {
+      const { exitImpossible } = exitPath({
+        path,
+        refer
+      });
+      if (exitImpossible) {
+        break;
+      }
+    }
+    if (!action) {
+      break;
+    }
+    if (isBlockingAction(action)) {
+      const [name, ...props] = action;
+      if (name === "choice") {
+        const choiceProps = props;
+        for (let i = 0; i < choiceProps.length; i++) {
+          const branchContent = choiceProps[i];
+          if (!Array.isArray(branchContent)) continue;
+          const virtualPath = clone(path);
+          virtualPath.push(["choice", i], [null, 0]);
+          const innerActions = collectActionsBeforeBlockingAction({
+            path: virtualPath,
+            refer,
+            clone
+          });
+          collection.push(...innerActions);
+        }
+      } else if (name === "condition") {
+        const conditionProps = props;
+        const conditions = Object.keys(conditionProps[1]);
+        for (const condition of conditions) {
+          const virtualPath = clone(path);
+          virtualPath.push(["condition", condition], [null, 0]);
+          const innerActions = collectActionsBeforeBlockingAction({
+            path: virtualPath,
+            refer,
+            clone
+          });
+          collection.push(...innerActions);
+        }
+      }
+      break;
+    }
+    collection.push(action);
+    if (action[0] === "jump") {
+      path = [
+        ["jump", action[1]],
+        [null, 0]
+      ];
+    } else if (action[0] == "block") {
+      path.push(["block", action[1]], [null, 0]);
+    } else {
+      nextPath(path);
+    }
+    action = refer(path);
+  }
+  return collection;
+};
+var findLastPathItemBeforeItemOfType = (path, name) => {
+  const item = path.findLast(([_name, _value], i, array) => {
+    const next = array[i + 1];
+    return isNull(_name) && isNumber(_value) && next != null && next[0] === name;
+  });
+  return item;
 };
 var getOppositeAction = (action) => {
   const MAP = {
-    "showCharacter": "hideCharacter",
-    "playSound": "stopSound",
-    "playMusic": "stopMusic",
-    "voice": "stopVoice"
+    showCharacter: "hideCharacter",
+    playSound: "stopSound",
+    playMusic: "stopMusic",
+    voice: "stopVoice"
   };
   return MAP[action];
 };
@@ -421,7 +509,7 @@ var createQueueProcessor = (queue, options) => {
             const c1 = fn;
             const isIdenticalID = Boolean(c0.id && c1.id && c0.id === c1.id);
             const isIdenticalByReference = c0 === c1;
-            return isIdenticalID || isIdenticalByReference || str(c0) === str(c1);
+            return isIdenticalID || isIdenticalByReference || String(c0) === String(c1);
           });
           if (notLatest) continue;
         } else if ("skipOnRestore" in fn && fn.skipOnRestore) {
@@ -488,53 +576,34 @@ var createQueueProcessor = (queue, options) => {
     }
   };
 };
-var getStack = memoize2(
-  (_) => {
-    return [];
-  },
-  {
-    cache: STACK_MAP,
-    getCacheKey: (ctx) => ctx.id
-  }
-);
-var createUseStackFunction = (renderer) => {
-  const useStack = (context) => {
-    const ctx = typeof context === "string" ? renderer.getContext(context) : context;
-    const stack = getStack(ctx);
-    return {
-      get previous() {
-        return stack.previous;
-      },
-      get value() {
-        return stack.at(-1);
-      },
-      set value(value) {
-        stack[stack.length - 1] = value;
-      },
-      back() {
-        if (stack.length > 1) {
-          stack.previous = stack.pop();
-          ctx.meta.goingBack = true;
-        }
-      },
-      push(value) {
-        stack.push(value);
-      },
-      clear() {
-        stack.previous = void 0;
-        stack.length = 0;
-        stack.length = 1;
-      }
-    };
+
+// src/utilities/controlled-promise.ts
+var createControlledPromise = () => {
+  const object = {
+    resolve: null,
+    reject: null,
+    promise: null,
+    cancel: null
   };
-  return useStack;
-};
-var mapSet = (set2, fn) => {
-  return [...set2].map(fn);
-};
-var isImageAsset = (asset2) => {
-  return isString(asset2) && isCSSImage(asset2);
+  const init = () => {
+    const promise = new Promise((resolve, reject) => {
+      object.reject = reject;
+      object.resolve = (value) => {
+        resolve({ cancelled: false, value });
+      };
+      object.cancel = () => {
+        resolve({ cancelled: true, value: null });
+        init();
+      };
+    });
+    object.promise = promise;
+  };
+  return init(), object;
 };
+
+// src/utilities/resources.ts
+import { memoize as memoize2 } from "es-toolkit/function";
+import { DEV as DEV2 } from "esm-env";
 var getUrlFileExtension = (address) => {
   try {
     const { pathname } = new URL(address, location.href);
@@ -561,7 +630,7 @@ var fetchContentType = async (url, request) => {
 };
 var getResourseType = memoize2(
   async ({ url, request }) => {
-    if (!isCSSImage(url)) {
+    if (!isCSSImageURL(url)) {
       return "other";
     }
     const extension = getUrlFileExtension(url);
@@ -584,313 +653,88 @@ var getResourseType = memoize2(
     getCacheKey: ({ url }) => url
   }
 );
-var capitalize = (str2) => {
-  return str2[0].toUpperCase() + str2.slice(1);
-};
-var getIntlLanguageDisplayName = memoize2((lang) => {
-  try {
-    const intl = new Intl.DisplayNames([lang], {
-      type: "language"
-    });
-    return intl.of(lang) || lang;
-  } catch {
-    return lang;
-  }
-});
-var createReferFunction = (story) => {
-  const refer = (path) => {
-    let current = story;
-    let precurrent = story;
-    const blocks = [];
-    for (const [type, val] of path) {
-      if (type === "jump") {
-        precurrent = story;
-        current = current[val];
-      } else if (type === null) {
-        precurrent = current;
-        current = current[val];
-      } else if (type === "choice") {
-        blocks.push(precurrent);
-        current = current[val + 1][1];
-      } else if (type === "condition") {
-        blocks.push(precurrent);
-        current = current[2][val];
-      } else if (type === "block") {
-        blocks.push(precurrent);
-        current = story[val];
-      } else if (type === "block:exit" || type === "choice:exit" || type === "condition:exit") {
-        current = blocks.pop();
-      }
-    }
-    return current;
-  };
-  return refer;
-};
-var exitPath = ({ path, refer, onExitImpossible }) => {
-  const last = path.at(-1);
-  const ignore = [];
-  let wasExitImpossible = false;
-  if (!isAction(refer(path))) {
-    if (last && isNull(last[0]) && isNumber(last[1])) {
-      last[1]--;
-    } else {
-      path.pop();
-    }
+
+// src/utilities/stack.ts
+import { memoize as memoize3 } from "es-toolkit/function";
+
+// 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/utilities/stack.ts
+var getStack = memoize3(
+  (_) => {
+    return [];
+  },
+  {
+    cache: STACK_MAP,
+    getCacheKey: (ctx) => ctx.id
   }
-  if (isExitImpossible(path)) {
-    const referred = refer(path);
-    if (isAction(referred) && isSkippedDuringRestore(referred[0])) {
-      onExitImpossible?.();
-    }
-    wasExitImpossible = true;
+);
+var createUseStackFunction = (renderer) => {
+  const useStack = (context) => {
+    const ctx = typeof context === "string" ? renderer.getContext(context) : context;
+    const stack = getStack(ctx);
     return {
-      exitImpossible: wasExitImpossible
-    };
-  }
-  for (let i = path.length - 1; i > 0; i--) {
-    const [name] = path[i];
-    if (isBlockExitStatement(name)) {
-      ignore.push(name);
-    }
-    if (!isBlockStatement(name)) continue;
-    if (ignore.at(-1)?.startsWith(name)) {
-      ignore.pop();
-      continue;
-    }
-    path.push([`${name}:exit`]);
-    const prev = findLastPathItemBeforeItemOfType(path.slice(0, i + 1), name);
-    if (prev) path.push([null, prev[1] + 1]);
-    if (!isAction(refer(path))) {
-      path.pop();
-      continue;
-    }
-    break;
-  }
-  return {
-    exitImpossible: wasExitImpossible
-  };
-};
-var nextPath = (path) => {
-  const last = path.at(-1);
-  if (last && (isNull(last[0]) || last[0] === "jump") && isNumber(last[1])) {
-    last[1]++;
-  } else {
-    path.push([null, 0]);
-  }
-  return path;
-};
-var isBlockingAction = (action) => {
-  return isUserRequiredAction(action) || isSkippedDuringRestore(action[0]) && action[0] !== "vibrate";
-};
-var collectActionsBeforeBlockingAction = ({ path, refer, clone }) => {
-  const collection = [];
-  let action = refer(path);
-  while (true) {
-    if (action == void 0) {
-      const { exitImpossible } = exitPath({
-        path,
-        refer
-      });
-      if (exitImpossible) {
-        break;
-      }
-    }
-    if (!action) {
-      break;
-    }
-    if (isBlockingAction(action)) {
-      const [name, ...props] = action;
-      if (name === "choice") {
-        const choiceProps = props;
-        for (let i = 0; i < choiceProps.length; i++) {
-          const branchContent = choiceProps[i];
-          if (!Array.isArray(branchContent)) continue;
-          const virtualPath = clone(path);
-          virtualPath.push(["choice", i], [null, 0]);
-          const innerActions = collectActionsBeforeBlockingAction({
-            path: virtualPath,
-            refer,
-            clone
-          });
-          collection.push(...innerActions);
-        }
-      } else if (name === "condition") {
-        const conditionProps = props;
-        const conditions = Object.keys(conditionProps[1]);
-        for (const condition of conditions) {
-          const virtualPath = clone(path);
-          virtualPath.push(["condition", condition], [null, 0]);
-          const innerActions = collectActionsBeforeBlockingAction({
-            path: virtualPath,
-            refer,
-            clone
-          });
-          collection.push(...innerActions);
+      get previous() {
+        return stack.previous;
+      },
+      get value() {
+        return stack.at(-1);
+      },
+      set value(value) {
+        stack[stack.length - 1] = value;
+      },
+      back() {
+        if (stack.length > 1) {
+          stack.previous = stack.pop();
+          ctx.meta.goingBack = true;
         }
+      },
+      push(value) {
+        stack.push(value);
+      },
+      clear() {
+        stack.previous = void 0;
+        stack.length = 0;
+        stack.length = 1;
       }
-      break;
-    }
-    collection.push(action);
-    if (action[0] === "jump") {
-      path = [["jump", action[1]], [null, 0]];
-    } else if (action[0] == "block") {
-      path.push(["block", action[1]], [null, 0]);
-    } else {
-      nextPath(path);
-    }
-    action = refer(path);
-  }
-  return collection;
-};
-var unwrapAsset = (asset2) => {
-  return isAsset(asset2) ? asset2.source : asset2;
-};
-var handleAudioAsset = (asset2) => {
-  if (DEV2 && 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") {
-    throw new Error("Attempt to use non-image asset in action that requires image assets", { cause: asset2 });
-  }
-  return unwrapAsset(asset2);
-};
-var getCharactersData = (characters) => {
-  const entries = Object.entries(characters);
-  const mapped = entries.map(([key, value]) => [key, { name: value.name, emotions: Object.keys(value.emotions) }]);
-  return Object.fromEntries(mapped);
-};
-var toArray = (target) => {
-  return Array.isArray(target) ? target : [target];
-};
-var getLanguageFromStore = (store2) => {
-  return store2.get().meta[0];
-};
-var getVolumeFromStore = (store2) => {
-  const { meta } = store2.get();
-  return {
-    music: meta[2],
-    sound: meta[3],
-    voice: meta[4]
-  };
-};
-
-// 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 };
+  return useStack;
 };
 
-// ../../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/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;
+// src/utilities/story.ts
+var flatActions = (item) => {
+  return item.flatMap((data) => {
+    const type = data[0];
+    if (Array.isArray(type)) return flatActions(data);
+    return [data];
+  });
 };
-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 flatStory = (story) => {
+  const entries = Object.entries(story).map(([name, items]) => {
+    return [name, flatActions(items)];
+  });
+  return Object.fromEntries(entries);
 };
-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)];
+
+// 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 +777,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) {
@@ -952,76 +798,40 @@ var handleCustomAction = (ctx, fn, { lang, state, setMountElement, setClear, rem
     renderersRemove();
   };
   const stack = getStack2(ctx);
-  const getPath = () => {
-    return stack.value[0];
-  };
-  return fn({
-    flags,
-    lang,
-    state,
-    data,
-    clear,
-    remove,
-    rendererContext: ctx,
-    getDomNodes,
-    getPath,
-    contextKey: ctx.id
-  });
-};
-
-// 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);
+  const getPath = () => {
+    return stack.value[0];
   };
+  return fn({
+    flags,
+    lang,
+    state,
+    data,
+    clear,
+    remove,
+    rendererContext: ctx,
+    getDomNodes,
+    getPath,
+    contextKey: ctx.id
+  });
 };
 
-// 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 +906,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,10 +916,95 @@ 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
@@ -1150,7 +1045,7 @@ var novely = ({
   };
   const scriptBase = async (part) => {
     if (destroyed) return;
-    Object.assign(story, flattenStory(part));
+    Object.assign(story, flatStory(part));
     let loadingIsShown = false;
     if (!initialScreenWasShown) {
       renderer.ui.showLoading();
@@ -1229,7 +1124,8 @@ var novely = ({
         [null, 0]
       ],
       state,
-      [intime(Date.now()), "auto"]
+      [intime(Date.now()), "auto"],
+      []
     ];
   };
   const getLanguageWithoutParameters = () => {
@@ -1238,7 +1134,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 +1252,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 +1274,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 +1327,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 +1425,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));
   };
@@ -1539,6 +1446,61 @@ var novely = ({
   const getCharacterAssets = (character, emotion) => {
     return toArray(characters[character].emotions[emotion]).map(handleImageAsset);
   };
+  const getCharacterName = (character) => {
+    const c = character;
+    const cs = characters;
+    const [lang] = storageData.get().meta;
+    if (c && c in cs) {
+      const block = cs[c].name;
+      if (typeof block === "string") {
+        return block;
+      }
+      if (lang in block) {
+        return block[lang];
+      }
+    }
+    return String(c) || "";
+  };
+  const getDialogOverview = () => {
+    const { value: save2 } = useStack(MAIN_CONTEXT_KEY);
+    const stateSnapshots = save2[3];
+    const { queue } = getActionsFromPath(story, save2[0], false);
+    const [lang] = storageData.get().meta;
+    const dialogItem = [];
+    for (let p = 0, i = 0; i < queue.length; i++) {
+      const action2 = queue[i];
+      if (action2[0] === "dialog") {
+        const [_, name, text] = action2;
+        let voice = void 0;
+        for (let j = i - 1; j > p; j--) {
+          const action3 = queue[j];
+          if (isUserRequiredAction(action3) || isSkippedDuringRestore(action3[0])) break;
+          if (action3[0] === "stopVoice") break;
+          if (action3[0] === "voice") {
+            voice = action3[1];
+            break;
+          }
+        }
+        dialogItem.push({
+          name,
+          text,
+          voice
+        });
+        p = i;
+      }
+    }
+    const entries = dialogItem.map(({ name, text, voice }, i) => {
+      const state = stateSnapshots[i];
+      const audioSource = isString(voice) ? voice : isAsset(voice) ? voice : voice == void 0 ? voice : voice[lang];
+      name = name ? getCharacterName(name) : "";
+      return {
+        name: templateReplace(name, state),
+        text: templateReplace(text, state),
+        voice: audioSource ? handleAudioAsset(audioSource) : ""
+      };
+    });
+    return entries;
+  };
   const renderer = createRenderer({
     mainContextKey: MAIN_CONTEXT_KEY,
     characters: getCharactersData(characters),
@@ -1560,6 +1522,7 @@ var novely = ({
     getLanguageDisplayName,
     getCharacterColor,
     getCharacterAssets,
+    getDialogOverview,
     getResourseType: getResourseTypeForRenderer
   });
   const useStack = createUseStackFunction(renderer);
@@ -1622,17 +1585,19 @@ var novely = ({
     }
   };
   const match = matchAction(matchActionOptions, {
-    wait({ ctx, push }, [time]) {
+    wait({ ctx, data: data2, push }, [time]) {
       if (ctx.meta.restoring) return;
-      setTimeout(push, isFunction(time) ? time(getStateAtCtx(ctx)) : time);
+      setTimeout(push, isFunction(time) ? time(data2) : time);
     },
     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();
     },
@@ -1692,29 +1657,13 @@ var novely = ({
       ctx.character(character).remove(className, style, duration, ctx.meta.restoring).then(push);
     },
     dialog({ ctx, data: data2, forward }, [character, content, emotion]) {
-      const name = (() => {
-        const c = character;
-        const cs = characters;
-        const [lang] = storageData.get().meta;
-        if (c && c in cs) {
-          const block = cs[c].name;
-          if (typeof block === "string") {
-            return block;
-          }
-          if (lang in block) {
-            return block[lang];
-          }
-        }
-        return c || "";
-      })();
+      const name = getCharacterName(character);
+      const stack = useStack(ctx);
+      if (!ctx.meta.restoring && !ctx.meta.goingBack) {
+        stack.value[3].push(clone(data2));
+      }
       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;
@@ -1739,19 +1688,19 @@ var novely = ({
       const transformedChoices = choices.map(([content, _children, active, visible, onSelect, image]) => {
         const active$ = store(false);
         const visible$ = store(false);
-        const update = () => {
-          const lang = getLanguageFromStore(storageData);
-          const state = getStateAtCtx(ctx);
-          const activeValue = !active || active({
-            lang,
-            state
-          });
-          const visibleValue = !visible || visible({
+        const lang = getLanguageFromStore(storageData);
+        const getCheckValue = (fn) => {
+          if (!fn) {
+            return true;
+          }
+          return fn({
             lang,
-            state
+            state: getStateAtCtx(ctx)
           });
-          active$.set(activeValue);
-          visible$.set(visibleValue);
+        };
+        const update = () => {
+          active$.set(getCheckValue(active));
+          visible$.set(getCheckValue(visible));
         };
         update();
         const onSelectGuarded = onSelect || noop;
@@ -1764,7 +1713,9 @@ var novely = ({
         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) => {
@@ -1793,6 +1744,7 @@ var novely = ({
         ["jump", scene],
         [null, -1]
       ];
+      stack.value[3] = [];
       match("clear", [], {
         ctx,
         data: data2
@@ -1807,19 +1759,19 @@ var novely = ({
         push
       );
     },
-    condition({ ctx }, [condition, variants]) {
+    condition({ ctx, data: data2 }, [condition, variants]) {
       if (DEV3 && Object.values(variants).length === 0) {
         throw new Error(`Attempt to use Condition action with empty variants object`);
       }
       if (!ctx.meta.restoring) {
-        const val = String(condition(getStateAtCtx(ctx)));
+        const val = String(condition(data2));
         if (DEV3 && !variants[val]) {
           throw new Error(`Attempt to go to unknown variant "${val}"`);
         }
         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);
       }
@@ -1830,12 +1782,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) {
@@ -1875,7 +1822,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);
@@ -1909,7 +1858,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));
@@ -1932,22 +1883,23 @@ var novely = ({
   });
   const render = (ctx) => {
     const stack = useStack(ctx);
-    const referred = refer(stack.value[0]);
+    const [path, state] = stack.value;
+    const referred = refer(path);
     if (isAction(referred)) {
       const [action2, ...props] = referred;
       match(action2, props, {
         ctx,
-        data: stack.value[1]
+        data: state
       });
     } else if (Object.values(story).some((branch) => branch === referred)) {
       match("end", [], {
         ctx,
-        data: stack.value[1]
+        data: state
       });
     } else {
       match("exit", [], {
         ctx,
-        data: stack.value[1]
+        data: state
       });
     }
   };
@@ -1955,21 +1907,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 str = 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(str, obj, t2.plural, t2.actions, pluralRules);
   };
   const data = (value) => {
     const _data = storageData.get().data;
@@ -1993,7 +1939,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;
     }
@@ -2053,7 +2001,7 @@ var novely = ({
      * @example
      * ```ts
      * import type { ConditionParams, StateFunction } from '@novely/core';
-       *
+     *
      * const conditionCheck = (state: StateFunction<ConditionParams<typeof engine.typeEssintials>>) => {
      *   return state.age >= 18;
      * }
@@ -2164,7 +2112,9 @@ var RU = {
   CloseMenu: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C \u043C\u0435\u043D\u044E",
   MusicVolume: "\u0413\u0440\u043E\u043C\u043A\u043E\u0441\u0442\u044C \u043C\u0443\u0437\u044B\u043A\u0438",
   SoundVolume: "\u0413\u0440\u043E\u043C\u043A\u043E\u0441\u0442\u044C \u0437\u0432\u0443\u043A\u043E\u0432",
-  VoiceVolume: "\u0413\u0440\u043E\u043C\u043A\u043E\u0441\u0442\u044C \u0440\u0435\u0447\u0438"
+  VoiceVolume: "\u0413\u0440\u043E\u043C\u043A\u043E\u0441\u0442\u044C \u0440\u0435\u0447\u0438",
+  Close: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C",
+  DialogOverview: "\u041E\u0431\u0437\u043E\u0440 \u0434\u0438\u0430\u043B\u043E\u0433\u0430"
 };
 var EN = {
   NewGame: "New Game",
@@ -2200,7 +2150,9 @@ var EN = {
   CloseMenu: "Close menu",
   MusicVolume: "Music volume",
   SoundVolume: "Sound volume",
-  VoiceVolume: "Voice volume"
+  VoiceVolume: "Voice volume",
+  Close: "Close",
+  DialogOverview: "Dialog Overview"
 };
 var KK = {
   NewGame: "\u0416\u0430\u04A3\u0430 \u043E\u0439\u044B\u043D",
@@ -2236,7 +2188,9 @@ var KK = {
   CloseMenu: "\u041C\u04D9\u0437\u0456\u0440\u0434\u0456 \u0436\u0430\u0431\u0443",
   MusicVolume: "\u041C\u0443\u0437\u044B\u043A\u0430\u043D\u044B\u04A3 \u043A\u04E9\u043B\u0435\u043C\u0456",
   SoundVolume: "\u0414\u044B\u0431\u044B\u0441\u0442\u0430\u0440\u0434\u044B\u04A3 \u043A\u04E9\u043B\u0435\u043C\u0456",
-  VoiceVolume: "\u0421\u04E9\u0439\u043B\u0435\u0443 \u043A\u04E9\u043B\u0435\u043C\u0456"
+  VoiceVolume: "\u0421\u04E9\u0439\u043B\u0435\u0443 \u043A\u04E9\u043B\u0435\u043C\u0456",
+  Close: "\u0416\u0430\u0431\u0443",
+  DialogOverview: "\u0414\u0438\u0430\u043B\u043E\u0433\u049B\u0430 \u0428\u043E\u043B\u0443"
 };
 var JP = {
   NewGame: "\u300C\u65B0\u3057\u3044\u30B2\u30FC\u30E0\u300D",
@@ -2272,7 +2226,137 @@ var JP = {
   CloseMenu: "\u30E1\u30CB\u30E5\u30FC\u3092\u9589\u3058\u308B",
   MusicVolume: "\u97F3\u697D\u306E\u30DC\u30EA\u30E5\u30FC\u30E0",
   SoundVolume: "\u97F3\u91CF",
-  VoiceVolume: "\u30B9\u30D4\u30FC\u30C1\u306E\u91CF"
+  VoiceVolume: "\u30B9\u30D4\u30FC\u30C1\u306E\u91CF",
+  Close: "\u9589\u3058\u308B",
+  DialogOverview: "\u30C0\u30A4\u30A2\u30ED\u30B0\u306E\u6982\u8981"
+};
+
+// src/asset.ts
+import { memoize as memoize4, once } from "es-toolkit/function";
+import { DEV as DEV4 } from "esm-env";
+
+// src/audio-codecs.ts
+var cut = (str) => str.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=";
+var webp = "data:image/webp;base64,UklGRjoAAABXRUJQVlA4IC4AAACyAgCdASoCAAIALmk0mk0iIiIiIgBoSygABc6WWgAA/veff/0PP8bA//LwYAAA";
+var supportsFormat = (source) => {
+  const { promise, resolve } = Promise.withResolvers();
+  const img = Object.assign(document.createElement("img"), {
+    src: source
+  });
+  img.onload = img.onerror = () => {
+    resolve(img.height === 2);
+  };
+  return promise;
+};
+var supportsMap2 = {
+  avif: false,
+  jxl: false,
+  webp: false
+};
+var formatsMap = {
+  avif,
+  jxl,
+  webp
+};
+var loadImageFormatsSupport = async () => {
+  const promises = [];
+  for (const [format, source] of Object.entries(formatsMap)) {
+    const promise = supportsFormat(source).then((supported) => {
+      supportsMap2[format] = supported;
+    });
+    promises.push(promise);
+  }
+  await Promise.all(promises);
+};
+loadImageFormatsSupport();
+
+// src/asset.ts
+var getType = memoize4(
+  (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 = memoize4(
+  (variants) => {
+    if (DEV4 && 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 (DEV4) {
+        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);
 };
 export {
   EN,