Web Auth Bridge

Web Auth Bridge

Objective

Enable agent skills and CLI tools to authenticate against external websites that require browser-based login flows (Cloudflare WAF, SAML, MFA, ASP.NET sessions) and then interact with their APIs using cached tokens — without re-authenticating on every execution.

Scope

In-scope:

• Implementing AuthCallback classes that drive site-specific login flows
• Configuring WebAuthBridge for headless or headed authentication
• Using cached authentication results with httpx clients
• Spinning up parallel browser contexts for sites requiring continued browser interaction
• Implementing SessionRenewalCallback for stateful session management
• Integrating web-auth-bridge into skill CLIs

Out-of-scope:

• General HTTP client usage without browser authentication
• Playwright usage unrelated to authentication
• Credential file creation (operator responsibility per skill-cli-development)

Library Location

The library lives at C:\Users\Mike\Projects\web-auth-bridge\ and is installed via:

uv add --editable C:\Users\Mike\Projects\web-auth-bridge

Or from a skill CLI's pyproject.toml:

[project]
dependencies = ["web-auth-bridge"]

[tool.uv.sources]
web-auth-bridge = { path = "../../web-auth-bridge", editable = true }

Core Concepts

Architecture

┌─────────────────────────────────────────────────────┐
│                   WebAuthBridge                     │
│  (facade: ties auth, cache, HTTP client, pool)      │
├──────────────┬──────────────┬───────────────────────┤
│ Authenticator│  AuthCache   │  BrowserContextPool   │
│ (browser +   │ (file-backed │ (N parallel contexts  │
│  callback)   │  persistence)│  with cloned cookies) │
├──────────────┴──────────────┴───────────────────────┤
│              BrowserManager (Playwright)            │
└─────────────────────────────────────────────────────┘

Flow

1. Auth stage: Playwright browser runs consumer's AuthCallback → cookies/tokens extracted
2. Cache stage: AuthResult persisted to disk (file permissions 600)
3. API stage (choose one):
   • HTTP only: httpx.AsyncClient or httpx.Client with cookies pre-injected
   • Browser pool: N parallel BrowserContext instances with cookies cloned in

Key Classes

Implementation Guide

Step 1: Implement AuthCallback

Every target website needs its own AuthCallback. This is where the site-specific login logic lives.

from web_auth_bridge import AuthCallback, AuthResult, CookieData, Credentials

from playwright.async_api import Page


class MyServiceAuth:
    """Drive login for my-service.example.com."""

    async def authenticate(self, page: Page, credentials: Credentials | None) -> AuthResult:
        await page.goto("https://my-service.example.com/login")

        if credentials:
            await page.fill("#username", credentials.username)
            await page.fill("#password", credentials.password)
            await page.click("#submit")
        else:
            # Manual entry: wait for user to complete login
            await page.wait_for_url("**/dashboard**", timeout=120_000)

        await page.wait_for_load_state("networkidle")

        # Extract cookies from the browser context
        cookies = await page.context.cookies()
        return AuthResult(
            cookies=[CookieData.from_playwright_dict(dict(c)) for c in cookies],
            tokens={"csrf": await page.evaluate("() => document.querySelector('meta[name=csrf]')?.content || ''")},
        )

    async def is_authenticated(self, auth_result: AuthResult) -> bool:
        return not auth_result.is_expired

Step 2: Configure and Use WebAuthBridge

import asyncio
from pathlib import Path

from web_auth_bridge import WebAuthBridge, Credentials


async def main() -> None:
    bridge = WebAuthBridge(
        auth_callback=MyServiceAuth(),
        cache_dir=Path("~/.config/copilot-skills/my-skill/cache"),
        credentials=Credentials(username="user@example.com", password="secret"),
        headless=True,
    )

    # Authenticate (uses cache if valid)
    result = await bridge.ensure_authenticated()

    # Option A: HTTP API calls (no browser needed)
    async with bridge.http_client() as client:
        resp = await client.get("https://my-service.example.com/api/data")
        print(resp.json())

    # Option B: Sync HTTP client
    with bridge.http_client_sync() as client:
        resp = client.get("https://my-service.example.com/api/data")
        print(resp.json())

    # Option C: Parallel browser contexts (for sites requiring browser)
    async with bridge.browser_pool(count=4) as contexts:
        pages = [await ctx.new_page() for ctx in contexts]
        for page in pages:
            await page.goto("https://my-service.example.com/reports")
            # ... scrape or interact

asyncio.run(main())

Step 3: Handle Stateful Sessions (Optional)

For sites with stateful server-side sessions (ASP.NET, etc.), implement SessionRenewalCallback:

from web_auth_bridge import SessionRenewalCallback

from playwright.async_api import BrowserContext, Page


class AspNetSessionRenewal:
    async def renew(
        self,
        context: BrowserContext,
        page: Page,
        auth_cookies: list[dict[str, object]],
    ) -> None:
        await page.goto("https://portal.example.com/session/init")
        await page.wait_for_load_state("networkidle")
        # Server sets a unique ASP.NET_SessionId cookie automatically


# Use it:
async with bridge.browser_pool(count=4, session_renewal=AspNetSessionRenewal()) as contexts:
    ...

Step 4: Headed Mode for Manual Auth

When credentials cannot be stored or the flow requires visual interaction:

bridge = WebAuthBridge(
    auth_callback=MyServiceAuth(),
    cache_dir=Path("~/.config/copilot-skills/my-skill/cache"),
    credentials=None,  # No stored credentials
    headless=False,     # User sees the browser
)

Integration with Skill CLIs

When building a skill CLI that uses web-auth-bridge, follow this pattern:

"""CLI for my-skill that authenticates via web-auth-bridge."""

import argparse
import asyncio
import sys
from pathlib import Path

from web_auth_bridge import WebAuthBridge, Credentials


def _load_credentials(config_dir: Path) -> Credentials | None:
    creds_file = config_dir / "credentials.toml"
    if not creds_file.exists():
        return None
    import tomllib
    data = tomllib.loads(creds_file.read_text())
    return Credentials(
        username=data["username"],
        password=data["password"],
    )


async def _run(args: argparse.Namespace) -> None:
    config_dir = Path("~/.config/copilot-skills/my-skill").expanduser()
    credentials = _load_credentials(config_dir)

    bridge = WebAuthBridge(
        auth_callback=MyServiceAuth(),
        cache_dir=config_dir / "cache",
        credentials=credentials,
        headless=credentials is not None,  # Headed if no stored creds
    )

    await bridge.ensure_authenticated()

    async with bridge.http_client() as client:
        resp = await client.get("https://api.example.com/data")
        print(resp.text)


def main() -> None:
    parser = argparse.ArgumentParser(description="My skill CLI")
    args = parser.parse_args()
    asyncio.run(_run(args))

API Reference

WebAuthBridge

WebAuthBridge(
    *,
    auth_callback: AuthCallback,
    cache_dir: Path,
    credentials: Credentials | None = None,
    headless: bool = True,
    browser_type: str = "chromium",
    stealth: StealthConfig | None = None,
    launch_kwargs: dict[str, Any] | None = None,
)

Methods:

AuthResult

Credentials

Constraints

MUST:

• Implement AuthCallback for each target website
• Use cache_dir under the consuming skill's config directory
• Set headless=False when credentials are not stored (manual entry)
• Handle AuthError exceptions from ensure_authenticated()
• Follow skill-cli-development credential isolation rules

MUST NOT:

• Store credentials in the auth cache (only tokens/cookies are cached)
• Share browser contexts across asyncio tasks (Playwright limitation)
• Use web-auth-bridge for sites with simple API key authentication
• Hardcode credentials in AuthCallback implementations

MAY:

• Use StealthConfig to customize anti-detection settings per site
• Implement is_authenticated() with an active API check instead of expiry-based
• Pass launch_kwargs for site-specific browser configuration (e.g., proxy)
• Use force_authenticate() to bypass cache during debugging