@teambit/component 0.0.1079 → 0.0.1081

package/dist/ui/use-component-logs.js

@@ -0,0 +1,93 @@
+"use strict";
+
+require("core-js/modules/es.array.sort.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useComponentLogs = useComponentLogs;
+exports.useComponentLogsInit = useComponentLogsInit;
+function _uiFoundationUiHooks() {
+  const data = require("@teambit/ui-foundation.ui.hooks.use-data-query");
+  _uiFoundationUiHooks = function () {
+    return data;
+  };
+  return data;
+}
+function _useComponent() {
+  const data = require("./use-component.fragments");
+  _useComponent = function () {
+    return data;
+  };
+  return data;
+}
+function _componentError() {
+  const data = require("./component-error");
+  _componentError = function () {
+    return data;
+  };
+  return data;
+}
+function _useComponent2() {
+  const data = require("./use-component.utils");
+  _useComponent2 = function () {
+    return data;
+  };
+  return data;
+}
+function useComponentLogs(componentId, host, filters, skipFromProps) {
+  var _data$getHost;
+  const {
+    variables,
+    skip
+  } = useComponentLogsInit(componentId, host, filters, skipFromProps);
+  const {
+    data,
+    error,
+    loading
+  } = (0, _uiFoundationUiHooks().useDataQuery)(_useComponent().GET_COMPONENT_WITH_LOGS, {
+    variables,
+    skip,
+    errorPolicy: 'all'
+  });
+  const rawComponent = data === null || data === void 0 ? void 0 : (_data$getHost = data.getHost) === null || _data$getHost === void 0 ? void 0 : _data$getHost.get;
+  const rawCompLogs = rawComponent === null || rawComponent === void 0 ? void 0 : rawComponent.logs;
+  const componentError = error && !data ? new (_componentError().ComponentError)(500, error.message) : !rawComponent && !loading && new (_componentError().ComponentError)(404) || undefined;
+  return {
+    loading,
+    error: componentError,
+    componentLogs: {
+      logs: rawCompLogs,
+      loading
+    }
+  };
+}
+function useComponentLogsInit(componentId, host, filters, skip) {
+  const {
+    log
+  } = filters || {};
+  const {
+    head: logHead,
+    offset: logOffset,
+    sort: logSort,
+    limit: logLimit,
+    type: logType,
+    takeHeadFromComponent: logTakeHeadFromComponent
+  } = log || {};
+  const variables = {
+    id: componentId,
+    extensionId: host,
+    logOffset: (0, _useComponent2().getOffsetValue)(logOffset, logLimit),
+    logLimit,
+    logType,
+    logHead,
+    logSort,
+    logTakeHeadFromComponent
+  };
+  return {
+    logOffset,
+    variables,
+    skip
+  };
+}
+
+//# sourceMappingURL=use-component-logs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useComponentLogs","componentId","host","filters","skipFromProps","variables","skip","useComponentLogsInit","data","error","loading","useDataQuery","GET_COMPONENT_WITH_LOGS","errorPolicy","rawComponent","getHost","get","rawCompLogs","logs","componentError","ComponentError","message","undefined","componentLogs","log","head","logHead","offset","logOffset","sort","logSort","limit","logLimit","type","logType","takeHeadFromComponent","logTakeHeadFromComponent","id","extensionId","getOffsetValue"],"sources":["use-component-logs.ts"],"sourcesContent":["import { LegacyComponentLog } from '@teambit/legacy-component-log';\nimport { useDataQuery } from '@teambit/ui-foundation.ui.hooks.use-data-query';\nimport { ComponentLogsResult, Filters } from './use-component.model';\nimport { GET_COMPONENT_WITH_LOGS } from './use-component.fragments';\nimport { ComponentError } from './component-error';\nimport { getOffsetValue } from './use-component.utils';\n\nexport function useComponentLogs(\n  componentId: string,\n  host: string,\n  filters?: Filters,\n  skipFromProps?: boolean\n): ComponentLogsResult {\n  const { variables, skip } = useComponentLogsInit(componentId, host, filters, skipFromProps);\n\n  const { data, error, loading } = useDataQuery(GET_COMPONENT_WITH_LOGS, {\n    variables,\n    skip,\n    errorPolicy: 'all',\n  });\n\n  const rawComponent = data?.getHost?.get;\n  const rawCompLogs: Array<LegacyComponentLog> = rawComponent?.logs;\n\n  const componentError =\n    error && !data\n      ? new ComponentError(500, error.message)\n      : (!rawComponent && !loading && new ComponentError(404)) || undefined;\n\n  return {\n    loading,\n    error: componentError,\n    componentLogs: {\n      logs: rawCompLogs,\n      loading,\n    },\n  };\n}\n\nexport function useComponentLogsInit(componentId: string, host: string, filters?: Filters, skip?: boolean) {\n  const { log } = filters || {};\n  const {\n    head: logHead,\n    offset: logOffset,\n    sort: logSort,\n    limit: logLimit,\n    type: logType,\n    takeHeadFromComponent: logTakeHeadFromComponent,\n  } = log || {};\n  const variables = {\n    id: componentId,\n    extensionId: host,\n    logOffset: getOffsetValue(logOffset, logLimit),\n    logLimit,\n    logType,\n    logHead,\n    logSort,\n    logTakeHeadFromComponent,\n  };\n  return {\n    logOffset,\n    variables,\n    skip,\n  };\n}\n"],"mappings":";;;;;;;;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEO,SAASA,gBAAgB,CAC9BC,WAAmB,EACnBC,IAAY,EACZC,OAAiB,EACjBC,aAAuB,EACF;EAAA;EACrB,MAAM;IAAEC,SAAS;IAAEC;EAAK,CAAC,GAAGC,oBAAoB,CAACN,WAAW,EAAEC,IAAI,EAAEC,OAAO,EAAEC,aAAa,CAAC;EAE3F,MAAM;IAAEI,IAAI;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAG,IAAAC,mCAAY,EAACC,uCAAuB,EAAE;IACrEP,SAAS;IACTC,IAAI;IACJO,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,YAAY,GAAGN,IAAI,aAAJA,IAAI,wCAAJA,IAAI,CAAEO,OAAO,kDAAb,cAAeC,GAAG;EACvC,MAAMC,WAAsC,GAAGH,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEI,IAAI;EAEjE,MAAMC,cAAc,GAClBV,KAAK,IAAI,CAACD,IAAI,GACV,KAAIY,gCAAc,EAAC,GAAG,EAAEX,KAAK,CAACY,OAAO,CAAC,GACrC,CAACP,YAAY,IAAI,CAACJ,OAAO,IAAI,KAAIU,gCAAc,EAAC,GAAG,CAAC,IAAKE,SAAS;EAEzE,OAAO;IACLZ,OAAO;IACPD,KAAK,EAAEU,cAAc;IACrBI,aAAa,EAAE;MACbL,IAAI,EAAED,WAAW;MACjBP;IACF;EACF,CAAC;AACH;AAEO,SAASH,oBAAoB,CAACN,WAAmB,EAAEC,IAAY,EAAEC,OAAiB,EAAEG,IAAc,EAAE;EACzG,MAAM;IAAEkB;EAAI,CAAC,GAAGrB,OAAO,IAAI,CAAC,CAAC;EAC7B,MAAM;IACJsB,IAAI,EAAEC,OAAO;IACbC,MAAM,EAAEC,SAAS;IACjBC,IAAI,EAAEC,OAAO;IACbC,KAAK,EAAEC,QAAQ;IACfC,IAAI,EAAEC,OAAO;IACbC,qBAAqB,EAAEC;EACzB,CAAC,GAAGZ,GAAG,IAAI,CAAC,CAAC;EACb,MAAMnB,SAAS,GAAG;IAChBgC,EAAE,EAAEpC,WAAW;IACfqC,WAAW,EAAEpC,IAAI;IACjB0B,SAAS,EAAE,IAAAW,+BAAc,EAACX,SAAS,EAAEI,QAAQ,CAAC;IAC9CA,QAAQ;IACRE,OAAO;IACPR,OAAO;IACPI,OAAO;IACPM;EACF,CAAC;EACD,OAAO;IACLR,SAAS;IACTvB,SAAS;IACTC;EACF,CAAC;AACH"}

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

@@ -1,87 +1,3 @@
-import { ComponentDescriptor } from '@teambit/component-descriptor';
-import { ComponentModel } from './component-model';
-import { ComponentError } from './component-error';
-export declare const componentIdFields: import("@apollo/client").DocumentNode;
-export declare const componentOverviewFields: import("@apollo/client").DocumentNode;
-export declare const componentFields: import("@apollo/client").DocumentNode;
-export declare type Filters = {
-    log?: {
-        logType?: string;
-        logOffset?: number;
-        logLimit?: number;
-        logHead?: string;
-        logSort?: string;
-    };
-};
+import { ComponentQueryResult, Filters } from './use-component.model';
 /** provides data to component ui page, making sure both variables and return value are safely typed and memoized */
-export declare function useComponentQuery(componentId: string, host: string, filters?: Filters, skip?: boolean): {
-    client: import("@apollo/client").ApolloClient<any>;
-    observable: import("@apollo/client").ObservableQuery<any, {
-        logType?: string | undefined;
-        logOffset?: number | undefined;
-        logLimit?: number | undefined;
-        logHead?: string | undefined;
-        logSort?: string | undefined;
-        id: string;
-        extensionId: string;
-    }>;
-    previousData?: any;
-    networkStatus: import("@apollo/client").NetworkStatus;
-    called: boolean;
-    startPolling: (pollInterval: number) => void;
-    stopPolling: () => void;
-    updateQuery: <TVars = {
-        logType?: string | undefined;
-        logOffset?: number | undefined;
-        logLimit?: number | undefined;
-        logHead?: string | undefined;
-        logSort?: string | undefined;
-        id: string;
-        extensionId: string;
-    }>(mapFn: (previousQueryResult: any, options: Pick<import("@apollo/client").WatchQueryOptions<TVars, any>, "variables">) => any) => void;
-    refetch: (variables?: Partial<{
-        logType?: string | undefined;
-        logOffset?: number | undefined;
-        logLimit?: number | undefined;
-        logHead?: string | undefined;
-        logSort?: string | undefined;
-        id: string;
-        extensionId: string;
-    }> | undefined) => Promise<import("@apollo/client").ApolloQueryResult<any>>;
-    reobserve: (newOptions?: Partial<import("@apollo/client").WatchQueryOptions<{
-        logType?: string | undefined;
-        logOffset?: number | undefined;
-        logLimit?: number | undefined;
-        logHead?: string | undefined;
-        logSort?: string | undefined;
-        id: string;
-        extensionId: string;
-    }, any>> | undefined, newNetworkStatus?: import("@apollo/client").NetworkStatus | undefined) => Promise<import("@apollo/client").ApolloQueryResult<any>>;
-    variables: {
-        logType?: string | undefined;
-        logOffset?: number | undefined;
-        logLimit?: number | undefined;
-        logHead?: string | undefined;
-        logSort?: string | undefined;
-        id: string;
-        extensionId: string;
-    } | undefined;
-    fetchMore: <TFetchData = any, TFetchVars = {
-        logType?: string | undefined;
-        logOffset?: number | undefined;
-        logLimit?: number | undefined;
-        logHead?: string | undefined;
-        logSort?: string | undefined;
-        id: string;
-        extensionId: string;
-    }>(fetchMoreOptions: import("@apollo/client").FetchMoreQueryOptions<TFetchVars, TFetchData> & {
-        updateQuery?: ((previousQueryResult: any, options: {
-            fetchMoreResult: TFetchData;
-            variables: TFetchVars;
-        }) => any) | undefined;
-    }) => Promise<import("@apollo/client").ApolloQueryResult<TFetchData>>;
-    componentDescriptor: ComponentDescriptor | undefined;
-    component: ComponentModel | undefined;
-    error: ComponentError | undefined;
-    loading: boolean;
-};
+export declare function useComponentQuery(componentId: string, host: string, filters?: Filters, skip?: boolean): ComponentQueryResult;

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

@@ -4,7 +4,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.componentOverviewFields = exports.componentIdFields = exports.componentFields = void 0;
 exports.useComponentQuery = useComponentQuery;
 function _defineProperty2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -13,13 +12,6 @@ function _defineProperty2() {
   };
   return data;
 }
-function _objectWithoutProperties2() {
-  const data = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-  _objectWithoutProperties2 = function () {
-    return data;
-  };
-  return data;
-}
 function _react() {
   const data = require("react");
   _react = function () {
@@ -27,13 +19,6 @@ function _react() {
   };
   return data;
 }
-function _client() {
-  const data = require("@apollo/client");
-  _client = function () {
-    return data;
-  };
-  return data;
-}
 function _uiFoundationUiHooks() {
   const data = require("@teambit/ui-foundation.ui.hooks.use-data-query");
   _uiFoundationUiHooks = function () {
@@ -62,6 +47,20 @@ function _componentModel() {
   };
   return data;
 }
+function _useComponent() {
+  const data = require("./use-component.fragments");
+  _useComponent = function () {
+    return data;
+  };
+  return data;
+}
+function _useComponentLogs() {
+  const data = require("./use-component-logs");
+  _useComponentLogs = function () {
+    return data;
+  };
+  return data;
+}
 function _componentError() {
   const data = require("./component-error");
   _componentError = function () {
@@ -71,173 +70,39 @@ function _componentError() {
 }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2().default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const componentIdFields = (0, _client().gql)`
-  fragment componentIdFields on ComponentID {
-    name
-    version
-    scope
-  }
-`;
-exports.componentIdFields = componentIdFields;
-const componentOverviewFields = (0, _client().gql)`
-  fragment componentOverviewFields on Component {
-    id {
-      ...componentIdFields
-    }
-    aspects(include: ["teambit.preview/preview", "teambit.envs/envs"]) {
-      # 'id' property in gql refers to a *global* identifier and used for caching.
-      # this makes aspect data cache under the same key, even when they are under different components.
-      # renaming the property fixes that.
-      id
-      data
-    }
-    elementsUrl
-    description
-    deprecation {
-      isDeprecate
-      newId
-    }
-    labels
-    displayName
-    server {
-      env
-      url
-      host
-      basePath
-    }
-    buildStatus
-    env {
-      id
-      icon
-    }
-    size {
-      compressedTotal
-    }
-    preview {
-      includesEnvTemplate
-      legacyHeader
-      isScaling
-      skipIncludes
-    }
-    compositions {
-      identifier
-      displayName
-    }
-  }
-  ${componentIdFields}
-`;
-exports.componentOverviewFields = componentOverviewFields;
-const componentFields = (0, _client().gql)`
-  fragment componentFields on Component {
-    id {
-      ...componentIdFields
-    }
-    ...componentOverviewFields
-    packageName
-    latest
-    compositions {
-      identifier
-      displayName
-    }
-    tags {
-      version
-    }
-    logs(type: $logType, offset: $logOffset, limit: $logLimit, head: $logHead, sort: $logSort) {
-      id
-      message
-      username
-      email
-      date
-      hash
-      tag
-    }
-  }
-  ${componentIdFields}
-  ${componentOverviewFields}
-`;
-exports.componentFields = componentFields;
-const GET_COMPONENT = (0, _client().gql)`
-  query Component(
-    $id: String!
-    $extensionId: String!
-    $logType: String
-    $logOffset: Int
-    $logLimit: Int
-    $logHead: String
-    $logSort: String
-  ) {
-    getHost(id: $extensionId) {
-      id # used for GQL caching
-      get(id: $id) {
-        ...componentFields
-      }
-    }
-  }
-  ${componentFields}
-`;
-const SUB_SUBSCRIPTION_ADDED = (0, _client().gql)`
-  subscription OnComponentAdded($logType: String, $logOffset: Int, $logLimit: Int, $logHead: String, $logSort: String) {
-    componentAdded {
-      component {
-        ...componentFields
-      }
-    }
-  }
-  ${componentFields}
-`;
-const SUB_COMPONENT_CHANGED = (0, _client().gql)`
-  subscription OnComponentChanged(
-    $logType: String
-    $logOffset: Int
-    $logLimit: Int
-    $logHead: String
-    $logSort: String
-  ) {
-    componentChanged {
-      component {
-        ...componentFields
-      }
-    }
-  }
-  ${componentFields}
-`;
-const SUB_COMPONENT_REMOVED = (0, _client().gql)`
-  subscription OnComponentRemoved {
-    componentRemoved {
-      componentIds {
-        ...componentIdFields
-      }
-    }
-  }
-  ${componentIdFields}
-`;
 /** provides data to component ui page, making sure both variables and return value are safely typed and memoized */
 function useComponentQuery(componentId, host, filters, skip) {
-  var _data$getHost;
+  var _data$getHost, _rawComponent$id, _rawComponent$id2, _rawComponent$id3;
   const idRef = (0, _react().useRef)(componentId);
   idRef.current = componentId;
-  const _useDataQuery = (0, _uiFoundationUiHooks().useDataQuery)(GET_COMPONENT, {
-      variables: _objectSpread({
-        id: componentId,
-        extensionId: host
-      }, (filters === null || filters === void 0 ? void 0 : filters.log) || {}),
-      skip,
-      errorPolicy: 'all'
-    }),
-    {
-      data,
-      error,
-      loading,
-      subscribeToMore
-    } = _useDataQuery,
-    rest = (0, _objectWithoutProperties2().default)(_useDataQuery, ["data", "error", "loading", "subscribeToMore"]);
+  const variables = {
+    id: componentId,
+    extensionId: host
+  };
+  const {
+    data,
+    error,
+    loading,
+    subscribeToMore
+  } = (0, _uiFoundationUiHooks().useDataQuery)(_useComponent().GET_COMPONENT, {
+    variables,
+    skip,
+    errorPolicy: 'all'
+  });
+  const {
+    loading: loadingLogs,
+    componentLogs: {
+      logs
+    } = {}
+  } = (0, _useComponentLogs().useComponentLogs)(componentId, host, filters, skip);
+  const rawComponent = data === null || data === void 0 ? void 0 : (_data$getHost = data.getHost) === null || _data$getHost === void 0 ? void 0 : _data$getHost.get;
   (0, _react().useEffect)(() => {
     // @TODO @Kutner fix subscription for scope
     if (host !== 'teambit.workspace/workspace') {
       return () => {};
     }
     const unsubAddition = subscribeToMore({
-      document: SUB_SUBSCRIPTION_ADDED,
+      document: _useComponent().SUB_SUBSCRIPTION_ADDED,
       updateQuery: (prev, {
         subscriptionData
       }) => {
@@ -256,7 +121,7 @@ function useComponentQuery(componentId, host, filters, skip) {
       }
     });
     const unsubChanges = subscribeToMore({
-      document: SUB_COMPONENT_CHANGED,
+      document: _useComponent().SUB_COMPONENT_CHANGED,
       updateQuery: (prev, {
         subscriptionData
       }) => {
@@ -276,7 +141,7 @@ function useComponentQuery(componentId, host, filters, skip) {
       }
     });
     const unsubRemoval = subscribeToMore({
-      document: SUB_COMPONENT_REMOVED,
+      document: _useComponent().SUB_COMPONENT_REMOVED,
       updateQuery: (prev, {
         subscriptionData
       }) => {
@@ -302,8 +167,14 @@ function useComponentQuery(componentId, host, filters, skip) {
       unsubRemoval();
     };
   }, []);
-  const rawComponent = data === null || data === void 0 ? void 0 : (_data$getHost = data.getHost) === null || _data$getHost === void 0 ? void 0 : _data$getHost.get;
-  return (0, _react().useMemo)(() => {
+  const idDepKey = rawComponent !== null && rawComponent !== void 0 && rawComponent.id ? `${rawComponent === null || rawComponent === void 0 ? void 0 : (_rawComponent$id = rawComponent.id) === null || _rawComponent$id === void 0 ? void 0 : _rawComponent$id.scope}/${rawComponent === null || rawComponent === void 0 ? void 0 : (_rawComponent$id2 = rawComponent.id) === null || _rawComponent$id2 === void 0 ? void 0 : _rawComponent$id2.name}@${rawComponent === null || rawComponent === void 0 ? void 0 : (_rawComponent$id3 = rawComponent.id) === null || _rawComponent$id3 === void 0 ? void 0 : _rawComponent$id3.version}}` : undefined;
+  const id = (0, _react().useMemo)(() => rawComponent ? _componentId().ComponentID.fromObject(rawComponent.id) : undefined, [idDepKey]);
+  const componentError = error && !data ? new (_componentError().ComponentError)(500, error.message) : !rawComponent && !loading && new (_componentError().ComponentError)(404) || undefined;
+  const component = (0, _react().useMemo)(() => rawComponent ? _componentModel().ComponentModel.from(_objectSpread(_objectSpread({}, rawComponent), {}, {
+    host,
+    logs
+  })) : undefined, [id === null || id === void 0 ? void 0 : id.toString(), logs]);
+  const componentDescriptor = (0, _react().useMemo)(() => {
     const aspectList = {
       entries: rawComponent === null || rawComponent === void 0 ? void 0 : rawComponent.aspects.map(aspectObject => {
         return _objectSpread(_objectSpread({}, aspectObject), {}, {
@@ -312,20 +183,23 @@ function useComponentQuery(componentId, host, filters, skip) {
         });
       })
     };
-    const id = rawComponent && _componentId().ComponentID.fromObject(rawComponent.id);
-    const componentError = error && !data ? new (_componentError().ComponentError)(500, error.message) : !rawComponent && !loading && new (_componentError().ComponentError)(404);
-    return _objectSpread({
-      componentDescriptor: id ? _componentDescriptor().ComponentDescriptor.fromObject({
-        id: id.toString(),
-        aspectList
-      }) : undefined,
-      component: rawComponent ? _componentModel().ComponentModel.from(_objectSpread(_objectSpread({}, rawComponent), {}, {
-        host
-      })) : undefined,
+    return id ? _componentDescriptor().ComponentDescriptor.fromObject({
+      id: id.toString(),
+      aspectList
+    }) : undefined;
+  }, [id === null || id === void 0 ? void 0 : id.toString()]);
+  return (0, _react().useMemo)(() => {
+    return {
+      componentDescriptor,
+      component,
+      componentLogs: {
+        loading: loadingLogs,
+        logs
+      },
       error: componentError || undefined,
       loading
-    }, rest);
-  }, [rawComponent, host, error]);
+    };
+  }, [host, component, componentDescriptor, componentError]);
 }
 
 //# sourceMappingURL=use-component-query.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["componentIdFields","gql","componentOverviewFields","componentFields","GET_COMPONENT","SUB_SUBSCRIPTION_ADDED","SUB_COMPONENT_CHANGED","SUB_COMPONENT_REMOVED","useComponentQuery","componentId","host","filters","skip","idRef","useRef","current","useDataQuery","variables","id","extensionId","log","errorPolicy","data","error","loading","subscribeToMore","rest","useEffect","unsubAddition","document","updateQuery","prev","subscriptionData","prevComponent","getHost","get","addedComponent","componentAdded","component","name","unsubChanges","updatedComponent","componentChanged","isUpdated","ComponentID","isEqualObj","unsubRemoval","removedIds","componentRemoved","componentIds","length","isRemoved","some","removedId","rawComponent","useMemo","aspectList","entries","aspects","map","aspectObject","aspectId","aspectData","fromObject","componentError","ComponentError","message","componentDescriptor","ComponentDescriptor","toString","undefined","ComponentModel","from"],"sources":["use-component-query.ts"],"sourcesContent":["import { useMemo, useEffect, useRef } from 'react';\nimport { gql } from '@apollo/client';\nimport { useDataQuery } from '@teambit/ui-foundation.ui.hooks.use-data-query';\nimport { ComponentID, ComponentIdObj } from '@teambit/component-id';\nimport { ComponentDescriptor } from '@teambit/component-descriptor';\n\nimport { ComponentModel } from './component-model';\nimport { ComponentError } from './component-error';\n\nexport const componentIdFields = gql`\n  fragment componentIdFields on ComponentID {\n    name\n    version\n    scope\n  }\n`;\n\nexport const componentOverviewFields = gql`\n  fragment componentOverviewFields on Component {\n    id {\n      ...componentIdFields\n    }\n    aspects(include: [\"teambit.preview/preview\", \"teambit.envs/envs\"]) {\n      # 'id' property in gql refers to a *global* identifier and used for caching.\n      # this makes aspect data cache under the same key, even when they are under different components.\n      # renaming the property fixes that.\n      id\n      data\n    }\n    elementsUrl\n    description\n    deprecation {\n      isDeprecate\n      newId\n    }\n    labels\n    displayName\n    server {\n      env\n      url\n      host\n      basePath\n    }\n    buildStatus\n    env {\n      id\n      icon\n    }\n    size {\n      compressedTotal\n    }\n    preview {\n      includesEnvTemplate\n      legacyHeader\n      isScaling\n      skipIncludes\n    }\n    compositions {\n      identifier\n      displayName\n    }\n  }\n  ${componentIdFields}\n`;\n\nexport const componentFields = gql`\n  fragment componentFields on Component {\n    id {\n      ...componentIdFields\n    }\n    ...componentOverviewFields\n    packageName\n    latest\n    compositions {\n      identifier\n      displayName\n    }\n    tags {\n      version\n    }\n    logs(type: $logType, offset: $logOffset, limit: $logLimit, head: $logHead, sort: $logSort) {\n      id\n      message\n      username\n      email\n      date\n      hash\n      tag\n    }\n  }\n  ${componentIdFields}\n  ${componentOverviewFields}\n`;\n\nconst GET_COMPONENT = gql`\n  query Component(\n    $id: String!\n    $extensionId: String!\n    $logType: String\n    $logOffset: Int\n    $logLimit: Int\n    $logHead: String\n    $logSort: String\n  ) {\n    getHost(id: $extensionId) {\n      id # used for GQL caching\n      get(id: $id) {\n        ...componentFields\n      }\n    }\n  }\n  ${componentFields}\n`;\n\nconst SUB_SUBSCRIPTION_ADDED = gql`\n  subscription OnComponentAdded($logType: String, $logOffset: Int, $logLimit: Int, $logHead: String, $logSort: String) {\n    componentAdded {\n      component {\n        ...componentFields\n      }\n    }\n  }\n  ${componentFields}\n`;\n\nconst SUB_COMPONENT_CHANGED = gql`\n  subscription OnComponentChanged(\n    $logType: String\n    $logOffset: Int\n    $logLimit: Int\n    $logHead: String\n    $logSort: String\n  ) {\n    componentChanged {\n      component {\n        ...componentFields\n      }\n    }\n  }\n  ${componentFields}\n`;\n\nconst SUB_COMPONENT_REMOVED = gql`\n  subscription OnComponentRemoved {\n    componentRemoved {\n      componentIds {\n        ...componentIdFields\n      }\n    }\n  }\n  ${componentIdFields}\n`;\nexport type Filters = {\n  log?: { logType?: string; logOffset?: number; logLimit?: number; logHead?: string; logSort?: string };\n};\n/** provides data to component ui page, making sure both variables and return value are safely typed and memoized */\nexport function useComponentQuery(componentId: string, host: string, filters?: Filters, skip?: boolean) {\n  const idRef = useRef(componentId);\n  idRef.current = componentId;\n  const { data, error, loading, subscribeToMore, ...rest } = useDataQuery(GET_COMPONENT, {\n    variables: { id: componentId, extensionId: host, ...(filters?.log || {}) },\n    skip,\n    errorPolicy: 'all',\n  });\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 rawComponent = data?.getHost?.get;\n  return 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    const id = rawComponent && ComponentID.fromObject(rawComponent.id);\n    const componentError =\n      error && !data ? new ComponentError(500, error.message) : !rawComponent && !loading && new ComponentError(404);\n    return {\n      componentDescriptor: id ? ComponentDescriptor.fromObject({ id: id.toString(), aspectList }) : undefined,\n      component: rawComponent ? ComponentModel.from({ ...rawComponent, host }) : undefined,\n      error: componentError || undefined,\n      loading,\n      ...rest,\n    };\n  }, [rawComponent, host, error]);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAAmD;AAAA;AAE5C,MAAMA,iBAAiB,GAAG,IAAAC,aAAG,CAAC;AACrC;AACA;AACA;AACA;AACA;AACA,CAAC;AAAC;AAEK,MAAMC,uBAAuB,GAAG,IAAAD,aAAG,CAAC;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAID,iBAAkB;AACtB,CAAC;AAAC;AAEK,MAAMG,eAAe,GAAG,IAAAF,aAAG,CAAC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAID,iBAAkB;AACtB,IAAIE,uBAAwB;AAC5B,CAAC;AAAC;AAEF,MAAME,aAAa,GAAG,IAAAH,aAAG,CAAC;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIE,eAAgB;AACpB,CAAC;AAED,MAAME,sBAAsB,GAAG,IAAAJ,aAAG,CAAC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIE,eAAgB;AACpB,CAAC;AAED,MAAMG,qBAAqB,GAAG,IAAAL,aAAG,CAAC;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AA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"}
+{"version":3,"names":["useComponentQuery","componentId","host","filters","skip","idRef","useRef","current","variables","id","extensionId","data","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","length","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.d.ts

@@ -1,18 +1,3 @@
-import { ComponentDescriptor } from '@teambit/component-descriptor';
-import { ComponentModel } from './component-model';
-import { ComponentError } from './component-error';
-import { Filters } from './use-component-query';
-export declare type Component = {
-    component?: ComponentModel;
-    error?: ComponentError;
-    componentDescriptor?: ComponentDescriptor;
-    loading?: boolean;
-};
-export declare type UseComponentOptions = {
-    version?: string;
-    logFilters?: Filters;
-    customUseComponent?: UseComponentType;
-    skip?: boolean;
-};
-export declare type UseComponentType = (id: string, host: string, filters?: Filters, skip?: boolean) => Component;
-export declare function useComponent(host: string, id?: string, options?: UseComponentOptions): Component;
+import { ComponentQueryResult, UseComponentOptions, UseComponentType, Filters } from './use-component.model';
+export { UseComponentType, Filters };
+export declare function useComponent(host: string, id?: string, options?: UseComponentOptions): ComponentQueryResult;

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

@@ -0,0 +1,10 @@
+export declare const componentIdFields: import("@apollo/client").DocumentNode;
+export declare const componentOverviewFields: import("@apollo/client").DocumentNode;
+export declare const componentFields: import("@apollo/client").DocumentNode;
+export declare const componentFieldsWithLogs: import("@apollo/client").DocumentNode;
+export declare const COMPONENT_QUERY_LOG_FIELDS = "\n  $logOffset: Int\n  $logLimit: Int\n  $logType: String\n  $logHead: String\n  $logSort: String\n  $logTakeHeadFromComponent: Boolean\n";
+export declare const GET_COMPONENT: import("@apollo/client").DocumentNode;
+export declare const GET_COMPONENT_WITH_LOGS: import("@apollo/client").DocumentNode;
+export declare const SUB_SUBSCRIPTION_ADDED: import("@apollo/client").DocumentNode;
+export declare const SUB_COMPONENT_CHANGED: import("@apollo/client").DocumentNode;
+export declare const SUB_COMPONENT_REMOVED: import("@apollo/client").DocumentNode;