@appshell/react 0.3.0 → 0.3.1-alpha.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.3.1-alpha.0](https://github.com/navaris/appshell/compare/@appshell/react@0.3.0...@appshell/react@0.3.1-alpha.0) (2024-08-31)
+
+
+### Bug Fixes
+
+* bump pipeline ([8bb63bc](https://github.com/navaris/appshell/commit/8bb63bcae1928c01bb6bc853d88010939e686af5))
+
+
+
+
+
 # [0.3.0](https://github.com/navaris/appshell/compare/@appshell/react@0.2.2...@appshell/react@0.3.0) (2024-01-25)
 
 

package/dist/main.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("react"));else if("function"==typeof define&&define.amd)define(["react"],t);else{var r="object"==typeof exports?t(require("react")):t(e.react);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,(e=>(()=>{"use strict";var t={156:t=>{t.exports=e}},r={};function o(e){var n=r[e];if(void 0!==n)return n.exports;var a=r[e]={exports:{}};return t[e](a,a.exports,o),a.exports}o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{o.S={};var e={},t={};o.I=(r,n)=>{n||(n=[]);var a=t[r];if(a||(a=t[r]={}),!(n.indexOf(a)>=0)){if(n.push(a),e[r])return e[r];o.o(o.S,r)||(o.S[r]={}),o.S[r];var s=[];return e[r]=s.length?Promise.all(s).then((()=>e[r]=1)):1}}})();var n={};return(()=>{o.r(n),o.d(n,{AppshellComponent:()=>v,FederatedComponent:()=>y,GlobalConfigProvider:()=>u,ManifestProvider:()=>i,MetadataProvider:()=>x,ReactHost:()=>g,jsonResource:()=>C,useGlobalConfig:()=>p,useManifest:()=>j,useMetadata:()=>S});const e=new Set,t=new Set,r=new Map;var a=o(156),s=o.n(a);const c=(0,a.createContext)({remotes:{},modules:{},environment:{}}),i=({manifest:e,children:t})=>s().createElement(c.Provider,{value:e},t),l=(c.Consumer,c),d=(0,a.createContext)({index:{}}),u=({config:e,children:t})=>s().createElement(d.Provider,{value:e},t),f=(d.Consumer,d),p=()=>s().useContext(f),m=({remote:e,reason:t})=>s().createElement("div",{style:{border:"3px solid red"}},s().createElement("h5",null,`Error loading Appshell component '${e}.'`),s().createElement("span",{style:{fontSize:"1rem"}},t)),h=({remote:n,fallback:c,...l})=>{const d=p(),[u,f]=(0,a.useState)();return(0,a.useEffect)((()=>{let a=!1;const c=(n=>async a=>{let s;const c=n.index[a];if(!c)throw new Error(`Remote resource not found in registry. Expected: ${a}`);try{const i=await(async e=>{if(r.has(e))return r.get(e);r.set(e,void 0);const t=await fetch(e);if(t.ok)return t.json();const o=await t.text();throw new Error(`Failed to get manifest from ${e}. ${o}`)})(c);if(i){r.set(c,i);const l=i.remotes[a],d=i.environment[l.scope]||{},u=n.overrides?.environment&&n.overrides?.environment[l.scope]||{};if(window[`__appshell_env__${l.scope}`]={...d,...u},t.has(l.remoteEntryUrl)||await(async t=>{const r=document.createElement("script");return new Promise(((o,n)=>{e.has(t)?o(!1):(e.add(t),r.src=t,r.type="text/javascript",r.async=!0,r.onload=()=>{console.debug(`Remote entry fetched from '${t}'.`),o(!0)},r.onerror=()=>{const e=`Failed to fetch remote entry from '${t}'.`;console.error(e),n(e)},document.head.appendChild(r))})).finally((()=>{document.head.contains(r)&&document.head.removeChild(r)}))})(l.remoteEntryUrl))return t.add(l.remoteEntryUrl),s=await(async(e,t,r="default")=>{console.debug(`loading Appshell component: { scope: ${e}, module: ${t}, shareScope: ${r} }`),await o.I(r);const n=window[e];if(!n)throw new Error(`Failed to find module container ${e}`);await n.init(o.S[r]);const a=await n.get(t);if(!a)throw new Error(`Invalid factory produced by container for module ${t}.`);const s=a();return console.debug(`Appshell component loaded: { scope: ${e}, module: ${t}, shareScope: ${r} }`),s.default})(l.scope,l.module,l.shareScope),[s,i]}return[null,null]}catch(e){throw new Error(`Failed to load component '${a}'. ${e?.toString()}`)}})(d);return a||async function(){try{a=!0,f(void 0);const[e,t]=await c(n);if(!e)return;a=!1,f(s().createElement(i,{manifest:t},s().createElement(e,l)))}catch(e){f(s().createElement(m,{remote:n,reason:`${e}`}))}}(),()=>{a=!1}}),[n,d,...Object.values(l)]),console.debug(`rendering AppshellComponent[${n}], loading=${!u}`),s().createElement(s().Fragment,null,u||c)};h.defaultProps={fallback:void 0};const v=h,y=h;function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},w.apply(this,arguments)}const b=({configUrl:e,remote:t,fallback:r,...o})=>{const[n,c]=s().useState();return(0,a.useEffect)((()=>{n||(async()=>{const t=await fetch(e);if(t.ok){const e=await t.json();c(e)}else c({index:{}})})()}),[n,e]),n?s().createElement(u,{config:n},s().createElement(v,w({remote:t,fallback:r},o))):null};b.defaultProps={fallback:void 0};const g=b,E=(0,a.createContext)({}),x=({metata:e,children:t})=>s().createElement(E.Provider,{value:e},t),$=(E.Consumer,E),j=()=>s().useContext(l),S=()=>s().useContext($),C=e=>{let t,r="pending";const o=fetch(e,{headers:{"Content-Type":"application/json",Accept:"application/json"}}).then((e=>{if(e.ok)return e.json().then((e=>{r="success",t=e}));r="error",t=new Error(`${e.status} ${e.statusText} ${e.url}`)}));return{read(){if("pending"===r)throw o;if("error"===r)throw t;if("success"===r)return t}}}})(),n})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("react"));else if("function"==typeof define&&define.amd)define(["react"],t);else{var r="object"==typeof exports?t(require("react")):t(e.react);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,(e=>(()=>{"use strict";var t={156:t=>{t.exports=e}},r={};function o(e){var n=r[e];if(void 0!==n)return n.exports;var a=r[e]={exports:{}};return t[e](a,a.exports,o),a.exports}o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{o.S={};var e={},t={};o.I=(r,n)=>{n||(n=[]);var a=t[r];if(a||(a=t[r]={}),!(n.indexOf(a)>=0)){if(n.push(a),e[r])return e[r];o.o(o.S,r)||(o.S[r]={}),o.S[r];var s=[];return e[r]=s.length?Promise.all(s).then((()=>e[r]=1)):1}}})();var n={};return(()=>{o.r(n),o.d(n,{AppshellComponent:()=>v,FederatedComponent:()=>y,GlobalConfigProvider:()=>u,ManifestProvider:()=>l,MetadataProvider:()=>x,ReactHost:()=>b,jsonResource:()=>C,useGlobalConfig:()=>p,useManifest:()=>S,useMetadata:()=>j});const e=new Set,t=new Set,r=new Map;var a=o(156),s=o.n(a);const c=(0,a.createContext)({remotes:{},modules:{},environment:{}}),l=({manifest:e,children:t})=>s().createElement(c.Provider,{value:e},t),i=(c.Consumer,c),d=(0,a.createContext)({index:{}}),u=({config:e,children:t})=>s().createElement(d.Provider,{value:e},t),f=(d.Consumer,d),p=()=>s().useContext(f),m=({remote:e,reason:t})=>s().createElement("div",{style:{border:"3px solid red"}},s().createElement("h5",null,`Error loading Appshell component '${e}.'`),s().createElement("span",{style:{fontSize:"1rem"}},t)),h=({remote:n,fallback:c,...i})=>{const d=p(),[u,f]=(0,a.useState)();return(0,a.useEffect)((()=>{let a=!1;const c=(n=>async a=>{let s;const c=n.index[a];if(!c)throw new Error(`Remote resource not found in registry. Expected: ${a}`);try{const l=await(async e=>{if(r.has(e))return r.get(e);r.set(e,void 0);const t=await fetch(e);if(t.ok)return t.json();const o=await t.text();throw new Error(`Failed to get manifest from ${e}. ${o}`)})(c);if(l){r.set(c,l);const i=l.remotes[a],d=l.environment[i.scope]||{},u=n.overrides?.environment&&n.overrides?.environment[i.scope]||{};if(window[`__appshell_env__${i.scope}`]={...d,...u},t.has(i.remoteEntryUrl)||await(async t=>{const r=document.createElement("script");return new Promise(((o,n)=>{e.has(t)?o(!1):(e.add(t),r.src=t,r.type="text/javascript",r.async=!0,r.onload=()=>{console.debug(`Remote entry fetched from '${t}'.`),o(!0)},r.onerror=()=>{const e=`Failed to fetch remote entry from '${t}'.`;console.error(e),n(e)},document.head.appendChild(r))})).finally((()=>{document.head.contains(r)&&document.head.removeChild(r)}))})(i.remoteEntryUrl))return t.add(i.remoteEntryUrl),s=await(async(e,t,r="default")=>{console.debug(`loading Appshell component: { scope: ${e}, module: ${t}, shareScope: ${r} }`),await o.I(r);const n=window[e];if(!n)throw new Error(`Failed to find module container ${e}`);await n.init(o.S[r]);const a=await n.get(t);if(!a)throw new Error(`Invalid factory produced by container for module ${t}.`);const s=a();return console.debug(`Appshell component loaded: { scope: ${e}, module: ${t}, shareScope: ${r} }`),s.default})(i.scope,i.module,i.shareScope),[s,l]}return[null,null]}catch(e){throw new Error(`Failed to load component '${a}'. ${e?.toString()}`)}})(d);return a||async function(){try{a=!0,f(void 0);const[e,t]=await c(n);if(!e)return;a=!1,f(s().createElement(l,{manifest:t},s().createElement(e,i)))}catch(e){f(s().createElement(m,{remote:n,reason:`${e}`}))}}(),()=>{a=!1}}),[n,d,...Object.values(i)]),console.debug(`rendering AppshellComponent[${n}], loading=${!u}`),s().createElement(s().Fragment,null,u||c)};h.defaultProps={fallback:void 0};const v=h,y=h;function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)({}).hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},w.apply(null,arguments)}const g=({configUrl:e,remote:t,fallback:r,...o})=>{const[n,c]=s().useState();return(0,a.useEffect)((()=>{n||(async()=>{const t=await fetch(e);if(t.ok){const e=await t.json();c(e)}else c({index:{}})})()}),[n,e]),n?s().createElement(u,{config:n},s().createElement(v,w({remote:t,fallback:r},o))):null};g.defaultProps={fallback:void 0};const b=g,E=(0,a.createContext)({}),x=({metata:e,children:t})=>s().createElement(E.Provider,{value:e},t),$=(E.Consumer,E),S=()=>s().useContext(i),j=()=>s().useContext($),C=e=>{let t,r="pending";const o=fetch(e,{headers:{"Content-Type":"application/json",Accept:"application/json"}}).then((e=>{if(e.ok)return e.json().then((e=>{r="success",t=e}));r="error",t=new Error(`${e.status} ${e.statusText} ${e.url}`)}));return{read(){if("pending"===r)throw o;if("error"===r)throw t;if("success"===r)return t}}}})(),n})()));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appshell/react",
-  "version": "0.3.0",
+  "version": "0.3.1-alpha.0",
   "description": "React utilities for building micro-frontends with Appshell and Module Federation",
   "main": "dist/main.js",
   "types": "dist/types/react/src/index.d.ts",
@@ -18,7 +18,6 @@
     "stats": "webpack --json > stats.json"
   },
   "keywords": [
-    "webpack",
     "module federation",
     "micro-frontends",
     "appshell"
@@ -28,5 +27,5 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
-  "gitHead": "554727a36140e4b8f609159795e1011801824108"
+  "gitHead": "a44ca542cf779c0cbbc527a02bc74d0a0619d0b9"
 }