commit 7eb72da0147e543fc1035e47d266a17d97d370eb
author Primiano Tucci <primiano@google.com> Fri Aug 30 13:55:08 2024 +0100
committer Primiano Tucci <primiano@google.com> Fri Aug 30 13:55:08 2024 +0100
tree 89d69b566e92e361785615a09aca0bd5be8cdfb8
parent 89603b33f13e0554da018f0964527b59264bf829

ui: rename app.ts -> ui_main.ts

App will be needed soon for API access

Change-Id: I3fcd4ece73dd00470877feabc72a799941a443e6

ui/src/frontend/index.ts

diff --git a/ui/src/frontend/index.ts b/ui/src/frontend/index.ts
index e331eee..d61b5a6 100644
--- a/ui/src/frontend/index.ts
+++ b/ui/src/frontend/index.ts
@@ -36,7 +36,7 @@
 import {initWasm} from '../trace_processor/wasm_engine_proxy';
 import {setScheduleFullRedraw} from '../widgets/raf';
 
-import {App} from './app';
+import {UiMain} from './ui_main';
 import {initCssConstants} from './css_constants';
 import {registerDebugGlobals} from './debug';
 import {maybeShowErrorDialog} from './error_dialog';
@@ -289,7 +289,7 @@
   router.onRouteChanged = routeChange;
 
   raf.domRedraw = () => {
-    m.render(document.body, m(App, router.resolve()));
+    m.render(document.body, m(UiMain, router.resolve()));
   };
 
   if (
@@ -356,7 +356,7 @@
   });
 
   // Force one initial render to get everything in place
-  m.render(document.body, m(App, router.resolve()));
+  m.render(document.body, m(UiMain, router.resolve()));
 
   // Initialize plugins, now that we are ready to go
   pluginManager.initialize();

ui/src/frontend/ui_main.ts

diff --git a/ui/src/frontend/app.ts b/ui/src/frontend/ui_main.ts
similarity index 98%
rename from ui/src/frontend/app.ts
rename to ui/src/frontend/ui_main.ts
index 5b4896f..7e62524 100644
--- a/ui/src/frontend/app.ts
+++ b/ui/src/frontend/ui_main.ts
@@ -78,7 +78,7 @@
   }
 }
 
-export class App implements m.ClassComponent {
+export class UiMain implements m.ClassComponent {
   private trash = new DisposableStack();
   static readonly OMNIBOX_INPUT_REF = 'omnibox';
   private omniboxInputEl?: HTMLInputElement;
@@ -388,7 +388,7 @@
     return m(Omnibox, {
       value: globals.omnibox.text,
       placeholder: prompt.text,
-      inputRef: App.OMNIBOX_INPUT_REF,
+      inputRef: UiMain.OMNIBOX_INPUT_REF,
       extraClasses: 'prompt-mode',
       closeOnOutsideClick: true,
       options,
@@ -448,7 +448,7 @@
     return m(Omnibox, {
       value: globals.omnibox.text,
       placeholder: 'Filter commands...',
-      inputRef: App.OMNIBOX_INPUT_REF,
+      inputRef: UiMain.OMNIBOX_INPUT_REF,
       extraClasses: 'command-mode',
       options,
       closeOnSubmit: true,
@@ -492,7 +492,7 @@
     return m(Omnibox, {
       value: globals.omnibox.text,
       placeholder: ph,
-      inputRef: App.OMNIBOX_INPUT_REF,
+      inputRef: UiMain.OMNIBOX_INPUT_REF,
       extraClasses: 'query-mode',
 
       onInput: (value) => {
@@ -529,7 +529,7 @@
     return m(Omnibox, {
       value: globals.state.omniboxState.omnibox,
       placeholder: "Search or type '>' for commands or ':' for SQL mode",
-      inputRef: App.OMNIBOX_INPUT_REF,
+      inputRef: UiMain.OMNIBOX_INPUT_REF,
       onInput: (value, prev) => {
         if (prev === '') {
           if (value === '>') {
@@ -648,7 +648,7 @@
   }
 
   private updateOmniboxInputRef(dom: Element): void {
-    const el = findRef(dom, App.OMNIBOX_INPUT_REF);
+    const el = findRef(dom, UiMain.OMNIBOX_INPUT_REF);
     if (el && el instanceof HTMLInputElement) {
       this.omniboxInputEl = el;
     }