import styleSpec from '@mapbox/mapbox-gl-style-spec/style-spec'

export function diffMessages(beforeStyle, afterStyle) {
  const changes = styleSpec.diff(beforeStyle, afterStyle)
  return changes.map(cmd => cmd.command + ' ' + cmd.args.join(' '))
}

export function undoMessages(beforeStyle, afterStyle) {
  return diffMessages(beforeStyle, afterStyle).map(m => 'Undo ' + m)
}
export function redoMessages(beforeStyle, afterStyle) {
  return diffMessages(beforeStyle, afterStyle).map(m => 'Redo ' + m)
}