Add CompilationUnit abstraction for tracking "project files".

dart/site/try/src/ui.dart

 // Copyright (c) 2013, 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.
 
 library trydart.ui;
 
 import 'dart:html';
 
 import 'dart:async' show
     Future,
     Timer,
     scheduleMicrotask;
 
-import 'dart:convert' show JSON;
-
 import 'cache.dart' show
     onLoad,
     updateCacheStatus;
 
 import 'interaction_manager.dart' show InteractionManager;
 
 import 'run.dart' show
     makeOutputFrame;
 
 import 'themes.dart' show
     THEMES,
     Theme;
 
 import 'samples.dart' show
     EXAMPLE_FIBONACCI,
     EXAMPLE_FIBONACCI_HTML,
     EXAMPLE_HELLO,
     EXAMPLE_HELLO_HTML,
     EXAMPLE_SUNFLOWER;
 
 import 'settings.dart';
 
 import 'user_option.dart';
 
 import 'messages.dart' show messages;
 
+import 'compilation_unit.dart' show
+    CompilationUnit;
+
 // TODO(ahe): Make internal to buildUI once all interactions have been moved to
 // the manager.
 InteractionManager interaction;
 
 DivElement mainEditorPane;
 PreElement outputDiv;
 DivElement hackDiv;
 IFrameElement outputFrame;
 MutationObserver observer;
 SpanElement cacheStatusElement;
@@ skipping 33 matching lines @@
   SelectElement select = event.target;
   String id = select.querySelectorAll('option')[select.selectedIndex].id;
   Function action = codeCallbacks[id];
   if (action != null) action(event);
   outputFrame.style.display = 'none';
 }
 
 buildUI() {
   interaction = new InteractionManager();
 
+  CompilationUnit.onChanged.listen(interaction.onCompilationUnitChanged);
+
   window.localStorage['currentSample'] = '$currentSample';
 
   buildCode(interaction);
 
   (mainEditorPane = new DivElement())
       ..classes.add('well')
       ..style.backgroundColor = currentTheme.background.color
       ..style.color = currentTheme.foreground.color
       ..style.overflow = 'visible'
       ..style.whiteSpace = 'pre'
@@ skipping 117 matching lines @@
 }
 
 buildCode(InteractionManager interaction) {
   var codePicker =
       document.getElementById('code-picker')
       ..style.visibility = 'hidden'
       ..onChange.listen(onCodeChange);
   var htmlGroup = new OptGroupElement()..label = 'HTML';
   var benchmarkGroup = new OptGroupElement()..label = 'Benchmarks';
 
-  new Future(() => HttpRequest.getString('project?list').then(
-  (String response) {
+  interaction.projectFileNames().then((List<String> names) {
     OptionElement none = new OptionElement()
         ..appendText('--')
         ..disabled = true;
-    codePicker.append(none);
-    for (String projectFile in JSON.decode(response)) {
-      codePicker.append(buildTab(projectFile, projectFile, (_) {
-        mainEditorPane.contentEditable = 'false';
-        HttpRequest.getString('project/$projectFile').then((String text) {
-          mainEditorPane
-              ..contentEditable = 'true'
-              ..nodes.clear();
-          observer.takeRecords();
-          mainEditorPane.appendText(text);
-        });
+    codePicker
+        ..append(none)
+        ..style.visibility = 'visible'
+        ..selectedIndex = 0;
+
+    for (String name in names) {
+      codePicker.append(buildTab(name, name, (event) {
+        interaction.onProjectFileSelected(name);
       }));
     }
-    codePicker.style.visibility = 'visible';
-    codePicker.selectedIndex = 0;
-  })).catchError((error) {
+  }).catchError((error) {
     codePicker.style.visibility = 'visible';
     print(error);
     OptionElement none = new OptionElement()
         ..appendText('Pick an example')
         ..disabled = true;
     codePicker.append(none);
 
     // codePicker.classes.addAll(['nav', 'nav-tabs']);
     codePicker.append(buildTab('Hello, World!', 'EXAMPLE_HELLO', (_) {
       mainEditorPane
@@ skipping 213 matching lines @@
     window.localStorage['compilationPaused'] = '$compilationPaused';
     window.localStorage['codeFont'] = '$codeFont';
 
     dialog.style.height = '0px';
   }
   form.onSubmit.listen(onSubmit);
 
   var doneButton = document.getElementById('settings-done');
   doneButton.onClick.listen(onSubmit);
 }