registerSlashCommand('reloadui', 'reload the ui, or a single module if a name is provided', (params: string = '') => {
   client.ReleaseInputOwnership();
   if (params.length > 0) {
     client.ReloadUI(params);
   } else {
     client.ReloadAllUI();
   }
 });

export function restoreDefaultKeybinds() {
  if (client.debug) console.log('restore default keybind settings');
  // Note, restoring keybinds using old API triggers a KEYBIND config vars to be sent,
  // so we need to add a handler to catch and ignore them else it buggers up our queue
  // system.
  addQueue({ type: ConfigIndex.KEYBIND_DEPRECATED, onconfig: () => 0 });
  client.RestoreConfigDefaults(ConfigIndex.KEYBIND_DEPRECATED as any);
  client.SaveConfigChanges();
}

 reducer: (s, a) => {
   if (s.locked) {
     a.addEvent();
     if (typeof client.RequestInputOwnership === 'function') client.RequestInputOwnership();
   } else {
     a.removeEvent();
     if (typeof client.ReleaseInputOwnership === 'function') client.ReleaseInputOwnership();
   }
   return {
     locked: !s.locked,
   };
 },

 registerSlashCommand('loopability', 'Loops specified Ability at Interval', (params: string = '') => {
   if (params.length === 0) return;
   const argv = parseArgs(params);
   if (argv._.length >= 2) {
     client.LoopAbility(argv._[0], argv._[1]);
   }
 });

 'replace blocks with type args[0] with blocks with type of args[1] within selected range', (params: string = '') => {
   if (params.length === 0) return;
   const argv = parseArgs(params);
   if (argv._.length >= 2) {
     client.ReplaceSelectedSubstance(argv._[0], argv._[1]);
   }
   return;
 });

export function slash(command: string, callback?: (response: any) => void) {
  if (hasClientAPI()) {
    // If the / command includes a callback, then send the response
    // back to the caller
    if (callback) listen(callback);
    client.SendSlashCommand(command);
  } else {
    if (callback) callback({ type: 'complete', complete: 'Simulated completion' });
  }
}

export const inputOwnership = (e: React.FocusEvent<any> | React.MouseEvent<any>): void => {
  if (e.type === 'focus') {
    if (timer) {  // don't release input ownership if focus moving to another field
      clearTimeout(timer);
      timer = undefined;
    } else {
      client.RequestInputOwnership();
    }
  } else if (e.type === 'blur') {
    // release input ownership after short delay allowing next field
    // to cancel the release
    timer = setTimeout(() => {
      client.ReleaseInputOwnership();
      timer = undefined;
    },                 10);
  } else if (e.type === 'click' && (e.target as HTMLElement).nodeName === 'BUTTON') {
    client.ReleaseInputOwnership();
    if (timer) {  // we released it already
      clearTimeout(timer);
      timer = undefined;
    }
  }
};