npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

@isdk/web-searcher

v0.1.6

Published

A high-level framework for building search engine scrapers, supporting multi-page navigation, session persistence, and result standardization.

Readme

Search Module

The Search module provides a high-level, class-based framework for building search engine scrapers. It is built on top of @isdk/web-fetcher and extends its capabilities to handle multi-page navigation, session persistence, and result standardization.

🌟 Why use the Search Module?

Building a robust search scraper involves more than just fetching a URL. You often need to:

  • Pagination: Automatically click "Next" or modify URL parameters until you have enough results.
  • Session Management: Maintain cookies and headers across multiple search queries.
  • Data Cleaning: Parse raw HTML and resolve redirect links.
  • Flexibility: Switch between HTTP (fast) and Browser (anti-bot) modes easily.

This module encapsulates these patterns into a reusable WebSearcher class.

🚀 Quick Start

1. One-off Search

⚠️ Note on GoogleSearcher: The GoogleSearcher class used in these examples is a demo implementation included for educational purposes. It is not intended for production use.

  • Strict Anti-Bot Detection: Currently, it has been found that even when attempting to simulate simple "human behavior" in browser mode (such as waiting for a few seconds before automatically filling in the search box and submitting), it is still detected as an automated program by Google. This indicates that simple operation simulation is not enough to pass the detection.
  • Scalability Limitations: It lacks advanced countermeasures like CAPTCHA solving, fingerprint spoofing, or high-quality proxy rotation required for reliable scraping.
  • Fragility: The extracted data may be inaccurate or misaligned due to Google's frequent DOM changes and A/B testing.

Use the static WebSearcher.search method for quick, disposable tasks. It automatically creates a session, fetches results, and cleans up.

import { GoogleSearcher, WebSearcher } from '@isdk/web-fetcher';

// Register the engine (only needs to be done once)
WebSearcher.register(GoogleSearcher);

// Search!
// The 'limit' parameter ensures we fetch enough pages to get 20 results.
// Note: The engine name is case-sensitive and derived from the class name (e.g., 'GoogleSearcher' -> 'Google')
const results = await WebSearcher.search('Google', 'open source', { limit: 20 });

console.log(results);

3. Multi-Engine Orchestration

WebSearcher.search features a built-in Waterfall compensation mechanism. When you provide an array of engine names, it executes them sequentially and automatically fills the result count:

  • Automatic Completion: If the preceding engines return fewer results than the limit, it automatically requests subsequent engines to fill the gap.
  • Failover & Degradation: If an engine fails (e.g., blocked, timeout), it automatically skips it and tries the next one, ensuring results are returned whenever possible.
  • Auto Deduplication: It automatically de-duplicates results based on their url during the merging process.
// Waterfall search: Google first, Bing as fallback, SearXNG as final backup
const results = await WebSearcher.search(['Google', 'Bing', 'SearXNG'], 'open source', {
  limit: 20,
  fillLimit: true // Enabled by default
});

4. Stateful Session

Since WebSearcher extends FetchSession, you can instantiate it to keep cookies and storage alive across multiple requests. This is useful for authenticated searches or avoiding bot detection by behaving like a human.

5. Default Search Parameters

You can set default search parameters at three levels: Global, Engine-specific, and Instance-level. This avoids passing repetitive options to every search() call.

The priority order (from highest to lowest) is: search(query, options) (Call) > this.options (Instance) > Engine.defaultOptions (Static Engine) > WebSearcher.defaultOptions (Static Global)

A. Global Static Defaults

Affects all search engines.

import { WebSearcher } from '@isdk/web-fetcher';

// Set global limit for all searchers
WebSearcher.defaultOptions = { limit: 20, safeSearch: 'strict' };

B. Engine-Specific Static Defaults

Affects only a specific engine (and its subclasses).

import { GoogleSearcher } from '@isdk/web-fetcher';

// Only Google will use these defaults
GoogleSearcher.defaultOptions = { region: 'US', language: 'en' };

C. Instance-Level Defaults

Set when creating a searcher instance.

const google = new GoogleSearcher({ limit: 5, category: 'news' });

// This search will use limit: 5 and category: 'news' automatically
const results = await google.search('open source');

🧬 Dynamic Templates

While a static template works for simple search engines, many sites (like Google) change their HTML structure drastically based on the search category (e.g., 'Web' vs 'Images' vs 'News').

To handle this, you can override the getTemplate(variables, options) method.

  • variables: The calculated variables (from formatOptions, pagination, etc.).
  • options: The original SearchOptions provided by the user.
export class MyAdvancedSearcher extends WebSearcher {
  get template(): FetcherOptions {
    // Default template (usually for web search)
    return {
      url: '...',
      actions: [ { id: 'extract', params: { selector: '.web-result' } } ]
    };
  }

  protected override getTemplate(variables: Record<string, any>, options: SearchOptions): FetcherOptions {
    if (options.category === 'images') {
      return {
        url: 'https://site.com/images?q=${query}',
        actions: [ { id: 'extract', params: { selector: '.img-item' } } ]
      };
    }
    // Fallback to the default template getter
    return super.getTemplate(variables, options);
  }
}

🛡️ Core Principle: Template is Law

The template (or the dynamic template returned by getTemplate) acts as the authoritative "blueprint".

  • Template Priority: If the template defines a property (e.g., engine: 'browser', headers), that value is locked and cannot be overridden by user options. This ensures engine stability.
  • Immutable Actions: The actions array in the template is strictly protected. Users cannot append, replace, or modify the execution steps via options. This prevents external logic from breaking the scraper's flow.
  • Session Context: To maintain a clean session, actions are filtered out of the session's persistent context. They are only used during the execution of a search() call. This ensures that session-level settings (like cookies or engine type) are preserved without being cluttered by search-specific extraction rules.
  • User Flexibility: Properties not explicitly defined in the template (such as proxy, timeoutMs, or custom variables) can be freely set by the user in the constructor or search() method.
// Create a persistent session
const google = new GoogleSearcher({
  headless: false, // Override if not locked in template
  proxy: 'http://my-proxy:8080',
  timeoutMs: 30000 // Set a global timeout (valid if template doesn't define it)
});

🧠 Intelligent Navigation (Goto)

The WebSearcher automatically manages navigation to the search URL.

  1. Auto-Injection: If your template does not include a goto action, the searcher automatically inserts one at the beginning of the action list, pointing to the resolved url (with query variables injected).
  2. Manual Control: If you explicitly add a goto action in your template that matches the resolved URL, the searcher detects this duplicate and skips the automatic injection. This gives you full control to add headers, referrer, or other specific parameters to the navigation step if needed.
  3. Multi-Step Flows: You can define multiple goto actions in your template (e.g., visit a login page first). The searcher will still prepend the main search URL navigation unless one of your goto actions matches it exactly.
try {
  // First query
  // You can also pass runtime options to override session defaults or inject variables
  const results1 = await google.search('term A', {
    timeoutMs: 60000, // Override session timeout just for this search
    extraParam: 'value' // Can be used in template as ${extraParam}
  });

  // Second query (reuses the same browser window/cookies)
  const results2 = await google.search('term B');
} finally {
  // Always dispose to close the browser/release resources
  await google.dispose();
}

🛠️ Implementing a New Search Engine

To support a new website, create a class that extends WebSearcher.

Step 1: Define the Template

To support a new website, create a class that extends WebSearcher. The engine name is automatically derived from the class name (e.g., MyBlogSearcher -> MyBlog), but you can customize it and add aliases using static properties.

The template property defines the "Blueprint" for your search. It's a standard FetcherOptions object but supports variable injection.

Supported variables:

  • ${query}: The search string.
  • ${page}: Current page number (starts at 0 or 1 based on config).
  • ${offset}: Current item offset (e.g., 0, 10, 20).
  • ${limit}: The requested limit.
import { WebSearcher } from '@isdk/web-fetcher/search';
import { FetcherOptions } from '@isdk/web-fetcher/types';

export class MyBlogSearcher extends WebSearcher {
  static name = 'blog'; // Custom name (case-sensitive)
  static alias = ['myblog', 'news'];

  protected get template(): FetcherOptions {
    return {
      engine: 'http', // Use 'browser' if the site has anti-bot
      // Dynamic URL with variables
      url: 'https://blog.example.com/search?q=${query}&page=${page}',
      actions: [
        {
          id: 'extract',
          storeAs: 'results', // MUST store results here
          params: {
            type: 'array',
            selector: 'article.post',
            items: {
              title: { selector: 'h2' },
              url: { selector: 'a', attribute: 'href' }
            }
          }
        }
      ]
    };
  }
}

Step 2: Configure Pagination

Tell the WebSearcher how to navigate to the next page. Implement the pagination getter.

Option A: URL Parameters (Offset/Page)

Best for stateless HTTP scraping.

protected override get pagination() {
  return {
    type: 'url-param',
    paramName: 'page',
    startValue: 1, // First page is 1
    increment: 1   // Add 1 for next page
  };
}

Option B: Click "Next" Button

Best for SPAs or complex session-based sites. Requires engine: 'browser'.

protected override get pagination() {
  return {
    type: 'click-next',
    nextButtonSelector: 'a.next-page-btn'
  };
}

Step 3: Transform & Clean Data

Override transform to clean data. The context parameter contains the current search state and any custom parameters you passed to search(). Since WebSearcher is a FetchSession, you can also make extra requests (like resolving redirects) using this.

protected override async transform(outputs: Record<string, any>, context: SearchContext) {
  const results = outputs['results'] || [];

  // You can access custom parameters from context
  if (context.myCustomFlag) {
    // ... logic
  }

  // Clean data or filter
  return results.map(item => ({
    ...item,
    title: item.title.trim(),
    url: new URL(item.url, 'https://blog.example.com').href
  }));
}

🧠 Advanced Concepts

Auto-Pagination: limit vs maxPages

The WebSearcher is designed to be result-oriented. When you call search(), you specify how many results you want, and the searcher handles the pagination logic.

  • limit: Your target number of total results.
  • maxPages: The safety threshold. It limits how many pages (fetch cycles) the searcher is allowed to navigate to satisfy your limit.

Example Logic: If you request { limit: 50 } but each page only has 5 results:

  1. The searcher fetches page 1 (5 results).
  2. It sees 5 < 50, so it fetches page 2.
  3. It continues until it has 50 results OR it reaches maxPages (default 10).

This prevent infinite loops if the "Next" button selector is broken or if the search engine keeps returning the same results.

User-defined Transforms

Users can provide their own transform when calling search. This runs after the engine's built-in transform.

This is extremely powerful for filtering out ads or irrelevant content. If the user filters out results, the auto-pagination logic will automatically kick in to fetch more pages to ensure the final result list meets your requested limit with only valid entries.

await google.search('test', {
  limit: 20,
  myCustomFlag: true,
  // Example: Filter out sponsored results and only keep PDFs
  transform: (results, context) => {
    console.log('Searching for:', context.query);
    return results.filter(r => {
      const isAd = r.isSponsored || r.url.includes('googleadservices.com');
      return !isAd && r.url.endsWith('.pdf');
    });
  }
});

Standardized Search Options

When calling search(), you can provide standardized options that the search engine will map to specific parameters:

const results = await google.search('open source', {
  limit: 20,
  timeRange: 'month',       // 'hour', 'day', 'week', 'month', 'year'
  // Or custom range:
  // timeRange: { from: '2023-01-01', to: '2023-12-31' },
  category: 'news',         // 'all', 'images', 'videos', 'news'
  region: 'US',             // ISO 3166-1 alpha-2
  language: 'en',           // ISO 639-1
  safeSearch: 'strict',     // 'off', 'moderate', 'strict'
});

Search Options Reference

| Option | Type | Description | | :--- | :--- | :--- | | limit | number | The target number of total results to retrieve. The searcher will automatically paginate to reach this number. | | maxPages | number | The maximum number of pages (fetch cycles) to fetch. Safety threshold to prevent infinite loops. Default: 10. | | timeRange | string | object | Filter by time. Presets: 'all', 'hour', 'day', 'week', 'month', 'year'. Or { from: Date\|string, to?: Date\|string } | | category | string | Search category: 'all', 'images', 'videos', 'news'. | | region | string | ISO 3166-1 alpha-2 region code (e.g., 'US', 'CN'). | | language | string | ISO 639-1 language code (e.g., 'en', 'zh-CN'). | | safeSearch | string | Safe search level: 'off', 'moderate', 'strict'. | | transform | function | A custom function to filter or modify results at runtime. Runs after the engine's built-in transform. | | baseUrls | string[] | Record<string, string[]> | Override the base URLs for engines. Can be an array for a single engine, or a map of engine names to URL arrays. | | fillLimit | boolean | If true (default), continues to subsequent engines in the chain when the current engine returns fewer results than limit. | | startPage | number | The page index to start from. Useful when delegating pagination across different sessions. Default: 0. | | validator | function | Custom callback to validate fetched results. If it returns false, triggers failover/retry. Signature: (results, context) => boolean \| Promise<boolean>. | | ...custom | any | Any other keys are passed as custom variables to the template (e.g., ${myVar}). |

Standard Search Result

Each result in the returned array follows this structure:

| Field | Type | Description | | :--- | :--- | :--- | | title | string | The title of the search result. | | url | string | The absolute URL of the result. | | snippet | string | A brief snippet or description. | | image | string | (Optional) URL of a thumbnail or associated image. | | date | string|Date | (Optional) Publication date. | | author | string | (Optional) Author or source name. | | favicon | string | (Optional) Favicon URL of the source website. | | rank | number | (Optional) 1-indexed position in the results. | | source | string | (Optional) Source website name (e.g., 'GitHub'). |

To support these in your own engine, override the formatOptions method:

protected override formatOptions(options: SearchOptions): Record<string, any> {
  const vars: Record<string, any> = {};
  if (options.timeRange === 'day') vars.tbs = 'qdr:d';
  // ... map other options to template variables
  return vars;
}

Then use these variables in your template.url: url: 'https://www.google.com/search?q=${query}&tbs=${tbs}'

🚀 Implementing Multi-instance Support

If a search engine supports multiple mirrors or distributed deployment, you can easily add failover capabilities:

  1. Configure Base URLs: Support a list of addresses in the constructor.
  2. Validate Results: Override validateFetchResult(outputs, context). If it returns false, the searcher automatically tries the next address in the list.
  3. Template Variables: Use the ${baseUrl} placeholder in your template URL.
export class MyDistributedSearcher extends WebSearcher {
  protected get template(): FetcherOptions {
    return {
      url: '${baseUrl}/search?q=${query}',
      // ...
    };
  }

  protected override validateFetchResult(outputs: Record<string, any>, context: SearchContext): boolean {
    const results = outputs['results'] || [];
    // If no results, trigger failover to the next node
    return results.length > 0;
  }
}

// Usage
const searcher = new MyDistributedSearcher({
  baseUrls: ['https://node1.com', 'https://node2.com']
});

Custom Variables

You can pass custom variables to search() and use them in your template.

// Call
await google.search('test', { category: 'news' });

// Template
url: 'https://site.com?q=${query}&cat=${category}'

🛡️ Resilient Search & Latency Tools

This module provides a set of general utility functions to evaluate node health and implement failover.

1. General Latency Testing Utility

We provide a general latency testing function testUrlsByLatency based on web-fetcher that can be used for real-time response testing and sorting of any URL list.

import { testUrlsByLatency } from '@isdk/web-searcher/utils';

const urls = ['https://google.com', 'https://bing.com', 'https://baidu.com'];
const sorted = await testUrlsByLatency(urls, { timeout: 5000 });

// Returns [{ url: '...', latency: 123 }, ...], sorted by latency ascending.

2. Engine-Specific Resilient Discovery

For engines like SearXNG that support multiple instances and can be unstable, we provide specialized failover and discovery mechanisms.

  • Automatic Failover: Configure multiple baseUrls to automatically switch nodes on connection failure.
  • Dynamic Discovery: Automatically fetch and filter high-quality nodes from searx.space or GitHub.

For more details, see: SearXNG Resilient Search Documentation.


Pagination Guide

1. Offset-based (e.g., Google)

protected override get pagination() {
  return {
    type: 'url-param',
    paramName: 'start',
    startValue: 0,
    increment: 10 // Jump 10 items per page
  };
}

URL: search?q=...&start=${offset}

2. Page-based (e.g., Bing)

protected override get pagination() {
  return {
    type: 'url-param',
    paramName: 'page',
    startValue: 1,
    increment: 1
  };
}

URL: search?q=...&page=${page}

3. Click-based (SPA)

protected override get pagination() {
  return {
    type: 'click-next',
    nextButtonSelector: '.pagination .next'
  };
}

The engine will click this selector and wait for network idle before scraping the next batch.