add index

Author: ndthanhdev

apps/extension/src/utils/browser-integration.ts

@@ -3,20 +3,19 @@ import type { Tab } from "@mcp-browser-kit/server/services/tab-service";
 import { addDevTool } from "./add-dev-tool";
 
 export const toIIFE = (fn: Function | string) => {
-
-	if(typeof fn === "function") {
+	if (typeof fn === "function") {
 		return `(${fn.toString()})()`;
 	}
 
 	return `(()=>{${fn}})()`;
 };
 
-export const getExecuteScriptResult = async (results: any[]) => {
+export const getExecuteScriptResult = async <T = any>(results: any[]) => {
 	if (!Array.isArray(results)) {
 		return undefined;
 	}
 
-	return results[0];
+	return results[0] as T;
 };
 
 export const getTabs = async () => {
@@ -70,7 +69,7 @@ function _elementsToTable(elements: HTMLElement[]) {
 			el.getAttribute("placeholder") ??
 			el.innerText ??
 			"";
-		return [tag, label] as [number, string, string];
+		return [index, tag, label] as [number, string, string];
 	});
 	return table;
 }
@@ -84,13 +83,10 @@ export const getReadableElements = async (tabId: string) => {
 	const results = await browser.tabs.executeScript(+tabId, {
 		code,
 	});
-	return getExecuteScriptResult(results);
+	return getExecuteScriptResult<[number, string, string][]>(results);
 };
 
-export const clickOnIndex = async (
-	tabId: string,
-	index: number
-) => {
+export const clickOnIndex = async (tabId: string, index: number) => {
 	const results = await browser.tabs.executeScript(+tabId, {
 		code: toIIFE(`
 			${_getReadableElements.toString()};

apps/server/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mcp-browser-kit/server",
-	"version": "1.0.7",
+	"version": "1.0.9",
 	"packageManager": "yarn@4.8.0",
 	"homepage": "https://github.com/ndthanhdev/mcp-browser-kit",
 	"bin": {

apps/server/src/helpers/mcp-server.ts

@@ -41,7 +41,7 @@ server.tool(
 	"getReadableElements",
 	[
 		combinationDescription,
-		"- Use this tool to get a list of [tag,accessible-text] pairs",
+		"- Use this tool to get a list of [index,tag,accessible-text] of all readable elements in the current tab.",
 		"- Usually being called after `getTabs` to read or identify element to interact with.",
 	].join("\n"),
 	{