Orama: Remove some ts-ignores and make the searchbox more explicit (#…

…677)

package.json

@@ -18,7 +18,7 @@
 	"dependencies": {
 		"@kobalte/core": "^0.12.6",
 		"@lunariajs/core": "^0.0.31",
-		"@orama/searchbox": "1.0.0-rc16",
+		"@orama/searchbox": "1.0.0-rc19",
 		"@oramacloud/client": "^1.0.14",
 		"@solidjs/meta": "^0.29.3",
 		"@solidjs/router": "^0.13.1",

src/ui/searchbox.tsx

@@ -2,6 +2,8 @@ import { isServer } from "solid-js/web";
 import {
 	RegisterSearchBox,
 	RegisterSearchButton,
+	RegisterSearchBoxProps,
+	RegisterSearchButtonProps,
 } from "@orama/searchbox/dist/index.js";
 import { OramaClient } from "@oramacloud/client";
 import { createEffect } from "solid-js";
@@ -19,6 +21,10 @@ export function SearchBox() {
 
 	if (!isServer) {
 		createEffect(() => {
+			/**
+			 * These function calls create/register web components like
+			 * orama-searchbox and orama-search-button at runtime.
+			 */
 			RegisterSearchBox({
 				summaryGeneration: import.meta.env.VITE_ORAMA_SECURE_PROXY,
 				oramaInstance: client,
@@ -55,11 +61,18 @@ export function SearchBox() {
 	return (
 		<>
 			<div class="fixed z-10">
-				{/* @ts-ignore */}
 				<orama-searchbox />
 			</div>
-			{/* @ts-ignore */}
 			<orama-search-button />
 		</>
 	);
 }
+
+declare module "solid-js" {
+	namespace JSX {
+		interface IntrinsicElements {
+			"orama-searchbox": RegisterSearchBoxProps;
+			"orama-search-button": RegisterSearchButtonProps;
+		}
+	}
+}