refactor(devtools): fix browser-specific styles infra

Fix browser-specific styles infrastructure. PR #62786 cleans up part of the code, but there are still services that attempt to load these stylesheets on `main`.

(cherry picked from commit ed3dc10fea)
This commit is contained in:
hawkgs 2026-03-09 15:36:24 +02:00 committed by Andrew Scott
parent 276c12a349
commit 79ac570c26
5 changed files with 41 additions and 3 deletions

View file

@ -1,4 +1,4 @@
load("//devtools/tools:defaults.bzl", "npm_sass_library", "sass_library")
load("//devtools/tools:defaults.bzl", "npm_sass_library", "sass_binary", "sass_library")
package(default_visibility = ["//visibility:public"])
@ -76,3 +76,13 @@ sass_library(
":typography",
],
)
sass_binary(
name = "firefox",
src = "firefox.scss",
)
sass_binary(
name = "chrome",
src = "chrome.scss",
)

View file

@ -0,0 +1 @@
/* Chrome-specific global styles */

View file

@ -0,0 +1 @@
/* Firefox-specific global styles */

View file

@ -1,4 +1,4 @@
load("//devtools/tools:defaults.bzl", "esbuild", "extension_package", "ng_project", "sass_binary", "string_flag", "ts_project")
load("//devtools/tools:defaults.bzl", "copy_to_directory", "esbuild", "extension_package", "ng_project", "sass_binary", "string_flag", "ts_project")
package(default_visibility = ["//visibility:public"])
@ -10,6 +10,18 @@ sass_binary(
deps = ["//devtools/projects/ng-devtools/src/styles:global"],
)
copy_to_directory(
name = "browser_specific_styles",
srcs = [
"//devtools/projects/ng-devtools/src/styles:chrome",
"//devtools/projects/ng-devtools/src/styles:firefox",
],
out = "styles",
replace_prefixes = {
"devtools/projects/ng-devtools/src/styles": "",
},
)
ts_project(
name = "devtools",
srcs = [
@ -74,6 +86,7 @@ exports_files(["index.html"])
filegroup(
name = "prod_app_static_files",
srcs = [
":browser_specific_styles",
":index.html",
":shell_common_styles",
],

View file

@ -1,4 +1,4 @@
load("//devtools/tools:defaults.bzl", "esbuild", "http_server", "ng_project", "sass_binary")
load("//devtools/tools:defaults.bzl", "copy_to_directory", "esbuild", "http_server", "ng_project", "sass_binary")
package(default_visibility = ["//visibility:public"])
@ -9,6 +9,18 @@ sass_binary(
deps = ["//devtools/projects/ng-devtools/src/styles:global"],
)
copy_to_directory(
name = "browser_specific_styles",
srcs = [
"//devtools/projects/ng-devtools/src/styles:chrome",
"//devtools/projects/ng-devtools/src/styles:firefox",
],
out = "styles",
replace_prefixes = {
"devtools/projects/ng-devtools/src/styles": "",
},
)
ng_project(
name = "demo",
srcs = ["main.ts"],
@ -43,6 +55,7 @@ exports_files(["index.html"])
filegroup(
name = "dev_app_static_files",
srcs = [
":browser_specific_styles",
":demo_styles",
":index.html",
"//devtools/src/assets",