@teambit/aspect 1.0.283 → 1.0.284

package/artifacts/env-template/public/{860.e8e83dfda83da851ce90.js → 860.53a5fffb94b23594d780.js}

@@ -90,7 +90,7 @@ Run "bit envs" to see other components that uses the same env`)}}exports.Preview
       }
     }
   }
-`;async function fetchComponentAspects(componentId){try{return(await(0,_graphqlRequest().request)(GQL_SERVER,GET_COMPONENT_ASPECTS,{id:componentId.toString()})).getHost.get.aspects.map(x=>x.id)}catch(err){console.error(`[gql] error on "getComponentAspects" - "${err.toString()}"`);return}}},79271:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.loadLink=loadLink,exports.loadScript=loadScript;function loadScript({src}){return new Promise((resolve,reject)=>{const script=document.createElement("script");script.setAttribute("defer","defer"),script.src=src,script.onload=()=>resolve(),script.onerror=(message,_,_1,_2,error)=>reject(error||new Error(`[preview.preview] failed to load script: ${message}`)),document.head.appendChild(script)})}function loadLink({href}){return new Promise((resolve,reject)=>{const link=document.createElement("link");href.endsWith(".css")&&link.setAttribute("rel","stylesheet"),link.setAttribute("href",href),link.onload=()=>resolve(),link.onerror=(message,_,_1,_2,error)=>reject(error||new Error(`[preview.preview] failed to load link: ${message}`)),document.head.appendChild(link)})}},49471:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={PreviewAspect:!0,PreviewRuntime:!0,ENV_PREVIEW_STRATEGY_NAME:!0,COMPONENT_PREVIEW_STRATEGY_NAME:!0};Object.defineProperty(exports,"COMPONENT_PREVIEW_STRATEGY_NAME",{enumerable:!0,get:function(){return _strategiesNames().COMPONENT_PREVIEW_STRATEGY_NAME}}),Object.defineProperty(exports,"ENV_PREVIEW_STRATEGY_NAME",{enumerable:!0,get:function(){return _strategiesNames().ENV_PREVIEW_STRATEGY_NAME}}),Object.defineProperty(exports,"PreviewAspect",{enumerable:!0,get:function(){return _preview().PreviewAspect}}),Object.defineProperty(exports,"PreviewRuntime",{enumerable:!0,get:function(){return _preview().PreviewRuntime}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _preview().PreviewAspect}});function _preview(){const data=__webpack_require__(22395);return _preview=function(){return data},data}var _events=__webpack_require__(67335);Object.keys(_events).forEach(function(key){key==="default"||key==="__esModule"||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_events[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _events[key]}})});function _strategiesNames(){const data=__webpack_require__(87144);return _strategiesNames=function(){return data},data}},2094:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PREVIEW_MODULES",{enumerable:!0,get:function(){return _previewModules().PREVIEW_MODULES}}),Object.defineProperty(exports,"PreviewModules",{enumerable:!0,get:function(){return _previewModules().PreviewModules}}),Object.defineProperty(exports,"linkModules",{enumerable:!0,get:function(){return _previewModules().linkModules}});function _previewModules(){const data=__webpack_require__(27060);return _previewModules=function(){return data},data}},22395:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PreviewRuntime=exports.PreviewAspect=void 0;function _harmony(){const data=__webpack_require__(55669);return _harmony=function(){return data},data}const PreviewRuntime=exports.PreviewRuntime=new(_harmony()).RuntimeDefinition("preview"),PreviewAspect=exports.PreviewAspect=_harmony().Aspect.create({id:"teambit.preview/preview",dependencies:[],defaultConfig:{},declareRuntime:PreviewRuntime});var _default=exports.default=PreviewAspect},74649:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__=void 0,__webpack_unused_export__={enumerable:!0,get:function(){return _previewModules().linkModules}};function _pubsub(){const data=__webpack_require__(23179);return _pubsub=function(){return data},data}function _harmony(){const data=__webpack_require__(55669);return _harmony=function(){return data},data}function _componentId(){const data=__webpack_require__(99978);return _componentId=function(){return data},data}function _crossFetch(){const data=_interopRequireDefault(__webpack_require__(75752));return _crossFetch=function(){return data},data}function _memoizee(){const data=_interopRequireDefault(__webpack_require__(3105));return _memoizee=function(){return data},data}function _lodash(){const data=__webpack_require__(32699);return _lodash=function(){return data},data}function _exceptions(){const data=__webpack_require__(67166);return _exceptions=function(){return data},data}function _preview(){const data=__webpack_require__(22395);return _preview=function(){return data},data}function _events(){const data=__webpack_require__(67335);return _events=function(){return data},data}function _renderingContext(){const data=__webpack_require__(85216);return _renderingContext=function(){return data},data}function _fetchComponentAspects(){const data=__webpack_require__(73110);return _fetchComponentAspects=function(){return data},data}function _previewModules(){const data=__webpack_require__(2094);return _previewModules=function(){return data},data}function _htmlUtils(){const data=__webpack_require__(79271);return _htmlUtils=function(){return data},data}function _sizeEvent(){const data=__webpack_require__(14285);return _sizeEvent=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}class PreviewPreview{constructor(pubsub,previewSlot,renderingContextSlot){this.pubsub=pubsub,this.previewSlot=previewSlot,this.renderingContextSlot=renderingContextSlot,_defineProperty(this,"isDev",!1),_defineProperty(this,"_setupPromise",void 0),_defineProperty(this,"setup",()=>this.isReady()?Promise.resolve():(this._setupPromise??=new Promise(resolve=>{_previewModules().PREVIEW_MODULES.onSet.add(()=>{this.isReady()&&resolve()})}),this._setupPromise)),_defineProperty(this,"render",async rootExt=>{window.document.body.style.width="fit-content";const{previewName,componentId,envId}=this.getLocation(),name=previewName||this.getDefault();rootExt&&(this.isDev=rootExt==="teambit.workspace/workspace");const preview=this.getPreview(name);if(!preview||!componentId)throw new(_exceptions()).PreviewNotFound(previewName);const includesAll=await Promise.all((preview.include||[]).map(async inclPreviewName=>{const includedPreview=this.getPreview(inclPreviewName);if(!includedPreview)return;const inclPreviewModule=await this.getPreviewModule(inclPreviewName,componentId);return includedPreview.selectPreviewModel?.(componentId.fullName,inclPreviewModule)})),query=this.getQuery(),includes=this.getParam(query,"onlyOverview")==="true"?[]:includesAll.filter(module=>!!module).map(module=>{if(!module.default||!(0,_lodash().isObject)(module.default))return module;const keysWithoutDefault=Object.keys(module).filter(key=>key!=="default"),defaultKeys=Object.keys(module.default);return(0,_lodash().intersection)(keysWithoutDefault,defaultKeys).length===defaultKeys.length?module.default:module}),componentAspects=this.isDev?await this.getComponentAspects(componentId.toString()):void 0,previewModule=await this.getPreviewModule(name,componentId),render=preview.render(componentId,envId||"",previewModule,includes,this.getRenderingContext(componentAspects));return this.reportSize(),this.setViewport(),this.setFullScreen(),render}),_defineProperty(this,"getComponentAspects",(0,_memoizee().default)(_fetchComponentAspects().fetchComponentAspects,{max:100,maxAge:12*60*60*1e3})),this.registerClickPubSub()}registerClickPubSub(){window.addEventListener("click",e=>{const timestamp=Date.now(),clickEvent=Object.assign({},e);this.pubsub.pub(_preview().PreviewAspect.id,new(_events()).ClickInsideAnIframeEvent(timestamp,clickEvent))})}isReady(){const{previewName}=this.getLocation(),name=previewName||this.getDefault();if(!_previewModules().PREVIEW_MODULES.has(name))return!1;const preview=this.getPreview(name);return!(!preview||!(preview.include?.every(included=>_previewModules().PREVIEW_MODULES.has(included))??!0))}setFullScreen(){const query=this.getQuery();if(!this.getParam(query,"fullscreen"))return;const root=window.document.getElementById("root");root&&(root.style.height="100vh")}setViewport(){const query=this.getQuery(),viewPort=this.getParam(query,"viewport");if(!viewPort){window.document.body.style.width="100%";return}window.document.body.style.maxWidth=`${viewPort}px`}reportSize(){if(!window?.parent||!window?.document)return;const sendPubsubEvent=()=>{this.pubsub.pub(_preview().PreviewAspect.id,new(_sizeEvent()).SizeEvent({width:window.document.body.offsetWidth,height:window.document.body.offsetHeight}))};window.document.body.addEventListener("resize",(0,_lodash().debounce)(sendPubsubEvent,300));let counter=0;const interval=setInterval(()=>{if(counter+=1,counter>10){clearInterval(interval);return}this.pubsub.pub(_preview().PreviewAspect.id,new(_sizeEvent()).SizeEvent({width:window.document.body.offsetWidth,height:window.document.body.offsetHeight}))},200)}async getPreviewModule(previewName,id){const compShortId=id.fullName,relevantModel=_previewModules().PREVIEW_MODULES.get(previewName);if(!relevantModel)throw new Error(`[preview.preview] missing preview "${previewName}"`);if(relevantModel.componentMap[compShortId])return relevantModel;const componentPreviews=await this.fetchComponentPreview(id,previewName);_previewModules().PREVIEW_MODULES.loadComponentPreviews(compShortId,componentPreviews);const component=componentPreviews[previewName],metadata=componentPreviews[`${previewName}_metadata`];return{modulesMap:relevantModel.modulesMap,componentMap:{[id.fullName]:component},componentMapMetadata:{[id.fullName]:metadata}}}async fetchComponentPreview(id,name){let previewFile;const allFiles=await this.fetchComponentPreviewFiles(id,name);return allFiles===null?{}:(await Promise.all(allFiles.map(file=>{if(file.endsWith("-preview.js")){previewFile=file;return}return this.addComponentFileElement(id,file)})),previewFile?this.loadPreviewScript(id,name,previewFile):{})}addComponentFileElement(id,previewBundleFileName){if(previewBundleFileName.endsWith(".js"))return this.addComponentFileScriptElement(id,previewBundleFileName);this.addComponentFileLinkElement(id,previewBundleFileName).catch(err=>{throw new Error(`[preview.preview] failed loading asset "${previewBundleFileName}". Error - "${err?.toString()}"`)})}async fetchComponentPreviewFiles(id,previewName){const previewAssetsRoute="~aspect/preview-assets",url=`/api/${id.toString()}/${previewAssetsRoute}`,res=await(0,_crossFetch().default)(url);if(res.status>=400)throw new(_exceptions()).PreviewNotFound(previewName);const parsed=await res.json();if(parsed.isBundledWithEnv)return null;if(!parsed.files||!parsed.files.length)throw new(_exceptions()).PreviewNotFound(previewName);return parsed.files}addComponentFileScriptElement(id,previewBundleFileName){const previewRoute="~aspect/component-preview",src=`/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;return(0,_htmlUtils().loadScript)({src})}addComponentFileLinkElement(id,previewBundleFileName){const href=`/api/${id.toString()}/~aspect/component-preview/${previewBundleFileName}`;return(0,_htmlUtils().loadLink)({href})}async loadPreviewScript(id,previewName,previewBundleFileName){const previewRoute="~aspect/component-preview",src=`/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;await(0,_htmlUtils().loadScript)({src});const globalId=`${id.toStringWithoutVersion()}-preview`,componentPreview=window[globalId];if(!componentPreview)throw new(_exceptions()).PreviewNotFound(previewName);return componentPreview}registerPreview(preview){return this.previewSlot.register(preview),this}getRenderingContext(aspectsFilter){return new(_renderingContext()).RenderingContext(this.renderingContextSlot,{aspectsFilter})}registerRenderContext(renderContext){return this.renderingContextSlot.register(renderContext),this}getDefault(){const previews=this.previewSlot.values();return previews.find(previewCandidate=>previewCandidate.default)?.name||previews[0].name}getPreview(previewName){return this.previewSlot.values().find(previewCandidate=>previewCandidate.name===previewName)}getParam(query,param){return new URLSearchParams(query).get(param)}getQuery(){const withoutHash=window.location.hash.substring(1),[,after]=withoutHash.split("?");return after}getLocation(){const withoutHash=window.location.hash.substring(1),[before,after]=withoutHash.split("?");return{previewName:this.getParam(after,"preview"),envId:this.getParam(after,"env"),componentId:_componentId().ComponentID.tryFromString(before)}}static async provider([pubsub],config,[previewSlot,renderingContextSlot]){const preview=new PreviewPreview(pubsub,previewSlot,renderingContextSlot);return window.addEventListener("hashchange",()=>{preview.render()}),preview}}__webpack_unused_export__=PreviewPreview,_defineProperty(PreviewPreview,"runtime",_preview().PreviewRuntime),_defineProperty(PreviewPreview,"dependencies",[_pubsub().PubsubAspect]),_defineProperty(PreviewPreview,"slots",[_harmony().Slot.withType(),_harmony().Slot.withType()]),_preview().PreviewAspect.addRuntime(PreviewPreview)},85216:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RenderingContext=void 0;class RenderingContext{constructor(contexts,options={}){this.contexts=contexts,this.options=options}get(aspectId){return this.contexts.get(aspectId)?.(this.options)}}exports.RenderingContext=RenderingContext},14285:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SizeEvent=void 0;function _pubsub(){const data=__webpack_require__(23179);return _pubsub=function(){return data},data}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}class SizeEvent extends _pubsub().BitBaseEvent{constructor(sizeEvent){super(SizeEvent.TYPE,"0.0.1",new Date().getTime(),sizeEvent)}}exports.SizeEvent=SizeEvent,_defineProperty(SizeEvent,"TYPE","preview-size")},87144:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ENV_PREVIEW_STRATEGY_NAME=exports.COMPONENT_PREVIEW_STRATEGY_NAME=void 0;const ENV_PREVIEW_STRATEGY_NAME=exports.ENV_PREVIEW_STRATEGY_NAME="env",COMPONENT_PREVIEW_STRATEGY_NAME=exports.COMPONENT_PREVIEW_STRATEGY_NAME="component"},43979:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BitBaseEvent=void 0;class BitBaseEvent{constructor(type,version,timestamp,data){this.type=type,this.version=version,this.timestamp=timestamp,this.data=data}}exports.BitBaseEvent=BitBaseEvent},23179:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BitBaseEvent",{enumerable:!0,get:function(){return _bitBaseEvent().BitBaseEvent}}),Object.defineProperty(exports,"PubsubAspect",{enumerable:!0,get:function(){return _pubsub().PubsubAspect}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _pubsub().PubsubAspect}}),Object.defineProperty(exports,"usePubSub",{enumerable:!0,get:function(){return _pubsubContext().usePubSub}}),Object.defineProperty(exports,"usePubSubIframe",{enumerable:!0,get:function(){return _pubsubContext().usePubSubIframe}});function _pubsub(){const data=__webpack_require__(56646);return _pubsub=function(){return data},data}function _bitBaseEvent(){const data=__webpack_require__(43979);return _bitBaseEvent=function(){return data},data}function _pubsubContext(){const data=__webpack_require__(17796);return _pubsubContext=function(){return data},data}},14339:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PubSubNoParentError=void 0;class PubSubNoParentError extends Error{constructor(){super("could not connect to parent window");this.name="PubSubNoParentError"}}exports.PubSubNoParentError=PubSubNoParentError},17796:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createProvider=createProvider,exports.pubsubRegistry=void 0,exports.usePubSub=usePubSub,exports.usePubSubIframe=usePubSubIframe;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}const pubsubRegistry=exports.pubsubRegistry=(0,_react().createContext)(void 0);function createProvider(pubSubContext){return({children})=>_react().default.createElement(pubsubRegistry.Provider,{value:pubSubContext},children)}function usePubSub(){return(0,_react().useContext)(pubsubRegistry)}function usePubSubIframe(ref){const pubSub=usePubSub();(0,_react().useEffect)(()=>{if(!ref?.current||!pubSub)return()=>{};const destroyConnection=pubSub.connect(ref.current);return()=>destroyConnection()},[ref?.current,pubSub])}},56646:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PubsubAspect=void 0;function _harmony(){const data=__webpack_require__(55669);return _harmony=function(){return data},data}const PubsubAspect=exports.PubsubAspect=_harmony().Aspect.create({id:"teambit.harmony/pubsub",dependencies:[]});var _default=exports.default=PubsubAspect},53707:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__=void 0;function _preview(){const data=__webpack_require__(49471);return _preview=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(92900);return _uiFoundationUi=function(){return data},data}function _eventemitter(){const data=__webpack_require__(42481);return _eventemitter=function(){return data},data}function _penpal(){const data=__webpack_require__(63805);return _penpal=function(){return data},data}function _noParentError(){const data=__webpack_require__(14339);return _noParentError=function(){return data},data}function _pubsub(){const data=__webpack_require__(56646);return _pubsub=function(){return data},data}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}class PubsubPreview{constructor(){_defineProperty(this,"_parentPubsub",void 0),_defineProperty(this,"events",new(_eventemitter()).EventEmitter2),_defineProperty(this,"connectToParentPubSub",(retries=10)=>{if(retries<=0)throw new(_noParentError()).PubSubNoParentError;return(0,_penpal().connectToParent)({timeout:300,methods:{pub:this.handleMessageFromParent}}).promise.then(parentPubsub=>this._parentPubsub=parentPubsub).catch(e=>{if(e.code!==_penpal().ErrorCode.ConnectionTimeout)throw e;return this.connectToParentPubSub(retries-1)})}),_defineProperty(this,"handleMessageFromParent",(topic,message)=>{this.events.emit(topic,message)})}sub(topic,callback){const emitter=this.events;return emitter.on(topic,callback),()=>{emitter.off(topic,callback)}}pub(topic,event){this.events.emit(topic,event),this._parentPubsub?.pub(topic,event).catch(err=>{console.error("[Pubsub.preview]",err)})}inIframe(){try{return _uiFoundationUi().isBrowser&&window.self!==window.top}catch{return!1}}static async provider(){const pubsubPreview=new PubsubPreview;return pubsubPreview.inIframe()&&pubsubPreview.connectToParentPubSub().catch(err=>{err instanceof _noParentError().PubSubNoParentError||console.error("[Pubsub.preview]",err)}),pubsubPreview}}__webpack_unused_export__=PubsubPreview,_defineProperty(PubsubPreview,"runtime",_preview().PreviewRuntime),_pubsub().PubsubAspect.addRuntime(PubsubPreview)},38117:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ReactNativeAspect=void 0;function _harmony(){const data=__webpack_require__(55669);return _harmony=function(){return data},data}const ReactNativeAspect=exports.ReactNativeAspect=_harmony().Aspect.create({id:"teambit.react/react-native"});var _default=exports.default=ReactNativeAspect},65883:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__=__webpack_unused_export__=void 0;function _preview(){const data=__webpack_require__(49471);return _preview=function(){return data},data}function _react(){const data=__webpack_require__(32750);return _react=function(){return data},data}function _reactNative(){const data=__webpack_require__(38117);return _reactNative=function(){return data},data}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}class ReactNativePreview{constructor(reactPreview,preview){this.reactPreview=reactPreview,this.preview=preview,_defineProperty(this,"registerProvider",this.reactPreview.registerProvider.bind(this.reactPreview)),_defineProperty(this,"getRenderingContext",this.reactPreview.getRenderingContext.bind(this.reactPreview))}static async provider([reactPreview,preview]){const reactNativePreview=new ReactNativePreview(reactPreview,preview);return preview.registerRenderContext(reactNativePreview.getRenderingContext),reactNativePreview}}__webpack_unused_export__=ReactNativePreview,_defineProperty(ReactNativePreview,"runtime",_preview().PreviewRuntime),_defineProperty(ReactNativePreview,"slots",[]),_defineProperty(ReactNativePreview,"dependencies",[_react().ReactAspect,_preview().PreviewAspect]),_reactNative().ReactNativeAspect.addRuntime(ReactNativePreview);var _default=__webpack_unused_export__=ReactNativePreview},28547:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.HighlighterProvider=exports.PARAM_NAME=void 0;const react_1=__importStar(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),react_ui_component_highlighter_1=__webpack_require__(58112),query_string_1=__importDefault(__webpack_require__(42546)),highlighter_provider_module_scss_1=__importDefault(__webpack_require__(82006));exports.PARAM_NAME="highlighter";const classes={container:highlighter_provider_module_scss_1.default.label};function useHash(){const[hash,setHash]=(0,react_1.useState)(window?window.location.hash:"");return(0,react_1.useEffect)(()=>{const updateHash=()=>{setHash(window.location.hash)};return updateHash(),window.addEventListener("hashchange",updateHash),()=>{window.removeEventListener("hashchange",updateHash)}},[]),hash}const HighlighterProvider=({children})=>{const hash=useHash(),isActive=(0,react_1.useMemo)(()=>{const hashQuery=hash.split("?")[1];return query_string_1.default.parse(hashQuery)[exports.PARAM_NAME]==="true"},[hash]);return react_1.default.createElement(react_ui_component_highlighter_1.ComponentHighlighter,{disabled:!isActive,className:(0,classnames_1.default)(highlighter_provider_module_scss_1.default.highlighter,isActive&&highlighter_provider_module_scss_1.default.active),classes},children)};exports.HighlighterProvider=HighlighterProvider},87656:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HighlighterProvider=void 0;var highlighter_provider_1=__webpack_require__(28547);Object.defineProperty(exports,"HighlighterProvider",{enumerable:!0,get:function(){return highlighter_provider_1.HighlighterProvider}})},32750:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ReactAspect",{enumerable:!0,get:function(){return _react().ReactAspect}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _react().ReactAspect}});function _react(){const data=__webpack_require__(72864);return _react=function(){return data},data}},72864:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ReactAspect=void 0;function _harmony(){const data=__webpack_require__(55669);return _harmony=function(){return data},data}const ReactAspect=exports.ReactAspect=_harmony().Aspect.create({id:"teambit.react/react"});var _default=exports.default=ReactAspect},28177:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__=__webpack_unused_export__=void 0;function _lodash(){const data=_interopRequireDefault(__webpack_require__(11549));return _lodash=function(){return data},data}function _harmony(){const data=__webpack_require__(55669);return _harmony=function(){return data},data}function _preview(){const data=__webpack_require__(49471);return _preview=function(){return data},data}function _reactUi(){const data=__webpack_require__(87656);return _reactUi=function(){return data},data}function _react(){const data=__webpack_require__(72864);return _react=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _defineProperty(obj,key,value2){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value2,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value2,obj}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}class ReactPreview{constructor(preview,providerSlot){this.preview=preview,this.providerSlot=providerSlot,_defineProperty(this,"getRenderingContext",({aspectsFilter})=>{let entries=this.providerSlot.toArray();if(aspectsFilter){const allowedAspects=new Set(aspectsFilter);allowedAspects.add(_react().ReactAspect.id),entries=entries.filter(([aspectId])=>allowedAspects.has(aspectId))}return{providers:(0,_lodash().default)(entries.map(([,provider])=>provider))}})}registerProvider(provider){this.providerSlot.register(provider)}static async provider([preview],config,[providerSlot]){const reactPreview=new ReactPreview(preview,providerSlot);return reactPreview.registerProvider([_reactUi().HighlighterProvider]),preview.registerRenderContext(reactPreview.getRenderingContext),reactPreview}}__webpack_unused_export__=ReactPreview,_defineProperty(ReactPreview,"runtime",_preview().PreviewRuntime),_defineProperty(ReactPreview,"slots",[_harmony().Slot.withType()]),_defineProperty(ReactPreview,"dependencies",[_preview().PreviewAspect]),_react().ReactAspect.addRuntime(ReactPreview);var _default=__webpack_unused_export__=ReactPreview},32860:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";var _teambit_harmony__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(55669),_teambit_harmony__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_teambit_harmony__WEBPACK_IMPORTED_MODULE_0__),_home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_aspect_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(22395),_home_circleci_bit_bit_node_modules_teambit_docs_dist_docs_aspect_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(12825),_home_circleci_bit_bit_node_modules_teambit_compositions_dist_compositions_aspect_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(36717),_home_circleci_bit_bit_node_modules_teambit_pubsub_dist_pubsub_aspect_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(56646),_home_circleci_bit_bit_node_modules_teambit_react_dist_react_aspect_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(72864),_home_circleci_bit_bit_node_modules_teambit_react_native_dist_react_native_aspect_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(38117),_home_circleci_bit_bit_node_modules_teambit_command_bar_dist_command_bar_aspect_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(98695),_home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(74649),_home_circleci_bit_bit_node_modules_teambit_docs_dist_docs_preview_runtime_js__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(90428),_home_circleci_bit_bit_node_modules_teambit_compositions_dist_compositions_preview_runtime_js__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(61517),_home_circleci_bit_bit_node_modules_teambit_pubsub_dist_pubsub_preview_runtime_js__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(53707),_home_circleci_bit_bit_node_modules_teambit_react_dist_react_preview_runtime_js__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(28177),_home_circleci_bit_bit_node_modules_teambit_react_native_dist_react_native_preview_runtime_js__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(65883),_home_circleci_bit_bit_node_modules_teambit_command_bar_dist_command_bar_preview_runtime_js__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(97996);function generateSlot(length=5){return Array.from(Array(length)).map(()=>Slot.withType())}const isBrowser=typeof window<"u",windowConfig=isBrowser?window.harmonyAppConfig:void 0,mergedConfig={...JSON.parse('{"teambit.workspace/workspace":{"name":"bit","icon":"https://static.bit.dev/bit-logo.svg","defaultScope":"teambit.bit","defaultDirectory":"components","resolveEnvsFromRoots":false},"teambit.dependencies/dependency-resolver":{"packageManager":"teambit.dependencies/pnpm","policy":{"dependencies":{"@babel/core":"7.19.6","@babel/preset-react":"7.22.15","@babel/preset-typescript":"7.22.15","@babel/types":"7.22.3","@bitdev/node.generators.node-templates":"^2.0.2","@bitdev/react.generators.react-templates":"^2.0.1","@bitdev/symphony.generators.symphony-templates":"^1.0.0","@dagrejs/dagre":"^1.1.2","@graphql-modules/core":"0.7.17","@graphql-tools/schema":"^10.0.0","@jest/test-result":"26.6.2","@mdx-js/mdx":"1.6.21","@mdx-js/react":"1.6.22","@monaco-editor/react":"4.4.6","@pmmmwh/react-refresh-webpack-plugin":"0.5.4","@pnpm/client":"11.1.0","@pnpm/colorize-semver-diff":"1.0.1","@pnpm/config":"21.2.3","@pnpm/core":"14.1.5","@pnpm/default-reporter":"13.1.2","@pnpm/dependency-path":"5.0.0","@pnpm/error":"6.0.1","@pnpm/fetch":"8.0.1","@pnpm/list":"^10.1.3","@pnpm/lockfile-file":"9.0.6","@pnpm/logger":"5.0.0","@pnpm/modules-yaml":"13.1.1","@pnpm/network.ca-file":"3.0.0","@pnpm/package-store":"20.2.0","@pnpm/parse-overrides":"5.0.1","@pnpm/pick-registry-for-package":"6.0.1","@pnpm/plugin-commands-publishing":"8.1.5","@pnpm/plugin-commands-rebuild":"11.1.5","@pnpm/registry-mock":"3.4.0","@pnpm/reviewing.dependencies-hierarchy":"^3.1.3","@pnpm/semver-diff":"1.1.0","@pnpm/sort-packages":"6.0.2","@pnpm/store-connection-manager":"8.2.0","@pnpm/types":"10.1.0","@pnpm/worker":"1.0.3","@pnpm/workspace.pkgs-graph":"3.0.5","@prerenderer/prerenderer":"^1.2.0","@prerenderer/renderer-jsdom":"^1.1.2","@prerenderer/webpack-plugin":"^5.2.0","@react-hook/latest":"1.0.3","@teambit/any-fs":"0.0.5","@teambit/base-react.layout.row":"0.0.3","@teambit/base-react.navigation.link":"2.0.27","@teambit/base-react.themes.theme-switcher":"^1.0.2","@teambit/base-ui.constants.storage":"1.0.0","@teambit/base-ui.graph.tree.collapsable-tree-node":"0.0.4","@teambit/base-ui.graph.tree.indent":"1.0.0","@teambit/base-ui.graph.tree.inflate-paths":"1.0.0","@teambit/base-ui.graph.tree.recursive-tree":"1.0.0","@teambit/base-ui.graph.tree.root-node":"1.0.0","@teambit/base-ui.graph.tree.tree-context":"1.0.0","@teambit/base-ui.layout.breakpoints":"1.0.0","@teambit/base-ui.layout.page-frame":"1.0.0","@teambit/base-ui.loaders.loader-ribbon":"1.0.0","@teambit/base-ui.loaders.skeleton":"1.0.1","@teambit/base-ui.styles.flex-center":"1.0.0","@teambit/base-ui.surfaces.background":"1.0.1","@teambit/base-ui.surfaces.card":"1.0.1","@teambit/base-ui.surfaces.split-pane.hover-splitter":"1.0.0","@teambit/base-ui.surfaces.split-pane.split-pane":"1.0.0","@teambit/base-ui.text.muted-text":"1.0.1","@teambit/base-ui.text.paragraph":"1.0.1","@teambit/base-ui.text.text-sizes":"1.0.0","@teambit/base-ui.text.themed-text":"1.0.1","@teambit/base-ui.theme.accent-color":"1.1.0","@teambit/base-ui.theme.colors":"1.0.0","@teambit/base-ui.theme.dark-theme":"1.0.2","@teambit/base-ui.theme.fonts.book":"1.0.2","@teambit/base-ui.theme.fonts.roboto":"1.0.0","@teambit/base-ui.theme.theme-provider":"1.0.1","@teambit/base-ui.utils.composer":"1.0.0","@teambit/base-ui.utils.string.affix":"1.0.0","@teambit/base-ui.utils.time-ago":"1.0.1","@teambit/bit.content.what-is-bit":"1.96.2","@teambit/bvm.config":"^0.2.3","@teambit/bvm.path":"^0.1.2","@teambit/capsule":"0.0.12","@teambit/code.ui.code-compare-section":"0.0.5","@teambit/code.ui.code-editor":"^0.0.8","@teambit/code.ui.code-tab-tree":"^0.0.613","@teambit/code.ui.dependency-tree":"0.0.546","@teambit/code.ui.hooks.use-code-params":"0.0.496","@teambit/code.ui.object-formatter":"0.0.1","@teambit/code.ui.queries.get-component-code":"0.0.502","@teambit/code.ui.queries.get-file-content":"0.0.504","@teambit/code.ui.utils.get-file-icon":"0.0.495","@teambit/community.constants.links":"0.0.2","@teambit/community.starters.hello-world":"^0.0.16","@teambit/compilation.babel-compiler":"^1.1.8","@teambit/compilation.content.compiler-overview":"1.95.0","@teambit/component.content.component-overview":"1.95.0","@teambit/component.content.dev-files":"1.95.9","@teambit/component.instructions.exporting-components":"0.0.7","@teambit/component.ui.artifacts.artifacts-tree":"^0.0.26","@teambit/component.ui.artifacts.models.component-artifacts-model":"^0.0.12","@teambit/component.ui.artifacts.queries.use-component-artifacts":"^0.0.14","@teambit/component.ui.badges.component-count":"^0.0.15","@teambit/component.ui.component-compare.compare-aspects.compare-aspect-view":"^0.0.14","@teambit/component.ui.component-compare.compare-aspects.compare-aspects":"^0.0.146","@teambit/component.ui.component-compare.compare-aspects.context":"^0.0.12","@teambit/component.ui.component-compare.compare-aspects.hooks.use-compare-aspects":"^0.0.118","@teambit/component.ui.component-compare.compare-aspects.models.component-compare-aspects-model":"^0.0.11","@teambit/component.ui.component-compare.hooks.use-component-compare":"^0.0.113","@teambit/component.ui.component-compare.hooks.use-component-compare-url":"^0.0.9","@teambit/component.ui.component-compare.layouts.compare-split-layout-preset":"^0.0.10","@teambit/component.ui.component-compare.models.component-compare-change-type":"^0.0.7","@teambit/component.ui.component-compare.models.component-compare-hooks":"^0.0.10","@teambit/component.ui.component-compare.models.component-compare-model":"^0.0.111","@teambit/component.ui.component-compare.models.component-compare-state":"^0.0.7","@teambit/component.ui.component-compare.status-resolver":"^0.0.9","@teambit/component.ui.component-compare.utils.group-by-version":"^0.0.8","@teambit/component.ui.component-compare.utils.sort-logs":"^0.0.8","@teambit/component.ui.component-compare.utils.sort-tabs":"^0.0.102","@teambit/component.ui.component-deprecated":"^0.0.39","@teambit/component.ui.component-meta":"^0.0.358","@teambit/component.ui.component-size":"^0.0.77","@teambit/component.ui.component-status":"^0.0.504","@teambit/component.ui.component-status-resolver":"^0.0.510","@teambit/component.ui.component-tooltip":"^0.0.509","@teambit/component.ui.deprecation-icon":"^0.0.509","@teambit/component.ui.hooks.use-fetch-docs":"^0.0.21","@teambit/component.ui.version-label":"^0.0.509","@teambit/compositions.ui.composition-compare":"^0.0.255","@teambit/compositions.ui.composition-compare-section":"^0.0.100","@teambit/compositions.ui.compositions-menu-bar":"^0.0.177","@teambit/compositions.ui.compositions-overview":"^0.0.10","@teambit/compositions.ui.hooks.use-composition":"^0.0.177","@teambit/defender.content.formatter-overview":"1.96.1","@teambit/defender.content.linter-overview":"1.95.0","@teambit/defender.content.tester-overview":"1.95.0","@teambit/defender.eslint-linter":"1.0.22","@teambit/defender.prettier-formatter":"1.0.12","@teambit/defender.ui.test-compare-section":"^0.0.100","@teambit/defender.ui.test-loader":"^0.0.504","@teambit/defender.ui.test-row":"^0.0.503","@teambit/defender.ui.test-table":"^0.0.510","@teambit/dependencies.modules.packages-excluder":"^1.0.8","@teambit/design.controls.menu":"^0.0.1","@teambit/design.elements.icon":"1.0.5","@teambit/design.inputs.dropdown":"1.2.16","@teambit/design.inputs.input-text":"1.0.21","@teambit/design.inputs.selectors.multi-select":"0.0.20","@teambit/design.inputs.toggle-button":"0.0.9","@teambit/design.navigation.content-tabs":"0.0.5","@teambit/design.navigation.responsive-navbar":"^0.0.7","@teambit/design.theme.icons-font":"2.0.29","@teambit/design.themes.dark-theme":"1.91.4","@teambit/design.themes.theme-toggler":"0.1.3","@teambit/design.ui.alert-card":"0.0.26","@teambit/design.ui.brand.logo":"1.96.2","@teambit/design.ui.cli-snippet":"0.0.359","@teambit/design.ui.contributors":"0.0.514","@teambit/design.ui.elements.level-icon":"0.0.20","@teambit/design.ui.empty-box":"0.0.363","@teambit/design.ui.error-page":"0.0.364","@teambit/design.ui.icon-button":"1.0.16","@teambit/design.ui.input.option-button":"1.0.0","@teambit/design.ui.input.radio":"1.1.13","@teambit/design.ui.input.toggle":"1.0.12","@teambit/design.ui.navigation.link":"^1.96.11","@teambit/design.ui.pages.not-found":"0.0.371","@teambit/design.ui.pages.server-error":"0.0.368","@teambit/design.ui.pages.standalone-not-found-page":"0.0.369","@teambit/design.ui.pill-label":"0.0.356","@teambit/design.ui.round-loader":"0.0.355","@teambit/design.ui.separator":"0.0.354","@teambit/design.ui.skeletons.sidebar-loader":"0.0.4","@teambit/design.ui.styles.colors-by-letter":"0.0.41","@teambit/design.ui.styles.ellipsis":"0.0.357","@teambit/design.ui.surfaces.menu.link-item":"1.0.0","@teambit/design.ui.surfaces.menu.section":"^0.0.357","@teambit/design.ui.surfaces.message-card":"0.0.17","@teambit/design.ui.surfaces.status-message-card":"0.0.17","@teambit/design.ui.tree":"0.0.15","@teambit/docs.content.docs-overview":"1.95.9","@teambit/docs.entities.doc":"0.0.12","@teambit/docs.ui.overview-compare":"^1.0.10","@teambit/docs.ui.overview-compare-section":"^0.0.100","@teambit/documenter.code.react-playground":"4.1.9","@teambit/documenter.content.documentation-links":"4.1.3","@teambit/documenter.markdown.hybrid-live-code-snippet":"0.1.12","@teambit/documenter.markdown.mdx":"0.1.13","@teambit/documenter.theme.theme-compositions":"4.1.1","@teambit/documenter.theme.theme-context":"4.0.3","@teambit/documenter.ui.code-snippet":"^4.2.5","@teambit/documenter.ui.copy-box":"4.1.17","@teambit/documenter.ui.heading":"4.1.1","@teambit/documenter.ui.highlighted-text":"4.1.1","@teambit/documenter.ui.label":"4.0.3","@teambit/documenter.ui.label-list":"4.0.3","@teambit/documenter.ui.linked-heading":"4.1.6","@teambit/documenter.ui.paragraph":"4.1.1","@teambit/documenter.ui.property-table":"4.1.10","@teambit/documenter.ui.section":"4.1.1","@teambit/documenter.ui.separator":"4.1.1","@teambit/documenter.ui.sub-title":"4.1.1","@teambit/documenter.ui.table-heading-row":"4.0.11","@teambit/documenter.ui.table-row":"4.1.13","@teambit/evangelist.elements.button":"1.0.6","@teambit/evangelist.elements.icon":"1.0.2","@teambit/evangelist.elements.x-button":"1.0.7","@teambit/evangelist.input.checkbox.label":"1.0.3","@teambit/evangelist.surfaces.dropdown":"1.0.2","@teambit/evangelist.surfaces.tooltip":"1.0.1","@teambit/explorer.plugins.preview-plugin":"^0.0.10","@teambit/explorer.ui.command-bar":"^2.0.14","@teambit/explorer.ui.component-card":"^0.0.30","@teambit/explorer.ui.gallery.base-component-card":"0.0.503","@teambit/explorer.ui.gallery.component-card":"^0.0.513","@teambit/explorer.ui.gallery.component-grid":"0.0.496","@teambit/git.modules.git-ignore":"^1.0.2","@teambit/harmony":"0.4.6","@teambit/html.generator.html-templates":"^1.0.8","@teambit/html.modules.inject-html-element":"0.0.4","@teambit/html.modules.render-template":"0.0.104","@teambit/lanes.ui.compare.lane-compare":"^0.0.193","@teambit/lanes.ui.compare.lane-compare-drawer":"^0.0.158","@teambit/lanes.ui.compare.lane-compare-hooks.use-lane-diff-status":"^0.0.144","@teambit/lanes.ui.compare.lane-compare-loader":"^0.0.6","@teambit/lanes.ui.compare.lane-compare-page":"^0.0.162","@teambit/lanes.ui.compare.lane-compare-state":"^0.0.11","@teambit/lanes.ui.icons.lane-icon":"^0.0.9","@teambit/lanes.ui.lane-details":"^0.0.204","@teambit/lanes.ui.menus.lanes-overview-menu":"^0.0.10","@teambit/lanes.ui.navigation.lane-switcher":"^0.0.225","@teambit/mdx.compilers.mdx-transpiler":"^1.0.6","@teambit/mdx.generator.mdx-templates":"^1.0.9","@teambit/mdx.modules.mdx-loader":"^1.0.14","@teambit/mdx.ui.docs.link":"0.0.500","@teambit/mdx.ui.docs.snippet":"^0.0.509","@teambit/mdx.ui.mdx-layout":"^1.0.9","@teambit/mdx.ui.mdx-scope-context":"^1.0.5","@teambit/node.utils.esm-loader":"^0.0.6","@teambit/pkg.content.packages-overview":"1.95.9","@teambit/preview.modules.preview-modules":"^1.0.3","@teambit/react.content.react-overview":"1.95.0","@teambit/react.generator.react-native-templates":"^1.0.7","@teambit/react.instructions.react-native.adding-tests":"0.0.1","@teambit/react.instructions.react.adding-compositions":"0.0.6","@teambit/react.instructions.react.adding-tests":"0.0.6","@teambit/react.rendering.ssr":"0.0.3","@teambit/react.ui.component-highlighter":"0.2.1","@teambit/react.webpack.react-webpack":"^1.0.25","@teambit/scope.content.scope-overview":"1.95.0","@teambit/scope.ui.empty-scope":"^0.0.509","@teambit/scope.ui.hooks.use-scope":"^0.0.453","@teambit/scope.ui.scope-details":"^0.0.526","@teambit/scope.ui.scope-icon":"0.0.91","@teambit/scope.ui.scope-labels":"^0.0.505","@teambit/scope.ui.scope-title":"^0.0.515","@teambit/scopes.scope-descriptor":"^0.0.24","@teambit/scopes.scope-id":"^0.0.7","@teambit/semantics.entities.semantic-schema":"^0.0.65","@teambit/tests-results":"^1.0.4","@teambit/typescript.typescript-compiler":"^2.0.22","@teambit/ui-foundation.ui.constants.z-indexes":"^0.0.504","@teambit/ui-foundation.ui.corner":"^0.0.520","@teambit/ui-foundation.ui.empty-component-gallery":"^0.0.508","@teambit/ui-foundation.ui.full-loader":"^0.0.500","@teambit/ui-foundation.ui.get-icon-from-file-name":"^0.0.500","@teambit/ui-foundation.ui.global-loader":"^0.0.502","@teambit/ui-foundation.ui.hooks.use-bind-key":"^0.0.500","@teambit/ui-foundation.ui.hooks.use-data-query":"^0.0.505","@teambit/ui-foundation.ui.hooks.use-in-out-transition":"^0.0.500","@teambit/ui-foundation.ui.hooks.use-is-mobile":"^0.0.198","@teambit/ui-foundation.ui.hooks.use-user-agent":"^0.0.197","@teambit/ui-foundation.ui.is-browser":"^0.0.500","@teambit/ui-foundation.ui.keycap":"^0.0.500","@teambit/ui-foundation.ui.main-dropdown":"^0.0.502","@teambit/ui-foundation.ui.menu":"^0.0.502","@teambit/ui-foundation.ui.menu-widget-icon":"^0.0.502","@teambit/ui-foundation.ui.navigation.react-router-adapter":"^6.1.1","@teambit/ui-foundation.ui.notifications.notification":"^0.0.515","@teambit/ui-foundation.ui.notifications.notification-center":"^0.0.523","@teambit/ui-foundation.ui.notifications.notification-context":"^0.0.501","@teambit/ui-foundation.ui.notifications.store":"^0.0.500","@teambit/ui-foundation.ui.react-router.extend-path":"^0.0.486","@teambit/ui-foundation.ui.react-router.use-query":"^0.0.501","@teambit/ui-foundation.ui.side-bar":"^0.0.875","@teambit/ui-foundation.ui.top-bar":"^0.0.514","@teambit/ui-foundation.ui.tree.drawer":"^0.0.518","@teambit/ui-foundation.ui.tree.file-tree":"^0.0.522","@teambit/ui-foundation.ui.tree.folder-tree-node":"^0.0.509","@teambit/ui-foundation.ui.tree.tree-node":"^0.0.513","@teambit/ui-foundation.ui.use-box.back-button":"^0.0.119","@teambit/ui-foundation.ui.use-box.bit-info":"^0.0.128","@teambit/ui-foundation.ui.use-box.bottom-link":"^0.0.119","@teambit/ui-foundation.ui.use-box.dropdown":"^0.0.142","@teambit/ui-foundation.ui.use-box.menu":"^1.0.7","@teambit/ui-foundation.ui.use-box.scope-menu":"^0.0.146","@teambit/ui-foundation.ui.use-box.tab":"^0.0.122","@teambit/ui-foundation.ui.use-box.tab-content":"^0.0.122","@teambit/ui.routing.compare-url":"^0.0.364","@teambit/workspace.content.variants":"1.95.9","@teambit/workspace.content.workspace-overview":"1.95.0","@teambit/workspace.ui.empty-workspace":"^0.0.508","@teambit/workspace.ui.load-preview":"^0.0.504","@teambit/workspace.ui.status":"^0.0.504","@testing-library/jest-dom":"5.16.2","@testing-library/jest-native":"4.0.4","@testing-library/react":"12.1.5","@tippyjs/react":"4.2.0","@types/archiver":"5.3.1","@types/classnames":"2.2.11","@types/cors":"2.8.10","@types/didyoumean":"1.2.0","@types/eslint":"8.56.6","@types/express":"4.17.13","@types/find-root":"1.1.2","@types/lodash.compact":"3.0.6","@types/lodash.flatten":"4.4.6","@types/lodash.head":"4.0.6","@types/lodash.orderby":"4.6.6","@types/lodash.pick":"4.4.6","@types/mdx-js__react":"1.5.5","@types/mime":"2.0.3","@types/mini-css-extract-plugin":"2.2.0","@types/mousetrap":"1.6.5","@types/node":"14.14.31","@types/pluralize":"0.0.29","@types/react":"^17.0.67","@types/react-dev-utils":"9.0.10","@types/react-dom":"^17.0.21","@types/react-syntax-highlighter":"15.5.10","@types/react-tabs":"2.3.2","@types/socket.io-client":"1.4.35","@types/ssri":"^7.1.5","@types/testing-library__jest-dom":"5.9.5","@types/ua-parser-js":"0.7.35","@types/url-join":"4.0.0","@types/url-parse":"1.4.3","@types/webpack":"5.28.1","@yarnpkg/cli":"3.6.1","@yarnpkg/core":"3.5.2","@yarnpkg/fslib":"2.10.3","@yarnpkg/parsers":"2.5.1","@yarnpkg/plugin-npm":"2.7.4","@yarnpkg/plugin-pack":"3.2.0","ansi-to-html":"0.6.14","apollo-link-context":"1.0.20","apollo-link-http":"1.5.17","apollo-link-ws":"1.0.20","apollo-server":"2.19.2","apollo-utilities":"1.3.4","archiver":"5.3.1","archy":"1.0.0","assert":"^2.1.0","aws-sdk":"2.756.0","babel-jest":"27.5.1","babel-preset-jest":"27.5.1","body-parser":"1.19.0","buffer":"6.0.3","camelcase":"6.2.0","chai-subset":"^1.6.0","classnames":"2.2.6","cli-highlight":"2.1.9","comlink":"4.3.0","command-exists":"1.2.9","compression-webpack-plugin":"11.0.0","copy-to-clipboard":"3.3.1","cors":"2.8.5","credentials-by-uri":"2.0.0","cross-env":"7.0.3","cross-fetch":"3.1.5","css-minimizer-webpack-plugin":"^6.0.0","didyoumean":"1.2.1","dreidels":"0.6.1","enquirer":"2.3.6","eslint-config-airbnb-typescript":"17.1.0","eslint-import-resolver-node":"0.3.4","eventemitter2":"6.4.4","expose-loader":"3.1.0","express":"4.17.1","express-graphql":"0.12.0","express-history-api-fallback":"2.2.1","filenamify":"4.2.0","find-root":"1.1.0","flatted":"3.1.0","fuse.js":"6.6.2","get-tsconfig":"4.2.0","graceful-fs":"4.2.10","graphql-disable-introspection":"^1.2.0","graphql-subscriptions":"1.2.0","graphql-tag":"2.12.1","graphql-type-json":"0.3.2","history":"5.3.0","html-escaper":"3.0.0","html-webpack-plugin":"5.3.2","http-proxy":"1.18.1","humanize-duration":"3.23.1","humanize-string":"2.1.0","inject-body-webpack-plugin":"1.3.0","insert-string-after":"1.0.0","insert-string-before":"1.0.0","is-binary-path":"2.1.0","is-builtin-module":"3.1.0","is-primitive":"3.0.1","jest":{"version":"27.5.1","preserve":true},"jest-message-util":"27.5.1","jest-watcher":"27.5.1","json-formatter-js":"2.3.4","junit-report-builder":"3.0.1","less":"^4.1.1","loader-utils":"2.0.4","lodash":"4.17.21","lodash.compact":"3.0.1","lodash.head":"4.0.1","lodash.orderby":"4.6.0","lodash.pick":"4.4.0","map-obj":"4.2.1","mime":"2.5.2","mini-css-extract-plugin":"2.2.2","minimatch":"3.0.4","mousetrap":"1.6.5","multimatch":"5.0.0","nerf-dart":"1.0.0","npm":"6.14.17","p-limit":"3.1.0","p-locate":"5.0.0","parse-package-name":"0.1.0","path-to-regexp":"6.2.0","penpal":"6.2.2","pino-pretty":"9.1.1","pluralize":"8.0.0","postcss":"8.4.18","postcss-flexbugs-fixes":"5.0.2","postcss-loader":"7.0.1","postcss-preset-env":"7.8.2","pretty-bytes":"5.6.0","process":"0.11.10","punycode":"^2.3.1","puppeteer":"13.7.0","query-string":"7.0.0","react-animate-height":"2.0.23","react-dev-utils":"11.0.4","react-error-boundary":"^3.0.0","react-error-overlay":"6.0.9","react-native":"^0.64.1","react-syntax-highlighter":"15.5.0","react-tabs":"3.2.0","react-test-renderer":"17.0.2","reactflow":"^11.11.3","remark-admonitions":"1.2.1","remark-frontmatter":"2.0.0","reset-css":"5.0.1","resolve-from":"5.0.0","resolve-link-target":"^1.0.1","resolve-url-loader":"5.0.0","semver":"7.5.4","semver-intersect":"1.4.0","semver-range-intersect":"0.3.1","socket.io-client":"2.4.0","ssri":"10.0.1","string_decoder":"^1.3.0","strip-ansi":"6.0.0","subscriptions-transport-ws":"0.9.18","symlink-dir":"^5.1.1","table":"6.7.3","terser-webpack-plugin":"5.2.0","tippy.js":"6.2.7","ua-parser-js":"0.7.24","unist-util-remove":"2.0.1","unist-util-visit":"2.0.3","url":"^0.11.3","url-join":"4.0.1","url-parse":"1.4.7","util":"^0.12.5","version-selector-type":"3.0.0","vfile":"4.2.0","vscode-icons-js":"11.0.0","vscode-jsonrpc":"6.0.0","vscode-languageserver-types":"3.16.0","webpack":"5.84.1","webpack-assets-manifest":"5.1.0","webpack-dev-server":"4.15.0","webpack-manifest-plugin":"5.0.0","webpack-merge":"5.8.0","workbox-webpack-plugin":"6.2.4","ws":"7.4.2","yesno":"0.4.0"},"peerDependencies":{"@apollo/client":"^3.6.0","@teambit/base-react.navigation.link":"2.0.27","@teambit/legacy":"1.0.705","@testing-library/react":"^12.1.5","core-js":"^3.10.0","graphql":"15.8.0","mz":"2.7.0","react":"17.0.2","react-dom":"17.0.2","react-router-dom":"^6.22.3"}},"linkCoreAspects":false,"overrides":{"@types/fs-capacitor":"2.0.0","signal-exit@4":"^4.0.2","@types/react":"^17.0.67","@types/react-dom":"^17.0.21","minio@7.0":"7.1.1"},"rootComponents":true,"nodeVersion":"20.11.1","engineStrict":true,"packageImportMethod":"copy","packageManagerArgs":[],"devFilePatterns":["**/*.spec.ts"],"strictPeerDependencies":true,"autoInstallPeers":true,"savePrefix":"","extraArgs":[],"peerDependencyRules":{"allowAny":["react","react-dom","@testing-library/react","@teambit/legacy","typescript"],"ignoreMissing":[]},"capsuleSelfReference":true},"teambit.preview/preview":{"bundlingStrategy":"component"},"teambit.generator/generator":{"aspects":["teambit.harmony/aspect"]},"teambit.component/issues":{"ignoreIssues":["CircularDependencies","DuplicateComponentAndPackage"]},"teambit.workspace/variants":{"*,!{*/**}":{"teambit.pkg/pkg":{"packageManagerPublishArgs":["--access public"],"packageJson":{"name":"@teambit/{name}"}}},"{*/**}":{"teambit.dependencies/dependency-resolver":{"policy":{"dependencies":{"@teambit/legacy":"-"},"devDependencies":{"@types/mocha":"9.1.0","@teambit/legacy":"-"},"peerDependencies":{}}}},"scopes/harmony/bit":{"teambit.component/issues":{"ignoreIssues":["ImportNonMainFiles"]},"teambit.pkg/pkg":{"packageManagerPublishArgs":["--access public"],"packageJson":{"name":"@teambit/{name}","bvm":{"node":"20.11.1"},"bin":{"bbit":"bin/bit"},"engines":{"node":">=18.12.0"},"repository":{"type":"git","url":"https://github.com/teambit/bit"}}},"teambit.dependencies/dependency-resolver":{"policy":{"dependencies":{"@teambit/base-react.navigation.link":"2.0.27","@teambit/harmony.content.cli-reference":"^2.0.279","@teambit/ui-foundation.ui.navigation.react-router-adapter":"6.1.1","@apollo/client":"3.6.9","@teambit/legacy":"1.0.705","@yarnpkg/cli":"3.6.1","@yarnpkg/core":"3.5.2","@yarnpkg/plugin-pack":"3.2.0","@types/react":"^17.0.67","@types/react-dom":"^17.0.21","graphql":"15.8.0","browserslist":"4.16.3","reflect-metadata":"0.1.13","monaco-editor":"0.33.0","mz":"2.7.0","react-native-web":"0.14.13","react":"17.0.2","react-dom":"17.0.2","core-js":"3.13.0","postcss":"8.4.18","buffer":"6.0.3","process":"0.11.10","react-router-dom":"6.3.0","typescript":"5.3.3","@parcel/css":"^1.8.3","lightningcss":"^1.20.0","@swc/css":"^0.0.20"},"devDependencies":{},"peerDependencies":{"@teambit/base-react.navigation.link":"-","@teambit/legacy":"-","@teambit/ui-foundation.ui.navigation.react-router-adapter":"-","browserslist":"-","graphql":"-","react":"-","react-dom":"-","react-native-web":"-","react-router-dom":"-","core-js":"-"}}}},"scopes/harmony/node":{"teambit.component/issues":{"ignoreIssues":["ImportNonMainFiles"]},"teambit.dependencies/dependency-resolver":{"policy":{}}}},"teambit.harmony/bit":"teambit.workspace/workspace"}'),...windowConfig};_home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_aspect_js__WEBPACK_IMPORTED_MODULE_1__.default.id="teambit.preview/preview",_home_circleci_bit_bit_node_modules_teambit_docs_dist_docs_aspect_js__WEBPACK_IMPORTED_MODULE_2__.default.id="teambit.docs/docs",_home_circleci_bit_bit_node_modules_teambit_compositions_dist_compositions_aspect_js__WEBPACK_IMPORTED_MODULE_3__.default.id="teambit.compositions/compositions",_home_circleci_bit_bit_node_modules_teambit_pubsub_dist_pubsub_aspect_js__WEBPACK_IMPORTED_MODULE_4__.default.id="teambit.harmony/pubsub",_home_circleci_bit_bit_node_modules_teambit_react_dist_react_aspect_js__WEBPACK_IMPORTED_MODULE_5__.default.id="teambit.react/react",_home_circleci_bit_bit_node_modules_teambit_react_native_dist_react_native_aspect_js__WEBPACK_IMPORTED_MODULE_6__.default.id="teambit.react/react-native",_home_circleci_bit_bit_node_modules_teambit_command_bar_dist_command_bar_aspect_js__WEBPACK_IMPORTED_MODULE_7__.default.id="teambit.explorer/command-bar";function render(...props){return _teambit_harmony__WEBPACK_IMPORTED_MODULE_0__.Harmony.load([_home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_aspect_js__WEBPACK_IMPORTED_MODULE_1__.default,_home_circleci_bit_bit_node_modules_teambit_docs_dist_docs_aspect_js__WEBPACK_IMPORTED_MODULE_2__.default,_home_circleci_bit_bit_node_modules_teambit_compositions_dist_compositions_aspect_js__WEBPACK_IMPORTED_MODULE_3__.default,_home_circleci_bit_bit_node_modules_teambit_pubsub_dist_pubsub_aspect_js__WEBPACK_IMPORTED_MODULE_4__.default,_home_circleci_bit_bit_node_modules_teambit_react_dist_react_aspect_js__WEBPACK_IMPORTED_MODULE_5__.default,_home_circleci_bit_bit_node_modules_teambit_react_native_dist_react_native_aspect_js__WEBPACK_IMPORTED_MODULE_6__.default,_home_circleci_bit_bit_node_modules_teambit_command_bar_dist_command_bar_aspect_js__WEBPACK_IMPORTED_MODULE_7__.default],"preview",mergedConfig).then(harmony=>harmony.run().then(()=>harmony.get("teambit.preview/preview")).then(rootExtension=>{const ssrSetup=!isBrowser&&rootExtension.setupSsr,setup=rootExtension.setup,setupFunc=(ssrSetup||setup||function(){}).bind(rootExtension);return Promise.resolve(setupFunc()).then(()=>rootExtension)}).then(rootExtension=>rootExtension.run?rootExtension.run():isBrowser?rootExtension.render("teambit.workspace/workspace",...props):rootExtension.renderSsr("teambit.workspace/workspace",...props)).catch(err=>{throw err}))}isBrowser&&render()},82187:(module,exports)=>{var __WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;/*!
+`;async function fetchComponentAspects(componentId){try{return(await(0,_graphqlRequest().request)(GQL_SERVER,GET_COMPONENT_ASPECTS,{id:componentId.toString()})).getHost.get.aspects.map(x=>x.id)}catch(err){console.error(`[gql] error on "getComponentAspects" - "${err.toString()}"`);return}}},79271:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.loadLink=loadLink,exports.loadScript=loadScript;function loadScript({src}){return new Promise((resolve,reject)=>{const script=document.createElement("script");script.setAttribute("defer","defer"),script.src=src,script.onload=()=>resolve(),script.onerror=(message,_,_1,_2,error)=>reject(error||new Error(`[preview.preview] failed to load script: ${message}`)),document.head.appendChild(script)})}function loadLink({href}){return new Promise((resolve,reject)=>{const link=document.createElement("link");href.endsWith(".css")&&link.setAttribute("rel","stylesheet"),link.setAttribute("href",href),link.onload=()=>resolve(),link.onerror=(message,_,_1,_2,error)=>reject(error||new Error(`[preview.preview] failed to load link: ${message}`)),document.head.appendChild(link)})}},49471:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={PreviewAspect:!0,PreviewRuntime:!0,ENV_PREVIEW_STRATEGY_NAME:!0,COMPONENT_PREVIEW_STRATEGY_NAME:!0};Object.defineProperty(exports,"COMPONENT_PREVIEW_STRATEGY_NAME",{enumerable:!0,get:function(){return _strategiesNames().COMPONENT_PREVIEW_STRATEGY_NAME}}),Object.defineProperty(exports,"ENV_PREVIEW_STRATEGY_NAME",{enumerable:!0,get:function(){return _strategiesNames().ENV_PREVIEW_STRATEGY_NAME}}),Object.defineProperty(exports,"PreviewAspect",{enumerable:!0,get:function(){return _preview().PreviewAspect}}),Object.defineProperty(exports,"PreviewRuntime",{enumerable:!0,get:function(){return _preview().PreviewRuntime}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _preview().PreviewAspect}});function _preview(){const data=__webpack_require__(22395);return _preview=function(){return data},data}var _events=__webpack_require__(67335);Object.keys(_events).forEach(function(key){key==="default"||key==="__esModule"||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_events[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _events[key]}})});function _strategiesNames(){const data=__webpack_require__(87144);return _strategiesNames=function(){return data},data}},2094:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PREVIEW_MODULES",{enumerable:!0,get:function(){return _previewModules().PREVIEW_MODULES}}),Object.defineProperty(exports,"PreviewModules",{enumerable:!0,get:function(){return _previewModules().PreviewModules}}),Object.defineProperty(exports,"linkModules",{enumerable:!0,get:function(){return _previewModules().linkModules}});function _previewModules(){const data=__webpack_require__(27060);return _previewModules=function(){return data},data}},22395:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PreviewRuntime=exports.PreviewAspect=void 0;function _harmony(){const data=__webpack_require__(55669);return _harmony=function(){return data},data}const PreviewRuntime=exports.PreviewRuntime=new(_harmony()).RuntimeDefinition("preview"),PreviewAspect=exports.PreviewAspect=_harmony().Aspect.create({id:"teambit.preview/preview",dependencies:[],defaultConfig:{},declareRuntime:PreviewRuntime});var _default=exports.default=PreviewAspect},74649:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__=void 0,__webpack_unused_export__={enumerable:!0,get:function(){return _previewModules().linkModules}};function _pubsub(){const data=__webpack_require__(23179);return _pubsub=function(){return data},data}function _harmony(){const data=__webpack_require__(55669);return _harmony=function(){return data},data}function _componentId(){const data=__webpack_require__(99978);return _componentId=function(){return data},data}function _crossFetch(){const data=_interopRequireDefault(__webpack_require__(75752));return _crossFetch=function(){return data},data}function _memoizee(){const data=_interopRequireDefault(__webpack_require__(3105));return _memoizee=function(){return data},data}function _lodash(){const data=__webpack_require__(32699);return _lodash=function(){return data},data}function _exceptions(){const data=__webpack_require__(67166);return _exceptions=function(){return data},data}function _preview(){const data=__webpack_require__(22395);return _preview=function(){return data},data}function _events(){const data=__webpack_require__(67335);return _events=function(){return data},data}function _renderingContext(){const data=__webpack_require__(85216);return _renderingContext=function(){return data},data}function _fetchComponentAspects(){const data=__webpack_require__(73110);return _fetchComponentAspects=function(){return data},data}function _previewModules(){const data=__webpack_require__(2094);return _previewModules=function(){return data},data}function _htmlUtils(){const data=__webpack_require__(79271);return _htmlUtils=function(){return data},data}function _sizeEvent(){const data=__webpack_require__(14285);return _sizeEvent=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}class PreviewPreview{constructor(pubsub,previewSlot,renderingContextSlot){this.pubsub=pubsub,this.previewSlot=previewSlot,this.renderingContextSlot=renderingContextSlot,_defineProperty(this,"isDev",!1),_defineProperty(this,"_setupPromise",void 0),_defineProperty(this,"setup",()=>this.isReady()?Promise.resolve():(this._setupPromise??=new Promise(resolve=>{_previewModules().PREVIEW_MODULES.onSet.add(()=>{this.isReady()&&resolve()})}),this._setupPromise)),_defineProperty(this,"render",async rootExt=>{window.document.body.style.width="fit-content";const{previewName,componentId,envId}=this.getLocation(),name=previewName||this.getDefault();rootExt&&(this.isDev=rootExt==="teambit.workspace/workspace");const preview=this.getPreview(name);if(!preview||!componentId)throw new(_exceptions()).PreviewNotFound(previewName);const includesAll=await Promise.all((preview.include||[]).map(async inclPreviewName=>{const includedPreview=this.getPreview(inclPreviewName);if(!includedPreview)return;const inclPreviewModule=await this.getPreviewModule(inclPreviewName,componentId);return includedPreview.selectPreviewModel?.(componentId.fullName,inclPreviewModule)})),query=this.getQuery(),includes=this.getParam(query,"onlyOverview")==="true"?[]:includesAll.filter(module=>!!module).map(module=>{if(!module.default||!(0,_lodash().isObject)(module.default))return module;const keysWithoutDefault=Object.keys(module).filter(key=>key!=="default"),defaultKeys=Object.keys(module.default);return(0,_lodash().intersection)(keysWithoutDefault,defaultKeys).length===defaultKeys.length?module.default:module}),componentAspects=this.isDev?await this.getComponentAspects(componentId.toString()):void 0,previewModule=await this.getPreviewModule(name,componentId),render=preview.render(componentId,envId||"",previewModule,includes,this.getRenderingContext(componentAspects));return this.reportSize(),this.setViewport(),this.setFullScreen(),render}),_defineProperty(this,"getComponentAspects",(0,_memoizee().default)(_fetchComponentAspects().fetchComponentAspects,{max:100,maxAge:12*60*60*1e3})),this.registerClickPubSub()}registerClickPubSub(){window.addEventListener("click",e=>{const timestamp=Date.now(),clickEvent=Object.assign({},e);this.pubsub.pub(_preview().PreviewAspect.id,new(_events()).ClickInsideAnIframeEvent(timestamp,clickEvent))})}isReady(){const{previewName}=this.getLocation(),name=previewName||this.getDefault();if(!_previewModules().PREVIEW_MODULES.has(name))return!1;const preview=this.getPreview(name);return!(!preview||!(preview.include?.every(included=>_previewModules().PREVIEW_MODULES.has(included))??!0))}setFullScreen(){const query=this.getQuery();if(!this.getParam(query,"fullscreen"))return;const root=window.document.getElementById("root");root&&(root.style.height="100vh")}setViewport(){const query=this.getQuery(),viewPort=this.getParam(query,"viewport");if(!viewPort){window.document.body.style.width="100%";return}window.document.body.style.maxWidth=`${viewPort}px`}reportSize(){if(!window?.parent||!window?.document)return;const sendPubsubEvent=()=>{this.pubsub.pub(_preview().PreviewAspect.id,new(_sizeEvent()).SizeEvent({width:window.document.body.offsetWidth,height:window.document.body.offsetHeight}))};window.document.body.addEventListener("resize",(0,_lodash().debounce)(sendPubsubEvent,300));let counter=0;const interval=setInterval(()=>{if(counter+=1,counter>10){clearInterval(interval);return}this.pubsub.pub(_preview().PreviewAspect.id,new(_sizeEvent()).SizeEvent({width:window.document.body.offsetWidth,height:window.document.body.offsetHeight}))},200)}async getPreviewModule(previewName,id){const compShortId=id.fullName,relevantModel=_previewModules().PREVIEW_MODULES.get(previewName);if(!relevantModel)throw new Error(`[preview.preview] missing preview "${previewName}"`);if(relevantModel.componentMap[compShortId])return relevantModel;const componentPreviews=await this.fetchComponentPreview(id,previewName);_previewModules().PREVIEW_MODULES.loadComponentPreviews(compShortId,componentPreviews);const component=componentPreviews[previewName],metadata=componentPreviews[`${previewName}_metadata`];return{modulesMap:relevantModel.modulesMap,componentMap:{[id.fullName]:component},componentMapMetadata:{[id.fullName]:metadata}}}async fetchComponentPreview(id,name){let previewFile;const allFiles=await this.fetchComponentPreviewFiles(id,name);return allFiles===null?{}:(await Promise.all(allFiles.map(file=>{if(file.endsWith("-preview.js")){previewFile=file;return}return this.addComponentFileElement(id,file)})),previewFile?this.loadPreviewScript(id,name,previewFile):{})}addComponentFileElement(id,previewBundleFileName){if(previewBundleFileName.endsWith(".js"))return this.addComponentFileScriptElement(id,previewBundleFileName);this.addComponentFileLinkElement(id,previewBundleFileName).catch(err=>{throw new Error(`[preview.preview] failed loading asset "${previewBundleFileName}". Error - "${err?.toString()}"`)})}async fetchComponentPreviewFiles(id,previewName){const previewAssetsRoute="~aspect/preview-assets",url=`/api/${id.toString()}/${previewAssetsRoute}`,res=await(0,_crossFetch().default)(url);if(res.status>=400)throw new(_exceptions()).PreviewNotFound(previewName);const parsed=await res.json();if(parsed.isBundledWithEnv)return null;if(!parsed.files||!parsed.files.length)throw new(_exceptions()).PreviewNotFound(previewName);return parsed.files}addComponentFileScriptElement(id,previewBundleFileName){const previewRoute="~aspect/component-preview",src=`/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;return(0,_htmlUtils().loadScript)({src})}addComponentFileLinkElement(id,previewBundleFileName){const href=`/api/${id.toString()}/~aspect/component-preview/${previewBundleFileName}`;return(0,_htmlUtils().loadLink)({href})}async loadPreviewScript(id,previewName,previewBundleFileName){const previewRoute="~aspect/component-preview",src=`/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;await(0,_htmlUtils().loadScript)({src});const globalId=`${id.toStringWithoutVersion()}-preview`,componentPreview=window[globalId];if(!componentPreview)throw new(_exceptions()).PreviewNotFound(previewName);return componentPreview}registerPreview(preview){return this.previewSlot.register(preview),this}getRenderingContext(aspectsFilter){return new(_renderingContext()).RenderingContext(this.renderingContextSlot,{aspectsFilter})}registerRenderContext(renderContext){return this.renderingContextSlot.register(renderContext),this}getDefault(){const previews=this.previewSlot.values();return previews.find(previewCandidate=>previewCandidate.default)?.name||previews[0].name}getPreview(previewName){return this.previewSlot.values().find(previewCandidate=>previewCandidate.name===previewName)}getParam(query,param){return new URLSearchParams(query).get(param)}getQuery(){const withoutHash=window.location.hash.substring(1),[,after]=withoutHash.split("?");return after}getLocation(){const withoutHash=window.location.hash.substring(1),[before,after]=withoutHash.split("?");return{previewName:this.getParam(after,"preview"),envId:this.getParam(after,"env"),componentId:_componentId().ComponentID.tryFromString(before)}}static async provider([pubsub],config,[previewSlot,renderingContextSlot]){const preview=new PreviewPreview(pubsub,previewSlot,renderingContextSlot);return window.addEventListener("hashchange",()=>{preview.render()}),preview}}__webpack_unused_export__=PreviewPreview,_defineProperty(PreviewPreview,"runtime",_preview().PreviewRuntime),_defineProperty(PreviewPreview,"dependencies",[_pubsub().PubsubAspect]),_defineProperty(PreviewPreview,"slots",[_harmony().Slot.withType(),_harmony().Slot.withType()]),_preview().PreviewAspect.addRuntime(PreviewPreview)},85216:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RenderingContext=void 0;class RenderingContext{constructor(contexts,options={}){this.contexts=contexts,this.options=options}get(aspectId){return this.contexts.get(aspectId)?.(this.options)}}exports.RenderingContext=RenderingContext},14285:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SizeEvent=void 0;function _pubsub(){const data=__webpack_require__(23179);return _pubsub=function(){return data},data}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}class SizeEvent extends _pubsub().BitBaseEvent{constructor(sizeEvent){super(SizeEvent.TYPE,"0.0.1",new Date().getTime(),sizeEvent)}}exports.SizeEvent=SizeEvent,_defineProperty(SizeEvent,"TYPE","preview-size")},87144:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ENV_PREVIEW_STRATEGY_NAME=exports.COMPONENT_PREVIEW_STRATEGY_NAME=void 0;const ENV_PREVIEW_STRATEGY_NAME=exports.ENV_PREVIEW_STRATEGY_NAME="env",COMPONENT_PREVIEW_STRATEGY_NAME=exports.COMPONENT_PREVIEW_STRATEGY_NAME="component"},43979:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BitBaseEvent=void 0;class BitBaseEvent{constructor(type,version,timestamp,data){this.type=type,this.version=version,this.timestamp=timestamp,this.data=data}}exports.BitBaseEvent=BitBaseEvent},23179:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BitBaseEvent",{enumerable:!0,get:function(){return _bitBaseEvent().BitBaseEvent}}),Object.defineProperty(exports,"PubsubAspect",{enumerable:!0,get:function(){return _pubsub().PubsubAspect}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _pubsub().PubsubAspect}}),Object.defineProperty(exports,"usePubSub",{enumerable:!0,get:function(){return _pubsubContext().usePubSub}}),Object.defineProperty(exports,"usePubSubIframe",{enumerable:!0,get:function(){return _pubsubContext().usePubSubIframe}});function _pubsub(){const data=__webpack_require__(56646);return _pubsub=function(){return data},data}function _bitBaseEvent(){const data=__webpack_require__(43979);return _bitBaseEvent=function(){return data},data}function _pubsubContext(){const data=__webpack_require__(17796);return _pubsubContext=function(){return data},data}},14339:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PubSubNoParentError=void 0;class PubSubNoParentError extends Error{constructor(){super("could not connect to parent window");this.name="PubSubNoParentError"}}exports.PubSubNoParentError=PubSubNoParentError},17796:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createProvider=createProvider,exports.pubsubRegistry=void 0,exports.usePubSub=usePubSub,exports.usePubSubIframe=usePubSubIframe;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}const pubsubRegistry=exports.pubsubRegistry=(0,_react().createContext)(void 0);function createProvider(pubSubContext){return({children})=>_react().default.createElement(pubsubRegistry.Provider,{value:pubSubContext},children)}function usePubSub(){return(0,_react().useContext)(pubsubRegistry)}function usePubSubIframe(ref){const pubSub=usePubSub();(0,_react().useEffect)(()=>{if(!ref?.current||!pubSub)return()=>{};const destroyConnection=pubSub.connect(ref.current);return()=>destroyConnection()},[ref?.current,pubSub])}},56646:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PubsubAspect=void 0;function _harmony(){const data=__webpack_require__(55669);return _harmony=function(){return data},data}const PubsubAspect=exports.PubsubAspect=_harmony().Aspect.create({id:"teambit.harmony/pubsub",dependencies:[]});var _default=exports.default=PubsubAspect},53707:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__=void 0;function _preview(){const data=__webpack_require__(49471);return _preview=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(92900);return _uiFoundationUi=function(){return data},data}function _eventemitter(){const data=__webpack_require__(42481);return _eventemitter=function(){return data},data}function _penpal(){const data=__webpack_require__(63805);return _penpal=function(){return data},data}function _noParentError(){const data=__webpack_require__(14339);return _noParentError=function(){return data},data}function _pubsub(){const data=__webpack_require__(56646);return _pubsub=function(){return data},data}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}class PubsubPreview{constructor(){_defineProperty(this,"_parentPubsub",void 0),_defineProperty(this,"events",new(_eventemitter()).EventEmitter2),_defineProperty(this,"connectToParentPubSub",(retries=10)=>{if(retries<=0)throw new(_noParentError()).PubSubNoParentError;return(0,_penpal().connectToParent)({timeout:300,methods:{pub:this.handleMessageFromParent}}).promise.then(parentPubsub=>this._parentPubsub=parentPubsub).catch(e=>{if(e.code!==_penpal().ErrorCode.ConnectionTimeout)throw e;return this.connectToParentPubSub(retries-1)})}),_defineProperty(this,"handleMessageFromParent",(topic,message)=>{this.events.emit(topic,message)})}sub(topic,callback){const emitter=this.events;return emitter.on(topic,callback),()=>{emitter.off(topic,callback)}}pub(topic,event){this.events.emit(topic,event),this._parentPubsub?.pub(topic,event).catch(err=>{console.error("[Pubsub.preview]",err)})}inIframe(){try{return _uiFoundationUi().isBrowser&&window.self!==window.top}catch{return!1}}static async provider(){const pubsubPreview=new PubsubPreview;return pubsubPreview.inIframe()&&pubsubPreview.connectToParentPubSub().catch(err=>{err instanceof _noParentError().PubSubNoParentError||console.error("[Pubsub.preview]",err)}),pubsubPreview}}__webpack_unused_export__=PubsubPreview,_defineProperty(PubsubPreview,"runtime",_preview().PreviewRuntime),_pubsub().PubsubAspect.addRuntime(PubsubPreview)},38117:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ReactNativeAspect=void 0;function _harmony(){const data=__webpack_require__(55669);return _harmony=function(){return data},data}const ReactNativeAspect=exports.ReactNativeAspect=_harmony().Aspect.create({id:"teambit.react/react-native"});var _default=exports.default=ReactNativeAspect},65883:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__=__webpack_unused_export__=void 0;function _preview(){const data=__webpack_require__(49471);return _preview=function(){return data},data}function _react(){const data=__webpack_require__(32750);return _react=function(){return data},data}function _reactNative(){const data=__webpack_require__(38117);return _reactNative=function(){return data},data}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}class ReactNativePreview{constructor(reactPreview,preview){this.reactPreview=reactPreview,this.preview=preview,_defineProperty(this,"registerProvider",this.reactPreview.registerProvider.bind(this.reactPreview)),_defineProperty(this,"getRenderingContext",this.reactPreview.getRenderingContext.bind(this.reactPreview))}static async provider([reactPreview,preview]){const reactNativePreview=new ReactNativePreview(reactPreview,preview);return preview.registerRenderContext(reactNativePreview.getRenderingContext),reactNativePreview}}__webpack_unused_export__=ReactNativePreview,_defineProperty(ReactNativePreview,"runtime",_preview().PreviewRuntime),_defineProperty(ReactNativePreview,"slots",[]),_defineProperty(ReactNativePreview,"dependencies",[_react().ReactAspect,_preview().PreviewAspect]),_reactNative().ReactNativeAspect.addRuntime(ReactNativePreview);var _default=__webpack_unused_export__=ReactNativePreview},28547:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.HighlighterProvider=exports.PARAM_NAME=void 0;const react_1=__importStar(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),react_ui_component_highlighter_1=__webpack_require__(58112),query_string_1=__importDefault(__webpack_require__(42546)),highlighter_provider_module_scss_1=__importDefault(__webpack_require__(82006));exports.PARAM_NAME="highlighter";const classes={container:highlighter_provider_module_scss_1.default.label};function useHash(){const[hash,setHash]=(0,react_1.useState)(window?window.location.hash:"");return(0,react_1.useEffect)(()=>{const updateHash=()=>{setHash(window.location.hash)};return updateHash(),window.addEventListener("hashchange",updateHash),()=>{window.removeEventListener("hashchange",updateHash)}},[]),hash}const HighlighterProvider=({children})=>{const hash=useHash(),isActive=(0,react_1.useMemo)(()=>{const hashQuery=hash.split("?")[1];return query_string_1.default.parse(hashQuery)[exports.PARAM_NAME]==="true"},[hash]);return react_1.default.createElement(react_ui_component_highlighter_1.ComponentHighlighter,{disabled:!isActive,className:(0,classnames_1.default)(highlighter_provider_module_scss_1.default.highlighter,isActive&&highlighter_provider_module_scss_1.default.active),classes},children)};exports.HighlighterProvider=HighlighterProvider},87656:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HighlighterProvider=void 0;var highlighter_provider_1=__webpack_require__(28547);Object.defineProperty(exports,"HighlighterProvider",{enumerable:!0,get:function(){return highlighter_provider_1.HighlighterProvider}})},32750:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ReactAspect",{enumerable:!0,get:function(){return _react().ReactAspect}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _react().ReactAspect}});function _react(){const data=__webpack_require__(72864);return _react=function(){return data},data}},72864:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ReactAspect=void 0;function _harmony(){const data=__webpack_require__(55669);return _harmony=function(){return data},data}const ReactAspect=exports.ReactAspect=_harmony().Aspect.create({id:"teambit.react/react"});var _default=exports.default=ReactAspect},28177:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__=__webpack_unused_export__=void 0;function _lodash(){const data=_interopRequireDefault(__webpack_require__(11549));return _lodash=function(){return data},data}function _harmony(){const data=__webpack_require__(55669);return _harmony=function(){return data},data}function _preview(){const data=__webpack_require__(49471);return _preview=function(){return data},data}function _reactUi(){const data=__webpack_require__(87656);return _reactUi=function(){return data},data}function _react(){const data=__webpack_require__(72864);return _react=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}class ReactPreview{constructor(preview,providerSlot){this.preview=preview,this.providerSlot=providerSlot,_defineProperty(this,"getRenderingContext",({aspectsFilter})=>{let entries=this.providerSlot.toArray();if(aspectsFilter){const allowedAspects=new Set(aspectsFilter);allowedAspects.add(_react().ReactAspect.id),entries=entries.filter(([aspectId])=>allowedAspects.has(aspectId))}return{providers:(0,_lodash().default)(entries.map(([,provider])=>provider))}})}registerProvider(provider){this.providerSlot.register(provider)}static async provider([preview],config,[providerSlot]){const reactPreview=new ReactPreview(preview,providerSlot);return reactPreview.registerProvider([_reactUi().HighlighterProvider]),preview.registerRenderContext(reactPreview.getRenderingContext),reactPreview}}__webpack_unused_export__=ReactPreview,_defineProperty(ReactPreview,"runtime",_preview().PreviewRuntime),_defineProperty(ReactPreview,"slots",[_harmony().Slot.withType()]),_defineProperty(ReactPreview,"dependencies",[_preview().PreviewAspect]),_react().ReactAspect.addRuntime(ReactPreview);var _default=__webpack_unused_export__=ReactPreview},32860:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";var _teambit_harmony__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(55669),_teambit_harmony__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_teambit_harmony__WEBPACK_IMPORTED_MODULE_0__),_home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_aspect_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(22395),_home_circleci_bit_bit_node_modules_teambit_docs_dist_docs_aspect_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(12825),_home_circleci_bit_bit_node_modules_teambit_compositions_dist_compositions_aspect_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(36717),_home_circleci_bit_bit_node_modules_teambit_pubsub_dist_pubsub_aspect_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(56646),_home_circleci_bit_bit_node_modules_teambit_react_dist_react_aspect_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(72864),_home_circleci_bit_bit_node_modules_teambit_react_native_dist_react_native_aspect_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(38117),_home_circleci_bit_bit_node_modules_teambit_command_bar_dist_command_bar_aspect_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(98695),_home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(74649),_home_circleci_bit_bit_node_modules_teambit_docs_dist_docs_preview_runtime_js__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(90428),_home_circleci_bit_bit_node_modules_teambit_compositions_dist_compositions_preview_runtime_js__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(61517),_home_circleci_bit_bit_node_modules_teambit_pubsub_dist_pubsub_preview_runtime_js__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(53707),_home_circleci_bit_bit_node_modules_teambit_react_dist_react_preview_runtime_js__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(28177),_home_circleci_bit_bit_node_modules_teambit_react_native_dist_react_native_preview_runtime_js__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(65883),_home_circleci_bit_bit_node_modules_teambit_command_bar_dist_command_bar_preview_runtime_js__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(97996);function generateSlot(length=5){return Array.from(Array(length)).map(()=>Slot.withType())}const isBrowser=typeof window<"u",windowConfig=isBrowser?window.harmonyAppConfig:void 0,mergedConfig={...JSON.parse('{"teambit.workspace/workspace":{"name":"bit","icon":"https://static.bit.dev/bit-logo.svg","defaultScope":"teambit.bit","defaultDirectory":"components","resolveEnvsFromRoots":false},"teambit.dependencies/dependency-resolver":{"packageManager":"teambit.dependencies/pnpm","policy":{"dependencies":{"@babel/core":"7.19.6","@babel/preset-react":"7.22.15","@babel/preset-typescript":"7.22.15","@babel/types":"7.22.3","@bitdev/node.generators.node-templates":"^2.0.2","@bitdev/react.generators.react-templates":"^2.0.1","@bitdev/symphony.generators.symphony-templates":"^1.0.0","@dagrejs/dagre":"^1.1.2","@graphql-modules/core":"0.7.17","@graphql-tools/schema":"^10.0.0","@jest/test-result":"26.6.2","@mdx-js/mdx":"1.6.21","@mdx-js/react":"1.6.22","@monaco-editor/react":"4.4.6","@pmmmwh/react-refresh-webpack-plugin":"0.5.4","@pnpm/client":"11.1.0","@pnpm/colorize-semver-diff":"1.0.1","@pnpm/config":"21.2.3","@pnpm/core":"14.1.5","@pnpm/default-reporter":"13.1.2","@pnpm/dependency-path":"5.0.0","@pnpm/error":"6.0.1","@pnpm/fetch":"8.0.1","@pnpm/list":"^10.1.3","@pnpm/lockfile-file":"9.0.6","@pnpm/logger":"5.0.0","@pnpm/modules-yaml":"13.1.1","@pnpm/network.ca-file":"3.0.0","@pnpm/package-store":"20.2.0","@pnpm/parse-overrides":"5.0.1","@pnpm/pick-registry-for-package":"6.0.1","@pnpm/plugin-commands-publishing":"8.1.5","@pnpm/plugin-commands-rebuild":"11.1.5","@pnpm/registry-mock":"3.4.0","@pnpm/reviewing.dependencies-hierarchy":"^3.1.3","@pnpm/semver-diff":"1.1.0","@pnpm/sort-packages":"6.0.2","@pnpm/store-connection-manager":"8.2.0","@pnpm/types":"10.1.0","@pnpm/worker":"1.0.3","@pnpm/workspace.pkgs-graph":"3.0.5","@prerenderer/prerenderer":"^1.2.0","@prerenderer/renderer-jsdom":"^1.1.2","@prerenderer/webpack-plugin":"^5.2.0","@react-hook/latest":"1.0.3","@teambit/any-fs":"0.0.5","@teambit/base-react.layout.row":"0.0.3","@teambit/base-react.navigation.link":"2.0.27","@teambit/base-react.themes.theme-switcher":"^1.0.2","@teambit/base-ui.constants.storage":"1.0.0","@teambit/base-ui.graph.tree.collapsable-tree-node":"0.0.4","@teambit/base-ui.graph.tree.indent":"1.0.0","@teambit/base-ui.graph.tree.inflate-paths":"1.0.0","@teambit/base-ui.graph.tree.recursive-tree":"1.0.0","@teambit/base-ui.graph.tree.root-node":"1.0.0","@teambit/base-ui.graph.tree.tree-context":"1.0.0","@teambit/base-ui.layout.breakpoints":"1.0.0","@teambit/base-ui.layout.page-frame":"1.0.0","@teambit/base-ui.loaders.loader-ribbon":"1.0.0","@teambit/base-ui.loaders.skeleton":"1.0.1","@teambit/base-ui.styles.flex-center":"1.0.0","@teambit/base-ui.surfaces.background":"1.0.1","@teambit/base-ui.surfaces.card":"1.0.1","@teambit/base-ui.surfaces.split-pane.hover-splitter":"1.0.0","@teambit/base-ui.surfaces.split-pane.split-pane":"1.0.0","@teambit/base-ui.text.muted-text":"1.0.1","@teambit/base-ui.text.paragraph":"1.0.1","@teambit/base-ui.text.text-sizes":"1.0.0","@teambit/base-ui.text.themed-text":"1.0.1","@teambit/base-ui.theme.accent-color":"1.1.0","@teambit/base-ui.theme.colors":"1.0.0","@teambit/base-ui.theme.dark-theme":"1.0.2","@teambit/base-ui.theme.fonts.book":"1.0.2","@teambit/base-ui.theme.fonts.roboto":"1.0.0","@teambit/base-ui.theme.theme-provider":"1.0.1","@teambit/base-ui.utils.composer":"1.0.0","@teambit/base-ui.utils.string.affix":"1.0.0","@teambit/base-ui.utils.time-ago":"1.0.1","@teambit/bit.content.what-is-bit":"1.96.2","@teambit/bvm.config":"^0.2.3","@teambit/bvm.path":"^0.1.2","@teambit/capsule":"0.0.12","@teambit/code.ui.code-compare-section":"0.0.5","@teambit/code.ui.code-editor":"^0.0.8","@teambit/code.ui.code-tab-tree":"^0.0.613","@teambit/code.ui.dependency-tree":"0.0.546","@teambit/code.ui.hooks.use-code-params":"0.0.496","@teambit/code.ui.object-formatter":"0.0.1","@teambit/code.ui.queries.get-component-code":"0.0.502","@teambit/code.ui.queries.get-file-content":"0.0.504","@teambit/code.ui.utils.get-file-icon":"0.0.495","@teambit/community.constants.links":"0.0.2","@teambit/community.starters.hello-world":"^0.0.16","@teambit/compilation.babel-compiler":"^1.1.8","@teambit/compilation.content.compiler-overview":"1.95.0","@teambit/component.content.component-overview":"1.95.0","@teambit/component.content.dev-files":"1.95.9","@teambit/component.instructions.exporting-components":"0.0.7","@teambit/component.ui.artifacts.artifacts-tree":"^0.0.26","@teambit/component.ui.artifacts.models.component-artifacts-model":"^0.0.12","@teambit/component.ui.artifacts.queries.use-component-artifacts":"^0.0.14","@teambit/component.ui.badges.component-count":"^0.0.15","@teambit/component.ui.component-compare.compare-aspects.compare-aspect-view":"^0.0.14","@teambit/component.ui.component-compare.compare-aspects.compare-aspects":"^0.0.146","@teambit/component.ui.component-compare.compare-aspects.context":"^0.0.12","@teambit/component.ui.component-compare.compare-aspects.hooks.use-compare-aspects":"^0.0.118","@teambit/component.ui.component-compare.compare-aspects.models.component-compare-aspects-model":"^0.0.11","@teambit/component.ui.component-compare.hooks.use-component-compare":"^0.0.113","@teambit/component.ui.component-compare.hooks.use-component-compare-url":"^0.0.9","@teambit/component.ui.component-compare.layouts.compare-split-layout-preset":"^0.0.10","@teambit/component.ui.component-compare.models.component-compare-change-type":"^0.0.7","@teambit/component.ui.component-compare.models.component-compare-hooks":"^0.0.10","@teambit/component.ui.component-compare.models.component-compare-model":"^0.0.111","@teambit/component.ui.component-compare.models.component-compare-state":"^0.0.7","@teambit/component.ui.component-compare.status-resolver":"^0.0.9","@teambit/component.ui.component-compare.utils.group-by-version":"^0.0.8","@teambit/component.ui.component-compare.utils.sort-logs":"^0.0.8","@teambit/component.ui.component-compare.utils.sort-tabs":"^0.0.102","@teambit/component.ui.component-deprecated":"^0.0.39","@teambit/component.ui.component-meta":"^0.0.358","@teambit/component.ui.component-size":"^0.0.77","@teambit/component.ui.component-status":"^0.0.504","@teambit/component.ui.component-status-resolver":"^0.0.510","@teambit/component.ui.component-tooltip":"^0.0.509","@teambit/component.ui.deprecation-icon":"^0.0.509","@teambit/component.ui.hooks.use-fetch-docs":"^0.0.21","@teambit/component.ui.version-label":"^0.0.509","@teambit/compositions.ui.composition-compare":"^0.0.255","@teambit/compositions.ui.composition-compare-section":"^0.0.100","@teambit/compositions.ui.compositions-menu-bar":"^0.0.177","@teambit/compositions.ui.compositions-overview":"^0.0.10","@teambit/compositions.ui.hooks.use-composition":"^0.0.177","@teambit/defender.content.formatter-overview":"1.96.1","@teambit/defender.content.linter-overview":"1.95.0","@teambit/defender.content.tester-overview":"1.95.0","@teambit/defender.eslint-linter":"1.0.22","@teambit/defender.prettier-formatter":"1.0.12","@teambit/defender.ui.test-compare-section":"^0.0.100","@teambit/defender.ui.test-loader":"^0.0.504","@teambit/defender.ui.test-row":"^0.0.503","@teambit/defender.ui.test-table":"^0.0.510","@teambit/dependencies.modules.packages-excluder":"^1.0.8","@teambit/design.controls.menu":"^0.0.1","@teambit/design.elements.icon":"1.0.5","@teambit/design.inputs.dropdown":"1.2.16","@teambit/design.inputs.input-text":"1.0.21","@teambit/design.inputs.selectors.multi-select":"0.0.20","@teambit/design.inputs.toggle-button":"0.0.9","@teambit/design.navigation.content-tabs":"0.0.5","@teambit/design.navigation.responsive-navbar":"^0.0.7","@teambit/design.theme.icons-font":"2.0.29","@teambit/design.themes.dark-theme":"1.91.4","@teambit/design.themes.theme-toggler":"0.1.3","@teambit/design.ui.alert-card":"0.0.26","@teambit/design.ui.brand.logo":"1.96.2","@teambit/design.ui.cli-snippet":"0.0.359","@teambit/design.ui.contributors":"0.0.514","@teambit/design.ui.elements.level-icon":"0.0.20","@teambit/design.ui.empty-box":"0.0.363","@teambit/design.ui.error-page":"0.0.364","@teambit/design.ui.icon-button":"1.0.16","@teambit/design.ui.input.option-button":"1.0.0","@teambit/design.ui.input.radio":"1.1.13","@teambit/design.ui.input.toggle":"1.0.12","@teambit/design.ui.navigation.link":"^1.96.11","@teambit/design.ui.pages.not-found":"0.0.371","@teambit/design.ui.pages.server-error":"0.0.368","@teambit/design.ui.pages.standalone-not-found-page":"0.0.369","@teambit/design.ui.pill-label":"0.0.356","@teambit/design.ui.round-loader":"0.0.355","@teambit/design.ui.separator":"0.0.354","@teambit/design.ui.skeletons.sidebar-loader":"0.0.4","@teambit/design.ui.styles.colors-by-letter":"0.0.41","@teambit/design.ui.styles.ellipsis":"0.0.357","@teambit/design.ui.surfaces.menu.link-item":"1.0.0","@teambit/design.ui.surfaces.menu.section":"^0.0.357","@teambit/design.ui.surfaces.message-card":"0.0.17","@teambit/design.ui.surfaces.status-message-card":"0.0.17","@teambit/design.ui.tree":"0.0.15","@teambit/docs.content.docs-overview":"1.95.9","@teambit/docs.entities.doc":"0.0.12","@teambit/docs.ui.overview-compare":"^1.0.10","@teambit/docs.ui.overview-compare-section":"^0.0.100","@teambit/documenter.code.react-playground":"4.1.9","@teambit/documenter.content.documentation-links":"4.1.3","@teambit/documenter.markdown.hybrid-live-code-snippet":"0.1.12","@teambit/documenter.markdown.mdx":"0.1.13","@teambit/documenter.theme.theme-compositions":"4.1.1","@teambit/documenter.theme.theme-context":"4.0.3","@teambit/documenter.ui.code-snippet":"^4.2.5","@teambit/documenter.ui.copy-box":"4.1.17","@teambit/documenter.ui.heading":"4.1.1","@teambit/documenter.ui.highlighted-text":"4.1.1","@teambit/documenter.ui.label":"4.0.3","@teambit/documenter.ui.label-list":"4.0.3","@teambit/documenter.ui.linked-heading":"4.1.6","@teambit/documenter.ui.paragraph":"4.1.1","@teambit/documenter.ui.property-table":"4.1.10","@teambit/documenter.ui.section":"4.1.1","@teambit/documenter.ui.separator":"4.1.1","@teambit/documenter.ui.sub-title":"4.1.1","@teambit/documenter.ui.table-heading-row":"4.0.11","@teambit/documenter.ui.table-row":"4.1.13","@teambit/evangelist.elements.button":"1.0.6","@teambit/evangelist.elements.icon":"1.0.2","@teambit/evangelist.elements.x-button":"1.0.7","@teambit/evangelist.input.checkbox.label":"1.0.3","@teambit/evangelist.surfaces.dropdown":"1.0.2","@teambit/evangelist.surfaces.tooltip":"1.0.1","@teambit/explorer.plugins.preview-plugin":"^0.0.10","@teambit/explorer.ui.command-bar":"^2.0.14","@teambit/explorer.ui.component-card":"^0.0.30","@teambit/explorer.ui.gallery.base-component-card":"0.0.503","@teambit/explorer.ui.gallery.component-card":"^0.0.513","@teambit/explorer.ui.gallery.component-grid":"0.0.496","@teambit/git.modules.git-ignore":"^1.0.2","@teambit/harmony":"0.4.6","@teambit/html.generator.html-templates":"^1.0.8","@teambit/html.modules.inject-html-element":"0.0.4","@teambit/html.modules.render-template":"0.0.104","@teambit/lanes.ui.compare.lane-compare":"^0.0.193","@teambit/lanes.ui.compare.lane-compare-drawer":"^0.0.158","@teambit/lanes.ui.compare.lane-compare-hooks.use-lane-diff-status":"^0.0.144","@teambit/lanes.ui.compare.lane-compare-loader":"^0.0.6","@teambit/lanes.ui.compare.lane-compare-page":"^0.0.162","@teambit/lanes.ui.compare.lane-compare-state":"^0.0.11","@teambit/lanes.ui.icons.lane-icon":"^0.0.9","@teambit/lanes.ui.lane-details":"^0.0.204","@teambit/lanes.ui.menus.lanes-overview-menu":"^0.0.10","@teambit/lanes.ui.navigation.lane-switcher":"^0.0.225","@teambit/mdx.compilers.mdx-transpiler":"^1.0.6","@teambit/mdx.generator.mdx-templates":"^1.0.9","@teambit/mdx.modules.mdx-loader":"^1.0.14","@teambit/mdx.ui.docs.link":"0.0.500","@teambit/mdx.ui.docs.snippet":"^0.0.509","@teambit/mdx.ui.mdx-layout":"^1.0.9","@teambit/mdx.ui.mdx-scope-context":"^1.0.5","@teambit/node.utils.esm-loader":"^0.0.6","@teambit/pkg.content.packages-overview":"1.95.9","@teambit/preview.modules.preview-modules":"^1.0.3","@teambit/react.content.react-overview":"1.95.0","@teambit/react.generator.react-native-templates":"^1.0.7","@teambit/react.instructions.react-native.adding-tests":"0.0.1","@teambit/react.instructions.react.adding-compositions":"0.0.6","@teambit/react.instructions.react.adding-tests":"0.0.6","@teambit/react.rendering.ssr":"0.0.3","@teambit/react.ui.component-highlighter":"0.2.1","@teambit/react.webpack.react-webpack":"^1.0.25","@teambit/scope.content.scope-overview":"1.95.0","@teambit/scope.ui.empty-scope":"^0.0.509","@teambit/scope.ui.hooks.use-scope":"^0.0.453","@teambit/scope.ui.scope-details":"^0.0.526","@teambit/scope.ui.scope-icon":"0.0.91","@teambit/scope.ui.scope-labels":"^0.0.505","@teambit/scope.ui.scope-title":"^0.0.515","@teambit/scopes.scope-descriptor":"^0.0.24","@teambit/scopes.scope-id":"^0.0.7","@teambit/semantics.entities.semantic-schema":"^0.0.65","@teambit/tests-results":"^1.0.4","@teambit/typescript.typescript-compiler":"^2.0.22","@teambit/ui-foundation.ui.constants.z-indexes":"^0.0.504","@teambit/ui-foundation.ui.corner":"^0.0.520","@teambit/ui-foundation.ui.empty-component-gallery":"^0.0.508","@teambit/ui-foundation.ui.full-loader":"^0.0.500","@teambit/ui-foundation.ui.get-icon-from-file-name":"^0.0.500","@teambit/ui-foundation.ui.global-loader":"^0.0.502","@teambit/ui-foundation.ui.hooks.use-bind-key":"^0.0.500","@teambit/ui-foundation.ui.hooks.use-data-query":"^0.0.505","@teambit/ui-foundation.ui.hooks.use-in-out-transition":"^0.0.500","@teambit/ui-foundation.ui.hooks.use-is-mobile":"^0.0.198","@teambit/ui-foundation.ui.hooks.use-user-agent":"^0.0.197","@teambit/ui-foundation.ui.is-browser":"^0.0.500","@teambit/ui-foundation.ui.keycap":"^0.0.500","@teambit/ui-foundation.ui.main-dropdown":"^0.0.502","@teambit/ui-foundation.ui.menu":"^0.0.502","@teambit/ui-foundation.ui.menu-widget-icon":"^0.0.502","@teambit/ui-foundation.ui.navigation.react-router-adapter":"^6.1.1","@teambit/ui-foundation.ui.notifications.notification":"^0.0.515","@teambit/ui-foundation.ui.notifications.notification-center":"^0.0.523","@teambit/ui-foundation.ui.notifications.notification-context":"^0.0.501","@teambit/ui-foundation.ui.notifications.store":"^0.0.500","@teambit/ui-foundation.ui.react-router.extend-path":"^0.0.486","@teambit/ui-foundation.ui.react-router.use-query":"^0.0.501","@teambit/ui-foundation.ui.side-bar":"^0.0.875","@teambit/ui-foundation.ui.top-bar":"^0.0.514","@teambit/ui-foundation.ui.tree.drawer":"^0.0.518","@teambit/ui-foundation.ui.tree.file-tree":"^0.0.522","@teambit/ui-foundation.ui.tree.folder-tree-node":"^0.0.509","@teambit/ui-foundation.ui.tree.tree-node":"^0.0.513","@teambit/ui-foundation.ui.use-box.back-button":"^0.0.119","@teambit/ui-foundation.ui.use-box.bit-info":"^0.0.128","@teambit/ui-foundation.ui.use-box.bottom-link":"^0.0.119","@teambit/ui-foundation.ui.use-box.dropdown":"^0.0.142","@teambit/ui-foundation.ui.use-box.menu":"^1.0.7","@teambit/ui-foundation.ui.use-box.scope-menu":"^0.0.146","@teambit/ui-foundation.ui.use-box.tab":"^0.0.122","@teambit/ui-foundation.ui.use-box.tab-content":"^0.0.122","@teambit/ui.routing.compare-url":"^0.0.364","@teambit/workspace.content.variants":"1.95.9","@teambit/workspace.content.workspace-overview":"1.95.0","@teambit/workspace.ui.empty-workspace":"^0.0.508","@teambit/workspace.ui.load-preview":"^0.0.504","@teambit/workspace.ui.status":"^0.0.504","@testing-library/jest-dom":"5.16.2","@testing-library/jest-native":"4.0.4","@testing-library/react":"12.1.5","@tippyjs/react":"4.2.0","@types/archiver":"5.3.1","@types/classnames":"2.2.11","@types/cors":"2.8.10","@types/didyoumean":"1.2.0","@types/eslint":"8.56.6","@types/express":"4.17.13","@types/find-root":"1.1.2","@types/lodash.compact":"3.0.6","@types/lodash.flatten":"4.4.6","@types/lodash.head":"4.0.6","@types/lodash.orderby":"4.6.6","@types/lodash.pick":"4.4.6","@types/mdx-js__react":"1.5.5","@types/mime":"2.0.3","@types/mini-css-extract-plugin":"2.2.0","@types/mousetrap":"1.6.5","@types/node":"14.14.31","@types/pluralize":"0.0.29","@types/react":"^17.0.67","@types/react-dev-utils":"9.0.10","@types/react-dom":"^17.0.21","@types/react-syntax-highlighter":"15.5.10","@types/react-tabs":"2.3.2","@types/socket.io-client":"1.4.35","@types/ssri":"^7.1.5","@types/testing-library__jest-dom":"5.9.5","@types/ua-parser-js":"0.7.35","@types/url-join":"4.0.0","@types/url-parse":"1.4.3","@types/webpack":"5.28.1","@yarnpkg/cli":"3.6.1","@yarnpkg/core":"3.5.2","@yarnpkg/fslib":"2.10.3","@yarnpkg/parsers":"2.5.1","@yarnpkg/plugin-npm":"2.7.4","@yarnpkg/plugin-pack":"3.2.0","ansi-to-html":"0.6.14","apollo-link-context":"1.0.20","apollo-link-http":"1.5.17","apollo-link-ws":"1.0.20","apollo-server":"2.19.2","apollo-utilities":"1.3.4","archiver":"5.3.1","archy":"1.0.0","assert":"^2.1.0","aws-sdk":"2.756.0","babel-jest":"27.5.1","babel-preset-jest":"27.5.1","body-parser":"1.19.0","buffer":"6.0.3","camelcase":"6.2.0","chai-subset":"^1.6.0","classnames":"2.2.6","cli-highlight":"2.1.9","comlink":"4.3.0","command-exists":"1.2.9","compression-webpack-plugin":"11.0.0","copy-to-clipboard":"3.3.1","cors":"2.8.5","credentials-by-uri":"2.0.0","cross-env":"7.0.3","cross-fetch":"3.1.5","css-minimizer-webpack-plugin":"^6.0.0","didyoumean":"1.2.1","dreidels":"0.6.1","enquirer":"2.3.6","eslint-config-airbnb-typescript":"17.1.0","eslint-import-resolver-node":"0.3.4","eventemitter2":"6.4.4","expose-loader":"3.1.0","express":"4.17.1","express-graphql":"0.12.0","express-history-api-fallback":"2.2.1","filenamify":"4.2.0","find-root":"1.1.0","flatted":"3.1.0","fuse.js":"6.6.2","get-tsconfig":"4.2.0","graceful-fs":"4.2.10","graphql-disable-introspection":"^1.2.0","graphql-subscriptions":"1.2.0","graphql-tag":"2.12.1","graphql-type-json":"0.3.2","history":"5.3.0","html-escaper":"3.0.0","html-webpack-plugin":"5.3.2","http-proxy":"1.18.1","humanize-duration":"3.23.1","humanize-string":"2.1.0","inject-body-webpack-plugin":"1.3.0","insert-string-after":"1.0.0","insert-string-before":"1.0.0","is-binary-path":"2.1.0","is-builtin-module":"3.1.0","is-primitive":"3.0.1","jest":{"version":"27.5.1","preserve":true},"jest-message-util":"27.5.1","jest-watcher":"27.5.1","json-formatter-js":"2.3.4","junit-report-builder":"3.0.1","less":"^4.1.1","loader-utils":"2.0.4","lodash":"4.17.21","lodash.compact":"3.0.1","lodash.head":"4.0.1","lodash.orderby":"4.6.0","lodash.pick":"4.4.0","map-obj":"4.2.1","mime":"2.5.2","mini-css-extract-plugin":"2.2.2","minimatch":"3.0.4","mousetrap":"1.6.5","multimatch":"5.0.0","nerf-dart":"1.0.0","npm":"6.14.17","p-limit":"3.1.0","p-locate":"5.0.0","parse-package-name":"0.1.0","path-to-regexp":"6.2.0","penpal":"6.2.2","pino-pretty":"9.1.1","pluralize":"8.0.0","postcss":"8.4.18","postcss-flexbugs-fixes":"5.0.2","postcss-loader":"7.0.1","postcss-preset-env":"7.8.2","pretty-bytes":"5.6.0","process":"0.11.10","punycode":"^2.3.1","puppeteer":"13.7.0","query-string":"7.0.0","react-animate-height":"2.0.23","react-dev-utils":"11.0.4","react-error-boundary":"^3.0.0","react-error-overlay":"6.0.9","react-native":"^0.64.1","react-syntax-highlighter":"15.5.0","react-tabs":"3.2.0","react-test-renderer":"17.0.2","reactflow":"^11.11.3","remark-admonitions":"1.2.1","remark-frontmatter":"2.0.0","reset-css":"5.0.1","resolve-from":"5.0.0","resolve-link-target":"^1.0.1","resolve-url-loader":"5.0.0","semver":"7.5.4","semver-intersect":"1.4.0","semver-range-intersect":"0.3.1","socket.io-client":"2.4.0","ssri":"10.0.1","string_decoder":"^1.3.0","strip-ansi":"6.0.0","subscriptions-transport-ws":"0.9.18","symlink-dir":"^5.1.1","table":"6.7.3","terser-webpack-plugin":"5.2.0","tippy.js":"6.2.7","ua-parser-js":"0.7.24","unist-util-remove":"2.0.1","unist-util-visit":"2.0.3","url":"^0.11.3","url-join":"4.0.1","url-parse":"1.4.7","util":"^0.12.5","version-selector-type":"3.0.0","vfile":"4.2.0","vscode-icons-js":"11.0.0","vscode-jsonrpc":"6.0.0","vscode-languageserver-types":"3.16.0","webpack":"5.84.1","webpack-assets-manifest":"5.1.0","webpack-dev-server":"4.15.0","webpack-manifest-plugin":"5.0.0","webpack-merge":"5.8.0","workbox-webpack-plugin":"6.2.4","ws":"7.4.2","yesno":"0.4.0"},"peerDependencies":{"@apollo/client":"^3.6.0","@teambit/base-react.navigation.link":"2.0.27","@teambit/legacy":"1.0.705","@testing-library/react":"^12.1.5","core-js":"^3.10.0","graphql":"15.8.0","mz":"2.7.0","react":"17.0.2","react-dom":"17.0.2","react-router-dom":"^6.22.3"}},"linkCoreAspects":false,"overrides":{"@types/fs-capacitor":"2.0.0","signal-exit@4":"^4.0.2","@types/react":"^17.0.67","@types/react-dom":"^17.0.21","minio@7.0":"7.1.1"},"rootComponents":true,"nodeVersion":"20.11.1","engineStrict":true,"packageImportMethod":"copy","packageManagerArgs":[],"devFilePatterns":["**/*.spec.ts"],"strictPeerDependencies":true,"autoInstallPeers":true,"savePrefix":"","extraArgs":[],"peerDependencyRules":{"allowAny":["react","react-dom","@testing-library/react","@teambit/legacy","typescript"],"ignoreMissing":[]},"capsuleSelfReference":true},"teambit.preview/preview":{"bundlingStrategy":"component"},"teambit.generator/generator":{"aspects":["teambit.harmony/aspect"]},"teambit.component/issues":{"ignoreIssues":["CircularDependencies","DuplicateComponentAndPackage"]},"teambit.workspace/variants":{"*,!{*/**}":{"teambit.pkg/pkg":{"packageManagerPublishArgs":["--access public"],"packageJson":{"name":"@teambit/{name}"}}},"{*/**}":{"teambit.dependencies/dependency-resolver":{"policy":{"dependencies":{"@teambit/legacy":"-"},"devDependencies":{"@types/mocha":"9.1.0","@teambit/legacy":"-"},"peerDependencies":{}}}},"scopes/harmony/bit":{"teambit.component/issues":{"ignoreIssues":["ImportNonMainFiles"]},"teambit.pkg/pkg":{"packageManagerPublishArgs":["--access public"],"packageJson":{"name":"@teambit/{name}","bvm":{"node":"20.11.1"},"bin":{"bbit":"bin/bit"},"engines":{"node":">=18.12.0"},"repository":{"type":"git","url":"https://github.com/teambit/bit"}}},"teambit.dependencies/dependency-resolver":{"policy":{"dependencies":{"@teambit/base-react.navigation.link":"2.0.27","@teambit/harmony.content.cli-reference":"^2.0.279","@teambit/ui-foundation.ui.navigation.react-router-adapter":"6.1.1","@apollo/client":"3.6.9","@teambit/legacy":"1.0.705","@yarnpkg/cli":"3.6.1","@yarnpkg/core":"3.5.2","@yarnpkg/plugin-pack":"3.2.0","@types/react":"^17.0.67","@types/react-dom":"^17.0.21","graphql":"15.8.0","browserslist":"4.16.3","reflect-metadata":"0.1.13","monaco-editor":"0.33.0","mz":"2.7.0","react-native-web":"0.14.13","react":"17.0.2","react-dom":"17.0.2","core-js":"3.13.0","postcss":"8.4.18","buffer":"6.0.3","process":"0.11.10","react-router-dom":"6.3.0","typescript":"5.3.3","@parcel/css":"^1.8.3","lightningcss":"^1.20.0","@swc/css":"^0.0.20"},"devDependencies":{},"peerDependencies":{"@teambit/base-react.navigation.link":"-","@teambit/legacy":"-","@teambit/ui-foundation.ui.navigation.react-router-adapter":"-","browserslist":"-","graphql":"-","react":"-","react-dom":"-","react-native-web":"-","react-router-dom":"-","core-js":"-"}}}},"scopes/harmony/node":{"teambit.component/issues":{"ignoreIssues":["ImportNonMainFiles"]},"teambit.dependencies/dependency-resolver":{"policy":{}}}},"teambit.harmony/bit":"teambit.workspace/workspace"}'),...windowConfig};_home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_aspect_js__WEBPACK_IMPORTED_MODULE_1__.default.id="teambit.preview/preview",_home_circleci_bit_bit_node_modules_teambit_docs_dist_docs_aspect_js__WEBPACK_IMPORTED_MODULE_2__.default.id="teambit.docs/docs",_home_circleci_bit_bit_node_modules_teambit_compositions_dist_compositions_aspect_js__WEBPACK_IMPORTED_MODULE_3__.default.id="teambit.compositions/compositions",_home_circleci_bit_bit_node_modules_teambit_pubsub_dist_pubsub_aspect_js__WEBPACK_IMPORTED_MODULE_4__.default.id="teambit.harmony/pubsub",_home_circleci_bit_bit_node_modules_teambit_react_dist_react_aspect_js__WEBPACK_IMPORTED_MODULE_5__.default.id="teambit.react/react",_home_circleci_bit_bit_node_modules_teambit_react_native_dist_react_native_aspect_js__WEBPACK_IMPORTED_MODULE_6__.default.id="teambit.react/react-native",_home_circleci_bit_bit_node_modules_teambit_command_bar_dist_command_bar_aspect_js__WEBPACK_IMPORTED_MODULE_7__.default.id="teambit.explorer/command-bar";function render(...props){return _teambit_harmony__WEBPACK_IMPORTED_MODULE_0__.Harmony.load([_home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_aspect_js__WEBPACK_IMPORTED_MODULE_1__.default,_home_circleci_bit_bit_node_modules_teambit_docs_dist_docs_aspect_js__WEBPACK_IMPORTED_MODULE_2__.default,_home_circleci_bit_bit_node_modules_teambit_compositions_dist_compositions_aspect_js__WEBPACK_IMPORTED_MODULE_3__.default,_home_circleci_bit_bit_node_modules_teambit_pubsub_dist_pubsub_aspect_js__WEBPACK_IMPORTED_MODULE_4__.default,_home_circleci_bit_bit_node_modules_teambit_react_dist_react_aspect_js__WEBPACK_IMPORTED_MODULE_5__.default,_home_circleci_bit_bit_node_modules_teambit_react_native_dist_react_native_aspect_js__WEBPACK_IMPORTED_MODULE_6__.default,_home_circleci_bit_bit_node_modules_teambit_command_bar_dist_command_bar_aspect_js__WEBPACK_IMPORTED_MODULE_7__.default],"preview",mergedConfig).then(harmony=>harmony.run().then(()=>harmony.get("teambit.preview/preview")).then(rootExtension=>{const ssrSetup=!isBrowser&&rootExtension.setupSsr,setup=rootExtension.setup,setupFunc=(ssrSetup||setup||function(){}).bind(rootExtension);return Promise.resolve(setupFunc()).then(()=>rootExtension)}).then(rootExtension=>rootExtension.run?rootExtension.run():isBrowser?rootExtension.render("teambit.workspace/workspace",...props):rootExtension.renderSsr("teambit.workspace/workspace",...props)).catch(err=>{throw err}))}isBrowser&&render()},82187:(module,exports)=>{var __WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames

package/artifacts/env-template/public/assets-manifest.json

@@ -1,24 +1,24 @@
 {
-  "181.5b1eae0da6af8bbdc44c.js": "181.5b1eae0da6af8bbdc44c.js",
+  "181.f5cf144cf801a87d3c2a.js": "181.f5cf144cf801a87d3c2a.js",
+  "209.aeea9487c32048675d88.js": "209.aeea9487c32048675d88.js",
   "480.59b5c57cceca1ed037cc.js": "480.59b5c57cceca1ed037cc.js",
-  "507.c5586f661ac4f8bc6a17.js": "507.c5586f661ac4f8bc6a17.js",
-  "860.e8e83dfda83da851ce90.js": "860.e8e83dfda83da851ce90.js",
+  "860.53a5fffb94b23594d780.js": "860.53a5fffb94b23594d780.js",
   "compositions.css": "static/css/compositions.7f2d907d.css",
   "compositions.html": "compositions.html",
-  "compositions.js": "compositions.acc56a68a122faf012e6.js",
+  "compositions.js": "compositions.717b45b77c7670df64c9.js",
   "entrypoints": {
     "peers": {
       "assets": {
         "js": [
           "480.59b5c57cceca1ed037cc.js",
-          "peers.d80339e868ec1f9b12b7.js"
+          "peers.8b17707ae5e9c909742d.js"
         ]
       }
     },
     "preview-root": {
       "assets": {
         "js": [
-          "860.e8e83dfda83da851ce90.js",
+          "860.53a5fffb94b23594d780.js",
           "preview-root.844b3321b9ded5be4716.js"
         ],
         "css": [
@@ -29,8 +29,8 @@
     "compositions": {
       "assets": {
         "js": [
-          "507.c5586f661ac4f8bc6a17.js",
-          "compositions.acc56a68a122faf012e6.js"
+          "209.aeea9487c32048675d88.js",
+          "compositions.717b45b77c7670df64c9.js"
         ],
         "css": [
           "static/css/compositions.7f2d907d.css"
@@ -40,8 +40,8 @@
     "overview": {
       "assets": {
         "js": [
-          "181.5b1eae0da6af8bbdc44c.js",
-          "overview.c4c70c1aeaa22890610e.js"
+          "181.f5cf144cf801a87d3c2a.js",
+          "overview.d303b1c08a32ad57014e.js"
         ],
         "css": [
           "static/css/181.5aeaeec4.css"
@@ -50,8 +50,8 @@
     }
   },
   "overview.html": "overview.html",
-  "overview.js": "overview.c4c70c1aeaa22890610e.js",
-  "peers.js": "peers.d80339e868ec1f9b12b7.js",
+  "overview.js": "overview.d303b1c08a32ad57014e.js",
+  "peers.js": "peers.8b17707ae5e9c909742d.js",
   "preview-root.css": "static/css/preview-root.0f5bcda2.css",
   "preview-root.js": "preview-root.844b3321b9ded5be4716.js",
   "static/css/181.5aeaeec4.css": "static/css/181.5aeaeec4.css"

package/artifacts/env-template/public/{compositions.acc56a68a122faf012e6.js → compositions.717b45b77c7670df64c9.js}

@@ -1 +1 @@
-"use strict";(self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[]).push([[384],{69637:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{var _home_circleci_bvm_versions_1_6_175_bit_1_6_175_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(42582),_home_circleci_bit_bit_node_modules_teambit_local_preview_modules_68b147035e4e910b00e4b8a4a3ce04a0de2e2e59_mjs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(48137);(0,_home_circleci_bvm_versions_1_6_175_bit_1_6_175_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__.Bu)("compositions",{modulesMap:{default:_home_circleci_bit_bit_node_modules_teambit_local_preview_modules_68b147035e4e910b00e4b8a4a3ce04a0de2e2e59_mjs__WEBPACK_IMPORTED_MODULE_1__.Y},isSplitComponentBundle:!1,componentMap:{}})}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[507,480,860,629],()=>__webpack_exec__(69637));var __webpack_exports__=__webpack_require__.O()}]);
+"use strict";(self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[]).push([[384],{64566:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{var _home_circleci_bvm_versions_1_6_176_bit_1_6_176_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(97963),_home_circleci_bit_bit_node_modules_teambit_local_preview_modules_68b147035e4e910b00e4b8a4a3ce04a0de2e2e59_mjs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(48137);(0,_home_circleci_bvm_versions_1_6_176_bit_1_6_176_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__.Bu)("compositions",{modulesMap:{default:_home_circleci_bit_bit_node_modules_teambit_local_preview_modules_68b147035e4e910b00e4b8a4a3ce04a0de2e2e59_mjs__WEBPACK_IMPORTED_MODULE_1__.Y},isSplitComponentBundle:!1,componentMap:{}})}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[209,480,860,629],()=>__webpack_exec__(64566));var __webpack_exports__=__webpack_require__.O()}]);

package/artifacts/env-template/public/compositions.html

@@ -1,2 +1,2 @@
 <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Preview</title><script>// Allow to use react dev-tools inside the examples
-      try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}</script><style>body { margin: 0; }</style><script defer="defer" src="480.59b5c57cceca1ed037cc.js"></script><script defer="defer" src="peers.d80339e868ec1f9b12b7.js"></script><script defer="defer" src="860.e8e83dfda83da851ce90.js"></script><script defer="defer" src="preview-root.844b3321b9ded5be4716.js"></script><script defer="defer" src="507.c5586f661ac4f8bc6a17.js"></script><script defer="defer" src="compositions.acc56a68a122faf012e6.js"></script><link href="static/css/preview-root.0f5bcda2.css" rel="stylesheet"><link href="static/css/compositions.7f2d907d.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
+      try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}</script><style>body { margin: 0; }</style><script defer="defer" src="480.59b5c57cceca1ed037cc.js"></script><script defer="defer" src="peers.8b17707ae5e9c909742d.js"></script><script defer="defer" src="860.53a5fffb94b23594d780.js"></script><script defer="defer" src="preview-root.844b3321b9ded5be4716.js"></script><script defer="defer" src="209.aeea9487c32048675d88.js"></script><script defer="defer" src="compositions.717b45b77c7670df64c9.js"></script><link href="static/css/preview-root.0f5bcda2.css" rel="stylesheet"><link href="static/css/compositions.7f2d907d.css" rel="stylesheet"></head><body><div id="root"></div></body></html>

package/artifacts/env-template/public/{overview.c4c70c1aeaa22890610e.js → overview.d303b1c08a32ad57014e.js}

@@ -2,4 +2,4 @@
 `:`
 `,newline=/\r\n|\r|\n/g;function converts(text,to){if(Buffer.isBuffer(text)){if((0,_isbinaryfile().isBinaryFileSync)(text))return text;const str=text.toString(),strReplaced=str.replace(newline,to);return str!==strReplaced?Buffer.from(strReplaced):text}return text.toString().replace(newline,to)}function lf(text){return converts(text,`
 `)}function auto(text){return converts(text,lineBreak)}function cr(text){return converts(text,"\r")}function crlf(text){return converts(text,`\r
-`)}},30755:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getLatestVersion=getLatestVersion,exports.getValidVersionOrReleaseType=getValidVersionOrReleaseType,exports.isReleaseTypeSupported=isReleaseTypeSupported,exports.isStrReleaseType=isStrReleaseType,exports.throwForUnsupportedReleaseType=throwForUnsupportedReleaseType,exports.validateVersion=validateVersion;function _semver(){const data=__webpack_require__(9131);return _semver=function(){return data},data}function _componentVersion(){const data=__webpack_require__(22670);return _componentVersion=function(){return data},data}function isStrReleaseType(str){return["major","premajor","minor","preminor","patch","prepatch","prerelease"].includes(str)}function isReleaseTypeSupported(str){return["patch","minor","major","prerelease"].includes(str)}function throwForUnsupportedReleaseType(str){if(!isReleaseTypeSupported(str))throw new Error(`the release-type "${str}" is not supported`)}function validateVersion(version){if(version){const validVersion=(0,_semver().valid)(version);if(!validVersion)throw new(_componentVersion()).InvalidVersion(version);return validVersion}}function getValidVersionOrReleaseType(str){if(isStrReleaseType(str)){const releaseType=str;return throwForUnsupportedReleaseType(releaseType),{releaseType}}return{exactVersion:validateVersion(str)}}function getLatestVersion(versions){const max=(0,_semver().maxSatisfying)(versions,"*",{includePrerelease:!0});if(!max)throw new Error(`unable to find the latest version from ${versions.join(", ")}`);return max}},89350:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var _home_circleci_bvm_versions_1_6_175_bit_1_6_175_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(42582),_home_circleci_bit_bit_node_modules_teambit_local_preview_modules_9b89befd045d1080499f8437aaaa95b3d5125fd8_mjs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(1182);(0,_home_circleci_bvm_versions_1_6_175_bit_1_6_175_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__.Bu)("overview",{modulesMap:{default:_home_circleci_bit_bit_node_modules_teambit_local_preview_modules_9b89befd045d1080499f8437aaaa95b3d5125fd8_mjs__WEBPACK_IMPORTED_MODULE_1__.Y},isSplitComponentBundle:!1,componentMap:{}})},27127:()=>{},5010:()=>{},65660:()=>{},87942:()=>{},82880:()=>{}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[181,480,860,629,507,384],()=>__webpack_exec__(89350));var __webpack_exports__=__webpack_require__.O()}]);
+`)}},30755:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getLatestVersion=getLatestVersion,exports.getValidVersionOrReleaseType=getValidVersionOrReleaseType,exports.isReleaseTypeSupported=isReleaseTypeSupported,exports.isStrReleaseType=isStrReleaseType,exports.throwForUnsupportedReleaseType=throwForUnsupportedReleaseType,exports.validateVersion=validateVersion;function _semver(){const data=__webpack_require__(9131);return _semver=function(){return data},data}function _componentVersion(){const data=__webpack_require__(22670);return _componentVersion=function(){return data},data}function isStrReleaseType(str){return["major","premajor","minor","preminor","patch","prepatch","prerelease"].includes(str)}function isReleaseTypeSupported(str){return["patch","minor","major","prerelease"].includes(str)}function throwForUnsupportedReleaseType(str){if(!isReleaseTypeSupported(str))throw new Error(`the release-type "${str}" is not supported`)}function validateVersion(version){if(version){const validVersion=(0,_semver().valid)(version);if(!validVersion)throw new(_componentVersion()).InvalidVersion(version);return validVersion}}function getValidVersionOrReleaseType(str){if(isStrReleaseType(str)){const releaseType=str;return throwForUnsupportedReleaseType(releaseType),{releaseType}}return{exactVersion:validateVersion(str)}}function getLatestVersion(versions){const max=(0,_semver().maxSatisfying)(versions,"*",{includePrerelease:!0});if(!max)throw new Error(`unable to find the latest version from ${versions.join(", ")}`);return max}},3805:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var _home_circleci_bvm_versions_1_6_176_bit_1_6_176_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(97963),_home_circleci_bit_bit_node_modules_teambit_local_preview_modules_9b89befd045d1080499f8437aaaa95b3d5125fd8_mjs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(1182);(0,_home_circleci_bvm_versions_1_6_176_bit_1_6_176_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__.Bu)("overview",{modulesMap:{default:_home_circleci_bit_bit_node_modules_teambit_local_preview_modules_9b89befd045d1080499f8437aaaa95b3d5125fd8_mjs__WEBPACK_IMPORTED_MODULE_1__.Y},isSplitComponentBundle:!1,componentMap:{}})},27127:()=>{},5010:()=>{},65660:()=>{},87942:()=>{},82880:()=>{}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[181,480,860,629,209,384],()=>__webpack_exec__(3805));var __webpack_exports__=__webpack_require__.O()}]);

package/artifacts/env-template/public/overview.html

@@ -1,2 +1,2 @@
 <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Preview</title><script>// Allow to use react dev-tools inside the examples
-      try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}</script><style>body { margin: 0; }</style><script defer="defer" src="480.59b5c57cceca1ed037cc.js"></script><script defer="defer" src="peers.d80339e868ec1f9b12b7.js"></script><script defer="defer" src="860.e8e83dfda83da851ce90.js"></script><script defer="defer" src="preview-root.844b3321b9ded5be4716.js"></script><script defer="defer" src="507.c5586f661ac4f8bc6a17.js"></script><script defer="defer" src="compositions.acc56a68a122faf012e6.js"></script><script defer="defer" src="181.5b1eae0da6af8bbdc44c.js"></script><script defer="defer" src="overview.c4c70c1aeaa22890610e.js"></script><link href="static/css/preview-root.0f5bcda2.css" rel="stylesheet"><link href="static/css/compositions.7f2d907d.css" rel="stylesheet"><link href="static/css/181.5aeaeec4.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
+      try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}</script><style>body { margin: 0; }</style><script defer="defer" src="480.59b5c57cceca1ed037cc.js"></script><script defer="defer" src="peers.8b17707ae5e9c909742d.js"></script><script defer="defer" src="860.53a5fffb94b23594d780.js"></script><script defer="defer" src="preview-root.844b3321b9ded5be4716.js"></script><script defer="defer" src="209.aeea9487c32048675d88.js"></script><script defer="defer" src="compositions.717b45b77c7670df64c9.js"></script><script defer="defer" src="181.f5cf144cf801a87d3c2a.js"></script><script defer="defer" src="overview.d303b1c08a32ad57014e.js"></script><link href="static/css/preview-root.0f5bcda2.css" rel="stylesheet"><link href="static/css/compositions.7f2d907d.css" rel="stylesheet"><link href="static/css/181.5aeaeec4.css" rel="stylesheet"></head><body><div id="root"></div></body></html>

package/artifacts/env-template/public/{peers.d80339e868ec1f9b12b7.js → peers.8b17707ae5e9c909742d.js}

@@ -1 +1 @@
-(()=>{"use strict";var __webpack_modules__={76059:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__2)=>{var react__WEBPACK_IMPORTED_MODULE_2___namespace_cache,react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache,_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__2(17605),_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__2(49613),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__2(59496),react_dom__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__2(87995),globalObj=window;guard("TeambitMdxUiMdxScopeContext",_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_0__),guard("MdxJsReact",_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__),guard("React",react__WEBPACK_IMPORTED_MODULE_2___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_2___namespace_cache=__webpack_require__2.t(react__WEBPACK_IMPORTED_MODULE_2__,2))),guard("ReactDom",react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache||(react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache=__webpack_require__2.t(react_dom__WEBPACK_IMPORTED_MODULE_3__,2))),globalObj.TeambitMdxUiMdxScopeContext=_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_0__,globalObj.MdxJsReact=_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__,globalObj.React=react__WEBPACK_IMPORTED_MODULE_2___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_2___namespace_cache=__webpack_require__2.t(react__WEBPACK_IMPORTED_MODULE_2__,2)),globalObj.ReactDom=react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache||(react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache=__webpack_require__2.t(react_dom__WEBPACK_IMPORTED_MODULE_3__,2));function guard(property,expected){var existing=globalObj[property];if(existing===expected&&expected!==void 0)console.warn('[expose-peers] "'+property+'" already exists in global scope, but with correct value');else if(existing!==void 0)throw new Error('[expose-peers] "'+property+'" already exists in the global scope, cannot overwrite')}}},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(cachedModule!==void 0)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,__webpack_require__.amdO={},(()=>{var deferred=[];__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(chunkIds){priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority];return}for(var notFulfilled=1/0,i=0;i<deferred.length;i++){for(var[chunkIds,fn,priority]=deferred[i],fulfilled=!0,j=0;j<chunkIds.length;j++)(priority&!1||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every(key=>__webpack_require__.O[key](chunkIds[j]))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();r!==void 0&&(result=r)}}return result}})(),__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},(()=>{var getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,leafPrototypes;__webpack_require__.t=function(value,mode){if(mode&1&&(value=this(value)),mode&8||typeof value=="object"&&value&&(mode&4&&value.__esModule||mode&16&&typeof value.then=="function"))return value;var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=mode&2&&value;typeof current=="object"&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach(key=>def[key]=()=>value[key]);return def.default=()=>value,__webpack_require__.d(ns,def),ns}})(),__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.g=function(){if(typeof globalThis=="object")return globalThis;try{return this||new Function("return this")()}catch{if(typeof window=="object")return window}}(),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),__webpack_require__.r=exports=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),(()=>{var installedChunks={703:0};__webpack_require__.O.j=chunkId=>installedChunks[chunkId]===0;var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var[chunkIds,moreModules,runtime]=data,moduleId,chunkId,i=0;if(chunkIds.some(id=>installedChunks[id]!==0)){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})();var __webpack_exports__=__webpack_require__.O(void 0,[480],()=>__webpack_require__(76059));__webpack_exports__=__webpack_require__.O(__webpack_exports__)})();
+(()=>{"use strict";var __webpack_modules__={88806:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__2)=>{var react__WEBPACK_IMPORTED_MODULE_2___namespace_cache,react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache,_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__2(17605),_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__2(49613),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__2(59496),react_dom__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__2(87995),globalObj=window;guard("TeambitMdxUiMdxScopeContext",_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_0__),guard("MdxJsReact",_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__),guard("React",react__WEBPACK_IMPORTED_MODULE_2___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_2___namespace_cache=__webpack_require__2.t(react__WEBPACK_IMPORTED_MODULE_2__,2))),guard("ReactDom",react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache||(react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache=__webpack_require__2.t(react_dom__WEBPACK_IMPORTED_MODULE_3__,2))),globalObj.TeambitMdxUiMdxScopeContext=_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_0__,globalObj.MdxJsReact=_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__,globalObj.React=react__WEBPACK_IMPORTED_MODULE_2___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_2___namespace_cache=__webpack_require__2.t(react__WEBPACK_IMPORTED_MODULE_2__,2)),globalObj.ReactDom=react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache||(react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache=__webpack_require__2.t(react_dom__WEBPACK_IMPORTED_MODULE_3__,2));function guard(property,expected){var existing=globalObj[property];if(existing===expected&&expected!==void 0)console.warn('[expose-peers] "'+property+'" already exists in global scope, but with correct value');else if(existing!==void 0)throw new Error('[expose-peers] "'+property+'" already exists in the global scope, cannot overwrite')}}},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(cachedModule!==void 0)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,__webpack_require__.amdO={},(()=>{var deferred=[];__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(chunkIds){priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority];return}for(var notFulfilled=1/0,i=0;i<deferred.length;i++){for(var[chunkIds,fn,priority]=deferred[i],fulfilled=!0,j=0;j<chunkIds.length;j++)(priority&!1||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every(key=>__webpack_require__.O[key](chunkIds[j]))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();r!==void 0&&(result=r)}}return result}})(),__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},(()=>{var getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,leafPrototypes;__webpack_require__.t=function(value,mode){if(mode&1&&(value=this(value)),mode&8||typeof value=="object"&&value&&(mode&4&&value.__esModule||mode&16&&typeof value.then=="function"))return value;var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=mode&2&&value;typeof current=="object"&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach(key=>def[key]=()=>value[key]);return def.default=()=>value,__webpack_require__.d(ns,def),ns}})(),__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.g=function(){if(typeof globalThis=="object")return globalThis;try{return this||new Function("return this")()}catch{if(typeof window=="object")return window}}(),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),__webpack_require__.r=exports=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),(()=>{var installedChunks={703:0};__webpack_require__.O.j=chunkId=>installedChunks[chunkId]===0;var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var[chunkIds,moreModules,runtime]=data,moduleId,chunkId,i=0;if(chunkIds.some(id=>installedChunks[id]!==0)){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})();var __webpack_exports__=__webpack_require__.O(void 0,[480],()=>__webpack_require__(88806));__webpack_exports__=__webpack_require__.O(__webpack_exports__)})();

package/artifacts/preview/teambit_harmony_aspect-preview.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["teambit.harmony/aspect-preview"]=t():e["teambit.harmony/aspect-preview"]=t()}(self,(()=>(()=>{"use strict";var e={57497:(e,t,o)=>{var n={id:"teambit.harmony/aspect@1.0.283",homepage:"https://bit.cloud/teambit/harmony/aspect",exported:!0};function r(){const e=a(o(41594));return r=function(){return e},e}function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Logo=void 0,r.__bit_component=n,a.__bit_component=n;const i=()=>r().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},r().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/extensions-icons/aspect.svg"}));i.__bit_component=n,t.Logo=i},41594:e=>{e.exports=React}},t={};function o(n){var r=t[n];if(void 0!==r)return r.exports;var a=t[n]={exports:{}};return e[n](a,a.exports,o),a.exports}o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},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})};var n={};return(()=>{o.r(n),o.d(n,{compositions:()=>d,compositions_metadata:()=>m,overview:()=>u});var e={};o.r(e),o.d(e,{default:()=>l});var t=o(57497);o(41594);const r=MdxJsReact,a=TeambitMdxUiMdxScopeContext;var i=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)({}).hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},s.apply(null,arguments)}var p={},c="wrapper";function l(e){var t=e.components,o=function(e,t){if(null==e)return{};var o,n,r=function(e,t){if(null==e)return{};var o={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)>=0)continue;o[n]=e[n]}return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)o=a[n],t.indexOf(o)>=0||{}.propertyIsEnumerable.call(e,o)&&(r[o]=e[o])}return r}(e,i);return(0,r.mdx)(c,s({},p,o,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(a.MDXScopeProvider,{components:{},mdxType:"MDXScopeProvider"},(0,r.mdx)("h2",null,"Overview"),(0,r.mdx)("p",null,"Aspects can be configured on a component is various ways, some more general and some more specific. Once a component is loaded, Bit calculates all the sources and comes up with the final list of aspects. Each aspect has its config and data.\nConfig is what the user entered, Data is a result of the aspect process."),(0,r.mdx)("h2",null,"Debugging aspects"),(0,r.mdx)("p",null,"To help understanding why a component has these specific aspects, ",(0,r.mdx)("inlineCode",{parentName:"p"},"bit aspect get --debug")," shows each one of the sources, from the more specific one to the general one. At the end, it shows the merged result of all sources.\nThe various sources are as follows:"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre"},"'BitmapFile'\n'Model'\n'WorkspaceVariants'\n'ComponentJsonFile'\n")),(0,r.mdx)("p",null,"Since the list of all the config+data can be very long and hard to follow, the flag ",(0,r.mdx)("inlineCode",{parentName:"p"},"--json")," is very helpful.\nThis with help of ",(0,r.mdx)("a",{parentName:"p",href:"https://github.com/antonmedv/fx"},"fx"),", it's easy to extract the data needed."),(0,r.mdx)("p",null,"If for example, we're interested in one source only, we can run the following:"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre"},"bit aspect get ui/text --debug --json | fx .BitmapFile\n")),(0,r.mdx)("p",null,"It's possible to run any arbitrary javascript code with fx, so for example, if you want to debug just one specific aspect, and see its config/data per each one of the source, you can do something like this:"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre"},"bit aspect get ui/text --debug --json | fx 'Object.keys(this).map(origin => ({ origin, value: this[origin].extensions[\"teambit.pkg/pkg\"] }))'\n")),(0,r.mdx)("p",null,"Another data shown with the ",(0,r.mdx)("inlineCode",{parentName:"p"},"--debug")," flag is the rules in the workspace.jsonc#variants applied to this component. It shows the list of these rules sorted with the data about the specifity.")))}l.isMDXComponent=!0;const d=[t],u=[e],m={compositions:[{displayName:"Logo",identifier:"Logo"}]}})(),n})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["teambit.harmony/aspect-preview"]=t():e["teambit.harmony/aspect-preview"]=t()}(self,(()=>(()=>{"use strict";var e={548:(e,t,o)=>{var n={id:"teambit.harmony/aspect@1.0.284",homepage:"https://bit.cloud/teambit/harmony/aspect",exported:!0};function r(){const e=a(o(41594));return r=function(){return e},e}function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Logo=void 0,r.__bit_component=n,a.__bit_component=n;const i=()=>r().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},r().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/extensions-icons/aspect.svg"}));i.__bit_component=n,t.Logo=i},41594:e=>{e.exports=React}},t={};function o(n){var r=t[n];if(void 0!==r)return r.exports;var a=t[n]={exports:{}};return e[n](a,a.exports,o),a.exports}o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},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})};var n={};return(()=>{o.r(n),o.d(n,{compositions:()=>d,compositions_metadata:()=>m,overview:()=>u});var e={};o.r(e),o.d(e,{default:()=>l});var t=o(548);o(41594);const r=MdxJsReact,a=TeambitMdxUiMdxScopeContext;var i=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)({}).hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},s.apply(null,arguments)}var p={},c="wrapper";function l(e){var t=e.components,o=function(e,t){if(null==e)return{};var o,n,r=function(e,t){if(null==e)return{};var o={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)>=0)continue;o[n]=e[n]}return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)o=a[n],t.indexOf(o)>=0||{}.propertyIsEnumerable.call(e,o)&&(r[o]=e[o])}return r}(e,i);return(0,r.mdx)(c,s({},p,o,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(a.MDXScopeProvider,{components:{},mdxType:"MDXScopeProvider"},(0,r.mdx)("h2",null,"Overview"),(0,r.mdx)("p",null,"Aspects can be configured on a component is various ways, some more general and some more specific. Once a component is loaded, Bit calculates all the sources and comes up with the final list of aspects. Each aspect has its config and data.\nConfig is what the user entered, Data is a result of the aspect process."),(0,r.mdx)("h2",null,"Debugging aspects"),(0,r.mdx)("p",null,"To help understanding why a component has these specific aspects, ",(0,r.mdx)("inlineCode",{parentName:"p"},"bit aspect get --debug")," shows each one of the sources, from the more specific one to the general one. At the end, it shows the merged result of all sources.\nThe various sources are as follows:"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre"},"'BitmapFile'\n'Model'\n'WorkspaceVariants'\n'ComponentJsonFile'\n")),(0,r.mdx)("p",null,"Since the list of all the config+data can be very long and hard to follow, the flag ",(0,r.mdx)("inlineCode",{parentName:"p"},"--json")," is very helpful.\nThis with help of ",(0,r.mdx)("a",{parentName:"p",href:"https://github.com/antonmedv/fx"},"fx"),", it's easy to extract the data needed."),(0,r.mdx)("p",null,"If for example, we're interested in one source only, we can run the following:"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre"},"bit aspect get ui/text --debug --json | fx .BitmapFile\n")),(0,r.mdx)("p",null,"It's possible to run any arbitrary javascript code with fx, so for example, if you want to debug just one specific aspect, and see its config/data per each one of the source, you can do something like this:"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre"},"bit aspect get ui/text --debug --json | fx 'Object.keys(this).map(origin => ({ origin, value: this[origin].extensions[\"teambit.pkg/pkg\"] }))'\n")),(0,r.mdx)("p",null,"Another data shown with the ",(0,r.mdx)("inlineCode",{parentName:"p"},"--debug")," flag is the rules in the workspace.jsonc#variants applied to this component. It shows the list of these rules sorted with the data about the specifity.")))}l.isMDXComponent=!0;const d=[t],u=[e],m={compositions:[{displayName:"Logo",identifier:"Logo"}]}})(),n})()));

package/artifacts/schema.json

@@ -1978,7 +1978,7 @@
                   "_legacy": {
                     "scope": "teambit.harmony",
                     "name": "aspect",
-                    "version": "1.0.283"
+                    "version": "1.0.284"
                   },
                   "_scope": "teambit.harmony"
                 }
@@ -2005,7 +2005,7 @@
                   "_legacy": {
                     "scope": "teambit.harmony",
                     "name": "aspect",
-                    "version": "1.0.283"
+                    "version": "1.0.284"
                   },
                   "_scope": "teambit.harmony"
                 }
@@ -2032,7 +2032,7 @@
                   "_legacy": {
                     "scope": "teambit.harmony",
                     "name": "aspect",
-                    "version": "1.0.283"
+                    "version": "1.0.284"
                   },
                   "_scope": "teambit.harmony"
                 }
@@ -4132,7 +4132,7 @@
                   "_legacy": {
                     "scope": "teambit.harmony",
                     "name": "aspect",
-                    "version": "1.0.283"
+                    "version": "1.0.284"
                   },
                   "_scope": "teambit.harmony"
                 }
@@ -4159,7 +4159,7 @@
                   "_legacy": {
                     "scope": "teambit.harmony",
                     "name": "aspect",
-                    "version": "1.0.283"
+                    "version": "1.0.284"
                   },
                   "_scope": "teambit.harmony"
                 }
@@ -4186,7 +4186,7 @@
                   "_legacy": {
                     "scope": "teambit.harmony",
                     "name": "aspect",
-                    "version": "1.0.283"
+                    "version": "1.0.284"
                   },
                   "_scope": "teambit.harmony"
                 }
@@ -4234,7 +4234,7 @@
   "componentId": {
     "scope": "teambit.harmony",
     "name": "aspect",
-    "version": "1.0.283"
+    "version": "1.0.284"
   },
   "taggedModuleExports": []
 }

package/{compositions-1716607230882.js → compositions-1716693760271.js}

@@ -1,5 +1,5 @@
 
-import { linkModules } from '/home/circleci/.bvm/versions/1.6.175/bit-1.6.175/node_modules/@teambit/preview/dist/preview.preview.runtime.js';
+import { linkModules } from '/home/circleci/.bvm/versions/1.6.176/bit-1.6.176/node_modules/@teambit/preview/dist/preview.preview.runtime.js';
 
 import {defaultMainModule} from "/home/circleci/bit/bit/node_modules/@teambit/_local/preview-modules-68b147035e4e910b00e4b8a4a3ce04a0de2e2e59.mjs";