@teambit/pkg 0.0.1015 → 0.0.1017

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

@@ -1,8 +1,10 @@
 import { ComponentUI } from '@teambit/component';
 export declare class PkgUI {
+    private compUI;
     static runtime: import("@teambit/harmony").RuntimeDefinition;
     static dependencies: import("@teambit/harmony").Aspect[];
     static provider([componentUI]: [ComponentUI]): Promise<PkgUI>;
+    constructor(compUI: ComponentUI);
     private npmConsumeMethod;
 }
 export default PkgUI;

package/dist/pkg.ui.runtime.js

@@ -51,11 +51,17 @@ function _pkg() {
   return data;
 }
 class PkgUI {
-  constructor() {
+  static async provider([componentUI]) {
+    const pkg = new PkgUI(componentUI);
+    componentUI.registerConsumeMethod(pkg.npmConsumeMethod);
+    return pkg;
+  }
+  constructor(compUI) {
+    this.compUI = compUI;
     (0, _defineProperty2().default)(this, "npmConsumeMethod", (comp, options) => {
       if (options !== null && options !== void 0 && options.currentLane) return undefined;
       const registry = comp.packageName.split('/')[0];
-      const packageVersion = comp.version === comp.latest ? '' : `@${comp.version}`;
+      const packageVersion = comp.version === comp.latest ? '' : `@${this.compUI.formatToInstallableVersion(comp.version)}`;
       return {
         Title: /*#__PURE__*/_react().default.createElement("img", {
           style: {
@@ -74,11 +80,6 @@ class PkgUI {
       };
     });
   }
-  static async provider([componentUI]) {
-    const pkg = new PkgUI();
-    componentUI.registerConsumeMethod(pkg.npmConsumeMethod);
-    return pkg;
-  }
 }
 exports.PkgUI = PkgUI;
 (0, _defineProperty2().default)(PkgUI, "runtime", _ui().UIRuntime);

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

@@ -1 +1 @@
-{"version":3,"names":["PkgUI","comp","options","currentLane","undefined","registry","packageName","split","packageVersion","version","latest","Title","width","Component","id","name","order","provider","componentUI","pkg","registerConsumeMethod","npmConsumeMethod","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();\n    componentUI.registerConsumeMethod(pkg.npmConsumeMethod);\n    return pkg;\n  }\n\n  private npmConsumeMethod: ConsumePlugin = (comp, options) => {\n    if (options?.currentLane) return undefined;\n\n    const registry = comp.packageName.split('/')[0];\n    const packageVersion = comp.version === comp.latest ? '' : `@${comp.version}`;\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;EAAA;IAAA,0DAWyB,CAACC,IAAI,EAAEC,OAAO,KAAK;MAC3D,IAAIA,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEC,WAAW,EAAE,OAAOC,SAAS;MAE1C,MAAMC,QAAQ,GAAGJ,IAAI,CAACK,WAAW,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;MAC/C,MAAMC,cAAc,GAAGP,IAAI,CAACQ,OAAO,KAAKR,IAAI,CAACS,MAAM,GAAG,EAAE,GAAI,IAAGT,IAAI,CAACQ,OAAQ,EAAC;MAC7E,OAAO;QACLE,KAAK,eAAE;UAAK,KAAK,EAAE;YAAEC,KAAK,EAAE;UAAO,CAAE;UAAC,GAAG,EAAC;QAAgD,EAAG;QAC7FC,SAAS,eACP,+BAAC,+BAAO;UACN,MAAM,EAAG,mBAAkBR,QAAS,mCAAmC;UACvE,aAAa,EAAEJ,IAAI,CAACa,EAAE,CAACC,IAAK;UAC5B,cAAc,EAAC,KAAK;UACpB,UAAU,EAAG,SAAQd,IAAI,CAACK,WAAY,GAAEE,cAAe,EAAE;UACzD,YAAY,EAAEH;QAAS,EAE1B;QACDW,KAAK,EAAE;MACT,CAAC;IACH,CAAC;EAAA;EAxBD,aAAaC,QAAQ,CAAC,CAACC,WAAW,CAAgB,EAAE;IAClD,MAAMC,GAAG,GAAG,IAAInB,KAAK,EAAE;IACvBkB,WAAW,CAACE,qBAAqB,CAACD,GAAG,CAACE,gBAAgB,CAAC;IACvD,OAAOF,GAAG;EACZ;AAqBF;AAAC;AAAA,gCA9BYnB,KAAK,aACCsB,eAAS;AAAA,gCADftB,KAAK,kBAGM,CAACuB,oBAAe,CAAC;AAAA,eA6B1BvB,KAAK;AAAA;AAEpBwB,gBAAS,CAACC,UAAU,CAACzB,KAAK,CAAC"}
+{"version":3,"names":["PkgUI","provider","componentUI","pkg","registerConsumeMethod","npmConsumeMethod","constructor","compUI","comp","options","currentLane","undefined","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, options) => {\n    if (options?.currentLane) return undefined;\n\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,0DAEG,CAACC,IAAI,EAAEC,OAAO,KAAK;MAC3D,IAAIA,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEC,WAAW,EAAE,OAAOC,SAAS;MAE1C,MAAMC,QAAQ,GAAGJ,IAAI,CAACK,WAAW,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;MAE/C,MAAMC,cAAc,GAClBP,IAAI,CAACQ,OAAO,KAAKR,IAAI,CAACS,MAAM,GAAG,EAAE,GAAI,IAAG,IAAI,CAACV,MAAM,CAACW,0BAA0B,CAACV,IAAI,CAACQ,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,EAAEJ,IAAI,CAACc,EAAE,CAACC,IAAK;UAC5B,cAAc,EAAC,KAAK;UACpB,UAAU,EAAG,SAAQf,IAAI,CAACK,WAAY,GAAEE,cAAe,EAAE;UACzD,YAAY,EAAEH;QAAS,EAE1B;QACDY,KAAK,EAAE;MACT,CAAC;IACH,CAAC;EAvByC;AAwB5C;AAAC;AAAA,gCAnCYxB,KAAK,aACCyB,eAAS;AAAA,gCADfzB,KAAK,kBAGM,CAAC0B,oBAAe,CAAC;AAAA,eAkC1B1B,KAAK;AAAA;AAEpB2B,gBAAS,CAACC,UAAU,CAAC5B,KAAK,CAAC"}

package/dist/{preview-1678419346454.js → preview-1678787991876.js}

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.pkg_pkg@0.0.1015/dist/pkg.composition.js';
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.pkg_pkg@0.0.1015/dist/pkg.docs.mdx';
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.pkg_pkg@0.0.1017/dist/pkg.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.pkg_pkg@0.0.1017/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.1015",
+  "version": "0.0.1017",
   "homepage": "https://bit.dev/teambit/pkg/pkg",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.pkg",
     "name": "pkg",
-    "version": "0.0.1015"
+    "version": "0.0.1017"
   },
   "dependencies": {
     "chalk": "2.4.2",
@@ -22,25 +22,25 @@
     "core-js": "^3.0.0",
     "@babel/runtime": "7.20.0",
     "@teambit/harmony": "0.4.6",
-    "@teambit/cli": "0.0.679",
-    "@teambit/builder": "0.0.1015",
-    "@teambit/logger": "0.0.772",
-    "@teambit/envs": "0.0.1015",
-    "@teambit/component": "0.0.1015",
-    "@teambit/express": "0.0.777",
-    "@teambit/isolator": "0.0.1015",
-    "@teambit/scope": "0.0.1015",
-    "@teambit/graphql": "0.0.1015",
+    "@teambit/cli": "0.0.681",
+    "@teambit/builder": "0.0.1017",
+    "@teambit/logger": "0.0.774",
+    "@teambit/envs": "0.0.1017",
+    "@teambit/component": "0.0.1017",
+    "@teambit/express": "0.0.779",
+    "@teambit/isolator": "0.0.1017",
+    "@teambit/scope": "0.0.1017",
+    "@teambit/graphql": "0.0.1017",
     "@teambit/bit-error": "0.0.402",
     "@teambit/component-issues": "0.0.88",
     "@teambit/component-package-version": "0.0.422",
-    "@teambit/dependency-resolver": "0.0.1015",
-    "@teambit/new-component-helper": "0.0.419",
-    "@teambit/workspace.modules.node-modules-linker": "0.0.23",
-    "@teambit/workspace": "0.0.1015",
+    "@teambit/dependency-resolver": "0.0.1017",
+    "@teambit/new-component-helper": "0.0.421",
+    "@teambit/workspace.modules.node-modules-linker": "0.0.25",
+    "@teambit/workspace": "0.0.1017",
     "@teambit/ui-foundation.ui.use-box.menu": "0.0.133",
-    "@teambit/ui": "0.0.1015",
-    "@teambit/compiler": "0.0.1015"
+    "@teambit/ui": "0.0.1017",
+    "@teambit/compiler": "0.0.1017"
   },
   "devDependencies": {
     "@types/mime": "2.0.3",
@@ -55,7 +55,7 @@
     "@teambit/pkg.content.packages-overview": "1.95.9"
   },
   "peerDependencies": {
-    "@teambit/legacy": "1.0.458",
+    "@teambit/legacy": "1.0.460",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"
   },

package/pkg.ui.runtime.tsx

@@ -10,16 +10,21 @@ export class PkgUI {
   static dependencies = [ComponentAspect];
 
   static async provider([componentUI]: [ComponentUI]) {
-    const pkg = new PkgUI();
+    const pkg = new PkgUI(componentUI);
     componentUI.registerConsumeMethod(pkg.npmConsumeMethod);
     return pkg;
   }
 
+  constructor(private compUI: ComponentUI) {}
+
   private npmConsumeMethod: ConsumePlugin = (comp, options) => {
     if (options?.currentLane) return undefined;
 
     const registry = comp.packageName.split('/')[0];
-    const packageVersion = comp.version === comp.latest ? '' : `@${comp.version}`;
+
+    const packageVersion =
+      comp.version === comp.latest ? '' : `@${this.compUI.formatToInstallableVersion(comp.version)}`;
+
     return {
       Title: <img style={{ width: '30px' }} src="https://static.bit.dev/brands/logo-npm-new.svg" />,
       Component: (