build: migrate devtools to use ng-project (#61317)

Migrate devtools to use ng-project

PR Close #61317
This commit is contained in:
Joey Perrott
2025-05-13 19:59:40 +00:00
committed by Alex Rickabaugh
parent 558ff67a64
commit 52bc729618
51 changed files with 468 additions and 393 deletions
+18 -17
View File
@@ -1,7 +1,7 @@
load("@aspect_bazel_lib//lib:copy_to_directory.bzl", "copy_to_directory")
load("@build_bazel_rules_nodejs//:index.bzl", "pkg_web")
load("@io_bazel_rules_sass//:defs.bzl", "sass_binary")
load("//devtools/tools:ng_module.bzl", "ng_module")
load("//devtools/tools:ng_project.bzl", "ng_project")
load("//devtools/tools/esbuild:index.bzl", "LINKER_PROCESSED_FW_PACKAGES")
load("//tools:defaults.bzl", "esbuild", "http_server")
@@ -38,18 +38,19 @@ copy_to_directory(
},
)
ng_module(
ng_project(
name = "demo",
srcs = ["main.ts"],
deps = [
"//devtools/src/app",
interop_deps = [
"//packages/common",
"//packages/common/http",
"//packages/core",
"//packages/core/src/util",
"//packages/platform-browser",
"@npm//@types",
"@npm//rxjs",
],
deps = [
"//:node_modules/rxjs",
"//devtools/src/app:app_rjs",
],
)
@@ -99,37 +100,37 @@ http_server(
],
)
ng_module(
ng_project(
name = "demo_application_environment",
srcs = ["demo-application-environment.ts"],
deps = [
"//devtools/projects/ng-devtools",
"//devtools/src/environments",
"//devtools/projects/ng-devtools:ng-devtools_rjs",
"//devtools/src/environments:environments_rjs",
],
)
ng_module(
ng_project(
name = "demo_application_operations",
srcs = ["demo-application-operations.ts"],
deps = [
"//devtools/projects/ng-devtools",
"//devtools/projects/protocol",
"//devtools/projects/ng-devtools:ng-devtools_rjs",
"//devtools/projects/protocol:protocol_rjs",
],
)
ng_module(
ng_project(
name = "iframe_message_bus",
srcs = ["iframe-message-bus.ts"],
deps = [
"//devtools/projects/protocol",
"//devtools/projects/protocol:protocol_rjs",
],
)
ng_module(
ng_project(
name = "zone-unaware-iframe_message_bus",
srcs = ["zone-unaware-iframe-message-bus.ts"],
deps = [
":iframe_message_bus",
"//devtools/projects/protocol",
":iframe_message_bus_rjs",
"//devtools/projects/protocol:protocol_rjs",
],
)
+10 -8
View File
@@ -1,5 +1,5 @@
load("@io_bazel_rules_sass//:defs.bzl", "sass_binary")
load("//devtools/tools:ng_module.bzl", "ng_module")
load("//devtools/tools:ng_project.bzl", "ng_project")
package(default_visibility = ["//visibility:public"])
@@ -8,7 +8,7 @@ sass_binary(
src = "app.component.scss",
)
ng_module(
ng_project(
name = "app",
srcs = [
"app.component.ts",
@@ -18,15 +18,17 @@ ng_module(
"app.component.html",
":app_component_styles",
],
deps = [
"//devtools/projects/ng-devtools",
"//devtools/src:demo_application_environment",
"//devtools/src:demo_application_operations",
"//devtools/src/app/demo-app",
"//devtools/src/app/devtools-app",
interop_deps = [
"//packages/core",
"//packages/platform-browser",
"//packages/platform-browser/animations",
"//packages/router",
],
deps = [
"//devtools/projects/ng-devtools:ng-devtools_rjs",
"//devtools/src:demo_application_environment_rjs",
"//devtools/src:demo_application_operations_rjs",
"//devtools/src/app/demo-app:demo-app_rjs",
"//devtools/src/app/devtools-app:devtools-app_rjs",
],
)
+8 -6
View File
@@ -1,5 +1,5 @@
load("@io_bazel_rules_sass//:defs.bzl", "sass_binary", "sass_library")
load("//devtools/tools:ng_module.bzl", "ng_module")
load("//devtools/tools:ng_project.bzl", "ng_project")
package(default_visibility = ["//visibility:public"])
@@ -37,7 +37,7 @@ sass_binary(
],
)
ng_module(
ng_project(
name = "demo-app",
srcs = [
"demo-app.component.ts",
@@ -53,12 +53,14 @@ ng_module(
"zippy.component.html",
":demo_app_component_styles",
] + _STYLE_LABELS,
deps = [
"//devtools/projects/ng-devtools-backend",
"//devtools/src:zone-unaware-iframe_message_bus",
"//devtools/src/app/demo-app/todo",
interop_deps = [
"//packages/core",
"//packages/elements",
"//packages/router",
],
deps = [
"//devtools/projects/ng-devtools-backend:ng-devtools-backend_rjs",
"//devtools/src:zone-unaware-iframe_message_bus_rjs",
"//devtools/src/app/demo-app/todo:todo_rjs",
],
)
+9 -7
View File
@@ -1,5 +1,5 @@
load("@io_bazel_rules_sass//:defs.bzl", "sass_binary")
load("//devtools/tools:ng_module.bzl", "ng_module")
load("//devtools/tools:ng_project.bzl", "ng_project")
package(default_visibility = ["//visibility:public"])
@@ -8,7 +8,7 @@ sass_binary(
src = "app-todo.component.scss",
)
ng_module(
ng_project(
name = "todo",
srcs = [
"app.module.ts",
@@ -20,14 +20,16 @@ ng_module(
"dialog.component.html",
":app_todo_component_styles",
],
deps = [
"//devtools/src/app/demo-app/todo/about",
"//devtools/src/app/demo-app/todo/home",
"//devtools/src/app/demo-app/todo/routes",
interop_deps = [
"//packages/common",
"//packages/core",
"//packages/forms",
"//packages/router",
"@npm//@angular/material",
],
deps = [
"//:node_modules/@angular/material",
"//devtools/src/app/demo-app/todo/about:about_rjs",
"//devtools/src/app/demo-app/todo/home:home_rjs",
"//devtools/src/app/demo-app/todo/routes:routes_rjs",
],
)
@@ -1,14 +1,14 @@
load("//devtools/tools:ng_module.bzl", "ng_module")
load("//devtools/tools:ng_project.bzl", "ng_project")
package(default_visibility = ["//visibility:public"])
ng_module(
ng_project(
name = "about",
srcs = [
"about.component.ts",
"about.routes.ts",
],
deps = [
interop_deps = [
"//packages/core",
"//packages/router",
],
@@ -1,5 +1,5 @@
load("@io_bazel_rules_sass//:defs.bzl", "sass_binary")
load("//devtools/tools:ng_module.bzl", "ng_module")
load("//devtools/tools:ng_project.bzl", "ng_project")
package(default_visibility = ["//visibility:public"])
@@ -8,7 +8,7 @@ sass_binary(
src = "todo.component.scss",
)
ng_module(
ng_project(
name = "home",
srcs = [
"home.routes.ts",
@@ -25,7 +25,7 @@ ng_module(
"todo.component.html",
":home_styles",
],
deps = [
interop_deps = [
"//packages/common",
"//packages/core",
"//packages/router",
@@ -1,14 +1,14 @@
load("//devtools/tools:ng_module.bzl", "ng_module")
load("//devtools/tools:ng_project.bzl", "ng_project")
package(default_visibility = ["//visibility:public"])
ng_module(
ng_project(
name = "routes",
srcs = [
"routes.component.ts",
"routes.module.ts",
],
deps = [
interop_deps = [
"//packages/core",
"//packages/router",
],
+9 -7
View File
@@ -1,5 +1,5 @@
load("@io_bazel_rules_sass//:defs.bzl", "sass_binary")
load("//devtools/tools:ng_module.bzl", "ng_module")
load("//devtools/tools:ng_project.bzl", "ng_project")
package(default_visibility = ["//visibility:public"])
@@ -8,7 +8,7 @@ sass_binary(
src = "devtools-app.component.scss",
)
ng_module(
ng_project(
name = "devtools-app",
srcs = [
"devtools-app.component.ts",
@@ -18,13 +18,15 @@ ng_module(
"devtools-app.component.html",
":devtools_app_component_styles",
],
deps = [
"//devtools/projects/ng-devtools",
"//devtools/projects/ng-devtools/src/lib/application-services:frame_manager",
"//devtools/projects/protocol",
"//devtools/src:iframe_message_bus",
interop_deps = [
"//packages/common",
"//packages/core",
"//packages/router",
],
deps = [
"//devtools/projects/ng-devtools:ng-devtools_rjs",
"//devtools/projects/ng-devtools/src/lib/application-services:frame_manager_rjs",
"//devtools/projects/protocol:protocol_rjs",
"//devtools/src:iframe_message_bus_rjs",
],
)