| // Copyright 2014 The Flutter Authors. All rights reserved. | |
| // Use of this source code is governed by a BSD-style license that can be | |
| // found in the LICENSE file. | |
| import 'template.dart'; | |
| import 'token_logger.dart'; | |
| class MotionTemplate extends TokenTemplate { | |
| /// Since we generate the tokens dynamically, we need to store them and log | |
| /// them manually, instead of using [getToken]. | |
| MotionTemplate(String blockName, String fileName, this.tokens, this.tokensLogger) | |
| : super(blockName, fileName, tokens); | |
| Map<String, dynamic> tokens; | |
| TokenLogger tokensLogger; | |
| // List of duration tokens. | |
| late List<MapEntry<String, dynamic>> durationTokens = | |
| tokens.entries | |
| .where((MapEntry<String, dynamic> entry) => entry.key.contains('.duration.')) | |
| .toList() | |
| ..sort( | |
| (MapEntry<String, dynamic> a, MapEntry<String, dynamic> b) => | |
| (a.value as double).compareTo(b.value as double), | |
| ); | |
| // List of easing curve tokens. | |
| late List<MapEntry<String, dynamic>> easingCurveTokens = | |
| tokens.entries | |
| .where((MapEntry<String, dynamic> entry) => entry.key.contains('.easing.')) | |
| .toList() | |
| ..sort( | |
| // Sort the legacy curves at the end of the list. | |
| (MapEntry<String, dynamic> a, MapEntry<String, dynamic> b) => | |
| a.key.contains('legacy') ? 1 : a.key.compareTo(b.key), | |
| ); | |
| String durationTokenString(String token, dynamic tokenValue) { | |
| tokensLogger.log(token); | |
| final String tokenName = token.split('.').last.replaceAll('-', '').replaceFirst('Ms', ''); | |
| final int milliseconds = (tokenValue as double).toInt(); | |
| return ''' | |
| /// The $tokenName duration (${milliseconds}ms) in the Material specification. | |
| /// | |
| /// See also: | |
| /// | |
| /// * [M3 guidelines: Duration tokens](https://m3.material.io/styles/motion/easing-and-duration/tokens-specs#c009dec6-f29b-4503-b9f0-482af14a8bbd) | |
| /// * [M3 guidelines: Applying easing and duration](https://m3.material.io/styles/motion/easing-and-duration/applying-easing-and-duration) | |
| static const Duration $tokenName = Duration(milliseconds: $milliseconds); | |
| '''; | |
| } | |
| String easingCurveTokenString(String token, dynamic tokenValue) { | |
| tokensLogger.log(token); | |
| final String tokenName = token.replaceFirst('md.sys.motion.easing.', '').replaceAllMapped( | |
| RegExp(r'[-\.](\w)'), | |
| (Match match) { | |
| return match.group(1)!.toUpperCase(); | |
| }, | |
| ); | |
| return ''' | |
| /// The $tokenName easing curve in the Material specification. | |
| /// | |
| /// See also: | |
| /// | |
| /// * [M3 guidelines: Easing tokens](https://m3.material.io/styles/motion/easing-and-duration/tokens-specs#433b1153-2ea3-4fe2-9748-803a47bc97ee) | |
| /// * [M3 guidelines: Applying easing and duration](https://m3.material.io/styles/motion/easing-and-duration/applying-easing-and-duration) | |
| static const Curve $tokenName = $tokenValue; | |
| '''; | |
| } | |
| @override | |
| String generate() => | |
| ''' | |
| /// The set of durations in the Material specification. | |
| /// | |
| /// See also: | |
| /// | |
| /// * [M3 guidelines: Duration tokens](https://m3.material.io/styles/motion/easing-and-duration/tokens-specs#c009dec6-f29b-4503-b9f0-482af14a8bbd) | |
| /// * [M3 guidelines: Applying easing and duration](https://m3.material.io/styles/motion/easing-and-duration/applying-easing-and-duration) | |
| abstract final class Durations { | |
| ${durationTokens.map((MapEntry<String, dynamic> entry) => durationTokenString(entry.key, entry.value)).join('\n')}} | |
| // TODO(guidezpl): Improve with description and assets, b/289870605 | |
| /// The set of easing curves in the Material specification. | |
| /// | |
| /// See also: | |
| /// | |
| /// * [M3 guidelines: Easing tokens](https://m3.material.io/styles/motion/easing-and-duration/tokens-specs#433b1153-2ea3-4fe2-9748-803a47bc97ee) | |
| /// * [M3 guidelines: Applying easing and duration](https://m3.material.io/styles/motion/easing-and-duration/applying-easing-and-duration) | |
| /// * [Curves], for a collection of non-Material animation easing curves. | |
| abstract final class Easing { | |
| ${easingCurveTokens.map((MapEntry<String, dynamic> entry) => easingCurveTokenString(entry.key, entry.value)).join('\n')}} | |
| '''; | |
| } |