@teambit/component 1.0.106 → 1.0.108

package/dist/ui/use-component-query.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","data","require","_uiFoundationUiHooks","_componentId","_componentDescriptor","_componentModel","_useComponent","_useComponentLogs","_componentError","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","obj","key","value","_toPropertyKey","configurable","writable","i","_toPrimitive","String","Symbol","toPrimitive","call","TypeError","Number","useComponentQuery","componentId","host","filters","skip","_data$getHost","_rawComponent$id","_rawComponent$id2","_rawComponent$id3","idRef","useRef","current","variables","id","extensionId","error","loading","subscribeToMore","useDataQuery","GET_COMPONENT","errorPolicy","loadingLogs","componentLogs","logs","useComponentLogs","rawComponent","getHost","get","useEffect","unsubAddition","document","SUB_SUBSCRIPTION_ADDED","updateQuery","prev","subscriptionData","_prev$getHost","_subscriptionData$dat","prevComponent","addedComponent","componentAdded","component","name","unsubChanges","SUB_COMPONENT_CHANGED","_prev$getHost2","_subscriptionData$dat2","updatedComponent","componentChanged","isUpdated","ComponentID","isEqualObj","unsubRemoval","SUB_COMPONENT_REMOVED","_prev$getHost3","_subscriptionData$dat3","removedIds","componentRemoved","componentIds","isRemoved","some","removedId","idDepKey","scope","version","undefined","useMemo","fromObject","componentError","ComponentError","message","ComponentModel","from","toString","componentDescriptor","aspectList","entries","aspects","map","aspectObject","aspectId","aspectData","ComponentDescriptor"],"sources":["use-component-query.ts"],"sourcesContent":["import { useMemo, useEffect, useRef } from 'react';\nimport { useDataQuery } from '@teambit/ui-foundation.ui.hooks.use-data-query';\nimport { ComponentID, ComponentIdObj } from '@teambit/component-id';\nimport { ComponentDescriptor } from '@teambit/component-descriptor';\nimport { ComponentModel } from './component-model';\nimport { ComponentQueryResult, Filters } from './use-component.model';\nimport {\n  GET_COMPONENT,\n  SUB_COMPONENT_CHANGED,\n  SUB_COMPONENT_REMOVED,\n  SUB_SUBSCRIPTION_ADDED,\n} from './use-component.fragments';\nimport { useComponentLogs } from './use-component-logs';\nimport { ComponentError } from './component-error';\n\n/** provides data to component ui page, making sure both variables and return value are safely typed and memoized */\nexport function useComponentQuery(\n  componentId: string,\n  host: string,\n  filters?: Filters,\n  skip?: boolean\n): ComponentQueryResult {\n  const idRef = useRef(componentId);\n  idRef.current = componentId;\n  const variables = {\n    id: componentId,\n    extensionId: host,\n  };\n\n  const { data, error, loading, subscribeToMore } = useDataQuery(GET_COMPONENT, {\n    variables,\n    skip,\n    errorPolicy: 'all',\n  });\n\n  const { loading: loadingLogs, componentLogs: { logs } = {} } = useComponentLogs(componentId, host, filters, skip);\n\n  const rawComponent = data?.getHost?.get;\n\n  useEffect(() => {\n    // @TODO @Kutner fix subscription for scope\n    if (host !== 'teambit.workspace/workspace') {\n      return () => {};\n    }\n\n    const unsubAddition = subscribeToMore({\n      document: SUB_SUBSCRIPTION_ADDED,\n      updateQuery: (prev, { subscriptionData }) => {\n        const prevComponent = prev?.getHost?.get;\n        const addedComponent = subscriptionData?.data?.componentAdded?.component;\n\n        if (!addedComponent || prevComponent) return prev;\n\n        if (idRef.current === addedComponent.id.name) {\n          return {\n            ...prev,\n            getHost: {\n              ...prev.getHost,\n              get: addedComponent,\n            },\n          };\n        }\n\n        return prev;\n      },\n    });\n\n    const unsubChanges = subscribeToMore({\n      document: SUB_COMPONENT_CHANGED,\n      updateQuery: (prev, { subscriptionData }) => {\n        if (!subscriptionData.data) return prev;\n\n        const prevComponent = prev?.getHost?.get;\n        const updatedComponent = subscriptionData?.data?.componentChanged?.component;\n\n        const isUpdated = updatedComponent && ComponentID.isEqualObj(prevComponent?.id, updatedComponent?.id);\n\n        if (isUpdated) {\n          return {\n            ...prev,\n            getHost: {\n              ...prev.getHost,\n              get: updatedComponent,\n            },\n          };\n        }\n\n        return prev;\n      },\n    });\n\n    const unsubRemoval = subscribeToMore({\n      document: SUB_COMPONENT_REMOVED,\n      updateQuery: (prev, { subscriptionData }) => {\n        if (!subscriptionData.data) return prev;\n\n        const prevComponent = prev?.getHost?.get;\n        const removedIds: ComponentIdObj[] | undefined = subscriptionData?.data?.componentRemoved?.componentIds;\n        if (!prevComponent || !removedIds?.length) return prev;\n\n        const isRemoved = removedIds.some((removedId) => ComponentID.isEqualObj(removedId, prevComponent.id));\n\n        if (isRemoved) {\n          return {\n            ...prev,\n            getHost: {\n              ...prev.getHost,\n              get: null,\n            },\n          };\n        }\n\n        return prev;\n      },\n    });\n\n    return () => {\n      unsubChanges();\n      unsubAddition();\n      unsubRemoval();\n    };\n  }, []);\n\n  const idDepKey = rawComponent?.id\n    ? `${rawComponent?.id?.scope}/${rawComponent?.id?.name}@${rawComponent?.id?.version}}`\n    : undefined;\n\n  const id: ComponentID | undefined = useMemo(\n    () => (rawComponent ? ComponentID.fromObject(rawComponent.id) : undefined),\n    [idDepKey]\n  );\n\n  const componentError =\n    error && !data\n      ? new ComponentError(500, error.message)\n      : (!rawComponent && !loading && new ComponentError(404)) || undefined;\n\n  const component = useMemo(\n    () => (rawComponent ? ComponentModel.from({ ...rawComponent, host, logs }) : undefined),\n    [id?.toString(), logs]\n  );\n\n  const componentDescriptor = useMemo(() => {\n    const aspectList = {\n      entries: rawComponent?.aspects.map((aspectObject) => {\n        return {\n          ...aspectObject,\n          aspectId: aspectObject.id,\n          aspectData: aspectObject.data,\n        };\n      }),\n    };\n\n    return id ? ComponentDescriptor.fromObject({ id: id.toString(), aspectList }) : undefined;\n  }, [id?.toString()]);\n\n  return useMemo(() => {\n    return {\n      componentDescriptor,\n      component,\n      componentLogs: {\n        loading: loadingLogs,\n        logs,\n      },\n      error: componentError || undefined,\n      loading,\n    };\n  }, [host, component, componentDescriptor, componentError]);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_react","data","require","_uiFoundationUiHooks","_componentId","_componentDescriptor","_componentModel","_useComponent","_useComponentLogs","_componentError","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","obj","key","value","_toPropertyKey","configurable","writable","i","_toPrimitive","String","Symbol","toPrimitive","call","TypeError","Number","useComponentQuery","componentId","host","filters","skip","idRef","useRef","current","variables","id","extensionId","error","loading","subscribeToMore","useDataQuery","GET_COMPONENT","errorPolicy","loadingLogs","componentLogs","logs","useComponentLogs","rawComponent","getHost","get","useEffect","unsubAddition","document","SUB_SUBSCRIPTION_ADDED","updateQuery","prev","subscriptionData","prevComponent","addedComponent","componentAdded","component","name","unsubChanges","SUB_COMPONENT_CHANGED","updatedComponent","componentChanged","isUpdated","ComponentID","isEqualObj","unsubRemoval","SUB_COMPONENT_REMOVED","removedIds","componentRemoved","componentIds","isRemoved","some","removedId","idDepKey","scope","version","undefined","useMemo","fromObject","componentError","ComponentError","message","ComponentModel","from","toString","componentDescriptor","aspectList","entries","aspects","map","aspectObject","aspectId","aspectData","ComponentDescriptor"],"sources":["use-component-query.ts"],"sourcesContent":["import { useMemo, useEffect, useRef } from 'react';\nimport { useDataQuery } from '@teambit/ui-foundation.ui.hooks.use-data-query';\nimport { ComponentID, ComponentIdObj } from '@teambit/component-id';\nimport { ComponentDescriptor } from '@teambit/component-descriptor';\nimport { ComponentModel } from './component-model';\nimport { ComponentQueryResult, Filters } from './use-component.model';\nimport {\n  GET_COMPONENT,\n  SUB_COMPONENT_CHANGED,\n  SUB_COMPONENT_REMOVED,\n  SUB_SUBSCRIPTION_ADDED,\n} from './use-component.fragments';\nimport { useComponentLogs } from './use-component-logs';\nimport { ComponentError } from './component-error';\n\n/** provides data to component ui page, making sure both variables and return value are safely typed and memoized */\nexport function useComponentQuery(\n  componentId: string,\n  host: string,\n  filters?: Filters,\n  skip?: boolean\n): ComponentQueryResult {\n  const idRef = useRef(componentId);\n  idRef.current = componentId;\n  const variables = {\n    id: componentId,\n    extensionId: host,\n  };\n\n  const { data, error, loading, subscribeToMore } = useDataQuery(GET_COMPONENT, {\n    variables,\n    skip,\n    errorPolicy: 'all',\n  });\n\n  const { loading: loadingLogs, componentLogs: { logs } = {} } = useComponentLogs(componentId, host, filters, skip);\n\n  const rawComponent = data?.getHost?.get;\n\n  useEffect(() => {\n    // @TODO @Kutner fix subscription for scope\n    if (host !== 'teambit.workspace/workspace') {\n      return () => {};\n    }\n\n    const unsubAddition = subscribeToMore({\n      document: SUB_SUBSCRIPTION_ADDED,\n      updateQuery: (prev, { subscriptionData }) => {\n        const prevComponent = prev?.getHost?.get;\n        const addedComponent = subscriptionData?.data?.componentAdded?.component;\n\n        if (!addedComponent || prevComponent) return prev;\n\n        if (idRef.current === addedComponent.id.name) {\n          return {\n            ...prev,\n            getHost: {\n              ...prev.getHost,\n              get: addedComponent,\n            },\n          };\n        }\n\n        return prev;\n      },\n    });\n\n    const unsubChanges = subscribeToMore({\n      document: SUB_COMPONENT_CHANGED,\n      updateQuery: (prev, { subscriptionData }) => {\n        if (!subscriptionData.data) return prev;\n\n        const prevComponent = prev?.getHost?.get;\n        const updatedComponent = subscriptionData?.data?.componentChanged?.component;\n\n        const isUpdated = updatedComponent && ComponentID.isEqualObj(prevComponent?.id, updatedComponent?.id);\n\n        if (isUpdated) {\n          return {\n            ...prev,\n            getHost: {\n              ...prev.getHost,\n              get: updatedComponent,\n            },\n          };\n        }\n\n        return prev;\n      },\n    });\n\n    const unsubRemoval = subscribeToMore({\n      document: SUB_COMPONENT_REMOVED,\n      updateQuery: (prev, { subscriptionData }) => {\n        if (!subscriptionData.data) return prev;\n\n        const prevComponent = prev?.getHost?.get;\n        const removedIds: ComponentIdObj[] | undefined = subscriptionData?.data?.componentRemoved?.componentIds;\n        if (!prevComponent || !removedIds?.length) return prev;\n\n        const isRemoved = removedIds.some((removedId) => ComponentID.isEqualObj(removedId, prevComponent.id));\n\n        if (isRemoved) {\n          return {\n            ...prev,\n            getHost: {\n              ...prev.getHost,\n              get: null,\n            },\n          };\n        }\n\n        return prev;\n      },\n    });\n\n    return () => {\n      unsubChanges();\n      unsubAddition();\n      unsubRemoval();\n    };\n  }, []);\n\n  const idDepKey = rawComponent?.id\n    ? `${rawComponent?.id?.scope}/${rawComponent?.id?.name}@${rawComponent?.id?.version}}`\n    : undefined;\n\n  const id: ComponentID | undefined = useMemo(\n    () => (rawComponent ? ComponentID.fromObject(rawComponent.id) : undefined),\n    [idDepKey]\n  );\n\n  const componentError =\n    error && !data\n      ? new ComponentError(500, error.message)\n      : (!rawComponent && !loading && new ComponentError(404)) || undefined;\n\n  const component = useMemo(\n    () => (rawComponent ? ComponentModel.from({ ...rawComponent, host, logs }) : undefined),\n    [id?.toString(), logs]\n  );\n\n  const componentDescriptor = useMemo(() => {\n    const aspectList = {\n      entries: rawComponent?.aspects.map((aspectObject) => {\n        return {\n          ...aspectObject,\n          aspectId: aspectObject.id,\n          aspectData: aspectObject.data,\n        };\n      }),\n    };\n\n    return id ? ComponentDescriptor.fromObject({ id: id.toString(), aspectList }) : undefined;\n  }, [id?.toString()]);\n\n  return useMemo(() => {\n    return {\n      componentDescriptor,\n      component,\n      componentLogs: {\n        loading: loadingLogs,\n        logs,\n      },\n      error: componentError || undefined,\n      loading,\n    };\n  }, [host, component, componentDescriptor, componentError]);\n}\n"],"mappings":"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"}

package/dist/ui/use-component.model.d.ts

@@ -3,33 +3,33 @@ import { LegacyComponentLog } from '@teambit/legacy-component-log';
 import { ComponentID } from '../';
 import { ComponentError } from './component-error';
 import { ComponentModel } from './component-model';
-export declare type LogFilter = {
+export type LogFilter = {
     offset?: number;
     limit?: number;
     head?: string;
     sort?: string;
     takeHeadFromComponent?: boolean;
 };
-export declare type Filters = {
+export type Filters = {
     log?: LogFilter & {
         type?: string;
     };
     loading?: boolean;
 };
-export declare type UseComponentOptions = {
+export type UseComponentOptions = {
     version?: string;
     logFilters?: Filters;
     customUseComponent?: UseComponentType;
     skip?: boolean;
 };
-export declare type ComponentQueryResult = {
+export type ComponentQueryResult = {
     component?: ComponentModel;
     componentDescriptor?: ComponentDescriptor;
     componentLogs?: ComponentLogs;
     loading?: boolean;
     error?: ComponentError;
 };
-export declare type ComponentLogsResult = {
+export type ComponentLogsResult = {
     id?: ComponentID;
     componentLogs?: ComponentLogs;
     latest?: string;
@@ -37,8 +37,8 @@ export declare type ComponentLogsResult = {
     error?: ComponentError;
     loading?: boolean;
 };
-export declare type ComponentLogs = {
+export type ComponentLogs = {
     logs?: LegacyComponentLog[];
     loading?: boolean;
 };
-export declare type UseComponentType = (id: string, host: string, filters?: Filters, skip?: boolean) => ComponentQueryResult;
+export type UseComponentType = (id: string, host: string, filters?: Filters, skip?: boolean) => ComponentQueryResult;

package/get-component-opts.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { RouteProps } from 'react-router-dom';
+import type { UseComponentType, Filters } from './ui/use-component';
+
+export type GetComponentsOptions = {
+  useComponent?: UseComponentType;
+  componentId?: string | (() => string | undefined);
+  useComponentFilters?: () => Filters;
+  path?: string;
+  skipRightSide?: boolean;
+  RightNode?: React.ReactNode;
+  className?: string;
+  routes?: RouteProps[];
+};

package/hash.ts

@@ -0,0 +1,4 @@
+/**
+ * type for representing content-addressable filesystem hashes.
+ */
+export type Hash = string;

package/history-graph.ts

@@ -0,0 +1 @@
+export default class HistoryGraph {}

package/index.ts

@@ -0,0 +1,50 @@
+import { ComponentAspect } from './component.aspect';
+
+export type { GetComponentsOptions } from './get-component-opts';
+export type { UseComponentType } from './ui/use-component';
+export { useComponentHost } from './host';
+export { Component, InvalidComponent } from './component';
+export { ComponentID } from '@teambit/component-id';
+export { default as ComponentFS } from './component-fs';
+export type { Config as ComponentConfig } from './config';
+export type {
+  ComponentFactory,
+  ResolveAspectsOptions,
+  FilterAspectsOptions,
+  LoadAspectsOptions,
+} from './component-factory';
+export type { AspectList } from './aspect-list';
+export { AspectEntry, AspectData, ResolveComponentIdFunc } from './aspect-entry';
+// TODO: check why it's not working when using the index in snap dir like this:
+// export { Snap, Author } from './snap';
+export { Snap, SnapProps } from './snap/snap';
+export type { Author } from './snap/author';
+// TODO: check why it's not working when using the index in tag dir like this:
+// export { Tag } from './tag';
+export { Tag, TagProps } from './tag/tag';
+export type { IComponent } from './component-interface';
+export { State } from './state';
+export type { Hash } from './hash';
+export { TagMap } from './tag-map';
+export { ComponentMap } from './component-map';
+export type { ComponentMain } from './component.main.runtime';
+export type { ComponentUI } from './component.ui.runtime';
+export type { Section } from './section';
+export { ComponentContext, ComponentDescriptorContext, useComponentDescriptor } from './ui/context/component-context';
+export type { ComponentProviderProps, ComponentDescriptorProviderProps } from './ui/context';
+export { ComponentProvider, ComponentDescriptorProvider } from './ui/context';
+export { componentFields, componentIdFields, componentOverviewFields } from './ui';
+export type { NavPlugin, ConsumePlugin, MenuNavProps } from './ui/menu';
+export { CollapsibleMenuNav, ComponentMenu, VersionRelatedDropdowns } from './ui/menu';
+export type { RegisteredComponentRoute, ComponentUrlParams } from './component.route';
+export type { ComponentModelProps } from './ui/component-model';
+export { ComponentModel } from './ui/component-model';
+export { TopBarNav } from './ui/top-bar-nav';
+export type { ShowFragment, ShowRow, ShowJSONRow } from './show';
+export { Config } from './config';
+export { useComponent, useIdFromLocation, useComponentLogs, ComponentLogsResult, Filters } from './ui';
+
+// export { AspectList } from './aspect-list';
+// export { AspectEntry } from './aspect-entry';
+export { ComponentAspect };
+export default ComponentAspect;

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/component",
-  "version": "1.0.106",
+  "version": "1.0.108",
   "homepage": "https://bit.cloud/teambit/component/component",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.component",
     "name": "component",
-    "version": "1.0.106"
+    "version": "1.0.108"
   },
   "dependencies": {
     "@teambit/any-fs": "0.0.5",
@@ -19,8 +19,6 @@
     "lodash.flatten": "4.4.0",
     "classnames": "2.2.6",
     "lodash.compact": "3.0.1",
-    "core-js": "^3.0.0",
-    "@babel/runtime": "7.20.0",
     "@teambit/component-id": "1.2.0",
     "@teambit/ui-foundation.ui.menu-widget-icon": "0.0.502",
     "@teambit/graph.cleargraph": "0.0.1",
@@ -37,59 +35,57 @@
     "@teambit/ui-foundation.ui.react-router.use-query": "0.0.501",
     "@teambit/design.ui.pages.not-found": "0.0.366",
     "@teambit/design.ui.pages.server-error": "0.0.366",
-    "@teambit/design.ui.styles.ellipsis": "0.0.357",
-    "@teambit/explorer.ui.command-bar": "2.0.14",
     "@teambit/design.ui.empty-box": "0.0.363",
     "@teambit/documenter.ui.heading": "4.1.1",
     "@teambit/documenter.ui.separator": "4.1.1",
+    "@teambit/design.ui.styles.ellipsis": "0.0.357",
+    "@teambit/explorer.ui.command-bar": "2.0.14",
     "@teambit/design.navigation.responsive-navbar": "0.0.7",
     "@teambit/base-ui.layout.breakpoints": "1.0.0",
     "@teambit/component.ui.version-dropdown": "0.0.852",
     "@teambit/lanes.hooks.use-lanes": "0.0.254",
     "@teambit/lanes.ui.models.lanes-model": "0.0.207",
     "@teambit/ui-foundation.ui.use-box.dropdown": "0.0.141",
-    "@teambit/aspect-loader": "1.0.106",
-    "@teambit/graph": "1.0.106",
+    "@teambit/aspect-loader": "1.0.108",
+    "@teambit/graph": "1.0.108",
     "@teambit/toolbox.path.match-patterns": "0.0.13",
     "@teambit/toolbox.string.capitalize": "0.0.494",
-    "@teambit/cli": "0.0.839",
-    "@teambit/express": "0.0.938",
-    "@teambit/graphql": "1.0.106",
-    "@teambit/command-bar": "1.0.106",
-    "@teambit/component-package-version": "0.0.430",
-    "@teambit/preview": "1.0.106",
-    "@teambit/pubsub": "1.0.106",
-    "@teambit/react-router": "1.0.106",
-    "@teambit/ui": "1.0.106",
-    "@teambit/component-issues": "0.0.137",
-    "@teambit/cli-table": "0.0.45",
-    "@teambit/component-descriptor": "0.0.407",
-    "@teambit/compositions": "1.0.106",
-    "@teambit/deprecation": "1.0.106",
-    "@teambit/envs": "1.0.106",
-    "@teambit/envs.ui.env-icon": "0.0.503",
-    "@teambit/harmony.ui.aspect-box": "0.0.505"
+    "@teambit/cli": "0.0.840",
+    "@teambit/express": "0.0.939",
+    "@teambit/graphql": "1.0.108",
+    "@teambit/command-bar": "1.0.108",
+    "@teambit/component-package-version": "0.0.431",
+    "@teambit/preview": "1.0.108",
+    "@teambit/pubsub": "1.0.108",
+    "@teambit/react-router": "1.0.108",
+    "@teambit/ui": "1.0.108",
+    "@teambit/component-issues": "0.0.138",
+    "@teambit/cli-table": "0.0.46",
+    "@teambit/component-descriptor": "0.0.408",
+    "@teambit/compositions": "1.0.108",
+    "@teambit/deprecation": "1.0.108",
+    "@teambit/envs": "1.0.108",
+    "@teambit/harmony.ui.aspect-box": "0.0.505",
+    "@teambit/envs.ui.env-icon": "0.0.503"
   },
   "devDependencies": {
-    "@types/react": "^17.0.8",
     "@types/lodash": "4.14.165",
     "@types/semver": "7.3.4",
     "@types/lodash.flatten": "4.4.6",
     "@types/classnames": "2.2.11",
     "@types/lodash.compact": "3.0.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",
-    "@teambit/component.content.component-overview": "1.95.0"
+    "@types/jest": "^29.2.2",
+    "@types/testing-library__jest-dom": "^5.9.5",
+    "@teambit/component.content.component-overview": "1.95.0",
+    "@teambit/harmony.envs.core-aspect-env": "0.0.13"
   },
   "peerDependencies": {
     "@apollo/client": "^3.6.0",
-    "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": {},
@@ -103,7 +99,7 @@
   },
   "private": false,
   "engines": {
-    "node": ">=12.22.0"
+    "node": ">=16.0.0"
   },
   "repository": {
     "type": "git",
@@ -112,12 +108,9 @@
   "keywords": [
     "bit",
     "bit-aspect",
+    "bit-core-aspect",
     "components",
     "collaboration",
-    "web",
-    "react",
-    "react-components",
-    "angular",
-    "angular-components"
+    "web"
   ]
 }

package/state.ts

@@ -0,0 +1,88 @@
+import { IssuesList } from '@teambit/component-issues';
+import { ComponentID } from '@teambit/component-id';
+import ComponentFS from './component-fs';
+import { Config } from './config';
+import { AspectList } from './aspect-list';
+import { MainFileNotFound } from './exceptions';
+
+export class State {
+  constructor(
+    /**
+     * component configuration which is later generated to a component `package.json` and `bit.json`.
+     * @deprecated please use `aspects` instead.
+     */
+    readonly config: Config,
+
+    /**
+     * list of aspects configured on the component.
+     */
+    private _aspects: AspectList,
+
+    /**
+     * in-memory representation of the component current filesystem.
+     */
+    readonly filesystem: ComponentFS,
+
+    /**
+     * dependency graph of the component current. ideally package dependencies would be also placed here.
+     */
+    // readonly dependencies: Dependencies
+    readonly dependencies,
+
+    /**
+     * instance of legacy consumer component.
+     */
+    readonly _consumer: any
+  ) {}
+
+  /**
+   * get the main file of the component.
+   */
+  get mainFile() {
+    const file = this.filesystem.files.find((componentFile) => {
+      return componentFile.relative === this._consumer.mainFile;
+    });
+
+    if (!file) throw new MainFileNotFound(ComponentID.fromLegacy(this._consumer.id), this._consumer.mainFile);
+
+    return file;
+  }
+
+  /**
+   * calculate the hash of this state
+   */
+  get hash() {
+    return '';
+  }
+
+  get issues(): IssuesList {
+    return (this._consumer.issues ||= new IssuesList());
+  }
+
+  /**
+   * @deprecated please use `component.isModified`.
+   * the way it's implemented here is unreliable and will only work if in the legacy the "isModified" was calculated.
+   */
+  get isModified(): boolean {
+    return this._consumer._isModified;
+  }
+
+  get aspects(): AspectList {
+    return this._aspects;
+  }
+
+  set aspects(aspects: AspectList) {
+    this._aspects = aspects;
+  }
+
+  // static fromLegacy(consumerComponent: ConsumerComponent) {
+  //   return new State(
+  //     new Config(consumerComponent.mainFile, consumerComponent.extensions),
+  //     consumerComponent.version || 'new',
+  //     ComponentFS.fromVinyls(consumerComponent.files),
+  //     Store.fromArray([]),
+  //     consumerComponent.dependencies,
+  //     consumerComponent
+  //   );
+  // }
+}

package/store.ts

@@ -0,0 +1,3 @@
+import { ExtensionDataList } from '@teambit/legacy/dist/consumer/config/extension-data';
+
+export class Store extends ExtensionDataList {}

package/tag-map.ts

@@ -0,0 +1,87 @@
+import { getLatestVersion } from '@teambit/legacy/dist/utils/semver-helper';
+import { SemVer, maxSatisfying } from 'semver';
+
+import { CouldNotFindLatest } from './exceptions';
+import { Hash } from './hash';
+import { Tag } from './tag';
+
+export class TagMap extends Map<SemVer, Tag> {
+  /**
+   * get snap by hash.
+   */
+  byHash(hash: Hash) {
+    const tag = Array.from(this.values()).find((currTag) => currTag.hash === hash);
+    return tag;
+  }
+
+  /**
+   * e.g.
+   * {
+   *   alpha: '1.0.0-alpha.5',
+   *   dev: '2.2.4-dev.37
+   * }
+   */
+  getPreReleaseLatestTags(): { [preRelease: string]: string } {
+    const preReleaseTagsWithAllVersions = this.toArray().reduce((acc, current) => {
+      const preReleases = current.version.prerelease;
+      if (!preReleases.length) return acc;
+      if (preReleases.length !== 2) {
+        // it could be length 1, e.g. 1.0.0-0, we ignore it.
+        // it could also be length > 2, e.g. 1.0.0-dev.1.alpha.1, we don't support it for now.
+        return acc;
+      }
+      if (typeof preReleases[0] !== 'string') return acc;
+      (acc[preReleases[0]] ||= []).push(current.version.raw);
+      return acc;
+    }, {});
+    return Object.keys(preReleaseTagsWithAllVersions).reduce((acc, current) => {
+      acc[current] = maxSatisfying<string>(preReleaseTagsWithAllVersions[current], '*', { includePrerelease: true });
+      return acc;
+    }, {});
+  }
+
+  /**
+   * Get a map that map snap hash to tag
+   */
+  getHashMap(): Map<Hash, Tag> {
+    const res: Map<Hash, Tag> = new Map();
+    this.forEach((tag: Tag) => {
+      res.set(tag.hash, tag);
+    });
+    return res;
+  }
+
+  /**
+   * get the latest semver from the tag map.
+   */
+  getLatest(): string {
+    const versions = this.toArray().map((tag) => tag.version.raw);
+    if (this.isEmpty()) throw new CouldNotFindLatest(versions);
+    return getLatestVersion(versions);
+  }
+
+  isEmpty() {
+    return this.size === 0;
+  }
+
+  /**
+   * get an array of all tags.
+   */
+  toArray(): Tag[] {
+    return Array.from(this.values());
+  }
+
+  byVersion(version: string): Tag | undefined {
+    const versions = this.toArray().map((tag) => tag);
+    return versions.find((tag) => tag.version.raw === version);
+  }
+
+  static fromArray(tags: Tag[]) {
+    const tuples: [SemVer, Tag][] = tags.map((tag) => [tag.version, tag]);
+    return new TagMap(tuples);
+  }
+
+  static empty() {
+    return new TagMap();
+  }
+}

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;
+}