mejorar

package.json

@@ -25,10 +25,9 @@
   "type": "module",
   "dependencies": {
     "bulma": "^0.9.4",
-		"date-fns": "^2.30.0",
+    "dayjs": "^1.11.9",
     "erina-sign-teller": "^3.4.5",
     "unslugify": "^1.0.4",
-		"wikiapi": "^1.19.4",
     "wikibase-sdk": "^9.2.2"
   }
 }

src/routes/w/[slug]/+page.server.ts

@@ -1,24 +1,46 @@
-import { error } from '@sveltejs/kit';
-import Wikiapi from 'wikiapi';
+// import { error } from '@sveltejs/kit';
+// import Wikiapi from 'wikiapi';
 import unslugify from 'unslugify';
+import { WBK } from 'wikibase-sdk';
+import dayjs from 'dayjs';
 
+const wdk = WBK({
+	instance: 'https://www.wikidata.org',
+	sparqlEndpoint: 'https://query.wikidata.org/sparql'
+});
+
+// month is zero-indexed
 export type Birth = { year: number; month: number; day: number };
+export type Entry = { name: string; birth: Birth };
 
-let cache = new Map<string, Birth>();
+let cache = new Map<string, Entry>();
 
 /** @type {import('./$types').PageLoad} */
 export async function load({ params }) {
-	const nombre = unslugify(params.slug);
-	const wiki = new Wikiapi();
-	let birth: Birth;
-	if (cache.has(nombre)) {
-		birth = cache.get(nombre)!;
+	const query = unslugify(params.slug);
+
+	if (cache.has(query)) {
+		return cache.get(query)!;
 	} else {
-		const data = await wiki.data(nombre, 'P569');
-		if (data.length === 0) throw error(404, 'Not found');
-		const [year, month, day] = data[0];
-		birth = { year, month, day };
-		cache.set(nombre, birth);
+		// const data = await wiki.data(query, 'P569');
+		// if (data.length === 0) throw error(404, 'Not found');
+		// const [year, month, day] = data[0];
+
+		const url = wdk.getEntitiesFromSitelinks({ titles: [query] });
+		const json = await fetch(url).then((res) => res.json());
+		let name = query;
+		if (json.normalized?.n) {
+			name = json.normalized.n.to;
+		}
+		const entity = json.entities[Object.keys(json.entities)[0]];
+		const birthday = dayjs(entity.claims?.P569[0]?.mainsnak?.datavalue?.value?.time);
+		const birth: Birth = {
+			year: birthday.year(),
+			month: birthday.month(),
+			day: birthday.date()
+		};
+		const entry: Entry = { name, birth };
+		cache.set(query, entry);
+		return entry;
 	}
-	return { nombre: nombre, birth };
 }

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

@@ -3,10 +3,7 @@
 	import type { Birth } from './+page.server.js';
 
 	export let data;
-	$: birth = data.birth;
-	$: detalleSigno = signo(birth);
-
-	const twoDigitNum = (num: number) => (num < 10 ? `0${num}` : num);
+	$: detalleSigno = signo(data.birth);
 
 	const intl = Intl.DateTimeFormat('es', { dateStyle: 'long' });
 	const formatDate = (date: Date) => intl.format(date);
@@ -18,11 +15,11 @@
 	<section class="hero">
 		<div class="hero-body">
 			<p class="title">
-				{data.nombre} es de {detalleSigno.sign}
+				{data.name} es de {detalleSigno.sign}
 			</p>
 
 			<p class="subtitle">
-				Cumple el {formatBirth(birth)}
+				Cumple el {formatBirth(data.birth)}
 			</p>
 		</div>
 	</section>