@novely/core 0.49.0 → 0.51.0

package/dist/index.js

@@ -1,6 +1,31 @@
+// ../../node_modules/.pnpm/dequal@2.0.3/node_modules/dequal/lite/index.mjs
+var has = Object.prototype.hasOwnProperty;
+function dequal(foo, bar) {
+  var ctor, len;
+  if (foo === bar) return true;
+  if (foo && bar && (ctor = foo.constructor) === bar.constructor) {
+    if (ctor === Date) return foo.getTime() === bar.getTime();
+    if (ctor === RegExp) return foo.toString() === bar.toString();
+    if (ctor === Array) {
+      if ((len = foo.length) === bar.length) {
+        while (len-- && dequal(foo[len], bar[len])) ;
+      }
+      return len === -1;
+    }
+    if (!ctor || typeof foo === "object") {
+      len = 0;
+      for (ctor in foo) {
+        if (has.call(foo, ctor) && ++len && !has.call(bar, ctor)) return false;
+        if (!(ctor in bar) || !dequal(foo[ctor], bar[ctor])) return false;
+      }
+      return Object.keys(bar).length === len;
+    }
+  }
+  return foo !== foo && bar !== bar;
+}
+
 // src/novely.ts
-import { dequal } from "dequal/lite";
-import { memoize as memoize4, throttle } from "es-toolkit/function";
+import { memoize as memoize5, throttle } from "es-toolkit/function";
 import { merge as deepmerge } from "es-toolkit/object";
 import { DEV as DEV5 } from "esm-env";
 
@@ -94,6 +119,12 @@ 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/utilities/assertions.ts
 var isNumber = (val) => {
   return typeof val === "number";
@@ -177,72 +208,174 @@ var matchAction = (callbacks, values) => {
   };
 };
 
-// src/utilities/ungrupped.ts
-import { memoize } from "es-toolkit/function";
+// src/asset.ts
+import { memoize, once } 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];
+
+// 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;")
 };
-var noop = () => {
+
+// 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 mapSet = (set2, fn) => {
-  return [...set2].map(fn);
+var supportsMap2 = {
+  avif: false,
+  jxl: false,
+  webp: false
 };
-var capitalize = (str) => {
-  return str[0].toUpperCase() + str.slice(1);
+var formatsMap = {
+  avif,
+  jxl,
+  webp
 };
-var getIntlLanguageDisplayName = memoize((lang) => {
-  try {
-    const intl = new Intl.DisplayNames([lang], {
-      type: "language"
+var loadImageFormatsSupport = async () => {
+  const promises = [];
+  for (const [format, source] of Object.entries(formatsMap)) {
+    const promise = supportsFormat(source).then((supported) => {
+      supportsMap2[format] = supported;
     });
-    return intl.of(lang) || lang;
-  } catch {
-    return lang;
+    promises.push(promise);
   }
-});
+  await Promise.all(promises);
+};
+loadImageFormatsSupport();
+
+// src/asset.ts
+var generateRandomId = () => Math.random().toString(36);
+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;
+      },
+      id: generateRandomId()
+    };
+  },
+  {
+    getCacheKey: (variants) => variants.join("~")
+  }
+);
+var asset = (...variants) => {
+  return assetPrivate(variants);
+};
+asset.image = (source) => {
+  if (assetPrivate.cache.has(source)) {
+    return assetPrivate.cache.get(source);
+  }
+  const asset2 = {
+    type: "image",
+    source,
+    id: generateRandomId()
+  };
+  assetPrivate.cache.set(source, asset2);
+  return asset2;
+};
+asset.audio = (source) => {
+  if (assetPrivate.cache.has(source)) {
+    return assetPrivate.cache.get(source);
+  }
+  const asset2 = {
+    type: "audio",
+    source,
+    id: generateRandomId()
+  };
+  assetPrivate.cache.set(source, asset2);
+  return asset2;
+};
 var unwrapAsset = (asset2) => {
   return isAsset(asset2) ? asset2.source : asset2;
 };
-var handleAudioAsset = (asset2) => {
+var unwrapAudioAsset = (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) => {
+var unwrapImageAsset = (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
 import { DEV as DEV2 } from "esm-env";
@@ -704,14 +837,6 @@ var getResourseType = memoize2(
 
 // 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 [];
@@ -767,19 +892,104 @@ var flatStory = (story) => {
   return story;
 };
 
-// src/browser.ts
-var setupBrowserVisibilityChangeListeners = ({ onChange }) => {
-  if (typeof document === "undefined") return noop;
-  const onVisibilityChange = () => {
-    if (document.visibilityState === "hidden") {
-      onChange();
+// src/utilities/internationalization.ts
+import { memoize as memoize4 } from "es-toolkit/function";
+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 getIntlLanguageDisplayName = memoize4((lang) => {
+  try {
+    const intl = new Intl.DisplayNames([lang], {
+      type: "language"
+    });
+    return intl.of(lang) || lang;
+  } catch {
+    return lang;
+  }
+});
+var capitalize = (str) => {
+  return str[0].toUpperCase() + str.slice(1);
+};
+
+// src/utilities/functions.ts
+var noop = () => {
+};
+
+// src/utilities/store.ts
+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/array.ts
+var mapSet = (set2, fn) => {
+  return [...set2].map(fn);
+};
+var toArray = (target) => {
+  return Array.isArray(target) ? target : [target];
+};
+
+// src/utilities/else.ts
+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);
+};
+
+// 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 };
+};
+var derive = (input, map) => {
+  return {
+    get: () => map(input.get()),
+    subscribe: (subscriber) => {
+      return input.subscribe((value) => {
+        return subscriber(map(value));
+      });
     }
   };
-  addEventListener("visibilitychange", onVisibilityChange);
-  addEventListener("beforeunload", onChange);
-  return () => {
-    removeEventListener("visibilitychange", onVisibilityChange);
-    removeEventListener("beforeunload", onChange);
+};
+var immutable = (value) => {
+  return {
+    get: () => value,
+    subscribe: (subscriber) => {
+      subscriber(value);
+      return noop;
+    }
   };
 };
 
@@ -810,7 +1020,8 @@ var handleCustomAction = (ctx, fn, {
   setClear,
   remove: renderersRemove,
   getStack: getStack2,
-  templateReplace
+  templateReplace,
+  paused
 }) => {
   const holder = getCustomActionHolder(ctx, fn);
   const flags = {
@@ -866,7 +1077,8 @@ var handleCustomAction = (ctx, fn, {
     rendererContext: ctx,
     getDomNodes,
     getPath,
-    contextKey: ctx.id
+    contextKey: ctx.id,
+    paused: flags.preview ? immutable(false) : paused
   });
 };
 
@@ -910,17 +1122,17 @@ var handleAssetsPreloading = async ({
   await Promise.allSettled(list);
   ASSETS_TO_PRELOAD.clear();
 };
-var huntAssets = ({ volume, lang, mode, characters, action, props, handle }) => {
+var huntAssets = ({ volume, lang, characters, action, props, handle }) => {
   if (action === "showBackground") {
     if (isString(props[0])) {
-      handle(handleAudioAsset(props[0]));
+      handle(unwrapAudioAsset(props[0]));
     }
     if (props[0] && typeof props[0] === "object") {
       for (const value of Object.values(props[0])) {
         if (isImageAsset(value)) {
           handle(value);
         } else if (isAsset(value)) {
-          const unwrapped = handleImageAsset(value);
+          const unwrapped = unwrapImageAsset(value);
           if (isImageAsset(unwrapped)) {
             handle(unwrapped);
           }
@@ -937,7 +1149,7 @@ var huntAssets = ({ volume, lang, mode, characters, action, props, handle }) =>
   };
   if (isAudioAction(action) && isString(props[0])) {
     if (getVolumeFor(action) > 0) {
-      handle(handleAudioAsset(props[0]));
+      handle(unwrapAudioAsset(props[0]));
     }
     return;
   }
@@ -946,10 +1158,8 @@ var huntAssets = ({ volume, lang, mode, characters, action, props, handle }) =>
       return;
     }
     for (const [language, value] of Object.entries(props[0])) {
-      if (mode === "blocking") {
-        value && handle(handleAudioAsset(value));
-      } else if (language === lang) {
-        value && handle(handleAudioAsset(value));
+      if (language === lang) {
+        value && handle(unwrapAudioAsset(value));
       }
     }
     return;
@@ -957,7 +1167,7 @@ var huntAssets = ({ volume, lang, mode, characters, action, props, handle }) =>
   if (action === "showCharacter" && isString(props[0]) && isString(props[1])) {
     const images = toArray(characters[props[0]].emotions[props[1]]);
     for (const asset2 of images) {
-      handle(handleImageAsset(asset2));
+      handle(unwrapImageAsset(asset2));
     }
     return;
   }
@@ -971,7 +1181,7 @@ 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[5]));
+        handle(unwrapImageAsset(data[5]));
       }
     }
   }
@@ -998,29 +1208,6 @@ var localStorageStorage = (options) => {
   };
 };
 
-// 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) => {
@@ -1068,9 +1255,7 @@ var VIRTUAL_ACTIONS = ["say"];
 var buildActionObject = ({
   rendererActions,
   nativeActions,
-  characters,
-  preloadAssets,
-  storageData
+  characters
 }) => {
   const allActions = [...nativeActions, ...VIRTUAL_ACTIONS];
   const object = { ...rendererActions };
@@ -1109,23 +1294,68 @@ var buildActionObject = ({
           actions[key] = flatActions(actions[key]);
         }
       }
-      if (preloadAssets === "blocking") {
-        huntAssets({
-          action,
-          props,
-          mode: preloadAssets,
-          characters,
-          lang: getLanguageFromStore(storageData),
-          volume: getVolumeFromStore(storageData),
-          handle: enqueueAssetForPreloading
-        });
-      }
       return [action, ...props];
     };
   }
   return object;
 };
 
+// src/utilities/dialog-overview.ts
+var getDialogOverview = async function() {
+  const { value: save } = this.getStack();
+  const stateSnapshots = save[3];
+  if (stateSnapshots.length == 0) {
+    return [];
+  }
+  const { queue } = await getActionsFromPath({
+    story: this.story,
+    path: save[0],
+    filter: false,
+    referGuarded: this.referGuarded
+  });
+  const lang = this.getLanguage();
+  const dialogItems = [];
+  for (let p = 0, a = stateSnapshots.length, i = queue.length - 1; a > 0 && i > 0; i--) {
+    const action = queue[i];
+    if (action[0] === "dialog") {
+      const [_, name, text] = action;
+      let voice = void 0;
+      for (let j = i - 1; j > p && j > 0; j--) {
+        const action2 = queue[j];
+        if (isUserRequiredAction(action2) || isSkippedDuringRestore(action2[0])) break;
+        if (action2[0] === "stopVoice") break;
+        if (action2[0] === "voice") {
+          voice = action2[1];
+          break;
+        }
+      }
+      dialogItems.push({
+        name,
+        text,
+        voice
+      });
+      p = i;
+      a--;
+    }
+  }
+  const entries = dialogItems.reverse().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 ? this.getCharacterName(name) : "";
+    return {
+      name: this.templateReplace(name, state),
+      text: this.templateReplace(text, state),
+      voice: audioSource ? unwrapAudioAsset(audioSource) : ""
+    };
+  });
+  return entries;
+};
+
+// src/utilities/document.ts
+var setDocumentLanguage = (language) => {
+  document.documentElement.lang = language;
+};
+
 // src/novely.ts
 var novely = ({
   characters,
@@ -1144,14 +1374,15 @@ var novely = ({
   getLanguage: getLanguage2 = getLanguage,
   overrideLanguage = false,
   askBeforeExit = true,
-  preloadAssets = "lazy",
+  preloadAssets = "automatic",
   parallelAssetsDownloadLimit = 15,
   fetch: request = fetch,
   cloneFunction: clone = klona,
   saveOnUnload = true,
   startKey = "start",
   defaultTypewriterSpeed = DEFAULT_TYPEWRITER_SPEED,
-  storyOptions = { mode: "static" }
+  storyOptions = { mode: "static" },
+  onLanguageChange
 }) => {
   const languages = Object.keys(translation);
   const limitScript = pLimit(1);
@@ -1165,7 +1396,7 @@ var novely = ({
     storyOptions.preloadSaves ??= 4;
   }
   const storyLoad = storyOptions.mode === "static" ? noop : storyOptions.load;
-  const onUnknownSceneHit = memoize4(async (scene) => {
+  const onUnknownSceneHit = memoize5(async (scene) => {
     const part = await storyLoad(scene);
     if (part) {
       await script(part);
@@ -1180,14 +1411,6 @@ var novely = ({
     if (!initialScreenWasShown) {
       renderer.ui.showLoading();
     }
-    if (preloadAssets === "blocking" && ASSETS_TO_PRELOAD.size > 0) {
-      renderer.ui.showLoading();
-      await handleAssetsPreloading({
-        ...renderer.misc,
-        limiter: limitAssetsDownload,
-        request
-      });
-    }
     await dataLoaded.promise;
     renderer.ui.hideLoading();
     if (!initialScreenWasShown) {
@@ -1216,6 +1439,7 @@ var novely = ({
   const getLanguageWithoutParameters = () => {
     const language = getLanguage2(languages, getLanguage);
     if (languages.includes(language)) {
+      setDocumentLanguage(language);
       return language;
     }
     if (DEV5) {
@@ -1232,8 +1456,11 @@ var novely = ({
   };
   const storageData = store(initialData);
   const coreData = store({
-    dataLoaded: false
+    dataLoaded: false,
+    paused: false,
+    focused: document.visibilityState === "visible"
   });
+  const paused = derive(coreData, (s) => s.paused || !s.focused);
   const onDataLoadedPromise = async ({ cancelled }) => {
     if (cancelled) {
       dataLoaded.promise.then(onDataLoadedPromise);
@@ -1246,11 +1473,7 @@ var novely = ({
         referGuarded(path);
       }
     };
-    if (preloadAssets === "blocking") {
-      await preload();
-    } else {
-      void preload();
-    }
+    preload();
     coreData.update((data2) => {
       data2.dataLoaded = true;
       return data2;
@@ -1265,13 +1488,12 @@ var novely = ({
     }
     storage.set(data2);
   };
-  const throttledOnStorageDataChange = throttle(onStorageDataChange, throttleTimeout);
-  const throttledEmergencyOnStorageDataChange = throttle(() => {
-    if (saveOnUnload === true || saveOnUnload === "prod" && !DEV5) {
-      onStorageDataChange(storageData.get());
-    }
-  }, 10);
+  const throttledShortOnStorageDataChange = throttle(() => onStorageDataChange(storageData.get()), 10);
+  const throttledOnStorageDataChange = throttle(throttledShortOnStorageDataChange, throttleTimeout);
   storageData.subscribe(throttledOnStorageDataChange);
+  if (saveOnUnload === true || saveOnUnload === "prod" && !DEV5) {
+    addEventListener("beforeunload", throttledShortOnStorageDataChange);
+  }
   const getStoredData = async () => {
     let stored = await storage.get();
     for (const migration of migrations) {
@@ -1295,9 +1517,6 @@ var novely = ({
   };
   storageDelay.then(getStoredData);
   const initial = getDefaultSave(clone(defaultState));
-  const unsubscribeFromBrowserVisibilityChange = setupBrowserVisibilityChangeListeners({
-    onChange: throttledEmergencyOnStorageDataChange
-  });
   const save = (type) => {
     if (!coreData.get().dataLoaded) return;
     if (!autosaves && type === "auto") return;
@@ -1514,7 +1733,6 @@ var novely = ({
       huntAssets({
         action: action2,
         props,
-        mode: preloadAssets,
         characters,
         lang: getLanguageFromStore(storageData),
         volume: getVolumeFromStore(storageData),
@@ -1561,7 +1779,7 @@ var novely = ({
   const clearCustomAction = (ctx, fn) => {
     getCustomActionHolder(ctx, fn).cleanup();
   };
-  const getResourseTypeForRenderer = (url) => {
+  const getResourseTypeWrapper = (url) => {
     return getResourseType({
       url,
       request
@@ -1571,12 +1789,12 @@ var novely = ({
     return c in characters ? characters[c].color : "#000000";
   };
   const getCharacterAssets = (character, emotion) => {
-    return toArray(characters[character].emotions[emotion]).map(handleImageAsset);
+    return toArray(characters[character].emotions[emotion]).map(unwrapImageAsset);
   };
   const getCharacterName = (character) => {
     const c = character;
     const cs = characters;
-    const [lang] = storageData.get().meta;
+    const lang = getLanguageFromStore(storageData);
     if (c && c in cs) {
       const block = cs[c].name;
       if (typeof block === "string") {
@@ -1586,56 +1804,19 @@ var novely = ({
         return block[lang];
       }
     }
-    return String(c) || "";
+    return String(c);
   };
-  const getDialogOverview = async () => {
-    const { value: save2 } = useStack(MAIN_CONTEXT_KEY);
-    const stateSnapshots = save2[3];
-    if (stateSnapshots.length == 0) {
-      return [];
-    }
-    const { queue } = await getActionsFromPath({
-      story,
-      path: save2[0],
-      filter: false,
-      referGuarded
-    });
-    const [lang] = storageData.get().meta;
-    const dialogItems = [];
-    for (let p = 0, a = stateSnapshots.length, i = queue.length - 1; a > 0 && i > 0; 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 > 0; 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;
-          }
-        }
-        dialogItems.push({
-          name,
-          text,
-          voice
-        });
-        p = i;
-        a--;
+  const setLanguage = (lang) => {
+    storageData.update((prev) => {
+      if (languages.includes(lang)) {
+        prev.meta[0] = lang;
       }
-    }
-    const entries = dialogItems.reverse().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) : ""
-      };
+      if (lang === prev.meta[0]) {
+        setDocumentLanguage(lang);
+        onLanguageChange?.(lang);
+      }
+      return prev;
     });
-    return entries;
   };
   const renderer = createRenderer({
     mainContextKey: MAIN_CONTEXT_KEY,
@@ -1658,8 +1839,16 @@ var novely = ({
     getLanguageDisplayName,
     getCharacterColor,
     getCharacterAssets,
-    getDialogOverview,
-    getResourseType: getResourseTypeForRenderer
+    getDialogOverview: getDialogOverview.bind({
+      referGuarded,
+      story,
+      getCharacterName,
+      getLanguage: () => getLanguageFromStore(storageData),
+      getStack: () => useStack(MAIN_CONTEXT_KEY),
+      templateReplace: (...args) => templateReplace(...args)
+    }),
+    getResourseType: getResourseTypeWrapper,
+    setLanguage
   });
   const useStack = createUseStackFunction(renderer);
   useStack(MAIN_CONTEXT_KEY).push(initial);
@@ -1703,7 +1892,6 @@ var novely = ({
           huntAssets({
             action: action3,
             props: props2,
-            mode: preloadAssets,
             characters,
             lang: getLanguageFromStore(storageData),
             volume: getVolumeFromStore(storageData),
@@ -1728,47 +1916,47 @@ var novely = ({
     showBackground({ ctx, push }, [background]) {
       if (isString(background) || isAsset(background)) {
         ctx.background({
-          all: handleImageAsset(background)
+          all: unwrapImageAsset(background)
         });
       } else {
         ctx.background(
-          Object.fromEntries(Object.entries(background).map(([media, asset2]) => [media, handleImageAsset(asset2)]))
+          Object.fromEntries(Object.entries(background).map(([media, asset2]) => [media, unwrapImageAsset(asset2)]))
         );
       }
       push();
     },
     playMusic({ ctx, push }, [source]) {
-      ctx.audio.music(handleAudioAsset(source), "music").play(true);
+      ctx.audio.music(unwrapAudioAsset(source), paused, "music").play(true);
       push();
     },
     pauseMusic({ ctx, push }, [source]) {
-      ctx.audio.music(handleAudioAsset(source), "music").pause();
+      ctx.audio.music(unwrapAudioAsset(source), paused, "music").pause();
       push();
     },
     stopMusic({ ctx, push }, [source]) {
-      ctx.audio.music(handleAudioAsset(source), "music").stop();
+      ctx.audio.music(unwrapAudioAsset(source), paused, "music").stop();
       push();
     },
     playSound({ ctx, push }, [source, loop]) {
-      ctx.audio.music(handleAudioAsset(source), "sound").play(loop || false);
+      ctx.audio.music(unwrapAudioAsset(source), paused, "sound").play(loop || false);
       push();
     },
     pauseSound({ ctx, push }, [source]) {
-      ctx.audio.music(handleAudioAsset(source), "sound").pause();
+      ctx.audio.music(unwrapAudioAsset(source), paused, "sound").pause();
       push();
     },
     stopSound({ ctx, push }, [source]) {
-      ctx.audio.music(handleAudioAsset(source), "sound").stop();
+      ctx.audio.music(unwrapAudioAsset(source), paused, "sound").stop();
       push();
     },
     voice({ ctx, push }, [source]) {
-      const [lang] = storageData.get().meta;
+      const lang = getLanguageFromStore(storageData);
       const audioSource = isString(source) ? source : isAsset(source) ? source : source[lang];
       if (!audioSource) {
         push();
         return;
       }
-      ctx.audio.voice(handleAudioAsset(audioSource));
+      ctx.audio.voice(unwrapAudioAsset(audioSource), paused);
       push();
     },
     stopVoice({ ctx, push }) {
@@ -1845,7 +2033,7 @@ var novely = ({
             recompute: update
           });
         };
-        const imageValue = image ? handleImageAsset(image) : "";
+        const imageValue = image ? unwrapImageAsset(image) : "";
         return [templateReplace(content, data2), active$, visible$, onSelectWrapped, imageValue];
       });
       if (DEV5 && transformedChoices.length === 0) {
@@ -1925,6 +2113,7 @@ var novely = ({
         state,
         lang,
         getStack: useStack,
+        paused,
         templateReplace
       });
       const next2 = () => {
@@ -1990,11 +2179,28 @@ var novely = ({
     preload({ ctx, push }, [source]) {
       if (DEV5 && preloadAssets !== "lazy") {
         console.error(
-          `You do not need a preload action becase "preloadAssets" strategy was set to "${preloadAssets}"`
+          `You do not need a preload action because "preloadAssets" strategy was set to "${preloadAssets}"`
         );
+        push();
+        return;
       }
-      if (!ctx.meta.goingBack && !ctx.meta.restoring && !PRELOADED_ASSETS.has(source)) {
-        PRELOADED_ASSETS.add(renderer.misc.preloadImage(source));
+      const src = unwrapAsset(source);
+      if (!ctx.meta.goingBack && !ctx.meta.restoring && !PRELOADED_ASSETS.has(src)) {
+        const process = async () => {
+          const type = isAsset(source) ? source.type : await getResourseTypeWrapper(src);
+          if (type === "image") {
+            renderer.misc.preloadAudioBlocking(src);
+          } else if (type === "audio") {
+            renderer.misc.preloadImage(src);
+          } else {
+            if (DEV5) {
+              console.error(`Preload error: Unknown type of the following resource: `, source);
+            }
+            return;
+          }
+          PRELOADED_ASSETS.add(src);
+        };
+        process();
       }
       push();
     },
@@ -2015,9 +2221,7 @@ var novely = ({
   const action = buildActionObject({
     rendererActions: renderer.actions,
     nativeActions,
-    characters,
-    preloadAssets,
-    storageData
+    characters
   });
   const render = async (ctx) => {
     const stack = useStack(ctx);
@@ -2072,12 +2276,6 @@ var novely = ({
     });
     return void 0;
   };
-  const typeEssentials = {
-    l: null,
-    s: null,
-    d: null,
-    c: null
-  };
   const getCurrentStorageData = () => {
     return coreData.get().dataLoaded ? clone(storageData.get()) : null;
   };
@@ -2143,7 +2341,7 @@ var novely = ({
     data,
     /**
      * Used in combination with type utilities
-     *
+     * @deprecated Use `engine.types` instead
      * @example
      * ```ts
      * import type { ConditionParams, StateFunction } from '@novely/core';
@@ -2153,7 +2351,21 @@ var novely = ({
      * }
      * ```
      */
-    typeEssentials,
+    typeEssentials: {},
+    /**
+     * Used in combination with type utilities
+     * @example
+     * ```ts
+     * import type { TypesFromEngine, ConditionParams, StateFunction } from '@novely/core';
+     *
+     * type Types = TypesFromEngine<typeof engine>;
+     *
+     * const conditionCheck = (state: StateFunction<ConditionParams<Types>>) => {
+     *   return state.age >= 18;
+     * }
+     * ```
+     */
+    types: null,
     /**
      * Replaces content inside {{braces}} using global data
      * @example
@@ -2180,9 +2392,10 @@ var novely = ({
      * Data updates still will work in case Novely already was loaded
      */
     destroy() {
+      if (destroyed) return;
       dataLoaded.cancel();
       UIInstance.unmount();
-      unsubscribeFromBrowserVisibilityChange();
+      removeEventListener("beforeunload", throttledShortOnStorageDataChange);
       destroyed = true;
     },
     /**
@@ -2210,7 +2423,44 @@ var novely = ({
      * }
      * ```
      */
-    setStorageData
+    setStorageData,
+    /**
+     * Function to control paused state. Custom Actions are provided with `paused` store they can subscribe to.
+     * This function will notify Custom Actions. Pause state can be used when showing ads.
+     * @example
+     * ```ts
+     * sdk.on('pause' () => engine.setPaused(true));
+     * sdk.on('resume', () => engine.setPaused(false));
+     * ```
+     */
+    setPaused: (paused2) => {
+      coreData.update((prev) => {
+        prev.paused = paused2;
+        return prev;
+      });
+    },
+    /**
+     * Function to control focused state. It will affect `paused` store passed to Custom Actions.
+     * This function can be used to pause game when it's not focused.
+     * @example
+     * ```ts
+     * import { pauseOnBlur } from '@novely/core';
+     *
+     * // Will subscribe to blur/focus events and call `setFocused`
+     * pauseOnBlur(engine);
+     *
+     * // OR
+     *
+     * sdk.on('focus' () => engine.setFocused(true));
+     * sdk.on('blur', () => engine.setFocused(false));
+     * ```
+     */
+    setFocused: (focused) => {
+      coreData.update((prev) => {
+        prev.focused = focused;
+        return prev;
+      });
+    }
   };
 };
 
@@ -2224,42 +2474,42 @@ var extendAction = (base, extension) => {
 
 // src/translations.ts
 var RU = {
-  NewGame: "\u041D\u043E\u0432\u0430\u044F \u0438\u0433\u0440\u0430",
-  HomeScreen: "\u0413\u043B\u0430\u0432\u043D\u044B\u0439 \u044D\u043A\u0440\u0430\u043D",
-  ToTheGame: "\u041A \u0438\u0433\u0440\u0435",
-  Language: "\u042F\u0437\u044B\u043A",
-  NoSaves: "\u0421\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u0438\u0439 \u043D\u0435\u0442",
-  LoadSave: "\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C",
-  Saves: "\u0421\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u0438\u044F",
-  Settings: "\u041D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438",
-  Sumbit: "\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C",
-  GoBack: "\u041D\u0430\u0437\u0430\u0434",
-  DoSave: "\u0421\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u0438\u0435",
-  Auto: "\u0410\u0432\u0442\u043E",
-  Stop: "\u0421\u0442\u043E\u043F",
-  Exit: "\u0412\u044B\u0445\u043E\u0434",
-  Automatic: "\u0410\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0447\u0435\u0441\u043A\u043E\u0435",
-  Manual: "\u0420\u0443\u0447\u043D\u043E\u0435",
-  Remove: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C",
-  LoadASaveFrom: "\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u0438\u0435 \u043E\u0442",
-  DeleteASaveFrom: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u0438\u0435 \u043E\u0442",
-  TextSpeed: "\u0421\u043A\u043E\u0440\u043E\u0441\u0442\u044C \u0442\u0435\u043A\u0441\u0442\u0430",
-  TextSpeedSlow: "\u041C\u0435\u0434\u043B\u0435\u043D\u043D\u0430\u044F",
-  TextSpeedMedium: "\u0421\u0440\u0435\u0434\u043D\u044F\u044F",
-  TextSpeedFast: "\u0411\u044B\u0441\u0442\u0440\u0430\u044F",
-  TextSpeedAuto: "\u0410\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0447\u0435\u0441\u043A\u0430\u044F",
-  CompleteText: "\u0417\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u044C \u0442\u0435\u043A\u0441\u0442",
-  GoForward: "\u041F\u0435\u0440\u0435\u0439\u0442\u0438 \u0432\u043F\u0435\u0440\u0451\u0434",
-  ExitDialogWarning: "\u0412\u044B \u0443\u0432\u0435\u0440\u0435\u043D\u044B, \u0447\u0442\u043E \u0445\u043E\u0442\u0438\u0442\u0435 \u0432\u044B\u0439\u0442\u0438? \u041F\u0440\u043E\u0433\u0440\u0435\u0441\u0441 \u0431\u0443\u0434\u0435\u0442 \u0441\u043E\u0445\u0440\u0430\u043D\u0451\u043D.",
-  ExitDialogExit: "\u0412\u044B\u0439\u0442\u0438",
-  ExitDialogBack: "\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u0432 \u0438\u0433\u0440\u0443",
-  OpenMenu: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043C\u0435\u043D\u044E",
-  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",
-  Close: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C",
-  DialogOverview: "\u041E\u0431\u0437\u043E\u0440 \u0434\u0438\u0430\u043B\u043E\u0433\u0430"
+  NewGame: "Новая игра",
+  HomeScreen: "Главный экран",
+  ToTheGame: "К игре",
+  Language: "Язык",
+  NoSaves: "Сохранений нет",
+  LoadSave: "Загрузить",
+  Saves: "Сохранения",
+  Settings: "Настройки",
+  Sumbit: "Подтвердить",
+  GoBack: "Назад",
+  DoSave: "Сохранение",
+  Auto: "Авто",
+  Stop: "Стоп",
+  Exit: "Выход",
+  Automatic: "Автоматическое",
+  Manual: "Ручное",
+  Remove: "Удалить",
+  LoadASaveFrom: "Загрузить сохранение от",
+  DeleteASaveFrom: "Удалить сохранение от",
+  TextSpeed: "Скорость текста",
+  TextSpeedSlow: "Медленная",
+  TextSpeedMedium: "Средняя",
+  TextSpeedFast: "Быстрая",
+  TextSpeedAuto: "Автоматическая",
+  CompleteText: "Завершить текст",
+  GoForward: "Перейти вперёд",
+  ExitDialogWarning: "Вы уверены, что хотите выйти? Прогресс будет сохранён.",
+  ExitDialogExit: "Выйти",
+  ExitDialogBack: "Вернуться в игру",
+  OpenMenu: "Открыть меню",
+  CloseMenu: "Закрыть меню",
+  MusicVolume: "Громкость музыки",
+  SoundVolume: "Громкость звуков",
+  VoiceVolume: "Громкость речи",
+  Close: "Закрыть",
+  DialogOverview: "Обзор диалога"
 };
 var EN = {
   NewGame: "New Game",
@@ -2299,244 +2549,53 @@ var EN = {
   Close: "Close",
   DialogOverview: "Dialog Overview"
 };
-var KK = {
-  NewGame: "\u0416\u0430\u04A3\u0430 \u043E\u0439\u044B\u043D",
-  HomeScreen: "\u041D\u0435\u0433\u0456\u0437\u0433\u0456 \u044D\u043A\u0440\u0430\u043D",
-  ToTheGame: "\u041E\u0439\u044B\u043D\u0493\u0430",
-  Language: "\u0422\u0456\u043B",
-  NoSaves: "\u0421\u0430\u049B\u0442\u0430\u0443 \u0436\u043E\u049B",
-  LoadSave: "\u0416\u04AF\u043A\u0442\u0435\u0443",
-  Saves: "\u0421\u0430\u049B\u0442\u0430\u0443",
-  Settings: "\u041F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u043B\u0435\u0440",
-  Sumbit: "\u0420\u0430\u0441\u0442\u0430\u0443",
-  GoBack: "\u0410\u0440\u0442\u049B\u0430",
-  DoSave: "\u0421\u0430\u049B\u0442\u0430\u0443",
-  Auto: "\u0410\u0432\u0442\u043E",
-  Stop: "\u0422\u043E\u049B\u0442\u0430",
-  Exit: "\u0428\u044B\u0493\u0443",
-  Automatic: "\u0410\u0432\u0442\u043E\u043C\u0430\u0442\u0442\u044B",
-  Manual: "\u049A\u043E\u043B\u043C\u0435\u043D",
-  Remove: "\u0416\u043E\u044E",
-  LoadASaveFrom: "\u0421\u0430\u049B\u0442\u0430\u0443\u0434\u044B \u0436\u04AF\u043A\u0442\u0435\u0443",
-  DeleteASaveFrom: "\u0421\u0430\u049B\u0442\u0430\u0443\u0434\u044B \u0436\u043E\u044E",
-  TextSpeed: "\u041C\u04D9\u0442\u0456\u043D \u0416\u044B\u043B\u0434\u0430\u043C\u0434\u044B\u0493\u044B",
-  TextSpeedSlow: "\u0411\u0430\u044F\u0443",
-  TextSpeedMedium: "\u041E\u0440\u0442\u0430\u0448\u0430",
-  TextSpeedFast: "\u0416\u044B\u043B\u0434\u0430\u043C",
-  TextSpeedAuto: "\u0410\u0432\u0442\u043E\u043C\u0430\u0442\u0442\u044B",
-  CompleteText: "\u041C\u04D9\u0442\u0456\u043D\u0434\u0456 \u0430\u044F\u049B\u0442\u0430\u0443",
-  GoForward: "\u0410\u043B\u0493\u0430 \u0436\u044B\u043B\u0436\u0443",
-  ExitDialogWarning: "\u0421\u0456\u0437 \u0448\u044B\u049B\u049B\u044B\u04A3\u044B\u0437 \u043A\u0435\u043B\u0435\u0442\u0456\u043D\u0456\u043D\u0435 \u0441\u0435\u043D\u0456\u043C\u0434\u0456\u0441\u0456\u0437 \u0431\u0435? \u041F\u0440\u043E\u0433\u0440\u0435\u0441\u0441 \u0441\u0430\u049B\u0442\u0430\u043B\u0430\u0434\u044B",
-  ExitDialogExit: "\u0428\u044B\u0493\u0443",
-  ExitDialogBack: "\u041E\u0439\u044B\u043D\u0493\u0430 \u043E\u0440\u0430\u043B\u0443",
-  OpenMenu: "\u041C\u04D9\u0437\u0456\u0440\u0434\u0456 \u0430\u0448\u044B\u04A3\u044B\u0437",
-  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",
-  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",
-  HomeScreen: "\u30DB\u30FC\u30E0\u753B\u9762",
-  ToTheGame: "\u300C\u30B2\u30FC\u30E0\u306B\u623B\u308B\u300D",
-  Language: "\u8A00\u8A9E",
-  NoSaves: "\u30CE\u30FC\u30BB\u30FC\u30D6",
-  LoadSave: "\u30C0\u30A6\u30F3\u30ED\u30FC\u30C9",
-  Saves: "\u4FDD\u5B58",
-  Settings: "\u8A2D\u5B9A",
-  Sumbit: "\u78BA\u8A8D",
-  GoBack: "\u300C\u623B\u308B\u300D",
-  DoSave: "\u4FDD\u5B58",
-  Auto: "\u30AA\u30FC\u30C8",
-  Stop: "\u6B62\u307E\u308C",
-  Exit: "\u51FA\u53E3",
-  Automatic: "\u81EA\u52D5",
-  Manual: "\u30DE\u30CB\u30E5\u30A2\u30EB",
-  Remove: "\u524A\u9664",
-  LoadASaveFrom: "\u30ED\u30FC\u30C9\u30BB\u30FC\u30D6\u304B\u3089",
-  DeleteASaveFrom: "\u304B\u3089\u4FDD\u5B58\u3092\u524A\u9664",
-  TextSpeed: "\u30C6\u30AD\u30B9\u30C8\u30B9\u30D4\u30FC\u30C9",
-  TextSpeedSlow: "\u300C\u9045\u3044\u300D",
-  TextSpeedMedium: "\u30DF\u30C7\u30A3\u30A2\u30E0",
-  TextSpeedFast: "\u300C\u901F\u3044\u300D",
-  TextSpeedAuto: "\u81EA\u52D5",
-  CompleteText: "\u30C6\u30AD\u30B9\u30C8\u3092\u5B8C\u6210\u3055\u305B\u308B",
-  GoForward: "\u5148\u306B\u884C\u304F",
-  ExitDialogWarning: "\u672C\u5F53\u306B\u7D42\u4E86\u3057\u307E\u3059\u304B\uFF1F\u9032\u884C\u72B6\u6CC1\u306F\u4FDD\u5B58\u3055\u308C\u307E\u3059",
-  ExitDialogExit: "\u7D42\u4E86",
-  ExitDialogBack: "\u30B2\u30FC\u30E0\u306B\u623B\u308B",
-  OpenMenu: "\u30E1\u30CB\u30E5\u30FC\u3092\u958B\u304F",
-  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",
-  Close: "\u9589\u3058\u308B",
-  DialogOverview: "\u30C0\u30A4\u30A2\u30ED\u30B0\u306E\u6982\u8981"
-};
-
-// src/asset.ts
-import { memoize as memoize5, once } from "es-toolkit/function";
-import { DEV as DEV6 } 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);
+// src/browser-events.ts
+var BLUR_HANDLERS = /* @__PURE__ */ new Set();
+var FOCUS_HANDLERS = /* @__PURE__ */ new Set();
+var registerEventListeners = (listeners) => {
+  BLUR_HANDLERS.add(listeners.blur);
+  FOCUS_HANDLERS.add(listeners.focus);
+  return () => {
+    BLUR_HANDLERS.delete(listeners.blur);
+    FOCUS_HANDLERS.delete(listeners.focus);
   };
-  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 generateRandomId = () => Math.random().toString(36);
-var getType = memoize5(
-  (extensions) => {
-    if (extensions.every((extension) => HOWLER_SUPPORTED_FILE_FORMATS.has(extension))) {
-      return "audio";
+addEventListener("focus", function(event) {
+  for (const handler of FOCUS_HANDLERS) {
+    try {
+      handler.call(this.document, event);
+    } catch {
     }
-    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 = memoize5(
-  (variants) => {
-    if (DEV6 && 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);
+});
+addEventListener("blur", function(event) {
+  for (const handler of BLUR_HANDLERS) {
+    try {
+      handler.call(this.document, event);
+    } catch {
     }
-    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 (DEV6) {
-        throw new Error(`No matching asset was found for ${variants.map((v) => `"${v}"`).join(", ")}`);
-      }
-      return "";
-    });
-    return {
-      get source() {
-        return getSource();
-      },
-      get type() {
-        return type;
-      },
-      id: generateRandomId()
-    };
-  },
-  {
-    getCacheKey: (variants) => variants.join("~")
-  }
-);
-var asset = (...variants) => {
-  return assetPrivate(variants);
-};
-asset.image = (source) => {
-  if (assetPrivate.cache.has(source)) {
-    return assetPrivate.cache.get(source);
-  }
-  const asset2 = {
-    type: "image",
-    source,
-    id: generateRandomId()
-  };
-  assetPrivate.cache.set(source, asset2);
-  return asset2;
-};
-asset.audio = (source) => {
-  if (assetPrivate.cache.has(source)) {
-    return assetPrivate.cache.get(source);
   }
-  const asset2 = {
-    type: "audio",
-    source,
-    id: generateRandomId()
+});
+var pauseOnBlur = (engine) => {
+  return {
+    unsubscribe: registerEventListeners({
+      focus: () => {
+        engine.setFocused(true);
+      },
+      blur: () => {
+        engine.setFocused(false);
+      }
+    })
   };
-  assetPrivate.cache.set(source, asset2);
-  return asset2;
 };
 export {
   EN,
-  JP,
-  KK,
   RU,
   asset,
   extendAction,
   localStorageStorage,
-  novely
+  novely,
+  pauseOnBlur
 };
 //# sourceMappingURL=index.js.map