dbe5d43ba0
- 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.
109 lines
2.0 KiB
Python
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",
|
|
]),
|
|
)
|