npm - @teambit/component - Versions diffs - 1.0.1079 → 1.0.1081 - Mend

@teambit/component 1.0.1079 → 1.0.1081

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (23) hide show

package/dist/component.graphql.js +72 -6
package/dist/component.graphql.js.map +1 -1
package/dist/{preview-1785260578779.js → preview-1785278532531.js} +2 -2
package/dist/ui/menu/menu.module.scss +17 -1
package/dist/ui/use-component-logs.d.ts +1 -1
package/dist/ui/use-component-logs.js +3 -2
package/dist/ui/use-component-logs.js.map +1 -1
package/dist/ui/use-component-query.d.ts +7 -2
package/dist/ui/use-component-query.js +16 -4
package/dist/ui/use-component-query.js.map +1 -1
package/dist/ui/use-component.fragments.js +3 -1
package/dist/ui/use-component.fragments.js.map +1 -1
package/dist/ui/use-component.js +3 -2
package/dist/ui/use-component.js.map +1 -1
package/dist/ui/use-component.model.d.ts +3 -1
package/dist/ui/use-component.model.js.map +1 -1
package/package.json +48 -48
package/ui/menu/menu.module.scss +17 -1
package/ui/use-component-logs.ts +3 -1
package/ui/use-component-query.ts +21 -3
package/ui/use-component.fragments.ts +3 -1
package/ui/use-component.model.ts +9 -1
package/ui/use-component.tsx +2 -2

package/dist/component.graphql.js CHANGED Viewed

@@ -38,6 +38,19 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * Per-Component-instance caches for resolver field outputs. Each batched lane-compare request fans
+ * out to ~10–20 `Component` ops that all eventually call `host.get()` for the same versioned id —
+ * which returns the same `Component` instance (via `ScopeComponentLoader.componentsCache`). Without
+ * these WeakMaps, every op re-runs the same `aspects.filter(include).serialize()`,
+ * `tags.toArray().map(toObject)`, `headTag.toObject()` etc.
+ *
+ * WeakMaps so entries disappear when the underlying `Component` is evicted from scope cache.
+ */
+const aspectsResolverCache = new WeakMap();
+const tagsResolverCache = new WeakMap();
+const headTagResolverCache = new WeakMap();
+const fsResolverCache = new WeakMap();
 function componentSchema(componentExtension) {
   return {
     typeDefs: (0, _graphqlTag().gql)`
@@ -183,6 +196,10 @@ function componentSchema(componentExtension) {
         # load a component.
         get(id: String!, withState: Boolean): Component
+        # load multiple components in a single op. items are aligned to the input order;
+        # an id that fails to resolve becomes null in its slot rather than failing the call.
+        getMany(ids: [String!]!, withState: Boolean): [Component]!
         # list components
         list(offset: Int, limit: Int): [Component]!
@@ -203,7 +220,11 @@ function componentSchema(componentExtension) {
         id: component => component.id.toObject(),
         displayName: component => component.displayName,
         fs: component => {
-          return component.state.filesystem.files.map(file => file.relative);
+          const cached = fsResolverCache.get(component);
+          if (cached) return cached;
+          const result = component.state.filesystem.files.map(file => file.relative);
+          fsResolverCache.set(component, result);
+          return result;
         },
         log: async component => {
           const snap = await component.loadSnap(component.id.version);
@@ -225,16 +246,36 @@ function componentSchema(componentExtension) {
         mainFile: component => {
           return component.state._consumer.mainFile;
         },
-        headTag: component => component.headTag?.toObject(),
+        headTag: component => {
+          if (headTagResolverCache.has(component)) return headTagResolverCache.get(component);
+          const result = component.headTag?.toObject();
+          headTagResolverCache.set(component, result);
+          return result;
+        },
         latest: component => component.latest,
         tags: component => {
+          const cached = tagsResolverCache.get(component);
+          if (cached) return cached;
           // graphql doesn't support map types
-          return component.tags.toArray().map(tag => tag.toObject());
+          const result = component.tags.toArray().map(tag => tag.toObject());
+          tagsResolverCache.set(component, result);
+          return result;
         },
         aspects: (component, {
           include
         }) => {
-          return component.state.aspects.filter(include).serialize();
+          let perComponent = aspectsResolverCache.get(component);
+          if (!perComponent) {
+            perComponent = new Map();
+            aspectsResolverCache.set(component, perComponent);
+          }
+          // sort the include list so callers that pass the same set in different order still hit cache.
+          const cacheKey = include ? [...include].sort().join('|') : '__all__';
+          const cached = perComponent.get(cacheKey);
+          if (cached) return cached;
+          const result = component.state.aspects.filter(include).serialize();
+          perComponent.set(cacheKey, result);
+          return result;
         },
         // Here only to not break old queries
         elementsUrl: () => undefined,
@@ -263,6 +304,21 @@ function componentSchema(componentExtension) {
             return null;
           }
         },
+        getMany: async (host, {
+          ids
+        }) => {
+          // run resolves+loads in parallel — `host.getMany` uses `mapSeries` under the hood, which
+          // serializes the work and defeats the whole point of bulk. each entry is independent and
+          // the underlying ScopeComponentLoader has its own per-id cache, so concurrency is safe.
+          return Promise.all(ids.map(async id => {
+            try {
+              const componentId = await host.resolveComponentId(id);
+              return await host.get(componentId);
+            } catch {
+              return null;
+            }
+          }));
+        },
         snaps: async (host, {
           id
         }) => {
@@ -285,8 +341,18 @@ function componentSchema(componentExtension) {
           }));
         },
         id: async (host, _args, _context, info) => {
-          const extensionId = info.variableValues.extensionId;
-          return extensionId ? `${host.name}/${extensionId}` : host.name;
+          // suffix the id with the requested host id so data fetched from different hosts (e.g. the
+          // workspace vs the scope during local-vs-scope compare, #9549) normalizes into distinct
+          // Apollo cache entities. A child field resolver can't see its parent's args, so the
+          // requested host is read from the operation's variables — and queries pass it under TWO
+          // names: `$extensionId` (file/artifact/lane-component queries) and `$host` (bulk
+          // compare/api-diff queries). Honoring both keeps the entity id consistent across the
+          // conventions. When this depended on `$extensionId` alone, the same host normalized into
+          // two different entities depending on which query fetched it; every response re-pointed
+          // the `getHost` root ref at its own flavor, orphaning the other's cached fields — which
+          // forced cache-first consumers (the bulk compare pager) into endless refetch loops.
+          const hostId = info.variableValues.extensionId ?? info.variableValues.host;
+          return hostId ? `${host.name}/${hostId}` : host.name;
         },
         name: async host => {
           return host.name;

package/dist/component.graphql.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_stripAnsi","data","_interopRequireDefault","require","_graphqlTag","_graphqlTypeJson","_toolboxPath","e","__esModule","default","ownKeys","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","componentSchema","componentExtension","typeDefs","gql","resolvers","JSONObject","GraphQLJSONObject","Component","id","component","toObject","displayName","fs","state","filesystem","files","map","file","relative","log","snap","loadSnap","version","date","timestamp","getTime","email","author","username","name","hash","getFile","path","maybeFile","find","pathNormalizeToLinux","undefined","contents","toString","mainFile","_consumer","headTag","latest","tags","toArray","tag","aspects","include","serialize","elementsUrl","logs","head","takeHeadFromComponent","finalFilter","getLogs","ComponentHost","get","host","componentId","resolveComponentId","snaps","list","listInvalid","invalidComps","err","errorName","errorMessage","message","stripAnsi","_args","_context","info","extensionId","variableValues","Query","getHost","componentExt"],"sources":["component.graphql.ts"],"sourcesContent":["import stripAnsi from 'strip-ansi';\nimport { gql } from 'graphql-tag';\nimport { GraphQLJSONObject } from 'graphql-type-json';\nimport type { ComponentID, ComponentIdObj } from '@teambit/component-id';\nimport { pathNormalizeToLinux } from '@teambit/toolbox.path.path';\nimport type { ComponentLog } from '@teambit/objects';\nimport type { Schema } from '@teambit/graphql';\nimport type { Component } from './component';\nimport type { ComponentFactory } from './component-factory';\nimport type { ComponentMain } from './component.main.runtime';\n\nexport function componentSchema(componentExtension: ComponentMain): Schema {\n return {\n typeDefs: gql`\n scalar JSON\n scalar JSONObject\n\n type ComponentID {\n name: String!\n version: String\n scope: String\n }\n\n type Tag {\n # semver assigned to the tag.\n version: String!\n\n # tag hash.\n hash: String!\n }\n\n type Snap {\n # hash of the snapshot.\n hash: String!\n\n # time of the snapshot.\n timestamp: String!\n\n # parents of the snap\n parents: [String]!\n\n # snapper\n author: Author!\n\n # snapshot message\n message: String\n }\n\n type LogEntry {\n message: String!\n displayName: String\n username: String\n parents: [String]!\n email: String\n date: String\n hash: String!\n tag: String\n id: String!\n profileImage: String\n\n # whether this specific version is deprecated (full component deprecation or matched by a deprecation range)\n deprecated: Boolean\n }\n\n type Author {\n # display name of the snapper.\n displayName: String!\n\n # author of the snapper.\n email: String!\n }\n\n type Component {\n # id of the component.\n id: ComponentID!\n\n # head snap of the component.\n head: Snap\n\n # head tag of the component.\n headTag: Tag\n\n # list of all relative component paths.\n fs: [String]\n\n # relative path to the main file of the component\n mainFile: String\n\n # return specific file contents by relative file path.\n getFile(path: String): String\n\n # latest version of the component.\n latest: String\n\n # display name of the component\n displayName: String!\n\n # component buildStatus\n buildStatus: String\n\n # list of component releases.\n tags: [Tag]!\n\n # Log entry of the component.\n log: LogEntry!\n\n \"\"\"\n component logs\n \"\"\"\n logs(\n \"\"\"\n type of logs to show (tag or snap)\n \"\"\"\n type: String\n offset: Int\n limit: Int\n \"\"\"\n head to start traversing logs from\n \"\"\"\n head: String\n sort: String\n \"\"\"\n start traversing logs from the fetched component's head\n \"\"\"\n takeHeadFromComponent: Boolean\n ): [LogEntry]!\n\n aspects(include: [String]): [Aspect]\n\n \"\"\"\n element url of the component - this is deprecated, and will return empty string now.\n it's here to not break old queries\n \"\"\"\n elementsUrl: String @deprecated(reason: \"Not in use anymore\")\n }\n\n type Aspect {\n id: String!\n icon: String\n config: JSONObject\n data: JSONObject\n }\n\n type InvalidComponent {\n id: ComponentID!\n errorName: String!\n errorMessage: String!\n }\n\n type ComponentHost {\n id: ID!\n name: String!\n\n # load a component.\n get(id: String!, withState: Boolean): Component\n\n # list components\n list(offset: Int, limit: Int): [Component]!\n\n # list invalid components and their errors\n listInvalid: [InvalidComponent]!\n\n # get component logs(snaps) by component id\n snaps(id: String!): [LogEntry]! @deprecated(reason: \"Use the logs field on Component\")\n }\n\n type Query {\n getHost(id: String): ComponentHost\n }\n `,\n resolvers: {\n JSONObject: GraphQLJSONObject,\n Component: {\n id: (component: Component): ComponentIdObj => component.id.toObject(),\n displayName: (component: Component) => component.displayName,\n fs: (component: Component) => {\n return component.state.filesystem.files.map((file) => file.relative);\n },\n log: async (component: Component) => {\n const snap = await component.loadSnap(component.id.version);\n return {\n ...snap,\n date: snap.timestamp.getTime(),\n email: snap.author.email,\n username: snap.author.name,\n displayName: snap.author.displayName,\n id: snap.hash,\n };\n },\n getFile: (component: Component, { path }: { path: string }) => {\n const maybeFile = component.state.filesystem.files.find(\n (file) => pathNormalizeToLinux(file.relative) === path\n );\n if (!maybeFile) return undefined;\n return maybeFile.contents.toString('utf-8');\n },\n mainFile: (component: Component) => {\n return component.state._consumer.mainFile;\n },\n headTag: (component: Component) => component.headTag?.toObject(),\n latest: (component: Component) => component.latest,\n tags: (component) => {\n // graphql doesn't support map types\n return component.tags.toArray().map((tag) => tag.toObject());\n },\n aspects: (component: Component, { include }: { include?: string[] }) => {\n return component.state.aspects.filter(include).serialize();\n },\n // Here only to not break old queries\n elementsUrl: () => undefined,\n logs: async (\n component: Component,\n filter?: {\n type?: string;\n offset?: number;\n limit?: number;\n head?: string;\n sort?: string;\n takeHeadFromComponent: boolean;\n }\n ) => {\n let head = filter?.head;\n if (!head && filter?.takeHeadFromComponent) {\n head = component.id.version;\n }\n const finalFilter = { ...filter, head };\n return (await component.getLogs(finalFilter)).map((log) => ({ ...log, id: log.hash }));\n },\n },\n ComponentHost: {\n get: async (host: ComponentFactory, { id }: { id: string }) => {\n try {\n const componentId = await host.resolveComponentId(id);\n const component = await host.get(componentId);\n return component;\n } catch {\n return null;\n }\n },\n snaps: async (host: ComponentFactory, { id }: { id: string }): Promise<ComponentLog[]> => {\n const componentId = await host.resolveComponentId(id);\n // return (await host.getLogs(componentId)).map(log => ({...log, id: log.hash}))\n return host.getLogs(componentId);\n },\n list: async (host: ComponentFactory, filter?: { offset: number; limit: number }) => {\n return host.list(filter);\n },\n listInvalid: async (host: ComponentFactory) => {\n const invalidComps = await host.listInvalid();\n return invalidComps.map(({ id, err }) => ({\n id: id as ComponentID,\n errorName: err.name,\n errorMessage: err.message ? stripAnsi(err.message) : err.name,\n }));\n },\n id: async (host: ComponentFactory, _args, _context, info) => {\n const extensionId = info.variableValues.extensionId;\n return extensionId ? `${host.name}/${extensionId}` : host.name;\n },\n name: async (host: ComponentFactory) => {\n return host.name;\n },\n },\n Query: {\n getHost: (componentExt: ComponentMain, { id }: { id: string }) => {\n return componentExtension.getHost(id);\n },\n },\n },\n };\n}\n"],"mappings":"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ACA;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;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,KAAK;IACDC,SAAS,EAAE;MACTC,UAAU,EAAEC,oCAAiB;MAC7BC,SAAS,EAAE;QACTC,EAAE,EAAGC,SAAoB,IAAqBA,SAAS,CAACD,EAAE,CAACE,QAAQ,CAAC,CAAC;QACrEC,WAAW,EAAGF,SAAoB,IAAKA,SAAS,CAACE,WAAW;QAC5DC,EAAE,EAAGH,SAAoB,IAAK;UAC5B,OAAOA,SAAS,CAACI,KAAK,CAACC,UAAU,CAACC,KAAK,CAACC,GAAG,CAAEC,IAAI,IAAKA,IAAI,CAACC,QAAQ,CAAC;QACtE,CAAC;QACDC,GAAG,EAAE,MAAOV,SAAoB,IAAK;UACnC,MAAMW,IAAI,GAAG,MAAMX,SAAS,CAACY,QAAQ,CAACZ,SAAS,CAACD,EAAE,CAACc,OAAO,CAAC;UAC3D,OAAA1C,aAAA,CAAAA,aAAA,KACKwC,IAAI;YACPG,IAAI,EAAEH,IAAI,CAACI,SAAS,CAACC,OAAO,CAAC,CAAC;YAC9BC,KAAK,EAAEN,IAAI,CAACO,MAAM,CAACD,KAAK;YACxBE,QAAQ,EAAER,IAAI,CAACO,MAAM,CAACE,IAAI;YAC1BlB,WAAW,EAAES,IAAI,CAACO,MAAM,CAAChB,WAAW;YACpCH,EAAE,EAAEY,IAAI,CAACU;UAAI;QAEjB,CAAC;QACDC,OAAO,EAAEA,CAACtB,SAAoB,EAAE;UAAEuB;QAAuB,CAAC,KAAK;UAC7D,MAAMC,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","ignoreList":[]}
1	+ {"version":3,"names":["_stripAnsi","data","_interopRequireDefault","require","_graphqlTag","_graphqlTypeJson","_toolboxPath","e","__esModule","default","ownKeys","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","aspectsResolverCache","WeakMap","tagsResolverCache","headTagResolverCache","fsResolverCache","componentSchema","componentExtension","typeDefs","gql","resolvers","JSONObject","GraphQLJSONObject","Component","id","component","toObject","displayName","fs","cached","get","result","state","filesystem","files","map","file","relative","set","log","snap","loadSnap","version","date","timestamp","getTime","email","author","username","name","hash","getFile","path","maybeFile","find","pathNormalizeToLinux","undefined","contents","toString","mainFile","_consumer","headTag","has","latest","tags","toArray","tag","aspects","include","perComponent","Map","cacheKey","sort","join","serialize","elementsUrl","logs","head","takeHeadFromComponent","finalFilter","getLogs","ComponentHost","host","componentId","resolveComponentId","getMany","ids","Promise","all","snaps","list","listInvalid","invalidComps","err","errorName","errorMessage","message","stripAnsi","_args","_context","info","hostId","variableValues","extensionId","Query","getHost","componentExt"],"sources":["component.graphql.ts"],"sourcesContent":["import stripAnsi from 'strip-ansi';\nimport { gql } from 'graphql-tag';\nimport { GraphQLJSONObject } from 'graphql-type-json';\nimport type { ComponentID, ComponentIdObj } from '@teambit/component-id';\nimport { pathNormalizeToLinux } from '@teambit/toolbox.path.path';\nimport type { ComponentLog } from '@teambit/objects';\nimport type { Schema } from '@teambit/graphql';\nimport type { Component } from './component';\nimport type { ComponentFactory } from './component-factory';\nimport type { ComponentMain } from './component.main.runtime';\n\n/*\n Per-Component-instance caches for resolver field outputs. Each batched lane-compare request fans\n * out to ~10–20 `Component` ops that all eventually call `host.get()` for the same versioned id —\n * which returns the same `Component` instance (via `ScopeComponentLoader.componentsCache`). Without\n * these WeakMaps, every op re-runs the same `aspects.filter(include).serialize()`,\n * `tags.toArray().map(toObject)`, `headTag.toObject()` etc.\n \n WeakMaps so entries disappear when the underlying `Component` is evicted from scope cache.\n */\nconst aspectsResolverCache = new WeakMap<Component, Map<string, any>>();\nconst tagsResolverCache = new WeakMap<Component, any>();\nconst headTagResolverCache = new WeakMap<Component, any>();\nconst fsResolverCache = new WeakMap<Component, string[]>();\n\nexport function componentSchema(componentExtension: ComponentMain): Schema {\n return {\n typeDefs: gql`\n scalar JSON\n scalar JSONObject\n\n type ComponentID {\n name: String!\n version: String\n scope: String\n }\n\n type Tag {\n # semver assigned to the tag.\n version: String!\n\n # tag hash.\n hash: String!\n }\n\n type Snap {\n # hash of the snapshot.\n hash: String!\n\n # time of the snapshot.\n timestamp: String!\n\n # parents of the snap\n parents: [String]!\n\n # snapper\n author: Author!\n\n # snapshot message\n message: String\n }\n\n type LogEntry {\n message: String!\n displayName: String\n username: String\n parents: [String]!\n email: String\n date: String\n hash: String!\n tag: String\n id: String!\n profileImage: String\n\n # whether this specific version is deprecated (full component deprecation or matched by a deprecation range)\n deprecated: Boolean\n }\n\n type Author {\n # display name of the snapper.\n displayName: String!\n\n # author of the snapper.\n email: String!\n }\n\n type Component {\n # id of the component.\n id: ComponentID!\n\n # head snap of the component.\n head: Snap\n\n # head tag of the component.\n headTag: Tag\n\n # list of all relative component paths.\n fs: [String]\n\n # relative path to the main file of the component\n mainFile: String\n\n # return specific file contents by relative file path.\n getFile(path: String): String\n\n # latest version of the component.\n latest: String\n\n # display name of the component\n displayName: String!\n\n # component buildStatus\n buildStatus: String\n\n # list of component releases.\n tags: [Tag]!\n\n # Log entry of the component.\n log: LogEntry!\n\n \"\"\"\n component logs\n \"\"\"\n logs(\n \"\"\"\n type of logs to show (tag or snap)\n \"\"\"\n type: String\n offset: Int\n limit: Int\n \"\"\"\n head to start traversing logs from\n \"\"\"\n head: String\n sort: String\n \"\"\"\n start traversing logs from the fetched component's head\n \"\"\"\n takeHeadFromComponent: Boolean\n ): [LogEntry]!\n\n aspects(include: [String]): [Aspect]\n\n \"\"\"\n element url of the component - this is deprecated, and will return empty string now.\n it's here to not break old queries\n \"\"\"\n elementsUrl: String @deprecated(reason: \"Not in use anymore\")\n }\n\n type Aspect {\n id: String!\n icon: String\n config: JSONObject\n data: JSONObject\n }\n\n type InvalidComponent {\n id: ComponentID!\n errorName: String!\n errorMessage: String!\n }\n\n type ComponentHost {\n id: ID!\n name: String!\n\n # load a component.\n get(id: String!, withState: Boolean): Component\n\n # load multiple components in a single op. items are aligned to the input order;\n # an id that fails to resolve becomes null in its slot rather than failing the call.\n getMany(ids: [String!]!, withState: Boolean): [Component]!\n\n # list components\n list(offset: Int, limit: Int): [Component]!\n\n # list invalid components and their errors\n listInvalid: [InvalidComponent]!\n\n # get component logs(snaps) by component id\n snaps(id: String!): [LogEntry]! @deprecated(reason: \"Use the logs field on Component\")\n }\n\n type Query {\n getHost(id: String): ComponentHost\n }\n `,\n resolvers: {\n JSONObject: GraphQLJSONObject,\n Component: {\n id: (component: Component): ComponentIdObj => component.id.toObject(),\n displayName: (component: Component) => component.displayName,\n fs: (component: Component) => {\n const cached = fsResolverCache.get(component);\n if (cached) return cached;\n const result = component.state.filesystem.files.map((file) => file.relative);\n fsResolverCache.set(component, result);\n return result;\n },\n log: async (component: Component) => {\n const snap = await component.loadSnap(component.id.version);\n return {\n ...snap,\n date: snap.timestamp.getTime(),\n email: snap.author.email,\n username: snap.author.name,\n displayName: snap.author.displayName,\n id: snap.hash,\n };\n },\n getFile: (component: Component, { path }: { path: string }) => {\n const maybeFile = component.state.filesystem.files.find(\n (file) => pathNormalizeToLinux(file.relative) === path\n );\n if (!maybeFile) return undefined;\n return maybeFile.contents.toString('utf-8');\n },\n mainFile: (component: Component) => {\n return component.state._consumer.mainFile;\n },\n headTag: (component: Component) => {\n if (headTagResolverCache.has(component)) return headTagResolverCache.get(component);\n const result = component.headTag?.toObject();\n headTagResolverCache.set(component, result);\n return result;\n },\n latest: (component: Component) => component.latest,\n tags: (component) => {\n const cached = tagsResolverCache.get(component);\n if (cached) return cached;\n // graphql doesn't support map types\n const result = component.tags.toArray().map((tag) => tag.toObject());\n tagsResolverCache.set(component, result);\n return result;\n },\n aspects: (component: Component, { include }: { include?: string[] }) => {\n let perComponent = aspectsResolverCache.get(component);\n if (!perComponent) {\n perComponent = new Map();\n aspectsResolverCache.set(component, perComponent);\n }\n // sort the include list so callers that pass the same set in different order still hit cache.\n const cacheKey = include ? [...include].sort().join('\|') : '__all__';\n const cached = perComponent.get(cacheKey);\n if (cached) return cached;\n const result = component.state.aspects.filter(include).serialize();\n perComponent.set(cacheKey, result);\n return result;\n },\n // Here only to not break old queries\n elementsUrl: () => undefined,\n logs: async (\n component: Component,\n filter?: {\n type?: string;\n offset?: number;\n limit?: number;\n head?: string;\n sort?: string;\n takeHeadFromComponent: boolean;\n }\n ) => {\n let head = filter?.head;\n if (!head && filter?.takeHeadFromComponent) {\n head = component.id.version;\n }\n const finalFilter = { ...filter, head };\n return (await component.getLogs(finalFilter)).map((log) => ({ ...log, id: log.hash }));\n },\n },\n ComponentHost: {\n get: async (host: ComponentFactory, { id }: { id: string }) => {\n try {\n const componentId = await host.resolveComponentId(id);\n const component = await host.get(componentId);\n return component;\n } catch {\n return null;\n }\n },\n getMany: async (host: ComponentFactory, { ids }: { ids: string[] }) => {\n // run resolves+loads in parallel — `host.getMany` uses `mapSeries` under the hood, which\n // serializes the work and defeats the whole point of bulk. each entry is independent and\n // the underlying ScopeComponentLoader has its own per-id cache, so concurrency is safe.\n return Promise.all(\n ids.map(async (id) => {\n try {\n const componentId = await host.resolveComponentId(id);\n return await host.get(componentId);\n } catch {\n return null;\n }\n })\n );\n },\n snaps: async (host: ComponentFactory, { id }: { id: string }): Promise<ComponentLog[]> => {\n const componentId = await host.resolveComponentId(id);\n // return (await host.getLogs(componentId)).map(log => ({...log, id: log.hash}))\n return host.getLogs(componentId);\n },\n list: async (host: ComponentFactory, filter?: { offset: number; limit: number }) => {\n return host.list(filter);\n },\n listInvalid: async (host: ComponentFactory) => {\n const invalidComps = await host.listInvalid();\n return invalidComps.map(({ id, err }) => ({\n id: id as ComponentID,\n errorName: err.name,\n errorMessage: err.message ? stripAnsi(err.message) : err.name,\n }));\n },\n id: async (host: ComponentFactory, _args, _context, info) => {\n // suffix the id with the requested host id so data fetched from different hosts (e.g. the\n // workspace vs the scope during local-vs-scope compare, #9549) normalizes into distinct\n // Apollo cache entities. A child field resolver can't see its parent's args, so the\n // requested host is read from the operation's variables — and queries pass it under TWO\n // names: `$extensionId` (file/artifact/lane-component queries) and `$host` (bulk\n // compare/api-diff queries). Honoring both keeps the entity id consistent across the\n // conventions. When this depended on `$extensionId` alone, the same host normalized into\n // two different entities depending on which query fetched it; every response re-pointed\n // the `getHost` root ref at its own flavor, orphaning the other's cached fields — which\n // forced cache-first consumers (the bulk compare pager) into endless refetch loops.\n const hostId = info.variableValues.extensionId ?? info.variableValues.host;\n return hostId ? `${host.name}/${hostId}` : host.name;\n },\n name: async (host: ComponentFactory) => {\n return host.name;\n },\n },\n Query: {\n getHost: (componentExt: ComponentMain, { id }: { id: string }) => {\n return componentExtension.getHost(id);\n },\n },\n },\n };\n}\n"],"mappings":"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;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;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;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;AACA;AACA,KAAK;IACDC,SAAS,EAAE;MACTC,UAAU,EAAEC,oCAAiB;MAC7BC,SAAS,EAAE;QACTC,EAAE,EAAGC,SAAoB,IAAqBA,SAAS,CAACD,EAAE,CAACE,QAAQ,CAAC,CAAC;QACrEC,WAAW,EAAGF,SAAoB,IAAKA,SAAS,CAACE,WAAW;QAC5DC,EAAE,EAAGH,SAAoB,IAAK;UAC5B,MAAMI,MAAM,GAAGd,eAAe,CAACe,GAAG,CAACL,SAAS,CAAC;UAC7C,IAAII,MAAM,EAAE,OAAOA,MAAM;UACzB,MAAME,MAAM,GAAGN,SAAS,CAACO,KAAK,CAACC,UAAU,CAACC,KAAK,CAACC,GAAG,CAAEC,IAAI,IAAKA,IAAI,CAACC,QAAQ,CAAC;UAC5EtB,eAAe,CAACuB,GAAG,CAACb,SAAS,EAAEM,MAAM,CAAC;UACtC,OAAOA,MAAM;QACf,CAAC;QACDQ,GAAG,EAAE,MAAOd,SAAoB,IAAK;UACnC,MAAMe,IAA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","ignoreList":[]}

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

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

package/dist/ui/menu/menu.module.scss CHANGED Viewed

@@ -96,8 +96,15 @@
   }
 }
+// The component top bar packs left-side nav (Overview, Code, Tests, Preview …) and right-side
+// dropdowns (Use package, Versions, Workspace) on the same row. Below `$br-lg` the right side
+// takes so much horizontal space that the ResponsiveNavbar collapses every nav tab into the
+// overflow "more" dropdown — which is what produces the "…" the user sees instead of tabs.
+// Hiding the Use-package dropdown earlier (at < lg, not < md) reclaims the room so the nav
+// stays visible on tablet viewports too. Users on mobile can still copy the install command
+// from the dedicated "Use package" panel that the docs overview renders inline.
 .hideOnMobile {
-  @media screen and (max-width: $br-md) {
+  @media screen and (max-width: $br-lg) {
     display: none;
   }
 }
@@ -105,4 +112,13 @@
 .useBoxContainer {
   width: 500px !important;
   border: 1px solid var(--border-medium-color, #ededed);
+  // Mobile: cap to viewport width, drop fixed pixel width, scroll horizontally if a tab title
+  // (or the install snippet) is wider. Without this the 500px container overflows past the
+  // viewport edge, which is why the second consume-method tab and the package-name snippet were
+  // both truncating to "…".
+  @media screen and (max-width: $br-md) {
+    width: calc(100vw - 24px) !important;
+    max-width: 500px;
+  }
 }

package/dist/ui/use-component-logs.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { ComponentLogsResult, Filters } from './use-component.model';
-export declare function useComponentLogs(componentId: string, host: string, filters?: Filters, skipFromProps?: boolean): ComponentLogsResult;
+export declare function useComponentLogs(componentId: string, host: string, filters?: Filters, skipFromProps?: boolean, context?: Record<string, any>): ComponentLogsResult;
 export declare function useComponentLogsInit(componentId: string, host: string, filters?: Filters, skip?: boolean): {
     logOffset: number | undefined;
     variables: {

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

@@ -47,7 +47,7 @@ function _() {
   };
   return data;
 }
-function useComponentLogs(componentId, host, filters, skipFromProps) {
+function useComponentLogs(componentId, host, filters, skipFromProps, context) {
   const {
     variables,
     skip
@@ -59,7 +59,8 @@ function useComponentLogs(componentId, host, filters, skipFromProps) {
   } = (0, _uiFoundationUiHooks().useDataQuery)(_useComponent().GET_COMPONENT_WITH_LOGS, {
     variables,
     skip,
-    errorPolicy: 'all'
+    errorPolicy: 'all',
+    context
   });
   const rawComponent = data?.getHost?.get;
   const rawCompLogs = rawComponent?.logs;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","data","require","_uiFoundationUiHooks","_useComponent","_componentError","_useComponent2","_","useComponentLogs","componentId","host","filters","skipFromProps","variables","skip","useComponentLogsInit","error","loading","useDataQuery","GET_COMPONENT_WITH_LOGS","errorPolicy","rawComponent","getHost","get","rawCompLogs","logs","componentError","ComponentError","message","undefined","idDepKey","id","scope","name","version","useMemo","ComponentID","fromObject","packageName","latest","componentLogs","log","head","logHead","offset","logOffset","sort","logSort","limit","logLimit","type","logType","takeHeadFromComponent","logTakeHeadFromComponent","extensionId","getOffsetValue"],"sources":["use-component-logs.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport type { LegacyComponentLog } from '@teambit/legacy-component-log';\nimport { useDataQuery } from '@teambit/ui-foundation.ui.hooks.use-data-query';\nimport type { 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';\nimport { ComponentID } from '..';\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 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 return {\n loading,\n id,\n packageName: rawComponent?.packageName,\n latest: rawComponent?.latest,\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":";;;;;;;AAAA,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAE,qBAAA;EAAA,MAAAF,IAAA,GAAAC,OAAA;EAAAC,oBAAA,YAAAA,CAAA;IAAA,OAAAF,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAG,cAAA;EAAA,MAAAH,IAAA,GAAAC,OAAA;EAAAE,aAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAI,gBAAA;EAAA,MAAAJ,IAAA,GAAAC,OAAA;EAAAG,eAAA,YAAAA,CAAA;IAAA,OAAAJ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAK,eAAA;EAAA,MAAAL,IAAA,GAAAC,OAAA;EAAAI,cAAA,YAAAA,CAAA;IAAA,OAAAL,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAM,EAAA;EAAA,MAAAN,IAAA,GAAAC,OAAA;EAAAK,CAAA,YAAAA,CAAA;IAAA,OAAAN,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEO,SAASO,gBAAgBA,CAC9BC,WAAmB,EACnBC,IAAY,EACZC,OAAiB,EACjBC,aAAuB,~~EACF~~;EACrB,MAAM;IAAEC,SAAS;IAAEC;EAAK,CAAC,GAAGC,oBAAoB,~~CAACN~~,WAAW,EAAEC,IAAI,EAAEC,OAAO,EAAEC,aAAa,CAAC;EAE3F,MAAM;IAAEX,IAAI;~~IAAEe~~,KAAK;IAAEC;EAAQ,CAAC,GAAG,IAAAC,mCAAY,EAACC,uCAAuB,EAAE;IACrEN,SAAS;IACTC,IAAI;IACJM,WAAW,EAAE;~~EACf~~,CAAC,CAAC;EAEF,~~MAAMC~~,YAAY,~~GAAGpB~~,IAAI,~~EAAEqB~~,OAAO,EAAEC,GAAG;EACvC,MAAMC,WAAsC,GAAGH,YAAY,EAAEI,IAAI;EAEjE,MAAMC,cAAc,GAClBV,KAAK,IAAI,~~CAACf~~,IAAI,GACV,~~KAAI0B~~,gCAAc,EAAC,GAAG,EAAEX,KAAK,CAACY,OAAO,CAAC,GACrC,CAACP,YAAY,IAAI,CAACJ,OAAO,IAAI,KAAIU,gCAAc,EAAC,GAAG,CAAC,IAAKE,SAAS;EAEzE,MAAMC,QAAQ,GAAGT,YAAY,EAAEU,EAAE,GAC7B,GAAGV,YAAY,EAAEU,EAAE,EAAEC,KAAK,IAAIX,YAAY,EAAEU,EAAE,EAAEE,IAAI,IAAIZ,YAAY,EAAEU,EAAE,EAAEG,OAAO,GAAG,GACpFL,SAAS;EAEb,MAAME,EAA2B,GAAG,IAAAI,gBAAO,EACzC,MAAOd,YAAY,GAAGe,eAAW,CAACC,UAAU,CAAChB,YAAY,CAACU,EAAE,CAAC,GAAGF,SAAU,EAC1E,CAACC,QAAQ,CACX,CAAC;EAED,OAAO;IACLb,OAAO;IACPc,EAAE;IACFO,WAAW,EAAEjB,YAAY,EAAEiB,WAAW;IACtCC,MAAM,EAAElB,YAAY,EAAEkB,MAAM;IAC5BvB,KAAK,EAAEU,cAAc;IACrBc,aAAa,EAAE;MACbf,IAAI,EAAED,WAAW;MACjBP;IACF;EACF,CAAC;AACH;AAEO,SAASF,oBAAoBA,~~CAACN~~,WAAmB,EAAEC,IAAY,EAAEC,OAAiB,~~EAAEG~~,IAAc,EAAE;EACzG,MAAM;IAAE2B;EAAI,CAAC,~~GAAG9B~~,OAAO,IAAI,CAAC,CAAC;EAC7B,MAAM;~~IACJ+B~~,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,MAAM5B,SAAS,GAAG;IAChBkB,EAAE,~~EAAEtB~~,WAAW;~~IACf6C~~,WAAW,~~EAAE5C~~,IAAI;~~IACjBmC~~,SAAS,EAAE,IAAAU,+BAAc,EAACV,SAAS,EAAEI,QAAQ,CAAC;IAC9CA,QAAQ;IACRE,OAAO;IACPR,OAAO;IACPI,OAAO;IACPM;EACF,CAAC;EACD,OAAO;IACLR,SAAS;IACThC,SAAS;IACTC;EACF,CAAC;AACH","ignoreList":[]}
1	+ {"version":3,"names":["_react","data","require","_uiFoundationUiHooks","_useComponent","_componentError","_useComponent2","_","useComponentLogs","componentId","host","filters","skipFromProps","context","variables","skip","useComponentLogsInit","error","loading","useDataQuery","GET_COMPONENT_WITH_LOGS","errorPolicy","rawComponent","getHost","get","rawCompLogs","logs","componentError","ComponentError","message","undefined","idDepKey","id","scope","name","version","useMemo","ComponentID","fromObject","packageName","latest","componentLogs","log","head","logHead","offset","logOffset","sort","logSort","limit","logLimit","type","logType","takeHeadFromComponent","logTakeHeadFromComponent","extensionId","getOffsetValue"],"sources":["use-component-logs.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport type { LegacyComponentLog } from '@teambit/legacy-component-log';\nimport { useDataQuery } from '@teambit/ui-foundation.ui.hooks.use-data-query';\nimport type { 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';\nimport { ComponentID } from '..';\n\nexport function useComponentLogs(\n componentId: string,\n host: string,\n filters?: Filters,\n skipFromProps?: boolean,\n context?: Record<string, any>\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 context,\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 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 return {\n loading,\n id,\n packageName: rawComponent?.packageName,\n latest: rawComponent?.latest,\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":";;;;;;;AAAA,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAE,qBAAA;EAAA,MAAAF,IAAA,GAAAC,OAAA;EAAAC,oBAAA,YAAAA,CAAA;IAAA,OAAAF,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAG,cAAA;EAAA,MAAAH,IAAA,GAAAC,OAAA;EAAAE,aAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAI,gBAAA;EAAA,MAAAJ,IAAA,GAAAC,OAAA;EAAAG,eAAA,YAAAA,CAAA;IAAA,OAAAJ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAK,eAAA;EAAA,MAAAL,IAAA,GAAAC,OAAA;EAAAI,cAAA,YAAAA,CAAA;IAAA,OAAAL,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAM,EAAA;EAAA,MAAAN,IAAA,GAAAC,OAAA;EAAAK,CAAA,YAAAA,CAAA;IAAA,OAAAN,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEO,SAASO,gBAAgBA,CAC9BC,WAAmB,EACnBC,IAAY,EACZC,OAAiB,EACjBC,aAAuB,EACvBC,OAA6B,EACR;EACrB,MAAM;IAAEC,SAAS;IAAEC;EAAK,CAAC,GAAGC,oBAAoB,CAACP,WAAW,EAAEC,IAAI,EAAEC,OAAO,EAAEC,aAAa,CAAC;EAE3F,MAAM;IAAEX,IAAI;IAAEgB,KAAK;IAAEC;EAAQ,CAAC,GAAG,IAAAC,mCAAY,EAACC,uCAAuB,EAAE;IACrEN,SAAS;IACTC,IAAI;IACJM,WAAW,EAAE,KAAK;IAClBR;EACF,CAAC,CAAC;EAEF,MAAMS,YAAY,GAAGrB,IAAI,EAAEsB,OAAO,EAAEC,GAAG;EACvC,MAAMC,WAAsC,GAAGH,YAAY,EAAEI,IAAI;EAEjE,MAAMC,cAAc,GAClBV,KAAK,IAAI,CAAChB,IAAI,GACV,KAAI2B,gCAAc,EAAC,GAAG,EAAEX,KAAK,CAACY,OAAO,CAAC,GACrC,CAACP,YAAY,IAAI,CAACJ,OAAO,IAAI,KAAIU,gCAAc,EAAC,GAAG,CAAC,IAAKE,SAAS;EAEzE,MAAMC,QAAQ,GAAGT,YAAY,EAAEU,EAAE,GAC7B,GAAGV,YAAY,EAAEU,EAAE,EAAEC,KAAK,IAAIX,YAAY,EAAEU,EAAE,EAAEE,IAAI,IAAIZ,YAAY,EAAEU,EAAE,EAAEG,OAAO,GAAG,GACpFL,SAAS;EAEb,MAAME,EAA2B,GAAG,IAAAI,gBAAO,EACzC,MAAOd,YAAY,GAAGe,eAAW,CAACC,UAAU,CAAChB,YAAY,CAACU,EAAE,CAAC,GAAGF,SAAU,EAC1E,CAACC,QAAQ,CACX,CAAC;EAED,OAAO;IACLb,OAAO;IACPc,EAAE;IACFO,WAAW,EAAEjB,YAAY,EAAEiB,WAAW;IACtCC,MAAM,EAAElB,YAAY,EAAEkB,MAAM;IAC5BvB,KAAK,EAAEU,cAAc;IACrBc,aAAa,EAAE;MACbf,IAAI,EAAED,WAAW;MACjBP;IACF;EACF,CAAC;AACH;AAEO,SAASF,oBAAoBA,CAACP,WAAmB,EAAEC,IAAY,EAAEC,OAAiB,EAAEI,IAAc,EAAE;EACzG,MAAM;IAAE2B;EAAI,CAAC,GAAG/B,OAAO,IAAI,CAAC,CAAC;EAC7B,MAAM;IACJgC,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,MAAM5B,SAAS,GAAG;IAChBkB,EAAE,EAAEvB,WAAW;IACf8C,WAAW,EAAE7C,IAAI;IACjBoC,SAAS,EAAE,IAAAU,+BAAc,EAACV,SAAS,EAAEI,QAAQ,CAAC;IAC9CA,QAAQ;IACRE,OAAO;IACPR,OAAO;IACPI,OAAO;IACPM;EACF,CAAC;EACD,OAAO;IACLR,SAAS;IACThC,SAAS;IACTC;EACF,CAAC;AACH","ignoreList":[]}

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

@@ -1,3 +1,8 @@
 import type { 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): ComponentQueryResult;
+/**
+ * provides data to component ui page, making sure both variables and return value are safely typed and memoized.
+ *
+ * Logs are fetched separately and opt-in via `useComponentLogs` (gated by `filters.log`), so views
+ * that don't render snap history (lane-compare, bulk panels) don't pay for the expensive logs query.
+ */
+export declare function useComponentQuery(componentId: string, host: string, filters?: Filters, skip?: boolean, context?: Record<string, any>): ComponentQueryResult;

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

@@ -65,8 +65,13 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-/** provides data to component ui page, making sure both variables and return value are safely typed and memoized */
-function useComponentQuery(componentId, host, filters, skip) {
+/**
+ * provides data to component ui page, making sure both variables and return value are safely typed and memoized.
+ *
+ * Logs are fetched separately and opt-in via `useComponentLogs` (gated by `filters.log`), so views
+ * that don't render snap history (lane-compare, bulk panels) don't pay for the expensive logs query.
+ */
+function useComponentQuery(componentId, host, filters, skip, context) {
   const idRef = (0, _react().useRef)(componentId);
   idRef.current = componentId;
   const variables = {
@@ -80,14 +85,21 @@ function useComponentQuery(componentId, host, filters, skip) {
   } = (0, _uiFoundationUiHooks().useDataQuery)(_useComponent().GET_COMPONENT, {
     variables,
     skip,
-    errorPolicy: 'all'
+    errorPolicy: 'all',
+    context
   });
+  // Only fetch logs when a log filter is explicitly provided — most callers (lane-compare,
+  // bulk component panels) never look at history, so the per-component logs query was firing
+  // for nothing. Pages that need the history panel pass `filters: { log: {...} }` and
+  // `useComponentLogs` runs as before.
+  const wantsLogs = !!filters?.log;
   const {
     loading: loadingLogs,
     componentLogs: {
       logs
     } = {}
-  } = (0, _useComponentLogs().useComponentLogs)(componentId, host, filters, skip);
+  } = (0, _useComponentLogs().useComponentLogs)(componentId, host, filters, skip || !wantsLogs, context);
   const rawComponent = data?.getHost?.get;
   const idDepKey = rawComponent?.id ? `${rawComponent?.id?.scope}/${rawComponent?.id?.name}@${rawComponent?.id?.version}}` : undefined;
   const id = (0, _react().useMemo)(() => rawComponent ? _componentId().ComponentID.fromObject(rawComponent.id) : undefined, [idDepKey]);

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

	@@ -1 +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","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","useComponentQuery","componentId","host","filters","skip","idRef","useRef","current","variables","id","extensionId","error","loading","useDataQuery","GET_COMPONENT","errorPolicy","loadingLogs","componentLogs","logs","useComponentLogs","rawComponent","getHost","get","idDepKey","scope","name","version","undefined","useMemo","ComponentID","fromObject","componentError","ComponentError","message","component","ComponentModel","from","toString","componentDescriptor","aspectList","entries","aspects","map","aspectObject","aspectId","aspectData","ComponentDescriptor"],"sources":["use-component-query.ts"],"sourcesContent":["import { useMemo, useRef } from 'react';\nimport { useDataQuery } from '@teambit/ui-foundation.ui.hooks.use-data-query';\nimport { ComponentID } from '@teambit/component-id';\nimport { ComponentDescriptor } from '@teambit/component-descriptor';\nimport { ComponentModel } from './component-model';\nimport type { ComponentQueryResult, Filters } from './use-component.model';\nimport { GET_COMPONENT } 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 } = 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 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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~~EACQ~~;EACtB,MAAMC,KAAK,GAAG,IAAAC,eAAM,~~EAACL~~,WAAW,CAAC;~~EACjCI~~,KAAK,CAACE,OAAO,~~GAAGN~~,WAAW;EAC3B,~~MAAMO~~,SAAS,GAAG;IAChBC,EAAE,~~EAAER~~,WAAW;~~IACfS~~,WAAW,~~EAAER~~;EACf,CAAC;EAED,MAAM;IAAE5C,IAAI;~~IAAEqD~~,KAAK;IAAEC;EAAQ,CAAC,GAAG,IAAAC,mCAAY,EAACC,6BAAa,EAAE;IAC3DN,SAAS;~~IACTJ~~,IAAI;~~IACJW~~,WAAW,EAAE;~~EACf~~,CAAC,CAAC;~~EAEF~~,MAAM;~~IAAEH~~,OAAO,~~EAAEI~~,WAAW;IAAEC,aAAa,EAAE;MAAEC;IAAK,CAAC,GAAG,CAAC;EAAE,CAAC,GAAG,IAAAC,oCAAgB,~~EAAClB~~,WAAW,~~EAAEC~~,IAAI,~~EAAEC~~,OAAO,~~EAAEC~~,IAAI,CAAC;~~EAEjH~~,~~MAAMgB~~,YAAY,~~GAAG9D~~,IAAI,~~EAAE+D~~,OAAO,EAAEC,GAAG;EAEvC,MAAMC,QAAQ,GAAGH,YAAY,~~EAAEX~~,EAAE,GAC7B,~~GAAGW~~,YAAY,~~EAAEX~~,EAAE,~~EAAEe~~,KAAK,IAAIJ,YAAY,~~EAAEX~~,EAAE,~~EAAEgB~~,IAAI,IAAIL,YAAY,~~EAAEX~~,EAAE,~~EAAEiB~~,OAAO,GAAG,GACpFC,SAAS;EAEb,~~MAAMlB~~,EAA2B,GAAG,~~IAAAmB~~,gBAAO,EACzC,MAAOR,YAAY,GAAGS,0BAAW,CAACC,UAAU,CAACV,YAAY,~~CAACX~~,EAAE,CAAC,~~GAAGkB~~,SAAU,EAC1E,CAACJ,QAAQ,CACX,CAAC;EAED,MAAMQ,cAAc,~~GAClBpB~~,KAAK,IAAI,~~CAACrD~~,IAAI,GACV,~~KAAI0E~~,gCAAc,EAAC,GAAG,~~EAAErB~~,KAAK,~~CAACsB~~,OAAO,CAAC,GACrC,CAACb,YAAY,IAAI,~~CAACR~~,OAAO,IAAI,~~KAAIoB~~,gCAAc,EAAC,GAAG,CAAC,IAAKL,SAAS;EAEzE,MAAMO,SAAS,GAAG,IAAAN,gBAAO,EACvB,MAAOR,YAAY,GAAGe,gCAAc,CAACC,IAAI,~~CAAAxD~~,aAAA,CAAAA,aAAA,~~KAAMwC~~,YAAY;~~IAAElB~~,IAAI;~~IAAEgB~~;EAAI,EAAE,CAAC,GAAGS,SAAU,EACvF,~~CAAClB~~,EAAE,~~EAAE4B~~,QAAQ,CAAC,CAAC,EAAEnB,IAAI,CACvB,CAAC;EAED,MAAMoB,mBAAmB,GAAG,IAAAV,gBAAO,EAAC,MAAM;IACxC,MAAMW,UAAU,GAAG;MACjBC,OAAO,EAAEpB,YAAY,EAAEqB,OAAO,CAACC,GAAG,CAAEC,YAAY,IAAK;QACnD,~~OAAA/D~~,aAAA,CAAAA,aAAA,~~KACK+D~~,YAAY;UACfC,QAAQ,EAAED,YAAY,~~CAAClC~~,EAAE;~~UACzBoC~~,UAAU,EAAEF,YAAY,~~CAACrF~~;QAAI;MAEjC,CAAC;IACH,CAAC;IAED,~~OAAOmD~~,EAAE,~~GAAGqC~~,0CAAmB,CAAChB,UAAU,CAAC;~~MAAErB~~,EAAE,EAAEA,EAAE,~~CAAC4B~~,QAAQ,CAAC,CAAC;MAAEE;IAAW,CAAC,CAAC,GAAGZ,SAAS;EAC3F,CAAC,EAAE,~~CAAClB~~,EAAE,~~EAAE4B~~,QAAQ,CAAC,CAAC,CAAC,CAAC;EAEpB,OAAO,IAAAT,gBAAO,EAAC,MAAM;IACnB,OAAO;MACLU,mBAAmB;MACnBJ,SAAS;MACTjB,aAAa,EAAE;~~QACbL~~,OAAO,~~EAAEI~~,WAAW;QACpBE;MACF,CAAC;~~MACDP~~,KAAK,~~EAAEoB~~,cAAc,IAAIJ,SAAS;~~MAClCf~~;IACF,CAAC;EACH,CAAC,EAAE,~~CAACV~~,IAAI,~~EAAEgC~~,SAAS,EAAEI,mBAAmB,EAAEP,cAAc,CAAC,CAAC;AAC5D","ignoreList":[]}
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","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","useComponentQuery","componentId","host","filters","skip","context","idRef","useRef","current","variables","id","extensionId","error","loading","useDataQuery","GET_COMPONENT","errorPolicy","wantsLogs","log","loadingLogs","componentLogs","logs","useComponentLogs","rawComponent","getHost","get","idDepKey","scope","name","version","undefined","useMemo","ComponentID","fromObject","componentError","ComponentError","message","component","ComponentModel","from","toString","componentDescriptor","aspectList","entries","aspects","map","aspectObject","aspectId","aspectData","ComponentDescriptor"],"sources":["use-component-query.ts"],"sourcesContent":["import { useMemo, useRef } from 'react';\nimport { useDataQuery } from '@teambit/ui-foundation.ui.hooks.use-data-query';\nimport { ComponentID } from '@teambit/component-id';\nimport { ComponentDescriptor } from '@teambit/component-descriptor';\nimport { ComponentModel } from './component-model';\nimport type { ComponentQueryResult, Filters } from './use-component.model';\nimport { GET_COMPONENT } from './use-component.fragments';\nimport { useComponentLogs } from './use-component-logs';\nimport { ComponentError } from './component-error';\n\n/*\n provides data to component ui page, making sure both variables and return value are safely typed and memoized.\n \n Logs are fetched separately and opt-in via `useComponentLogs` (gated by `filters.log`), so views\n * that don't render snap history (lane-compare, bulk panels) don't pay for the expensive logs query.\n */\nexport function useComponentQuery(\n componentId: string,\n host: string,\n filters?: Filters,\n skip?: boolean,\n context?: Record<string, any>\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 } = useDataQuery(GET_COMPONENT, {\n variables,\n skip,\n errorPolicy: 'all',\n context,\n });\n\n // Only fetch logs when a log filter is explicitly provided — most callers (lane-compare,\n // bulk component panels) never look at history, so the per-component logs query was firing\n // for nothing. Pages that need the history panel pass `filters: { log: {...} }` and\n // `useComponentLogs` runs as before.\n const wantsLogs = !!filters?.log;\n const { loading: loadingLogs, componentLogs: { logs } = {} } = useComponentLogs(\n componentId,\n host,\n filters,\n skip \|\| !wantsLogs,\n context\n );\n\n const rawComponent = data?.getHost?.get;\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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","ignoreList":[]}

package/dist/ui/use-component.fragments.js CHANGED Viewed

@@ -23,7 +23,9 @@ const componentOverviewFields = exports.componentOverviewFields = (0, _client().
     id {
       ...componentIdFields
     }
-    aspects(include: ["teambit.preview/preview", "teambit.envs/envs"]) {
+    # dependency-resolver is required by InlineDepsCompare — reads
+    # descriptor.get('teambit.dependencies/dependency-resolver').dependencies to compute the diff.
+    aspects(include: ["teambit.preview/preview", "teambit.envs/envs", "teambit.dependencies/dependency-resolver"]) {
       # '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.

package/dist/ui/use-component.fragments.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_client","data","require","componentIdFields","exports","gql","componentOverviewFields","componentFields","componentFieldsWithLogs","COMPONENT_QUERY_LOG_FIELDS","GET_COMPONENT","GET_COMPONENT_WITH_LOGS","SUB_SUBSCRIPTION_ADDED","SUB_COMPONENT_CHANGED","SUB_COMPONENT_REMOVED"],"sources":["use-component.fragments.ts"],"sourcesContent":["import { gql } from '@apollo/client';\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 description\n deprecation {\n isDeprecate\n newId\n range\n }\n labels\n displayName\n server {\n id\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 onlyOverview\n useNameParam\n }\n compositions {\n identifier\n displayName\n filepath\n }\n }\n ${componentIdFields}\n`;\n\nexport const componentFields = gql`\n fragment componentFields on Component {\n ...componentOverviewFields\n packageName\n latest\n compositions {\n identifier\n displayName\n }\n tags {\n version\n }\n }\n ${componentOverviewFields}\n`;\n\nexport const componentFieldsWithLogs = gql`\n fragment componentFieldWithLogs on Component {\n id {\n ...componentIdFields\n }\n packageName\n latest\n logs(\n type: $logType\n offset: $logOffset\n limit: $logLimit\n sort: $logSort\n head: $logHead\n takeHeadFromComponent: $logTakeHeadFromComponent\n ) {\n id\n message\n username\n email\n date\n hash\n tag\n displayName\n deprecated\n }\n }\n ${componentIdFields}\n`;\n\nexport const COMPONENT_QUERY_LOG_FIELDS = `\n $logOffset: Int\n $logLimit: Int\n $logType: String\n $logHead: String\n $logSort: String\n $logTakeHeadFromComponent: Boolean\n`;\n\nexport const GET_COMPONENT = gql`\n query Component($extensionId: String!, $id: String!) {\n getHost(id: $extensionId) {\n id # used for GQL caching\n get(id: $id) {\n ...componentFields\n }\n }\n }\n ${componentFields}\n`;\n\nexport const GET_COMPONENT_WITH_LOGS = gql`\n query Component(\n $extensionId: String!\n $id: String!\n ${COMPONENT_QUERY_LOG_FIELDS}\n ) {\n getHost(id: $extensionId) {\n id # used for GQL caching\n get(id: $id) {\n ...componentFieldWithLogs\n }\n }\n }\n ${componentFieldsWithLogs}\n`;\n\nexport const SUB_SUBSCRIPTION_ADDED = gql`\n subscription OnComponentAdded {\n componentAdded {\n component {\n ...componentFields\n }\n }\n }\n ${componentFields}\n`;\n\nexport const SUB_COMPONENT_CHANGED = gql`\n subscription OnComponentChanged {\n componentChanged {\n component {\n ...componentFields\n }\n }\n }\n ${componentFields}\n`;\n\nexport const SUB_COMPONENT_REMOVED = gql`\n subscription OnComponentRemoved {\n componentRemoved {\n componentIds {\n ...componentIdFields\n }\n }\n }\n ${componentIdFields}\n`;\n"],"mappings":";;;;;;AAAA,SAAAA,QAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,OAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEO,MAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,aAAG;AACpC;AACA;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAMC,uBAAuB,GAAAF,OAAA,CAAAE,uBAAA,GAAG,IAAAD,aAAG;AAC1C;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;AACA;AACA;AACA;AACA,IAAIF,iBAAiB;AACrB,CAAC;AAEM,MAAMI,eAAe,GAAAH,OAAA,CAAAG,eAAA,GAAG,IAAAF,aAAG;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIC,uBAAuB;AAC3B,CAAC;AAEM,MAAME,uBAAuB,GAAAJ,OAAA,CAAAI,uBAAA,GAAG,IAAAH,aAAG;AAC1C;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,IAAIF,iBAAiB;AACrB,CAAC;AAEM,MAAMM,0BAA0B,GAAAL,OAAA,CAAAK,0BAAA,GAAG;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAMC,aAAa,GAAAN,OAAA,CAAAM,aAAA,GAAG,IAAAL,aAAG;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIE,eAAe;AACnB,CAAC;AAEM,MAAMI,uBAAuB,GAAAP,OAAA,CAAAO,uBAAA,GAAG,IAAAN,aAAG;AAC1C;AACA;AACA;AACA,MAAMI,0BAA0B;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAID,uBAAuB;AAC3B,CAAC;AAEM,MAAMI,sBAAsB,GAAAR,OAAA,CAAAQ,sBAAA,GAAG,IAAAP,aAAG;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIE,eAAe;AACnB,CAAC;AAEM,MAAMM,qBAAqB,GAAAT,OAAA,CAAAS,qBAAA,GAAG,IAAAR,aAAG;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIE,eAAe;AACnB,CAAC;AAEM,MAAMO,qBAAqB,GAAAV,OAAA,CAAAU,qBAAA,GAAG,IAAAT,aAAG;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIF,iBAAiB;AACrB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_client","data","require","componentIdFields","exports","gql","componentOverviewFields","componentFields","componentFieldsWithLogs","COMPONENT_QUERY_LOG_FIELDS","GET_COMPONENT","GET_COMPONENT_WITH_LOGS","SUB_SUBSCRIPTION_ADDED","SUB_COMPONENT_CHANGED","SUB_COMPONENT_REMOVED"],"sources":["use-component.fragments.ts"],"sourcesContent":["import { gql } from '@apollo/client';\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 # dependency-resolver is required by InlineDepsCompare — reads\n # descriptor.get('teambit.dependencies/dependency-resolver').dependencies to compute the diff.\n aspects(include: [\"teambit.preview/preview\", \"teambit.envs/envs\", \"teambit.dependencies/dependency-resolver\"]) {\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 description\n deprecation {\n isDeprecate\n newId\n range\n }\n labels\n displayName\n server {\n id\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 onlyOverview\n useNameParam\n }\n compositions {\n identifier\n displayName\n filepath\n }\n }\n ${componentIdFields}\n`;\n\nexport const componentFields = gql`\n fragment componentFields on Component {\n ...componentOverviewFields\n packageName\n latest\n compositions {\n identifier\n displayName\n }\n tags {\n version\n }\n }\n ${componentOverviewFields}\n`;\n\nexport const componentFieldsWithLogs = gql`\n fragment componentFieldWithLogs on Component {\n id {\n ...componentIdFields\n }\n packageName\n latest\n logs(\n type: $logType\n offset: $logOffset\n limit: $logLimit\n sort: $logSort\n head: $logHead\n takeHeadFromComponent: $logTakeHeadFromComponent\n ) {\n id\n message\n username\n email\n date\n hash\n tag\n displayName\n deprecated\n }\n }\n ${componentIdFields}\n`;\n\nexport const COMPONENT_QUERY_LOG_FIELDS = `\n $logOffset: Int\n $logLimit: Int\n $logType: String\n $logHead: String\n $logSort: String\n $logTakeHeadFromComponent: Boolean\n`;\n\nexport const GET_COMPONENT = gql`\n query Component($extensionId: String!, $id: String!) {\n getHost(id: $extensionId) {\n id # used for GQL caching\n get(id: $id) {\n ...componentFields\n }\n }\n }\n ${componentFields}\n`;\n\nexport const GET_COMPONENT_WITH_LOGS = gql`\n query Component(\n $extensionId: String!\n $id: String!\n ${COMPONENT_QUERY_LOG_FIELDS}\n ) {\n getHost(id: $extensionId) {\n id # used for GQL caching\n get(id: $id) {\n ...componentFieldWithLogs\n }\n }\n }\n ${componentFieldsWithLogs}\n`;\n\nexport const SUB_SUBSCRIPTION_ADDED = gql`\n subscription OnComponentAdded {\n componentAdded {\n component {\n ...componentFields\n }\n }\n }\n ${componentFields}\n`;\n\nexport const SUB_COMPONENT_CHANGED = gql`\n subscription OnComponentChanged {\n componentChanged {\n component {\n ...componentFields\n }\n }\n }\n ${componentFields}\n`;\n\nexport const SUB_COMPONENT_REMOVED = gql`\n subscription OnComponentRemoved {\n componentRemoved {\n componentIds {\n ...componentIdFields\n }\n }\n }\n ${componentIdFields}\n`;\n"],"mappings":";;;;;;AAAA,SAAAA,QAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,OAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEO,MAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,aAAG;AACpC;AACA;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAMC,uBAAuB,GAAAF,OAAA,CAAAE,uBAAA,GAAG,IAAAD,aAAG;AAC1C;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;AACA;AACA;AACA;AACA;AACA;AACA,IAAIF,iBAAiB;AACrB,CAAC;AAEM,MAAMI,eAAe,GAAAH,OAAA,CAAAG,eAAA,GAAG,IAAAF,aAAG;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIC,uBAAuB;AAC3B,CAAC;AAEM,MAAME,uBAAuB,GAAAJ,OAAA,CAAAI,uBAAA,GAAG,IAAAH,aAAG;AAC1C;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,IAAIF,iBAAiB;AACrB,CAAC;AAEM,MAAMM,0BAA0B,GAAAL,OAAA,CAAAK,0BAAA,GAAG;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAMC,aAAa,GAAAN,OAAA,CAAAM,aAAA,GAAG,IAAAL,aAAG;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIE,eAAe;AACnB,CAAC;AAEM,MAAMI,uBAAuB,GAAAP,OAAA,CAAAO,uBAAA,GAAG,IAAAN,aAAG;AAC1C;AACA;AACA;AACA,MAAMI,0BAA0B;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAID,uBAAuB;AAC3B,CAAC;AAEM,MAAMI,sBAAsB,GAAAR,OAAA,CAAAQ,sBAAA,GAAG,IAAAP,aAAG;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIE,eAAe;AACnB,CAAC;AAEM,MAAMM,qBAAqB,GAAAT,OAAA,CAAAS,qBAAA,GAAG,IAAAR,aAAG;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIE,eAAe;AACnB,CAAC;AAEM,MAAMO,qBAAqB,GAAAV,OAAA,CAAAU,qBAAA,GAAG,IAAAT,aAAG;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIF,iBAAiB;AACrB,CAAC","ignoreList":[]}

package/dist/ui/use-component.js CHANGED Viewed

@@ -43,12 +43,13 @@ function useComponent(host, id, options) {
     version,
     logFilters,
     customUseComponent,
-    skip
+    skip,
+    context
   } = options || {};
   const componentVersion = (version || query.get('version')) ?? undefined;
   const componentIdStr = id && withVersion(id, componentVersion);
   const targetUseComponent = customUseComponent || _useComponentQuery().useComponentQuery;
-  return targetUseComponent(componentIdStr || '', host, logFilters, skip || !id);
+  return targetUseComponent(componentIdStr || '', host, logFilters, skip || !id, context);
 }
 function withVersion(id, version) {
   if (!version) return id;

package/dist/ui/use-component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_uiFoundationUiReactRouter","data","require","_useComponentQuery","_useComponent","useComponent","host","id","options","query","useQuery","version","logFilters","customUseComponent","skip","componentVersion","get","undefined","componentIdStr","withVersion","targetUseComponent","useComponentQuery","includes"],"sources":["use-component.tsx"],"sourcesContent":["import { useQuery } from '@teambit/ui-foundation.ui.react-router.use-query';\nimport { useComponentQuery } from './use-component-query';\nimport type { ComponentQueryResult, UseComponentOptions } from './use-component.model';\nimport { UseComponentType, Filters } from './use-component.model';\n\nexport { UseComponentType, Filters };\n\nexport function useComponent(host: string, id?: string, options?: UseComponentOptions): ComponentQueryResult {\n const query = useQuery();\n const { version, logFilters, customUseComponent, skip } = options \|\| {};\n const componentVersion = (version \|\| query.get('version')) ?? undefined;\n\n const componentIdStr = id && withVersion(id, componentVersion);\n const targetUseComponent = customUseComponent \|\| useComponentQuery;\n\n return targetUseComponent(componentIdStr \|\| '', host, logFilters, skip \|\| !id);\n}\n\nfunction withVersion(id: string, version?: string) {\n if (!version) return id;\n if (id.includes('@')) return id;\n return `${id}@${version}`;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,SAAAA,2BAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,0BAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAE,mBAAA;EAAA,MAAAF,IAAA,GAAAC,OAAA;EAAAC,kBAAA,YAAAA,CAAA;IAAA,OAAAF,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAG,cAAA;EAAA,MAAAH,IAAA,GAAAC,OAAA;EAAAE,aAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAIO,SAASI,YAAYA,CAACC,IAAY,EAAEC,EAAW,EAAEC,OAA6B,EAAwB;EAC3G,MAAMC,KAAK,GAAG,IAAAC,qCAAQ,EAAC,CAAC;EACxB,MAAM;IAAEC,OAAO;IAAEC,UAAU;IAAEC,kBAAkB;IAAEC;~~EAAK~~,CAAC,~~GAAGN~~,OAAO,IAAI,CAAC,CAAC;~~EACvE~~,~~MAAMO~~,gBAAgB,GAAG,~~CAACJ~~,OAAO,IAAIF,KAAK,~~CAACO~~,GAAG,CAAC,SAAS,CAAC,KAAKC,SAAS;EAEvE,MAAMC,cAAc,~~GAAGX~~,EAAE,~~IAAIY~~,WAAW,~~CAACZ~~,EAAE,~~EAAEQ~~,gBAAgB,CAAC;EAC9D,MAAMK,kBAAkB,~~GAAGP~~,kBAAkB,~~IAAIQ~~,sCAAiB;EAElE,OAAOD,kBAAkB,CAACF,cAAc,IAAI,EAAE,~~EAAEZ~~,IAAI,EAAEM,UAAU,EAAEE,IAAI,IAAI,CAACP,EAAE,CAAC;~~AAChF~~;AAEA,~~SAASY~~,WAAWA,~~CAACZ~~,EAAU,EAAEI,OAAgB,EAAE;EACjD,IAAI,CAACA,OAAO,EAAE,OAAOJ,EAAE;EACvB,IAAIA,EAAE,~~CAACe~~,QAAQ,CAAC,GAAG,CAAC,EAAE,~~OAAOf~~,EAAE;EAC/B,OAAO,GAAGA,EAAE,IAAII,OAAO,EAAE;AAC3B","ignoreList":[]}
1	+ {"version":3,"names":["_uiFoundationUiReactRouter","data","require","_useComponentQuery","_useComponent","useComponent","host","id","options","query","useQuery","version","logFilters","customUseComponent","skip","context","componentVersion","get","undefined","componentIdStr","withVersion","targetUseComponent","useComponentQuery","includes"],"sources":["use-component.tsx"],"sourcesContent":["import { useQuery } from '@teambit/ui-foundation.ui.react-router.use-query';\nimport { useComponentQuery } from './use-component-query';\nimport type { ComponentQueryResult, UseComponentOptions } from './use-component.model';\nimport { UseComponentType, Filters } from './use-component.model';\n\nexport { UseComponentType, Filters };\n\nexport function useComponent(host: string, id?: string, options?: UseComponentOptions): ComponentQueryResult {\n const query = useQuery();\n const { version, logFilters, customUseComponent, skip, context } = options \|\| {};\n const componentVersion = (version \|\| query.get('version')) ?? undefined;\n\n const componentIdStr = id && withVersion(id, componentVersion);\n const targetUseComponent = customUseComponent \|\| useComponentQuery;\n\n return targetUseComponent(componentIdStr \|\| '', host, logFilters, skip \|\| !id, context);\n}\n\nfunction withVersion(id: string, version?: string) {\n if (!version) return id;\n if (id.includes('@')) return id;\n return `${id}@${version}`;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,SAAAA,2BAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,0BAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAE,mBAAA;EAAA,MAAAF,IAAA,GAAAC,OAAA;EAAAC,kBAAA,YAAAA,CAAA;IAAA,OAAAF,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAG,cAAA;EAAA,MAAAH,IAAA,GAAAC,OAAA;EAAAE,aAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAIO,SAASI,YAAYA,CAACC,IAAY,EAAEC,EAAW,EAAEC,OAA6B,EAAwB;EAC3G,MAAMC,KAAK,GAAG,IAAAC,qCAAQ,EAAC,CAAC;EACxB,MAAM;IAAEC,OAAO;IAAEC,UAAU;IAAEC,kBAAkB;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAGP,OAAO,IAAI,CAAC,CAAC;EAChF,MAAMQ,gBAAgB,GAAG,CAACL,OAAO,IAAIF,KAAK,CAACQ,GAAG,CAAC,SAAS,CAAC,KAAKC,SAAS;EAEvE,MAAMC,cAAc,GAAGZ,EAAE,IAAIa,WAAW,CAACb,EAAE,EAAES,gBAAgB,CAAC;EAC9D,MAAMK,kBAAkB,GAAGR,kBAAkB,IAAIS,sCAAiB;EAElE,OAAOD,kBAAkB,CAACF,cAAc,IAAI,EAAE,EAAEb,IAAI,EAAEM,UAAU,EAAEE,IAAI,IAAI,CAACP,EAAE,EAAEQ,OAAO,CAAC;AACzF;AAEA,SAASK,WAAWA,CAACb,EAAU,EAAEI,OAAgB,EAAE;EACjD,IAAI,CAACA,OAAO,EAAE,OAAOJ,EAAE;EACvB,IAAIA,EAAE,CAACgB,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAOhB,EAAE;EAC/B,OAAO,GAAGA,EAAE,IAAII,OAAO,EAAE;AAC3B","ignoreList":[]}

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

@@ -21,6 +21,8 @@ export type UseComponentOptions = {
     logFilters?: Filters;
     customUseComponent?: UseComponentType;
     skip?: boolean;
+    /** apollo operation context forwarded to the underlying queries (e.g. `{ batch: true }`) */
+    context?: Record<string, any>;
 };
 export type ComponentQueryResult = {
     component?: ComponentModel;
@@ -41,4 +43,4 @@ export type ComponentLogs = {
     logs?: LegacyComponentLog[];
     loading?: boolean;
 };
-export type UseComponentType = (id: string, host: string, filters?: Filters, skip?: boolean) => ComponentQueryResult;
+export type UseComponentType = (id: string, host: string, filters?: Filters, skip?: boolean, context?: Record<string, any>) => ComponentQueryResult;

package/dist/ui/use-component.model.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["use-component.model.ts"],"sourcesContent":["import type { ComponentDescriptor } from '@teambit/component-descriptor';\nimport type { LegacyComponentLog } from '@teambit/legacy-component-log';\nimport type { ComponentID } from '../';\nimport type { ComponentError } from './component-error';\nimport type { ComponentModel } from './component-model';\n\nexport type LogFilter = {\n offset?: number;\n limit?: number;\n head?: string;\n sort?: string;\n takeHeadFromComponent?: boolean;\n};\n\nexport type Filters = {\n log?: LogFilter & { type?: string };\n loading?: boolean;\n};\n\nexport type UseComponentOptions = {\n version?: string;\n logFilters?: Filters;\n customUseComponent?: UseComponentType;\n skip?: boolean;\n};\n\nexport type ComponentQueryResult = {\n component?: ComponentModel;\n componentDescriptor?: ComponentDescriptor;\n componentLogs?: ComponentLogs;\n loading?: boolean;\n error?: ComponentError;\n};\n\nexport type ComponentLogsResult = {\n id?: ComponentID;\n componentLogs?: ComponentLogs;\n latest?: string;\n packageName?: string;\n error?: ComponentError;\n loading?: boolean;\n};\n\nexport type ComponentLogs = {\n logs?: LegacyComponentLog[];\n loading?: boolean;\n};\n\nexport type UseComponentType = (id: string, host: string, filters?: Filters, skip?: boolean) => ComponentQueryResult;\n"],"mappings":"","ignoreList":[]}
1	+ {"version":3,"names":[],"sources":["use-component.model.ts"],"sourcesContent":["import type { ComponentDescriptor } from '@teambit/component-descriptor';\nimport type { LegacyComponentLog } from '@teambit/legacy-component-log';\nimport type { ComponentID } from '../';\nimport type { ComponentError } from './component-error';\nimport type { ComponentModel } from './component-model';\n\nexport type LogFilter = {\n offset?: number;\n limit?: number;\n head?: string;\n sort?: string;\n takeHeadFromComponent?: boolean;\n};\n\nexport type Filters = {\n log?: LogFilter & { type?: string };\n loading?: boolean;\n};\n\nexport type UseComponentOptions = {\n version?: string;\n logFilters?: Filters;\n customUseComponent?: UseComponentType;\n skip?: boolean;\n /** apollo operation context forwarded to the underlying queries (e.g. `{ batch: true }`) */\n context?: Record<string, any>;\n};\n\nexport type ComponentQueryResult = {\n component?: ComponentModel;\n componentDescriptor?: ComponentDescriptor;\n componentLogs?: ComponentLogs;\n loading?: boolean;\n error?: ComponentError;\n};\n\nexport type ComponentLogsResult = {\n id?: ComponentID;\n componentLogs?: ComponentLogs;\n latest?: string;\n packageName?: string;\n error?: ComponentError;\n loading?: boolean;\n};\n\nexport type ComponentLogs = {\n logs?: LegacyComponentLog[];\n loading?: boolean;\n};\n\nexport type UseComponentType = (\n id: string,\n host: string,\n filters?: Filters,\n skip?: boolean,\n context?: Record<string, any>\n) => ComponentQueryResult;\n"],"mappings":"","ignoreList":[]}

package/package.json CHANGED Viewed

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/component",
-  "version": "1.0.1079",
+  "version": "1.0.1081",
   "homepage": "https://bit.cloud/teambit/component/component",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.component",
     "name": "component",
-    "version": "1.0.1079"
+    "version": "1.0.1081"
   },
   "dependencies": {
     "@teambit/any-fs": "0.0.5",
@@ -28,70 +28,70 @@
     "@teambit/ui-foundation.ui.menu-widget-icon": "0.0.502",
     "@teambit/graph.cleargraph": "0.0.11",
     "@teambit/legacy-bit-id": "1.1.3",
+    "@teambit/toolbox.path.match-patterns": "0.0.32",
+    "@teambit/toolbox.string.eol": "0.0.18",
+    "@teambit/toolbox.string.capitalize": "0.0.513",
     "@teambit/harmony": "0.4.12",
+    "@teambit/toolbox.path.path": "0.0.21",
     "@teambit/bit-error": "0.0.404",
+    "@teambit/component.ui.deprecation-icon": "0.0.509",
     "@teambit/ui-foundation.ui.is-browser": "0.0.500",
     "@teambit/ui-foundation.ui.main-dropdown": "0.0.505",
     "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.527",
-    "@teambit/component.ui.deprecation-icon": "0.0.509",
     "@teambit/ui-foundation.ui.use-box.menu": "1.0.16",
-    "@teambit/ui-foundation.ui.hooks.use-data-query": "0.0.506",
     "@teambit/ui-foundation.ui.react-router.use-query": "0.0.505",
+    "@teambit/design.ui.empty-box": "0.0.364",
     "@teambit/documenter.ui.heading": "4.1.8",
     "@teambit/documenter.ui.separator": "4.1.7",
     "@teambit/harmony.ui.aspect-box": "0.0.511",
-    "@teambit/design.ui.empty-box": "0.0.364",
     "@teambit/design.ui.pages.not-found": "0.0.371",
     "@teambit/design.ui.pages.server-error": "0.0.368",
     "@teambit/design.ui.styles.ellipsis": "0.0.357",
     "@teambit/envs.ui.env-icon": "0.0.508",
     "@teambit/explorer.ui.command-bar": "2.0.19",
-    "@teambit/workspace.ui.use-workspace-mode": "0.0.3",
     "@teambit/design.navigation.responsive-navbar": "0.0.8",
+    "@teambit/workspace.ui.use-workspace-mode": "0.0.3",
     "@teambit/base-ui.layout.breakpoints": "1.0.0",
-    "@teambit/lanes.hooks.use-lanes": "0.0.293",
     "@teambit/lanes.ui.models.lanes-model": "0.0.233",
     "@teambit/ui-foundation.ui.use-box.dropdown": "0.0.151",
-    "@teambit/legacy.extension-data": "0.0.142",
-    "@teambit/aspect-loader": "1.0.1079",
-    "@teambit/dependency-resolver": "1.0.1079",
-    "@teambit/legacy.consumer-component": "0.0.141",
-    "@teambit/objects": "0.0.586",
-    "@teambit/component.sources": "0.0.192",
-    "@teambit/toolbox.path.match-patterns": "0.0.32",
-    "@teambit/toolbox.string.eol": "0.0.18",
-    "@teambit/toolbox.string.capitalize": "0.0.513",
-    "@teambit/graphql": "1.0.1079",
-    "@teambit/toolbox.path.path": "0.0.21",
-    "@teambit/cli": "0.0.1357",
-    "@teambit/express": "0.0.1456",
-    "@teambit/logger": "0.0.1450",
-    "@teambit/legacy.constants": "0.0.37",
-    "@teambit/command-bar": "1.0.1079",
-    "@teambit/component-package-version": "0.0.457",
-    "@teambit/preview": "1.0.1079",
-    "@teambit/pubsub": "1.0.1079",
-    "@teambit/react-router": "1.0.1079",
-    "@teambit/ui": "1.0.1079",
-    "@teambit/legacy.utils": "0.0.45",
-    "@teambit/component-issues": "0.0.180",
-    "@teambit/pkg.modules.semver-helper": "0.0.30",
-    "@teambit/cli-table": "0.0.57",
-    "@teambit/legacy.bit-map": "0.0.197",
-    "@teambit/pkg.modules.component-package-name": "0.0.147",
-    "@teambit/legacy-component-log": "0.0.425",
-    "@teambit/component-descriptor": "0.0.458",
-    "@teambit/semantics.doc-parser": "0.0.148",
-    "@teambit/legacy.consumer": "0.0.140",
-    "@teambit/legacy.dependency-graph": "0.0.143",
-    "@teambit/legacy.loader": "0.0.26",
-    "@teambit/legacy.scope": "0.0.140",
-    "@teambit/scope.remotes": "0.0.140",
-    "@teambit/legacy.component-diff": "0.0.196",
-    "@teambit/compositions": "1.0.1079",
-    "@teambit/deprecation": "1.0.1079",
-    "@teambit/envs": "1.0.1079",
-    "@teambit/component.ui.version-dropdown": "0.0.933"
+    "@teambit/legacy.extension-data": "0.0.143",
+    "@teambit/aspect-loader": "1.0.1081",
+    "@teambit/dependency-resolver": "1.0.1081",
+    "@teambit/legacy.consumer-component": "0.0.142",
+    "@teambit/objects": "0.0.588",
+    "@teambit/component.sources": "0.0.193",
+    "@teambit/graphql": "1.0.1081",
+    "@teambit/cli": "0.0.1358",
+    "@teambit/express": "0.0.1457",
+    "@teambit/logger": "0.0.1451",
+    "@teambit/legacy.constants": "0.0.38",
+    "@teambit/command-bar": "1.0.1081",
+    "@teambit/component-package-version": "0.0.458",
+    "@teambit/preview": "1.0.1081",
+    "@teambit/pubsub": "1.0.1081",
+    "@teambit/react-router": "1.0.1081",
+    "@teambit/ui": "1.0.1081",
+    "@teambit/legacy.utils": "0.0.46",
+    "@teambit/component-issues": "0.0.181",
+    "@teambit/pkg.modules.semver-helper": "0.0.31",
+    "@teambit/ui-foundation.ui.hooks.use-data-query": "0.0.507",
+    "@teambit/cli-table": "0.0.58",
+    "@teambit/legacy.bit-map": "0.0.198",
+    "@teambit/pkg.modules.component-package-name": "0.0.148",
+    "@teambit/legacy-component-log": "0.0.426",
+    "@teambit/component-descriptor": "0.0.459",
+    "@teambit/semantics.doc-parser": "0.0.149",
+    "@teambit/legacy.consumer": "0.0.141",
+    "@teambit/legacy.dependency-graph": "0.0.144",
+    "@teambit/legacy.loader": "0.0.27",
+    "@teambit/legacy.scope": "0.0.141",
+    "@teambit/scope.remotes": "0.0.141",
+    "@teambit/legacy.component-diff": "0.0.197",
+    "@teambit/compositions": "1.0.1081",
+    "@teambit/deprecation": "1.0.1081",
+    "@teambit/envs": "1.0.1081",
+    "@teambit/component.ui.version-dropdown": "0.0.934",
+    "@teambit/lanes.hooks.use-lanes": "0.0.294"
   },
   "devDependencies": {
     "@types/lodash": "4.14.165",
@@ -102,7 +102,7 @@
     "@types/lodash.compact": "3.0.6",
     "@types/mocha": "9.1.0",
     "@teambit/component.content.component-overview": "1.96.10",
-    "@teambit/harmony.envs.core-aspect-env": "2.0.4"
+    "@teambit/harmony.envs.core-aspect-env": "2.0.3"
   },
   "peerDependencies": {
     "@apollo/client": "^3.12.0",

package/ui/menu/menu.module.scss CHANGED Viewed

@@ -96,8 +96,15 @@
   }
 }
+// The component top bar packs left-side nav (Overview, Code, Tests, Preview …) and right-side
+// dropdowns (Use package, Versions, Workspace) on the same row. Below `$br-lg` the right side
+// takes so much horizontal space that the ResponsiveNavbar collapses every nav tab into the
+// overflow "more" dropdown — which is what produces the "…" the user sees instead of tabs.
+// Hiding the Use-package dropdown earlier (at < lg, not < md) reclaims the room so the nav
+// stays visible on tablet viewports too. Users on mobile can still copy the install command
+// from the dedicated "Use package" panel that the docs overview renders inline.
 .hideOnMobile {
-  @media screen and (max-width: $br-md) {
+  @media screen and (max-width: $br-lg) {
     display: none;
   }
 }
@@ -105,4 +112,13 @@
 .useBoxContainer {
   width: 500px !important;
   border: 1px solid var(--border-medium-color, #ededed);
+  // Mobile: cap to viewport width, drop fixed pixel width, scroll horizontally if a tab title
+  // (or the install snippet) is wider. Without this the 500px container overflows past the
+  // viewport edge, which is why the second consume-method tab and the package-name snippet were
+  // both truncating to "…".
+  @media screen and (max-width: $br-md) {
+    width: calc(100vw - 24px) !important;
+    max-width: 500px;
+  }
 }

package/ui/use-component-logs.ts CHANGED Viewed

@@ -11,7 +11,8 @@ export function useComponentLogs(
   componentId: string,
   host: string,
   filters?: Filters,
-  skipFromProps?: boolean
+  skipFromProps?: boolean,
+  context?: Record<string, any>
 ): ComponentLogsResult {
   const { variables, skip } = useComponentLogsInit(componentId, host, filters, skipFromProps);
@@ -19,6 +20,7 @@ export function useComponentLogs(
     variables,
     skip,
     errorPolicy: 'all',
+    context,
   });
   const rawComponent = data?.getHost?.get;

package/ui/use-component-query.ts CHANGED Viewed

@@ -8,12 +8,18 @@ import { GET_COMPONENT } from './use-component.fragments';
 import { useComponentLogs } from './use-component-logs';
 import { ComponentError } from './component-error';
-/** provides data to component ui page, making sure both variables and return value are safely typed and memoized */
+/**
+ * provides data to component ui page, making sure both variables and return value are safely typed and memoized.
+ *
+ * Logs are fetched separately and opt-in via `useComponentLogs` (gated by `filters.log`), so views
+ * that don't render snap history (lane-compare, bulk panels) don't pay for the expensive logs query.
+ */
 export function useComponentQuery(
   componentId: string,
   host: string,
   filters?: Filters,
-  skip?: boolean
+  skip?: boolean,
+  context?: Record<string, any>
 ): ComponentQueryResult {
   const idRef = useRef(componentId);
   idRef.current = componentId;
@@ -26,9 +32,21 @@ export function useComponentQuery(
     variables,
     skip,
     errorPolicy: 'all',
+    context,
   });
-  const { loading: loadingLogs, componentLogs: { logs } = {} } = useComponentLogs(componentId, host, filters, skip);
+  // Only fetch logs when a log filter is explicitly provided — most callers (lane-compare,
+  // bulk component panels) never look at history, so the per-component logs query was firing
+  // for nothing. Pages that need the history panel pass `filters: { log: {...} }` and
+  // `useComponentLogs` runs as before.
+  const wantsLogs = !!filters?.log;
+  const { loading: loadingLogs, componentLogs: { logs } = {} } = useComponentLogs(
+    componentId,
+    host,
+    filters,
+    skip || !wantsLogs,
+    context
+  );
   const rawComponent = data?.getHost?.get;

package/ui/use-component.fragments.ts CHANGED Viewed

@@ -13,7 +13,9 @@ export const componentOverviewFields = gql`
     id {
       ...componentIdFields
     }
-    aspects(include: ["teambit.preview/preview", "teambit.envs/envs"]) {
+    # dependency-resolver is required by InlineDepsCompare — reads
+    # descriptor.get('teambit.dependencies/dependency-resolver').dependencies to compute the diff.
+    aspects(include: ["teambit.preview/preview", "teambit.envs/envs", "teambit.dependencies/dependency-resolver"]) {
       # '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.

package/ui/use-component.model.ts CHANGED Viewed

@@ -22,6 +22,8 @@ export type UseComponentOptions = {
   logFilters?: Filters;
   customUseComponent?: UseComponentType;
   skip?: boolean;
+  /** apollo operation context forwarded to the underlying queries (e.g. `{ batch: true }`) */
+  context?: Record<string, any>;
 };
 export type ComponentQueryResult = {
@@ -46,4 +48,10 @@ export type ComponentLogs = {
   loading?: boolean;
 };
-export type UseComponentType = (id: string, host: string, filters?: Filters, skip?: boolean) => ComponentQueryResult;
+export type UseComponentType = (
+  id: string,
+  host: string,
+  filters?: Filters,
+  skip?: boolean,
+  context?: Record<string, any>
+) => ComponentQueryResult;

package/ui/use-component.tsx CHANGED Viewed

@@ -7,13 +7,13 @@ export { UseComponentType, Filters };
 export function useComponent(host: string, id?: string, options?: UseComponentOptions): ComponentQueryResult {
   const query = useQuery();
-  const { version, logFilters, customUseComponent, skip } = options || {};
+  const { version, logFilters, customUseComponent, skip, context } = options || {};
   const componentVersion = (version || query.get('version')) ?? undefined;
   const componentIdStr = id && withVersion(id, componentVersion);
   const targetUseComponent = customUseComponent || useComponentQuery;
-  return targetUseComponent(componentIdStr || '', host, logFilters, skip || !id);
+  return targetUseComponent(componentIdStr || '', host, logFilters, skip || !id, context);
 }
 function withVersion(id: string, version?: string) {