bb9c8ec1c3
- Replace Socket.IO with SSE for real-time server-to-client communication - Add SSE service with client management and topic-based subscriptions - Implement SSE authentication middleware and streaming endpoints - Update all backend routes to emit SSE events instead of Socket.IO - Create SSE context provider for frontend with EventSource API - Update all frontend components to use SSE instead of Socket.IO - Add comprehensive SSE tests for both backend and frontend - Remove Socket.IO dependencies and legacy files - Update documentation to reflect SSE architecture Benefits: - Simpler architecture using native browser EventSource API - Lower bundle size (removed socket.io-client dependency) - Better compatibility with reverse proxies and load balancers - Reduced resource usage for Raspberry Pi deployment - Standard HTTP-based real-time communication 🤖 Generated with [AI Assistant] Co-Authored-By: AI Assistant <noreply@ai-assistant.com>
108 lines
4.0 KiB
JavaScript
108 lines
4.0 KiB
JavaScript
"use strict";
|
|
var __defProp = Object.defineProperty;
|
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
var __export = (target, all) => {
|
|
for (var name in all)
|
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
};
|
|
var __copyProps = (to, from, except, desc) => {
|
|
if (from && typeof from === "object" || typeof from === "function") {
|
|
for (let key of __getOwnPropNames(from))
|
|
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
}
|
|
return to;
|
|
};
|
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
var mouse_exports = {};
|
|
__export(mouse_exports, {
|
|
default: () => mouse_default
|
|
});
|
|
module.exports = __toCommonJS(mouse_exports);
|
|
var import_bundle = require("../../sdk/bundle");
|
|
var import_tool = require("./tool");
|
|
const elementSchema = import_bundle.z.object({
|
|
element: import_bundle.z.string().describe("Human-readable element description used to obtain permission to interact with the element")
|
|
});
|
|
const mouseMove = (0, import_tool.defineTabTool)({
|
|
capability: "vision",
|
|
schema: {
|
|
name: "browser_mouse_move_xy",
|
|
title: "Move mouse",
|
|
description: "Move mouse to a given position",
|
|
inputSchema: elementSchema.extend({
|
|
x: import_bundle.z.number().describe("X coordinate"),
|
|
y: import_bundle.z.number().describe("Y coordinate")
|
|
}),
|
|
type: "input"
|
|
},
|
|
handle: async (tab, params, response) => {
|
|
response.addCode(`// Move mouse to (${params.x}, ${params.y})`);
|
|
response.addCode(`await page.mouse.move(${params.x}, ${params.y});`);
|
|
await tab.waitForCompletion(async () => {
|
|
await tab.page.mouse.move(params.x, params.y);
|
|
});
|
|
}
|
|
});
|
|
const mouseClick = (0, import_tool.defineTabTool)({
|
|
capability: "vision",
|
|
schema: {
|
|
name: "browser_mouse_click_xy",
|
|
title: "Click",
|
|
description: "Click left mouse button at a given position",
|
|
inputSchema: elementSchema.extend({
|
|
x: import_bundle.z.number().describe("X coordinate"),
|
|
y: import_bundle.z.number().describe("Y coordinate")
|
|
}),
|
|
type: "input"
|
|
},
|
|
handle: async (tab, params, response) => {
|
|
response.setIncludeSnapshot();
|
|
response.addCode(`// Click mouse at coordinates (${params.x}, ${params.y})`);
|
|
response.addCode(`await page.mouse.move(${params.x}, ${params.y});`);
|
|
response.addCode(`await page.mouse.down();`);
|
|
response.addCode(`await page.mouse.up();`);
|
|
await tab.waitForCompletion(async () => {
|
|
await tab.page.mouse.move(params.x, params.y);
|
|
await tab.page.mouse.down();
|
|
await tab.page.mouse.up();
|
|
});
|
|
}
|
|
});
|
|
const mouseDrag = (0, import_tool.defineTabTool)({
|
|
capability: "vision",
|
|
schema: {
|
|
name: "browser_mouse_drag_xy",
|
|
title: "Drag mouse",
|
|
description: "Drag left mouse button to a given position",
|
|
inputSchema: elementSchema.extend({
|
|
startX: import_bundle.z.number().describe("Start X coordinate"),
|
|
startY: import_bundle.z.number().describe("Start Y coordinate"),
|
|
endX: import_bundle.z.number().describe("End X coordinate"),
|
|
endY: import_bundle.z.number().describe("End Y coordinate")
|
|
}),
|
|
type: "input"
|
|
},
|
|
handle: async (tab, params, response) => {
|
|
response.setIncludeSnapshot();
|
|
response.addCode(`// Drag mouse from (${params.startX}, ${params.startY}) to (${params.endX}, ${params.endY})`);
|
|
response.addCode(`await page.mouse.move(${params.startX}, ${params.startY});`);
|
|
response.addCode(`await page.mouse.down();`);
|
|
response.addCode(`await page.mouse.move(${params.endX}, ${params.endY});`);
|
|
response.addCode(`await page.mouse.up();`);
|
|
await tab.waitForCompletion(async () => {
|
|
await tab.page.mouse.move(params.startX, params.startY);
|
|
await tab.page.mouse.down();
|
|
await tab.page.mouse.move(params.endX, params.endY);
|
|
await tab.page.mouse.up();
|
|
});
|
|
}
|
|
});
|
|
var mouse_default = [
|
|
mouseMove,
|
|
mouseClick,
|
|
mouseDrag
|
|
];
|