Improve Code object support in service and observatory

runtime/bin/vmservice/client/deployed/web/index_devtools.html

Index: runtime/bin/vmservice/client/deployed/web/index_devtools.html
diff --git a/runtime/bin/vmservice/client/deployed/web/index_devtools.html b/runtime/bin/vmservice/client/deployed/web/index_devtools.html
index 4d778cc808992fb678e33427fd9118745e93d766..7eeb7976295bee868c5e332ba0ab4376175299b9 100644
--- a/runtime/bin/vmservice/client/deployed/web/index_devtools.html
+++ b/runtime/bin/vmservice/client/deployed/web/index_devtools.html
@@ -171,18 +171,11 @@
 </polymer-element><polymer-element name="disassembly-entry" extends="observatory-element">
   <template>
   <div class="row">
-    <template if="{{ instruction['type'] == 'DisassembledInstructionComment' }}">
       <div class="col-md-2"></div>
-      <div class="col-md-2"></div>
-      <div class="col-md-4"><code>{{ instruction['comment'] }}</code></div>
-    </template>
-    <template if="{{ instruction['type'] == 'DisassembledInstruction' }}">
-      <div class="col-md-2"></div>
-      <div class="col-md-2">{{ instruction['pc'] }}</div>
+      <div class="col-md-2">{{ instruction.formattedAddress() }}</div>
       <div class="col-md-4">
-        <code>{{ instruction['hex'] }} {{ instruction['human'] }}</code>
+        <code>{{ instruction.machine }} {{ instruction.human }}</code>
       </div>
-    </template>
   </div>
   </template>
   
@@ -192,7 +185,7 @@
     <div class="col-md-8 col-md-offset-2">
       <div class="{{ cssPanelClass }}">
         <div class="panel-heading">
-          <function-ref app="{{ app }}" ref="{{ code['function'] }}"></function-ref>
+          <function-ref app="{{ app }}" ref="{{ code.functionRef }}"></function-ref>
         </div>
         <div class="panel-body">
           <div class="row">
@@ -200,7 +193,7 @@
               <div class="col-md-2"><strong>Address</strong></div>
               <div><strong>Instruction</strong></div>
           </div>
-          <template repeat="{{ instruction in code['disassembly'] }}">
+          <template repeat="{{ instruction in code.instructions }}">
             <disassembly-entry instruction="{{ instruction }}">
             </disassembly-entry>
           </template>
@@ -586,7 +579,7 @@
       <function-view app="{{ app }}" function="{{ message }}"></function-view>
     </template>
     <template if="{{ messageType == 'Code' }}">
-      <code-view app="{{ app }}" code="{{ message }}"></code-view>
+      <code-view app="{{ app }}" code="{{ message['code'] }}"></code-view>
     </template>
     <template if="{{ messageType == 'Script' }}">
       <script-view app="{{ app }}" script="{{ message }}"></script-view>