@teambit/code 1.0.1079 → 1.0.1081

package/code.ui.runtime.tsx

@@ -13,6 +13,10 @@ import type { ComponentCompareUI } from '@teambit/component-compare';
 import { ComponentCompareAspect } from '@teambit/component-compare';
 import { CodeEditorProvider } from '@teambit/code.ui.code-editor';
 import { CodeCompareSection } from '@teambit/code.ui.code-compare-section';
+import { InlineCodeCompare } from '@teambit/code.ui.inline-code-compare';
+import { InlineDepsCompare } from '@teambit/code.ui.inline-deps-compare';
+import { InlineTestsCompare } from '@teambit/code.ui.inline-tests-compare';
+import { InlineConfigCompare } from '@teambit/code.ui.inline-config-compare';
 import { CodeAspect } from './code.aspect';
 import { CodeSection } from './code.section';
 
@@ -80,6 +84,21 @@ export class CodeUI {
     const codeCompare = new CodeCompareSection(ui);
     componentCompare.registerNavigation(codeCompare);
     componentCompare.registerRoutes([codeCompare.route]);
+    // Inline-compare tabs for the redesigned ComponentComparePage / lane-compare. Owned here by the
+    // code aspect (canonical owner of the `@teambit/code.ui.*` compare panels) instead of being
+    // hardcoded in component-compare — that keeps component-compare decoupled from code UI, and
+    // pulls these panels into a bundle only via aspects that actually use them.
+    componentCompare.registerCompareTab([
+      { id: 'inline-code', order: 1, displayName: 'Code', element: <InlineCodeCompare /> },
+      { id: 'inline-deps', order: 4, displayName: 'Dependencies', element: <InlineDepsCompare /> },
+      // lazy: the tests view isn't even enabled in the lane-compare toolbar today — mounting it per
+      // component only fires its data queries for a panel nobody can see.
+      { id: 'inline-tests', order: 5, displayName: 'Tests', element: <InlineTestsCompare />, lazy: true },
+      // lazy: the config panel fires two `no-cache` aspect queries per component the moment it mounts —
+      // defer that network work until the Configuration view is actually opened. The config sidebar
+      // tree is unaffected: it's fed centrally from the bulk compare data, not by this panel.
+      { id: 'inline-config', order: 6, displayName: 'Configuration', element: <InlineConfigCompare />, lazy: true },
+    ]);
     return ui;
   }
 }

package/dist/code.ui.runtime.js

@@ -74,6 +74,34 @@ function _codeUi4() {
   };
   return data;
 }
+function _codeUi5() {
+  const data = require("@teambit/code.ui.inline-code-compare");
+  _codeUi5 = function () {
+    return data;
+  };
+  return data;
+}
+function _codeUi6() {
+  const data = require("@teambit/code.ui.inline-deps-compare");
+  _codeUi6 = function () {
+    return data;
+  };
+  return data;
+}
+function _codeUi7() {
+  const data = require("@teambit/code.ui.inline-tests-compare");
+  _codeUi7 = function () {
+    return data;
+  };
+  return data;
+}
+function _codeUi8() {
+  const data = require("@teambit/code.ui.inline-config-compare");
+  _codeUi8 = function () {
+    return data;
+  };
+  return data;
+}
 function _code() {
   const data = require("./code.aspect");
   _code = function () {
@@ -140,6 +168,40 @@ class CodeUI {
     const codeCompare = new (_codeUi4().CodeCompareSection)(ui);
     componentCompare.registerNavigation(codeCompare);
     componentCompare.registerRoutes([codeCompare.route]);
+    // Inline-compare tabs for the redesigned ComponentComparePage / lane-compare. Owned here by the
+    // code aspect (canonical owner of the `@teambit/code.ui.*` compare panels) instead of being
+    // hardcoded in component-compare — that keeps component-compare decoupled from code UI, and
+    // pulls these panels into a bundle only via aspects that actually use them.
+    componentCompare.registerCompareTab([{
+      id: 'inline-code',
+      order: 1,
+      displayName: 'Code',
+      element: /*#__PURE__*/_react().default.createElement(_codeUi5().InlineCodeCompare, null)
+    }, {
+      id: 'inline-deps',
+      order: 4,
+      displayName: 'Dependencies',
+      element: /*#__PURE__*/_react().default.createElement(_codeUi6().InlineDepsCompare, null)
+    },
+    // lazy: the tests view isn't even enabled in the lane-compare toolbar today — mounting it per
+    // component only fires its data queries for a panel nobody can see.
+    {
+      id: 'inline-tests',
+      order: 5,
+      displayName: 'Tests',
+      element: /*#__PURE__*/_react().default.createElement(_codeUi7().InlineTestsCompare, null),
+      lazy: true
+    },
+    // lazy: the config panel fires two `no-cache` aspect queries per component the moment it mounts —
+    // defer that network work until the Configuration view is actually opened. The config sidebar
+    // tree is unaffected: it's fed centrally from the bulk compare data, not by this panel.
+    {
+      id: 'inline-config',
+      order: 6,
+      displayName: 'Configuration',
+      element: /*#__PURE__*/_react().default.createElement(_codeUi8().InlineConfigCompare, null),
+      lazy: true
+    }]);
     return ui;
   }
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireDefault","require","_component","_ui","_codeUi","_harmony","_baseUiConstants","_codeUi2","_componentCompare","_codeUi3","_codeUi4","_code","_code2","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_defineProperty","_toPropertyKey","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","isTsx","CodeUI","constructor","host","fileIconSlot","props","createElement","CodePage","CodeCompareEditorProvider","CodeCompare","CodeEditorProvider","registerEnvFileIcon","icons","register","provider","component","componentCompare","_","harmony","config","get","ui","section","CodeSection","pinnedSection","fileName","test","staticStorageUrl","undefined","registerRoute","route","registerWidget","navigationLink","order","registerPinnedWidget","codeCompare","CodeCompareSection","registerNavigation","registerRoutes","exports","ComponentAspect","ComponentCompareAspect","UIRuntime","Slot","withType","CodeAspect","addRuntime"],"sources":["code.ui.runtime.tsx"],"sourcesContent":["import React from 'react';\nimport type { ComponentUI } from '@teambit/component';\nimport { ComponentAspect } from '@teambit/component';\nimport { UIRuntime } from '@teambit/ui';\nimport { CodeCompare, CodeCompareEditorProvider, type CodeCompareProps } from '@teambit/code.ui.code-compare';\nimport type { Harmony, SlotRegistry } from '@teambit/harmony';\nimport { Slot } from '@teambit/harmony';\nimport type { FileIconMatch } from '@teambit/code.ui.utils.get-file-icon';\nimport { staticStorageUrl } from '@teambit/base-ui.constants.storage';\nimport type { CodePageProps } from '@teambit/code.ui.code-tab-page';\nimport { CodePage } from '@teambit/code.ui.code-tab-page';\nimport type { ComponentCompareUI } from '@teambit/component-compare';\nimport { ComponentCompareAspect } from '@teambit/component-compare';\nimport { CodeEditorProvider } from '@teambit/code.ui.code-editor';\nimport { CodeCompareSection } from '@teambit/code.ui.code-compare-section';\nimport { CodeAspect } from './code.aspect';\nimport { CodeSection } from './code.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 = (props?: Partial<CodePageProps>) => {\n    return <CodePage {...(props || {})} fileIconSlot={this.fileIconSlot} host={this.host} />;\n  };\n\n  getCodeCompare = (props?: Partial<CodeCompareProps>) => {\n    return (\n      <CodeCompareEditorProvider>\n        <CodeCompare {...(props || {})} fileIconSlot={this.fileIconSlot} />\n      </CodeCompareEditorProvider>\n    );\n  };\n\n  getCodeEditorProvider = () => CodeEditorProvider;\n  getCodeDiffEditorProvider = () => CodeCompareEditorProvider;\n\n  registerEnvFileIcon(icons: FileIconMatch[]) {\n    this.fileIconSlot?.register(icons);\n    return this;\n  }\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, false);\n    const pinnedSection = new CodeSection(ui, true);\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    component.registerPinnedWidget(pinnedSection.navigationLink, pinnedSection.order);\n    const codeCompare = new CodeCompareSection(ui);\n    componentCompare.registerNavigation(codeCompare);\n    componentCompare.registerRoutes([codeCompare.route]);\n    return ui;\n  }\n}\n\nCodeAspect.addRuntime(CodeUI);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","data","_interopRequireDefault","require","_component","_ui","_codeUi","_harmony","_baseUiConstants","_codeUi2","_componentCompare","_codeUi3","_codeUi4","_codeUi5","_codeUi6","_codeUi7","_codeUi8","_code","_code2","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_defineProperty","_toPropertyKey","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","isTsx","CodeUI","constructor","host","fileIconSlot","props","createElement","CodePage","CodeCompareEditorProvider","CodeCompare","CodeEditorProvider","registerEnvFileIcon","icons","register","provider","component","componentCompare","_","harmony","config","get","ui","section","CodeSection","pinnedSection","fileName","test","staticStorageUrl","undefined","registerRoute","route","registerWidget","navigationLink","order","registerPinnedWidget","codeCompare","CodeCompareSection","registerNavigation","registerRoutes","registerCompareTab","id","displayName","element","InlineCodeCompare","InlineDepsCompare","InlineTestsCompare","lazy","InlineConfigCompare","exports","ComponentAspect","ComponentCompareAspect","UIRuntime","Slot","withType","CodeAspect","addRuntime"],"sources":["code.ui.runtime.tsx"],"sourcesContent":["import React from 'react';\nimport type { ComponentUI } from '@teambit/component';\nimport { ComponentAspect } from '@teambit/component';\nimport { UIRuntime } from '@teambit/ui';\nimport { CodeCompare, CodeCompareEditorProvider, type CodeCompareProps } from '@teambit/code.ui.code-compare';\nimport type { Harmony, SlotRegistry } from '@teambit/harmony';\nimport { Slot } from '@teambit/harmony';\nimport type { FileIconMatch } from '@teambit/code.ui.utils.get-file-icon';\nimport { staticStorageUrl } from '@teambit/base-ui.constants.storage';\nimport type { CodePageProps } from '@teambit/code.ui.code-tab-page';\nimport { CodePage } from '@teambit/code.ui.code-tab-page';\nimport type { ComponentCompareUI } from '@teambit/component-compare';\nimport { ComponentCompareAspect } from '@teambit/component-compare';\nimport { CodeEditorProvider } from '@teambit/code.ui.code-editor';\nimport { CodeCompareSection } from '@teambit/code.ui.code-compare-section';\nimport { InlineCodeCompare } from '@teambit/code.ui.inline-code-compare';\nimport { InlineDepsCompare } from '@teambit/code.ui.inline-deps-compare';\nimport { InlineTestsCompare } from '@teambit/code.ui.inline-tests-compare';\nimport { InlineConfigCompare } from '@teambit/code.ui.inline-config-compare';\nimport { CodeAspect } from './code.aspect';\nimport { CodeSection } from './code.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 = (props?: Partial<CodePageProps>) => {\n    return <CodePage {...(props || {})} fileIconSlot={this.fileIconSlot} host={this.host} />;\n  };\n\n  getCodeCompare = (props?: Partial<CodeCompareProps>) => {\n    return (\n      <CodeCompareEditorProvider>\n        <CodeCompare {...(props || {})} fileIconSlot={this.fileIconSlot} />\n      </CodeCompareEditorProvider>\n    );\n  };\n\n  getCodeEditorProvider = () => CodeEditorProvider;\n  getCodeDiffEditorProvider = () => CodeCompareEditorProvider;\n\n  registerEnvFileIcon(icons: FileIconMatch[]) {\n    this.fileIconSlot?.register(icons);\n    return this;\n  }\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, false);\n    const pinnedSection = new CodeSection(ui, true);\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    component.registerPinnedWidget(pinnedSection.navigationLink, pinnedSection.order);\n    const codeCompare = new CodeCompareSection(ui);\n    componentCompare.registerNavigation(codeCompare);\n    componentCompare.registerRoutes([codeCompare.route]);\n    // Inline-compare tabs for the redesigned ComponentComparePage / lane-compare. Owned here by the\n    // code aspect (canonical owner of the `@teambit/code.ui.*` compare panels) instead of being\n    // hardcoded in component-compare — that keeps component-compare decoupled from code UI, and\n    // pulls these panels into a bundle only via aspects that actually use them.\n    componentCompare.registerCompareTab([\n      { id: 'inline-code', order: 1, displayName: 'Code', element: <InlineCodeCompare /> },\n      { id: 'inline-deps', order: 4, displayName: 'Dependencies', element: <InlineDepsCompare /> },\n      // lazy: the tests view isn't even enabled in the lane-compare toolbar today — mounting it per\n      // component only fires its data queries for a panel nobody can see.\n      { id: 'inline-tests', order: 5, displayName: 'Tests', element: <InlineTestsCompare />, lazy: true },\n      // lazy: the config panel fires two `no-cache` aspect queries per component the moment it mounts —\n      // defer that network work until the Configuration view is actually opened. The config sidebar\n      // tree is unaffected: it's fed centrally from the bulk compare data, not by this panel.\n      { id: 'inline-config', order: 6, displayName: 'Configuration', element: <InlineConfigCompare />, lazy: true },\n    ]);\n    return ui;\n  }\n}\n\nCodeAspect.addRuntime(CodeUI);\n"],"mappings":"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","ignoreList":[]}

package/dist/{preview-1785260578779.js → preview-1785278532531.js}

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

package/package.json

@@ -1,29 +1,33 @@
 {
   "name": "@teambit/code",
-  "version": "1.0.1079",
+  "version": "1.0.1081",
   "homepage": "https://bit.cloud/teambit/component/code",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.component",
     "name": "code",
-    "version": "1.0.1079"
+    "version": "1.0.1081"
   },
   "dependencies": {
     "@teambit/harmony": "0.4.12",
     "@teambit/ui-foundation.ui.menu-widget-icon": "0.0.502",
     "@teambit/base-ui.constants.storage": "1.0.0",
     "@teambit/code.ui.code-compare-section": "0.0.8",
-    "@teambit/code.ui.code-compare": "0.0.349",
     "@teambit/code.ui.code-editor": "0.0.16",
     "@teambit/code.ui.utils.get-file-icon": "0.0.496",
-    "@teambit/component": "1.0.1079",
-    "@teambit/code.ui.code-tab-page": "0.0.707",
-    "@teambit/component-compare": "1.0.1079",
-    "@teambit/ui": "1.0.1079"
+    "@teambit/component": "1.0.1081",
+    "@teambit/code.ui.code-compare": "0.0.350",
+    "@teambit/code.ui.code-tab-page": "0.0.708",
+    "@teambit/code.ui.inline-code-compare": "0.0.2",
+    "@teambit/code.ui.inline-config-compare": "0.0.1",
+    "@teambit/code.ui.inline-deps-compare": "0.0.1",
+    "@teambit/code.ui.inline-tests-compare": "0.0.1",
+    "@teambit/component-compare": "1.0.1081",
+    "@teambit/ui": "1.0.1081"
   },
   "devDependencies": {
     "@types/mocha": "9.1.0",
-    "@teambit/harmony.envs.core-aspect-env": "2.0.4"
+    "@teambit/harmony.envs.core-aspect-env": "2.0.3"
   },
   "peerDependencies": {
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0"