@appshell/react-shell 1.0.0-alpha.11 → 1.0.0-alpha.13

package/dist/279.js

@@ -0,0 +1 @@
+"use strict";(globalThis.webpackChunkappshell_react_shell=globalThis.webpackChunkappshell_react_shell||[]).push([[279],{279(e,t,n){const r=window.__appshell_env__??{},o=r.APPSHELL_PUBLIC_URL||"",a={APPSHELL_PUBLIC_URL:o,APPSHELL_ROOT:r.APPSHELL_ROOT,APPSHELL_ROOT_PROPS:r.APPSHELL_ROOT_PROPS||"{}",APPSHELL_CONFIG_URL:`${o}/appshell.config.json`,APPSHELL_PRIMARY_COLOR:r.APPSHELL_PRIMARY_COLOR||"#8ed6fb",APPSHELL_THEME_COLOR:r.APPSHELL_THEME_COLOR||"#282c34"};var c=n(650);let s=!1;const i=new Set,l=async(e,t,n,r="default")=>{console.debug(`loading Appshell component: { scope: ${e}, module: ${t}, shareScope: ${r} }`),s||(s=!0,(0,c.getInstance)()||(0,c.init)({name:"Appshell",remotes:[]})),i.has(e)||(i.add(e),(0,c.registerRemotes)([{name:e,entry:n}]));const o=t.replace(/^\.\//,""),a=await(0,c.loadRemote)(`${e}/${o}`);if(!a)throw new Error(`Failed to find module container ${e}`);return console.debug(`Appshell component loaded: { scope: ${e}, module: ${t}, shareScope: ${r} }`),a.default};(Object.getOwnPropertyDescriptor(l,"name")||{}).writable||Object.defineProperty(l,"name",{value:"default",configurable:!0});const u=(e,t)=>({remotes:t,environment:e.environment,modules:{}}),d=(e,t={})=>{const n=t.composition??("undefined"==typeof window?void 0:window.__appshell_config__),r=t.resolver??((...e)=>async t=>{for(const n of e){const e=await n(t);if(e)return e}})((e=>async t=>{const n=e?.remotes[t];if(e&&n)return{remote:n,environment:e.environment[n.scope]??{},manifest:u(e,e.remotes)}})(n),((e,t="")=>async n=>{if(!e)return;const r=`${t}/v1/environments/${e.environmentId}/remotes/${n}`,o=await fetch(r,{credentials:"include"});if(!o.ok)return;const a=await o.json();return{remote:a,environment:e.environment[a.scope]??{},manifest:u(e,{[n]:a})}})(n),(e=>{const t=new Map;return async n=>{const r=e.index?.[n];if(!r)return;const o=await(e=>{const n=t.get(e);if(n)return n;const r=fetch(e,{credentials:"include"}).then((async t=>{if(!t.ok)throw new Error(`Failed to get manifest from ${e}. ${await t.text()}`);return t.json()}));return t.set(e,r),r})(r),a=o?.remotes[n];return a?{remote:a,environment:{...o.environment[a.scope]??{},...e.overrides?.environment?.[a.scope]??{}},manifest:o}:void 0}})(e));return async e=>{const t=t=>new Error(`Failed to load component '${e}'. ${t?.toString()}`);let n;try{n=await r(e)}catch(e){throw t(e)}if(!n)throw new Error(`Remote resource not found in registry. Expected: ${e}`);const{remote:o,environment:a,manifest:c}=n;try{return window[`__appshell_env__${o.scope}`]=a,[await l(o.scope,o.module,o.remoteEntryUrl,o.shareScope),c]}catch(e){throw t(e)}}};(Object.getOwnPropertyDescriptor(d,"name")||{}).writable||Object.defineProperty(d,"name",{value:"default",configurable:!0});const p=d;var m=n(488),f=n.n(m);const v=(0,m.createContext)({remotes:{},modules:{},environment:{}}),g=({manifest:e,children:t})=>{const n=(0,m.useMemo)((()=>(e=>new Proxy(e,{get:(e,t,n)=>("modules"===t&&console.warn("useManifest().modules is deprecated and will be removed. It is build-time webpack config; use useRemote() for what the browser needs. Please open an issue at github.com/appshell-org/appshell if you rely on it."),Reflect.get(e,t,n))}))(e)),[e]);return f().createElement(v.Provider,{value:n},t)},h=(v.Consumer,(0,m.createContext)(void 0)),y=({remote:e,children:t})=>f().createElement(h.Provider,{value:e},t);y.defaultProps={remote:void 0},h.Consumer;const b=(0,m.createContext)({index:{}}),P=({config:e,children:t})=>f().createElement(b.Provider,{value:e},t),w=(b.Consumer,b),O=()=>f().useContext(w);(Object.getOwnPropertyDescriptor(O,"name")||{}).writable||Object.defineProperty(O,"name",{value:"default",configurable:!0});const _=({remote:e,reason:t})=>f().createElement("div",{style:{border:"3px solid red"}},f().createElement("h5",null,`Error loading Appshell component '${e}.'`),f().createElement("span",{style:{fontSize:"1rem"}},t)),E=({remote:e,fallback:t,...n})=>{const r=O(),[o,a]=(0,m.useState)();return(0,m.useEffect)((()=>{let t=!1;const o=p(r);return a(void 0),async function(){try{const[r,c]=await o(e);if(t||!r)return;a(f().createElement(g,{manifest:c},f().createElement(y,{remote:c.remotes[e]},f().createElement(r,n))))}catch(n){t||a(f().createElement(_,{remote:e,reason:`${n}`}))}}(),()=>{t=!0}}),[e,r,...Object.values(n)]),console.debug(`rendering AppshellComponent[${e}], loading=${!o}`),f().createElement(f().Fragment,null,o||t)};E.defaultProps={fallback:void 0};const L=E;function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},x.apply(null,arguments)}const S=()=>{const e="undefined"==typeof window?void 0:window.__appshell_config__;return e&&{index:e.index}},A=({configUrl:e,remote:t,fallback:n,...r})=>{const[o,a]=f().useState(S);return(0,m.useEffect)((()=>{o||(e?(async()=>{const t=await fetch(e);a(t.ok?await t.json():{index:{}})})():a({index:{}}))}),[o,e]),o?f().createElement(P,{config:o},f().createElement(L,x({remote:t,fallback:n},r))):null};A.defaultProps={configUrl:void 0,fallback:void 0};const j=A;(0,m.createContext)({}).Consumer;const C=()=>(void 0).useContext(void 0);(Object.getOwnPropertyDescriptor(C,"name")||{}).writable||Object.defineProperty(C,"name",{value:"default",configurable:!0});const R=()=>(void 0).useContext(void 0);(Object.getOwnPropertyDescriptor(R,"name")||{}).writable||Object.defineProperty(R,"name",{value:"default",configurable:!0});const M=()=>(void 0).useContext(void 0);(Object.getOwnPropertyDescriptor(M,"name")||{}).writable||Object.defineProperty(M,"name",{value:"default",configurable:!0});var $=n(873),H=n(686),T=n.n(H);const I=()=>f().createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",flexGrow:1,height:"100vh",backgroundColor:a.APPSHELL_THEME_COLOR}},f().createElement(T(),{color:a.APPSHELL_PRIMARY_COLOR,speedMultiplier:1.5,size:24})),X="appshell-overlay-badge",k=["position:fixed","bottom:12px","left:12px","z-index:2147483647","max-width:min(420px, calc(100vw - 24px))","padding:8px 12px","border-radius:6px","border:1px solid #f0b429","background:#3d3016","color:#f7e3a1","font:12px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace","box-shadow:0 2px 8px rgba(0,0,0,.35)"].join(";"),F=e=>{const t=e?.overlay?.remotes;if(!t?.length||document.getElementById(X))return;const n=document.createElement("div");n.id=X,n.innerHTML=(e=>{const t=`${e.length} remote${1===e.length?"":"s"} redirected`,n=e.map((e=>`<li>${e.replace(/&/g,"&amp;").replace(/</g,"&lt;")}</li>`)).join("");return`<details style="${k}" open><summary style="cursor:pointer;font-weight:600;list-style:none">⚠ Development overlay — ${t}</summary><ul style="margin:6px 0 0;padding-left:16px">${n}</ul></details>`})(t),document.body.appendChild(n)};(Object.getOwnPropertyDescriptor(F,"name")||{}).writable||Object.defineProperty(F,"name",{value:"default",configurable:!0});var U=n(591),D=n.n(U),N=n(740),z=n.n(N),B=n(128),G=n.n(B),Y=n(855),J=n.n(Y),V=n(51),q=n.n(V),K=n(656),Q=n.n(K),W=n(97),Z={};function ee(){return ee=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},ee.apply(null,arguments)}Z.styleTagTransform=Q(),Z.setAttributes=J(),Z.insert=G().bind(null,"head"),Z.domAPI=z(),Z.insertStyleElement=q(),D()(W.A,Z),W.A&&W.A.locals&&W.A.locals;const te=(0,$.H)(document.getElementById("root")),ne=window.__appshell_config__;F(ne);const re=ne?.root||a.APPSHELL_ROOT,oe=ne?.rootProps??JSON.parse(a.APPSHELL_ROOT_PROPS);if(!re)throw new Error("No root remote to mount. The registry supplies one; a standalone build needs APPSHELL_ROOT.");var ae;te.render(f().createElement(f().StrictMode,null,f().createElement(j,ee({configUrl:ne?void 0:a.APPSHELL_CONFIG_URL,remote:re,fallback:f().createElement(I,null)},oe)))),ae&&ae instanceof Function&&n.e(190).then(n.bind(n,190)).then((({getCLS:e,getFID:t,getFCP:n,getLCP:r,getTTFB:o})=>{e(ae),t(ae),n(ae),r(ae),o(ae)}))},97(e,t,n){n.d(t,{A:()=>s});var r=n(758),o=n.n(r),a=n(935),c=n.n(a)()(o());c.push([e.id,"body {\n  margin: 0;\n  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen',\n    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n",""]);const s=c},935(e){e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",r=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),r&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),r&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,r,o,a){"string"==typeof e&&(e=[[null,e,void 0]]);var c={};if(r)for(var s=0;s<this.length;s++){var i=this[s][0];null!=i&&(c[i]=!0)}for(var l=0;l<e.length;l++){var u=[].concat(e[l]);r&&c[u[0]]||(void 0!==a&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=a),n&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=n):u[2]=n),o&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=o):u[4]="".concat(o)),t.push(u))}},t}},758(e){e.exports=function(e){return e[1]}},873(e,t,n){var r=n(536);t.H=r.createRoot,r.hydrateRoot},686(e,t,n){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)},o=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),c=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&o(t,e,n);return a(t,e),t},s=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var i=c(n(488)),l=n(970),u=n(314),d=[1,3,5],p=[(0,u.createAnimation)("PropagateLoader","25% {transform: translateX(-".concat(d[0],"rem) scale(0.75)}\n    50% {transform: translateX(-").concat(d[1],"rem) scale(0.6)}\n    75% {transform: translateX(-").concat(d[2],"rem) scale(0.5)}\n    95% {transform: translateX(0rem) scale(1)}"),"propogate-0"),(0,u.createAnimation)("PropagateLoader","25% {transform: translateX(-".concat(d[0],"rem) scale(0.75)}\n    50% {transform: translateX(-").concat(d[1],"rem) scale(0.6)}\n    75% {transform: translateX(-").concat(d[1],"rem) scale(0.6)}\n    95% {transform: translateX(0rem) scale(1)}"),"propogate-1"),(0,u.createAnimation)("PropagateLoader","25% {transform: translateX(-".concat(d[0],"rem) scale(0.75)}\n    75% {transform: translateX(-").concat(d[0],"rem) scale(0.75)}\n    95% {transform: translateX(0rem) scale(1)}"),"propogate-2"),(0,u.createAnimation)("PropagateLoader","25% {transform: translateX(".concat(d[0],"rem) scale(0.75)}\n    75% {transform: translateX(").concat(d[0],"rem) scale(0.75)}\n    95% {transform: translateX(0rem) scale(1)}"),"propogate-3"),(0,u.createAnimation)("PropagateLoader","25% {transform: translateX(".concat(d[0],"rem) scale(0.75)}\n    50% {transform: translateX(").concat(d[1],"rem) scale(0.6)}\n    75% {transform: translateX(").concat(d[1],"rem) scale(0.6)}\n    95% {transform: translateX(0rem) scale(1)}"),"propogate-4"),(0,u.createAnimation)("PropagateLoader","25% {transform: translateX(".concat(d[0],"rem) scale(0.75)}\n    50% {transform: translateX(").concat(d[1],"rem) scale(0.6)}\n    75% {transform: translateX(").concat(d[2],"rem) scale(0.5)}\n    95% {transform: translateX(0rem) scale(1)}"),"propogate-5")];t.default=function(e){var t=e.loading,n=void 0===t||t,o=e.color,a=void 0===o?"#000000":o,c=e.speedMultiplier,u=void 0===c?1:c,d=e.cssOverride,m=void 0===d?{}:d,f=e.size,v=void 0===f?15:f,g=s(e,["loading","color","speedMultiplier","cssOverride","size"]),h=(0,l.parseLengthAndUnit)(v),y=h.value,b=h.unit,P=r({display:"inherit",position:"relative"},m),w=function(e){return{position:"absolute",fontSize:"".concat(y/3).concat(b),width:"".concat(y).concat(b),height:"".concat(y).concat(b),background:a,borderRadius:"50%",animation:"".concat(p[e]," ").concat(1.5/u,"s infinite"),animationFillMode:"forwards"}};return n?i.createElement("span",r({style:P},g),i.createElement("span",{style:w(0)}),i.createElement("span",{style:w(1)}),i.createElement("span",{style:w(2)}),i.createElement("span",{style:w(3)}),i.createElement("span",{style:w(4)}),i.createElement("span",{style:w(5)})):null}},314(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.createAnimation=void 0,t.createAnimation=function(e,t,n){var r="react-spinners-".concat(e,"-").concat(n);if("undefined"==typeof window||!window.document)return r;var o=document.createElement("style");document.head.appendChild(o);var a=o.sheet,c="\n    @keyframes ".concat(r," {\n      ").concat(t,"\n    }\n  ");return a&&a.insertRule(c,0),r}},970(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.cssValue=t.parseLengthAndUnit=void 0;var n={cm:!0,mm:!0,in:!0,px:!0,pt:!0,pc:!0,em:!0,ex:!0,ch:!0,rem:!0,vw:!0,vh:!0,vmin:!0,vmax:!0,"%":!0};function r(e){if("number"==typeof e)return{value:e,unit:"px"};var t,r=(e.match(/^[0-9.]*/)||"").toString();t=r.includes(".")?parseFloat(r):parseInt(r,10);var o=(e.match(/[^0-9]*$/)||"").toString();return n[o]?{value:t,unit:o}:(console.warn("React Spinners: ".concat(e," is not a valid css value. Defaulting to ").concat(t,"px.")),{value:t,unit:"px"})}t.parseLengthAndUnit=r,t.cssValue=function(e){var t=r(e);return"".concat(t.value).concat(t.unit)}},591(e){var t=[];function n(e){for(var n=-1,r=0;r<t.length;r++)if(t[r].identifier===e){n=r;break}return n}function r(e,r){for(var a={},c=[],s=0;s<e.length;s++){var i=e[s],l=r.base?i[0]+r.base:i[0],u=a[l]||0,d="".concat(l," ").concat(u);a[l]=u+1;var p=n(d),m={css:i[1],media:i[2],sourceMap:i[3],supports:i[4],layer:i[5]};if(-1!==p)t[p].references++,t[p].updater(m);else{var f=o(m,r);r.byIndex=s,t.splice(s,0,{identifier:d,updater:f,references:1})}c.push(d)}return c}function o(e,t){var n=t.domAPI(t);return n.update(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap&&t.supports===e.supports&&t.layer===e.layer)return;n.update(e=t)}else n.remove()}}e.exports=function(e,o){var a=r(e=e||[],o=o||{});return function(e){e=e||[];for(var c=0;c<a.length;c++){var s=n(a[c]);t[s].references--}for(var i=r(e,o),l=0;l<a.length;l++){var u=n(a[l]);0===t[u].references&&(t[u].updater(),t.splice(u,1))}a=i}}},128(e){var t={};e.exports=function(e,n){var r=function(e){if(void 0===t[e]){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}t[e]=n}return t[e]}(e);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(n)}},51(e){e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}},855(e,t,n){e.exports=function(e){var t=n.nc;t&&e.setAttribute("nonce",t)}},740(e){e.exports=function(e){var t=e.insertStyleElement(e);return{update:function(n){!function(e,t,n){var r="";n.supports&&(r+="@supports (".concat(n.supports,") {")),n.media&&(r+="@media ".concat(n.media," {"));var o=void 0!==n.layer;o&&(r+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),r+=n.css,o&&(r+="}"),n.media&&(r+="}"),n.supports&&(r+="}");var a=n.sourceMap;a&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),t.styleTagTransform(r,e,t.options)}(t,e,n)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)}}}},656(e){e.exports=function(e,t){if(t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}}}]);