add welcome note

app/assets/welcome.note

@@ -0,0 +1 @@
+[{"insert": "Flutter Quill \n"}]

app/lib/main.dart

@@ -1,6 +1,8 @@
-import 'package:app/pages/home_page.dart';
+// import 'package:app/pages/home_page.dart';
 import 'package:flutter/material.dart';
 
+import 'pages/home_page.dart';
+
 void main() {
   runApp(MyApp());
 }

app/lib/pages/home_page.dart

@@ -1,5 +1,15 @@
+import 'dart:convert';
+import 'dart:io';
+
+
 import 'package:flutter/material.dart';
-import 'package:flutter_quill/flutter_quill.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_quill/models/documents/document.dart';
+import 'package:flutter_quill/models/documents/nodes/leaf.dart' as leaf;
+import 'package:flutter_quill/widgets/controller.dart';
+import 'package:flutter_quill/widgets/default_styles.dart';
+import 'package:flutter_quill/widgets/editor.dart';
+
 
 class HomePage extends StatefulWidget {
   @override
@@ -7,66 +17,91 @@ class HomePage extends StatefulWidget {
 }
 
 class _HomePageState extends State<HomePage> {
-  int _counter = 0;
+  QuillController _controller;
+  final FocusNode _focusNode = FocusNode();
+
+  @override
+  void initState() {
+    super.initState();
 
-  void _incrementCounter() {
+    print(Directory.current.path); // /
-    setState(() {
+
-      // This call to setState tells the Flutter framework that something has
+    _loadFromAssets();
-      // changed in this State, which causes it to rerun the build method below
+  }
-      // so that the display can reflect the updated values. If we changed
+
-      // _counter without calling setState(), then the build method would not be
+  Future<void> _loadFromAssets() async {
-      // called again, and so nothing would appear to happen.
+    try {
-      _counter = Calculator().addOne(_counter);
+      final result = await rootBundle.loadString('assets/welcome.note');
-    });
+      final doc = Document.fromJson(jsonDecode(result));
+      setState(() {
+        _controller = QuillController(document: doc, selection: TextSelection.collapsed(offset: 0));
+      });
+    } catch (error) {
+      final doc = Document()..insert(0, 'Empty asset');
+      setState(() {
+        _controller = QuillController(document: doc, selection: TextSelection.collapsed(offset: 0));
+      });
+    }
   }
 
   @override
   Widget build(BuildContext context) {
-    // This method is rerun every time setState is called, for instance as done
+    if (_controller == null) {
-    // by the _incrementCounter method above.
+      return Scaffold(body: Center(child: Text('Loading...')));
-    //
+    }
-    // The Flutter framework has been optimized to make rerunning build methods
+
-    // fast, so that you can just rebuild anything that needs updating rather
-    // than having to individually change instances of widgets.
     return Scaffold(
-      appBar: AppBar(
+        appBar: AppBar(
-        title: Text("Demo Page"),
+          backgroundColor: Colors.grey.shade800,
-      ),
+          elevation: 0,
-      body: Center(
+          centerTitle: false,
-        // Center is a layout widget. It takes a single child and positions it
+          title: Text(
-        // in the middle of the parent.
+            'Flutter Quill',
-        child: Column(
+          ),
-          // Column is also a layout widget. It takes a list of children and
+          actions: [
-          // arranges them vertically. By default, it sizes itself to fit its
-          // children horizontally, and tries to be as tall as its parent.
-          //
-          // Invoke "debug painting" (press "p" in the console, choose the
-          // "Toggle Debug Paint" action from the Flutter Inspector in Android
-          // Studio, or the "Toggle Debug Paint" command in Visual Studio Code)
-          // to see the wireframe for each widget.
-          //
-          // Column has various properties to control how it sizes itself and
-          // how it positions its children. Here we use mainAxisAlignment to
-          // center the children vertically; the main axis here is the vertical
-          // axis because Columns are vertical (the cross axis would be
-          // horizontal).
-          mainAxisAlignment: MainAxisAlignment.center,
-          children: <Widget>[
-            Text(
-              'You have pushed the button this many times:',
-            ),
-            Text(
-              '$_counter',
-              style: Theme.of(context).textTheme.headline4,
-            ),
           ],
         ),
-      ),
+        body: _buildWelcomeEditor(context),
-      floatingActionButton: FloatingActionButton(
+      );
-        onPressed: _incrementCounter,
+  }
-        tooltip: 'Increment',
+
-        child: Icon(Icons.add),
+  Widget _buildWelcomeEditor(BuildContext context) {
-      ), // This trailing comma makes auto-formatting nicer for build methods.
+    return Column(
+      children: [
+        Divider(height: 1, thickness: 1, color: Colors.grey.shade200),
+        Expanded(
+          child: Container(
+            color: Colors.white,
+            padding: const EdgeInsets.only(left: 16.0, right: 16.0),
+            child: QuillEditor(
+              controller: _controller,
+              scrollController: ScrollController(),
+              scrollable: true,
+              focusNode: _focusNode,
+              autoFocus: true,
+              readOnly: true,
+              embedBuilder: _embedBuilder,
+              enableInteractiveSelection: true
+            ),
+          ),
+        ),
+      ],
     );
   }
+
+  Widget _embedBuilder(BuildContext context, leaf.Embed node) {
+    if (node.value.type == 'hr') {
+      final style = QuillStyles.getStyles(context, true);
+      return Divider(
+        height: style.paragraph.style.fontSize * style.paragraph.style.height,
+        thickness: 2,
+        color: Colors.grey.shade200,
+      );
+    }
+    throw UnimplementedError(
+        'Embeddable type "${node.value.type}" is not supported by default embed '
+            'builder of QuillEditor. You must pass your own builder function to '
+            'embedBuilder property of QuillEditor or QuillField widgets.');
+  }
+
 }

app/lib/widgets/field.dart

@@ -81,23 +81,23 @@ class _QuillFieldState extends State<QuillField> {
   @override
   Widget build(BuildContext context) {
     Widget child = QuillEditor(
-      widget.controller,
+      controller: widget.controller,
-      widget.focusNode,
+      focusNode: widget.focusNode,
-      widget.scrollController,
+      scrollController: widget.scrollController,
-      widget.scrollable,
+      scrollable: widget.scrollable,
-      widget.padding,
+      padding: widget.padding,
-      widget.autofocus,
+      autoFocus: widget.autofocus,
-      widget.showCursor,
+      showCursor: widget.showCursor,
-      widget.readOnly,
+      readOnly: widget.readOnly,
-      widget.enableInteractiveSelection,
+      enableInteractiveSelection: widget.enableInteractiveSelection,
-      widget.minHeight,
+      minHeight: widget.minHeight,
-      widget.maxHeight,
+      maxHeight: widget.maxHeight,
-      widget.expands,
+      expands: widget.expands,
-      widget.textCapitalization,
+      textCapitalization: widget.textCapitalization,
-      widget.keyboardAppearance,
+      keyboardAppearance: widget.keyboardAppearance,
-      widget.scrollPhysics,
+      scrollPhysics: widget.scrollPhysics,
-      widget.onLaunchUrl,
+      onLaunchUrl: widget.onLaunchUrl,
-      widget.embedBuilder,
+      embedBuilder: widget.embedBuilder,
     );
 
     if (widget.toolbar != null) {

app/pubspec.lock

@@ -95,6 +95,27 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.8.0-nullsafety.1"
+  quill_delta:
+    dependency: transitive
+    description:
+      name: quill_delta
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.0"
+  quiver:
+    dependency: transitive
+    description:
+      name: quiver
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.1.5"
+  quiver_hashcode:
+    dependency: transitive
+    description:
+      name: quiver_hashcode
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.0"
   sky_engine:
     dependency: transitive
     description: flutter
@@ -142,6 +163,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "0.2.19-nullsafety.2"
+  tuple:
+    dependency: transitive
+    description:
+      name: tuple
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.0.3"
   typed_data:
     dependency: transitive
     description:

app/pubspec.yaml

@@ -50,6 +50,9 @@ flutter:
   # assets:
   #   - images/a_dot_burr.jpeg
   #   - images/a_dot_ham.jpeg
+  assets:
+    - assets/
+
 
   # An image asset can refer to one or more resolution-specific "variants", see
   # https://flutter.dev/assets-and-images/#resolution-aware.

app/test/widget_test.dart

@@ -8,7 +8,10 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_test/flutter_test.dart';
 
-import 'package:app/main.dart';
+import '../lib/main.dart';
+
+// import 'package:app/main.dart';
+
 
 void main() {
   testWidgets('Counter increments smoke test', (WidgetTester tester) async {

lib/widgets/controller.dart

@@ -13,7 +13,7 @@ class QuillController extends ChangeNotifier {
   TextSelection selection;
   Style toggledStyle = Style();
 
-  QuillController(this.document, this.selection, this.toggledStyle)
+  QuillController({@required this.document, @required this.selection, this.toggledStyle})
       : assert(document != null),
         assert(selection != null);
 

lib/widgets/editor.dart

@@ -89,15 +89,15 @@ class QuillEditor extends StatefulWidget {
   final ValueChanged<String> onLaunchUrl;
   final EmbedBuilder embedBuilder;
 
-  QuillEditor(
+  QuillEditor({
-      this.controller,
+  @required this.controller,
       this.focusNode,
-      this.scrollController,
+  @required this.scrollController,
-      this.scrollable,
+  @required this.scrollable,
       this.padding,
-      this.autoFocus,
+  @required this.autoFocus,
       this.showCursor,
-      this.readOnly,
+  @required this.readOnly,
       this.enableInteractiveSelection,
       this.minHeight,
       this.maxHeight,
@@ -106,7 +106,7 @@ class QuillEditor extends StatefulWidget {
       this.keyboardAppearance,
       this.scrollPhysics,
       this.onLaunchUrl,
-      this.embedBuilder)
+  @required this.embedBuilder})
       : assert(controller != null),
         assert(scrollController != null),
         assert(scrollable != null),