English Français العربية

AutoSugges

Registre officiel Autres

Autocomplete over edge-served reference lists (countries, NAICS, airports), plus catalog and setup.

Code source Site web Documentation

Installation

Ajoutez ceci à la configuration MCP de votre client (Claude Desktop : claude_desktop_config.json ; Cursor : .cursor/mcp.json ; VS Code et les autres utilisent la même forme « mcpServers »).

NPM package @autosugges/mcp
Claude Code 
claude mcp add autosugges -e 'AUTOSUGGES_PUBLISHABLE_KEY=<AUTOSUGGES_PUBLISHABLE_KEY>' -e 'AUTOSUGGES_RUNTIME_URL=https://runtime.autosugges.com' -- npx -y @autosugges/mcp@0.1.1
Configuration JSON (Claude Desktop, Cursor, VS Code) 
{
    "mcpServers": {
        "autosugges": {
            "command": "npx",
            "args": [
                "-y",
                "@autosugges/mcp@0.1.1"
            ],
            "env": {
                "AUTOSUGGES_PUBLISHABLE_KEY": "<AUTOSUGGES_PUBLISHABLE_KEY>",
                "AUTOSUGGES_RUNTIME_URL": "https://runtime.autosugges.com"
            }
        }
    }
}

Variables d'environnement

  • AUTOSUGGES_PUBLISHABLE_KEY Publishable key (pk_live_...) for the list to search. Free at https://app.autosugges.com. Required for search_list.
  • AUTOSUGGES_RUNTIME_URL Runtime origin.

Documentation

Tirée du README du projet sur GitHub, actualisée chaque semaine. Les liens ouvrent GitHub.

Sommaire
  1. @autosugges/client
  2. React / Next.js
  3. Expo / React Native
  4. Plain HTML
  5. Entry points

@autosugges/client

AutoSugges: edge autocomplete API + free reference datasets (countries, NAICS, airports, currencies…) behind one React / React Native / HTML component.

Docs: https://docs.autosugges.com · Datasets: https://autosugges.com

npm i @autosugges/client

Replace YOUR_PUBLISHABLE_KEY with a free key from https://app.autosugges.com — one key per list, locked to your site's origins. Publishable keys are safe in a browser.

React / Next.js

'use client';
import { useState } from 'react';
import { AutoSugges } from '@autosugges/client/react';
import { AutosuggesProvider, type AutoSuggesValue } from '@autosugges/client/react-core';

export function CountryField() {
  const [country, setCountry] = useState<AutoSuggesValue>(null);
  return (
    <AutosuggesProvider lists={{ countries: 'YOUR_PUBLISHABLE_KEY' }}>
      <AutoSugges list="countries" value={country} onChange={setCountry} />
    </AutosuggesProvider>
  );
}

value is the full selected item (an array for multi-select lists). Behaviour — minimum characters, debounce, creatable items, multi-select — comes from the list's server policy; overrides can only narrow it.

Expo / React Native

import { AutoSugges } from '@autosugges/client/native-ui';
import { AutosuggesProvider } from '@autosugges/client/react-core';
// same props as web: <AutoSugges list="countries" value={value} onChange={setValue} />

Optional peers for the bottom-sheet presentation: @gorhom/bottom-sheet, react-native-gesture-handler, react-native-reanimated.

Plain HTML

<script src="https://cdn.jsdelivr.net/npm/@autosugges/client/dist/browser/autosugges.js"></script>
<input
  data-autosugges-key="YOUR_PUBLISHABLE_KEY"
  data-autosugges-base-url="https://runtime.autosugges.com"
  data-autosugges-placeholder="Country"
/>

Self-hosted copy with an SRI hash: https://autosugges.com/sdk/v1/autosugges.js. Other attributes: data-autosugges-theme (light|dark), -locale, -label, -parent, -access-token. Call window.AutoSugges.autoInit() after injecting markup later.

Entry points

. (client, combobox state machine) · ./react · ./react-core · ./native · ./native-ui · ./browser. Style it with CSS custom properties (--as-color-text, --as-font-sans, …); see the docs.

MIT © AKHBaig

Questions fréquentes

Qu'est-ce que AutoSugges ?

Autocomplete over edge-served reference lists (countries, NAICS, airports), plus catalog and setup.

Comment installer AutoSugges ?

Il s'exécute sur votre machine. Dans Claude Code : claude mcp add autosugges -e 'AUTOSUGGES_PUBLISHABLE_KEY=<AUTOSUGGES_PUBLISHABLE_KEY>' -e 'AUTOSUGGES_RUNTIME_URL=https://runtime.autosugges.com' -- npx -y @autosugges/mcp@0.1.1. Pour les autres clients, collez la configuration JSON de cette page dans leurs réglages MCP.

Faut-il une clé API pour AutoSugges ?

Son entrée au registre n'indique aucune clé ni secret obligatoire. Certaines fonctions peuvent tout de même demander un compte auprès du service auquel il se connecte.

AutoSugges est-il open source ?

Oui. Son code est sur GitHub sous licence MIT.

Qui maintient AutoSugges ?

Il est publié par autosugges. AI.tn le référence sans le maintenir ni le recommander.

Issu du registre MCP officiel. Être listé n'est pas une recommandation : vérifiez le code et les permissions d'un serveur avant de lui donner accès à vos données.