@django-bridge/react 0.4.0-rc.7 → 0.4.0-rc.9

package/dist/index.js

@@ -1 +1,3 @@
-"use strict";var xe=Object.create;var V=Object.defineProperty;var ye=Object.getOwnPropertyDescriptor;var he=Object.getOwnPropertyNames;var Re=Object.getPrototypeOf,Pe=Object.prototype.hasOwnProperty;var Fe=(e,t)=>{for(var a in t)V(e,a,{get:t[a],enumerable:!0})},me=(e,t,a,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of he(t))!Pe.call(e,r)&&r!==a&&V(e,r,{get:()=>t[r],enumerable:!(s=ye(t,r))||s.enumerable});return e};var M=(e,t,a)=>(a=e!=null?xe(Re(e)):{},me(t||!e||!e.__esModule?V(a,"default",{value:e,enumerable:!0}):a,e)),be=e=>me(V({},"__esModule",{value:!0}),e);var Ee={};Fe(Ee,{App:()=>Me,BuildLinkElement:()=>re,Config:()=>A,DirtyFormContext:()=>b,DirtyFormMarker:()=>$,Form:()=>ne,FormSubmissionStatus:()=>K,FormWidgetChangeNotificationContext:()=>z,Link:()=>ue,MessagesContext:()=>O,NavigationContext:()=>k,OverlayContext:()=>J,RenderFrame:()=>Q,buildLinkElement:()=>te});module.exports=be(Ee);var w=M(require("react")),pe=require("@django-bridge/common");var g=require("react"),q=require("@django-bridge/common"),G=1;function Y(e,t,a,s,r={}){G+=1;let[n,u]=(0,g.useState)({id:G,path:s,metadata:{title:"Loading"},view:"loading",props:{},context:{}}),f=(0,g.useCallback)((o,p,P,F,D,N,j=!0,ge=!0)=>{let ie=n.id,se=P!==n.view||ge;if(se&&(G+=1,ie=G),!e&&(document.title=p.title,j)){let ce=0,Ce=window.scrollY,de=window.history?.state;de?.prevPath===o&&(ce=de.prevScrollPosition??0),window.history.pushState({prevPath:window.location.pathname,prevScrollPosition:Ce},"",o),window.scrollTo(0,ce)}let le={id:ie,path:o,metadata:p,view:P,props:F,context:D};u(le),r.onNavigation&&r.onNavigation(le,se,N)},[r,n.id,n.view,e]),[c,v]=(0,g.useState)(null),d=(0,g.useCallback)((o,p,P=!0,F=!1)=>{if(o.action==="reload")if(!e)window.location.href=p;else return e.handleResponse(o,p);else{if(o.action==="redirect")return v(o.path),Promise.resolve();if(o.action==="render"){if(e&&!o.overlay)return e.handleResponse(o,p);let D=t(o.props),N=t(o.context),j=!F;j&&o.view===n.view&&n.shouldReloadCallback&&(j=n.shouldReloadCallback(p,D)),f(p,o.metadata,o.view,D,N,o.messages,P,j)}else if(o.action==="close-overlay")r.onOverlayClose&&r.onOverlayClose(o.messages);else{if(o.action==="server-error")return r.onServerError&&r.onServerError("server"),Promise.reject();if(o.action==="network-error")return r.onServerError&&r.onServerError("network"),Promise.reject()}}return Promise.resolve()},[r,n,e,f,t]),C=(0,g.useRef)(1),x=(0,g.useRef)(1),m=(0,g.useCallback)(async(o,p,P,F=!1)=>{C.current+=1;let D=C.current,N=await o();D<x.current||(x.current=D,N!==null&&await d(N,p,P,F))},[d]),l=(0,g.useCallback)((o,p=!0)=>{let P=o;if(!o.startsWith("/")){let F=new URL(o);if(F.origin!==window.location.origin)return window.location.href=o,Promise.resolve();P=F.pathname+F.search}return m(()=>(0,q.djangoGet)(P,!!e),P,p)},[m,e]),R=(0,g.useCallback)((o,p)=>{o===n.id&&(n.path=p,e||history.replaceState({},"",n.path))},[n,e]),i=(0,g.useCallback)((o,p)=>m(()=>(0,q.djangoPost)(o,p,!!e),o,!0),[m,e]),y=(0,g.useCallback)(()=>m(()=>(0,q.djangoGet)(n.path,!!e),n.path,!1,!0),[n.path,m,e]);return(0,g.useEffect)(()=>{d(a,s,!1)},[]),(0,g.useEffect)(()=>{c&&(v(null),l(c))},[l,c]),{parent:e,currentFrame:n,isLoading:n.view==="loading",handleResponse:d,navigate:l,replacePath:R,submitForm:i,refreshProps:y}}var h=M(require("react")),H=require("react/jsx-runtime"),_=h.default.createContext(()=>{}),b=h.default.createContext({isDirty:!1,requestUnload:()=>Promise.resolve(),unloadRequested:!1,unloadBlocked:!1,confirmUnload:()=>{},cancelUnload:()=>{},unloadConfirmed:!1});function ee({handleBrowserUnload:e=!1,children:t}){let[a,s]=h.default.useState(!1),[r,n]=h.default.useState({cb:()=>{}}),[u,f]=h.default.useState(!1),[c,v]=h.default.useState(!1),d=h.default.useRef(null),C=()=>d.current&&!!d.current.querySelector("div.dirty-form-marker")||!1;h.default.useEffect(()=>{if(e&&c){let R="This page has unsaved changes.",i=y=>C()?(y.returnValue=R,R):"";return window.addEventListener("beforeunload",i),()=>{window.removeEventListener("beforeunload",i)}}return()=>{}},[e,c]);let x=h.default.useContext(_),m=h.default.useCallback(()=>{v(C()),x()},[x]),l=h.default.useMemo(()=>({isDirty:c,requestUnload:()=>c&&C()?(s(!0),new Promise(R=>{n({cb:R})})):Promise.resolve(),unloadRequested:a,unloadBlocked:c&&a,confirmUnload:()=>{a&&(f(!0),r.cb(),s(!1),n({cb:()=>{}}))},cancelUnload:()=>{a&&(s(!1),n({cb:()=>{}}))},unloadConfirmed:u}),[c,r,u,a]);return(0,H.jsx)("div",{ref:d,children:(0,H.jsx)(_.Provider,{value:m,children:(0,H.jsx)(b.Provider,{value:l,children:t})})})}function $(){let e=h.default.useContext(_);return h.default.useEffect(e),(0,H.jsx)("div",{className:"dirty-form-marker",style:{display:"none"}})}var oe=M(require("react"));var S=M(require("react")),J=S.default.createContext({overlay:!1,closeRequested:!1,requestClose:()=>{console.error("OverlayContext.requestClose() called from outside an overlay")},onCloseCompleted:()=>{console.error("OverlayContext.onCloseCompleted() called from outside an overlay")}}),k=S.default.createContext({frameId:0,path:"/",props:{},context:{},navigate:()=>(console.error("navigate() called from outside a Django Bridge Browser"),Promise.resolve()),replacePath:()=>{console.error("replacePath() called from outside a Django Bridge Browser")},submitForm:()=>(console.error("submitForm() called from outside a Django Bridge Browser"),Promise.resolve()),openOverlay:()=>{throw console.error("openOverlay() called from outside a Django Bridge Browser"),new Error("Modal cannot be opened here")},refreshProps:()=>(console.error("refreshProps() called from outside a Django Bridge Browser"),Promise.resolve())}),z=S.default.createContext(()=>{}),K=S.default.createContext(!1),O=S.default.createContext({messages:[],pushMessage:()=>{}});var L=require("react/jsx-runtime");function we({config:e,frame:t}){let a=e.views.get(t.view);if(!a)return(0,L.jsxs)("p",{children:["Unknown view '",t.view,"'"]});let s=(0,L.jsx)(a,{...t.props});return e.contextProviders.forEach((r,n)=>{s=(0,L.jsx)(r.Provider,{value:t.context[n],children:s})}),(0,L.jsx)("div",{children:s},t.id)}var Q=we;var X=require("react/jsx-runtime");function ke({config:e,navigationController:t,openOverlay:a}){let{currentFrame:s,navigate:r,replacePath:n,submitForm:u,refreshProps:f}=t,{isDirty:c,requestUnload:v,cancelUnload:d}=oe.default.useContext(b),C=oe.default.useMemo(()=>({frameId:s.id,path:s.path,props:s.props,context:s.context,navigate:(x,m={})=>!c||m.skipDirtyFormCheck===!0?(m.skipDirtyFormCheck===!0&&d(),r(x,m.pushState)):v().then(()=>r(x,m.pushState)),replacePath:n,submitForm:u,openOverlay:a,refreshProps:f}),[s,n,u,a,c,v,d,r,f]);return(0,X.jsx)(k.Provider,{value:C,children:(0,X.jsx)("div",{children:(0,X.jsx)(Q,{config:e,frame:s})},s.id)})}var Z=ke;var I=M(require("react"));var fe=require("react/jsx-runtime");function te({children:e,href:t,skipDirtyFormCheck:a=!1,...s},{navigate:r},n){return(0,fe.jsx)("a",{onClick:f=>{t&&(f.preventDefault(),r(t,{skipDirtyFormCheck:a}))},href:t||"#",ref:n,...s,children:e})}var re=I.default.createContext(te),De=I.default.forwardRef((e,t)=>{let a=I.default.useContext(k);return I.default.useContext(re)(e,a,t)}),ue=De;var ve=require("@django-bridge/common"),A=class extends ve.Config{contextProviders;constructor(){super(),this.contextProviders=new Map}addContextProvider=(t,a)=>(this.contextProviders.set(t,a),this)};var B=M(require("react"));var T=require("react/jsx-runtime");function ne({children:e,onSubmit:t,isDirty:a=!1,disableDirtyCheck:s=!1,...r}){let{submitForm:n,navigate:u}=B.default.useContext(k),[f,c]=B.default.useState(!1),[v,d]=B.default.useState(a),{cancelUnload:C}=B.default.useContext(b),x=l=>{if(v&&C(),!(t&&(t(l),l.defaultPrevented))&&l.target instanceof HTMLFormElement){if(f){l.preventDefault();return}let R=new FormData(l.target);if(l.nativeEvent instanceof SubmitEvent&&l.nativeEvent.submitter){let{submitter:i}=l.nativeEvent;(i instanceof HTMLButtonElement||i instanceof HTMLInputElement)&&i.name&&i.value&&R.set(i.name,i.value)}if(l.target.method==="post")l.preventDefault(),c(!0),n(l.target.action,R).catch(()=>c(!1));else if(l.target.method==="get"){l.preventDefault();let i=Array.from(R.entries()).map(o=>`${encodeURIComponent(o[0])}=${encodeURIComponent(o[1])}`).join("&"),y=l.target.action+(l.target.action.indexOf("?")===-1?"?":"&")+i;c(!0),u(y).catch(()=>c(!1))}}},m=B.default.useCallback(()=>{d(!0)},[]);return(0,T.jsxs)("form",{onSubmit:x,...r,children:[v&&!s&&(0,T.jsx)($,{}),(0,T.jsx)(K.Provider,{value:f,children:(0,T.jsx)(z.Provider,{value:m,children:e})})]})}var W=M(require("react"));var U=require("react/jsx-runtime");function ae({config:e,initialResponse:t,initialPath:a,parentNavigationContoller:s,render:r,requestClose:n,closeRequested:u,onCloseCompleted:f,onServerError:c}){let{pushMessage:v}=W.default.useContext(O),d=Y(s,e.unpack,t,a,{onNavigation:(l,R,i)=>{i.forEach(v)},onOverlayClose:l=>{l.forEach(v),n()},onServerError:c}),C=W.default.useContext(b),x=W.default.useCallback(({skipDirtyFormCheck:l=!1}={})=>{!l&&C.isDirty?C.requestUnload().then(()=>n()):n()},[C,n]),m=W.default.useMemo(()=>({overlay:!0,closeRequested:u,requestClose:x,onCloseCompleted:f}),[u,f,x]);return d.isLoading?(0,U.jsx)(U.Fragment,{}):(0,U.jsx)(J.Provider,{value:m,children:r((0,U.jsx)(Z,{config:e,navigationController:d,openOverlay:()=>{}}))})}var E=require("react/jsx-runtime");function Me({config:e,initialResponse:t}){let[a,s]=w.default.useState([]),r=w.default.useCallback(i=>{s(a.concat([i]))},[a]),n=w.default.useCallback(i=>{i==="server"?r({level:"error",text:"A server error occurred. Please try again later."}):i==="network"&&r({level:"error",text:"A network error occurred. Please check your internet connection or try again later."})},[r]),[u,f]=w.default.useState(null),[c,v]=w.default.useState(!1),d=w.default.useRef(null),C=(i,y,o)=>{y&&(v(!0),d.current=null),y?s(o):o.forEach(r)},x=window.location.pathname+window.location.search+window.location.hash,m=Y(null,e.unpack,t,x,{onNavigation:C,onServerError:n});w.default.useEffect(()=>{let i=document.querySelector(".django-bridge-load");i instanceof HTMLElement&&(i.classList.add("django-bridge-load--hidden"),setTimeout(()=>{i.remove()},200));let y=()=>{m.navigate(document.location.pathname,!1)};return window.addEventListener("popstate",y),()=>{window.removeEventListener("popstate",y)}},[]);let l=async(i,y,{onClose:o}={})=>{let p=await(0,pe.djangoGet)(i,!0);o&&(d.current=o),v(!1),f({render:y,initialResponse:p,initialPath:i})},R=w.default.useMemo(()=>({messages:a,pushMessage:r}),[a,r]);return(0,E.jsx)(ee,{handleBrowserUnload:!0,children:(0,E.jsxs)(O.Provider,{value:R,children:[u&&(0,E.jsx)(ee,{children:(0,E.jsx)(ae,{config:e,initialResponse:u.initialResponse,initialPath:u.initialPath,parentNavigationContoller:m,render:i=>u.render(i),requestClose:()=>v(!0),closeRequested:c,onCloseCompleted:()=>{f(null),v(!1),d.current&&(d.current(),d.current=null)},onServerError:n})}),!m.isLoading&&(0,E.jsx)(Z,{config:e,navigationController:m,openOverlay:(i,y,o)=>void l(i,y,o)})]})})}0&&(module.exports={App,BuildLinkElement,Config,DirtyFormContext,DirtyFormMarker,Form,FormSubmissionStatus,FormWidgetChangeNotificationContext,Link,MessagesContext,NavigationContext,OverlayContext,RenderFrame,buildLinkElement});
+"use strict";var Se=Object.create;var G=Object.defineProperty;var Ee=Object.getOwnPropertyDescriptor;var Ne=Object.getOwnPropertyNames;var Oe=Object.getPrototypeOf,De=Object.prototype.hasOwnProperty;var Le=(t,r)=>()=>(r||t((r={exports:{}}).exports,r),r.exports),Te=(t,r)=>{for(var e in r)G(t,e,{get:r[e],enumerable:!0})},he=(t,r,e,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of Ne(r))!De.call(t,n)&&n!==e&&G(t,n,{get:()=>r[n],enumerable:!(o=Ee(r,n))||o.enumerable});return t};var k=(t,r,e)=>(e=t!=null?Se(Oe(t)):{},he(r||!t||!t.__esModule?G(e,"default",{value:t,enumerable:!0}):e,t)),Ae=t=>he(G({},"__esModule",{value:!0}),t);var we=Le(($e,xe)=>{"use strict";function J(t,r,e){return _e()?J=Reflect.construct:J=function(n,i,s){var c=[null];c.push.apply(c,i);var u=Function.bind.apply(n,c),p=new u;return s&&oe(p,s.prototype),p},J.apply(null,arguments)}function _e(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch{return!1}}function oe(t,r){return oe=Object.setPrototypeOf||function(o,n){return o.__proto__=n,o},oe(t,r)}function Be(t){return qe(t)||Ue(t)||Re(t)||He()}function He(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Ue(t){if(typeof Symbol<"u"&&Symbol.iterator in Object(t))return Array.from(t)}function qe(t){if(Array.isArray(t))return ne(t)}function Y(t,r){return je(t)||Ie(t,r)||Re(t,r)||We()}function We(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Re(t,r){if(t){if(typeof t=="string")return ne(t,r);var e=Object.prototype.toString.call(t).slice(8,-1);if(e==="Object"&&t.constructor&&(e=t.constructor.name),e==="Map"||e==="Set")return Array.from(t);if(e==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return ne(t,r)}}function ne(t,r){(r==null||r>t.length)&&(r=t.length);for(var e=0,o=new Array(r);e<r;e++)o[e]=t[e];return o}function Ie(t,r){if(!(typeof Symbol>"u"||!(Symbol.iterator in Object(t)))){var e=[],o=!0,n=!1,i=void 0;try{for(var s=t[Symbol.iterator](),c;!(o=(c=s.next()).done)&&(e.push(c.value),!(r&&e.length===r));o=!0);}catch(u){n=!0,i=u}finally{try{!o&&s.return!=null&&s.return()}finally{if(n)throw i}}return e}}function je(t){if(Array.isArray(t))return t}function U(t){"@babel/helpers - typeof";return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?U=function(e){return typeof e}:U=function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},U(t)}function Xe(t,r){if(!(t instanceof r))throw new TypeError("Cannot call a class as a function")}function Ce(t,r){for(var e=0;e<r.length;e++){var o=r[e];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function Ge(t,r,e){return r&&Ce(t.prototype,r),e&&Ce(t,e),t}var Ye=function(){function t(){Xe(this,t),this.constructors={}}return Ge(t,[{key:"register",value:function(e,o){this.constructors[e]=o}},{key:"unpack",value:function(e){var o={};this.scanForIds(e,o);var n={};return this.unpackWithRefs(e,o,n)}},{key:"scanForIds",value:function(e,o){var n=this;if(!(e===null||U(e)!=="object")){if(Array.isArray(e)){e.forEach(function(l){return n.scanForIds(l,o)});return}var i=!1;if("_id"in e&&(i=!0,o[e._id]=e),("_type"in e||"_val"in e||"_ref"in e)&&(i=!0),"_list"in e&&(i=!0,e._list.forEach(function(l){return n.scanForIds(l,o)})),"_args"in e&&(i=!0,e._args.forEach(function(l){return n.scanForIds(l,o)})),"_dict"in e){i=!0;for(var s=0,c=Object.entries(e._dict);s<c.length;s++){var u=Y(c[s],2),p=u[0],m=u[1];this.scanForIds(m,o)}}if(!i)for(var v=0,g=Object.entries(e);v<g.length;v++){var d=Y(g[v],2),f=d[0],h=d[1];this.scanForIds(h,o)}}}},{key:"unpackWithRefs",value:function(e,o,n){var i=this;if(e===null||U(e)!=="object")return e;if(Array.isArray(e))return e.map(function(x){return i.unpackWithRefs(x,o,n)});var s;if("_ref"in e)e._ref in n?s=n[e._ref]:s=this.unpackWithRefs(o[e._ref],o,n);else if("_val"in e)s=e._val;else if("_list"in e)s=e._list.map(function(x){return i.unpackWithRefs(x,o,n)});else if("_dict"in e){s={};for(var c=0,u=Object.entries(e._dict);c<u.length;c++){var p=Y(u[c],2),m=p[0],v=p[1];s[m]=this.unpackWithRefs(v,o,n)}}else if("_type"in e){var g=e._type,d=this.constructors[g];if(typeof d!="function")throw new Error("telepath encountered unknown object type ".concat(g));var f=e._args.map(function(x){return i.unpackWithRefs(x,o,n)});s=J(d,Be(f))}else{if("_id"in e)throw new Error("telepath encountered object with _id but no type specified");s={};for(var h=0,l=Object.entries(e);h<l.length;h++){var C=Y(l[h],2),a=C[0],y=C[1];s[a]=this.unpackWithRefs(y,o,n)}return s}return"_id"in e&&(n[e._id]=s),s}}]),t}();xe.exports=Ye});var Ze={};Te(Ze,{App:()=>Qe,BuildLinkElement:()=>ue,Config:()=>j,DirtyFormContext:()=>F,DirtyFormMarker:()=>Q,Form:()=>fe,FormSubmissionStatus:()=>$,FormWidgetChangeNotificationContext:()=>V,Link:()=>Fe,MessagesContext:()=>L,NavigationContext:()=>M,OverlayContext:()=>Z,RenderFrame:()=>ee,buildLinkElement:()=>ce});module.exports=Ae(Ze);var b=k(require("react"));var Pe=k(we()),q=class{views;telepathRegistry;constructor(){this.views=new Map,this.telepathRegistry=new Pe.default,this.addAdapter("Date",Date)}addView=(r,e)=>(this.views.set(r,e),this);addAdapter=(r,e)=>(this.telepathRegistry.register(r,e),this);unpack=r=>this.telepathRegistry.unpack(r)};async function O(t,r){let e,o={"X-Requested-With":"DjangoBridge"};r&&(o["X-DjangoBridge-Overlay"]="true");try{e=await fetch(t,{headers:o})}catch{return{action:"network-error"}}return e.status===500?{action:"server-error"}:e.headers.get("X-DjangoBridge-Action")?e.json():{action:"reload"}}async function ie(t,r,e){let o,n={"X-Requested-With":"DjangoBridge"};e&&(n["X-DjangoBridge-Overlay"]="true");try{o=await fetch(t,{method:"post",headers:n,body:r})}catch{return{action:"network-error"}}return o.status===500?{action:"server-error"}:o.headers.get("X-DjangoBridge-Action")?o.json():{action:"reload"}}var R=require("react");var K=1;function z(t,r,e,o,n={}){K+=1;let[i,s]=(0,R.useState)({id:K,path:o,metadata:{title:"Loading"},view:"loading",props:{},context:{}}),c=(0,R.useCallback)((a,y,x,P,S,N,H=!0,ke=!0)=>{let me=i.id,pe=x!==i.view||ke;if(pe&&(K+=1,me=K),!t&&(document.title=y.title,H)){let ge=0,Me=window.scrollY,ye=window.history?.state;ye?.prevPath===a&&(ge=ye.prevScrollPosition??0),window.history.pushState({prevPath:window.location.pathname,prevScrollPosition:Me},"",a),window.scrollTo(0,ge)}let ve={id:me,path:a,metadata:y,view:x,props:P,context:S};s(ve),n.onNavigation&&n.onNavigation(ve,pe,N)},[n,i.id,i.view,t]),[u,p]=(0,R.useState)(null),m=(0,R.useCallback)((a,y,x=!0,P=!1)=>{if(a.action==="reload")if(!t)window.location.href=y;else return t.handleResponse(a,y);else{if(a.action==="redirect")return p(a.path),Promise.resolve();if(a.action==="render"){if(t&&!a.overlay)return t.handleResponse(a,y);let S=r(a.props),N=r(a.context),H=!P;H&&a.view===i.view&&i.shouldReloadCallback&&(H=i.shouldReloadCallback(y,S)),c(y,a.metadata,a.view,S,N,a.messages,x,H)}else if(a.action==="close-overlay")n.onOverlayClose&&n.onOverlayClose(a.messages);else{if(a.action==="server-error")return n.onServerError&&n.onServerError("server"),Promise.reject();if(a.action==="network-error")return n.onServerError&&n.onServerError("network"),Promise.reject()}}return Promise.resolve()},[n,i,t,c,r]),v=(0,R.useRef)(1),g=(0,R.useRef)(1),d=(0,R.useCallback)(async(a,y,x,P=!1)=>{v.current+=1;let S=v.current,N=await a();S<g.current||(g.current=S,N!==null&&await m(N,y,x,P))},[m]),f=(0,R.useCallback)((a,y=!0)=>{let x=a;if(!a.startsWith("/")){let P=new URL(a);if(P.origin!==window.location.origin)return window.location.href=a,Promise.resolve();x=P.pathname+P.search}return d(()=>O(x,!!t),x,y)},[d,t]),h=(0,R.useCallback)((a,y)=>{a===i.id&&(i.path=y,t||history.replaceState({},"",i.path))},[i,t]),l=(0,R.useCallback)((a,y)=>d(()=>ie(a,y,!!t),a,!0),[d,t]),C=(0,R.useCallback)(()=>d(()=>O(i.path,!!t),i.path,!1,!0),[i.path,d,t]);return(0,R.useEffect)(()=>{m(e,o,!1)},[]),(0,R.useEffect)(()=>{u&&(p(null),f(u))},[f,u]),{parent:t,currentFrame:i,isLoading:i.view==="loading",handleResponse:m,navigate:f,replacePath:h,submitForm:l,refreshProps:C}}var w=k(require("react")),W=require("react/jsx-runtime"),ae=w.default.createContext(()=>{}),F=w.default.createContext({isDirty:!1,requestUnload:()=>Promise.resolve(),unloadRequested:!1,unloadBlocked:!1,confirmUnload:()=>{},cancelUnload:()=>{},unloadConfirmed:!1});function se({handleBrowserUnload:t=!1,children:r}){let[e,o]=w.default.useState(!1),[n,i]=w.default.useState({cb:()=>{}}),[s,c]=w.default.useState(!1),[u,p]=w.default.useState(!1),m=w.default.useRef(null),v=()=>m.current&&!!m.current.querySelector("div.dirty-form-marker")||!1;w.default.useEffect(()=>{if(t&&u){let h="This page has unsaved changes.",l=C=>v()?(C.returnValue=h,h):"";return window.addEventListener("beforeunload",l),()=>{window.removeEventListener("beforeunload",l)}}return()=>{}},[t,u]);let g=w.default.useContext(ae),d=w.default.useCallback(()=>{p(v()),g()},[g]),f=w.default.useMemo(()=>({isDirty:u,requestUnload:()=>u&&v()?(o(!0),new Promise(h=>{i({cb:h})})):Promise.resolve(),unloadRequested:e,unloadBlocked:u&&e,confirmUnload:()=>{e&&(c(!0),n.cb(),o(!1),i({cb:()=>{}}))},cancelUnload:()=>{e&&(o(!1),i({cb:()=>{}}))},unloadConfirmed:s}),[u,n,s,e]);return(0,W.jsx)("div",{ref:m,children:(0,W.jsx)(ae.Provider,{value:d,children:(0,W.jsx)(F.Provider,{value:f,children:r})})})}function Q(){let t=w.default.useContext(ae);return w.default.useEffect(t),(0,W.jsx)("div",{className:"dirty-form-marker",style:{display:"none"}})}var le=k(require("react"));var D=k(require("react")),Z=D.default.createContext({overlay:!1,closeRequested:!1,requestClose:()=>{console.error("OverlayContext.requestClose() called from outside an overlay")},onCloseCompleted:()=>{console.error("OverlayContext.onCloseCompleted() called from outside an overlay")}}),M=D.default.createContext({frameId:0,path:"/",props:{},context:{},navigate:()=>(console.error("navigate() called from outside a Django Bridge Browser"),Promise.resolve()),replacePath:()=>{console.error("replacePath() called from outside a Django Bridge Browser")},submitForm:()=>(console.error("submitForm() called from outside a Django Bridge Browser"),Promise.resolve()),openOverlay:()=>{throw console.error("openOverlay() called from outside a Django Bridge Browser"),new Error("Modal cannot be opened here")},refreshProps:()=>(console.error("refreshProps() called from outside a Django Bridge Browser"),Promise.resolve())}),V=D.default.createContext(()=>{}),$=D.default.createContext(!1),L=D.default.createContext({messages:[],pushMessage:()=>{}});var T=require("react/jsx-runtime");function Je({config:t,frame:r}){let e=t.views.get(r.view);if(!e)return(0,T.jsxs)("p",{children:["Unknown view '",r.view,"'"]});let o=(0,T.jsx)(e,{...r.props});return t.contextProviders.forEach((n,i)=>{o=(0,T.jsx)(n.Provider,{value:r.context[i],children:o})}),(0,T.jsx)("div",{children:o},r.id)}var ee=Je;var te=require("react/jsx-runtime");function Ke({config:t,navigationController:r,openOverlay:e}){let{currentFrame:o,navigate:n,replacePath:i,submitForm:s,refreshProps:c}=r,{isDirty:u,requestUnload:p,cancelUnload:m}=le.default.useContext(F),v=le.default.useMemo(()=>({frameId:o.id,path:o.path,props:o.props,context:o.context,navigate:(g,d={})=>!u||d.skipDirtyFormCheck===!0?(d.skipDirtyFormCheck===!0&&m(),n(g,d.pushState)):p().then(()=>n(g,d.pushState)),replacePath:i,submitForm:s,openOverlay:e,refreshProps:c}),[o,i,s,e,u,p,m,n,c]);return(0,te.jsx)(M.Provider,{value:v,children:(0,te.jsx)("div",{children:(0,te.jsx)(ee,{config:t,frame:o})},o.id)})}var re=Ke;var I=k(require("react"));var be=require("react/jsx-runtime");function ce({children:t,href:r,skipDirtyFormCheck:e=!1,...o},{navigate:n},i){return(0,be.jsx)("a",{onClick:c=>{r&&(c.preventDefault(),n(r,{skipDirtyFormCheck:e}))},href:r||"#",ref:i,...o,children:t})}var ue=I.default.createContext(ce),ze=I.default.forwardRef((t,r)=>{let e=I.default.useContext(M);return I.default.useContext(ue)(t,e,r)}),Fe=ze;var j=class extends q{contextProviders;constructor(){super(),this.contextProviders=new Map}addContextProvider=(r,e)=>(this.contextProviders.set(r,e),this)};var A=k(require("react"));var _=require("react/jsx-runtime");function fe({children:t,onSubmit:r,isDirty:e=!1,disableDirtyCheck:o=!1,...n}){let{submitForm:i,navigate:s}=A.default.useContext(M),[c,u]=A.default.useState(!1),[p,m]=A.default.useState(e),{cancelUnload:v}=A.default.useContext(F),g=f=>{if(p&&v(),!(r&&(r(f),f.defaultPrevented))&&f.target instanceof HTMLFormElement){if(c){f.preventDefault();return}let h=new FormData(f.target);if(f.nativeEvent instanceof SubmitEvent&&f.nativeEvent.submitter){let{submitter:l}=f.nativeEvent;(l instanceof HTMLButtonElement||l instanceof HTMLInputElement)&&l.name&&l.value&&h.set(l.name,l.value)}if(f.target.method==="post")f.preventDefault(),u(!0),i(f.target.action,h).catch(()=>u(!1));else if(f.target.method==="get"){f.preventDefault();let l=Array.from(h.entries()).map(a=>`${encodeURIComponent(a[0])}=${encodeURIComponent(a[1])}`).join("&"),C=f.target.action+(f.target.action.indexOf("?")===-1?"?":"&")+l;u(!0),s(C).catch(()=>u(!1))}}},d=A.default.useCallback(()=>{m(!0)},[]);return(0,_.jsxs)("form",{onSubmit:g,...n,children:[p&&!o&&(0,_.jsx)(Q,{}),(0,_.jsx)($.Provider,{value:c,children:(0,_.jsx)(V.Provider,{value:d,children:t})})]})}var X=k(require("react"));var B=require("react/jsx-runtime");function de({config:t,initialResponse:r,initialPath:e,parentNavigationContoller:o,render:n,requestClose:i,closeRequested:s,onCloseCompleted:c,onServerError:u}){let{pushMessage:p}=X.default.useContext(L),m=z(o,t.unpack,r,e,{onNavigation:(f,h,l)=>{l.forEach(p)},onOverlayClose:f=>{f.forEach(p),i()},onServerError:u}),v=X.default.useContext(F),g=X.default.useCallback(({skipDirtyFormCheck:f=!1}={})=>{!f&&v.isDirty?v.requestUnload().then(()=>i()):i()},[v,i]),d=X.default.useMemo(()=>({overlay:!0,closeRequested:s,requestClose:g,onCloseCompleted:c}),[s,c,g]);return m.isLoading?(0,B.jsx)(B.Fragment,{}):(0,B.jsx)(Z.Provider,{value:d,children:n((0,B.jsx)(re,{config:t,navigationController:m,openOverlay:()=>{}}))})}var E=require("react/jsx-runtime");function Qe({config:t,initialResponse:r}){let[e,o]=b.default.useState([]),n=b.default.useCallback(l=>{o(e.concat([l]))},[e]),i=b.default.useCallback(l=>{l==="server"?n({level:"error",text:"A server error occurred. Please try again later."}):l==="network"&&n({level:"error",text:"A network error occurred. Please check your internet connection or try again later."})},[n]),[s,c]=b.default.useState(null),[u,p]=b.default.useState(!1),m=b.default.useRef(null),v=(l,C,a)=>{C&&(p(!0),m.current=null),C?o(a):a.forEach(n)},g=window.location.pathname+window.location.search+window.location.hash,d=z(null,t.unpack,r,g,{onNavigation:v,onServerError:i});b.default.useEffect(()=>{let l=document.querySelector(".django-bridge-load");l instanceof HTMLElement&&(l.classList.add("django-bridge-load--hidden"),setTimeout(()=>{l.remove()},200));let C=()=>{d.navigate(document.location.pathname,!1)};return window.addEventListener("popstate",C),()=>{window.removeEventListener("popstate",C)}},[]);let f=async(l,C,{onClose:a}={})=>{let y=await O(l,!0);a&&(m.current=a),p(!1),c({render:C,initialResponse:y,initialPath:l})},h=b.default.useMemo(()=>({messages:e,pushMessage:n}),[e,n]);return(0,E.jsx)(se,{handleBrowserUnload:!0,children:(0,E.jsxs)(L.Provider,{value:h,children:[s&&(0,E.jsx)(se,{children:(0,E.jsx)(de,{config:t,initialResponse:s.initialResponse,initialPath:s.initialPath,parentNavigationContoller:d,render:l=>s.render(l),requestClose:()=>p(!0),closeRequested:u,onCloseCompleted:()=>{c(null),p(!1),m.current&&(m.current(),m.current=null)},onServerError:i})}),!d.isLoading&&(0,E.jsx)(re,{config:t,navigationController:d,openOverlay:(l,C,a)=>void f(l,C,a)})]})})}0&&(module.exports={App,BuildLinkElement,Config,DirtyFormContext,DirtyFormMarker,Form,FormSubmissionStatus,FormWidgetChangeNotificationContext,Link,MessagesContext,NavigationContext,OverlayContext,RenderFrame,buildLinkElement});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@django-bridge/react",
-  "version": "0.4.0-rc.7",
+  "version": "0.4.0-rc.9",
   "description": "The simple way to build Django applications with modern React frontends",
   "repository": "https://github.com/django-bridge/django-bridge",
   "license": "BSD-3-Clause",
@@ -10,7 +10,7 @@
     "/dist"
   ],
   "scripts": {
-    "build": "tsup src/index.tsx --format cjs --dts --minify --clean --out-dir dist",
+    "build": "tsup",
     "check-types": "tsc --noEmit"
   },
   "browserslist": {