import Breakouts from '/imports/api/breakouts';
import Meetings from '/imports/api/meetings';
import Settings from '/imports/ui/services/settings';
import Auth from '/imports/ui/services/auth/index';
import deviceInfo from '/imports/utils/deviceInfo';
import Styled from './styles';
import DarkReader from 'darkreader';
import logger from '/imports/startup/client/logger';

export const getFontSize = () => {
  const applicationSettings = Settings.application;
  return applicationSettings ? applicationSettings.fontSize : '16px';
};

export const getBreakoutRooms = () => Breakouts.find().fetch();

export function meetingIsBreakout() {
  const meeting = Meetings.findOne(
    { meetingId: Auth.meetingID },
    { fields: { 'meetingProp.isBreakout': 1 } }
  );
  return meeting && meeting.meetingProp.isBreakout;
}

export const setDarkTheme = (value) => {
  if (value && !DarkReader.isEnabled()) {
    DarkReader.enable(
      { brightness: 100, contrast: 90 },
      {
        invert: [Styled.DtfInvert],
        ignoreInlineStyle: [Styled.DtfCss],
        ignoreImageAnalysis: [Styled.DtfImages],
      }
    );
    logger.info(
      {
        logCode: 'dark_mode',
      },
      'Dark mode is on.'
    );
  }

  if (!value && DarkReader.isEnabled()) {
    DarkReader.disable();
    logger.info(
      {
        logCode: 'dark_mode',
      },
      'Dark mode is off.'
    );
  }
};

export const isDarkThemeEnabled = () => {
  return DarkReader.isEnabled();
};

export default {
  getFontSize,
  meetingIsBreakout,
  getBreakoutRooms,
  setDarkTheme,
  isDarkThemeEnabled,
};