coveo-search-ui

import * as Coveo from 'coveo-search-ui'; // Ensure Coveo CSS is loaded (example for Webpack/bundlers) // import 'coveo-search-ui/bin/css/CoveoFullSearch.min.css'; // Basic HTML structure for the search interface // This would typically be in an HTML file or injected into the DOM. const appRoot = document.getElementById('search-root') || document.createElement('div'); appRoot.id = 'search-root'; document.body.appendChild(appRoot); appRoot.innerHTML = ` <div class="CoveoSearchInterface" id="search"> <div class="CoveoSearchbox"></div> <div class="CoveoResultList"></div> <div class="CoveoPager"></div> </div> `; const organizationId = process.env.COVEO_ORGANIZATION_ID ?? 'YOUR_ORG_ID'; const accessToken = process.env.COVEO_ACCESS_TOKEN ?? 'YOUR_API_KEY'; // Ensure this key has 'Search - Execute queries' privilege const searchHub = process.env.COVEO_SEARCH_HUB ?? 'default'; (async () => { // Configure the search endpoint Coveo.SearchEndpoint.configureCloudEndpoint( organizationId, accessToken, searchHub ); // Initialize the framework on the root element of the search interface // For token renewal, pass a function that returns a new token. Coveo.init(document.getElementById('search') as HTMLElement, { // Additional options can be passed here // For example, to handle token renewal: // accessToken: () => fetch('/api/renew-token').then(res => res.text()) }); console.log('Coveo Search Interface initialized.'); })();