@internetarchive/collection-browser 0.3.1-alpha.3 → 0.3.2-alpha.1

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 (30) hide show
  1. package/dist/src/collection-browser.d.ts +6 -0
  2. package/dist/src/collection-browser.js +346 -341
  3. package/dist/src/collection-browser.js.map +1 -1
  4. package/dist/src/collection-facets/facets-template.js +150 -150
  5. package/dist/src/collection-facets/facets-template.js.map +1 -1
  6. package/dist/src/collection-facets/more-facets-content.js +134 -134
  7. package/dist/src/collection-facets/more-facets-content.js.map +1 -1
  8. package/dist/src/collection-facets.d.ts +2 -0
  9. package/dist/src/collection-facets.js +158 -147
  10. package/dist/src/collection-facets.js.map +1 -1
  11. package/dist/src/models.js.map +1 -1
  12. package/dist/src/restoration-state-handler.js.map +1 -1
  13. package/dist/src/tiles/list/tile-list.js +204 -204
  14. package/dist/src/tiles/list/tile-list.js.map +1 -1
  15. package/dist/src/utils/format-count.js.map +1 -1
  16. package/dist/test/collection-browser.test.js +26 -26
  17. package/dist/test/collection-browser.test.js.map +1 -1
  18. package/dist/test/collection-facets.test.js +2 -2
  19. package/dist/test/collection-facets.test.js.map +1 -1
  20. package/package.json +1 -1
  21. package/src/collection-browser.ts +1539 -1530
  22. package/src/collection-facets/facets-template.ts +294 -294
  23. package/src/collection-facets/more-facets-content.ts +518 -518
  24. package/src/collection-facets.ts +582 -569
  25. package/src/models.ts +216 -216
  26. package/src/restoration-state-handler.ts +302 -302
  27. package/src/tiles/list/tile-list.ts +509 -509
  28. package/src/utils/format-count.ts +96 -96
  29. package/test/collection-browser.test.ts +490 -490
  30. package/test/collection-facets.test.ts +510 -510
package/src/models.ts CHANGED
@@ -1,216 +1,216 @@
1
- import type { MediaType } from '@internetarchive/field-parsers';
2
-
3
- export interface TileModel {
4
- averageRating?: number;
5
- collectionIdentifier?: string;
6
- collectionName?: string;
7
- collections: string[];
8
- commentCount: number;
9
- creator?: string;
10
- creators: string[];
11
- dateAdded?: Date; // Date added to public search (software-defined) [from: addeddate]
12
- dateArchived?: Date; // Date archived (software-defined) item created on archive.org [from: publicdate]
13
- datePublished?: Date; // Date work published in the world (user-defined) [from: date]
14
- dateReviewed?: Date; // Date reviewed (user-created) most recent review [from: reviewdate]
15
- description?: string;
16
- favCount: number;
17
- identifier: string;
18
- issue?: string;
19
- itemCount: number;
20
- mediatype: MediaType;
21
- source?: string;
22
- snippets?: string[];
23
- subjects: string[];
24
- title: string;
25
- viewCount: number;
26
- volume?: string;
27
- loginRequired: boolean;
28
- contentWarning: boolean;
29
- }
30
-
31
- export type CollectionDisplayMode = 'grid' | 'list-compact' | 'list-detail';
32
-
33
- export type TileDisplayMode =
34
- | 'grid'
35
- | 'list-compact'
36
- | 'list-detail'
37
- | 'list-header';
38
-
39
- /**
40
- * This is mainly used to set the cookies for the collection display mode.
41
- *
42
- * It allows the user to set different modes for different contexts (collection page, search page, etc).
43
- */
44
- export type CollectionBrowserContext = 'collection' | 'search';
45
-
46
- /**
47
- * The sort fields shown in the sort filter bar
48
- */
49
- export enum SortField {
50
- 'relevance' = 'relevance',
51
- 'alltimeview' = 'alltimeview',
52
- 'weeklyview' = 'weeklyview',
53
- 'title' = 'title',
54
- 'datearchived' = 'datearchived',
55
- 'date' = 'date',
56
- 'datereviewed' = 'datereviewed',
57
- 'dateadded' = 'dateadded',
58
- 'creator' = 'creator',
59
- }
60
-
61
- /**
62
- * The metadata fields we sort by that map to the SortFields above
63
- */
64
- export type MetadataSortField =
65
- | 'downloads'
66
- | 'week'
67
- | 'titleSorter'
68
- | 'date'
69
- | 'creatorSorter'
70
- | 'publicdate'
71
- | 'reviewdate'
72
- | 'addeddate';
73
-
74
- export const SortFieldDisplayName: {
75
- [key in SortField]: string;
76
- } = {
77
- relevance: 'Relevance',
78
- alltimeview: 'All-time Views',
79
- weeklyview: 'Weekly Views',
80
- title: 'Title',
81
- datearchived: 'Date Archived',
82
- date: 'Date Published',
83
- datereviewed: 'Date Reviewed',
84
- dateadded: 'Date Added',
85
- creator: 'Creator',
86
- };
87
-
88
- /**
89
- * Maps the SortField above to the corresponding Metadata field in the API.
90
- */
91
- export const SortFieldToMetadataField: {
92
- [key in SortField]: MetadataSortField | null;
93
- } = {
94
- relevance: null,
95
- alltimeview: 'downloads',
96
- weeklyview: 'week',
97
- title: 'titleSorter',
98
- datearchived: 'publicdate',
99
- date: 'date',
100
- datereviewed: 'reviewdate',
101
- dateadded: 'addeddate',
102
- creator: 'creatorSorter',
103
- };
104
-
105
- /**
106
- * Maps the Metadata field to the corresponding SortField field in the API.
107
- */
108
- export const MetadataFieldToSortField: {
109
- [key in MetadataSortField]: SortField;
110
- } = {
111
- week: SortField.weeklyview,
112
- downloads: SortField.alltimeview,
113
- titleSorter: SortField.title,
114
- date: SortField.date,
115
- publicdate: SortField.datearchived,
116
- reviewdate: SortField.datereviewed,
117
- addeddate: SortField.dateadded,
118
- creatorSorter: SortField.creator,
119
- };
120
-
121
- export type FacetOption =
122
- | 'subject'
123
- | 'lending'
124
- | 'mediatype'
125
- | 'language'
126
- | 'creator'
127
- | 'collection'
128
- | 'year';
129
-
130
- export type SelectedFacetState = 'selected' | 'hidden';
131
-
132
- export type FacetState = SelectedFacetState | 'none';
133
-
134
- export interface FacetBucket {
135
- // for some facets, we augment the key with a display value
136
- displayText?: string;
137
- key: string;
138
- count: number;
139
- state: FacetState;
140
- }
141
-
142
- export interface FacetGroup {
143
- title: string;
144
- key: FacetOption;
145
- buckets: FacetBucket[];
146
- }
147
-
148
- export type FacetValue = string;
149
-
150
- export type SelectedFacets = Record<
151
- FacetOption,
152
- Record<FacetValue, FacetBucket>
153
- >;
154
-
155
- export const defaultSelectedFacets: SelectedFacets = {
156
- subject: {},
157
- lending: {},
158
- mediatype: {},
159
- language: {},
160
- creator: {},
161
- collection: {},
162
- year: {},
163
- };
164
-
165
- export const facetDisplayOrder: FacetOption[] = [
166
- 'mediatype',
167
- 'lending',
168
- 'year',
169
- 'subject',
170
- 'collection',
171
- 'creator',
172
- 'language',
173
- ];
174
-
175
- export const facetTitles: Record<FacetOption, string> = {
176
- subject: 'Subject',
177
- lending: 'Availability',
178
- mediatype: 'Media Type',
179
- language: 'Language',
180
- creator: 'Creator',
181
- collection: 'Collection',
182
- year: 'Year',
183
- };
184
-
185
- export type LendingFacetKey =
186
- | 'is_lendable'
187
- | 'is_borrowable'
188
- | 'available_to_borrow'
189
- | 'is_browsable'
190
- | 'available_to_browse'
191
- | 'is_readable'
192
- | 'available_to_waitlist';
193
-
194
- /**
195
- * Maps valid lending keys to whether they should be visible in the facet sidebar
196
- */
197
- export const lendingFacetKeysVisibility: Record<LendingFacetKey, boolean> = {
198
- is_lendable: true,
199
- is_borrowable: false,
200
- available_to_borrow: true,
201
- is_browsable: false,
202
- available_to_browse: false,
203
- is_readable: true,
204
- available_to_waitlist: false,
205
- };
206
-
207
- /**
208
- * Maps valid, visible lending keys to their facet sidebar display text
209
- */
210
- export const lendingFacetDisplayNames: Partial<
211
- Record<LendingFacetKey, string>
212
- > = {
213
- is_lendable: 'Lending Library',
214
- available_to_borrow: 'Borrow 14 Days',
215
- is_readable: 'Always Available',
216
- };
1
+ import type { MediaType } from '@internetarchive/field-parsers';
2
+
3
+ export interface TileModel {
4
+ averageRating?: number;
5
+ collectionIdentifier?: string;
6
+ collectionName?: string;
7
+ collections: string[];
8
+ commentCount: number;
9
+ creator?: string;
10
+ creators: string[];
11
+ dateAdded?: Date; // Date added to public search (software-defined) [from: addeddate]
12
+ dateArchived?: Date; // Date archived (software-defined) item created on archive.org [from: publicdate]
13
+ datePublished?: Date; // Date work published in the world (user-defined) [from: date]
14
+ dateReviewed?: Date; // Date reviewed (user-created) most recent review [from: reviewdate]
15
+ description?: string;
16
+ favCount: number;
17
+ identifier: string;
18
+ issue?: string;
19
+ itemCount: number;
20
+ mediatype: MediaType;
21
+ source?: string;
22
+ snippets?: string[];
23
+ subjects: string[];
24
+ title: string;
25
+ viewCount: number;
26
+ volume?: string;
27
+ loginRequired: boolean;
28
+ contentWarning: boolean;
29
+ }
30
+
31
+ export type CollectionDisplayMode = 'grid' | 'list-compact' | 'list-detail';
32
+
33
+ export type TileDisplayMode =
34
+ | 'grid'
35
+ | 'list-compact'
36
+ | 'list-detail'
37
+ | 'list-header';
38
+
39
+ /**
40
+ * This is mainly used to set the cookies for the collection display mode.
41
+ *
42
+ * It allows the user to set different modes for different contexts (collection page, search page, etc).
43
+ */
44
+ export type CollectionBrowserContext = 'collection' | 'search';
45
+
46
+ /**
47
+ * The sort fields shown in the sort filter bar
48
+ */
49
+ export enum SortField {
50
+ 'relevance' = 'relevance',
51
+ 'alltimeview' = 'alltimeview',
52
+ 'weeklyview' = 'weeklyview',
53
+ 'title' = 'title',
54
+ 'datearchived' = 'datearchived',
55
+ 'date' = 'date',
56
+ 'datereviewed' = 'datereviewed',
57
+ 'dateadded' = 'dateadded',
58
+ 'creator' = 'creator',
59
+ }
60
+
61
+ /**
62
+ * The metadata fields we sort by that map to the SortFields above
63
+ */
64
+ export type MetadataSortField =
65
+ | 'downloads'
66
+ | 'week'
67
+ | 'titleSorter'
68
+ | 'date'
69
+ | 'creatorSorter'
70
+ | 'publicdate'
71
+ | 'reviewdate'
72
+ | 'addeddate';
73
+
74
+ export const SortFieldDisplayName: {
75
+ [key in SortField]: string;
76
+ } = {
77
+ relevance: 'Relevance',
78
+ alltimeview: 'All-time Views',
79
+ weeklyview: 'Weekly Views',
80
+ title: 'Title',
81
+ datearchived: 'Date Archived',
82
+ date: 'Date Published',
83
+ datereviewed: 'Date Reviewed',
84
+ dateadded: 'Date Added',
85
+ creator: 'Creator',
86
+ };
87
+
88
+ /**
89
+ * Maps the SortField above to the corresponding Metadata field in the API.
90
+ */
91
+ export const SortFieldToMetadataField: {
92
+ [key in SortField]: MetadataSortField | null;
93
+ } = {
94
+ relevance: null,
95
+ alltimeview: 'downloads',
96
+ weeklyview: 'week',
97
+ title: 'titleSorter',
98
+ datearchived: 'publicdate',
99
+ date: 'date',
100
+ datereviewed: 'reviewdate',
101
+ dateadded: 'addeddate',
102
+ creator: 'creatorSorter',
103
+ };
104
+
105
+ /**
106
+ * Maps the Metadata field to the corresponding SortField field in the API.
107
+ */
108
+ export const MetadataFieldToSortField: {
109
+ [key in MetadataSortField]: SortField;
110
+ } = {
111
+ week: SortField.weeklyview,
112
+ downloads: SortField.alltimeview,
113
+ titleSorter: SortField.title,
114
+ date: SortField.date,
115
+ publicdate: SortField.datearchived,
116
+ reviewdate: SortField.datereviewed,
117
+ addeddate: SortField.dateadded,
118
+ creatorSorter: SortField.creator,
119
+ };
120
+
121
+ export type FacetOption =
122
+ | 'subject'
123
+ | 'lending'
124
+ | 'mediatype'
125
+ | 'language'
126
+ | 'creator'
127
+ | 'collection'
128
+ | 'year';
129
+
130
+ export type SelectedFacetState = 'selected' | 'hidden';
131
+
132
+ export type FacetState = SelectedFacetState | 'none';
133
+
134
+ export interface FacetBucket {
135
+ // for some facets, we augment the key with a display value
136
+ displayText?: string;
137
+ key: string;
138
+ count: number;
139
+ state: FacetState;
140
+ }
141
+
142
+ export interface FacetGroup {
143
+ title: string;
144
+ key: FacetOption;
145
+ buckets: FacetBucket[];
146
+ }
147
+
148
+ export type FacetValue = string;
149
+
150
+ export type SelectedFacets = Record<
151
+ FacetOption,
152
+ Record<FacetValue, FacetBucket>
153
+ >;
154
+
155
+ export const defaultSelectedFacets: SelectedFacets = {
156
+ subject: {},
157
+ lending: {},
158
+ mediatype: {},
159
+ language: {},
160
+ creator: {},
161
+ collection: {},
162
+ year: {},
163
+ };
164
+
165
+ export const facetDisplayOrder: FacetOption[] = [
166
+ 'mediatype',
167
+ 'lending',
168
+ 'year',
169
+ 'subject',
170
+ 'collection',
171
+ 'creator',
172
+ 'language',
173
+ ];
174
+
175
+ export const facetTitles: Record<FacetOption, string> = {
176
+ subject: 'Subject',
177
+ lending: 'Availability',
178
+ mediatype: 'Media Type',
179
+ language: 'Language',
180
+ creator: 'Creator',
181
+ collection: 'Collection',
182
+ year: 'Year',
183
+ };
184
+
185
+ export type LendingFacetKey =
186
+ | 'is_lendable'
187
+ | 'is_borrowable'
188
+ | 'available_to_borrow'
189
+ | 'is_browsable'
190
+ | 'available_to_browse'
191
+ | 'is_readable'
192
+ | 'available_to_waitlist';
193
+
194
+ /**
195
+ * Maps valid lending keys to whether they should be visible in the facet sidebar
196
+ */
197
+ export const lendingFacetKeysVisibility: Record<LendingFacetKey, boolean> = {
198
+ is_lendable: true,
199
+ is_borrowable: false,
200
+ available_to_borrow: true,
201
+ is_browsable: false,
202
+ available_to_browse: false,
203
+ is_readable: true,
204
+ available_to_waitlist: false,
205
+ };
206
+
207
+ /**
208
+ * Maps valid, visible lending keys to their facet sidebar display text
209
+ */
210
+ export const lendingFacetDisplayNames: Partial<
211
+ Record<LendingFacetKey, string>
212
+ > = {
213
+ is_lendable: 'Lending Library',
214
+ available_to_borrow: 'Borrow 14 Days',
215
+ is_readable: 'Always Available',
216
+ };