fix: Extract and use hostname variable.

Author: jheer

src/lib/bibtex.svelte

@@ -1,10 +1,9 @@
 <script lang="ts">
 	import type { Paper, Venue } from './app-types';
+	import { hostname } from './hostname';
 	export let paper: Paper;
 	export let venue: Venue;
 
-	const HOST_URL = 'https://uwdata.github.io';
-
 	function formatBibtex(p: Paper, v: Venue) {
 		const venue = v.venueType == 'journal' ? 'journal' : 'booktitle';
 		const edits = (p.editors || '').replace('&', 'AND');
@@ -25,7 +24,7 @@
 			attr('pages', pages),
 			attr('publisher', p.publisher),
 			attr('location', p.location),
-			attr('url', `${HOST_URL}/papers/${p.web_name}`),
+			attr('url', `${hostname}/papers/${p.web_name}`),
 			attr('doi', p.doi)
 		];
 

src/lib/hostname.ts

@@ -0,0 +1 @@
+export const hostname = 'https://uwdata.github.io';

src/routes/papers/[slug]/+page.svelte

@@ -4,7 +4,7 @@
 	import Bibtex from '$lib/bibtex.svelte';
 	import Materials from '$lib/materials.svelte';
 	import { displayName } from '$lib/display-name';
-	import { base } from '$app/paths';
+	import { hostname } from '$lib/hostname';
 	export let data: { paper: Paper; venue: Venue };
 	$: paper = data.paper;
 	$: venue = data.venue;
@@ -17,8 +17,8 @@
 	<meta name="twitter:card" content="summary" />
 	<meta name="twitter:site" content="@uwdata" />
 	<meta property="twitter:title" content={paper.title} />
-	<meta property="og:image" content={`${base}/${paper.thumbnail}`} />
-	<meta property="twitter:image" content={`${base}/${paper.thumbnail}`} />
+	<meta property="og:image" content={`${hostname}/${paper.thumbnail}`} />
+	<meta property="twitter:image" content={`${hostname}/${paper.thumbnail}`} />
 	{#if paper.doi}<meta name="citation_doi" content={paper.doi} />{/if}
 	<meta name="citation_title" content={paper.title} />
 	<meta name="citation_{venue.venueType === 'journal' ? 'journal' : 'inbook'}_title" content={venue.fullName} />