/* This Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ //! [Media queries][mq]. //! //! [mq]: https://drafts.csswg.org/mediaqueries/ use Atom; use app_units::Au; use cssparser::{Delimiter, Parser, Token}; use euclid::size::{Size2D, TypedSize2D}; use properties::longhands; use serialize_comma_separated_list; use std::fmt::{self, Write}; use style_traits::{ToCss, ViewportPx}; use values::specified; #[derive(Debug, PartialEq)] #[cfg_attr(feature = "servo", derive(HeapSizeOf))] pub struct MediaQueryList { pub media_queries: Vec } impl ToCss for MediaQueryList { fn to_css(&self, dest: &mut W) -> fmt::Result where W: fmt::Write { serialize_comma_separated_list(dest, &self.media_queries) } } #[derive(PartialEq, Eq, Copy, Clone, Debug)] #[cfg_attr(feature = "servo", derive(HeapSizeOf))] pub enum Range { Min(T), Max(T), //Eq(T), // FIXME: Implement parsing support for equality then re-enable this. } impl Range { fn to_computed_range(&self, viewport_size: Size2D) -> Range { // http://dev.w3.org/csswg/mediaqueries3/#units // em units are relative to the initial font-size. let initial_font_size = longhands::font_size::get_initial_value(); let compute_width = |&width| { match width { specified::Length::Absolute(value) => value, specified::Length::FontRelative(value) => value.to_computed_value(initial_font_size, initial_font_size), specified::Length::ViewportPercentage(value) => value.to_computed_value(viewport_size), specified::Length::Calc(val, range) => range.clamp( val.compute_from_viewport_and_font_size(viewport_size, initial_font_size, initial_font_size) .length()), specified::Length::ServoCharacterWidth(..) => unreachable!(), } }; match *self { Range::Min(ref width) => Range::Min(compute_width(width)), Range::Max(ref width) => Range::Max(compute_width(width)), //Range::Eq(ref width) => Range::Eq(compute_width(width)) } } } impl Range { fn evaluate(&self, value: T) -> bool { match *self { Range::Min(ref width) => { value >= *width }, Range::Max(ref width) => { value <= *width }, //Range::Eq(ref width) => { value == *width }, } } } /// http://dev.w3.org/csswg/mediaqueries-3/#media1 #[derive(PartialEq, Copy, Clone, Debug)] #[cfg_attr(feature = "servo", derive(HeapSizeOf))] pub enum Expression { /// http://dev.w3.org/csswg/mediaqueries-3/#width Width(Range), } /// http://dev.w3.org/csswg/mediaqueries-3/#media0 #[derive(PartialEq, Eq, Copy, Clone, Debug)] #[cfg_attr(feature = "servo", derive(HeapSizeOf))] pub enum Qualifier { Only, Not, } #[derive(Debug, PartialEq)] #[cfg_attr(feature = "servo", derive(HeapSizeOf))] pub struct MediaQuery { pub qualifier: Option, pub media_type: MediaQueryType, pub expressions: Vec, } impl MediaQuery { pub fn new(qualifier: Option, media_type: MediaQueryType, expressions: Vec) -> MediaQuery { MediaQuery { qualifier: qualifier, media_type: media_type, expressions: expressions, } } } impl ToCss for MediaQuery { fn to_css(&self, dest: &mut W) -> fmt::Result where W: fmt::Write { if self.qualifier == Some(Qualifier::Not) { try!(write!(dest, "not ")); } let mut type_ = String::new(); match self.media_type { MediaQueryType::All => try!(write!(type_, "all")), MediaQueryType::MediaType(MediaType::Screen) => try!(write!(type_, "screen")), MediaQueryType::MediaType(MediaType::Print) => try!(write!(type_, "print")), MediaQueryType::MediaType(MediaType::Unknown(ref desc)) => try!(write!(type_, "{}", desc)), }; if self.expressions.is_empty() { return write!(dest, "{}", type_) } else if type_ != "all" || self.qualifier == Some(Qualifier::Not) { try!(write!(dest, "{} and ", type_)); } for (i, &e) in self.expressions.iter().enumerate() { try!(write!(dest, "(")); let (mm, l) = match e { Expression::Width(Range::Min(ref l)) => ("min", l), Expression::Width(Range::Max(ref l)) => ("max", l), }; try!(write!(dest, "{}-width: ", mm)); try!(l.to_css(dest)); if i == self.expressions.len() - 1 { try!(write!(dest, ")")); } else { try!(write!(dest, ") and ")); } } Ok(()) } } /// http://dev.w3.org/csswg/mediaqueries-3/#media0 #[derive(PartialEq, Eq, Clone, Debug)] #[cfg_attr(feature = "servo", derive(HeapSizeOf))] pub enum MediaQueryType { All, // Always true MediaType(MediaType), } #[derive(PartialEq, Eq, Clone, Debug)] #[cfg_attr(feature = "servo", derive(HeapSizeOf))] pub enum MediaType { Screen, Print, Unknown(Atom), } #[derive(Debug)] #[cfg_attr(feature = "servo", derive(HeapSizeOf))] pub struct Device { pub media_type: MediaType, pub viewport_size: TypedSize2D, } impl Device { pub fn new(media_type: MediaType, viewport_size: TypedSize2D) -> Device { Device { media_type: media_type, viewport_size: viewport_size, } } #[inline] pub fn au_viewport_size(&self) -> Size2D { Size2D::new(Au::from_f32_px(self.viewport_size.width), Au::from_f32_px(self.viewport_size.height)) } } impl Expression { fn parse(input: &mut Parser) -> Result { try!(input.expect_parenthesis_block()); input.parse_nested_block(|input| { let name = try!(input.expect_ident()); try!(input.expect_colon()); // TODO: Handle other media features match_ignore_ascii_case! { name, "min-width" => { Ok(Expression::Width(Range::Min(try!(specified::Length::parse_non_negative(input))))) }, "max-width" => { Ok(Expression::Width(Range::Max(try!(specified::Length::parse_non_negative(input))))) }, _ => Err(()) } }) } } impl MediaQuery { fn parse(input: &mut Parser) -> Result { let mut expressions = vec![]; let qualifier = if input.try(|input| input.expect_ident_matching("only")).is_ok() { Some(Qualifier::Only) } else if input.try(|input| input.expect_ident_matching("not")).is_ok() { Some(Qualifier::Not) } else { None }; let media_type; if let Ok(ident) = input.try(|input| input.expect_ident()) { media_type = match_ignore_ascii_case! { ident, "screen" => MediaQueryType::MediaType(MediaType::Screen), "print" => MediaQueryType::MediaType(MediaType::Print), "all" => MediaQueryType::All, _ => MediaQueryType::MediaType(MediaType::Unknown(Atom::from(&*ident))) } } else { // Media type is only optional if qualifier is not specified. if qualifier.is_some() { return Err(()) } media_type = MediaQueryType::All; // Without a media type, require at least one expression expressions.push(try!(Expression::parse(input))); } // Parse any subsequent expressions loop { if input.try(|input| input.expect_ident_matching("and")).is_err() { return Ok(MediaQuery::new(qualifier, media_type, expressions)) } expressions.push(try!(Expression::parse(input))) } } } pub fn parse_media_query_list(input: &mut Parser) -> MediaQueryList { let queries = if input.is_exhausted() { vec![MediaQuery::new(None, MediaQueryType::All, vec!())] } else { let mut media_queries = vec![]; loop { media_queries.push( input.parse_until_before(Delimiter::Comma, MediaQuery::parse) .unwrap_or(MediaQuery::new(Some(Qualifier::Not), MediaQueryType::All, vec!()))); match input.next() { Ok(Token::Comma) => continue, Ok(_) => unreachable!(), Err(()) => break, } } media_queries }; MediaQueryList { media_queries: queries } } impl MediaQueryList { pub fn evaluate(&self, device: &Device) -> bool { let viewport_size = device.au_viewport_size(); // Check if any queries match (OR condition) self.media_queries.iter().any(|mq| { // Check if media matches. Unknown media never matches. let media_match = match mq.media_type { MediaQueryType::MediaType(MediaType::Unknown(_)) => false, MediaQueryType::MediaType(ref media_type) => *media_type == device.media_type, MediaQueryType::All => true, }; // Check if all conditions match (AND condition) let query_match = media_match && mq.expressions.iter().all(|expression| { match *expression { Expression::Width(ref value) => value.to_computed_range(viewport_size).evaluate(viewport_size.width), } }); // Apply the logical NOT qualifier to the result match mq.qualifier { Some(Qualifier::Not) => !query_match, _ => query_match, } }) } }