Download the PHP package internachi/blade-alpine-instantsearch without Composer
On this page you can find all versions of the php package internachi/blade-alpine-instantsearch. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download internachi/blade-alpine-instantsearch
More information about internachi/blade-alpine-instantsearch
Files in internachi/blade-alpine-instantsearch
Package blade-alpine-instantsearch
Short Description Algolia instant search as Blade/Alpine.js components
License MIT
FAQ
Example:
In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
- Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
- To use Composer is sometimes complicated. Especially for beginners.
- Composer needs much resources. Sometimes they are not available on a simple webspace.
- If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
- Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Informations about the package blade-alpine-instantsearch
Blade/Alpine InstantSearch
This is a work-in-progress package to allow you to implement Algolia InstantSearch entirely with Laravel Blade components.
Usage
Components
Not all components are implemented, and most of the UI is likely to change before a 1.0 release. The current implementation is a proof-of-concept that we'll be refining in some internal tools over the coming months. All components should work in renderless mode, but UI has only been implemented for the following:
<x-instantsearch>— the wrapper that provides configuration and context<x-instantsearch::search-box>— the search input<x-instantsearch::hits>— rendering search results/hits<x-instantsearch::hit>— rendering a specific attribute in a hit<x-instantsearch::highlight>— rendering a specific attribute highlighted based on input<x-instantsearch::numeric-menu>— Filtering by numeric values (like price/votes/etc)<x-instantsearch::refinement-list>— Filtering by tags/categories/etc<x-instantsearch::pagination>— Paginating results
All components map as closely to InstantSearch.js as possible (in fact, much of the API was autogenerated from the JS documentation). For now, it's probably best to refer to the JS docs for configuration reference.
Alpine
Under the hood, all components use Alpine.js v3 to
handle state and rendering. For example, the search box component uses Alpine's
x-model to track the query value,
and x-on:input to pass that value to the
instantsearch refine() method. The looks something like:
Under the hood, this package injects itself into the Blade component's attributes to connect to the instantsearch instance—everything else is just Alpine and Blade.
Using Existing Templates
All components come pre-bundled with templates that will work with any project that uses Tailwind CSS. If you want to tweak a specific template you can publish your own version with:
Renderless Mode
If you prefer more fine-grained control over each component, you can enable renderless
mode which simply wires up your component state but leaves the UI entirely in your hands.
You can either do this on a component-by-component basis by using a renderless attribute
on the component:
Or you can publish the package config file with:
And then enable the renderless config option which will cause all components to work
in this mode by default.
All versions of blade-alpine-instantsearch with dependencies
illuminate/view Version ^8.71|^9|^10|^11|dev-master
illuminate/support Version ^8.71|^9|^10|^11|dev-master