feat: add VNC streaming support

Dockerfile

@@ -43,9 +43,17 @@ RUN apt-get update && apt-get install -y --no-install-recommends \
     libjpeg-dev \
     redis-server \
     supervisor \
-    && apt-get clean \ 
+    xvfb \
+    x11vnc \
+    fluxbox \
+    websockify \
+    && apt-get clean \
     && rm -rf /var/lib/apt/lists/*
 
+# Install noVNC for browser-based VNC access
+RUN git clone --depth 1 https://github.com/novnc/noVNC /opt/novnc \
+    && git clone --depth 1 https://github.com/novnc/websockify /opt/novnc/utils/websockify
+
 RUN apt-get update && apt-get install -y --no-install-recommends \
     libglib2.0-0 \
     libnss3 \

crawl4ai/async_configs.py

@@ -764,9 +764,6 @@ class CrawlerRunConfig():
                             Default: 60000 (60 seconds).
         wait_for (str or None): A CSS selector or JS condition to wait for before extracting content.
                                 Default: None.
-        wait_for_timeout (int or None): Specific timeout in ms for the wait_for condition.
-                                       If None, uses page_timeout instead.
-                                       Default: None.
         wait_for_images (bool): If True, wait for images to load before extracting content.
                                 Default: False.
         delay_before_return_html (float): Delay in seconds before retrieving final HTML.
@@ -907,7 +904,6 @@ class CrawlerRunConfig():
         wait_until: str = "domcontentloaded",
         page_timeout: int = PAGE_TIMEOUT,
         wait_for: str = None,
-        wait_for_timeout: int = None,
         wait_for_images: bool = False,
         delay_before_return_html: float = 0.1,
         mean_delay: float = 0.1,
@@ -1004,7 +1000,6 @@ class CrawlerRunConfig():
         self.wait_until = wait_until
         self.page_timeout = page_timeout
         self.wait_for = wait_for
-        self.wait_for_timeout = wait_for_timeout
         self.wait_for_images = wait_for_images
         self.delay_before_return_html = delay_before_return_html
         self.mean_delay = mean_delay
@@ -1146,7 +1141,6 @@ class CrawlerRunConfig():
             wait_until=kwargs.get("wait_until", "domcontentloaded"),
             page_timeout=kwargs.get("page_timeout", 60000),
             wait_for=kwargs.get("wait_for"),
-            wait_for_timeout=kwargs.get("wait_for_timeout"),
             wait_for_images=kwargs.get("wait_for_images", False),
             delay_before_return_html=kwargs.get("delay_before_return_html", 0.1),
             mean_delay=kwargs.get("mean_delay", 0.1),
@@ -1256,7 +1250,6 @@ class CrawlerRunConfig():
             "wait_until": self.wait_until,
             "page_timeout": self.page_timeout,
             "wait_for": self.wait_for,
-            "wait_for_timeout": self.wait_for_timeout,
             "wait_for_images": self.wait_for_images,
             "delay_before_return_html": self.delay_before_return_html,
             "mean_delay": self.mean_delay,

crawl4ai/async_crawler_strategy.py

@@ -937,10 +937,8 @@ class AsyncPlaywrightCrawlerStrategy(AsyncCrawlerStrategy):
 
             if config.wait_for:
                 try:
-                    # Use wait_for_timeout if specified, otherwise fall back to page_timeout
-                    timeout = config.wait_for_timeout if config.wait_for_timeout is not None else config.page_timeout
                     await self.smart_wait(
-                        page, config.wait_for, timeout=timeout
+                        page, config.wait_for, timeout=config.page_timeout
                     )
                 except Exception as e:
                     raise RuntimeError(f"Wait condition failed: {str(e)}")

crawl4ai/browser_manager.py

@@ -964,10 +964,7 @@ class BrowserManager:
             pages = context.pages
             page = next((p for p in pages if p.url == crawlerRunConfig.url), None)
             if not page:
-                if pages:
-                    page = context.pages[0]
-                else:
-                    page = await context.new_page()
+                page = context.pages[0] # await context.new_page()
         else:
             # Otherwise, check if we have an existing context for this config
             config_signature = self._make_config_signature(crawlerRunConfig)

crawl4ai/utils.py

@@ -135,20 +135,13 @@ def merge_chunks(
     word_token_ratio: float = 1.0,
     splitter: Callable = None
 ) -> List[str]:
-    """
-    Merges a sequence of documents into chunks based on a target token count, with optional overlap.
-    
-    Each document is split into tokens using the provided splitter function (defaults to str.split). Tokens are distributed into chunks aiming for the specified target size, with optional overlapping tokens between consecutive chunks. Returns a list of non-empty merged chunks as strings.
+    """Merges documents into chunks of specified token size.
     
     Args:
-        docs: Sequence of input document strings to be merged.
-        target_size: Target number of tokens per chunk.
-        overlap: Number of tokens to overlap between consecutive chunks.
-        word_token_ratio: Multiplier to estimate token count from word count.
-        splitter: Callable used to split each document into tokens.
-    
-    Returns:
-        List of merged document chunks as strings, each not exceeding the target token size.
+        docs: Input documents
+        target_size: Desired token count per chunk
+        overlap: Number of tokens to overlap between chunks
+        word_token_ratio: Multiplier for word->token conversion
     """
     # Pre-tokenize all docs and store token counts
     splitter = splitter or str.split
@@ -157,7 +150,7 @@ def merge_chunks(
     total_tokens = 0
     
     for doc in docs:
-        tokens = splitter(doc)
+        tokens = doc.split()
         count = int(len(tokens) * word_token_ratio)
         if count:  # Skip empty docs
             token_counts.append(count)
@@ -1116,23 +1109,6 @@ def get_content_of_website_optimized(
     css_selector: str = None,
     **kwargs,
 ) -> Dict[str, Any]:
-    """
-    Extracts and cleans content from website HTML, optimizing for useful media and contextual information.
-    
-    Parses the provided HTML to extract internal and external links, filters and scores images for usefulness, gathers contextual descriptions for media, removes unwanted or low-value elements, and converts the cleaned HTML to Markdown. Also extracts metadata and returns all structured content in a dictionary.
-    
-    Args:
-        url: The URL of the website being processed.
-        html: The raw HTML content to extract from.
-        word_count_threshold: Minimum word count for elements to be retained.
-        css_selector: Optional CSS selector to restrict extraction to specific elements.
-    
-    Returns:
-        A dictionary containing Markdown content, cleaned HTML, extraction success status, media and link lists, and metadata.
-    
-    Raises:
-        InvalidCSSSelectorError: If a provided CSS selector does not match any elements.
-    """
     if not html:
         return None
 
@@ -1175,20 +1151,6 @@ def get_content_of_website_optimized(
 
     def process_image(img, url, index, total_images):
         # Check if an image has valid display and inside undesired html elements
-        """
-        Processes an HTML image element to determine its relevance and extract metadata.
-        
-        Evaluates an image's visibility, context, and usefulness based on its attributes and parent elements. If the image passes validation and exceeds a usefulness score threshold, returns a dictionary with its source, alt text, contextual description, score, and type. Otherwise, returns None.
-        
-        Args:
-            img: The BeautifulSoup image tag to process.
-            url: The base URL of the page containing the image.
-            index: The index of the image in the list of images on the page.
-            total_images: The total number of images on the page.
-        
-        Returns:
-            A dictionary with image metadata if the image is considered useful, or None otherwise.
-        """
         def is_valid_image(img, parent, parent_classes):
             style = img.get("style", "")
             src = img.get("src", "")
@@ -1210,20 +1172,6 @@ def get_content_of_website_optimized(
         # Score an image for it's usefulness
         def score_image_for_usefulness(img, base_url, index, images_count):
             # Function to parse image height/width value and units
-            """
-            Scores an HTML image element for usefulness based on size, format, attributes, and position.
-            
-            The function evaluates an image's dimensions, file format, alt text, and its position among all images on the page to assign a usefulness score. Higher scores indicate images that are likely more relevant or informative for content extraction or summarization.
-            
-            Args:
-                img: The HTML image element to score.
-                base_url: The base URL used to resolve relative image sources.
-                index: The position of the image in the list of images on the page (zero-based).
-                images_count: The total number of images on the page.
-            
-            Returns:
-                An integer usefulness score for the image.
-            """
             def parse_dimension(dimension):
                 if dimension:
                     match = re.match(r"(\d+)(\D*)", dimension)
@@ -1238,16 +1186,6 @@ def get_content_of_website_optimized(
             # Fetch image file metadata to extract size and extension
             def fetch_image_file_size(img, base_url):
                 # If src is relative path construct full URL, if not it may be CDN URL
-                """
-                Fetches the file size of an image by sending a HEAD request to its URL.
-                
-                Args:
-                    img: A BeautifulSoup tag representing the image element.
-                    base_url: The base URL to resolve relative image sources.
-                
-                Returns:
-                    The value of the "Content-Length" header as a string if available, otherwise None.
-                """
                 img_url = urljoin(base_url, img.get("src"))
                 try:
                     response = requests.head(img_url)
@@ -1258,6 +1196,8 @@ def get_content_of_website_optimized(
                         return None
                 except InvalidSchema:
                     return None
+                finally:
+                    return
 
             image_height = img.get("height")
             height_value, height_unit = parse_dimension(image_height)

deploy/docker/README.md

@@ -17,6 +17,7 @@
   - [Screenshot Endpoint](#screenshot-endpoint)
   - [PDF Export Endpoint](#pdf-export-endpoint)
   - [JavaScript Execution Endpoint](#javascript-execution-endpoint)
+  - [Browser VNC Endpoint](#browser-vnc-endpoint)
   - [Library Context Endpoint](#library-context-endpoint)
 - [MCP (Model Context Protocol) Support](#mcp-model-context-protocol-support)
   - [What is MCP?](#what-is-mcp)
@@ -377,6 +378,20 @@ Executes JavaScript snippets on the specified URL and returns the full crawl res
 
 - `scripts`: List of JavaScript snippets to execute sequentially
 
+### Browser VNC Endpoint
+
+```
+GET /vnc
+```
+
+Opens a browser-based VNC session for interacting with the container's desktop environment. Use `/vnc/url` to retrieve only the iframe URL.
+
+```
+GET /vnc/url
+```
+
+Returns a JSON object containing the URL of the embedded noVNC client.
+
 ---
 
 ## Dockerfile Parameters

deploy/docker/server.py

@@ -33,7 +33,11 @@ from schemas import (
 )
 
 from utils import (
-    FilterType, load_config, setup_logging, verify_email_domain
+    FilterType,
+    load_config,
+    setup_logging,
+    verify_email_domain,
+    get_base_url,
 )
 import os
 import sys
@@ -48,7 +52,11 @@ from fastapi import (
 )
 from rank_bm25 import BM25Okapi
 from fastapi.responses import (
-    StreamingResponse, RedirectResponse, PlainTextResponse, JSONResponse
+    StreamingResponse,
+    RedirectResponse,
+    PlainTextResponse,
+    JSONResponse,
+    HTMLResponse,
 )
 from fastapi.middleware.httpsredirect import HTTPSRedirectMiddleware
 from fastapi.middleware.trustedhost import TrustedHostMiddleware
@@ -129,11 +137,31 @@ app.mount(
     name="play",
 )
 
+# Serve noVNC static files if available
+VNC_DIR = pathlib.Path("/opt/novnc")
+if VNC_DIR.exists():
+    app.mount("/novnc", StaticFiles(directory=VNC_DIR, html=True), name="novnc")
+
 
 @app.get("/")
 async def root():
     return RedirectResponse("/playground")
 
+
+@app.get("/vnc")
+async def vnc_page(request: Request):
+    """Return a simple page embedding the noVNC client."""
+    url = f"{get_base_url(request)}/novnc/vnc.html?autoconnect=true&resize=scale"
+    html = f"<iframe src='{url}' width='1024' height='768' style='border:none'></iframe>"
+    return HTMLResponse(f"<html><body>{html}</body></html>")
+
+
+@app.get("/vnc/url")
+async def vnc_url(request: Request):
+    """Return the direct URL to the noVNC client."""
+    url = f"{get_base_url(request)}/novnc/vnc.html?autoconnect=true&resize=scale"
+    return {"url": url}
+
 # ─────────────────── infra / middleware  ─────────────────────
 redis = aioredis.from_url(config["redis"].get("uri", "redis://localhost"))
 

deploy/docker/supervisord.conf

@@ -20,9 +20,53 @@ user=appuser                    ; Run gunicorn as our non-root user
 autorestart=true
 priority=20
 environment=PYTHONUNBUFFERED=1  ; Ensure Python output is sent straight to logs
+environment=DISPLAY=:99
 stdout_logfile=/dev/stdout      ; Redirect gunicorn stdout to container stdout
 stdout_logfile_maxbytes=0
 stderr_logfile=/dev/stderr      ; Redirect gunicorn stderr to container stderr
 stderr_logfile_maxbytes=0
 
+[program:xvfb]
+command=/usr/bin/Xvfb :99 -screen 0 1280x720x24
+user=appuser
+autorestart=true
+priority=5
+stdout_logfile=/dev/stdout
+stdout_logfile_maxbytes=0
+stderr_logfile=/dev/stderr
+stderr_logfile_maxbytes=0
+
+[program:fluxbox]
+command=/usr/bin/fluxbox
+user=appuser
+autorestart=true
+priority=6
+environment=DISPLAY=:99
+stdout_logfile=/dev/stdout
+stdout_logfile_maxbytes=0
+stderr_logfile=/dev/stderr
+stderr_logfile_maxbytes=0
+
+[program:x11vnc]
+command=/usr/bin/x11vnc -display :99 -nopw -forever -shared -rfbport 5900 -quiet
+user=appuser
+autorestart=true
+priority=7
+environment=DISPLAY=:99
+stdout_logfile=/dev/stdout
+stdout_logfile_maxbytes=0
+stderr_logfile=/dev/stderr
+stderr_logfile_maxbytes=0
+
+[program:websockify]
+command=/usr/bin/websockify 6080 localhost:5900 --web /opt/novnc
+user=appuser
+autorestart=true
+priority=8
+environment=DISPLAY=:99
+stdout_logfile=/dev/stdout
+stdout_logfile_maxbytes=0
+stderr_logfile=/dev/stderr
+stderr_logfile_maxbytes=0
+
 # Optional: Add filebeat or other logging agents here if needed

docs/apps/linkdin/c4ai_discover.py

@@ -235,7 +235,6 @@ async def crawl_people_page(
         cache_mode=CacheMode.BYPASS,
         magic=True,
         wait_for=".org-people-profile-card__card-spacing",
-        wait_for_images=5000,
         delay_before_return_html=1,
         session_id="people_search",
     )
@@ -421,9 +420,8 @@ def main():
     cli_opts = parser.parse_args()
 
     # decide on debug defaults
-    if cli_opts.debug or True:
+    if cli_opts.debug:
         opts = detect_debug_defaults(force=True)
-        cli_opts = opts
     else:
         env_defaults = detect_debug_defaults()
         opts = env_defaults if env_defaults else cli_opts

docs/md_v2/assets/feedback-overrides.css

@@ -1,37 +0,0 @@
-/* docs/assets/feedback-overrides.css */
-:root {
-  /* brand */
-  --feedback-primary-color: #09b5a5;
-  --feedback-highlight-color: #fed500;          /* stars etc */
-
-  /* modal shell / text */
-  --feedback-modal-content-bg-color: var(--background-color);
-  --feedback-modal-content-text-color: var(--font-color);
-  --feedback-modal-content-border-color: var(--primary-dimmed-color);
-  --feedback-modal-content-border-radius: 4px;
-
-  /* overlay */
-  --feedback-overlay-bg-color: rgba(0,0,0,.75);
-
-  /* rating buttons */
-  --feedback-modal-rating-button-color: var(--secondary-color);
-  --feedback-modal-rating-button-selected-color: var(--primary-color);
-
-  /* inputs */
-  --feedback-modal-input-bg-color: var(--code-bg-color);
-  --feedback-modal-input-text-color: var(--font-color);
-  --feedback-modal-input-border-color: var(--primary-dimmed-color);
-  --feedback-modal-input-border-color-focused: var(--primary-color);
-
-  /* submit / secondary buttons */
-  --feedback-modal-button-submit-bg-color: var(--primary-color);
-  --feedback-modal-button-submit-bg-color-hover: var(--primary-dimmed-color);
-  --feedback-modal-button-submit-text-color: var(--invert-font-color);
-
-  --feedback-modal-button-bg-color: transparent;       /* screenshot btn */
-  --feedback-modal-button-border-color: var(--primary-color);
-  --feedback-modal-button-icon-color: var(--primary-color);
-}
-
-/* optional: keep the “Powered by” link subtle */
-.feedback-logo a{color:var(--secondary-color);}

docs/md_v2/assets/gtag.js

@@ -1,5 +0,0 @@
-  window.dataLayer = window.dataLayer || [];
-  function gtag(){dataLayer.push(arguments);}
-  gtag('js', new Date());
-
-  gtag('config', 'G-58W0K2ZQ25');

docs/md_v2/overrides/main.html

@@ -1,47 +0,0 @@
-{% set extra_html_attrs = 'data-theme="dark"' %}
-{% extends "base.html" %}
-
-{% block extrahead %}
-{{ super() }}
-<script>
-    document.documentElement.setAttribute("data-theme", "dark");
-</script>
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pushfeedback/dist/pushfeedback/pushfeedback.css">
-
-<style>
-    :root {
-        /* brand */
-        --feedback-primary-color: #09b5a5;
-        --feedback-highlight-color: #fed500;
-
-
-        /* align with the value you really use in :root */
-        --header-height: 65px;
-
-        /* Push modal content down */
-        --feedback-modal-content-position-top: var(--header-height);
-
-        --feedback-modal-modal-wrapper-z-index: 1100;
-        /*  >  header’s 1000 */
-        --feedback-modal-content-z-index: 1101;
-    }
-
-    feedback-modal::part(overlay) {
-        top: var(--header-height);
-        /* start below header */
-        height: calc(100vh - var(--header-height));
-        /* fill the rest */
-
-
-    }
-</style>
-<script type="module"
-    src="https://cdn.jsdelivr.net/npm/pushfeedback@latest/dist/pushfeedback/pushfeedback.esm.js"></script>
-{% endblock %}
-
-{% block footer %}
-<feedback-button project="w8plzp8vjp" button-style="dark" button-position="center-right" modal-position="sidebar-right">
-    >
-    Feedback
-</feedback-button>
-{% endblock %}

mkdocs.yml

@@ -1,5 +1,4 @@
 site_name: Crawl4AI Documentation (v0.6.x)
-site_favicon: docs/md_v2/favicon.ico
 site_description:  🚀🤖 Crawl4AI, Open-source LLM-Friendly Web Crawler & Scraper
 site_url: https://docs.crawl4ai.com
 repo_url: https://github.com/unclecode/crawl4ai
@@ -58,8 +57,6 @@ nav:
 theme:
   name: 'terminal'
   palette: 'dark'
-  custom_dir: docs/md_v2/overrides
-  color_mode: 'dark'
   icon:
     repo: fontawesome/brands/github
 
@@ -85,11 +82,8 @@ extra_css:
   - assets/styles.css
   - assets/highlight.css
   - assets/dmvendor.css
-  - assets/feedback-overrides.css
 
 extra_javascript:
-  - https://www.googletagmanager.com/gtag/js?id=G-58W0K2ZQ25
-  - assets/gtag.js
   - assets/highlight.min.js
   - assets/highlight_init.js
   - https://buttons.github.io/buttons.js

pyproject.toml

@@ -26,6 +26,7 @@ dependencies = [
     "xxhash~=3.4",
     "rank-bm25~=0.2",
     "aiofiles>=24.1.0",
+    "colorama~=0.4",
     "snowballstemmer~=2.2",
     "pydantic>=2.10",
     "pyOpenSSL>=24.3.0",