import { captureError } from '../errors'
import { PHANTOM_DARKNESS } from '../lies'
import { createTimer, IS_GECKO, logTestResult, performanceLogger, hashSlice } from '../utils/helpers'
import { HTMLNote, count, modal } from '../utils/html'

export default function getWindowFeatures() {
	try {
		const timer = createTimer()
		timer.start()
		const win = PHANTOM_DARKNESS || window
		let keys = Object.getOwnPropertyNames(win)
			.filter((key) => !/_|\d{3,}/.test(key)) // clear out known ddg noise

		// if Firefox, remove the 'Event' key and push to end for consistent order
		// and disregard keys known to be missing in RFP mode
		const firefoxKeyMovedByInspect = 'Event'
		const varyingKeysMissingInRFP = ['PerformanceNavigationTiming', 'Performance']
		if (IS_GECKO) {
			const index = keys.indexOf(firefoxKeyMovedByInspect)
			if (index != -1) {
				keys = keys.slice(0, index).concat(keys.slice(index + 1))
				keys = [...keys, firefoxKeyMovedByInspect]
			}
			varyingKeysMissingInRFP.forEach((key) => {
				const index = keys.indexOf(key)
				if (index != -1) {
					keys = keys.slice(0, index).concat(keys.slice(index + 1))
				}
				return keys
			})
		}

		const moz = keys.filter((key) => (/moz/i).test(key)).length
		const webkit = keys.filter((key) => (/webkit/i).test(key)).length
		const apple = keys.filter((key) => (/apple/i).test(key)).length
		const data = { keys, apple, moz, webkit }
		logTestResult({ time: timer.stop(), test: 'window', passed: true })
		return { ...data }
	} catch (error) {
		logTestResult({ test: 'window', passed: false })
		captureError(error)
		return
	}
}

export function windowFeaturesHTML(fp) {
	if (!fp.windowFeatures) {
		return `
		<div class="col-six undefined">
			<strong>Window</strong>
			<div>keys (0): ${HTMLNote.BLOCKED}</div>
			<div>
				<div>${HTMLNote.BLOCKED}</div>
			</div>
		</div>`
	}
	const {
		windowFeatures: {
			$hash,
			keys,
		},
	} = fp

	return `
	<div class="relative col-six">
		<span class="aside-note">${performanceLogger.getLog().window}</span>
		<strong>Window</strong><span class="hash">${hashSlice($hash)}</span>
		<div>keys (${count(keys)}): ${keys && keys.length ? modal('creep-iframe-content-window-version', keys.join(', ')) : HTMLNote.BLOCKED}</div>
		<div class="blurred" id="window-features-samples">
			<div>0% of version</div>
		</div>
	</div>
	`
}