@teambit/pkg 0.0.1079 → 0.0.1081

package/dist/pkg.ui.runtime.js

@@ -58,9 +58,17 @@ class PkgUI {
   }
   constructor(compUI) {
     this.compUI = compUI;
-    (0, _defineProperty2().default)(this, "npmConsumeMethod", comp => {
-      const registry = comp.packageName.split('/')[0];
-      const packageVersion = comp.version === comp.latest ? '' : `@${this.compUI.formatToInstallableVersion(comp.version)}`;
+    (0, _defineProperty2().default)(this, "npmConsumeMethod", ({
+      packageName: packageNameFromProps,
+      latest: latestFromProps,
+      id: componentId,
+      options,
+      componentModel
+    }) => {
+      const packageName = (componentModel === null || componentModel === void 0 ? void 0 : componentModel.packageName) || packageNameFromProps;
+      const latest = (componentModel === null || componentModel === void 0 ? void 0 : componentModel.latest) || latestFromProps;
+      const registry = packageName.split('/')[0];
+      const packageVersion = componentId.version === latest ? '' : `@${this.compUI.formatToInstallableVersion(componentId.version)}`;
       return {
         Title: /*#__PURE__*/_react().default.createElement("img", {
           style: {
@@ -68,13 +76,14 @@ class PkgUI {
           },
           src: "https://static.bit.dev/brands/logo-npm-new.svg"
         }),
-        Component: /*#__PURE__*/_react().default.createElement(_uiFoundationUiUseBox().Install, {
+        Component: !(options !== null && options !== void 0 && options.hide) ? /*#__PURE__*/_react().default.createElement(_uiFoundationUiUseBox().Install, {
           config: `npm config set '${registry}:registry' https://node.bit.cloud`,
-          componentName: comp.id.name,
+          componentName: componentId.name,
           packageManager: "npm",
-          copyString: `npm i ${comp.packageName}${packageVersion}`,
-          registryName: registry
-        }),
+          copyString: `npm i ${packageName}${packageVersion}`,
+          registryName: registry,
+          isInstallable: !(options !== null && options !== void 0 && options.disableInstall)
+        }) : null,
         order: 10
       };
     });

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

@@ -1 +1 @@
-{"version":3,"names":["PkgUI","provider","componentUI","pkg","registerConsumeMethod","npmConsumeMethod","constructor","compUI","comp","registry","packageName","split","packageVersion","version","latest","formatToInstallableVersion","Title","width","Component","id","name","order","UIRuntime","ComponentAspect","PkgAspect","addRuntime"],"sources":["pkg.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 { PkgAspect } from './pkg.aspect';\n\nexport class PkgUI {\n  static runtime = UIRuntime;\n\n  static dependencies = [ComponentAspect];\n\n  static async provider([componentUI]: [ComponentUI]) {\n    const pkg = new PkgUI(componentUI);\n    componentUI.registerConsumeMethod(pkg.npmConsumeMethod);\n    return pkg;\n  }\n\n  constructor(private compUI: ComponentUI) {}\n\n  private npmConsumeMethod: ConsumePlugin = (comp) => {\n    const registry = comp.packageName.split('/')[0];\n\n    const packageVersion =\n      comp.version === comp.latest ? '' : `@${this.compUI.formatToInstallableVersion(comp.version)}`;\n\n    return {\n      Title: <img style={{ width: '30px' }} src=\"https://static.bit.dev/brands/logo-npm-new.svg\" />,\n      Component: (\n        <Install\n          config={`npm config set '${registry}:registry' https://node.bit.cloud`}\n          componentName={comp.id.name}\n          packageManager=\"npm\"\n          copyString={`npm i ${comp.packageName}${packageVersion}`}\n          registryName={registry}\n        />\n      ),\n      order: 10,\n    };\n  };\n}\n\nexport default PkgUI;\n\nPkgAspect.addRuntime(PkgUI);\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEO,MAAMA,KAAK,CAAC;EAKjB,aAAaC,QAAQ,CAAC,CAACC,WAAW,CAAgB,EAAE;IAClD,MAAMC,GAAG,GAAG,IAAIH,KAAK,CAACE,WAAW,CAAC;IAClCA,WAAW,CAACE,qBAAqB,CAACD,GAAG,CAACE,gBAAgB,CAAC;IACvD,OAAOF,GAAG;EACZ;EAEAG,WAAW,CAASC,MAAmB,EAAE;IAAA,KAArBA,MAAmB,GAAnBA,MAAmB;IAAA,0DAEIC,IAAI,IAAK;MAClD,MAAMC,QAAQ,GAAGD,IAAI,CAACE,WAAW,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;MAE/C,MAAMC,cAAc,GAClBJ,IAAI,CAACK,OAAO,KAAKL,IAAI,CAACM,MAAM,GAAG,EAAE,GAAI,IAAG,IAAI,CAACP,MAAM,CAACQ,0BAA0B,CAACP,IAAI,CAACK,OAAO,CAAE,EAAC;MAEhG,OAAO;QACLG,KAAK,eAAE;UAAK,KAAK,EAAE;YAAEC,KAAK,EAAE;UAAO,CAAE;UAAC,GAAG,EAAC;QAAgD,EAAG;QAC7FC,SAAS,eACP,+BAAC,+BAAO;UACN,MAAM,EAAG,mBAAkBT,QAAS,mCAAmC;UACvE,aAAa,EAAED,IAAI,CAACW,EAAE,CAACC,IAAK;UAC5B,cAAc,EAAC,KAAK;UACpB,UAAU,EAAG,SAAQZ,IAAI,CAACE,WAAY,GAAEE,cAAe,EAAE;UACzD,YAAY,EAAEH;QAAS,EAE1B;QACDY,KAAK,EAAE;MACT,CAAC;IACH,CAAC;EArByC;AAsB5C;AAAC;AAAA,gCAjCYrB,KAAK,aACCsB,eAAS;AAAA,gCADftB,KAAK,kBAGM,CAACuB,oBAAe,CAAC;AAAA,eAgC1BvB,KAAK;AAAA;AAEpBwB,gBAAS,CAACC,UAAU,CAACzB,KAAK,CAAC"}
+{"version":3,"names":["PkgUI","provider","componentUI","pkg","registerConsumeMethod","npmConsumeMethod","constructor","compUI","packageName","packageNameFromProps","latest","latestFromProps","id","componentId","options","componentModel","registry","split","packageVersion","version","formatToInstallableVersion","Title","width","Component","hide","name","disableInstall","order","UIRuntime","ComponentAspect","PkgAspect","addRuntime"],"sources":["pkg.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 { PkgAspect } from './pkg.aspect';\n\nexport class PkgUI {\n  static runtime = UIRuntime;\n\n  static dependencies = [ComponentAspect];\n\n  static async provider([componentUI]: [ComponentUI]) {\n    const pkg = new PkgUI(componentUI);\n    componentUI.registerConsumeMethod(pkg.npmConsumeMethod);\n    return pkg;\n  }\n\n  constructor(private compUI: ComponentUI) {}\n\n  private npmConsumeMethod: ConsumePlugin = ({\n    packageName: packageNameFromProps,\n    latest: latestFromProps,\n    id: componentId,\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\n    const packageVersion =\n      componentId.version === latest ? '' : `@${this.compUI.formatToInstallableVersion(componentId.version)}`;\n\n    return {\n      Title: <img style={{ width: '30px' }} src=\"https://static.bit.dev/brands/logo-npm-new.svg\" />,\n      Component: !options?.hide ? (\n        <Install\n          config={`npm config set '${registry}:registry' https://node.bit.cloud`}\n          componentName={componentId.name}\n          packageManager=\"npm\"\n          copyString={`npm i ${packageName}${packageVersion}`}\n          registryName={registry}\n          isInstallable={!options?.disableInstall}\n        />\n      ) : null,\n      order: 10,\n    };\n  };\n}\n\nexport default PkgUI;\n\nPkgAspect.addRuntime(PkgUI);\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEO,MAAMA,KAAK,CAAC;EAKjB,aAAaC,QAAQ,CAAC,CAACC,WAAW,CAAgB,EAAE;IAClD,MAAMC,GAAG,GAAG,IAAIH,KAAK,CAACE,WAAW,CAAC;IAClCA,WAAW,CAACE,qBAAqB,CAACD,GAAG,CAACE,gBAAgB,CAAC;IACvD,OAAOF,GAAG;EACZ;EAEAG,WAAW,CAASC,MAAmB,EAAE;IAAA,KAArBA,MAAmB,GAAnBA,MAAmB;IAAA,0DAEG,CAAC;MACzCC,WAAW,EAAEC,oBAAoB;MACjCC,MAAM,EAAEC,eAAe;MACvBC,EAAE,EAAEC,WAAW;MACfC,OAAO;MACPC;IACF,CAAC,KAAK;MACJ,MAAMP,WAAW,GAAG,CAAAO,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEP,WAAW,KAAIC,oBAAoB;MACvE,MAAMC,MAAM,GAAG,CAAAK,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEL,MAAM,KAAIC,eAAe;MAExD,MAAMK,QAAQ,GAAGR,WAAW,CAACS,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;MAE1C,MAAMC,cAAc,GAClBL,WAAW,CAACM,OAAO,KAAKT,MAAM,GAAG,EAAE,GAAI,IAAG,IAAI,CAACH,MAAM,CAACa,0BAA0B,CAACP,WAAW,CAACM,OAAO,CAAE,EAAC;MAEzG,OAAO;QACLE,KAAK,eAAE;UAAK,KAAK,EAAE;YAAEC,KAAK,EAAE;UAAO,CAAE;UAAC,GAAG,EAAC;QAAgD,EAAG;QAC7FC,SAAS,EAAE,EAACT,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEU,IAAI,iBACvB,+BAAC,+BAAO;UACN,MAAM,EAAG,mBAAkBR,QAAS,mCAAmC;UACvE,aAAa,EAAEH,WAAW,CAACY,IAAK;UAChC,cAAc,EAAC,KAAK;UACpB,UAAU,EAAG,SAAQjB,WAAY,GAAEU,cAAe,EAAE;UACpD,YAAY,EAAEF,QAAS;UACvB,aAAa,EAAE,EAACF,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEY,cAAc;QAAC,EACxC,GACA,IAAI;QACRC,KAAK,EAAE;MACT,CAAC;IACH,CAAC;EA/ByC;AAgC5C;AAAC;AAAA,gCA3CY3B,KAAK,aACC4B,eAAS;AAAA,gCADf5B,KAAK,kBAGM,CAAC6B,oBAAe,CAAC;AAAA,eA0C1B7B,KAAK;AAAA;AAEpB8B,gBAAS,CAACC,UAAU,CAAC/B,KAAK,CAAC"}

package/dist/{preview-1686886045563.js → preview-1687058340034.js}

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

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/pkg",
-  "version": "0.0.1079",
+  "version": "0.0.1081",
   "homepage": "https://bit.cloud/teambit/pkg/pkg",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.pkg",
     "name": "pkg",
-    "version": "0.0.1079"
+    "version": "0.0.1081"
   },
   "dependencies": {
     "chalk": "2.4.2",
@@ -23,24 +23,24 @@
     "@babel/runtime": "7.20.0",
     "@teambit/harmony": "0.4.6",
     "@teambit/cli": "0.0.727",
-    "@teambit/builder": "0.0.1079",
+    "@teambit/builder": "0.0.1081",
     "@teambit/logger": "0.0.820",
-    "@teambit/typescript": "0.0.1079",
-    "@teambit/envs": "0.0.1079",
-    "@teambit/component": "0.0.1079",
+    "@teambit/typescript": "0.0.1081",
+    "@teambit/envs": "0.0.1081",
+    "@teambit/component": "0.0.1081",
     "@teambit/express": "0.0.825",
-    "@teambit/isolator": "0.0.1079",
-    "@teambit/scope": "0.0.1079",
-    "@teambit/graphql": "0.0.1079",
+    "@teambit/isolator": "0.0.1081",
+    "@teambit/scope": "0.0.1081",
+    "@teambit/graphql": "0.0.1081",
     "@teambit/bit-error": "0.0.402",
     "@teambit/component-issues": "0.0.92",
     "@teambit/component-package-version": "0.0.422",
-    "@teambit/dependency-resolver": "0.0.1079",
+    "@teambit/dependency-resolver": "0.0.1081",
     "@teambit/workspace.modules.node-modules-linker": "0.0.71",
-    "@teambit/workspace": "0.0.1079",
-    "@teambit/ui-foundation.ui.use-box.menu": "0.0.134",
-    "@teambit/ui": "0.0.1079",
-    "@teambit/compiler": "0.0.1079"
+    "@teambit/workspace": "0.0.1081",
+    "@teambit/ui-foundation.ui.use-box.menu": "0.0.135",
+    "@teambit/ui": "0.0.1081",
+    "@teambit/compiler": "0.0.1081"
   },
   "devDependencies": {
     "@types/mime": "2.0.3",

package/pkg.ui.runtime.tsx

@@ -17,23 +17,33 @@ export class PkgUI {
 
   constructor(private compUI: ComponentUI) {}
 
-  private npmConsumeMethod: ConsumePlugin = (comp) => {
-    const registry = comp.packageName.split('/')[0];
+  private npmConsumeMethod: ConsumePlugin = ({
+    packageName: packageNameFromProps,
+    latest: latestFromProps,
+    id: componentId,
+    options,
+    componentModel,
+  }) => {
+    const packageName = componentModel?.packageName || packageNameFromProps;
+    const latest = componentModel?.latest || latestFromProps;
+
+    const registry = packageName.split('/')[0];
 
     const packageVersion =
-      comp.version === comp.latest ? '' : `@${this.compUI.formatToInstallableVersion(comp.version)}`;
+      componentId.version === latest ? '' : `@${this.compUI.formatToInstallableVersion(componentId.version)}`;
 
     return {
       Title: <img style={{ width: '30px' }} src="https://static.bit.dev/brands/logo-npm-new.svg" />,
-      Component: (
+      Component: !options?.hide ? (
         <Install
           config={`npm config set '${registry}:registry' https://node.bit.cloud`}
-          componentName={comp.id.name}
+          componentName={componentId.name}
           packageManager="npm"
-          copyString={`npm i ${comp.packageName}${packageVersion}`}
+          copyString={`npm i ${packageName}${packageVersion}`}
           registryName={registry}
+          isInstallable={!options?.disableInstall}
         />
-      ),
+      ) : null,
       order: 10,
     };
   };