@internetarchive/collection-browser 2.7.12 → 2.7.13
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.
- package/.editorconfig +29 -29
- package/.husky/pre-commit +4 -4
- package/LICENSE +661 -661
- package/README.md +83 -83
- package/dist/index.d.ts +13 -13
- package/dist/index.js +13 -13
- package/dist/src/app-root.d.ts +107 -107
- package/dist/src/app-root.js +531 -531
- package/dist/src/assets/img/icons/arrow-left.d.ts +2 -2
- package/dist/src/assets/img/icons/arrow-left.js +2 -2
- package/dist/src/assets/img/icons/arrow-right.d.ts +2 -2
- package/dist/src/assets/img/icons/arrow-right.js +2 -2
- package/dist/src/assets/img/icons/chevron.d.ts +2 -2
- package/dist/src/assets/img/icons/chevron.js +2 -2
- package/dist/src/assets/img/icons/contract.d.ts +2 -2
- package/dist/src/assets/img/icons/contract.js +2 -2
- package/dist/src/assets/img/icons/empty-query.d.ts +2 -2
- package/dist/src/assets/img/icons/empty-query.js +2 -2
- package/dist/src/assets/img/icons/expand.d.ts +2 -2
- package/dist/src/assets/img/icons/expand.js +2 -2
- package/dist/src/assets/img/icons/eye-closed.d.ts +2 -2
- package/dist/src/assets/img/icons/eye-closed.js +2 -2
- package/dist/src/assets/img/icons/eye.d.ts +2 -2
- package/dist/src/assets/img/icons/eye.js +2 -2
- package/dist/src/assets/img/icons/favorite-filled.d.ts +1 -1
- package/dist/src/assets/img/icons/favorite-filled.js +2 -2
- package/dist/src/assets/img/icons/favorite-unfilled.d.ts +1 -1
- package/dist/src/assets/img/icons/favorite-unfilled.js +2 -2
- package/dist/src/assets/img/icons/filter.d.ts +2 -2
- package/dist/src/assets/img/icons/filter.js +2 -2
- package/dist/src/assets/img/icons/login-required.d.ts +1 -1
- package/dist/src/assets/img/icons/login-required.js +2 -2
- package/dist/src/assets/img/icons/mediatype/account.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/account.js +2 -2
- package/dist/src/assets/img/icons/mediatype/audio.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/audio.js +2 -2
- package/dist/src/assets/img/icons/mediatype/collection.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/collection.js +2 -2
- package/dist/src/assets/img/icons/mediatype/data.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/data.js +2 -2
- package/dist/src/assets/img/icons/mediatype/etree.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/etree.js +2 -2
- package/dist/src/assets/img/icons/mediatype/film.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/film.js +2 -2
- package/dist/src/assets/img/icons/mediatype/images.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/images.js +2 -2
- package/dist/src/assets/img/icons/mediatype/radio.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/radio.js +2 -2
- package/dist/src/assets/img/icons/mediatype/search.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/search.js +2 -2
- package/dist/src/assets/img/icons/mediatype/software.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/software.js +2 -2
- package/dist/src/assets/img/icons/mediatype/texts.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/texts.js +2 -2
- package/dist/src/assets/img/icons/mediatype/tv.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/tv.js +2 -2
- package/dist/src/assets/img/icons/mediatype/video.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/video.js +2 -2
- package/dist/src/assets/img/icons/mediatype/web.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/web.js +2 -2
- package/dist/src/assets/img/icons/null-result.d.ts +2 -2
- package/dist/src/assets/img/icons/null-result.js +2 -2
- package/dist/src/assets/img/icons/restricted.d.ts +1 -1
- package/dist/src/assets/img/icons/restricted.js +2 -2
- package/dist/src/assets/img/icons/reviews.d.ts +1 -1
- package/dist/src/assets/img/icons/reviews.js +2 -2
- package/dist/src/assets/img/icons/upload.d.ts +1 -1
- package/dist/src/assets/img/icons/upload.js +2 -2
- package/dist/src/assets/img/icons/views.d.ts +1 -1
- package/dist/src/assets/img/icons/views.js +2 -2
- package/dist/src/circular-activity-indicator.d.ts +5 -5
- package/dist/src/circular-activity-indicator.js +17 -17
- package/dist/src/collection-browser.d.ts +606 -606
- package/dist/src/collection-browser.js +1677 -1677
- package/dist/src/collection-facets/facet-row.d.ts +30 -30
- package/dist/src/collection-facets/facet-row.js +118 -118
- package/dist/src/collection-facets/facet-tombstone-row.d.ts +5 -5
- package/dist/src/collection-facets/facet-tombstone-row.js +15 -15
- package/dist/src/collection-facets/facets-template.d.ts +13 -13
- package/dist/src/collection-facets/facets-template.js +44 -44
- package/dist/src/collection-facets/more-facets-content.d.ts +106 -106
- package/dist/src/collection-facets/more-facets-content.js +407 -407
- package/dist/src/collection-facets/more-facets-pagination.d.ts +36 -36
- package/dist/src/collection-facets/more-facets-pagination.js +196 -196
- package/dist/src/collection-facets/smart-facets/dedupe.d.ts +10 -10
- package/dist/src/collection-facets/smart-facets/dedupe.js +33 -33
- package/dist/src/collection-facets/smart-facets/heuristics/browser-language-heuristic.d.ts +5 -5
- package/dist/src/collection-facets/smart-facets/heuristics/browser-language-heuristic.js +23 -23
- package/dist/src/collection-facets/smart-facets/heuristics/query-keywords-heuristic.d.ts +5 -5
- package/dist/src/collection-facets/smart-facets/heuristics/query-keywords-heuristic.js +44 -44
- package/dist/src/collection-facets/smart-facets/heuristics/wikidata-heuristic.d.ts +5 -5
- package/dist/src/collection-facets/smart-facets/heuristics/wikidata-heuristic.js +172 -172
- package/dist/src/collection-facets/smart-facets/models.d.ts +26 -26
- package/dist/src/collection-facets/smart-facets/models.js +1 -1
- package/dist/src/collection-facets/smart-facets/smart-facet-bar.d.ts +31 -31
- package/dist/src/collection-facets/smart-facets/smart-facet-bar.js +240 -240
- package/dist/src/collection-facets/smart-facets/smart-facet-button.d.ts +11 -11
- package/dist/src/collection-facets/smart-facets/smart-facet-button.js +86 -86
- package/dist/src/collection-facets/smart-facets/smart-facet-dropdown.d.ts +16 -16
- package/dist/src/collection-facets/smart-facets/smart-facet-dropdown.js +100 -100
- package/dist/src/collection-facets/smart-facets/smart-facet-equals.d.ts +2 -2
- package/dist/src/collection-facets/smart-facets/smart-facet-equals.js +12 -12
- package/dist/src/collection-facets/smart-facets/smart-facet-heuristics.d.ts +5 -5
- package/dist/src/collection-facets/smart-facets/smart-facet-heuristics.js +15 -15
- package/dist/src/collection-facets/toggle-switch.d.ts +41 -41
- package/dist/src/collection-facets/toggle-switch.js +94 -94
- package/dist/src/collection-facets.d.ts +103 -103
- package/dist/src/collection-facets.js +522 -522
- package/dist/src/data-source/collection-browser-data-source-interface.d.ts +245 -245
- package/dist/src/data-source/collection-browser-data-source-interface.js +1 -1
- package/dist/src/data-source/collection-browser-data-source.d.ts +377 -377
- package/dist/src/data-source/collection-browser-data-source.js +1004 -1001
- package/dist/src/data-source/collection-browser-data-source.js.map +1 -1
- package/dist/src/data-source/collection-browser-query-state.d.ts +44 -44
- package/dist/src/data-source/collection-browser-query-state.js +1 -1
- package/dist/src/data-source/models.d.ts +28 -28
- package/dist/src/data-source/models.js +8 -8
- package/dist/src/empty-placeholder.d.ts +23 -23
- package/dist/src/empty-placeholder.js +79 -79
- package/dist/src/expanded-date-picker.d.ts +43 -43
- package/dist/src/expanded-date-picker.js +109 -109
- package/dist/src/language-code-handler/language-code-handler.d.ts +37 -37
- package/dist/src/language-code-handler/language-code-handler.js +26 -26
- package/dist/src/language-code-handler/language-code-mapping.d.ts +1 -1
- package/dist/src/language-code-handler/language-code-mapping.js +562 -562
- package/dist/src/manage/manage-bar.d.ts +58 -58
- package/dist/src/manage/manage-bar.js +159 -159
- package/dist/src/manage/remove-items-modal-content.d.ts +9 -9
- package/dist/src/manage/remove-items-modal-content.js +34 -34
- package/dist/src/mediatype/mediatype-config.d.ts +3 -3
- package/dist/src/mediatype/mediatype-config.js +91 -91
- package/dist/src/models.d.ts +228 -228
- package/dist/src/models.js +401 -401
- package/dist/src/restoration-state-handler.d.ts +70 -70
- package/dist/src/restoration-state-handler.js +363 -363
- package/dist/src/sort-filter-bar/alpha-bar-tooltip.d.ts +6 -6
- package/dist/src/sort-filter-bar/alpha-bar-tooltip.js +24 -24
- package/dist/src/sort-filter-bar/alpha-bar.d.ts +21 -21
- package/dist/src/sort-filter-bar/alpha-bar.js +128 -128
- package/dist/src/sort-filter-bar/img/compact.d.ts +1 -1
- package/dist/src/sort-filter-bar/img/compact.js +2 -2
- package/dist/src/sort-filter-bar/img/list.d.ts +1 -1
- package/dist/src/sort-filter-bar/img/list.js +2 -2
- package/dist/src/sort-filter-bar/img/sort-toggle-disabled.d.ts +1 -1
- package/dist/src/sort-filter-bar/img/sort-toggle-disabled.js +2 -2
- package/dist/src/sort-filter-bar/img/sort-toggle-down.d.ts +1 -1
- package/dist/src/sort-filter-bar/img/sort-toggle-down.js +2 -2
- package/dist/src/sort-filter-bar/img/sort-toggle-up.d.ts +1 -1
- package/dist/src/sort-filter-bar/img/sort-toggle-up.js +2 -2
- package/dist/src/sort-filter-bar/img/sort-triangle.d.ts +1 -1
- package/dist/src/sort-filter-bar/img/sort-triangle.js +2 -2
- package/dist/src/sort-filter-bar/img/tile.d.ts +1 -1
- package/dist/src/sort-filter-bar/img/tile.js +2 -2
- package/dist/src/sort-filter-bar/sort-filter-bar.d.ts +223 -223
- package/dist/src/sort-filter-bar/sort-filter-bar.js +697 -697
- package/dist/src/styles/ia-button.d.ts +2 -2
- package/dist/src/styles/ia-button.js +17 -17
- package/dist/src/styles/item-image-styles.d.ts +8 -8
- package/dist/src/styles/item-image-styles.js +9 -9
- package/dist/src/styles/sr-only.d.ts +1 -1
- package/dist/src/styles/sr-only.js +2 -2
- package/dist/src/tiles/base-tile-component.d.ts +19 -19
- package/dist/src/tiles/base-tile-component.js +64 -64
- package/dist/src/tiles/collection-browser-loading-tile.d.ts +5 -5
- package/dist/src/tiles/collection-browser-loading-tile.js +15 -15
- package/dist/src/tiles/grid/account-tile.d.ts +18 -18
- package/dist/src/tiles/grid/account-tile.js +72 -72
- package/dist/src/tiles/grid/collection-tile.d.ts +15 -15
- package/dist/src/tiles/grid/collection-tile.js +80 -80
- package/dist/src/tiles/grid/item-tile.d.ts +34 -34
- package/dist/src/tiles/grid/item-tile.js +158 -158
- package/dist/src/tiles/grid/search-tile.d.ts +10 -10
- package/dist/src/tiles/grid/search-tile.js +51 -51
- package/dist/src/tiles/grid/styles/tile-grid-shared-styles.d.ts +1 -1
- package/dist/src/tiles/grid/styles/tile-grid-shared-styles.js +8 -8
- package/dist/src/tiles/grid/tile-stats.d.ts +11 -11
- package/dist/src/tiles/grid/tile-stats.js +53 -53
- package/dist/src/tiles/hover/hover-pane-controller.d.ts +219 -219
- package/dist/src/tiles/hover/hover-pane-controller.js +352 -352
- package/dist/src/tiles/hover/tile-hover-pane.d.ts +18 -18
- package/dist/src/tiles/hover/tile-hover-pane.js +69 -69
- package/dist/src/tiles/image-block.d.ts +18 -18
- package/dist/src/tiles/image-block.js +89 -89
- package/dist/src/tiles/item-image.d.ts +39 -39
- package/dist/src/tiles/item-image.js +154 -154
- package/dist/src/tiles/list/tile-list-compact-header.d.ts +6 -6
- package/dist/src/tiles/list/tile-list-compact-header.js +38 -38
- package/dist/src/tiles/list/tile-list-compact.d.ts +19 -19
- package/dist/src/tiles/list/tile-list-compact.js +122 -122
- package/dist/src/tiles/list/tile-list.d.ts +54 -54
- package/dist/src/tiles/list/tile-list.js +323 -323
- package/dist/src/tiles/mediatype-icon.d.ts +9 -9
- package/dist/src/tiles/mediatype-icon.js +47 -47
- package/dist/src/tiles/overlay/icon-overlay.d.ts +8 -8
- package/dist/src/tiles/overlay/icon-overlay.js +25 -25
- package/dist/src/tiles/overlay/text-overlay.d.ts +9 -9
- package/dist/src/tiles/overlay/text-overlay.js +31 -31
- package/dist/src/tiles/review-block.d.ts +12 -12
- package/dist/src/tiles/review-block.js +56 -56
- package/dist/src/tiles/text-snippet-block.d.ts +27 -27
- package/dist/src/tiles/text-snippet-block.js +73 -73
- package/dist/src/tiles/tile-dispatcher.d.ts +64 -64
- package/dist/src/tiles/tile-dispatcher.js +230 -230
- package/dist/src/tiles/tile-display-value-provider.d.ts +47 -47
- package/dist/src/tiles/tile-display-value-provider.js +94 -94
- package/dist/src/utils/analytics-events.d.ts +28 -28
- package/dist/src/utils/analytics-events.js +30 -30
- package/dist/src/utils/array-equals.d.ts +4 -4
- package/dist/src/utils/array-equals.js +10 -10
- package/dist/src/utils/collapse-repeated-quotes.d.ts +11 -11
- package/dist/src/utils/collapse-repeated-quotes.js +13 -13
- package/dist/src/utils/facet-utils.d.ts +83 -83
- package/dist/src/utils/facet-utils.js +145 -145
- package/dist/src/utils/format-count.d.ts +7 -7
- package/dist/src/utils/format-count.js +76 -76
- package/dist/src/utils/format-date.d.ts +2 -2
- package/dist/src/utils/format-date.js +27 -27
- package/dist/src/utils/format-unit-size.d.ts +2 -2
- package/dist/src/utils/format-unit-size.js +33 -33
- package/dist/src/utils/local-date-from-utc.d.ts +9 -9
- package/dist/src/utils/local-date-from-utc.js +15 -15
- package/dist/src/utils/log.d.ts +7 -7
- package/dist/src/utils/log.js +15 -15
- package/dist/src/utils/resolve-mediatype.d.ts +8 -8
- package/dist/src/utils/resolve-mediatype.js +23 -23
- package/dist/src/utils/sha1.d.ts +2 -2
- package/dist/src/utils/sha1.js +8 -8
- package/dist/test/collection-browser.test.d.ts +1 -1
- package/dist/test/collection-browser.test.js +1308 -1308
- package/dist/test/collection-facets/facet-row.test.d.ts +1 -1
- package/dist/test/collection-facets/facet-row.test.js +227 -227
- package/dist/test/collection-facets/facets-template.test.d.ts +1 -1
- package/dist/test/collection-facets/facets-template.test.js +91 -91
- package/dist/test/collection-facets/more-facets-content.test.d.ts +1 -1
- package/dist/test/collection-facets/more-facets-content.test.js +141 -141
- package/dist/test/collection-facets/more-facets-pagination.test.d.ts +1 -1
- package/dist/test/collection-facets/more-facets-pagination.test.js +117 -117
- package/dist/test/collection-facets/toggle-switch.test.d.ts +1 -1
- package/dist/test/collection-facets/toggle-switch.test.js +73 -73
- package/dist/test/collection-facets.test.d.ts +2 -2
- package/dist/test/collection-facets.test.js +690 -690
- package/dist/test/data-source/collection-browser-data-source.test.d.ts +1 -1
- package/dist/test/data-source/collection-browser-data-source.test.js +89 -89
- package/dist/test/empty-placeholder.test.d.ts +1 -1
- package/dist/test/empty-placeholder.test.js +63 -63
- package/dist/test/expanded-date-picker.test.d.ts +1 -1
- package/dist/test/expanded-date-picker.test.js +95 -95
- package/dist/test/icon-overlay.test.d.ts +1 -1
- package/dist/test/icon-overlay.test.js +24 -24
- package/dist/test/image-block.test.d.ts +1 -1
- package/dist/test/image-block.test.js +107 -107
- package/dist/test/item-image.test.d.ts +1 -1
- package/dist/test/item-image.test.js +85 -85
- package/dist/test/manage/manage-bar.test.d.ts +2 -2
- package/dist/test/manage/manage-bar.test.js +100 -100
- package/dist/test/manage/remove-items-modal-content.test.d.ts +1 -1
- package/dist/test/manage/remove-items-modal-content.test.js +45 -45
- package/dist/test/mediatype-config.test.d.ts +1 -1
- package/dist/test/mediatype-config.test.js +16 -16
- package/dist/test/mocks/mock-analytics-handler.d.ts +10 -10
- package/dist/test/mocks/mock-analytics-handler.js +15 -15
- package/dist/test/mocks/mock-search-responses.d.ts +25 -25
- package/dist/test/mocks/mock-search-responses.js +942 -942
- package/dist/test/mocks/mock-search-service.d.ts +15 -15
- package/dist/test/mocks/mock-search-service.js +54 -54
- package/dist/test/restoration-state-handler.test.d.ts +1 -1
- package/dist/test/restoration-state-handler.test.js +270 -270
- package/dist/test/review-block.test.d.ts +1 -1
- package/dist/test/review-block.test.js +44 -44
- package/dist/test/sort-filter-bar/alpha-bar-tooltip.test.d.ts +1 -1
- package/dist/test/sort-filter-bar/alpha-bar-tooltip.test.js +12 -12
- package/dist/test/sort-filter-bar/alpha-bar.test.d.ts +1 -1
- package/dist/test/sort-filter-bar/alpha-bar.test.js +73 -73
- package/dist/test/sort-filter-bar/sort-filter-bar.test.d.ts +1 -1
- package/dist/test/sort-filter-bar/sort-filter-bar.test.js +426 -426
- package/dist/test/text-overlay.test.d.ts +1 -1
- package/dist/test/text-overlay.test.js +38 -38
- package/dist/test/text-snippet-block.test.d.ts +1 -1
- package/dist/test/text-snippet-block.test.js +57 -57
- package/dist/test/tile-stats.test.d.ts +1 -1
- package/dist/test/tile-stats.test.js +81 -81
- package/dist/test/tiles/grid/account-tile.test.d.ts +1 -1
- package/dist/test/tiles/grid/account-tile.test.js +76 -76
- package/dist/test/tiles/grid/collection-tile.test.d.ts +1 -1
- package/dist/test/tiles/grid/collection-tile.test.js +73 -73
- package/dist/test/tiles/grid/item-tile.test.d.ts +1 -1
- package/dist/test/tiles/grid/item-tile.test.js +312 -312
- package/dist/test/tiles/grid/search-tile.test.d.ts +1 -1
- package/dist/test/tiles/grid/search-tile.test.js +51 -51
- package/dist/test/tiles/hover/hover-pane-controller.test.d.ts +1 -1
- package/dist/test/tiles/hover/hover-pane-controller.test.js +259 -259
- package/dist/test/tiles/hover/tile-hover-pane.test.d.ts +1 -1
- package/dist/test/tiles/hover/tile-hover-pane.test.js +56 -56
- package/dist/test/tiles/list/tile-list-compact.test.d.ts +1 -1
- package/dist/test/tiles/list/tile-list-compact.test.js +143 -143
- package/dist/test/tiles/list/tile-list.test.d.ts +1 -1
- package/dist/test/tiles/list/tile-list.test.js +297 -297
- package/dist/test/tiles/tile-dispatcher.test.d.ts +1 -1
- package/dist/test/tiles/tile-dispatcher.test.js +100 -100
- package/dist/test/tiles/tile-display-value-provider.test.d.ts +1 -1
- package/dist/test/tiles/tile-display-value-provider.test.js +141 -141
- package/dist/test/utils/array-equals.test.d.ts +1 -1
- package/dist/test/utils/array-equals.test.js +26 -26
- package/dist/test/utils/format-count.test.d.ts +1 -1
- package/dist/test/utils/format-count.test.js +23 -23
- package/dist/test/utils/format-date.test.d.ts +1 -1
- package/dist/test/utils/format-date.test.js +30 -30
- package/dist/test/utils/format-unit-size.test.d.ts +1 -1
- package/dist/test/utils/format-unit-size.test.js +17 -17
- package/dist/test/utils/local-date-from-utc.test.d.ts +1 -1
- package/dist/test/utils/local-date-from-utc.test.js +26 -26
- package/local.archive.org.cert +86 -86
- package/local.archive.org.key +27 -27
- package/package.json +1 -1
- package/renovate.json +6 -6
- package/src/data-source/collection-browser-data-source.ts +5 -1
- package/web-dev-server.config.mjs +30 -30
- package/web-test-runner.config.mjs +41 -41
|
@@ -1,364 +1,364 @@
|
|
|
1
|
-
import { SearchType } from '@internetarchive/search-service';
|
|
2
|
-
import { getCookie, setCookie } from 'typescript-cookie';
|
|
3
|
-
import { SortField, getDefaultSelectedFacets, sortOptionFromAPIString, SORT_OPTIONS, } from './models';
|
|
4
|
-
import { arrayEquals } from './utils/array-equals';
|
|
5
|
-
export class RestorationStateHandler {
|
|
6
|
-
constructor(options) {
|
|
7
|
-
this.cookieDomain = '.archive.org';
|
|
8
|
-
this.cookieExpiration = 30;
|
|
9
|
-
this.cookiePath = '/';
|
|
10
|
-
this.context = options.context;
|
|
11
|
-
}
|
|
12
|
-
persistState(state, forceReplace = false) {
|
|
13
|
-
if (state.displayMode)
|
|
14
|
-
this.persistViewStateToCookies(state.displayMode);
|
|
15
|
-
this.persistQueryStateToUrl(state, forceReplace);
|
|
16
|
-
}
|
|
17
|
-
getRestorationState() {
|
|
18
|
-
const restorationState = this.loadQueryStateFromUrl();
|
|
19
|
-
const displayMode = this.loadTileViewStateFromCookies();
|
|
20
|
-
restorationState.displayMode = displayMode;
|
|
21
|
-
return restorationState;
|
|
22
|
-
}
|
|
23
|
-
persistViewStateToCookies(displayMode) {
|
|
24
|
-
const gridState = displayMode === 'grid' ? 'tiles' : 'lists';
|
|
25
|
-
setCookie(`view-${this.context}`, gridState, {
|
|
26
|
-
domain: this.cookieDomain,
|
|
27
|
-
expires: this.cookieExpiration,
|
|
28
|
-
path: this.cookiePath,
|
|
29
|
-
});
|
|
30
|
-
const detailsState = displayMode === 'list-detail' ? 'showdetails' : '';
|
|
31
|
-
setCookie(`showdetails-${this.context}`, detailsState, {
|
|
32
|
-
domain: this.cookieDomain,
|
|
33
|
-
expires: this.cookieExpiration,
|
|
34
|
-
path: this.cookiePath,
|
|
35
|
-
});
|
|
36
|
-
}
|
|
37
|
-
loadTileViewStateFromCookies() {
|
|
38
|
-
const viewState = getCookie(`view-${this.context}`);
|
|
39
|
-
const detailsState = getCookie(`showdetails-${this.context}`);
|
|
40
|
-
if (viewState === 'tiles' || viewState === undefined)
|
|
41
|
-
return 'grid';
|
|
42
|
-
if (detailsState === 'showdetails')
|
|
43
|
-
return 'list-detail';
|
|
44
|
-
return 'list-compact';
|
|
45
|
-
}
|
|
46
|
-
persistQueryStateToUrl(state, forceReplace = false) {
|
|
47
|
-
var _a, _b, _c;
|
|
48
|
-
const url = new URL(window.location.href);
|
|
49
|
-
const oldParams = new URLSearchParams(url.searchParams);
|
|
50
|
-
const newParams = this.removeRecognizedParams(url.searchParams);
|
|
51
|
-
let replaceEmptySin = false;
|
|
52
|
-
if (state.baseQuery) {
|
|
53
|
-
newParams.set('query', state.baseQuery);
|
|
54
|
-
}
|
|
55
|
-
if (state.searchType === SearchType.FULLTEXT) {
|
|
56
|
-
newParams.set('sin', 'TXT');
|
|
57
|
-
}
|
|
58
|
-
else if (state.searchType === SearchType.RADIO) {
|
|
59
|
-
newParams.set('sin', 'RADIO');
|
|
60
|
-
}
|
|
61
|
-
if (oldParams.get('sin') === '') {
|
|
62
|
-
// Treat empty sin the same as no sin at all
|
|
63
|
-
oldParams.delete('sin');
|
|
64
|
-
replaceEmptySin = true;
|
|
65
|
-
}
|
|
66
|
-
if (state.currentPage) {
|
|
67
|
-
if (state.currentPage > 1) {
|
|
68
|
-
newParams.set('page', state.currentPage.toString());
|
|
69
|
-
}
|
|
70
|
-
else {
|
|
71
|
-
newParams.delete('page');
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
if (state.selectedSort) {
|
|
75
|
-
const sortOption = SORT_OPTIONS[state.selectedSort];
|
|
76
|
-
let prefix = this.sortDirectionPrefix(state.sortDirection);
|
|
77
|
-
if (sortOption.field === SortField.unrecognized) {
|
|
78
|
-
// For unrecognized sorts, use the existing param, possibly updating its direction
|
|
79
|
-
const oldSortParam = (_a = oldParams.get('sort')) !== null && _a !== void 0 ? _a : '';
|
|
80
|
-
const { field, direction } = this.getSortFieldAndDirection(oldSortParam);
|
|
81
|
-
// Use the state-specified direction if available, or extract one from the param if not
|
|
82
|
-
if (!state.sortDirection)
|
|
83
|
-
prefix = this.sortDirectionPrefix(direction);
|
|
84
|
-
if (field) {
|
|
85
|
-
newParams.set('sort', `${prefix}${field}`);
|
|
86
|
-
}
|
|
87
|
-
else {
|
|
88
|
-
newParams.set('sort', oldSortParam);
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
else if (sortOption.shownInURL) {
|
|
92
|
-
// Otherwise, use the canonical API form of the sort option
|
|
93
|
-
const canonicalApiSort = sortOption.urlNames[0];
|
|
94
|
-
newParams.set('sort', `${prefix}${canonicalApiSort}`);
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
if (state.selectedFacets) {
|
|
98
|
-
for (const [facetName, facetValues] of Object.entries(state.selectedFacets)) {
|
|
99
|
-
const facetEntries = Object.entries(facetValues);
|
|
100
|
-
// eslint-disable-next-line no-continue
|
|
101
|
-
if (facetEntries.length === 0)
|
|
102
|
-
continue;
|
|
103
|
-
for (const [key, data] of facetEntries) {
|
|
104
|
-
const notValue = data.state === 'hidden';
|
|
105
|
-
const paramValue = `${facetName}:"${key}"`;
|
|
106
|
-
if (notValue) {
|
|
107
|
-
newParams.append('not[]', paramValue);
|
|
108
|
-
}
|
|
109
|
-
else {
|
|
110
|
-
newParams.append('and[]', paramValue);
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
if (state.minSelectedDate && state.maxSelectedDate) {
|
|
116
|
-
newParams.append('and[]', `year:[${state.minSelectedDate} TO ${state.maxSelectedDate}]`);
|
|
117
|
-
}
|
|
118
|
-
if (state.titleQuery) {
|
|
119
|
-
newParams.append('and[]', state.titleQuery);
|
|
120
|
-
}
|
|
121
|
-
if (state.creatorQuery) {
|
|
122
|
-
newParams.append('and[]', state.creatorQuery);
|
|
123
|
-
}
|
|
124
|
-
// Ensure we aren't pushing consecutive identical states to the history stack.
|
|
125
|
-
// - If the state has changed, we push a new history entry.
|
|
126
|
-
// - If only the page number has changed, we replace the current history entry.
|
|
127
|
-
// - If the state hasn't changed, then do nothing.
|
|
128
|
-
let historyMethod = forceReplace
|
|
129
|
-
? 'replaceState'
|
|
130
|
-
: 'pushState';
|
|
131
|
-
const nonQueryParamsMatch = this.paramsMatch(oldParams, newParams, [
|
|
132
|
-
'sin',
|
|
133
|
-
'sort',
|
|
134
|
-
'and[]',
|
|
135
|
-
'not[]',
|
|
136
|
-
]);
|
|
137
|
-
if (nonQueryParamsMatch &&
|
|
138
|
-
this.paramsMatch(oldParams, newParams, ['query'])) {
|
|
139
|
-
if (replaceEmptySin) {
|
|
140
|
-
// Get rid of any empty sin param
|
|
141
|
-
newParams.delete('sin');
|
|
142
|
-
}
|
|
143
|
-
else if (this.paramsMatch(oldParams, newParams, ['page'])) {
|
|
144
|
-
// For page number, we want to replace the page state when it changes,
|
|
145
|
-
// not push a new history entry. If it hasn't changed, then we're done.
|
|
146
|
-
return;
|
|
147
|
-
}
|
|
148
|
-
historyMethod = 'replaceState';
|
|
149
|
-
}
|
|
150
|
-
else if (nonQueryParamsMatch && this.hasLegacyParam(oldParams)) {
|
|
151
|
-
// Similarly, if the only non-matching param was a legacy query param, then
|
|
152
|
-
// we just want to overwrite it.
|
|
153
|
-
historyMethod = 'replaceState';
|
|
154
|
-
}
|
|
155
|
-
(_c = (_b = window.history)[historyMethod]) === null || _c === void 0 ? void 0 : _c.call(_b, {
|
|
156
|
-
query: state.baseQuery,
|
|
157
|
-
searchType: state.searchType,
|
|
158
|
-
page: state.currentPage,
|
|
159
|
-
sort: { field: state.selectedSort, direction: state.sortDirection },
|
|
160
|
-
minDate: state.minSelectedDate,
|
|
161
|
-
maxDate: state.maxSelectedDate,
|
|
162
|
-
facets: state.selectedFacets,
|
|
163
|
-
}, '', url);
|
|
164
|
-
}
|
|
165
|
-
loadQueryStateFromUrl() {
|
|
166
|
-
var _a;
|
|
167
|
-
const url = new URL(window.location.href);
|
|
168
|
-
const searchInside = url.searchParams.get('sin');
|
|
169
|
-
const pageNumber = url.searchParams.get('page');
|
|
170
|
-
const searchQuery = url.searchParams.get('query');
|
|
171
|
-
const sortQuery = url.searchParams.get('sort');
|
|
172
|
-
const facetAnds = url.searchParams.getAll('and[]');
|
|
173
|
-
const facetNots = url.searchParams.getAll('not[]');
|
|
174
|
-
// We also need to check for the presence of params like 'and[0]', 'not[1]', etc.
|
|
175
|
-
// since Facebook automatically converts URLs with [] into those forms.
|
|
176
|
-
for (const [key, val] of url.searchParams.entries()) {
|
|
177
|
-
if (/and\[\d+\]/.test(key)) {
|
|
178
|
-
facetAnds.push(val);
|
|
179
|
-
}
|
|
180
|
-
else if (/not\[\d+\]/.test(key)) {
|
|
181
|
-
facetNots.push(val);
|
|
182
|
-
}
|
|
183
|
-
}
|
|
184
|
-
// Legacy search allowed `q` and `search` params for the query, so in the interest
|
|
185
|
-
// of backwards-compatibility with old bookmarks, we recognize those here too.
|
|
186
|
-
// (However, they still get upgraded to a `query` param when we persist our state
|
|
187
|
-
// to the URL).
|
|
188
|
-
const legacySearchQuery = (_a = url.searchParams.get('q')) !== null && _a !== void 0 ? _a : url.searchParams.get('search');
|
|
189
|
-
const restorationState = {
|
|
190
|
-
selectedFacets: getDefaultSelectedFacets(),
|
|
191
|
-
};
|
|
192
|
-
if (searchQuery) {
|
|
193
|
-
restorationState.baseQuery = searchQuery;
|
|
194
|
-
}
|
|
195
|
-
else if (legacySearchQuery) {
|
|
196
|
-
restorationState.baseQuery = legacySearchQuery;
|
|
197
|
-
}
|
|
198
|
-
switch (searchInside) {
|
|
199
|
-
// Eventually there will be TV/Radio search types here too.
|
|
200
|
-
case 'TXT':
|
|
201
|
-
restorationState.searchType = SearchType.FULLTEXT;
|
|
202
|
-
break;
|
|
203
|
-
case 'RADIO':
|
|
204
|
-
restorationState.searchType = SearchType.RADIO;
|
|
205
|
-
break;
|
|
206
|
-
default:
|
|
207
|
-
restorationState.searchType = SearchType.METADATA;
|
|
208
|
-
break;
|
|
209
|
-
}
|
|
210
|
-
if (pageNumber) {
|
|
211
|
-
const parsed = parseInt(pageNumber, 10);
|
|
212
|
-
restorationState.currentPage = parsed;
|
|
213
|
-
}
|
|
214
|
-
else {
|
|
215
|
-
restorationState.currentPage = 1;
|
|
216
|
-
}
|
|
217
|
-
if (sortQuery) {
|
|
218
|
-
const { field, direction } = this.getSortFieldAndDirection(sortQuery);
|
|
219
|
-
const sortOption = sortOptionFromAPIString(field);
|
|
220
|
-
restorationState.selectedSort = sortOption.field;
|
|
221
|
-
if (['asc', 'desc'].includes(direction)) {
|
|
222
|
-
restorationState.sortDirection = direction;
|
|
223
|
-
}
|
|
224
|
-
}
|
|
225
|
-
if (facetAnds) {
|
|
226
|
-
facetAnds.forEach(and => {
|
|
227
|
-
// eslint-disable-next-line prefer-const
|
|
228
|
-
let [field, value] = and.split(':');
|
|
229
|
-
// Legacy search allowed and[] fields like 'creatorSorter', 'languageSorter', etc.
|
|
230
|
-
// which we want to normalize to 'creator', 'language', etc. if redirected here.
|
|
231
|
-
field = field.replace(/Sorter$/, '');
|
|
232
|
-
// Legacy search also allowed a form of negative faceting like `and[]=-collection:foo`
|
|
233
|
-
// which we want to normalize to a not[] param instead
|
|
234
|
-
if (field.startsWith('-')) {
|
|
235
|
-
facetNots.push(and.slice(1));
|
|
236
|
-
return;
|
|
237
|
-
}
|
|
238
|
-
switch (field) {
|
|
239
|
-
case 'year': {
|
|
240
|
-
const [minDate, maxDate] = value.split(' TO ');
|
|
241
|
-
// we have two potential ways of filtering by date:
|
|
242
|
-
// the range with "date TO date" or the single date with "date"
|
|
243
|
-
// this is checking for the range case and if we don't have those, fall
|
|
244
|
-
// back to the single date case
|
|
245
|
-
if (minDate && maxDate) {
|
|
246
|
-
restorationState.minSelectedDate = minDate.substring(1, minDate.length);
|
|
247
|
-
restorationState.maxSelectedDate = maxDate.substring(0, maxDate.length - 1);
|
|
248
|
-
}
|
|
249
|
-
else {
|
|
250
|
-
this.setSelectedFacetState(restorationState.selectedFacets, field, value, 'selected');
|
|
251
|
-
}
|
|
252
|
-
break;
|
|
253
|
-
}
|
|
254
|
-
case 'firstTitle':
|
|
255
|
-
restorationState.selectedTitleFilter = value;
|
|
256
|
-
break;
|
|
257
|
-
case 'firstCreator':
|
|
258
|
-
restorationState.selectedCreatorFilter = value;
|
|
259
|
-
break;
|
|
260
|
-
default:
|
|
261
|
-
this.setSelectedFacetState(restorationState.selectedFacets, field, value, 'selected');
|
|
262
|
-
}
|
|
263
|
-
});
|
|
264
|
-
}
|
|
265
|
-
if (facetNots) {
|
|
266
|
-
facetNots.forEach(not => {
|
|
267
|
-
const [field, value] = not.split(':');
|
|
268
|
-
this.setSelectedFacetState(restorationState.selectedFacets, field, value, 'hidden');
|
|
269
|
-
});
|
|
270
|
-
}
|
|
271
|
-
return restorationState;
|
|
272
|
-
}
|
|
273
|
-
/**
|
|
274
|
-
* Converts a URL sort param into a field/direction pair, if possible.
|
|
275
|
-
* Either or both may be undefined if the param is not in a recognized format.
|
|
276
|
-
*/
|
|
277
|
-
getSortFieldAndDirection(sortParam) {
|
|
278
|
-
// check for two different sort formats: `date desc` and `-date`
|
|
279
|
-
const hasSpace = sortParam.indexOf(' ') > -1;
|
|
280
|
-
let field;
|
|
281
|
-
let direction;
|
|
282
|
-
if (hasSpace) {
|
|
283
|
-
[field, direction] = sortParam.split(' ');
|
|
284
|
-
}
|
|
285
|
-
else {
|
|
286
|
-
field = sortParam.startsWith('-') ? sortParam.slice(1) : sortParam;
|
|
287
|
-
direction = sortParam.startsWith('-') ? 'desc' : 'asc';
|
|
288
|
-
}
|
|
289
|
-
return { field, direction };
|
|
290
|
-
}
|
|
291
|
-
/** Returns the `-` prefix for `desc` sort, or the empty string otherwise. */
|
|
292
|
-
sortDirectionPrefix(sortDirection) {
|
|
293
|
-
return sortDirection === 'desc' ? '-' : '';
|
|
294
|
-
}
|
|
295
|
-
/** Remove optional opening and closing quotes from a string */
|
|
296
|
-
stripQuotes(value) {
|
|
297
|
-
if (value.startsWith('"') && value.endsWith('"')) {
|
|
298
|
-
return value.substring(1, value.length - 1);
|
|
299
|
-
}
|
|
300
|
-
return value;
|
|
301
|
-
}
|
|
302
|
-
/**
|
|
303
|
-
* Returns whether the two given URLSearchParams objects have
|
|
304
|
-
* identical values for all of the given param keys. If either
|
|
305
|
-
* object contains more than one value for a given key, then
|
|
306
|
-
* all of the values for that key must match (disregarding order).
|
|
307
|
-
*/
|
|
308
|
-
paramsMatch(searchParams1, searchParams2, keys) {
|
|
309
|
-
return keys.every(key => arrayEquals(searchParams1.getAll(key).sort(), searchParams2.getAll(key).sort()));
|
|
310
|
-
}
|
|
311
|
-
/**
|
|
312
|
-
* Deletes any params from the given URLSearchParams object that are recognized
|
|
313
|
-
* when loading state from the URL.
|
|
314
|
-
*/
|
|
315
|
-
removeRecognizedParams(searchParams) {
|
|
316
|
-
// Remove all of our standard params
|
|
317
|
-
searchParams.delete('query');
|
|
318
|
-
searchParams.delete('sin');
|
|
319
|
-
searchParams.delete('page');
|
|
320
|
-
searchParams.delete('sort');
|
|
321
|
-
searchParams.delete('and[]');
|
|
322
|
-
searchParams.delete('not[]');
|
|
323
|
-
// Remove any and/not facet params that contain numbers in their square brackets
|
|
324
|
-
for (const key of searchParams.keys()) {
|
|
325
|
-
if (/(and|not)\[\d+\]/.test(key)) {
|
|
326
|
-
searchParams.delete(key);
|
|
327
|
-
}
|
|
328
|
-
}
|
|
329
|
-
// Also remove some legacy params that should have been upgraded to the ones above
|
|
330
|
-
searchParams.delete('q');
|
|
331
|
-
searchParams.delete('search');
|
|
332
|
-
return searchParams;
|
|
333
|
-
}
|
|
334
|
-
/**
|
|
335
|
-
* Returns whether the given URLSearchParams object contains a param that is
|
|
336
|
-
* only recognized as a holdover from legacy search, and should not be
|
|
337
|
-
* persisted to the URL.
|
|
338
|
-
*/
|
|
339
|
-
hasLegacyParam(searchParams) {
|
|
340
|
-
return searchParams.has('q') || searchParams.has('search');
|
|
341
|
-
}
|
|
342
|
-
/**
|
|
343
|
-
* Sets the facet state for the given field & value to the given state,
|
|
344
|
-
* creating any previously-undefined buckets as needed.
|
|
345
|
-
*/
|
|
346
|
-
setSelectedFacetState(selectedFacets, field, value, state) {
|
|
347
|
-
var _a;
|
|
348
|
-
const facet = selectedFacets[field];
|
|
349
|
-
if (!facet)
|
|
350
|
-
return; // Unrecognized facet group, ignore it.
|
|
351
|
-
const unQuotedValue = this.stripQuotes(value);
|
|
352
|
-
(_a = facet[unQuotedValue]) !== null && _a !== void 0 ? _a : (facet[unQuotedValue] = this.getDefaultBucket(value));
|
|
353
|
-
facet[unQuotedValue].state = state;
|
|
354
|
-
}
|
|
355
|
-
/** Returns a default bucket with the given key, count of 0, and state 'none'. */
|
|
356
|
-
getDefaultBucket(key) {
|
|
357
|
-
return {
|
|
358
|
-
key,
|
|
359
|
-
count: 0,
|
|
360
|
-
state: 'none',
|
|
361
|
-
};
|
|
362
|
-
}
|
|
363
|
-
}
|
|
1
|
+
import { SearchType } from '@internetarchive/search-service';
|
|
2
|
+
import { getCookie, setCookie } from 'typescript-cookie';
|
|
3
|
+
import { SortField, getDefaultSelectedFacets, sortOptionFromAPIString, SORT_OPTIONS, } from './models';
|
|
4
|
+
import { arrayEquals } from './utils/array-equals';
|
|
5
|
+
export class RestorationStateHandler {
|
|
6
|
+
constructor(options) {
|
|
7
|
+
this.cookieDomain = '.archive.org';
|
|
8
|
+
this.cookieExpiration = 30;
|
|
9
|
+
this.cookiePath = '/';
|
|
10
|
+
this.context = options.context;
|
|
11
|
+
}
|
|
12
|
+
persistState(state, forceReplace = false) {
|
|
13
|
+
if (state.displayMode)
|
|
14
|
+
this.persistViewStateToCookies(state.displayMode);
|
|
15
|
+
this.persistQueryStateToUrl(state, forceReplace);
|
|
16
|
+
}
|
|
17
|
+
getRestorationState() {
|
|
18
|
+
const restorationState = this.loadQueryStateFromUrl();
|
|
19
|
+
const displayMode = this.loadTileViewStateFromCookies();
|
|
20
|
+
restorationState.displayMode = displayMode;
|
|
21
|
+
return restorationState;
|
|
22
|
+
}
|
|
23
|
+
persistViewStateToCookies(displayMode) {
|
|
24
|
+
const gridState = displayMode === 'grid' ? 'tiles' : 'lists';
|
|
25
|
+
setCookie(`view-${this.context}`, gridState, {
|
|
26
|
+
domain: this.cookieDomain,
|
|
27
|
+
expires: this.cookieExpiration,
|
|
28
|
+
path: this.cookiePath,
|
|
29
|
+
});
|
|
30
|
+
const detailsState = displayMode === 'list-detail' ? 'showdetails' : '';
|
|
31
|
+
setCookie(`showdetails-${this.context}`, detailsState, {
|
|
32
|
+
domain: this.cookieDomain,
|
|
33
|
+
expires: this.cookieExpiration,
|
|
34
|
+
path: this.cookiePath,
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
loadTileViewStateFromCookies() {
|
|
38
|
+
const viewState = getCookie(`view-${this.context}`);
|
|
39
|
+
const detailsState = getCookie(`showdetails-${this.context}`);
|
|
40
|
+
if (viewState === 'tiles' || viewState === undefined)
|
|
41
|
+
return 'grid';
|
|
42
|
+
if (detailsState === 'showdetails')
|
|
43
|
+
return 'list-detail';
|
|
44
|
+
return 'list-compact';
|
|
45
|
+
}
|
|
46
|
+
persistQueryStateToUrl(state, forceReplace = false) {
|
|
47
|
+
var _a, _b, _c;
|
|
48
|
+
const url = new URL(window.location.href);
|
|
49
|
+
const oldParams = new URLSearchParams(url.searchParams);
|
|
50
|
+
const newParams = this.removeRecognizedParams(url.searchParams);
|
|
51
|
+
let replaceEmptySin = false;
|
|
52
|
+
if (state.baseQuery) {
|
|
53
|
+
newParams.set('query', state.baseQuery);
|
|
54
|
+
}
|
|
55
|
+
if (state.searchType === SearchType.FULLTEXT) {
|
|
56
|
+
newParams.set('sin', 'TXT');
|
|
57
|
+
}
|
|
58
|
+
else if (state.searchType === SearchType.RADIO) {
|
|
59
|
+
newParams.set('sin', 'RADIO');
|
|
60
|
+
}
|
|
61
|
+
if (oldParams.get('sin') === '') {
|
|
62
|
+
// Treat empty sin the same as no sin at all
|
|
63
|
+
oldParams.delete('sin');
|
|
64
|
+
replaceEmptySin = true;
|
|
65
|
+
}
|
|
66
|
+
if (state.currentPage) {
|
|
67
|
+
if (state.currentPage > 1) {
|
|
68
|
+
newParams.set('page', state.currentPage.toString());
|
|
69
|
+
}
|
|
70
|
+
else {
|
|
71
|
+
newParams.delete('page');
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
if (state.selectedSort) {
|
|
75
|
+
const sortOption = SORT_OPTIONS[state.selectedSort];
|
|
76
|
+
let prefix = this.sortDirectionPrefix(state.sortDirection);
|
|
77
|
+
if (sortOption.field === SortField.unrecognized) {
|
|
78
|
+
// For unrecognized sorts, use the existing param, possibly updating its direction
|
|
79
|
+
const oldSortParam = (_a = oldParams.get('sort')) !== null && _a !== void 0 ? _a : '';
|
|
80
|
+
const { field, direction } = this.getSortFieldAndDirection(oldSortParam);
|
|
81
|
+
// Use the state-specified direction if available, or extract one from the param if not
|
|
82
|
+
if (!state.sortDirection)
|
|
83
|
+
prefix = this.sortDirectionPrefix(direction);
|
|
84
|
+
if (field) {
|
|
85
|
+
newParams.set('sort', `${prefix}${field}`);
|
|
86
|
+
}
|
|
87
|
+
else {
|
|
88
|
+
newParams.set('sort', oldSortParam);
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
else if (sortOption.shownInURL) {
|
|
92
|
+
// Otherwise, use the canonical API form of the sort option
|
|
93
|
+
const canonicalApiSort = sortOption.urlNames[0];
|
|
94
|
+
newParams.set('sort', `${prefix}${canonicalApiSort}`);
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
if (state.selectedFacets) {
|
|
98
|
+
for (const [facetName, facetValues] of Object.entries(state.selectedFacets)) {
|
|
99
|
+
const facetEntries = Object.entries(facetValues);
|
|
100
|
+
// eslint-disable-next-line no-continue
|
|
101
|
+
if (facetEntries.length === 0)
|
|
102
|
+
continue;
|
|
103
|
+
for (const [key, data] of facetEntries) {
|
|
104
|
+
const notValue = data.state === 'hidden';
|
|
105
|
+
const paramValue = `${facetName}:"${key}"`;
|
|
106
|
+
if (notValue) {
|
|
107
|
+
newParams.append('not[]', paramValue);
|
|
108
|
+
}
|
|
109
|
+
else {
|
|
110
|
+
newParams.append('and[]', paramValue);
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
if (state.minSelectedDate && state.maxSelectedDate) {
|
|
116
|
+
newParams.append('and[]', `year:[${state.minSelectedDate} TO ${state.maxSelectedDate}]`);
|
|
117
|
+
}
|
|
118
|
+
if (state.titleQuery) {
|
|
119
|
+
newParams.append('and[]', state.titleQuery);
|
|
120
|
+
}
|
|
121
|
+
if (state.creatorQuery) {
|
|
122
|
+
newParams.append('and[]', state.creatorQuery);
|
|
123
|
+
}
|
|
124
|
+
// Ensure we aren't pushing consecutive identical states to the history stack.
|
|
125
|
+
// - If the state has changed, we push a new history entry.
|
|
126
|
+
// - If only the page number has changed, we replace the current history entry.
|
|
127
|
+
// - If the state hasn't changed, then do nothing.
|
|
128
|
+
let historyMethod = forceReplace
|
|
129
|
+
? 'replaceState'
|
|
130
|
+
: 'pushState';
|
|
131
|
+
const nonQueryParamsMatch = this.paramsMatch(oldParams, newParams, [
|
|
132
|
+
'sin',
|
|
133
|
+
'sort',
|
|
134
|
+
'and[]',
|
|
135
|
+
'not[]',
|
|
136
|
+
]);
|
|
137
|
+
if (nonQueryParamsMatch &&
|
|
138
|
+
this.paramsMatch(oldParams, newParams, ['query'])) {
|
|
139
|
+
if (replaceEmptySin) {
|
|
140
|
+
// Get rid of any empty sin param
|
|
141
|
+
newParams.delete('sin');
|
|
142
|
+
}
|
|
143
|
+
else if (this.paramsMatch(oldParams, newParams, ['page'])) {
|
|
144
|
+
// For page number, we want to replace the page state when it changes,
|
|
145
|
+
// not push a new history entry. If it hasn't changed, then we're done.
|
|
146
|
+
return;
|
|
147
|
+
}
|
|
148
|
+
historyMethod = 'replaceState';
|
|
149
|
+
}
|
|
150
|
+
else if (nonQueryParamsMatch && this.hasLegacyParam(oldParams)) {
|
|
151
|
+
// Similarly, if the only non-matching param was a legacy query param, then
|
|
152
|
+
// we just want to overwrite it.
|
|
153
|
+
historyMethod = 'replaceState';
|
|
154
|
+
}
|
|
155
|
+
(_c = (_b = window.history)[historyMethod]) === null || _c === void 0 ? void 0 : _c.call(_b, {
|
|
156
|
+
query: state.baseQuery,
|
|
157
|
+
searchType: state.searchType,
|
|
158
|
+
page: state.currentPage,
|
|
159
|
+
sort: { field: state.selectedSort, direction: state.sortDirection },
|
|
160
|
+
minDate: state.minSelectedDate,
|
|
161
|
+
maxDate: state.maxSelectedDate,
|
|
162
|
+
facets: state.selectedFacets,
|
|
163
|
+
}, '', url);
|
|
164
|
+
}
|
|
165
|
+
loadQueryStateFromUrl() {
|
|
166
|
+
var _a;
|
|
167
|
+
const url = new URL(window.location.href);
|
|
168
|
+
const searchInside = url.searchParams.get('sin');
|
|
169
|
+
const pageNumber = url.searchParams.get('page');
|
|
170
|
+
const searchQuery = url.searchParams.get('query');
|
|
171
|
+
const sortQuery = url.searchParams.get('sort');
|
|
172
|
+
const facetAnds = url.searchParams.getAll('and[]');
|
|
173
|
+
const facetNots = url.searchParams.getAll('not[]');
|
|
174
|
+
// We also need to check for the presence of params like 'and[0]', 'not[1]', etc.
|
|
175
|
+
// since Facebook automatically converts URLs with [] into those forms.
|
|
176
|
+
for (const [key, val] of url.searchParams.entries()) {
|
|
177
|
+
if (/and\[\d+\]/.test(key)) {
|
|
178
|
+
facetAnds.push(val);
|
|
179
|
+
}
|
|
180
|
+
else if (/not\[\d+\]/.test(key)) {
|
|
181
|
+
facetNots.push(val);
|
|
182
|
+
}
|
|
183
|
+
}
|
|
184
|
+
// Legacy search allowed `q` and `search` params for the query, so in the interest
|
|
185
|
+
// of backwards-compatibility with old bookmarks, we recognize those here too.
|
|
186
|
+
// (However, they still get upgraded to a `query` param when we persist our state
|
|
187
|
+
// to the URL).
|
|
188
|
+
const legacySearchQuery = (_a = url.searchParams.get('q')) !== null && _a !== void 0 ? _a : url.searchParams.get('search');
|
|
189
|
+
const restorationState = {
|
|
190
|
+
selectedFacets: getDefaultSelectedFacets(),
|
|
191
|
+
};
|
|
192
|
+
if (searchQuery) {
|
|
193
|
+
restorationState.baseQuery = searchQuery;
|
|
194
|
+
}
|
|
195
|
+
else if (legacySearchQuery) {
|
|
196
|
+
restorationState.baseQuery = legacySearchQuery;
|
|
197
|
+
}
|
|
198
|
+
switch (searchInside) {
|
|
199
|
+
// Eventually there will be TV/Radio search types here too.
|
|
200
|
+
case 'TXT':
|
|
201
|
+
restorationState.searchType = SearchType.FULLTEXT;
|
|
202
|
+
break;
|
|
203
|
+
case 'RADIO':
|
|
204
|
+
restorationState.searchType = SearchType.RADIO;
|
|
205
|
+
break;
|
|
206
|
+
default:
|
|
207
|
+
restorationState.searchType = SearchType.METADATA;
|
|
208
|
+
break;
|
|
209
|
+
}
|
|
210
|
+
if (pageNumber) {
|
|
211
|
+
const parsed = parseInt(pageNumber, 10);
|
|
212
|
+
restorationState.currentPage = parsed;
|
|
213
|
+
}
|
|
214
|
+
else {
|
|
215
|
+
restorationState.currentPage = 1;
|
|
216
|
+
}
|
|
217
|
+
if (sortQuery) {
|
|
218
|
+
const { field, direction } = this.getSortFieldAndDirection(sortQuery);
|
|
219
|
+
const sortOption = sortOptionFromAPIString(field);
|
|
220
|
+
restorationState.selectedSort = sortOption.field;
|
|
221
|
+
if (['asc', 'desc'].includes(direction)) {
|
|
222
|
+
restorationState.sortDirection = direction;
|
|
223
|
+
}
|
|
224
|
+
}
|
|
225
|
+
if (facetAnds) {
|
|
226
|
+
facetAnds.forEach(and => {
|
|
227
|
+
// eslint-disable-next-line prefer-const
|
|
228
|
+
let [field, value] = and.split(':');
|
|
229
|
+
// Legacy search allowed and[] fields like 'creatorSorter', 'languageSorter', etc.
|
|
230
|
+
// which we want to normalize to 'creator', 'language', etc. if redirected here.
|
|
231
|
+
field = field.replace(/Sorter$/, '');
|
|
232
|
+
// Legacy search also allowed a form of negative faceting like `and[]=-collection:foo`
|
|
233
|
+
// which we want to normalize to a not[] param instead
|
|
234
|
+
if (field.startsWith('-')) {
|
|
235
|
+
facetNots.push(and.slice(1));
|
|
236
|
+
return;
|
|
237
|
+
}
|
|
238
|
+
switch (field) {
|
|
239
|
+
case 'year': {
|
|
240
|
+
const [minDate, maxDate] = value.split(' TO ');
|
|
241
|
+
// we have two potential ways of filtering by date:
|
|
242
|
+
// the range with "date TO date" or the single date with "date"
|
|
243
|
+
// this is checking for the range case and if we don't have those, fall
|
|
244
|
+
// back to the single date case
|
|
245
|
+
if (minDate && maxDate) {
|
|
246
|
+
restorationState.minSelectedDate = minDate.substring(1, minDate.length);
|
|
247
|
+
restorationState.maxSelectedDate = maxDate.substring(0, maxDate.length - 1);
|
|
248
|
+
}
|
|
249
|
+
else {
|
|
250
|
+
this.setSelectedFacetState(restorationState.selectedFacets, field, value, 'selected');
|
|
251
|
+
}
|
|
252
|
+
break;
|
|
253
|
+
}
|
|
254
|
+
case 'firstTitle':
|
|
255
|
+
restorationState.selectedTitleFilter = value;
|
|
256
|
+
break;
|
|
257
|
+
case 'firstCreator':
|
|
258
|
+
restorationState.selectedCreatorFilter = value;
|
|
259
|
+
break;
|
|
260
|
+
default:
|
|
261
|
+
this.setSelectedFacetState(restorationState.selectedFacets, field, value, 'selected');
|
|
262
|
+
}
|
|
263
|
+
});
|
|
264
|
+
}
|
|
265
|
+
if (facetNots) {
|
|
266
|
+
facetNots.forEach(not => {
|
|
267
|
+
const [field, value] = not.split(':');
|
|
268
|
+
this.setSelectedFacetState(restorationState.selectedFacets, field, value, 'hidden');
|
|
269
|
+
});
|
|
270
|
+
}
|
|
271
|
+
return restorationState;
|
|
272
|
+
}
|
|
273
|
+
/**
|
|
274
|
+
* Converts a URL sort param into a field/direction pair, if possible.
|
|
275
|
+
* Either or both may be undefined if the param is not in a recognized format.
|
|
276
|
+
*/
|
|
277
|
+
getSortFieldAndDirection(sortParam) {
|
|
278
|
+
// check for two different sort formats: `date desc` and `-date`
|
|
279
|
+
const hasSpace = sortParam.indexOf(' ') > -1;
|
|
280
|
+
let field;
|
|
281
|
+
let direction;
|
|
282
|
+
if (hasSpace) {
|
|
283
|
+
[field, direction] = sortParam.split(' ');
|
|
284
|
+
}
|
|
285
|
+
else {
|
|
286
|
+
field = sortParam.startsWith('-') ? sortParam.slice(1) : sortParam;
|
|
287
|
+
direction = sortParam.startsWith('-') ? 'desc' : 'asc';
|
|
288
|
+
}
|
|
289
|
+
return { field, direction };
|
|
290
|
+
}
|
|
291
|
+
/** Returns the `-` prefix for `desc` sort, or the empty string otherwise. */
|
|
292
|
+
sortDirectionPrefix(sortDirection) {
|
|
293
|
+
return sortDirection === 'desc' ? '-' : '';
|
|
294
|
+
}
|
|
295
|
+
/** Remove optional opening and closing quotes from a string */
|
|
296
|
+
stripQuotes(value) {
|
|
297
|
+
if (value.startsWith('"') && value.endsWith('"')) {
|
|
298
|
+
return value.substring(1, value.length - 1);
|
|
299
|
+
}
|
|
300
|
+
return value;
|
|
301
|
+
}
|
|
302
|
+
/**
|
|
303
|
+
* Returns whether the two given URLSearchParams objects have
|
|
304
|
+
* identical values for all of the given param keys. If either
|
|
305
|
+
* object contains more than one value for a given key, then
|
|
306
|
+
* all of the values for that key must match (disregarding order).
|
|
307
|
+
*/
|
|
308
|
+
paramsMatch(searchParams1, searchParams2, keys) {
|
|
309
|
+
return keys.every(key => arrayEquals(searchParams1.getAll(key).sort(), searchParams2.getAll(key).sort()));
|
|
310
|
+
}
|
|
311
|
+
/**
|
|
312
|
+
* Deletes any params from the given URLSearchParams object that are recognized
|
|
313
|
+
* when loading state from the URL.
|
|
314
|
+
*/
|
|
315
|
+
removeRecognizedParams(searchParams) {
|
|
316
|
+
// Remove all of our standard params
|
|
317
|
+
searchParams.delete('query');
|
|
318
|
+
searchParams.delete('sin');
|
|
319
|
+
searchParams.delete('page');
|
|
320
|
+
searchParams.delete('sort');
|
|
321
|
+
searchParams.delete('and[]');
|
|
322
|
+
searchParams.delete('not[]');
|
|
323
|
+
// Remove any and/not facet params that contain numbers in their square brackets
|
|
324
|
+
for (const key of searchParams.keys()) {
|
|
325
|
+
if (/(and|not)\[\d+\]/.test(key)) {
|
|
326
|
+
searchParams.delete(key);
|
|
327
|
+
}
|
|
328
|
+
}
|
|
329
|
+
// Also remove some legacy params that should have been upgraded to the ones above
|
|
330
|
+
searchParams.delete('q');
|
|
331
|
+
searchParams.delete('search');
|
|
332
|
+
return searchParams;
|
|
333
|
+
}
|
|
334
|
+
/**
|
|
335
|
+
* Returns whether the given URLSearchParams object contains a param that is
|
|
336
|
+
* only recognized as a holdover from legacy search, and should not be
|
|
337
|
+
* persisted to the URL.
|
|
338
|
+
*/
|
|
339
|
+
hasLegacyParam(searchParams) {
|
|
340
|
+
return searchParams.has('q') || searchParams.has('search');
|
|
341
|
+
}
|
|
342
|
+
/**
|
|
343
|
+
* Sets the facet state for the given field & value to the given state,
|
|
344
|
+
* creating any previously-undefined buckets as needed.
|
|
345
|
+
*/
|
|
346
|
+
setSelectedFacetState(selectedFacets, field, value, state) {
|
|
347
|
+
var _a;
|
|
348
|
+
const facet = selectedFacets[field];
|
|
349
|
+
if (!facet)
|
|
350
|
+
return; // Unrecognized facet group, ignore it.
|
|
351
|
+
const unQuotedValue = this.stripQuotes(value);
|
|
352
|
+
(_a = facet[unQuotedValue]) !== null && _a !== void 0 ? _a : (facet[unQuotedValue] = this.getDefaultBucket(value));
|
|
353
|
+
facet[unQuotedValue].state = state;
|
|
354
|
+
}
|
|
355
|
+
/** Returns a default bucket with the given key, count of 0, and state 'none'. */
|
|
356
|
+
getDefaultBucket(key) {
|
|
357
|
+
return {
|
|
358
|
+
key,
|
|
359
|
+
count: 0,
|
|
360
|
+
state: 'none',
|
|
361
|
+
};
|
|
362
|
+
}
|
|
363
|
+
}
|
|
364
364
|
//# sourceMappingURL=restoration-state-handler.js.map
|