// Note: Currently, we use the REST API for Operand because of some unpkg/webpack issues. // In the future, we'd like to use the SDK (https://github.com/operandinc/typescript-sdk). // If someone knows how to do this w/o breaking the Operand typescript-sdk for npm users, // please let Morgan (@morgallant) and/or (@_jzhao) know! <3 const apiKey = "{{$.Site.params.search.operandApiKey}}" const indexId = "{{$.Site.params.search.operandIndexId}}" function parseSearchResults(searchResults) { return searchResults.matches.map((m) => ({ content: m.content, title: searchResults.objects[m.objectId].properties.properties._title.text, url: searchResults.objects[m.objectId].properties.properties._url.text, })) } async function searchContents(query) { const result = await fetch("https://api.operand.ai/operand.v1.ObjectService/SearchWithin", { method: "POST", headers: { "Content-Type": "application/json", Authorization: `${apiKey}`, "Operand-Index-ID": `${indexId}`, }, body: JSON.stringify({ query: query, limit: 10, }), }) if (result.ok) { return parseSearchResults(await result.json()) } else { console.error(result) } } function debounce(func, timeout = 200) { let timer return (...args) => { clearTimeout(timer) timer = setTimeout(() => { func.apply(this, args) }, timeout) } } registerHandlers( debounce((e) => { let term = e.target.value if (term !== "") { searchContents(term).then((results) => displayResults(term, results)) } }), )