@teambit/yarn 1.0.453 → 1.0.455

package/artifacts/__bit_junit.xml

@@ -1,4 +1,4 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <testsuites tests="0" failures="0" errors="0" skipped="0">
-  <testsuite name="teambit.dependencies/yarn@1.0.453" tests="0" failures="0" errors="0" skipped="0"/>
+  <testsuite name="teambit.dependencies/yarn@1.0.455" tests="0" failures="0" errors="0" skipped="0"/>
 </testsuites>

package/artifacts/preview/teambit_dependencies_yarn-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.dependencies/yarn-preview"]=t():e["teambit.dependencies/yarn-preview"]=t()}(self,(()=>(()=>{"use strict";var e={666:(e,t,n)=>{Object.defineProperty(t,"R",{enumerable:!0,get:function(){return r.default}});var r=o(n(627));function o(e){return e&&e.__esModule?e:{default:e}}o.__bit_component={id:"teambit.dependencies/aspect-docs/yarn@0.0.168",homepage:"https://bit.cloud/teambit/dependencies/aspect-docs/yarn",exported:!0}},627:(e,t,n)=>{var r={id:"teambit.dependencies/aspect-docs/yarn@0.0.168",homepage:"https://bit.cloud/teambit/dependencies/aspect-docs/yarn",exported:!0};Object.defineProperty(t,"__esModule",{value:!0}),t.default=u,i(n(594));var o=n(16),a=["components"];function i(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(null,arguments)}function s(e,t){if(null==e)return{};var n,r,o=p(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.includes(n)||{}.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function p(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.includes(r))continue;n[r]=e[r]}return n}i.__bit_component=r,c.__bit_component=r,s.__bit_component=r,p.__bit_component=r;var d={},l="wrapper";function u(e){var t=e.components,n=s(e,a);return(0,o.mdx)(l,c({},d,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("p",null,"Yarn is a Bit aspect that enables the use of the Yarn ",(0,o.mdx)("strong",{parentName:"p"},"v2")," package manager in a Bit workspace (the Yarn aspect utilizes Yarn's programmatic API).\nThe yarn aspect is used ",(0,o.mdx)("strong",{parentName:"p"},"indirectly")," by the 'Dependency Resolver'"),(0,o.mdx)("h2",null,"Quickstart"),(0,o.mdx)("p",null,"To start using the yarn aspect as a package manager for your workspace, set the Dependency Resolver ",(0,o.mdx)("inlineCode",{parentName:"p"},"packageManager")," property to 'yarn'."),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-json"},'{\n  "teambit.dependencies/dependency-resolver": {\n    "packageManager": "teambit.dependencies/yarn"\n  }\n}\n')),(0,o.mdx)("blockquote",null,(0,o.mdx)("p",{parentName:"blockquote"},"Package manager are only configurable at the workspace configuration root-level.\nThat means, different components in the same workspace cannot use different package manager.")),(0,o.mdx)("hr",null),(0,o.mdx)("blockquote",null,(0,o.mdx)("p",{parentName:"blockquote"},"Packages on NPM will be installed from Bit.dev's registry instead of NPM's. This will be done using the user's Bit credentials.")))}u.__bit_component=r,u.isMDXComponent=!0},681:(e,t,n)=>{var r={id:"teambit.dependencies/yarn@1.0.453",homepage:"https://bit.cloud/teambit/dependencies/yarn",exported:!0};function o(){const e=a(n(594));return o=function(){return e},e}function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Logo=void 0,o.__bit_component=r,a.__bit_component=r;const i=()=>o().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},o().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/brands/logo-yarn.svg"}));i.__bit_component=r,t.Logo=i},16:e=>{e.exports=MdxJsReact},594:e=>{e.exports=React}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var a=t[r]={exports:{}};return e[r](a,a.exports,n),a.exports}n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};n.r(r),n.d(r,{compositions:()=>f,compositions_metadata:()=>y,overview:()=>b});var o={};n.r(o),n.d(o,{default:()=>m});var a=n(681),i=(n(594),n(16));const c=TeambitMdxUiMdxScopeContext;var s=n(666),p=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},d.apply(null,arguments)}var l={},u="wrapper";function m(e){var t=e.components,n=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.includes(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.includes(n)||{}.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,p);return(0,i.mdx)(u,d({},l,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)(c.MDXScopeProvider,{components:{Yarn:s.R},mdxType:"MDXScopeProvider"},(0,i.mdx)(s.R,{mdxType:"Yarn"})))}m.isMDXComponent=!0;const f=[a],b=[o],y={compositions:[{displayName:"Logo",identifier:"Logo"}]};return r})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["teambit.dependencies/yarn-preview"]=t():e["teambit.dependencies/yarn-preview"]=t()}(self,(()=>(()=>{"use strict";var e={666:(e,t,n)=>{Object.defineProperty(t,"R",{enumerable:!0,get:function(){return r.default}});var r=o(n(627));function o(e){return e&&e.__esModule?e:{default:e}}o.__bit_component={id:"teambit.dependencies/aspect-docs/yarn@0.0.168",homepage:"https://bit.cloud/teambit/dependencies/aspect-docs/yarn",exported:!0}},627:(e,t,n)=>{var r={id:"teambit.dependencies/aspect-docs/yarn@0.0.168",homepage:"https://bit.cloud/teambit/dependencies/aspect-docs/yarn",exported:!0};Object.defineProperty(t,"__esModule",{value:!0}),t.default=u,i(n(594));var o=n(16),a=["components"];function i(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(null,arguments)}function s(e,t){if(null==e)return{};var n,r,o=p(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.includes(n)||{}.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function p(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.includes(r))continue;n[r]=e[r]}return n}i.__bit_component=r,c.__bit_component=r,s.__bit_component=r,p.__bit_component=r;var d={},l="wrapper";function u(e){var t=e.components,n=s(e,a);return(0,o.mdx)(l,c({},d,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("p",null,"Yarn is a Bit aspect that enables the use of the Yarn ",(0,o.mdx)("strong",{parentName:"p"},"v2")," package manager in a Bit workspace (the Yarn aspect utilizes Yarn's programmatic API).\nThe yarn aspect is used ",(0,o.mdx)("strong",{parentName:"p"},"indirectly")," by the 'Dependency Resolver'"),(0,o.mdx)("h2",null,"Quickstart"),(0,o.mdx)("p",null,"To start using the yarn aspect as a package manager for your workspace, set the Dependency Resolver ",(0,o.mdx)("inlineCode",{parentName:"p"},"packageManager")," property to 'yarn'."),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-json"},'{\n  "teambit.dependencies/dependency-resolver": {\n    "packageManager": "teambit.dependencies/yarn"\n  }\n}\n')),(0,o.mdx)("blockquote",null,(0,o.mdx)("p",{parentName:"blockquote"},"Package manager are only configurable at the workspace configuration root-level.\nThat means, different components in the same workspace cannot use different package manager.")),(0,o.mdx)("hr",null),(0,o.mdx)("blockquote",null,(0,o.mdx)("p",{parentName:"blockquote"},"Packages on NPM will be installed from Bit.dev's registry instead of NPM's. This will be done using the user's Bit credentials.")))}u.__bit_component=r,u.isMDXComponent=!0},795:(e,t,n)=>{var r={id:"teambit.dependencies/yarn@1.0.455",homepage:"https://bit.cloud/teambit/dependencies/yarn",exported:!0};function o(){const e=a(n(594));return o=function(){return e},e}function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Logo=void 0,o.__bit_component=r,a.__bit_component=r;const i=()=>o().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},o().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/brands/logo-yarn.svg"}));i.__bit_component=r,t.Logo=i},16:e=>{e.exports=MdxJsReact},594:e=>{e.exports=React}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var a=t[r]={exports:{}};return e[r](a,a.exports,n),a.exports}n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};n.r(r),n.d(r,{compositions:()=>f,compositions_metadata:()=>y,overview:()=>b});var o={};n.r(o),n.d(o,{default:()=>m});var a=n(795),i=(n(594),n(16));const c=TeambitMdxUiMdxScopeContext;var s=n(666),p=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},d.apply(null,arguments)}var l={},u="wrapper";function m(e){var t=e.components,n=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.includes(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.includes(n)||{}.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,p);return(0,i.mdx)(u,d({},l,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)(c.MDXScopeProvider,{components:{Yarn:s.R},mdxType:"MDXScopeProvider"},(0,i.mdx)(s.R,{mdxType:"Yarn"})))}m.isMDXComponent=!0;const f=[a],b=[o],y={compositions:[{displayName:"Logo",identifier:"Logo"}]};return r})()));

package/artifacts/schema.json

@@ -769,7 +769,7 @@
           "__schema": "UnImplementedSchema",
           "location": {
             "filePath": "yarn.ui.runtime.tsx",
-            "line": 53,
+            "line": 64,
             "character": 16
           },
           "name": "YarnUI",
@@ -781,7 +781,7 @@
           "__schema": "UnImplementedSchema",
           "location": {
             "filePath": "yarn.ui.runtime.tsx",
-            "line": 55,
+            "line": 66,
             "character": 1
           },
           "name": "YarnAspect.addRuntime(YarnUI);",
@@ -793,7 +793,7 @@
   "componentId": {
     "scope": "teambit.dependencies",
     "name": "yarn",
-    "version": "1.0.453"
+    "version": "1.0.455"
   },
   "taggedModuleExports": []
 }

package/dist/{preview-1730863230957.js → preview-1731067157600.js}

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.dependencies_yarn@1.0.453/dist/yarn.composition.js';
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.dependencies_yarn@1.0.453/dist/yarn.docs.mdx';
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.dependencies_yarn@1.0.455/dist/yarn.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.dependencies_yarn@1.0.455/dist/yarn.docs.mdx';
 
 export const compositions = [compositions_0];
 export const overview = [overview_0];

package/dist/yarn.ui.runtime.d.ts

@@ -5,6 +5,7 @@ export declare class YarnUI {
     static dependencies: import("@teambit/harmony").Aspect[];
     static provider([componentUI]: [ComponentUI]): Promise<YarnUI>;
     constructor(compUI: ComponentUI);
+    private getNpmConfig;
     private consumeMethod;
 }
 export default YarnUI;

package/dist/yarn.ui.runtime.js

@@ -56,12 +56,14 @@ class YarnUI {
       id: componentId,
       latest: latestFromProps,
       options,
-      componentModel
+      componentModel,
+      authToken
     }) => {
       const packageName = componentModel?.packageName || packageNameFromProps;
       const latest = componentModel?.latest || latestFromProps;
       const registry = packageName.split('/')[0];
       const packageVersion = componentId.version === latest ? '' : `@${this.compUI.formatToInstallableVersion(componentId.version)}`;
+      const npmConfig = this.getNpmConfig(registry, authToken);
       return {
         Title: /*#__PURE__*/_react().default.createElement("img", {
           style: {
@@ -71,7 +73,7 @@ class YarnUI {
           src: "https://static.bit.dev/brands/logo-yarn-text.svg"
         }),
         Component: !options?.hide ? /*#__PURE__*/_react().default.createElement(_uiFoundationUiUseBox().Install, {
-          config: `npm config set '${registry}:registry' https://node-registry.bit.cloud`,
+          config: npmConfig,
           componentName: componentId.name,
           packageManager: "yarn",
           copyString: `yarn add ${packageName}${packageVersion}`,
@@ -82,6 +84,11 @@ class YarnUI {
       };
     });
   }
+  getNpmConfig(registry, authToken) {
+    const registryUrl = 'https://node-registry.bit.cloud';
+    const configs = [`${registry}:registry="${registryUrl}"`, authToken ? `"//node-registry.bit.cloud/:_authToken=${authToken}"` : undefined].filter(Boolean);
+    return `npm config set ${configs.join(' ')}`;
+  }
 }
 exports.YarnUI = YarnUI;
 _defineProperty(YarnUI, "runtime", _ui().UIRuntime);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireDefault","require","_ui","_uiFoundationUiUseBox","_component","_yarn","e","__esModule","default","_defineProperty","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","YarnUI","provider","componentUI","yarn","registerConsumeMethod","consumeMethod","constructor","compUI","packageName","packageNameFromProps","id","componentId","latest","latestFromProps","options","componentModel","registry","split","packageVersion","version","formatToInstallableVersion","Title","createElement","style","height","paddingTop","src","Component","hide","Install","config","componentName","name","packageManager","copyString","registryName","isInstallable","disableInstall","order","exports","UIRuntime","ComponentAspect","_default","YarnAspect","addRuntime"],"sources":["yarn.ui.runtime.tsx"],"sourcesContent":["import React from 'react';\nimport { UIRuntime } from '@teambit/ui';\nimport { Install } from '@teambit/ui-foundation.ui.use-box.menu';\nimport { ComponentAspect, ComponentUI, ConsumePlugin } from '@teambit/component';\nimport { YarnAspect } from './yarn.aspect';\n\nexport class YarnUI {\n  static runtime = UIRuntime;\n\n  static dependencies = [ComponentAspect];\n\n  static async provider([componentUI]: [ComponentUI]) {\n    const yarn = new YarnUI(componentUI);\n    componentUI.registerConsumeMethod(yarn.consumeMethod);\n    return yarn;\n  }\n\n  constructor(private compUI: ComponentUI) {}\n\n  private consumeMethod: ConsumePlugin = ({\n    packageName: packageNameFromProps,\n    id: componentId,\n    latest: latestFromProps,\n    options,\n    componentModel,\n  }) => {\n    const packageName = componentModel?.packageName || packageNameFromProps;\n    const latest = componentModel?.latest || latestFromProps;\n\n    const registry = packageName.split('/')[0];\n    const packageVersion =\n      componentId.version === latest ? '' : `@${this.compUI.formatToInstallableVersion(componentId.version as string)}`;\n\n    return {\n      Title: (\n        <img style={{ height: '17px', paddingTop: '4px' }} src=\"https://static.bit.dev/brands/logo-yarn-text.svg\" />\n      ),\n      Component: !options?.hide ? (\n        <Install\n          config={`npm config set '${registry}:registry' https://node-registry.bit.cloud`}\n          componentName={componentId.name}\n          packageManager=\"yarn\"\n          copyString={`yarn add ${packageName}${packageVersion}`}\n          registryName={registry}\n          isInstallable={!options?.disableInstall}\n        />\n      ) : null,\n      order: 20,\n    };\n  };\n}\n\nexport default YarnUI;\n\nYarnAspect.addRuntime(YarnUI);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","data","_interopRequireDefault","require","_ui","_uiFoundationUiUseBox","_component","_yarn","e","__esModule","default","_defineProperty","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","YarnUI","provider","componentUI","yarn","registerConsumeMethod","consumeMethod","constructor","compUI","packageName","packageNameFromProps","id","componentId","latest","latestFromProps","options","componentModel","authToken","registry","split","packageVersion","version","formatToInstallableVersion","npmConfig","getNpmConfig","Title","createElement","style","height","paddingTop","src","Component","hide","Install","config","componentName","name","packageManager","copyString","registryName","isInstallable","disableInstall","order","registryUrl","configs","undefined","filter","Boolean","join","exports","UIRuntime","ComponentAspect","_default","YarnAspect","addRuntime"],"sources":["yarn.ui.runtime.tsx"],"sourcesContent":["import React from 'react';\nimport { UIRuntime } from '@teambit/ui';\nimport { Install } from '@teambit/ui-foundation.ui.use-box.menu';\nimport { ComponentAspect, ComponentUI, ConsumePlugin } from '@teambit/component';\nimport { YarnAspect } from './yarn.aspect';\n\nexport class YarnUI {\n  static runtime = UIRuntime;\n\n  static dependencies = [ComponentAspect];\n\n  static async provider([componentUI]: [ComponentUI]) {\n    const yarn = new YarnUI(componentUI);\n    componentUI.registerConsumeMethod(yarn.consumeMethod);\n    return yarn;\n  }\n\n  constructor(private compUI: ComponentUI) {}\n\n  private getNpmConfig(registry: string, authToken?: string): string {\n    const registryUrl = 'https://node-registry.bit.cloud';\n    const configs = [\n      `${registry}:registry=\"${registryUrl}\"`,\n      authToken ? `\"//node-registry.bit.cloud/:_authToken=${authToken}\"` : undefined,\n    ].filter(Boolean);\n    return `npm config set ${configs.join(' ')}`;\n  }\n\n  private consumeMethod: ConsumePlugin = ({\n    packageName: packageNameFromProps,\n    id: componentId,\n    latest: latestFromProps,\n    options,\n    componentModel,\n    authToken,\n  }) => {\n    const packageName = componentModel?.packageName || packageNameFromProps;\n    const latest = componentModel?.latest || latestFromProps;\n\n    const registry = packageName.split('/')[0];\n    const packageVersion =\n      componentId.version === latest ? '' : `@${this.compUI.formatToInstallableVersion(componentId.version as string)}`;\n    const npmConfig = this.getNpmConfig(registry, authToken);\n\n    return {\n      Title: (\n        <img style={{ height: '17px', paddingTop: '4px' }} src=\"https://static.bit.dev/brands/logo-yarn-text.svg\" />\n      ),\n      Component: !options?.hide ? (\n        <Install\n          config={npmConfig}\n          componentName={componentId.name}\n          packageManager=\"yarn\"\n          copyString={`yarn add ${packageName}${packageVersion}`}\n          registryName={registry}\n          isInstallable={!options?.disableInstall}\n        />\n      ) : null,\n      order: 20,\n    };\n  };\n}\n\nexport default YarnUI;\n\nYarnAspect.addRuntime(YarnUI);\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/yarn",
-  "version": "1.0.453",
+  "version": "1.0.455",
   "homepage": "https://bit.cloud/teambit/dependencies/yarn",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.dependencies",
     "name": "yarn",
-    "version": "1.0.453"
+    "version": "1.0.455"
   },
   "dependencies": {
     "fs-extra": "10.0.0",
@@ -24,13 +24,13 @@
     "yaml": "1.10.2",
     "@teambit/harmony": "0.4.6",
     "@teambit/bit-error": "0.0.404",
-    "@teambit/ui-foundation.ui.use-box.menu": "1.0.11",
-    "@teambit/component": "1.0.453",
-    "@teambit/dependency-resolver": "1.0.453",
-    "@teambit/cli": "0.0.1030",
-    "@teambit/logger": "0.0.1123",
+    "@teambit/ui-foundation.ui.use-box.menu": "1.0.12",
+    "@teambit/component": "1.0.455",
+    "@teambit/dependency-resolver": "1.0.455",
+    "@teambit/cli": "0.0.1032",
+    "@teambit/logger": "0.0.1125",
     "@teambit/dependencies.fs.linked-dependencies": "0.0.9",
-    "@teambit/ui": "1.0.453"
+    "@teambit/ui": "1.0.455"
   },
   "devDependencies": {
     "@types/fs-extra": "9.0.7",

package/yarn.ui.runtime.tsx

@@ -17,12 +17,22 @@ export class YarnUI {
 
   constructor(private compUI: ComponentUI) {}
 
+  private getNpmConfig(registry: string, authToken?: string): string {
+    const registryUrl = 'https://node-registry.bit.cloud';
+    const configs = [
+      `${registry}:registry="${registryUrl}"`,
+      authToken ? `"//node-registry.bit.cloud/:_authToken=${authToken}"` : undefined,
+    ].filter(Boolean);
+    return `npm config set ${configs.join(' ')}`;
+  }
+
   private consumeMethod: ConsumePlugin = ({
     packageName: packageNameFromProps,
     id: componentId,
     latest: latestFromProps,
     options,
     componentModel,
+    authToken,
   }) => {
     const packageName = componentModel?.packageName || packageNameFromProps;
     const latest = componentModel?.latest || latestFromProps;
@@ -30,6 +40,7 @@ export class YarnUI {
     const registry = packageName.split('/')[0];
     const packageVersion =
       componentId.version === latest ? '' : `@${this.compUI.formatToInstallableVersion(componentId.version as string)}`;
+    const npmConfig = this.getNpmConfig(registry, authToken);
 
     return {
       Title: (
@@ -37,7 +48,7 @@ export class YarnUI {
       ),
       Component: !options?.hide ? (
         <Install
-          config={`npm config set '${registry}:registry' https://node-registry.bit.cloud`}
+          config={npmConfig}
           componentName={componentId.name}
           packageManager="yarn"
           copyString={`yarn add ${packageName}${packageVersion}`}