Add Text element

Author: leocavalcante

lib/body_element.dart

@@ -0,0 +1,4 @@
+abstract class BodyElement {
+  String get type;
+  Map<String, dynamic> toMap();
+}

lib/canvas.dart

@@ -1,10 +1,21 @@
+import 'body_element.dart';
+
 class Canvas {
   String backgroundColor;
   List<String> bodyElementIds;
+  List<BodyElement> bodyElements;
   bool isHidden = false;
   bool isPublished = false;
   String name;
 
+  Canvas({
+    this.backgroundColor,
+    this.bodyElementIds,
+    this.isHidden,
+    this.isPublished,
+    this.name,
+  });
+
   Map<String, dynamic> toMap() {
     return {
       'background_color': backgroundColor,

lib/facebook_canvas.dart

@@ -1,3 +1,7 @@
 library facebook_canvas;
 
-export 'canvas.dart';
+export 'body_element.dart';
+export 'inline_style.dart';
+export 'rich_text.dart';
+export 'text.dart';
+export 'canvas.dart';

lib/inline_style.dart

@@ -0,0 +1,19 @@
+class InlineStyle {
+  int length;
+  int offset;
+  String style;
+
+  InlineStyle({
+    this.length,
+    this.offset,
+    this.style,
+  });
+
+  Map<String, dynamic> toMap() {
+    return {
+      'length': length,
+      'offset': offset,
+      'style': style,
+    };
+  }
+}

lib/rich_text.dart

@@ -0,0 +1,16 @@
+import 'inline_style.dart';
+
+class RichText {
+  List<InlineStyle> inlineStyles;
+  String plainText;
+
+  RichText(this.plainText, [this.inlineStyles = const []]);
+
+  Map<String, dynamic> toMap() {
+    return {
+      'inline_styles':
+          inlineStyles.map((inlineStyle) => inlineStyle?.toMap()).toList(),
+      'plain_text': plainText,
+    };
+  }
+}

lib/text.dart

@@ -0,0 +1,54 @@
+import 'rich_text.dart';
+import 'body_element.dart';
+
+enum TextAlignment {
+  left,
+  center,
+  right,
+}
+
+class Text implements BodyElement {
+  String type = 'canvas_text';
+
+  String backgroundColor;
+  double bottomPadding;
+  String fontFamily;
+  int fontSize;
+  double lineHeight;
+  String name;
+  RichText richText;
+  TextAlignment textAlignment;
+  String textColor;
+  double topPadding;
+
+  Text({
+    this.backgroundColor,
+    this.bottomPadding,
+    this.fontFamily,
+    this.fontSize,
+    this.lineHeight,
+    this.name,
+    this.richText,
+    this.textAlignment = TextAlignment.center,
+    this.textColor,
+    this.topPadding,
+  });
+
+  Map<String, dynamic> toMap() {
+    return {
+      'background_color': backgroundColor,
+      'bottom_padding': bottomPadding,
+      'font_family': fontFamily,
+      'font_size': fontSize,
+      'line_height': lineHeight,
+      'name': name,
+      'rich_text': richText?.toMap(),
+      'text_alignment': textAlignment
+          .toString()
+          .substring('TextAlignment.'.length)
+          .toUpperCase(),
+      'text_color': textColor,
+      'top_padding': topPadding,
+    };
+  }
+}

pubspec.yaml

@@ -1,3 +1,6 @@
 name: facebook_canvas
 version: 0.1.0
 description: Facebook Canvas elements in Dart.
+
+dev_dependencies:
+  test:

test/text_test.dart

@@ -0,0 +1,14 @@
+import 'package:test/test.dart';
+
+import 'package:facebook_canvas/text.dart';
+
+void main() {
+  test('.toMap()', () {
+    final text = new Text();
+    text.textAlignment = TextAlignment.center;
+
+    final map = text.toMap();
+
+    expect(map['text_alignment'], equals('CENTER'));
+  });
+}