@teambit/code 0.0.881 → 0.0.883

package/dist/code.aspect.js

@@ -4,23 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.CodeAspect = void 0;
-
 function _harmony() {
   const data = require("@teambit/harmony");
-
   _harmony = function () {
     return data;
   };
-
   return data;
 }
-
 const CodeAspect = _harmony().Aspect.create({
   id: 'teambit.component/code',
   dependencies: [],
   defaultConfig: {}
 });
-
 exports.CodeAspect = CodeAspect;
 var _default = CodeAspect;
 exports.default = _default;

package/dist/code.aspect.js.map

@@ -1 +1 @@
-{"version":3,"names":["CodeAspect","Aspect","create","id","dependencies","defaultConfig"],"sources":["code.aspect.ts"],"sourcesContent":["import { Aspect } from '@teambit/harmony';\n\nexport const CodeAspect = Aspect.create({\n  id: 'teambit.component/code',\n  dependencies: [],\n  defaultConfig: {},\n});\n\nexport default CodeAspect;\n"],"mappings":";;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEO,MAAMA,UAAU,GAAGC,iBAAA,CAAOC,MAAP,CAAc;EACtCC,EAAE,EAAE,wBADkC;EAEtCC,YAAY,EAAE,EAFwB;EAGtCC,aAAa,EAAE;AAHuB,CAAd,CAAnB;;;eAMQL,U"}
+{"version":3,"names":["CodeAspect","Aspect","create","id","dependencies","defaultConfig"],"sources":["code.aspect.ts"],"sourcesContent":["import { Aspect } from '@teambit/harmony';\n\nexport const CodeAspect = Aspect.create({\n  id: 'teambit.component/code',\n  dependencies: [],\n  defaultConfig: {},\n});\n\nexport default CodeAspect;\n"],"mappings":";;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEO,MAAMA,UAAU,GAAGC,iBAAM,CAACC,MAAM,CAAC;EACtCC,EAAE,EAAE,wBAAwB;EAC5BC,YAAY,EAAE,EAAE;EAChBC,aAAa,EAAE,CAAC;AAClB,CAAC,CAAC;AAAC;AAAA,eAEYL,UAAU;AAAA"}

package/dist/code.compare.section.js

@@ -1,42 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CodeCompareSection = void 0;
-
 function _defineProperty2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
   _defineProperty2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _react() {
   const data = _interopRequireDefault(require("react"));
-
   _react = function () {
     return data;
   };
-
   return data;
 }
-
 function _codeUi() {
   const data = require("@teambit/code.ui.code-compare");
-
   _codeUi = function () {
     return data;
   };
-
   return data;
 }
-
 class CodeCompareSection {
   constructor(fileIconSlot) {
     this.fileIconSlot = fileIconSlot;
@@ -52,9 +41,7 @@ class CodeCompareSection {
       })
     });
   }
-
 }
-
 exports.CodeCompareSection = CodeCompareSection;
 
 //# sourceMappingURL=code.compare.section.js.map

package/dist/code.compare.section.js.map

@@ -1 +1 @@
-{"version":3,"names":["CodeCompareSection","constructor","fileIconSlot","href","children","order","path","element"],"sources":["code.compare.section.tsx"],"sourcesContent":["import React from 'react';\nimport { FileIconSlot } from '@teambit/code';\nimport { Section } from '@teambit/component';\nimport { CodeCompare } from '@teambit/code.ui.code-compare';\n\nexport class CodeCompareSection implements Section {\n  constructor(private fileIconSlot: FileIconSlot) {}\n\n  navigationLink = {\n    href: 'code',\n    children: 'Code',\n    order: 4,\n  };\n\n  route = {\n    path: 'code/*',\n    element: <CodeCompare fileIconSlot={this.fileIconSlot} />,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEO,MAAMA,kBAAN,CAA4C;EACjDC,WAAW,CAASC,YAAT,EAAqC;IAAA,KAA5BA,YAA4B,GAA5BA,YAA4B;IAAA,wDAE/B;MACfC,IAAI,EAAE,MADS;MAEfC,QAAQ,EAAE,MAFK;MAGfC,KAAK,EAAE;IAHQ,CAF+B;IAAA,+CAQxC;MACNC,IAAI,EAAE,QADA;MAENC,OAAO,eAAE,+BAAC,qBAAD;QAAa,YAAY,EAAE,KAAKL;MAAhC;IAFH,CARwC;EAAE;;AADD"}
+{"version":3,"names":["CodeCompareSection","constructor","fileIconSlot","href","children","order","path","element"],"sources":["code.compare.section.tsx"],"sourcesContent":["import React from 'react';\nimport { FileIconSlot } from '@teambit/code';\nimport { Section } from '@teambit/component';\nimport { CodeCompare } from '@teambit/code.ui.code-compare';\n\nexport class CodeCompareSection implements Section {\n  constructor(private fileIconSlot: FileIconSlot) {}\n\n  navigationLink = {\n    href: 'code',\n    children: 'Code',\n    order: 4,\n  };\n\n  route = {\n    path: 'code/*',\n    element: <CodeCompare fileIconSlot={this.fileIconSlot} />,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAGA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEO,MAAMA,kBAAkB,CAAoB;EACjDC,WAAW,CAASC,YAA0B,EAAE;IAAA,KAA5BA,YAA0B,GAA1BA,YAA0B;IAAA,wDAE7B;MACfC,IAAI,EAAE,MAAM;MACZC,QAAQ,EAAE,MAAM;MAChBC,KAAK,EAAE;IACT,CAAC;IAAA,+CAEO;MACNC,IAAI,EAAE,QAAQ;MACdC,OAAO,eAAE,+BAAC,qBAAW;QAAC,YAAY,EAAE,IAAI,CAACL;MAAa;IACxD,CAAC;EAXgD;AAYnD;AAAC"}

package/dist/code.composition.js

@@ -1,22 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Logo = void 0;
-
 function _react() {
   const data = _interopRequireDefault(require("react"));
-
   _react = function () {
     return data;
   };
-
   return data;
 }
-
 const Logo = () => /*#__PURE__*/_react().default.createElement("div", {
   style: {
     height: '100%',
@@ -29,7 +24,6 @@ const Logo = () => /*#__PURE__*/_react().default.createElement("div", {
   },
   src: "https://static.bit.dev/extensions-icons/code.svg"
 }));
-
 exports.Logo = Logo;
 
 //# sourceMappingURL=code.composition.js.map

package/dist/code.composition.js.map

@@ -1 +1 @@
-{"version":3,"names":["Logo","height","display","justifyContent","width"],"sources":["code.composition.tsx"],"sourcesContent":["import React from 'react';\n\nexport const Logo = () => (\n  <div style={{ height: '100%', display: 'flex', justifyContent: 'center' }}>\n    <img style={{ width: 70 }} src=\"https://static.bit.dev/extensions-icons/code.svg\" />\n  </div>\n);\n"],"mappings":";;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEO,MAAMA,IAAI,GAAG,mBAClB;EAAK,KAAK,EAAE;IAAEC,MAAM,EAAE,MAAV;IAAkBC,OAAO,EAAE,MAA3B;IAAmCC,cAAc,EAAE;EAAnD;AAAZ,gBACE;EAAK,KAAK,EAAE;IAAEC,KAAK,EAAE;EAAT,CAAZ;EAA2B,GAAG,EAAC;AAA/B,EADF,CADK"}
+{"version":3,"names":["Logo","height","display","justifyContent","width"],"sources":["code.composition.tsx"],"sourcesContent":["import React from 'react';\n\nexport const Logo = () => (\n  <div style={{ height: '100%', display: 'flex', justifyContent: 'center' }}>\n    <img style={{ width: 70 }} src=\"https://static.bit.dev/extensions-icons/code.svg\" />\n  </div>\n);\n"],"mappings":";;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEO,MAAMA,IAAI,GAAG,mBAClB;EAAK,KAAK,EAAE;IAAEC,MAAM,EAAE,MAAM;IAAEC,OAAO,EAAE,MAAM;IAAEC,cAAc,EAAE;EAAS;AAAE,gBACxE;EAAK,KAAK,EAAE;IAAEC,KAAK,EAAE;EAAG,CAAE;EAAC,GAAG,EAAC;AAAkD,EAAG,CAEvF;AAAC"}

package/dist/code.section.js

@@ -1,42 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CodeSection = void 0;
-
 function _defineProperty2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
   _defineProperty2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _react() {
   const data = _interopRequireDefault(require("react"));
-
   _react = function () {
     return data;
   };
-
   return data;
 }
-
 function _uiFoundationUi() {
   const data = require("@teambit/ui-foundation.ui.menu-widget-icon");
-
   _uiFoundationUi = function () {
     return data;
   };
-
   return data;
 }
-
 class CodeSection {
   constructor(codeUI) {
     this.codeUI = codeUI;
@@ -54,9 +43,7 @@ class CodeSection {
     });
     (0, _defineProperty2().default)(this, "order", 30);
   }
-
 }
-
 exports.CodeSection = CodeSection;
 
 //# sourceMappingURL=code.section.js.map

package/dist/code.section.js.map

@@ -1 +1 @@
-{"version":3,"names":["CodeSection","constructor","codeUI","path","element","getCodePage","href","children","displayName"],"sources":["code.section.tsx"],"sourcesContent":["import { Section } from '@teambit/component';\nimport React from 'react';\nimport { MenuWidgetIcon } from '@teambit/ui-foundation.ui.menu-widget-icon';\nimport type { CodeUI } from './code.ui.runtime';\n\nexport class CodeSection implements Section {\n  constructor(private codeUI: CodeUI) {}\n  route = {\n    path: '~code/*',\n    element: this.codeUI.getCodePage(),\n  };\n  navigationLink = {\n    href: '~code',\n    children: <MenuWidgetIcon icon=\"Code\" tooltipContent=\"Code\" />,\n    displayName: 'Code',\n  };\n  order = 30;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGO,MAAMA,WAAN,CAAqC;EAC1CC,WAAW,CAASC,MAAT,EAAyB;IAAA,KAAhBA,MAAgB,GAAhBA,MAAgB;IAAA,+CAC5B;MACNC,IAAI,EAAE,SADA;MAENC,OAAO,EAAE,KAAKF,MAAL,CAAYG,WAAZ;IAFH,CAD4B;IAAA,wDAKnB;MACfC,IAAI,EAAE,OADS;MAEfC,QAAQ,eAAE,+BAAC,gCAAD;QAAgB,IAAI,EAAC,MAArB;QAA4B,cAAc,EAAC;MAA3C,EAFK;MAGfC,WAAW,EAAE;IAHE,CALmB;IAAA,+CAU5B,EAV4B;EAAE;;AADI"}
+{"version":3,"names":["CodeSection","constructor","codeUI","path","element","getCodePage","href","children","displayName"],"sources":["code.section.tsx"],"sourcesContent":["import { Section } from '@teambit/component';\nimport React from 'react';\nimport { MenuWidgetIcon } from '@teambit/ui-foundation.ui.menu-widget-icon';\nimport type { CodeUI } from './code.ui.runtime';\n\nexport class CodeSection implements Section {\n  constructor(private codeUI: CodeUI) {}\n  route = {\n    path: '~code/*',\n    element: this.codeUI.getCodePage(),\n  };\n  navigationLink = {\n    href: '~code',\n    children: <MenuWidgetIcon icon=\"Code\" tooltipContent=\"Code\" />,\n    displayName: 'Code',\n  };\n  order = 30;\n}\n"],"mappings":";;;;;;;;;;;;;;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAGO,MAAMA,WAAW,CAAoB;EAC1CC,WAAW,CAASC,MAAc,EAAE;IAAA,KAAhBA,MAAc,GAAdA,MAAc;IAAA,+CAC1B;MACNC,IAAI,EAAE,SAAS;MACfC,OAAO,EAAE,IAAI,CAACF,MAAM,CAACG,WAAW;IAClC,CAAC;IAAA,wDACgB;MACfC,IAAI,EAAE,OAAO;MACbC,QAAQ,eAAE,+BAAC,gCAAc;QAAC,IAAI,EAAC,MAAM;QAAC,cAAc,EAAC;MAAM,EAAG;MAC9DC,WAAW,EAAE;IACf,CAAC;IAAA,+CACO,EAAE;EAV2B;AAWvC;AAAC"}

package/dist/code.ui.runtime.js

@@ -1,128 +1,90 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.promise.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CodeUI = void 0;
-
 function _defineProperty2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
   _defineProperty2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _component() {
   const data = require("@teambit/component");
-
   _component = function () {
     return data;
   };
-
   return data;
 }
-
 function _ui() {
   const data = require("@teambit/ui");
-
   _ui = function () {
     return data;
   };
-
   return data;
 }
-
 function _react() {
   const data = _interopRequireDefault(require("react"));
-
   _react = function () {
     return data;
   };
-
   return data;
 }
-
 function _harmony() {
   const data = require("@teambit/harmony");
-
   _harmony = function () {
     return data;
   };
-
   return data;
 }
-
 function _baseUiConstants() {
   const data = require("@teambit/base-ui.constants.storage");
-
   _baseUiConstants = function () {
     return data;
   };
-
   return data;
 }
-
 function _codeUi() {
   const data = require("@teambit/code.ui.code-tab-page");
-
   _codeUi = function () {
     return data;
   };
-
   return data;
 }
-
 function _componentCompare() {
   const data = require("@teambit/component-compare");
-
   _componentCompare = function () {
     return data;
   };
-
   return data;
 }
-
 function _code() {
   const data = require("./code.aspect");
-
   _code = function () {
     return data;
   };
-
   return data;
 }
-
 function _code2() {
   const data = require("./code.section");
-
   _code2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _codeCompare() {
   const data = require("./code.compare.section");
-
   _codeCompare = function () {
     return data;
   };
-
   return data;
 }
-
 const isTsx = /\.tsx$/;
-
 /**
  * Component code tab aspect. Presents the code tab page and allows to control the code tab and register specific icons for each file type.
  *  @example CodeUI.registerEnvFileIcon([(fileName) => (/your-regexp/.test(fileName) ? 'your.icon.url' : undefined)])
@@ -142,22 +104,19 @@ class CodeUI {
       });
     });
   }
-
   registerEnvFileIcon(icons) {
     var _this$fileIconSlot;
-
     (_this$fileIconSlot = this.fileIconSlot) === null || _this$fileIconSlot === void 0 ? void 0 : _this$fileIconSlot.register(icons);
     return this;
   }
-
   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
-
+    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]);
     component.registerRoute([section.route]);
     component.registerWidget(section.navigationLink, section.order);
@@ -169,14 +128,11 @@ class CodeUI {
     componentCompare.registerRoutes([codeCompare.route]);
     return ui;
   }
-
 }
-
 exports.CodeUI = CodeUI;
 (0, _defineProperty2().default)(CodeUI, "dependencies", [_component().ComponentAspect, _componentCompare().ComponentCompareAspect]);
 (0, _defineProperty2().default)(CodeUI, "runtime", _ui().UIRuntime);
 (0, _defineProperty2().default)(CodeUI, "slots", [_harmony().Slot.withType()]);
-
 _code().CodeAspect.addRuntime(CodeUI);
 
 //# sourceMappingURL=code.ui.runtime.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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,QAAQ;AAItB;AACA;AACA;AACA;AACO,MAAMC,MAAM,CAAC;EAClBC,WAAW;EACT;AACJ;AACA;EACYC,IAAY,EACZC,YAA2B,EACnC;IAAA,KAFQD,IAAY,GAAZA,IAAY;IAAA,KACZC,YAA2B,GAA3BA,YAA2B;IAAA,qDAGvB,MAAM;MAClB,oBAAO,+BAAC,kBAAQ;QAAC,YAAY,EAAE,IAAI,CAACA,YAAa;QAAC,IAAI,EAAE,IAAI,CAACD;MAAK,EAAG;IACvE,CAAC;EAJE;EAMHE,mBAAmB,CAACC,KAAsB,EAAE;IAAA;IAC1C,0BAAI,CAACF,YAAY,uDAAjB,mBAAmBG,QAAQ,CAACD,KAAK,CAAC;IAClC,OAAO,IAAI;EACb;EAOA,aAAaE,QAAQ,CACnB,CAACC,SAAS,EAAEC,gBAAgB,CAAoC,EAChEC,CAAC,EACD,CAACP,YAAY,CAAiB,EAC9BQ,OAAgB,EAChB;IACA,MAAM;MAAEC;IAAO,CAAC,GAAGD,OAAO;IAC1B,MAAMT,IAAI,GAAGW,MAAM,CAACD,MAAM,CAACE,GAAG,CAAC,qBAAqB,CAAC,CAAC;IACtD,MAAMC,EAAE,GAAG,IAAIf,MAAM,CAACE,IAAI,EAAEC,YAAY,CAAC;IACzC,MAAMa,OAAO,GAAG,KAAIC,oBAAW,EAACF,EAAE,CAAC;IACnC;IACAA,EAAE,CAACX,mBAAmB,CAAC,CACpBc,QAAQ,IAAMnB,KAAK,CAACoB,IAAI,CAACD,QAAQ,CAAC,GAAI,GAAEE,mCAAiB,sCAAqC,GAAGC,SAAU,CAC7G,CAAC;IACFb,SAAS,CAACc,aAAa,CAAC,CAACN,OAAO,CAACO,KAAK,CAAC,CAAC;IACxCf,SAAS,CAACgB,cAAc,CAACR,OAAO,CAACS,cAAc,EAAET,OAAO,CAACU,KAAK,CAAC;IAC/D,MAAMC,WAAW,GAAG,KAAIC,iCAAkB,EAACzB,YAAY,CAAC;IACxDM,gBAAgB,CAACoB,kBAAkB,CAAC;MAClCC,KAAK,EAAEH,WAAW,CAACF,cAAc;MACjCC,KAAK,EAAEC,WAAW,CAACF,cAAc,CAACC;IACpC,CAAC,CAAC;IACFjB,gBAAgB,CAACsB,cAAc,CAAC,CAACJ,WAAW,CAACJ,KAAK,CAAC,CAAC;IACpD,OAAOR,EAAE;EACX;AACF;AAAC;AAAA,gCA/CYf,MAAM,kBAiBK,CAACgC,4BAAe,EAAEC,0CAAsB,CAAC;AAAA,gCAjBpDjC,MAAM,aAmBAkC,eAAS;AAAA,gCAnBflC,MAAM,WAqBF,CAACmC,eAAI,CAACC,QAAQ,EAAU,CAAC;AA4B1CC,kBAAU,CAACC,UAAU,CAACtC,MAAM,CAAC"}

package/dist/index.js

@@ -10,19 +10,14 @@ Object.defineProperty(exports, "CodeAspect", {
   }
 });
 exports.default = void 0;
-
 function _code() {
   const data = require("./code.aspect");
-
   _code = function () {
     return data;
   };
-
   return data;
 }
-
 var _default = _code().CodeAspect;
-
 exports.default = _default;
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["CodeAspect"],"sources":["index.ts"],"sourcesContent":["import { CodeAspect } from './code.aspect';\n\nexport type { CodeUI, FileIconSlot } from './code.ui.runtime';\nexport { CodeAspect };\nexport default CodeAspect;\n"],"mappings":";;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;eAIeA,kB"}
+{"version":3,"names":["CodeAspect"],"sources":["index.ts"],"sourcesContent":["import { CodeAspect } from './code.aspect';\n\nexport type { CodeUI, FileIconSlot } from './code.ui.runtime';\nexport { CodeAspect };\nexport default CodeAspect;\n"],"mappings":";;;;;;;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAA2C,eAI5BA,kBAAU;AAAA"}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/code",
-  "version": "0.0.881",
+  "version": "0.0.883",
   "homepage": "https://bit.dev/teambit/component/code",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.component",
     "name": "code",
-    "version": "0.0.881"
+    "version": "0.0.883"
   },
   "dependencies": {
     "@babel/runtime": "7.12.18",
@@ -14,12 +14,12 @@
     "@teambit/harmony": "0.3.3",
     "@teambit/base-ui.constants.storage": "1.0.0",
     "@teambit/code.ui.code-compare": "0.0.105",
-    "@teambit/component": "0.0.881",
+    "@teambit/component": "0.0.883",
     "@teambit/ui-foundation.ui.menu-widget-icon": "0.0.494",
     "@teambit/code.ui.code-tab-page": "0.0.593",
     "@teambit/code.ui.utils.get-file-icon": "0.0.492",
-    "@teambit/component-compare": "0.0.129",
-    "@teambit/ui": "0.0.881"
+    "@teambit/component-compare": "0.0.131",
+    "@teambit/ui": "0.0.883"
   },
   "devDependencies": {
     "@types/react": "^17.0.8",

package/{preview-1666409808293.js → preview-1666582798766.js}

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