import Breakouts from '/imports/api/breakouts';
import Meetings from '/imports/api/meetings';
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';
import useMeeting from '../../core/hooks/useMeeting';

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

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

export function useMeetingIsBreakout() {
  const { data: meeting } = useMeeting((m) => ({
    isBreakout: m.isBreakout,
  }));

  return meeting && meeting.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 {
  meetingIsBreakout,
  getBreakoutRooms,
  setDarkTheme,
  isDarkThemeEnabled,
  useMeetingIsBreakout,
};