Display links to things in local systems (#1291)

lrosenstrom · web-flow · commit fff5d60d5ec9 · 2025-05-27T09:34:18.000+02:00
diff --git a/lxl-web/src/app.css b/lxl-web/src/app.css
@@ -262,6 +262,15 @@
 		}
 	}
 
+	.btn-outlined {
+		color: var(--color-link);
+		font-size: var(--text-xs);
+		padding: calc(var(--spacing) * 1.5) calc(var(--spacing) * 6);
+		height: calc(var(--spacing) * 10);
+		border-radius: calc(infinity * 1px);
+		border: 1px solid var(--color-link);
+	}
+
 	.badge {
 		display: flex;
 		align-items: center;
diff --git a/lxl-web/src/lib/assets/json/display-web.json b/lxl-web/src/lib/assets/json/display-web.json
@@ -251,6 +251,18 @@
 				}
 			}
 		},
+		"tokens": {
+			"@id": "tokens",
+			"@type": "fresnel:Group",
+			"lenses": {
+				"Publication": {
+					"@id": "Publication-tokens",
+					"@type": "fresnel:Lens",
+					"classLensDomain": "Publication",
+					"showProperties": ["agent", "year"]
+				}
+			}
+		},
 		"web-chips": {
 			"@id": "web-chips",
 			"@type": "fresnel:Group",
@@ -840,6 +852,26 @@
 				"fresnel:contentBefore": ""
 			}
 		},
+		"bibdb:PostalAddress-format": {
+			"@id": "bibdb:PostalAddress-format",
+			"@type": "fresnel:Format",
+			"fresnel:classFormatDomain": ["bibdb:PostalAddress"],
+			"fresnel:propertyFormatDomain": ["bibdb:streetAddress", "bibdb:postalCode", "bibdb:email"],
+			"fresnel:propertyFormat": {
+				"fresnel:contentBefore": "\n",
+				"fresnel:contentFirst": ""
+			}
+		},
+		"bibdb:PostalAddress-format2": {
+			"@id": "bibdb:PostalAddress-format2",
+			"@type": "fresnel:Format",
+			"fresnel:classFormatDomain": ["bibdb:PostalAddress"],
+			"fresnel:propertyFormatDomain": ["bibdb:addressLocality"],
+			"fresnel:propertyFormat": {
+				"fresnel:contentBefore": " ",
+				"fresnel:contentFirst": ""
+			}
+		},
 		"default-separators": {
 			"@id": "default-separators",
 			"@type": "fresnel:Format",
diff --git a/lxl-web/src/lib/i18n/locales/en.js b/lxl-web/src/lib/i18n/locales/en.js
@@ -198,7 +198,12 @@ export default {
 		loanStatusFailed: 'Failed to get loan status',
 		available: 'Available',
 		unavailable: 'Not available',
-		map: 'map'
+		map: 'map',
+		linkToLocal: 'Show in local library catalog',
+		loanReserveLink: 'Loan/reserve',
+		linkToCatalog: 'Local library catalog',
+		linkToSite: 'Library website',
+		openingHoursEtc: 'Opening hours, address etc'
 	},
 	filterAlias: {
 		'alias-myLibraries': 'My Libraries'
diff --git a/lxl-web/src/lib/i18n/locales/sv.js b/lxl-web/src/lib/i18n/locales/sv.js
@@ -197,7 +197,12 @@ export default {
 		loanStatusFailed: 'Lånestatus kunde inte hämtas',
 		available: 'Tillgänglig',
 		unavailable: 'Ej tillgänglig',
-		map: 'karta'
+		map: 'karta',
+		linkToLocal: 'Visa i bibliotekets katalog',
+		loanReserveLink: 'Låna/reservera',
+		linkToCatalog: 'Bibliotekets lokala katalog',
+		linkToSite: 'Bibliotekets webbplats',
+		openingHoursEtc: 'Öppettider, adress m.m.'
 	},
 	filterAlias: {
 		'alias-myLibraries': 'Mina bibliotek'
diff --git a/lxl-web/src/lib/types/holdings.ts b/lxl-web/src/lib/types/holdings.ts
@@ -1,4 +1,4 @@
-import type { DisplayDecorated } from './xl';
+import type { DisplayDecorated, FramedData } from './xl';
 
 export type BibIdObj = {
 	bibId: string;
@@ -7,6 +7,7 @@ export type BibIdObj = {
 	onr: string | null;
 	isbn: string[];
 	issn: string[];
+	str: string;
 };
 
 export type HoldingsByInstanceId = {
@@ -29,3 +30,15 @@ export type DecoratedHolder = {
 	sigel: string;
 	str: string;
 };
+
+export type FullHolderBySigel = {
+	[sigel: string]: FramedData;
+};
+
+export type ItemLinksForHolder = {
+	[sigel: string]: { [linkType: string]: string[] };
+};
+
+export type ItemLinksByBibId = {
+	[id: string]: ItemLinksForHolder;
+};
diff --git a/lxl-web/src/lib/types/xl.ts b/lxl-web/src/lib/types/xl.ts
@@ -46,6 +46,28 @@ export enum Platform {
 	meta = 'meta'
 }
 
+export enum BibDb {
+	ils = 'bibdb:ils',
+	lopac = 'bibdb:lopac',
+	bibIdSearchUriByLang = 'bibdb:bibIdSearchUriByLang',
+	bibIdSearchUri = 'bibdb:bibIdSearchUri',
+	isbnSearchUri = 'bibdb:isbnSearchUri',
+	issnSearchUri = 'bibdb:issnSearchUri',
+	eodUri = 'bibdb:eodUri',
+	itemStatusUri = 'bibdb:itemStatusUri',
+	openingHours = 'bibdb:openingHours',
+	address = 'bibdb:address',
+	postalAddress = 'bibdb:PostalAddress',
+	visitingAddress = 'bibdb:VisitingAddress',
+	LinksToCatalog = 'linksToCatalog',
+	LinksToSite = 'linksToSite',
+	LinksToItem = 'linksToItem',
+	Address = 'address',
+	ItemStatus = 'itemStatus',
+	OpeningHours = 'openingHours',
+	LoanReserveLink = 'loanReserveLink'
+}
+
 export type ClassName = string;
 export type PropertyName = string;
 export type LangCode = string;
diff --git a/lxl-web/src/lib/utils/holdersCache.svelte.ts b/lxl-web/src/lib/utils/holdersCache.svelte.ts
@@ -0,0 +1,6 @@
+import type { FullHolderBySigel } from '$lib/types/holdings';
+
+type Cache = {
+	holders: FullHolderBySigel;
+};
+export const holdersCache: Cache = $state({ holders: {} });
diff --git a/lxl-web/src/lib/utils/holdings.test.ts b/lxl-web/src/lib/utils/holdings.test.ts
@@ -6,14 +6,18 @@ import { UserSettings } from './userSettings.svelte';
 
 describe('getBibIdsByInstanceId', () => {
 	it('Returns a correctly mapped object (bibId, type & holders)', () => {
-		expect(getBibIdsByInstanceId(mainEntity, record)).toStrictEqual({
+		const instanceTokenStr = 'Natur och kultur, 2018';
+		const DisplayUtil = { lensAndFormat: () => instanceTokenStr };
+
+		expect(getBibIdsByInstanceId(mainEntity, DisplayUtil, record, 'sv')).toStrictEqual({
 			'0h96fs3b0c49qkt': {
 				bibId: '7654300',
 				'@type': 'Instance',
 				holders: ['S', 'H', 'U', 'Um', 'Umdp', 'La', 'Q', 'L', 'Sbi', 'NB'],
 				onr: '9176423484',
 				isbn: ['9176423484'],
-				issn: []
+				issn: [],
+				str: instanceTokenStr
 			}
 		});
 	});
diff --git a/lxl-web/src/lib/utils/holdings.ts b/lxl-web/src/lib/utils/holdings.ts
@@ -1,11 +1,19 @@
 import { pushState } from '$app/navigation';
 import isFnurgel from '$lib/utils/isFnurgel';
-import type { BibIdObj, HoldersByType, HoldingsByInstanceId } from '$lib/types/holdings';
-import { LensType, type FramedData } from '$lib/types/xl';
+import type {
+	BibIdObj,
+	HoldersByType,
+	HoldingsByInstanceId,
+	ItemLinksByBibId,
+	ItemLinksForHolder
+} from '$lib/types/holdings';
+import { LensType, type FramedData, JsonLd, BibDb } from '$lib/types/xl';
 import type { LocaleCode } from '$lib/i18n/locales';
 import type { LibraryItem, UserSettings } from '$lib/types/userSettings';
 import { relativizeUrl } from '$lib/utils/http';
 import { DisplayUtil, toString } from '$lib/utils/xl.js';
+import getAtPath from '$lib/utils/getAtPath';
+import { holdersCache } from '$lib/utils/holdersCache.svelte';
 
 export function getHoldingsLink(url: URL, value: string) {
 	const newSearchParams = new URLSearchParams([...Array.from(url.searchParams.entries())]);
@@ -72,13 +80,24 @@ export function getHoldingsByInstanceId(
 	}, {});
 }
 
-export function getBibIdsByInstanceId(mainEntity, record): Record<string, BibIdObj> {
-	return mainEntity['@reverse']?.instanceOf?.reduce((acc, instanceOfItem) => {
-		const id = relativizeUrl(instanceOfItem['@id'])?.replace('#it', '');
+export function getBibIdsByInstanceId(
+	mainEntity,
+	displayUtil: DisplayUtil,
+	record,
+	locale: LocaleCode
+): Record<string, BibIdObj> {
+	return mainEntity['@reverse']?.instanceOf?.reduce((acc, instance) => {
+		const id = relativizeUrl(instance['@id'])?.replace('#it', '');
 
-		const bibId = instanceOfItem.meta?.controlNumber || record?.controlNumber;
-		const type = instanceOfItem['@type'];
-		const holders = instanceOfItem['@reverse']?.itemOf?.map((i) => i?.heldBy?.sigel);
+		const bibId = instance.meta?.controlNumber || record?.controlNumber;
+		const type = instance['@type'];
+		const holders = instance['@reverse']?.itemOf?.map((i) => i?.heldBy?.sigel);
+		const publication = instance.publication;
+		let str = '';
+		if (publication) {
+			str =
+				toString(displayUtil.lensAndFormat(instance.publication[0], LensType.Token, locale)) || '';
+		}
 
 		// add Legacy Libris III system number for ONR param
 		let onr = null;
@@ -90,7 +109,7 @@ export function getBibIdsByInstanceId(mainEntity, record): Record<string, BibIdO
 
 		const isbn: string[] = [];
 		const issn: string[] = [];
-		instanceOfItem.identifiedBy?.forEach((el: { '@type': string; value: string }) => {
+		instance.identifiedBy?.forEach((el: { '@type': string; value: string }) => {
 			if (el['@type'] === 'ISBN') {
 				isbn.push(el.value);
 			}
@@ -111,7 +130,8 @@ export function getBibIdsByInstanceId(mainEntity, record): Record<string, BibIdO
 				holders,
 				onr,
 				isbn,
-				issn
+				issn,
+				str
 			}
 		};
 	}, {});
@@ -185,3 +205,145 @@ export function getMyLibsFromHoldings(
 	}
 	return Object.values(result);
 }
+
+export async function fetchHoldersIfAbsent(holdersByType: HoldersByType) {
+	const cachedHolders = holdersCache.holders;
+	const allHolders = Object.values(holdersByType).flat();
+	for (const h of allHolders) {
+		const id = h.obj?.['@id'];
+
+		if (h.sigel && cachedHolders && !cachedHolders[h.sigel]) {
+			const response = await fetch(`${id}?framed=true`, {
+				headers: { Accept: 'application/ld+json' }
+			});
+			if (response.ok) {
+				const resJson = await response.json();
+				const libraryMainEntity = resJson['mainEntity'] as FramedData;
+				if (libraryMainEntity) {
+					cachedHolders[h.sigel] = libraryMainEntity;
+				}
+			} else {
+				console.error(`Could not fetch holder data for ${id}`);
+			}
+		}
+	}
+}
+
+export function getItemLinksByBibId(
+	bibIdsByInstanceId: Record<string, BibIdObj>,
+	locale: LocaleCode,
+	displayUtil: DisplayUtil
+): ItemLinksByBibId {
+	const linksByInstanceId: ItemLinksByBibId = {};
+	for (const bibIdObj of Object.values(bibIdsByInstanceId || [])) {
+		const linksForHolder: ItemLinksForHolder = {};
+		bibIdObj.holders?.forEach((sigel) => {
+			if (holdersCache.holders) {
+				const fullHolderData = holdersCache.holders[sigel];
+
+				const ilsPaths = [
+					[BibDb.ils, BibDb.bibIdSearchUri],
+					[BibDb.ils, BibDb.isbnSearchUri],
+					[BibDb.ils, BibDb.issnSearchUri]
+				];
+
+				const lopacPaths = [[BibDb.lopac, BibDb.bibIdSearchUriByLang]];
+
+				let linksToItem = getLinksToItemFor(bibIdObj, fullHolderData, ilsPaths, locale);
+				const lopacLinksItem = getLinksToItemFor(bibIdObj, fullHolderData, lopacPaths, locale);
+
+				const linkTemplateEod = getAtPath(fullHolderData, [BibDb.eodUri], []);
+				if (linkTemplateEod && linkTemplateEod.length !== 0) {
+					linksToItem = [linkTemplateEod.replace(/%BIB_*ID%/, bibIdObj.bibId), ...linksToItem];
+				}
+
+				//TODO: rename
+				const allLinks: { [linkType: string]: string[] } = {};
+
+				const itemStatusUri = getAtPath(fullHolderData, [BibDb.ils, BibDb.itemStatusUri], []);
+
+				if (itemStatusUri && itemStatusUri.length !== 0) {
+					allLinks[BibDb.ItemStatus] = [itemStatusUri];
+				}
+
+				const linksToCatalog: string[] = [];
+				const linkToCatalog = getAtPath(fullHolderData, [BibDb.ils, 'url'], undefined);
+				if (linkToCatalog && linkToCatalog.length !== 0) {
+					linksToCatalog.push(linkToCatalog);
+					allLinks[BibDb.LinksToCatalog] = linksToCatalog;
+				}
+
+				const linksToSite: string[] = [];
+				const linkToSite = getAtPath(fullHolderData, ['url', JsonLd.ID], undefined);
+				if (linkToSite && linkToSite.length !== 0) {
+					linksToSite.push(linkToSite);
+					allLinks[BibDb.LinksToSite] = linksToSite;
+				}
+
+				const openingHoursList: string[] = [];
+				const openingHours = getAtPath(fullHolderData, [BibDb.openingHours], undefined);
+				if (openingHours && openingHours !== '') {
+					openingHoursList.push(openingHours);
+					allLinks[BibDb.OpeningHours] = openingHoursList;
+				}
+
+				const addresses: string[] = [];
+				const address = getAtPath(fullHolderData, [BibDb.address, '*'], undefined);
+				const postalAddress = address.find((a) => a[JsonLd.TYPE] === BibDb.postalAddress);
+				const visitingAddress = address.find((a) => a[JsonLd.TYPE] === BibDb.visitingAddress);
+
+				if (address && address.length !== 0) {
+					addresses.push(
+						toString(displayUtil.lensAndFormat(visitingAddress, LensType.Card, locale)) || ''
+					);
+					addresses.push(
+						toString(displayUtil.lensAndFormat(postalAddress, LensType.Card, locale)) || ''
+					);
+					allLinks[BibDb.Address] = addresses;
+				}
+
+				if (linksToItem.length !== 0) {
+					allLinks[BibDb.LinksToItem] = linksToItem;
+				}
+
+				if (lopacLinksItem.length !== 0) {
+					allLinks[BibDb.LoanReserveLink] = lopacLinksItem;
+				}
+
+				if (Object.keys(allLinks).length !== 0) {
+					linksForHolder[sigel] = allLinks;
+				}
+			}
+		});
+		linksByInstanceId[bibIdObj.bibId] = linksForHolder;
+	}
+	return linksByInstanceId;
+}
+
+function getLinksToItemFor(
+	bibIdObj: BibIdObj,
+	fullHolderData: FramedData,
+	paths: string[][],
+	locale: LocaleCode
+): string[] {
+	let linksToItem: string[] = [];
+	for (const path of paths) {
+		const linkTemplate = getAtPath(fullHolderData, path, []);
+		if (linkTemplate && linkTemplate.length !== 0) {
+			if (path.includes(BibDb.bibIdSearchUriByLang) && bibIdObj.bibId !== '') {
+				linksToItem = [linkTemplate[locale].replace(/%BIB_*ID%/g, bibIdObj.bibId), ...linksToItem];
+			}
+			if (path.includes(BibDb.bibIdSearchUri) && bibIdObj.bibId !== '') {
+				// forms in the wild %BIB_ID%, %BIBID%, more???
+				linksToItem = [linkTemplate.replace(/%BIB_*ID%/g, bibIdObj.bibId), ...linksToItem];
+			}
+			if (path.includes(BibDb.isbnSearchUri) && bibIdObj.isbn.length !== 0) {
+				linksToItem = [linkTemplate.replace(/%ISBN%/g, bibIdObj.isbn), ...linksToItem];
+			}
+			if (path.includes(BibDb.issnSearchUri) && bibIdObj.issn.length !== 0) {
+				linksToItem = [linkTemplate.replace(/%ISSN%/g, bibIdObj.issn), ...linksToItem];
+			}
+		}
+	}
+	return linksToItem;
+}
diff --git a/lxl-web/src/routes/(app)/[[lang=lang]]/[fnurgel=fnurgel]/+page.server.ts b/lxl-web/src/routes/(app)/[[lang=lang]]/[fnurgel=fnurgel]/+page.server.ts
diff --git a/lxl-web/src/routes/(app)/[[lang=lang]]/[fnurgel=fnurgel]/+page.svelte b/lxl-web/src/routes/(app)/[[lang=lang]]/[fnurgel=fnurgel]/+page.svelte
diff --git a/lxl-web/src/routes/(app)/[[lang=lang]]/[fnurgel=fnurgel]/HoldingAvailability.svelte b/lxl-web/src/routes/(app)/[[lang=lang]]/[fnurgel=fnurgel]/HoldingAvailability.svelte
diff --git a/lxl-web/src/routes/(app)/[[lang=lang]]/[fnurgel=fnurgel]/HoldingInfo.svelte b/lxl-web/src/routes/(app)/[[lang=lang]]/[fnurgel=fnurgel]/HoldingInfo.svelte
