export function copy(data: any, options?: ClipboardOptions): void {
  const payload: ClipboardData = { content: data };

  if (options) {
    if (options.description) {
      payload.description = options.description;
    }

    if (options.type) {
      payload.type = options.type;
    }

    if (options.metadata) {
      payload.metadata = options.metadata;
    }
  }

  if (localListeners.length > 0) {
    const old = ls.get(CLIPBOARD_KEY);
    const url = (window && window.location && window.location.href) || null;

    ls.set(CLIPBOARD_KEY, payload);
    localListeners.forEach(l => l(payload, old, url));
  } else {
    ls.set(CLIPBOARD_KEY, payload);
  }
}

export function paste(): any {
  const data = ls.get(CLIPBOARD_KEY) as ClipboardData;
  if (data && data.content) {
    return data.content;
  }
}

export function getMetadata(): any {
  const data = ls.get(CLIPBOARD_KEY) as ClipboardData;
  if (data && data.metadata) {
    return data.metadata;
  }
}

export function getDescription(): string {
  const data = ls.get(CLIPBOARD_KEY) as ClipboardData;
  if (data && data.description) {
    return data.description;
  }
}

export function getType(): string {
  const data = ls.get(CLIPBOARD_KEY) as ClipboardData;
  if (data && data.type) {
    return data.type;
  }
}

export function hasData(): boolean {
  const data = ls.get(CLIPBOARD_KEY) as ClipboardData;
  return data && 'content' in data;
}

 propInjector: setProp => setProp(prop, ls.get(CLIPBOARD_KEY)),

// @ts-ignore
import ls from 'local-storage'
import { ModuleDefinition } from 'cerebral'
import page from 'page'
import * as reactions from './reactions'
import * as sequences from './sequences'
import * as providers from './providers'
import { counts, uids, isAllChecked } from './computed'
import { State } from './types'

const state: State = {
  newTodoTitle: '',
  todos: ls.get('todos') || {},
  filter: 'all',
  editingUid: null,
  counts,
  uids,
  isAllChecked,
}

const module: ModuleDefinition = ({ app }) => {
  app.on('initialized', () =>
    page.start({
      hashbang: true,
    })
  )

  page.redirect('/', '/all')
  page('/:filter', ({ path, params }) =>
    app.runSequence(path, sequences.changeFilter, params)
  )

export function load(prefix: string): PageOccurrence[] {
  return ls.get(`${prefix}_NAVIGATION_PAGES`) || [];
}

export function loadActivePage(prefix: string): string | undefined {
  return ls.get(`${prefix}_NAVIGATION_ACTIVE_PAGE`) || undefined;
}