first update

index.html

@@ -1,19 +1,64 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>
+<!-- language: HTML, file: index.html, target: Hugging Face Static Space -->
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>ICMR Lookup Client</title>
+    <script src="https://cdn.jsdelivr.net/npm/@duckdb/duckdb-wasm@1.28.0/dist/duckdb-browser.js"></script>
+    <style>
+        body { background: #0f172a; color: #f8fafc; font-family: monospace; padding: 40px; }
+        input, button { background: #1e293b; color: #fff; border: 1px solid #334155; padding: 10px; margin: 5px 0; font-family: monospace; }
+        button { cursor: pointer; background: #3b82f6; border: none; }
+        pre { background: #1e293b; padding: 15px; border: 5px; overflow-x: auto; }
+    </style>
+</head>
+<body>
+    <h2>ICMR Record Lookup (Client-Side)</h2>
+    <div>
+        <input type="text" id="query" placeholder="Enter mobile or aadhar..." style="width: 300px;">
+        <button onclick="searchData()">Search</button>
+    </div>
+    <pre id="output">Initializing database engine...</pre>
+
+    <script>
+        let db = null;
+
+        async function initDB() {
+            const JSDELIVR_BUNDLES = duckdb.getJsDelivrBundles();
+            const bundle = await duckdb.selectBundle(JSDELIVR_BUNDLES);
+            const worker = new Worker(bundle.mainWorker);
+            const logger = new duckdb.ConsoleLogger();
+            db = new duckdb.AsyncDuckDB(logger, worker);
+            await db.instantiate(bundle.mainModule, bundle.workerWorker);
+            document.getElementById('output').innerText = "Engine ready. Enter a value to search.";
+        }
+
+        async function searchData() {
+            if (!db) return alert("Engine still loading...");
+            const val = document.getElementById('query').value.trim();
+            if (!val) return alert("Enter a search term");
+
+            document.getElementById('output').innerText = "Searching remote shards...";
+            const conn = await db.connect();
+
+            try {
+                // Query parquet shards directly over HTTP range requests via DuckDB-WASM
+                const query = `
+                    SELECT * FROM 'https://huggingface.co/datasets/greyexploiter/icrm-hitek-fulldb/resolve/main/idx_phone.*.parquet'
+                    WHERE phone = '${val}'
+                    LIMIT 5;
+                `;
+                const result = await conn.query(query);
+                const rows = result.toArray().map(row => row.toJSON());
+                document.getElementById('output').innerText = JSON.stringify(rows, null, 2);
+            } catch (err) {
+                document.getElementById('output').innerText = "Error: " + err.message;
+            } finally {
+                await conn.close();
+            }
+        }
+
+        initDB();
+    </script>
+</body>
+</html>