@internetarchive/collection-browser 2.7.6 → 2.7.7-alpha.1

package/src/collection-facets.ts

@@ -1,4 +1,3 @@
-/* eslint-disable import/no-duplicates */
 import {
   css,
   html,
@@ -171,7 +170,7 @@ export class CollectionFacets extends LitElement {
           : nothing}
         ${this.collectionPartOfTemplate}
         ${this.mergedFacets.map(facetGroup =>
-          this.getFacetGroupTemplate(facetGroup)
+          this.getFacetGroupTemplate(facetGroup),
         )}
       </div>
     `;
@@ -349,7 +348,7 @@ export class CollectionFacets extends LitElement {
     e: CustomEvent<{
       minDate: string;
       maxDate: string;
-    }>
+    }>,
   ): void => {
     const { minDate, maxDate } = e.detail;
     const event = new CustomEvent('histogramDateRangeUpdated', {
@@ -366,10 +365,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
@@ -388,7 +387,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
             ? {
@@ -412,7 +411,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
@@ -421,7 +420,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],
         );
       }
 
@@ -431,13 +430,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
@@ -484,7 +483,7 @@ export class CollectionFacets extends LitElement {
               count: facetData.count,
               state: facetData.state,
             };
-          }
+          },
         );
 
         return {
@@ -492,7 +491,7 @@ export class CollectionFacets extends LitElement {
           key: option,
           buckets,
         };
-      }
+      },
     );
 
     return facetGroups;
@@ -512,7 +511,7 @@ export class CollectionFacets extends LitElement {
       if (!title) return;
 
       let castedBuckets = aggregation.getSortedBuckets(
-        defaultFacetSort[option]
+        defaultFacetSort[option],
       ) as Bucket[];
 
       if (option === 'collection') {
@@ -556,7 +555,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;
 
@@ -611,7 +610,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>`,
       )}
     `;
   }
@@ -622,7 +621,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) {
@@ -654,7 +653,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"
@@ -665,7 +664,7 @@ export class CollectionFacets extends LitElement {
 
   async showMoreFacetsModal(
     facetGroup: FacetGroup,
-    sortedBy: AggregationSortType
+    sortedBy: AggregationSortType,
   ): Promise<void> {
     const customModalContent = html`
       <more-facets-content
@@ -724,7 +723,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,7 +280,11 @@ 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,13 +162,12 @@ 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
   }
@@ -264,13 +263,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();
@@ -431,15 +430,19 @@ 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();
@@ -536,12 +539,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,
       );
   }
 
@@ -653,25 +656,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;
@@ -693,14 +696,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,
       );
     }
 
@@ -788,7 +791,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));
     }
@@ -841,11 +844,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 '';
@@ -869,7 +872,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];
@@ -891,7 +894,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 ')})`
@@ -925,12 +928,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;
 
@@ -947,10 +950,10 @@ export class CollectionBrowserDataSource
       const detailMsg = searchResponse?.error?.details?.message;
 
       if (!errorMsg && !detailMsg) {
-        // @ts-ignore: Property 'Sentry' does not exist on type 'Window & typeof globalThis'
+        // @ts-expect-error: Property 'Sentry' does not exist on type 'Window & typeof globalThis'
         window?.Sentry?.captureMessage?.(
           'Missing or malformed facet response from backend',
-          'error'
+          'error',
         );
       }
 
@@ -1045,7 +1048,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;
@@ -1067,7 +1070,7 @@ export class CollectionBrowserDataSource
 
       if (!this.queryErrorMessage) {
         this.queryErrorMessage = 'Missing or malformed response from backend';
-        // @ts-ignore: Property 'Sentry' does not exist on type 'Window & typeof globalThis'
+        // @ts-expect-error: Property 'Sentry' does not exist on type 'Window & typeof globalThis'
         window?.Sentry?.captureMessage?.(this.queryErrorMessage, 'error');
       }
 
@@ -1094,7 +1097,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) {
@@ -1115,7 +1118,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);
@@ -1128,7 +1131,7 @@ export class CollectionBrowserDataSource
         this.addFetchedResultsToDataSource(
           pageNumber + i,
           results.slice(pageStartIndex, pageStartIndex + this.pageSize),
-          !isUnpagedElement || i === numPages - 1
+          !isUnpagedElement || i === numPages - 1,
         );
       }
     }
@@ -1154,7 +1157,7 @@ export class CollectionBrowserDataSource
   private addFetchedResultsToDataSource(
     pageNumber: number,
     results: SearchResult[],
-    needsReload = true
+    needsReload = true,
   ): void {
     const tiles: TileModel[] = [];
     results?.forEach(result => {
@@ -1173,7 +1176,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 [];
@@ -1193,12 +1196,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?.[
@@ -1226,7 +1229,7 @@ export class CollectionBrowserDataSource
         acc[(bucket.key as string).toUpperCase()] = bucket.doc_count;
         return acc;
       },
-      {}
+      {},
     );
 
     this.requestHostUpdate();

package/src/empty-placeholder.ts

@@ -23,35 +23,38 @@ 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,21 +66,23 @@ 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,6 +13,7 @@ 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]
   );
 }