| // Copyright (c) 2013, the Dart project authors. Please see the AUTHORS file |
| // for details. All rights reserved. Use of this source code is governed by a |
| // BSD-style license that can be found in the LICENSE file. |
| |
| part of '../parser.dart'; |
| |
| /// CSS polyfill emits CSS to be understood by older parsers that which do not |
| /// understand (var, calc, etc.). |
| class PolyFill { |
| final Messages _messages; |
| Map<String, VarDefinition> _allVarDefinitions = <String, VarDefinition>{}; |
| |
| Set<StyleSheet> allStyleSheets = <StyleSheet>{}; |
| |
| /// [_pseudoElements] list of known pseudo attributes found in HTML, any |
| /// CSS pseudo-elements 'name::custom-element' is mapped to the manged name |
| /// associated with the pseudo-element key. |
| PolyFill(this._messages); |
| |
| /// Run the analyzer on every file that is a style sheet or any component that |
| /// has a style tag. |
| void process(StyleSheet styleSheet, {List<StyleSheet>? includes}) { |
| if (includes != null) { |
| processVarDefinitions(includes); |
| } |
| processVars(styleSheet); |
| |
| // Remove all var definitions for this style sheet. |
| _RemoveVarDefinitions().visitTree(styleSheet); |
| } |
| |
| /// Process all includes looking for var definitions. |
| void processVarDefinitions(List<StyleSheet> includes) { |
| for (var include in includes) { |
| _allVarDefinitions = (_VarDefinitionsIncludes(_allVarDefinitions) |
| ..visitTree(include)) |
| .varDefs; |
| } |
| } |
| |
| void processVars(StyleSheet styleSheet) { |
| // Build list of all var definitions. |
| var mainStyleSheetVarDefs = (_VarDefAndUsage(_messages, _allVarDefinitions) |
| ..visitTree(styleSheet)) |
| .varDefs; |
| |
| // Resolve all definitions to a non-VarUsage (terminal expression). |
| mainStyleSheetVarDefs.forEach((key, value) { |
| for (var _ in (value.expression as Expressions).expressions) { |
| mainStyleSheetVarDefs[key] = |
| _findTerminalVarDefinition(_allVarDefinitions, value); |
| } |
| }); |
| } |
| } |
| |
| /// Build list of all var definitions in all includes. |
| class _VarDefinitionsIncludes extends Visitor { |
| final Map<String, VarDefinition> varDefs; |
| |
| _VarDefinitionsIncludes(this.varDefs); |
| |
| @override |
| void visitTree(StyleSheet tree) { |
| visitStyleSheet(tree); |
| } |
| |
| @override |
| void visitVarDefinition(VarDefinition node) { |
| // Replace with latest variable definition. |
| varDefs[node.definedName] = node; |
| super.visitVarDefinition(node); |
| } |
| |
| @override |
| void visitVarDefinitionDirective(VarDefinitionDirective node) { |
| visitVarDefinition(node.def); |
| } |
| } |
| |
| /// Find var- definitions in a style sheet. |
| /// [found] list of known definitions. |
| class _VarDefAndUsage extends Visitor { |
| final Messages _messages; |
| final Map<String, VarDefinition> _knownVarDefs; |
| final varDefs = <String, VarDefinition>{}; |
| |
| VarDefinition? currVarDefinition; |
| List<Expression>? currentExpressions; |
| |
| _VarDefAndUsage(this._messages, this._knownVarDefs); |
| |
| @override |
| void visitTree(StyleSheet tree) { |
| visitStyleSheet(tree); |
| } |
| |
| @override |
| void visitVarDefinition(VarDefinition node) { |
| // Replace with latest variable definition. |
| currVarDefinition = node; |
| |
| _knownVarDefs[node.definedName] = node; |
| varDefs[node.definedName] = node; |
| |
| super.visitVarDefinition(node); |
| |
| currVarDefinition = null; |
| } |
| |
| @override |
| void visitVarDefinitionDirective(VarDefinitionDirective node) { |
| visitVarDefinition(node.def); |
| } |
| |
| @override |
| void visitExpressions(Expressions node) { |
| currentExpressions = node.expressions; |
| super.visitExpressions(node); |
| currentExpressions = null; |
| } |
| |
| @override |
| void visitVarUsage(VarUsage node) { |
| if (currVarDefinition != null && currVarDefinition!.badUsage) return; |
| |
| // Don't process other var() inside of a varUsage. That implies that the |
| // default is a var() too. Also, don't process any var() inside of a |
| // varDefinition (they're just place holders until we've resolved all real |
| // usages. |
| var expressions = currentExpressions; |
| var index = expressions!.indexOf(node); |
| assert(index >= 0); |
| var def = _knownVarDefs[node.name]; |
| if (def != null) { |
| if (def.badUsage) { |
| // Remove any expressions pointing to a bad var definition. |
| expressions.removeAt(index); |
| return; |
| } |
| _resolveVarUsage(currentExpressions!, index, |
| _findTerminalVarDefinition(_knownVarDefs, def)); |
| } else if (node.defaultValues.any((e) => e is VarUsage)) { |
| // Don't have a VarDefinition need to use default values resolve all |
| // default values. |
| var terminalDefaults = <Expression>[]; |
| for (var defaultValue in node.defaultValues) { |
| terminalDefaults.addAll(resolveUsageTerminal(defaultValue as VarUsage)); |
| } |
| expressions.replaceRange(index, index + 1, terminalDefaults); |
| } else if (node.defaultValues.isNotEmpty) { |
| // No VarDefinition but default value is a terminal expression; use it. |
| expressions.replaceRange(index, index + 1, node.defaultValues); |
| } else { |
| if (currVarDefinition != null) { |
| currVarDefinition!.badUsage = true; |
| var mainStyleSheetDef = varDefs[node.name]; |
| if (mainStyleSheetDef != null) { |
| varDefs.remove(currVarDefinition!.property); |
| } |
| } |
| // Remove var usage that points at an undefined definition. |
| expressions.removeAt(index); |
| _messages.warning('Variable is not defined.', node.span); |
| } |
| |
| var oldExpressions = currentExpressions; |
| currentExpressions = node.defaultValues; |
| super.visitVarUsage(node); |
| currentExpressions = oldExpressions; |
| } |
| |
| List<Expression> resolveUsageTerminal(VarUsage usage) { |
| var result = <Expression>[]; |
| |
| var varDef = _knownVarDefs[usage.name]; |
| List<Expression> expressions; |
| if (varDef == null) { |
| // VarDefinition not found try the defaultValues. |
| expressions = usage.defaultValues; |
| } else { |
| // Use the VarDefinition found. |
| expressions = (varDef.expression as Expressions).expressions; |
| } |
| |
| for (var expr in expressions) { |
| if (expr is VarUsage) { |
| // Get terminal value. |
| result.addAll(resolveUsageTerminal(expr)); |
| } |
| } |
| |
| // We're at a terminal just return the VarDefinition expression. |
| if (result.isEmpty && varDef != null) { |
| result = (varDef.expression as Expressions).expressions; |
| } |
| |
| return result; |
| } |
| |
| void _resolveVarUsage( |
| List<Expression> expressions, int index, VarDefinition def) { |
| var defExpressions = (def.expression as Expressions).expressions; |
| expressions.replaceRange(index, index + 1, defExpressions); |
| } |
| } |
| |
| /// Remove all var definitions. |
| class _RemoveVarDefinitions extends Visitor { |
| @override |
| void visitTree(StyleSheet tree) { |
| visitStyleSheet(tree); |
| } |
| |
| @override |
| void visitStyleSheet(StyleSheet ss) { |
| ss.topLevels.removeWhere((e) => e is VarDefinitionDirective); |
| super.visitStyleSheet(ss); |
| } |
| |
| @override |
| void visitDeclarationGroup(DeclarationGroup node) { |
| node.declarations.removeWhere((e) => e is VarDefinition); |
| super.visitDeclarationGroup(node); |
| } |
| } |
| |
| /// Find terminal definition (non VarUsage implies real CSS value). |
| VarDefinition _findTerminalVarDefinition( |
| Map<String, VarDefinition> varDefs, VarDefinition varDef) { |
| var expressions = varDef.expression as Expressions; |
| for (var expr in expressions.expressions) { |
| if (expr is VarUsage) { |
| var usageName = expr.name; |
| var foundDef = varDefs[usageName]; |
| |
| // If foundDef is unknown check if defaultValues; if it exist then resolve |
| // to terminal value. |
| if (foundDef == null) { |
| // We're either a VarUsage or terminal definition if in varDefs; |
| // either way replace VarUsage with it's default value because the |
| // VarDefinition isn't found. |
| var defaultValues = expr.defaultValues; |
| var replaceExprs = expressions.expressions; |
| assert(replaceExprs.length == 1); |
| replaceExprs.replaceRange(0, 1, defaultValues); |
| return varDef; |
| } |
| return _findTerminalVarDefinition(varDefs, foundDef); |
| } else { |
| // Return real CSS property. |
| return varDef; |
| } |
| } |
| |
| // Didn't point to a var definition that existed. |
| return varDef; |
| } |