From a328df86342000dbed7c5d0271708939144db67b Mon Sep 17 00:00:00 2001
From: Eric Seidel <eseidel@chromium.org>
Date: Wed, 27 May 2015 11:05:42 -0700
Subject: [PATCH] Make it possible to draw Text in the new window/document-less
 world

I had to add back document.createText() since new Text()
does not work in the new world yet.

LayoutRoot is a new Dart-exposed class which holds the Frame and
all associated machinery, sufficient to trigger a restyle
and layout of the subtree.

This is all kinda hacky and I'm sure likely to cause many
crashes if folks call random methods on these disconnected
trees.

But this makes it at least possible to paint text for now
and we can improve this in the coming days.

This really should have Adam's review.  It's hugely hacky
but I'd like to negotiate out with him the timeline on
which we should fix some of these hacks.

R=ianh@google.com
TBR=abarth@chromium.org

Review URL: https://codereview.chromium.org/1148253003
---
 .../src/flutter/examples/spinning_arabic.dart | 47 +++++++++++++++++++
 1 file changed, 47 insertions(+)
 create mode 100644 engine/src/flutter/examples/spinning_arabic.dart

diff --git a/engine/src/flutter/examples/spinning_arabic.dart b/engine/src/flutter/examples/spinning_arabic.dart
new file mode 100644
index 00000000000..843c570d8eb
--- /dev/null
+++ b/engine/src/flutter/examples/spinning_arabic.dart
@@ -0,0 +1,47 @@
+// Copyright 2015 The Chromium 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 "dart:math" as math;
+import 'dart:sky';
+
+double timeBase = null;
+LayoutRoot layoutRoot = new LayoutRoot();
+
+void beginFrame(double timeStamp) {
+  if (timeBase == null)
+    timeBase = timeStamp;
+  double delta = timeStamp - timeBase;
+  PictureRecorder canvas = new PictureRecorder(view.width, view.height);
+  canvas.translate(view.width / 2.0, view.height / 2.0);
+  canvas.rotateDegrees(delta / 10);
+  canvas.drawRect(new Rect()..setLTRB(-100.0, -100.0, 100.0, 100.0),
+                  new Paint()..setARGB(255, 0, 255, 0));
+
+  double sin = math.sin(delta / 200);
+  layoutRoot.maxWidth = 150.0 + (50 * sin);
+  layoutRoot.layout();
+
+  canvas.translate(layoutRoot.maxWidth / -2.0, (layoutRoot.maxWidth / 2.0) - 125);
+  layoutRoot.paint(canvas);
+
+  view.picture = canvas.endRecording();
+  view.scheduleFrame();
+}
+
+void main() {
+  var document = new Document();
+  var arabic = document.createText("هذا هو قليلا طويلة من النص الذي يجب التفاف .");
+  var more = document.createText(" و أكثر قليلا لجعله أطول. ");
+  var block = document.createElement('p');
+  block.style['display'] = 'paragraph';
+  block.style['direction'] = 'rtl';
+  block.style['unicode-bidi'] = 'plaintext';
+  block.appendChild(arabic);
+  block.appendChild(more);
+
+  layoutRoot.rootElement = block;
+
+  view.setBeginFrameCallback(beginFrame);
+  view.scheduleFrame();
+}