loop-54

My deku component

Install

$ npm install --save loop-54

Usage

// Import loop54 main instance and some helpers
import loop54, {connectable, components} from 'loop-54'
 
// Create connectable components out of "dumb components" (components without state and logic)
const Autocomplete = connectable(state => ({
    onClick: state.messengers.autocomplete.onClick$.next,
    query: state.autocomplete.query,
    queries: state.autocomplete.queries
}), components.Autocomplete);
 
const Input = connectable(state => ({
    onInput: state.messengers.input.onInput$.next,
    value: state.request.query
}), components.Input);
 
// Create an instance and get the state stream/observable
// By convention, streams variable names are suffixed with an `$`
const {state$} = loop54({
    debug: true,
    id: '18eb1533-a1f7-4ec8-9211-a561dcf43597',
    name: 'Hello World',
    url: 'http://helloworld.54proxy.se/',
    similarProductsQuest: 'SimilarProducts',
    createEventsQuest: 'CreateEvents',
    facets: [{
        autocomplete: true,
        parameter: 'Category',
        title: 'Kategorier'
    }, {
        parameter: 'Manufacturer',
        title: 'Märken'
    }],
    autoCompletePageSize: 8,
    directResultsPageSize: 2,
    recommendedResultsPageSize: 2,
    continousScrolling: false,
    instantSearch: false,
    devMode: true,
    cacheAutoComplete: false,
    productDescriptionAttribute: 'Description',
    productImageUrl: '$1',
    use26Request: true,
    showValues: true
});
 
const render = () => {
    return (
        <div class='Loop54-search'>
            <Input state$={state$}/>
            <Autocomplete state$={state$}/>
        </div>
    );
};
 
export default {render};

License

MIT © michaelbergquistsuarez