DBpedia Entity Search

import { createRoot } from "https://esm.sh/react-dom@18.2.0/client"; import React, { useEffect, useState } from "https://esm.sh/react@18.2.0"; function sanitizeHtml(html) { return html ? html.replace(/<\/?[^>]+(>|$)/g, "") : ""; } function calculateScore(result, query) { let score = 0; let explanation = []; // Exact match in label if (result.label && result.label[0].toLowerCase() === query.toLowerCase()) { score += 10; explanation.push("Exact label match: +10"); } // Partial match in label if (result.label && result.label[0].toLowerCase().includes(query.toLowerCase())) { score += 5; explanation.push("Partial label match: +5"); } // Score based on refCount if (result.refCount && result.refCount[0]) { const refScore = Math.log(parseInt(result.refCount[0]) + 1) * 2; score += refScore; explanation.push(`Reference count (${result.refCount[0]}): +${refScore.toFixed(2)}`); } // Score based on important types const importantTypes = ["Person", "Place", "Organization", "Country", "City"]; if (result.type) { const matchedTypes = result.type.filter(type => importantTypes.some(impType => type.includes(impType)) ); if (matchedTypes.length > 0) { score += matchedTypes.length * 3; explanation.push(`Important types (${matchedTypes.length}): +${matchedTypes.length * 3}`); } } return { score, explanation }; } function App() { const [query, setQuery] = useState(""); const [results, setResults] = useState([]); const [error, setError] = useState(null); const [loading, setLoading] = useState(false); useEffect(() => { const urlParams = new URLSearchParams(window.location.search); const urlQuery = urlParams.get("query"); if (urlQuery) { setQuery(urlQuery); fetchResults(urlQuery); } }, []); const fetchResults = async (searchQuery) => { setLoading(true); setError(null); try { const response = await fetch(`/api/search?query=${encodeURIComponent(searchQuery)}`); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const data = await response.json(); setResults(data.results); } catch (e) { console.error("Error fetching results:", e); setError("An error occurred while fetching results. Please try again."); } finally { setLoading(false); } }; const handleSubmit = (e) => { e.preventDefault(); if (query) { window.history.pushState({}, "", `?query=${encodeURIComponent(query)}`); fetchResults(query); } }; return React.createElement( "div", { className: "container mx-auto px-4 py-8" }, React.createElement("h1", { className: "text-3xl font-bold text-center mb-8" }, "DBpedia Entity Search"), React.createElement( "form", { onSubmit: handleSubmit, className: "flex mb-8" }, React.createElement("input", { type: "text", value: query, onChange: (e) => setQuery(e.target.value), placeholder: "Enter your search query", className: "flex-grow p-2 border border-gray-300 rounded-l-md focus:outline-none focus:ring-2 focus:ring-blue-500", }), React.createElement( "button", { type: "submit", className: "bg-blue-500 text-white px-4 py-2 rounded-r-md hover:bg-blue-600 transition duration-300", }, "Search" ) ), loading && React.createElement("p", { className: "text-center" }, "Loading..."), error && React.createElement("p", { className: "text-red-500 text-center" }, error), results.length > 0 && React.createElement( "div", { className: "bg-white shadow-md rounded-md p-6" }, React.createElement("h2", { className: "text-2xl font-semibold mb-4" }, "Search Results:"), React.createElement( "div", { className: "grid gap-6" }, results.map((result, index) => React.createElement( "div", { key: index, className: "border-b border-gray-200 pb-4 last:border-b-0 flex" }, result.image && React.createElement( "div", { className: "mr-4 flex-shrink-0" }, React.createElement("img", { src: result.image, alt: result.label || "Entity image", className: "w-32 h-32 object-cover rounded", }) ), React.createElement( "div", { className: "flex-grow" }, React.createElement( "h3", { className: "text-xl font-semibold mb-2" }, React.createElement( "a", { href: result.resource && result.resource[0], target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:underline", }, sanitizeHtml(result.label && result.label[0]) ), React.createElement( "span", { className: "ml-2 text-sm font-normal text-gray-500" }, `(Score: ${result.score.toFixed(2)})` ) ), result.comment && result.comment[0] && React.createElement("p", { className: "text-gray-600 mb-2" }, sanitizeHtml(result.comment[0])), result.type && React.createElement( "p", { className: "text-sm text-gray-500" }, "Types: ", result.type.map(type => type.split("/").pop()).join(", ") ), result.category && React.createElement( "p", { className: "text-sm text-gray-500" }, "Categories: ", result.category.map(cat => cat.split("/").pop()).join(", ") ), React.createElement( "div", { className: "mt-2 text-sm text-gray-500" }, React.createElement("p", { className: "font-semibold" }, "Score Calculation:"), React.createElement( "ul", { className: "list-disc list-inside" }, result.explanation.map((exp, i) => React.createElement("li", { key: i }, exp)) ) ) ) ) ) ) ), results.length === 0 && !loading && !error && React.createElement("p", { className: "text-center" }, "No results found."), React.createElement( "footer", { className: "mt-8 text-center text-sm text-gray-600" }, React.createElement( "a", { href: import.meta.url.replace("esm.town", "val.town"), target: "_blank", rel: "noopener noreferrer", className: "hover:underline", }, "View Source" ) ), React.createElement( "div", { className: "mt-8 bg-gray-100 p-4 rounded-md" }, React.createElement("h3", { className: "text-lg font-semibold mb-2" }, "API Endpoints:"), React.createElement( "pre", { className: "bg-gray-200 p-2 rounded text-sm overflow-x-auto" }, `Search API: GET /api/search?query=your_query Raw JSON: GET /api/raw?query=your_query` ), React.createElement("h3", { className: "text-lg font-semibold mt-4 mb-2" }, "cURL Example:"), React.createElement( "pre", { className: "bg-gray-200 p-2 rounded text-sm overflow-x-auto" }, `curl 'https://ejfox-dbpediaenhanced.web.val.run/api/search?query=${encodeURIComponent(query || "example")}'` ) ) ); } function client() { createRoot(document.getElementById("root")).render(React.createElement(App)); } if (typeof document !== "undefined") { client(); } async function fetchDBpediaResults(query: string) { const lookupResponse = await fetch( `https://lookup.dbpedia.org/api/search?query=${encodeURIComponent(query)}&format=json&maxResults=10` ); const lookupData = await lookupResponse.json(); const scoredResults = lookupData.docs.map(result => { const { score, explanation } = calculateScore(result, query); return { ...result, score, explanation, image: result.thumbnail ? result.thumbnail[0] : null }; }).sort((a, b) => b.score - a.score); return scoredResults; } async function server(request: Request): Promise { const url = new URL(request.url); const path = url.pathname; const query = url.searchParams.get("query"); if (path === "/api/search" || path === "/api/raw") { if (!query) { return new Response("Query parameter is required", { status: 400 }); } try { const results = await fetchDBpediaResults(query); if (path === "/api/raw") { return new Response(JSON.stringify(results, null, 2), { headers: { "Content-Type": "application/json" }, }); } else { return new Response(JSON.stringify({ results }), { headers: { "Content-Type": "application/json" }, }); } } catch (error) { console.error(`Error in ${path}:`, error); return new Response(JSON.stringify({ error: "An error occurred while processing your request" }), { status: 500, headers: { "Content-Type": "application/json" }, }); } } const html = ` DBpedia Entity Search

`; return new Response(html, { headers: { "Content-Type": "text/html" } }); } export default server;

dbpediaenhanced

Version 8