import type { ColorScheme, Orientation } from '@/common/consts'
import { Platform } from '@/common/consts'
import type { MediaQuery, QueryFeatureFor_MediaFeatureId } from 'lightningcss'
import type { ProcessorBuilder } from './processor'
import type { MediaQueryResolver } from './types'

export class MQ {
    constructor(private readonly Processor: ProcessorBuilder) {}

    processMediaQueries(mediaQueries: Array<MediaQuery>) {
        const mq = this.getInitialMediaQueryResolver()

        mediaQueries.forEach(mediaQuery => {
            const { condition, mediaType } = mediaQuery

            if (
                [
                    Platform.Android,
                    Platform.iOS,
                    Platform.Native,
                    Platform.AndroidTV,
                    Platform.AppleTV,
                    Platform.TV,
                ].includes(mediaType as Platform)
            ) {
                mq.platform = mediaType as Platform

                return
            }

            if (condition?.type !== 'feature') {
                return
            }

            if (condition.value.type === 'range') {
                this.processWidthMediaQuery(condition.value, mq)
            }

            if (condition.value.type === 'plain') {
                this.processPlainMediaQuery(condition.value, mq)
            }
        })

        return mq
    }

    private processWidthMediaQuery(query: QueryFeatureFor_MediaFeatureId & { type: 'range' }, mq: MediaQueryResolver) {
        const { operator, value } = query
        const result = this.Processor.CSS.processValue(value)

        if (operator === 'greater-than-equal' || operator === 'greater-than') {
            mq.minWidth = result
        }

        if (operator === 'less-than-equal' || operator === 'less-than') {
            mq.maxWidth = result
        }
    }

    private processPlainMediaQuery(query: QueryFeatureFor_MediaFeatureId & { type: 'plain' }, mq: MediaQueryResolver) {
        const { value, name } = query

        switch (name) {
            case 'orientation':
                mq.orientation = value.value as Orientation

                break
            case 'prefers-color-scheme':
                mq.colorScheme = value.value as ColorScheme

                break
            default:
                break
        }
    }

    private getInitialMediaQueryResolver(): MediaQueryResolver {
        return {
            minWidth: 0,
            maxWidth: Number.MAX_VALUE,
            platform: null,
            rtl: null,
            important: false,
            colorScheme: null,
            orientation: null,
            theme: null,
            active: null,
            focus: null,
            disabled: null,
            dataAttributes: null,
        }
    }
}