@akinon/app-client 0.2.0 → 0.3.0

package/dist/app-client-provider.d.ts

@@ -3,6 +3,8 @@ import React from 'react';
 interface AppClientContextState {
     data?: ApplicationData;
     isLoading: boolean;
+    invokeAction: <T = any>(actionKey: string, ...args: any[]) => Promise<T>;
+    navigate: (path: string) => void;
 }
 interface AppClientProviderProps {
     children: React.ReactNode;

package/dist/app-client-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-client-provider.d.ts","sourceRoot":"","sources":["../src/app-client-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,eAAe,EAAQ,MAAM,oBAAoB,CAAC;AAE5E,OAAO,KAAyD,MAAM,OAAO,CAAC;AAE9E,UAAU,qBAAqB;IAC7B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;CACpB;AAMD,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,eAAe,CAAC;CACzB;AAKD,QAAA,MAAM,YAAY,6BAAqC,CAAC;AAExD,QAAA,MAAM,iBAAiB,yBAA0B,sBAAsB,sBA+CtE,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAC;AAC3C,YAAY,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"app-client-provider.d.ts","sourceRoot":"","sources":["../src/app-client-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEtE,OAAO,KAAyD,MAAM,OAAO,CAAC;AAE9E,UAAU,qBAAqB;IAC7B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,CAAC,GAAG,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;IACzE,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAeD,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,eAAe,CAAC;CACzB;AAKD,QAAA,MAAM,YAAY,6BAAqC,CAAC;AAExD,QAAA,MAAM,iBAAiB,yBAA0B,sBAAsB,sBAyDtE,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAC;AAC3C,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/dist/index.cjs

@@ -1,7 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react/jsx-runtime"),u=require("react");/**
-  postmate - A powerful, simple, promise-based postMessage library
-  @version v1.5.2
-  @link https://github.com/dollarshaveclub/postmate
-  @author Jacob Kelley <jakie8@gmail.com>
-  @license MIT
-**/var h="application/x-postmate-v1+json",w=5,C=0,_=function(){return++C},l=function(){var r;return p.debug?(r=console).log.apply(r,arguments):null},k=function(r){var t=document.createElement("a");t.href=r;var n=t.protocol.length>4?t.protocol:window.location.protocol,e=t.host.length?t.port==="80"||t.port==="443"?t.hostname:t.host:window.location.host;return t.origin||n+"//"+e},D={handshake:1,"handshake-reply":1,call:1,emit:1,reply:1,request:1},g=function(r,t){return!(typeof t=="string"&&r.origin!==t||!r.data||typeof r.data=="object"&&!("postmate"in r.data)||r.data.type!==h||!D[r.data.postmate])},V=function(r,t){var n=typeof r[t]=="function"?r[t]():r[t];return p.Promise.resolve(n)},A=function(){function s(t){var n=this;this.parent=t.parent,this.frame=t.frame,this.child=t.child,this.childOrigin=t.childOrigin,this.events={},process.env.NODE_ENV!=="production"&&(l("Parent: Registering API"),l("Parent: Awaiting messages...")),this.listener=function(e){if(!g(e,n.childOrigin))return!1;var o=((e||{}).data||{}).value||{},i=o.data,d=o.name;e.data.postmate==="emit"&&(process.env.NODE_ENV!=="production"&&l("Parent: Received event emission: "+d),d in n.events&&n.events[d].call(n,i))},this.parent.addEventListener("message",this.listener,!1),process.env.NODE_ENV!=="production"&&l("Parent: Awaiting event emissions from Child")}var r=s.prototype;return r.get=function(n){var e=this;return new p.Promise(function(o){var i=_(),d=function a(c){c.data.uid===i&&c.data.postmate==="reply"&&(e.parent.removeEventListener("message",a,!1),o(c.data.value))};e.parent.addEventListener("message",d,!1),e.child.postMessage({postmate:"request",type:h,property:n,uid:i},e.childOrigin)})},r.call=function(n,e){this.child.postMessage({postmate:"call",type:h,property:n,data:e},this.childOrigin)},r.on=function(n,e){this.events[n]=e},r.destroy=function(){process.env.NODE_ENV!=="production"&&l("Parent: Destroying Postmate instance"),window.removeEventListener("message",this.listener,!1),this.frame.parentNode.removeChild(this.frame)},s}(),L=function(){function s(t){var n=this;this.model=t.model,this.parent=t.parent,this.parentOrigin=t.parentOrigin,this.child=t.child,process.env.NODE_ENV!=="production"&&(l("Child: Registering API"),l("Child: Awaiting messages...")),this.child.addEventListener("message",function(e){if(g(e,n.parentOrigin)){process.env.NODE_ENV!=="production"&&l("Child: Received request",e.data);var o=e.data,i=o.property,d=o.uid,a=o.data;if(e.data.postmate==="call"){i in n.model&&typeof n.model[i]=="function"&&n.model[i](a);return}V(n.model,i).then(function(c){return e.source.postMessage({property:i,postmate:"reply",type:h,uid:d,value:c},e.origin)})}})}var r=s.prototype;return r.emit=function(n,e){process.env.NODE_ENV!=="production"&&l('Child: Emitting Event "'+n+'"',e),this.parent.postMessage({postmate:"emit",type:h,value:{name:n,data:e}},this.parentOrigin)},s}(),p=function(){function s(t){var n=t.container,e=n===void 0?typeof e<"u"?e:document.body:n,o=t.model,i=t.url,d=t.name,a=t.classListArray,c=a===void 0?[]:a;return this.parent=window,this.frame=document.createElement("iframe"),this.frame.name=d||"",this.frame.classList.add.apply(this.frame.classList,c),e.appendChild(this.frame),this.child=this.frame.contentWindow||this.frame.contentDocument.parentWindow,this.model=o||{},this.sendHandshake(i)}var r=s.prototype;return r.sendHandshake=function(n){var e=this,o=k(n),i=0,d;return new s.Promise(function(a,c){var f=function v(m){return g(m,o)?m.data.postmate==="handshake-reply"?(clearInterval(d),process.env.NODE_ENV!=="production"&&l("Parent: Received handshake reply from Child"),e.parent.removeEventListener("message",v,!1),e.childOrigin=m.origin,process.env.NODE_ENV!=="production"&&l("Parent: Saving Child origin",e.childOrigin),a(new A(e))):(process.env.NODE_ENV!=="production"&&l("Parent: Invalid handshake reply"),c("Failed handshake")):!1};e.parent.addEventListener("message",f,!1);var E=function(){i++,process.env.NODE_ENV!=="production"&&l("Parent: Sending handshake attempt "+i,{childOrigin:o}),e.child.postMessage({postmate:"handshake",type:h,model:e.model},o),i===w&&clearInterval(d)},y=function(){E(),d=setInterval(E,500)};e.frame.attachEvent?e.frame.attachEvent("onload",y):e.frame.onload=y,process.env.NODE_ENV!=="production"&&l("Parent: Loading frame",{url:n}),e.frame.src=n})},s}();p.debug=!1;p.Promise=function(){try{return window?window.Promise:Promise}catch{return null}}();p.Model=function(){function s(t){return this.child=window,this.model=t,this.parent=this.child.parent,this.sendHandshakeReply()}var r=s.prototype;return r.sendHandshakeReply=function(){var n=this;return new p.Promise(function(e,o){var i=function d(a){if(a.data.postmate){if(a.data.postmate==="handshake"){process.env.NODE_ENV!=="production"&&l("Child: Received handshake from Parent"),n.child.removeEventListener("message",d,!1),process.env.NODE_ENV!=="production"&&l("Child: Sending handshake reply to Parent"),a.source.postMessage({postmate:"handshake-reply",type:h},a.origin),n.parentOrigin=a.origin;var c=a.data.model;return c&&(Object.keys(c).forEach(function(f){n.model[f]=c[f]}),process.env.NODE_ENV!=="production"&&l("Child: Inherited and extended model from Parent")),process.env.NODE_ENV!=="production"&&l("Child: Saving Parent origin",n.parentOrigin),e(new L(n))}return o("Handshake Reply Failed")}};n.child.addEventListener("message",i,!1)})},s}();const P={isLoading:!0},N=u.createContext(P),I=()=>u.useContext(N),R=({children:s,config:r})=>{const[t,n]=u.useState({}),[e,o]=u.useState(P);u.useEffect(()=>{if(r.forceRedirect&&!r.isDev&&window.self===window.top){console.error("This app must be run inside an iframe when forceRedirect is true.");return}const d=new p.Model({setData:a=>{console.log("AppClientProvider: setData",a),n(a)}});d.then(a=>{console.log("AppClientProvider: handshake success",a),a.emit("init",r)}),d.catch(a=>{console.error("AppClientProvider: handshake error",a)}),o({isLoading:!1})},[r]);const i={...e,data:t};return console.log("client context value",i),O.jsx(N.Provider,{value:i,children:s})};exports.AppClientProvider=R;exports.useAppClient=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("react/jsx-runtime"),M=require("react");var p=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function H(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var T={},h={},S;function K(){if(S)return h;S=1,Object.defineProperty(h,"__esModule",{value:!0}),h.detach=h.attach=void 0;var r=d(),o=!1;function n(){o||typeof window>"u"||(o=!0,window.addEventListener("message",r.onMessage,!1))}h.attach=n;function t(){o=!1,window.removeEventListener("message",r.onMessage,!1)}return h.detach=t,h}var v={},q;function Q(){if(q)return v;q=1,Object.defineProperty(v,"__esModule",{value:!0}),v.broadcastToChildWindows=void 0;var r=d();function o(n,t,e){for(var i=r.childWindows.length-1;i>=0;i--){var s=r.childWindows[i];s.closed?r.childWindows.splice(i,1):e!==s&&(0,r.broadcast)(n,{origin:t,frame:s.top})}}return v.broadcastToChildWindows=o,v}var b={},C;function X(){if(C)return b;C=1,Object.defineProperty(b,"__esModule",{value:!0}),b.broadcast=void 0;var r=d();function o(n,t){var e=0,i,s=t.origin,a=t.frame;try{for(a.postMessage(n,s),(0,r.hasOpener)(a)&&a.opener.top!==window.top&&o(n,{origin:s,frame:a.opener.top});i=a.frames[e];)o(n,{origin:s,frame:i}),e++}catch{}}return b.broadcast=o,b}var l={};Object.defineProperty(l,"__esModule",{value:!0});l.subscribers=l.childWindows=l.prefix=void 0;l.prefix="/*framebus*/";l.childWindows=[];l.subscribers={};var g={},R;function Y(){if(R)return g;R=1,Object.defineProperty(g,"__esModule",{value:!0}),g.dispatch=void 0;var r=d();function o(n,t,e,i,s){if(r.subscribers[n]&&r.subscribers[n][t]){var a=[];e&&a.push(e),i&&a.push(i);for(var u=0;u<r.subscribers[n][t].length;u++)r.subscribers[n][t][u].apply(s,a)}}return g.dispatch=o,g}var O={};Object.defineProperty(O,"__esModule",{value:!0});O.hasOpener=void 0;function Z(r){return!(r.top!==r||r.opener==null||r.opener===r||r.opener.closed===!0)}O.hasOpener=Z;var F={};Object.defineProperty(F,"__esModule",{value:!0});F.isntString=void 0;function N(r){return typeof r!="string"}F.isntString=N;var y={},E;function ee(){if(E)return y;E=1,Object.defineProperty(y,"__esModule",{value:!0}),y.onMessage=void 0;var r=d();function o(n){if(!(0,r.isntString)(n.data)){var t=(0,r.unpackPayload)(n);if(t){var e=t.eventData,i=t.reply;(0,r.dispatch)("*",t.event,e,i,n),(0,r.dispatch)(n.origin,t.event,e,i,n),(0,r.broadcastToChildWindows)(n.data,t.origin,n.source)}}}return y.onMessage=o,y}var m={},k;function re(){if(k)return m;k=1,Object.defineProperty(m,"__esModule",{value:!0}),m.packagePayload=void 0;var r=d();function o(n,t,e,i){var s,a={event:n,origin:t};typeof i=="function"&&(a.reply=(0,r.subscribeReplier)(i,t)),a.eventData=e;try{s=r.prefix+JSON.stringify(a)}catch(u){throw new Error("Could not stringify event: ".concat(u.message))}return s}return m.packagePayload=o,m}var x={};Object.defineProperty(x,"__esModule",{value:!0});x.sendMessage=void 0;function te(r,o,n){try{r.postMessage(o,n)}catch{}}x.sendMessage=te;var _={},w={},B;function V(){if(B)return w;B=1,Object.defineProperty(w,"__esModule",{value:!0}),w.Framebus=void 0;var r=d(),o=typeof window<"u"&&window.Promise,n=function(){function t(e){e===void 0&&(e={}),this.origin=e.origin||"*",this.channel=e.channel||"",this.verifyDomain=e.verifyDomain,this.targetFrames=e.targetFrames||[],this.limitBroadcastToFramesArray=!!e.targetFrames,this.isDestroyed=!1,this.listeners=[],this.hasAdditionalChecksForOnListeners=!!(this.verifyDomain||this.limitBroadcastToFramesArray)}return t.setPromise=function(e){t.Promise=e},t.target=function(e){return new t(e)},t.prototype.addTargetFrame=function(e){this.limitBroadcastToFramesArray&&this.targetFrames.push(e)},t.prototype.include=function(e){return e==null||e.Window==null||e.constructor!==e.Window?!1:(r.childWindows.push(e),!0)},t.prototype.target=function(e){return t.target(e)},t.prototype.emit=function(e,i,s){if(this.isDestroyed)return!1;var a=this.origin;if(e=this.namespaceEvent(e),(0,r.isntString)(e)||(0,r.isntString)(a))return!1;typeof i=="function"&&(s=i,i=void 0);var u=(0,r.packagePayload)(e,a,i,s);return u?(this.limitBroadcastToFramesArray?this.targetFramesAsWindows().forEach(function(c){(0,r.sendMessage)(c,u,a)}):(0,r.broadcast)(u,{origin:a,frame:window.top||window.self}),!0):!1},t.prototype.emitAsPromise=function(e,i){var s=this;return new t.Promise(function(a,u){var c=s.emit(e,i,function(f){a(f)});c||u(new Error('Listener not added for "'.concat(e,'"')))})},t.prototype.on=function(e,i){if(this.isDestroyed)return!1;var s=this,a=this.origin,u=i;return e=this.namespaceEvent(e),(0,r.subscriptionArgsInvalid)(e,u,a)?!1:(this.hasAdditionalChecksForOnListeners&&(u=function(){for(var c=[],f=0;f<arguments.length;f++)c[f]=arguments[f];s.passesVerifyDomainCheck(this&&this.origin)&&s.hasMatchingTargetFrame(this&&this.source)&&i.apply(void 0,c)}),this.listeners.push({eventName:e,handler:u,originalHandler:i}),r.subscribers[a]=r.subscribers[a]||{},r.subscribers[a][e]=r.subscribers[a][e]||[],r.subscribers[a][e].push(u),!0)},t.prototype.off=function(e,i){var s=i;if(this.isDestroyed)return!1;if(this.verifyDomain)for(var a=0;a<this.listeners.length;a++){var u=this.listeners[a];u.originalHandler===i&&(s=u.handler)}e=this.namespaceEvent(e);var c=this.origin;if((0,r.subscriptionArgsInvalid)(e,s,c))return!1;var f=r.subscribers[c]&&r.subscribers[c][e];if(!f)return!1;for(var a=0;a<f.length;a++)if(f[a]===s)return f.splice(a,1),!0;return!1},t.prototype.teardown=function(){if(!this.isDestroyed){this.isDestroyed=!0;for(var e=0;e<this.listeners.length;e++){var i=this.listeners[e];this.off(i.eventName,i.handler)}this.listeners.length=0}},t.prototype.passesVerifyDomainCheck=function(e){return this.verifyDomain?this.checkOrigin(e):!0},t.prototype.targetFramesAsWindows=function(){return this.limitBroadcastToFramesArray?this.targetFrames.map(function(e){return e instanceof HTMLIFrameElement?e.contentWindow:e}).filter(function(e){return e}):[]},t.prototype.hasMatchingTargetFrame=function(e){if(!this.limitBroadcastToFramesArray)return!0;var i=this.targetFramesAsWindows().find(function(s){return s===e});return!!i},t.prototype.checkOrigin=function(e){var i,s=document.createElement("a");s.href=location.href,s.protocol==="https:"?i=s.host.replace(/:443$/,""):s.protocol==="http:"?i=s.host.replace(/:80$/,""):i=s.host;var a=s.protocol+"//"+i;return a===e?!0:this.verifyDomain?this.verifyDomain(e):!0},t.prototype.namespaceEvent=function(e){return this.channel?"".concat(this.channel,":").concat(e):e},t.Promise=o,t}();return w.Framebus=n,w}function ie(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(r){var o=Math.random()*16|0,n=r==="x"?o:o&3|8;return n.toString(16)})}var ne=ie,I;function ae(){if(I)return _;I=1;var r=p&&p.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(_,"__esModule",{value:!0}),_.subscribeReplier=void 0;var o=V(),n=r(ne);function t(e,i){var s=(0,n.default)();function a(u,c){e(u,c),o.Framebus.target({origin:i}).off(s,a)}return o.Framebus.target({origin:i}).on(s,a),s}return _.subscribeReplier=t,_}var P={},L;function se(){if(L)return P;L=1,Object.defineProperty(P,"__esModule",{value:!0}),P.subscriptionArgsInvalid=void 0;var r=d();function o(n,t,e){return(0,r.isntString)(n)||typeof t!="function"?!0:(0,r.isntString)(e)}return P.subscriptionArgsInvalid=o,P}var U={};Object.defineProperty(U,"__esModule",{value:!0});var A={},W;function oe(){if(W)return A;W=1,Object.defineProperty(A,"__esModule",{value:!0}),A.unpackPayload=void 0;var r=d();function o(n){var t;if(n.data.slice(0,r.prefix.length)!==r.prefix)return!1;try{t=JSON.parse(n.data.slice(r.prefix.length))}catch{return!1}if(t.reply){var e=n.origin,i=n.source,s=t.reply;t.reply=function(u){if(i){var c=(0,r.packagePayload)(s,e,u);c&&i.postMessage(c,e)}}}return t}return A.unpackPayload=o,A}var $;function d(){return $||($=1,function(r){var o=p&&p.__createBinding||(Object.create?function(t,e,i,s){s===void 0&&(s=i);var a=Object.getOwnPropertyDescriptor(e,i);(!a||("get"in a?!e.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return e[i]}}),Object.defineProperty(t,s,a)}:function(t,e,i,s){s===void 0&&(s=i),t[s]=e[i]}),n=p&&p.__exportStar||function(t,e){for(var i in t)i!=="default"&&!Object.prototype.hasOwnProperty.call(e,i)&&o(e,t,i)};Object.defineProperty(r,"__esModule",{value:!0}),n(K(),r),n(Q(),r),n(X(),r),n(l,r),n(Y(),r),n(O,r),n(F,r),n(ee(),r),n(re(),r),n(x,r),n(ae(),r),n(se(),r),n(U,r),n(oe(),r)}(T)),T}var ue=d(),ce=V();(0,ue.attach)();var fe=ce.Framebus;const j=H(fe),de={isLoading:!0,invokeAction:async()=>Promise.reject("Action functionality not initialized."),navigate:()=>{}},le=r=>{new j().emit("NAVIGATE",{path:r})},G=M.createContext(de),he=()=>M.useContext(G),pe=({children:r,config:o})=>{const[n,t]=M.useState(void 0),[e,i]=M.useState(!0),s=(u,...c)=>new Promise((f,J)=>{new j().emit("INVOKE_ACTION",{actionKey:u,args:c},D=>{D.success?f(D.result):J(new Error(D.error))})});M.useEffect(()=>{if(o.forceRedirect&&!o.isDev&&window.self===window.top){console.error("This app must be run inside an iframe when forceRedirect is true.");return}const u=new j;return u.on("DATA_RESPONSE",c=>{t(c),i(!1)}),u.emit("REQUEST_DATA"),()=>{u.teardown()}},[o]);const a={data:n,isLoading:e,invokeAction:s,navigate:le};return z.jsx(G.Provider,{value:a,children:r})};exports.AppClientProvider=pe;exports.useAppClient=he;

package/dist/index.js

@@ -1,206 +1,386 @@
-import { jsx as O } from "react/jsx-runtime";
-import { createContext as w, useContext as C, useState as y, useEffect as _ } from "react";
-/**
-  postmate - A powerful, simple, promise-based postMessage library
-  @version v1.5.2
-  @link https://github.com/dollarshaveclub/postmate
-  @author Jacob Kelley <jakie8@gmail.com>
-  @license MIT
-**/
-var h = "application/x-postmate-v1+json", k = 5, D = 0, V = function() {
-  return ++D;
-}, l = function() {
-  var r;
-  return p.debug ? (r = console).log.apply(r, arguments) : null;
-}, A = function(r) {
-  var t = document.createElement("a");
-  t.href = r;
-  var n = t.protocol.length > 4 ? t.protocol : window.location.protocol, e = t.host.length ? t.port === "80" || t.port === "443" ? t.hostname : t.host : window.location.host;
-  return t.origin || n + "//" + e;
-}, L = {
-  handshake: 1,
-  "handshake-reply": 1,
-  call: 1,
-  emit: 1,
-  reply: 1,
-  request: 1
-  /**
-   * Ensures that a message is safe to interpret
-   * @param  {Object} message The postmate message being sent
-   * @param  {String|Boolean} allowedOrigin The whitelisted origin or false to skip origin check
-   * @return {Boolean}
-   */
-}, m = function(r, t) {
-  return !(typeof t == "string" && r.origin !== t || !r.data || typeof r.data == "object" && !("postmate" in r.data) || r.data.type !== h || !L[r.data.postmate]);
-}, I = function(r, t) {
-  var n = typeof r[t] == "function" ? r[t]() : r[t];
-  return p.Promise.resolve(n);
-}, x = /* @__PURE__ */ function() {
-  function s(t) {
-    var n = this;
-    this.parent = t.parent, this.frame = t.frame, this.child = t.child, this.childOrigin = t.childOrigin, this.events = {}, process.env.NODE_ENV !== "production" && (l("Parent: Registering API"), l("Parent: Awaiting messages...")), this.listener = function(e) {
-      if (!m(e, n.childOrigin))
-        return !1;
-      var o = ((e || {}).data || {}).value || {}, i = o.data, d = o.name;
-      e.data.postmate === "emit" && (process.env.NODE_ENV !== "production" && l("Parent: Received event emission: " + d), d in n.events && n.events[d].call(n, i));
-    }, this.parent.addEventListener("message", this.listener, !1), process.env.NODE_ENV !== "production" && l("Parent: Awaiting event emissions from Child");
+import { jsx as z } from "react/jsx-runtime";
+import { createContext as H, useContext as K, useState as j, useEffect as Q } from "react";
+var p = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function X(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
+}
+var D = {}, h = {}, q;
+function Y() {
+  if (q)
+    return h;
+  q = 1, Object.defineProperty(h, "__esModule", { value: !0 }), h.detach = h.attach = void 0;
+  var r = d(), o = !1;
+  function n() {
+    o || typeof window > "u" || (o = !0, window.addEventListener("message", r.onMessage, !1));
   }
-  var r = s.prototype;
-  return r.get = function(n) {
-    var e = this;
-    return new p.Promise(function(o) {
-      var i = V(), d = function a(c) {
-        c.data.uid === i && c.data.postmate === "reply" && (e.parent.removeEventListener("message", a, !1), o(c.data.value));
-      };
-      e.parent.addEventListener("message", d, !1), e.child.postMessage({
-        postmate: "request",
-        type: h,
-        property: n,
-        uid: i
-      }, e.childOrigin);
-    });
-  }, r.call = function(n, e) {
-    this.child.postMessage({
-      postmate: "call",
-      type: h,
-      property: n,
-      data: e
-    }, this.childOrigin);
-  }, r.on = function(n, e) {
-    this.events[n] = e;
-  }, r.destroy = function() {
-    process.env.NODE_ENV !== "production" && l("Parent: Destroying Postmate instance"), window.removeEventListener("message", this.listener, !1), this.frame.parentNode.removeChild(this.frame);
-  }, s;
-}(), R = /* @__PURE__ */ function() {
-  function s(t) {
-    var n = this;
-    this.model = t.model, this.parent = t.parent, this.parentOrigin = t.parentOrigin, this.child = t.child, process.env.NODE_ENV !== "production" && (l("Child: Registering API"), l("Child: Awaiting messages...")), this.child.addEventListener("message", function(e) {
-      if (m(e, n.parentOrigin)) {
-        process.env.NODE_ENV !== "production" && l("Child: Received request", e.data);
-        var o = e.data, i = o.property, d = o.uid, a = o.data;
-        if (e.data.postmate === "call") {
-          i in n.model && typeof n.model[i] == "function" && n.model[i](a);
-          return;
-        }
-        I(n.model, i).then(function(c) {
-          return e.source.postMessage({
-            property: i,
-            postmate: "reply",
-            type: h,
-            uid: d,
-            value: c
-          }, e.origin);
-        });
-      }
-    });
+  h.attach = n;
+  function t() {
+    o = !1, window.removeEventListener("message", r.onMessage, !1);
   }
-  var r = s.prototype;
-  return r.emit = function(n, e) {
-    process.env.NODE_ENV !== "production" && l('Child: Emitting Event "' + n + '"', e), this.parent.postMessage({
-      postmate: "emit",
-      type: h,
-      value: {
-        name: n,
-        data: e
+  return h.detach = t, h;
+}
+var v = {}, R;
+function Z() {
+  if (R)
+    return v;
+  R = 1, Object.defineProperty(v, "__esModule", { value: !0 }), v.broadcastToChildWindows = void 0;
+  var r = d();
+  function o(n, t, e) {
+    for (var i = r.childWindows.length - 1; i >= 0; i--) {
+      var s = r.childWindows[i];
+      s.closed ? r.childWindows.splice(i, 1) : e !== s && (0, r.broadcast)(n, {
+        origin: t,
+        frame: s.top
+      });
+    }
+  }
+  return v.broadcastToChildWindows = o, v;
+}
+var b = {}, S;
+function N() {
+  if (S)
+    return b;
+  S = 1, Object.defineProperty(b, "__esModule", { value: !0 }), b.broadcast = void 0;
+  var r = d();
+  function o(n, t) {
+    var e = 0, i, s = t.origin, a = t.frame;
+    try {
+      for (a.postMessage(n, s), (0, r.hasOpener)(a) && a.opener.top !== window.top && o(n, {
+        origin: s,
+        frame: a.opener.top
+      }); i = a.frames[e]; )
+        o(n, {
+          origin: s,
+          frame: i
+        }), e++;
+    } catch {
+    }
+  }
+  return b.broadcast = o, b;
+}
+var l = {};
+Object.defineProperty(l, "__esModule", { value: !0 });
+l.subscribers = l.childWindows = l.prefix = void 0;
+l.prefix = "/*framebus*/";
+l.childWindows = [];
+l.subscribers = {};
+var g = {}, C;
+function ee() {
+  if (C)
+    return g;
+  C = 1, Object.defineProperty(g, "__esModule", { value: !0 }), g.dispatch = void 0;
+  var r = d();
+  function o(n, t, e, i, s) {
+    if (r.subscribers[n] && r.subscribers[n][t]) {
+      var a = [];
+      e && a.push(e), i && a.push(i);
+      for (var u = 0; u < r.subscribers[n][t].length; u++)
+        r.subscribers[n][t][u].apply(s, a);
+    }
+  }
+  return g.dispatch = o, g;
+}
+var M = {};
+Object.defineProperty(M, "__esModule", { value: !0 });
+M.hasOpener = void 0;
+function re(r) {
+  return !(r.top !== r || r.opener == null || r.opener === r || r.opener.closed === !0);
+}
+M.hasOpener = re;
+var O = {};
+Object.defineProperty(O, "__esModule", { value: !0 });
+O.isntString = void 0;
+function te(r) {
+  return typeof r != "string";
+}
+O.isntString = te;
+var y = {}, E;
+function ie() {
+  if (E)
+    return y;
+  E = 1, Object.defineProperty(y, "__esModule", { value: !0 }), y.onMessage = void 0;
+  var r = d();
+  function o(n) {
+    if (!(0, r.isntString)(n.data)) {
+      var t = (0, r.unpackPayload)(n);
+      if (t) {
+        var e = t.eventData, i = t.reply;
+        (0, r.dispatch)("*", t.event, e, i, n), (0, r.dispatch)(n.origin, t.event, e, i, n), (0, r.broadcastToChildWindows)(n.data, t.origin, n.source);
       }
-    }, this.parentOrigin);
-  }, s;
-}(), p = /* @__PURE__ */ function() {
-  function s(t) {
-    var n = t.container, e = n === void 0 ? typeof e < "u" ? e : document.body : n, o = t.model, i = t.url, d = t.name, a = t.classListArray, c = a === void 0 ? [] : a;
-    return this.parent = window, this.frame = document.createElement("iframe"), this.frame.name = d || "", this.frame.classList.add.apply(this.frame.classList, c), e.appendChild(this.frame), this.child = this.frame.contentWindow || this.frame.contentDocument.parentWindow, this.model = o || {}, this.sendHandshake(i);
+    }
   }
-  var r = s.prototype;
-  return r.sendHandshake = function(n) {
-    var e = this, o = A(n), i = 0, d;
-    return new s.Promise(function(a, c) {
-      var u = function f(v) {
-        return m(v, o) ? v.data.postmate === "handshake-reply" ? (clearInterval(d), process.env.NODE_ENV !== "production" && l("Parent: Received handshake reply from Child"), e.parent.removeEventListener("message", f, !1), e.childOrigin = v.origin, process.env.NODE_ENV !== "production" && l("Parent: Saving Child origin", e.childOrigin), a(new x(e))) : (process.env.NODE_ENV !== "production" && l("Parent: Invalid handshake reply"), c("Failed handshake")) : !1;
-      };
-      e.parent.addEventListener("message", u, !1);
-      var g = function() {
-        i++, process.env.NODE_ENV !== "production" && l("Parent: Sending handshake attempt " + i, {
-          childOrigin: o
-        }), e.child.postMessage({
-          postmate: "handshake",
-          type: h,
-          model: e.model
-        }, o), i === k && clearInterval(d);
-      }, E = function() {
-        g(), d = setInterval(g, 500);
-      };
-      e.frame.attachEvent ? e.frame.attachEvent("onload", E) : e.frame.onload = E, process.env.NODE_ENV !== "production" && l("Parent: Loading frame", {
-        url: n
-      }), e.frame.src = n;
-    });
-  }, s;
-}();
-p.debug = !1;
-p.Promise = function() {
+  return y.onMessage = o, y;
+}
+var m = {}, k;
+function ne() {
+  if (k)
+    return m;
+  k = 1, Object.defineProperty(m, "__esModule", { value: !0 }), m.packagePayload = void 0;
+  var r = d();
+  function o(n, t, e, i) {
+    var s, a = {
+      event: n,
+      origin: t
+    };
+    typeof i == "function" && (a.reply = (0, r.subscribeReplier)(i, t)), a.eventData = e;
+    try {
+      s = r.prefix + JSON.stringify(a);
+    } catch (u) {
+      throw new Error("Could not stringify event: ".concat(u.message));
+    }
+    return s;
+  }
+  return m.packagePayload = o, m;
+}
+var F = {};
+Object.defineProperty(F, "__esModule", { value: !0 });
+F.sendMessage = void 0;
+function ae(r, o, n) {
   try {
-    return window ? window.Promise : Promise;
+    r.postMessage(o, n);
   } catch {
-    return null;
   }
-}();
-p.Model = /* @__PURE__ */ function() {
-  function s(t) {
-    return this.child = window, this.model = t, this.parent = this.child.parent, this.sendHandshakeReply();
-  }
-  var r = s.prototype;
-  return r.sendHandshakeReply = function() {
-    var n = this;
-    return new p.Promise(function(e, o) {
-      var i = function d(a) {
-        if (a.data.postmate) {
-          if (a.data.postmate === "handshake") {
-            process.env.NODE_ENV !== "production" && l("Child: Received handshake from Parent"), n.child.removeEventListener("message", d, !1), process.env.NODE_ENV !== "production" && l("Child: Sending handshake reply to Parent"), a.source.postMessage({
-              postmate: "handshake-reply",
-              type: h
-            }, a.origin), n.parentOrigin = a.origin;
-            var c = a.data.model;
-            return c && (Object.keys(c).forEach(function(u) {
-              n.model[u] = c[u];
-            }), process.env.NODE_ENV !== "production" && l("Child: Inherited and extended model from Parent")), process.env.NODE_ENV !== "production" && l("Child: Saving Parent origin", n.parentOrigin), e(new R(n));
+}
+F.sendMessage = ae;
+var _ = {}, w = {}, B;
+function V() {
+  if (B)
+    return w;
+  B = 1, Object.defineProperty(w, "__esModule", { value: !0 }), w.Framebus = void 0;
+  var r = d(), o = typeof window < "u" && window.Promise, n = (
+    /** @class */
+    function() {
+      function t(e) {
+        e === void 0 && (e = {}), this.origin = e.origin || "*", this.channel = e.channel || "", this.verifyDomain = e.verifyDomain, this.targetFrames = e.targetFrames || [], this.limitBroadcastToFramesArray = !!e.targetFrames, this.isDestroyed = !1, this.listeners = [], this.hasAdditionalChecksForOnListeners = !!(this.verifyDomain || this.limitBroadcastToFramesArray);
+      }
+      return t.setPromise = function(e) {
+        t.Promise = e;
+      }, t.target = function(e) {
+        return new t(e);
+      }, t.prototype.addTargetFrame = function(e) {
+        this.limitBroadcastToFramesArray && this.targetFrames.push(e);
+      }, t.prototype.include = function(e) {
+        return e == null || e.Window == null || e.constructor !== e.Window ? !1 : (r.childWindows.push(e), !0);
+      }, t.prototype.target = function(e) {
+        return t.target(e);
+      }, t.prototype.emit = function(e, i, s) {
+        if (this.isDestroyed)
+          return !1;
+        var a = this.origin;
+        if (e = this.namespaceEvent(e), (0, r.isntString)(e) || (0, r.isntString)(a))
+          return !1;
+        typeof i == "function" && (s = i, i = void 0);
+        var u = (0, r.packagePayload)(e, a, i, s);
+        return u ? (this.limitBroadcastToFramesArray ? this.targetFramesAsWindows().forEach(function(c) {
+          (0, r.sendMessage)(c, u, a);
+        }) : (0, r.broadcast)(u, {
+          origin: a,
+          frame: window.top || window.self
+        }), !0) : !1;
+      }, t.prototype.emitAsPromise = function(e, i) {
+        var s = this;
+        return new t.Promise(function(a, u) {
+          var c = s.emit(e, i, function(f) {
+            a(f);
+          });
+          c || u(new Error('Listener not added for "'.concat(e, '"')));
+        });
+      }, t.prototype.on = function(e, i) {
+        if (this.isDestroyed)
+          return !1;
+        var s = this, a = this.origin, u = i;
+        return e = this.namespaceEvent(e), (0, r.subscriptionArgsInvalid)(e, u, a) ? !1 : (this.hasAdditionalChecksForOnListeners && (u = function() {
+          for (var c = [], f = 0; f < arguments.length; f++)
+            c[f] = arguments[f];
+          s.passesVerifyDomainCheck(this && this.origin) && s.hasMatchingTargetFrame(this && this.source) && i.apply(void 0, c);
+        }), this.listeners.push({
+          eventName: e,
+          handler: u,
+          originalHandler: i
+        }), r.subscribers[a] = r.subscribers[a] || {}, r.subscribers[a][e] = r.subscribers[a][e] || [], r.subscribers[a][e].push(u), !0);
+      }, t.prototype.off = function(e, i) {
+        var s = i;
+        if (this.isDestroyed)
+          return !1;
+        if (this.verifyDomain)
+          for (var a = 0; a < this.listeners.length; a++) {
+            var u = this.listeners[a];
+            u.originalHandler === i && (s = u.handler);
+          }
+        e = this.namespaceEvent(e);
+        var c = this.origin;
+        if ((0, r.subscriptionArgsInvalid)(e, s, c))
+          return !1;
+        var f = r.subscribers[c] && r.subscribers[c][e];
+        if (!f)
+          return !1;
+        for (var a = 0; a < f.length; a++)
+          if (f[a] === s)
+            return f.splice(a, 1), !0;
+        return !1;
+      }, t.prototype.teardown = function() {
+        if (!this.isDestroyed) {
+          this.isDestroyed = !0;
+          for (var e = 0; e < this.listeners.length; e++) {
+            var i = this.listeners[e];
+            this.off(i.eventName, i.handler);
           }
-          return o("Handshake Reply Failed");
+          this.listeners.length = 0;
+        }
+      }, t.prototype.passesVerifyDomainCheck = function(e) {
+        return this.verifyDomain ? this.checkOrigin(e) : !0;
+      }, t.prototype.targetFramesAsWindows = function() {
+        return this.limitBroadcastToFramesArray ? this.targetFrames.map(function(e) {
+          return e instanceof HTMLIFrameElement ? e.contentWindow : e;
+        }).filter(function(e) {
+          return e;
+        }) : [];
+      }, t.prototype.hasMatchingTargetFrame = function(e) {
+        if (!this.limitBroadcastToFramesArray)
+          return !0;
+        var i = this.targetFramesAsWindows().find(function(s) {
+          return s === e;
+        });
+        return !!i;
+      }, t.prototype.checkOrigin = function(e) {
+        var i, s = document.createElement("a");
+        s.href = location.href, s.protocol === "https:" ? i = s.host.replace(/:443$/, "") : s.protocol === "http:" ? i = s.host.replace(/:80$/, "") : i = s.host;
+        var a = s.protocol + "//" + i;
+        return a === e ? !0 : this.verifyDomain ? this.verifyDomain(e) : !0;
+      }, t.prototype.namespaceEvent = function(e) {
+        return this.channel ? "".concat(this.channel, ":").concat(e) : e;
+      }, t.Promise = o, t;
+    }()
+  );
+  return w.Framebus = n, w;
+}
+function se() {
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(r) {
+    var o = Math.random() * 16 | 0, n = r === "x" ? o : o & 3 | 8;
+    return n.toString(16);
+  });
+}
+var oe = se, I;
+function ue() {
+  if (I)
+    return _;
+  I = 1;
+  var r = p && p.__importDefault || function(e) {
+    return e && e.__esModule ? e : { default: e };
+  };
+  Object.defineProperty(_, "__esModule", { value: !0 }), _.subscribeReplier = void 0;
+  var o = V(), n = r(oe);
+  function t(e, i) {
+    var s = (0, n.default)();
+    function a(u, c) {
+      e(u, c), o.Framebus.target({
+        origin: i
+      }).off(s, a);
+    }
+    return o.Framebus.target({
+      origin: i
+    }).on(s, a), s;
+  }
+  return _.subscribeReplier = t, _;
+}
+var P = {}, L;
+function ce() {
+  if (L)
+    return P;
+  L = 1, Object.defineProperty(P, "__esModule", { value: !0 }), P.subscriptionArgsInvalid = void 0;
+  var r = d();
+  function o(n, t, e) {
+    return (0, r.isntString)(n) || typeof t != "function" ? !0 : (0, r.isntString)(e);
+  }
+  return P.subscriptionArgsInvalid = o, P;
+}
+var U = {};
+Object.defineProperty(U, "__esModule", { value: !0 });
+var A = {}, W;
+function fe() {
+  if (W)
+    return A;
+  W = 1, Object.defineProperty(A, "__esModule", { value: !0 }), A.unpackPayload = void 0;
+  var r = d();
+  function o(n) {
+    var t;
+    if (n.data.slice(0, r.prefix.length) !== r.prefix)
+      return !1;
+    try {
+      t = JSON.parse(n.data.slice(r.prefix.length));
+    } catch {
+      return !1;
+    }
+    if (t.reply) {
+      var e = n.origin, i = n.source, s = t.reply;
+      t.reply = function(u) {
+        if (i) {
+          var c = (0, r.packagePayload)(s, e, u);
+          c && i.postMessage(c, e);
         }
       };
-      n.child.addEventListener("message", i, !1);
+    }
+    return t;
+  }
+  return A.unpackPayload = o, A;
+}
+var $;
+function d() {
+  return $ || ($ = 1, function(r) {
+    var o = p && p.__createBinding || (Object.create ? function(t, e, i, s) {
+      s === void 0 && (s = i);
+      var a = Object.getOwnPropertyDescriptor(e, i);
+      (!a || ("get" in a ? !e.__esModule : a.writable || a.configurable)) && (a = { enumerable: !0, get: function() {
+        return e[i];
+      } }), Object.defineProperty(t, s, a);
+    } : function(t, e, i, s) {
+      s === void 0 && (s = i), t[s] = e[i];
+    }), n = p && p.__exportStar || function(t, e) {
+      for (var i in t)
+        i !== "default" && !Object.prototype.hasOwnProperty.call(e, i) && o(e, t, i);
+    };
+    Object.defineProperty(r, "__esModule", { value: !0 }), n(Y(), r), n(Z(), r), n(N(), r), n(l, r), n(ee(), r), n(M, r), n(O, r), n(ie(), r), n(ne(), r), n(F, r), n(ue(), r), n(ce(), r), n(U, r), n(fe(), r);
+  }(D)), D;
+}
+var de = d(), le = V();
+(0, de.attach)();
+var he = le.Framebus;
+const T = /* @__PURE__ */ X(he), pe = {
+  isLoading: !0,
+  invokeAction: async () => Promise.reject("Action functionality not initialized."),
+  navigate: () => {
+  }
+}, ve = (r) => {
+  new T().emit("NAVIGATE", { path: r });
+}, G = H(pe), me = () => K(G), _e = ({ children: r, config: o }) => {
+  const [n, t] = j(void 0), [e, i] = j(!0), s = (u, ...c) => new Promise((f, J) => {
+    new T().emit("INVOKE_ACTION", { actionKey: u, args: c }, (x) => {
+      x.success ? f(x.result) : J(new Error(x.error));
     });
-  }, s;
-}();
-const P = {
-  isLoading: !0
-}, N = w(P), S = () => C(N), b = ({ children: s, config: r }) => {
-  const [t, n] = y({}), [e, o] = y(P);
-  _(() => {
-    if (r.forceRedirect && !r.isDev && window.self === window.top) {
+  });
+  Q(() => {
+    if (o.forceRedirect && !o.isDev && window.self === window.top) {
       console.error(
         "This app must be run inside an iframe when forceRedirect is true."
       );
       return;
     }
-    const d = new p.Model({
-      setData: (a) => {
-        console.log("AppClientProvider: setData", a), n(a);
-      }
-    });
-    d.then((a) => {
-      console.log("AppClientProvider: handshake success", a), a.emit("init", r);
-    }), d.catch((a) => {
-      console.error("AppClientProvider: handshake error", a);
-    }), o({
-      isLoading: !1
-    });
-  }, [r]);
-  const i = {
-    ...e,
-    data: t
+    const u = new T();
+    return u.on("DATA_RESPONSE", (c) => {
+      t(c), i(!1);
+    }), u.emit("REQUEST_DATA"), () => {
+      u.teardown();
+    };
+  }, [o]);
+  const a = {
+    data: n,
+    isLoading: e,
+    invokeAction: s,
+    navigate: ve
   };
-  return console.log("client context value", i), /* @__PURE__ */ O(N.Provider, { value: i, children: s });
+  return /* @__PURE__ */ z(G.Provider, { value: a, children: r });
 };
 export {
-  b as AppClientProvider,
-  S as useAppClient
+  _e as AppClientProvider,
+  me as useAppClient
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@akinon/app-client",
   "description": "Akinon UI App Client. This library is used to create a new plugin or an application which will reside in Akinon's applications.",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "private": false,
   "type": "module",
   "main": "dist/index.js",
@@ -10,16 +10,17 @@
     "dist"
   ],
   "dependencies": {
+    "framebus": "^6.0.0",
     "postmate": "^1.5.2",
     "use-immer": "^0.9.0",
-    "@akinon/app-shared": "^0.1.0"
+    "@akinon/app-shared": "^0.2.0"
   },
   "devDependencies": {
     "@types/postmate": "^1.5.3",
     "clean-package": "2.2.0",
     "@akinon/vite-config": "^0.1.1",
-    "eslint-config-custom": "0.1.0",
-    "tsconfig": "0.0.0"
+    "tsconfig": "0.0.0",
+    "eslint-config-custom": "0.1.0"
   },
   "peerDependencies": {
     "react": "18.x",