Skip to content

Commit af3c9af

Browse files
devversionjelbourn
devversion
authored and
jelbourn
committed
build: create individual bazel targets for dev-app demos (#16837)
Creates individual bazel targets for dev-app demos in favor of speeding up development with Bazel.
1 parent 5dbc618 commit af3c9af

File tree

65 files changed

+1455
-1221
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

65 files changed

+1455
-1221
lines changed

‎src/dev-app/BUILD.bazel

+67-46
Original file line numberDiff line numberDiff line change
@@ -2,59 +2,79 @@ package(default_visibility = ["//visibility:public"])
22

33
load("@io_bazel_rules_sass//:defs.bzl", "sass_binary")
44
load("@npm_bazel_typescript//:defs.bzl", "ts_devserver")
5-
load("//:packages.bzl", "CDK_EXPERIMENTAL_TARGETS", "CDK_TARGETS", "GOOGLE_MAPS_TARGETS", "MATERIAL_EXPERIMENTAL_SCSS_LIBS", "MATERIAL_EXPERIMENTAL_TARGETS", "MATERIAL_TARGETS")
5+
load("//:packages.bzl", "MATERIAL_EXPERIMENTAL_SCSS_LIBS")
66
load("//tools:defaults.bzl", "ng_module")
7-
load("//tools:sass_generate_binaries.bzl", "sass_generate_binaries")
8-
9-
# Generate sass binaries for all nested SCSS files.
10-
sass_generate_binaries(
11-
"dev_app_scss",
12-
glob(
13-
["**/*.scss"],
14-
exclude = ["theme.scss"],
15-
),
16-
[
17-
# Needed for the input-demo sass file that uses CDK text-field mixins.
18-
"//src/cdk/text-field:text_field_scss_lib",
19-
],
20-
)
217

228
ng_module(
239
name = "dev-app",
24-
srcs = glob(
25-
["**/*.ts"],
26-
exclude = [
27-
"system-config.ts",
28-
"system-rxjs-operators.ts",
29-
],
30-
),
31-
assets = glob(
32-
["**/*.html"],
33-
exclude = ["index.html"],
34-
) + [
35-
":dev_app_scss",
36-
":theme",
10+
srcs = [
11+
"dev-app.ts",
12+
"main.ts",
13+
"main-module.ts",
3714
],
3815
deps = [
39-
"@npm//@angular/animations",
40-
"@npm//@angular/common",
41-
"@npm//@angular/core",
42-
"@npm//@angular/elements",
43-
"@npm//@angular/forms",
44-
"@npm//@angular/platform-browser",
45-
"@npm//@angular/platform-browser-dynamic",
16+
"//src/cdk/bidi",
17+
"//src/cdk/overlay",
18+
"//src/dev-app/autocomplete",
19+
"//src/dev-app/badge",
20+
"//src/dev-app/baseline",
21+
"//src/dev-app/bottom-sheet",
22+
"//src/dev-app/button",
23+
"//src/dev-app/button-toggle",
24+
"//src/dev-app/card",
25+
"//src/dev-app/checkbox",
26+
"//src/dev-app/chips",
27+
"//src/dev-app/connected-overlay",
28+
"//src/dev-app/datepicker",
29+
"//src/dev-app/dev-app",
30+
"//src/dev-app/dialog",
31+
"//src/dev-app/drag-drop",
32+
"//src/dev-app/drawer",
33+
"//src/dev-app/example",
34+
"//src/dev-app/examples-page",
35+
"//src/dev-app/expansion",
36+
"//src/dev-app/focus-origin",
37+
"//src/dev-app/gestures",
38+
"//src/dev-app/google-map",
39+
"//src/dev-app/grid-list",
40+
"//src/dev-app/icon",
41+
"//src/dev-app/input",
42+
"//src/dev-app/list",
43+
"//src/dev-app/live-announcer",
44+
"//src/dev-app/mdc-button",
45+
"//src/dev-app/mdc-card",
46+
"//src/dev-app/mdc-checkbox",
47+
"//src/dev-app/mdc-chips",
48+
"//src/dev-app/mdc-menu",
49+
"//src/dev-app/mdc-radio",
50+
"//src/dev-app/mdc-slide-toggle",
51+
"//src/dev-app/mdc-tabs",
52+
"//src/dev-app/menu",
53+
"//src/dev-app/paginator",
54+
"//src/dev-app/platform",
55+
"//src/dev-app/popover-edit",
56+
"//src/dev-app/portal",
57+
"//src/dev-app/progress-bar",
58+
"//src/dev-app/progress-spinner",
59+
"//src/dev-app/radio",
60+
"//src/dev-app/ripple",
61+
"//src/dev-app/screen-type",
62+
"//src/dev-app/select",
63+
"//src/dev-app/sidenav",
64+
"//src/dev-app/slide-toggle",
65+
"//src/dev-app/slider",
66+
"//src/dev-app/snack-bar",
67+
"//src/dev-app/stepper",
68+
"//src/dev-app/table",
69+
"//src/dev-app/tabs",
70+
"//src/dev-app/toolbar",
71+
"//src/dev-app/tooltip",
72+
"//src/dev-app/tree",
73+
"//src/dev-app/typography",
74+
"//src/dev-app/virtual-scroll",
75+
"//src/material/core",
4676
"@npm//@angular/router",
47-
"@npm//rxjs",
48-
"//src/material-experimental/mdc-button",
49-
"//src/material-experimental/mdc-card",
50-
"//src/material-experimental/mdc-checkbox",
51-
"//src/material-experimental/mdc-chips",
52-
"//src/material-experimental/mdc-menu",
53-
"//src/material-experimental/mdc-radio",
54-
"//src/material-experimental/mdc-slide-toggle",
55-
"//src/material-experimental/mdc-tabs",
56-
"//src/material-examples:examples",
57-
] + CDK_TARGETS + CDK_EXPERIMENTAL_TARGETS + MATERIAL_TARGETS + MATERIAL_EXPERIMENTAL_TARGETS + GOOGLE_MAPS_TARGETS,
77+
],
5878
)
5979

6080
sass_binary(
@@ -76,6 +96,7 @@ ts_devserver(
7696
port = 4200,
7797
static_files = [
7898
":theme",
99+
"//src/dev-app/icon:icon_demo_assets",
79100
"@npm//:node_modules/@material/animation/dist/mdc.animation.js",
80101
"@npm//:node_modules/@material/auto-init/dist/mdc.autoInit.js",
81102
"@npm//:node_modules/@material/base/dist/mdc.base.js",

‎src/dev-app/autocomplete/BUILD.bazel

+27
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
package(default_visibility = ["//visibility:public"])
2+
3+
load("@io_bazel_rules_sass//:defs.bzl", "sass_binary")
4+
load("//tools:defaults.bzl", "ng_module")
5+
6+
ng_module(
7+
name = "autocomplete",
8+
srcs = glob(["**/*.ts"]),
9+
assets = [
10+
"autocomplete-demo.html",
11+
":autocomplete_demo_scss",
12+
],
13+
deps = [
14+
"//src/material/autocomplete",
15+
"//src/material/button",
16+
"//src/material/card",
17+
"//src/material/form-field",
18+
"//src/material/input",
19+
"@npm//@angular/forms",
20+
"@npm//@angular/router",
21+
],
22+
)
23+
24+
sass_binary(
25+
name = "autocomplete_demo_scss",
26+
src = "autocomplete-demo.scss",
27+
)

‎src/dev-app/badge/BUILD.bazel

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
package(default_visibility = ["//visibility:public"])
2+
3+
load("@io_bazel_rules_sass//:defs.bzl", "sass_binary")
4+
load("//tools:defaults.bzl", "ng_module")
5+
6+
ng_module(
7+
name = "badge",
8+
srcs = glob(["**/*.ts"]),
9+
assets = [
10+
"badge-demo.html",
11+
":badge_demo_scss",
12+
],
13+
deps = [
14+
"//src/material/badge",
15+
"//src/material/button",
16+
"//src/material/icon",
17+
"@npm//@angular/forms",
18+
"@npm//@angular/router",
19+
],
20+
)
21+
22+
sass_binary(
23+
name = "badge_demo_scss",
24+
src = "badge-demo.scss",
25+
)

‎src/dev-app/baseline/BUILD.bazel

+28
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
package(default_visibility = ["//visibility:public"])
2+
3+
load("@io_bazel_rules_sass//:defs.bzl", "sass_binary")
4+
load("//tools:defaults.bzl", "ng_module")
5+
6+
ng_module(
7+
name = "baseline",
8+
srcs = glob(["**/*.ts"]),
9+
assets = [
10+
"baseline-demo.html",
11+
":baseline_demo_scss",
12+
],
13+
deps = [
14+
"//src/material/card",
15+
"//src/material/checkbox",
16+
"//src/material/form-field",
17+
"//src/material/input",
18+
"//src/material/radio",
19+
"//src/material/select",
20+
"//src/material/toolbar",
21+
"@npm//@angular/router",
22+
],
23+
)
24+
25+
sass_binary(
26+
name = "baseline_demo_scss",
27+
src = "baseline-demo.scss",
28+
)

‎src/dev-app/bottom-sheet/BUILD.bazel

+31
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
package(default_visibility = ["//visibility:public"])
2+
3+
load("@io_bazel_rules_sass//:defs.bzl", "sass_binary")
4+
load("//tools:defaults.bzl", "ng_module")
5+
6+
ng_module(
7+
name = "bottom-sheet",
8+
srcs = glob(["**/*.ts"]),
9+
assets = [
10+
"bottom-sheet-demo.html",
11+
":bottom_sheet_demo_scss",
12+
],
13+
deps = [
14+
"//src/material/bottom-sheet",
15+
"//src/material/button",
16+
"//src/material/card",
17+
"//src/material/checkbox",
18+
"//src/material/form-field",
19+
"//src/material/icon",
20+
"//src/material/input",
21+
"//src/material/list",
22+
"//src/material/select",
23+
"@npm//@angular/forms",
24+
"@npm//@angular/router",
25+
],
26+
)
27+
28+
sass_binary(
29+
name = "bottom_sheet_demo_scss",
30+
src = "bottom-sheet-demo.scss",
31+
)

‎src/dev-app/button-toggle/BUILD.bazel

+24
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
package(default_visibility = ["//visibility:public"])
2+
3+
load("@io_bazel_rules_sass//:defs.bzl", "sass_binary")
4+
load("//tools:defaults.bzl", "ng_module")
5+
6+
ng_module(
7+
name = "button-toggle",
8+
srcs = glob(["**/*.ts"]),
9+
assets = [
10+
"button-toggle-demo.html",
11+
":button_toggle_demo_scss",
12+
],
13+
deps = [
14+
"//src/material/button-toggle",
15+
"//src/material/checkbox",
16+
"//src/material/icon",
17+
"@npm//@angular/router",
18+
],
19+
)
20+
21+
sass_binary(
22+
name = "button_toggle_demo_scss",
23+
src = "button-toggle-demo.scss",
24+
)

‎src/dev-app/button/BUILD.bazel

+23
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
package(default_visibility = ["//visibility:public"])
2+
3+
load("@io_bazel_rules_sass//:defs.bzl", "sass_binary")
4+
load("//tools:defaults.bzl", "ng_module")
5+
6+
ng_module(
7+
name = "button",
8+
srcs = glob(["**/*.ts"]),
9+
assets = [
10+
"button-demo.html",
11+
":button_demo_scss",
12+
],
13+
deps = [
14+
"//src/material/button",
15+
"//src/material/icon",
16+
"@npm//@angular/router",
17+
],
18+
)
19+
20+
sass_binary(
21+
name = "button_demo_scss",
22+
src = "button-demo.scss",
23+
)

‎src/dev-app/card/BUILD.bazel

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
package(default_visibility = ["//visibility:public"])
2+
3+
load("@io_bazel_rules_sass//:defs.bzl", "sass_binary")
4+
load("//tools:defaults.bzl", "ng_module")
5+
6+
ng_module(
7+
name = "card",
8+
srcs = glob(["**/*.ts"]),
9+
assets = [
10+
"card-demo.html",
11+
":card_demo_scss",
12+
],
13+
deps = [
14+
"//src/material/button",
15+
"//src/material/card",
16+
"//src/material/divider",
17+
"//src/material/progress-bar",
18+
"@npm//@angular/router",
19+
],
20+
)
21+
22+
sass_binary(
23+
name = "card_demo_scss",
24+
src = "card-demo.scss",
25+
)

‎src/dev-app/checkbox/BUILD.bazel

+27
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
package(default_visibility = ["//visibility:public"])
2+
3+
load("@io_bazel_rules_sass//:defs.bzl", "sass_binary")
4+
load("//tools:defaults.bzl", "ng_module")
5+
6+
ng_module(
7+
name = "checkbox",
8+
srcs = glob(["**/*.ts"]),
9+
assets = [
10+
"checkbox-demo.html",
11+
"nested-checklist.html",
12+
":checkbox_demo_scss",
13+
],
14+
deps = [
15+
"//src/material/checkbox",
16+
"//src/material/core",
17+
"//src/material/form-field",
18+
"//src/material/input",
19+
"//src/material/select",
20+
"@npm//@angular/router",
21+
],
22+
)
23+
24+
sass_binary(
25+
name = "checkbox_demo_scss",
26+
src = "checkbox-demo.scss",
27+
)

‎src/dev-app/chips/BUILD.bazel

+28
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
package(default_visibility = ["//visibility:public"])
2+
3+
load("@io_bazel_rules_sass//:defs.bzl", "sass_binary")
4+
load("//tools:defaults.bzl", "ng_module")
5+
6+
ng_module(
7+
name = "chips",
8+
srcs = glob(["**/*.ts"]),
9+
assets = [
10+
"chips-demo.html",
11+
":chips_demo_scss",
12+
],
13+
deps = [
14+
"//src/material/button",
15+
"//src/material/card",
16+
"//src/material/checkbox",
17+
"//src/material/chips",
18+
"//src/material/form-field",
19+
"//src/material/icon",
20+
"//src/material/toolbar",
21+
"@npm//@angular/router",
22+
],
23+
)
24+
25+
sass_binary(
26+
name = "chips_demo_scss",
27+
src = "chips-demo.scss",
28+
)

0 commit comments

Comments
 (0)