Add numeric chart panel

app/src/reducers/Charts.ts

@@ -0,0 +1,61 @@
+import { Action } from 'redux'
+import { createReducer } from './lib'
+import { Record, List } from 'immutable'
+
+export interface ChartParameters {
+  topic: string
+  dotPath?: string
+}
+
+export interface ChartsStateModel {
+  charts: List<ChartParameters>
+}
+
+export type ChartsState = Record<ChartsStateModel>
+
+export type Action = AddChart | RemoveChart | SetCharts
+
+export enum ActionTypes {
+  CHARTS_ADD = 'CHARTS_ADD',
+  CHARTS_REMOVE = 'CHARTS_REMOVE',
+  CHARTS_SET = 'CHARTS_SET',
+}
+
+export interface AddChart {
+  type: ActionTypes.CHARTS_ADD
+  chart: ChartParameters
+}
+
+export interface RemoveChart {
+  type: ActionTypes.CHARTS_REMOVE
+  chart: ChartParameters
+}
+
+export interface SetCharts {
+  type: ActionTypes.CHARTS_SET
+  charts: Array<ChartParameters>
+}
+
+const initialState = Record<ChartsStateModel>({
+  charts: List<ChartParameters>(),
+})
+
+export const chartsReducer = createReducer(initialState(), {
+  CHARTS_ADD: addChart,
+  CHARTS_REMOVE: removeChart,
+  CHARTS_SET: setCharts,
+})
+
+function addChart(state: ChartsState, action: AddChart) {
+  return state.set('charts', state.get('charts').push(action.chart))
+}
+
+function removeChart(state: ChartsState, action: RemoveChart) {
+  const charts = state.get('charts')
+  const newCharts = charts.filter(chart => chart.topic !== action.chart.topic || chart.dotPath !== action.chart.dotPath)
+  return state.set('charts', newCharts)
+}
+
+function setCharts(state: ChartsState, action: SetCharts) {
+  return state.set('charts', List(action.charts))
+}