53 lines
1.6 KiB
JavaScript
53 lines
1.6 KiB
JavaScript
import {createSelector} from "reselect";
|
|
|
|
export const selectLayoutRender = createSelector(
|
|
// Selects layout, feeds, spocs so that we only recompute if
|
|
// any of these values change.
|
|
[
|
|
state => state.DiscoveryStream.layout,
|
|
state => state.DiscoveryStream.feeds,
|
|
state => state.DiscoveryStream.spocs,
|
|
],
|
|
|
|
// Adds data to each component from feeds. This function only re-runs if one of the inputs change.
|
|
// TODO: calculate spocs
|
|
function layoutRender(layout, feeds, spocs) {
|
|
let spocIndex = 0;
|
|
|
|
function maybeInjectSpocs(data, spocsConfig) {
|
|
if (data &&
|
|
spocsConfig && spocsConfig.positions && spocsConfig.positions.length &&
|
|
spocs.data.spocs && spocs.data.spocs.length) {
|
|
const recommendations = [...data.recommendations];
|
|
for (let position of spocsConfig.positions) {
|
|
let rickRoll = Math.random();
|
|
if (spocs.data.spocs[spocIndex] && rickRoll <= spocsConfig.probability) {
|
|
recommendations.splice(position.index, 0, spocs.data.spocs[spocIndex++]);
|
|
}
|
|
}
|
|
|
|
return {
|
|
...data,
|
|
recommendations,
|
|
};
|
|
}
|
|
|
|
return data;
|
|
}
|
|
|
|
return layout.map(row => ({
|
|
...row,
|
|
|
|
// Loops through all the components and adds a .data property
|
|
// containing data from feeds
|
|
components: row.components.map(component => {
|
|
if (!component.feed || !feeds[component.feed.url]) {
|
|
return component;
|
|
}
|
|
|
|
return {...component, data: maybeInjectSpocs(feeds[component.feed.url].data, component.spocs)};
|
|
}),
|
|
}));
|
|
}
|
|
);
|