@capytale/iframe-react 1.0.5 → 1.1.0

package/README.md

@@ -1,5 +1,5 @@
-# Capytale iframe React
-
-Une bibliothèque React pour intégrer une application React à la plateforme Capytale.
-
-Elle gère la communication entre l'application React et le conteneur Capytale, en utilisant des contrats metaplayer-rpc.
+# Capytale iframe React
+
+Une bibliothèque React pour intégrer une application React à la plateforme Capytale.
+
+Elle gère la communication entre l'application React et le conteneur Capytale, en utilisant des contrats metaplayer-rpc.

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react/jsx-runtime"),u=require("react"),E=require("@capytale/app-agent"),x=t=>{let e;const n=new Set,s=(c,p)=>{const S=typeof c=="function"?c(e):c;if(!Object.is(S,e)){const y=e;e=p??(typeof S!="object"||S===null)?S:Object.assign({},e,S),n.forEach(g=>g(e,y))}},i=()=>e,l={setState:s,getState:i,getInitialState:()=>a,subscribe:c=>(n.add(c),()=>n.delete(c))},a=e=t(s,i,l);return l},M=t=>t?x(t):x,q=t=>t;function j(t,e=q){const n=u.useSyncExternalStore(t.subscribe,()=>e(t.getState()),()=>e(t.getInitialState()));return u.useDebugValue(n),n}const h=t=>{const e=M(t),n=s=>j(e,s);return Object.assign(n,e),n},J=t=>t?h(t):h,I=t=>(e,n,s)=>{const i=s.subscribe;return s.subscribe=(r,l,a)=>{let c=r;if(l){const p=(a==null?void 0:a.equalityFn)||Object.is;let S=r(s.getState());c=y=>{const g=r(y);if(!p(S,g)){const F=S;l(S=g,F)}},a!=null&&a.fireImmediately&&l(S,S)}return i(c)},t(e,n,s)},$=I,o=J()($(t=>({ready:!1,workflow:"current",mode:"assignment",theme:"light",saveCount:0,afterSaveCount:0,isDirtyCount:0,loadedTextContent:null,loadedJsonContent:null,getTextContentFunction:()=>(console.error("getTextContentFunction is not set"),null),getJsonContentFunction:()=>(console.error("getJsonContentFunction is not set"),null),sidebarActions:{},quickActions:{},activitySettings:null,setGetTextContentFunction:e=>{t({getTextContentFunction:e})},setGetJsonContentFunction:e=>{t({getJsonContentFunction:e})},setSidebarActions:e=>{t({sidebarActions:e})},setQuickActions:e=>{t({quickActions:e})},setActivitySettings:e=>{t({activitySettings:e})},incSaveCount:()=>t(e=>({saveCount:e.saveCount+1})),incDirtyCount:()=>t(e=>({isDirtyCount:e.isDirtyCount+1}))})));let k=!1;const P=["meta-player-events:1","meta-player-ui:1","mode:1","reload:1","theme:1","workflow:1","simple-content(text):1","simple-content(json):1","simple-binary-data(text):1","simple-content-eval(text):1","simple-content-eval(json):1"],T={"mode:1":{setMode:t=>{o.setState({mode:t})}},"reload:1":{reloaded:t=>{console.log("Reloaded with state:",t),console.error("Not implemented yet")}},"theme:1":{setTheme:t=>{if(t===null){o.setState({theme:null});return}if(t!=="light"&&t!=="dark"){console.warn(`Invalid theme: ${t}. Expected 'light' or 'dark'.`),o.setState({theme:null});return}o.setState({theme:t})}},"workflow:1":{setWorkflow:t=>{o.setState({workflow:t})}},"simple-content(text):1":{contentSaved:()=>{o.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},getContent:()=>o.getState().getTextContentFunction(),loadContent:t=>{o.setState({loadedTextContent:t})}},"simple-content(json):1":{contentSaved:()=>{o.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},getContent:()=>o.getState().getJsonContentFunction(),loadContent:t=>{o.setState({loadedJsonContent:t})}},"simple-binary-data(text):1":{contentSaved:()=>{o.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},getContent:()=>o.getState().getTextContentFunction(),loadContent:t=>{o.setState({loadedTextContent:t})}},"simple-content-eval(text):1":{contentSaved:()=>{o.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},getContent:()=>o.getState().getTextContentFunction(),loadContent:t=>{o.setState({loadedTextContent:t})},getAssignmentContent:()=>{throw new Error("getAssignmentContent is not implemented for simple-content-eval(text)")}},"simple-content-eval(json):1":{contentSaved:()=>{o.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},getContent:()=>o.getState().getJsonContentFunction(),loadContent:t=>{o.setState({loadedJsonContent:t})},getAssignmentContent:()=>{throw new Error("getAssignmentContent is not implemented for simple-content-eval(json)")}},"simple-content-eval(json):2":{contentSaved:()=>{o.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},getContent:()=>o.getState().getJsonContentFunction(),loadContent:t=>{o.setState({loadedJsonContent:t})},getAssignmentContent:()=>{throw new Error("getAssignmentContent is not implemented for simple-content-eval(json)")}},"simple-content-eval(text):2":{contentSaved:()=>{o.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},getContent:()=>o.getState().getTextContentFunction(),loadContent:t=>{o.setState({loadedTextContent:t})},getAssignmentContent:()=>{throw new Error("getAssignmentContent is not implemented for simple-content-eval(text)")}},"meta-player-ui:1":{executeAction(t){if(t.startsWith("qa")){const n=o.getState().quickActions[t];n?n():console.error(`Quick action not found: ${t}`)}else{const n=o.getState().sidebarActions[t];n?n():console.error(`Sidebar action not found: ${t}`)}},executeFileUpload(t,e){if(t.startsWith("qa")){const s=o.getState().quickActions[t];s?s(e):console.error(`Quick action not found: ${t}`)}else{const s=o.getState().sidebarActions[t];s?s(e):console.error(`Sidebar action not found: ${t}`)}},updateSettings(t){o.setState({activitySettings:t})}},"meta-player-events:1":{handleEvent(t){t==="all-loaded"&&o.setState({ready:!0})}}},f=E.getSocket();function L(t){if(k){console.warn("Contracts have already been plugged. Skipping.");return}k=!0;for(const e of t){if(!P.includes(e)){console.warn(`Contract ${e} is not implemented in Capytale. Skipping plug.`);continue}if(!(e in T)){console.warn(`Contract handler for ${e} is not defined. Skipping plug.`);continue}const n=T[e];f.plug([e],([])=>[n])}f.plugsDone();for(const e of["simple-content(text):1","simple-content(json):1","simple-binary-data(text):1","simple-content-eval(text):1","simple-content-eval(json):1","simple-content-eval(json):2","simple-content-eval(text):2"])if(console.log(`Contract ${e} is being subscribed to content changes.`),t.includes(e)){console.log(`Subscribing to content changes for contract ${e}`);const n=e.split(":")[0];f.use([n],([s])=>{o.subscribe(i=>i.isDirtyCount,()=>{var i;(i=s.i)==null||i.contentChanged(),console.log(`Content changed for contract ${n}`)})})}}function R({children:t,contracts:e,loadOnlyWhenReady:n=!0}){const s=o(i=>i.ready);return u.useEffect(()=>{const i=e.includes("meta-player-events:1")?e:[...e,"meta-player-events:1"];L(i)},[]),n&&!s?w.jsx("div",{className:"container",children:"Chargement en cours..."}):w.jsx("div",{className:"container",children:t})}const D=()=>o(t=>{if(t.mode===null)throw new Error("Mode is not set. Have you used contract 'mode'?");return t.mode}),Q=()=>o(t=>{if(t.workflow===null)throw new Error("Workflow is not set. Have you used contract 'workflow'?");return t.workflow}),W=()=>o(t=>{if(t.theme===null)throw new Error("Theme is not set. Have you used contract 'theme'?");return t.theme}),N=()=>o(t=>t.incSaveCount),O=()=>o(t=>t.incDirtyCount),G=()=>o(t=>t.loadedTextContent),H=()=>o(t=>t.loadedJsonContent),U=t=>{const e=o(n=>n.setGetTextContentFunction);u.useEffect(()=>{e(t)},[t,e])},B=t=>{const e=o(n=>n.setGetJsonContentFunction);u.useEffect(()=>{e(t)},[t,e])},V=t=>{const e=o(n=>n.afterSaveCount);u.useEffect(()=>{e>0&&t()},[e])},_=()=>(t,e)=>{f.use(["meta-player-ui"],([n])=>{var s;if(n.version===0){console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");return}(s=n.i)==null||s.previewTextFile(t,e)})},z=()=>(t,e)=>{f.use(["meta-player-ui"],([n])=>{var s;if(n.version===0){console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");return}(s=n.i)==null||s.previewImageFile(t,e)})};let C=0,b=0;const K=(t,e)=>{const n=u.useMemo(t,e),s=o(i=>i.setSidebarActions);u.useEffect(()=>(C++,C>1&&console.error("Capytale iframe React: Multiple sidebar actions registered: ",C),()=>{C--}),[]),u.useEffect(()=>(f.use(["meta-player-ui"],([i])=>{var l;if(i.version===0){console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");return}b++;const d=n.map((a,c)=>({type:a.type,title:a.title,icon:a.icon,id:`sa-${b}-${c}`,...a.type==="file-upload"?{accept:a.accept}:{}})),r={};n.forEach((a,c)=>{r[`sa-${b}-${c}`]=a.action}),(l=i.i)==null||l.setSidebarActionButtons(d),s(r)}),()=>{s({}),f.use(["meta-player-ui"],([i])=>{var d;if(i.version===0){console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");return}(d=i.i)==null||d.setSidebarActionButtons([])})}),[n])};let m=0,A=0;const X=(t,e)=>{const n=u.useMemo(t,e),s=o(i=>i.setQuickActions);u.useEffect(()=>(m++,m>1&&console.error("Capytale iframe React: Multiple quick actions registered: ",m),()=>{m--}),[]),u.useEffect(()=>(f.use(["meta-player-ui"],([i])=>{var l;if(i.version===0){console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");return}A++;const d=n.map((a,c)=>({type:a.type,title:a.title,icon:a.icon,id:`qa-${A}-${c}`,...a.type==="file-upload"?{accept:a.accept}:{}})),r={};n.forEach((a,c)=>{r[`qa-${A}-${c}`]=a.action}),(l=i.i)==null||l.setQuickActionButtons(d),s(r)}),()=>{s({}),f.use(["meta-player-ui"],([i])=>{var d;if(i.version===0){console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");return}(d=i.i)==null||d.setQuickActionButtons([])})}),[n])};let v=0;const Y=(t,e)=>{const n=u.useMemo(t,e),s=o(r=>r.setActivitySettings),i=o(r=>r.activitySettings),d=u.useRef("");return u.useEffect(()=>(console.log("Mounting useSettings"),v++,v>1&&console.error("Capytale iframe React: Multiple settings registered: ",v),()=>{v--}),[]),u.useEffect(()=>{const r=JSON.stringify(n);if(r!==d.current)return d.current=r,f.use(["meta-player-ui"],([l])=>{var a;if(l.version===0){console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");return}console.log("Updating settings UI in MetaPlayer",n),(a=l.i)==null||a.setSettingsUI(n)}),()=>{s(null)}},[n]),i},Z=()=>e=>{f.use(["meta-player-ui"],([n])=>{var s;if(n.version===0){console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");return}(s=n.i)==null||s.showToast(e)})};exports.Capytale=R;exports.useAfterSaveAction=V;exports.useJsonContentSaveFunction=B;exports.useLoadedJsonContent=H;exports.useLoadedTextContent=G;exports.useMode=D;exports.useNotifyIsDirty=O;exports.usePreviewImageFile=z;exports.usePreviewTextFile=_;exports.useQuickActions=X;exports.useRequestSave=N;exports.useSettings=Y;exports.useShowToast=Z;exports.useSidebarActions=K;exports.useTextContentSaveFunction=U;exports.useTheme=W;exports.useWorkflow=Q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("react/jsx-runtime"),c=require("react"),k=require("@capytale/app-agent"),b=t=>{let e;const o=new Set,s=(l,S)=>{const g=typeof l=="function"?l(e):l;if(!Object.is(g,e)){const p=e;e=S??(typeof g!="object"||g===null)?g:Object.assign({},e,g),o.forEach(y=>y(e,p))}},i=()=>e,d={setState:s,getState:i,getInitialState:()=>a,subscribe:l=>(o.add(l),()=>o.delete(l))},a=e=t(s,i,d);return d},T=t=>t?b(t):b,B=t=>t;function E(t,e=B){const o=c.useSyncExternalStore(t.subscribe,c.useCallback(()=>e(t.getState()),[t,e]),c.useCallback(()=>e(t.getInitialState()),[t,e]));return c.useDebugValue(o),o}const w=t=>{const e=T(t),o=s=>E(e,s);return Object.assign(o,e),o},M=t=>t?w(t):w,j=t=>(e,o,s)=>{const i=s.subscribe;return s.subscribe=(u,d,a)=>{let l=u;if(d){const S=(a==null?void 0:a.equalityFn)||Object.is;let g=u(s.getState());l=p=>{const y=u(p);if(!S(g,y)){const D=g;d(g=y,D)}},a!=null&&a.fireImmediately&&d(g,g)}return i(l)},t(e,o,s)},q=j,n=M()(q(t=>({ready:!1,workflow:"current",mode:"assignment",theme:"light",saveCount:0,afterSaveCount:0,isDirtyCount:0,loadedTextContent:null,loadedJsonContent:null,loadedJsonActivityContent:null,loadedJsonAssignmentContent:null,loadedJsonActivityBinaryData:null,loadedJsonAssignmentBinaryData:null,getTextContentFunction:()=>(console.error("getTextContentFunction is not set"),null),getJsonContentFunction:()=>(console.error("getJsonContentFunction is not set"),null),getJsonActivityContentFunction:()=>(console.error("getJsonActivityContentFunction is not set"),null),getJsonAssignmentContentFunction:()=>(console.error("getJsonAssignmentContentFunction is not set"),null),getJsonActivityBinaryDataFunction:()=>(console.error("getJsonActivityBinaryDataFunction is not set"),null),getJsonAssignmentBinaryDataFunction:()=>(console.error("getJsonAssignmentBinaryDataFunction is not set"),null),sidebarActions:{},quickActions:{},activitySettings:null,setGetTextContentFunction:e=>{t({getTextContentFunction:e})},setGetJsonContentFunction:e=>{t({getJsonContentFunction:e})},setGetJsonActivityContentFunction:e=>{t({getJsonActivityContentFunction:e})},setGetJsonAssignmentContentFunction:e=>{t({getJsonAssignmentContentFunction:e})},setGetJsonActivityBinaryDataFunction:e=>{t({getJsonActivityBinaryDataFunction:e})},setGetJsonAssignmentBinaryDataFunction:e=>{t({getJsonAssignmentBinaryDataFunction:e})},setSidebarActions:e=>{t({sidebarActions:e})},setQuickActions:e=>{t({quickActions:e})},setActivitySettings:e=>{t({activitySettings:e})},incSaveCount:()=>t(e=>({saveCount:e.saveCount+1})),incDirtyCount:()=>t(e=>({isDirtyCount:e.isDirtyCount+1}))})));let h=!1;const L=["meta-player-events:1","meta-player-ui:1","mode:1","reload:1","theme:1","workflow:1","simple-content(text):1","simple-content(json):1","simple-binary-data(text):1","simple-content-eval(text):1","simple-content-eval(json):1"],x={"mode:1":{setMode:t=>{n.setState({mode:t})}},"reload:1":{reloaded:t=>{console.log("Reloaded with state:",t),console.error("Not implemented yet")}},"theme:1":{setTheme:t=>{if(t===null){n.setState({theme:null});return}if(t!=="light"&&t!=="dark"){console.warn(`Invalid theme: ${t}. Expected 'light' or 'dark'.`),n.setState({theme:null});return}n.setState({theme:t})}},"workflow:1":{setWorkflow:t=>{n.setState({workflow:t})}},"simple-content(text):1":{contentSaved:()=>{n.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},getContent:()=>n.getState().getTextContentFunction(),loadContent:t=>{n.setState({loadedTextContent:t})}},"simple-content(json):1":{contentSaved:()=>{n.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},getContent:()=>n.getState().getJsonContentFunction(),loadContent:t=>{n.setState({loadedJsonContent:t})}},"simple-binary-data(text):1":{contentSaved:()=>{n.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},getContent:()=>n.getState().getTextContentFunction(),loadContent:t=>{n.setState({loadedTextContent:t})}},"simple-content-eval(text):1":{contentSaved:()=>{n.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},getContent:()=>n.getState().getTextContentFunction(),loadContent:t=>{n.setState({loadedTextContent:t})},getAssignmentContent:()=>{throw new Error("getAssignmentContent is not implemented for simple-content-eval(text)")}},"simple-content-eval(json):1":{contentSaved:()=>{n.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},getContent:()=>n.getState().getJsonContentFunction(),loadContent:t=>{n.setState({loadedJsonContent:t})},getAssignmentContent:()=>{throw new Error("getAssignmentContent is not implemented for simple-content-eval(json)")}},"simple-content-eval(json):2":{contentSaved:()=>{n.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},getContent:()=>n.getState().getJsonContentFunction(),loadContent:t=>{n.setState({loadedJsonContent:t})},getAssignmentContent:()=>{throw new Error("getAssignmentContent is not implemented for simple-content-eval(json)")}},"simple-content-eval(text):2":{contentSaved:()=>{n.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},getContent:()=>n.getState().getTextContentFunction(),loadContent:t=>{n.setState({loadedTextContent:t})},getAssignmentContent:()=>{throw new Error("getAssignmentContent is not implemented for simple-content-eval(text)")}},"separate-contents(json):1":{contentSaved:()=>{n.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},loadContent:(t,e)=>{n.setState({loadedJsonActivityContent:t,loadedJsonAssignmentContent:e})},getActivityContent:()=>n.getState().getJsonActivityContentFunction(),getAssignmentContent:()=>n.getState().getJsonAssignmentContentFunction()},"separate-dual-contents(json):1":{contentSaved:()=>{n.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},loadContent:({activityContent:t,assignmentContent:e,activityBinaryData:o,assignmentBinaryData:s})=>{n.setState({loadedJsonActivityContent:t,loadedJsonAssignmentContent:e,loadedJsonActivityBinaryData:o,loadedJsonAssignmentBinaryData:s})},getActivityContentAndData:()=>({content:n.getState().getJsonActivityContentFunction(),binaryData:n.getState().getJsonActivityBinaryDataFunction()}),getAssignmentContentAndData:()=>({content:n.getState().getJsonAssignmentContentFunction(),binaryData:n.getState().getJsonAssignmentBinaryDataFunction()})},"meta-player-anti-cheat:1":{lock:()=>{},unlock:()=>{}},"meta-player-ui:1":{executeAction(t){if(t.startsWith("qa")){const o=n.getState().quickActions[t];o?o():console.error(`Quick action not found: ${t}`)}else{const o=n.getState().sidebarActions[t];o?o():console.error(`Sidebar action not found: ${t}`)}},executeFileUpload(t,e){if(t.startsWith("qa")){const s=n.getState().quickActions[t];s?s(e):console.error(`Quick action not found: ${t}`)}else{const s=n.getState().sidebarActions[t];s?s(e):console.error(`Sidebar action not found: ${t}`)}},updateSettings(t){n.setState({activitySettings:t})}},"meta-player-events:1":{handleEvent(t){t==="all-loaded"&&n.setState({ready:!0})}}},C=k.getSocket();function G(t){if(h){console.warn("Contracts have already been plugged. Skipping.");return}h=!0;for(const e of t){if(!L.includes(e)){console.warn(`Contract ${e} is not implemented in Capytale. Skipping plug.`);continue}if(!(e in x)){console.warn(`Contract handler for ${e} is not defined. Skipping plug.`);continue}const o=x[e];C.plug([e],([])=>[o])}C.plugsDone();for(const e of["simple-content(text):1","simple-content(json):1","simple-binary-data(text):1","simple-content-eval(text):1","simple-content-eval(json):1","simple-content-eval(json):2","simple-content-eval(text):2"])if(console.log(`Contract ${e} is being subscribed to content changes.`),t.includes(e)){console.log(`Subscribing to content changes for contract ${e}`);const o=e.split(":")[0];C.use([o],([s])=>{n.subscribe(i=>i.isDirtyCount,()=>{var i;(i=s.i)==null||i.contentChanged(),console.log(`Content changed for contract ${o}`)})})}}const I=["meta-player-events:1","mode:1","workflow:1"];function $({children:t,contracts:e,loadOnlyWhenReady:o=!0}){const s=n(i=>i.ready);return c.useEffect(()=>{const i=[...e];for(const r of I)i.includes(r)||i.push(r);G(i)},[]),o&&!s?F.jsx("div",{className:"container",children:"Chargement en cours..."}):F.jsx("div",{className:"container",children:t})}const P=()=>n(t=>{if(t.mode===null)throw new Error("Mode is not set. Have you used contract 'mode'?");return t.mode}),R=()=>n(t=>{if(t.workflow===null)throw new Error("Workflow is not set. Have you used contract 'workflow'?");return t.workflow}),Q=()=>n(t=>{if(t.theme===null)throw new Error("Theme is not set. Have you used contract 'theme'?");return t.theme}),W=()=>n(t=>t.incSaveCount),N=()=>n(t=>t.incDirtyCount),O=()=>n(t=>t.loadedTextContent),H=()=>n(t=>t.loadedJsonContent),U=()=>n(t=>t.loadedJsonActivityContent),V=()=>n(t=>t.loadedJsonAssignmentContent),_=()=>n(t=>t.loadedJsonActivityBinaryData),z=()=>n(t=>t.loadedJsonAssignmentBinaryData),K=t=>{const e=n(o=>o.setGetTextContentFunction);c.useEffect(()=>{e(t)},[t,e])},X=t=>{const e=n(o=>o.setGetJsonContentFunction);c.useEffect(()=>{e(t)},[t,e])},Y=t=>{const e=n(o=>o.setGetJsonActivityContentFunction);c.useEffect(()=>{e(t)},[t,e])},Z=t=>{const e=n(o=>o.setGetJsonAssignmentContentFunction);c.useEffect(()=>{e(t)},[t,e])},tt=t=>{const e=n(o=>o.setGetJsonActivityBinaryDataFunction);c.useEffect(()=>{e(t)},[t,e])},et=t=>{const e=n(o=>o.setGetJsonAssignmentBinaryDataFunction);c.useEffect(()=>{e(t)},[t,e])},nt=t=>{const e=n(o=>o.afterSaveCount);c.useEffect(()=>{e>0&&t()},[e])},ot=()=>(t,e)=>{C.use(["meta-player-ui"],([o])=>{var s;if(o.version===0){console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");return}(s=o.i)==null||s.previewTextFile(t,e)})},st=()=>(t,e)=>{C.use(["meta-player-ui"],([o])=>{var s;if(o.version===0){console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");return}(s=o.i)==null||s.previewImageFile(t,e)})};let v=0,A=0;const it=(t,e)=>{const o=c.useMemo(t,e),s=n(i=>i.setSidebarActions);c.useEffect(()=>(v++,v>1&&console.error("Capytale iframe React: Multiple sidebar actions registered: ",v),()=>{v--}),[]),c.useEffect(()=>(C.use(["meta-player-ui"],([i])=>{var d;if(i.version===0){console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");return}A++;const r=o.map((a,l)=>({type:a.type,title:a.title,icon:a.icon,id:`sa-${A}-${l}`,...a.type==="file-upload"?{accept:a.accept}:{}})),u={};o.forEach((a,l)=>{u[`sa-${A}-${l}`]=a.action}),(d=i.i)==null||d.setSidebarActionButtons(r),s(u)}),()=>{s({}),C.use(["meta-player-ui"],([i])=>{var r;if(i.version===0){console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");return}(r=i.i)==null||r.setSidebarActionButtons([])})}),[o])};let f=0,J=0;const at=(t,e)=>{const o=c.useMemo(t,e),s=n(i=>i.setQuickActions);c.useEffect(()=>(f++,f>1&&console.error("Capytale iframe React: Multiple quick actions registered: ",f),()=>{f--}),[]),c.useEffect(()=>(C.use(["meta-player-ui"],([i])=>{var d;if(i.version===0){console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");return}J++;const r=o.map((a,l)=>({type:a.type,title:a.title,icon:a.icon,id:`qa-${J}-${l}`,...a.type==="file-upload"?{accept:a.accept}:{}})),u={};o.forEach((a,l)=>{u[`qa-${J}-${l}`]=a.action}),(d=i.i)==null||d.setQuickActionButtons(r),s(u)}),()=>{s({}),C.use(["meta-player-ui"],([i])=>{var r;if(i.version===0){console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");return}(r=i.i)==null||r.setQuickActionButtons([])})}),[o])};let m=0;const ct=(t,e)=>{const o=c.useMemo(t,e),s=n(u=>u.setActivitySettings),i=n(u=>u.activitySettings),r=c.useRef("");return c.useEffect(()=>(console.log("Mounting useSettings"),m++,m>1&&console.error("Capytale iframe React: Multiple settings registered: ",m),()=>{m--}),[]),c.useEffect(()=>{const u=JSON.stringify(o);if(u!==r.current)return r.current=u,C.use(["meta-player-ui"],([d])=>{var a;if(d.version===0){console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");return}console.log("Updating settings UI in MetaPlayer",o),(a=d.i)==null||a.setSettingsUI(o)}),()=>{s(null)}},[o]),i},rt=()=>e=>{C.use(["meta-player-ui"],([o])=>{var s;if(o.version===0){console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");return}(s=o.i)==null||s.showToast(e)})};exports.Capytale=$;exports.useAfterSaveAction=nt;exports.useJsonActivityBinaryDataSaveFunction=tt;exports.useJsonActivityContentSaveFunction=Y;exports.useJsonAssignmentBinaryDataSaveFunction=et;exports.useJsonAssignmentContentSaveFunction=Z;exports.useJsonContentSaveFunction=X;exports.useLoadedJsonActivityBinaryData=_;exports.useLoadedJsonActivityContent=U;exports.useLoadedJsonAssignmentBinaryData=z;exports.useLoadedJsonAssignmentContent=V;exports.useLoadedJsonContent=H;exports.useLoadedTextContent=O;exports.useMode=P;exports.useNotifyIsDirty=N;exports.usePreviewImageFile=st;exports.usePreviewTextFile=ot;exports.useQuickActions=at;exports.useRequestSave=W;exports.useSettings=ct;exports.useShowToast=rt;exports.useSidebarActions=it;exports.useTextContentSaveFunction=K;exports.useTheme=Q;exports.useWorkflow=R;

package/dist/index.d.ts

@@ -108,12 +108,14 @@ declare type AddIdData<C, I extends {
     [Index in keyof C]: AddId<C[Index], I>;
 } : AddId<C, I>;
 
+declare type AllContractNames = keyof AllContracts;
+
 declare type AllContracts = CapytaleContracts & CustomContracts;
 
 export declare function Capytale({ children, contracts, loadOnlyWhenReady, }: PropsWithChildren<CapytaleProps>): JSX_2.Element;
 
 declare type CapytaleProps = {
-    contracts: (keyof AllContracts)[];
+    contracts: ContractNamesExceptForced[];
     loadOnlyWhenReady?: boolean;
 };
 
@@ -127,15 +129,16 @@ declare type CollectionOf<T extends {
     version: number;
 }[]> = Indexed<IdContractTuple<T>>;
 
+declare type ContractNamesExceptForced = Exclude<AllContractNames, ForcedContactNames>;
+
 declare type CustomContracts = CollectionOf<[
-AddIdData<MetaPlayerUIV1, {
-    name: "meta-player-ui";
-}>,
-AddIdData<MetaPlayerEventsV1, {
-    name: "meta-player-events";
+AddIdData<MetaPlayerAntiCheatV1, {
+    name: "meta-player-anti-cheat";
 }>
 ]>;
 
+declare type ForcedContactNames = "meta-player-events:1" | "mode:1" | "workflow:1";
+
 declare type IdContractTuple<T extends {
     name: string;
     version: number;
@@ -159,87 +162,21 @@ declare type Indexed<L extends [string, unknown]> = {
     [I in L[0]]: Extract<L, [I, any]>[1];
 };
 
-declare type MetaPlayerEventsV1 = {
-    version: 1;
-    /**
-     * L'interface qui expose le *MetaPlayer* à l'*Application*.
-     */
-    metaplayer: {};
-    /**
-     * L'interface qui expose l'*Application* au *MetaPlayer*.
-     */
-    application: {
-        /**
-         * Le *MetaPlayer* appelle cette méthode pour indiquer à l'*Application* qu'un événement a eu lieu.
-         *
-         * @param event l'identifiant de l'événement qui a eu lieu (pour l'instant seulement "all-loaded", qui indique que tous les contrats liés au chargement initial de l'activité ont été appelés par le *MetaPlayer*).
-         */
-        handleEvent(event: "all-loaded" | (string & {})): void;
-    };
-};
-
-declare type MetaPlayerUIV1 = {
+declare type MetaPlayerAntiCheatV1 = {
     version: 1;
     /**
      * L'interface qui expose le *MetaPlayer* à l'*Application*.
      */
     metaplayer: {
-        /**
-         * L'*Application* peut appeler cette méthode pour définir les boutons d'action rapide.
-         * @param actions Un tableau d'objets décrivant les boutons d'action rapide.
-         */
-        setQuickActionButtons(actions: QuickActionInfo[]): void;
-        /**
-         * L'*Application* peut appeler cette méthode pour définir les boutons d'action dans la barre latérale.
-         * @param actions Un tableau d'objets décrivant les boutons d'action dans la barre latérale.
-         */
-        setSidebarActionButtons(actions: QuickActionInfo[]): void;
-        /**
-         * L'*Application* peut appeler cette méthode pour définir l'interface utilisateur des paramètres de l'activité.
-         * @param settingsUI Un objet décrivant l'interface utilisateur des paramètres de l'activité.
-         */
-        setSettingsUI(settingsUI: ActivitySettings | null): void;
-        /**
-         * L'*Application* peut appeler cette méthode pour demander au *MetaPlayer* de prévisualiser un fichier texte.
-         * @param title le titre du fichier texte à prévisualiser.
-         * @param content le contenu du fichier texte à prévisualiser.
-         */
-        previewTextFile(title: string, content: string): void;
-        /**
-         * L'*Application* peut appeler cette méthode pour demander au *MetaPlayer* de prévisualiser un fichier image.
-         * @param title le titre du fichier image à prévisualiser.
-         * @param url l'URL du fichier image à prévisualiser.
-         */
-        previewImageFile(title: string, url: string): void;
-        /**
-         * L'*Application* peut appeler cette méthode pour afficher une notification.
-         * @param message Un objet décrivant le message à afficher.
-         */
-        showToast(message: MPToastMessage): void;
+        reportGainedFocus(): void;
+        reportLostFocus(): void;
     };
     /**
      * L'interface qui expose l'*Application* au *MetaPlayer*.
      */
     application: {
-        /**
-         * Le *MetaPlayer* appelle cette méthode pour indiquer à l'*Application* que l'utilisateur a cliqué sur un bouton de type action.
-         *
-         * @param id l'identifiant de l'action associée au bouton cliqué.
-         */
-        executeAction(id: string): void;
-        /**
-         * Le *MetaPlayer* appelle cette méthode pour indiquer à l'*Application* que l'utilisateur a cliqué sur un bouton de type file-upload.
-         *
-         * @param id l'identifiant de l'action associée au bouton cliqué.
-         * @param file le fichier chargé par l'utilisateur.
-         */
-        executeFileUpload(id: string, file: File): void;
-        /**
-         * Le *MetaPlayer* appelle cette méthode pour indiquer à l'*Application* que l'utilisateur a modifié les paramètres de l'activité.
-         *
-         * @param settingsUI Un objet décrivant l'interface utilisateur des paramètres de l'activité.
-         */
-        updateSettings(settingsUI: ActivitySettings | null): void;
+        lock(): void;
+        unlock(): void;
     };
 };
 
@@ -270,21 +207,26 @@ declare type MPToastMessage = {
     life?: number;
 };
 
-declare type QuickActionInfo = {
-    title: string;
-    icon: string;
-    id: string;
-} & ({
-    type: "action";
-} | {
-    type: "file-upload";
-    accept?: string;
-});
-
 export declare const useAfterSaveAction: (fn: () => any) => void;
 
+export declare const useJsonActivityBinaryDataSaveFunction: (fn: () => any) => void;
+
+export declare const useJsonActivityContentSaveFunction: (fn: () => any) => void;
+
+export declare const useJsonAssignmentBinaryDataSaveFunction: (fn: () => any) => void;
+
+export declare const useJsonAssignmentContentSaveFunction: (fn: () => any) => void;
+
 export declare const useJsonContentSaveFunction: (fn: () => any) => void;
 
+export declare const useLoadedJsonActivityBinaryData: () => any;
+
+export declare const useLoadedJsonActivityContent: () => any;
+
+export declare const useLoadedJsonAssignmentBinaryData: () => any;
+
+export declare const useLoadedJsonAssignmentContent: () => any;
+
 export declare const useLoadedJsonContent: () => any;
 
 export declare const useLoadedTextContent: () => string | null;

package/dist/index.es.js

@@ -1,47 +1,47 @@
-import { jsx as h } from "react/jsx-runtime";
-import x, { useEffect as S, useMemo as w, useRef as J } from "react";
-import { getSocket as $ } from "@capytale/app-agent";
-const k = (t) => {
+import { jsx as w } from "react/jsx-runtime";
+import m, { useEffect as d, useMemo as b, useRef as B } from "react";
+import { getSocket as M } from "@capytale/app-agent";
+const h = (t) => {
   let e;
-  const n = /* @__PURE__ */ new Set(), s = (c, g) => {
-    const d = typeof c == "function" ? c(e) : c;
-    if (!Object.is(d, e)) {
-      const y = e;
-      e = g ?? (typeof d != "object" || d === null) ? d : Object.assign({}, e, d), n.forEach((f) => f(e, y));
+  const o = /* @__PURE__ */ new Set(), s = (u, S) => {
+    const g = typeof u == "function" ? u(e) : u;
+    if (!Object.is(g, e)) {
+      const A = e;
+      e = S ?? (typeof g != "object" || g === null) ? g : Object.assign({}, e, g), o.forEach((y) => y(e, A));
     }
-  }, i = () => e, l = { setState: s, getState: i, getInitialState: () => r, subscribe: (c) => (n.add(c), () => n.delete(c)) }, r = e = t(s, i, l);
+  }, i = () => e, l = { setState: s, getState: i, getInitialState: () => a, subscribe: (u) => (o.add(u), () => o.delete(u)) }, a = e = t(s, i, l);
   return l;
-}, j = (t) => t ? k(t) : k, q = (t) => t;
-function I(t, e = q) {
-  const n = x.useSyncExternalStore(
+}, j = (t) => t ? h(t) : h, E = (t) => t;
+function G(t, e = E) {
+  const o = m.useSyncExternalStore(
     t.subscribe,
-    () => e(t.getState()),
-    () => e(t.getInitialState())
+    m.useCallback(() => e(t.getState()), [t, e]),
+    m.useCallback(() => e(t.getInitialState()), [t, e])
   );
-  return x.useDebugValue(n), n;
+  return m.useDebugValue(o), o;
 }
-const T = (t) => {
-  const e = j(t), n = (s) => I(e, s);
-  return Object.assign(n, e), n;
-}, P = (t) => t ? T(t) : T, D = (t) => (e, n, s) => {
+const x = (t) => {
+  const e = j(t), o = (s) => G(e, s);
+  return Object.assign(o, e), o;
+}, $ = (t) => t ? x(t) : x, q = (t) => (e, o, s) => {
   const i = s.subscribe;
-  return s.subscribe = (a, l, r) => {
-    let c = a;
+  return s.subscribe = (r, l, a) => {
+    let u = r;
     if (l) {
-      const g = (r == null ? void 0 : r.equalityFn) || Object.is;
-      let d = a(s.getState());
-      c = (y) => {
-        const f = a(y);
-        if (!g(d, f)) {
-          const E = d;
-          l(d = f, E);
+      const S = (a == null ? void 0 : a.equalityFn) || Object.is;
+      let g = r(s.getState());
+      u = (A) => {
+        const y = r(A);
+        if (!S(g, y)) {
+          const T = g;
+          l(g = y, T);
         }
-      }, r != null && r.fireImmediately && l(d, d);
+      }, a != null && a.fireImmediately && l(g, g);
     }
-    return i(c);
-  }, t(e, n, s);
-}, L = D, o = P()(
-  L((t) => ({
+    return i(u);
+  }, t(e, o, s);
+}, I = q, n = $()(
+  I((t) => ({
     ready: !1,
     workflow: "current",
     mode: "assignment",
@@ -51,8 +51,16 @@ const T = (t) => {
     isDirtyCount: 0,
     loadedTextContent: null,
     loadedJsonContent: null,
+    loadedJsonActivityContent: null,
+    loadedJsonAssignmentContent: null,
+    loadedJsonActivityBinaryData: null,
+    loadedJsonAssignmentBinaryData: null,
     getTextContentFunction: () => (console.error("getTextContentFunction is not set"), null),
     getJsonContentFunction: () => (console.error("getJsonContentFunction is not set"), null),
+    getJsonActivityContentFunction: () => (console.error("getJsonActivityContentFunction is not set"), null),
+    getJsonAssignmentContentFunction: () => (console.error("getJsonAssignmentContentFunction is not set"), null),
+    getJsonActivityBinaryDataFunction: () => (console.error("getJsonActivityBinaryDataFunction is not set"), null),
+    getJsonAssignmentBinaryDataFunction: () => (console.error("getJsonAssignmentBinaryDataFunction is not set"), null),
     sidebarActions: {},
     quickActions: {},
     activitySettings: null,
@@ -62,6 +70,18 @@ const T = (t) => {
     setGetJsonContentFunction: (e) => {
       t({ getJsonContentFunction: e });
     },
+    setGetJsonActivityContentFunction: (e) => {
+      t({ getJsonActivityContentFunction: e });
+    },
+    setGetJsonAssignmentContentFunction: (e) => {
+      t({ getJsonAssignmentContentFunction: e });
+    },
+    setGetJsonActivityBinaryDataFunction: (e) => {
+      t({ getJsonActivityBinaryDataFunction: e });
+    },
+    setGetJsonAssignmentBinaryDataFunction: (e) => {
+      t({ getJsonAssignmentBinaryDataFunction: e });
+    },
     setSidebarActions: (e) => {
       t({ sidebarActions: e });
     },
@@ -77,8 +97,8 @@ const T = (t) => {
     incDirtyCount: () => t((e) => ({ isDirtyCount: e.isDirtyCount + 1 }))
   }))
 );
-let F = !1;
-const R = [
+let k = !1;
+const L = [
   "meta-player-events:1",
   "meta-player-ui:1",
   "mode:1",
@@ -90,10 +110,10 @@ const R = [
   "simple-binary-data(text):1",
   "simple-content-eval(text):1",
   "simple-content-eval(json):1"
-], M = {
+], D = {
   "mode:1": {
     setMode: (t) => {
-      o.setState({ mode: t });
+      n.setState({ mode: t });
     }
   },
   "reload:1": {
@@ -104,65 +124,63 @@ const R = [
   "theme:1": {
     setTheme: (t) => {
       if (t === null) {
-        o.setState({ theme: null });
+        n.setState({ theme: null });
         return;
       }
       if (t !== "light" && t !== "dark") {
-        console.warn(
-          `Invalid theme: ${t}. Expected 'light' or 'dark'.`
-        ), o.setState({ theme: null });
+        console.warn(`Invalid theme: ${t}. Expected 'light' or 'dark'.`), n.setState({ theme: null });
         return;
       }
-      o.setState({ theme: t });
+      n.setState({ theme: t });
     }
   },
   "workflow:1": {
     setWorkflow: (t) => {
-      o.setState({ workflow: t });
+      n.setState({ workflow: t });
     }
   },
   "simple-content(text):1": {
     contentSaved: () => {
-      o.setState((t) => ({
+      n.setState((t) => ({
         afterSaveCount: t.afterSaveCount + 1
       }));
     },
-    getContent: () => o.getState().getTextContentFunction(),
+    getContent: () => n.getState().getTextContentFunction(),
     loadContent: (t) => {
-      o.setState({ loadedTextContent: t });
+      n.setState({ loadedTextContent: t });
     }
   },
   "simple-content(json):1": {
     contentSaved: () => {
-      o.setState((t) => ({
+      n.setState((t) => ({
         afterSaveCount: t.afterSaveCount + 1
       }));
     },
-    getContent: () => o.getState().getJsonContentFunction(),
+    getContent: () => n.getState().getJsonContentFunction(),
     loadContent: (t) => {
-      o.setState({ loadedJsonContent: t });
+      n.setState({ loadedJsonContent: t });
     }
   },
   "simple-binary-data(text):1": {
     contentSaved: () => {
-      o.setState((t) => ({
+      n.setState((t) => ({
         afterSaveCount: t.afterSaveCount + 1
       }));
     },
-    getContent: () => o.getState().getTextContentFunction(),
+    getContent: () => n.getState().getTextContentFunction(),
     loadContent: (t) => {
-      o.setState({ loadedTextContent: t });
+      n.setState({ loadedTextContent: t });
     }
   },
   "simple-content-eval(text):1": {
     contentSaved: () => {
-      o.setState((t) => ({
+      n.setState((t) => ({
         afterSaveCount: t.afterSaveCount + 1
       }));
     },
-    getContent: () => o.getState().getTextContentFunction(),
+    getContent: () => n.getState().getTextContentFunction(),
     loadContent: (t) => {
-      o.setState({ loadedTextContent: t });
+      n.setState({ loadedTextContent: t });
     },
     getAssignmentContent: () => {
       throw new Error(
@@ -172,13 +190,13 @@ const R = [
   },
   "simple-content-eval(json):1": {
     contentSaved: () => {
-      o.setState((t) => ({
+      n.setState((t) => ({
         afterSaveCount: t.afterSaveCount + 1
       }));
     },
-    getContent: () => o.getState().getJsonContentFunction(),
+    getContent: () => n.getState().getJsonContentFunction(),
     loadContent: (t) => {
-      o.setState({ loadedJsonContent: t });
+      n.setState({ loadedJsonContent: t });
     },
     getAssignmentContent: () => {
       throw new Error(
@@ -188,13 +206,13 @@ const R = [
   },
   "simple-content-eval(json):2": {
     contentSaved: () => {
-      o.setState((t) => ({
+      n.setState((t) => ({
         afterSaveCount: t.afterSaveCount + 1
       }));
     },
-    getContent: () => o.getState().getJsonContentFunction(),
+    getContent: () => n.getState().getJsonContentFunction(),
     loadContent: (t) => {
-      o.setState({ loadedJsonContent: t });
+      n.setState({ loadedJsonContent: t });
     },
     getAssignmentContent: () => {
       throw new Error(
@@ -204,13 +222,13 @@ const R = [
   },
   "simple-content-eval(text):2": {
     contentSaved: () => {
-      o.setState((t) => ({
+      n.setState((t) => ({
         afterSaveCount: t.afterSaveCount + 1
       }));
     },
-    getContent: () => o.getState().getTextContentFunction(),
+    getContent: () => n.getState().getTextContentFunction(),
     loadContent: (t) => {
-      o.setState({ loadedTextContent: t });
+      n.setState({ loadedTextContent: t });
     },
     getAssignmentContent: () => {
       throw new Error(
@@ -218,58 +236,107 @@ const R = [
       );
     }
   },
+  "separate-contents(json):1": {
+    contentSaved: () => {
+      n.setState((t) => ({
+        afterSaveCount: t.afterSaveCount + 1
+      }));
+    },
+    loadContent: (t, e) => {
+      n.setState({
+        loadedJsonActivityContent: t,
+        loadedJsonAssignmentContent: e
+      });
+    },
+    getActivityContent: () => n.getState().getJsonActivityContentFunction(),
+    getAssignmentContent: () => n.getState().getJsonAssignmentContentFunction()
+  },
+  "separate-dual-contents(json):1": {
+    contentSaved: () => {
+      n.setState((t) => ({
+        afterSaveCount: t.afterSaveCount + 1
+      }));
+    },
+    loadContent: ({
+      activityContent: t,
+      assignmentContent: e,
+      activityBinaryData: o,
+      assignmentBinaryData: s
+    }) => {
+      n.setState({
+        loadedJsonActivityContent: t,
+        loadedJsonAssignmentContent: e,
+        loadedJsonActivityBinaryData: o,
+        loadedJsonAssignmentBinaryData: s
+      });
+    },
+    getActivityContentAndData: () => ({
+      content: n.getState().getJsonActivityContentFunction(),
+      binaryData: n.getState().getJsonActivityBinaryDataFunction()
+    }),
+    getAssignmentContentAndData: () => ({
+      content: n.getState().getJsonAssignmentContentFunction(),
+      binaryData: n.getState().getJsonAssignmentBinaryDataFunction()
+    })
+  },
+  "meta-player-anti-cheat:1": {
+    lock: () => {
+    },
+    unlock: () => {
+    }
+  },
   "meta-player-ui:1": {
     executeAction(t) {
       if (t.startsWith("qa")) {
-        const n = o.getState().quickActions[t];
-        n ? n() : console.error(`Quick action not found: ${t}`);
+        const o = n.getState().quickActions[t];
+        o ? o() : console.error(`Quick action not found: ${t}`);
       } else {
-        const n = o.getState().sidebarActions[t];
-        n ? n() : console.error(`Sidebar action not found: ${t}`);
+        const o = n.getState().sidebarActions[t];
+        o ? o() : console.error(`Sidebar action not found: ${t}`);
       }
     },
     executeFileUpload(t, e) {
       if (t.startsWith("qa")) {
-        const s = o.getState().quickActions[t];
+        const s = n.getState().quickActions[t];
         s ? s(e) : console.error(`Quick action not found: ${t}`);
       } else {
-        const s = o.getState().sidebarActions[t];
+        const s = n.getState().sidebarActions[t];
         s ? s(e) : console.error(`Sidebar action not found: ${t}`);
       }
     },
     updateSettings(t) {
-      o.setState({ activitySettings: t });
+      n.setState({ activitySettings: t });
     }
   },
   "meta-player-events:1": {
     handleEvent(t) {
-      t === "all-loaded" && o.setState({ ready: !0 });
+      t === "all-loaded" && n.setState({ ready: !0 });
     }
   }
-}, p = $();
-function Q(t) {
-  if (F) {
+}, C = M();
+function P(t) {
+  if (k) {
     console.warn("Contracts have already been plugged. Skipping.");
     return;
   }
-  F = !0;
+  k = !0;
   for (const e of t) {
-    if (!R.includes(e)) {
+    if (!L.includes(e)) {
       console.warn(
         `Contract ${e} is not implemented in Capytale. Skipping plug.`
       );
       continue;
     }
-    if (!(e in M)) {
+    if (!(e in D)) {
       console.warn(
         `Contract handler for ${e} is not defined. Skipping plug.`
       );
       continue;
     }
-    const n = M[e];
-    p.plug([e], ([]) => [n]);
+    const o = D[e];
+    C.plug([e], ([]) => [o]);
   }
-  p.plugsDone();
+  C.plugsDone();
   for (const e of [
     "simple-content(text):1",
     "simple-content(json):1",
@@ -281,187 +348,235 @@ function Q(t) {
   ])
     if (console.log(`Contract ${e} is being subscribed to content changes.`), t.includes(e)) {
       console.log(`Subscribing to content changes for contract ${e}`);
-      const n = e.split(":")[0];
-      p.use([n], ([s]) => {
-        o.subscribe((i) => i.isDirtyCount, () => {
-          var i;
-          (i = s.i) == null || i.contentChanged(), console.log(`Content changed for contract ${n}`);
-        });
+      const o = e.split(":")[0];
+      C.use([o], ([s]) => {
+        n.subscribe(
+          (i) => i.isDirtyCount,
+          () => {
+            var i;
+            (i = s.i) == null || i.contentChanged(), console.log(
+              `Content changed for contract ${o}`
+            );
+          }
+        );
       });
     }
 }
-function H({
+const R = [
+  "meta-player-events:1",
+  "mode:1",
+  "workflow:1"
+];
+function O({
   children: t,
   contracts: e,
-  loadOnlyWhenReady: n = !0
+  loadOnlyWhenReady: o = !0
 }) {
-  const s = o((i) => i.ready);
-  return S(() => {
-    const i = e.includes("meta-player-events:1") ? e : [...e, "meta-player-events:1"];
-    Q(i);
-  }, []), n && !s ? /* @__PURE__ */ h("div", { className: "container", children: "Chargement en cours..." }) : /* @__PURE__ */ h("div", { className: "container", children: t });
+  const s = n((i) => i.ready);
+  return d(() => {
+    const i = [...e];
+    for (const c of R)
+      i.includes(c) || i.push(c);
+    P(i);
+  }, []), o && !s ? /* @__PURE__ */ w("div", { className: "container", children: "Chargement en cours..." }) : /* @__PURE__ */ w("div", { className: "container", children: t });
 }
-const O = () => o((t) => {
+const H = () => n((t) => {
   if (t.mode === null)
     throw new Error("Mode is not set. Have you used contract 'mode'?");
   return t.mode;
-}), U = () => o((t) => {
+}), U = () => n((t) => {
   if (t.workflow === null)
     throw new Error("Workflow is not set. Have you used contract 'workflow'?");
   return t.workflow;
-}), B = () => o((t) => {
+}), V = () => n((t) => {
   if (t.theme === null)
     throw new Error("Theme is not set. Have you used contract 'theme'?");
   return t.theme;
-}), V = () => o((t) => t.incSaveCount), _ = () => o((t) => t.incDirtyCount), z = () => o((t) => t.loadedTextContent), K = () => o((t) => t.loadedJsonContent), X = (t) => {
-  const e = o(
-    (n) => n.setGetTextContentFunction
+}), _ = () => n((t) => t.incSaveCount), z = () => n((t) => t.incDirtyCount), K = () => n((t) => t.loadedTextContent), X = () => n((t) => t.loadedJsonContent), Y = () => n((t) => t.loadedJsonActivityContent), Z = () => n((t) => t.loadedJsonAssignmentContent), tt = () => n((t) => t.loadedJsonActivityBinaryData), et = () => n((t) => t.loadedJsonAssignmentBinaryData), nt = (t) => {
+  const e = n(
+    (o) => o.setGetTextContentFunction
   );
-  S(() => {
+  d(() => {
     e(t);
   }, [t, e]);
-}, Y = (t) => {
-  const e = o(
-    (n) => n.setGetJsonContentFunction
+}, ot = (t) => {
+  const e = n(
+    (o) => o.setGetJsonContentFunction
   );
-  S(() => {
+  d(() => {
     e(t);
   }, [t, e]);
-}, Z = (t) => {
-  const e = o((n) => n.afterSaveCount);
-  S(() => {
+}, st = (t) => {
+  const e = n(
+    (o) => o.setGetJsonActivityContentFunction
+  );
+  d(() => {
+    e(t);
+  }, [t, e]);
+}, it = (t) => {
+  const e = n(
+    (o) => o.setGetJsonAssignmentContentFunction
+  );
+  d(() => {
+    e(t);
+  }, [t, e]);
+}, at = (t) => {
+  const e = n(
+    (o) => o.setGetJsonActivityBinaryDataFunction
+  );
+  d(() => {
+    e(t);
+  }, [t, e]);
+}, ct = (t) => {
+  const e = n(
+    (o) => o.setGetJsonAssignmentBinaryDataFunction
+  );
+  d(() => {
+    e(t);
+  }, [t, e]);
+}, rt = (t) => {
+  const e = n((o) => o.afterSaveCount);
+  d(() => {
     e > 0 && t();
   }, [e]);
-}, tt = () => (t, e) => {
-  p.use(["meta-player-ui"], ([n]) => {
+}, ut = () => (t, e) => {
+  C.use(["meta-player-ui"], ([o]) => {
     var s;
-    if (n.version === 0) {
+    if (o.version === 0) {
       console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");
       return;
     }
-    (s = n.i) == null || s.previewTextFile(t, e);
+    (s = o.i) == null || s.previewTextFile(t, e);
   });
-}, et = () => (t, e) => {
-  p.use(["meta-player-ui"], ([n]) => {
+}, lt = () => (t, e) => {
+  C.use(["meta-player-ui"], ([o]) => {
     var s;
-    if (n.version === 0) {
+    if (o.version === 0) {
       console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");
       return;
     }
-    (s = n.i) == null || s.previewImageFile(t, e);
+    (s = o.i) == null || s.previewImageFile(t, e);
   });
 };
-let C = 0, b = 0;
-const nt = (t, e) => {
-  const n = w(t, e), s = o((i) => i.setSidebarActions);
-  S(() => (C++, C > 1 && console.error("Capytale iframe React: Multiple sidebar actions registered: ", C), () => {
-    C--;
-  }), []), S(() => (p.use(["meta-player-ui"], ([i]) => {
+let v = 0, J = 0;
+const dt = (t, e) => {
+  const o = b(t, e), s = n((i) => i.setSidebarActions);
+  d(() => (v++, v > 1 && console.error("Capytale iframe React: Multiple sidebar actions registered: ", v), () => {
+    v--;
+  }), []), d(() => (C.use(["meta-player-ui"], ([i]) => {
     var l;
     if (i.version === 0) {
       console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");
       return;
     }
-    b++;
-    const u = n.map((r, c) => ({
-      type: r.type,
-      title: r.title,
-      icon: r.icon,
-      id: `sa-${b}-${c}`,
-      ...r.type === "file-upload" ? { accept: r.accept } : {}
-    })), a = {};
-    n.forEach((r, c) => {
-      a[`sa-${b}-${c}`] = r.action;
-    }), (l = i.i) == null || l.setSidebarActionButtons(u), s(a);
+    J++;
+    const c = o.map((a, u) => ({
+      type: a.type,
+      title: a.title,
+      icon: a.icon,
+      id: `sa-${J}-${u}`,
+      ...a.type === "file-upload" ? { accept: a.accept } : {}
+    })), r = {};
+    o.forEach((a, u) => {
+      r[`sa-${J}-${u}`] = a.action;
+    }), (l = i.i) == null || l.setSidebarActionButtons(c), s(r);
   }), () => {
-    s({}), p.use(["meta-player-ui"], ([i]) => {
-      var u;
+    s({}), C.use(["meta-player-ui"], ([i]) => {
+      var c;
       if (i.version === 0) {
         console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");
         return;
       }
-      (u = i.i) == null || u.setSidebarActionButtons([]);
+      (c = i.i) == null || c.setSidebarActionButtons([]);
     });
-  }), [n]);
+  }), [o]);
 };
-let m = 0, A = 0;
-const ot = (t, e) => {
-  const n = w(t, e), s = o((i) => i.setQuickActions);
-  S(() => (m++, m > 1 && console.error("Capytale iframe React: Multiple quick actions registered: ", m), () => {
-    m--;
-  }), []), S(() => (p.use(["meta-player-ui"], ([i]) => {
+let p = 0, F = 0;
+const gt = (t, e) => {
+  const o = b(t, e), s = n((i) => i.setQuickActions);
+  d(() => (p++, p > 1 && console.error("Capytale iframe React: Multiple quick actions registered: ", p), () => {
+    p--;
+  }), []), d(() => (C.use(["meta-player-ui"], ([i]) => {
     var l;
     if (i.version === 0) {
       console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");
       return;
     }
-    A++;
-    const u = n.map((r, c) => ({
-      type: r.type,
-      title: r.title,
-      icon: r.icon,
-      id: `qa-${A}-${c}`,
-      ...r.type === "file-upload" ? { accept: r.accept } : {}
-    })), a = {};
-    n.forEach((r, c) => {
-      a[`qa-${A}-${c}`] = r.action;
-    }), (l = i.i) == null || l.setQuickActionButtons(u), s(a);
+    F++;
+    const c = o.map((a, u) => ({
+      type: a.type,
+      title: a.title,
+      icon: a.icon,
+      id: `qa-${F}-${u}`,
+      ...a.type === "file-upload" ? { accept: a.accept } : {}
+    })), r = {};
+    o.forEach((a, u) => {
+      r[`qa-${F}-${u}`] = a.action;
+    }), (l = i.i) == null || l.setQuickActionButtons(c), s(r);
   }), () => {
-    s({}), p.use(["meta-player-ui"], ([i]) => {
-      var u;
+    s({}), C.use(["meta-player-ui"], ([i]) => {
+      var c;
       if (i.version === 0) {
         console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");
         return;
       }
-      (u = i.i) == null || u.setQuickActionButtons([]);
+      (c = i.i) == null || c.setQuickActionButtons([]);
     });
-  }), [n]);
+  }), [o]);
 };
-let v = 0;
-const st = (t, e) => {
-  const n = w(t, e), s = o((a) => a.setActivitySettings), i = o((a) => a.activitySettings), u = J("");
-  return S(() => (console.log("Mounting useSettings"), v++, v > 1 && console.error("Capytale iframe React: Multiple settings registered: ", v), () => {
-    v--;
-  }), []), S(() => {
-    const a = JSON.stringify(n);
-    if (a !== u.current)
-      return u.current = a, p.use(["meta-player-ui"], ([l]) => {
-        var r;
+let f = 0;
+const Ct = (t, e) => {
+  const o = b(t, e), s = n((r) => r.setActivitySettings), i = n((r) => r.activitySettings), c = B("");
+  return d(() => (console.log("Mounting useSettings"), f++, f > 1 && console.error("Capytale iframe React: Multiple settings registered: ", f), () => {
+    f--;
+  }), []), d(() => {
+    const r = JSON.stringify(o);
+    if (r !== c.current)
+      return c.current = r, C.use(["meta-player-ui"], ([l]) => {
+        var a;
         if (l.version === 0) {
           console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");
           return;
         }
-        console.log("Updating settings UI in MetaPlayer", n), (r = l.i) == null || r.setSettingsUI(n);
+        console.log("Updating settings UI in MetaPlayer", o), (a = l.i) == null || a.setSettingsUI(o);
       }), () => {
         s(null);
       };
-  }, [n]), i;
-}, it = () => (e) => {
-  p.use(["meta-player-ui"], ([n]) => {
+  }, [o]), i;
+}, St = () => (e) => {
+  C.use(["meta-player-ui"], ([o]) => {
     var s;
-    if (n.version === 0) {
+    if (o.version === 0) {
       console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");
       return;
     }
-    (s = n.i) == null || s.showToast(e);
+    (s = o.i) == null || s.showToast(e);
   });
 };
 export {
-  H as Capytale,
-  Z as useAfterSaveAction,
-  Y as useJsonContentSaveFunction,
-  K as useLoadedJsonContent,
-  z as useLoadedTextContent,
-  O as useMode,
-  _ as useNotifyIsDirty,
-  et as usePreviewImageFile,
-  tt as usePreviewTextFile,
-  ot as useQuickActions,
-  V as useRequestSave,
-  st as useSettings,
-  it as useShowToast,
-  nt as useSidebarActions,
-  X as useTextContentSaveFunction,
-  B as useTheme,
+  O as Capytale,
+  rt as useAfterSaveAction,
+  at as useJsonActivityBinaryDataSaveFunction,
+  st as useJsonActivityContentSaveFunction,
+  ct as useJsonAssignmentBinaryDataSaveFunction,
+  it as useJsonAssignmentContentSaveFunction,
+  ot as useJsonContentSaveFunction,
+  tt as useLoadedJsonActivityBinaryData,
+  Y as useLoadedJsonActivityContent,
+  et as useLoadedJsonAssignmentBinaryData,
+  Z as useLoadedJsonAssignmentContent,
+  X as useLoadedJsonContent,
+  K as useLoadedTextContent,
+  H as useMode,
+  z as useNotifyIsDirty,
+  lt as usePreviewImageFile,
+  ut as usePreviewTextFile,
+  gt as useQuickActions,
+  _ as useRequestSave,
+  Ct as useSettings,
+  St as useShowToast,
+  dt as useSidebarActions,
+  nt as useTextContentSaveFunction,
+  V as useTheme,
   U as useWorkflow
 };

package/package.json

@@ -1,51 +1,51 @@
-{
-  "name": "@capytale/iframe-react",
-  "version": "1.0.5",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "clean": "",
-    "builddev": "vite build -m development",
-    "preview": "vite preview",
-    "prepublishOnly": "npm run clean && npm run build"
-  },
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.es.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.es.js",
-      "require": "./dist/index.cjs.js",
-      "default": "./dist/index.es.js"
-    }
-  },
-  "files": [
-    "dist"
-  ],
-  "sideEffects": false,
-  "dependencies": {
-    "@capytale/app-agent": "^1.0.10",
-    "@capytale/contracts": "^1.0.2",
-    "zustand": "^5.0.6"
-  },
-  "peerDependencies": {
-    "react": ">=17.0.0 <20",
-    "react-dom": ">=17.0.0 <20"
-  },
-  "devDependencies": {
-    "@types/node": "^22.13.1",
-    "@types/react": "^18.3.18",
-    "@types/react-dom": "^18.3.5",
-    "@vitejs/plugin-react": "^4.4.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "typescript": "^5.8.3",
-    "vite": "^6.3.5",
-    "vite-plugin-dts": "^4.5.4"
-  },
-  "publishConfig": {
-    "access": "public"
-  }
-}
+{
+  "name": "@capytale/iframe-react",
+  "version": "1.1.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "clean": "rm -rf dist",
+    "builddev": "vite build -m development",
+    "preview": "vite preview",
+    "prepublishOnly": "npm run clean && npm run build"
+  },
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.es.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js",
+      "default": "./dist/index.es.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "dependencies": {
+    "@capytale/app-agent": "^1.0.12",
+    "@capytale/contracts": "^1.0.8",
+    "zustand": "^5.0.8"
+  },
+  "peerDependencies": {
+    "react": ">=17.0.0 <20",
+    "react-dom": ">=17.0.0 <20"
+  },
+  "devDependencies": {
+    "@types/node": "^22.13.1",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "@vitejs/plugin-react": "^4.4.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "typescript": "^5.8.3",
+    "vite": "^6.3.5",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}