Node.js/TypeScriptのビルド

npm init @bazel {PROJECT_NAME}

{
    "name": "nodejs",
    "version": "0.1.0",
    "private": true,
    "devDependencies": {
        "@bazel/bazelisk": "latest",
        "@bazel/ibazel": "latest",
        "@bazel/buildifier": "latest"
    },
    "scripts": {
        "build": "bazel build //...",
        "test": "bazel test //..."
    }
}

$ node_modules/.bin/bazel --version
2020/10/18 00:48:39 Downloading https://releases.bazel.build/3.0.0/release/bazel-3.0.0-linux-x86_64...
bazel 3.0.0

# Bazel workspace created by @bazel/create 2.2.1

# Declares that this directory is the root of a Bazel workspace.
# See https://docs.bazel.build/versions/master/build-ref.html#workspace
workspace(
    # How this workspace would be referenced with absolute labels from another workspace
    name = "nodejs",
    # Map the @npm bazel workspace to the node_modules directory.
    # This lets Bazel use the same node_modules as other local tooling.
    managed_directories = {"@npm": ["node_modules"]},
)

# Install the nodejs "bootstrap" package
# This provides the basic tools for running and packaging nodejs programs in Bazel
load("@bazel_tools//tools/build_defs/repo:http.bzl", "http_archive")
http_archive(
    name = "build_bazel_rules_nodejs",
    sha256 = "64a71a64ac58b8969bb19b1c9258a973b6433913e958964da698943fb5521d98",
    urls = ["https://github.com/bazelbuild/rules_nodejs/releases/download/2.2.1/rules_nodejs-2.2.1.tar.gz"],
)

# The npm_install rule runs yarn anytime the package.json or package-lock.json file changes.
# It also extracts any Bazel rules distributed in an npm package.
load("@build_bazel_rules_nodejs//:index.bzl", "npm_install")
npm_install(
    # Name this npm so that Bazel Label references look like @npm//package
    name = "npm",
    package_json = "//:package.json",
    package_lock_json = "//:package-lock.json",
)

load("@build_bazel_rules_nodejs//:index.bzl", "nodejs_test")

# index.jsを実行してステータスコードが0かどうかチェックするだけ
nodejs_test(
  name = "index_test",
  entry_point = "src/index.js",
  data = [
    "@npm//lodash",
    "src/printer.js",
    "src/int_list.js",
  ],
)

load("@npm//eslint:index.bzl", "eslint_test")

eslint_test(
  name = "lint",
  args = ["src", "__tests__"],
  data = [".eslintrc.js"] + glob(["src/**/*.js", "__tests__/**/*.js"]) + [
    "@npm//eslint-plugin-jest",
    "@npm//jest" # for eslint auto detect jest version
  ],
)

load(":jest.bzl", "jest_test")

jest_test(
  name = "jest_test",
  srcs = glob(["__tests__/*.js"]),
  jest_config = "jest.config.js",
  deps = glob(["src/*.js"])
)

""" My jest_test wrapper
ref: https://github.com/bazelbuild/rules_nodejs/blob/stable/examples/jest/jest.bzl
"""

# eslint_test同様にbinから自動生成されるruleを使うが、_jest_testという別名で読み込む
load("@npm//jest:index.bzl", _jest_test = "jest_test")

def jest_test(name, srcs, deps, jest_config, **kwargs):
    # jest_testを生成するためのマクロ
    args = [
        "--no-cache",
        "--no-watchman",
        "--ci",
    ]
    args.extend(["--config", "$(location %s)" % jest_config])
    # 理由が分からなかったがjestはsandbox環境では__tests__の中にマッチするテストファイルが存在しないと判定してしまう
    # --rootDirや--testMatchも試したが効果はなかった
    # --runTestsByPathで1ファイルずつパスを渡す場合は正しく見つけることができる

    # 配列のsrcsでループを回す必要があるのでdefで自前のjest_testを実装する必要があった
    for src in srcs:
        args.extend(["--runTestsByPath", "$(location %s)" % src])

    _jest_test(
        name = name,
        data = [jest_config] + srcs + deps,
        args = args,
        **kwargs
    )

$ npm run test

> javascript@0.1.0 test /home/codespace/workspace/bazel-playground/javascript
> bazel test //...

Starting local Bazel server and connecting to it...
INFO: Invocation ID: db750dcf-b4a8-46ad-b7ff-3976d41c4f98
INFO: Analyzed 3 targets (508 packages loaded, 10069 targets configured).
INFO: Found 3 test targets...
INFO: Elapsed time: 88.613s, Critical Path: 9.24s
INFO: 6 processes: 1 remote cache hit, 5 processwrapper-sandbox.
INFO: Build completed successfully, 22 total actions
//:index_test                                                            PASSED in 1.0s
//:jest_test                                                             PASSED in 2.4s
//:lint                                                                  PASSED in 0.7s

$ npm run test
> javascript@0.1.0 test /home/codespace/workspace/bazel-playground/javascript
> bazel test //...

INFO: Invocation ID: 1dd03128-6c94-40ce-aa45-7d08e64cb4fa
INFO: Analyzed 3 targets (0 packages loaded, 0 targets configured).
INFO: Found 3 test targets...
INFO: Elapsed time: 0.902s, Critical Path: 0.01s
INFO: 0 processes.
INFO: Build completed successfully, 1 total action
//:index_test                                                   (cached) PASSED in 1.0s
//:jest_test                                                    (cached) PASSED in 2.4s
//:lint                                                         (cached) PASSED in 0.7s

load("@npm//@bazel/typescript:index.bzl", "ts_project")
load("@build_bazel_rules_nodejs//:index.bzl", "nodejs_test")

ts_project(
  name = "lib",
  srcs = glob(["src/**/*.ts"]),
  tsconfig = "tsconfig.json",
  deps = [
    "@npm//@types/lodash"
  ],
  # declarationやsouce_mapなどはtsconfig.jsonと一致しない場合はエラーになるので必ず合わせる
  declaration = True,
  source_map = True,
)

# index.jsを実行してステータスコードが0かどうかチェックするだけ
nodejs_test(
  name = "index_test",
  # ts_projectはsrc/index.tsからsrc/index.jsが生成されることが分かっている
  # ':'を省略したとしてもsrc/index.ts -> src/index.jsと解釈されてjsが実行される
  entry_point = ":src/index.ts",
  data = [
    "@npm//lodash",
    ":lib"
  ],
)

load(":jest.bzl", "jest_test")

jest_test(
  name = "jest_test",
  srcs = glob(["__tests__/**/*.test.ts"]),
  jest_config = "jest.config.js",
  deps = [
    "src",
    "tsconfig.json",
    "@npm//@types/lodash",
    "@npm//lodash",
    "@npm//ts-jest",
  ],
)

module.exports = {
  preset: 'ts-jest',
  testEnvironment: 'node',
};

$ npm run build

> @ build /home/codespace/workspace/bazel-playground/ts_project
> bazel build //...

INFO: Invocation ID: e57444a9-7922-49f8-9585-6908b433e817
INFO: Analyzed 4 targets (480 packages loaded, 10333 targets configured).
INFO: Found 4 targets...
INFO: Elapsed time: 11.514s, Critical Path: 2.55s
INFO: 2 processes: 2 remote cache hit.
INFO: Build completed successfully, 29 total actions

$ npm run test

> @ test /home/codespace/workspace/bazel-playground/ts_project
> bazel test //...

Starting local Bazel server and connecting to it...
INFO: Invocation ID: 23c1142f-5ea8-4e98-b712-a69d16d95a12
INFO: Analyzed 4 targets (480 packages loaded, 10333 targets configured).
INFO: Found 2 targets and 2 test targets...
INFO: Elapsed time: 75.066s, Critical Path: 2.61s
INFO: 6 processes: 6 remote cache hit.
INFO: Build completed successfully, 31 total actions
//:index_test                                                   (cached) PASSED in 0.1s
//:jest_test                                                    (cached) PASSED in 0.1s

Executed 0 out of 2 tests: 2 tests pass.
INFO: Build completed successfully, 31 total actions

bazel query \
  --notool_deps \
  --noimplicit_deps \
  "deps(//...) except @npm//...:*" \
  --output graph