Changing window.requestLayoutFrame into a microtask API

samples/swarm/swarm_ui_lib/view/PagedViews.dart

 // Copyright (c) 2011, 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 view;
 
 class PageState {
   final ObservableValue<int> current;
   final ObservableValue<int> target;
   final ObservableValue<int> length;
@@ skipping 117 matching lines @@
     return node;
   }
 
   int _getViewLength(Element element) {
     return _computePageSize(element) * pages.length.value;
   }
 
   // TODO(jmesserly): would be better to not have this code in enterDocument.
   // But we need computedStyle to read our CSS properties.
   void enterDocument() {
-    contentView.node.computedStyle.then((CssStyleDeclaration style) {
+    window.setImmediate(() {
+      var style = contentView.node.getComputedStyle();
       _computeColumnGap(style);
 
       // Trigger a fake resize event so we measure our height.
       windowResized();
 
       // Hook img onload events, so we find out about changes in content size
       for (ImageElement img in contentView.node.queryAll("img")) {
         if (!img.complete) {
           img.on.load.add((e) {
             _updatePageCount(null);
@@ skipping 26 matching lines @@
     return double.parse(value).round().toInt();
   }
 
   /** Watch for resize and update page count. */
   void windowResized() {
     // TODO(jmesserly): verify we aren't triggering unnecessary layouts.
 
     // The content needs to have its height explicitly set, or columns don't
     // flow to the right correctly. So we copy our own height and set the height
     // of the content.
-    window.requestLayoutFrame(() {
+    window.setImmediate(() {
       contentView.node.style.height = '${node.offsetHeight}px';
     });
     _updatePageCount(null);
   }
 
   bool _updatePageCount(Callback callback) {
     int pageLength = 1;
-    window.requestLayoutFrame(() {
+    window.setImmediate(() {
       if (_container.scrollWidth > _container.offsetWidth) {
         pageLength = (_container.scrollWidth / _computePageSize(_container))
             .ceil().toInt();
       }
       pageLength = Math.max(pageLength, 1);
 
       int oldPage = pages.target.value;
       int newPage = Math.min(oldPage, pageLength - 1);
 
       // Hacky: make sure a change event always fires.
       // This is so we adjust the 3d transform after resize.
       if (oldPage == newPage) {
         pages.target.value = 0;
       }
       assert(newPage < pageLength);
       pages.target.value = newPage;
       pages.length.value = pageLength;
       if (callback != null) {
         callback();
       }
     });
   }
 
   void _onContentMoved(Event e) {
-    window.requestLayoutFrame(() {
+    window.setImmediate(() {
       num current = scroller.contentOffset.x;
       int pageSize = _computePageSize(_container);
       pages.current.value = -(current / pageSize).round().toInt();
     });
   }
 
   void _snapToPage(Event e) {
     num current = scroller.contentOffset.x;
     num currentTarget = scroller.currentTarget.x;
-    window.requestLayoutFrame(() {
+    window.setImmediate(() {
       int pageSize = _computePageSize(_container);
       int destination;
       num currentPageNumber = -(current / pageSize).round();
       num pageNumber = -currentTarget / pageSize;
       if (current == currentTarget) {
         // User was just static dragging so round to the nearest page.
         pageNumber = pageNumber.round();
       } else {
         if (currentPageNumber == pageNumber.round() &&
           (pageNumber - currentPageNumber).abs() > MIN_THROW_PAGE_FRACTION &&
@@ skipping 31 matching lines @@
         (_viewportSize + _columnGap) ~/ (_columnWidth + _columnGap));
 
     // Divide up the viewport between the columns.
     int columnSize = (_viewportSize - (perPage - 1) * _columnGap) ~/ perPage;
 
     // Finally, compute how big each page is, and how far to translate.
     return perPage * (columnSize + _columnGap);
   }
 
   void _onPageSelected() {
-    window.requestLayoutFrame(() {
+    window.setImmediate(() {
       int translate = -pages.target.value * _computePageSize(_container);
       scroller.throwTo(translate, 0);
     });
   }
 }