[turbolizer] Sequence view/phase refactoring

Bug: v8:7327
Change-Id: Iddce3c08ebd5969f47d4996fa6bcaa64908226c0
Reviewed-on: https://chromium-review.googlesource.com/c/v8/v8/+/3764352Reviewed-by: Nico Hartmann <nicohartmann@chromium.org>
Commit-Queue: Danylo Boiko <danielboyko02@gmail.com>
Cr-Commit-Position: refs/heads/main@{#81825}

tools/turbolizer/src/common/constants.ts

@@ -2,6 +2,8 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
+export const TRACE_LAYOUT = false;
+
 export const MAX_RANK_SENTINEL = 0;
 export const BEZIER_CONSTANT = 0.3;
 export const GRAPH_MARGIN = 250;
@@ -21,9 +23,16 @@ export const SOURCE_PANE_DEFAULT_PERCENT = 1 / 4;
 export const DISASSEMBLY_PANE_DEFAULT_PERCENT = 3 / 4;
 export const RANGES_PANE_HEIGHT_DEFAULT_PERCENT = 3 / 4;
 export const RANGES_PANE_WIDTH_DEFAULT_PERCENT = 1 / 2;
-export const RESIZER_RANGES_HEIGHT_BUFFER_PERCENTAGE = 5;;
-export const TRACE_LAYOUT = false;
+export const RESIZER_RANGES_HEIGHT_BUFFER_PERCENTAGE = 5;
+export const ROW_GROUP_SIZE = 20;
+export const POSITIONS_PER_INSTRUCTION = 4;
+export const FIXED_REGISTER_LABEL_WIDTH = 6;
+export const SESSION_STORAGE_PREFIX = "ranges-setting-";
+export const INTERVAL_TEXT_FOR_NONE = "none";
+export const INTERVAL_TEXT_FOR_CONST = "const";
+export const INTERVAL_TEXT_FOR_STACK = "stack:";
 export const MULTIVIEW_ID = "multiview";
+export const RESIZER_RANGES_ID = "resizer-ranges";
 export const SHOW_HIDE_RANGES_ID = "show-hide-ranges";
 export const SHOW_HIDE_SOURCE_ID = "show-hide-source";
 export const SHOW_HIDE_DISASSEMBLY_ID = "show-hide-disassembly";
@@ -33,6 +42,7 @@ export const SOURCE_EXPAND_ID = "source-expand";
 export const INTERMEDIATE_PANE_ID = "middle";
 export const GRAPH_PANE_ID = "graph";
 export const SCHEDULE_PANE_ID = "schedule";
+export const SEQUENCE_PANE_ID = "sequence";
 export const GENERATED_PANE_ID = "right";
 export const DISASSEMBLY_PANE_ID = "disassembly";
 export const DISASSEMBLY_COLLAPSE_ID = "disassembly-shrink";

tools/turbolizer/src/views/code-view.ts

@@ -97,6 +97,7 @@ export class CodeView extends View {
     if (sourceText !== "") {
       codePre.classList.add("linenums");
       codePre.textContent = sourceText;
+
       try {
         // Wrap in try to work when offline.
         PR.prettyPrint(undefined, sourceContainer);

tools/turbolizer/src/views/disassembly-view.ts

@@ -327,31 +327,31 @@ export class DisassemblyView extends TextView {
 
   private get numberStyle(): { css: Array<string> } {
     return {
-      css: ['instruction-binary', 'lit']
+      css: ["instruction-binary", "lit"]
     };
   }
 
   private get opcodeStyle(): { css: string } {
     return {
-      css: 'kwd'
+      css: "kwd"
     };
   }
 
   private get unclassifiedStyle(): { css: string } {
     return {
-      css: 'com'
+      css: "com"
     };
   }
 
   private get commentStyle(): { css: string }  {
     return {
-      css: 'com'
+      css: "com"
     };
   }
 
   private get sourcePositionHeaderStyle(): { css: string } {
     return {
-      css: 'com'
+      css: "com"
     };
   }