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

package/test/tiles/hover/hover-pane-controller.test.ts

@@ -66,7 +66,7 @@ describe('Hover Pane Controller', () => {
   before(() => {
     oldMatchMedia = window.matchMedia;
     oldOnTouchStart = window.ontouchstart;
-    window.matchMedia = () => ({ matches: true }) as MediaQueryList;
+    window.matchMedia = () => ({ matches: true } as MediaQueryList);
     window.ontouchstart = () => {};
   });
 
@@ -77,7 +77,7 @@ describe('Hover Pane Controller', () => {
 
   it('should initially provide empty template', async () => {
     const host = await fixture<HostElement>(
-      html`<host-element></host-element>`,
+      html`<host-element></host-element>`
     );
     expect(host.controller?.getTemplate()).to.equal(nothing);
   });
@@ -86,7 +86,7 @@ describe('Hover Pane Controller', () => {
     const host = await fixture<HostElement>(
       html`<host-element
         .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}
-      ></host-element>`,
+      ></host-element>`
     );
 
     host.dispatchEvent(new MouseEvent('mousemove'));
@@ -110,7 +110,7 @@ describe('Hover Pane Controller', () => {
     const host = await fixture<HostElement>(
       html`<host-element
         .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}
-      ></host-element>`,
+      ></host-element>`
     );
 
     host.dispatchEvent(new MouseEvent('mouseenter'));
@@ -126,7 +126,7 @@ describe('Hover Pane Controller', () => {
     const host = await fixture<HostElement>(
       html`<host-element
         .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}
-      ></host-element>`,
+      ></host-element>`
     );
 
     // Enter the host element and wait for the show handlers to run
@@ -155,11 +155,11 @@ describe('Hover Pane Controller', () => {
     const host = await fixture<HostElement>(
       html`<host-element
         .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}
-      ></host-element>`,
+      ></host-element>`
     );
 
     host.dispatchEvent(
-      new MouseEvent('mousemove', { clientX: 800, clientY: 600 }),
+      new MouseEvent('mousemove', { clientX: 800, clientY: 600 })
     );
     // Need to wait a tick for the event handlers to run
     await new Promise(resolve => {
@@ -169,10 +169,10 @@ describe('Hover Pane Controller', () => {
 
     expect(host.controller?.getTemplate()).not.to.equal(nothing);
     expect(host.getHoverPane()?.getBoundingClientRect()?.right).to.be.lessThan(
-      window.innerWidth,
+      window.innerWidth
     );
     expect(host.getHoverPane()?.getBoundingClientRect()?.bottom).to.be.lessThan(
-      window.innerHeight,
+      window.innerHeight
     );
   });
 
@@ -181,7 +181,7 @@ describe('Hover Pane Controller', () => {
       html`<host-element
         .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}
         ?suppressHoverPane=${true}
-      ></host-element>`,
+      ></host-element>`
     );
 
     host.dispatchEvent(new MouseEvent('mousemove'));
@@ -225,7 +225,7 @@ describe('Hover Pane Controller', () => {
             longPressDelay: 0,
             enableLongPress: true,
           }}
-        ></host-element>`,
+        ></host-element>`
       );
 
       // Touch the host element and wait for the long press handlers to run
@@ -245,7 +245,7 @@ describe('Hover Pane Controller', () => {
             longPressDelay: 100,
             enableLongPress: true,
           }}
-        ></host-element>`,
+        ></host-element>`
       );
 
       // Touch the host element
@@ -271,7 +271,7 @@ describe('Hover Pane Controller', () => {
             longPressDelay: 100,
             enableLongPress: true,
           }}
-        ></host-element>`,
+        ></host-element>`
       );
 
       // Touch the host element
@@ -297,7 +297,7 @@ describe('Hover Pane Controller', () => {
             longPressDelay: 100,
             enableLongPress: true,
           }}
-        ></host-element>`,
+        ></host-element>`
       );
 
       // Touch the host element
@@ -325,7 +325,7 @@ describe('Hover Pane Controller', () => {
             enableLongPress: true,
             mobileBreakpoint: 9999, // Ensure we get the mobile view
           }}
-        ></host-element>`,
+        ></host-element>`
       );
 
       // Touch the host element

package/test/tiles/hover/tile-hover-pane.test.ts

@@ -8,7 +8,7 @@ import '../../../src/tiles/hover/tile-hover-pane';
 describe('Tile Hover Pane', () => {
   it('should render initial component', async () => {
     const el = await fixture<TileHoverPane>(
-      html`<tile-hover-pane></tile-hover-pane>`,
+      html`<tile-hover-pane></tile-hover-pane>`
     );
 
     const container = el.shadowRoot?.querySelector('#container');
@@ -25,7 +25,7 @@ describe('Tile Hover Pane', () => {
     };
 
     const el = await fixture<TileHoverPane>(
-      html`<tile-hover-pane .model=${model}></tile-hover-pane>`,
+      html`<tile-hover-pane .model=${model}></tile-hover-pane>`
     );
 
     const container = el.shadowRoot?.querySelector('#container');
@@ -36,7 +36,7 @@ describe('Tile Hover Pane', () => {
     expect(listView).to.exist;
     expect(headerElement).to.exist;
     expect(headerElement?.querySelector('a')?.getAttribute('href')).contains(
-      '/details/collection1',
+      '/details/collection1'
     );
   });
 
@@ -47,7 +47,7 @@ describe('Tile Hover Pane', () => {
     };
 
     const el = await fixture<TileHoverPane>(
-      html`<tile-hover-pane .model=${model}></tile-hover-pane>`,
+      html`<tile-hover-pane .model=${model}></tile-hover-pane>`
     );
 
     const container = el.shadowRoot?.querySelector('#container');
@@ -66,7 +66,7 @@ describe('Tile Hover Pane', () => {
     };
 
     const el = await fixture<TileHoverPane>(
-      html`<tile-hover-pane .model=${model}></tile-hover-pane>`,
+      html`<tile-hover-pane .model=${model}></tile-hover-pane>`
     );
 
     const container = el.shadowRoot?.querySelector('#container');

package/test/tiles/list/tile-list-compact.test.ts

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-duplicates */
 import { expect, fixture } from '@open-wc/testing';
 import { html } from 'lit';
 import type { TileListCompact } from '../../../src/tiles/list/tile-list-compact';
@@ -8,7 +9,7 @@ import type { TileModel } from '../../../src/models';
 describe('List Tile Compact', () => {
   it('should render initial component', async () => {
     const el = await fixture<TileListCompact>(
-      html`<tile-list-compact></tile-list-compact>`,
+      html`<tile-list-compact></tile-list-compact>`
     );
 
     const listContainer = el.shadowRoot?.querySelector('#list-line');

package/test/tiles/list/tile-list.test.ts

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-duplicates */
 import { expect, fixture } from '@open-wc/testing';
 import { html } from 'lit';
 import type { TileList } from '../../../src/tiles/list/tile-list';
@@ -8,7 +9,7 @@ import type { TileModel } from '../../../src/models';
 describe('List Tile', () => {
   it('should render initial component', async () => {
     const el = await fixture<TileList>(
-      html`<tile-list .model=${{}}></tile-list>`,
+      html`<tile-list .model=${{}}></tile-list>`
     );
 
     const listContainer = el.shadowRoot?.querySelector('#list-line');
@@ -95,7 +96,7 @@ describe('List Tile', () => {
     const collectionLinks = collectionsRow?.querySelectorAll('a[href]');
     expect(collectionLinks?.length).to.equal(1);
     expect(collectionLinks?.item(0).getAttribute('href')).to.equal(
-      'base/details/foo',
+      'base/details/foo'
     );
   });
 
@@ -114,7 +115,7 @@ describe('List Tile', () => {
     const collectionLinks = collectionsRow?.querySelectorAll('a[href]');
     expect(collectionLinks?.length).to.equal(1);
     expect(collectionLinks?.item(0).getAttribute('href')).to.equal(
-      'base/details/bar',
+      'base/details/bar'
     );
   });
 
@@ -281,19 +282,19 @@ describe('List Tile', () => {
     const subjectLink = el.shadowRoot?.querySelector('#topics a[href]');
     expect(subjectLink).to.exist;
     expect(subjectLink?.getAttribute('href')).to.equal(
-      `/search?query=${encodeURIComponent('subject:"foo"')}`,
+      `/search?query=${encodeURIComponent('subject:"foo"')}`
     );
 
     const creatorLink = el.shadowRoot?.querySelector('#creator a[href]');
     expect(creatorLink).to.exist;
     expect(creatorLink?.getAttribute('href')).to.equal(
-      `/search?query=${encodeURIComponent('creator:"bar"')}`,
+      `/search?query=${encodeURIComponent('creator:"bar"')}`
     );
 
     const sourceLink = el.shadowRoot?.querySelector('#source a[href]');
     expect(sourceLink).to.exist;
     expect(sourceLink?.getAttribute('href')).to.equal(
-      `/search?query=${encodeURIComponent('source:"baz"')}`,
+      `/search?query=${encodeURIComponent('source:"baz"')}`
     );
   });
 
@@ -322,7 +323,7 @@ describe('List Tile', () => {
     const mediatypeLink = el.shadowRoot?.querySelector('a#icon-right');
     expect(mediatypeLink).to.exist;
     expect(mediatypeLink?.getAttribute('href')).to.equal(
-      `https://archive.org/details/texts`,
+      `https://archive.org/details/texts`
     );
   });
 
@@ -355,7 +356,7 @@ describe('List Tile', () => {
     const mediatypeLink = el.shadowRoot?.querySelector('a#icon-right');
     expect(mediatypeLink).to.exist;
     expect(mediatypeLink?.getAttribute('href')).to.equal(
-      `https://archive.org/search?query=mediatype:collection&sort=-downloads`,
+      `https://archive.org/search?query=mediatype:collection&sort=-downloads`
     );
   });
 
@@ -415,7 +416,7 @@ describe('List Tile', () => {
     const firstDateLink = captureDatesUl?.children[0]?.querySelector('a[href]');
     expect(firstDateLink, 'first date link').to.exist;
     expect(firstDateLink?.getAttribute('href')).to.equal(
-      'https://web.archive.org/web/20100102123456/https%3A%2F%2Fexample.com%2F',
+      'https://web.archive.org/web/20100102123456/https%3A%2F%2Fexample.com%2F'
     );
     expect(firstDateLink?.textContent?.trim()).to.equal('Jan 02, 2010');
 
@@ -423,7 +424,7 @@ describe('List Tile', () => {
       captureDatesUl?.children[1]?.querySelector('a[href]');
     expect(secondDateLink, 'second date link').to.exist;
     expect(secondDateLink?.getAttribute('href')).to.equal(
-      'https://web.archive.org/web/20110203124321/https%3A%2F%2Fexample.com%2F',
+      'https://web.archive.org/web/20110203124321/https%3A%2F%2Fexample.com%2F'
     );
     expect(secondDateLink?.textContent?.trim()).to.equal('Feb 03, 2011');
   });

package/test/tiles/tile-dispatcher.test.ts

@@ -96,7 +96,7 @@ describe('Tile Dispatcher', () => {
     `);
 
     const tileLink = el.shadowRoot?.querySelector(
-      'a[href]',
+      'a[href]'
     ) as HTMLAnchorElement;
     expect(tileLink).to.exist;
 
@@ -120,7 +120,7 @@ describe('Tile Dispatcher', () => {
     `);
 
     const manageCheck = el.shadowRoot?.querySelector(
-      '.manage-check > input[type="checkbox"]',
+      '.manage-check > input[type="checkbox"]'
     ) as HTMLButtonElement;
 
     manageCheck.click();
@@ -138,7 +138,7 @@ describe('Tile Dispatcher', () => {
     `);
 
     expect(el.getHoverPaneProps()).to.satisfy(
-      (props: HoverPaneProperties) => props?.model?.identifier === 'foo',
+      (props: HoverPaneProperties) => props?.model?.identifier === 'foo'
     );
   });
 
@@ -148,7 +148,7 @@ describe('Tile Dispatcher', () => {
     before(() => {
       oldMatchMedia = window.matchMedia;
       // Pretend that there is no hover-capable input device
-      window.matchMedia = () => ({ matches: false }) as MediaQueryList;
+      window.matchMedia = () => ({ matches: false } as MediaQueryList);
     });
 
     after(() => {
@@ -169,7 +169,7 @@ describe('Tile Dispatcher', () => {
       expect(itemTile).to.exist;
 
       const infoButton = itemTile.shadowRoot?.querySelector(
-        '.info-button',
+        '.info-button'
       ) as HTMLButtonElement;
       expect(infoButton).to.exist;
 

package/test/utils/format-count.test.ts

@@ -22,7 +22,7 @@ describe('formatCount', () => {
 
   it('returns decimal when value of significant digits < 10', () => {
     expect(formatCount(testCount * 10, 'short', 'long')).to.equal(
-      '8.1 million',
+      '8.1 million'
     );
   });
 

package/test/utils/format-date.test.ts

@@ -29,7 +29,7 @@ describe('formatDate', () => {
     // receive from the search engine for date metadata that only specifies the year.
     // So we must ensure these older dates still output the correct year, not the prior one.
     expect(formatDate(new Date('1234-01-01T00:00:00Z'), 'year-only')).to.equal(
-      '1234',
+      '1234'
     );
   });
 

package/test/utils/local-date-from-utc.test.ts

@@ -9,7 +9,7 @@ describe('localDateFromUTC', () => {
     const date = new Date(1990, 1, 2, 3, 4, 5, 6);
     const dateFromUTC = new Date(Date.UTC(1990, 1, 2, 3, 4, 5, 6));
     expect(localDateFromUTC(date).toISOString()).to.equal(
-      dateFromUTC.toISOString(),
+      dateFromUTC.toISOString()
     );
   });
 });

package/tsconfig.json

@@ -15,6 +15,7 @@
     "inlineSources": true,
     "rootDir": "./",
     "declaration": true,
+    "importsNotUsedAsValues": "error"
   },
   "include": ["src", "test", "index.ts", "types"],
 }

package/.prettierignore

@@ -1 +0,0 @@
-coverage

package/eslint.config.mjs

@@ -1,53 +0,0 @@
-import typescriptEslint from '@typescript-eslint/eslint-plugin';
-import html from 'eslint-plugin-html';
-import tsParser from '@typescript-eslint/parser';
-import path from 'node:path';
-import { fileURLToPath } from 'node:url';
-import js from '@eslint/js';
-import { FlatCompat } from '@eslint/eslintrc';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-const compat = new FlatCompat({
-  baseDirectory: __dirname,
-  recommendedConfig: js.configs.recommended,
-  allConfig: js.configs.all,
-});
-
-export default [
-  ...compat.extends('plugin:@typescript-eslint/recommended'),
-  {
-    plugins: {
-      '@typescript-eslint': typescriptEslint,
-      html,
-    },
-
-    languageOptions: {
-      parser: tsParser,
-    },
-
-    settings: {
-      'import/resolver': {
-        node: {
-          extensions: ['.ts', '.tsx'],
-          moduleDirectory: ['node_modules', 'src', 'demo'],
-        },
-      },
-    },
-
-    rules: {
-      '@typescript-eslint/no-unsafe-function-type': 'warn',
-      '@typescript-eslint/no-unused-vars': 'warn',
-      '@typescript-eslint/no-explicit-any': 'warn',
-    },
-  },
-  {
-    ignores: ['**/*.js', '**/*.mjs', '**/*.d.ts'],
-  },
-  {
-    files: ['**/*.test.ts'],
-    rules: {
-      '@typescript-eslint/no-unused-expressions': 'off',
-    },
-  },
-];