open-index/open-npm huggingface dataset:
npm package: @searchmate/react
Description: This package is a React client for [Searchmate](https://searchmate.app).
Latest version: 1.1.0

This package is a React client for [Searchmate](https://searchmate.app).

## Quick start

```bash
npm i @searchmate/react
```

Once is installed you can use the package now you can import it in your code like this

```tsx
import "./Search.css";
import { Search } from '@searchmate/react'
import "@searchmate/react/css";
import { useEffect, useState } from "react";

export default function SearchComponent() {
  const [open, setOpen] = useState(false)

  // Toggle the menu when ⌘K is pressed
  useEffect(() => {
    const down = (e: KeyboardEvent) => {
      if (e.key === 'k' && (e.metaKey || e.ctrlKey)) {
        e.preventDefault()
        setOpen((open) => !open)
      }
    }

    document.addEventListener('keydown', down)
    return () => document.removeEventListener('keydown', down)
  }, [])

  return (
    <>
      <button type="button" className="search-input" onClick={() => setOpen(true)}>
        <span>Search</span>
        <span className="search-hint">
          <span className="sr-only">Press </span>
          <kbd>cmd + k</kbd>
          <span className="sr-only"> to search</span>
        </span>
      </button>
      <Search appId={"e3220f55-0a65-4d57-a067-b42a79101291"} isOpen={open} onOpenChange={setOpen} onResultSelect={(url) => {
        const anchor = document.createElement("a")
        anchor.href = url;
        anchor.click()
        // window.location.pathname = url
      }} />
    </>
  );
}

```

Add the `css variables` needed

```css
/* globals.css */
:root {
  --sm-background: 0 0% 100%;
  --sm-foreground: 0 0% 3.9%;

  --sm-primary: 0 0% 9%;
  --sm-primary-foreground: 0 0% 98%;

  --sm-secondary: 0 0% 96.1%;
  --sm-secondary-foreground: 0 0% 9%;

  --sm-muted: 0 0% 96.1%;
  --sm-muted-foreground: 0 0% 45.1%;

  --sm-border: 0 0% 89.8%;
  --sm-accent: 262.1 83.3% 57.8%;

  --sm-radius: 0.5rem;

  --dialog-shadow: 0 16px 70px rgb(0 0 0 / 20%);
}

:root.your-dark-theme-class {
  --sm-background: 0 0% 3.9%;
  --sm-foreground: 0 0% 98%;

  --sm-primary: 0 0% 98%;
  --sm-primary-foreground: 0 0% 9%;

  --sm-secondary: 0 0% 14.9%;
  --sm-secondary-foreground: 0 0% 98%;

  --sm-muted: 0 0% 14.9%;
  --sm-muted-foreground: 0 0% 63.9%;

  --sm-border: 0 0% 14.9%;
  --sm-accent: 262.1 83.3% 57.8%;
}
```
npm package: @searchmcp/client
Description: Thin Node.js client for the SearchMCP REST API
Latest version: 1.1.0

# @searchmcp/client

[![npm (scoped)](https://img.shields.io/npm/v/@searchmcp/client.svg)](https://www.npmjs.com/package/@searchmcp/client)
[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](./LICENSE)

Thin TypeScript/JavaScript SDK for the [SearchMCP API](https://searchmcp.io).  
Generated from the [OpenAPI spec](https://searchmcp.io/openapi.json) using `typescript-fetch`.

Supports **REST (`/v1/search`)** endpoint.  
Includes full type definitions out of the box.

## Pre-Installation

Checkout

* 📚 [SearchMCP Docs](https://searchmcp.io/docs)
* 🔎 [SearchMCP API Reference](https://searchmcp.io/api-reference)

---

## Installation

```bash
npm install @searchmcp/client
# or
pnpm add @searchmcp/client
# or
yarn add @searchmcp/client
```

Requires Node.js **18+** (native `fetch`).

---

## Usage

```ts
import {createClient} from "@searchmcp/client";

const client = createClient(process.env.SEARCHMCP_API_KEY);

// Simple web search
const res = await client.search({
    query: "latest GPU deals",
    country: "US",
    numberOfResults: 5,
});

console.log(res.status);   // "SUCCESS"
console.log(res.results);  // array of results
```

---

## Client Factory

```ts
import {createClient, SearchMCPClient} from "@searchmcp/client";

const client: SearchMCPClient = createClient("smcp_123", "https://api.searchmcp.io");
```

- `apiKey` — required
- `basePath` — defaults to `https://api.searchmcp.io`

---

## Schemas & Types

All request/response schemas and types are generated from the OpenAPI spec and exported:

```ts
import {
    SearchRequest,
    SearchResponse,
    SearchStatus,
} from "@searchmcp/client";
```

See the interactive [API Reference](https://searchmcp.io/api-reference) for details:

- [SearchRequest model](https://searchmcp.io/api-reference#model/searchrequest)
- [SearchResponse model](https://searchmcp.io/api-reference#model/searchresponse)

---

## Development

```bash
pnpm install
pnpm generate   # re-generate from OpenAPI spec
pnpm build
```

---

## License

MIT — see [LICENSE](./LICENSE)
npm package: @searchmindai/ui
Description: ⚠️ **DEPRECATED LIBRARY** ⚠️
Latest version: 0.0.17
Deprecated: This library has been discontinued and replaced by new, platform-specific libraries.

# SearchMind UI

⚠️ **DEPRECATED LIBRARY** ⚠️

This library has been discontinued and replaced by new, platform-specific libraries.

## Migration Guide

Please use the following libraries based on your FastStore version:

- **FastStore V1**: Use `@searchmindai/gatsby`
- **FastStore V2 and V3**: Use `@searchmindai/faststore`

## Installation

### For FastStore V1

```bash
npm install @searchmindai/gatsby
```

### For FastStore V2 and V3

```bash
npm install @searchmindai/faststore
```

## Support

For questions and support regarding the new libraries, please refer to their respective documentation or contact our support team.