Skip to content
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Initial implementation of a division migrator
This adds a new migrator that migrates the `/` operator to the division
function.

By default, this migrator migrates only cases where the `/` is known to
be division. In cases the `/` could be division, but whether it is
division is not statically known, a warning is emitted instead. The
`--aggressive` flag can be used to migrate cases like `3 / $x + 1`, `3 /
$x - 1`, and `fn() / 3` by assuming that `+` and `-` always operate on
numbers and that function calls in an expression with `/` always return
numbers.
  • Loading branch information
jathak committed Apr 17, 2019
commit 6156b067f42592e2b1d480b7aea9369a34c1676c
2 changes: 2 additions & 0 deletions lib/runner.dart
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@ import 'dart:io';
import 'package:args/command_runner.dart';
import 'package:path/path.dart' as p;

import 'src/migrators/division.dart';
import 'src/migrators/module.dart';

/// A command runner that runs a migrator based on provided arguments.
Expand All @@ -26,6 +27,7 @@ class MigratorRunner extends CommandRunner<Map<Uri, String>> {
argParser.addFlag('verbose',
abbr: 'v',
help: 'Print text of migrated files when running with --dry-run.');
addCommand(DivisionMigrator());
addCommand(ModuleMigrator());
}

Expand Down
208 changes: 208 additions & 0 deletions lib/src/migrators/division.dart
Original file line number Diff line number Diff line change
@@ -0,0 +1,208 @@
// Copyright 2018 Google LLC
//
// Use of this source code is governed by an MIT-style
// license that can be found in the LICENSE file or at
// https://opensource.org/licenses/MIT.

import 'package:args/args.dart';

// The sass package's API is not necessarily stable. It is being imported with
// the Sass team's explicit knowledge and approval. See
// https://github.com/sass/dart-sass/issues/236.
import 'package:sass/src/ast/sass.dart';

import 'package:sass_migrator/src/migration_visitor.dart';
import 'package:sass_migrator/src/migrator.dart';
import 'package:sass_migrator/src/patch.dart';
import 'package:sass_migrator/src/utils.dart';

/// Migrates stylesheets that use the `/` operator for division to use the
/// `divide` function instead.
class DivisionMigrator extends Migrator {
final name = "division";
final description =
"Migrates from the / division operator to the divide function";

@override
final argParser = ArgParser()
..addFlag('aggressive',
abbr: 'a',
help: r"If set, expressions like '$x/3 + 1', '$x/3 - 1', and 'fn()/3' "
"will be migrated.");

bool get isAggressive => argResults['aggressive'] as bool;

Map<Uri, String> migrateFile(Uri entrypoint) =>
_DivisionMigrationVisitor(this.isAggressive, migrateDependencies)
.run(entrypoint);
}

class _DivisionMigrationVisitor extends MigrationVisitor {
final bool isAggressive;

_DivisionMigrationVisitor(this.isAggressive, bool migrateDependencies)
: super(migrateDependencies: migrateDependencies);

/// True when division is allowed by the context the current node is in.
bool _isDivisionAllowed = false;

/// True when the current node is expected to evaluate to a number.
bool _expectsNumericResult = false;

/// If this is a division operation, migrates it.
///
/// If this is any other operator, allows division within its left and right
/// operands.
@override
void visitBinaryOperationExpression(BinaryOperationExpression node) {
if (node.operator == BinaryOperator.dividedBy) {
if (shouldMigrate(node)) {
addPatch(patchBefore(node, "divide("));
patchSlashToComma(node);
addPatch(patchAfter(node, ")"));
}
super.visitBinaryOperationExpression(node);
} else {
withContext(
true,
_expectsNumericResult || operatesOnNumbers(node.operator),
() => super.visitBinaryOperationExpression(node));
}
}

/// Disallows division within this list.
@override
void visitListExpression(ListExpression node) {
withContext(
false, _expectsNumericResult, () => super.visitListExpression(node));
}

/// If this parenthesized expression contains a division operation, migrates
/// it using the parentheses that already exist.
@override
void visitParenthesizedExpression(ParenthesizedExpression node) {
var expression = node.expression;
if (expression is BinaryOperationExpression &&
expression.operator == BinaryOperator.dividedBy) {
withContext(true, _expectsNumericResult, () {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You can avoid some repetition and extra nesting by bringing withContext() to the root of the method:

void visitParenthesizedExpression(ParenthesizedExpression node) {
  withContext(true, _expectsNumericResult, () {
    var expression = node.expression;
    if (expression is BinaryOperationExpression &&
        expression.operator == BinaryOperator.dividedBy &&
        shouldMigrate(expression)) {
      addPatch(patchBefore(node, "divide"));
      patchSlashToComma(expression);
      super.visitBinaryOperationExpression(expression);
    } else {
      super.visitParenthesizedExpression(node);
    }
  });
}

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I moved _withContext to the root of the method, but left the _shouldMigrate check as its own if statement, since combining it in this way will cause it to be called a second time on the same expression in visitBinaryOperationExpression, which would output duplicate warnings.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ideally, these methods that return booleans wouldn't also produce side effects... is there a way you can make that work? If it's too complicated, though, that's fine.

if (shouldMigrate(expression)) {
addPatch(patchBefore(node, "divide"));
patchSlashToComma(expression);
}
super.visitBinaryOperationExpression(expression);
});
return;
}
withContext(true, _expectsNumericResult,
() => super.visitParenthesizedExpression(node));
}

/// Allows division within this return rule.
@override
void visitReturnRule(ReturnRule node) {
withContext(true, _expectsNumericResult, () => super.visitReturnRule(node));
}

/// Allows division within this variable declaration.
@override
void visitVariableDeclaration(VariableDeclaration node) {
withContext(true, _expectsNumericResult,
() => super.visitVariableDeclaration(node));
}

/// Returns true if we assume that [operator] always returns a number.
///
/// This is always true for * and %, and it's true for + and - as long as the
/// aggressive option is enabled.
bool returnsNumbers(BinaryOperator operator) =>
operator == BinaryOperator.times ||
operator == BinaryOperator.modulo ||
isAggressive &&
(operator == BinaryOperator.plus || operator == BinaryOperator.minus);

/// Returns true if we assume that [operator] always operators on numbers.
///
/// This is always true for *, %, <, <=, >, and >=, and it's true for +, -,
/// ==, and != as long as the aggressive option is enabled.
bool operatesOnNumbers(BinaryOperator operator) =>
returnsNumbers(operator) ||
operator == BinaryOperator.lessThan ||
operator == BinaryOperator.lessThanOrEquals ||
operator == BinaryOperator.greaterThan ||
operator == BinaryOperator.greaterThanOrEquals ||
isAggressive &&
(operator == BinaryOperator.equals ||
operator == BinaryOperator.notEquals);

/// Returns true if [node] should be treated as division and migrated.
///
/// Warns if division is allowed but it's unclear whether or not all types
/// are numeric.
bool shouldMigrate(BinaryOperationExpression node) {
if (!_isDivisionAllowed && onlySlash(node)) {
return false;
}
if (hasNonNumber(node)) return false;
if (_expectsNumericResult || _allNumeric(node)) return true;
warn("Could not determine whether this is division", node.span);
return false;
}

/// Returns true if [node] is entirely composed of number literals and slash
/// operations.
bool onlySlash(Expression node) {
if (node is NumberExpression) return true;
if (node is BinaryOperationExpression) {
return node.operator == BinaryOperator.dividedBy &&
onlySlash(node.left) &&
onlySlash(node.right);
}
return false;
}

/// Returns true if [node] is believed to always evaluate to a number.
bool _allNumeric(Expression node) {
if (node is NumberExpression) return true;
if (node is ParenthesizedExpression) return _allNumeric(node.expression);
if (node is UnaryOperationExpression) return _allNumeric(node.operand);
if (node is FunctionExpression) return isAggressive;
if (node is BinaryOperationExpression) {
return returnsNumbers(node.operator) ||
(_allNumeric(node.left) && _allNumeric(node.right));
}
return false;
}

/// Returns true if [node] contains a subexpression known to not be a number.
bool hasNonNumber(Expression node) {
if (node is ParenthesizedExpression) return hasNonNumber(node.expression);
if (node is BinaryOperationExpression) {
return hasNonNumber(node.left) || hasNonNumber(node.right);
}
return node is BooleanExpression ||
node is ColorExpression ||
node is ListExpression ||
node is MapExpression ||
node is NullExpression ||
node is StringExpression;
}

/// Adds a patch replacing the operator of [node] with ", ".
void patchSlashToComma(BinaryOperationExpression node) {
var start = node.left.span.end;
var end = node.right.span.start;
addPatch(Patch(start.file.span(start.offset, end.offset), ", "));
}

/// Runs [operation] with the given context.
void withContext(
bool isDivisionAllowed, bool expectsNumericResult, void operation()) {
var previousDivisionAllowed = _isDivisionAllowed;
var previousNumericResult = _expectsNumericResult;
_isDivisionAllowed = isDivisionAllowed;
_expectsNumericResult = expectsNumericResult;
operation();
_isDivisionAllowed = previousDivisionAllowed;
_expectsNumericResult = previousNumericResult;
}
}
37 changes: 37 additions & 0 deletions test/migrators/division/always_division.hrx
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
<==> input/entrypoint.scss
@function six-divided-by-three() {
@return 6px / 3px;
}

a {
b: (4px + 2px) / 3px;
c: 6px/3px + 1;
d: (6px / 3px);
e: 6px / (2px + 1px) / 2;
$f: 6px / 3px;

// * and % always return numbers, so we can assume division here
g: (3 * $x) / 4;
h: (3 / $x) % 4;
// < and similar operators always operate on numbers
i: 3 / $x < 1;
}

<==> output/entrypoint.scss
@function six-divided-by-three() {
@return divide(6px, 3px);
}

a {
b: divide((4px + 2px), 3px);
c: divide(6px, 3px) + 1;
d: divide(6px, 3px);
e: divide(divide(6px, (2px + 1px)), 2);
$f: divide(6px, 3px);

// * and % always return numbers, so we can assume division here
g: divide((3 * $x), 4);
h: divide(3, $x) % 4;
// < and similar operators always operate on numbers
i: divide(3, $x) < 1;
}
35 changes: 35 additions & 0 deletions test/migrators/division/maybe_division.hrx
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
<==> input/entrypoint.scss
a {
b: (3 / $x) + 4;
c: 3 / $x - 4;
d: 3 / $x == 4;
e: fn() / 3;
f: 3 / $x;
}

<==> log.txt
line 2, column 7 of $TEST_DIR/entrypoint.scss: WARNING - Could not determine whether this is division
,
2 | b: (3 / $x) + 4;
| ^^^^^^
'
line 3, column 6 of $TEST_DIR/entrypoint.scss: WARNING - Could not determine whether this is division
,
3 | c: 3 / $x - 4;
| ^^^^^^
'
line 4, column 6 of $TEST_DIR/entrypoint.scss: WARNING - Could not determine whether this is division
,
4 | d: 3 / $x == 4;
| ^^^^^^
'
line 5, column 6 of $TEST_DIR/entrypoint.scss: WARNING - Could not determine whether this is division
,
5 | e: fn() / 3;
| ^^^^^^^^
'
line 6, column 6 of $TEST_DIR/entrypoint.scss: WARNING - Could not determine whether this is division
,
6 | f: 3 / $x;
| ^^^^^^
'
27 changes: 27 additions & 0 deletions test/migrators/division/maybe_division_aggressive.hrx
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
<==> arguments
--aggressive

<==> input/entrypoint.scss
a {
b: (3 / $x) + 4;
c: 3 / $x - 4;
d: 3 / $x == 4;
e: fn() / 3;
f: 3 / $x;
}

<==> output/entrypoint.scss
a {
b: divide(3, $x) + 4;
c: divide(3, $x) - 4;
d: divide(3, $x) == 4;
e: divide(fn(), 3);
f: 3 / $x;
}

<==> log.txt
line 6, column 6 of $TEST_DIR/entrypoint.scss: WARNING - Could not determine whether this is division
,
6 | f: 3 / $x;
| ^^^^^^
'
9 changes: 9 additions & 0 deletions test/migrators/division/never_division.hrx
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
<==> input/entrypoint.scss
a {
b: 6px / 3px;
c: 6px / 3px / 2;
d: #{4px + 2px} / 3px;
e: bold 6px/3px sans-serif;
f: (bold 6px/3px sans-serif);
g: (six / three);
}
11 changes: 11 additions & 0 deletions test/migrators/division_test.dart
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
// Copyright 2019 Google LLC
//
// Use of this source code is governed by an MIT-style
// license that can be found in the LICENSE file or at
// https://opensource.org/licenses/MIT.

import '../migrator_utils.dart';

main() {
testMigrator("division");
}