@internetarchive/collection-browser 2.7.7-alpha.2 → 2.7.7

package/src/collection-facets.ts

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-duplicates */
 import {
   css,
   html,
@@ -170,7 +171,7 @@ export class CollectionFacets extends LitElement {
           : nothing}
         ${this.collectionPartOfTemplate}
         ${this.mergedFacets.map(facetGroup =>
-          this.getFacetGroupTemplate(facetGroup),
+          this.getFacetGroupTemplate(facetGroup)
         )}
       </div>
     `;
@@ -348,7 +349,7 @@ export class CollectionFacets extends LitElement {
     e: CustomEvent<{
       minDate: string;
       maxDate: string;
-    }>,
+    }>
   ): void => {
     const { minDate, maxDate } = e.detail;
     const event = new CustomEvent('histogramDateRangeUpdated', {
@@ -365,10 +366,10 @@ export class CollectionFacets extends LitElement {
 
     facetDisplayOrder.forEach(facetKey => {
       const selectedFacetGroup = this.selectedFacetGroups.find(
-        group => group.key === facetKey,
+        group => group.key === facetKey
       );
       const aggregateFacetGroup = this.aggregationFacetGroups.find(
-        group => group.key === facetKey,
+        group => group.key === facetKey
       );
 
       // if the user selected a facet, but it's not in the aggregation, we add it as-is
@@ -387,7 +388,7 @@ export class CollectionFacets extends LitElement {
       let bucketsWithCount =
         selectedFacetGroup?.buckets.map(bucket => {
           const selectedBucket = aggregateFacetGroup.buckets.find(
-            b => b.key === bucket.key,
+            b => b.key === bucket.key
           );
           return selectedBucket
             ? {
@@ -411,7 +412,7 @@ export class CollectionFacets extends LitElement {
        * - additionally want to show all items (selected/suppressed) in page facet area
        */
       let allowedFacetCount = Object.keys(
-        (selectedFacetGroup?.buckets as []) || [],
+        (selectedFacetGroup?.buckets as []) || []
       )?.length;
       if (allowedFacetCount < this.allowedFacetCount) {
         allowedFacetCount = this.allowedFacetCount; // splice start index from 0th
@@ -420,7 +421,7 @@ export class CollectionFacets extends LitElement {
       // For lending facets, only include a specific subset of buckets
       if (facetKey === 'lending') {
         bucketsWithCount = bucketsWithCount.filter(
-          bucket => lendingFacetKeysVisibility[bucket.key as LendingFacetKey],
+          bucket => lendingFacetKeysVisibility[bucket.key as LendingFacetKey]
         );
       }
 
@@ -430,13 +431,13 @@ export class CollectionFacets extends LitElement {
       // For mediatype facets, ensure the collection bucket is always shown if present
       if (facetKey === 'mediatype') {
         const collectionIndex = bucketsWithCount.findIndex(
-          bucket => bucket.key === 'collection',
+          bucket => bucket.key === 'collection'
         );
 
         if (collectionIndex >= allowedFacetCount) {
           const [collectionBucket] = bucketsWithCount.splice(
             collectionIndex,
-            1,
+            1
           );
 
           // If we're showing lots of selected facets, ensure we're not cutting off the last one
@@ -483,7 +484,7 @@ export class CollectionFacets extends LitElement {
               count: facetData.count,
               state: facetData.state,
             };
-          },
+          }
         );
 
         return {
@@ -491,7 +492,7 @@ export class CollectionFacets extends LitElement {
           key: option,
           buckets,
         };
-      },
+      }
     );
 
     return facetGroups;
@@ -511,7 +512,7 @@ export class CollectionFacets extends LitElement {
       if (!title) return;
 
       let castedBuckets = aggregation.getSortedBuckets(
-        defaultFacetSort[option],
+        defaultFacetSort[option]
       ) as Bucket[];
 
       if (option === 'collection') {
@@ -555,7 +556,7 @@ export class CollectionFacets extends LitElement {
    * chevron for the mobile view
    */
   private getFacetGroupTemplate(
-    facetGroup: FacetGroup,
+    facetGroup: FacetGroup
   ): TemplateResult | typeof nothing {
     if (!this.facetsLoading && facetGroup.buckets.length === 0) return nothing;
 
@@ -610,7 +611,7 @@ export class CollectionFacets extends LitElement {
     return html`
       ${map(
         Array(5).fill(null),
-        () => html`<facet-tombstone-row></facet-tombstone-row>`,
+        () => html`<facet-tombstone-row></facet-tombstone-row>`
       )}
     `;
   }
@@ -621,7 +622,7 @@ export class CollectionFacets extends LitElement {
    * TODO: want to fire analytics?
    */
   private searchMoreFacetsLink(
-    facetGroup: FacetGroup,
+    facetGroup: FacetGroup
   ): TemplateResult | typeof nothing {
     // Don't render More... links for FTS searches
     if (!this.moreLinksVisible) {
@@ -653,7 +654,7 @@ export class CollectionFacets extends LitElement {
           label: facetGroup.key,
         });
         this.dispatchEvent(
-          new CustomEvent('showMoreFacets', { detail: facetGroup.key }),
+          new CustomEvent('showMoreFacets', { detail: facetGroup.key })
         );
       }}
       data-testid="more-link-btn"
@@ -664,7 +665,7 @@ export class CollectionFacets extends LitElement {
 
   async showMoreFacetsModal(
     facetGroup: FacetGroup,
-    sortedBy: AggregationSortType,
+    sortedBy: AggregationSortType
   ): Promise<void> {
     const customModalContent = html`
       <more-facets-content
@@ -723,7 +724,7 @@ export class CollectionFacets extends LitElement {
             this.selectedFacets,
             facetGroup.key,
             e.detail.bucket,
-            true,
+            true
           );
 
           const event = new CustomEvent<SelectedFacets>('facetsChanged', {

package/src/data-source/collection-browser-data-source-interface.ts

@@ -280,11 +280,7 @@ export interface CollectionBrowserDataSourceInterface
    * @param callback A callback function to apply on each tile model, as with Array.map
    */
   map(
-    callback: (
-      model: TileModel,
-      index: number,
-      array: TileModel[],
-    ) => TileModel,
+    callback: (model: TileModel, index: number, array: TileModel[]) => TileModel
   ): void;
 
   /**

package/src/data-source/collection-browser-data-source.ts

@@ -162,12 +162,13 @@ export class CollectionBrowserDataSource
     return this._initialSearchCompletePromise;
   }
 
+  // eslint-disable-next-line no-useless-constructor
   constructor(
     /** The host element to which this controller should attach listeners */
     private readonly host: ReactiveControllerHost &
       CollectionBrowserSearchInterface,
     /** Default size of result pages */
-    private pageSize: number = 50,
+    private pageSize: number = 50
   ) {
     // Just setting some property values
   }
@@ -263,13 +264,13 @@ export class CollectionBrowserDataSource
       const pageStartIndex = this.pageSize * i;
       this.addPage(
         firstPageNum + i,
-        tiles.slice(pageStartIndex, pageStartIndex + this.pageSize),
+        tiles.slice(pageStartIndex, pageStartIndex + this.pageSize)
       );
     }
 
     const visiblePages = this.host.currentVisiblePageNumbers;
     const needsReload = visiblePages.some(
-      page => page >= firstPageNum && page <= firstPageNum + numPages,
+      page => page >= firstPageNum && page <= firstPageNum + numPages
     );
     if (needsReload) {
       this.refreshVisibleResults();
@@ -430,19 +431,15 @@ export class CollectionBrowserDataSource
    * @inheritdoc
    */
   map(
-    callback: (
-      model: TileModel,
-      index: number,
-      array: TileModel[],
-    ) => TileModel,
+    callback: (model: TileModel, index: number, array: TileModel[]) => TileModel
   ): void {
     this.pages = Object.fromEntries(
       Object.entries(this.pages).map(([page, tileModels]) => [
         page,
         tileModels.map((model, index, array) =>
-          model ? callback(model, index, array) : model,
+          model ? callback(model, index, array) : model
         ),
-      ]),
+      ])
     );
     this.requestHostUpdate();
     this.refreshVisibleResults();
@@ -539,12 +536,12 @@ export class CollectionBrowserDataSource
    * @returns A filtered array of tile models satisfying the predicate
    */
   private getFilteredTileModels(
-    predicate: (model: TileModel, index: number, array: TileModel[]) => unknown,
+    predicate: (model: TileModel, index: number, array: TileModel[]) => unknown
   ): TileModel[] {
     return Object.values(this.pages)
       .flat()
       .filter((model, index, array) =>
-        model ? predicate(model, index, array) : false,
+        model ? predicate(model, index, array) : false
       );
   }
 
@@ -656,25 +653,25 @@ export class CollectionBrowserDataSource
       builder.addFilter(
         'year',
         this.host.minSelectedDate,
-        FilterConstraint.GREATER_OR_EQUAL,
+        FilterConstraint.GREATER_OR_EQUAL
       );
     }
     if (this.host.maxSelectedDate) {
       builder.addFilter(
         'year',
         this.host.maxSelectedDate,
-        FilterConstraint.LESS_OR_EQUAL,
+        FilterConstraint.LESS_OR_EQUAL
       );
     }
 
     // Add any selected facets
     if (this.host.selectedFacets) {
       for (const [facetName, facetValues] of Object.entries(
-        this.host.selectedFacets,
+        this.host.selectedFacets
       )) {
         const { name, values } = this.prepareFacetForFetch(
           facetName,
-          facetValues,
+          facetValues
         );
         for (const [value, bucket] of Object.entries(values)) {
           let constraint;
@@ -696,14 +693,14 @@ export class CollectionBrowserDataSource
       builder.addFilter(
         'firstTitle',
         this.host.selectedTitleFilter,
-        FilterConstraint.INCLUDE,
+        FilterConstraint.INCLUDE
       );
     }
     if (this.host.selectedCreatorFilter) {
       builder.addFilter(
         'firstCreator',
         this.host.selectedCreatorFilter,
-        FilterConstraint.INCLUDE,
+        FilterConstraint.INCLUDE
       );
     }
 
@@ -791,7 +788,7 @@ export class CollectionBrowserDataSource
     if (!this.host.selectedFacets) return undefined;
     const facetClauses = [];
     for (const [facetName, facetValues] of Object.entries(
-      this.host.selectedFacets,
+      this.host.selectedFacets
     )) {
       facetClauses.push(this.buildFacetClause(facetName, facetValues));
     }
@@ -844,11 +841,11 @@ export class CollectionBrowserDataSource
    */
   private buildFacetClause(
     facetName: string,
-    facetValues: Record<string, FacetBucket>,
+    facetValues: Record<string, FacetBucket>
   ): string {
     const { name: facetQueryName, values } = this.prepareFacetForFetch(
       facetName,
-      facetValues,
+      facetValues
     );
     const facetEntries = Object.entries(values);
     if (facetEntries.length === 0) return '';
@@ -872,7 +869,7 @@ export class CollectionBrowserDataSource
    */
   private prepareFacetForFetch(
     facetName: string,
-    facetValues: Record<string, FacetBucket>,
+    facetValues: Record<string, FacetBucket>
   ): { name: string; values: Record<string, FacetBucket> } {
     // eslint-disable-next-line prefer-const
     let [normalizedName, normalizedValues] = [facetName, facetValues];
@@ -894,7 +891,7 @@ export class CollectionBrowserDataSource
    */
   private joinFacetClauses(facetClauses: string[]): string | undefined {
     const nonEmptyFacetClauses = facetClauses.filter(
-      clause => clause.length > 0,
+      clause => clause.length > 0
     );
     return nonEmptyFacetClauses.length > 0
       ? `(${nonEmptyFacetClauses.join(' AND ')})`
@@ -928,12 +925,12 @@ export class CollectionBrowserDataSource
     };
     params.uid = await this.requestUID(
       { ...params, sort: sortParams },
-      'aggregations',
+      'aggregations'
     );
 
     const searchResponse = await this.host.searchService?.search(
       params,
-      this.host.searchType,
+      this.host.searchType
     );
     const success = searchResponse?.success;
 
@@ -950,10 +947,10 @@ export class CollectionBrowserDataSource
       const detailMsg = searchResponse?.error?.details?.message;
 
       if (!errorMsg && !detailMsg) {
-        // @ts-expect-error: Property 'Sentry' does not exist on type 'Window & typeof globalThis'
+        // @ts-ignore: Property 'Sentry' does not exist on type 'Window & typeof globalThis'
         window?.Sentry?.captureMessage?.(
           'Missing or malformed facet response from backend',
-          'error',
+          'error'
         );
       }
 
@@ -1048,7 +1045,7 @@ export class CollectionBrowserDataSource
     // log('=== FIRING PAGE REQUEST ===', params);
     const searchResponse = await this.host.searchService?.search(
       params,
-      this.host.searchType,
+      this.host.searchType
     );
     // log('=== RECEIVED PAGE RESPONSE IN CB ===', searchResponse);
     const success = searchResponse?.success;
@@ -1070,7 +1067,7 @@ export class CollectionBrowserDataSource
 
       if (!this.queryErrorMessage) {
         this.queryErrorMessage = 'Missing or malformed response from backend';
-        // @ts-expect-error: Property 'Sentry' does not exist on type 'Window & typeof globalThis'
+        // @ts-ignore: Property 'Sentry' does not exist on type 'Window & typeof globalThis'
         window?.Sentry?.captureMessage?.(this.queryErrorMessage, 'error');
       }
 
@@ -1097,7 +1094,7 @@ export class CollectionBrowserDataSource
 
       if (this.collectionExtraInfo) {
         this.parentCollections = [].concat(
-          this.collectionExtraInfo.public_metadata?.collection ?? [],
+          this.collectionExtraInfo.public_metadata?.collection ?? []
         );
       }
     } else if (this.host.withinProfile) {
@@ -1118,7 +1115,7 @@ export class CollectionBrowserDataSource
       // Update the data source for each returned page.
       // For loans and web archives, we must account for receiving more pages than we asked for.
       const isUnpagedElement = ['lending', 'web_archives'].includes(
-        this.host.profileElement!,
+        this.host.profileElement!
       );
       if (isUnpagedElement) {
         numPages = Math.ceil(results.length / this.pageSize);
@@ -1131,7 +1128,7 @@ export class CollectionBrowserDataSource
         this.addFetchedResultsToDataSource(
           pageNumber + i,
           results.slice(pageStartIndex, pageStartIndex + this.pageSize),
-          !isUnpagedElement || i === numPages - 1,
+          !isUnpagedElement || i === numPages - 1
         );
       }
     }
@@ -1157,7 +1154,7 @@ export class CollectionBrowserDataSource
   private addFetchedResultsToDataSource(
     pageNumber: number,
     results: SearchResult[],
-    needsReload = true,
+    needsReload = true
   ): void {
     const tiles: TileModel[] = [];
     results?.forEach(result => {
@@ -1176,7 +1173,7 @@ export class CollectionBrowserDataSource
    * Fetches the aggregation buckets for the given prefix filter type.
    */
   private async fetchPrefixFilterBuckets(
-    filterType: PrefixFilterType,
+    filterType: PrefixFilterType
   ): Promise<Bucket[]> {
     const trimmedQuery = this.host.baseQuery?.trim();
     if (!this.canPerformSearch) return [];
@@ -1196,12 +1193,12 @@ export class CollectionBrowserDataSource
     };
     params.uid = await this.requestUID(
       { ...params, sort: sortParams },
-      'aggregations',
+      'aggregations'
     );
 
     const searchResponse = await this.host.searchService?.search(
       params,
-      this.host.searchType,
+      this.host.searchType
     );
 
     return (searchResponse?.success?.response?.aggregations?.[
@@ -1229,7 +1226,7 @@ export class CollectionBrowserDataSource
         acc[(bucket.key as string).toUpperCase()] = bucket.doc_count;
         return acc;
       },
-      {},
+      {}
     );
 
     this.requestHostUpdate();

package/src/empty-placeholder.ts

@@ -23,38 +23,35 @@ export type PlaceholderType =
 @customElement('empty-placeholder')
 export class EmptyPlaceholder extends LitElement {
   private static readonly MESSAGE_EMPTY_QUERY = msg(
-    'To begin searching, enter a search term in the box above and hit "Go".',
+    'To begin searching, enter a search term in the box above and hit "Go".'
   );
 
   private static readonly MESSAGE_NO_SEARCH_RESULTS = msg(
     'Your search did not match any items in the Archive. ' +
-      'Try different keywords or a more general search.',
+      'Try different keywords or a more general search.'
   );
 
   private static readonly MESSAGE_NO_COLLECTION_RESULTS = msg(
     'Your search did not match any items in this collection. ' +
-      'Try different keywords or a more general search.',
+      'Try different keywords or a more general search.'
   );
 
   private static readonly MESSAGE_NO_VIEWABLE_MEMBERS = msg(
-    'This collection contains no viewable items.',
+    'This collection contains no viewable items.'
   );
 
-  private static readonly MESSAGE_QUERY_ERROR = msg(
-    html`The search engine encountered an error, which might be related to your
-      search query.
-      <a
-        href="https://help.archive.org/help/search-building-powerful-complex-queries/"
-      >
-        Tips for constructing search queries.
-      </a> `,
-  );
-
-  private static readonly MESSAGE_COLLECTION_ERROR = msg(
-    html`The search engine encountered an error while loading this collection.
-      If the problem persists, please let us know at
-      <a href="mailto:info@archive.org">info@archive.org</a>.`,
-  );
+  private static readonly MESSAGE_QUERY_ERROR = msg(html`The search engine
+    encountered an error, which might be related to your search query.
+    <a
+      href="https://help.archive.org/help/search-building-powerful-complex-queries/"
+    >
+      Tips for constructing search queries.
+    </a> `);
+
+  private static readonly MESSAGE_COLLECTION_ERROR = msg(html`The search engine
+    encountered an error while loading this collection. If the problem persists,
+    please let us know at
+    <a href="mailto:info@archive.org">info@archive.org</a>.`);
 
   private static readonly QUERY_ERROR_DETAILS_MESSAGE = msg('Error details:');
 

package/src/expanded-date-picker.ts

@@ -96,7 +96,7 @@ export class ExpandedDatePicker extends LitElement {
     e: CustomEvent<{
       minDate: string;
       maxDate: string;
-    }>,
+    }>
   ): void {
     this.minSelectedDate = e.detail.minDate;
     this.maxSelectedDate = e.detail.maxDate;

package/src/language-code-handler/language-code-handler.ts

@@ -50,7 +50,7 @@ export class LanguageCodeHandler implements LanguageCodeHandlerInterface {
   /** @inheritdoc */
   getCodeStringFromLanguageName(languageName: string): string {
     const languageCodes = Object.keys(codeToLanguageMap).filter(
-      code => codeToLanguageMap[code] === languageName,
+      code => codeToLanguageMap[code] === languageName
     );
     const stringifiedCodes = languageCodes?.join(this.delimeter);
     return stringifiedCodes;

package/src/manage/manage-bar.ts

@@ -66,23 +66,21 @@ export class ManageBar extends LitElement {
           <div class="selection-buttons">
             ${when(
               this.showSelectAll,
-              () =>
-                html` <button
-                  class="ia-button link select-all-btn"
-                  @click=${this.selectAllClicked}
-                >
-                  ${msg('Select all')}
-                </button>`,
+              () => html` <button
+                class="ia-button link select-all-btn"
+                @click=${this.selectAllClicked}
+              >
+                ${msg('Select all')}
+              </button>`
             )}
             ${when(
               this.showUnselectAll,
-              () =>
-                html` <button
-                  class="ia-button link unselect-all-btn"
-                  @click=${this.unselectAllClicked}
-                >
-                  ${msg('Unselect all')}
-                </button>`,
+              () => html` <button
+                class="ia-button link unselect-all-btn"
+                @click=${this.unselectAllClicked}
+              >
+                ${msg('Unselect all')}
+              </button>`
             )}
           </div>
         </div>

package/src/mediatype/mediatype-config.ts

@@ -13,7 +13,6 @@ import { videoIcon } from '../assets/img/icons/mediatype/video';
 import { webIcon } from '../assets/img/icons/mediatype/web';
 import { searchIcon } from '../assets/img/icons/mediatype/search';
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const mediatypeConfig: { [key: string]: any } = {
   account: {
     color: '#000000',

package/src/models.ts

@@ -125,7 +125,7 @@ export class TileModel {
     this.description = result.description?.values.join('\n');
     this.favCount = result.num_favorites?.value ?? 0;
     this.href = collapseRepeatedQuotes(
-      result.review?.__href__ ?? result.__href__?.value,
+      result.review?.__href__ ?? result.__href__?.value
     );
     this.identifier = TileModel.cleanIdentifier(result.identifier);
     this.issue = result.issue?.value;
@@ -212,7 +212,7 @@ export class TileModel {
   }
 
   private static cleanIdentifier(
-    identifier: string | undefined,
+    identifier: string | undefined
   ): string | undefined {
     // Some identifiers (e.g., from Whisper) represent documents rather than items, and
     // are suffixed with values that need to be stripped. Those values are separated
@@ -463,7 +463,7 @@ export const SORT_OPTIONS: Record<SortField, SortOption> = {
 export function sortOptionFromAPIString(sortName?: string | null): SortOption {
   return (
     Object.values(SORT_OPTIONS).find(opt =>
-      opt.urlNames.some(name => sortName === name),
+      opt.urlNames.some(name => sortName === name)
     ) ?? SORT_OPTIONS[SortField.unrecognized]
   );
 }