@novely/core 0.34.0 → 0.35.0

package/dist/index.js

@@ -47,6 +47,7 @@ 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();
 
 // src/utils.ts
@@ -751,6 +752,76 @@ var replace = (input, data, pluralization, actions, pr) => {
   });
 };
 
+// src/custom-action.ts
+var createCustomActionNode = (id) => {
+  const div = document.createElement("div");
+  div.setAttribute("data-id", id);
+  return div;
+};
+var getCustomActionHolder = (ctx, fn) => {
+  const cached = CUSTOM_ACTION_MAP.get(ctx.id + fn.key);
+  if (cached) {
+    return cached;
+  }
+  const holder = {
+    cleanup: noop,
+    node: null,
+    fn,
+    localData: {}
+  };
+  CUSTOM_ACTION_MAP.set(ctx.id + fn.key, holder);
+  return holder;
+};
+var handleCustomAction = (ctx, fn, { lang, state, setMountElement, setClear, remove: renderersRemove }) => {
+  const holder = getCustomActionHolder(ctx, fn);
+  const flags = {
+    ...ctx.meta
+  };
+  const getDomNodes = (insert = true) => {
+    if (holder.node || !insert) {
+      return {
+        element: holder.node,
+        root: ctx.root
+      };
+    }
+    holder.node = insert ? createCustomActionNode(fn.key) : null;
+    setMountElement(holder.node);
+    return {
+      element: holder.node,
+      root: ctx.root
+    };
+  };
+  const clear = (func) => {
+    setClear(holder.cleanup = () => {
+      func();
+      holder.node = null;
+      holder.cleanup = noop;
+      setMountElement(null);
+      setClear(noop);
+    });
+  };
+  const data = (updatedData) => {
+    if (updatedData) {
+      return holder.localData = updatedData;
+    }
+    return holder.localData;
+  };
+  const remove = () => {
+    holder.cleanup();
+    renderersRemove();
+  };
+  return fn({
+    flags,
+    lang,
+    state,
+    data,
+    clear,
+    remove,
+    rendererContext: ctx,
+    getDomNodes
+  });
+};
+
 // src/storage.ts
 var localStorageStorage = (options) => {
   return {
@@ -1072,7 +1143,7 @@ var novely = ({
         }
         const [action2, fn] = element;
         if (action2 === "custom") {
-          context.clearCustom(fn);
+          getCustomActionHolder(context, fn).cleanup();
         }
       }
     }
@@ -1197,6 +1268,9 @@ var novely = ({
     }
     return capitalize(language.nameOverride || getIntlLanguageDisplayName(lang));
   };
+  const clearCustomAction = (ctx, fn) => {
+    getCustomActionHolder(ctx, fn).cleanup();
+  };
   const renderer = createRenderer({
     mainContextKey: MAIN_CONTEXT_KEY,
     characters,
@@ -1210,6 +1284,7 @@ var novely = ({
     preview,
     removeContext,
     getStateFunction,
+    clearCustomAction,
     languages,
     storageData,
     coreData,
@@ -1453,19 +1528,31 @@ var novely = ({
         forward
       );
     },
-    custom({ ctx, push }, [handler]) {
-      if (handler.requireUserAction) {
+    custom({ ctx, push }, [fn]) {
+      if (fn.requireUserAction) {
         ctx.clearBlockingActions(void 0);
       }
-      const result = ctx.custom(handler, () => {
-        if (ctx.meta.restoring)
-          return;
-        if (handler.requireUserAction && !ctx.meta.preview) {
+      const state = getStateFunction(ctx);
+      const lang = storageData.get().meta[0];
+      const result = handleCustomAction(ctx, fn, {
+        ...ctx.custom(fn),
+        state,
+        lang
+      });
+      const next2 = () => {
+        if (fn.requireUserAction && !ctx.meta.preview) {
           enmemory(ctx);
           interactivity(true);
         }
         push();
-      });
+      };
+      if (!ctx.meta.restoring) {
+        if (isPromise(result)) {
+          result.then(next2);
+        } else {
+          next2();
+        }
+      }
       return result;
     },
     vibrate({ ctx, push }, pattern) {