@capytale/iframe-react 1.2.2 → 1.3.0

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import { jsx as U, jsxs as ft, Fragment as mt } from "react/jsx-runtime";
-import M, { useCallback as b, useEffect as A, useMemo as _ } from "react";
+import M, { useCallback as b, useEffect as w, useMemo as _ } from "react";
 const et = /* @__PURE__ */ Symbol("Comlink.proxy"), pt = /* @__PURE__ */ Symbol("Comlink.endpoint"), vt = /* @__PURE__ */ Symbol("Comlink.releaseProxy"), q = /* @__PURE__ */ Symbol("Comlink.finalizer"), I = /* @__PURE__ */ Symbol("Comlink.thrown"), nt = (t) => typeof t == "object" && t !== null || typeof t == "function", Ct = {
   canHandle: (t) => nt(t) && t[et],
   serialize(t) {
@@ -36,14 +36,14 @@ function St(t, e) {
   return !1;
 }
 function Q(t, e = globalThis, n = ["*"]) {
-  e.addEventListener("message", function i(o) {
+  e.addEventListener("message", function r(o) {
     if (!o || !o.data)
       return;
     if (!St(n, o.origin)) {
       console.warn(`Invalid origin '${o.origin}' for comlink proxy`);
       return;
     }
-    const { id: s, type: u, path: l } = Object.assign({ path: [] }, o.data), f = (o.data.argumentList || []).map(J);
+    const { id: i, type: u, path: l } = Object.assign({ path: [] }, o.data), f = (o.data.argumentList || []).map(J);
     let g;
     try {
       const d = l.slice(0, -1).reduce((v, y) => v[y], t), m = l.reduce((v, y) => v[y], t);
@@ -80,38 +80,38 @@ function Q(t, e = globalThis, n = ["*"]) {
     }
     Promise.resolve(g).catch((d) => ({ value: d, [I]: 0 })).then((d) => {
       const [m, v] = $(d);
-      e.postMessage(Object.assign(Object.assign({}, m), { id: s }), v), u === "RELEASE" && (e.removeEventListener("message", i), rt(e), q in t && typeof t[q] == "function" && t[q]());
+      e.postMessage(Object.assign(Object.assign({}, m), { id: i }), v), u === "RELEASE" && (e.removeEventListener("message", r), rt(e), q in t && typeof t[q] == "function" && t[q]());
     }).catch((d) => {
       const [m, v] = $({
         value: new TypeError("Unserializable return value"),
         [I]: 0
       });
-      e.postMessage(Object.assign(Object.assign({}, m), { id: s }), v);
+      e.postMessage(Object.assign(Object.assign({}, m), { id: i }), v);
     });
   }), e.start && e.start();
 }
-function At(t) {
+function wt(t) {
   return t.constructor.name === "MessagePort";
 }
 function rt(t) {
-  At(t) && t.close();
+  wt(t) && t.close();
 }
 function st(t, e) {
   const n = /* @__PURE__ */ new Map();
   return t.addEventListener("message", function(o) {
-    const { data: s } = o;
-    if (!s || !s.id)
+    const { data: i } = o;
+    if (!i || !i.id)
       return;
-    const u = n.get(s.id);
+    const u = n.get(i.id);
     if (u)
       try {
-        u(s);
+        u(i);
       } finally {
-        n.delete(s.id);
+        n.delete(i.id);
       }
   }), z(t, n, [], e);
 }
-function G(t) {
+function P(t) {
   if (t)
     throw new Error("Proxy has been released and is not useable");
 }
@@ -126,25 +126,25 @@ const j = /* @__PURE__ */ new WeakMap(), O = "FinalizationRegistry" in globalThi
   const e = (j.get(t) || 0) - 1;
   j.set(t, e), e === 0 && it(t);
 });
-function wt(t, e) {
+function At(t, e) {
   const n = (j.get(e) || 0) + 1;
   j.set(e, n), O && O.register(t, e, t);
 }
 function bt(t) {
   O && O.unregister(t);
 }
-function z(t, e, n = [], i = function() {
+function z(t, e, n = [], r = function() {
 }) {
   let o = !1;
-  const s = new Proxy(i, {
+  const i = new Proxy(r, {
     get(u, l) {
-      if (G(o), l === vt)
+      if (P(o), l === vt)
         return () => {
-          bt(s), it(t), e.clear(), o = !0;
+          bt(i), it(t), e.clear(), o = !0;
         };
       if (l === "then") {
         if (n.length === 0)
-          return { then: () => s };
+          return { then: () => i };
         const f = x(t, e, {
           type: "GET",
           path: n.map((g) => g.toString())
@@ -154,7 +154,7 @@ function z(t, e, n = [], i = function() {
       return z(t, e, [...n, l]);
     },
     set(u, l, f) {
-      G(o);
+      P(o);
       const [g, d] = $(f);
       return x(t, e, {
         type: "SET",
@@ -163,7 +163,7 @@ function z(t, e, n = [], i = function() {
       }, d).then(J);
     },
     apply(u, l, f) {
-      G(o);
+      P(o);
       const g = n[n.length - 1];
       if (g === pt)
         return x(t, e, {
@@ -179,7 +179,7 @@ function z(t, e, n = [], i = function() {
       }, m).then(J);
     },
     construct(u, l) {
-      G(o);
+      P(o);
       const [f, g] = Y(l);
       return x(t, e, {
         type: "CONSTRUCT",
@@ -188,7 +188,7 @@ function z(t, e, n = [], i = function() {
       }, g).then(J);
     }
   });
-  return wt(s, t), s;
+  return At(i, t), i;
 }
 function ht(t) {
   return Array.prototype.concat.apply([], t);
@@ -206,7 +206,7 @@ function lt(t) {
 }
 function Et(t, e = globalThis, n = "*") {
   return {
-    postMessage: (i, o) => t.postMessage(i, n, o),
+    postMessage: (r, o) => t.postMessage(r, n, o),
     addEventListener: e.addEventListener.bind(e),
     removeEventListener: e.removeEventListener.bind(e)
   };
@@ -214,12 +214,12 @@ function Et(t, e = globalThis, n = "*") {
 function $(t) {
   for (const [e, n] of ot)
     if (n.canHandle(t)) {
-      const [i, o] = n.serialize(t);
+      const [r, o] = n.serialize(t);
       return [
         {
           type: "HANDLER",
           name: e,
-          value: i
+          value: r
         },
         o
       ];
@@ -240,10 +240,10 @@ function J(t) {
       return t.value;
   }
 }
-function x(t, e, n, i) {
+function x(t, e, n, r) {
   return new Promise((o) => {
-    const s = Rt();
-    e.set(s, o), t.start && t.start(), t.postMessage(Object.assign({ id: s }, n), i);
+    const i = Rt();
+    e.set(i, o), t.start && t.start(), t.postMessage(Object.assign({ id: i }, n), r);
   });
 }
 function Rt() {
@@ -253,7 +253,7 @@ function Jt(t, e) {
   return t.length === 0 ? e : `[${t}] ${e}`;
 }
 function Tt(t, e) {
-  let n = !1, i, o, s;
+  let n = !1, r, o, i;
   function u(d) {
     return Jt(t, d);
   }
@@ -277,22 +277,22 @@ function Tt(t, e) {
     const d = Et(window.parent, void 0, e);
     Q({
       declare(m) {
-        if (i == null) throw new Error(u("No handler for declare"));
-        i(m);
+        if (r == null) throw new Error(u("No handler for declare"));
+        r(m);
       },
       done() {
         if (o == null) throw new Error(u("No handler for done"));
         o();
       },
       provide(m, v, y) {
-        if (s == null) throw new Error(u("No handler for provide"));
-        s(m, v, y);
+        if (i == null) throw new Error(u("No handler for provide"));
+        i(m, v, y);
       }
     }, d), l = st(d), f = !0;
   }
   const g = () => {
     if (!n) {
-      if (i == null || o == null || s == null) return;
+      if (r == null || o == null || i == null) return;
       n = !0, l.ready();
     }
   };
@@ -307,25 +307,25 @@ function Tt(t, e) {
       return f;
     },
     set onDeclare(d) {
-      i = d, g();
+      r = d, g();
     },
     set onDone(d) {
       o = d, g();
     },
     set onProvide(d) {
-      s = d, g();
+      i = d, g();
     }
   };
 }
 function kt(t) {
   return function(e) {
-    let n, i = !1, o = !1, s, u, l = !1, f = !1, g, d, m, v;
+    let n, r = !1, o = !1, i, u, l = !1, f = !1, g, d, m, v;
     function y() {
-      if (s != null && s !== 0 && u != null)
+      if (i != null && i !== 0 && u != null)
         return u;
     }
     function E(a) {
-      if (s != null && u != null && !(a > s))
+      if (i != null && u != null && !(a > i))
         return u;
     }
     function h() {
@@ -339,7 +339,7 @@ function kt(t) {
           return e;
         },
         get version() {
-          return s;
+          return i;
         },
         get i() {
           return y();
@@ -353,15 +353,15 @@ function kt(t) {
           return e;
         },
         get version() {
-          return f ? s : void 0;
+          return f ? i : void 0;
         },
         get i() {
           return f ? y() : void 0;
         },
         v: (a) => f ? E(a) : void 0,
         get promise() {
-          return s === 0 ? Promise.reject(t("Remote interface not provided")) : h().then(() => {
-            if (s === 0) throw new Error(t("Remote interface not provided"));
+          return i === 0 ? Promise.reject(t("Remote interface not provided")) : h().then(() => {
+            if (i === 0) throw new Error(t("Remote interface not provided"));
             return T();
           });
         }
@@ -383,11 +383,11 @@ function kt(t) {
         n = a;
       },
       get localVersionSent() {
-        return i;
+        return r;
       },
       set localVersionSent(a) {
-        if (!a && i) throw new Error(t("Local version already notified"));
-        i = a, a && n === 0 && (o = !0);
+        if (!a && r) throw new Error(t("Local version already notified"));
+        r = a, a && n === 0 && (o = !0);
       },
       get localInterfaceSent() {
         return o;
@@ -398,19 +398,19 @@ function kt(t) {
         o = a;
       },
       get remoteVersion() {
-        if (s != null)
-          return s;
+        if (i != null)
+          return i;
       },
       set remoteVersion(a) {
-        if (s != null && s !== a) throw new Error(t("A different remote version is already set for " + e + `(${s} -> ${a})`));
-        s = a, a === 0 && (l = !0);
+        if (i != null && i !== a) throw new Error(t("A different remote version is already set for " + e + `(${i} -> ${a})`));
+        i = a, a === 0 && (l = !0);
       },
       get remoteVersionReceived() {
-        return s != null;
+        return i != null;
       },
       setRemoteInterface: (a) => {
-        if (s == null) throw new Error(t("Remote version not set"));
-        if (s === 0) {
+        if (i == null) throw new Error(t("Remote version not set"));
+        if (i === 0) {
           console.warn(t("Remote version is 0, remote interface is ignored."));
           return;
         }
@@ -443,8 +443,8 @@ function kt(t) {
   };
 }
 function xt(t) {
-  return function(e, n, i, o) {
-    let s = i, u = !1, l = !1;
+  return function(e, n, r, o) {
+    let i = r, u = !1, l = !1;
     function f() {
       return e.every((g) => g.remoteVersionReceived && g.localVersionSent) && n.every((g) => g.remoteVersionReceived);
     }
@@ -479,20 +479,20 @@ function xt(t) {
         let d;
         const m = n.length > 0 ? n.map((v) => v.getRemote()) : null;
         try {
-          d = m == null ? s(g) : s(g, m);
+          d = m == null ? i(g) : i(g, m);
         } catch (v) {
           throw new Error(t("error in factory:"), { cause: v });
         }
         if (o || (d = [d]), d.length != e.length)
           throw new Error(t("Invalid factory result"));
-        return u = !0, s = null, d;
+        return u = !0, i = null, d;
       }
     };
   };
 }
 function Lt(t) {
-  return function(e, n, i, o) {
-    let s = n, u = !1;
+  return function(e, n, r, o) {
+    let i = n, u = !1;
     function l() {
       return e.every((f) => f.isActivated);
     }
@@ -511,10 +511,10 @@ function Lt(t) {
           const d = new Error(t(u ? "callback already invoked" : "callback parameters are not ready"));
           throw o?.[1](d), d;
         }
-        const f = i ? e.map((d) => d.getRemote()) : e[0].getRemote();
+        const f = r ? e.map((d) => d.getRemote()) : e[0].getRemote();
         let g;
         try {
-          g = s(f);
+          g = i(f);
         } catch (d) {
           o == null ? console.error(t("error in callback:"), d) : o[1](d);
         } finally {
@@ -532,12 +532,12 @@ function Mt(t) {
   function e(a) {
     return ct(t.name, a);
   }
-  const n = Lt(e), i = kt(e), o = xt(e), s = {}, u = [];
+  const n = Lt(e), r = kt(e), o = xt(e), i = {}, u = [];
   let l = [], f;
   const g = () => (f == null ? f = 0 : f++, f);
   function d(a) {
-    let c = s[a];
-    return c == null && (c = i(a), c.localVersion == null && (h && (c.localVersion = 0), T && (c.localVersionSent = !0)), c.remoteVersion == null && L && (c.remoteVersion = 0), s[a] = c), c;
+    let c = i[a];
+    return c == null && (c = r(a), c.localVersion == null && (h && (c.localVersion = 0), T && (c.localVersionSent = !0)), c.remoteVersion == null && L && (c.remoteVersion = 0), i[a] = c), c;
   }
   function m(a) {
     return a.map(d);
@@ -548,7 +548,7 @@ function Mt(t) {
       C.forEach((S) => {
         S.depGroup != null && (p[S.depGroup] = !0), S.depGroup = c;
       });
-    }), Object.values(s).forEach((C) => {
+    }), Object.values(i).forEach((C) => {
       C.depGroup != null && C.depGroup !== c && p[C.depGroup] && (C.depGroup = c);
     });
   }
@@ -558,11 +558,11 @@ function Mt(t) {
       a[p].version != null && (c[p].remoteVersion = a[p].version);
     v(c), R();
   }, t.onDone = () => {
-    L || (L = !0, Object.values(s).forEach((a) => {
+    L || (L = !0, Object.values(i).forEach((a) => {
       a.remoteVersion == null && (a.remoteVersion = 0);
     }), R());
   }, t.onProvide = (a, c, p) => {
-    let C = s[a];
+    let C = i[a];
     if (C == null)
       throw new Error(e(`Contract not declared : ${a}`));
     if (C.remoteVersion != c)
@@ -586,7 +586,7 @@ function Mt(t) {
             }
         }
         if (t.isReady && h && u.every((a) => a.isDeclared)) {
-          const a = Object.values(s).filter((c) => !c.localVersionSent && c.localVersion != null);
+          const a = Object.values(i).filter((c) => !c.localVersionSent && c.localVersion != null);
           if (a.length > 0)
             for (const c of a)
               await t.declare([{ name: c.name, version: c.localVersion }]), c.localVersionSent = !0;
@@ -605,13 +605,13 @@ function Mt(t) {
         }
         if (f != null) {
           const a = Array(f + 1).fill(null);
-          for (const c in s) {
-            const p = s[c];
+          for (const c in i) {
+            const p = i[c];
             p.depGroup != null && (p.isActivable ? a[p.depGroup] == null && !p.isActivated && (a[p.depGroup] = !0) : a[p.depGroup] = !1);
           }
           if (a.some((c) => c === !0))
-            for (const c in s) {
-              const p = s[c];
+            for (const c in i) {
+              const p = i[c];
               p.depGroup != null && a[p.depGroup] && p.activate();
             }
         }
@@ -657,71 +657,71 @@ function Mt(t) {
       if (h) {
         if (!a) throw new Error(e("Cannot set done to false after it has been set to true."));
       } else
-        a && (h = !0, Object.values(s).forEach((c) => {
+        a && (h = !0, Object.values(i).forEach((c) => {
           c.localVersion == null && (c.localVersion = 0);
         }), R());
     }
   };
 }
-const Gt = /^\d+$/;
-function Dt(t) {
-  const [e, n, i] = t.split(":", 3);
-  if (n == null || i != null || !Gt.test(n)) return null;
+const Pt = /^\d+$/;
+function Gt(t) {
+  const [e, n, r] = t.split(":", 3);
+  if (n == null || r != null || !Pt.test(n)) return null;
   const o = parseInt(n);
   return isNaN(o) || o === 0 ? null : { name: e, version: o };
 }
-function Pt(t) {
+function Dt(t) {
   const e = Mt(t);
-  function n(i) {
-    return ct(t.name, i);
+  function n(r) {
+    return ct(t.name, r);
   }
   return {
-    plug(i, o, s = void 0) {
+    plug(r, o, i = void 0) {
       if (e.done) throw new Error(n("Cannot plug after plugsDone."));
-      s == null && (s = o, o = []);
+      i == null && (i = o, o = []);
       let u = !0;
-      Array.isArray(i) || (i = [i], u = !1);
-      const l = i.map((f) => {
-        const g = Dt(f);
+      Array.isArray(r) || (r = [r], u = !1);
+      const l = r.map((f) => {
+        const g = Gt(f);
         if (g == null)
           throw new Error(n("Invalid contract id : " + f));
         return g;
       });
-      e.declareFactory(l, o, s, u);
+      e.declareFactory(l, o, i, u);
     },
     plugsDone() {
       e.done = !0;
     },
-    use(i, o) {
-      let s = !0;
-      Array.isArray(i) || (i = [i], s = !1), e.declareCallback(i, o, s);
+    use(r, o) {
+      let i = !0;
+      Array.isArray(r) || (r = [r], i = !1), e.declareCallback(r, o, i);
     },
-    exec(i, o) {
-      let s = !0;
-      return Array.isArray(i) || (i = [i], s = !1), new Promise((...u) => {
-        e.declareCallback(i, o, s, u);
+    exec(r, o) {
+      let i = !0;
+      return Array.isArray(r) || (r = [r], i = !1), new Promise((...u) => {
+        e.declareCallback(r, o, i, u);
       });
     },
-    get(i) {
-      return i.map((o) => e.get(o).getLazyRemote());
+    get(r) {
+      return r.map((o) => e.get(o).getLazyRemote());
     }
   };
 }
 const ut = "app-agent";
 let W;
 function Vt(t) {
-  return W != null || (W = Pt(Tt(ut, t))), W;
+  return W != null || (W = Dt(Tt(ut, t))), W;
 }
 console.log(`[${ut}@1.0.12] loaded`);
 const K = (t) => {
   let e;
-  const n = /* @__PURE__ */ new Set(), i = (g, d) => {
+  const n = /* @__PURE__ */ new Set(), r = (g, d) => {
     const m = typeof g == "function" ? g(e) : g;
     if (!Object.is(m, e)) {
       const v = e;
       e = d ?? (typeof m != "object" || m === null) ? m : Object.assign({}, e, m), n.forEach((y) => y(e, v));
     }
-  }, o = () => e, l = { setState: i, getState: o, getInitialState: () => f, subscribe: (g) => (n.add(g), () => n.delete(g)) }, f = e = t(i, o, l);
+  }, o = () => e, l = { setState: r, getState: o, getInitialState: () => f, subscribe: (g) => (n.add(g), () => n.delete(g)) }, f = e = t(r, o, l);
   return l;
 }, It = ((t) => t ? K(t) : K), jt = (t) => t;
 function Ot(t, e = jt) {
@@ -733,15 +733,15 @@ function Ot(t, e = jt) {
   return M.useDebugValue(n), n;
 }
 const X = (t) => {
-  const e = It(t), n = (i) => Ot(e, i);
+  const e = It(t), n = (r) => Ot(e, r);
   return Object.assign(n, e), n;
-}, dt = ((t) => t ? X(t) : X), $t = (t) => (e, n, i) => {
-  const o = i.subscribe;
-  return i.subscribe = ((u, l, f) => {
+}, dt = ((t) => t ? X(t) : X), $t = (t) => (e, n, r) => {
+  const o = r.subscribe;
+  return r.subscribe = ((u, l, f) => {
     let g = u;
     if (l) {
       const d = f?.equalityFn || Object.is;
-      let m = u(i.getState());
+      let m = u(r.getState());
       g = (v) => {
         const y = u(v);
         if (!d(m, y)) {
@@ -751,8 +751,8 @@ const X = (t) => {
       }, f?.fireImmediately && l(m, m);
     }
     return o(g);
-  }), t(e, n, i);
-}, Nt = $t, r = dt()(
+  }), t(e, n, r);
+}, Nt = $t, s = dt()(
   Nt((t) => ({
     ready: !1,
     workflow: "current",
@@ -855,7 +855,15 @@ const X = (t) => {
     incSaveCount: () => t((e) => ({
       saveCount: e.saveCount + 1
     })),
-    incDirtyCount: () => t((e) => ({ isDirtyCount: e.isDirtyCount + 1 }))
+    incDirtyCount: () => t((e) => ({ isDirtyCount: e.isDirtyCount + 1 })),
+    previewStartPreviewFunction: null,
+    previewStopPreviewFunction: null,
+    setPreviewStartPreviewFunction: (e) => {
+      t({ previewStartPreviewFunction: e });
+    },
+    setPreviewStopPreviewFunction: (e) => {
+      t({ previewStopPreviewFunction: e });
+    }
   }))
 );
 let Z = !1;
@@ -878,7 +886,7 @@ const qt = [
 ], tt = {
   "mode:1": {
     setMode: (t) => {
-      r.setState({ mode: t });
+      s.setState({ mode: t });
     }
   },
   "reload:1": {
@@ -889,75 +897,75 @@ const qt = [
   "theme:1": {
     setTheme: (t) => {
       if (t === null) {
-        r.setState({ theme: null });
+        s.setState({ theme: null });
         return;
       }
       if (t !== "light" && t !== "dark") {
         console.warn(
           `[React bindings] Invalid theme: ${t}. Expected 'light' or 'dark'.`
-        ), r.setState({ theme: null });
+        ), s.setState({ theme: null });
         return;
       }
-      r.setState({ theme: t });
+      s.setState({ theme: t });
     }
   },
   "workflow:1": {
     setWorkflow: (t) => {
-      r.setState({ workflow: t });
+      s.setState({ workflow: t });
     }
   },
   "workflow:2": {
     setWorkflow: (t) => {
-      r.setState({ workflow: t });
+      s.setState({ workflow: t });
     }
   },
   "trigger-save:1": {
     setCanSave(t) {
-      r.setState({ canSave: t });
+      s.setState({ canSave: t });
     }
   },
   "simple-content(text):1": {
     contentSaved: () => {
-      r.setState((t) => ({
+      s.setState((t) => ({
         afterSaveCount: t.afterSaveCount + 1
       }));
     },
-    getContent: () => r.getState().getTextContentFunction(),
+    getContent: () => s.getState().getTextContentFunction(),
     loadContent: (t) => {
-      r.setState({ loadedTextContent: t });
+      s.setState({ loadedTextContent: t });
     }
   },
   "simple-content(json):1": {
     contentSaved: () => {
-      r.setState((t) => ({
+      s.setState((t) => ({
         afterSaveCount: t.afterSaveCount + 1
       }));
     },
-    getContent: () => r.getState().getJsonContentFunction(),
+    getContent: () => s.getState().getJsonContentFunction(),
     loadContent: (t) => {
-      r.setState({ loadedJsonContent: t });
+      s.setState({ loadedJsonContent: t });
     }
   },
   "simple-binary-data(text):1": {
     contentSaved: () => {
-      r.setState((t) => ({
+      s.setState((t) => ({
         afterSaveCount: t.afterSaveCount + 1
       }));
     },
-    getContent: () => r.getState().getTextContentFunction(),
+    getContent: () => s.getState().getTextContentFunction(),
     loadContent: (t) => {
-      r.setState({ loadedTextContent: t });
+      s.setState({ loadedTextContent: t });
     }
   },
   "simple-content-eval(text):1": {
     contentSaved: () => {
-      r.setState((t) => ({
+      s.setState((t) => ({
         afterSaveCount: t.afterSaveCount + 1
       }));
     },
-    getContent: () => r.getState().getTextContentFunction(),
+    getContent: () => s.getState().getTextContentFunction(),
     loadContent: (t) => {
-      r.setState({ loadedTextContent: t });
+      s.setState({ loadedTextContent: t });
     },
     getAssignmentContent: () => {
       throw new Error(
@@ -967,13 +975,13 @@ const qt = [
   },
   "simple-content-eval(json):1": {
     contentSaved: () => {
-      r.setState((t) => ({
+      s.setState((t) => ({
         afterSaveCount: t.afterSaveCount + 1
       }));
     },
-    getContent: () => r.getState().getJsonContentFunction(),
+    getContent: () => s.getState().getJsonContentFunction(),
     loadContent: (t) => {
-      r.setState({ loadedJsonContent: t });
+      s.setState({ loadedJsonContent: t });
     },
     getAssignmentContent: () => {
       throw new Error(
@@ -983,13 +991,13 @@ const qt = [
   },
   "simple-content-eval(json):2": {
     contentSaved: () => {
-      r.setState((t) => ({
+      s.setState((t) => ({
         afterSaveCount: t.afterSaveCount + 1
       }));
     },
-    getContent: () => r.getState().getJsonContentFunction(),
+    getContent: () => s.getState().getJsonContentFunction(),
     loadContent: (t) => {
-      r.setState({ loadedJsonContent: t });
+      s.setState({ loadedJsonContent: t });
     },
     getAssignmentContent: () => {
       throw new Error(
@@ -999,13 +1007,13 @@ const qt = [
   },
   "simple-content-eval(text):2": {
     contentSaved: () => {
-      r.setState((t) => ({
+      s.setState((t) => ({
         afterSaveCount: t.afterSaveCount + 1
       }));
     },
-    getContent: () => r.getState().getTextContentFunction(),
+    getContent: () => s.getState().getTextContentFunction(),
     loadContent: (t) => {
-      r.setState({ loadedTextContent: t });
+      s.setState({ loadedTextContent: t });
     },
     getAssignmentContent: () => {
       throw new Error(
@@ -1015,52 +1023,52 @@ const qt = [
   },
   "separate-contents(json):1": {
     contentSaved: () => {
-      r.setState((t) => ({
+      s.setState((t) => ({
         afterSaveCount: t.afterSaveCount + 1
       }));
     },
     loadContent: (t, e) => {
-      r.setState({
+      s.setState({
         loadedJsonActivityContent: t,
         loadedJsonAssignmentContent: e
       });
     },
-    getActivityContent: () => r.getState().getJsonActivityContentFunction(),
-    getAssignmentContent: () => r.getState().getJsonAssignmentContentFunction()
+    getActivityContent: () => s.getState().getJsonActivityContentFunction(),
+    getAssignmentContent: () => s.getState().getJsonAssignmentContentFunction()
   },
   "separate-contents-eval(json):1": {
     contentSaved: () => {
-      r.setState((t) => ({
+      s.setState((t) => ({
         afterSaveCount: t.afterSaveCount + 1
       }));
     },
     loadContent: (t, e) => {
-      r.setState({
+      s.setState({
         loadedJsonActivityContent: t,
         loadedJsonAssignmentContent: e
       });
     },
-    getActivityContent: () => r.getState().getJsonActivityContentFunction(),
-    getAssignmentContent: () => r.getState().getJsonAssignmentContentFunction()
+    getActivityContent: () => s.getState().getJsonActivityContentFunction(),
+    getAssignmentContent: () => s.getState().getJsonAssignmentContentFunction()
   },
   "separate-contents-eval(json):2": {
     contentSaved: () => {
-      r.setState((t) => ({
+      s.setState((t) => ({
         afterSaveCount: t.afterSaveCount + 1
       }));
     },
     loadContent: (t, e) => {
-      r.setState({
+      s.setState({
         loadedJsonActivityContent: t,
         loadedJsonAssignmentContent: e
       });
     },
-    getActivityContent: () => r.getState().getJsonActivityContentFunction(),
-    getAssignmentContent: () => r.getState().getJsonAssignmentContentFunction()
+    getActivityContent: () => s.getState().getJsonActivityContentFunction(),
+    getAssignmentContent: () => s.getState().getJsonAssignmentContentFunction()
   },
   "separate-dual-contents(json):1": {
     contentSaved: () => {
-      r.setState((t) => ({
+      s.setState((t) => ({
         afterSaveCount: t.afterSaveCount + 1
       }));
     },
@@ -1068,19 +1076,19 @@ const qt = [
       activityContent: t,
       assignmentContent: e,
       activityBinaryData: n,
-      assignmentBinaryData: i
+      assignmentBinaryData: r
     }) => {
-      r.setState({
+      s.setState({
         loadedJsonActivityContent: t,
         loadedJsonAssignmentContent: e,
         loadedJsonActivityBinaryData: n,
-        loadedJsonAssignmentBinaryData: i
+        loadedJsonAssignmentBinaryData: r
       });
     },
-    getActivityContentAndData: () => r.getState().getJsonActivitySplitContentFunction(),
-    getAssignmentContentAndData: () => r.getState().getJsonAssignmentSplitContentFunction()
+    getActivityContentAndData: () => s.getState().getJsonActivitySplitContentFunction(),
+    getAssignmentContentAndData: () => s.getState().getJsonAssignmentSplitContentFunction()
   },
-  "meta-player-anti-cheat:1": {
+  "anti-cheat:1": {
     lock: () => {
     },
     unlock: () => {
@@ -1089,24 +1097,24 @@ const qt = [
   "meta-player-ui:1": {
     executeAction(t) {
       if (t.startsWith("qa")) {
-        const n = r.getState().quickActions[t];
+        const n = s.getState().quickActions[t];
         n ? n() : console.error(`[React bindings] Quick action not found: ${t}`);
       } else {
-        const n = r.getState().sidebarActions[t];
+        const n = s.getState().sidebarActions[t];
         n ? n() : console.error(`[React bindings] Sidebar action not found: ${t}`);
       }
     },
     executeFileUpload(t, e) {
       if (t.startsWith("qa")) {
-        const i = r.getState().quickActions[t];
-        i ? i(e) : console.error(`[React bindings] Quick action not found: ${t}`);
+        const r = s.getState().quickActions[t];
+        r ? r(e) : console.error(`[React bindings] Quick action not found: ${t}`);
       } else {
-        const i = r.getState().sidebarActions[t];
-        i ? i(e) : console.error(`[React bindings] Sidebar action not found: ${t}`);
+        const r = s.getState().sidebarActions[t];
+        r ? r(e) : console.error(`[React bindings] Sidebar action not found: ${t}`);
       }
     },
     updateSettings(t) {
-      const e = r.getState().activitySettingsCallback;
+      const e = s.getState().activitySettingsCallback;
       e ? e(t) : console.warn(
         "activitySettingsCallback is not set. Changes:",
         t
@@ -1115,36 +1123,51 @@ const qt = [
   },
   "meta-player-events:1": {
     handleEvent(t) {
-      t === "all-loaded" && r.setState({ ready: !0 });
+      t === "all-loaded" && s.setState({ ready: !0 });
     }
   },
   "llm:1": {
     getFirstMessageContext: (t) => {
-      const e = r.getState().llmGetFirstMessageContextFunction;
+      const e = s.getState().llmGetFirstMessageContextFunction;
       return e ? e(t) : "";
     },
     getAllMessagesContext: (t) => {
-      const e = r.getState().llmGetAllMessagesContextFunction;
+      const e = s.getState().llmGetAllMessagesContextFunction;
       return e ? e(t) : "";
     },
     getAvailableTools: (t) => {
-      const e = r.getState().llmGetAvailableToolsFunction;
+      const e = s.getState().llmGetAvailableToolsFunction;
       return e ? e(t) : [];
     },
-    callTool: (t, e) => {
-      const n = r.getState().llmCallToolFunction;
-      if (!n)
+    callTool: (t, e, n) => {
+      const r = s.getState().llmCallToolFunction;
+      if (!r)
         throw new Error("LLM call tool function is not set");
-      return n(t, e);
+      return r(t, e, n);
     },
-    getToolCallDescription: (t, e) => {
-      const n = r.getState().llmDescribeToolFunction;
-      if (!n)
+    getToolCallDescription: (t, e, n) => {
+      const r = s.getState().llmDescribeToolFunction;
+      if (!r)
         throw new Error("LLM describe tool function is not set");
-      return n(t, e);
+      return r(t, e, n);
+    }
+  },
+  "preview:1": {
+    startPreview: () => {
+      const t = s.getState().previewStartPreviewFunction;
+      return t ? t() : !1;
+    },
+    stopPreview: () => {
+      const t = s.getState().previewStopPreviewFunction;
+      if (!t)
+        throw new Error("Preview stop function is not set");
+      return t();
     }
   }
-}, w = Vt();
+}, A = (
+  // Workaround for typing inference issue
+  Vt()
+);
 function Wt(t) {
   if (!Z) {
     Z = !0;
@@ -1158,9 +1181,9 @@ function Wt(t) {
         continue;
       }
       const n = tt[e];
-      w.plug([e], ([]) => [n]);
+      A.plug([e], ([]) => [n]);
     }
-    w.plugsDone();
+    A.plugsDone();
     for (const e of [
       "simple-content(text):1",
       "simple-content(json):1",
@@ -1174,92 +1197,92 @@ function Wt(t) {
     ])
       if (t.includes(e)) {
         const n = e.split(":")[0];
-        w.use([n], ([i]) => {
-          r.subscribe(
+        A.use([n], ([r]) => {
+          s.subscribe(
             (o) => o.isDirtyCount,
             () => {
-              i.i?.contentChanged();
+              r.i?.contentChanged();
             }
           );
         });
       }
   }
 }
-const re = () => r((t) => {
+const re = () => s((t) => {
   if (t.mode === null)
     throw new Error("Mode is not set. Have you used contract 'mode'?");
   return t.mode;
-}), se = () => r((t) => {
+}), se = () => s((t) => {
   if (t.workflow === null)
     throw new Error(
       "Workflow is not set. Have you used contract 'workflow'?"
     );
   return t.workflow;
-}), ie = () => r((t) => {
+}), ie = () => s((t) => {
   if (t.theme === null)
     throw new Error("Theme is not set. Have you used contract 'theme'?");
   return t.theme;
-}), ae = () => r((t) => t.incSaveCount), le = () => r((t) => t.incDirtyCount), ce = () => r((t) => t.loadedTextContent), ue = () => r((t) => t.loadedJsonContent), de = () => r((t) => t.loadedJsonActivityContent), ge = () => r((t) => t.loadedJsonAssignmentContent), fe = () => r((t) => t.loadedJsonActivityBinaryData), me = () => r((t) => t.loadedJsonAssignmentBinaryData), pe = () => b(() => r.getState().loadedTextContent, []), ve = () => b(() => r.getState().loadedJsonContent, []), Ce = () => b(() => r.getState().loadedJsonActivityContent, []), ye = () => b(() => r.getState().loadedJsonAssignmentContent, []), Se = () => b(
+}), ae = () => s((t) => t.incSaveCount), le = () => s((t) => t.incDirtyCount), ce = () => s((t) => t.loadedTextContent), ue = () => s((t) => t.loadedJsonContent), de = () => s((t) => t.loadedJsonActivityContent), ge = () => s((t) => t.loadedJsonAssignmentContent), fe = () => s((t) => t.loadedJsonActivityBinaryData), me = () => s((t) => t.loadedJsonAssignmentBinaryData), pe = () => b(() => s.getState().loadedTextContent, []), ve = () => b(() => s.getState().loadedJsonContent, []), Ce = () => b(() => s.getState().loadedJsonActivityContent, []), ye = () => b(() => s.getState().loadedJsonAssignmentContent, []), Se = () => b(
   () => ({
-    content: r.getState().loadedJsonActivityContent,
-    binaryData: r.getState().loadedJsonActivityBinaryData
+    content: s.getState().loadedJsonActivityContent,
+    binaryData: s.getState().loadedJsonActivityBinaryData
   }),
   []
-), Ae = () => b(
+), we = () => b(
   () => ({
-    content: r.getState().loadedJsonAssignmentContent,
-    binaryData: r.getState().loadedJsonAssignmentBinaryData
+    content: s.getState().loadedJsonAssignmentContent,
+    binaryData: s.getState().loadedJsonAssignmentBinaryData
   }),
   []
-), we = (t) => {
-  const e = r(
+), Ae = (t) => {
+  const e = s(
     (n) => n.setGetTextContentFunction
   );
-  A(() => {
+  w(() => {
     e(t);
   }, [t, e]);
 }, be = (t) => {
-  const e = r(
+  const e = s(
     (n) => n.setGetJsonContentFunction
   );
-  A(() => {
+  w(() => {
     e(t);
   }, [t, e]);
 }, he = (t) => {
-  const e = r(
+  const e = s(
     (n) => n.setGetJsonActivityContentFunction
   );
-  A(() => {
+  w(() => {
     e(t);
   }, [t, e]);
 }, Fe = (t) => {
-  const e = r(
+  const e = s(
     (n) => n.setGetJsonAssignmentContentFunction
   );
-  A(() => {
+  w(() => {
     e(t);
   }, [t, e]);
 }, Ee = (t) => {
-  const e = r(
+  const e = s(
     (n) => n.setGetJsonActivitySplitContentFunction
   );
-  A(() => {
+  w(() => {
     e(t);
   }, [t, e]);
 }, Re = (t) => {
-  const e = r(
+  const e = s(
     (n) => n.setGetJsonAssignmentSplitContentFunction
   );
-  A(() => {
+  w(() => {
     e(t);
   }, [t, e]);
 }, Je = (t) => {
-  const e = r((n) => n.afterSaveCount);
-  A(() => {
+  const e = s((n) => n.afterSaveCount);
+  w(() => {
     e > 0 && t();
   }, [e]);
 }, Te = () => (t, e) => {
-  w.use(["meta-player-ui"], ([n]) => {
+  A.use(["meta-player-ui"], ([n]) => {
     if (n.version === 0) {
       console.error(
         "[React bindings] Le MétaPlayer ne supporte pas le contrat meta-player-ui"
@@ -1269,7 +1292,7 @@ const re = () => r((t) => {
     n.i?.previewTextFile(t, e);
   });
 }, ke = () => (t, e) => {
-  w.use(["meta-player-ui"], ([n]) => {
+  A.use(["meta-player-ui"], ([n]) => {
     if (n.version === 0) {
       console.error(
         "[React bindings] Le MétaPlayer ne supporte pas le contrat meta-player-ui"
@@ -1279,15 +1302,15 @@ const re = () => r((t) => {
     n.i?.previewImageFile(t, e);
   });
 };
-let D = 0, B = 0;
+let G = 0, B = 0;
 const xe = (t, e) => {
-  const n = _(t, e), i = r((o) => o.setSidebarActions);
-  A(() => (D++, D > 1 && console.error(
+  const n = _(t, e), r = s((o) => o.setSidebarActions);
+  w(() => (G++, G > 1 && console.error(
     "[React bindings] Capytale iframe React: Multiple sidebar actions registered: ",
-    D
+    G
   ), () => {
-    D--;
-  }), []), A(() => (w.use(["meta-player-ui"], ([o]) => {
+    G--;
+  }), []), w(() => (A.use(["meta-player-ui"], ([o]) => {
     if (o.version === 0) {
       console.error(
         "[React bindings] Le MétaPlayer ne supporte pas le contrat meta-player-ui"
@@ -1295,7 +1318,7 @@ const xe = (t, e) => {
       return;
     }
     B++;
-    const s = n.map((l, f) => ({
+    const i = n.map((l, f) => ({
       type: l.type,
       title: l.title,
       icon: l.icon,
@@ -1304,9 +1327,9 @@ const xe = (t, e) => {
     })), u = {};
     n.forEach((l, f) => {
       u[`sa-${B}-${f}`] = l.action;
-    }), o.i?.setSidebarActionButtons(s), i(u);
+    }), o.i?.setSidebarActionButtons(i), r(u);
   }), () => {
-    i({}), w.use(["meta-player-ui"], ([o]) => {
+    r({}), A.use(["meta-player-ui"], ([o]) => {
       if (o.version === 0) {
         console.error(
           "[React bindings] Le MétaPlayer ne supporte pas le contrat meta-player-ui"
@@ -1317,15 +1340,15 @@ const xe = (t, e) => {
     });
   }), [n]);
 };
-let P = 0, H = 0;
+let D = 0, H = 0;
 const Le = (t, e) => {
-  const n = _(t, e), i = r((o) => o.setQuickActions);
-  A(() => (P++, P > 1 && console.error(
+  const n = _(t, e), r = s((o) => o.setQuickActions);
+  w(() => (D++, D > 1 && console.error(
     "[React bindings] Capytale iframe React: Multiple quick actions registered: ",
-    P
+    D
   ), () => {
-    P--;
-  }), []), A(() => (w.use(["meta-player-ui"], ([o]) => {
+    D--;
+  }), []), w(() => (A.use(["meta-player-ui"], ([o]) => {
     if (o.version === 0) {
       console.error(
         "[React bindings] Le MétaPlayer ne supporte pas le contrat meta-player-ui"
@@ -1333,7 +1356,7 @@ const Le = (t, e) => {
       return;
     }
     H++;
-    const s = n.map((l, f) => ({
+    const i = n.map((l, f) => ({
       type: l.type,
       title: l.title,
       icon: l.icon,
@@ -1342,9 +1365,9 @@ const Le = (t, e) => {
     })), u = {};
     n.forEach((l, f) => {
       u[`qa-${H}-${f}`] = l.action;
-    }), o.i?.setQuickActionButtons(s), i(u);
+    }), o.i?.setQuickActionButtons(i), r(u);
   }), () => {
-    i({}), w.use(["meta-player-ui"], ([o]) => {
+    r({}), A.use(["meta-player-ui"], ([o]) => {
       if (o.version === 0) {
         console.error(
           "[React bindings] Le MétaPlayer ne supporte pas le contrat meta-player-ui"
@@ -1357,28 +1380,28 @@ const Le = (t, e) => {
 };
 let V = 0;
 const Bt = (t, e, n) => {
-  const i = _(t, n), o = r(
-    (s) => s.setActivitySettingsCallback
+  const r = _(t, n), o = s(
+    (i) => i.setActivitySettingsCallback
   );
-  A(() => (V++, V > 1 && console.error(
+  w(() => (V++, V > 1 && console.error(
     "[React bindings] Capytale iframe React: Multiple settings registered: ",
     V
   ), () => {
     V--;
-  }), []), A(() => (w.use(["meta-player-ui"], ([s]) => {
-    if (s.version === 0) {
+  }), []), w(() => (A.use(["meta-player-ui"], ([i]) => {
+    if (i.version === 0) {
       console.error(
         "[React bindings] Le MétaPlayer ne supporte pas le contrat meta-player-ui"
       );
       return;
     }
-    s.i?.setSettingsUI(i);
+    i.i?.setSettingsUI(r);
   }), o(
     e
   ), () => {
     o(null);
-  }), [i]);
-}, Ht = () => b((e) => w.exec(["meta-player-ui"], ([n]) => {
+  }), [r]);
+}, Ht = () => b((e) => A.exec(["meta-player-ui"], ([n]) => {
   if (n.version === 0)
     throw console.error(
       "[React bindings] Le MétaPlayer ne supporte pas le contrat meta-player-ui"
@@ -1387,7 +1410,7 @@ const Bt = (t, e, n) => {
     );
   return n.i?.showToast(e);
 }), []), zt = () => b(
-  (e) => w.exec(["meta-player-ui"], ([n]) => {
+  (e) => A.exec(["meta-player-ui"], ([n]) => {
     if (n.version === 0)
       throw console.error(
         "[React bindings] Le MétaPlayer ne supporte pas le contrat meta-player-ui"
@@ -1398,7 +1421,7 @@ const Bt = (t, e, n) => {
   }),
   []
 ), Me = () => b(
-  () => w.exec(["meta-player-ui"], ([e]) => {
+  () => A.exec(["meta-player-ui"], ([e]) => {
     if (e.version === 0)
       throw console.error(
         "[React bindings] Le MétaPlayer ne supporte pas le contrat meta-player-ui"
@@ -1409,18 +1432,18 @@ const Bt = (t, e, n) => {
   }),
   []
 ), _t = (t, e) => {
-  const n = Ht(), i = zt();
-  return A(() => {
+  const n = Ht(), r = zt();
+  return w(() => {
     if (t == null)
       return;
     const o = n(t);
     return () => {
-      o.then((s) => {
-        s != null && i(s);
+      o.then((i) => {
+        i != null && r(i);
       });
     };
-  }, [n, i, ...e]), null;
-}, Ge = () => b(() => w.exec(["trigger-save"], ([e]) => {
+  }, [n, r, ...e]), null;
+}, Pe = () => b(() => A.exec(["trigger-save"], ([e]) => {
   if (e.version === 0)
     throw console.error(
       "[React bindings] Le MétaPlayer ne supporte pas le contrat trigger-save"
@@ -1428,34 +1451,34 @@ const Bt = (t, e, n) => {
       "Le MétaPlayer ne supporte pas le contrat trigger-save"
     );
   return e.i?.triggerSave();
-}), []), De = () => r((t) => t.canSave), Pe = (t, e) => {
-  const n = r(
-    (i) => i.setLlmGetFirstMessageContextFunction
+}), []), Ge = () => s((t) => t.canSave), De = (t, e) => {
+  const n = s(
+    (r) => r.setLlmGetFirstMessageContextFunction
   );
-  A(() => (n(t), () => {
+  w(() => (n(t), () => {
     n(null);
   }), [e, n]);
 }, Ve = (t, e) => {
-  const n = r(
-    (i) => i.setLlmGetAllMessagesContextFunction
+  const n = s(
+    (r) => r.setLlmGetAllMessagesContextFunction
   );
-  A(() => (n(t), () => {
+  w(() => (n(t), () => {
     n(null);
   }), [e, n]);
-}, Ie = (t, e, n, i) => {
-  const o = r(
+}, Ie = (t, e, n, r) => {
+  const o = s(
     (l) => l.setLlmGetAvailableToolsFunction
-  ), s = r(
+  ), i = s(
     (l) => l.setLlmCallToolFunction
-  ), u = r(
+  ), u = s(
     (l) => l.setLlmDescribeToolFunction
   );
-  A(() => (o(t), s(e), u(n), () => {
-    o(null), s(null), u(null);
+  w(() => (o(t), i(e), u(n), () => {
+    o(null), i(null), u(null);
   }), [
-    i,
+    r,
     o,
-    s,
+    i,
     u
   ]);
 };
@@ -1491,7 +1514,7 @@ function Xt(t) {
   return e;
 }
 function je(t) {
-  const n = dt()((i) => ({
+  const n = dt()((r) => ({
     ...Xt(t)
   }));
   return n.activitySettings = t, n;
@@ -1520,16 +1543,16 @@ function Oe({
   children: t,
   contracts: e,
   loadOnlyWhenReady: n = !0,
-  activitySettingsStore: i
+  activitySettingsStore: r
 }) {
-  const o = r((s) => s.ready);
-  return A(() => {
-    const s = [...e];
+  const o = s((i) => i.ready);
+  return w(() => {
+    const i = [...e];
     for (const u of ee)
-      s.includes(u) || s.push(u);
-    Wt(s);
+      i.includes(u) || i.push(u);
+    Wt(i);
   }, []), n && !o ? /* @__PURE__ */ U("div", { className: "capy-loading-container", children: "Chargement en cours..." }) : /* @__PURE__ */ ft(mt, { children: [
-    i && /* @__PURE__ */ U(te, { store: i }),
+    r && /* @__PURE__ */ U(te, { store: r }),
     t
   ] });
 }
@@ -1541,13 +1564,13 @@ export {
   $e as TemporaryToast,
   je as createActivitySettingsStore,
   Je as useAfterSaveAction,
-  De as useCanSave,
+  Ge as useCanSave,
   zt as useClearToast,
   Me as useClearToasts,
   Ce as useGetLoadedJsonActivityContent,
   Se as useGetLoadedJsonActivitySplitContent,
   ye as useGetLoadedJsonAssignmentContent,
-  Ae as useGetLoadedJsonAssignmentSplitContent,
+  we as useGetLoadedJsonAssignmentSplitContent,
   ve as useGetLoadedJsonContent,
   pe as useGetLoadedTextContent,
   he as useJsonActivityContentSaveFunction,
@@ -1556,7 +1579,7 @@ export {
   Re as useJsonAssignmentSplitContentSaveFunction,
   be as useJsonContentSaveFunction,
   Ve as useLLMAllMessagesContext,
-  Pe as useLLMFirstMessageContext,
+  De as useLLMFirstMessageContext,
   Ie as useLLMTools,
   fe as useLoadedJsonActivityBinaryData,
   de as useLoadedJsonActivityContent,
@@ -1573,9 +1596,9 @@ export {
   Bt as useSettings,
   Ht as useShowToast,
   xe as useSidebarActions,
-  we as useTextContentSaveFunction,
+  Ae as useTextContentSaveFunction,
   ie as useTheme,
   _t as useToast,
-  Ge as useTriggerSave,
+  Pe as useTriggerSave,
   se as useWorkflow
 };