60 lines
1.3 KiB
JavaScript
60 lines
1.3 KiB
JavaScript
// per http://redux.js.org/docs/recipes/ComputingDerivedData.html
|
|
|
|
import { createSelector } from 'reselect'
|
|
|
|
import React from 'react'
|
|
|
|
import {Format, Show} from './constants'
|
|
|
|
import * as Dubdiff from './util/dubdiff'
|
|
|
|
const input = (state) => state.input
|
|
const format = (state) => state.format
|
|
const show = (state) => state.show
|
|
|
|
export const safeInput = createSelector(
|
|
[input],
|
|
(input) => {
|
|
//! !! sanitize the input here and return
|
|
return input
|
|
}
|
|
)
|
|
|
|
export const isMarkdownFormat = createSelector(
|
|
[format],
|
|
(format) => {
|
|
return format === Format.MARKDOWN
|
|
}
|
|
)
|
|
|
|
const isShow = (type) => createSelector(
|
|
[show],
|
|
(show) => {
|
|
return show === type
|
|
}
|
|
)
|
|
|
|
export const isShowOriginal = isShow(Show.ORIGINAL)
|
|
export const isShowFinal = isShow(Show.FINAL)
|
|
export const isShowDifference = isShow(Show.DIFFERENCE)
|
|
|
|
export const diff = createSelector(
|
|
[format, safeInput],
|
|
(format, safeInput) => {
|
|
if (format === Format.PLAINTEXT) {
|
|
return Dubdiff.plaintextDiff(safeInput.original, safeInput.final)
|
|
} else if (format === Format.MARKDOWN) {
|
|
return Dubdiff.markdownDiff(safeInput.original, safeInput.final)
|
|
}
|
|
}
|
|
)
|
|
|
|
/*
|
|
html diff
|
|
---
|
|
|
|
diffHtml(parentOriginal, parentFinal) {
|
|
create stringOriginal, stringFinal consisting of
|
|
}
|
|
*/
|