@internetarchive/collection-browser 4.1.2-alpha9 → 4.1.3-alpha-webdev8108.0

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 (52) hide show
  1. package/.claude/settings.local.json +11 -0
  2. package/.editorconfig +29 -29
  3. package/.github/workflows/ci.yml +27 -27
  4. package/.github/workflows/gh-pages-main.yml +39 -39
  5. package/.github/workflows/npm-publish.yml +39 -39
  6. package/.github/workflows/pr-preview.yml +38 -38
  7. package/.husky/pre-commit +1 -1
  8. package/.prettierignore +1 -1
  9. package/LICENSE +661 -661
  10. package/README.md +83 -83
  11. package/dist/src/app-root.js +1 -4
  12. package/dist/src/app-root.js.map +1 -1
  13. package/dist/src/collection-browser.js +30 -34
  14. package/dist/src/collection-browser.js.map +1 -1
  15. package/dist/src/data-source/collection-browser-data-source.js +3 -2
  16. package/dist/src/data-source/collection-browser-data-source.js.map +1 -1
  17. package/dist/src/models.js.map +1 -1
  18. package/dist/src/tiles/hover/hover-pane-controller.js +30 -29
  19. package/dist/src/tiles/hover/hover-pane-controller.js.map +1 -1
  20. package/dist/src/tiles/tile-dispatcher.d.ts +6 -0
  21. package/dist/src/tiles/tile-dispatcher.js +224 -216
  22. package/dist/src/tiles/tile-dispatcher.js.map +1 -1
  23. package/dist/src/tiles/tile-display-value-provider.js.map +1 -1
  24. package/dist/test/mocks/mock-search-responses.js.map +1 -1
  25. package/dist/test/tiles/grid/item-tile.test.js +77 -77
  26. package/dist/test/tiles/grid/item-tile.test.js.map +1 -1
  27. package/dist/test/tiles/list/tile-list.test.js +126 -126
  28. package/dist/test/tiles/list/tile-list.test.js.map +1 -1
  29. package/dist/test/tiles/tile-dispatcher.test.js +94 -80
  30. package/dist/test/tiles/tile-dispatcher.test.js.map +1 -1
  31. package/dist/test/tiles/tile-display-value-provider.test.js.map +1 -1
  32. package/eslint.config.mjs +53 -53
  33. package/index.html +24 -24
  34. package/local.archive.org.cert +86 -86
  35. package/local.archive.org.key +27 -27
  36. package/package.json +120 -121
  37. package/renovate.json +6 -6
  38. package/src/app-root.ts +1 -4
  39. package/src/collection-browser.ts +41 -44
  40. package/src/data-source/collection-browser-data-source.ts +1445 -1444
  41. package/src/models.ts +874 -874
  42. package/src/tiles/hover/hover-pane-controller.ts +628 -627
  43. package/src/tiles/tile-dispatcher.ts +527 -518
  44. package/src/tiles/tile-display-value-provider.ts +124 -124
  45. package/test/mocks/mock-search-responses.ts +1364 -1364
  46. package/test/tiles/grid/item-tile.test.ts +520 -520
  47. package/test/tiles/list/tile-list.test.ts +552 -552
  48. package/test/tiles/tile-dispatcher.test.ts +300 -283
  49. package/test/tiles/tile-display-value-provider.test.ts +172 -172
  50. package/tsconfig.json +25 -25
  51. package/web-dev-server.config.mjs +30 -30
  52. package/web-test-runner.config.mjs +52 -52
@@ -1,124 +1,124 @@
1
- import { TemplateResult, html, nothing } from 'lit';
2
- import { msg, str } from '@lit/localize';
3
- import type { SortParam } from '@internetarchive/search-service';
4
- import type { TileModel } from '../models';
5
- import { formatDate } from '../utils/format-date';
6
-
7
- /**
8
- * A class encapsulating shared logic for converting model values into display values
9
- * across different types of tiles.
10
- */
11
- export class TileDisplayValueProvider {
12
- private model?: TileModel;
13
-
14
- private baseNavigationUrl?: string;
15
-
16
- private collectionPagePath?: string;
17
-
18
- private sortParam?: SortParam;
19
-
20
- private creatorFilter?: string;
21
-
22
- constructor(
23
- options: {
24
- model?: TileModel;
25
- baseNavigationUrl?: string;
26
- collectionPagePath?: string;
27
- sortParam?: SortParam;
28
- creatorFilter?: string;
29
- } = {},
30
- ) {
31
- this.model = options.model;
32
- this.baseNavigationUrl = options.baseNavigationUrl;
33
- this.collectionPagePath = options.collectionPagePath ?? '/details/';
34
- this.sortParam = options.sortParam;
35
- this.creatorFilter = options.creatorFilter;
36
- }
37
-
38
- /**
39
- * Examines the creator(s) for the given tile model, returning
40
- * the first creator whose name matches the provided filter
41
- * (or simply the first creator overall if no filter is provided).
42
- */
43
- get firstCreatorMatchingFilter(): string | undefined {
44
- let matchingCreator;
45
-
46
- // If we're filtering by creator initial and have multiple creators, we want
47
- // to surface the first creator who matches the filter.
48
- if (this.creatorFilter && this.model?.creators.length) {
49
- const firstLetter = this.creatorFilter; // This is just to satisfy tsc
50
- matchingCreator = this.model.creators.find(creator =>
51
- // Decompose combining characters first, so that e.g., filtering on E matches É too.
52
- // Then remove anything that isn't strictly alphabetic, since our filters currently
53
- // only handle A-Z. The first such letter (if one exists) is what needs to match.
54
- creator
55
- .normalize('NFD')
56
- .replace(/[^A-Z]+/gi, '')
57
- .toUpperCase()
58
- .startsWith(firstLetter),
59
- );
60
- }
61
-
62
- return matchingCreator ?? this.model?.creator;
63
- }
64
-
65
- /**
66
- * The label indicating what year an account item was created.
67
- * E.g., "Archivist since 2015"
68
- */
69
- get accountLabel(): string {
70
- return this.model?.dateAdded
71
- ? msg(str`Archivist since ${this.model.dateAdded.getFullYear()}`)
72
- : '';
73
- }
74
-
75
- /**
76
- * The readable label for the current sort if it is a type of date sort,
77
- * or the empty string otherwise.
78
- */
79
- get dateLabel(): string {
80
- switch (this.sortParam?.field) {
81
- case 'publicdate':
82
- return msg('Archived');
83
- case 'reviewdate':
84
- return msg('Reviewed');
85
- case 'addeddate':
86
- return msg('Added');
87
- case 'date':
88
- return msg('Published');
89
- default:
90
- return '';
91
- }
92
- }
93
-
94
- /**
95
- * Produces a URL pointing at the item page for the given identifier,
96
- * using the current base URL and the correct path based on whether the
97
- * item is specified to be a collection (default false).
98
- */
99
- itemPageUrl(
100
- identifier?: string,
101
- isCollection = false,
102
- ): string | typeof nothing {
103
- if (!identifier || this.baseNavigationUrl == null) return nothing;
104
- const basePath = isCollection ? this.collectionPagePath : '/details/';
105
- return `${this.baseNavigationUrl}${basePath}${identifier}`;
106
- }
107
-
108
- /**
109
- * Produces a template for a link to a single web capture of the given URL and date
110
- */
111
- webArchivesCaptureLink(url: string, date: Date): TemplateResult {
112
- // Convert the date into the format used to identify wayback captures (e.g., '20150102124550')
113
- const captureDateStr = date
114
- .toISOString()
115
- .replace(/[TZ:-]/g, '')
116
- .replace(/\..*/, '');
117
- const captureHref = `https://web.archive.org/web/${captureDateStr}/${encodeURIComponent(
118
- url,
119
- )}`;
120
- const captureText = formatDate(date, 'long');
121
-
122
- return html` <a href=${captureHref}> ${captureText} </a> `;
123
- }
124
- }
1
+ import { TemplateResult, html, nothing } from 'lit';
2
+ import { msg, str } from '@lit/localize';
3
+ import type { SortParam } from '@internetarchive/search-service';
4
+ import type { TileModel } from '../models';
5
+ import { formatDate } from '../utils/format-date';
6
+
7
+ /**
8
+ * A class encapsulating shared logic for converting model values into display values
9
+ * across different types of tiles.
10
+ */
11
+ export class TileDisplayValueProvider {
12
+ private model?: TileModel;
13
+
14
+ private baseNavigationUrl?: string;
15
+
16
+ private collectionPagePath?: string;
17
+
18
+ private sortParam?: SortParam;
19
+
20
+ private creatorFilter?: string;
21
+
22
+ constructor(
23
+ options: {
24
+ model?: TileModel;
25
+ baseNavigationUrl?: string;
26
+ collectionPagePath?: string;
27
+ sortParam?: SortParam;
28
+ creatorFilter?: string;
29
+ } = {},
30
+ ) {
31
+ this.model = options.model;
32
+ this.baseNavigationUrl = options.baseNavigationUrl;
33
+ this.collectionPagePath = options.collectionPagePath ?? '/details/';
34
+ this.sortParam = options.sortParam;
35
+ this.creatorFilter = options.creatorFilter;
36
+ }
37
+
38
+ /**
39
+ * Examines the creator(s) for the given tile model, returning
40
+ * the first creator whose name matches the provided filter
41
+ * (or simply the first creator overall if no filter is provided).
42
+ */
43
+ get firstCreatorMatchingFilter(): string | undefined {
44
+ let matchingCreator;
45
+
46
+ // If we're filtering by creator initial and have multiple creators, we want
47
+ // to surface the first creator who matches the filter.
48
+ if (this.creatorFilter && this.model?.creators.length) {
49
+ const firstLetter = this.creatorFilter; // This is just to satisfy tsc
50
+ matchingCreator = this.model.creators.find(creator =>
51
+ // Decompose combining characters first, so that e.g., filtering on E matches É too.
52
+ // Then remove anything that isn't strictly alphabetic, since our filters currently
53
+ // only handle A-Z. The first such letter (if one exists) is what needs to match.
54
+ creator
55
+ .normalize('NFD')
56
+ .replace(/[^A-Z]+/gi, '')
57
+ .toUpperCase()
58
+ .startsWith(firstLetter),
59
+ );
60
+ }
61
+
62
+ return matchingCreator ?? this.model?.creator;
63
+ }
64
+
65
+ /**
66
+ * The label indicating what year an account item was created.
67
+ * E.g., "Archivist since 2015"
68
+ */
69
+ get accountLabel(): string {
70
+ return this.model?.dateAdded
71
+ ? msg(str`Archivist since ${this.model.dateAdded.getFullYear()}`)
72
+ : '';
73
+ }
74
+
75
+ /**
76
+ * The readable label for the current sort if it is a type of date sort,
77
+ * or the empty string otherwise.
78
+ */
79
+ get dateLabel(): string {
80
+ switch (this.sortParam?.field) {
81
+ case 'publicdate':
82
+ return msg('Archived');
83
+ case 'reviewdate':
84
+ return msg('Reviewed');
85
+ case 'addeddate':
86
+ return msg('Added');
87
+ case 'date':
88
+ return msg('Published');
89
+ default:
90
+ return '';
91
+ }
92
+ }
93
+
94
+ /**
95
+ * Produces a URL pointing at the item page for the given identifier,
96
+ * using the current base URL and the correct path based on whether the
97
+ * item is specified to be a collection (default false).
98
+ */
99
+ itemPageUrl(
100
+ identifier?: string,
101
+ isCollection = false,
102
+ ): string | typeof nothing {
103
+ if (!identifier || this.baseNavigationUrl == null) return nothing;
104
+ const basePath = isCollection ? this.collectionPagePath : '/details/';
105
+ return `${this.baseNavigationUrl}${basePath}${identifier}`;
106
+ }
107
+
108
+ /**
109
+ * Produces a template for a link to a single web capture of the given URL and date
110
+ */
111
+ webArchivesCaptureLink(url: string, date: Date): TemplateResult {
112
+ // Convert the date into the format used to identify wayback captures (e.g., '20150102124550')
113
+ const captureDateStr = date
114
+ .toISOString()
115
+ .replace(/[TZ:-]/g, '')
116
+ .replace(/\..*/, '');
117
+ const captureHref = `https://web.archive.org/web/${captureDateStr}/${encodeURIComponent(
118
+ url,
119
+ )}`;
120
+ const captureText = formatDate(date, 'long');
121
+
122
+ return html` <a href=${captureHref}> ${captureText} </a> `;
123
+ }
124
+ }