@useinsider/guido 3.18.0 → 3.18.1-beta.74a13e4

package/dist/composables/useAutoSave.js

@@ -1,21 +1,22 @@
-import { useConfig as m } from "./useConfig.js";
+import { useConfig as E } from "./useConfig.js";
+import { useEditorLock as p } from "./useEditorLock.js";
 import { useAutosaveStore as A, AUTOSAVE_STATUS as s } from "../stores/autosave.js";
-import { useEditorStore as E } from "../stores/editor.js";
-import { computed as f, watch as p, onUnmounted as y } from "vue";
-const I = 18e4, r = 6e4, T = (b) => {
-  const { isFeatureEnabled: S } = m(), a = E(), t = A();
+import { useEditorStore as f } from "../stores/editor.js";
+import { computed as y, watch as I, onUnmounted as L } from "vue";
+const w = 18e4, v = 6e4, R = (b) => {
+  const { isFeatureEnabled: S } = E(), o = f(), t = A(), { isEditorBusy: g } = p();
   let i = null, c = 0;
-  const u = f(
+  const u = y(
     () => S("autosave") && t.isOn
-  ), g = () => a.hasChanges && a.isInSaveableState, h = () => ({
-    hasChanges: a.hasChanges,
-    isInSaveableState: a.isInSaveableState
-  }), l = async (e) => {
+  ), m = () => o.hasChanges && o.isInSaveableState, h = () => ({
+    hasChanges: o.hasChanges,
+    isInSaveableState: o.isInSaveableState
+  }), r = async (e) => {
     if (!u.value) {
       console.debug("guido:autosave:skipped", { trigger: e, reason: "not-active" });
       return;
     }
-    if (!g()) {
+    if (!m()) {
       console.debug("guido:autosave:skipped", { trigger: e, reason: "gates-blocked", gates: h() });
       return;
     }
@@ -23,15 +24,19 @@ const I = 18e4, r = 6e4, T = (b) => {
       console.debug("guido:autosave:skipped", { trigger: e, reason: "already-saving" });
       return;
     }
+    if (g()) {
+      console.debug("guido:autosave:skipped", { trigger: e, reason: "editor-busy" });
+      return;
+    }
     console.debug("guido:autosave:save-start", { trigger: e }), t.status = s.SAVING;
     try {
       if (await b() === void 0) {
         console.debug("guido:autosave:blocked", { trigger: e, reason: "save-returned-undefined" }), t.status = s.ERROR;
         return;
       }
-      a.hasChanges = !1, t.status = s.SAVED, t.lastSavedAt = /* @__PURE__ */ new Date(), console.debug("guido:autosave:save-complete", { trigger: e, at: t.lastSavedAt });
-    } catch (o) {
-      console.debug("guido:autosave:error", { trigger: e, error: o }), t.status = s.ERROR;
+      o.hasChanges = !1, t.status = s.SAVED, t.lastSavedAt = /* @__PURE__ */ new Date(), console.debug("guido:autosave:save-complete", { trigger: e, at: t.lastSavedAt });
+    } catch (a) {
+      console.debug("guido:autosave:error", { trigger: e, error: a }), t.status = s.ERROR;
     }
   }, n = () => {
     const { visibilityState: e } = document;
@@ -40,32 +45,32 @@ const I = 18e4, r = 6e4, T = (b) => {
       isActive: u.value
     }), e !== "hidden")
       return;
-    const o = Date.now() - c;
-    if (o < r) {
+    const a = Date.now() - c;
+    if (a < v) {
       console.debug("guido:autosave:visibility-debounced", {
-        sinceLastMs: o,
-        debounceMs: r
+        sinceLastMs: a,
+        debounceMs: v
       });
       return;
     }
-    c = Date.now(), l("visibility");
+    c = Date.now(), r("visibility");
   }, d = () => {
     i && (clearInterval(i), i = null);
-  }, v = () => {
+  }, l = () => {
     document.removeEventListener("visibilitychange", n), window.removeEventListener("pagehide", n);
   };
-  p(
+  I(
     u,
     (e) => {
       console.debug("guido:autosave:active-changed", { active: e }), e ? (d(), i = setInterval(() => {
-        console.debug("guido:autosave:interval-tick"), l("interval");
-      }, I), document.addEventListener("visibilitychange", n), window.addEventListener("pagehide", n)) : (d(), v(), t.status = s.IDLE);
+        console.debug("guido:autosave:interval-tick"), r("interval");
+      }, w), document.addEventListener("visibilitychange", n), window.addEventListener("pagehide", n)) : (d(), l(), t.status = s.IDLE);
     },
     { immediate: !0 }
-  ), y(() => {
-    d(), v(), t.status = s.IDLE, t.lastSavedAt = null;
+  ), L(() => {
+    d(), l(), t.status = s.IDLE, t.lastSavedAt = null;
   });
 };
 export {
-  T as useAutoSave
+  R as useAutoSave
 };

package/dist/composables/useEditorLock.js

@@ -0,0 +1,20 @@
+let o = Promise.resolve(), n = 0, e = 0;
+const s = () => n > 0, c = () => (e += 1, e), u = (t) => t > 0 && t === e, i = (t) => {
+  const r = o.then(async () => {
+    n += 1;
+    try {
+      return await t();
+    } finally {
+      n -= 1;
+    }
+  });
+  return o = r.catch(() => {
+  }), r;
+}, a = () => ({ runExclusive: i, isEditorBusy: s, beginMount: c, isCurrentMount: u });
+export {
+  c as beginMount,
+  u as isCurrentMount,
+  s as isEditorBusy,
+  i as runExclusive,
+  a as useEditorLock
+};

package/dist/composables/useGuidoStateBridge.js

@@ -1,48 +1,54 @@
-import { useActionsApi as g } from "./useActionsApi.js";
-import { useConfigStore as I } from "../stores/config.js";
-import { useEditorStore as b } from "../stores/editor.js";
-import { useGuidoEmailEditorStore as E } from "../stores/guido-email-editor.js";
-import { watch as c, onUnmounted as T } from "vue";
-const w = 500, z = () => {
-  const i = b(), a = E(), l = I(), { getTemplateData: m } = g();
-  let e = null, n = !1;
-  const r = () => {
-    e && (clearTimeout(e), e = null);
-  }, s = async () => {
-    var t, o;
-    if (!(n || !i.isStripoInitialized))
+import { useActionsApi as b } from "./useActionsApi.js";
+import { useEditorLock as v } from "./useEditorLock.js";
+import { useConfigStore as T } from "../stores/config.js";
+import { useEditorStore as w } from "../stores/editor.js";
+import { useGuidoEmailEditorStore as y } from "../stores/guido-email-editor.js";
+import { watch as a, onUnmounted as B } from "vue";
+const C = 500, L = () => {
+  const i = w(), u = y(), l = T(), { getTemplateData: d } = b(), { runExclusive: m, isEditorBusy: p } = v();
+  let o = null, s = !1;
+  const n = () => {
+    o && (clearTimeout(o), o = null);
+  }, c = (t) => {
+    n(), o = setTimeout(() => {
+      o = null, t();
+    }, C);
+  }, e = async () => {
+    var t, r;
+    if (!(s || !i.isStripoInitialized)) {
+      if (p()) {
+        c(() => void e());
+        return;
+      }
       try {
-        const { html: f, css: h } = await m(), S = ((o = (t = l.config) == null ? void 0 : t.identity) == null ? void 0 : o.templateId) ?? "";
-        if (n)
+        const { html: E, css: g } = await m(d), I = ((r = (t = l.config) == null ? void 0 : t.identity) == null ? void 0 : r.templateId) ?? "";
+        if (s)
           return;
-        a.$patch({
-          html: f ?? "",
-          css: h ?? "",
-          templateId: S,
+        u.$patch({
+          html: E ?? "",
+          css: g ?? "",
+          templateId: I,
           lastUpdatedAt: Date.now()
         });
       } catch {
       }
-  }, u = () => {
-    r(), e = setTimeout(() => {
-      e = null, s();
-    }, w);
-  }, d = c(
+    }
+  }, f = () => c(() => void e()), h = a(
     () => i.isStripoInitialized,
     (t) => {
-      t && s();
+      t && e();
     },
     { immediate: !0 }
-  ), p = c(
+  ), S = a(
     () => i.hasChanges,
-    (t, o) => {
-      i.isStripoInitialized && (t ? u() : o && (r(), s()));
+    (t, r) => {
+      i.isStripoInitialized && (t ? f() : r && (n(), e()));
     }
   );
-  T(() => {
-    n = !0, r(), d(), p();
+  B(() => {
+    s = !0, n(), h(), S();
   });
 };
 export {
-  z as useGuidoStateBridge
+  L as useGuidoStateBridge
 };

package/dist/composables/useSave.js

@@ -1,52 +1,55 @@
-import { useActionsApi as x } from "./useActionsApi.js";
-import { useConfig as T } from "./useConfig.js";
-import { useSaveStart as E, useSaveComplete as q } from "./useGuidoActions.js";
-import { useSyncModuleExtractor as C } from "./useSyncModuleExtractor.js";
-import { ToasterTypeOptions as M } from "../enums/toaster.js";
-import { useStripoApi as D } from "../services/stripoApi.js";
-import { useTemplatePreparation as L } from "../utils/templatePreparation.js";
-import { useAllowlist as P } from "./useAllowlist.js";
-import { useHtmlValidator as U } from "./useHtmlValidator.js";
-import { useToaster as A } from "./useToaster.js";
-import { useCouponBlockValidator as h } from "./validators/useCouponBlockValidator.js";
-import { useLiquidValidator as F } from "./validators/useLiquidValidator.js";
-import { useSyncModuleBlockValidator as O } from "./validators/useSyncModuleBlockValidator.js";
-import { useUnsubscribeBlockValidator as W } from "./validators/useUnsubscribeBlockValidator.js";
-const it = () => {
-  const l = E(), n = q(), { validateHtml: c } = U(), { validateLiquidSyntax: d } = F(), { validateCouponBlockTags: m } = h(), { validateUnsubscribeBlockUniqueness: u, validateUnsubscribeBlockHasTemplate: p } = W(), { validateSyncModuleBlocks: f } = O(), { callbacks: a, isFeatureEnabled: s } = T(), { extractSyncModuleData: v } = C(), { setSyncModuleUnsubscriptionPages: S } = D(), { editorSave: b } = x(), { showToaster: w } = A(), { getBlockedDomains: V, resolveToast: y } = P();
-  return { save: async (H = !1, e = !1) => {
-    var r;
-    l();
-    const { prepareTemplateDetails: k } = L(), t = await k();
-    if (!f(t.rawHtml, e) || !m(t.compiledHtml) || !u(t.compiledHtml) || !p(t.compiledHtml))
+import { useActionsApi as T } from "./useActionsApi.js";
+import { useConfig as q } from "./useConfig.js";
+import { useEditorLock as C } from "./useEditorLock.js";
+import { useSaveStart as L, useSaveComplete as M } from "./useGuidoActions.js";
+import { useSyncModuleExtractor as D } from "./useSyncModuleExtractor.js";
+import { ToasterTypeOptions as P } from "../enums/toaster.js";
+import { useStripoApi as U } from "../services/stripoApi.js";
+import { useTemplatePreparation as A } from "../utils/templatePreparation.js";
+import { useAllowlist as h } from "./useAllowlist.js";
+import { useHtmlValidator as F } from "./useHtmlValidator.js";
+import { useToaster as O } from "./useToaster.js";
+import { useCouponBlockValidator as W } from "./validators/useCouponBlockValidator.js";
+import { useLiquidValidator as j } from "./validators/useLiquidValidator.js";
+import { useSyncModuleBlockValidator as z } from "./validators/useSyncModuleBlockValidator.js";
+import { useUnsubscribeBlockValidator as G } from "./validators/useUnsubscribeBlockValidator.js";
+const rt = () => {
+  const n = L(), c = M(), { validateHtml: d } = F(), { validateLiquidSyntax: m } = j(), { validateCouponBlockTags: u } = W(), { validateUnsubscribeBlockUniqueness: p, validateUnsubscribeBlockHasTemplate: f } = G(), { validateSyncModuleBlocks: v } = z(), { callbacks: s, isFeatureEnabled: r } = q(), { extractSyncModuleData: S } = D(), { setSyncModuleUnsubscriptionPages: b } = U(), { editorSave: w } = T(), { showToaster: V } = O(), { getBlockedDomains: y, resolveToast: k } = h(), { runExclusive: x } = C(), H = async (a, o) => {
+    var l;
+    n();
+    const { prepareTemplateDetails: B } = A(), t = await B();
+    if (!v(t.rawHtml, o) || !u(t.compiledHtml) || !p(t.compiledHtml) || !f(t.compiledHtml))
       return;
-    if (s("liquidSyntax")) {
-      if (!await d(t.compiledHtml))
+    if (r("liquidSyntax")) {
+      if (!await m(t.compiledHtml))
         return;
-    } else if (!await c(t.compiledHtml, t.dynamicContentList, !0))
+    } else if (!await d(t.compiledHtml, t.dynamicContentList, !0))
       return;
-    if ((r = a.value) != null && r.externalValidation && !await a.value.externalValidation(t))
+    if ((l = s.value) != null && l.externalValidation && !await s.value.externalValidation(t))
       return;
-    if (s("allowlistEnabled")) {
-      const o = await V(t.compiledHtml, t.css);
-      if (o.length) {
-        if (!e) {
-          const i = await y(o);
-          i != null && i.message && w({
-            type: M.Warning,
-            message: i.message,
-            actionButton: i.actionButton
+    if (r("allowlistEnabled")) {
+      const i = await y(t.compiledHtml, t.css);
+      if (i.length) {
+        if (!o) {
+          const e = await k(i);
+          e != null && e.message && V({
+            type: P.Warning,
+            message: e.message,
+            actionButton: e.actionButton
           });
         }
         return;
       }
     }
-    if (!await b())
+    if (!await w())
       return;
-    const { unsubscribePayload: B, stripoModules: g } = v(t.rawHtml);
-    return await S(B), t.modules = g, H || n({ ...t, silent: e }), t;
-  } };
+    const { unsubscribePayload: E, stripoModules: g } = S(t.rawHtml);
+    return await b(E), t.modules = g, a || c({ ...t, silent: o }), t;
+  };
+  return { save: (a = !1, o = !1) => x(
+    () => H(a, o)
+  ) };
 };
 export {
-  it as useSave
+  rt as useSave
 };