Farmbot-Web-App/frontend/regimens/state_to_props.ts

112 lines
3.7 KiB
TypeScript

import { Everything } from "../interfaces";
import {
Props, RegimenItem, RegimenItemCalendarRow, CalendarRow
} from "./interfaces";
import {
selectAllSequences,
selectAllRegimens,
maybeGetSequence,
maybeGetRegimen,
findId,
findSequence,
maybeGetDevice,
findSequenceById
} from "../resources/selectors";
import { TaggedRegimen } from "farmbot";
import { duration } from "moment";
import moment from "moment";
import { ResourceIndex, UUID, VariableNameSet } from "../resources/interfaces";
import {
randomColor, determineInstalledOsVersion,
shouldDisplay as shouldDisplayFunc
} from "../util";
import { resourceUsageList } from "../resources/in_use";
import { groupBy, chain } from "lodash";
export function mapStateToProps(props: Everything): Props {
const { resources, dispatch, bot } = props;
const { weeks, dailyOffsetMs, selectedSequenceUUID, currentRegimen } =
resources.consumers.regimens;
const { index } = resources;
const current = maybeGetRegimen(index, currentRegimen);
const calendar = current ?
generateCalendar(current, index, dispatch) : [];
const installedOsVersion = determineInstalledOsVersion(
props.bot, maybeGetDevice(props.resources.index));
const shouldDisplay = shouldDisplayFunc(
installedOsVersion, props.bot.minOsFeatureData);
const calledSequences = (): UUID[] => {
if (current) {
const sequenceIds = current.body.regimen_items.map(x => x.sequence_id);
return Array.from(new Set(sequenceIds)).map(x =>
findSequenceById(props.resources.index, x).uuid);
}
return [];
};
const variableData: VariableNameSet = {};
calledSequences().map(uuid =>
Object.entries(props.resources.index.sequenceMetas[uuid] || {})
.map(([key, value]) => !variableData[key] && (variableData[key] = value)));
return {
dispatch: props.dispatch,
sequences: selectAllSequences(index),
variableData,
resources: index,
auth: props.auth,
current,
regimens: selectAllRegimens(index),
selectedSequence: maybeGetSequence(index, selectedSequenceUUID),
dailyOffsetMs,
weeks,
bot,
calendar,
regimenUsageStats: resourceUsageList(props.resources.index.inUse),
shouldDisplay,
};
}
/** Formatting of calendar row dates. */
const FMT = "h:mm a";
const SORT_KEY: keyof RegimenItemCalendarRow = "sortKey";
/** Does all the heavy lifting related to joining regimen items with their
* appropriate sequence meta data like "sequence name" and the like.
*/
function generateCalendar(regimen: TaggedRegimen,
index: ResourceIndex,
dispatch: Function): CalendarRow[] {
const mapper = createRows(index, dispatch, regimen);
const rows = regimen.body.regimen_items.map(mapper);
const dict = groupBy(rows, "day");
const makeRows = (day: string): CalendarRow => ({ day: day, items: dict[day] });
const days = chain(dict)
.keys()
.map(x => parseInt(x))
.sort((a, b) => a - b)
.map(x => "" + x)
.value();
return days
.map(makeRows)
.map((x) => {
x.items = chain(x.items).sortBy(SORT_KEY).value();
return x;
});
}
const createRows = (index: ResourceIndex, dispatch: Function, regimen: TaggedRegimen) =>
(item: RegimenItem): RegimenItemCalendarRow => {
const uuid = findId(index, "Sequence", item.sequence_id);
const sequence = findSequence(index, uuid);
const { time_offset } = item;
const d = duration(time_offset);
const { name } = sequence.body;
const color = sequence.body.color || randomColor();
const hhmm = moment({ hour: d.hours(), minute: d.minutes() }).format(FMT);
const day = Math.floor(duration(time_offset).asDays()) + 1;
return { name, hhmm, color, day, dispatch, regimen, item, sortKey: time_offset };
};