@variousjs/various 6.0.0 → 6.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/index.dev.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -3,4 +3,4 @@
|
|
|
3
3
|
[](https://github.com/variousjs/various/actions/workflows/ci.yml)
|
|
4
4
|
[](https://codecov.io/gh/variousjs/various)
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
React-based ESM micro-frontend framework
|
package/dist/index.dev.js
CHANGED
|
@@ -1364,7 +1364,7 @@ var _excluded = [
|
|
|
1364
1364
|
"middlewares",
|
|
1365
1365
|
"i18n"
|
|
1366
1366
|
];
|
|
1367
|
-
var version = "6.0.
|
|
1367
|
+
var version = "6.0.1";
|
|
1368
1368
|
var getApp = (config) => {
|
|
1369
1369
|
var _Class;
|
|
1370
1370
|
const { dependencies, store = {}, actions = {}, Fallback, ErrorFallback, Root: Root$1 = Root, middlewares, i18n } = config, rest = _objectWithoutProperties(config, _excluded);
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e,{Component as t,useCallback as n,useEffect as r,useLayoutEffect as i,useRef as a,useState as o}from"react";function s(e){"@babel/helpers - typeof";return s=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},s(e)}function c(e,t){if(s(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(s(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function l(e){var t=c(e,`string`);return s(t)==`symbol`?t:t+``}function u(e,t,n){return(t=l(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function f(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?d(Object(n),!0).forEach(function(t){u(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var p={17(e){e.exports=function e(t,n){if(t===n)return!0;if(t&&n&&typeof t==`object`&&typeof n==`object`){if(t.constructor!==n.constructor)return!1;var r,i,a;if(Array.isArray(t)){if((r=t.length)!=n.length)return!1;for(i=r;i--!==0;)if(!e(t[i],n[i]))return!1;return!0}if(t.constructor===RegExp)return t.source===n.source&&t.flags===n.flags;if(t.valueOf!==Object.prototype.valueOf)return t.valueOf()===n.valueOf();if(t.toString!==Object.prototype.toString)return t.toString()===n.toString();if((r=(a=Object.keys(t)).length)!==Object.keys(n).length)return!1;for(i=r;i--!==0;)if(!Object.prototype.hasOwnProperty.call(n,a[i]))return!1;for(i=r;i--!==0;){var o=a[i];if(!e(t[o],n[o]))return!1}return!0}return t!=t&&n!=n}},232(e,t,n){n.d(t,{A:()=>s});var r=n(705),i=n(17),a=n.n(i);function o(e,t=new WeakMap){if(typeof e!=`object`||!e)return e;if(t.has(e))return t.get(e);let n=Array.isArray(e)?[]:{};t.set(e,n);let r=Reflect.ownKeys(e);for(let i of r)n[i]=o(e[i],t);return n}class s{constructor(){var e;(0,r.A)(this,`state`,void 0),(0,r.A)(this,`listeners`,void 0),(0,r.A)(this,`emits`,void 0),(0,r.A)(this,`timer`,void 0),(0,r.A)(this,`onStateChange`,void 0),(0,r.A)(this,`getStore`,void 0),(0,r.A)(this,`createStore`,e=>{this.listeners=Reflect.ownKeys(e).reduce((t,n)=>{let r=n;return this.state[r]=e[r],f(f({},t),{},{[n]:[]})},{})}),(0,r.A)(this,`subscribe`,e=>{let t={};return Reflect.ownKeys(e).forEach(n=>{let r=n;this.listeners[r]||(this.listeners[r]=[]),this.listeners[r].push(e[r]),t[r]=e[r]}),()=>{Reflect.ownKeys(t).forEach(e=>{let n=e;this.listeners[n]=this.listeners[n].filter(e=>e!==t[n])})}}),(0,r.A)(this,`emit`,(e,t)=>{this.emits=f(f({},this.emits),e),t?this.trigger():(clearTimeout(this.timer),this.timer=setTimeout(this.trigger))}),(0,r.A)(this,`dispatch`,(e,...t)=>e({getStore:this.getStore,emit:e=>this.emit(e,!0)},...t)),(0,r.A)(this,`trigger`,()=>{let e=this.emits,t=[],n=Reflect.ownKeys(e);for(let r=0;r<n.length;r+=1){let i=n[r];if(a()(this.state[i],e[i]))continue;let s=e[i],c=this.state[i];this.state[i]=o(e[i]),t.push({key:i,newValue:s,oldValue:c})}let r={};t.forEach(e=>{r[e.key]=[e.newValue,e.oldValue],this.listeners[e.key]&&this.listeners[e.key].forEach(t=>t(e.newValue,e.oldValue))}),t.length&&this.onStateChange(r),this.emits={},this.timer=void 0}),this.state={},this.listeners={},this.emits={},this.timer=void 0,this.onStateChange=()=>null,this.getStore=(e=this.state,function(t){return t?o(e[t]):e})}set onChange(e){this.onStateChange=e}}},705(e,t,n){function r(e){return r=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},r(e)}function i(e,t,n){return(t=function(e){var t=function(e){if(r(e)!=`object`||!e)return e;var t=e[Symbol.toPrimitive];if(t!==void 0){var n=t.call(e,`string`);if(r(n)!=`object`)return n;throw TypeError(`@@toPrimitive must return a primitive value.`)}return String(e)}(e);return r(t)==`symbol`?t:t+``}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}n.d(t,{A:()=>i})}},m={};function h(e){var t=m[e];if(t!==void 0)return t.exports;var n=m[e]={exports:{}};return p[e](n,n.exports,h),n.exports}h.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return h.d(t,{a:t}),t},h.d=(e,t)=>{for(var n in t)h.o(t,n)&&!h.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},h.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var g=h(705),_=h(232),v=[`name`,`prototype`,`length`,`getDerivedStateFromProps`,`getDerivedStateFromError`],y=class extends _.A{constructor(...n){super(...n),(0,g.A)(this,`connect`,function(n){let{getStore:r,subscribe:i}=n;return function(...n){return function(a){class o extends t{constructor(e){super(e),(0,g.A)(this,`unsubscribe`,void 0),(0,g.A)(this,`state`,{props:r()}),this.unsubscribe=i(n.reduce((e,t)=>f(f({},e),{},{[t]:()=>{this.setState({props:r()})}}),{}))}componentWillUnmount(){this.unsubscribe()}render(){let{props:t}=this.state,n=f(f({},t),this.props);return e.createElement(a,n)}}return Reflect.ownKeys(a).forEach(e=>{let t=String(e);if(!v.includes(t)){let t=Object.getOwnPropertyDescriptor(a,e);t&&Object.defineProperty(o,e,t)}}),o}}}(this)),(0,g.A)(this,`useStore`,function(e){let{getStore:t,subscribe:n}=e;return function(...e){let[r,a]=o(t());return i(()=>n(e.reduce((e,n)=>f(f({},e),{},{[n]:()=>{a(e=>f(f({},e),{},{[n]:t()[n]}))}}),{}))),r}}(this))}},{createStore:ee,getStore:b,connect:x,emit:S,subscribe:C,dispatch:w,useStore:te}=new y;function T(){let e=b(),t=Object.keys(e),n={};return t.forEach(t=>{n[t]=e[t]}),n}var E=Symbol(`MOUNTED_COMPONENTS`),D=Symbol(`MESSAGE`),O=Symbol(`CONFIG`),k=Symbol(`DEPENDENCIES`),A=Symbol(`LOCALE`),j=function(e){return e.SetLocale=`setLocale`,e.GetLocale=`getLocale`,e.UpdateI18nConfig=`updateI18nConfig`,e}({}),ne=[`beforeCreate`,`created`,`beforeMount`,`mounted`,`beforeUpdate`,`updated`,`beforeUnmount`,`unmounted`,`errorCaptured`,`renderTracked`,`renderTriggered`,`activated`,`deactivated`,`setup`,`data`,`render`],M=[`react`,`react-dom`,`@variousjs/various`,`app`],N=e=>{var t;let n=Z.getMiddlewares();if((n==null||(t=n.onLog)==null?void 0:t.call(n,e))===!1)return;let r={info:`blue`,warn:`orange`,error:`red`}[e.level],i=[`%c ${e.module} `,`background:${r};border:1px solid ${r};padding:1px;border-radius:2px 0 0 2px;color: #fff;`];e.type&&(i[0]=`${i[0]}%c ${e.type} %c`,i.push(`border:1px solid ${r};padding:1px;border-radius:0 2px 2px 0;color:${r};`,`background:transparent`)),e.level!==`info`&&(i[0]=` ${i[0]}`),window.console[e.level](...i,e.message)},P=e=>({info(t,n){N({module:e,level:`info`,type:n,message:t})},warn(t,n){N({module:e,level:`warn`,type:n,message:t})},error(t,n){var r;let i=Z.getMiddlewares(),a=t instanceof X?t:new X({module:e,type:n||`unknow`,originalError:t instanceof Error?t:Error(t)});i==null||(r=i.onError)==null||r.call(i,a),N({module:e,level:`error`,type:n,message:t})}}),F=e=>async({event:t,payload:n})=>{let r=Z.getMiddlewares(),i=P(e),a={trigger:e,event:t,payload:n};if(r!=null&&r.onMessage){let e=await r.onMessage(a);if(e===!1){i.warn(`blocked by middleware`,`POST_MESSAGE`);return}e!==!0&&(a=f(f({},a),e))}S({[D]:{timestamp:+new Date,event:a.event,trigger:e,payload:a.payload}})},I=(e,t)=>C({[D](n){let{trigger:r,payload:i,event:a}=n;e!==r&&t({event:a,payload:i,trigger:r})}});function re(e,t,n){if(!e)return;let r=e();if(!be(r)){t?Z.setI18nConfig(t,r):Z.setGlobalI18nConfig(r);return}t?Z.setI18nConfig(t,{loading:!0,resources:{}}):Z.setGlobalI18nConfig({loading:!0,resources:{}}),r.then(e=>{if(t){Z.setI18nConfig(t,f(f({},e),{},{loading:!1})),n==null||n();return}let r=b(A);S({[A]:void 0},!0),S({[A]:r},!0),Z.setGlobalI18nConfig(f(f({},e),{},{loading:!1}))}).catch(e=>{Y(new X({module:t||`app`,type:`I18N`,originalError:e}))})}function ie(e,t){let n=(t,n,r)=>{let i=Z.getI18nConfig(e)||Z.getGlobalI18nConfig(),a=r;if(a===void 0&&(a=typeof n==`string`?n:t),!i)return Y(new X({module:e,type:`I18N`,originalError:Error(`config not exist`)})),a;if(i.loading)return a;let{resources:o}=i,s=b(A),c=o==null?void 0:o[s];if(!c)return Y(new X({module:e,type:`I18N`,originalError:Error(`locale resource \`${s}\` not exist`)})),a;if(!c[t])return Y(new X({module:e,type:`I18N`,originalError:Error(`locale key \`${t}\` not exist`)})),a;let l=c[t];if(!n||typeof n==`string`||Object.prototype.toString.call(n)!==`[object Object]`)return l;let u=Object.keys(n);return u.length?u.reduce((e,t)=>{let r=RegExp(`{\\s*${t}\\s*}`,`g`);return e.replace(r,n[t].toString())},l):l};return n.update=n=>{let r=f(f({},Z.getI18nConfig(e)),n);Z.setI18nConfig(e,r),t()},n}var ae=`modulepreload`,oe=function(e){return`/`+e},se={},ce=function(e,t,n){let r=Promise.resolve();if(t&&t.length>0){let e=document.getElementsByTagName(`link`),i=document.querySelector(`meta[property=csp-nonce]`),a=(i==null?void 0:i.nonce)||(i==null?void 0:i.getAttribute(`nonce`));function o(e){return Promise.all(e.map(e=>Promise.resolve(e).then(e=>({status:`fulfilled`,value:e}),e=>({status:`rejected`,reason:e}))))}function s(e){return import.meta.resolve?import.meta.resolve(e):new URL(e,import.meta.url).href}r=o(t.map(t=>{if(t=oe(t,n),t=s(t),t in se)return;se[t]=!0;let r=t.endsWith(`.css`);for(let n=e.length-1;n>=0;n--){let i=e[n];if(i.href===t&&(!r||i.rel===`stylesheet`))return}let i=document.createElement(`link`);if(i.rel=r?`stylesheet`:ae,r||(i.as=`script`),i.crossOrigin=``,i.href=t,a&&i.setAttribute(`nonce`,a),document.head.appendChild(i),r)return new Promise((e,n)=>{i.addEventListener(`load`,e),i.addEventListener(`error`,()=>n(Error(`Unable to preload CSS for ${t}`)))})}))}function i(e){let t=new Event(`vite:preloadError`,{cancelable:!0});if(t.payload=e,window.dispatchEvent(t),!t.defaultPrevented)throw e}return r.then(t=>{for(let e of t||[])e.status===`rejected`&&i(e.reason);return e().catch(i)})};function le(){return window.__various||(window.__various={modules:new Map,urls:new Map,loaded:new Map}),window.__various}var{modules:L,urls:R,loaded:z}=le();function B(e){return e.startsWith(`http`)||e.startsWith(`/`)||e.startsWith(`blob:`)?e:new URL(e,document.baseURI).href}function V(e,t){R.set(e,t)}function ue(e){return R.get(e)}async function H(e){let t=R.get(e);if(t){let e=B(t);if(z.has(e))return z.get(e);let n=await ce(()=>import(e),[]);return z.set(e,n),n}if(L.has(e))return L.get(e);throw Error(`module "${e}" not defined`)}function U(e){if(L.has(e))return!0;let t=R.get(e);return!!(t&&z.has(B(t)))}function de(e){return R.has(e)||U(e)}function W(e){L.delete(e);let t=R.get(e);t&&z.delete(B(t))}var fe=e=>`${e}?${+new Date}`,G=e=>{let[t,n]=e.split(`.`);return{name:t,entry:n}},pe=e=>{let t=e.map(e=>G(e).name);return Promise.all(t.map(e=>H(e))).then(()=>void 0)},me=e=>{e.forEach(e=>{let{name:t}=G(e);M.includes(t)||W(t)})},he=e=>{let t=b(k),n={};Object.keys(e).forEach(t=>{M.includes(t)||(n[t]=e[t],ue(t)!==e[t]&&W(t),V(t,e[t]))}),S({[k]:f(f({},t),n)},!0)},K=e=>{let{name:t}=G(e);return U(t)},ge=e=>{let{name:t}=G(e);return de(t)},q=()=>b(E),_e=(e,t)=>{let n=Array.isArray(e)?e:[e];n.every(e=>q().includes(e))&&t();let r=C({[E](e){n.every(t=>e.includes(t))&&(r(),t())}});return r},J=(e,t)=>{let{name:n}=G(e),r=b(k);if(t&&U(n))return;if(!r[n]&&t){V(n,t);return}let i=fe(r[n]);t&&(i=fe(t)),W(n),V(n,i)};function ve(){return b(O)}var Y=e=>{let{module:t,type:n}=e;P(t).error(e,n)},X=class extends Error{constructor(e){super(e.originalError.message),u(this,`type`,void 0),u(this,`originalError`,void 0),u(this,`module`,void 0),this.type=e.type,this.originalError=e.originalError,this.module=e.module}};function ye(e,t){return new Promise((n,r)=>{var i;if(e.$$typeof||(i=e.prototype)!=null&&i.isReactComponent||typeof e==`function`){n();return}r(new X({module:t,originalError:Error(`not a valid React component`),type:`INVALID_COMPONENT`}))})}function be(e){return e!=null&&typeof e.then==`function`}function xe(e,t){let n=RegExp(`^3\\.`);return new Promise((r,i)=>{H(`vue`).then(a=>{let o=a.default||a;if(!n.test(o.version)){i(Error(`Vue 3+ required, detected an incompatible version`));return}if(typeof(e==null?void 0:e.render)==`function`||typeof(e==null?void 0:e.setup)==`function`){r();return}i(new X({module:t,originalError:Error(`not a valid Vue component`),type:`INVALID_COMPONENT`}))}).catch(i)})}function Se(e){let{componentNode:t,module:n,type:r,i18nUpdate:i}=e,a={},o,s;return Object.getOwnPropertyNames(t).forEach(e=>{if(typeof t[e]==`function`){if(e===`$onMessage`){o=t[e];return}if(e===`$i18n`){s=t[e];return}r===`vue3`&&ne.includes(e)||(a[e]=t[e])}}),s&&re(s,n,i),Z.setComponentActions(n,a),o?I(n,o):()=>null}function Ce(e){let t=q();t.includes(e)||t.push(e),S({[E]:t},!0)}function we(e){let t=q();t=t.filter(t=>t!==e),S({[E]:t},!0),Z.deleteComponentActions(e)}function Te(e){let{module:t,url:n}=e,r=b(k),{name:i}=G(t);return{module:t,url:n||r[i]||ue(i)||``}}function Ee(e,t){let{name:n,entry:r}=G(e);return`${t} ${[n,r].filter(Boolean).join(`-`)}`}var De=t=>{let n=Ee(t.$self.module,`various-component-fallback`);return e.createElement(`div`,{className:n},`Loading`)},Oe=({$error:t,$reload:n,$self:r})=>{let i=Ee(r.module,`various-component-error_fallback`);return e.createElement(`div`,{className:i},e.createElement(`h3`,null,t.type),e.createElement(`p`,null,t.message),e.createElement(`button`,{type:`button`,onClick:n},`Reload`))},ke=()=>e.createElement(`div`,null,`App Container is not defined`),Z=new class{constructor(){u(this,`fallbackComponent`,void 0),u(this,`errorFallbackComponent`,void 0),u(this,`storeActions`,void 0),u(this,`componentActions`,void 0),u(this,`i18nConfigs`,void 0),u(this,`globalI18nConfig`,void 0),u(this,`middlewares`,void 0),this.fallbackComponent=De,this.errorFallbackComponent=Oe,this.storeActions={},this.componentActions={},this.i18nConfigs={},this.middlewares={}}setMiddlewares(e){this.middlewares=e}getMiddlewares(){return this.middlewares}setI18nConfig(e,t){this.i18nConfigs[e]=f(f({},this.i18nConfigs[e]),t)}getI18nConfig(e){return this.i18nConfigs[e]}setGlobalI18nConfig(e){this.globalI18nConfig=f(f({},this.globalI18nConfig),e)}getGlobalI18nConfig(){return this.globalI18nConfig}setComponentActions(e,t){this.componentActions[e]=t}deleteComponentActions(e){delete this.componentActions[e]}getComponentActions(e){return this.componentActions[e]}setStoreActions(e){this.storeActions=e}getStoreActions(){return this.storeActions}setFallbackComponent(e){this.fallbackComponent=e}getFallbackComponent(){return this.fallbackComponent}setErrorFallbackComponent(e){this.errorFallbackComponent=e}getErrorFallbackComponent(){return this.errorFallbackComponent}},Q=class extends t{constructor(...e){super(...e),u(this,`state`,{hasError:!1}),u(this,`error`,void 0),u(this,`$self`,Te(this.props)),u(this,`reload`,()=>{this.error=void 0,this.setState({hasError:!1})})}componentDidCatch(e){let{module:t}=this.props,n=e instanceof X?e:new X({module:t,type:t===`app`?`APP_ERROR`:`SCRIPT_ERROR`,originalError:e});this.setState({hasError:!0}),this.error=n,Y(n),J(t),we(t)}render(){let t=Z.getErrorFallbackComponent(),n=T(),r=b(A);return this.state.hasError?e.createElement(t,{$self:this.$self,$reload:this.reload,$store:n,$error:this.error,$locale:r}):this.props.children}};u(Q,`displayName`,`various-error-boundary`);function Ae(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.includes(r))continue;n[r]=e[r]}return n}function je(e,t){if(e==null)return{};var n,r,i=Ae(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.includes(n)||{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var Me=e=>async function(t){let n=Z.getMiddlewares(),r=P(e),{action:i,payload:a,target:o}=t;if(n!=null&&n.onDispatch){let t=await n.onDispatch({target:o,action:i,payload:a,trigger:e});if(t===!1)return r.warn(`blocked by middleware`,`DISPATCH`),Promise.resolve();t!==!0&&(o=t.target,i=t.action,a=t.payload)}if(o===`app`){let t=Z.getStoreActions()[i];if(i===j.SetLocale)return S({[A]:a},!0),a;if(i===j.GetLocale)return b(A);if(i===j.UpdateI18nConfig){let e=b(A);return Z.setGlobalI18nConfig(a),S({[A]:void 0},!0),S({[A]:e},!0),e}if(!t){let t=`action "${i}" is not present`,n=new X({module:e,type:`DISPATCH`,originalError:Error(t)});throw Y(n),n}return w(t,a,e)}let s=Z.getComponentActions(o);if(!s){let t=new X({module:e,type:`DISPATCH`,originalError:Error(`component is not ready`)});throw Y(t),t}let c=s[i];if(!c){let t=`action "${i}" is not present`,n=new X({module:e,type:`DISPATCH`,originalError:Error(t)});throw Y(n),n}return Promise.resolve(c({payload:a,trigger:e}))},$=(e,t=!0)=>{let n=b(k),r=Z.getMiddlewares(),{url:i,module:a}=e,{name:o,entry:s}=G(a),c=+new Date,l=e=>{t&&Y(e)};return i&&J(a,i),new Promise((e,t)=>{if(!i&&!n[o]&&!ge(a)){let e=new X({module:a,type:`NOT_DEFINED`,originalError:Error(`module "${o}" not defined`)});l(e),t(e);return}H(o).then(n=>{var i;let u=+new Date;if(r==null||(i=r.onLoad)==null||i.call(r,{module:a,loadStart:c,loadEnd:u,beenLoaded:K(a)}),!n||typeof n==`object`&&Object.keys(n).length===0){let e=new X({module:a,type:`INVALID_MODULE`,originalError:Error(`module "${o}" invalid`)});J(a),l(e),t(e);return}let d=`default`in n?n.default:n,f=s?n[s]:d;if(f===void 0&&s){let e=new X({module:a,type:`SUBMODULE_NOT_DEFINED`,originalError:Error(`submodule "${s}" not defined`)});J(a),l(e),t(e);return}e(f)}).catch(e=>{J(a,i);let n=`LOADING_ERROR`;!i&&e.message&&!e.message.includes(o)&&(n=`SUBMODULE_LOADING_ERROR`);let r=new X({module:o,type:n,originalError:e});l(r),t(r)})})};function Ne(n){let{module:r,url:i,watchKeys:a,onMounted:o}=n,s=a||Object.keys(b());class c extends t{constructor(...e){var t;super(...e),t=this,u(this,`state`,{componentReady:!1,isError:!1}),u(this,`error`,void 0),u(this,`ComponentNode`,void 0),u(this,`isUnMounted`,void 0),u(this,`unSubscribeMessage`,()=>null),u(this,`mountComponent`,async()=>{try{let e=await $({module:r,url:i},!1);if(t.isUnMounted)return;await ye(e,r),e.displayName=r,Ce(r),t.unSubscribeMessage=Se({componentNode:e,module:r,i18nUpdate:()=>t.forceUpdate()}),t.ComponentNode=e,t.setState({componentReady:!0}),o==null||o()}catch(e){if(t.isUnMounted)return;t.error=e,t.setState({componentReady:!0,isError:!0})}}),u(this,`$postMessage`,F(r)),u(this,`$dispatch`,Me(r)),u(this,`$t`,ie(r,()=>this.forceUpdate())),u(this,`$logger`,P(r)),u(this,`$self`,Te({module:r,url:i}))}componentDidMount(){this.isUnMounted=!1,this.mountComponent()}componentWillUnmount(){this.error=void 0,this.ComponentNode=null,this.isUnMounted=!0,this.unSubscribeMessage(),we(r)}render(){let t=Z.getFallbackComponent(),{$silent:n,$componentProps:i,$ref:a}=this.props,{componentReady:o,isError:s}=this.state,c=T(),l=b(A),u=this.ComponentNode;if(s)throw this.error;return o?e.createElement(u,f(f({},i),{},{$self:this.$self,$dispatch:this.$dispatch,$store:c,$postMessage:this.$postMessage,$t:this.$t,$logger:this.$logger,ref:a,$locale:l})):n||K(r)?null:e.createElement(t,{$self:this.$self,$store:c,$locale:l})}}u(c,`displayName`,`various-react-component`);let l=x(...s,A)(c);return l.displayName=`various-connector`,l}function Pe(t){let{module:i,url:s,watchKeys:c,onMounted:l}=t,u=c||Object.keys(b()),d=t=>{let c=te(...u,A),d=c[A],p=a(),m=a(),h=a(!1),g=a(),_=a(!1),v=a(),y=a(Te({module:i,url:s})),ee=a(null),b=a(),x=a(),S=a(),C=a(),w=a(),T=a(),[E,D]=o(!1),[O,k]=o(!1),j=Z.getFallbackComponent(),{$silent:ne,$componentProps:M}=t,N=n(()=>{let e=P(i),t=Me(i),n=F(i),r=ie(i,()=>{var e;(e=T.current)==null||e.call(T)});b.current=p.current.ref(f({},M)),x.current=p.current.ref(f({},c)),S.current=p.current.ref(d);let a=p.current.createApp({setup(){let e=p.current.ref(0);return T.current=()=>{e.value+=1},{key:e}},errorCaptured(e){var t;let n=e;g.current=(t=n.message)!=null&&t.includes(`https://react`)?new X({originalError:Error(`not a valid Vue component`),module:i,type:`INVALID_COMPONENT`}):n,k(!0)},render(){return p.current.h(v.current,f(f({},b.current.value),{},{various:{$dispatch:t,$logger:e,$postMessage:n,$t:r,$store:x.current.value,$self:y.current,$locale:S.current.value},key:this.key}))}});m.current||(m.current=a.mount(ee.current)),h.current=!0,C.current=()=>a.unmount()},[M,c,d]),I=n(async()=>{try{let e=await $({module:`vue`});p.current=e;let t=await $({module:i,url:s},!1);if(_.current)return;await xe(t,i),Ce(i),w.current=Se({componentNode:t,module:i,type:`vue3`,i18nUpdate(){var e;(e=T.current)==null||e.call(T)}}),v.current=t,setTimeout(N),D(!0),l==null||l()}catch(e){if(_.current)return;g.current=e,D(!0),k(!0)}},[N]);if(r(()=>(_.current=!1,()=>{var e,t;g.current=void 0,v.current=void 0,_.current=!0,we(i),(e=C.current)==null||e.call(C),(t=w.current)==null||t.call(w),h.current=!1}),[]),r(()=>{h.current||I()},[I]),r(()=>{b.current&&(b.current.value=f({},M))},[M]),r(()=>{x.current&&(x.current.value=f({},c))},[c]),r(()=>{S.current&&(S.current.value=d)},[d]),O)throw g.current;return e.createElement(e.Fragment,null,!E&&!ne&&!K(i)?e.createElement(j,{$self:y.current,$store:c,$locale:d}):null,e.createElement(`div`,{className:Ee(i,`various-vue-component`),ref:ee}))};d.displayName=i;let p=t=>e.createElement(d,t);return p.displayName=`various-vue-component`,p}var Fe=[`$silent`,`$ref`],Ie=(t,n)=>{let{module:r,url:i,type:a=`react`}=t,o=(a===`vue3`?Pe:Ne)({module:r,url:i,watchKeys:n}),s=t=>{let n=t||{},{$silent:a,$ref:s}=n,c={$componentProps:je(n,Fe),$silent:a,$ref:s};return e.createElement(Q,{module:r,url:i},e.createElement(o,c))};return s.displayName=`various-creator`,s},Le=[`$silent`,`$ref`],Re=async({module:t,url:n,target:r,props:i,type:a=`react`,renderNode:o,onMounted:s})=>{try{let c=await $({module:`react-dom/client`}),l=(a===`vue3`?Pe:Ne)({module:t,url:n,onMounted:s}),u=c.createRoot(r),d=i||{},{$silent:f,$ref:p}=d,m={$componentProps:je(d,Le),$silent:f,$ref:p},h=e.createElement(Q,{module:t,url:n},e.createElement(l,m));return u.render(o?o(h):h),()=>new Promise(e=>{setTimeout(()=>{u.unmount(),e()})})}catch(e){return Y(new X({module:t,type:`SCRIPT_ERROR`,originalError:e})),()=>Promise.resolve()}},ze=[`dependencies`,`store`,`actions`,`Fallback`,`ErrorFallback`,`Root`,`middlewares`,`i18n`],Be=`6.0.0`,Ve=n=>{var r;let{dependencies:i,store:a={},actions:o={},Fallback:s,ErrorFallback:c,Root:l=ke,middlewares:d,i18n:p}=n,m=je(n,ze);return d&&Z.setMiddlewares(d),Z.setStoreActions(o),s&&Z.setFallbackComponent(s),c&&Z.setErrorFallbackComponent(c),ee(f(f({},a),{},{[E]:[],[O]:m,[k]:i,[D]:null,[A]:(p==null?void 0:p.defaultLocale)||`en`})),l.displayName=`various-app-root`,r=class extends t{componentDidMount(){re(p==null?void 0:p.getResources)}render(){return e.createElement(Q,{module:`app`,url:i.app},e.createElement(l,null))}},u(r,`displayName`,`various-app`),r};export{y as Nycticorax,Ie as createComponent,Me as createDispatch,P as createLogger,$ as createModule,F as createPostMessage,he as defineDependencies,Ve as getApp,ve as getConfig,G as getModuleInfo,q as getMountedComponents,T as getStore,K as isModuleLoaded,_e as onComponentMounted,pe as preloadModules,me as removeLoadedModules,Re as renderComponent,Be as version};
|
|
1
|
+
import e,{Component as t,useCallback as n,useEffect as r,useLayoutEffect as i,useRef as a,useState as o}from"react";function s(e){"@babel/helpers - typeof";return s=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},s(e)}function c(e,t){if(s(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(s(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function l(e){var t=c(e,`string`);return s(t)==`symbol`?t:t+``}function u(e,t,n){return(t=l(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function f(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?d(Object(n),!0).forEach(function(t){u(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var p={17(e){e.exports=function e(t,n){if(t===n)return!0;if(t&&n&&typeof t==`object`&&typeof n==`object`){if(t.constructor!==n.constructor)return!1;var r,i,a;if(Array.isArray(t)){if((r=t.length)!=n.length)return!1;for(i=r;i--!==0;)if(!e(t[i],n[i]))return!1;return!0}if(t.constructor===RegExp)return t.source===n.source&&t.flags===n.flags;if(t.valueOf!==Object.prototype.valueOf)return t.valueOf()===n.valueOf();if(t.toString!==Object.prototype.toString)return t.toString()===n.toString();if((r=(a=Object.keys(t)).length)!==Object.keys(n).length)return!1;for(i=r;i--!==0;)if(!Object.prototype.hasOwnProperty.call(n,a[i]))return!1;for(i=r;i--!==0;){var o=a[i];if(!e(t[o],n[o]))return!1}return!0}return t!=t&&n!=n}},232(e,t,n){n.d(t,{A:()=>s});var r=n(705),i=n(17),a=n.n(i);function o(e,t=new WeakMap){if(typeof e!=`object`||!e)return e;if(t.has(e))return t.get(e);let n=Array.isArray(e)?[]:{};t.set(e,n);let r=Reflect.ownKeys(e);for(let i of r)n[i]=o(e[i],t);return n}class s{constructor(){var e;(0,r.A)(this,`state`,void 0),(0,r.A)(this,`listeners`,void 0),(0,r.A)(this,`emits`,void 0),(0,r.A)(this,`timer`,void 0),(0,r.A)(this,`onStateChange`,void 0),(0,r.A)(this,`getStore`,void 0),(0,r.A)(this,`createStore`,e=>{this.listeners=Reflect.ownKeys(e).reduce((t,n)=>{let r=n;return this.state[r]=e[r],f(f({},t),{},{[n]:[]})},{})}),(0,r.A)(this,`subscribe`,e=>{let t={};return Reflect.ownKeys(e).forEach(n=>{let r=n;this.listeners[r]||(this.listeners[r]=[]),this.listeners[r].push(e[r]),t[r]=e[r]}),()=>{Reflect.ownKeys(t).forEach(e=>{let n=e;this.listeners[n]=this.listeners[n].filter(e=>e!==t[n])})}}),(0,r.A)(this,`emit`,(e,t)=>{this.emits=f(f({},this.emits),e),t?this.trigger():(clearTimeout(this.timer),this.timer=setTimeout(this.trigger))}),(0,r.A)(this,`dispatch`,(e,...t)=>e({getStore:this.getStore,emit:e=>this.emit(e,!0)},...t)),(0,r.A)(this,`trigger`,()=>{let e=this.emits,t=[],n=Reflect.ownKeys(e);for(let r=0;r<n.length;r+=1){let i=n[r];if(a()(this.state[i],e[i]))continue;let s=e[i],c=this.state[i];this.state[i]=o(e[i]),t.push({key:i,newValue:s,oldValue:c})}let r={};t.forEach(e=>{r[e.key]=[e.newValue,e.oldValue],this.listeners[e.key]&&this.listeners[e.key].forEach(t=>t(e.newValue,e.oldValue))}),t.length&&this.onStateChange(r),this.emits={},this.timer=void 0}),this.state={},this.listeners={},this.emits={},this.timer=void 0,this.onStateChange=()=>null,this.getStore=(e=this.state,function(t){return t?o(e[t]):e})}set onChange(e){this.onStateChange=e}}},705(e,t,n){function r(e){return r=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},r(e)}function i(e,t,n){return(t=function(e){var t=function(e){if(r(e)!=`object`||!e)return e;var t=e[Symbol.toPrimitive];if(t!==void 0){var n=t.call(e,`string`);if(r(n)!=`object`)return n;throw TypeError(`@@toPrimitive must return a primitive value.`)}return String(e)}(e);return r(t)==`symbol`?t:t+``}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}n.d(t,{A:()=>i})}},m={};function h(e){var t=m[e];if(t!==void 0)return t.exports;var n=m[e]={exports:{}};return p[e](n,n.exports,h),n.exports}h.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return h.d(t,{a:t}),t},h.d=(e,t)=>{for(var n in t)h.o(t,n)&&!h.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},h.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var g=h(705),_=h(232),v=[`name`,`prototype`,`length`,`getDerivedStateFromProps`,`getDerivedStateFromError`],y=class extends _.A{constructor(...n){super(...n),(0,g.A)(this,`connect`,function(n){let{getStore:r,subscribe:i}=n;return function(...n){return function(a){class o extends t{constructor(e){super(e),(0,g.A)(this,`unsubscribe`,void 0),(0,g.A)(this,`state`,{props:r()}),this.unsubscribe=i(n.reduce((e,t)=>f(f({},e),{},{[t]:()=>{this.setState({props:r()})}}),{}))}componentWillUnmount(){this.unsubscribe()}render(){let{props:t}=this.state,n=f(f({},t),this.props);return e.createElement(a,n)}}return Reflect.ownKeys(a).forEach(e=>{let t=String(e);if(!v.includes(t)){let t=Object.getOwnPropertyDescriptor(a,e);t&&Object.defineProperty(o,e,t)}}),o}}}(this)),(0,g.A)(this,`useStore`,function(e){let{getStore:t,subscribe:n}=e;return function(...e){let[r,a]=o(t());return i(()=>n(e.reduce((e,n)=>f(f({},e),{},{[n]:()=>{a(e=>f(f({},e),{},{[n]:t()[n]}))}}),{}))),r}}(this))}},{createStore:ee,getStore:b,connect:x,emit:S,subscribe:C,dispatch:w,useStore:te}=new y;function T(){let e=b(),t=Object.keys(e),n={};return t.forEach(t=>{n[t]=e[t]}),n}var E=Symbol(`MOUNTED_COMPONENTS`),D=Symbol(`MESSAGE`),O=Symbol(`CONFIG`),k=Symbol(`DEPENDENCIES`),A=Symbol(`LOCALE`),j=function(e){return e.SetLocale=`setLocale`,e.GetLocale=`getLocale`,e.UpdateI18nConfig=`updateI18nConfig`,e}({}),ne=[`beforeCreate`,`created`,`beforeMount`,`mounted`,`beforeUpdate`,`updated`,`beforeUnmount`,`unmounted`,`errorCaptured`,`renderTracked`,`renderTriggered`,`activated`,`deactivated`,`setup`,`data`,`render`],M=[`react`,`react-dom`,`@variousjs/various`,`app`],N=e=>{var t;let n=Z.getMiddlewares();if((n==null||(t=n.onLog)==null?void 0:t.call(n,e))===!1)return;let r={info:`blue`,warn:`orange`,error:`red`}[e.level],i=[`%c ${e.module} `,`background:${r};border:1px solid ${r};padding:1px;border-radius:2px 0 0 2px;color: #fff;`];e.type&&(i[0]=`${i[0]}%c ${e.type} %c`,i.push(`border:1px solid ${r};padding:1px;border-radius:0 2px 2px 0;color:${r};`,`background:transparent`)),e.level!==`info`&&(i[0]=` ${i[0]}`),window.console[e.level](...i,e.message)},P=e=>({info(t,n){N({module:e,level:`info`,type:n,message:t})},warn(t,n){N({module:e,level:`warn`,type:n,message:t})},error(t,n){var r;let i=Z.getMiddlewares(),a=t instanceof X?t:new X({module:e,type:n||`unknow`,originalError:t instanceof Error?t:Error(t)});i==null||(r=i.onError)==null||r.call(i,a),N({module:e,level:`error`,type:n,message:t})}}),F=e=>async({event:t,payload:n})=>{let r=Z.getMiddlewares(),i=P(e),a={trigger:e,event:t,payload:n};if(r!=null&&r.onMessage){let e=await r.onMessage(a);if(e===!1){i.warn(`blocked by middleware`,`POST_MESSAGE`);return}e!==!0&&(a=f(f({},a),e))}S({[D]:{timestamp:+new Date,event:a.event,trigger:e,payload:a.payload}})},I=(e,t)=>C({[D](n){let{trigger:r,payload:i,event:a}=n;e!==r&&t({event:a,payload:i,trigger:r})}});function re(e,t,n){if(!e)return;let r=e();if(!be(r)){t?Z.setI18nConfig(t,r):Z.setGlobalI18nConfig(r);return}t?Z.setI18nConfig(t,{loading:!0,resources:{}}):Z.setGlobalI18nConfig({loading:!0,resources:{}}),r.then(e=>{if(t){Z.setI18nConfig(t,f(f({},e),{},{loading:!1})),n==null||n();return}let r=b(A);S({[A]:void 0},!0),S({[A]:r},!0),Z.setGlobalI18nConfig(f(f({},e),{},{loading:!1}))}).catch(e=>{Y(new X({module:t||`app`,type:`I18N`,originalError:e}))})}function ie(e,t){let n=(t,n,r)=>{let i=Z.getI18nConfig(e)||Z.getGlobalI18nConfig(),a=r;if(a===void 0&&(a=typeof n==`string`?n:t),!i)return Y(new X({module:e,type:`I18N`,originalError:Error(`config not exist`)})),a;if(i.loading)return a;let{resources:o}=i,s=b(A),c=o==null?void 0:o[s];if(!c)return Y(new X({module:e,type:`I18N`,originalError:Error(`locale resource \`${s}\` not exist`)})),a;if(!c[t])return Y(new X({module:e,type:`I18N`,originalError:Error(`locale key \`${t}\` not exist`)})),a;let l=c[t];if(!n||typeof n==`string`||Object.prototype.toString.call(n)!==`[object Object]`)return l;let u=Object.keys(n);return u.length?u.reduce((e,t)=>{let r=RegExp(`{\\s*${t}\\s*}`,`g`);return e.replace(r,n[t].toString())},l):l};return n.update=n=>{let r=f(f({},Z.getI18nConfig(e)),n);Z.setI18nConfig(e,r),t()},n}var ae=`modulepreload`,oe=function(e){return`/`+e},se={},ce=function(e,t,n){let r=Promise.resolve();if(t&&t.length>0){let e=document.getElementsByTagName(`link`),i=document.querySelector(`meta[property=csp-nonce]`),a=(i==null?void 0:i.nonce)||(i==null?void 0:i.getAttribute(`nonce`));function o(e){return Promise.all(e.map(e=>Promise.resolve(e).then(e=>({status:`fulfilled`,value:e}),e=>({status:`rejected`,reason:e}))))}function s(e){return import.meta.resolve?import.meta.resolve(e):new URL(e,import.meta.url).href}r=o(t.map(t=>{if(t=oe(t,n),t=s(t),t in se)return;se[t]=!0;let r=t.endsWith(`.css`);for(let n=e.length-1;n>=0;n--){let i=e[n];if(i.href===t&&(!r||i.rel===`stylesheet`))return}let i=document.createElement(`link`);if(i.rel=r?`stylesheet`:ae,r||(i.as=`script`),i.crossOrigin=``,i.href=t,a&&i.setAttribute(`nonce`,a),document.head.appendChild(i),r)return new Promise((e,n)=>{i.addEventListener(`load`,e),i.addEventListener(`error`,()=>n(Error(`Unable to preload CSS for ${t}`)))})}))}function i(e){let t=new Event(`vite:preloadError`,{cancelable:!0});if(t.payload=e,window.dispatchEvent(t),!t.defaultPrevented)throw e}return r.then(t=>{for(let e of t||[])e.status===`rejected`&&i(e.reason);return e().catch(i)})};function le(){return window.__various||(window.__various={modules:new Map,urls:new Map,loaded:new Map}),window.__various}var{modules:L,urls:R,loaded:z}=le();function B(e){return e.startsWith(`http`)||e.startsWith(`/`)||e.startsWith(`blob:`)?e:new URL(e,document.baseURI).href}function V(e,t){R.set(e,t)}function ue(e){return R.get(e)}async function H(e){let t=R.get(e);if(t){let e=B(t);if(z.has(e))return z.get(e);let n=await ce(()=>import(e),[]);return z.set(e,n),n}if(L.has(e))return L.get(e);throw Error(`module "${e}" not defined`)}function U(e){if(L.has(e))return!0;let t=R.get(e);return!!(t&&z.has(B(t)))}function de(e){return R.has(e)||U(e)}function W(e){L.delete(e);let t=R.get(e);t&&z.delete(B(t))}var fe=e=>`${e}?${+new Date}`,G=e=>{let[t,n]=e.split(`.`);return{name:t,entry:n}},pe=e=>{let t=e.map(e=>G(e).name);return Promise.all(t.map(e=>H(e))).then(()=>void 0)},me=e=>{e.forEach(e=>{let{name:t}=G(e);M.includes(t)||W(t)})},he=e=>{let t=b(k),n={};Object.keys(e).forEach(t=>{M.includes(t)||(n[t]=e[t],ue(t)!==e[t]&&W(t),V(t,e[t]))}),S({[k]:f(f({},t),n)},!0)},K=e=>{let{name:t}=G(e);return U(t)},ge=e=>{let{name:t}=G(e);return de(t)},q=()=>b(E),_e=(e,t)=>{let n=Array.isArray(e)?e:[e];n.every(e=>q().includes(e))&&t();let r=C({[E](e){n.every(t=>e.includes(t))&&(r(),t())}});return r},J=(e,t)=>{let{name:n}=G(e),r=b(k);if(t&&U(n))return;if(!r[n]&&t){V(n,t);return}let i=fe(r[n]);t&&(i=fe(t)),W(n),V(n,i)};function ve(){return b(O)}var Y=e=>{let{module:t,type:n}=e;P(t).error(e,n)},X=class extends Error{constructor(e){super(e.originalError.message),u(this,`type`,void 0),u(this,`originalError`,void 0),u(this,`module`,void 0),this.type=e.type,this.originalError=e.originalError,this.module=e.module}};function ye(e,t){return new Promise((n,r)=>{var i;if(e.$$typeof||(i=e.prototype)!=null&&i.isReactComponent||typeof e==`function`){n();return}r(new X({module:t,originalError:Error(`not a valid React component`),type:`INVALID_COMPONENT`}))})}function be(e){return e!=null&&typeof e.then==`function`}function xe(e,t){let n=RegExp(`^3\\.`);return new Promise((r,i)=>{H(`vue`).then(a=>{let o=a.default||a;if(!n.test(o.version)){i(Error(`Vue 3+ required, detected an incompatible version`));return}if(typeof(e==null?void 0:e.render)==`function`||typeof(e==null?void 0:e.setup)==`function`){r();return}i(new X({module:t,originalError:Error(`not a valid Vue component`),type:`INVALID_COMPONENT`}))}).catch(i)})}function Se(e){let{componentNode:t,module:n,type:r,i18nUpdate:i}=e,a={},o,s;return Object.getOwnPropertyNames(t).forEach(e=>{if(typeof t[e]==`function`){if(e===`$onMessage`){o=t[e];return}if(e===`$i18n`){s=t[e];return}r===`vue3`&&ne.includes(e)||(a[e]=t[e])}}),s&&re(s,n,i),Z.setComponentActions(n,a),o?I(n,o):()=>null}function Ce(e){let t=q();t.includes(e)||t.push(e),S({[E]:t},!0)}function we(e){let t=q();t=t.filter(t=>t!==e),S({[E]:t},!0),Z.deleteComponentActions(e)}function Te(e){let{module:t,url:n}=e,r=b(k),{name:i}=G(t);return{module:t,url:n||r[i]||ue(i)||``}}function Ee(e,t){let{name:n,entry:r}=G(e);return`${t} ${[n,r].filter(Boolean).join(`-`)}`}var De=t=>{let n=Ee(t.$self.module,`various-component-fallback`);return e.createElement(`div`,{className:n},`Loading`)},Oe=({$error:t,$reload:n,$self:r})=>{let i=Ee(r.module,`various-component-error_fallback`);return e.createElement(`div`,{className:i},e.createElement(`h3`,null,t.type),e.createElement(`p`,null,t.message),e.createElement(`button`,{type:`button`,onClick:n},`Reload`))},ke=()=>e.createElement(`div`,null,`App Container is not defined`),Z=new class{constructor(){u(this,`fallbackComponent`,void 0),u(this,`errorFallbackComponent`,void 0),u(this,`storeActions`,void 0),u(this,`componentActions`,void 0),u(this,`i18nConfigs`,void 0),u(this,`globalI18nConfig`,void 0),u(this,`middlewares`,void 0),this.fallbackComponent=De,this.errorFallbackComponent=Oe,this.storeActions={},this.componentActions={},this.i18nConfigs={},this.middlewares={}}setMiddlewares(e){this.middlewares=e}getMiddlewares(){return this.middlewares}setI18nConfig(e,t){this.i18nConfigs[e]=f(f({},this.i18nConfigs[e]),t)}getI18nConfig(e){return this.i18nConfigs[e]}setGlobalI18nConfig(e){this.globalI18nConfig=f(f({},this.globalI18nConfig),e)}getGlobalI18nConfig(){return this.globalI18nConfig}setComponentActions(e,t){this.componentActions[e]=t}deleteComponentActions(e){delete this.componentActions[e]}getComponentActions(e){return this.componentActions[e]}setStoreActions(e){this.storeActions=e}getStoreActions(){return this.storeActions}setFallbackComponent(e){this.fallbackComponent=e}getFallbackComponent(){return this.fallbackComponent}setErrorFallbackComponent(e){this.errorFallbackComponent=e}getErrorFallbackComponent(){return this.errorFallbackComponent}},Q=class extends t{constructor(...e){super(...e),u(this,`state`,{hasError:!1}),u(this,`error`,void 0),u(this,`$self`,Te(this.props)),u(this,`reload`,()=>{this.error=void 0,this.setState({hasError:!1})})}componentDidCatch(e){let{module:t}=this.props,n=e instanceof X?e:new X({module:t,type:t===`app`?`APP_ERROR`:`SCRIPT_ERROR`,originalError:e});this.setState({hasError:!0}),this.error=n,Y(n),J(t),we(t)}render(){let t=Z.getErrorFallbackComponent(),n=T(),r=b(A);return this.state.hasError?e.createElement(t,{$self:this.$self,$reload:this.reload,$store:n,$error:this.error,$locale:r}):this.props.children}};u(Q,`displayName`,`various-error-boundary`);function Ae(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.includes(r))continue;n[r]=e[r]}return n}function je(e,t){if(e==null)return{};var n,r,i=Ae(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.includes(n)||{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var Me=e=>async function(t){let n=Z.getMiddlewares(),r=P(e),{action:i,payload:a,target:o}=t;if(n!=null&&n.onDispatch){let t=await n.onDispatch({target:o,action:i,payload:a,trigger:e});if(t===!1)return r.warn(`blocked by middleware`,`DISPATCH`),Promise.resolve();t!==!0&&(o=t.target,i=t.action,a=t.payload)}if(o===`app`){let t=Z.getStoreActions()[i];if(i===j.SetLocale)return S({[A]:a},!0),a;if(i===j.GetLocale)return b(A);if(i===j.UpdateI18nConfig){let e=b(A);return Z.setGlobalI18nConfig(a),S({[A]:void 0},!0),S({[A]:e},!0),e}if(!t){let t=`action "${i}" is not present`,n=new X({module:e,type:`DISPATCH`,originalError:Error(t)});throw Y(n),n}return w(t,a,e)}let s=Z.getComponentActions(o);if(!s){let t=new X({module:e,type:`DISPATCH`,originalError:Error(`component is not ready`)});throw Y(t),t}let c=s[i];if(!c){let t=`action "${i}" is not present`,n=new X({module:e,type:`DISPATCH`,originalError:Error(t)});throw Y(n),n}return Promise.resolve(c({payload:a,trigger:e}))},$=(e,t=!0)=>{let n=b(k),r=Z.getMiddlewares(),{url:i,module:a}=e,{name:o,entry:s}=G(a),c=+new Date,l=e=>{t&&Y(e)};return i&&J(a,i),new Promise((e,t)=>{if(!i&&!n[o]&&!ge(a)){let e=new X({module:a,type:`NOT_DEFINED`,originalError:Error(`module "${o}" not defined`)});l(e),t(e);return}H(o).then(n=>{var i;let u=+new Date;if(r==null||(i=r.onLoad)==null||i.call(r,{module:a,loadStart:c,loadEnd:u,beenLoaded:K(a)}),!n||typeof n==`object`&&Object.keys(n).length===0){let e=new X({module:a,type:`INVALID_MODULE`,originalError:Error(`module "${o}" invalid`)});J(a),l(e),t(e);return}let d=`default`in n?n.default:n,f=s?n[s]:d;if(f===void 0&&s){let e=new X({module:a,type:`SUBMODULE_NOT_DEFINED`,originalError:Error(`submodule "${s}" not defined`)});J(a),l(e),t(e);return}e(f)}).catch(e=>{J(a,i);let n=`LOADING_ERROR`;!i&&e.message&&!e.message.includes(o)&&(n=`SUBMODULE_LOADING_ERROR`);let r=new X({module:o,type:n,originalError:e});l(r),t(r)})})};function Ne(n){let{module:r,url:i,watchKeys:a,onMounted:o}=n,s=a||Object.keys(b());class c extends t{constructor(...e){var t;super(...e),t=this,u(this,`state`,{componentReady:!1,isError:!1}),u(this,`error`,void 0),u(this,`ComponentNode`,void 0),u(this,`isUnMounted`,void 0),u(this,`unSubscribeMessage`,()=>null),u(this,`mountComponent`,async()=>{try{let e=await $({module:r,url:i},!1);if(t.isUnMounted)return;await ye(e,r),e.displayName=r,Ce(r),t.unSubscribeMessage=Se({componentNode:e,module:r,i18nUpdate:()=>t.forceUpdate()}),t.ComponentNode=e,t.setState({componentReady:!0}),o==null||o()}catch(e){if(t.isUnMounted)return;t.error=e,t.setState({componentReady:!0,isError:!0})}}),u(this,`$postMessage`,F(r)),u(this,`$dispatch`,Me(r)),u(this,`$t`,ie(r,()=>this.forceUpdate())),u(this,`$logger`,P(r)),u(this,`$self`,Te({module:r,url:i}))}componentDidMount(){this.isUnMounted=!1,this.mountComponent()}componentWillUnmount(){this.error=void 0,this.ComponentNode=null,this.isUnMounted=!0,this.unSubscribeMessage(),we(r)}render(){let t=Z.getFallbackComponent(),{$silent:n,$componentProps:i,$ref:a}=this.props,{componentReady:o,isError:s}=this.state,c=T(),l=b(A),u=this.ComponentNode;if(s)throw this.error;return o?e.createElement(u,f(f({},i),{},{$self:this.$self,$dispatch:this.$dispatch,$store:c,$postMessage:this.$postMessage,$t:this.$t,$logger:this.$logger,ref:a,$locale:l})):n||K(r)?null:e.createElement(t,{$self:this.$self,$store:c,$locale:l})}}u(c,`displayName`,`various-react-component`);let l=x(...s,A)(c);return l.displayName=`various-connector`,l}function Pe(t){let{module:i,url:s,watchKeys:c,onMounted:l}=t,u=c||Object.keys(b()),d=t=>{let c=te(...u,A),d=c[A],p=a(),m=a(),h=a(!1),g=a(),_=a(!1),v=a(),y=a(Te({module:i,url:s})),ee=a(null),b=a(),x=a(),S=a(),C=a(),w=a(),T=a(),[E,D]=o(!1),[O,k]=o(!1),j=Z.getFallbackComponent(),{$silent:ne,$componentProps:M}=t,N=n(()=>{let e=P(i),t=Me(i),n=F(i),r=ie(i,()=>{var e;(e=T.current)==null||e.call(T)});b.current=p.current.ref(f({},M)),x.current=p.current.ref(f({},c)),S.current=p.current.ref(d);let a=p.current.createApp({setup(){let e=p.current.ref(0);return T.current=()=>{e.value+=1},{key:e}},errorCaptured(e){var t;let n=e;g.current=(t=n.message)!=null&&t.includes(`https://react`)?new X({originalError:Error(`not a valid Vue component`),module:i,type:`INVALID_COMPONENT`}):n,k(!0)},render(){return p.current.h(v.current,f(f({},b.current.value),{},{various:{$dispatch:t,$logger:e,$postMessage:n,$t:r,$store:x.current.value,$self:y.current,$locale:S.current.value},key:this.key}))}});m.current||(m.current=a.mount(ee.current)),h.current=!0,C.current=()=>a.unmount()},[M,c,d]),I=n(async()=>{try{let e=await $({module:`vue`});p.current=e;let t=await $({module:i,url:s},!1);if(_.current)return;await xe(t,i),Ce(i),w.current=Se({componentNode:t,module:i,type:`vue3`,i18nUpdate(){var e;(e=T.current)==null||e.call(T)}}),v.current=t,setTimeout(N),D(!0),l==null||l()}catch(e){if(_.current)return;g.current=e,D(!0),k(!0)}},[N]);if(r(()=>(_.current=!1,()=>{var e,t;g.current=void 0,v.current=void 0,_.current=!0,we(i),(e=C.current)==null||e.call(C),(t=w.current)==null||t.call(w),h.current=!1}),[]),r(()=>{h.current||I()},[I]),r(()=>{b.current&&(b.current.value=f({},M))},[M]),r(()=>{x.current&&(x.current.value=f({},c))},[c]),r(()=>{S.current&&(S.current.value=d)},[d]),O)throw g.current;return e.createElement(e.Fragment,null,!E&&!ne&&!K(i)?e.createElement(j,{$self:y.current,$store:c,$locale:d}):null,e.createElement(`div`,{className:Ee(i,`various-vue-component`),ref:ee}))};d.displayName=i;let p=t=>e.createElement(d,t);return p.displayName=`various-vue-component`,p}var Fe=[`$silent`,`$ref`],Ie=(t,n)=>{let{module:r,url:i,type:a=`react`}=t,o=(a===`vue3`?Pe:Ne)({module:r,url:i,watchKeys:n}),s=t=>{let n=t||{},{$silent:a,$ref:s}=n,c={$componentProps:je(n,Fe),$silent:a,$ref:s};return e.createElement(Q,{module:r,url:i},e.createElement(o,c))};return s.displayName=`various-creator`,s},Le=[`$silent`,`$ref`],Re=async({module:t,url:n,target:r,props:i,type:a=`react`,renderNode:o,onMounted:s})=>{try{let c=await $({module:`react-dom/client`}),l=(a===`vue3`?Pe:Ne)({module:t,url:n,onMounted:s}),u=c.createRoot(r),d=i||{},{$silent:f,$ref:p}=d,m={$componentProps:je(d,Le),$silent:f,$ref:p},h=e.createElement(Q,{module:t,url:n},e.createElement(l,m));return u.render(o?o(h):h),()=>new Promise(e=>{setTimeout(()=>{u.unmount(),e()})})}catch(e){return Y(new X({module:t,type:`SCRIPT_ERROR`,originalError:e})),()=>Promise.resolve()}},ze=[`dependencies`,`store`,`actions`,`Fallback`,`ErrorFallback`,`Root`,`middlewares`,`i18n`],Be=`6.0.1`,Ve=n=>{var r;let{dependencies:i,store:a={},actions:o={},Fallback:s,ErrorFallback:c,Root:l=ke,middlewares:d,i18n:p}=n,m=je(n,ze);return d&&Z.setMiddlewares(d),Z.setStoreActions(o),s&&Z.setFallbackComponent(s),c&&Z.setErrorFallbackComponent(c),ee(f(f({},a),{},{[E]:[],[O]:m,[k]:i,[D]:null,[A]:(p==null?void 0:p.defaultLocale)||`en`})),l.displayName=`various-app-root`,r=class extends t{componentDidMount(){re(p==null?void 0:p.getResources)}render(){return e.createElement(Q,{module:`app`,url:i.app},e.createElement(l,null))}},u(r,`displayName`,`various-app`),r};export{y as Nycticorax,Ie as createComponent,Me as createDispatch,P as createLogger,$ as createModule,F as createPostMessage,he as defineDependencies,Ve as getApp,ve as getConfig,G as getModuleInfo,q as getMountedComponents,T as getStore,K as isModuleLoaded,_e as onComponentMounted,pe as preloadModules,me as removeLoadedModules,Re as renderComponent,Be as version};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/package.json
CHANGED