'use strict';

// ============================================================================
// Profile Filters for Settings
// ============================================================================

import {createTester} from 'utilities/filtering';

// Logical Components

export const Invert = {
	createTest(config, rule_types) {
		return createTester(config, rule_types, true)
	},

	maxRules: 1,
	childRules: true,

	tall: true,
	title: 'Invert',
	i18n: 'settings.filter.invert',

	default: () => [],
	editor: () => import(/* webpackChunkName: 'main-menu' */ './components/nested.vue')
};

export const Or = {
	createTest(config, rule_types) {
		return createTester(config, rule_types, false, true);
	},

	childRules: true,

	tall: true,
	title: 'Or',
	i18n: 'settings.filter.or',

	default: () => [],
	editor: () => import(/* webpackChunkName: 'main-menu' */ './components/nested.vue')
};


// Context Stuff

function parseTime(time) {
	if ( typeof time !== 'string' || ! time.length )
		return null;

	const idx = time.indexOf(':');
	if ( idx === -1 )
		return null;

	let hours, minutes;
	try {
		hours = parseInt(time.slice(0, idx), 10);
		minutes = parseInt(time.slice(idx + 1), 10);

	} catch(err) {
		return null;
	}

	return hours * 60 + minutes;
}

export const Time = {
	_captured: new Set,

	createTest(config) {
		const start = parseTime(config[0]),
			end = parseTime(config[1]);

		if ( start == null || end == null )
			return () => false;

		if ( start <= end )
			return () => {
				Time._captured.add(start);
				Time._captured.add(end + 1);

				const d = new Date,
					v = d.getHours() * 60 + d.getMinutes();

				return v >= start && v <= end;
			}

		return () => {
			Time._captured.add(start + 1);
			Time._captured.add(end);

			const d = new Date,
				v = d.getHours() * 60 + d.getMinutes();

			return v >= start || v <= end;
		}
	},

	captured: () => {
		const out = Array.from(Time._captured);
		Time._captured = new Set;
		out.sort((a, b) => a - b);
		return out;
	},

	title: 'Time of Day',
	i18n: 'settings.filter.time',

	default: ['08:00', '18:00'],

	editor: () => import(/* webpackChunkName: 'main-menu' */ './components/time.vue')
}


export const TheaterMode = {
	createTest(config) {
		return ctx => ctx.ui && ctx.ui.theatreModeEnabled === config;
	},

	title: 'Theater Mode',
	i18n: 'settings.filter.theater',

	default: true,

	editor: () => import(/* webpackChunkName: 'main-menu' */ './components/basic-toggle.vue')
};

export const Moderator = {
	createTest(config) {
		return ctx => ctx.moderator === config;
	},

	title: 'Is Moderator',
	i18n: 'settings.filter.moderator',

	default: true,
	editor: () => import(/* webpackChunkName: 'main-menu' */ './components/basic-toggle.vue')
};

export const SquadMode = {
	createTest(config) {
		return ctx => ctx.ui && ctx.ui.squadModeEnabled === config;
	},

	title: 'Squad Mode',
	i18n: 'settings.filter.squad',

	default: true,
	editor: () => import(/* webpackChunkName: 'main-menu' */ './components/basic-toggle.vue')
};

export const NativeDarkTheme = {
	createTest(config) {
		const val = config ? 1 : 0;
		return ctx => ctx.ui && ctx.ui.theme === val;
	},

	title: 'Dark Theme',
	i18n: 'settings.filter.native-dark',

	default: true,
	editor: () => import(/* webpackChunkName: 'main-menu' */ './components/basic-toggle.vue')
};

export const Page = {
	createTest(config = {}) {
		const name = config.route,
			parts = [];

		if ( Object.keys(config.values).length ) {
			const ffz = window.FrankerFaceZ?.get(),
				router = ffz && ffz.resolve('site.router');

			if ( router ) {
				const route = router.getRoute(name);
				if ( ! route || ! route.parts )
					return () => false;

				let i = 1;
				for(const part of route.parts) {
					if ( typeof part === 'object' ) {
						const val = config.values[part.name];
						if ( val && val.length )
							parts.push([i, val]);

						i++;
					}
				}

			} else
				return () => false;
		}

		return ctx => {
			if ( ! ctx.route || ! ctx.route_data || ctx.route.name !== name )
				return false;

			for(const [index, value] of parts)
				if ( ctx.route_data[index] !== value )
					return false;

			return true;
		}
	},

	tall: true,
	title: 'Current Page',
	i18n: 'settings.filter.page',

	default: () => ({
		route: 'front-page',
		values: {}
	}),
	editor: () => import(/* webpackChunkName: 'main-menu' */ './components/page.vue')
};

export const Channel = {
	createTest(config = {}) {
		const login =  config.login,
			id = config.id;

		return ctx => ctx.channelID === id || (ctx.channelID == null && ctx.channelLogin === login);
	},

	title: 'Current Channel',
	i18n: 'settings.filter.channel',

	default: () => ({
		login: null,
		id: null
	}),
	editor: () => import(/* webpackChunkName: 'main-menu' */ './components/channel.vue')
};