npm install loop-54> My deku component
``
$ npm install --save loop-54
`js
// 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 (
export default {render};
``
MIT © michaelbergquistsuarez