glidercli 0.3.2 → 0.3.3

package/README.md

@@ -15,45 +15,56 @@
 
 <br/>
 
-## Table of Contents
+## ToC
 
 <ol>
-    <a href="#about">📝 About</a><br/>
-    <a href="#install">💻 Install</a><br/>
-    <a href="#usage">🚀 Usage</a><br/>
-    <a href="#the-loop">🔄 The Loop</a><br/>
-    <a href="#task-files">📄 Task Files</a><br/>
-    <a href="#commands">⚡ Commands</a><br/>
-    <a href="#roadmap">🗺️ Roadmap</a><br/>
-    <a href="#tools-used">🔧 Tools used</a><br/>
-    <a href="#contact">👤 Contact</a>
+    <a href="#about">About</a><br/>
+    <a href="#install">Install</a><br/>
+    <a href="#usage">Usage</a><br/>
+    <a href="#the-loop">The loop</a><br/>
+    <a href="#task-files">Task files</a><br/>
+    <a href="#commands">Commands</a><br/>
+    <a href="#roadmap">Roadmap</a><br/>
+    <a href="#tools-used">Tools</a><br/>
+    <a href="#contact">Contact</a>
 </ol>
 
 <br/>
 
-## 📝About
+## About
 
 Control Chrome from terminal. Run YAML tasks. Loop until complete (Ralph Wiggum pattern).
 
-- **CDP-based** - Direct Chrome DevTools Protocol control
+- **CDP-based** - Direct Chrome DevTools Protocol (CDP) control
 - **YAML tasks** - Define automation steps declaratively  
 - **Autonomous loops** - Run until completion marker found
 - **Safety guards** - Max iterations, timeout, exponential backoff
 
-## 💻Install
+## Install
 
+**One-liner:**
+```bash
+npm i -g glidercli && open "https://chromewebstore.google.com/detail/glider/njbidokkffhgpofcejgcfcgcinmeoalj"
+```
+
+**Then:**
 ```bash
-npm i -g glidercli
 glider install    # start daemon (runs forever, auto-restarts)
+glider connect    # connect to Chrome
+```
+
+**Update anytime:**
+```bash
+glider update     # pulls latest from npm
 ```
 
 ### Requirements
 
 1. **Node 18+**
 
-2. **Glider Chrome Extension** - [Install from Chrome Web Store](https://chromewebstore.google.com/detail/glider/njbidokkffhgpofcejgcfcgcinmeoalj)
+2. **Glider Chrome extension** - [Install from Chrome Web Store](https://chromewebstore.google.com/detail/glider/njbidokkffhgpofcejgcfcgcinmeoalj)
 
-## 🚀Usage
+## Usage
 
 ```bash
 glider connect                   # connect to browser
@@ -75,7 +86,7 @@ glider uninstall   # remove daemon
 
 Logs: `~/.glider/daemon.log`
 
-## 🔄The Loop
+## The loop
 
 The `loop` (or `ralph`) command runs your task repeatedly until:
 - Completion marker found (`LOOP_COMPLETE` or `DONE`)
@@ -89,7 +100,7 @@ glider ralph task.yaml  # same thing
 
 Safety: max iterations, timeout, exponential backoff on errors, state persistence.
 
-## 📄Task Files
+## Task files
 
 ```yaml
 name: "Get timeline"
@@ -100,13 +111,14 @@ steps:
   - screenshot: "/tmp/timeline.png"
 ```
 
-## ⚡Commands
+## Commands
 
 ### Setup
 | Command | What |
 |---------|------|
 | `glider install` | Install daemon (runs at login) |
 | `glider uninstall` | Remove daemon |
+| `glider update` | Update to latest version |
 | `glider connect` | Connect to browser |
 | `glider status` | Server/extension/tab status |
 | `glider test` | Run diagnostics |
@@ -123,7 +135,7 @@ steps:
 | `glider title` | Get page title |
 | `glider text` | Get page text |
 
-### Multi-Tab
+### Multi-tab
 | Command | What |
 |---------|------|
 | `glider fetch <url>` | Fetch URL with browser session (authenticated) |
@@ -138,7 +150,7 @@ steps:
 | `glider loop <file>` | Autonomous loop |
 | `glider ralph <file>` | Alias for loop |
 
-## 🗺️Roadmap
+## Roadmap
 
 - [x] CDP-based browser control via relay
 - [x] YAML task file execution
@@ -158,17 +170,19 @@ steps:
 - [ ] AI-assisted task generation
 - [ ] Web dashboard for monitoring loops
 
-## 🔧Tools Used
+## Tools
 
 [![Claude Code][claudecode-badge]][claudecode-url]
 [![Claude][claude-badge]][claude-url]
 [![Node.js][nodejs-badge]][nodejs-url]
 [![Chrome DevTools Protocol][cdp-badge]][cdp-url]
 
-## 👤Contact
+## Contact
+
+
+<a href="https://vd7.io"><img src="https://img.shields.io/badge/website-000000?style=for-the-badge&logo=data:image/webp;base64,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&logoColor=white" alt="website" /></a>
+<a href="https://x.com/vdutts7"><img src="https://img.shields.io/badge/vdutts7-000000?style=for-the-badge&logo=X&logoColor=white" alt="Twitter" /></a>
 
-[![Email][email]][email-url]
-[![Twitter][twitter]][twitter-url]
 
 <!-- BADGES -->
 [github]: https://img.shields.io/badge/glidercli-000000?style=for-the-badge&logo=github

package/bin/glider.js

@@ -209,6 +209,91 @@ async function getTargets() {
   }
 }
 
+// Auto-connect helper - ensures Chrome is running and connected before commands
+async function ensureConnected() {
+  // Check if already connected
+  if (await checkTab()) {
+    return true;
+  }
+  
+  // Check if server is running
+  if (!await checkServer()) {
+    log.info('Server not running, starting...');
+    await cmdStart();
+    await new Promise(r => setTimeout(r, 1000));
+  }
+  
+  // Check if Chrome is running
+  try {
+    execSync('pgrep -x "Google Chrome"', { stdio: 'ignore' });
+  } catch {
+    log.info('Chrome not running, launching...');
+    // Open Chrome with a new window to google.com
+    execSync('open -na "Google Chrome" --args --new-window "https://www.google.com"');
+    await new Promise(r => setTimeout(r, 3000));
+  }
+  
+  // Wait for extension to connect
+  for (let i = 0; i < 10; i++) {
+    if (await checkExtension()) break;
+    await new Promise(r => setTimeout(r, 500));
+  }
+  
+  if (!await checkExtension()) {
+    log.fail('Extension not connected - make sure Glider extension is installed');
+    log.info('Install from: chrome://extensions → Load unpacked → ~/glider-crx/glider/');
+    return false;
+  }
+  
+  // Check if we have tabs now
+  if (await checkTab()) {
+    log.ok('Auto-connected to existing tab');
+    return true;
+  }
+  
+  // Need to create/attach to a tab
+  try {
+    const tabUrl = execSync(`osascript -e 'tell application "Google Chrome" to return URL of active tab of front window'`).toString().trim();
+    if (tabUrl.startsWith('chrome://') || tabUrl.startsWith('chrome-extension://')) {
+      log.info('Creating new tab (current is chrome://)...');
+      execSync(`osascript -e 'tell application "Google Chrome" to make new tab at front window with properties {URL:"https://www.google.com"}'`);
+      await new Promise(r => setTimeout(r, 2000));
+    }
+  } catch {
+    // No window exists, create one
+    log.info('Creating new Chrome window...');
+    execSync(`osascript -e 'tell application "Google Chrome" to make new window with properties {URL:"https://www.google.com"}'`);
+    await new Promise(r => setTimeout(r, 2000));
+  }
+  
+  // Trigger attach via HTTP
+  try {
+    const result = await fetch(`${SERVER_URL}/attach`, { method: 'POST' });
+    const data = await result.json();
+    if (data.attached > 0) {
+      log.ok('Auto-connected!');
+      return true;
+    }
+  } catch {}
+  
+  // Final fallback - create fresh tab
+  log.info('Creating fresh tab...');
+  execSync(`osascript -e 'tell application "Google Chrome" to make new tab at front window with properties {URL:"https://www.google.com"}'`);
+  await new Promise(r => setTimeout(r, 2000));
+  
+  try {
+    const result = await fetch(`${SERVER_URL}/attach`, { method: 'POST' });
+    const data = await result.json();
+    if (data.attached > 0) {
+      log.ok('Auto-connected!');
+      return true;
+    }
+  } catch {}
+  
+  log.fail('Could not auto-connect');
+  return false;
+}
+
 // Commands
 async function cmdStatus() {
   showBanner();
@@ -287,6 +372,11 @@ async function cmdGoto(url) {
     process.exit(1);
   }
   
+  // Auto-connect if not connected
+  if (!await ensureConnected()) {
+    process.exit(1);
+  }
+  
   log.info(`Navigating to: ${url}`);
   
   try {
@@ -308,6 +398,11 @@ async function cmdEval(js) {
     process.exit(1);
   }
   
+  // Auto-connect if not connected
+  if (!await ensureConnected()) {
+    process.exit(1);
+  }
+  
   try {
     const result = await httpPost('/cdp', {
       method: 'Runtime.evaluate',
@@ -337,6 +432,11 @@ async function cmdClick(selector) {
     process.exit(1);
   }
   
+  // Auto-connect if not connected
+  if (!await ensureConnected()) {
+    process.exit(1);
+  }
+  
   const js = `
     (() => {
       const el = document.querySelector('${selector.replace(/'/g, "\\'")}');
@@ -369,6 +469,11 @@ async function cmdType(selector, text) {
     process.exit(1);
   }
   
+  // Auto-connect if not connected
+  if (!await ensureConnected()) {
+    process.exit(1);
+  }
+  
   const js = `
     (() => {
       const el = document.querySelector('${selector.replace(/'/g, "\\'")}');
@@ -400,6 +505,11 @@ async function cmdType(selector, text) {
 async function cmdScreenshot(outputPath) {
   const filePath = outputPath || `/tmp/glider-screenshot-${Date.now()}.png`;
   
+  // Auto-connect if not connected
+  if (!await ensureConnected()) {
+    process.exit(1);
+  }
+  
   try {
     const result = await httpPost('/cdp', {
       method: 'Page.captureScreenshot',
@@ -420,6 +530,11 @@ async function cmdScreenshot(outputPath) {
 }
 
 async function cmdText() {
+  // Auto-connect if not connected
+  if (!await ensureConnected()) {
+    process.exit(1);
+  }
+  
   try {
     const result = await httpPost('/cdp', {
       method: 'Runtime.evaluate',
@@ -812,6 +927,11 @@ async function cmdOpen(url) {
 }
 
 async function cmdHtml(selector) {
+  // Auto-connect if not connected
+  if (!await ensureConnected()) {
+    process.exit(1);
+  }
+  
   try {
     const expression = selector 
       ? `document.querySelector('${selector.replace(/'/g, "\\'")}')?.outerHTML || 'Element not found'`
@@ -829,6 +949,11 @@ async function cmdHtml(selector) {
 }
 
 async function cmdTitle() {
+  // Auto-connect if not connected
+  if (!await ensureConnected()) {
+    process.exit(1);
+  }
+  
   try {
     const result = await httpPost('/cdp', {
       method: 'Runtime.evaluate',
@@ -842,6 +967,11 @@ async function cmdTitle() {
 }
 
 async function cmdUrl() {
+  // Auto-connect if not connected
+  if (!await ensureConnected()) {
+    process.exit(1);
+  }
+  
   try {
     const result = await httpPost('/cdp', {
       method: 'Runtime.evaluate',
@@ -901,6 +1031,58 @@ async function cmdFetch(url, opts = []) {
   }
 }
 
+// CORS-bypassing fetch via extension context
+async function cmdCorsFetch(url, opts = []) {
+  if (!url) {
+    log.fail('Usage: glider cfetch <url> [--output file] [--method POST] [--body JSON]');
+    process.exit(1);
+  }
+  
+  log.info(`CORS Fetch: ${url}`);
+  
+  let outputFile = null;
+  let method = 'GET';
+  let body = null;
+  
+  for (let i = 0; i < opts.length; i++) {
+    if (opts[i] === '--output' || opts[i] === '-o') {
+      outputFile = opts[++i];
+    } else if (opts[i] === '--method' || opts[i] === '-X') {
+      method = opts[++i];
+    } else if (opts[i] === '--body' || opts[i] === '-d') {
+      body = opts[++i];
+    }
+  }
+  
+  try {
+    const result = await httpPost('/extension', {
+      method: 'corsFetch',
+      params: {
+        url,
+        options: { method, body, headers: { 'Accept': 'application/json' } }
+      }
+    });
+    
+    if (result?.error) {
+      log.fail(`Fetch error: ${result.error}`);
+      process.exit(1);
+    }
+    
+    const data = result?.result?.data;
+    const output = typeof data === 'object' ? JSON.stringify(data, null, 2) : data;
+    
+    if (outputFile) {
+      fs.writeFileSync(outputFile, output);
+      log.ok(`Saved to ${outputFile} (status: ${result?.result?.status})`);
+    } else {
+      console.log(output);
+    }
+  } catch (e) {
+    log.fail(`CORS Fetch failed: ${e.message}`);
+    process.exit(1);
+  }
+}
+
 // Spawn multiple tabs
 async function cmdSpawn(urls) {
   if (!urls || urls.length === 0) {
@@ -1471,6 +1653,7 @@ ${B5}USAGE${NC}
 ${B5}SETUP${NC}
     ${BW}install${NC}             Install daemon ${DIM}(runs at login, auto-restarts)${NC}
     ${BW}uninstall${NC}           Remove daemon
+    ${BW}update${NC}              Update to latest version
     ${BW}connect${NC}             Connect to browser ${DIM}(run once per Chrome session)${NC}
 
 ${B5}STATUS${NC}
@@ -1506,6 +1689,17 @@ ${B5}MULTI-TAB${NC}
     ${BW}explore${NC} <url>       Crawl site, capture network
     ${BW}favicon${NC} <url> [out] Extract favicon from site ${DIM}(webp)${NC}
 
+${B5}EXTRACTION PATTERNS${NC} ${DIM}(bulletproof, domain-agnostic)${NC}
+    ${BW}reg${NC}                 List all patterns
+    ${BW}reg table${NC}           Extract table as JSON ${DIM}(headers → keys)${NC}
+    ${BW}reg table-csv${NC}       Extract table as CSV
+    ${BW}reg table-paginated${NC} Get pagination info ${DIM}(hasNextPage, rowCount)${NC}
+    ${BW}reg buttons${NC}         List all buttons ${DIM}(text, aria-label)${NC}
+    ${BW}reg inputs${NC}          List all input fields
+    ${BW}reg loading${NC}         Check for loading spinners
+    ${BW}reg errors${NC}          Find error messages
+    ${BW}reg data-attrs${NC}      Find data-testid elements ${DIM}(stable selectors)${NC}
+
 ${B5}AUTOMATION${NC}
     ${BW}run${NC} <task.yaml>     Execute YAML task file
     ${BW}loop${NC} <task> [opts]  Autonomous loop ${DIM}(run until complete)${NC}
@@ -1579,6 +1773,61 @@ ${YELLOW}DOMAIN EXTENSIONS:${NC}
   }
 }
 
+// Version check - non-blocking, runs in background
+async function checkForUpdates() {
+  try {
+    const https = require('https');
+    const pkg = require('../package.json');
+    const current = pkg.version;
+    
+    const data = await new Promise((resolve, reject) => {
+      https.get('https://registry.npmjs.org/glidercli/latest', { timeout: 2000 }, (res) => {
+        let body = '';
+        res.on('data', chunk => body += chunk);
+        res.on('end', () => resolve(JSON.parse(body)));
+      }).on('error', reject);
+    });
+    
+    const latest = data.version;
+    if (latest && latest !== current) {
+      console.error(`${YELLOW}⬆${NC}  Update available: ${DIM}${current}${NC} → ${GREEN}${latest}${NC}  ${DIM}(run: glider update)${NC}`);
+    }
+  } catch {} // Silent fail - don't block CLI
+}
+
+// Update command
+async function cmdUpdate() {
+  log.info('Checking for updates...');
+  try {
+    const pkg = require('../package.json');
+    const current = pkg.version;
+    
+    // Check latest
+    const https = require('https');
+    const data = await new Promise((resolve, reject) => {
+      https.get('https://registry.npmjs.org/glidercli/latest', { timeout: 5000 }, (res) => {
+        let body = '';
+        res.on('data', chunk => body += chunk);
+        res.on('end', () => resolve(JSON.parse(body)));
+      }).on('error', reject);
+    });
+    
+    const latest = data.version;
+    if (latest === current) {
+      log.ok(`Already on latest version (${current})`);
+      return;
+    }
+    
+    log.info(`Updating ${current} → ${latest}...`);
+    execSync('npm update -g glidercli', { stdio: 'inherit' });
+    log.ok(`Updated to ${latest}`);
+  } catch (e) {
+    log.fail(`Update failed: ${e.message}`);
+    log.info('Try manually: npm update -g glidercli');
+    process.exit(1);
+  }
+}
+
 // Main
 async function main() {
   const args = process.argv.slice(2);
@@ -1589,8 +1838,13 @@ async function main() {
     process.exit(0);
   }
   
+  // Background version check (non-blocking) - skip for update/version commands
+  if (!['update', 'version', '-v', '--version'].includes(cmd)) {
+    checkForUpdates();
+  }
+  
   // Ensure server is running for most commands
-  if (!['start', 'stop', 'help', '--help', '-h'].includes(cmd)) {
+  if (!['start', 'stop', 'help', '--help', '-h', 'update', 'version', '-v', '--version'].includes(cmd)) {
     if (!await checkServer()) {
       log.info('Server not running, starting...');
       await cmdStart();
@@ -1621,6 +1875,14 @@ async function main() {
     case 'uninstall':
       await cmdUninstallDaemon();
       break;
+    case 'update':
+      await cmdUpdate();
+      break;
+    case 'version':
+    case '-v':
+    case '--version':
+      console.log(require('../package.json').version);
+      break;
     case 'connect':
       await cmdConnect();
       break;
@@ -1675,6 +1937,9 @@ async function main() {
     case 'fetch':
       await cmdFetch(args[1], args.slice(2));
       break;
+    case 'cfetch':
+      await cmdCorsFetch(args[1], args.slice(2));
+      break;
     case 'spawn':
       await cmdSpawn(args.slice(1));
       break;

package/lib/bserve.js

@@ -60,6 +60,21 @@ const server = http.createServer((req, res) => {
         res.end(JSON.stringify({ error: e.message }));
       }
     });
+  } else if (req.url === '/extension' && req.method === 'POST') {
+    // HTTP POST endpoint for extension commands (CORS-bypassing fetch, etc)
+    let body = '';
+    req.on('data', chunk => body += chunk);
+    req.on('end', async () => {
+      try {
+        const { method, params } = JSON.parse(body);
+        const result = await sendToExtension({ method, params });
+        res.writeHead(200, { 'Content-Type': 'application/json' });
+        res.end(JSON.stringify(result));
+      } catch (e) {
+        res.writeHead(500, { 'Content-Type': 'application/json' });
+        res.end(JSON.stringify({ error: e.message }));
+      }
+    });
   } else {
     res.writeHead(404);
     res.end('Not Found');

package/lib/registry.json

@@ -1,4 +1,107 @@
 {
+  "_meta": {
+    "description": "Glider extraction patterns - domain-agnostic, bulletproof",
+    "version": "2.0.0",
+    "updated": "2026-01-31"
+  },
+
+  "table": {
+    "description": "Extract first table as JSON array of objects (headers become keys)",
+    "pattern": "(() => { const t = document.querySelector('table'); if (!t) return {error: 'No table found'}; const headers = Array.from(t.querySelectorAll('thead th, tr:first-child th, tr:first-child td')).map(h => h.textContent.trim().toLowerCase().replace(/[^a-z0-9]+/g, '_')); const rows = Array.from(t.querySelectorAll('tbody tr, tr:not(:first-child)')); return rows.map(row => { const cells = Array.from(row.querySelectorAll('td')); const obj = {}; cells.forEach((c, i) => { obj[headers[i] || `col_${i}`] = c.textContent.trim(); }); return obj; }); })()",
+    "output": "json"
+  },
+
+  "table-all": {
+    "description": "Extract ALL tables on page as array of table objects",
+    "pattern": "(() => { const tables = Array.from(document.querySelectorAll('table')); return tables.map((t, idx) => { const headers = Array.from(t.querySelectorAll('thead th, tr:first-child th, tr:first-child td')).map(h => h.textContent.trim().toLowerCase().replace(/[^a-z0-9]+/g, '_')); const rows = Array.from(t.querySelectorAll('tbody tr, tr:not(:first-child)')); const data = rows.map(row => { const cells = Array.from(row.querySelectorAll('td')); const obj = {}; cells.forEach((c, i) => { obj[headers[i] || `col_${i}`] = c.textContent.trim(); }); return obj; }); return { tableIndex: idx, headers, rowCount: data.length, data }; }); })()",
+    "output": "json"
+  },
+
+  "table-raw": {
+    "description": "Extract first table as 2D array (no header processing)",
+    "pattern": "(() => { const t = document.querySelector('table'); if (!t) return []; return Array.from(t.querySelectorAll('tr')).map(row => Array.from(row.querySelectorAll('th, td')).map(c => c.textContent.trim())); })()",
+    "output": "json"
+  },
+
+  "table-csv": {
+    "description": "Extract first table as CSV string",
+    "pattern": "(() => { const t = document.querySelector('table'); if (!t) return ''; return Array.from(t.querySelectorAll('tr')).map(row => Array.from(row.querySelectorAll('th, td')).map(c => '\"' + c.textContent.trim().replace(/\"/g, '\"\"') + '\"').join(',')).join('\\n'); })()",
+    "output": "string"
+  },
+
+  "table-paginated": {
+    "description": "Get table info including pagination details",
+    "pattern": "(() => { const t = document.querySelector('table'); if (!t) return {error: 'No table found'}; const headers = Array.from(t.querySelectorAll('thead th')).map(h => h.textContent.trim()); const rowCount = t.querySelectorAll('tbody tr').length; const pagination = document.body.innerText.match(/(\\d+)\\s*[-–]\\s*(\\d+)\\s*of\\s*(\\d+)/i) || document.body.innerText.match(/page\\s*(\\d+)\\s*of\\s*(\\d+)/i); const nextBtn = document.querySelector('[aria-label*=\"Next\"], [aria-label*=\"next\"], button:has(svg[class*=\"right\"])'); return { headers, rowsOnPage: rowCount, pagination: pagination ? pagination[0] : null, hasNextPage: !!nextBtn && !nextBtn.disabled }; })()",
+    "output": "json"
+  },
+
+  "buttons": {
+    "description": "List all buttons with text and attributes",
+    "pattern": "Array.from(document.querySelectorAll('button, [role=\"button\"], input[type=\"button\"], input[type=\"submit\"]')).map(b => ({ text: b.textContent?.trim()?.substring(0, 100), ariaLabel: b.getAttribute('aria-label'), disabled: b.disabled, className: b.className?.substring(0, 50) }))",
+    "output": "json"
+  },
+
+  "button-click": {
+    "description": "Find and click button by text content (case-insensitive)",
+    "pattern": "(() => { const text = '{TEXT}'; const btn = Array.from(document.querySelectorAll('button, [role=\"button\"]')).find(b => b.textContent.toLowerCase().includes(text.toLowerCase())); if (btn) { btn.click(); return { clicked: true, text: btn.textContent.trim() }; } return { clicked: false, error: 'Button not found' }; })()",
+    "output": "json",
+    "params": ["TEXT"]
+  },
+
+  "dropdown-options": {
+    "description": "Get all options from select/dropdown elements",
+    "pattern": "(() => { const selects = Array.from(document.querySelectorAll('select')); const customs = Array.from(document.querySelectorAll('[role=\"listbox\"], [role=\"menu\"], [class*=\"dropdown\"] [class*=\"option\"]')); return { native: selects.map(s => ({ name: s.name, options: Array.from(s.options).map(o => ({ value: o.value, text: o.text })) })), custom: customs.map(c => c.textContent.trim()) }; })()",
+    "output": "json"
+  },
+
+  "inputs": {
+    "description": "Get all input fields with their current values",
+    "pattern": "Array.from(document.querySelectorAll('input, textarea, select')).map(i => ({ type: i.type || i.tagName.toLowerCase(), name: i.name, id: i.id, placeholder: i.placeholder, value: i.type === 'password' ? '***' : i.value?.substring(0, 100), required: i.required }))",
+    "output": "json"
+  },
+
+  "modals": {
+    "description": "Detect open modals/dialogs",
+    "pattern": "(() => { const modals = Array.from(document.querySelectorAll('[role=\"dialog\"], [class*=\"modal\"], [class*=\"Modal\"], [aria-modal=\"true\"]')); return modals.filter(m => m.offsetParent !== null).map(m => ({ text: m.textContent?.substring(0, 500), className: m.className?.substring(0, 100) })); })()",
+    "output": "json"
+  },
+
+  "loading": {
+    "description": "Check if page has loading indicators",
+    "pattern": "(() => { const indicators = document.querySelectorAll('[class*=\"loading\"], [class*=\"Loading\"], [class*=\"spinner\"], [class*=\"Spinner\"], [aria-busy=\"true\"]'); const visible = Array.from(indicators).filter(i => i.offsetParent !== null); return { isLoading: visible.length > 0, count: visible.length }; })()",
+    "output": "json"
+  },
+
+  "errors": {
+    "description": "Find error messages on page",
+    "pattern": "(() => { const errorSelectors = '[class*=\"error\"], [class*=\"Error\"], [role=\"alert\"], [class*=\"warning\"], [class*=\"Warning\"]'; const errors = Array.from(document.querySelectorAll(errorSelectors)).filter(e => e.offsetParent !== null && e.textContent.trim()); return errors.map(e => e.textContent.trim().substring(0, 200)); })()",
+    "output": "json"
+  },
+
+  "nav": {
+    "description": "Extract navigation structure",
+    "pattern": "(() => { const navs = document.querySelectorAll('nav, [role=\"navigation\"]'); return Array.from(navs).map(n => Array.from(n.querySelectorAll('a')).map(a => ({ text: a.textContent.trim(), href: a.href }))); })()",
+    "output": "json"
+  },
+
+  "tabs": {
+    "description": "Get tab/tablist elements and their states",
+    "pattern": "(() => { const tabs = Array.from(document.querySelectorAll('[role=\"tab\"], [class*=\"tab\"]')); return tabs.map(t => ({ text: t.textContent.trim(), selected: t.getAttribute('aria-selected') === 'true' || t.classList.contains('active') || t.classList.contains('selected'), href: t.href || t.getAttribute('data-href') })); })()",
+    "output": "json"
+  },
+
+  "data-attrs": {
+    "description": "Find elements with data-* attributes (useful for scraping)",
+    "pattern": "(() => { const els = document.querySelectorAll('[data-testid], [data-id], [data-value], [data-key]'); return Array.from(els).slice(0, 50).map(e => ({ tag: e.tagName, testid: e.dataset.testid, id: e.dataset.id, value: e.dataset.value, text: e.textContent?.trim()?.substring(0, 50) })); })()",
+    "output": "json"
+  },
+
+  "aria": {
+    "description": "Find elements with aria-label (stable selectors)",
+    "pattern": "Array.from(document.querySelectorAll('[aria-label]')).slice(0, 50).map(e => ({ tag: e.tagName, label: e.getAttribute('aria-label'), role: e.getAttribute('role') }))",
+    "output": "json"
+  },
+
   "favicon": {
     "description": "Extract favicon from current page using browser session",
     "pattern": "(async () => { const resp = await fetch(document.querySelector('link[rel*=icon]')?.href || window.location.origin + '/favicon.ico', { credentials: 'include' }); const blob = await resp.blob(); const reader = new FileReader(); return await new Promise(resolve => { reader.onload = () => resolve(reader.result.split(',')[1]); reader.readAsDataURL(blob); }); })()",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "glidercli",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "description": "Browser automation CLI. Control Chrome from terminal via CDP, run YAML task files, autonomous loops until completion.",
   "main": "index.js",
   "bin": {