const GitBook = require('gitbook-core');

const SearchInput = require('./components/Input');
const SearchResults = require('./components/Results');
const reducers = require('./reducers');
const Search = require('./actions/search');

/**
 * Url of the page changed, we update the search according to this.
 * @param  {GitBook.Location} location
 * @param  {Function} dispatch
 */
const onLocationChange = (location, dispatch) => {
    const { query } = location;
    const q = query.get('q');

    dispatch(Search.handleQuery(q));
};

module.exports = GitBook.createPlugin({
    activate: (dispatch, getState, { History, Components }) => {
        // Register the navigation handler
        dispatch(History.listen(onLocationChange));

        // Register components
        dispatch(Components.registerComponent(SearchInput, { role: 'search:container:input' }));
        dispatch(Components.registerComponent(SearchResults, { role: 'search:container:results' }));
    },
    reduce: reducers,
    actions: {
        Search
    }
});