@ -1,109 +1,118 @@
import MagicString from 'magic-string' ;
import Stylesheet from './Stylesheet' ;
import { gather_possible_values , UNKNOWN } from './gather_possible_values' ;
import { CssNode } from './interfaces' ;
import Component from '../Component' ;
import Element from '../nodes/Element' ;
import { INode } from '../nodes/interfaces' ;
import EachBlock from '../nodes/EachBlock' ;
import IfBlock from '../nodes/IfBlock' ;
import AwaitBlock from '../nodes/AwaitBlock' ;
import compiler_errors from '../compiler_errors' ;
import { regex_starts_with_whitespace , regex_ends_with_whitespace } from '../../utils/patterns' ;
enum BlockAppliesToNode {
NotPossible ,
Possible ,
UnknownSelectorType
}
enum NodeExist {
Probably = 1 ,
Definitely = 2
}
import { gather_possible_values , UNKNOWN } from './gather_possible_values.js' ;
import compiler_errors from '../compiler_errors.js' ;
import { regex_starts_with_whitespace , regex_ends_with_whitespace } from '../../utils/patterns.js' ;
const BlockAppliesToNode = /** @type {const} */ ( {
NotPossible : 0 ,
Possible : 1 ,
UnknownSelectorType : 2
} ) ;
const NodeExist = /** @type {const} */ ( {
Probably : 0 ,
Definitely : 1
} ) ;
/** @typedef {typeof NodeExist[keyof typeof NodeExist]} NodeExistsValue */
const whitelist_attribute_selector = new Map ( [
[ 'details' , new Set ( [ 'open' ] ) ] ,
[ 'dialog' , new Set ( [ 'open' ] ) ]
] ) ;
const regex_is_single_css_selector = /[^\\],(?!([^([]+[^\\]|[^([\\])[)\]])/ ;
export default class Selector {
node : CssNode ;
stylesheet : Stylesheet ;
blocks : Block [ ] ;
local_blocks : Block [ ] ;
used : boolean ;
/** @type {import('./private.js').CssNode} */
node ;
/** @type {import('./Stylesheet.js').default} */
stylesheet ;
/** @type {Block[]} */
blocks ;
/** @type {Block[]} */
local_blocks ;
constructor ( node : CssNode , stylesheet : Stylesheet ) {
/** @type {boolean} */
used ;
/ * *
* @param { import ( './private.js' ) . CssNode } node
* @param { import ( './Stylesheet.js' ) . default } stylesheet
* /
constructor ( node , stylesheet ) {
this . node = node ;
this . stylesheet = stylesheet ;
this . blocks = group_selectors ( node ) ;
// take trailing :global(...) selectors out of consideration
let i = this . blocks . length ;
while ( i > 0 ) {
if ( ! this . blocks [ i - 1 ] . global ) break ;
i -= 1 ;
}
this . local_blocks = this . blocks . slice ( 0 , i ) ;
const host_only = this . blocks . length === 1 && this . blocks [ 0 ] . host ;
const root_only = this . blocks . length === 1 && this . blocks [ 0 ] . root ;
this . used = this . local_blocks . length === 0 || host_only || root_only ;
}
apply ( node : Element ) {
const to_encapsulate : Array < { node : Element ; block : Block } > = [ ] ;
/** @param {import('../nodes/Element.js').default} node */
apply ( node ) {
/** @type {Array<{ node: import('../nodes/Element.js').default; block: Block }>} */
const to_encapsulate = [ ] ;
apply_selector ( this . local_blocks . slice ( ) , node , to_encapsulate ) ;
if ( to_encapsulate . length > 0 ) {
to_encapsulate . forEach ( ( { node , block } ) = > {
this . stylesheet . nodes_with_css_class . add ( node ) ;
block . should_encapsulate = true ;
} ) ;
this . used = true ;
}
}
minify ( code : MagicString ) {
let c : number = null ;
/** @param {import('magic-string').default} code */
minify ( code ) {
/** @type {number} */
let c = null ;
this . blocks . forEach ( ( block , i ) = > {
if ( i > 0 ) {
if ( block . start - c > 1 ) {
code . update ( c , block . start , block . combinator . name || ' ' ) ;
}
}
c = block . end ;
} ) ;
}
transform ( code : MagicString , attr : string , max_amount_class_specificity_increased : number ) {
/ * *
* @param { import ( 'magic-string' ) . default } code
* @param { string } attr
* @param { number } max_amount_class_specificity_increased
* /
transform ( code , attr , max_amount_class_specificity_increased ) {
const amount_class_specificity_to_increase =
max_amount_class_specificity_increased -
this . blocks . filter ( ( block ) = > block . should_encapsulate ) . length ;
function remove_global_pseudo_class ( selector : CssNode ) {
/** @param {import('./private.js').CssNode} selector */
function remove_global_pseudo_class ( selector ) {
const first = selector . children [ 0 ] ;
const last = selector . children [ selector . children . length - 1 ] ;
code . remove ( selector . start , first . start ) . remove ( last . end , selector . end ) ;
}
function encapsulate_block ( block : Block , attr : string ) {
/ * *
* @param { Block } block
* @param { string } attr
* /
function encapsulate_block ( block , attr ) {
for ( const selector of block . selectors ) {
if ( selector . type === 'PseudoClassSelector' && selector . name === 'global' ) {
remove_global_pseudo_class ( selector ) ;
}
}
let i = block . selectors . length ;
while ( i -- ) {
const selector = block . selectors [ i ] ;
if ( selector . type === 'PseudoElementSelector' || selector . type === 'PseudoClassSelector' ) {
@ -112,17 +121,14 @@ export default class Selector {
}
continue ;
}
if ( selector . type === 'TypeSelector' && selector . name === '*' ) {
code . update ( selector . start , selector . end , attr ) ;
} else {
code . appendLeft ( selector . end , attr ) ;
}
break ;
}
}
this . blocks . forEach ( ( block , index ) = > {
if ( block . global ) {
remove_global_pseudo_class ( block . selectors [ 0 ] ) ;
@ -137,35 +143,32 @@ export default class Selector {
} ) ;
}
validate ( component : Component ) {
/** @param {import('../Component.js').default} component */
validate ( component ) {
let start = 0 ;
let end = this . blocks . length ;
for ( ; start < end ; start += 1 ) {
if ( ! this . blocks [ start ] . global ) break ;
}
for ( ; end > start ; end -= 1 ) {
if ( ! this . blocks [ end - 1 ] . global ) break ;
}
for ( let i = start ; i < end ; i += 1 ) {
if ( this . blocks [ i ] . global ) {
return component . error ( this . blocks [ i ] . selectors [ 0 ] , compiler_errors . css_invalid_global ) ;
}
}
this . validate_global_with_multiple_selectors ( component ) ;
this . validate_global_compound_selector ( component ) ;
this . validate_invalid_combinator_without_selector ( component ) ;
}
validate_global_with_multiple_selectors ( component : Component ) {
/** @param {import('../Component.js').default} component */
validate_global_with_multiple_selectors ( component ) {
if ( this . blocks . length === 1 && this . blocks [ 0 ] . selectors . length === 1 ) {
// standalone :global() with multiple selectors is OK
return ;
}
for ( const block of this . blocks ) {
for ( const selector of block . selectors ) {
if ( selector . type === 'PseudoClassSelector' && selector . name === 'global' ) {
@ -176,7 +179,9 @@ export default class Selector {
}
}
}
validate_invalid_combinator_without_selector ( component : Component ) {
/** @param {import('../Component.js').default} component */
validate_invalid_combinator_without_selector ( component ) {
for ( let i = 0 ; i < this . blocks . length ; i ++ ) {
const block = this . blocks [ i ] ;
if ( block . combinator && block . selectors . length === 0 ) {
@ -198,7 +203,8 @@ export default class Selector {
}
}
validate_global_compound_selector ( component : Component ) {
/** @param {import('../Component.js').default} component */
validate_global_compound_selector ( component ) {
for ( const block of this . blocks ) {
for ( let index = 0 ; index < block . selectors . length ; index ++ ) {
const selector = block . selectors [ index ] ;
@ -227,42 +233,38 @@ export default class Selector {
}
}
function apply_selector (
blocks : Block [ ] ,
node : Element ,
to_encapsulate : Array < { node : Element ; block : Block } >
) : boolean {
/ * *
* @param { Block [ ] } blocks
* @param { import ( '../nodes/Element.js' ) . default } node
* @param { Array < { node : import ( '../nodes/Element.js' ) . default ; block : Block } > } to_encapsulate
* @returns { boolean }
* /
function apply_selector ( blocks , node , to_encapsulate ) {
const block = blocks . pop ( ) ;
if ( ! block ) return false ;
if ( ! node ) {
return (
( block . global && blocks . every ( ( block ) = > block . global ) ) || ( block . host && blocks . length === 0 )
) ;
}
switch ( block_might_apply_to_node ( block , node ) ) {
case BlockAppliesToNode . NotPossible :
return false ;
case BlockAppliesToNode . UnknownSelectorType :
// bail. TODO figure out what these could be
to_encapsulate . push ( { node , block } ) ;
return true ;
}
if ( block . combinator ) {
if ( block . combinator . type === 'Combinator' && block . combinator . name === ' ' ) {
for ( const ancestor_block of blocks ) {
if ( ancestor_block . global ) {
continue ;
}
if ( ancestor_block . host ) {
to_encapsulate . push ( { node , block } ) ;
return true ;
}
let parent = node ;
while ( ( parent = get_element_parent ( parent ) ) ) {
if (
@ -271,18 +273,15 @@ function apply_selector(
to_encapsulate . push ( { node : parent , block : ancestor_block } ) ;
}
}
if ( to_encapsulate . length ) {
to_encapsulate . push ( { node , block } ) ;
return true ;
}
}
if ( blocks . every ( ( block ) = > block . global ) ) {
to_encapsulate . push ( { node , block } ) ;
return true ;
}
return false ;
} else if ( block . combinator . name === '>' ) {
const has_global_parent = blocks . every ( ( block ) = > block . global ) ;
@ -290,12 +289,10 @@ function apply_selector(
to_encapsulate . push ( { node , block } ) ;
return true ;
}
return false ;
} else if ( block . combinator . name === '+' || block . combinator . name === '~' ) {
const siblings = get_possible_element_siblings ( node , block . combinator . name === '+' ) ;
let has_match = false ;
// NOTE: if we have :global(), we couldn't figure out what is selected within `:global` due to the
// css-tree limitation that does not parse the inner selector of :global
// so unless we are sure there will be no sibling to match, we will consider it as matched
@ -307,7 +304,6 @@ function apply_selector(
to_encapsulate . push ( { node , block } ) ;
return true ;
}
for ( const possible_sibling of siblings . keys ( ) ) {
if ( apply_selector ( blocks . slice ( ) , possible_sibling , to_encapsulate ) ) {
to_encapsulate . push ( { node , block } ) ;
@ -316,31 +312,31 @@ function apply_selector(
}
return has_match ;
}
// TODO other combinators
to_encapsulate . push ( { node , block } ) ;
return true ;
}
to_encapsulate . push ( { node , block } ) ;
return true ;
}
const regex_backslash_and_following_character = /\\(.)/g ;
function block_might_apply_to_node ( block : Block , node : Element ) : BlockAppliesToNode {
/ * *
* @param { Block } block
* @param { import ( '../nodes/Element.js' ) . default } node
* @returns { typeof BlockAppliesToNode [ keyof typeof BlockAppliesToNode ] }
* /
function block_might_apply_to_node ( block , node ) {
let i = block . selectors . length ;
while ( i -- ) {
const selector = block . selectors [ i ] ;
const name =
typeof selector . name === 'string' &&
selector . name . replace ( regex_backslash_and_following_character , '$1' ) ;
if ( selector . type === 'PseudoClassSelector' && ( name === 'host' || name === 'root' ) ) {
return BlockAppliesToNode . NotPossible ;
}
if (
block . selectors . length === 1 &&
selector . type === 'PseudoClassSelector' &&
@ -348,11 +344,9 @@ function block_might_apply_to_node(block: Block, node: Element): BlockAppliesToN
) {
return BlockAppliesToNode . NotPossible ;
}
if ( selector . type === 'PseudoClassSelector' || selector . type === 'PseudoElementSelector' ) {
continue ;
}
if ( selector . type === 'ClassSelector' ) {
if (
! attribute_matches ( node , 'class' , name , '~=' , false ) &&
@ -390,10 +384,15 @@ function block_might_apply_to_node(block: Block, node: Element): BlockAppliesToN
return BlockAppliesToNode . UnknownSelectorType ;
}
}
return BlockAppliesToNode . Possible ;
}
/ * *
* @param { any } operator
* @param { any } expected_value
* @param { any } case_insensitive
* @param { any } value
* /
function test_attribute ( operator , expected_value , case_insensitive , value ) {
if ( case_insensitive ) {
expected_value = expected_value . toLowerCase ( ) ;
@ -417,32 +416,28 @@ function test_attribute(operator, expected_value, case_insensitive, value) {
}
}
function attribute_matches (
node : CssNode ,
name : string ,
expected_value : string ,
operator : string ,
case_insensitive : boolean
) {
/ * *
* @param { import ( './private.js' ) . CssNode } node
* @param { string } name
* @param { string } expected_value
* @param { string } operator
* @param { boolean } case_insensitive
* /
function attribute_matches ( node , name , expected_value , operator , case_insensitive ) {
const spread = node . attributes . find ( ( attr ) = > attr . type === 'Spread' ) ;
if ( spread ) return true ;
if ( node . bindings . some ( ( binding : CssNode ) = > binding . name === name ) ) return true ;
const attr = node . attributes . find ( ( attr : CssNode ) = > attr . name === name ) ;
if ( node . bindings . some ( ( binding ) = > binding . name === name ) ) return true ;
const attr = node . attributes . find ( ( attr ) = > attr . name === name ) ;
if ( ! attr ) return false ;
if ( attr . is_true ) return operator === null ;
if ( expected_value == null ) return true ;
if ( attr . chunks . length === 1 ) {
const value = attr . chunks [ 0 ] ;
if ( ! value ) return false ;
if ( value . type === 'Text' )
return test_attribute ( operator , expected_value , case_insensitive , value . data ) ;
}
const possible_values = new Set ( ) ;
let prev_values = [ ] ;
for ( const chunk of attr . chunks ) {
const current_possible_values = new Set ( ) ;
@ -451,35 +446,30 @@ function attribute_matches(
} else {
gather_possible_values ( chunk . node , current_possible_values ) ;
}
// impossible to find out all combinations
if ( current_possible_values . has ( UNKNOWN ) ) return true ;
if ( prev_values . length > 0 ) {
const start_with_space = [ ] ;
const remaining = [ ] ;
current_possible_values . forEach ( ( current_possible_value : string ) = > {
current_possible_values . forEach ( ( current_possible_value ) = > {
if ( regex_starts_with_whitespace . test ( current_possible_value ) ) {
start_with_space . push ( current_possible_value ) ;
} else {
remaining . push ( current_possible_value ) ;
}
} ) ;
if ( remaining . length > 0 ) {
if ( start_with_space . length > 0 ) {
prev_values . forEach ( ( prev_value ) = > possible_values . add ( prev_value ) ) ;
}
const combined = [ ] ;
prev_values . forEach ( ( prev_value : string ) = > {
remaining . forEach ( ( value : string ) = > {
prev_values . forEach ( ( prev_value ) = > {
remaining . forEach ( ( value ) = > {
combined . push ( prev_value + value ) ;
} ) ;
} ) ;
prev_values = combined ;
start_with_space . forEach ( ( value : string ) = > {
start_with_space . forEach ( ( value ) = > {
if ( regex_ends_with_whitespace . test ( value ) ) {
possible_values . add ( value ) ;
} else {
@ -492,8 +482,7 @@ function attribute_matches(
prev_values = [ ] ;
}
}
current_possible_values . forEach ( ( current_possible_value : string ) = > {
current_possible_values . forEach ( ( current_possible_value ) = > {
if ( regex_ends_with_whitespace . test ( current_possible_value ) ) {
possible_values . add ( current_possible_value ) ;
} else {
@ -503,24 +492,21 @@ function attribute_matches(
if ( prev_values . length < current_possible_values . size ) {
prev_values . push ( ' ' ) ;
}
if ( prev_values . length > 20 ) {
// might grow exponentially, bail out
return true ;
}
}
prev_values . forEach ( ( prev_value ) = > possible_values . add ( prev_value ) ) ;
if ( possible_values . has ( UNKNOWN ) ) return true ;
for ( const value of possible_values ) {
if ( test_attribute ( operator , expected_value , case_insensitive , value ) ) return true ;
}
return false ;
}
function unquote ( value : CssNode ) {
/** @param {import('./private.js').CssNode} value */
function unquote ( value ) {
if ( value . type === 'Identifier' ) return value . name ;
const str = value . value ;
if ( ( str [ 0 ] === str [ str . length - 1 ] && str [ 0 ] === "'" ) || str [ 0 ] === '"' ) {
@ -529,10 +515,15 @@ function unquote(value: CssNode) {
return str ;
}
function get_element_parent ( node : Element ) : Element | null {
let parent : INode = node ;
/ * *
* @param { import ( '../nodes/Element.js' ) . default } node
* @returns { any }
* /
function get_element_parent ( node ) {
/** @type {import('../nodes/interfaces.js').INode} */
let parent = node ;
while ( ( parent = parent . parent ) && parent . type !== 'Element' ) ;
return parent as Element | null ;
return /** @type {import('../nodes/Element.js').default | null} */ ( parent ) ;
}
/ * *
@ -550,9 +541,12 @@ function get_element_parent(node: Element): Element | null {
* is considered to look like :
* < h1 > Heading 1 < / h1 >
* < h2 > Heading 2 < / h2 >
* @param { import ( '../nodes/interfaces.js' ) . INode } node
* @returns { import ( '../nodes/interfaces.js' ) . INode }
* /
function find_previous_sibling ( node : INode ) : INode {
let current_node : INode = node ;
function find_previous_sibling ( node ) {
/** @type {import('../nodes/interfaces.js').INode} */
let current_node = node ;
do {
if ( current_node . type === 'Slot' ) {
const slot_children = current_node . children ;
@ -561,22 +555,25 @@ function find_previous_sibling(node: INode): INode {
continue ;
}
}
while ( ! current_node . prev && current_node . parent && current_node . parent . type === 'Slot' ) {
current_node = current_node . parent ;
}
current_node = current_node . prev ;
} while ( current_node && current_node . type === 'Slot' ) ;
return current_node ;
}
function get_possible_element_siblings (
node : INode ,
adjacent_only : boolean
) : Map < Element , NodeExist > {
const result : Map < Element , NodeExist > = new Map ( ) ;
let prev : INode = node ;
/ * *
* @param { import ( '../nodes/interfaces.js' ) . INode } node
* @param { boolean } adjacent_only
* @returns { Map < import ( ' .. / nodes / Element.js ' ) .default , NodeExistsValue > }
* /
function get_possible_element_siblings ( node , adjacent_only ) {
/** @type {Map<import('../nodes/Element.js').default, NodeExistsValue>} */
const result = new Map ( ) ;
/** @type {import('../nodes/interfaces.js').INode} */
let prev = node ;
while ( ( prev = find_previous_sibling ( prev ) ) ) {
if ( prev . type === 'Element' ) {
if (
@ -586,22 +583,20 @@ function get_possible_element_siblings(
) {
result . set ( prev , NodeExist . Definitely ) ;
}
if ( adjacent_only ) {
break ;
}
} else if ( prev . type === 'EachBlock' || prev . type === 'IfBlock' || prev . type === 'AwaitBlock' ) {
const possible_last_child = get_possible_last_child ( prev , adjacent_only ) ;
add_to_map ( possible_last_child , result ) ;
if ( adjacent_only && has_definite_elements ( possible_last_child ) ) {
return result ;
}
}
}
if ( ! prev || ! adjacent_only ) {
let parent : INode = node ;
/** @type {import('../nodes/interfaces.js').INode} */
let parent = node ;
let skip_each_for_last_child = node . type === 'ElseBlock' ;
while (
( parent = parent . parent ) &&
@ -612,7 +607,6 @@ function get_possible_element_siblings(
) {
const possible_siblings = get_possible_element_siblings ( parent , adjacent_only ) ;
add_to_map ( possible_siblings , result ) ;
if ( parent . type === 'EachBlock' ) {
// first child of each block can select the last child of each block as previous sibling
if ( skip_each_for_last_child ) {
@ -624,30 +618,31 @@ function get_possible_element_siblings(
skip_each_for_last_child = true ;
parent = parent . parent ;
}
if ( adjacent_only && has_definite_elements ( possible_siblings ) ) {
break ;
}
}
}
return result ;
}
function get_possible_last_child (
block : EachBlock | IfBlock | AwaitBlock ,
adjacent_only : boolean
) : Map < Element , NodeExist > {
const result : Map < Element , NodeExist > = new Map ( ) ;
/ * *
* @param { import ( '../nodes/EachBlock.js' ) . default | import ( '../nodes/IfBlock.js' ) . default | import ( '../nodes/AwaitBlock.js' ) . default } block
* @param { boolean } adjacent_only
* @returns { Map < import ( ' .. / nodes / Element.js ' ) .default , NodeExistsValue > }
* /
function get_possible_last_child ( block , adjacent_only ) {
/** @typedef {Map<import('../nodes/Element.js').default, NodeExistsValue>} NodeMap */
/** @type {NodeMap} */
const result = new Map ( ) ;
if ( block . type === 'EachBlock' ) {
const each_result : Map < Element , NodeExist > = loop_child ( block . children , adjacent_only ) ;
const else_result : Map < Element , NodeExist > = block . else
? loop_child ( block . else . children , adjacent_only )
: new Map ( ) ;
/** @type {NodeMap} */
const each_result = loop_child ( block . children , adjacent_only ) ;
/** @type {NodeMap} */
const else_result = block . else ? loop_child ( block . else . children , adjacent_only ) : new Map ( ) ;
const not_exhaustive = ! has_definite_elements ( else_result ) ;
if ( not_exhaustive ) {
mark_as_probably ( each_result ) ;
mark_as_probably ( else_result ) ;
@ -655,51 +650,50 @@ function get_possible_last_child(
add_to_map ( each_result , result ) ;
add_to_map ( else_result , result ) ;
} else if ( block . type === 'IfBlock' ) {
const if_result : Map < Element , NodeExist > = loop_child ( block . children , adjacent_only ) ;
const else_result : Map < Element , NodeExist > = block . else
? loop_child ( block . else . children , adjacent_only )
: new Map ( ) ;
/** @type {NodeMap} */
const if_result = loop_child ( block . children , adjacent_only ) ;
/** @type {NodeMap} */
const else_result = block . else ? loop_child ( block . else . children , adjacent_only ) : new Map ( ) ;
const not_exhaustive = ! has_definite_elements ( if_result ) || ! has_definite_elements ( else_result ) ;
if ( not_exhaustive ) {
mark_as_probably ( if_result ) ;
mark_as_probably ( else_result ) ;
}
add_to_map ( if_result , result ) ;
add_to_map ( else_result , result ) ;
} else if ( block . type === 'AwaitBlock' ) {
const pending_result : Map < Element , NodeExist > = block . pending
/** @type {NodeMap} */
const pending_result = block . pending
? loop_child ( block . pending . children , adjacent_only )
: new Map ( ) ;
const then_result : Map < Element , NodeExist > = block . then
? loop_child ( block . then . children , adjacent_only )
: new Map ( ) ;
const catch_result : Map < Element , NodeExist > = block . catch
? loop_child ( block . catch . children , adjacent_only )
: new Map ( ) ;
/** @type {NodeMap} */
const then_result = block . then ? loop_child ( block . then . children , adjacent_only ) : new Map ( ) ;
/** @type {NodeMap} */
const catch_result = block . catch ? loop_child ( block . catch . children , adjacent_only ) : new Map ( ) ;
const not_exhaustive =
! has_definite_elements ( pending_result ) ||
! has_definite_elements ( then_result ) ||
! has_definite_elements ( catch_result ) ;
if ( not_exhaustive ) {
mark_as_probably ( pending_result ) ;
mark_as_probably ( then_result ) ;
mark_as_probably ( catch_result ) ;
}
add_to_map ( pending_result , result ) ;
add_to_map ( then_result , result ) ;
add_to_map ( catch_result , result ) ;
}
return result ;
}
function has_definite_elements ( result : Map < Element , NodeExist > ) : boolean {
/ * *
* @param { Map < import ( ' .. / nodes / Element.js ' ) .default , NodeExistsValue > } result
* @returns { boolean }
* /
function has_definite_elements ( result ) {
if ( result . size === 0 ) return false ;
for ( const exist of result . values ( ) ) {
if ( exist === NodeExist . Definitely ) {
@ -709,25 +703,41 @@ function has_definite_elements(result: Map<Element, NodeExist>): boolean {
return false ;
}
function add_to_map ( from : Map < Element , NodeExist > , to : Map < Element , NodeExist > ) {
/ * *
* @param { Map < import ( ' .. / nodes / Element.js ' ) .default , NodeExistsValue > } from
* @param { Map < import ( ' .. / nodes / Element.js ' ) .default , NodeExistsValue > } to
* @returns { void }
* /
function add_to_map ( from , to ) {
from . forEach ( ( exist , element ) = > {
to . set ( element , higher_existence ( exist , to . get ( element ) ) ) ;
} ) ;
}
function higher_existence ( exist1 : NodeExist | null , exist2 : NodeExist | null ) : NodeExist {
/ * *
* @param { NodeExistsValue | null } exist1
* @param { NodeExistsValue | null } exist2
* @returns { NodeExistsValue }
* /
function higher_existence ( exist1 , exist2 ) {
if ( exist1 === undefined || exist2 === undefined ) return exist1 || exist2 ;
return exist1 > exist2 ? exist1 : exist2 ;
}
function mark_as_probably ( result : Map < Element , NodeExist > ) {
/** @param {Map<import('../nodes/Element.js').default, NodeExistsValue>} result */
function mark_as_probably ( result ) {
for ( const key of result . keys ( ) ) {
result . set ( key , NodeExist . Probably ) ;
}
}
function loop_child ( children : INode [ ] , adjacent_only : boolean ) {
const result : Map < Element , NodeExist > = new Map ( ) ;
/ * *
* @param { import ( '../nodes/interfaces.js' ) . INode [ ] } children
* @param { boolean } adjacent_only
* /
function loop_child ( children , adjacent_only ) {
/** @type {Map<import('../nodes/Element.js').default, NodeExistsValue>} */
const result = new Map ( ) ;
for ( let i = children . length - 1 ; i >= 0 ; i -- ) {
const child = children [ i ] ;
if ( child . type === 'Element' ) {
@ -751,37 +761,48 @@ function loop_child(children: INode[], adjacent_only: boolean) {
}
class Block {
host : boolean ;
root : boolean ;
combinator : CssNode ;
selectors : CssNode [ ] ;
start : number ;
end : number ;
should_encapsulate : boolean ;
constructor ( combinator : CssNode ) {
/** @type {boolean} */
host ;
/** @type {boolean} */
root ;
/** @type {import('./private.js').CssNode} */
combinator ;
/** @type {import('./private.js').CssNode[]} */
selectors ;
/** @type {number} */
start ;
/** @type {number} */
end ;
/** @type {boolean} */
should_encapsulate ;
/** @param {import('./private.js').CssNode} combinator */
constructor ( combinator ) {
this . combinator = combinator ;
this . host = false ;
this . root = false ;
this . selectors = [ ] ;
this . start = null ;
this . end = null ;
this . should_encapsulate = false ;
}
add ( selector : CssNode ) {
/** @param {import('./private.js').CssNode} selector */
add ( selector ) {
if ( this . selectors . length === 0 ) {
this . start = selector . start ;
this . host = selector . type === 'PseudoClassSelector' && selector . name === 'host' ;
}
this . root = this . root || ( selector . type === 'PseudoClassSelector' && selector . name === 'root' ) ;
this . selectors . push ( selector ) ;
this . end = selector . end ;
}
get global ( ) {
return (
this . selectors . length >= 1 &&
@ -795,12 +816,12 @@ class Block {
}
}
function group_selectors ( selector : CssNode ) {
let block : Block = new Block ( null ) ;
/** @param {import('./private.js').CssNode} selector */
function group_selectors ( selector ) {
/** @type {Block} */
let block = new Block ( null ) ;
const blocks = [ block ] ;
selector . children . forEach ( ( child : CssNode ) = > {
selector . children . forEach ( ( child ) = > {
if ( child . type === 'WhiteSpace' || child . type === 'Combinator' ) {
block = new Block ( child ) ;
blocks . push ( block ) ;
@ -808,6 +829,5 @@ function group_selectors(selector: CssNode) {
block . add ( child ) ;
}
} ) ;
return blocks ;
}
S. Elliott Johnson
3 years ago
committed by
GitHub