@jackwener/opencli 1.0.0 → 1.0.3

package/src/runtime.ts

@@ -1,11 +1,7 @@
-/**
- * Runtime utilities: timeouts and browser session management.
- */
-
 import type { IPage } from './types.js';
 
 export const DEFAULT_BROWSER_CONNECT_TIMEOUT = parseInt(process.env.OPENCLI_BROWSER_CONNECT_TIMEOUT ?? '30', 10);
-export const DEFAULT_BROWSER_COMMAND_TIMEOUT = parseInt(process.env.OPENCLI_BROWSER_COMMAND_TIMEOUT ?? '45', 10);
+export const DEFAULT_BROWSER_COMMAND_TIMEOUT = parseInt(process.env.OPENCLI_BROWSER_COMMAND_TIMEOUT ?? '60', 10);
 export const DEFAULT_BROWSER_EXPLORE_TIMEOUT = parseInt(process.env.OPENCLI_BROWSER_EXPLORE_TIMEOUT ?? '120', 10);
 export const DEFAULT_BROWSER_SMOKE_TIMEOUT = parseInt(process.env.OPENCLI_BROWSER_SMOKE_TIMEOUT ?? '60', 10);
 
@@ -32,7 +28,7 @@ export function withTimeoutMs<T>(promise: Promise<T>, timeoutMs: number, message
   });
 }
 
-/** Interface for browser factory (PlaywrightMCP or test mocks) */
+/** Interface for browser factory (BrowserBridge or test mocks) */
 export interface IBrowserFactory {
   connect(opts?: { timeout?: number }): Promise<IPage>;
   close(): Promise<void>;

package/src/scripts/framework.ts

@@ -0,0 +1,20 @@
+/**
+ * Injected script for detecting frontend frameworks (Vue, React, Next, Nuxt, etc.)
+ */
+export function detectFramework() {
+  const r: Record<string, boolean> = {};
+  try {
+    const app = document.querySelector('#app') as any;
+    r.vue3 = !!(app && app.__vue_app__);
+    r.vue2 = !!(app && app.__vue__);
+    r.react = !!(window as any).__REACT_DEVTOOLS_GLOBAL_HOOK__ || !!document.querySelector('[data-reactroot]');
+    r.nextjs = !!(window as any).__NEXT_DATA__;
+    r.nuxt = !!(window as any).__NUXT__;
+    if (r.vue3 && app.__vue_app__) {
+      const gp = app.__vue_app__.config?.globalProperties;
+      r.pinia = !!(gp && gp.$pinia);
+      r.vuex = !!(gp && gp.$store);
+    }
+  } catch {}
+  return r;
+}

package/src/scripts/interact.ts

@@ -0,0 +1,22 @@
+/**
+ * Injected script for interactive fuzzing (clicking elements to trigger lazy loading)
+ */
+export async function interactFuzz() {
+  const sleep = (ms: number) => new Promise(r => setTimeout(r, ms));
+  const clickables = Array.from(document.querySelectorAll(
+    'button, [role="button"], [role="tab"], .tab, .btn, a[href="javascript:void(0)"], a[href="#"]'
+  )).slice(0, 15); // limit to a small number to avoid endless loops
+
+  let clicked = 0;
+  for (const el of clickables) {
+    try {
+      const rect = el.getBoundingClientRect();
+      if (rect.width > 0 && rect.height > 0) {
+        el.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true, view: window }));
+        clicked++;
+        await sleep(300); // give it time to trigger network
+      }
+    } catch {}
+  }
+  return clicked;
+}

package/src/scripts/store.ts

@@ -0,0 +1,40 @@
+/**
+ * Injected script for discovering Pinia or Vuex stores and their actions/state representations
+ */
+export function discoverStores() {
+  const stores: Array<{ type: string; id: string; actions: string[]; stateKeys: string[] }> = [];
+  try {
+    const app = document.querySelector('#app') as any;
+    if (!app?.__vue_app__) return stores;
+    const gp = app.__vue_app__.config?.globalProperties;
+
+    // Pinia stores
+    const pinia = gp?.$pinia;
+    if (pinia?._s) {
+      pinia._s.forEach((store: any, id: string) => {
+        const actions: string[] = [];
+        const stateKeys: string[] = [];
+        for (const k in store) {
+          try {
+            if (k.startsWith('$') || k.startsWith('_')) continue;
+            if (typeof store[k] === 'function') actions.push(k);
+            else stateKeys.push(k);
+          } catch {}
+        }
+        stores.push({ type: 'pinia', id, actions: actions.slice(0, 20), stateKeys: stateKeys.slice(0, 15) });
+      });
+    }
+
+    // Vuex store modules
+    const vuex = gp?.$store;
+    if (vuex?._modules?.root?._children) {
+      const children = vuex._modules.root._children;
+      for (const [modName, mod] of Object.entries<any>(children)) {
+        const actions = Object.keys(mod._rawModule?.actions ?? {}).slice(0, 20);
+        const stateKeys = Object.keys(mod.state ?? {}).slice(0, 15);
+        stores.push({ type: 'vuex', id: modName, actions, stateKeys });
+      }
+    }
+  } catch {}
+  return stores;
+}

package/src/setup.ts

@@ -8,7 +8,7 @@
 import chalk from 'chalk';
 import { checkDaemonStatus } from './browser/discover.js';
 import { checkConnectivity } from './doctor.js';
-import { PlaywrightMCP } from './browser/index.js';
+import { BrowserBridge } from './browser/index.js';
 
 export async function runSetup(opts: { cliVersion?: string; token?: string } = {}) {
   console.log();
@@ -27,7 +27,7 @@ export async function runSetup(opts: { cliVersion?: string; token?: string } = {
     console.log(chalk.dim('    Starting daemon now...'));
 
     // Try to spawn daemon
-    const mcp = new PlaywrightMCP();
+    const mcp = new BrowserBridge();
     try {
       await mcp.connect({ timeout: 5 });
       await mcp.close();

package/src/synthesize.ts

@@ -116,7 +116,7 @@ function buildEvaluateScript(url: string, itemPath: string, endpoint: any): stri
 
   return [
     '(async () => {',
-    `  const res = await fetch('${url}', {`,
+    `  const res = await fetch(${JSON.stringify(url)}, {`,
     `    credentials: 'include'`,
     '  });',
     '  const data = await res.json();',

package/tests/e2e/public-commands.test.ts

@@ -6,12 +6,49 @@
 import { describe, it, expect } from 'vitest';
 import { runCli, parseJsonOutput } from './helpers.js';
 
-function isExpectedXiaoyuzhouRestriction(code: number, stderr: string): boolean {
+function isExpectedChineseSiteRestriction(code: number, stderr: string): boolean {
   if (code === 0) return false;
   return /Error \[FETCH_ERROR\]: HTTP (403|429|451|503)\b/.test(stderr);
 }
 
+// Keep old name as alias for existing tests
+const isExpectedXiaoyuzhouRestriction = isExpectedChineseSiteRestriction;
+
 describe('public commands E2E', () => {
+  // ── apple-podcasts ──
+  it('apple-podcasts search returns structured podcast results', async () => {
+    const { stdout, code } = await runCli(['apple-podcasts', 'search', 'technology', '--limit', '3', '-f', 'json']);
+    expect(code).toBe(0);
+    const data = parseJsonOutput(stdout);
+    expect(Array.isArray(data)).toBe(true);
+    expect(data.length).toBeGreaterThanOrEqual(1);
+    expect(data[0]).toHaveProperty('id');
+    expect(data[0]).toHaveProperty('title');
+    expect(data[0]).toHaveProperty('author');
+  }, 30_000);
+
+  it('apple-podcasts episodes returns episode list from a known show', async () => {
+    const { stdout, code } = await runCli(['apple-podcasts', 'episodes', '275699983', '--limit', '3', '-f', 'json']);
+    expect(code).toBe(0);
+    const data = parseJsonOutput(stdout);
+    expect(Array.isArray(data)).toBe(true);
+    expect(data.length).toBeGreaterThanOrEqual(1);
+    expect(data[0]).toHaveProperty('title');
+    expect(data[0]).toHaveProperty('duration');
+    expect(data[0]).toHaveProperty('date');
+  }, 30_000);
+
+  it('apple-podcasts top returns ranked podcasts', async () => {
+    const { stdout, code } = await runCli(['apple-podcasts', 'top', '--limit', '3', '--country', 'us', '-f', 'json']);
+    expect(code).toBe(0);
+    const data = parseJsonOutput(stdout);
+    expect(Array.isArray(data)).toBe(true);
+    expect(data.length).toBe(3);
+    expect(data[0]).toHaveProperty('rank');
+    expect(data[0]).toHaveProperty('title');
+    expect(data[0]).toHaveProperty('id');
+  }, 30_000);
+
   // ── hackernews ──
   it('hackernews top returns structured data', async () => {
     const { stdout, code } = await runCli(['hackernews', 'top', '--limit', '3', '-f', 'json']);
@@ -115,4 +152,34 @@ describe('public commands E2E', () => {
     expect(code).not.toBe(0);
     expect(stderr).toMatch(/limit must be a positive integer|Argument "limit" must be a valid number/);
   }, 30_000);
+
+  // ── weread (Chinese site — may return empty on overseas CI runners) ──
+  it('weread search returns books', async () => {
+    const { stdout, stderr, code } = await runCli(['weread', 'search', 'python', '--limit', '3', '-f', 'json']);
+    if (isExpectedChineseSiteRestriction(code, stderr)) {
+      console.warn(`weread search skipped: ${stderr.trim()}`);
+      return;
+    }
+    expect(code).toBe(0);
+    const data = parseJsonOutput(stdout);
+    expect(Array.isArray(data)).toBe(true);
+    expect(data.length).toBeGreaterThanOrEqual(1);
+    expect(data[0]).toHaveProperty('title');
+    expect(data[0]).toHaveProperty('bookId');
+  }, 30_000);
+
+  it('weread ranking returns books', async () => {
+    const { stdout, stderr, code } = await runCli(['weread', 'ranking', 'all', '--limit', '3', '-f', 'json']);
+    if (isExpectedChineseSiteRestriction(code, stderr)) {
+      console.warn(`weread ranking skipped: ${stderr.trim()}`);
+      return;
+    }
+    expect(code).toBe(0);
+    const data = parseJsonOutput(stdout);
+    expect(Array.isArray(data)).toBe(true);
+    expect(data.length).toBeGreaterThanOrEqual(1);
+    expect(data[0]).toHaveProperty('title');
+    expect(data[0]).toHaveProperty('readingCount');
+    expect(data[0]).toHaveProperty('bookId');
+  }, 30_000);
 });

package/dist/clis/grok/debug.d.ts

@@ -1 +0,0 @@
-export declare const debugCommand: import("../../registry.js").CliCommand;

package/dist/clis/grok/debug.js

@@ -1,45 +0,0 @@
-import { cli, Strategy } from '../../registry.js';
-export const debugCommand = cli({
-    site: 'grok',
-    name: 'debug',
-    description: 'Debug grok page structure',
-    domain: 'grok.com',
-    strategy: Strategy.COOKIE,
-    browser: true,
-    columns: ['data'],
-    func: async (page, _kwargs) => {
-        await page.goto('https://grok.com');
-        await page.wait(3);
-        // Get all button-like elements near textarea
-        const debug = await page.evaluate(`(() => {
-      const ta = document.querySelector('textarea');
-      if (!ta) return { error: 'no textarea' };
-
-      // Get parent containers
-      let parent = ta.parentElement;
-      const parents = [];
-      for (let i = 0; i < 5 && parent; i++) {
-        parents.push({
-          tag: parent.tagName,
-          class: parent.className?.substring(0, 80),
-          childCount: parent.children.length,
-        });
-        parent = parent.parentElement;
-      }
-
-      // Find buttons in the form/container near textarea
-      const form = ta.closest('form') || ta.closest('[class*="composer"]') || ta.closest('[class*="input"]') || ta.parentElement?.parentElement;
-      const buttons = form ? [...form.querySelectorAll('button')].map(b => ({
-        testid: b.getAttribute('data-testid'),
-        type: b.type,
-        disabled: b.disabled,
-        text: (b.textContent || '').substring(0, 30),
-        html: b.outerHTML.substring(0, 200),
-        rect: b.getBoundingClientRect().toJSON(),
-      })) : [];
-
-      return { parents, buttons, formTag: form?.tagName, formClass: form?.className?.substring(0, 80) };
-    })()`);
-        return [{ data: JSON.stringify(debug, null, 2) }];
-    },
-});

package/src/clis/grok/debug.ts

@@ -1,49 +0,0 @@
-import { cli, Strategy } from '../../registry.js';
-import type { IPage } from '../../types.js';
-
-export const debugCommand = cli({
-  site: 'grok',
-  name: 'debug',
-  description: 'Debug grok page structure',
-  domain: 'grok.com',
-  strategy: Strategy.COOKIE,
-  browser: true,
-  columns: ['data'],
-  func: async (page: IPage, _kwargs: Record<string, any>) => {
-    await page.goto('https://grok.com');
-    await page.wait(3);
-
-    // Get all button-like elements near textarea
-    const debug = await page.evaluate(`(() => {
-      const ta = document.querySelector('textarea');
-      if (!ta) return { error: 'no textarea' };
-
-      // Get parent containers
-      let parent = ta.parentElement;
-      const parents = [];
-      for (let i = 0; i < 5 && parent; i++) {
-        parents.push({
-          tag: parent.tagName,
-          class: parent.className?.substring(0, 80),
-          childCount: parent.children.length,
-        });
-        parent = parent.parentElement;
-      }
-
-      // Find buttons in the form/container near textarea
-      const form = ta.closest('form') || ta.closest('[class*="composer"]') || ta.closest('[class*="input"]') || ta.parentElement?.parentElement;
-      const buttons = form ? [...form.querySelectorAll('button')].map(b => ({
-        testid: b.getAttribute('data-testid'),
-        type: b.type,
-        disabled: b.disabled,
-        text: (b.textContent || '').substring(0, 30),
-        html: b.outerHTML.substring(0, 200),
-        rect: b.getBoundingClientRect().toJSON(),
-      })) : [];
-
-      return { parents, buttons, formTag: form?.tagName, formClass: form?.className?.substring(0, 80) };
-    })()`);
-
-    return [{ data: JSON.stringify(debug, null, 2) }];
-  },
-});