DevTools: extract a component for layer viewer

third_party/WebKit/Source/devtools/BUILD.gn

 # Copyright 2014 The Chromium Authors. All rights reserved.
 # Use of this source code is governed by a BSD-style license that can be
 # found in the LICENSE file.
 
 import("//build/config/features.gni")
 import("//third_party/WebKit/Source/core/core.gni")
 
 devtools_embedder_scripts = [
   "front_end/devtools.js",
   "front_end/Tests.js",
@@ skipping 292 matching lines @@
   "front_end/devices/module.json",
   "front_end/diff/module.json",
   "front_end/elements/module.json",
   "front_end/emulated_devices/module.json",
   "front_end/emulation/module.json",
   "front_end/extensions/module.json",
   "front_end/gonzales/module.json",
   "front_end/heap_snapshot_worker/module.json",
   "front_end/host/module.json",
   "front_end/layers/module.json",
+  "front_end/layer_viewer/module.json",
   "front_end/main/module.json",
   "front_end/network/module.json",
   "front_end/platform/module.json",
   "front_end/profiler/module.json",
   "front_end/resources/module.json",
   "front_end/sass/module.json",
   "front_end/security/module.json",
   "front_end/screencast/module.json",
   "front_end/formatter_worker/module.json",
   "front_end/sdk/module.json",
@@ skipping 358 matching lines @@
   "front_end/text_editor/TextEditorAutocompleteController.js",
 ]
 devtools_timeline_model_js_files = [
   "front_end/timeline_model/LayerTreeModel.js",
   "front_end/timeline_model/TimelineFrameModel.js",
   "front_end/timeline_model/TimelineIRModel.js",
   "front_end/timeline_model/TimelineJSProfile.js",
   "front_end/timeline_model/TimelineModel.js",
   "front_end/timeline_model/TimelineProfileTree.js",
 ]
+devtools_layer_viewer_js_files = [
+  "front_end/layer_viewer/LayerDetailsView.js",
+  "front_end/layer_viewer/LayerTreeOutline.js",
+  "front_end/layer_viewer/LayerViewHost.js",
+  "front_end/layer_viewer/Layers3DView.js",
+  "front_end/layer_viewer/PaintProfilerView.js",
+  "front_end/layer_viewer/TransformController.js",
+  "front_end/layer_viewer/layerDetailsView.css",
+  "front_end/layer_viewer/layers3DView.css",
+  "front_end/layer_viewer/paintProfiler.css",
+]
 devtools_timeline_js_files = [
   "front_end/timeline/invalidationsTree.css",
   "front_end/timeline/timelineFlamechartPopover.css",
   "front_end/timeline/timelinePanel.css",
   "front_end/timeline/timelineStatusDialog.css",
   "front_end/timeline/CountersGraph.js",
-  "front_end/timeline/LayerDetailsView.js",
-  "front_end/timeline/LayerTreeOutline.js",
-  "front_end/timeline/LayerViewHost.js",
-  "front_end/timeline/Layers3DView.js",
   "front_end/timeline/MemoryCountersGraph.js",
-  "front_end/timeline/PaintProfilerView.js",
   "front_end/timeline/TimelineController.js",
   "front_end/timeline/TimelineEventOverview.js",
   "front_end/timeline/TimelineFlameChart.js",
   "front_end/timeline/TimelineLayersView.js",
   "front_end/timeline/TimelineLoader.js",
   "front_end/timeline/TimelinePaintProfilerView.js",
   "front_end/timeline/TimelinePanel.js",
   "front_end/timeline/TimelineTreeView.js",
   "front_end/timeline/TimelineUIUtils.js",
-  "front_end/timeline/TransformController.js",
 ]
 devtools_ui_lazy_js_files = [
   "front_end/ui_lazy/dataGrid.css",
   "front_end/ui_lazy/dialog.css",
   "front_end/ui_lazy/filteredListWidget.css",
   "front_end/ui_lazy/flameChart.css",
   "front_end/ui_lazy/overviewGrid.css",
   "front_end/ui_lazy/pieChart.css",
   "front_end/ui_lazy/timelineGrid.css",
   "front_end/ui_lazy/CommandMenu.js",
@@ skipping 120 matching lines @@
     devtools_elements_js_files + devtools_emulated_devices_js_files +
     devtools_extensions_js_files + devtools_gonzales_js_files +
     devtools_heap_snapshot_worker_js_files + devtools_layers_js_files +
     devtools_network_js_files + devtools_profiler_js_files +
     devtools_resources_js_files + devtools_sass_js_files +
     devtools_security_js_files + devtools_screencast_js_files +
     devtools_formatter_worker_js_files + devtools_settings_js_files +
     devtools_snippets_js_files + devtools_source_frame_js_files +
     devtools_sources_js_files + devtools_temp_storage_shared_worker_js_files +
     devtools_text_editor_js_files + devtools_timeline_model_js_files +
-    devtools_timeline_js_files + devtools_ui_lazy_js_files
+    devtools_timeline_js_files + devtools_ui_lazy_js_files +
+    devtools_layer_viewer_js_files
 
 all_devtools_files = devtools_cm_css_files + devtools_cm_js_files +
                      devtools_core_files + devtools_module_json_files +
                      devtools_modules_js_files + devtools_acorn_files
 
 resources_out_dir = "$root_out_dir/resources/inspector"
 
 generated_scripts = [
   "$resources_out_dir/InspectorBackendCommands.js",
   "$resources_out_dir/SupportedCSSProperties.js",
@@ skipping 238 matching lines @@
     deps = [
       ":frontend_protocol_sources",
       ":supported_css_properties",
     ]
     sources = generated_scripts
     outputs = [
       "$resources_out_debug_dir/{{source_file_part}}",
     ]
   }
 }