@internetarchive/collection-browser 0.4.3-alpha.9 → 0.4.4-alpha

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 (250) hide show
  1. package/.editorconfig +29 -29
  2. package/.github/workflows/ci.yml +26 -26
  3. package/.github/workflows/gh-pages-main.yml +39 -39
  4. package/.github/workflows/npm-publish.yml +39 -39
  5. package/.github/workflows/pr-preview.yml +38 -38
  6. package/.husky/pre-commit +4 -4
  7. package/LICENSE +661 -661
  8. package/README.md +83 -83
  9. package/dist/index.d.ts +9 -9
  10. package/dist/index.js +9 -9
  11. package/dist/src/app-root.d.ts +50 -48
  12. package/dist/src/app-root.js +449 -412
  13. package/dist/src/app-root.js.map +1 -1
  14. package/dist/src/assets/img/icons/arrow-left.d.ts +2 -2
  15. package/dist/src/assets/img/icons/arrow-left.js +2 -2
  16. package/dist/src/assets/img/icons/arrow-right.d.ts +2 -2
  17. package/dist/src/assets/img/icons/arrow-right.js +2 -2
  18. package/dist/src/assets/img/icons/chevron.d.ts +2 -2
  19. package/dist/src/assets/img/icons/chevron.js +2 -2
  20. package/dist/src/assets/img/icons/empty-query.d.ts +2 -2
  21. package/dist/src/assets/img/icons/empty-query.js +2 -2
  22. package/dist/src/assets/img/icons/eye-closed.d.ts +2 -2
  23. package/dist/src/assets/img/icons/eye-closed.js +2 -2
  24. package/dist/src/assets/img/icons/eye.d.ts +2 -2
  25. package/dist/src/assets/img/icons/eye.js +2 -2
  26. package/dist/src/assets/img/icons/favorite-filled.d.ts +1 -1
  27. package/dist/src/assets/img/icons/favorite-filled.js +2 -2
  28. package/dist/src/assets/img/icons/login-required.d.ts +1 -1
  29. package/dist/src/assets/img/icons/login-required.js +2 -2
  30. package/dist/src/assets/img/icons/mediatype/account.d.ts +1 -1
  31. package/dist/src/assets/img/icons/mediatype/account.js +2 -2
  32. package/dist/src/assets/img/icons/mediatype/audio.d.ts +1 -1
  33. package/dist/src/assets/img/icons/mediatype/audio.js +2 -2
  34. package/dist/src/assets/img/icons/mediatype/collection.d.ts +1 -1
  35. package/dist/src/assets/img/icons/mediatype/collection.js +2 -2
  36. package/dist/src/assets/img/icons/mediatype/data.d.ts +1 -1
  37. package/dist/src/assets/img/icons/mediatype/data.js +2 -2
  38. package/dist/src/assets/img/icons/mediatype/etree.d.ts +1 -1
  39. package/dist/src/assets/img/icons/mediatype/etree.js +2 -2
  40. package/dist/src/assets/img/icons/mediatype/film.d.ts +1 -1
  41. package/dist/src/assets/img/icons/mediatype/film.js +2 -2
  42. package/dist/src/assets/img/icons/mediatype/images.d.ts +1 -1
  43. package/dist/src/assets/img/icons/mediatype/images.js +2 -2
  44. package/dist/src/assets/img/icons/mediatype/radio.d.ts +1 -1
  45. package/dist/src/assets/img/icons/mediatype/radio.js +2 -2
  46. package/dist/src/assets/img/icons/mediatype/software.d.ts +1 -1
  47. package/dist/src/assets/img/icons/mediatype/software.js +2 -2
  48. package/dist/src/assets/img/icons/mediatype/texts.d.ts +1 -1
  49. package/dist/src/assets/img/icons/mediatype/texts.js +2 -2
  50. package/dist/src/assets/img/icons/mediatype/tv.d.ts +1 -1
  51. package/dist/src/assets/img/icons/mediatype/tv.js +2 -2
  52. package/dist/src/assets/img/icons/mediatype/video.d.ts +1 -1
  53. package/dist/src/assets/img/icons/mediatype/video.js +2 -2
  54. package/dist/src/assets/img/icons/mediatype/web.d.ts +1 -1
  55. package/dist/src/assets/img/icons/mediatype/web.js +2 -2
  56. package/dist/src/assets/img/icons/null-result.d.ts +2 -2
  57. package/dist/src/assets/img/icons/null-result.js +2 -2
  58. package/dist/src/assets/img/icons/restricted.d.ts +1 -1
  59. package/dist/src/assets/img/icons/restricted.js +2 -2
  60. package/dist/src/assets/img/icons/reviews.d.ts +1 -1
  61. package/dist/src/assets/img/icons/reviews.js +2 -2
  62. package/dist/src/assets/img/icons/upload.d.ts +1 -1
  63. package/dist/src/assets/img/icons/upload.js +2 -2
  64. package/dist/src/assets/img/icons/views.d.ts +1 -1
  65. package/dist/src/assets/img/icons/views.js +2 -2
  66. package/dist/src/circular-activity-indicator.d.ts +5 -5
  67. package/dist/src/circular-activity-indicator.js +17 -17
  68. package/dist/src/collection-browser.d.ts +315 -276
  69. package/dist/src/collection-browser.js +1276 -1179
  70. package/dist/src/collection-browser.js.map +1 -1
  71. package/dist/src/collection-facets/facet-tombstone-row.d.ts +5 -5
  72. package/dist/src/collection-facets/facet-tombstone-row.js +15 -15
  73. package/dist/src/collection-facets/facets-template.d.ts +16 -16
  74. package/dist/src/collection-facets/facets-template.js +125 -125
  75. package/dist/src/collection-facets/more-facets-content.d.ts +77 -77
  76. package/dist/src/collection-facets/more-facets-content.js +357 -357
  77. package/dist/src/collection-facets/more-facets-pagination.d.ts +36 -36
  78. package/dist/src/collection-facets/more-facets-pagination.js +192 -192
  79. package/dist/src/collection-facets.d.ts +78 -78
  80. package/dist/src/collection-facets.js +391 -391
  81. package/dist/src/empty-placeholder.d.ts +11 -11
  82. package/dist/src/empty-placeholder.js +42 -42
  83. package/dist/src/language-code-handler/language-code-handler.d.ts +37 -37
  84. package/dist/src/language-code-handler/language-code-handler.js +26 -26
  85. package/dist/src/language-code-handler/language-code-mapping.d.ts +1 -1
  86. package/dist/src/language-code-handler/language-code-mapping.js +562 -562
  87. package/dist/src/mediatype/mediatype-config.d.ts +3 -3
  88. package/dist/src/mediatype/mediatype-config.js +85 -85
  89. package/dist/src/models.d.ts +114 -112
  90. package/dist/src/models.js +125 -125
  91. package/dist/src/models.js.map +1 -1
  92. package/dist/src/restoration-state-handler.d.ts +45 -45
  93. package/dist/src/restoration-state-handler.js +230 -230
  94. package/dist/src/sort-filter-bar/alpha-bar.d.ts +12 -12
  95. package/dist/src/sort-filter-bar/alpha-bar.js +52 -52
  96. package/dist/src/sort-filter-bar/img/compact.d.ts +1 -1
  97. package/dist/src/sort-filter-bar/img/compact.js +2 -2
  98. package/dist/src/sort-filter-bar/img/list.d.ts +1 -1
  99. package/dist/src/sort-filter-bar/img/list.js +2 -2
  100. package/dist/src/sort-filter-bar/img/sort-triangle.d.ts +1 -1
  101. package/dist/src/sort-filter-bar/img/sort-triangle.js +2 -2
  102. package/dist/src/sort-filter-bar/img/tile.d.ts +1 -1
  103. package/dist/src/sort-filter-bar/img/tile.js +2 -2
  104. package/dist/src/sort-filter-bar/sort-filter-bar.d.ts +108 -108
  105. package/dist/src/sort-filter-bar/sort-filter-bar.js +428 -428
  106. package/dist/src/styles/item-image-styles.d.ts +8 -8
  107. package/dist/src/styles/item-image-styles.js +22 -12
  108. package/dist/src/styles/item-image-styles.js.map +1 -1
  109. package/dist/src/tiles/collection-browser-loading-tile.d.ts +5 -5
  110. package/dist/src/tiles/collection-browser-loading-tile.js +16 -16
  111. package/dist/src/tiles/collection-browser-loading-tile.js.map +1 -1
  112. package/dist/src/tiles/grid/account-tile.d.ts +17 -17
  113. package/dist/src/tiles/grid/account-tile.js +48 -47
  114. package/dist/src/tiles/grid/account-tile.js.map +1 -1
  115. package/dist/src/tiles/grid/collection-tile.d.ts +14 -7
  116. package/dist/src/tiles/grid/collection-tile.js +112 -146
  117. package/dist/src/tiles/grid/collection-tile.js.map +1 -1
  118. package/dist/src/tiles/grid/item-tile.d.ts +29 -29
  119. package/dist/src/tiles/grid/item-tile.js +110 -105
  120. package/dist/src/tiles/grid/item-tile.js.map +1 -1
  121. package/dist/src/tiles/grid/styles/tile-grid-shared-styles.d.ts +1 -1
  122. package/dist/src/tiles/grid/styles/tile-grid-shared-styles.js +12 -8
  123. package/dist/src/tiles/grid/styles/tile-grid-shared-styles.js.map +1 -1
  124. package/dist/src/tiles/grid/tile-stats.d.ts +10 -10
  125. package/dist/src/tiles/grid/tile-stats.js +41 -40
  126. package/dist/src/tiles/grid/tile-stats.js.map +1 -1
  127. package/dist/src/tiles/image-block.d.ts +17 -17
  128. package/dist/src/tiles/image-block.js +76 -72
  129. package/dist/src/tiles/image-block.js.map +1 -1
  130. package/dist/src/tiles/item-image.d.ts +35 -35
  131. package/dist/src/tiles/item-image.js +117 -116
  132. package/dist/src/tiles/item-image.js.map +1 -1
  133. package/dist/src/tiles/list/account-label.d.ts +1 -1
  134. package/dist/src/tiles/list/account-label.js +6 -6
  135. package/dist/src/tiles/list/date-label.d.ts +1 -1
  136. package/dist/src/tiles/list/date-label.js +12 -12
  137. package/dist/src/tiles/list/tile-list-compact-header.d.ts +12 -12
  138. package/dist/src/tiles/list/tile-list-compact-header.js +41 -41
  139. package/dist/src/tiles/list/tile-list-compact.d.ts +21 -21
  140. package/dist/src/tiles/list/tile-list-compact.js +93 -93
  141. package/dist/src/tiles/list/tile-list.d.ts +53 -53
  142. package/dist/src/tiles/list/tile-list.js +279 -279
  143. package/dist/src/tiles/mediatype-icon.d.ts +9 -9
  144. package/dist/src/tiles/mediatype-icon.js +47 -47
  145. package/dist/src/tiles/overlay/icon-overlay.d.ts +10 -10
  146. package/dist/src/tiles/overlay/icon-overlay.js +40 -40
  147. package/dist/src/tiles/overlay/icon-text-overlay.d.ts +9 -9
  148. package/dist/src/tiles/overlay/icon-text-overlay.js +38 -38
  149. package/dist/src/tiles/overlay/text-overlay.d.ts +10 -10
  150. package/dist/src/tiles/overlay/text-overlay.js +42 -42
  151. package/dist/src/tiles/text-snippet-block.d.ts +27 -27
  152. package/dist/src/tiles/text-snippet-block.js +73 -73
  153. package/dist/src/tiles/tile-dispatcher.d.ts +36 -36
  154. package/dist/src/tiles/tile-dispatcher.js +145 -128
  155. package/dist/src/tiles/tile-dispatcher.js.map +1 -1
  156. package/dist/src/utils/analytics-events.d.ts +22 -22
  157. package/dist/src/utils/analytics-events.js +24 -24
  158. package/dist/src/utils/format-count.d.ts +7 -7
  159. package/dist/src/utils/format-count.js +76 -76
  160. package/dist/src/utils/format-date.d.ts +2 -2
  161. package/dist/src/utils/format-date.js +23 -23
  162. package/dist/src/utils/format-unit-size.d.ts +2 -0
  163. package/dist/src/utils/format-unit-size.js +34 -0
  164. package/dist/src/utils/format-unit-size.js.map +1 -0
  165. package/dist/test/collection-browser.test.d.ts +1 -1
  166. package/dist/test/collection-browser.test.js +646 -646
  167. package/dist/test/collection-facets/facets-template.test.d.ts +1 -1
  168. package/dist/test/collection-facets/facets-template.test.js +62 -62
  169. package/dist/test/collection-facets/more-facets-content.test.d.ts +1 -1
  170. package/dist/test/collection-facets/more-facets-content.test.js +114 -114
  171. package/dist/test/collection-facets/more-facets-pagination.test.d.ts +1 -1
  172. package/dist/test/collection-facets/more-facets-pagination.test.js +117 -117
  173. package/dist/test/collection-facets.test.d.ts +2 -2
  174. package/dist/test/collection-facets.test.js +544 -544
  175. package/dist/test/empty-placeholder.test.d.ts +1 -1
  176. package/dist/test/empty-placeholder.test.js +33 -33
  177. package/dist/test/icon-overlay.test.d.ts +1 -1
  178. package/dist/test/icon-overlay.test.js +24 -24
  179. package/dist/test/image-block.test.d.ts +1 -1
  180. package/dist/test/image-block.test.js +48 -48
  181. package/dist/test/item-image.test.d.ts +1 -1
  182. package/dist/test/item-image.test.js +84 -80
  183. package/dist/test/item-image.test.js.map +1 -1
  184. package/dist/test/mediatype-config.test.d.ts +1 -1
  185. package/dist/test/mediatype-config.test.js +16 -16
  186. package/dist/test/mocks/mock-analytics-handler.d.ts +10 -10
  187. package/dist/test/mocks/mock-analytics-handler.js +15 -15
  188. package/dist/test/mocks/mock-collection-name-cache.d.ts +7 -7
  189. package/dist/test/mocks/mock-collection-name-cache.js +13 -13
  190. package/dist/test/mocks/mock-search-responses.d.ts +12 -12
  191. package/dist/test/mocks/mock-search-responses.js +341 -341
  192. package/dist/test/mocks/mock-search-service.d.ts +13 -13
  193. package/dist/test/mocks/mock-search-service.js +40 -40
  194. package/dist/test/restoration-state-handler.test.d.ts +1 -1
  195. package/dist/test/restoration-state-handler.test.js +125 -125
  196. package/dist/test/sort-filter-bar/alpha-bar.test.d.ts +1 -1
  197. package/dist/test/sort-filter-bar/alpha-bar.test.js +43 -43
  198. package/dist/test/sort-filter-bar/sort-filter-bar.test.d.ts +1 -1
  199. package/dist/test/sort-filter-bar/sort-filter-bar.test.js +141 -141
  200. package/dist/test/text-overlay.test.d.ts +1 -1
  201. package/dist/test/text-overlay.test.js +48 -48
  202. package/dist/test/text-snippet-block.test.d.ts +1 -1
  203. package/dist/test/text-snippet-block.test.js +57 -57
  204. package/dist/test/tile-stats.test.d.ts +1 -1
  205. package/dist/test/tile-stats.test.js +33 -33
  206. package/dist/test/tiles/grid/account-tile.test.d.ts +1 -1
  207. package/dist/test/tiles/grid/account-tile.test.js +60 -60
  208. package/dist/test/tiles/grid/collection-tile.test.d.ts +1 -0
  209. package/dist/test/tiles/grid/collection-tile.test.js +73 -0
  210. package/dist/test/tiles/grid/collection-tile.test.js.map +1 -0
  211. package/dist/test/tiles/grid/item-tile.test.d.ts +1 -1
  212. package/dist/test/tiles/grid/item-tile.test.js +142 -129
  213. package/dist/test/tiles/grid/item-tile.test.js.map +1 -1
  214. package/dist/test/tiles/list/tile-list-compact.test.d.ts +1 -1
  215. package/dist/test/tiles/list/tile-list-compact.test.js +92 -92
  216. package/dist/test/tiles/list/tile-list.test.d.ts +1 -1
  217. package/dist/test/tiles/list/tile-list.test.js +123 -123
  218. package/dist/test/utils/format-count.test.d.ts +1 -1
  219. package/dist/test/utils/format-count.test.js +23 -23
  220. package/dist/test/utils/format-date.test.d.ts +1 -1
  221. package/dist/test/utils/format-date.test.js +17 -17
  222. package/dist/test/utils/format-unit-size.test.d.ts +1 -0
  223. package/dist/test/utils/format-unit-size.test.js +18 -0
  224. package/dist/test/utils/format-unit-size.test.js.map +1 -0
  225. package/index.html +24 -24
  226. package/local.archive.org.cert +86 -86
  227. package/local.archive.org.key +27 -27
  228. package/package.json +2 -2
  229. package/renovate.json +6 -6
  230. package/src/app-root.ts +214 -169
  231. package/src/collection-browser.ts +122 -3
  232. package/src/models.ts +2 -0
  233. package/src/styles/item-image-styles.ts +13 -3
  234. package/src/tiles/collection-browser-loading-tile.ts +1 -1
  235. package/src/tiles/grid/account-tile.ts +4 -2
  236. package/src/tiles/grid/collection-tile.ts +106 -136
  237. package/src/tiles/grid/item-tile.ts +8 -2
  238. package/src/tiles/grid/styles/tile-grid-shared-styles.ts +6 -2
  239. package/src/tiles/grid/tile-stats.ts +1 -0
  240. package/src/tiles/image-block.ts +5 -2
  241. package/src/tiles/item-image.ts +4 -3
  242. package/src/tiles/tile-dispatcher.ts +17 -0
  243. package/src/utils/format-unit-size.ts +43 -0
  244. package/test/item-image.test.ts +4 -0
  245. package/test/tiles/grid/collection-tile.test.ts +85 -0
  246. package/test/tiles/grid/item-tile.test.ts +30 -4
  247. package/test/utils/format-unit-size.test.ts +21 -0
  248. package/tsconfig.json +21 -21
  249. package/web-dev-server.config.mjs +30 -30
  250. package/web-test-runner.config.mjs +41 -41
@@ -1,231 +1,231 @@
1
- import { SearchType, } from '@internetarchive/search-service';
2
- import { getCookie, setCookie } from 'typescript-cookie';
3
- import { MetadataFieldToSortField, } from './models';
4
- export class RestorationStateHandler {
5
- constructor(options) {
6
- this.cookieDomain = '.archive.org';
7
- this.cookieExpiration = 30;
8
- this.cookiePath = '/';
9
- this.context = options.context;
10
- }
11
- persistState(state) {
12
- if (state.displayMode)
13
- this.persistViewStateToCookies(state.displayMode);
14
- this.persistQueryStateToUrl(state);
15
- }
16
- getRestorationState() {
17
- const restorationState = this.loadQueryStateFromUrl();
18
- const displayMode = this.loadTileViewStateFromCookies();
19
- restorationState.displayMode = displayMode;
20
- return restorationState;
21
- }
22
- persistViewStateToCookies(displayMode) {
23
- const gridState = displayMode === 'grid' ? 'tiles' : 'lists';
24
- setCookie(`view-${this.context}`, gridState, {
25
- domain: this.cookieDomain,
26
- expires: this.cookieExpiration,
27
- path: this.cookiePath,
28
- });
29
- const detailsState = displayMode === 'list-detail' ? 'showdetails' : '';
30
- setCookie(`showdetails-${this.context}`, detailsState, {
31
- domain: this.cookieDomain,
32
- expires: this.cookieExpiration,
33
- path: this.cookiePath,
34
- });
35
- }
36
- loadTileViewStateFromCookies() {
37
- const viewState = getCookie(`view-${this.context}`);
38
- const detailsState = getCookie(`showdetails-${this.context}`);
39
- if (viewState === 'tiles' || viewState === undefined)
40
- return 'grid';
41
- if (detailsState === 'showdetails')
42
- return 'list-detail';
43
- return 'list-compact';
44
- }
45
- persistQueryStateToUrl(state) {
46
- const url = new URL(window.location.href);
47
- const { searchParams } = url;
48
- searchParams.delete('sin');
49
- searchParams.delete('sort');
50
- searchParams.delete('query');
51
- searchParams.delete('page');
52
- searchParams.delete('and[]');
53
- searchParams.delete('not[]');
54
- if (state.searchType) {
55
- searchParams.set('sin', state.searchType === SearchType.FULLTEXT ? 'TXT' : '');
56
- }
57
- if (state.sortParam) {
58
- const prefix = state.sortParam.direction === 'desc' ? '-' : '';
59
- searchParams.set('sort', `${prefix}${state.sortParam.field}`);
60
- }
61
- if (state.baseQuery) {
62
- searchParams.set('query', state.baseQuery);
63
- }
64
- if (state.currentPage) {
65
- if (state.currentPage > 1) {
66
- searchParams.set('page', state.currentPage.toString());
67
- }
68
- else {
69
- searchParams.delete('page');
70
- }
71
- }
72
- if (state.selectedFacets) {
73
- for (const [facetName, facetValues] of Object.entries(state.selectedFacets)) {
74
- const facetEntries = Object.entries(facetValues);
75
- // eslint-disable-next-line no-continue
76
- if (facetEntries.length === 0)
77
- continue;
78
- for (const [key, data] of facetEntries) {
79
- const notValue = data.state === 'hidden';
80
- const paramValue = `${facetName}:"${key}"`;
81
- if (notValue) {
82
- searchParams.append('not[]', paramValue);
83
- }
84
- else {
85
- searchParams.append('and[]', paramValue);
86
- }
87
- }
88
- }
89
- }
90
- if (state.minSelectedDate && state.maxSelectedDate) {
91
- searchParams.append('and[]', `year:[${state.minSelectedDate} TO ${state.maxSelectedDate}]`);
92
- }
93
- if (state.titleQuery) {
94
- searchParams.append('and[]', state.titleQuery);
95
- }
96
- if (state.creatorQuery) {
97
- searchParams.append('and[]', state.creatorQuery);
98
- }
99
- window.history.pushState({
100
- sort: state.sortParam,
101
- query: state.baseQuery,
102
- page: state.currentPage,
103
- and: state.selectedFacets,
104
- not: state.selectedFacets,
105
- minDate: state.minSelectedDate,
106
- maxDate: state.maxSelectedDate,
107
- }, '', url);
108
- }
109
- loadQueryStateFromUrl() {
110
- const url = new URL(window.location.href);
111
- const searchInside = url.searchParams.get('sin');
112
- const pageNumber = url.searchParams.get('page');
113
- const searchQuery = url.searchParams.get('query');
114
- const sortQuery = url.searchParams.get('sort');
115
- const facetAnds = url.searchParams.getAll('and[]');
116
- const facetNots = url.searchParams.getAll('not[]');
117
- const restorationState = {
118
- selectedFacets: {
119
- subject: {},
120
- lending: {},
121
- creator: {},
122
- mediatype: {},
123
- language: {},
124
- collection: {},
125
- year: {},
126
- },
127
- };
128
- if (searchInside) {
129
- restorationState.searchType =
130
- searchInside === 'TXT' ? SearchType.FULLTEXT : SearchType.METADATA;
131
- }
132
- if (pageNumber) {
133
- const parsed = parseInt(pageNumber, 10);
134
- restorationState.currentPage = parsed;
135
- }
136
- else {
137
- restorationState.currentPage = 1;
138
- }
139
- if (searchQuery) {
140
- restorationState.baseQuery = searchQuery;
141
- }
142
- if (sortQuery) {
143
- // check for two different sort formats: `date desc` and `-date`
144
- const hasSpace = sortQuery.indexOf(' ') > -1;
145
- if (hasSpace) {
146
- const [field, direction] = sortQuery.split(' ');
147
- const metadataField = MetadataFieldToSortField[field];
148
- if (metadataField) {
149
- restorationState.selectedSort = metadataField;
150
- }
151
- if (direction === 'desc' || direction === 'asc') {
152
- restorationState.sortDirection = direction;
153
- }
154
- }
155
- else {
156
- const sortDirection = sortQuery.startsWith('-') ? 'desc' : 'asc';
157
- const sortField = sortQuery.startsWith('-')
158
- ? sortQuery.slice(1)
159
- : sortQuery;
160
- const metadataField = MetadataFieldToSortField[sortField];
161
- if (metadataField)
162
- restorationState.selectedSort = metadataField;
163
- restorationState.sortDirection = sortDirection;
164
- }
165
- }
166
- if (facetAnds) {
167
- facetAnds.forEach(and => {
168
- const [field, value] = and.split(':');
169
- switch (field) {
170
- case 'year': {
171
- const [minDate, maxDate] = value.split(' TO ');
172
- // we have two potential ways of filtering by date:
173
- // the range with "date TO date" or the single date with "date"
174
- // this is checking for the range case and if we don't have those, fall
175
- // back to the single date case
176
- if (minDate && maxDate) {
177
- restorationState.minSelectedDate = minDate.substring(1, minDate.length);
178
- restorationState.maxSelectedDate = maxDate.substring(0, maxDate.length - 1);
179
- }
180
- else {
181
- this.setSelectedFacetState(restorationState.selectedFacets, field, value, 'selected');
182
- }
183
- break;
184
- }
185
- case 'firstTitle':
186
- restorationState.selectedTitleFilter = value;
187
- break;
188
- case 'firstCreator':
189
- restorationState.selectedCreatorFilter = value;
190
- break;
191
- default:
192
- this.setSelectedFacetState(restorationState.selectedFacets, field, value, 'selected');
193
- }
194
- });
195
- }
196
- if (facetNots) {
197
- facetNots.forEach(not => {
198
- const [field, value] = not.split(':');
199
- this.setSelectedFacetState(restorationState.selectedFacets, field, value, 'hidden');
200
- });
201
- }
202
- return restorationState;
203
- }
204
- // remove optional opening and closing quotes from a string
205
- stripQuotes(value) {
206
- if (value.startsWith('"') && value.endsWith('"')) {
207
- return value.substring(1, value.length - 1);
208
- }
209
- return value;
210
- }
211
- /**
212
- * Sets the facet state for the given field & value to the given state,
213
- * creating any previously-undefined buckets as needed.
214
- */
215
- setSelectedFacetState(selectedFacets, field, value, state) {
216
- var _a;
217
- const facet = selectedFacets[field];
218
- const unQuotedValue = this.stripQuotes(value);
219
- (_a = facet[unQuotedValue]) !== null && _a !== void 0 ? _a : (facet[unQuotedValue] = this.getDefaultBucket(value));
220
- facet[unQuotedValue].state = state;
221
- }
222
- /** Returns a default bucket with the given key, count of 0, and state 'none'. */
223
- getDefaultBucket(key) {
224
- return {
225
- key,
226
- count: 0,
227
- state: 'none',
228
- };
229
- }
230
- }
1
+ import { SearchType, } from '@internetarchive/search-service';
2
+ import { getCookie, setCookie } from 'typescript-cookie';
3
+ import { MetadataFieldToSortField, } from './models';
4
+ export class RestorationStateHandler {
5
+ constructor(options) {
6
+ this.cookieDomain = '.archive.org';
7
+ this.cookieExpiration = 30;
8
+ this.cookiePath = '/';
9
+ this.context = options.context;
10
+ }
11
+ persistState(state) {
12
+ if (state.displayMode)
13
+ this.persistViewStateToCookies(state.displayMode);
14
+ this.persistQueryStateToUrl(state);
15
+ }
16
+ getRestorationState() {
17
+ const restorationState = this.loadQueryStateFromUrl();
18
+ const displayMode = this.loadTileViewStateFromCookies();
19
+ restorationState.displayMode = displayMode;
20
+ return restorationState;
21
+ }
22
+ persistViewStateToCookies(displayMode) {
23
+ const gridState = displayMode === 'grid' ? 'tiles' : 'lists';
24
+ setCookie(`view-${this.context}`, gridState, {
25
+ domain: this.cookieDomain,
26
+ expires: this.cookieExpiration,
27
+ path: this.cookiePath,
28
+ });
29
+ const detailsState = displayMode === 'list-detail' ? 'showdetails' : '';
30
+ setCookie(`showdetails-${this.context}`, detailsState, {
31
+ domain: this.cookieDomain,
32
+ expires: this.cookieExpiration,
33
+ path: this.cookiePath,
34
+ });
35
+ }
36
+ loadTileViewStateFromCookies() {
37
+ const viewState = getCookie(`view-${this.context}`);
38
+ const detailsState = getCookie(`showdetails-${this.context}`);
39
+ if (viewState === 'tiles' || viewState === undefined)
40
+ return 'grid';
41
+ if (detailsState === 'showdetails')
42
+ return 'list-detail';
43
+ return 'list-compact';
44
+ }
45
+ persistQueryStateToUrl(state) {
46
+ const url = new URL(window.location.href);
47
+ const { searchParams } = url;
48
+ searchParams.delete('sin');
49
+ searchParams.delete('sort');
50
+ searchParams.delete('query');
51
+ searchParams.delete('page');
52
+ searchParams.delete('and[]');
53
+ searchParams.delete('not[]');
54
+ if (state.searchType) {
55
+ searchParams.set('sin', state.searchType === SearchType.FULLTEXT ? 'TXT' : '');
56
+ }
57
+ if (state.sortParam) {
58
+ const prefix = state.sortParam.direction === 'desc' ? '-' : '';
59
+ searchParams.set('sort', `${prefix}${state.sortParam.field}`);
60
+ }
61
+ if (state.baseQuery) {
62
+ searchParams.set('query', state.baseQuery);
63
+ }
64
+ if (state.currentPage) {
65
+ if (state.currentPage > 1) {
66
+ searchParams.set('page', state.currentPage.toString());
67
+ }
68
+ else {
69
+ searchParams.delete('page');
70
+ }
71
+ }
72
+ if (state.selectedFacets) {
73
+ for (const [facetName, facetValues] of Object.entries(state.selectedFacets)) {
74
+ const facetEntries = Object.entries(facetValues);
75
+ // eslint-disable-next-line no-continue
76
+ if (facetEntries.length === 0)
77
+ continue;
78
+ for (const [key, data] of facetEntries) {
79
+ const notValue = data.state === 'hidden';
80
+ const paramValue = `${facetName}:"${key}"`;
81
+ if (notValue) {
82
+ searchParams.append('not[]', paramValue);
83
+ }
84
+ else {
85
+ searchParams.append('and[]', paramValue);
86
+ }
87
+ }
88
+ }
89
+ }
90
+ if (state.minSelectedDate && state.maxSelectedDate) {
91
+ searchParams.append('and[]', `year:[${state.minSelectedDate} TO ${state.maxSelectedDate}]`);
92
+ }
93
+ if (state.titleQuery) {
94
+ searchParams.append('and[]', state.titleQuery);
95
+ }
96
+ if (state.creatorQuery) {
97
+ searchParams.append('and[]', state.creatorQuery);
98
+ }
99
+ window.history.pushState({
100
+ sort: state.sortParam,
101
+ query: state.baseQuery,
102
+ page: state.currentPage,
103
+ and: state.selectedFacets,
104
+ not: state.selectedFacets,
105
+ minDate: state.minSelectedDate,
106
+ maxDate: state.maxSelectedDate,
107
+ }, '', url);
108
+ }
109
+ loadQueryStateFromUrl() {
110
+ const url = new URL(window.location.href);
111
+ const searchInside = url.searchParams.get('sin');
112
+ const pageNumber = url.searchParams.get('page');
113
+ const searchQuery = url.searchParams.get('query');
114
+ const sortQuery = url.searchParams.get('sort');
115
+ const facetAnds = url.searchParams.getAll('and[]');
116
+ const facetNots = url.searchParams.getAll('not[]');
117
+ const restorationState = {
118
+ selectedFacets: {
119
+ subject: {},
120
+ lending: {},
121
+ creator: {},
122
+ mediatype: {},
123
+ language: {},
124
+ collection: {},
125
+ year: {},
126
+ },
127
+ };
128
+ if (searchInside) {
129
+ restorationState.searchType =
130
+ searchInside === 'TXT' ? SearchType.FULLTEXT : SearchType.METADATA;
131
+ }
132
+ if (pageNumber) {
133
+ const parsed = parseInt(pageNumber, 10);
134
+ restorationState.currentPage = parsed;
135
+ }
136
+ else {
137
+ restorationState.currentPage = 1;
138
+ }
139
+ if (searchQuery) {
140
+ restorationState.baseQuery = searchQuery;
141
+ }
142
+ if (sortQuery) {
143
+ // check for two different sort formats: `date desc` and `-date`
144
+ const hasSpace = sortQuery.indexOf(' ') > -1;
145
+ if (hasSpace) {
146
+ const [field, direction] = sortQuery.split(' ');
147
+ const metadataField = MetadataFieldToSortField[field];
148
+ if (metadataField) {
149
+ restorationState.selectedSort = metadataField;
150
+ }
151
+ if (direction === 'desc' || direction === 'asc') {
152
+ restorationState.sortDirection = direction;
153
+ }
154
+ }
155
+ else {
156
+ const sortDirection = sortQuery.startsWith('-') ? 'desc' : 'asc';
157
+ const sortField = sortQuery.startsWith('-')
158
+ ? sortQuery.slice(1)
159
+ : sortQuery;
160
+ const metadataField = MetadataFieldToSortField[sortField];
161
+ if (metadataField)
162
+ restorationState.selectedSort = metadataField;
163
+ restorationState.sortDirection = sortDirection;
164
+ }
165
+ }
166
+ if (facetAnds) {
167
+ facetAnds.forEach(and => {
168
+ const [field, value] = and.split(':');
169
+ switch (field) {
170
+ case 'year': {
171
+ const [minDate, maxDate] = value.split(' TO ');
172
+ // we have two potential ways of filtering by date:
173
+ // the range with "date TO date" or the single date with "date"
174
+ // this is checking for the range case and if we don't have those, fall
175
+ // back to the single date case
176
+ if (minDate && maxDate) {
177
+ restorationState.minSelectedDate = minDate.substring(1, minDate.length);
178
+ restorationState.maxSelectedDate = maxDate.substring(0, maxDate.length - 1);
179
+ }
180
+ else {
181
+ this.setSelectedFacetState(restorationState.selectedFacets, field, value, 'selected');
182
+ }
183
+ break;
184
+ }
185
+ case 'firstTitle':
186
+ restorationState.selectedTitleFilter = value;
187
+ break;
188
+ case 'firstCreator':
189
+ restorationState.selectedCreatorFilter = value;
190
+ break;
191
+ default:
192
+ this.setSelectedFacetState(restorationState.selectedFacets, field, value, 'selected');
193
+ }
194
+ });
195
+ }
196
+ if (facetNots) {
197
+ facetNots.forEach(not => {
198
+ const [field, value] = not.split(':');
199
+ this.setSelectedFacetState(restorationState.selectedFacets, field, value, 'hidden');
200
+ });
201
+ }
202
+ return restorationState;
203
+ }
204
+ // remove optional opening and closing quotes from a string
205
+ stripQuotes(value) {
206
+ if (value.startsWith('"') && value.endsWith('"')) {
207
+ return value.substring(1, value.length - 1);
208
+ }
209
+ return value;
210
+ }
211
+ /**
212
+ * Sets the facet state for the given field & value to the given state,
213
+ * creating any previously-undefined buckets as needed.
214
+ */
215
+ setSelectedFacetState(selectedFacets, field, value, state) {
216
+ var _a;
217
+ const facet = selectedFacets[field];
218
+ const unQuotedValue = this.stripQuotes(value);
219
+ (_a = facet[unQuotedValue]) !== null && _a !== void 0 ? _a : (facet[unQuotedValue] = this.getDefaultBucket(value));
220
+ facet[unQuotedValue].state = state;
221
+ }
222
+ /** Returns a default bucket with the given key, count of 0, and state 'none'. */
223
+ getDefaultBucket(key) {
224
+ return {
225
+ key,
226
+ count: 0,
227
+ state: 'none',
228
+ };
229
+ }
230
+ }
231
231
  //# sourceMappingURL=restoration-state-handler.js.map
@@ -1,12 +1,12 @@
1
- import { LitElement } from 'lit';
2
- import type { PrefixFilterCounts } from '../models';
3
- export declare class AlphaBar extends LitElement {
4
- selectedLetter: string | null;
5
- letterCounts?: PrefixFilterCounts;
6
- private get selectedUppercaseLetter();
7
- render(): import("lit-html").TemplateResult<1>;
8
- private letterLinkTemplate;
9
- private letterClicked;
10
- private readonly alphabet;
11
- static styles: import("lit").CSSResult;
12
- }
1
+ import { LitElement } from 'lit';
2
+ import type { PrefixFilterCounts } from '../models';
3
+ export declare class AlphaBar extends LitElement {
4
+ selectedLetter: string | null;
5
+ letterCounts?: PrefixFilterCounts;
6
+ private get selectedUppercaseLetter();
7
+ render(): import("lit-html").TemplateResult<1>;
8
+ private letterLinkTemplate;
9
+ private letterClicked;
10
+ private readonly alphabet;
11
+ static styles: import("lit").CSSResult;
12
+ }
@@ -1,63 +1,63 @@
1
- import { __decorate } from "tslib";
2
- import { LitElement, html, css } from 'lit';
3
- import { customElement, property } from 'lit/decorators.js';
4
- let AlphaBar = class AlphaBar extends LitElement {
5
- constructor() {
6
- super(...arguments);
7
- this.selectedLetter = null;
8
- this.alphabet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('');
9
- }
10
- get selectedUppercaseLetter() {
11
- var _a;
12
- return (_a = this.selectedLetter) === null || _a === void 0 ? void 0 : _a.toUpperCase();
13
- }
14
- render() {
1
+ import { __decorate } from "tslib";
2
+ import { LitElement, html, css } from 'lit';
3
+ import { customElement, property } from 'lit/decorators.js';
4
+ let AlphaBar = class AlphaBar extends LitElement {
5
+ constructor() {
6
+ super(...arguments);
7
+ this.selectedLetter = null;
8
+ this.alphabet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('');
9
+ }
10
+ get selectedUppercaseLetter() {
11
+ var _a;
12
+ return (_a = this.selectedLetter) === null || _a === void 0 ? void 0 : _a.toUpperCase();
13
+ }
14
+ render() {
15
15
  return html `
16
16
  <div id="container">
17
17
  <ul>
18
- ${this.alphabet.map(letter => {
19
- var _a;
18
+ ${this.alphabet.map(letter => {
19
+ var _a;
20
20
  return html `
21
21
  <li
22
- class=${letter === this.selectedUppercaseLetter
23
- ? 'selected'
22
+ class=${letter === this.selectedUppercaseLetter
23
+ ? 'selected'
24
24
  : ''}
25
25
  >
26
- ${((_a = this.letterCounts) === null || _a === void 0 ? void 0 : _a[letter])
27
- ? this.letterLinkTemplate(letter)
26
+ ${((_a = this.letterCounts) === null || _a === void 0 ? void 0 : _a[letter])
27
+ ? this.letterLinkTemplate(letter)
28
28
  : html `<span>${letter}</span>`}
29
29
  </li>
30
- `;
30
+ `;
31
31
  })}
32
32
  </ul>
33
33
  </div>
34
- `;
35
- }
36
- letterLinkTemplate(letter) {
34
+ `;
35
+ }
36
+ letterLinkTemplate(letter) {
37
37
  return html `
38
38
  <a
39
39
  href="#"
40
- @click=${(e) => {
41
- e.preventDefault();
42
- this.letterClicked(letter);
40
+ @click=${(e) => {
41
+ e.preventDefault();
42
+ this.letterClicked(letter);
43
43
  }}
44
44
  >
45
45
  ${letter}
46
46
  </a>
47
- `;
48
- }
49
- letterClicked(letter) {
50
- if (letter === this.selectedUppercaseLetter) {
51
- this.selectedLetter = null;
52
- }
53
- else {
54
- this.selectedLetter = letter;
55
- }
56
- this.dispatchEvent(new CustomEvent('letterChanged', {
57
- detail: { selectedLetter: this.selectedUppercaseLetter },
58
- }));
59
- }
60
- };
47
+ `;
48
+ }
49
+ letterClicked(letter) {
50
+ if (letter === this.selectedUppercaseLetter) {
51
+ this.selectedLetter = null;
52
+ }
53
+ else {
54
+ this.selectedLetter = letter;
55
+ }
56
+ this.dispatchEvent(new CustomEvent('letterChanged', {
57
+ detail: { selectedLetter: this.selectedUppercaseLetter },
58
+ }));
59
+ }
60
+ };
61
61
  AlphaBar.styles = css `
62
62
  h1 {
63
63
  font-size: 1.2rem;
@@ -103,15 +103,15 @@ AlphaBar.styles = css `
103
103
  .selected a {
104
104
  color: white;
105
105
  }
106
- `;
107
- __decorate([
108
- property({ type: String })
109
- ], AlphaBar.prototype, "selectedLetter", void 0);
110
- __decorate([
111
- property({ type: Object })
112
- ], AlphaBar.prototype, "letterCounts", void 0);
113
- AlphaBar = __decorate([
114
- customElement('alpha-bar')
115
- ], AlphaBar);
116
- export { AlphaBar };
106
+ `;
107
+ __decorate([
108
+ property({ type: String })
109
+ ], AlphaBar.prototype, "selectedLetter", void 0);
110
+ __decorate([
111
+ property({ type: Object })
112
+ ], AlphaBar.prototype, "letterCounts", void 0);
113
+ AlphaBar = __decorate([
114
+ customElement('alpha-bar')
115
+ ], AlphaBar);
116
+ export { AlphaBar };
117
117
  //# sourceMappingURL=alpha-bar.js.map
@@ -1 +1 @@
1
- export declare const compactIcon: import("lit-html").TemplateResult<2>;
1
+ export declare const compactIcon: import("lit-html").TemplateResult<2>;
@@ -1,5 +1,5 @@
1
- import { svg } from 'lit';
1
+ import { svg } from 'lit';
2
2
  export const compactIcon = svg `
3
3
  <svg viewBox="0 0 100 100" xmlns = "http://www.w3.org/2000/svg" > <path d="m96.9964435 6h-93.90621462c-.91561615 0-1.65899868-.29021372-2.23014758-.87064117-.57114891-.58042745-.85783455-1.3048369-.86005692-2.17322835 0-.81214848.28668564-1.50731158.86005692-2.08548931.57337127-.57817773 1.3167538-.86839145 2.23014758-.87064117h93.90621462c.800053 0 1.5012105.29021372 2.1034726.87064117.602262.58042745.9022819 1.27559055.9000718 2.08548931 0 .86839145-.3000321 1.5928009-.9000718 2.17322835-.6000398.58042745-1.3011973.87064117-2.1034726.87064117zm-93.90621462 9.6666667h93.90621462c.800053 0 1.5012105.2861891 2.1034726.8585673.602262.5723782.9022819 1.2579009.9000718 2.0565682 0 .8563487-.3000321 1.5851326-.9000718 2.1863516-.6000398.6012189-1.3011973.9007192-2.1034726.8985129h-93.90621462c-.91561615 0-1.65899868-.2995125-2.23014758-.8985129-.57114891-.5990005-.85783455-1.3277843-.86005692-2.1863516 0-.8008858.28668564-1.4864086.86005692-2.0565682.57337127-.5701597 1.3167538-.8563488 2.23014758-.8585673zm0 15.6700431h93.90621462c.800053 0 1.5012105.303883 2.1034726.9116489.602262.6077659.9022819 1.2886888.9000718 2.0427687-.0022346.7540799-.3022545 1.4496342-.9000718 2.0866629-.5978174.6370287-1.2989749.955543-2.1034726.955543h-93.90621462c-.85783454 0-1.58788286-.3038829-2.19014494-.9116488s-.90228193-1.3179516-.90007182-2.1305571c.00223463-.8126055.30225448-1.5081599.90007182-2.0866629.59781734-.5785031 1.32786566-.8688802 2.19014494-.8711312zm0 15.6632902h93.90621462c.800053 0 1.5012105.2861892 2.1034726.8585675.602262.5723783.9022819 1.2290603.9000718 1.9700462 0 .7986674-.3144775 1.5274514-.943408 2.186352-.6289306.6589006-1.3156427.9872417-2.0601364.9850343h-93.90621462c-.85783454 0-1.58788286-.3139318-2.19014494-.9417731-.60226208-.6278414-.90228193-1.3699365-.90007182-2.2262854 0-.7986674.2866979-1.4697699.86006918-2.0133074.57337127-.5435376 1.3167538-.8153063 2.23014758-.8153063zm0 15.6666667h93.90621462c.800053 0 1.5012105.3038947 2.1034726.9116593.602262.6077647.9022819 1.3472117.9000718 2.218341 0 .7540783-.3000321 1.4203685-.9000718 1.9988703-.6000398.5785019-1.3011973.8688784-2.1034726.8711294h-93.90621462c-.91561615 0-1.65899868-.2757451-2.23014758-.8272352-.57114891-.5514902-.85783455-1.2324117-.86005692-2.0427645 0-.8688784.28668564-1.6083253.86005692-2.218341.57337127-.6100156 1.3167538-.9138979 2.23014758-.9116593zm0 15.6666666h93.90621462c.800053 0 1.5012105.3038948 2.1034726.9116594.602262.6077646.9022819 1.3472116.9000718 2.2183409 0 .7540784-.3000321 1.4203685-.9000718 1.9988704-.6000398.5785019-1.3011973.8688784-2.1034726.8711293h-93.90621462c-.91561615 0-1.65899868-.275745-2.23014758-.8272352-.57114891-.5514901-.85783455-1.2324116-.86005692-2.0427645 0-.8688783.28668564-1.6083253.86005692-2.2183409.57337127-.6100156 1.3167538-.9138979 2.23014758-.9116594zm0 15.6666667h93.90621462c.800053 0 1.5012105.3038947 2.1034726.9116594.602262.6077646.9022819 1.3472116.9000718 2.2183409 0 .7540784-.3000321 1.4203685-.9000718 1.9988704-.6000398.5785019-1.3011973.8688783-2.1034726.8711293h-93.90621462c-.91561615 0-1.65899868-.2757451-2.23014758-.8272352-.57114891-.5514901-.85783455-1.2324116-.86005692-2.0427645 0-.8688783.28668564-1.6083253.86005692-2.2183409.57337127-.6100156 1.3167538-.913898 2.23014758-.9116594z" /> </svg>
4
- `;
4
+ `;
5
5
  //# sourceMappingURL=compact.js.map
@@ -1 +1 @@
1
- export declare const listIcon: import("lit-html").TemplateResult<2>;
1
+ export declare const listIcon: import("lit-html").TemplateResult<2>;