angular__angular/devtools/src/BUILD.bazel

load("@npm//html-insert-assets:index.bzl", "html_insert_assets")
load("//tools:angular_ts_project.bzl", "ng_ts_project")
load("@io_bazel_rules_sass//:defs.bzl", "sass_binary", "sass_library")
load("@npm//@bazel/rollup:index.bzl", "rollup_bundle")
load("@npm//history-server:index.bzl", "history_server")
load("@build_bazel_rules_nodejs//:index.bzl", "pkg_web")

package(default_visibility = ["//visibility:public"])

sass_library(
    name = "material-theming",
    srcs = [
        "@npm//:node_modules/@angular/material/tabs/_tabs-theme.scss",
        "@npm//:node_modules/@angular/material/tabs/_tabs-common.import.scss",
        "@npm//:node_modules/@angular/material/tabs/_tabs-common.scss",
        "@npm//:node_modules/@angular/material/tabs/_tabs-legacy-index.scss",
        "@npm//:node_modules/@angular/material/tabs/_tabs-theme.import.scss",
        "@npm//:node_modules/@angular/material/tree/_tree-variables.import.scss",
        "@npm//:node_modules/@angular/material/tree/_tree-variables.scss",
        "@npm//:node_modules/@angular/material/tree/_tree-theme.import.scss",
        "@npm//:node_modules/@angular/material/tree/_tree-theme.scss",
        "@npm//:node_modules/@angular/material/tree/_tree-legacy-index.scss",
        "@npm//:node_modules/@angular/material/_index.scss",
        "@npm//:node_modules/@angular/material/tooltip/_tooltip-theme.import.scss",
        "@npm//:node_modules/@angular/material/tooltip/_tooltip-legacy-index.scss",
        "@npm//:node_modules/@angular/material/tooltip/_tooltip-theme.scss",
        "@npm//:node_modules/@angular/material/sidenav/_sidenav-theme.import.scss",
        "@npm//:node_modules/@angular/material/sidenav/_sidenav-legacy-index.scss",
        "@npm//:node_modules/@angular/material/sidenav/_sidenav-theme.scss",
        "@npm//:node_modules/@angular/material/radio/_radio-theme.import.scss",
        "@npm//:node_modules/@angular/material/radio/_radio-legacy-index.scss",
        "@npm//:node_modules/@angular/material/radio/_radio-theme.scss",
        "@npm//:node_modules/@angular/material/card/_card-legacy-index.scss",
        "@npm//:node_modules/@angular/material/card/_card-theme.scss",
        "@npm//:node_modules/@angular/material/card/_card-theme.import.scss",
        "@npm//:node_modules/@angular/material/core/_core.import.scss",
        "@npm//:node_modules/@angular/material/core/_core-theme.scss",
        "@npm//:node_modules/@angular/material/core/_core-legacy-index.scss",
        "@npm//:node_modules/@angular/material/core/color/_color-legacy-index.scss",
        "@npm//:node_modules/@angular/material/core/color/_all-color.scss",
        "@npm//:node_modules/@angular/material/core/color/_all-color.import.scss",
        "@npm//:node_modules/@angular/material/core/density/private/_density-legacy-index.scss",
        "@npm//:node_modules/@angular/material/core/density/private/_compatibility.import.scss",
        "@npm//:node_modules/@angular/material/core/density/private/_compatibility.scss",
        "@npm//:node_modules/@angular/material/core/density/private/_all-density.import.scss",
        "@npm//:node_modules/@angular/material/core/density/private/_all-density.scss",
        "@npm//:node_modules/@angular/material/core/focus-indicators/_focus-indicators-legacy-index.scss",
        "@npm//:node_modules/@angular/material/core/focus-indicators/_focus-indicators.import.scss",
        "@npm//:node_modules/@angular/material/core/focus-indicators/_focus-indicators-theme.scss",
        "@npm//:node_modules/@angular/material/core/focus-indicators/_focus-indicators.scss",
        "@npm//:node_modules/@angular/material/core/ripple/_ripple.import.scss",
        "@npm//:node_modules/@angular/material/core/ripple/_ripple-legacy-index.scss",
        "@npm//:node_modules/@angular/material/core/ripple/_ripple.scss",
        "@npm//:node_modules/@angular/material/core/ripple/_ripple-theme.scss",
        "@npm//:node_modules/@angular/material/core/style/_layout-common.scss",
        "@npm//:node_modules/@angular/material/core/style/_private.import.scss",
        "@npm//:node_modules/@angular/material/core/style/_layout-common.import.scss",
        "@npm//:node_modules/@angular/material/core/style/_variables.scss",
        "@npm//:node_modules/@angular/material/core/style/_style-legacy-index.scss",
        "@npm//:node_modules/@angular/material/core/style/_form-common.scss",
        "@npm//:node_modules/@angular/material/core/style/_checkbox-common.import.scss",
        "@npm//:node_modules/@angular/material/core/style/_menu-common.scss",
        "@npm//:node_modules/@angular/material/core/style/_variables.import.scss",
        "@npm//:node_modules/@angular/material/core/style/_vendor-prefixes.import.scss",
        "@npm//:node_modules/@angular/material/core/style/_form-common.import.scss",
        "@npm//:node_modules/@angular/material/core/style/_elevation.import.scss",
        "@npm//:node_modules/@angular/material/core/style/_menu-common.import.scss",
        "@npm//:node_modules/@angular/material/core/style/_checkbox-common.scss",
        "@npm//:node_modules/@angular/material/core/style/_vendor-prefixes.scss",
        "@npm//:node_modules/@angular/material/core/style/_list-common.import.scss",
        "@npm//:node_modules/@angular/material/core/style/_button-common.import.scss",
        "@npm//:node_modules/@angular/material/core/style/_elevation.scss",
        "@npm//:node_modules/@angular/material/core/style/_button-common.scss",
        "@npm//:node_modules/@angular/material/core/style/_private.scss",
        "@npm//:node_modules/@angular/material/core/style/_list-common.scss",
        "@npm//:node_modules/@angular/material/core/option/_option-legacy-index.scss",
        "@npm//:node_modules/@angular/material/core/option/_optgroup-theme.scss",
        "@npm//:node_modules/@angular/material/core/option/_option-theme.import.scss",
        "@npm//:node_modules/@angular/material/core/option/_optgroup-theme.import.scss",
        "@npm//:node_modules/@angular/material/core/option/_option-theme.scss",
        "@npm//:node_modules/@angular/material/core/theming/_palette.scss",
        "@npm//:node_modules/@angular/material/core/theming/_theming-legacy-index.scss",
        "@npm//:node_modules/@angular/material/core/theming/_all-theme.import.scss",
        "@npm//:node_modules/@angular/material/core/theming/_palette-deprecated.scss",
        "@npm//:node_modules/@angular/material/core/theming/_theming.import.scss",
        "@npm//:node_modules/@angular/material/core/theming/_all-theme.scss",
        "@npm//:node_modules/@angular/material/core/theming/_theming.scss",
        "@npm//:node_modules/@angular/material/core/theming/_palette.import.scss",
        "@npm//:node_modules/@angular/material/core/theming/_theming-deprecated.scss",
        "@npm//:node_modules/@angular/material/core/_core.scss",
        "@npm//:node_modules/@angular/material/core/typography/_typography-legacy-index.scss",
        "@npm//:node_modules/@angular/material/core/typography/_typography.scss",
        "@npm//:node_modules/@angular/material/core/typography/_typography-deprecated.scss",
        "@npm//:node_modules/@angular/material/core/typography/_typography-utils.scss",
        "@npm//:node_modules/@angular/material/core/typography/_typography-utils.import.scss",
        "@npm//:node_modules/@angular/material/core/typography/_all-typography.import.scss",
        "@npm//:node_modules/@angular/material/core/typography/_typography.import.scss",
        "@npm//:node_modules/@angular/material/core/typography/_typography-utils-deprecated.scss",
        "@npm//:node_modules/@angular/material/core/typography/_all-typography.scss",
        "@npm//:node_modules/@angular/material/core/selection/pseudo-checkbox/_pseudo-checkbox-legacy-index.scss",
        "@npm//:node_modules/@angular/material/core/selection/pseudo-checkbox/_pseudo-checkbox-theme.import.scss",
        "@npm//:node_modules/@angular/material/core/selection/pseudo-checkbox/_pseudo-checkbox-theme.scss",
        "@npm//:node_modules/@angular/material/autocomplete/_autocomplete-legacy-index.scss",
        "@npm//:node_modules/@angular/material/autocomplete/_autocomplete-theme.scss",
        "@npm//:node_modules/@angular/material/autocomplete/_autocomplete-theme.import.scss",
        "@npm//:node_modules/@angular/material/sort/_sort-theme.scss",
        "@npm//:node_modules/@angular/material/sort/_sort-legacy-index.scss",
        "@npm//:node_modules/@angular/material/sort/_sort-theme.import.scss",
        "@npm//:node_modules/@angular/material/chips/_chips-theme.scss",
        "@npm//:node_modules/@angular/material/chips/_chips-legacy-index.scss",
        "@npm//:node_modules/@angular/material/chips/_chips-theme.import.scss",
        "@npm//:node_modules/@angular/material/input/_input-legacy-index.scss",
        "@npm//:node_modules/@angular/material/input/_input-theme.import.scss",
        "@npm//:node_modules/@angular/material/input/_input-theme.scss",
        "@npm//:node_modules/@angular/material/progress-bar/_progress-bar-theme.import.scss",
        "@npm//:node_modules/@angular/material/progress-bar/_progress-bar-legacy-index.scss",
        "@npm//:node_modules/@angular/material/progress-bar/_progress-bar-theme.scss",
        "@npm//:node_modules/@angular/material/slide-toggle/_slide-toggle-legacy-index.scss",
        "@npm//:node_modules/@angular/material/slide-toggle/_slide-toggle-theme.import.scss",
        "@npm//:node_modules/@angular/material/slide-toggle/_slide-toggle-theme.scss",
        "@npm//:node_modules/@angular/material/datepicker/_datepicker-theme.scss",
        "@npm//:node_modules/@angular/material/datepicker/_datepicker-theme.import.scss",
        "@npm//:node_modules/@angular/material/datepicker/_datepicker-legacy-index.scss",
        "@npm//:node_modules/@angular/material/toolbar/_toolbar-theme.scss",
        "@npm//:node_modules/@angular/material/toolbar/_toolbar-theme.import.scss",
        "@npm//:node_modules/@angular/material/toolbar/_toolbar-legacy-index.scss",
        "@npm//:node_modules/@angular/material/toolbar/_toolbar-variables.scss",
        "@npm//:node_modules/@angular/material/toolbar/_toolbar-variables.import.scss",
        "@npm//:node_modules/@angular/material/checkbox/_checkbox-theme.scss",
        "@npm//:node_modules/@angular/material/checkbox/_checkbox-legacy-index.scss",
        "@npm//:node_modules/@angular/material/checkbox/_checkbox-theme.import.scss",
        "@npm//:node_modules/@angular/material/slider/_slider-theme.import.scss",
        "@npm//:node_modules/@angular/material/slider/_slider-legacy-index.scss",
        "@npm//:node_modules/@angular/material/slider/_slider-theme.scss",
        "@npm//:node_modules/@angular/material/stepper/_stepper-theme.scss",
        "@npm//:node_modules/@angular/material/stepper/_stepper-variables.import.scss",
        "@npm//:node_modules/@angular/material/stepper/_stepper-theme.import.scss",
        "@npm//:node_modules/@angular/material/stepper/_stepper-variables.scss",
        "@npm//:node_modules/@angular/material/stepper/_stepper-legacy-index.scss",
        "@npm//:node_modules/@angular/material/progress-spinner/_progress-spinner-theme.import.scss",
        "@npm//:node_modules/@angular/material/progress-spinner/_progress-spinner-theme.scss",
        "@npm//:node_modules/@angular/material/progress-spinner/_progress-spinner-legacy-index.scss",
        "@npm//:node_modules/@angular/material/dialog/_dialog-theme.scss",
        "@npm//:node_modules/@angular/material/dialog/_dialog-theme.import.scss",
        "@npm//:node_modules/@angular/material/dialog/_dialog-legacy-index.scss",
        "@npm//:node_modules/@angular/material/form-field/_form-field-outline-theme.import.scss",
        "@npm//:node_modules/@angular/material/form-field/_form-field-fill-theme.scss",
        "@npm//:node_modules/@angular/material/form-field/_form-field-legacy-theme.scss",
        "@npm//:node_modules/@angular/material/form-field/_form-field-outline-theme.scss",
        "@npm//:node_modules/@angular/material/form-field/_form-field-standard-theme.import.scss",
        "@npm//:node_modules/@angular/material/form-field/_form-field-fill-theme.import.scss",
        "@npm//:node_modules/@angular/material/form-field/_form-field-theme.scss",
        "@npm//:node_modules/@angular/material/form-field/_form-field-theme.import.scss",
        "@npm//:node_modules/@angular/material/form-field/_form-field-legacy-theme.import.scss",
        "@npm//:node_modules/@angular/material/form-field/_form-field-legacy-index.scss",
        "@npm//:node_modules/@angular/material/form-field/_form-field-standard-theme.scss",
        "@npm//:node_modules/@angular/material/expansion/_expansion-theme.import.scss",
        "@npm//:node_modules/@angular/material/expansion/_expansion-variables.scss",
        "@npm//:node_modules/@angular/material/expansion/_expansion-legacy-index.scss",
        "@npm//:node_modules/@angular/material/expansion/_expansion-variables.import.scss",
        "@npm//:node_modules/@angular/material/expansion/_expansion-theme.scss",
        "@npm//:node_modules/@angular/material/expansion/_expansion-mixins.scss",
        "@npm//:node_modules/@angular/material/expansion/_expansion-mixins.import.scss",
        "@npm//:node_modules/@angular/material/button-toggle/_button-toggle-variables.import.scss",
        "@npm//:node_modules/@angular/material/button-toggle/_button-toggle-theme.import.scss",
        "@npm//:node_modules/@angular/material/button-toggle/_button-toggle-legacy-index.scss",
        "@npm//:node_modules/@angular/material/button-toggle/_button-toggle-theme.scss",
        "@npm//:node_modules/@angular/material/button-toggle/_button-toggle-variables.scss",
        "@npm//:node_modules/@angular/material/button/_button-theme.scss",
        "@npm//:node_modules/@angular/material/button/_button-base.import.scss",
        "@npm//:node_modules/@angular/material/button/_button-legacy-index.scss",
        "@npm//:node_modules/@angular/material/button/_button-theme.import.scss",
        "@npm//:node_modules/@angular/material/button/_button-base.scss",
        "@npm//:node_modules/@angular/material/table/_table-flex-styles.scss",
        "@npm//:node_modules/@angular/material/table/_table-theme.import.scss",
        "@npm//:node_modules/@angular/material/table/_table-flex-styles.import.scss",
        "@npm//:node_modules/@angular/material/table/_table-legacy-index.scss",
        "@npm//:node_modules/@angular/material/table/_table-theme.scss",
        "@npm//:node_modules/@angular/material/list/_list-legacy-index.scss",
        "@npm//:node_modules/@angular/material/list/_list-theme.import.scss",
        "@npm//:node_modules/@angular/material/list/_list-theme.scss",
        "@npm//:node_modules/@angular/material/divider/_divider-offset.scss",
        "@npm//:node_modules/@angular/material/divider/_divider-legacy-index.scss",
        "@npm//:node_modules/@angular/material/divider/_divider-offset.import.scss",
        "@npm//:node_modules/@angular/material/divider/_divider-theme.import.scss",
        "@npm//:node_modules/@angular/material/divider/_divider-theme.scss",
        "@npm//:node_modules/@angular/material/menu/_menu-legacy-index.scss",
        "@npm//:node_modules/@angular/material/menu/_menu-theme.scss",
        "@npm//:node_modules/@angular/material/menu/_menu-theme.import.scss",
        "@npm//:node_modules/@angular/material/grid-list/_grid-list-legacy-index.scss",
        "@npm//:node_modules/@angular/material/grid-list/_grid-list-theme.import.scss",
        "@npm//:node_modules/@angular/material/grid-list/_grid-list-theme.scss",
        "@npm//:node_modules/@angular/material/bottom-sheet/_bottom-sheet-theme.scss",
        "@npm//:node_modules/@angular/material/bottom-sheet/_bottom-sheet-legacy-index.scss",
        "@npm//:node_modules/@angular/material/bottom-sheet/_bottom-sheet-theme.import.scss",
        "@npm//:node_modules/@angular/material/select/_select-theme.import.scss",
        "@npm//:node_modules/@angular/material/select/_select-legacy-index.scss",
        "@npm//:node_modules/@angular/material/select/_select-theme.scss",
        "@npm//:node_modules/@angular/material/_theming.scss",
        "@npm//:node_modules/@angular/material/icon/_icon-theme.scss",
        "@npm//:node_modules/@angular/material/icon/_icon-legacy-index.scss",
        "@npm//:node_modules/@angular/material/icon/_icon-theme.import.scss",
        "@npm//:node_modules/@angular/material/snack-bar/_snack-bar-legacy-index.scss",
        "@npm//:node_modules/@angular/material/snack-bar/_snack-bar-theme.scss",
        "@npm//:node_modules/@angular/material/snack-bar/_snack-bar-theme.import.scss",
        "@npm//:node_modules/@angular/material/paginator/_paginator-variables.import.scss",
        "@npm//:node_modules/@angular/material/paginator/_paginator-theme.scss",
        "@npm//:node_modules/@angular/material/paginator/_paginator-legacy-index.scss",
        "@npm//:node_modules/@angular/material/paginator/_paginator-theme.import.scss",
        "@npm//:node_modules/@angular/material/paginator/_paginator-variables.scss",
        "@npm//:node_modules/@angular/material/badge/_badge-theme.import.scss",
        "@npm//:node_modules/@angular/material/badge/_badge-legacy-index.scss",
        "@npm//:node_modules/@angular/material/badge/_badge-theme.scss",
        "@npm//:node_modules/@angular/cdk/_index.scss",
        "@npm//:node_modules/@angular/cdk/a11y/_index.scss",
        "@npm//:node_modules/@angular/cdk/a11y/_index.import.scss",
        "@npm//:node_modules/@angular/cdk/text-field/_index.scss",
        "@npm//:node_modules/@angular/cdk/text-field/_index.import.scss",
        "@npm//:node_modules/@angular/cdk/overlay/_index.scss",
        "@npm//:node_modules/@angular/cdk/overlay/_index-deprecated.scss",
        "@npm//:node_modules/@angular/cdk/overlay/_index.import.scss",
    ],
)

sass_binary(
    name = "demo-styles",
    src = "styles.scss",
    sourcemap = False,
    deps = [":material-theming"]
)

_ASSETS = [
    "//src:demo-styles",
    "@npm//:node_modules/zone.js/dist/zone.min.js",
]

html_insert_assets(
    name = "inject_scripts_for_dev",
    outs = ["index.html"],
    args = [
        "--html=$(execpath //src:_index.html)",
        "--out=$@",
        "--roots=. $(RULEDIR)",
        "--assets",
    ] + ["$(execpath %s)" % s for s in _ASSETS] + [
        "--scripts --module $(execpath :bundle-es2015)/index.dev.js",
    ],
    data = [
        "//src:_index.html",
        ":bundle-es2015",
    ] + _ASSETS,
)

ng_ts_project(
    name = "demo",
    srcs = ["main.ts"],
    tsconfig = "//:tsconfig.json",
    deps = [
        "//src/app",
        "//src/environments",
        "@npm//@angular/common",
        "@npm//@angular/core",
        "@npm//@angular/platform-browser",
        "@npm//@angular/platform-browser-dynamic",
        "@npm//@types",
        "@npm//rxjs",
    ],
)

ng_ts_project(
    name = "demo-application-environment",
    srcs = ["demo-application-environment.ts"],
    deps = [
        "//projects/ng-devtools",
        "//src/environments",
    ],
)

ng_ts_project(
    name = "demo-application-operations",
    srcs = ["demo-application-operations.ts"],
    deps = [
        "//projects/ng-devtools",
        "//projects/protocol",
    ],
)

ng_ts_project(
    name = "iframe-message-bus",
    srcs = ["iframe-message-bus.ts"],
    deps = [
        "//projects/protocol",
    ],
)

ng_ts_project(
    name = "zone-unaware-iframe-message-bus",
    srcs = ["zone-unaware-iframe-message-bus.ts"],
    deps = [
        ":iframe-message-bus",
        "//projects/protocol",
    ],
)

rollup_bundle(
    name = "bundle-es2015",
    config_file = "rollup.config.js",
    entry_points = {
        ":main.ts": "index.dev",
    },
    format = "esm",
    output_dir = True,
    deps = [
        ":demo",
        "@npm//@rollup/plugin-commonjs",
        "@npm//@rollup/plugin-node-resolve",
    ],
)

pkg_web(
    name = "devapp",
    srcs = _ASSETS + [
        ":bundle-es2015",
        ":inject_scripts_for_dev",
    ],
)

history_server(
    name = "devserver",
    data = [":devapp"],
    templated_args = [
        "-a $$(rlocation $(rootpath :devapp))",
        "--port 4200",
    ],
)