Patch bugs in Rails' action cable to be able to use with ReactNative

RN-actioncable-PATCH.ts

// Just "import from './RN-actioncable-PATCH'" before using @rails/actioncable

import { AppState } from 'react-native';

let appState = AppState.currentState;
let sub: { remove(): void } | null = null;

// @ts-ignore
global.document = { visibilityState: 'visible' };

// @ts-ignore
global.addEventListener = (name: string, visibilityDidChange: () => void) => {
  if (name !== 'visibilitychange') {
    return;
  }
  if (sub === null) {
    // @ts-ignore
    sub = AppState.addEventListener('change', (nextAppState) => {
      if (appState.match(/inactive|background/) && nextAppState === 'active') {
        console.log('App has come to the foreground!');
        // @ts-ignore
        global.document = { visibilityState: 'visible' };
      } else {
        // @ts-ignore
        global.document = { visibilityState: 'hidden' };
      }
      appState = nextAppState;

      console.log('calling action cable add');
      visibilityDidChange();
    });
  }
};

// @ts-ignore
global.removeEventListener = (
  name: string,
  visibilityDidChange: () => void,
) => {
  if (name !== 'visibilitychange') {
    return;
  }

  if (sub !== null) {
    sub.remove();
    sub = null;
  }

  console.log('calling action cable remove');
  visibilityDidChange();
};