@teambit/component-compare 1.0.106 → 1.0.108

package/component-compare.aspect.ts

@@ -0,0 +1,7 @@
+import { Aspect } from '@teambit/harmony';
+
+export const ComponentCompareAspect = Aspect.create({
+  id: 'teambit.component/component-compare',
+});
+
+export default ComponentCompareAspect;

package/component-compare.graphql.ts

@@ -0,0 +1,77 @@
+import gql from 'graphql-tag';
+import { ComponentCompareMain, ComponentCompareResult } from './component-compare.main.runtime';
+
+export function componentCompareSchema(componentCompareMain: ComponentCompareMain) {
+  return {
+    typeDefs: gql`
+      type FileCompareResult {
+        fileName: String!
+        baseContent: String!
+        compareContent: String!
+        status: String
+        diffOutput: String
+      }
+
+      type FieldCompareResult {
+        fieldName: String!
+        diffOutput: String
+      }
+
+      type ComponentCompareResult {
+        # unique id for graphql - baseId + compareId
+        id: String!
+        code(fileName: String): [FileCompareResult!]!
+        aspects(aspectName: String): [FieldCompareResult!]!
+        tests(fileName: String): [FileCompareResult!]
+      }
+
+      extend type ComponentHost {
+        compareComponent(baseId: String!, compareId: String!): ComponentCompareResult
+      }
+    `,
+    resolvers: {
+      ComponentHost: {
+        compareComponent: async (_, { baseId, compareId }: { baseId: string; compareId: string }) => {
+          return componentCompareMain.compare(baseId, compareId);
+        },
+      },
+      ComponentCompareResult: {
+        id: (result: ComponentCompareResult) => result.id,
+        code: (result: ComponentCompareResult, { fileName }: { fileName?: string }) => {
+          if (fileName) {
+            return result.code
+              .filter((codeFile) => codeFile.filePath === fileName)
+              .map((c) => ({ ...c, fileName: c.filePath, baseContent: c.fromContent, compareContent: c.toContent }));
+          }
+
+          return result.code.map((c) => ({
+            ...c,
+            fileName: c.filePath,
+            baseContent: c.fromContent,
+            compareContent: c.toContent,
+          }));
+        },
+        tests: (result: ComponentCompareResult, { fileName }: { fileName?: string }) => {
+          if (fileName) {
+            return result.tests
+              .filter((testFile) => testFile.filePath === fileName)
+              .map((c) => ({ ...c, fileName: c.filePath, baseContent: c.fromContent, compareContent: c.toContent }));
+          }
+
+          return result.tests.map((c) => ({
+            ...c,
+            fileName: c.filePath,
+            baseContent: c.fromContent,
+            compareContent: c.toContent,
+          }));
+        },
+        aspects: (result: ComponentCompareResult, { fieldName }: { fieldName?: string }) => {
+          if (fieldName) {
+            return result.fields.filter((field) => field.fieldName === fieldName);
+          }
+          return result.fields;
+        },
+      },
+    },
+  };
+}

package/component-compare.main.runtime.ts

@@ -0,0 +1,230 @@
+import { CLIAspect, CLIMain, MainRuntime } from '@teambit/cli';
+import { BitError } from '@teambit/bit-error';
+import { WorkspaceAspect, OutsideWorkspaceError, Workspace } from '@teambit/workspace';
+import { ComponentID } from '@teambit/component-id';
+import ComponentsList from '@teambit/legacy/dist/consumer/component/components-list';
+import hasWildcard from '@teambit/legacy/dist/utils/string/has-wildcard';
+import { ScopeMain, ScopeAspect } from '@teambit/scope';
+import { GraphqlAspect, GraphqlMain } from '@teambit/graphql';
+import BuilderAspect from '@teambit/builder';
+import GeneralError from '@teambit/legacy/dist/error/general-error';
+import DependencyResolverAspect, {
+  DependencyList,
+  DependencyResolverMain,
+  SerializedDependency,
+} from '@teambit/dependency-resolver';
+import { LoggerAspect, LoggerMain, Logger } from '@teambit/logger';
+import componentsDiff, {
+  diffBetweenVersionsObjects,
+  DiffResults,
+  FieldsDiff,
+  FileDiff,
+} from '@teambit/legacy/dist/consumer/component-ops/components-diff';
+import { TesterMain, TesterAspect } from '@teambit/tester';
+import ComponentAspect, { Component, ComponentMain } from '@teambit/component';
+import { componentCompareSchema } from './component-compare.graphql';
+import { ComponentCompareAspect } from './component-compare.aspect';
+import { DiffCmd } from './diff-cmd';
+
+export type ComponentCompareResult = {
+  id: string;
+  code: FileDiff[];
+  fields: FieldsDiff[];
+  tests: FileDiff[];
+};
+
+type ConfigDiff = {
+  version?: string;
+  dependencies?: string[];
+  aspects?: Record<string, any>;
+};
+
+export class ComponentCompareMain {
+  constructor(
+    private componentAspect: ComponentMain,
+    private scope: ScopeMain,
+    private logger: Logger,
+    private tester: TesterMain,
+    private depResolver: DependencyResolverMain,
+    private workspace?: Workspace
+  ) {}
+
+  async compare(baseIdStr: string, compareIdStr: string): Promise<ComponentCompareResult> {
+    const host = this.componentAspect.getHost();
+    const [baseCompId, compareCompId] = await host.resolveMultipleComponentIds([baseIdStr, compareIdStr]);
+    const modelComponent = await this.scope.legacyScope.getModelComponentIfExist(compareCompId);
+
+    if (!modelComponent) {
+      throw new GeneralError(`component ${compareCompId.toString()} doesn't have any version yet`);
+    }
+
+    const baseVersion = baseCompId.version as string;
+    const compareVersion = compareCompId.version as string;
+
+    const repository = this.scope.legacyScope.objects;
+    const baseVersionObject = await modelComponent.loadVersion(baseVersion, repository);
+    const compareVersionObject = await modelComponent.loadVersion(compareVersion, repository);
+
+    const diff: DiffResults = await diffBetweenVersionsObjects(
+      modelComponent,
+      baseVersionObject,
+      compareVersionObject,
+      baseVersion,
+      compareVersion,
+      this.scope.legacyScope,
+      {}
+    );
+
+    const baseComponent = await host.get(baseCompId);
+    const compareComponent = await host.get(compareCompId);
+
+    const baseTestFiles =
+      (baseComponent && (await this.tester.getTestFiles(baseComponent).map((file) => file.relative))) || [];
+    const compareTestFiles =
+      (compareComponent && (await this.tester.getTestFiles(compareComponent).map((file) => file.relative))) || [];
+
+    const allTestFiles = [...baseTestFiles, ...compareTestFiles];
+
+    const testFilesDiff = (diff.filesDiff || []).filter(
+      (fileDiff: FileDiff) => allTestFiles.includes(fileDiff.filePath) && fileDiff.status !== 'UNCHANGED'
+    );
+
+    const compareResult = {
+      id: `${baseCompId}-${compareCompId}`,
+      code: diff.filesDiff || [],
+      fields: diff.fieldsDiff || [],
+      tests: testFilesDiff,
+    };
+
+    return compareResult;
+  }
+
+  async diffByCLIValues(values: string[], verbose: boolean, table: boolean): Promise<any> {
+    if (!this.workspace) throw new OutsideWorkspaceError();
+    const consumer = this.workspace.consumer;
+    const { bitIds, version, toVersion } = await this.parseValues(values);
+    if (!bitIds || !bitIds.length) {
+      throw new BitError('there are no modified components to diff');
+    }
+    const diffResults = await componentsDiff(consumer, bitIds, version, toVersion, {
+      verbose,
+      formatDepsAsTable: table,
+    });
+    await consumer.onDestroy('diff');
+    return diffResults;
+  }
+
+  async getConfigForDiffById(id: string): Promise<ConfigDiff> {
+    const workspace = this.workspace;
+    if (!workspace) throw new OutsideWorkspaceError();
+    const componentId = await workspace.resolveComponentId(id);
+    const component = await workspace.scope.get(componentId, false);
+    if (!component) throw new Error(`getConfigForDiff: unable to find component ${id} in local scope`);
+    return this.getConfigForDiffByCompObject(component);
+  }
+
+  async getConfigForDiffByCompObject(component: Component) {
+    const depData = await this.depResolver.getDependencies(component);
+    const serializedToString = (dep: SerializedDependency) => {
+      const idWithoutVersion = dep.__type === 'package' ? dep.id : dep.id.split('@')[0];
+      return `${idWithoutVersion}@${dep.version} (${dep.lifecycle}) ${dep.source ? `(${dep.source})` : ''}`;
+    };
+    const serializeAndSort = (deps: DependencyList) => {
+      const serialized = deps.serialize().map(serializedToString);
+      return serialized.sort();
+    };
+    const serializeAspect = (comp: Component) => {
+      const aspects = comp.state.aspects.withoutEntries([BuilderAspect.id, DependencyResolverAspect.id]);
+      // return aspects.serialize();
+      return aspects.toLegacy().sortById().toConfigObject();
+    };
+    return {
+      version: component.id.version,
+      dependencies: serializeAndSort(depData),
+      aspects: serializeAspect(component),
+    };
+  }
+
+  private async parseValues(
+    values: string[]
+  ): Promise<{ bitIds: ComponentID[]; version?: string; toVersion?: string }> {
+    if (!this.workspace) throw new OutsideWorkspaceError();
+    // option #1: bit diff
+    // no arguments
+    if (!values.length) {
+      const componentIds = await this.workspace.listTagPendingIds();
+      return { bitIds: componentIds.map((id) => id) };
+    }
+    const firstValue = values[0];
+    const lastValue = values[values.length - 1];
+    const oneBeforeLastValue = values[values.length - 2];
+    const isLastItemVersion = ComponentID.isValidVersion(lastValue);
+    const isOneBeforeLastItemVersion = ComponentID.isValidVersion(oneBeforeLastValue);
+    // option #2: bit diff [ids...]
+    // all arguments are ids
+    if (!isLastItemVersion) {
+      return { bitIds: this.getBitIdsForDiff(values) };
+    }
+    // option #3: bit diff [id] [version]
+    // last argument is a version, first argument is id
+    if (!isOneBeforeLastItemVersion) {
+      if (values.length !== 2) {
+        throw new BitError(
+          `bit diff [id] [version] syntax was used, however, ${values.length} arguments were given instead of 2`
+        );
+      }
+      return { bitIds: this.getBitIdsForDiff([firstValue]), version: lastValue };
+    }
+    // option #4: bit diff [id] [version] [to_version]
+    // last argument and one before the last are versions, first argument is id
+    if (values.length !== 3) {
+      throw new BitError(
+        `bit diff [id] [version] [to_version] syntax was used, however, ${values.length} arguments were given instead of 3`
+      );
+    }
+    return { bitIds: this.getBitIdsForDiff([firstValue]), version: oneBeforeLastValue, toVersion: lastValue };
+  }
+
+  private getBitIdsForDiff(ids: string[]): ComponentID[] {
+    if (!this.workspace) throw new OutsideWorkspaceError();
+    const consumer = this.workspace.consumer;
+    if (hasWildcard(ids)) {
+      const componentsList = new ComponentsList(consumer);
+      return componentsList.listComponentsByIdsWithWildcard(ids);
+    }
+    return ids.map((id) => consumer.getParsedId(id));
+  }
+
+  static slots = [];
+  static dependencies = [
+    GraphqlAspect,
+    ComponentAspect,
+    ScopeAspect,
+    LoggerAspect,
+    CLIAspect,
+    WorkspaceAspect,
+    TesterAspect,
+    DependencyResolverAspect,
+  ];
+  static runtime = MainRuntime;
+  static async provider([graphql, component, scope, loggerMain, cli, workspace, tester, depResolver]: [
+    GraphqlMain,
+    ComponentMain,
+    ScopeMain,
+    LoggerMain,
+    CLIMain,
+    Workspace,
+    TesterMain,
+    DependencyResolverMain
+  ]) {
+    const logger = loggerMain.createLogger(ComponentCompareAspect.id);
+    const componentCompareMain = new ComponentCompareMain(component, scope, logger, tester, depResolver, workspace);
+    cli.register(new DiffCmd(componentCompareMain));
+    graphql.register(componentCompareSchema(componentCompareMain));
+    return componentCompareMain;
+  }
+}
+
+ComponentCompareAspect.addRuntime(ComponentCompareMain);
+
+export default ComponentCompareMain;

package/diff-cmd.ts

@@ -0,0 +1,30 @@
+import { Command, CommandOptions } from '@teambit/cli';
+import { WILDCARD_HELP } from '@teambit/legacy/dist/constants';
+import { DiffResults, outputDiffResults } from '@teambit/legacy/dist/consumer/component-ops/components-diff';
+import { ComponentCompareMain } from './component-compare.main.runtime';
+
+export class DiffCmd implements Command {
+  name = 'diff [values...]';
+  group = 'development';
+  description =
+    "show the diff between the components' current source files and config, and their latest snapshot or tag";
+  helpUrl = 'docs/components/merging-changes#compare-component-snaps';
+  extendedDescription = `bit diff => compare all modified components to their model version
+bit diff [ids...] => compare the specified components against their modified states
+bit diff [id] [version] => compare component's current files and configs to the specified version of the component
+bit diff [id] [version] [to_version] => compare component's files and configs between the specified version and the to_version provided
+${WILDCARD_HELP('diff')}`;
+  alias = '';
+  options = [
+    ['v', 'verbose', 'show a more verbose output where possible'],
+    ['t', 'table', 'show tables instead of plain text for dependencies diff'],
+  ] as CommandOptions;
+  loader = true;
+
+  constructor(private componentCompareMain: ComponentCompareMain) {}
+
+  async report([values = []]: [string[]], { verbose = false, table = false }: { verbose?: boolean; table: boolean }) {
+    const diffResults: DiffResults[] = await this.componentCompareMain.diffByCLIValues(values, verbose, table);
+    return outputDiffResults(diffResults);
+  }
+}

package/dist/component-compare-aspects.section.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { TabItem } from '@teambit/component.ui.component-compare.models.component-compare-props';
 import { ChangeType } from '@teambit/component.ui.component-compare.models.component-compare-change-type';
 import { Section } from '@teambit/component';
@@ -9,16 +9,16 @@ export declare class AspectsCompareSection implements TabItem, Section {
     navigationLink: {
         href: string;
         displayName: string;
-        children: React.JSX.Element;
+        children: JSX.Element;
     };
     props: {
         href: string;
         displayName: string;
-        children: React.JSX.Element;
+        children: JSX.Element;
     };
     route: {
         path: string;
-        element: React.JSX.Element;
+        element: JSX.Element;
     };
     order: number;
     widget: boolean;

package/dist/component-compare-changelog.section.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { Section } from '@teambit/component';
 import { TabItem } from '@teambit/component.ui.component-compare.models.component-compare-props';
 import { ComponentCompareUI } from './component-compare.ui.runtime';
@@ -7,17 +7,17 @@ export declare class CompareChangelogSection implements Section, TabItem {
     constructor(compareUI: ComponentCompareUI);
     navigationLink: {
         href: string;
-        children: React.JSX.Element;
+        children: JSX.Element;
         displayName: string;
     };
     props: {
         href: string;
-        children: React.JSX.Element;
+        children: JSX.Element;
         displayName: string;
     };
     route: {
         path: string;
-        element: React.JSX.Element;
+        element: JSX.Element;
     };
     order: number;
     widget: boolean;

package/dist/component-compare.compositions.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const Logo: () => React.JSX.Element;
+/// <reference types="react" />
+export declare const Logo: () => JSX.Element;

package/dist/component-compare.graphql.d.ts

@@ -11,7 +11,7 @@ export declare function componentCompareSchema(componentCompareMain: ComponentCo
         ComponentCompareResult: {
             id: (result: ComponentCompareResult) => string;
             code: (result: ComponentCompareResult, { fileName }: {
-                fileName?: string | undefined;
+                fileName?: string;
             }) => {
                 fileName: string;
                 baseContent: string;
@@ -23,7 +23,7 @@ export declare function componentCompareSchema(componentCompareMain: ComponentCo
                 toContent: string;
             }[];
             tests: (result: ComponentCompareResult, { fileName }: {
-                fileName?: string | undefined;
+                fileName?: string;
             }) => {
                 fileName: string;
                 baseContent: string;
@@ -35,7 +35,7 @@ export declare function componentCompareSchema(componentCompareMain: ComponentCo
                 toContent: string;
             }[];
             aspects: (result: ComponentCompareResult, { fieldName }: {
-                fieldName?: string | undefined;
+                fieldName?: string;
             }) => import("@teambit/legacy/dist/consumer/component-ops/components-diff").FieldsDiff[];
         };
     };

package/dist/component-compare.main.runtime.d.ts

@@ -7,13 +7,13 @@ import { LoggerMain, Logger } from '@teambit/logger';
 import { FieldsDiff, FileDiff } from '@teambit/legacy/dist/consumer/component-ops/components-diff';
 import { TesterMain } from '@teambit/tester';
 import { Component, ComponentMain } from '@teambit/component';
-export declare type ComponentCompareResult = {
+export type ComponentCompareResult = {
     id: string;
     code: FileDiff[];
     fields: FieldsDiff[];
     tests: FileDiff[];
 };
-declare type ConfigDiff = {
+type ConfigDiff = {
     version?: string;
     dependencies?: string[];
     aspects?: Record<string, any>;
@@ -25,7 +25,7 @@ export declare class ComponentCompareMain {
     private tester;
     private depResolver;
     private workspace?;
-    constructor(componentAspect: ComponentMain, scope: ScopeMain, logger: Logger, tester: TesterMain, depResolver: DependencyResolverMain, workspace?: Workspace | undefined);
+    constructor(componentAspect: ComponentMain, scope: ScopeMain, logger: Logger, tester: TesterMain, depResolver: DependencyResolverMain, workspace?: Workspace);
     compare(baseIdStr: string, compareIdStr: string): Promise<ComponentCompareResult>;
     diffByCLIValues(values: string[], verbose: boolean, table: boolean): Promise<any>;
     getConfigForDiffById(id: string): Promise<ConfigDiff>;
@@ -36,7 +36,7 @@ export declare class ComponentCompareMain {
     }>;
     private parseValues;
     private getBitIdsForDiff;
-    static slots: never[];
+    static slots: any[];
     static dependencies: import("@teambit/harmony").Aspect[];
     static runtime: import("@teambit/harmony").RuntimeDefinition;
     static provider([graphql, component, scope, loggerMain, cli, workspace, tester, depResolver]: [

package/dist/component-compare.section.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { Section } from '@teambit/component';
 import { ComponentCompareUI } from './component-compare.ui.runtime';
 export declare class ComponentCompareSection implements Section {
@@ -7,11 +7,11 @@ export declare class ComponentCompareSection implements Section {
     navigationLink: {
         href: string;
         displayName: string;
-        children: React.JSX.Element;
+        children: JSX.Element;
     };
     route: {
         path: string;
-        element: React.JSX.Element;
+        element: JSX.Element;
     };
     order: number;
 }

package/dist/component-compare.ui.runtime.d.ts

@@ -4,8 +4,8 @@ import { Harmony, SlotRegistry } from '@teambit/harmony';
 import { ComponentUI } from '@teambit/component';
 import { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';
 import { ComponentCompareProps, TabItem } from '@teambit/component.ui.component-compare.models.component-compare-props';
-export declare type ComponentCompareNav = Array<TabItem>;
-export declare type ComponentCompareNavSlot = SlotRegistry<ComponentCompareNav>;
+export type ComponentCompareNav = Array<TabItem>;
+export type ComponentCompareNavSlot = SlotRegistry<ComponentCompareNav>;
 export declare class ComponentCompareUI {
     private host;
     private navSlot;
@@ -15,9 +15,9 @@ export declare class ComponentCompareUI {
     static runtime: import("@teambit/harmony").RuntimeDefinition;
     static slots: (((registerFn: () => string) => SlotRegistry<ComponentCompareNavSlot>) | ((registerFn: () => string) => SlotRegistry<RouteSlot>))[];
     static dependencies: import("@teambit/harmony").Aspect[];
-    getComponentComparePage: (props?: ComponentCompareProps) => React.JSX.Element;
-    getAspectsComparePage: () => React.JSX.Element;
-    getChangelogComparePage: () => React.JSX.Element;
+    getComponentComparePage: (props?: ComponentCompareProps) => JSX.Element;
+    getAspectsComparePage: () => JSX.Element;
+    getChangelogComparePage: () => JSX.Element;
     registerNavigation(nav: TabItem | Array<TabItem>): this;
     registerRoutes(routes: RouteProps[]): this;
     get routes(): Map<string, RouteProps | RouteProps[]>;
@@ -25,22 +25,22 @@ export declare class ComponentCompareUI {
     get tabs(): {
         id: string;
         element: React.ReactNode;
-        order?: number | undefined;
-        displayName?: string | undefined;
-        props?: ({
-            replace?: boolean | undefined;
-            external?: boolean | undefined;
+        order?: number;
+        displayName?: string;
+        props?: {
+            replace?: boolean;
+            external?: boolean;
         } & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
-            activeClassName?: string | undefined;
-            activeStyle?: React.CSSProperties | undefined;
-            exact?: boolean | undefined;
-            strict?: boolean | undefined;
-            isActive?: (() => boolean) | undefined;
+            activeClassName?: string;
+            activeStyle?: React.CSSProperties;
+            exact?: boolean;
+            strict?: boolean;
+            isActive?: () => boolean;
         } & {
-            displayName?: string | undefined;
-        }) | undefined;
-        widget?: boolean | undefined;
-        changeType?: import("@teambit/component.ui.component-compare.models.component-compare-change-type").ChangeType | undefined;
+            displayName?: string;
+        };
+        widget?: boolean;
+        changeType?: import("@teambit/component.ui.component-compare.models.component-compare-change-type").ChangeType;
     }[];
     static provider([componentUi]: [ComponentUI], _: any, [navSlot, routeSlot]: [ComponentCompareNavSlot, RouteSlot], harmony: Harmony): Promise<ComponentCompareUI>;
 }

package/dist/component-compare.ui.runtime.js

@@ -102,14 +102,14 @@ class ComponentCompareUI {
     this.routeSlot = routeSlot;
     this.compUI = compUI;
     _defineProperty(this, "getComponentComparePage", props => {
-      const tabs = (props === null || props === void 0 ? void 0 : props.tabs) || (() => (0, _lodash().default)(this.navSlot.values()));
-      const routes = (props === null || props === void 0 ? void 0 : props.routes) || (() => (0, _lodash().default)(this.routeSlot.values()));
-      const host = (props === null || props === void 0 ? void 0 : props.host) || this.host;
+      const tabs = props?.tabs || (() => (0, _lodash().default)(this.navSlot.values()));
+      const routes = props?.routes || (() => (0, _lodash().default)(this.routeSlot.values()));
+      const host = props?.host || this.host;
       return /*#__PURE__*/_react().default.createElement(_componentUiComponentCompare().ComponentCompare, _extends({}, props || {}, {
         tabs: tabs,
         routes: routes,
         host: host,
-        isFullScreen: (props === null || props === void 0 ? void 0 : props.isFullScreen) ?? true
+        isFullScreen: props?.isFullScreen ?? true
       }));
     });
     _defineProperty(this, "getAspectsComparePage", () => {
@@ -141,24 +141,17 @@ class ComponentCompareUI {
   }
   get tabs() {
     const getElement = (routeProps, href) => {
-      var _routeProps$find;
       if (routeProps.length === 1) return routeProps[0].element;
       if (!href) return undefined;
-      return (_routeProps$find = routeProps.find(route => {
-        var _route$path;
-        return (_route$path = route.path) === null || _route$path === void 0 ? void 0 : _route$path.startsWith(href);
-      })) === null || _routeProps$find === void 0 ? void 0 : _routeProps$find.element;
+      return routeProps.find(route => route.path?.startsWith(href))?.element;
     };
     return (0, _lodash().default)(this.navSlot.toArray().map(([id, navProps]) => {
       const maybeRoutesForId = this.routes.get(id);
       const routesForId = maybeRoutesForId && (Array.isArray(maybeRoutesForId) ? [...maybeRoutesForId] : [maybeRoutesForId]) || [];
-      return navProps.map(navProp => {
-        var _navProp$props;
-        return _objectSpread(_objectSpread({}, navProp), {}, {
-          id: (navProp === null || navProp === void 0 ? void 0 : navProp.id) || id,
-          element: getElement(routesForId, navProp === null || navProp === void 0 || (_navProp$props = navProp.props) === null || _navProp$props === void 0 ? void 0 : _navProp$props.href)
-        });
-      });
+      return navProps.map(navProp => _objectSpread(_objectSpread({}, navProp), {}, {
+        id: navProp?.id || id,
+        element: getElement(routesForId, navProp?.props?.href)
+      }));
     }));
   }
   static async provider([componentUi], _, [navSlot, routeSlot], harmony) {

package/dist/component-compare.ui.runtime.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireDefault","require","_lodash","_harmony","_component","_componentUiComponentCompare","_ui","_componentUiComponentCompare2","_componentUiComponentCompareCompareAspects","_componentCompareAspects","_componentCompare","_componentCompare2","_componentCompareChangelog","obj","__esModule","default","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_extends","assign","bind","target","i","source","key","prototype","hasOwnProperty","call","value","_toPropertyKey","configurable","writable","_toPrimitive","String","Symbol","toPrimitive","TypeError","Number","ComponentCompareUI","constructor","host","navSlot","routeSlot","compUI","props","tabs","flatten","values","routes","createElement","ComponentCompare","isFullScreen","ComponentCompareAspects","ComponentCompareChangelog","registerNavigation","nav","Array","isArray","register","registerRoutes","map","navLinks","getElement","routeProps","href","_routeProps$find","element","undefined","find","route","_route$path","path","startsWith","toArray","id","navProps","maybeRoutesForId","get","routesForId","navProp","_navProp$props","provider","componentUi","_","harmony","config","componentCompareUI","componentCompareSection","ComponentCompareSection","registerRoute","registerWidget","navigationLink","order","aspectCompareSection","AspectsCompareSection","compareChangelog","CompareChangelogSection","exports","UIRuntime","Slot","withType","ComponentAspect","ComponentCompareAspect","addRuntime"],"sources":["component-compare.ui.runtime.tsx"],"sourcesContent":["import React from 'react';\nimport { RouteProps } from 'react-router-dom';\nimport flatten from 'lodash.flatten';\nimport { Harmony, Slot, SlotRegistry } from '@teambit/harmony';\nimport ComponentAspect, { ComponentUI } from '@teambit/component';\nimport { ComponentCompare } from '@teambit/component.ui.component-compare.component-compare';\nimport { UIRuntime } from '@teambit/ui';\nimport { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport { ComponentCompareProps, TabItem } from '@teambit/component.ui.component-compare.models.component-compare-props';\nimport { ComponentCompareChangelog } from '@teambit/component.ui.component-compare.changelog';\nimport { ComponentCompareAspects } from '@teambit/component.ui.component-compare.compare-aspects.compare-aspects';\nimport { AspectsCompareSection } from './component-compare-aspects.section';\nimport { ComponentCompareAspect } from './component-compare.aspect';\nimport { ComponentCompareSection } from './component-compare.section';\nimport { CompareChangelogSection } from './component-compare-changelog.section';\n\nexport type ComponentCompareNav = Array<TabItem>;\nexport type ComponentCompareNavSlot = SlotRegistry<ComponentCompareNav>;\nexport class ComponentCompareUI {\n  constructor(\n    private host: string,\n    private navSlot: ComponentCompareNavSlot,\n    private routeSlot: RouteSlot,\n    private compUI: ComponentUI\n  ) {}\n\n  static runtime = UIRuntime;\n\n  static slots = [Slot.withType<ComponentCompareNavSlot>(), Slot.withType<RouteSlot>()];\n\n  static dependencies = [ComponentAspect];\n\n  getComponentComparePage = (props?: ComponentCompareProps) => {\n    const tabs = props?.tabs || (() => flatten(this.navSlot.values()));\n    const routes = props?.routes || (() => flatten(this.routeSlot.values()));\n    const host = props?.host || this.host;\n\n    return (\n      <ComponentCompare\n        {...(props || {})}\n        tabs={tabs}\n        routes={routes}\n        host={host}\n        isFullScreen={props?.isFullScreen ?? true}\n      />\n    );\n  };\n\n  getAspectsComparePage = () => {\n    return <ComponentCompareAspects host={this.host} />;\n  };\n\n  getChangelogComparePage = () => {\n    return <ComponentCompareChangelog />;\n  };\n\n  registerNavigation(nav: TabItem | Array<TabItem>) {\n    if (Array.isArray(nav)) {\n      this.navSlot.register(nav);\n    } else {\n      this.navSlot.register([nav]);\n    }\n    return this;\n  }\n\n  registerRoutes(routes: RouteProps[]) {\n    this.routeSlot.register(routes);\n    return this;\n  }\n\n  get routes() {\n    return this.routeSlot.map;\n  }\n\n  get navLinks() {\n    return this.navSlot.map;\n  }\n\n  get tabs() {\n    const getElement = (routeProps: RouteProps[], href?: string) => {\n      if (routeProps.length === 1) return routeProps[0].element;\n      if (!href) return undefined;\n      return routeProps.find((route) => route.path?.startsWith(href))?.element;\n    };\n\n    return flatten(\n      this.navSlot.toArray().map(([id, navProps]) => {\n        const maybeRoutesForId = this.routes.get(id);\n        const routesForId =\n          (maybeRoutesForId && (Array.isArray(maybeRoutesForId) ? [...maybeRoutesForId] : [maybeRoutesForId])) || [];\n\n        return navProps.map((navProp) => ({\n          ...navProp,\n          id: navProp?.id || id,\n          element: getElement(routesForId, navProp?.props?.href),\n        }));\n      })\n    );\n  }\n\n  static async provider(\n    [componentUi]: [ComponentUI],\n    _,\n    [navSlot, routeSlot]: [ComponentCompareNavSlot, RouteSlot],\n    harmony: Harmony\n  ) {\n    const { config } = harmony;\n    const host = String(config.get('teambit.harmony/bit'));\n    const componentCompareUI = new ComponentCompareUI(host, navSlot, routeSlot, componentUi);\n    const componentCompareSection = new ComponentCompareSection(componentCompareUI);\n    componentUi.registerRoute([componentCompareSection.route]);\n    componentUi.registerWidget(componentCompareSection.navigationLink, componentCompareSection.order);\n    const aspectCompareSection = new AspectsCompareSection(componentCompareUI);\n    const compareChangelog = new CompareChangelogSection(componentCompareUI);\n\n    componentCompareUI.registerNavigation([aspectCompareSection, compareChangelog]);\n\n    componentCompareUI.registerRoutes([aspectCompareSection.route, compareChangelog.route]);\n    return componentCompareUI;\n  }\n}\n\nComponentCompareAspect.addRuntime(ComponentCompareUI);\n"],"mappings":"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"}
+{"version":3,"names":["_react","data","_interopRequireDefault","require","_lodash","_harmony","_component","_componentUiComponentCompare","_ui","_componentUiComponentCompare2","_componentUiComponentCompareCompareAspects","_componentCompareAspects","_componentCompare","_componentCompare2","_componentCompareChangelog","obj","__esModule","default","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_extends","assign","bind","target","i","source","key","prototype","hasOwnProperty","call","value","_toPropertyKey","configurable","writable","_toPrimitive","String","Symbol","toPrimitive","TypeError","Number","ComponentCompareUI","constructor","host","navSlot","routeSlot","compUI","props","tabs","flatten","values","routes","createElement","ComponentCompare","isFullScreen","ComponentCompareAspects","ComponentCompareChangelog","registerNavigation","nav","Array","isArray","register","registerRoutes","map","navLinks","getElement","routeProps","href","element","undefined","find","route","path","startsWith","toArray","id","navProps","maybeRoutesForId","get","routesForId","navProp","provider","componentUi","_","harmony","config","componentCompareUI","componentCompareSection","ComponentCompareSection","registerRoute","registerWidget","navigationLink","order","aspectCompareSection","AspectsCompareSection","compareChangelog","CompareChangelogSection","exports","UIRuntime","Slot","withType","ComponentAspect","ComponentCompareAspect","addRuntime"],"sources":["component-compare.ui.runtime.tsx"],"sourcesContent":["import React from 'react';\nimport { RouteProps } from 'react-router-dom';\nimport flatten from 'lodash.flatten';\nimport { Harmony, Slot, SlotRegistry } from '@teambit/harmony';\nimport ComponentAspect, { ComponentUI } from '@teambit/component';\nimport { ComponentCompare } from '@teambit/component.ui.component-compare.component-compare';\nimport { UIRuntime } from '@teambit/ui';\nimport { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport { ComponentCompareProps, TabItem } from '@teambit/component.ui.component-compare.models.component-compare-props';\nimport { ComponentCompareChangelog } from '@teambit/component.ui.component-compare.changelog';\nimport { ComponentCompareAspects } from '@teambit/component.ui.component-compare.compare-aspects.compare-aspects';\nimport { AspectsCompareSection } from './component-compare-aspects.section';\nimport { ComponentCompareAspect } from './component-compare.aspect';\nimport { ComponentCompareSection } from './component-compare.section';\nimport { CompareChangelogSection } from './component-compare-changelog.section';\n\nexport type ComponentCompareNav = Array<TabItem>;\nexport type ComponentCompareNavSlot = SlotRegistry<ComponentCompareNav>;\nexport class ComponentCompareUI {\n  constructor(\n    private host: string,\n    private navSlot: ComponentCompareNavSlot,\n    private routeSlot: RouteSlot,\n    private compUI: ComponentUI\n  ) {}\n\n  static runtime = UIRuntime;\n\n  static slots = [Slot.withType<ComponentCompareNavSlot>(), Slot.withType<RouteSlot>()];\n\n  static dependencies = [ComponentAspect];\n\n  getComponentComparePage = (props?: ComponentCompareProps) => {\n    const tabs = props?.tabs || (() => flatten(this.navSlot.values()));\n    const routes = props?.routes || (() => flatten(this.routeSlot.values()));\n    const host = props?.host || this.host;\n\n    return (\n      <ComponentCompare\n        {...(props || {})}\n        tabs={tabs}\n        routes={routes}\n        host={host}\n        isFullScreen={props?.isFullScreen ?? true}\n      />\n    );\n  };\n\n  getAspectsComparePage = () => {\n    return <ComponentCompareAspects host={this.host} />;\n  };\n\n  getChangelogComparePage = () => {\n    return <ComponentCompareChangelog />;\n  };\n\n  registerNavigation(nav: TabItem | Array<TabItem>) {\n    if (Array.isArray(nav)) {\n      this.navSlot.register(nav);\n    } else {\n      this.navSlot.register([nav]);\n    }\n    return this;\n  }\n\n  registerRoutes(routes: RouteProps[]) {\n    this.routeSlot.register(routes);\n    return this;\n  }\n\n  get routes() {\n    return this.routeSlot.map;\n  }\n\n  get navLinks() {\n    return this.navSlot.map;\n  }\n\n  get tabs() {\n    const getElement = (routeProps: RouteProps[], href?: string) => {\n      if (routeProps.length === 1) return routeProps[0].element;\n      if (!href) return undefined;\n      return routeProps.find((route) => route.path?.startsWith(href))?.element;\n    };\n\n    return flatten(\n      this.navSlot.toArray().map(([id, navProps]) => {\n        const maybeRoutesForId = this.routes.get(id);\n        const routesForId =\n          (maybeRoutesForId && (Array.isArray(maybeRoutesForId) ? [...maybeRoutesForId] : [maybeRoutesForId])) || [];\n\n        return navProps.map((navProp) => ({\n          ...navProp,\n          id: navProp?.id || id,\n          element: getElement(routesForId, navProp?.props?.href),\n        }));\n      })\n    );\n  }\n\n  static async provider(\n    [componentUi]: [ComponentUI],\n    _,\n    [navSlot, routeSlot]: [ComponentCompareNavSlot, RouteSlot],\n    harmony: Harmony\n  ) {\n    const { config } = harmony;\n    const host = String(config.get('teambit.harmony/bit'));\n    const componentCompareUI = new ComponentCompareUI(host, navSlot, routeSlot, componentUi);\n    const componentCompareSection = new ComponentCompareSection(componentCompareUI);\n    componentUi.registerRoute([componentCompareSection.route]);\n    componentUi.registerWidget(componentCompareSection.navigationLink, componentCompareSection.order);\n    const aspectCompareSection = new AspectsCompareSection(componentCompareUI);\n    const compareChangelog = new CompareChangelogSection(componentCompareUI);\n\n    componentCompareUI.registerNavigation([aspectCompareSection, compareChangelog]);\n\n    componentCompareUI.registerRoutes([aspectCompareSection.route, compareChangelog.route]);\n    return componentCompareUI;\n  }\n}\n\nComponentCompareAspect.addRuntime(ComponentCompareUI);\n"],"mappings":"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"}

package/dist/{preview-1703505948637.js → preview-1703647408454.js}

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_component-compare@1.0.106/dist/component-compare.compositions.js';
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_component-compare@1.0.106/dist/component-compare.docs.mdx';
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_component-compare@1.0.108/dist/component-compare.compositions.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_component-compare@1.0.108/dist/component-compare.docs.mdx';
 
 export const compositions = [compositions_0];
 export const overview = [overview_0];

package/index.ts

@@ -0,0 +1,6 @@
+import { ComponentCompareAspect } from './component-compare.aspect';
+
+export type { ComponentCompareMain } from './component-compare.main.runtime';
+export type { ComponentCompareUI, ComponentCompareNavSlot } from './component-compare.ui.runtime';
+export { ComponentCompareAspect };
+export default ComponentCompareAspect;

package/package.json

@@ -1,18 +1,16 @@
 {
   "name": "@teambit/component-compare",
-  "version": "1.0.106",
+  "version": "1.0.108",
   "homepage": "https://bit.cloud/teambit/component/component-compare",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.component",
     "name": "component-compare",
-    "version": "1.0.106"
+    "version": "1.0.108"
   },
   "dependencies": {
     "graphql-tag": "2.12.1",
     "lodash.flatten": "4.4.0",
-    "core-js": "^3.0.0",
-    "@babel/runtime": "7.20.0",
     "@teambit/component.ui.component-compare.models.component-compare-change-type": "0.0.7",
     "@teambit/component.ui.component-compare.models.component-compare-props": "0.0.101",
     "@teambit/ui-foundation.ui.menu-widget-icon": "0.0.502",
@@ -23,31 +21,29 @@
     "@teambit/component.ui.component-compare.compare-aspects.compare-aspects": "0.0.145",
     "@teambit/component.ui.component-compare.component-compare": "0.0.171",
     "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.506",
-    "@teambit/component": "1.0.106",
-    "@teambit/builder": "1.0.106",
-    "@teambit/cli": "0.0.839",
-    "@teambit/dependency-resolver": "1.0.106",
-    "@teambit/graphql": "1.0.106",
-    "@teambit/logger": "0.0.932",
-    "@teambit/scope": "1.0.106",
-    "@teambit/tester": "1.0.106",
-    "@teambit/workspace": "1.0.106",
-    "@teambit/ui": "1.0.106"
+    "@teambit/component": "1.0.108",
+    "@teambit/builder": "1.0.108",
+    "@teambit/cli": "0.0.840",
+    "@teambit/dependency-resolver": "1.0.108",
+    "@teambit/graphql": "1.0.108",
+    "@teambit/logger": "0.0.933",
+    "@teambit/scope": "1.0.108",
+    "@teambit/tester": "1.0.108",
+    "@teambit/workspace": "1.0.108",
+    "@teambit/ui": "1.0.108"
   },
   "devDependencies": {
-    "@types/react": "^17.0.8",
     "@types/lodash.flatten": "4.4.6",
     "@types/mocha": "9.1.0",
-    "@types/node": "12.20.4",
-    "@types/react-dom": "^17.0.5",
-    "@types/jest": "^26.0.0",
-    "@types/testing-library__jest-dom": "5.9.5"
+    "@types/jest": "^29.2.2",
+    "@types/testing-library__jest-dom": "^5.9.5",
+    "@teambit/harmony.envs.core-aspect-env": "0.0.13"
   },
   "peerDependencies": {
-    "react-router-dom": "^6.0.0",
-    "@teambit/legacy": "1.0.624",
-    "react": "^16.8.0 || ^17.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0"
+    "react": "^17.0.0 || ^18.0.0",
+    "react-router-dom": "^6.8.1",
+    "@types/react": "^18.2.12",
+    "@teambit/legacy": "1.0.624"
   },
   "license": "Apache-2.0",
   "optionalDependencies": {},
@@ -61,7 +57,7 @@
   },
   "private": false,
   "engines": {
-    "node": ">=12.22.0"
+    "node": ">=16.0.0"
   },
   "repository": {
     "type": "git",
@@ -70,12 +66,9 @@
   "keywords": [
     "bit",
     "bit-aspect",
+    "bit-core-aspect",
     "components",
     "collaboration",
-    "web",
-    "react",
-    "react-components",
-    "angular",
-    "angular-components"
+    "web"
   ]
 }

package/tsconfig.json

@@ -1,38 +1,33 @@
 {
   "compilerOptions": {
     "lib": [
-      "es2019",
-      "DOM",
-      "ES6",
-      "DOM.Iterable",
-      "ScriptHost"
+      "esnext",
+      "dom",
+      "dom.Iterable"
     ],
-    "target": "es2015",
-    "module": "CommonJS",
-    "jsx": "react",
-    "allowJs": true,
-    "composite": true,
+    "target": "es2020",
+    "module": "es2020",
+    "jsx": "react-jsx",
     "declaration": true,
     "sourceMap": true,
-    "skipLibCheck": true,
     "experimentalDecorators": true,
-    "outDir": "dist",
+    "skipLibCheck": true,
     "moduleResolution": "node",
     "esModuleInterop": true,
-    "rootDir": ".",
     "resolveJsonModule": true,
-    "emitDeclarationOnly": true,
-    "emitDecoratorMetadata": true,
-    "allowSyntheticDefaultImports": true,
-    "strictPropertyInitialization": false,
-    "strict": true,
-    "noImplicitAny": false,
-    "preserveConstEnums": true
+    "allowJs": true,
+    "outDir": "dist",
+    "emitDeclarationOnly": true
   },
   "exclude": [
+    "artifacts",
+    "public",
     "dist",
+    "node_modules",
+    "package.json",
     "esm.mjs",
-    "package.json"
+    "**/*.cjs",
+    "./dist"
   ],
   "include": [
     "**/*",

package/types/asset.d.ts

@@ -5,12 +5,12 @@ declare module '*.png' {
 declare module '*.svg' {
   import type { FunctionComponent, SVGProps } from 'react';
 
-  export const ReactComponent: FunctionComponent<SVGProps<SVGSVGElement> & { title?: string }>;
+  export const ReactComponent: FunctionComponent<
+    SVGProps<SVGSVGElement> & { title?: string }
+  >;
   const src: string;
   export default src;
 }
-
-// @TODO Gilad
 declare module '*.jpg' {
   const value: any;
   export = value;
@@ -27,3 +27,15 @@ declare module '*.bmp' {
   const value: any;
   export = value;
 }
+declare module '*.otf' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff2' {
+  const value: any;
+  export = value;
+}