mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-07 12:33:47 +08:00
Tim van der Lippe
bf96586e7d
Currently, all references to images use an absolute path reference
in CSS files or inline styles. This works currently, as all images
are in the `front_end/Images` folder. However, in component land,
the images could also be placed next to components.
Therefore, for all legacy images, define CSS variables that point
to the absolute path of an image. These images can then be referenced
in a CSS file by using the variable `--image-file-${name}`.
Over time, new images referenced by components can all use the
`import.meta.url` reference trick to get their relative path.
This CL migrates the radio button image over to the new variable
to confirm it is working. The other images will be ported over in
a follow-up CL.
R=jacktfranklin@chromium.org
Bug: 1183361
Change-Id: I39d01ff5689a6cd4ebf1c4ea83008e0d980b3096
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2727711
Commit-Queue: Tim van der Lippe <tvanderlippe@chromium.org>
Auto-Submit: Tim van der Lippe <tvanderlippe@chromium.org>
Reviewed-by: Jack Franklin <jacktfranklin@chromium.org>
231 lines
7.7 KiB
Plaintext
231 lines
7.7 KiB
Plaintext
# Copyright 2020 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("./scripts/build/ninja/vars.gni")
|
|
|
|
devtools_module_entrypoint_sources = [
|
|
"Images/Images.js",
|
|
"accessibility/accessibility-legacy.js",
|
|
"accessibility/accessibility-meta.js",
|
|
"accessibility/accessibility.js",
|
|
"animation/animation-legacy.js",
|
|
"animation/animation-meta.js",
|
|
"animation/animation.js",
|
|
"bindings/bindings-legacy.js",
|
|
"bindings/bindings.js",
|
|
"browser_debugger/browser_debugger-legacy.js",
|
|
"browser_debugger/browser_debugger-meta.js",
|
|
"browser_debugger/browser_debugger.js",
|
|
"browser_sdk/browser_sdk-meta.js",
|
|
"browser_sdk/browser_sdk.js",
|
|
"changes/changes-legacy.js",
|
|
"changes/changes-meta.js",
|
|
"changes/changes.js",
|
|
"cm/cm.js",
|
|
"cm_headless/cm_headless.js",
|
|
"color_picker/color_picker-legacy.js",
|
|
"color_picker/color_picker.js",
|
|
"common/common-legacy.js",
|
|
"common/common.js",
|
|
"component_helpers/component_helpers.js",
|
|
"components/components-legacy.js",
|
|
"components/components.js",
|
|
"console/console-legacy.js",
|
|
"console/console-meta.js",
|
|
"console/console.js",
|
|
"console_counters/console_counters-legacy.js",
|
|
"console_counters/console_counters-meta.js",
|
|
"console_counters/console_counters.js",
|
|
"cookie_table/cookie_table-legacy.js",
|
|
"cookie_table/cookie_table.js",
|
|
"coverage/coverage-legacy.js",
|
|
"coverage/coverage-meta.js",
|
|
"coverage/coverage.js",
|
|
"css_overview/css_overview-meta.js",
|
|
"css_overview/css_overview.js",
|
|
"data_grid/data_grid-legacy.js",
|
|
"data_grid/data_grid.js",
|
|
"developer_resources/developer_resources-legacy.js",
|
|
"developer_resources/developer_resources-meta.js",
|
|
"developer_resources/developer_resources.js",
|
|
"diff/diff-legacy.js",
|
|
"diff/diff.js",
|
|
"dom_extension/dom_extension.js",
|
|
"elements/elements-legacy.js",
|
|
"elements/elements-meta.js",
|
|
"elements/elements.js",
|
|
"emulation/emulation-legacy.js",
|
|
"emulation/emulation-meta.js",
|
|
"emulation/emulation.js",
|
|
"event_listeners/event_listeners-legacy.js",
|
|
"event_listeners/event_listeners.js",
|
|
"extensions/extensions-legacy.js",
|
|
"extensions/extensions.js",
|
|
"formatter/formatter-legacy.js",
|
|
"formatter/formatter.js",
|
|
"formatter_worker/FormatterActions.js",
|
|
"formatter_worker/formatter_worker-entrypoint.js",
|
|
"formatter_worker/formatter_worker.js",
|
|
"har_importer/har_importer-legacy.js",
|
|
"har_importer/har_importer.js",
|
|
"heap_snapshot_model/heap_snapshot_model-legacy.js",
|
|
"heap_snapshot_model/heap_snapshot_model.js",
|
|
"heap_snapshot_worker/heap_snapshot_worker-entrypoint.js",
|
|
"heap_snapshot_worker/heap_snapshot_worker-legacy.js",
|
|
"heap_snapshot_worker/heap_snapshot_worker.js",
|
|
"help/help-legacy.js",
|
|
"help/help-meta.js",
|
|
"help/help.js",
|
|
"host/host-legacy.js",
|
|
"host/host.js",
|
|
"i18n/i18n.js",
|
|
"inline_editor/inline_editor-legacy.js",
|
|
"inline_editor/inline_editor.js",
|
|
"input/input-legacy.js",
|
|
"input/input-meta.js",
|
|
"input/input.js",
|
|
"inspector_main/inspector_main-legacy.js",
|
|
"inspector_main/inspector_main-meta.js",
|
|
"inspector_main/inspector_main.js",
|
|
"issues/issues-legacy.js",
|
|
"issues/issues-meta.js",
|
|
"issues/issues.js",
|
|
"javascript_metadata/javascript_metadata-legacy.js",
|
|
"javascript_metadata/javascript_metadata.js",
|
|
"js_main/js_main-legacy.js",
|
|
"js_main/js_main.js",
|
|
"js_profiler/js_profiler-meta.js",
|
|
"js_profiler/js_profiler.js",
|
|
"layer_viewer/layer_viewer-legacy.js",
|
|
"layer_viewer/layer_viewer-meta.js",
|
|
"layer_viewer/layer_viewer.js",
|
|
"layers/layers-legacy.js",
|
|
"layers/layers-meta.js",
|
|
"layers/layers.js",
|
|
"lighthouse/lighthouse-legacy.js",
|
|
"lighthouse/lighthouse-meta.js",
|
|
"lighthouse/lighthouse.js",
|
|
"lighthouse_worker/LighthouseService.js",
|
|
"lighthouse_worker/lighthouse_worker.js",
|
|
"linear_memory_inspector/linear_memory_inspector-legacy.js",
|
|
"linear_memory_inspector/linear_memory_inspector-meta.js",
|
|
"linear_memory_inspector/linear_memory_inspector.js",
|
|
"main/main-legacy.js",
|
|
"main/main-meta.js",
|
|
"main/main.js",
|
|
"media/media-legacy.js",
|
|
"media/media-meta.js",
|
|
"media/media.js",
|
|
"mobile_throttling/mobile_throttling-legacy.js",
|
|
"mobile_throttling/mobile_throttling-meta.js",
|
|
"mobile_throttling/mobile_throttling.js",
|
|
"network/network-legacy.js",
|
|
"network/network-meta.js",
|
|
"network/network.js",
|
|
"node_debugger/node_debugger-meta.js",
|
|
"node_debugger/node_debugger.js",
|
|
"node_main/node_main-legacy.js",
|
|
"node_main/node_main-meta.js",
|
|
"node_main/node_main.js",
|
|
"object_ui/object_ui-legacy.js",
|
|
"object_ui/object_ui-meta.js",
|
|
"object_ui/object_ui.js",
|
|
"perf_ui/perf_ui-legacy.js",
|
|
"perf_ui/perf_ui-meta.js",
|
|
"perf_ui/perf_ui.js",
|
|
"performance_monitor/performance_monitor-legacy.js",
|
|
"performance_monitor/performance_monitor-meta.js",
|
|
"performance_monitor/performance_monitor.js",
|
|
"persistence/persistence-legacy.js",
|
|
"persistence/persistence-meta.js",
|
|
"persistence/persistence.js",
|
|
"platform/platform.js",
|
|
"profiler/profiler-legacy.js",
|
|
"profiler/profiler-meta.js",
|
|
"profiler/profiler.js",
|
|
"protocol_client/protocol_client-legacy.js",
|
|
"protocol_client/protocol_client.js",
|
|
"protocol_monitor/protocol_monitor-legacy.js",
|
|
"protocol_monitor/protocol_monitor-meta.js",
|
|
"protocol_monitor/protocol_monitor.js",
|
|
"quick_open/quick_open-legacy.js",
|
|
"quick_open/quick_open-meta.js",
|
|
"quick_open/quick_open.js",
|
|
"recorder/recorder.js",
|
|
"render_coordinator/render_coordinator.js",
|
|
"resources/resources-legacy.js",
|
|
"resources/resources-meta.js",
|
|
"resources/resources.js",
|
|
"root/root-legacy.js",
|
|
"root/root.js",
|
|
"screencast/screencast-legacy.js",
|
|
"screencast/screencast-meta.js",
|
|
"screencast/screencast.js",
|
|
"sdk/sdk-legacy.js",
|
|
"sdk/sdk-meta.js",
|
|
"sdk/sdk.js",
|
|
"search/search-legacy.js",
|
|
"search/search.js",
|
|
"security/security-legacy.js",
|
|
"security/security-meta.js",
|
|
"security/security.js",
|
|
"settings/settings-legacy.js",
|
|
"settings/settings-meta.js",
|
|
"settings/settings.js",
|
|
"snippets/snippets-legacy.js",
|
|
"snippets/snippets.js",
|
|
"source_frame/source_frame-legacy.js",
|
|
"source_frame/source_frame-meta.js",
|
|
"source_frame/source_frame.js",
|
|
"sources/sources-legacy.js",
|
|
"sources/sources-meta.js",
|
|
"sources/sources.js",
|
|
"startup/startup.js",
|
|
"test_runner/test_runner.js",
|
|
"text_editor/text_editor-legacy.js",
|
|
"text_editor/text_editor.js",
|
|
"text_utils/text_utils-legacy.js",
|
|
"text_utils/text_utils.js",
|
|
"theme_support/theme_support.js",
|
|
"third_party/acorn/acorn.js",
|
|
"third_party/chromium/client-variations/client-variations.js",
|
|
"third_party/i18n/i18n-bundle.js",
|
|
"third_party/lighthouse/lighthouse-dt-bundle.js",
|
|
"third_party/lit-html/lit-html.js",
|
|
"third_party/marked/marked.js",
|
|
"third_party/puppeteer/puppeteer.js",
|
|
"timeline/timeline-legacy.js",
|
|
"timeline/timeline-meta.js",
|
|
"timeline/timeline.js",
|
|
"timeline_model/timeline_model-legacy.js",
|
|
"timeline_model/timeline_model.js",
|
|
"toolbox.js",
|
|
"ui/components/components.js",
|
|
"ui/ui-legacy.js",
|
|
"ui/ui.js",
|
|
"ui/utils/utils.js",
|
|
"wasmparser_worker/wasmparser_worker-entrypoint.js",
|
|
"wasmparser_worker/wasmparser_worker.js",
|
|
"web_audio/graph_visualizer/graph_visualizer.js",
|
|
"web_audio/web_audio-legacy.js",
|
|
"web_audio/web_audio-meta.js",
|
|
"web_audio/web_audio.js",
|
|
"webauthn/webauthn-legacy.js",
|
|
"webauthn/webauthn-meta.js",
|
|
"webauthn/webauthn.js",
|
|
"worker_main/worker_main-legacy.js",
|
|
"worker_main/worker_main.js",
|
|
"workspace/workspace-legacy.js",
|
|
"workspace/workspace.js",
|
|
"workspace_diff/workspace_diff-legacy.js",
|
|
"workspace_diff/workspace_diff.js",
|
|
]
|
|
|
|
generated_module_entrypoint_sources = []
|
|
|
|
foreach(entrypoint, devtools_module_entrypoint_sources) {
|
|
generated_module_entrypoint_sources +=
|
|
[ "$root_gen_dir/" + devtools_location + "front_end/$entrypoint" ]
|
|
}
|