Continue work on itb

tools/itb/js/dom_analyzer.js

@@ -0,0 +1,67 @@
+function processElement(element) {
+    const rect = element.getBoundingClientRect();
+    if (!element.offsetParent && element !== document.body) return null;
+    if (rect.width === 0 || rect.height === 0) return null;
+    
+    const viewportWidth = window.innerWidth;
+    const viewportHeight = window.innerHeight;
+    if (rect.bottom < 0 || rect.top > viewportHeight || 
+        rect.right < 0 || rect.left > viewportWidth) {
+        return null;
+    }
+    
+    const styles = window.getComputedStyle(element);
+    
+    const text = Array.from(element.childNodes)
+        .filter(node => node.nodeType === Node.TEXT_NODE)
+        .map(node => node.textContent.trim())
+        .join(' ');
+        
+    const interactions = [];
+    if (element.tagName === 'BUTTON' || element.tagName === 'A' || 
+        element.getAttribute('role') === 'button' || 
+        element.getAttribute('onclick') || 
+        styles.cursor === 'pointer') {
+        interactions.push('click');
+    }
+    
+    if (element.tagName === 'INPUT' || element.tagName === 'TEXTAREA' ||
+        element.getAttribute('contenteditable') === 'true') {
+        interactions.push('text_input');
+        const placeholder = element.getAttribute('placeholder');
+        if (placeholder) interactions.push('placeholder:' + placeholder);
+    }
+    
+    if (element.tagName === 'SELECT' || 
+        element.getAttribute('role') === 'listbox' ||
+        element.getAttribute('type') === 'checkbox' ||
+        element.getAttribute('type') === 'radio') {
+        interactions.push('select');
+    }
+    
+    if (element.scrollHeight > element.clientHeight || 
+        element.scrollWidth > element.clientWidth) {
+        interactions.push('scroll');
+    }
+    
+    const children = Array.from(element.children)
+        .map(child => processElement(child))
+        .filter(child => child !== null);
+        
+    return {
+        tag: element.tagName.toLowerCase(),
+        text,
+        location: {x: Math.round(rect.left), y: Math.round(rect.top)},
+        size: {width: Math.round(rect.width), height: Math.round(rect.height)},
+        interactions,
+        children
+    };
+}
+
+function analyzePageContent() {
+    const body = document.body;
+    return {
+        viewport: getViewportInfo(),
+        content: body ? processElement(body) : null
+    };
+}

tools/itb/js/mouse.js

@@ -0,0 +1,12 @@
+function getMousePosition() {
+    return {
+        screenX: window.screenX,
+        screenY: window.screenY,
+        clientX: window.event ? window.event.clientX : 0,
+        clientY: window.event ? window.event.clientY : 0
+    };
+}
+
+function getElementAtPosition(x, y) {
+    return document.elementFromPoint(x, y);
+}

tools/itb/js/viewport.js

@@ -0,0 +1,12 @@
+function getViewportInfo() {
+    return {
+        scroll_x: window.pageXOffset,
+        scroll_y: window.pageYOffset,
+        width: window.innerWidth,
+        height: window.innerHeight,
+        max_scroll_x: Math.max(document.documentElement.scrollWidth - window.innerWidth, 0),
+        max_scroll_y: Math.max(document.documentElement.scrollHeight - window.innerHeight, 0),
+        pageYOffset: window.pageYOffset,
+        pageXOffset: window.pageXOffset
+    };
+}