anki/ts/graphs/BUILD.bazel
Damien Elmes dbe5d43ba0 bundle all Svelte css into separate file
- svelte compilation outputs a separate .css file for each component
- compilation also adds an "import foo.css" to the top of each generated
.mjs file
- when the .mjs files are bundled into app.js, esbuild creates an app.css
as well
- graphs.scss was renamed to graphs_shared.scss and imported in the
top level GraphsPage. Henrik's style refactoring would be a better path
forward, but I needed to make this change for now, as the filenames were
conflicting.
2021-03-21 16:06:36 +10:00

109 lines
2.0 KiB
Python

load("@npm//@bazel/typescript:index.bzl", "ts_library")
load("//ts/svelte:svelte.bzl", "compile_svelte", "svelte_check")
load("//ts:prettier.bzl", "prettier_test")
load("//ts:eslint.bzl", "eslint_test")
load("//ts:esbuild.bzl", "esbuild")
load("@io_bazel_rules_sass//:defs.bzl", "sass_binary")
sass_binary(
name = "graphs_shared",
src = "graphs_shared.scss",
visibility = ["//visibility:public"],
deps = [
"//ts/sass:core_lib",
],
)
svelte_files = glob(["*.svelte"])
svelte_names = [f.replace(".svelte", "") for f in svelte_files]
compile_svelte(
name = "svelte",
srcs = svelte_files,
)
ts_library(
name = "bootstrap",
srcs = ["bootstrap.ts"],
deps = [
"GraphsPage",
"lib",
"//ts/lib",
"@npm//svelte",
"@npm//svelte2tsx",
],
)
ts_library(
name = "lib",
srcs = glob(
["*.ts"],
exclude = ["bootstrap.ts"],
),
deps = [
"//ts/lib",
"//ts/lib:backend_proto",
"@npm//@types/d3",
"@npm//@types/lodash",
"@npm//d3",
"@npm//lodash.debounce",
"@npm//lodash.throttle",
"@npm//svelte",
],
)
esbuild(
name = "graphs",
srcs = [
"//ts:protobuf-shim.js",
],
args = [
"--global-name=anki",
"--inject:ts/protobuf-shim.js",
],
entry_point = "bootstrap.ts",
external = [
"protobufjs/light",
],
output_css = True,
visibility = ["//visibility:public"],
deps = [
"//ts/lib",
"//ts/lib:backend_proto",
"//ts/lib:fluent_proto",
"bootstrap",
"graphs_shared",
] + svelte_names,
)
exports_files(["graphs.html"])
# Tests
################
prettier_test(
name = "format_check",
srcs = glob([
"*.ts",
"*.svelte",
]),
)
eslint_test(
name = "eslint",
srcs = glob(
[
"*.ts",
],
),
)
svelte_check(
name = "svelte_check",
srcs = glob([
"*.ts",
"*.svelte",
]),
)