Migrates all example ts_library() targets to ts_project().

Mostly just works, but two major issues to overcome:

1. `ts_library()` generated ES6 sources which used ESM modules, but `ts_project()` just does what the `tsconfig.json` says, which is CommonJS by default. Need to use a separate `tsconfig` attribute for client-side scripts so they generate ESM JS which can be properly bundled by Rollup.
2. The `ts_project()` macro uses `link_workspace_root = True` by default which maps `rules_prerender` to `""` (the root package path). This is incompatible with `//packages/rules_prerender` which maps `rules_prerender` to `"packages/rules_prerender"` and cannot be used together. Test code which depends on `:%{component}_prerender_for_test` encounters this issue for reasons I don't remember. The easiest solution for now is to set `link_workspace_root = False` for such `ts_project()` targets and use relative imports. Long term we should move to a fully relative / package name import model. Filed #49 to follow up on that work.

examples/components/BUILD.bazel

@@ -1,4 +1,4 @@
-load("@npm//@bazel/concatjs:index.bzl", "ts_library")
+load("//tools:typescript.bzl", "ts_project")
 load(
     "//:index.bzl",
     "prerender_component",
@@ -26,7 +26,7 @@ prerender_component(
     deps = [":dep"],
 )
 
-ts_library(
+ts_project(
     name = "ts_dep",
     srcs = ["ts_dep.ts"],
 )
@@ -51,7 +51,7 @@ web_resources_devserver(
     resources = ":page",
 )
 
-ts_library(
+ts_project(
     name = "test_lib",
     srcs = ["test.ts"],
     testonly = True,

examples/components/component.ts

@@ -7,7 +7,7 @@ export function render(): string {
         <div class="component">
             <span class="content">I'm a component!</span>
 
-            <!-- Can use basic \`ts_library()\` dependencies. -->
+            <!-- Can use basic \`ts_project()\` dependencies. -->
             <span class="ts-dep">${tsDep()}</span>
 
             <!-- Can compose other \`prerender_component()\` dependencies. -->

examples/custom_bundling/BUILD.bazel

@@ -1,5 +1,5 @@
 load("@npm//@bazel/rollup:index.bzl", "rollup_bundle")
-load("@npm//@bazel/concatjs:index.bzl", "ts_library")
+load("//tools:typescript.bzl", "ts_project")
 load(
     "//:index.bzl",
     "extract_single_resource",
@@ -27,9 +27,10 @@ extract_single_resource(
     out = "page.html",
 )
 
-ts_library(
+ts_project(
     name = "script",
     srcs = ["script.ts"],
+    tsconfig = "//:tsconfig_client",
 )
 
 # Manually bundle all scripts.
@@ -69,7 +70,7 @@ web_resources_devserver(
     resources = ":site",
 )
 
-ts_library(
+ts_project(
     name = "test_lib",
     srcs = ["test.ts"],
     testonly = True,

examples/custom_bundling/component/BUILD.bazel

@@ -1,4 +1,4 @@
-load("@npm//@bazel/concatjs:index.bzl", "ts_library")
+load("//tools:typescript.bzl", "ts_project")
 load("//:index.bzl", "prerender_component")
 
 prerender_component(
@@ -12,7 +12,8 @@ prerender_component(
     deps = ["//examples/custom_bundling/transitive"],
 )
 
-ts_library(
+ts_project(
     name = "component_script",
     srcs = ["component_script.ts"],
+    tsconfig = "//:tsconfig_client",
 )

examples/custom_bundling/transitive/BUILD.bazel

@@ -1,4 +1,4 @@
-load("@npm//@bazel/concatjs:index.bzl", "ts_library")
+load("//tools:typescript.bzl", "ts_project")
 load("//:index.bzl", "prerender_component")
 
 prerender_component(
@@ -11,7 +11,8 @@ prerender_component(
     visibility = ["//examples/custom_bundling:__subpackages__"],
 )
 
-ts_library(
+ts_project(
     name = "transitive_script",
     srcs = ["transitive_script.ts"],
+    tsconfig = "//:tsconfig_client",
 )

examples/data/BUILD.bazel

@@ -1,4 +1,4 @@
-load("@npm//@bazel/concatjs:index.bzl", "ts_library")
+load("//tools:typescript.bzl", "ts_project")
 load("//:index.bzl", "prerender_pages", "web_resources_devserver")
 load("//tools:jasmine.bzl", "jasmine_web_test_suite")
 
@@ -21,7 +21,7 @@ web_resources_devserver(
     resources = ":pages",
 )
 
-ts_library(
+ts_project(
     name = "test_lib",
     srcs = ["test.ts"],
     testonly = True,

examples/declarative_shadow_dom/BUILD.bazel

@@ -1,4 +1,4 @@
-load("@npm//@bazel/concatjs:index.bzl", "ts_library")
+load("//tools:typescript.bzl", "ts_project")
 load(
     "//:index.bzl",
     "css_library",
@@ -37,7 +37,7 @@ web_resources_devserver(
     resources = ":site",
 )
 
-ts_library(
+ts_project(
     name = "test_lib",
     srcs = ["test.ts"],
     data = [":devserver"],

examples/javascript/BUILD.bazel

@@ -1,4 +1,4 @@
-load("@npm//@bazel/concatjs:index.bzl", "ts_library")
+load("//tools:typescript.bzl", "ts_project")
 load("//:index.bzl", "prerender_pages", "web_resources_devserver")
 load("//tools:jasmine.bzl", "jasmine_web_test_suite")
 
@@ -14,7 +14,7 @@ web_resources_devserver(
     resources = ":page",
 )
 
-ts_library(
+ts_project(
     name = "test_lib",
     srcs = ["test.ts"],
     testonly = True,

examples/minimal/BUILD.bazel

@@ -1,4 +1,4 @@
-load("@npm//@bazel/concatjs:index.bzl", "ts_library")
+load("//tools:typescript.bzl", "ts_project")
 load("//:index.bzl", "prerender_pages", "web_resources_devserver")
 load("//tools:jasmine.bzl", "jasmine_web_test_suite")
 
@@ -14,13 +14,13 @@ prerender_pages(
     ],
 )
 
-ts_library(
+ts_project(
     name = "dep",
     srcs = ["dep.ts"],
     deps = [":transitive"],
 )
 
-ts_library(
+ts_project(
     name = "transitive",
     srcs = ["transitive.ts"],
 )
@@ -30,7 +30,7 @@ web_resources_devserver(
     resources = ":page",
 )
 
-ts_library(
+ts_project(
     name = "test_lib",
     srcs = ["test.ts"],
     testonly = True,

examples/multi_page/BUILD.bazel

@@ -1,4 +1,4 @@
-load("@npm//@bazel/concatjs:index.bzl", "ts_library")
+load("//tools:typescript.bzl", "ts_project")
 load(
     "//:index.bzl",
     "css_library",
@@ -24,9 +24,10 @@ css_library(
     srcs = ["styles.css"],
 )
 
-ts_library(
+ts_project(
     name = "script",
     srcs = ["script.ts"],
+    tsconfig = "//:tsconfig_client",
 )
 
 web_resources(
@@ -41,7 +42,7 @@ web_resources_devserver(
     resources = ":pages",
 )
 
-ts_library(
+ts_project(
     name = "test_lib",
     srcs = ["test.ts"],
     testonly = True,

examples/prerender_resources/BUILD.bazel

@@ -1,10 +1,11 @@
-load("@npm//@bazel/concatjs:index.bzl", "ts_library")
+load("//tools:typescript.bzl", "ts_project")
 load("//:index.bzl", "prerender_resources")
 load("//tools:jasmine.bzl", "jasmine_node_test")
 
-ts_library(
+ts_project(
     name = "generator",
     srcs = ["generator.ts"],
+    link_workspace_root = False,
     deps = ["//packages/rules_prerender"],
 )
 
@@ -14,7 +15,7 @@ prerender_resources(
     data = [":generator"],
 )
 
-ts_library(
+ts_project(
     name = "generator_test",
     srcs = ["generator_test.ts"],
     testonly = True,

examples/resources/BUILD.bazel

@@ -1,4 +1,4 @@
-load("@npm//@bazel/concatjs:index.bzl", "ts_library")
+load("//tools:typescript.bzl", "ts_project")
 load(
     "//:index.bzl",
     "prerender_pages",
@@ -34,7 +34,7 @@ web_resources_devserver(
     resources = ":page",
 )
 
-ts_library(
+ts_project(
     name = "test_lib",
     srcs = ["test.ts"],
     testonly = True,

examples/scripts/BUILD.bazel

@@ -1,4 +1,4 @@
-load("@npm//@bazel/concatjs:index.bzl", "ts_library")
+load("//tools:typescript.bzl", "ts_project")
 load("//:index.bzl", "prerender_pages", "web_resources_devserver")
 load("//tools:jasmine.bzl", "jasmine_web_test_suite")
 
@@ -12,17 +12,18 @@ prerender_pages(
     deps = ["//examples/scripts/component"],
 )
 
-ts_library(
+ts_project(
     name = "script",
     srcs = ["script.ts"],
+    tsconfig = "//:tsconfig_client",
 )
 
 web_resources_devserver(
     name = "devserver",
     resources = ":page",
 )
 
-ts_library(
+ts_project(
     name = "test_lib",
     srcs = ["test.ts"],
     testonly = True,

examples/scripts/component/BUILD.bazel

@@ -1,4 +1,4 @@
-load("@npm//@bazel/concatjs:index.bzl", "ts_library")
+load("//tools:typescript.bzl", "ts_project")
 load("//:index.bzl", "prerender_component")
 
 prerender_component(
@@ -12,7 +12,8 @@ prerender_component(
     deps = ["//examples/scripts/transitive"],
 )
 
-ts_library(
+ts_project(
     name = "component_script",
     srcs = ["component_script.ts"],
+    tsconfig = "//:tsconfig_client",
 )

examples/scripts/transitive/BUILD.bazel

@@ -1,4 +1,4 @@
-load("@npm//@bazel/concatjs:index.bzl", "ts_library")
+load("//tools:typescript.bzl", "ts_project")
 load("//:index.bzl", "prerender_component")
 
 prerender_component(
@@ -11,7 +11,8 @@ prerender_component(
     visibility = ["//examples/scripts:__subpackages__"],
 )
 
-ts_library(
+ts_project(
     name = "transitive_script",
     srcs = ["transitive_script.ts"],
+    tsconfig = "//:tsconfig_client",
 )

examples/site/blog/BUILD.bazel

@@ -1,4 +1,4 @@
-load("@npm//@bazel/concatjs:index.bzl", "ts_library")
+load("//tools:typescript.bzl", "ts_project")
 load("//:index.bzl", "prerender_pages")
 load("//tools:jasmine.bzl", "jasmine_node_test")
 
@@ -22,9 +22,10 @@ prerender_pages(
     ],
 )
 
-ts_library(
+ts_project(
     name = "blog_test_lib",
     srcs = ["blog_test.ts"],
+    link_workspace_root = False,
     testonly = True,
     deps = [
         ":blog_prerender_for_test",

examples/site/blog/blog_test.ts

@@ -1,7 +1,7 @@
 import 'jasmine';
 
 import parse from 'node-html-parser';
-import renderBlog from 'rules_prerender/examples/site/blog/blog';
+import renderBlog from './blog';
 
 describe('Blog', () => {
     it('generates a list of posts', async () => {

examples/site/common/BUILD.bazel

@@ -1,7 +1,7 @@
-load("@npm//@bazel/concatjs:index.bzl", "ts_library")
+load("//tools:typescript.bzl", "ts_project")
 load("//:index.bzl", "css_library")
 
-ts_library(
+ts_project(
     name = "links",
     srcs = ["links.ts"],
     visibility = ["//examples/site:__subpackages__"],

examples/site/components/base/BUILD.bazel

@@ -1,4 +1,4 @@
-load("@npm//@bazel/concatjs:index.bzl", "ts_library")
+load("//tools:typescript.bzl", "ts_project")
 load("//:index.bzl", "css_library", "prerender_component")
 load("//tools:jasmine.bzl", "jasmine_node_test")
 
@@ -22,9 +22,10 @@ css_library(
     deps = ["//examples/site/common:theme"],
 )
 
-ts_library(
+ts_project(
     name = "base_test_lib",
     srcs = ["base_test.ts"],
+    link_workspace_root = False,
     testonly = True,
     deps = [
         ":base_prerender_for_test",

examples/site/components/base/base_test.ts

@@ -1,7 +1,7 @@
 import 'jasmine';
 
 import { HTMLElement, parse, NodeType } from 'node-html-parser';
-import { baseLayout } from 'rules_prerender/examples/site/components/base/base';
+import { baseLayout } from './base';
 
 describe('base', () => {
     describe('baseLayout()', () => {

examples/site/components/counter/BUILD.bazel

@@ -1,4 +1,4 @@
-load("@npm//@bazel/concatjs:index.bzl", "ts_library")
+load("//tools:typescript.bzl", "ts_project")
 load(
     "//:index.bzl",
     "prerender_component",
@@ -17,15 +17,17 @@ prerender_component(
     visibility = ["//examples/site:__subpackages__"],
 )
 
-ts_library(
+ts_project(
     name = "scripts",
     srcs = ["counter_script.ts"],
+    tsconfig = "//:tsconfig_client",
 )
 
-ts_library(
+ts_project(
     name = "counter_prerender_test_lib",
     srcs = ["counter_prerender_test.ts"],
     testonly = True,
+    link_workspace_root = False,
     deps = [
         ":counter_prerender_for_test",
         "@npm//@types/jasmine",
@@ -54,7 +56,7 @@ web_resources_devserver(
     testonly = True,
 )
 
-ts_library(
+ts_project(
     name = "counter_test_lib",
     srcs = ["counter_test.ts"],
     testonly = True,