Files app: Generate JS modules for foreground page

Add JS module for //ui/file_manager/file_manager/foreground/js/ :
- main_window_component.js
- app_state_controller.js

Bug: 1133186
Change-Id: Ifba0bd6bef3b4540bb76d316e3b0350315deeff9
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2631869
Commit-Queue: Luciano Pacheco <lucmult@chromium.org>
Reviewed-by: Jeremie Boulic <jboulic@chromium.org>
Cr-Commit-Position: refs/heads/master@{#843965}

ui/file_manager/file_manager/foreground/js/BUILD.gn

@@ -31,6 +31,7 @@ js_type_check("closure_compile_jsmodules") {
     ":actions_controller.m",
     ":actions_model.m",
     ":android_app_list_model.m",
+    ":app_state_controller.m",
     ":constants.m",
     ":crossover_search_utils.m",
     ":crostini_controller.m",
@@ -56,6 +57,7 @@ js_type_check("closure_compile_jsmodules") {
     ":last_modified_controller.m",
     ":launch_param.m",
     ":list_thumbnail_loader.m",
+    ":main_window_component.m",
     ":metadata_box_controller.m",
     ":metadata_update_controller.m",
     ":mock_directory_model.m",
@@ -406,6 +408,21 @@ js_library("app_state_controller") {
   ]
 }
 
+js_library("app_state_controller.m") {
+  sources = [ "$root_gen_dir/ui/file_manager/file_manager/foreground/js/app_state_controller.m.js" ]
+  deps = [
+    ":dialog_type.m",
+    ":directory_model.m",
+    "ui:file_manager_ui.m",
+    "ui:list_container.m",
+    "//ui/file_manager/base/js:app_util.m",
+    "//ui/file_manager/file_manager/common/js:util.m",
+    "//ui/webui/resources/js:assert.m",
+  ]
+
+  extra_deps = [ ":modulize" ]
+}
+
 js_library("column_visibility_controller") {
   deps = [
     ":directory_model",
@@ -1287,6 +1304,29 @@ js_library("main_window_component") {
   ]
 }
 
+js_library("main_window_component.m") {
+  sources = [ "$root_gen_dir/ui/file_manager/file_manager/foreground/js/main_window_component.m.js" ]
+  deps = [
+    ":app_state_controller.m",
+    ":dialog_type.m",
+    ":directory_contents.m",
+    ":directory_model.m",
+    ":file_selection.m",
+    ":naming_controller.m",
+    ":task_controller.m",
+    "ui:file_manager_ui.m",
+    "ui:file_tap_handler.m",
+    "ui:list_container.m",
+    "//ui/file_manager/base/js:volume_manager_types.m",
+    "//ui/file_manager/externs:directory_change_event.m",
+    "//ui/file_manager/externs:volume_manager.m",
+    "//ui/file_manager/file_manager/common/js:metrics.m",
+    "//ui/file_manager/file_manager/common/js:util.m",
+  ]
+
+  extra_deps = [ ":modulize" ]
+}
+
 js_library("metadata_box_controller") {
   deps = [
     ":quick_view_model",
@@ -1795,6 +1835,7 @@ js_modulizer("modulize") {
     "actions_controller.js",
     "actions_model.js",
     "android_app_list_model.js",
+    "app_state_controller.js",
     "constants.js",
     "crossover_search_utils.js",
     "dialog_type.js",
@@ -1818,6 +1859,7 @@ js_modulizer("modulize") {
     "last_modified_controller.js",
     "launch_param.js",
     "list_thumbnail_loader.js",
+    "main_window_component.js",
     "metadata_box_controller.js",
     "metadata_update_controller.js",
     "metrics_start.js",
@@ -1837,8 +1879,8 @@ js_modulizer("modulize") {
     "spinner_controller.js",
     "task_controller.js",
     "task_history.js",
-    "toolbar_controller.js",
     "thumbnail_loader.js",
+    "toolbar_controller.js",
     "web_store_utils.js",
     "webui_command_extender.js",
     "crostini_controller.js",

ui/file_manager/file_manager/foreground/js/app_state_controller.js

@@ -2,8 +2,15 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-
-class AppStateController {
+// #import {FileManagerUI} from './ui/file_manager_ui.m.js';
+// #import {DirectoryModel} from './directory_model.m.js';
+// #import {DialogType} from './dialog_type.m.js';
+// #import {util} from '../../common/js/util.m.js';
+// #import {appUtil} from '../../../base/js/app_util.m.js';
+// #import {ListContainer} from './ui/list_container.m.js';
+// #import {assert} from 'chrome://resources/js/assert.m.js';
+
+/* #export */ class AppStateController {
   /**
    * @param {DialogType} dialogType
    */

ui/file_manager/file_manager/foreground/js/main_window_component.js

@@ -2,6 +2,24 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
+// clang-format off
+// #import {TaskController} from './task_controller.m.js';
+// #import {NamingController} from './naming_controller.m.js';
+// #import {FileSelectionHandler} from './file_selection.m.js';
+// #import {FileFilter} from './directory_contents.m.js';
+// #import {DirectoryModel} from './directory_model.m.js';
+// #import {VolumeManager} from '../../../externs/volume_manager.m.js';
+// #import {FileManagerUI} from './ui/file_manager_ui.m.js';
+// #import {VolumeManagerCommon} from '../../../base/js/volume_manager_types.m.js';
+// #import {str, util} from '../../common/js/util.m.js';
+// #import {metrics} from '../../common/js/metrics.m.js';
+// #import {DialogType} from './dialog_type.m.js';
+// #import {FileTapHandler} from './ui/file_tap_handler.m.js';
+// #import {ListContainer} from './ui/list_container.m.js';
+// #import {AppStateController} from './app_state_controller.m.js';
+// #import {DirectoryChangeEvent} from '../../../externs/directory_change_event.m.js';
+// clang-format on
+
 /**
  * Component for the main window.
  *
@@ -11,7 +29,7 @@
  * The class also observes model/browser API's event to update the misc
  * components.
  */
-class MainWindowComponent {
+/* #export */ class MainWindowComponent {
   /**
    * @param {DialogType} dialogType
    * @param {!FileManagerUI} ui