GPA Search Widget

Widget de recherche compatible iso Algolia, embarquable sur n'importe quel site.

Demo autocomplete (sur input)

Tape ≥ 2 caractères (essaie bsm, renault, autoradio...) :

Demo overlay (modale centrale)

Appuie sur Ctrl+K (ou Cmd+K sur Mac), ou clique :

Embed sur ton site

Version "lite" (~15 KB, vanilla TS, fetch direct sur l'API Algolia-compat) :

<script src="https://gpa-search-widget.d1dev.fr/widget.lite.js"
        data-auto-init
        data-config='{
          "host": "https://gpa-api.d1dev.fr",
          "indexName": "products",
          "modes": ["autocomplete", "overlay"],
          "selector": "input[data-gpa-search]",
          "hotkey": "ctrl+k"
        }'></script>

Version "full" (~80 KB, utilise les SDK Algolia officiels — algoliasearch + @algolia/autocomplete-js) :

<script src="https://gpa-search-widget.d1dev.fr/widget.full.js"
        data-auto-init
        data-config='{
          "appId": "gpa",
          "apiKey": "public",
          "host": "https://gpa-api.d1dev.fr",
          "indexName": "products"
        }'></script>

API publique

GpaSearchWidget.mount({...config})       // init manuelle (sinon data-auto-init)
GpaSearchWidget.openSearch("requête")    // ouvre l'overlay
GpaSearchWidget.attach(inputEl)          // attache l'autocomplete à un input