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`.

devtools/projects/ng-devtools/src/styles/BUILD.bazel

@@ -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",
+)

devtools/projects/ng-devtools/src/styles/chrome.scss

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

devtools/projects/ng-devtools/src/styles/firefox.scss

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

devtools/projects/shell-browser/src/BUILD.bazel

@@ -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 = [
@@ -72,6 +84,7 @@ exports_files(["index.html"])
 filegroup(
     name = "prod_app_static_files",
     srcs = [
+        ":browser_specific_styles",
         ":index.html",
         ":shell_common_styles",
     ],

devtools/src/BUILD.bazel

@@ -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",