@teambit/code 0.0.878 → 0.0.880

package/code.ui.runtime.tsx

@@ -1,7 +1,7 @@
 import { ComponentAspect, ComponentUI } from '@teambit/component';
 import { UIRuntime } from '@teambit/ui';
 import React from 'react';
-import { SlotRegistry, Slot } from '@teambit/harmony';
+import { Harmony, SlotRegistry, Slot } from '@teambit/harmony';
 import type { FileIconMatch } from '@teambit/code.ui.utils.get-file-icon';
 import { staticStorageUrl } from '@teambit/base-ui.constants.storage';
 import { CodePage } from '@teambit/code.ui.code-tab-page';
@@ -23,11 +23,12 @@ export class CodeUI {
     /**
      * register an icon for a specific file type. pass icon and a match method/regexp
      */
+    private host: string,
     private fileIconSlot?: FileIconSlot
   ) {}
 
   getCodePage = () => {
-    return <CodePage fileIconSlot={this.fileIconSlot} />;
+    return <CodePage fileIconSlot={this.fileIconSlot} host={this.host} />;
   };
 
   registerEnvFileIcon(icons: FileIconMatch[]) {
@@ -42,10 +43,13 @@ export class CodeUI {
 
   static async provider(
     [component, componentCompare]: [ComponentUI, ComponentCompareUI],
-    config,
-    [fileIconSlot]: [FileIconSlot]
+    _,
+    [fileIconSlot]: [FileIconSlot],
+    harmony: Harmony
   ) {
-    const ui = new CodeUI(fileIconSlot);
+    const { config } = harmony;
+    const host = String(config.get('teambit.harmony/bit'));
+    const ui = new CodeUI(host, fileIconSlot);
     const section = new CodeSection(ui);
     // overrides the default tsx react icon with the typescript icon
     ui.registerEnvFileIcon([

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ComponentUI } from '@teambit/component';
-import { SlotRegistry } from '@teambit/harmony';
+import { Harmony, SlotRegistry } from '@teambit/harmony';
 import type { FileIconMatch } from '@teambit/code.ui.utils.get-file-icon';
 import { ComponentCompareUI } from '@teambit/component-compare';
 export declare type FileIconSlot = SlotRegistry<FileIconMatch[]>;
@@ -12,16 +12,17 @@ export declare class CodeUI {
     /**
      * register an icon for a specific file type. pass icon and a match method/regexp
      */
+    private host;
     private fileIconSlot?;
     constructor(
     /**
      * register an icon for a specific file type. pass icon and a match method/regexp
      */
-    fileIconSlot?: FileIconSlot | undefined);
+    host: string, fileIconSlot?: FileIconSlot | undefined);
     getCodePage: () => JSX.Element;
     registerEnvFileIcon(icons: FileIconMatch[]): this;
     static dependencies: import("@teambit/harmony").Aspect[];
     static runtime: import("@teambit/harmony").RuntimeDefinition;
     static slots: ((registerFn: () => string) => SlotRegistry<string>)[];
-    static provider([component, componentCompare]: [ComponentUI, ComponentCompareUI], config: any, [fileIconSlot]: [FileIconSlot]): Promise<CodeUI>;
+    static provider([component, componentCompare]: [ComponentUI, ComponentCompareUI], _: any, [fileIconSlot]: [FileIconSlot], harmony: Harmony): Promise<CodeUI>;
 }

package/dist/code.ui.runtime.js

@@ -132,11 +132,13 @@ class CodeUI {
   /**
    * register an icon for a specific file type. pass icon and a match method/regexp
    */
-  fileIconSlot) {
+  host, fileIconSlot) {
+    this.host = host;
     this.fileIconSlot = fileIconSlot;
     (0, _defineProperty2().default)(this, "getCodePage", () => {
       return /*#__PURE__*/_react().default.createElement(_codeUi().CodePage, {
-        fileIconSlot: this.fileIconSlot
+        fileIconSlot: this.fileIconSlot,
+        host: this.host
       });
     });
   }
@@ -148,8 +150,12 @@ class CodeUI {
     return this;
   }
 
-  static async provider([component, componentCompare], config, [fileIconSlot]) {
-    const ui = new CodeUI(fileIconSlot);
+  static async provider([component, componentCompare], _, [fileIconSlot], harmony) {
+    const {
+      config
+    } = harmony;
+    const host = String(config.get('teambit.harmony/bit'));
+    const ui = new CodeUI(host, fileIconSlot);
     const section = new (_code2().CodeSection)(ui); // overrides the default tsx react icon with the typescript icon
 
     ui.registerEnvFileIcon([fileName => isTsx.test(fileName) ? `${_baseUiConstants().staticStorageUrl}/file-icons/file_type_typescript.svg` : undefined]);

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

@@ -1 +1 @@
-{"version":3,"names":["isTsx","CodeUI","constructor","fileIconSlot","registerEnvFileIcon","icons","register","provider","component","componentCompare","config","ui","section","CodeSection","fileName","test","staticStorageUrl","undefined","registerRoute","route","registerWidget","navigationLink","order","codeCompare","CodeCompareSection","registerNavigation","props","registerRoutes","ComponentAspect","ComponentCompareAspect","UIRuntime","Slot","withType","CodeAspect","addRuntime"],"sources":["code.ui.runtime.tsx"],"sourcesContent":["import { ComponentAspect, ComponentUI } from '@teambit/component';\nimport { UIRuntime } from '@teambit/ui';\nimport React from 'react';\nimport { SlotRegistry, Slot } from '@teambit/harmony';\nimport type { FileIconMatch } from '@teambit/code.ui.utils.get-file-icon';\nimport { staticStorageUrl } from '@teambit/base-ui.constants.storage';\nimport { CodePage } from '@teambit/code.ui.code-tab-page';\nimport { ComponentCompareUI, ComponentCompareAspect } from '@teambit/component-compare';\nimport { CodeAspect } from './code.aspect';\nimport { CodeSection } from './code.section';\nimport { CodeCompareSection } from './code.compare.section';\n\nconst isTsx = /\\.tsx$/;\n\nexport type FileIconSlot = SlotRegistry<FileIconMatch[]>;\n\n/**\n * Component code tab aspect. Presents the code tab page and allows to control the code tab and register specific icons for each file type.\n *  @example CodeUI.registerEnvFileIcon([(fileName) => (/your-regexp/.test(fileName) ? 'your.icon.url' : undefined)])\n */\nexport class CodeUI {\n  constructor(\n    /**\n     * register an icon for a specific file type. pass icon and a match method/regexp\n     */\n    private fileIconSlot?: FileIconSlot\n  ) {}\n\n  getCodePage = () => {\n    return <CodePage fileIconSlot={this.fileIconSlot} />;\n  };\n\n  registerEnvFileIcon(icons: FileIconMatch[]) {\n    this.fileIconSlot?.register(icons);\n    return this;\n  }\n  static dependencies = [ComponentAspect, ComponentCompareAspect];\n\n  static runtime = UIRuntime;\n\n  static slots = [Slot.withType<string>()];\n\n  static async provider(\n    [component, componentCompare]: [ComponentUI, ComponentCompareUI],\n    config,\n    [fileIconSlot]: [FileIconSlot]\n  ) {\n    const ui = new CodeUI(fileIconSlot);\n    const section = new CodeSection(ui);\n    // overrides the default tsx react icon with the typescript icon\n    ui.registerEnvFileIcon([\n      (fileName) => (isTsx.test(fileName) ? `${staticStorageUrl}/file-icons/file_type_typescript.svg` : undefined),\n    ]);\n    component.registerRoute([section.route]);\n    component.registerWidget(section.navigationLink, section.order);\n    const codeCompare = new CodeCompareSection(fileIconSlot);\n    componentCompare.registerNavigation({\n      props: codeCompare.navigationLink,\n      order: codeCompare.navigationLink.order,\n    });\n    componentCompare.registerRoutes([codeCompare.route]);\n    return ui;\n  }\n}\n\nCodeAspect.addRuntime(CodeUI);\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;;AAEA;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;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA,MAAMA,KAAK,GAAG,QAAd;;AAIA;AACA;AACA;AACA;AACO,MAAMC,MAAN,CAAa;EAClBC,WAAW;EACT;AACJ;AACA;EACYC,YAJC,EAKT;IAAA,KADQA,YACR,GADQA,YACR;IAAA,qDAEY,MAAM;MAClB,oBAAO,+BAAC,kBAAD;QAAU,YAAY,EAAE,KAAKA;MAA7B,EAAP;IACD,CAJC;EAAE;;EAMJC,mBAAmB,CAACC,KAAD,EAAyB;IAAA;;IAC1C,2BAAKF,YAAL,0EAAmBG,QAAnB,CAA4BD,KAA5B;IACA,OAAO,IAAP;EACD;;EAOoB,aAARE,QAAQ,CACnB,CAACC,SAAD,EAAYC,gBAAZ,CADmB,EAEnBC,MAFmB,EAGnB,CAACP,YAAD,CAHmB,EAInB;IACA,MAAMQ,EAAE,GAAG,IAAIV,MAAJ,CAAWE,YAAX,CAAX;IACA,MAAMS,OAAO,GAAG,KAAIC,oBAAJ,EAAgBF,EAAhB,CAAhB,CAFA,CAGA;;IACAA,EAAE,CAACP,mBAAH,CAAuB,CACpBU,QAAD,IAAed,KAAK,CAACe,IAAN,CAAWD,QAAX,IAAwB,GAAEE,mCAAiB,sCAA3C,GAAmFC,SAD7E,CAAvB;IAGAT,SAAS,CAACU,aAAV,CAAwB,CAACN,OAAO,CAACO,KAAT,CAAxB;IACAX,SAAS,CAACY,cAAV,CAAyBR,OAAO,CAACS,cAAjC,EAAiDT,OAAO,CAACU,KAAzD;IACA,MAAMC,WAAW,GAAG,KAAIC,iCAAJ,EAAuBrB,YAAvB,CAApB;IACAM,gBAAgB,CAACgB,kBAAjB,CAAoC;MAClCC,KAAK,EAAEH,WAAW,CAACF,cADe;MAElCC,KAAK,EAAEC,WAAW,CAACF,cAAZ,CAA2BC;IAFA,CAApC;IAIAb,gBAAgB,CAACkB,cAAjB,CAAgC,CAACJ,WAAW,CAACJ,KAAb,CAAhC;IACA,OAAOR,EAAP;EACD;;AA1CiB;;;gCAAPV,M,kBAgBW,CAAC2B,4BAAD,EAAkBC,0CAAlB,C;gCAhBX5B,M,aAkBM6B,e;gCAlBN7B,M,WAoBI,CAAC8B,eAAA,CAAKC,QAAL,EAAD,C;;AAyBjBC,kBAAA,CAAWC,UAAX,CAAsBjC,MAAtB"}
+{"version":3,"names":["isTsx","CodeUI","constructor","host","fileIconSlot","registerEnvFileIcon","icons","register","provider","component","componentCompare","_","harmony","config","String","get","ui","section","CodeSection","fileName","test","staticStorageUrl","undefined","registerRoute","route","registerWidget","navigationLink","order","codeCompare","CodeCompareSection","registerNavigation","props","registerRoutes","ComponentAspect","ComponentCompareAspect","UIRuntime","Slot","withType","CodeAspect","addRuntime"],"sources":["code.ui.runtime.tsx"],"sourcesContent":["import { ComponentAspect, ComponentUI } from '@teambit/component';\nimport { UIRuntime } from '@teambit/ui';\nimport React from 'react';\nimport { Harmony, SlotRegistry, Slot } from '@teambit/harmony';\nimport type { FileIconMatch } from '@teambit/code.ui.utils.get-file-icon';\nimport { staticStorageUrl } from '@teambit/base-ui.constants.storage';\nimport { CodePage } from '@teambit/code.ui.code-tab-page';\nimport { ComponentCompareUI, ComponentCompareAspect } from '@teambit/component-compare';\nimport { CodeAspect } from './code.aspect';\nimport { CodeSection } from './code.section';\nimport { CodeCompareSection } from './code.compare.section';\n\nconst isTsx = /\\.tsx$/;\n\nexport type FileIconSlot = SlotRegistry<FileIconMatch[]>;\n\n/**\n * Component code tab aspect. Presents the code tab page and allows to control the code tab and register specific icons for each file type.\n *  @example CodeUI.registerEnvFileIcon([(fileName) => (/your-regexp/.test(fileName) ? 'your.icon.url' : undefined)])\n */\nexport class CodeUI {\n  constructor(\n    /**\n     * register an icon for a specific file type. pass icon and a match method/regexp\n     */\n    private host: string,\n    private fileIconSlot?: FileIconSlot\n  ) {}\n\n  getCodePage = () => {\n    return <CodePage fileIconSlot={this.fileIconSlot} host={this.host} />;\n  };\n\n  registerEnvFileIcon(icons: FileIconMatch[]) {\n    this.fileIconSlot?.register(icons);\n    return this;\n  }\n  static dependencies = [ComponentAspect, ComponentCompareAspect];\n\n  static runtime = UIRuntime;\n\n  static slots = [Slot.withType<string>()];\n\n  static async provider(\n    [component, componentCompare]: [ComponentUI, ComponentCompareUI],\n    _,\n    [fileIconSlot]: [FileIconSlot],\n    harmony: Harmony\n  ) {\n    const { config } = harmony;\n    const host = String(config.get('teambit.harmony/bit'));\n    const ui = new CodeUI(host, fileIconSlot);\n    const section = new CodeSection(ui);\n    // overrides the default tsx react icon with the typescript icon\n    ui.registerEnvFileIcon([\n      (fileName) => (isTsx.test(fileName) ? `${staticStorageUrl}/file-icons/file_type_typescript.svg` : undefined),\n    ]);\n    component.registerRoute([section.route]);\n    component.registerWidget(section.navigationLink, section.order);\n    const codeCompare = new CodeCompareSection(fileIconSlot);\n    componentCompare.registerNavigation({\n      props: codeCompare.navigationLink,\n      order: codeCompare.navigationLink.order,\n    });\n    componentCompare.registerRoutes([codeCompare.route]);\n    return ui;\n  }\n}\n\nCodeAspect.addRuntime(CodeUI);\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;;AAEA;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;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA,MAAMA,KAAK,GAAG,QAAd;;AAIA;AACA;AACA;AACA;AACO,MAAMC,MAAN,CAAa;EAClBC,WAAW;EACT;AACJ;AACA;EACYC,IAJC,EAKDC,YALC,EAMT;IAAA,KAFQD,IAER,GAFQA,IAER;IAAA,KADQC,YACR,GADQA,YACR;IAAA,qDAEY,MAAM;MAClB,oBAAO,+BAAC,kBAAD;QAAU,YAAY,EAAE,KAAKA,YAA7B;QAA2C,IAAI,EAAE,KAAKD;MAAtD,EAAP;IACD,CAJC;EAAE;;EAMJE,mBAAmB,CAACC,KAAD,EAAyB;IAAA;;IAC1C,2BAAKF,YAAL,0EAAmBG,QAAnB,CAA4BD,KAA5B;IACA,OAAO,IAAP;EACD;;EAOoB,aAARE,QAAQ,CACnB,CAACC,SAAD,EAAYC,gBAAZ,CADmB,EAEnBC,CAFmB,EAGnB,CAACP,YAAD,CAHmB,EAInBQ,OAJmB,EAKnB;IACA,MAAM;MAAEC;IAAF,IAAaD,OAAnB;IACA,MAAMT,IAAI,GAAGW,MAAM,CAACD,MAAM,CAACE,GAAP,CAAW,qBAAX,CAAD,CAAnB;IACA,MAAMC,EAAE,GAAG,IAAIf,MAAJ,CAAWE,IAAX,EAAiBC,YAAjB,CAAX;IACA,MAAMa,OAAO,GAAG,KAAIC,oBAAJ,EAAgBF,EAAhB,CAAhB,CAJA,CAKA;;IACAA,EAAE,CAACX,mBAAH,CAAuB,CACpBc,QAAD,IAAenB,KAAK,CAACoB,IAAN,CAAWD,QAAX,IAAwB,GAAEE,mCAAiB,sCAA3C,GAAmFC,SAD7E,CAAvB;IAGAb,SAAS,CAACc,aAAV,CAAwB,CAACN,OAAO,CAACO,KAAT,CAAxB;IACAf,SAAS,CAACgB,cAAV,CAAyBR,OAAO,CAACS,cAAjC,EAAiDT,OAAO,CAACU,KAAzD;IACA,MAAMC,WAAW,GAAG,KAAIC,iCAAJ,EAAuBzB,YAAvB,CAApB;IACAM,gBAAgB,CAACoB,kBAAjB,CAAoC;MAClCC,KAAK,EAAEH,WAAW,CAACF,cADe;MAElCC,KAAK,EAAEC,WAAW,CAACF,cAAZ,CAA2BC;IAFA,CAApC;IAIAjB,gBAAgB,CAACsB,cAAjB,CAAgC,CAACJ,WAAW,CAACJ,KAAb,CAAhC;IACA,OAAOR,EAAP;EACD;;AA9CiB;;;gCAAPf,M,kBAiBW,CAACgC,4BAAD,EAAkBC,0CAAlB,C;gCAjBXjC,M,aAmBMkC,e;gCAnBNlC,M,WAqBI,CAACmC,eAAA,CAAKC,QAAL,EAAD,C;;AA4BjBC,kBAAA,CAAWC,UAAX,CAAsBtC,MAAtB"}

package/package.json

@@ -1,25 +1,25 @@
 {
   "name": "@teambit/code",
-  "version": "0.0.878",
+  "version": "0.0.880",
   "homepage": "https://bit.dev/teambit/component/code",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.component",
     "name": "code",
-    "version": "0.0.878"
+    "version": "0.0.880"
   },
   "dependencies": {
     "@babel/runtime": "7.12.18",
     "core-js": "^3.0.0",
     "@teambit/harmony": "0.3.3",
     "@teambit/base-ui.constants.storage": "1.0.0",
-    "@teambit/code.ui.code-compare": "0.0.102",
-    "@teambit/component": "0.0.878",
+    "@teambit/code.ui.code-compare": "0.0.104",
+    "@teambit/component": "0.0.880",
     "@teambit/ui-foundation.ui.menu-widget-icon": "0.0.494",
-    "@teambit/code.ui.code-tab-page": "0.0.592",
+    "@teambit/code.ui.code-tab-page": "0.0.593",
     "@teambit/code.ui.utils.get-file-icon": "0.0.492",
-    "@teambit/component-compare": "0.0.126",
-    "@teambit/ui": "0.0.878"
+    "@teambit/component-compare": "0.0.128",
+    "@teambit/ui": "0.0.880"
   },
   "devDependencies": {
     "@types/react": "^17.0.8",
@@ -30,7 +30,7 @@
     "@types/node": "12.20.4"
   },
   "peerDependencies": {
-    "@teambit/legacy": "1.0.369",
+    "@teambit/legacy": "1.0.373",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },

package/{preview-1665718844698.js → preview-1666312873430.js}

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