/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @format
 * @flow
 */

'use strict';

import EventEmitter from '../vendor/emitter/EventEmitter';
import NativeEventEmitter from '../EventEmitter/NativeEventEmitter';
import NativeAppearance, {
  type AppearancePreferences,
  type ColorSchemeName,
} from './NativeAppearance';
import invariant from 'invariant';
import {isAsyncDebugging} from './DebugEnvironment';

type AppearanceListener = (preferences: AppearancePreferences) => void;
const eventEmitter = new EventEmitter();

if (NativeAppearance) {
  const nativeEventEmitter = new NativeEventEmitter(NativeAppearance);
  nativeEventEmitter.addListener(
    'appearanceChanged',
    (newAppearance: AppearancePreferences) => {
      const {colorScheme} = newAppearance;
      invariant(
        colorScheme === 'dark' ||
          colorScheme === 'light' ||
          colorScheme == null,
        "Unrecognized color scheme. Did you mean 'dark' or 'light'?",
      );
      // Update cached value
      preferences.colorScheme = colorScheme;
      eventEmitter.emit('change', {colorScheme});
    },
  );
}

function getInitialColorScheme(): ?ColorSchemeName {
  if (__DEV__) {
    if (isAsyncDebugging) {
      // Hard code light theme when using the async debugger as
      // sync calls aren't supported
      return 'light';
    }
  }

  // TODO: (hramos) T52919652 Use ?ColorSchemeName once codegen supports union
  const nativeColorScheme: ?string =
    NativeAppearance == null ? null : NativeAppearance.getColorScheme() || null;
  invariant(
    nativeColorScheme === 'dark' ||
      nativeColorScheme === 'light' ||
      nativeColorScheme == null,
    "Unrecognized color scheme. Did you mean 'dark' or 'light'?",
  );
  return nativeColorScheme;
}

function getColorScheme(): ?ColorSchemeName {
  if (!preferences.colorScheme) {
    const initialColorScheme = getInitialColorScheme();
    preferences.colorScheme = initialColorScheme;
    return preferences.colorScheme;
  }

  return preferences.colorScheme;
}

const preferences = {
  colorScheme: null,
};

module.exports = {
  /**
   * Note: Although color scheme is available immediately, it may change at any
   * time. Any rendering logic or styles that depend on this should try to call
   * this function on every render, rather than caching the value (for example,
   * using inline styles rather than setting a value in a `StyleSheet`).
   *
   * Example: `const colorScheme = Appearance.getColorScheme();`
   *
   * @returns {?ColorSchemeName} Value for the color scheme preference.
   */
  getColorScheme,
  /**
   * Add an event handler that is fired when appearance preferences change.
   */
  addChangeListener(listener: AppearanceListener): void {
    eventEmitter.addListener('change', listener);
  },
  /**
   * Remove an event handler.
   */
  removeChangeListener(listener: AppearanceListener): void {
    eventEmitter.removeListener('change', listener);
  },
};