@internetarchive/collection-browser 0.4.9 → 0.4.10-alpha.2
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/.github/workflows/ci.yml +26 -26
- package/.github/workflows/gh-pages-main.yml +39 -39
- package/.github/workflows/npm-publish.yml +39 -39
- package/.github/workflows/pr-preview.yml +38 -38
- package/.husky/pre-commit +4 -4
- package/LICENSE +661 -661
- package/README.md +83 -83
- package/dist/index.d.ts +9 -9
- package/dist/index.js +9 -9
- package/dist/src/app-root.d.ts +50 -50
- package/dist/src/app-root.js +278 -278
- 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/empty-query.d.ts +2 -2
- package/dist/src/assets/img/icons/empty-query.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/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/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 +279 -281
- package/dist/src/collection-browser.js +1156 -1202
- package/dist/src/collection-browser.js.map +1 -1
- 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 +16 -16
- package/dist/src/collection-facets/facets-template.js +125 -125
- package/dist/src/collection-facets/more-facets-content.d.ts +75 -77
- package/dist/src/collection-facets/more-facets-content.js +340 -357
- package/dist/src/collection-facets/more-facets-content.js.map +1 -1
- package/dist/src/collection-facets/more-facets-pagination.d.ts +36 -36
- package/dist/src/collection-facets/more-facets-pagination.js +192 -192
- package/dist/src/collection-facets.d.ts +81 -83
- package/dist/src/collection-facets.js +375 -393
- package/dist/src/collection-facets.js.map +1 -1
- package/dist/src/empty-placeholder.d.ts +11 -11
- package/dist/src/empty-placeholder.js +42 -42
- 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/mediatype/mediatype-config.d.ts +3 -3
- package/dist/src/mediatype/mediatype-config.js +85 -85
- package/dist/src/models.d.ts +115 -115
- package/dist/src/models.js +125 -125
- package/dist/src/models.js.map +1 -1
- package/dist/src/restoration-state-handler.d.ts +45 -45
- package/dist/src/restoration-state-handler.js +230 -230
- 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 +20 -20
- 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-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 +113 -108
- package/dist/src/sort-filter-bar/sort-filter-bar.js +614 -548
- package/dist/src/sort-filter-bar/sort-filter-bar.js.map +1 -1
- package/dist/src/styles/item-image-styles.d.ts +8 -8
- package/dist/src/styles/item-image-styles.js +9 -9
- 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 +20 -20
- package/dist/src/tiles/grid/account-tile.js +64 -64
- package/dist/src/tiles/grid/collection-tile.d.ts +17 -17
- package/dist/src/tiles/grid/collection-tile.js +71 -71
- package/dist/src/tiles/grid/item-tile.d.ts +32 -32
- package/dist/src/tiles/grid/item-tile.js +129 -126
- package/dist/src/tiles/grid/item-tile.js.map +1 -1
- 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 +7 -7
- package/dist/src/tiles/grid/tile-stats.d.ts +10 -10
- package/dist/src/tiles/grid/tile-stats.js +40 -40
- 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 +15 -15
- package/dist/src/tiles/hover/tile-hover-pane.js +38 -38
- package/dist/src/tiles/image-block.d.ts +17 -17
- package/dist/src/tiles/image-block.js +72 -72
- package/dist/src/tiles/item-image.d.ts +35 -35
- package/dist/src/tiles/item-image.js +117 -117
- package/dist/src/tiles/list/account-label.d.ts +1 -1
- package/dist/src/tiles/list/account-label.js +6 -6
- package/dist/src/tiles/list/date-label.d.ts +1 -1
- package/dist/src/tiles/list/date-label.js +12 -12
- package/dist/src/tiles/list/tile-list-compact-header.d.ts +12 -12
- package/dist/src/tiles/list/tile-list-compact-header.js +41 -41
- package/dist/src/tiles/list/tile-list-compact.d.ts +21 -21
- package/dist/src/tiles/list/tile-list-compact.js +99 -99
- package/dist/src/tiles/list/tile-list.d.ts +55 -55
- package/dist/src/tiles/list/tile-list.js +301 -301
- 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 +10 -10
- package/dist/src/tiles/overlay/icon-overlay.js +40 -40
- package/dist/src/tiles/overlay/icon-text-overlay.d.ts +9 -9
- package/dist/src/tiles/overlay/icon-text-overlay.js +38 -38
- package/dist/src/tiles/overlay/text-overlay.d.ts +10 -10
- package/dist/src/tiles/overlay/text-overlay.js +42 -42
- 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 +58 -58
- package/dist/src/tiles/tile-dispatcher.js +194 -194
- package/dist/src/utils/analytics-events.d.ts +22 -22
- package/dist/src/utils/analytics-events.js +24 -24
- 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 +23 -23
- package/dist/src/utils/format-unit-size.d.ts +2 -2
- package/dist/src/utils/format-unit-size.js +33 -33
- package/dist/test/collection-browser.test.d.ts +1 -1
- package/dist/test/collection-browser.test.js +584 -584
- package/dist/test/collection-facets/facets-template.test.d.ts +1 -1
- package/dist/test/collection-facets/facets-template.test.js +62 -62
- package/dist/test/collection-facets/more-facets-content.test.d.ts +1 -1
- package/dist/test/collection-facets/more-facets-content.test.js +114 -114
- 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.test.d.ts +2 -2
- package/dist/test/collection-facets.test.js +460 -508
- package/dist/test/collection-facets.test.js.map +1 -1
- package/dist/test/empty-placeholder.test.d.ts +1 -1
- package/dist/test/empty-placeholder.test.js +33 -33
- 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 +48 -48
- package/dist/test/item-image.test.d.ts +1 -1
- package/dist/test/item-image.test.js +84 -84
- 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-collection-name-cache.d.ts +7 -7
- package/dist/test/mocks/mock-collection-name-cache.js +13 -13
- package/dist/test/mocks/mock-search-responses.d.ts +12 -12
- package/dist/test/mocks/mock-search-responses.js +341 -341
- package/dist/test/mocks/mock-search-service.d.ts +13 -13
- package/dist/test/mocks/mock-search-service.js +40 -40
- package/dist/test/restoration-state-handler.test.d.ts +1 -1
- package/dist/test/restoration-state-handler.test.js +125 -125
- 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 +208 -197
- package/dist/test/sort-filter-bar/sort-filter-bar.test.js.map +1 -1
- package/dist/test/text-overlay.test.d.ts +1 -1
- package/dist/test/text-overlay.test.js +48 -48
- 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 +33 -33
- 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 +158 -158
- package/dist/test/tiles/hover/hover-pane-controller.test.d.ts +1 -1
- package/dist/test/tiles/hover/hover-pane-controller.test.js +257 -257
- package/dist/test/tiles/hover/tile-hover-pane.test.d.ts +1 -1
- package/dist/test/tiles/hover/tile-hover-pane.test.js +13 -13
- package/dist/test/tiles/list/tile-list-compact.test.d.ts +1 -1
- package/dist/test/tiles/list/tile-list-compact.test.js +92 -92
- package/dist/test/tiles/list/tile-list.test.d.ts +1 -1
- package/dist/test/tiles/list/tile-list.test.js +163 -163
- package/dist/test/tiles/tile-dispatcher.test.d.ts +1 -1
- package/dist/test/tiles/tile-dispatcher.test.js +67 -67
- 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 +17 -17
- package/dist/test/utils/format-unit-size.test.d.ts +1 -1
- package/dist/test/utils/format-unit-size.test.js +17 -17
- package/local.archive.org.cert +86 -86
- package/local.archive.org.key +27 -27
- package/package.json +4 -3
- package/renovate.json +6 -6
- package/src/collection-browser.ts +2 -61
- package/src/collection-facets/more-facets-content.ts +2 -22
- package/src/collection-facets.ts +1 -24
- package/src/models.ts +6 -6
- package/src/sort-filter-bar/sort-filter-bar.ts +283 -197
- package/src/tiles/grid/item-tile.ts +5 -1
- package/test/collection-facets.test.ts +0 -67
- package/test/sort-filter-bar/sort-filter-bar.test.ts +56 -39
- package/tsconfig.json +21 -21
- package/web-dev-server.config.mjs +30 -30
- package/web-test-runner.config.mjs +41 -41
package/dist/src/models.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"models.js","sourceRoot":"","sources":["../../src/models.ts"],"names":[],"mappings":"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","sourcesContent":["import type { MediaType } from '@internetarchive/field-parsers';\n\nexport interface TileModel {\n averageRating?: number;\n collectionIdentifier?: string;\n collectionName?: string;\n collectionFilesCount: number;\n collections: string[];\n collectionSize: number;\n commentCount: number;\n creator?: string;\n creators: string[];\n dateAdded?: Date; // Date added to public search (software-defined) [from: addeddate]\n dateArchived?: Date; // Date archived (software-defined) item created on archive.org [from: publicdate]\n datePublished?: Date; // Date work published in the world (user-defined) [from: date]\n dateReviewed?: Date; // Date reviewed (user-created) most recent review [from: reviewdate]\n description?: string;\n favCount: number;\n href?: string;\n identifier: string;\n issue?: string;\n itemCount: number;\n mediatype: MediaType;\n source?: string;\n snippets?: string[];\n subjects: string[];\n title: string;\n viewCount: number;\n volume?: string;\n weeklyViewCount?: number;\n loginRequired: boolean;\n contentWarning: boolean;\n}\n\nexport type CollectionDisplayMode = 'grid' | 'list-compact' | 'list-detail';\n\nexport type TileDisplayMode =\n | 'grid'\n | 'list-compact'\n | 'list-detail'\n | 'list-header';\n\n/**\n * This is mainly used to set the cookies for the collection display mode.\n *\n * It allows the user to set different modes for different contexts (collection page, search page, etc).\n */\nexport type CollectionBrowserContext = 'collection' | 'search';\n\n/**\n * The sort fields shown in the sort filter bar\n */\nexport enum SortField {\n 'relevance' = 'relevance',\n 'alltimeview' = 'alltimeview',\n 'weeklyview' = 'weeklyview',\n 'title' = 'title',\n 'datearchived' = 'datearchived',\n 'date' = 'date',\n 'datereviewed' = 'datereviewed',\n 'dateadded' = 'dateadded',\n 'creator' = 'creator',\n}\n\n/**\n * The metadata fields we sort by that map to the SortFields above\n */\nexport type MetadataSortField =\n | 'downloads'\n | 'week'\n | 'titleSorter'\n | 'date'\n | 'creatorSorter'\n | 'publicdate'\n | 'reviewdate'\n | 'addeddate';\n\nexport const SortFieldDisplayName: {\n [key in SortField]: string;\n} = {\n relevance: 'Relevance',\n alltimeview: 'All-time
|
|
1
|
+
{"version":3,"file":"models.js","sourceRoot":"","sources":["../../src/models.ts"],"names":[],"mappings":"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","sourcesContent":["import type { MediaType } from '@internetarchive/field-parsers';\n\nexport interface TileModel {\n averageRating?: number;\n collectionIdentifier?: string;\n collectionName?: string;\n collectionFilesCount: number;\n collections: string[];\n collectionSize: number;\n commentCount: number;\n creator?: string;\n creators: string[];\n dateAdded?: Date; // Date added to public search (software-defined) [from: addeddate]\n dateArchived?: Date; // Date archived (software-defined) item created on archive.org [from: publicdate]\n datePublished?: Date; // Date work published in the world (user-defined) [from: date]\n dateReviewed?: Date; // Date reviewed (user-created) most recent review [from: reviewdate]\n description?: string;\n favCount: number;\n href?: string;\n identifier: string;\n issue?: string;\n itemCount: number;\n mediatype: MediaType;\n source?: string;\n snippets?: string[];\n subjects: string[];\n title: string;\n viewCount: number;\n volume?: string;\n weeklyViewCount?: number;\n loginRequired: boolean;\n contentWarning: boolean;\n}\n\nexport type CollectionDisplayMode = 'grid' | 'list-compact' | 'list-detail';\n\nexport type TileDisplayMode =\n | 'grid'\n | 'list-compact'\n | 'list-detail'\n | 'list-header';\n\n/**\n * This is mainly used to set the cookies for the collection display mode.\n *\n * It allows the user to set different modes for different contexts (collection page, search page, etc).\n */\nexport type CollectionBrowserContext = 'collection' | 'search';\n\n/**\n * The sort fields shown in the sort filter bar\n */\nexport enum SortField {\n 'relevance' = 'relevance',\n 'alltimeview' = 'alltimeview',\n 'weeklyview' = 'weeklyview',\n 'title' = 'title',\n 'datearchived' = 'datearchived',\n 'date' = 'date',\n 'datereviewed' = 'datereviewed',\n 'dateadded' = 'dateadded',\n 'creator' = 'creator',\n}\n\n/**\n * The metadata fields we sort by that map to the SortFields above\n */\nexport type MetadataSortField =\n | 'downloads'\n | 'week'\n | 'titleSorter'\n | 'date'\n | 'creatorSorter'\n | 'publicdate'\n | 'reviewdate'\n | 'addeddate';\n\nexport const SortFieldDisplayName: {\n [key in SortField]: string;\n} = {\n relevance: 'Relevance',\n alltimeview: 'All-time views',\n weeklyview: 'Weekly views',\n title: 'Title',\n datearchived: 'Date archived',\n date: 'Date published',\n datereviewed: 'Date reviewed',\n dateadded: 'Date added',\n creator: 'Creator',\n};\n\n/**\n * Maps the SortField above to the corresponding Metadata field in the API.\n */\nexport const SortFieldToMetadataField: {\n [key in SortField]: MetadataSortField | null;\n} = {\n relevance: null,\n alltimeview: 'downloads',\n weeklyview: 'week',\n title: 'titleSorter',\n datearchived: 'publicdate',\n date: 'date',\n datereviewed: 'reviewdate',\n dateadded: 'addeddate',\n creator: 'creatorSorter',\n};\n\n/**\n * Maps the Metadata field to the corresponding SortField field in the API.\n */\nexport const MetadataFieldToSortField: {\n [key in MetadataSortField]: SortField;\n} = {\n week: SortField.weeklyview,\n downloads: SortField.alltimeview,\n titleSorter: SortField.title,\n date: SortField.date,\n publicdate: SortField.datearchived,\n reviewdate: SortField.datereviewed,\n addeddate: SortField.dateadded,\n creatorSorter: SortField.creator,\n};\n\n/** A union of the fields that permit prefix filtering (e.g., alphabetical filtering) */\nexport type PrefixFilterType = 'title' | 'creator';\n\n/** A map from prefixes (e.g., initial letters) to the number of items matching that prefix */\nexport type PrefixFilterCounts = Record<string, number>;\n\n/**\n * A map from prefix filter types to the corresponding aggregation keys\n * that are needed to fetch the filter counts from the backend.\n */\nexport const prefixFilterAggregationKeys: Record<PrefixFilterType, string> = {\n title: 'firstTitle',\n creator: 'firstCreator',\n};\n\nexport type FacetOption =\n | 'subject'\n | 'lending'\n | 'mediatype'\n | 'language'\n | 'creator'\n | 'collection'\n | 'year';\n\nexport type SelectedFacetState = 'selected' | 'hidden';\n\nexport type FacetState = SelectedFacetState | 'none';\n\nexport interface FacetBucket {\n // for some facets, we augment the key with a display value\n displayText?: string;\n key: string;\n count: number;\n state: FacetState;\n}\n\nexport interface FacetGroup {\n title: string;\n key: FacetOption;\n buckets: FacetBucket[];\n}\n\nexport type FacetValue = string;\n\nexport type SelectedFacets = Record<\n FacetOption,\n Record<FacetValue, FacetBucket>\n>;\n\nexport const defaultSelectedFacets: SelectedFacets = {\n subject: {},\n lending: {},\n mediatype: {},\n language: {},\n creator: {},\n collection: {},\n year: {},\n};\n\nexport const facetDisplayOrder: FacetOption[] = [\n 'mediatype',\n 'lending',\n 'year',\n 'subject',\n 'collection',\n 'creator',\n 'language',\n];\n\nexport const facetTitles: Record<FacetOption, string> = {\n subject: 'Subject',\n lending: 'Availability',\n mediatype: 'Media Type',\n language: 'Language',\n creator: 'Creator',\n collection: 'Collection',\n year: 'Year',\n};\n\nexport type LendingFacetKey =\n | 'is_lendable'\n | 'is_borrowable'\n | 'available_to_borrow'\n | 'is_browsable'\n | 'available_to_browse'\n | 'is_readable'\n | 'available_to_waitlist';\n\n/**\n * Maps valid lending keys to whether they should be visible in the facet sidebar\n */\nexport const lendingFacetKeysVisibility: Record<LendingFacetKey, boolean> = {\n is_lendable: true,\n is_borrowable: false,\n available_to_borrow: true,\n is_browsable: false,\n available_to_browse: false,\n is_readable: true,\n available_to_waitlist: false,\n};\n\n/**\n * Maps valid, visible lending keys to their facet sidebar display text\n */\nexport const lendingFacetDisplayNames: Partial<\n Record<LendingFacetKey, string>\n> = {\n is_lendable: 'Lending Library',\n available_to_borrow: 'Borrow 14 Days',\n is_readable: 'Always Available',\n};\n\n/**\n * A record of which admin-only collections should be suppressed from being displayed\n * as facets or in an item's list of collections.\n */\nexport const suppressedCollections: Record<string, boolean> = {\n deemphasize: true,\n community: true,\n stream_only: true,\n samples_only: true,\n test_collection: true,\n printdisabled: true,\n 'openlibrary-ol': true,\n nationalemergencylibrary: true,\n china: true,\n americana: true,\n toronto: true,\n};\n"]}
|
|
@@ -1,45 +1,45 @@
|
|
|
1
|
-
import { SearchType, SortDirection, SortParam } from '@internetarchive/search-service';
|
|
2
|
-
import { CollectionBrowserContext, CollectionDisplayMode, SelectedFacets, SortField } from './models';
|
|
3
|
-
export interface RestorationState {
|
|
4
|
-
displayMode?: CollectionDisplayMode;
|
|
5
|
-
searchType?: SearchType;
|
|
6
|
-
sortParam?: SortParam;
|
|
7
|
-
selectedSort?: SortField;
|
|
8
|
-
sortDirection?: SortDirection;
|
|
9
|
-
selectedFacets: SelectedFacets;
|
|
10
|
-
baseQuery?: string;
|
|
11
|
-
currentPage?: number;
|
|
12
|
-
titleQuery?: string;
|
|
13
|
-
creatorQuery?: string;
|
|
14
|
-
minSelectedDate?: string;
|
|
15
|
-
maxSelectedDate?: string;
|
|
16
|
-
selectedTitleFilter?: string;
|
|
17
|
-
selectedCreatorFilter?: string;
|
|
18
|
-
}
|
|
19
|
-
export interface RestorationStateHandlerInterface {
|
|
20
|
-
persistState(state: RestorationState): void;
|
|
21
|
-
getRestorationState(): RestorationState;
|
|
22
|
-
}
|
|
23
|
-
export declare class RestorationStateHandler implements RestorationStateHandlerInterface {
|
|
24
|
-
private context;
|
|
25
|
-
private cookieDomain;
|
|
26
|
-
private cookieExpiration;
|
|
27
|
-
private cookiePath;
|
|
28
|
-
constructor(options: {
|
|
29
|
-
context: CollectionBrowserContext;
|
|
30
|
-
});
|
|
31
|
-
persistState(state: RestorationState): void;
|
|
32
|
-
getRestorationState(): RestorationState;
|
|
33
|
-
private persistViewStateToCookies;
|
|
34
|
-
private loadTileViewStateFromCookies;
|
|
35
|
-
private persistQueryStateToUrl;
|
|
36
|
-
private loadQueryStateFromUrl;
|
|
37
|
-
private stripQuotes;
|
|
38
|
-
/**
|
|
39
|
-
* Sets the facet state for the given field & value to the given state,
|
|
40
|
-
* creating any previously-undefined buckets as needed.
|
|
41
|
-
*/
|
|
42
|
-
private setSelectedFacetState;
|
|
43
|
-
/** Returns a default bucket with the given key, count of 0, and state 'none'. */
|
|
44
|
-
private getDefaultBucket;
|
|
45
|
-
}
|
|
1
|
+
import { SearchType, SortDirection, SortParam } from '@internetarchive/search-service';
|
|
2
|
+
import { CollectionBrowserContext, CollectionDisplayMode, SelectedFacets, SortField } from './models';
|
|
3
|
+
export interface RestorationState {
|
|
4
|
+
displayMode?: CollectionDisplayMode;
|
|
5
|
+
searchType?: SearchType;
|
|
6
|
+
sortParam?: SortParam;
|
|
7
|
+
selectedSort?: SortField;
|
|
8
|
+
sortDirection?: SortDirection;
|
|
9
|
+
selectedFacets: SelectedFacets;
|
|
10
|
+
baseQuery?: string;
|
|
11
|
+
currentPage?: number;
|
|
12
|
+
titleQuery?: string;
|
|
13
|
+
creatorQuery?: string;
|
|
14
|
+
minSelectedDate?: string;
|
|
15
|
+
maxSelectedDate?: string;
|
|
16
|
+
selectedTitleFilter?: string;
|
|
17
|
+
selectedCreatorFilter?: string;
|
|
18
|
+
}
|
|
19
|
+
export interface RestorationStateHandlerInterface {
|
|
20
|
+
persistState(state: RestorationState): void;
|
|
21
|
+
getRestorationState(): RestorationState;
|
|
22
|
+
}
|
|
23
|
+
export declare class RestorationStateHandler implements RestorationStateHandlerInterface {
|
|
24
|
+
private context;
|
|
25
|
+
private cookieDomain;
|
|
26
|
+
private cookieExpiration;
|
|
27
|
+
private cookiePath;
|
|
28
|
+
constructor(options: {
|
|
29
|
+
context: CollectionBrowserContext;
|
|
30
|
+
});
|
|
31
|
+
persistState(state: RestorationState): void;
|
|
32
|
+
getRestorationState(): RestorationState;
|
|
33
|
+
private persistViewStateToCookies;
|
|
34
|
+
private loadTileViewStateFromCookies;
|
|
35
|
+
private persistQueryStateToUrl;
|
|
36
|
+
private loadQueryStateFromUrl;
|
|
37
|
+
private stripQuotes;
|
|
38
|
+
/**
|
|
39
|
+
* Sets the facet state for the given field & value to the given state,
|
|
40
|
+
* creating any previously-undefined buckets as needed.
|
|
41
|
+
*/
|
|
42
|
+
private setSelectedFacetState;
|
|
43
|
+
/** Returns a default bucket with the given key, count of 0, and state 'none'. */
|
|
44
|
+
private getDefaultBucket;
|
|
45
|
+
}
|
|
@@ -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,6 +1,6 @@
|
|
|
1
|
-
import { LitElement, CSSResultGroup } from 'lit';
|
|
2
|
-
export declare class AlphaBarTooltip extends LitElement {
|
|
3
|
-
numResults: number;
|
|
4
|
-
render(): import("lit-html").TemplateResult<1>;
|
|
5
|
-
static get styles(): CSSResultGroup;
|
|
6
|
-
}
|
|
1
|
+
import { LitElement, CSSResultGroup } from 'lit';
|
|
2
|
+
export declare class AlphaBarTooltip extends LitElement {
|
|
3
|
+
numResults: number;
|
|
4
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
5
|
+
static get styles(): CSSResultGroup;
|
|
6
|
+
}
|