app-manager-edge-worker 1.2.1 → 1.2.2

package/README.md

@@ -203,6 +203,11 @@ Log levels: `[INFO]` · `[SUCCESS]` · `[WARN]` · `[ERROR]` · `[TASK]` (job di
 
 ## 📝 Changelog
 
+### v1.2.2
+- **Reactive Portal Form & Dynamic Captcha Reveal Compatibility**:
+  - Enhanced form input typing in `HITL_SESSION_INIT` and pre-scrape `TYPE` actions (`PREVIEW_PAGE`, `INSPECT_ELEMENT`) to dispatch DOM `input`, `change`, and `blur` events with a simulated `Tab` keypress.
+  - Guarantees immediate captcha generation on reactive frontend frameworks (AngularJS, React, Vue, jQuery) requiring input validation/blur before unhiding dynamic captcha elements.
+
 ### v1.2.1
 - **Smart Form Field & Leaf Control Element Resolution**:
   - Replaced single-surface `elementFromPoint` with full-stack `elementsFromPoint` coordinate sampling and multi-offset probing.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "app-manager-edge-worker",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "Distributed Scraper Edge Worker for Apps Manager. Run on any local machine, VPS, or Termux Android device to serve browser and HTTP scraping jobs.",
   "type": "module",
   "bin": {

package/src/banner.js

@@ -1,7 +1,7 @@
 import { createRequire } from "module";
 
 const require = createRequire(import.meta.url);
-let workerVersion = "1.2.1";
+let workerVersion = "1.2.2";
 try {
     const pkg = require("../package.json");
     if (pkg?.version) workerVersion = pkg.version;

package/src/client.js

@@ -18,7 +18,7 @@ import fs from "fs";
 import { getWhatsAppHandler } from "./handlers/whatsappHandler.js";
 import { printBanner, logInfo, logSuccess, logWarn, logError, logJob } from "./banner.js";
 
-let workerPkgVersion = "1.2.1";
+let workerPkgVersion = "1.2.2";
 try {
     const pkg = JSON.parse(fs.readFileSync(new URL("../package.json", import.meta.url), "utf-8"));
     if (pkg?.version) workerPkgVersion = pkg.version;

package/src/handlers/interactiveHandler.js

@@ -185,7 +185,18 @@ export async function handleInteractiveSessionInit(payload) {
                     await page.type(input.selector, String(input.value), { delay: input.delayMs || 30 });
                 }
 
-                await new Promise((r) => setTimeout(r, 150));
+                // Explicitly dispatch input, change, and blur events to trigger AngularJS/React/portal validation listeners
+                await page.evaluate((sel) => {
+                    const el = document.querySelector(sel);
+                    if (el) {
+                        el.dispatchEvent(new Event("input", { bubbles: true }));
+                        el.dispatchEvent(new Event("change", { bubbles: true }));
+                        el.dispatchEvent(new Event("blur", { bubbles: true }));
+                    }
+                }, input.selector).catch(() => {});
+                await page.keyboard.press("Tab").catch(() => {});
+
+                await new Promise((r) => setTimeout(r, 250));
             }
         }
 

package/src/handlers/previewHandler.js

@@ -43,7 +43,16 @@ export async function handlePreviewPage(payload) {
                         await page.click(action.selector);
                     } else if (action.actionType === "TYPE" && action.selector && action.value) {
                         await page.waitForSelector(action.selector, { timeout: 4000 });
-                        await page.type(action.selector, action.value, { delay: 30 });
+                        await page.type(action.selector, action.value, { delay: action.delayMs || 30 });
+                        await page.evaluate((sel) => {
+                            const el = document.querySelector(sel);
+                            if (el) {
+                                el.dispatchEvent(new Event("input", { bubbles: true }));
+                                el.dispatchEvent(new Event("change", { bubbles: true }));
+                                el.dispatchEvent(new Event("blur", { bubbles: true }));
+                            }
+                        }, action.selector).catch(() => {});
+                        await page.keyboard.press("Tab").catch(() => {});
                     } else if (action.actionType === "SCROLL") {
                         const scrollPixels = parseInt(action.value, 10) || 500;
                         await page.evaluate((px) => window.scrollBy(0, px), scrollPixels);
@@ -150,7 +159,16 @@ export async function handleInspectElement(payload) {
                         await page.click(action.selector);
                     } else if (action.actionType === "TYPE" && action.selector && action.value) {
                         await page.waitForSelector(action.selector, { timeout: 4000 });
-                        await page.type(action.selector, action.value, { delay: 30 });
+                        await page.type(action.selector, action.value, { delay: action.delayMs || 30 });
+                        await page.evaluate((sel) => {
+                            const el = document.querySelector(sel);
+                            if (el) {
+                                el.dispatchEvent(new Event("input", { bubbles: true }));
+                                el.dispatchEvent(new Event("change", { bubbles: true }));
+                                el.dispatchEvent(new Event("blur", { bubbles: true }));
+                            }
+                        }, action.selector).catch(() => {});
+                        await page.keyboard.press("Tab").catch(() => {});
                     } else if (action.actionType === "SCROLL") {
                         const scrollPixels = parseInt(action.value, 10) || 500;
                         await page.evaluate((px) => window.scrollBy(0, px), scrollPixels);