ToggleButton with Global and Tab scope checked status

gistfile1.js

const { ToggleButton } = require('sdk/ui/button/toggle');

let globalToggle = ToggleButton({
  id: 'my-global-toggle',
  label: 'global function',
  icon: './foo.png',
  onChange: function() {
    // delete the window state for the current window,
    // automatically set when the user click on the button
    this.state('window', null);
    
    // now that the state hierarchy is clean, set the
    // global state
    this.checked = !this.checked;
  }
});


let tabToggle = ToggleButton({
  id: 'my-global-toggle',
  label: 'global function',
  icon: './foo.png',
  onChange: function() {
    // delete the window state for the current window,
    // automatically set when the user click on the button
    this.state('window', null);
    
    // now that the state hierarchy is clean, set the
    // tab state for the current tab
    let { checked } = this.state('tab');
    this.state('tab', {checked: !checked});
  }
});