Audio Player: Generate JS module for //ui/file_manger/audio_player/js/audio_player.js

Fix the export of `MediaSessionPlaybackState` to export the whole enum.

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

ui/file_manager/audio_player/js/BUILD.gn

@@ -11,6 +11,7 @@ group("closure_compile") {
   deps = [
     ":closure_compile_jsmodules",
     ":closure_compile_legacy",
+    ":closure_compile_polymer",
   ]
 }
 
@@ -34,6 +35,12 @@ js_type_check("closure_compile_jsmodules") {
   ]
 }
 
+js_type_check("closure_compile_polymer") {
+  is_polymer3 = true
+  closure_flags = default_closure_args + [ "browser_resolver_prefix_replacements=\"chrome-extension://hhaomjibdihmijegdhdafkllkbggdgoj/=../../ui/file_manager/file_manager/\"" ]
+  deps = [ ":audio_player.m" ]
+}
+
 js_library("closure_compile_externs") {
   sources = []
   externs_list = [
@@ -57,6 +64,31 @@ js_library("audio_player") {
   ]
 }
 
+js_library("audio_player.m") {
+  sources =
+      [ "$root_gen_dir/ui/file_manager/audio_player/js/audio_player.m.js" ]
+  deps = [
+    "//third_party/polymer/v3_0/components-chromium/polymer:polymer_bundled",
+    "//ui/file_manager/audio_player/elements:audio_player.m",
+    "//ui/file_manager/base/js:app_util.m",
+    "//ui/file_manager/base/js:filtered_volume_manager.m",
+    "//ui/file_manager/base/js:mediasession_types.m",
+    "//ui/file_manager/base/js:volume_manager_types.m",
+    "//ui/file_manager/externs:volume_manager.m",
+    "//ui/file_manager/file_manager/common/js:async_util.m",
+    "//ui/file_manager/file_manager/common/js:util.m",
+    "//ui/file_manager/file_manager/foreground/js/metadata:content_metadata_provider.m",
+    "//ui/file_manager/file_manager/foreground/js/metadata:metadata_model.m",
+  ]
+
+  externs_list = [
+    "//ui/file_manager/externs/audio_player_foreground.js",
+    "$externs_path/mediasession.js",
+  ]
+
+  extra_deps = [ ":modulize" ]
+}
+
 js_library("background") {
   deps = [
     "//ui/file_manager/file_manager/background/js:app_window_wrapper",
@@ -124,11 +156,19 @@ js_library("main_background.m") {
 
 js_modulizer("modulize") {
   input_files = [
+    "audio_player.js",
     "background.js",
     "error_util.js",
     "metadata_worker.js",
     "test_util.js",
   ]
+
+  namespace_rewrites = [
+    # initializeAudioPlayer uses HTMLImports, so rewriting to bypass it.
+    "initializeAudioPlayer|moduleInitializeAudioPlayer",
+
+    "Polymer.CaseMap.dashToCamelCase|dashToCamelCase",
+  ]
 }
 
 preprocess_folder =

ui/file_manager/audio_player/js/audio_player.js

@@ -2,6 +2,20 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
+// clang-format off
+// #import '../elements/audio_player.m.js';
+// #import {dashToCamelCase} from 'chrome://resources/polymer/v3_0/polymer/polymer_bundled.min.js';
+// #import {ExternallyUnmountedEvent} from '../../externs/volume_manager.m.js';
+// #import {FilteredVolumeManager} from '../../base/js/filtered_volume_manager.m.js';
+// #import {AllowedPaths} from '../../base/js/volume_manager_types.m.js';
+// #import {MediaSessionPlaybackState} from '../../base/js/mediasession_types.m.js';
+// #import * as appUtilWrapped from '../../base/js/app_util.m.js'; const {appUtil} = appUtilWrapped;
+// #import * as wrappedAsyncUtil from '../../file_manager/common/js/async_util.m.js'; const {AsyncUtil} = wrappedAsyncUtil;
+// #import * as wrappedUtil from '../../file_manager/common/js/util.m.js'; const {util} = wrappedUtil;
+// #import {ContentMetadataProvider} from '../../file_manager/foreground/js/metadata/content_metadata_provider.m.js';
+// #import {MetadataModel} from '../../file_manager/foreground/js/metadata/metadata_model.m.js';
+// clang-format on
+
 /**
  * Overrided metadata worker's path.
  * @type {string}
@@ -12,7 +26,7 @@ ContentMetadataProvider.WORKER_SCRIPT = '/js/metadata_worker.js';
  * @param {Element} container Container element.
  * @constructor
  */
-function AudioPlayer(container) {
+/* #export */ function AudioPlayer(container) {
   this.container_ = container;
 
   this.volumeManager_ = new FilteredVolumeManager(
@@ -157,7 +171,7 @@ AudioPlayer.load = function() {
 /**
  * Unloads the player.
  */
-function unload() {
+/* #export */ function unload() {
   if (AudioPlayer.instance) {
     AudioPlayer.instance.onUnload();
   }
@@ -166,7 +180,7 @@ function unload() {
 /**
  * Reloads the player.
  */
-function reload() {
+/* #export */ function reload() {
   AudioPlayer.instance.load(/** @type {Playlist} */ (window.appState));
 }
 
@@ -690,12 +704,21 @@ AudioPlayer.TrackInfo.prototype.setMetadata = function(
 /**
  * initializeAudioPlayer: loads the audio player.
  */
-function initializeAudioPlayer() {
-  window.HTMLImports.whenReady(AudioPlayer.load);
+/* #ignore */ function initializeAudioPlayer() {
+  /* #ignore */ window.HTMLImports.whenReady(AudioPlayer.load);
+/* #ignore */ }
+
+/**
+ * initializeAudioPlayer: loads the audio player.
+ */
+function moduleInitializeAudioPlayer() {
+  AudioPlayer.load();
 }
 
-if (document.readyState === 'loading') {
-  document.addEventListener('DOMContentLoaded', initializeAudioPlayer);
-} else {
+// clang-format off
+/* #ignore */ if (document.readyState === 'loading') {
+  /* #ignore */ document.addEventListener('DOMContentLoaded', initializeAudioPlayer);
+/* #ignore */ } else {
   initializeAudioPlayer();
-}
+/* #ignore */ }
+// clang-format on

ui/file_manager/base/js/mediasession_types.js

@@ -4,18 +4,14 @@
 
 /**
  * @fileoverview
- * @suppress {uselessCode} Temporary suppress because of the line exporting.
  */
 
 /**
  * @see https://wicg.github.io/mediasession/#enumdef-mediasessionplaybackstate
  * @enum {string}
  */
-const MediaSessionPlaybackState = {
+/* #export */ const MediaSessionPlaybackState = {
   NONE: 'none',
   PAUSED: 'paused',
   PLAYING: 'playing'
 };
-
-// eslint-disable-next-line semi,no-extra-semi
-/* #export */ {MediaSessionPlaybackState};