var self = require('sdk/self');
var clipboard = require('sdk/clipboard')
var buttons = require('sdk/ui/button/action');
var tabs = require('sdk/tabs');
var { ToggleButton } = require('sdk/ui/button/toggle')
var timers = require('sdk/timers')

var button = ToggleButton({
  id: "clipboard-inserter-btn",
  label: "Toggle Clipboard Cnserter",
  icon: {
    16: "./icon16.png",
    32: "./icon32.png",
    64: "./icon64.png"
  },
  onChange: function(state) {
    this.state('window', null)
    let { checked } = this.state('tab')
    checked = !checked
    this.state('tab', { checked })
    if(checked) {
      enableMonitor()
    } else {
      disableMonitor()
    }
  }
})
//<div>Icons made by <a href="http://www.flaticon.com/authors/google" title="Google">Google</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div>

function enableMonitor() {
  console.log("Enabling clipboard monitor")
  tabs.activeTab.clinClipboardMonitor = new ClipboardMonitor()
}

function disableMonitor() {
  console.log("Disabling clipboard monitor")
  var monitor = tabs.activeTab.clinClipboardMonitor
  if(monitor) {
    timers.clearInterval(monitor.intervalID)
    delete tabs.activeTab.clinClipboardMonitor
  } else {
    console.error("Trying to disable clipboard monitor on tab without active ClipboardMonitor!")
  }
}

function ClipboardMonitor() {

  var lastContent = ''

  this.worker = tabs.activeTab.attach({ contentScriptFile: self.data.url('inserter.js') })

  this.intervalID = timers.setInterval(() => {
    if(clipboard.currentFlavors.indexOf('text') != -1) {
      var currentContent = clipboard.get('text/unicode')
      if(lastContent !== currentContent) {
        this.worker.port.emit('insert', currentContent)
        lastContent = currentContent
      }
    }
  }, 100)

}