@teambit/ui 0.0.1092 → 0.0.1094

package/artifacts/ui-bundle/public/bit/static/js/main.a3897c7f.js

@@ -0,0 +1 @@
+(self.webpackChunk_teambit_legacy=self.webpackChunk_teambit_legacy||[]).push([[179],{65085:(e,t,n)=>{"use strict";var r=n(95634);function o(){const e=r(n(9589));return o=function(){return e},e}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;class u extends Error{constructor(){super(),(0,o().default)(this,"isUserError",void 0),this.name=this.constructor.name,this.isUserError=!0}}t.default=u},46587:(e,t,n)=>{"use strict";var r=n(95634);function o(){const e=r(n(9589));return o=function(){return e},e}function u(){const e=r(n(65085));return u=function(){return e},e}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;class s extends u().default{constructor(e){super(),(0,o().default)(this,"originalError",void 0),this.originalError=e}}t.default=s},89845:(e,t,n)=>{"use strict";var r=n(95634);function o(){const e=r(n(52007));return o=function(){return e},e}function u(){const e=r(n(49934));return u=function(){return e},e}function s(){const e=n(53665);return s=function(){return e},e}function i(e,t){return"undefined"!==typeof t?t:e.getHeadRegardlessOfLane()}async function c(e){const{repo:t,modelComponent:n,throws:r,versionParentsFromObjects:o,startFrom:u,stopAt:s}=e,c=i(n,u);if(!c)return[];return d(await f({repo:t,modelComponent:n,throws:r,versionParentsFromObjects:o,heads:[c]}),c,s).map((e=>e.hash))}n(71829),n(75062),n(95017),n(33676),Object.defineProperty(t,"__esModule",{value:!0}),t.getAllVersionHashes=c,t.getAllVersionHashesMemoized=void 0,t.getAllVersionParents=f,t.getAllVersionsInfo=async function({modelComponent:e,repo:t,throws:n=!0,versionObjects:r,startFrom:o,stopAt:c}){var a;const f=[],d=async e=>{if(!r&&!t)throw new TypeError("getAllVersionsInfo expect to get either repo or versionObjects");const n=null===r||void 0===r?void 0:r.find((t=>t.hash().isEqual(e)));return n||(t?await e.load(t):void 0)},l=i(e,o);if(!l)return f;const h=null===(a=e.getHead())||void 0===a?void 0:a.toString();let p=l.toString()===h;const v={ref:l,tag:e.getTagOfRefIfExists(l),parents:[],onLane:!p},m=e=>Boolean(null===c||void 0===c?void 0:c.find((t=>t.isEqual(e)))),g=await d(l);if(g){if(m(g.hash()))return[];v.version=g,v.parents=g.parents}else if(v.error=new(s().HeadNotFound)(e.id(),l.toString()),n)throw v.error;f.push(v);const b=async t=>{await(0,u().default)(t.parents,(async r=>{if(m(r))return;if(o=r,Boolean(f.find((e=>e.ref.isEqual(o)))))return;var o;const u=await d(r);p||(p=(null===u||void 0===u?void 0:u._hash)===h);const i={ref:r,tag:e.getTagOfRefIfExists(r),isPartOfHistory:!0,parents:(null===u||void 0===u?void 0:u.parents)||[],onLane:!p};if(u)i.version=u;else if(i.error=i.tag?new(s().VersionNotFound)(i.tag,e.id()):new(s().ParentNotFound)(e.id(),t.hash().toString(),r.toString()),n)throw i.error;f.push(i),u&&await b(u)}))};g&&await b(g);return f},t.getSubsetOfVersionParents=d,t.getVersionParentsFromVersion=function(e){var t,n;return{hash:e.hash(),parents:e.parents,unrelated:null===(t=e.unrelated)||void 0===t?void 0:t.head,squashed:null===(n=e.squashed)||void 0===n?void 0:n.previousParents}},t.hasVersionByRef=async function(e,t,n,r){return(await c({modelComponent:e,repo:n,startFrom:r})).some((e=>e.isEqual(t)))};const a=(0,o().default)(c,{normalizer:e=>JSON.stringify(e[0]),promise:!0,maxAge:1});async function f({repo:e,modelComponent:t,heads:n,throws:r,versionParentsFromObjects:o,missingRefsFromVersionHistory:s}){const i=await t.GetVersionHistory(e),c=[],a=e=>{const t=c.find((t=>t.hash.isEqual(e.hash)));t?Object.keys(t).forEach((n=>t[n]=e[n])):c.push(e)};if(await(0,u().default)([...n,...s||[]],(async n=>{const{err:o,added:u}=await t.populateVersionHistoryIfMissingGracefully(e,i,n);if(o){if(r){const e=new Error(o.message);throw o.stack=`${o.stack}\nCurrent stack ${e.stack}`,o}u&&u.forEach((e=>a(e)))}else i.versions.forEach((e=>a(e)))})),o){o.forEach((e=>a(e)));const u=o.map((e=>e.parents)).flat().filter((e=>!c.some((t=>t.hash.isEqual(e)))));if(u.length){if(s)throw new Error(`unable to get the full history of "${t.id()}".\nthe client sent the following snaps: ${o.map((e=>e.hash.toString())).join(", ")}.\nhowever some of the parents of these snaps are missing from the local scope.\nmissing snaps: ${u.map((e=>e.toString())).join(", ")}\n`);return f({repo:e,modelComponent:t,heads:n,throws:r,versionParentsFromObjects:o,missingRefsFromVersionHistory:u})}}return c}function d(e,t,n){const r=[],o=e=>Boolean(null===n||void 0===n?void 0:n.find((t=>t.isEqual(e)))),u=t=>e.find((e=>e.hash.isEqual(t))),s=e=>{r.push(e),e.parents.forEach((e=>{if(o(e))return;if(t=e,Boolean(r.find((e=>e.hash.isEqual(t)))))return;var t;const n=u(e);n&&s(n)}))},i=u(t);return!i||o(i.hash)?[]:(s(i),r)}t.getAllVersionHashesMemoized=a},88380:(e,t,n)=>{"use strict";var r=n(95634);function o(){const e=r(n(65085));return o=function(){return e},e}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;class u extends o().default{}t.default=u},5092:(e,t,n)=>{"use strict";var r=n(95634);function o(){const e=r(n(9589));return o=function(){return e},e}function u(){const e=n(91576);return u=function(){return e},e}function s(){const e=r(n(39226));return s=function(){return e},e}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;class i extends u().BitError{constructor(e,t){super(t?`error: the component dependency "${s().default.bold(e)}" required by "${s().default.bold(t)}" was not found`:`error: component "${s().default.bold(e)}" was not found`),(0,o().default)(this,"id",void 0),(0,o().default)(this,"dependentId",void 0),(0,o().default)(this,"code",void 0),this.code=127,this.id=e,this.dependentId=t}}t.default=i},91271:(e,t,n)=>{"use strict";var r=n(95634);function o(){const e=r(n(9589));return o=function(){return e},e}function u(){const e=r(n(65085));return u=function(){return e},e}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;class s extends u().default{constructor(e,t){super(),(0,o().default)(this,"id",void 0),(0,o().default)(this,"version",void 0),(0,o().default)(this,"showDoctorMessage",void 0),this.id=e,this.version=t,this.showDoctorMessage=!0}}t.default=s},9464:(e,t,n)=>{"use strict";var r=n(95634);function o(){const e=r(n(9589));return o=function(){return e},e}function u(){const e=r(n(65085));return u=function(){return e},e}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;class s extends u().default{constructor(e){super(),(0,o().default)(this,"msg",void 0),this.msg=e}}t.default=s},22582:(e,t,n)=>{"use strict";var r=n(95634);function o(){const e=r(n(9589));return o=function(){return e},e}function u(){const e=r(n(65085));return u=function(){return e},e}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;class s extends u().default{constructor(e,t,n,r){super(),(0,o().default)(this,"id",void 0),(0,o().default)(this,"version",void 0),(0,o().default)(this,"originalHash",void 0),(0,o().default)(this,"currentHash",void 0),(0,o().default)(this,"showDoctorMessage",void 0),this.id=e,this.version=t,this.originalHash=n,this.currentHash=r,this.showDoctorMessage=!0}}t.default=s},29900:(e,t,n)=>{"use strict";var r=n(95634);function o(){const e=r(n(9589));return o=function(){return e},e}function u(){const e=r(n(65085));return u=function(){return e},e}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;class s extends u().default{constructor(e){super(),(0,o().default)(this,"hash",void 0),(0,o().default)(this,"showDoctorMessage",void 0),this.hash=e,this.showDoctorMessage=!0}}t.default=s},56815:(e,t,n)=>{"use strict";var r=n(95634);function o(){const e=n(91576);return o=function(){return e},e}function u(){const e=r(n(39226));return u=function(){return e},e}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;class s extends o().BitError{constructor(e,t){super(`head snap ${u().default.bold(t)} was not found for a component ${u().default.bold(e)}`)}}t.default=s},53665:(e,t,n)=>{"use strict";var r=n(95634);function o(){const e=r(n(88380));return o=function(){return e},e}function u(){const e=r(n(5092));return u=function(){return e},e}function s(){const e=r(n(91271));return s=function(){return e},e}function i(){const e=r(n(9464));return i=function(){return e},e}function c(){const e=r(n(22582));return c=function(){return e},e}function a(){const e=r(n(29900));return a=function(){return e},e}function f(){const e=r(n(56815));return f=function(){return e},e}function d(){const e=r(n(43621));return d=function(){return e},e}function l(){const e=r(n(89118));return l=function(){return e},e}function h(){const e=r(n(73384));return h=function(){return e},e}function p(){const e=r(n(15532));return p=function(){return e},e}function v(){const e=r(n(14821));return v=function(){return e},e}function m(){const e=r(n(81854));return m=function(){return e},e}function g(){const e=r(n(91962));return g=function(){return e},e}function b(){const e=r(n(73032));return b=function(){return e},e}function y(){const e=r(n(20946));return y=function(){return e},e}function w(){const e=r(n(96966));return w=function(){return e},e}function O(){const e=r(n(49935));return O=function(){return e},e}function j(){const e=r(n(48145));return j=function(){return e},e}function P(){const e=n(59768);return P=function(){return e},e}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"BitNotInScope",{enumerable:!0,get:function(){return o().default}}),Object.defineProperty(t,"ComponentNotFound",{enumerable:!0,get:function(){return u().default}}),Object.defineProperty(t,"CorruptedComponent",{enumerable:!0,get:function(){return s().default}}),Object.defineProperty(t,"CyclicDependencies",{enumerable:!0,get:function(){return i().default}}),Object.defineProperty(t,"HashMismatch",{enumerable:!0,get:function(){return c().default}}),Object.defineProperty(t,"HashNotFound",{enumerable:!0,get:function(){return a().default}}),Object.defineProperty(t,"HeadNotFound",{enumerable:!0,get:function(){return f().default}}),Object.defineProperty(t,"InvalidIndexJson",{enumerable:!0,get:function(){return d().default}}),Object.defineProperty(t,"MergeConflict",{enumerable:!0,get:function(){return l().default}}),Object.defineProperty(t,"MergeConflictOnRemote",{enumerable:!0,get:function(){return h().default}}),Object.defineProperty(t,"OutdatedIndexJson",{enumerable:!0,get:function(){return p().default}}),Object.defineProperty(t,"ParentNotFound",{enumerable:!0,get:function(){return v().default}}),Object.defineProperty(t,"ResolutionException",{enumerable:!0,get:function(){return m().default}}),Object.defineProperty(t,"ScopeAlreadyExists",{enumerable:!0,get:function(){return g().default}}),Object.defineProperty(t,"ScopeJsonNotFound",{enumerable:!0,get:function(){return b().default}}),Object.defineProperty(t,"ScopeNotFound",{enumerable:!0,get:function(){return y().default}}),Object.defineProperty(t,"SourceNotFound",{enumerable:!0,get:function(){return w().default}}),Object.defineProperty(t,"VersionAlreadyExists",{enumerable:!0,get:function(){return O().default}}),Object.defineProperty(t,"VersionNotFound",{enumerable:!0,get:function(){return j().default}}),Object.defineProperty(t,"VersionNotFoundOnFS",{enumerable:!0,get:function(){return P().VersionNotFoundOnFS}})},43621:(e,t,n)=>{"use strict";var r=n(95634);function o(){const e=r(n(9589));return o=function(){return e},e}function u(){const e=r(n(65085));return u=function(){return e},e}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;class s extends u().default{constructor(e,t){super(),(0,o().default)(this,"path",void 0),(0,o().default)(this,"showDoctorMessage",void 0),this.path=e,this.message=t,this.showDoctorMessage=!0}}t.default=s},73384:(e,t,n)=>{"use strict";var r=n(95634);function o(){const e=r(n(9589));return o=function(){return e},e}function u(){const e=r(n(39226));return u=function(){return e},e}function s(){const e=n(91576);return s=function(){return e},e}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;class i extends s().BitError{constructor(e,t){let n="";e.length&&(n+=`error: merge conflict occurred when exporting the component(s) ${e.map((e=>`${u().default.bold(e.id)} (version(s): ${e.versions.join(", ")})`)).join(", ")} to the remote scope.\nto resolve this conflict and merge your remote and local changes, please do the following:\n1) bit reset [component-pattern] [--all]\n2) bit checkout head [component-pattern]\nonce your changes are merged with the new remote version, please tag and export a new version of the component to the remote scope.`),t.length&&(n+=`error: merge error occurred when exporting the component(s) ${t.map((e=>`${u().default.bold(e.id)}${e.lane?` (lane: ${e.lane})`:""}`)).join(", ")} to the remote scope.\nto resolve this error, please re-import the above components.\nif the component is up to date, run "bit status" to make sure it's not merge-pending`),super(n),(0,o().default)(this,"code",void 0),this.code=131}}t.default=i},89118:(e,t,n)=>{"use strict";var r=n(95634);function o(){const e=r(n(9589));return o=function(){return e},e}function u(){const e=n(91576);return u=function(){return e},e}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;class s extends u().BitError{constructor(e,t){super(`error: merge conflict occurred while importing the component ${e}. conflict version(s): ${t.join(", ")}\nto resolve it and merge your local and remote changes, please do the following:\n1) bit reset ${e}\n2) bit import\n3) bit checkout head ${e}\nonce your changes are merged with the new remote version, you can tag and export a new version of the component to the remote scope.`),(0,o().default)(this,"id",void 0),(0,o().default)(this,"versions",void 0),this.id=e,this.versions=t}}t.default=s},15532:(e,t,n)=>{"use strict";var r=n(95634);function o(){const e=r(n(9589));return o=function(){return e},e}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;class u extends Error{constructor(e,t){super(),(0,o().default)(this,"id",void 0),(0,o().default)(this,"indexJsonPath",void 0),(0,o().default)(this,"showDoctorMessage",void 0),this.id=e,this.indexJsonPath=t,this.showDoctorMessage=!0}}t.default=u},14821:(e,t,n)=>{"use strict";var r=n(95634);function o(){const e=n(91576);return o=function(){return e},e}function u(){const e=r(n(39226));return u=function(){return e},e}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;class s extends o().BitError{constructor(e,t,n){super(`component ${u().default.bold(e)} missing data. parent ${n} of version ${t} was not found.`),this.id=e,this.versionHash=t,this.parentHash=n}}t.default=s},81854:(e,t,n)=>{"use strict";var r=n(95634);function o(){const e=r(n(9589));return o=function(){return e},e}function u(){const e=r(n(46587));return u=function(){return e},e}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;class s extends u().default{constructor(e,t){super(e),(0,o().default)(this,"filePath",void 0),(0,o().default)(this,"showDoctorMessage",void 0),this.filePath=t,this.showDoctorMessage=!0}}t.default=s},91962:(e,t,n)=>{"use strict";var r=n(95634);function o(){const e=r(n(65085));return o=function(){return e},e}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;class u extends o().default{}t.default=u},73032:(e,t,n)=>{"use strict";var r=n(95634);function o(){const e=r(n(9589));return o=function(){return e},e}function u(){const e=r(n(65085));return u=function(){return e},e}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;class s extends u().default{constructor(e){super(),(0,o().default)(this,"path",void 0),(0,o().default)(this,"showDoctorMessage",void 0),this.path=e,this.showDoctorMessage=!0}}t.default=s},20946:(e,t,n)=>{"use strict";var r=n(95634);function o(){const e=r(n(9589));return o=function(){return e},e}function u(){const e=r(n(65085));return u=function(){return e},e}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;class s extends u().default{constructor(e){super(),(0,o().default)(this,"scopePath",void 0),this.scopePath=e}}t.default=s},96966:(e,t,n)=>{"use strict";var r=n(95634);function o(){const e=r(n(65085));return o=function(){return e},e}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;class u extends o().default{}t.default=u},49935:(e,t,n)=>{"use strict";var r=n(95634);function o(){const e=r(n(9589));return o=function(){return e},e}function u(){const e=r(n(65085));return u=function(){return e},e}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;class s extends u().default{constructor(e,t){super(),(0,o().default)(this,"version",void 0),(0,o().default)(this,"componentId",void 0),(0,o().default)(this,"showDoctorMessage",void 0),this.version=e,this.componentId=t,this.showDoctorMessage=!0}}t.default=s},59768:(e,t,n)=>{"use strict";var r=n(95634);function o(){const e=n(91576);return o=function(){return e},e}function u(){const e=r(n(39226));return u=function(){return e},e}Object.defineProperty(t,"__esModule",{value:!0}),t.VersionNotFoundOnFS=void 0;class s extends o().BitError{constructor(e,t){super(`error: version "${u().default.bold(e)}" of component ${u().default.bold(t)} was not found on the filesystem.\ntry running "bit import". if it doesn't help, try running "bit import ${t} --objects"`)}}t.VersionNotFoundOnFS=s},48145:(e,t,n)=>{"use strict";var r=n(95634);function o(){const e=n(91576);return o=function(){return e},e}function u(){const e=r(n(39226));return u=function(){return e},e}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;class s extends o().BitError{constructor(e,t){super(`error: version "${u().default.bold(e)}" of component ${u().default.bold(t)} was not found.`)}}t.default=s},42471:(e,t,n)=>{"use strict";var r=n(18308);function o(){const e=n(53426);return o=function(){return e},e}n(23728),n(21720),Object.defineProperty(t,"__esModule",{value:!0}),t.auto=function(e){return i(e,u)},t.cr=function(e){return i(e,"\r")},t.crlf=function(e){return i(e,"\r\n")},t.lf=function(e){return i(e,"\n")};const u="undefined"!==typeof r&&"win32"===r.platform?"\r\n":"\n",s=/\r\n|\r|\n/g;function i(e,t){if(Buffer.isBuffer(e)){if((0,o().isBinaryFileSync)(e))return e;const n=e.toString(),r=n.replace(s,t);return n!==r?Buffer.from(r):e}return e.toString().replace(s,t)}},61172:(e,t,n)=>{"use strict";function r(){const e=n(35632);return r=function(){return e},e}function o(){const e=n(58409);return o=function(){return e},e}function u(e){return["major","premajor","minor","preminor","patch","prepatch","prerelease"].includes(e)}function s(e){return["patch","minor","major","prerelease"].includes(e)}function i(e){if(!s(e))throw new Error(`the release-type "${e}" is not supported`)}function c(e){if(e){const t=(0,r().valid)(e);if(!t)throw new(o().InvalidVersion)(e);return t}}Object.defineProperty(t,"__esModule",{value:!0}),t.getLatestVersion=function(e){const t=(0,r().maxSatisfying)(e,"*",{includePrerelease:!0});if(!t)throw new Error(`unable to find the latest version from ${e.join(", ")}`);return t},t.getValidVersionOrReleaseType=function(e){if(u(e)){const t=e;return i(t),{releaseType:t}}return{exactVersion:c(e)}},t.isReleaseTypeSupported=s,t.isStrReleaseType=u,t.throwForUnsupportedReleaseType=i,t.validateVersion=c},591:()=>{},52009:()=>{},13731:()=>{},74112:()=>{}},e=>{e.O(0,[250],(()=>{return t=36422,e(e.s=t);var t}));e.O()}]);

package/dist/{preview-1687922429426.js → preview-1688302625365.js}

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.ui-foundation_ui@0.0.1092/dist/ui.composition.js';
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.ui-foundation_ui@0.0.1092/dist/ui.docs.mdx';
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.ui-foundation_ui@0.0.1094/dist/ui.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.ui-foundation_ui@0.0.1094/dist/ui.docs.mdx';
 
 export const compositions = [compositions_0];
 export const overview = [overview_0];

package/dist/ui.ui.runtime.js

@@ -42,6 +42,13 @@ function _reactRendering() {
   };
   return data;
 }
+function _uiFoundationUiHooks() {
+  const data = require("@teambit/ui-foundation.ui.hooks.use-user-agent");
+  _uiFoundationUiHooks = function () {
+    return data;
+  };
+  return data;
+}
 function _react() {
   const data = _interopRequireDefault(require("react"));
   _react = function () {
@@ -110,7 +117,9 @@ class UiUI {
     const hudItems = this.hudSlot.values();
     const lifecyclePlugins = this.getLifecyclePlugins();
     const reactSsr = new (_reactRendering().ServerRenderer)(lifecyclePlugins);
-    const fullHtml = await reactSsr.render( /*#__PURE__*/_react().default.createElement(_clientContext().ClientContext, null, hudItems, routes), ssrContent);
+    const fullHtml = await reactSsr.render( /*#__PURE__*/_react().default.createElement(_clientContext().ClientContext, null, /*#__PURE__*/_react().default.createElement(_uiFoundationUiHooks().SSRBrowserProvider, {
+      value: ssrContent.browser
+    }, hudItems, routes)), ssrContent);
     return fullHtml;
   }
 

package/dist/ui.ui.runtime.js.map

@@ -1 +1 @@
-{"version":3,"names":["UiUI","constructor","router","uiRootSlot","hudSlot","renderPluginsSlot","element","register","render","rootExtension","rootFactory","getRoot","Error","uiRoot","routes","renderRoutes","hudItems","values","lifecyclePlugins","getLifecyclePlugins","reactSsr","BrowserRenderer","renderSsr","ssrContent","ServerRenderer","fullHtml","registerContext","context","reactContext","registerRoot","registerRenderHooks","plugin","toArray","map","key","unshift","renderPlugin","get","provider","GraphqlUi","config","renderLifecycleSlot","uiUi","renderPlugins","Slot","withType","GraphqlAspect","ReactRouterAspect","UIRuntime","UIAspect","addRuntime"],"sources":["ui.ui.runtime.tsx"],"sourcesContent":["import type { GraphqlUI } from '@teambit/graphql';\nimport { GraphqlAspect } from '@teambit/graphql';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport type { ReactRouterUI } from '@teambit/react-router';\nimport { ReactRouterAspect } from '@teambit/react-router';\nimport { ServerRenderer, BrowserRenderer } from '@teambit/react.rendering.ssr';\nimport type { SsrSession, RenderPlugin, ContextProps } from '@teambit/react.rendering.ssr';\n\nimport React, { ReactNode, ComponentType } from 'react';\n\nimport { UIRootFactory } from './ui-root.ui';\nimport { UIAspect, UIRuntime } from './ui.aspect';\nimport { ClientContext } from './ui/client-context';\n\ntype HudSlot = SlotRegistry<ReactNode>;\ntype RenderPluginsSlot = SlotRegistry<RenderPlugin<any, any>>;\ntype UIRootRegistry = SlotRegistry<UIRootFactory>;\n\n/**\n * extension\n */\nexport class UiUI {\n  constructor(\n    /**\n     * react-router extension.\n     */\n    private router: ReactRouterUI,\n    /**\n     * ui root registry.\n     */\n    private uiRootSlot: UIRootRegistry,\n    /** slot for overlay ui elements */\n    private hudSlot: HudSlot,\n    /** hooks into the ssr render process */\n    private renderPluginsSlot: RenderPluginsSlot\n  ) {}\n\n  /** render and rehydrate client-side */\n  async render(rootExtension: string): Promise<void> {\n    const rootFactory = this.getRoot(rootExtension);\n    if (!rootFactory) throw new Error(`root: ${rootExtension} was not found`);\n    const uiRoot = rootFactory();\n    const routes = this.router.renderRoutes(uiRoot.routes);\n    const hudItems = this.hudSlot.values();\n    const lifecyclePlugins = this.getLifecyclePlugins();\n\n    const reactSsr = new BrowserRenderer(lifecyclePlugins);\n    await reactSsr.render(\n      <ClientContext>\n        {hudItems}\n        {routes}\n      </ClientContext>\n    );\n  }\n\n  /** render dehydrated server-side */\n  async renderSsr(rootExtension: string, ssrContent: SsrSession): Promise<string> {\n    const rootFactory = this.getRoot(rootExtension);\n    if (!rootFactory) throw new Error(`root: ${rootExtension} was not found`);\n\n    const uiRoot = rootFactory();\n    const routes = this.router.renderRoutes(uiRoot.routes);\n    const hudItems = this.hudSlot.values();\n    const lifecyclePlugins = this.getLifecyclePlugins();\n\n    const reactSsr = new ServerRenderer(lifecyclePlugins);\n    const fullHtml = await reactSsr.render(\n      <ClientContext>\n        {hudItems}\n        {routes}\n      </ClientContext>,\n      ssrContent\n    );\n\n    return fullHtml;\n  }\n\n  /** adds elements to the Heads Up Display */\n  registerHudItem = (element: ReactNode) => {\n    this.hudSlot.register(element);\n  };\n\n  /**\n   * adds global context at the ui root\n   * @deprecated replace with `.registerRenderHooks({ reactContext })`.\n   */\n  registerContext<T>(context: ComponentType<ContextProps<T>>) {\n    this.renderPluginsSlot.register({ reactContext: context });\n  }\n\n  registerRoot(uiRoot: UIRootFactory) {\n    return this.uiRootSlot.register(uiRoot);\n  }\n\n  registerRenderHooks<T, Y>(plugin: RenderPlugin<T, Y>) {\n    return this.renderPluginsSlot.register(plugin);\n  }\n\n  private getLifecyclePlugins() {\n    const lifecyclePlugins = this.renderPluginsSlot.toArray().map(([key, plugin]) => {\n      if (plugin.key) return plugin;\n\n      // for backward compatibility\n      return { ...plugin, key };\n    });\n\n    // react-router should register its plugin, when we can reverse it's dependency to depend on Ui\n    lifecyclePlugins.unshift(this.router.renderPlugin);\n\n    return lifecyclePlugins;\n  }\n\n  private getRoot(rootExtension: string) {\n    return this.uiRootSlot.get(rootExtension);\n  }\n\n  static slots = [Slot.withType<UIRootFactory>(), Slot.withType<ReactNode>(), Slot.withType<RenderPlugin>()];\n\n  static dependencies = [GraphqlAspect, ReactRouterAspect];\n\n  static runtime = UIRuntime;\n\n  static async provider(\n    [GraphqlUi, router]: [GraphqlUI, ReactRouterUI],\n    config,\n    [uiRootSlot, hudSlot, renderLifecycleSlot]: [UIRootRegistry, HudSlot, RenderPluginsSlot]\n  ) {\n    const uiUi = new UiUI(router, uiRootSlot, hudSlot, renderLifecycleSlot);\n\n    if (GraphqlUi) uiUi.registerRenderHooks(GraphqlUi.renderPlugins);\n\n    return uiUi;\n  }\n}\n\nUIAspect.addRuntime(UiUI);\n"],"mappings":"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"}
+{"version":3,"names":["UiUI","constructor","router","uiRootSlot","hudSlot","renderPluginsSlot","element","register","render","rootExtension","rootFactory","getRoot","Error","uiRoot","routes","renderRoutes","hudItems","values","lifecyclePlugins","getLifecyclePlugins","reactSsr","BrowserRenderer","renderSsr","ssrContent","ServerRenderer","fullHtml","browser","registerContext","context","reactContext","registerRoot","registerRenderHooks","plugin","toArray","map","key","unshift","renderPlugin","get","provider","GraphqlUi","config","renderLifecycleSlot","uiUi","renderPlugins","Slot","withType","GraphqlAspect","ReactRouterAspect","UIRuntime","UIAspect","addRuntime"],"sources":["ui.ui.runtime.tsx"],"sourcesContent":["import type { GraphqlUI } from '@teambit/graphql';\nimport { GraphqlAspect } from '@teambit/graphql';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport type { ReactRouterUI } from '@teambit/react-router';\nimport { ReactRouterAspect } from '@teambit/react-router';\nimport { ServerRenderer, BrowserRenderer } from '@teambit/react.rendering.ssr';\nimport { SSRBrowserProvider } from '@teambit/ui-foundation.ui.hooks.use-user-agent';\nimport type { SsrSession, RenderPlugin, ContextProps } from '@teambit/react.rendering.ssr';\n\nimport React, { ReactNode, ComponentType } from 'react';\n\nimport { UIRootFactory } from './ui-root.ui';\nimport { UIAspect, UIRuntime } from './ui.aspect';\nimport { ClientContext } from './ui/client-context';\n\ntype HudSlot = SlotRegistry<ReactNode>;\ntype RenderPluginsSlot = SlotRegistry<RenderPlugin<any, any>>;\ntype UIRootRegistry = SlotRegistry<UIRootFactory>;\n\n/**\n * extension\n */\nexport class UiUI {\n  constructor(\n    /**\n     * react-router extension.\n     */\n    private router: ReactRouterUI,\n    /**\n     * ui root registry.\n     */\n    private uiRootSlot: UIRootRegistry,\n    /** slot for overlay ui elements */\n    private hudSlot: HudSlot,\n    /** hooks into the ssr render process */\n    private renderPluginsSlot: RenderPluginsSlot\n  ) {}\n\n  /** render and rehydrate client-side */\n  async render(rootExtension: string): Promise<void> {\n    const rootFactory = this.getRoot(rootExtension);\n    if (!rootFactory) throw new Error(`root: ${rootExtension} was not found`);\n    const uiRoot = rootFactory();\n    const routes = this.router.renderRoutes(uiRoot.routes);\n    const hudItems = this.hudSlot.values();\n    const lifecyclePlugins = this.getLifecyclePlugins();\n\n    const reactSsr = new BrowserRenderer(lifecyclePlugins);\n    await reactSsr.render(\n      <ClientContext>\n        {hudItems}\n        {routes}\n      </ClientContext>\n    );\n  }\n\n  /** render dehydrated server-side */\n  async renderSsr(rootExtension: string, ssrContent: SsrSession): Promise<string> {\n    const rootFactory = this.getRoot(rootExtension);\n    if (!rootFactory) throw new Error(`root: ${rootExtension} was not found`);\n\n    const uiRoot = rootFactory();\n    const routes = this.router.renderRoutes(uiRoot.routes);\n    const hudItems = this.hudSlot.values();\n    const lifecyclePlugins = this.getLifecyclePlugins();\n\n    const reactSsr = new ServerRenderer(lifecyclePlugins);\n    const fullHtml = await reactSsr.render(\n      <ClientContext>\n        <SSRBrowserProvider value={ssrContent.browser}>\n          {hudItems}\n          {routes}\n        </SSRBrowserProvider>\n      </ClientContext>,\n      ssrContent\n    );\n\n    return fullHtml;\n  }\n\n  /** adds elements to the Heads Up Display */\n  registerHudItem = (element: ReactNode) => {\n    this.hudSlot.register(element);\n  };\n\n  /**\n   * adds global context at the ui root\n   * @deprecated replace with `.registerRenderHooks({ reactContext })`.\n   */\n  registerContext<T>(context: ComponentType<ContextProps<T>>) {\n    this.renderPluginsSlot.register({ reactContext: context });\n  }\n\n  registerRoot(uiRoot: UIRootFactory) {\n    return this.uiRootSlot.register(uiRoot);\n  }\n\n  registerRenderHooks<T, Y>(plugin: RenderPlugin<T, Y>) {\n    return this.renderPluginsSlot.register(plugin);\n  }\n\n  private getLifecyclePlugins() {\n    const lifecyclePlugins = this.renderPluginsSlot.toArray().map(([key, plugin]) => {\n      if (plugin.key) return plugin;\n\n      // for backward compatibility\n      return { ...plugin, key };\n    });\n\n    // react-router should register its plugin, when we can reverse it's dependency to depend on Ui\n    lifecyclePlugins.unshift(this.router.renderPlugin);\n\n    return lifecyclePlugins;\n  }\n\n  private getRoot(rootExtension: string) {\n    return this.uiRootSlot.get(rootExtension);\n  }\n\n  static slots = [Slot.withType<UIRootFactory>(), Slot.withType<ReactNode>(), Slot.withType<RenderPlugin>()];\n\n  static dependencies = [GraphqlAspect, ReactRouterAspect];\n\n  static runtime = UIRuntime;\n\n  static async provider(\n    [GraphqlUi, router]: [GraphqlUI, ReactRouterUI],\n    config,\n    [uiRootSlot, hudSlot, renderLifecycleSlot]: [UIRootRegistry, HudSlot, RenderPluginsSlot]\n  ) {\n    const uiUi = new UiUI(router, uiRootSlot, hudSlot, renderLifecycleSlot);\n\n    if (GraphqlUi) uiUi.registerRenderHooks(GraphqlUi.renderPlugins);\n\n    return uiUi;\n  }\n}\n\nUIAspect.addRuntime(UiUI);\n"],"mappings":"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"}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/ui",
-  "version": "0.0.1092",
+  "version": "0.0.1094",
   "homepage": "https://bit.cloud/teambit/ui-foundation/ui",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.ui-foundation",
     "name": "ui",
-    "version": "0.0.1092"
+    "version": "0.0.1094"
   },
   "dependencies": {
     "lodash": "4.17.21",
@@ -41,7 +41,7 @@
     "babel-plugin-named-asset-import": "0.3.7",
     "resolve-url-loader": "5.0.0",
     "babel-preset-react-app": "10.0.0",
-    "babel-loader": "8.2.2",
+    "babel-loader": "9.1.2",
     "source-map-loader": "3.0.0",
     "core-js": "^3.0.0",
     "@babel/runtime": "7.20.0",
@@ -53,28 +53,29 @@
     "@teambit/design.theme.icons-font": "2.0.26",
     "@teambit/design.themes.theme-toggler": "0.1.3",
     "@teambit/design.ui.tooltip": "0.0.361",
-    "@teambit/builder": "0.0.1092",
-    "@teambit/isolator": "0.0.1092",
-    "@teambit/logger": "0.0.826",
-    "@teambit/aspect-loader": "0.0.1092",
+    "@teambit/builder": "0.0.1094",
+    "@teambit/isolator": "0.0.1094",
+    "@teambit/logger": "0.0.828",
+    "@teambit/aspect-loader": "0.0.1094",
     "@teambit/toolbox.path.to-windows-compatible-path": "0.0.490",
     "@teambit/ui-foundation.ui.hooks.use-data-query": "0.0.500",
     "@teambit/bit-error": "0.0.402",
-    "@teambit/cli": "0.0.733",
+    "@teambit/cli": "0.0.735",
     "@teambit/ui-foundation.cli.ui-server-console": "0.0.499",
-    "@teambit/bundler": "0.0.1092",
-    "@teambit/component": "0.0.1092",
-    "@teambit/express": "0.0.831",
-    "@teambit/graphql": "0.0.1092",
+    "@teambit/bundler": "0.0.1094",
+    "@teambit/component": "0.0.1094",
+    "@teambit/express": "0.0.833",
+    "@teambit/graphql": "0.0.1094",
     "@teambit/toolbox.network.get-port": "0.0.121",
-    "@teambit/aspect": "0.0.1092",
-    "@teambit/cache": "0.0.826",
-    "@teambit/pubsub": "0.0.1092",
-    "@teambit/react-router": "0.0.1092",
+    "@teambit/aspect": "0.0.1094",
+    "@teambit/cache": "0.0.828",
+    "@teambit/pubsub": "0.0.1094",
+    "@teambit/react-router": "0.0.1094",
+    "@teambit/ui-foundation.ui.hooks.use-user-agent": "0.0.189",
     "@teambit/ui-foundation.ui.global-loader": "0.0.497",
     "@teambit/webpack.modules.generate-style-loaders": "0.0.110",
     "@teambit/webpack.modules.style-regexps": "0.0.139",
-    "@teambit/webpack": "0.0.1092"
+    "@teambit/webpack": "0.0.1094"
   },
   "devDependencies": {
     "@types/lodash": "4.14.165",
@@ -95,7 +96,7 @@
   "peerDependencies": {
     "@apollo/client": "^3.6.0",
     "react-router-dom": "^6.0.0",
-    "@teambit/legacy": "1.0.514",
+    "@teambit/legacy": "1.0.516",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"
   },

package/ui.ui.runtime.tsx

@@ -4,6 +4,7 @@ import { Slot, SlotRegistry } from '@teambit/harmony';
 import type { ReactRouterUI } from '@teambit/react-router';
 import { ReactRouterAspect } from '@teambit/react-router';
 import { ServerRenderer, BrowserRenderer } from '@teambit/react.rendering.ssr';
+import { SSRBrowserProvider } from '@teambit/ui-foundation.ui.hooks.use-user-agent';
 import type { SsrSession, RenderPlugin, ContextProps } from '@teambit/react.rendering.ssr';
 
 import React, { ReactNode, ComponentType } from 'react';
@@ -66,8 +67,10 @@ export class UiUI {
     const reactSsr = new ServerRenderer(lifecyclePlugins);
     const fullHtml = await reactSsr.render(
       <ClientContext>
-        {hudItems}
-        {routes}
+        <SSRBrowserProvider value={ssrContent.browser}>
+          {hudItems}
+          {routes}
+        </SSRBrowserProvider>
       </ClientContext>,
       ssrContent
     );