From 84b66f3b048320c830807028b72ae9fa6a338de2 Mon Sep 17 00:00:00 2001
From: Joey Perrott <josephperrott@gmail.com>
Date: Tue, 6 May 2025 20:59:30 +0000
Subject: [PATCH] build: migrate adev shared-docs package to use ts_project
 (#61217)

Migrate the build rules for shared docs to use ts_project

PR Close #61217
---
 .../npm_translate_lock_MzA5NzUwNzMx           |  6 +--
 .ng-dev/format.mts                            |  6 +--
 WORKSPACE                                     | 11 +++++
 adev/shared-docs/BUILD.bazel                  | 21 +++++++++
 adev/shared-docs/components/BUILD.bazel       | 13 +++---
 .../components/breadcrumb/BUILD.bazel         |  8 ++--
 .../components/cookie-popup/BUILD.bazel       |  8 ++--
 .../copy-source-code-button/BUILD.bazel       | 12 +++--
 .../components/navigation-list/BUILD.bazel    |  8 ++--
 .../components/search-dialog/BUILD.bazel      |  8 ++--
 .../shared-docs/components/select/BUILD.bazel |  8 ++--
 .../components/slide-toggle/BUILD.bazel       |  8 ++--
 .../components/table-of-contents/BUILD.bazel  |  8 ++--
 .../components/text-field/BUILD.bazel         |  8 ++--
 .../components/top-level-banner/BUILD.bazel   |  8 ++--
 .../components/viewers/BUILD.bazel            | 14 +++---
 adev/shared-docs/directives/BUILD.bazel       | 13 +++---
 .../directives/click-outside/BUILD.bazel      |  8 ++--
 .../directives/external-link/BUILD.bazel      |  8 ++--
 adev/shared-docs/interfaces/BUILD.bazel       | 19 +++++---
 adev/shared-docs/pipeline/BUILD.bazel         | 16 +++----
 .../pipeline/api-gen/extraction/BUILD.bazel   | 23 +++++-----
 .../extraction/{index.ts => index.mts}        |  2 +-
 ...mples.ts => interpolate_code_examples.mts} |  0
 .../api-gen/extraction/test/BUILD.bazel       | 31 +++++++------
 .../test/dummy-entry-point/BUILD.bazel        |  2 +-
 .../dummy-entry-point/{index.ts => index.mts} |  0
 .../{fake-examples.ts => fake-examples.mts}   |  0
 .../test/{fake-source.ts => fake-source.mts}  |  0
 ....ts => interpolate_code_examples.spec.mts} |  4 +-
 .../pipeline/api-gen/manifest/BUILD.bazel     | 19 ++++----
 ...rate_manifest.ts => generate_manifest.mts} |  0
 .../api-gen/manifest/{index.ts => index.mts}  |  2 +-
 .../api-gen/manifest/test/BUILD.bazel         | 18 +++++---
 ...fake-source.ts => another-fake-source.mts} |  0
 .../{manifest.spec.ts => manifest.spec.mts}   |  2 +-
 .../pipeline/api-gen/rendering/BUILD.bazel    | 36 +++++++--------
 .../{cli-entities.ts => cli-entities.mts}     |  0
 .../rendering/{entities.ts => entities.mts}   |  0
 .../{categorization.ts => categorization.mts} |  8 ++--
 .../{renderables.ts => renderables.mts}       |  6 +--
 .../entities/{traits.ts => traits.mts}        |  4 +-
 .../api-gen/rendering/{index.ts => index.mts} | 16 +++----
 .../{configuration.ts => configuration.mts}   |  2 +-
 .../marked/{renderer.ts => renderer.mts}      |  4 +-
 .../{processing.ts => processing.mts}         | 32 ++++++-------
 .../{block-c.ts => block-c.mts}               |  0
 .../region-matchers/{html.ts => html.mts}     |  0
 .../{inline-c-only.ts => inline-c-only.mts}   |  0
 .../{inline-c.ts => inline-c.mts}             |  0
 .../{inline-hash.ts => inline-hash.mts}       |  0
 .../{region-parser.ts => region-parser.mts}   | 12 ++---
 ...comments.ts => remove-eslint-comments.mts} |  0
 .../rendering/{rendering.ts => rendering.mts} |  6 +--
 .../rendering/{index.d.ts => shiki.d.ts}      |  0
 .../rendering/shiki/{shiki.ts => shiki.mts}   |  0
 .../{css-classes.ts => css-classes.mts}       |  0
 .../{symbol-context.ts => symbol-context.mts} |  0
 .../rendering/templates/class-member-list.tsx |  2 +-
 .../rendering/templates/class-member.tsx      |  8 ++--
 .../rendering/templates/class-method-info.tsx |  9 +---
 .../rendering/templates/class-reference.tsx   | 18 ++++----
 .../api-gen/rendering/templates/cli-card.tsx  |  4 +-
 .../rendering/templates/cli-reference.tsx     |  4 +-
 .../rendering/templates/code-line-group.tsx   |  2 +-
 .../api-gen/rendering/templates/code-line.tsx |  2 +-
 .../rendering/templates/code-symbols.tsx      |  4 +-
 .../templates/code-table-of-contents.tsx      |  2 +-
 .../templates/constant-reference.tsx          |  4 +-
 .../rendering/templates/deprecated-label.tsx  |  2 +-
 .../rendering/templates/docs-pill-row.tsx     |  2 +-
 .../rendering/templates/docs-reference.tsx    |  4 +-
 .../rendering/templates/enum-reference.tsx    |  4 +-
 .../templates/function-reference.tsx          |  8 ++--
 .../rendering/templates/header-api.tsx        |  6 +--
 .../rendering/templates/header-cli.tsx        |  4 +-
 .../rendering/templates/highlight-ts.tsx      |  2 +-
 .../templates/initializer-api-function.tsx    |  6 +--
 .../api-gen/rendering/templates/parameter.tsx |  4 +-
 .../rendering/templates/section-api.tsx       |  6 +--
 .../templates/section-description.tsx         |  4 +-
 .../rendering/templates/section-heading.tsx   |  4 +-
 .../templates/section-usage-notes.tsx         |  4 +-
 .../templates/type-alias-reference.tsx        |  4 +-
 .../api-gen/rendering/test/BUILD.bazel        | 21 ++++-----
 .../test/{cli.spec.ts => cli.spec.mts}        |  8 ++--
 .../test/{marked.spec.ts => marked.spec.mts}  | 10 ++---
 ...renderable.spec.ts => renderable.spec.mts} | 10 ++---
 ...forms.spec.ts => code-transforms.spec.mts} |  2 +-
 ...orms.spec.ts => jsdoc-transforms.spec.mts} |  4 +-
 ...ass-transforms.ts => class-transforms.mts} | 14 +++---
 .../{cli-transforms.ts => cli-transforms.mts} |  4 +-
 ...code-transforms.ts => code-transforms.mts} | 16 +++----
 ...-transforms.ts => constant-transforms.mts} | 12 ++---
 ...transforms.ts => decorator-transforms.mts} | 14 +++---
 ...enum-transforms.ts => enum-transforms.mts} | 14 +++---
 ...-transforms.ts => function-transforms.mts} | 14 +++---
 ...> initializer-api-functions-transform.mts} | 12 ++---
 ...transforms.ts => interface-transforms.mts} | 14 +++---
 ...doc-transforms.ts => jsdoc-transforms.mts} | 14 +++---
 ...er-transforms.ts => member-transforms.mts} | 12 ++---
 .../{module-name.ts => module-name.mts}       |  2 +-
 ...ms-transforms.ts => params-transforms.mts} |  6 +--
 ...section-id.ts => reference-section-id.mts} |  0
 .../transforms/{repo.ts => repo.mts}          |  2 +-
 ...ransforms.ts => type-alias-transforms.mts} | 12 ++---
 .../{url-transforms.ts => url-transforms.mts} |  0
 .../pipeline/api-gen/test/BUILD.bazel         |  8 ++--
 .../pipeline/examples/previews/BUILD.bazel    | 15 ++++---
 .../examples/previews/{index.ts => index.mts} |  0
 .../pipeline/examples/shared/BUILD.bazel      |  9 ++--
 .../shared/{copyright.ts => copyright.mts}    |  0
 .../{file-system.ts => file-system.mts}       |  0
 .../pipeline/examples/stackblitz/BUILD.bazel  | 32 ++++++-------
 .../stackblitz/{builder.ts => builder.mts}    | 10 ++---
 .../stackblitz/{defaults.ts => defaults.mts}  |  0
 .../stackblitz/{index.ts => index.mts}        |  2 +-
 .../{app.component.ts => app.component.mts}   |  0
 .../template/src/{main.ts => main.mts}        |  2 +-
 .../pipeline/examples/zip/BUILD.bazel         | 32 ++++++-------
 .../examples/zip/{builder.ts => builder.mts}  | 10 ++---
 .../zip/{defaults.ts => defaults.mts}         |  0
 .../examples/zip/{index.ts => index.mts}      |  2 +-
 adev/shared-docs/pipeline/guides/BUILD.bazel  | 45 ++++++++++---------
 .../{docs-alert.ts => docs-alert.mts}         |  0
 .../{docs-callout.ts => docs-callout.mts}     |  0
 ...d-container.ts => docs-card-container.mts} |  0
 .../docs-card/{docs-card.ts => docs-card.mts} |  4 +-
 ...docs-code-block.ts => docs-code-block.mts} |  2 +-
 ...e-multifile.ts => docs-code-multifile.mts} |  0
 .../docs-code/{docs-code.ts => docs-code.mts} |  6 +--
 .../docs-code/format/{diff.ts => diff.mts}    |  4 +-
 .../format/{highlight.ts => highlight.mts}    |  4 +-
 .../docs-code/format/{index.ts => index.mts}  |  8 ++--
 .../docs-code/format/{range.ts => range.mts}  |  0
 .../format/{region.ts => region.mts}          |  6 +--
 .../{block-c.ts => block-c.mts}               |  0
 .../region-matchers/{html.ts => html.mts}     |  0
 .../{inline-c-only.ts => inline-c-only.mts}   |  0
 .../{inline-c.ts => inline-c.mts}             |  0
 .../{inline-hash.ts => inline-hash.mts}       |  0
 .../{region-parser.ts => region-parser.mts}   | 10 ++---
 .../sanitizers/{eslint.ts => eslint.mts}      |  0
 ...e-header.ts => docs-decorative-header.mts} |  2 +-
 .../{docs-pill-row.ts => docs-pill-row.mts}   |  0
 .../docs-pill/{docs-pill.ts => docs-pill.mts} |  2 +-
 .../{docs-video.ts => docs-video.mts}         |  0
 .../{docs-step.ts => docs-step.mts}           |  2 +-
 .../{docs-workflow.ts => docs-workflow.mts}   |  0
 .../guides/{helpers.ts => helpers.mts}        |  0
 .../pipeline/guides/{hooks.ts => hooks.mts}   |  2 +-
 .../pipeline/guides/{index.ts => index.mts}   |  4 +-
 .../guides/mermaid/{index.ts => index.mts}    |  2 +-
 .../pipeline/guides/{parse.ts => parse.mts}   | 34 +++++++-------
 .../guides/{renderer.ts => renderer.mts}      | 12 ++---
 .../guides/{index.d.ts => shiki.d.ts}         |  0
 .../pipeline/guides/{state.ts => state.mts}   |  0
 .../pipeline/guides/testing/BUILD.bazel       | 21 +++++----
 .../{bootstrap.init.ts => bootstrap.init.mts} |  3 +-
 ...docs-alert.spec.ts => docs-alert.spec.mts} |  4 +-
 ...-callout.spec.ts => docs-callout.spec.mts} |  2 +-
 ...r.spec.ts => docs-card-container.spec.mts} |  2 +-
 .../{docs-card.spec.ts => docs-card.spec.mts} |  2 +-
 ...block.spec.ts => docs-code-block.spec.mts} |  4 +-
 ...e.spec.ts => docs-code-multifile.spec.mts} |  4 +-
 .../{docs-code.spec.ts => docs-code.spec.mts} |  4 +-
 ...pec.ts => docs-decorative-header.spec.mts} |  2 +-
 ...ill-row.spec.ts => docs-pill-row.spec.mts} |  2 +-
 .../{docs-pill.spec.ts => docs-pill.spec.mts} |  2 +-
 .../{docs-step.spec.ts => docs-step.spec.mts} |  2 +-
 ...docs-video.spec.ts => docs-video.spec.mts} |  2 +-
 ...orkflow.spec.ts => docs-workflow.spec.mts} |  2 +-
 .../{heading.spec.ts => heading.spec.mts}     |  2 +-
 .../image/{image.spec.ts => image.spec.mts}   |  2 +-
 .../link/{link.spec.ts => link.spec.mts}      |  2 +-
 .../list/{list.spec.ts => list.spec.mts}      |  2 +-
 .../guides/testing/mermaid/BUILD.bazel        | 28 +++++++-----
 .../{bootstrap.init.ts => bootstrap.init.mts} |  0
 .../{mermaid.spec.ts => mermaid.spec.mts}     |  4 +-
 .../table/{table.spec.ts => table.spec.mts}   |  2 +-
 .../text/{text.spec.ts => text.spec.mts}      |  2 +-
 .../{heading.ts => heading.mts}               |  4 +-
 .../tranformations/{image.ts => image.mts}    |  0
 .../tranformations/{link.ts => link.mts}      |  2 +-
 .../tranformations/{list.ts => list.mts}      |  0
 .../tranformations/{table.ts => table.mts}    |  0
 .../tranformations/{text.ts => text.mts}      |  0
 .../pipeline/guides/{utils.ts => utils.mts}   |  0
 .../{walk-tokens.ts => walk-tokens.mts}       |  4 +-
 .../pipeline/navigation/BUILD.bazel           | 28 ++++++------
 .../navigation/{index.ts => index.mts}        |  4 +-
 .../{nav-items-gen.ts => nav-items-gen.mts}   |  2 +-
 .../{strategies.ts => strategies.mts}         |  2 +-
 .../pipeline/navigation/test/BUILD.bazel      | 11 +++--
 ...ems-gen.spec.ts => nav-items-gen.spec.mts} |  4 +-
 .../navigation/{types.ts => types.mts}        |  0
 .../pipeline/tutorials/BUILD.bazel            | 41 +++++++++--------
 .../pipeline/tutorials/common/src/main.ts     |  2 +-
 .../tutorials/{metadata.ts => metadata.mts}   |  6 ++-
 .../{playground.ts => playground.mts}         | 10 ++---
 .../tutorials/{routes.ts => routes.mts}       |  2 +-
 .../{source-code.ts => source-code.mts}       |  4 +-
 .../tutorials/{tutorial.ts => tutorial.mts}   | 10 ++---
 .../tutorials/{utils.ts => utils.mts}         |  2 +-
 .../{webcontainers.ts => webcontainers.mts}   |  2 +-
 adev/shared-docs/pipes/BUILD.bazel            | 10 +++--
 adev/shared-docs/providers/BUILD.bazel        | 10 +++--
 adev/shared-docs/services/BUILD.bazel         | 15 ++++---
 adev/shared-docs/testing/BUILD.bazel          | 22 ++++-----
 adev/shared-docs/tsconfig-test.json           |  6 +++
 adev/shared-docs/tsconfig.json                | 19 ++++++++
 adev/shared-docs/utils/BUILD.bazel            | 24 ++++------
 package.json                                  |  1 +
 pnpm-lock.yaml                                |  3 ++
 tools/defaults2.bzl                           | 22 +++++++++
 yarn.lock                                     |  2 +-
 216 files changed, 795 insertions(+), 640 deletions(-)
 rename adev/shared-docs/pipeline/api-gen/extraction/{index.ts => index.mts} (99%)
 rename adev/shared-docs/pipeline/api-gen/extraction/{interpolate_code_examples.ts => interpolate_code_examples.mts} (100%)
 rename adev/shared-docs/pipeline/api-gen/extraction/test/dummy-entry-point/{index.ts => index.mts} (100%)
 rename adev/shared-docs/pipeline/api-gen/extraction/test/{fake-examples.ts => fake-examples.mts} (100%)
 rename adev/shared-docs/pipeline/api-gen/extraction/test/{fake-source.ts => fake-source.mts} (100%)
 rename adev/shared-docs/pipeline/api-gen/extraction/test/{interpolate_code_examples.spec.ts => interpolate_code_examples.spec.mts} (98%)
 rename adev/shared-docs/pipeline/api-gen/manifest/{generate_manifest.ts => generate_manifest.mts} (100%)
 rename adev/shared-docs/pipeline/api-gen/manifest/{index.ts => index.mts} (93%)
 rename adev/shared-docs/pipeline/api-gen/manifest/test/{another-fake-source.ts => another-fake-source.mts} (100%)
 rename adev/shared-docs/pipeline/api-gen/manifest/test/{manifest.spec.ts => manifest.spec.mts} (99%)
 rename adev/shared-docs/pipeline/api-gen/rendering/{cli-entities.ts => cli-entities.mts} (100%)
 rename adev/shared-docs/pipeline/api-gen/rendering/{entities.ts => entities.mts} (100%)
 rename adev/shared-docs/pipeline/api-gen/rendering/entities/{categorization.ts => categorization.mts} (97%)
 rename adev/shared-docs/pipeline/api-gen/rendering/entities/{renderables.ts => renderables.mts} (96%)
 rename adev/shared-docs/pipeline/api-gen/rendering/entities/{traits.ts => traits.mts} (98%)
 rename adev/shared-docs/pipeline/api-gen/rendering/{index.ts => index.mts} (93%)
 rename adev/shared-docs/pipeline/api-gen/rendering/marked/{configuration.ts => configuration.mts} (90%)
 rename adev/shared-docs/pipeline/api-gen/rendering/marked/{renderer.ts => renderer.mts} (97%)
 rename adev/shared-docs/pipeline/api-gen/rendering/{processing.ts => processing.mts} (78%)
 rename adev/shared-docs/pipeline/api-gen/rendering/regions/region-matchers/{block-c.ts => block-c.mts} (100%)
 rename adev/shared-docs/pipeline/api-gen/rendering/regions/region-matchers/{html.ts => html.mts} (100%)
 rename adev/shared-docs/pipeline/api-gen/rendering/regions/region-matchers/{inline-c-only.ts => inline-c-only.mts} (100%)
 rename adev/shared-docs/pipeline/api-gen/rendering/regions/region-matchers/{inline-c.ts => inline-c.mts} (100%)
 rename adev/shared-docs/pipeline/api-gen/rendering/regions/region-matchers/{inline-hash.ts => inline-hash.mts} (100%)
 rename adev/shared-docs/pipeline/api-gen/rendering/regions/{region-parser.ts => region-parser.mts} (94%)
 rename adev/shared-docs/pipeline/api-gen/rendering/regions/{remove-eslint-comments.ts => remove-eslint-comments.mts} (100%)
 rename adev/shared-docs/pipeline/api-gen/rendering/{rendering.ts => rendering.mts} (94%)
 rename adev/shared-docs/pipeline/api-gen/rendering/{index.d.ts => shiki.d.ts} (100%)
 rename adev/shared-docs/pipeline/api-gen/rendering/shiki/{shiki.ts => shiki.mts} (100%)
 rename adev/shared-docs/pipeline/api-gen/rendering/styling/{css-classes.ts => css-classes.mts} (100%)
 rename adev/shared-docs/pipeline/api-gen/rendering/{symbol-context.ts => symbol-context.mts} (100%)
 rename adev/shared-docs/pipeline/api-gen/rendering/test/{cli.spec.ts => cli.spec.mts} (86%)
 rename adev/shared-docs/pipeline/api-gen/rendering/test/{marked.spec.ts => marked.spec.mts} (92%)
 rename adev/shared-docs/pipeline/api-gen/rendering/test/{renderable.spec.ts => renderable.spec.mts} (87%)
 rename adev/shared-docs/pipeline/api-gen/rendering/test/transforms/{code-transforms.spec.ts => code-transforms.spec.mts} (99%)
 rename adev/shared-docs/pipeline/api-gen/rendering/test/transforms/{jsdoc-transforms.spec.ts => jsdoc-transforms.spec.mts} (99%)
 rename adev/shared-docs/pipeline/api-gen/rendering/transforms/{class-transforms.ts => class-transforms.mts} (71%)
 rename adev/shared-docs/pipeline/api-gen/rendering/transforms/{cli-transforms.ts => cli-transforms.mts} (95%)
 rename adev/shared-docs/pipeline/api-gen/rendering/transforms/{code-transforms.ts => code-transforms.mts} (98%)
 rename adev/shared-docs/pipeline/api-gen/rendering/transforms/{constant-transforms.ts => constant-transforms.mts} (73%)
 rename adev/shared-docs/pipeline/api-gen/rendering/transforms/{decorator-transforms.ts => decorator-transforms.mts} (71%)
 rename adev/shared-docs/pipeline/api-gen/rendering/transforms/{enum-transforms.ts => enum-transforms.mts} (71%)
 rename adev/shared-docs/pipeline/api-gen/rendering/transforms/{function-transforms.ts => function-transforms.mts} (82%)
 rename adev/shared-docs/pipeline/api-gen/rendering/transforms/{initializer-api-functions-transform.ts => initializer-api-functions-transform.mts} (76%)
 rename adev/shared-docs/pipeline/api-gen/rendering/transforms/{interface-transforms.ts => interface-transforms.mts} (70%)
 rename adev/shared-docs/pipeline/api-gen/rendering/transforms/{jsdoc-transforms.ts => jsdoc-transforms.mts} (95%)
 rename adev/shared-docs/pipeline/api-gen/rendering/transforms/{member-transforms.ts => member-transforms.mts} (88%)
 rename adev/shared-docs/pipeline/api-gen/rendering/transforms/{module-name.ts => module-name.mts} (86%)
 rename adev/shared-docs/pipeline/api-gen/rendering/transforms/{params-transforms.ts => params-transforms.mts} (80%)
 rename adev/shared-docs/pipeline/api-gen/rendering/transforms/{reference-section-id.ts => reference-section-id.mts} (100%)
 rename adev/shared-docs/pipeline/api-gen/rendering/transforms/{repo.ts => repo.mts} (86%)
 rename adev/shared-docs/pipeline/api-gen/rendering/transforms/{type-alias-transforms.ts => type-alias-transforms.mts} (73%)
 rename adev/shared-docs/pipeline/api-gen/rendering/transforms/{url-transforms.ts => url-transforms.mts} (100%)
 rename adev/shared-docs/pipeline/examples/previews/{index.ts => index.mts} (100%)
 rename adev/shared-docs/pipeline/examples/shared/{copyright.ts => copyright.mts} (100%)
 rename adev/shared-docs/pipeline/examples/shared/{file-system.ts => file-system.mts} (100%)
 rename adev/shared-docs/pipeline/examples/stackblitz/{builder.ts => builder.mts} (97%)
 rename adev/shared-docs/pipeline/examples/stackblitz/{defaults.ts => defaults.mts} (100%)
 rename adev/shared-docs/pipeline/examples/stackblitz/{index.ts => index.mts} (89%)
 rename adev/shared-docs/pipeline/examples/template/src/app/{app.component.ts => app.component.mts} (100%)
 rename adev/shared-docs/pipeline/examples/template/src/{main.ts => main.mts} (88%)
 rename adev/shared-docs/pipeline/examples/zip/{builder.ts => builder.mts} (92%)
 rename adev/shared-docs/pipeline/examples/zip/{defaults.ts => defaults.mts} (100%)
 rename adev/shared-docs/pipeline/examples/zip/{index.ts => index.mts} (89%)
 rename adev/shared-docs/pipeline/guides/extensions/{docs-alert.ts => docs-alert.mts} (100%)
 rename adev/shared-docs/pipeline/guides/extensions/{docs-callout.ts => docs-callout.mts} (100%)
 rename adev/shared-docs/pipeline/guides/extensions/docs-card/{docs-card-container.ts => docs-card-container.mts} (100%)
 rename adev/shared-docs/pipeline/guides/extensions/docs-card/{docs-card.ts => docs-card.mts} (97%)
 rename adev/shared-docs/pipeline/guides/extensions/docs-code/{docs-code-block.ts => docs-code-block.mts} (96%)
 rename adev/shared-docs/pipeline/guides/extensions/docs-code/{docs-code-multifile.ts => docs-code-multifile.mts} (100%)
 rename adev/shared-docs/pipeline/guides/extensions/docs-code/{docs-code.ts => docs-code.mts} (95%)
 rename adev/shared-docs/pipeline/guides/extensions/docs-code/format/{diff.ts => diff.mts} (93%)
 rename adev/shared-docs/pipeline/guides/extensions/docs-code/format/{highlight.ts => highlight.mts} (97%)
 rename adev/shared-docs/pipeline/guides/extensions/docs-code/format/{index.ts => index.mts} (92%)
 rename adev/shared-docs/pipeline/guides/extensions/docs-code/format/{range.ts => range.mts} (100%)
 rename adev/shared-docs/pipeline/guides/extensions/docs-code/format/{region.ts => region.mts} (86%)
 rename adev/shared-docs/pipeline/guides/extensions/docs-code/regions/region-matchers/{block-c.ts => block-c.mts} (100%)
 rename adev/shared-docs/pipeline/guides/extensions/docs-code/regions/region-matchers/{html.ts => html.mts} (100%)
 rename adev/shared-docs/pipeline/guides/extensions/docs-code/regions/region-matchers/{inline-c-only.ts => inline-c-only.mts} (100%)
 rename adev/shared-docs/pipeline/guides/extensions/docs-code/regions/region-matchers/{inline-c.ts => inline-c.mts} (100%)
 rename adev/shared-docs/pipeline/guides/extensions/docs-code/regions/region-matchers/{inline-hash.ts => inline-hash.mts} (100%)
 rename adev/shared-docs/pipeline/guides/extensions/docs-code/regions/{region-parser.ts => region-parser.mts} (95%)
 rename adev/shared-docs/pipeline/guides/extensions/docs-code/sanitizers/{eslint.ts => eslint.mts} (100%)
 rename adev/shared-docs/pipeline/guides/extensions/{docs-decorative-header.ts => docs-decorative-header.mts} (97%)
 rename adev/shared-docs/pipeline/guides/extensions/docs-pill/{docs-pill-row.ts => docs-pill-row.mts} (100%)
 rename adev/shared-docs/pipeline/guides/extensions/docs-pill/{docs-pill.ts => docs-pill.mts} (96%)
 rename adev/shared-docs/pipeline/guides/extensions/{docs-video.ts => docs-video.mts} (100%)
 rename adev/shared-docs/pipeline/guides/extensions/docs-workflow/{docs-step.ts => docs-step.mts} (96%)
 rename adev/shared-docs/pipeline/guides/extensions/docs-workflow/{docs-workflow.ts => docs-workflow.mts} (100%)
 rename adev/shared-docs/pipeline/guides/{helpers.ts => helpers.mts} (100%)
 rename adev/shared-docs/pipeline/guides/{hooks.ts => hooks.mts} (90%)
 rename adev/shared-docs/pipeline/guides/{index.ts => index.mts} (96%)
 rename adev/shared-docs/pipeline/guides/mermaid/{index.ts => index.mts} (97%)
 rename adev/shared-docs/pipeline/guides/{parse.ts => parse.mts} (76%)
 rename adev/shared-docs/pipeline/guides/{renderer.ts => renderer.mts} (65%)
 rename adev/shared-docs/pipeline/guides/{index.d.ts => shiki.d.ts} (100%)
 rename adev/shared-docs/pipeline/guides/{state.ts => state.mts} (100%)
 rename adev/shared-docs/pipeline/guides/testing/{bootstrap.init.ts => bootstrap.init.mts} (64%)
 rename adev/shared-docs/pipeline/guides/testing/docs-alert/{docs-alert.spec.ts => docs-alert.spec.mts} (94%)
 rename adev/shared-docs/pipeline/guides/testing/docs-callout/{docs-callout.spec.ts => docs-callout.spec.mts} (93%)
 rename adev/shared-docs/pipeline/guides/testing/docs-card-container/{docs-card-container.spec.ts => docs-card-container.spec.mts} (94%)
 rename adev/shared-docs/pipeline/guides/testing/docs-card/{docs-card.spec.ts => docs-card.spec.mts} (96%)
 rename adev/shared-docs/pipeline/guides/testing/docs-code-block/{docs-code-block.spec.ts => docs-code-block.spec.mts} (93%)
 rename adev/shared-docs/pipeline/guides/testing/docs-code-multifile/{docs-code-multifile.spec.ts => docs-code-multifile.spec.mts} (94%)
 rename adev/shared-docs/pipeline/guides/testing/docs-code/{docs-code.spec.ts => docs-code.spec.mts} (97%)
 rename adev/shared-docs/pipeline/guides/testing/docs-decorative-header/{docs-decorative-header.spec.ts => docs-decorative-header.spec.mts} (95%)
 rename adev/shared-docs/pipeline/guides/testing/docs-pill-row/{docs-pill-row.spec.ts => docs-pill-row.spec.mts} (94%)
 rename adev/shared-docs/pipeline/guides/testing/docs-pill/{docs-pill.spec.ts => docs-pill.spec.mts} (96%)
 rename adev/shared-docs/pipeline/guides/testing/docs-step/{docs-step.spec.ts => docs-step.spec.mts} (97%)
 rename adev/shared-docs/pipeline/guides/testing/docs-video/{docs-video.spec.ts => docs-video.spec.mts} (95%)
 rename adev/shared-docs/pipeline/guides/testing/docs-workflow/{docs-workflow.spec.ts => docs-workflow.spec.mts} (94%)
 rename adev/shared-docs/pipeline/guides/testing/heading/{heading.spec.ts => heading.spec.mts} (98%)
 rename adev/shared-docs/pipeline/guides/testing/image/{image.spec.ts => image.spec.mts} (94%)
 rename adev/shared-docs/pipeline/guides/testing/link/{link.spec.ts => link.spec.mts} (94%)
 rename adev/shared-docs/pipeline/guides/testing/list/{list.spec.ts => list.spec.mts} (96%)
 rename adev/shared-docs/pipeline/guides/testing/mermaid/{bootstrap.init.ts => bootstrap.init.mts} (100%)
 rename adev/shared-docs/pipeline/guides/testing/mermaid/{mermaid.spec.ts => mermaid.spec.mts} (95%)
 rename adev/shared-docs/pipeline/guides/testing/table/{table.spec.ts => table.spec.mts} (95%)
 rename adev/shared-docs/pipeline/guides/testing/text/{text.spec.ts => text.spec.mts} (94%)
 rename adev/shared-docs/pipeline/guides/tranformations/{heading.ts => heading.mts} (94%)
 rename adev/shared-docs/pipeline/guides/tranformations/{image.ts => image.mts} (100%)
 rename adev/shared-docs/pipeline/guides/tranformations/{link.ts => link.mts} (91%)
 rename adev/shared-docs/pipeline/guides/tranformations/{list.ts => list.mts} (100%)
 rename adev/shared-docs/pipeline/guides/tranformations/{table.ts => table.mts} (100%)
 rename adev/shared-docs/pipeline/guides/tranformations/{text.ts => text.mts} (100%)
 rename adev/shared-docs/pipeline/guides/{utils.ts => utils.mts} (100%)
 rename adev/shared-docs/pipeline/guides/{walk-tokens.ts => walk-tokens.mts} (86%)
 rename adev/shared-docs/pipeline/navigation/{index.ts => index.mts} (86%)
 rename adev/shared-docs/pipeline/navigation/{nav-items-gen.ts => nav-items-gen.mts} (96%)
 rename adev/shared-docs/pipeline/navigation/{strategies.ts => strategies.mts} (99%)
 rename adev/shared-docs/pipeline/navigation/test/{nav-items-gen.spec.ts => nav-items-gen.spec.mts} (91%)
 rename adev/shared-docs/pipeline/navigation/{types.ts => types.mts} (100%)
 rename adev/shared-docs/pipeline/tutorials/{metadata.ts => metadata.mts} (93%)
 rename adev/shared-docs/pipeline/tutorials/{playground.ts => playground.mts} (91%)
 rename adev/shared-docs/pipeline/tutorials/{routes.ts => routes.mts} (98%)
 rename adev/shared-docs/pipeline/tutorials/{source-code.ts => source-code.mts} (90%)
 rename adev/shared-docs/pipeline/tutorials/{tutorial.ts => tutorial.mts} (93%)
 rename adev/shared-docs/pipeline/tutorials/{utils.ts => utils.mts} (99%)
 rename adev/shared-docs/pipeline/tutorials/{webcontainers.ts => webcontainers.mts} (99%)
 create mode 100644 adev/shared-docs/tsconfig-test.json
 create mode 100644 adev/shared-docs/tsconfig.json

diff --git a/.aspect/rules/external_repository_action_cache/npm_translate_lock_MzA5NzUwNzMx b/.aspect/rules/external_repository_action_cache/npm_translate_lock_MzA5NzUwNzMx
index 9118abdade4..d20c2623151 100755
--- a/.aspect/rules/external_repository_action_cache/npm_translate_lock_MzA5NzUwNzMx
+++ b/.aspect/rules/external_repository_action_cache/npm_translate_lock_MzA5NzUwNzMx
@@ -2,7 +2,7 @@
 # Input hashes for repository rule npm_translate_lock(name = "npm2", pnpm_lock = "@//:pnpm-lock.yaml").
 # This file should be checked into version control along with the pnpm-lock.yaml file.
 .npmrc=-203833057
-package.json=-2010611265
-pnpm-lock.yaml=1052846975
+package.json=281460280
+pnpm-lock.yaml=2012155455
 pnpm-workspace.yaml=1711114604
-yarn.lock=1217123358
+yarn.lock=988990941
diff --git a/.ng-dev/format.mts b/.ng-dev/format.mts
index 62d2028c1f3..99a938486a0 100644
--- a/.ng-dev/format.mts
+++ b/.ng-dev/format.mts
@@ -7,8 +7,8 @@ export const format: FormatConfig = {
   'prettier': {
     'matchers': [
       '**/*.{yaml,yml}',
-      '**/*.{js,ts}',
-      'devtools/**/*.{js,ts,html,scss}',
+      '**/*.{js,ts,mjs,mts,cjs,cts}',
+      'devtools/**/*.{js,ts,mjs,mts,cjs,cts,html,scss}',
 
       // Do not format d.ts files as they are generated
       '!**/*.d.ts',
@@ -22,7 +22,7 @@ export const format: FormatConfig = {
       '!packages/common/locales/closure-locale.ts',
       '!packages/common/src/i18n/currencies.ts',
       // Test cases contain non valid code.
-      '!packages/compiler-cli/test/compliance/test_cases/**/*.{js,ts}',
+      '!packages/compiler-cli/test/compliance/test_cases/**/*.{js,ts,mjs,mts,cjs,cts}',
 
       // Ignore generated javascript file(s)
       '!.github/actions/deploy-docs-site/main.js',
diff --git a/WORKSPACE b/WORKSPACE
index b6451b49d1e..ce9cca4b4dc 100644
--- a/WORKSPACE
+++ b/WORKSPACE
@@ -142,6 +142,17 @@ http_archive(
     url = "https://github.com/aspect-build/rules_rollup/releases/download/v2.0.0/rules_rollup-v2.0.0.tar.gz",
 )
 
+http_archive(
+    name = "aspect_rules_jasmine",
+    sha256 = "0d2f9c977842685895020cac721d8cc4f1b37aae15af46128cf619741dc61529",
+    strip_prefix = "rules_jasmine-2.0.0",
+    url = "https://github.com/aspect-build/rules_jasmine/releases/download/v2.0.0/rules_jasmine-v2.0.0.tar.gz",
+)
+
+load("@aspect_rules_jasmine//jasmine:dependencies.bzl", "rules_jasmine_dependencies")
+
+rules_jasmine_dependencies()
+
 load("@aspect_bazel_lib//lib:repositories.bzl", "aspect_bazel_lib_dependencies")
 
 aspect_bazel_lib_dependencies()
diff --git a/adev/shared-docs/BUILD.bazel b/adev/shared-docs/BUILD.bazel
index ba820b83e79..c6f88d3bc7a 100644
--- a/adev/shared-docs/BUILD.bazel
+++ b/adev/shared-docs/BUILD.bazel
@@ -1,7 +1,28 @@
+load("@aspect_rules_ts//ts:defs.bzl", rules_js_tsconfig = "ts_config")
 load("//tools:defaults.bzl", "ng_module", "ng_package")
 
 package(default_visibility = ["//visibility:private"])
 
+rules_js_tsconfig(
+    name = "tsconfig_build",
+    src = "tsconfig.json",
+    visibility = [
+        "//adev/shared-docs:__subpackages__",
+    ],
+)
+
+rules_js_tsconfig(
+    name = "tsconfig_test",
+    src = "tsconfig-test.json",
+    visibility = [
+        "//adev/shared-docs:__subpackages__",
+    ],
+    deps = [
+        ":tsconfig_build",
+        "//:node_modules/@types/jasmine",
+    ],
+)
+
 ng_module(
     name = "docs",
     srcs = [
diff --git a/adev/shared-docs/components/BUILD.bazel b/adev/shared-docs/components/BUILD.bazel
index f8e0b95cd26..d0a64b96059 100644
--- a/adev/shared-docs/components/BUILD.bazel
+++ b/adev/shared-docs/components/BUILD.bazel
@@ -1,16 +1,13 @@
-load("//tools:defaults.bzl", "ts_library")
+load("//tools:defaults2.bzl", "ts_project")
 
 package(default_visibility = ["//visibility:private"])
 
-ts_library(
+ts_project(
     name = "components",
     srcs = [
         "index.ts",
     ],
-    visibility = [
-        "//adev/shared-docs:__pkg__",
-    ],
-    deps = [
+    interop_deps = [
         "//adev/shared-docs/components/algolia-icon",
         "//adev/shared-docs/components/breadcrumb",
         "//adev/shared-docs/components/cookie-popup",
@@ -25,4 +22,8 @@ ts_library(
         "//adev/shared-docs/components/top-level-banner",
         "//adev/shared-docs/components/viewers",
     ],
+    tsconfig = "//adev/shared-docs:tsconfig_build",
+    visibility = [
+        "//adev/shared-docs:__pkg__",
+    ],
 )
diff --git a/adev/shared-docs/components/breadcrumb/BUILD.bazel b/adev/shared-docs/components/breadcrumb/BUILD.bazel
index d236106f078..06b02b93b34 100644
--- a/adev/shared-docs/components/breadcrumb/BUILD.bazel
+++ b/adev/shared-docs/components/breadcrumb/BUILD.bazel
@@ -1,5 +1,6 @@
-load("//tools:defaults.bzl", "karma_web_test_suite", "ng_module", "ts_library")
 load("@io_bazel_rules_sass//:defs.bzl", "sass_binary")
+load("//tools:defaults.bzl", "karma_web_test_suite", "ng_module")
+load("//tools:defaults2.bzl", "ts_project")
 
 package(default_visibility = ["//visibility:private"])
 
@@ -30,13 +31,13 @@ sass_binary(
     src = "breadcrumb.component.scss",
 )
 
-ts_library(
+ts_project(
     name = "test_lib",
     testonly = True,
     srcs = glob(
         ["*.spec.ts"],
     ),
-    deps = [
+    interop_deps = [
         ":breadcrumb",
         "//adev/shared-docs/interfaces",
         "//adev/shared-docs/services",
@@ -46,6 +47,7 @@ ts_library(
         "//packages/router",
         "//packages/router/testing",
     ],
+    tsconfig = "//adev/shared-docs:tsconfig_test",
 )
 
 karma_web_test_suite(
diff --git a/adev/shared-docs/components/cookie-popup/BUILD.bazel b/adev/shared-docs/components/cookie-popup/BUILD.bazel
index 1ae91a5bbb9..1c0e7248530 100644
--- a/adev/shared-docs/components/cookie-popup/BUILD.bazel
+++ b/adev/shared-docs/components/cookie-popup/BUILD.bazel
@@ -1,5 +1,6 @@
-load("//tools:defaults.bzl", "karma_web_test_suite", "ng_module", "ts_library")
 load("@io_bazel_rules_sass//:defs.bzl", "sass_binary")
+load("//tools:defaults.bzl", "karma_web_test_suite", "ng_module")
+load("//tools:defaults2.bzl", "ts_project")
 
 package(default_visibility = ["//visibility:private"])
 
@@ -28,19 +29,20 @@ sass_binary(
     src = "cookie-popup.component.scss",
 )
 
-ts_library(
+ts_project(
     name = "test_lib",
     testonly = True,
     srcs = glob(
         ["*.spec.ts"],
     ),
-    deps = [
+    interop_deps = [
         ":cookie-popup",
         "//adev/shared-docs/providers",
         "//adev/shared-docs/testing",
         "//packages/core",
         "//packages/core/testing",
     ],
+    tsconfig = "//adev/shared-docs:tsconfig_test",
 )
 
 karma_web_test_suite(
diff --git a/adev/shared-docs/components/copy-source-code-button/BUILD.bazel b/adev/shared-docs/components/copy-source-code-button/BUILD.bazel
index 56d0e95b493..e5c7bb1b393 100644
--- a/adev/shared-docs/components/copy-source-code-button/BUILD.bazel
+++ b/adev/shared-docs/components/copy-source-code-button/BUILD.bazel
@@ -1,4 +1,5 @@
-load("//tools:defaults.bzl", "karma_web_test_suite", "ng_module", "ts_library")
+load("//tools:defaults.bzl", "karma_web_test_suite", "ng_module")
+load("//tools:defaults2.bzl", "ts_project")
 
 package(default_visibility = ["//visibility:private"])
 
@@ -22,18 +23,21 @@ ng_module(
     ],
 )
 
-ts_library(
+ts_project(
     name = "test_lib",
     testonly = True,
     srcs = glob(
         ["*.spec.ts"],
     ),
-    deps = [
+    interop_deps = [
         ":copy-source-code-button",
         "//packages/core",
         "//packages/core/testing",
         "//packages/platform-browser",
-        "@npm//@angular/cdk",
+    ],
+    tsconfig = "//adev/shared-docs:tsconfig_test",
+    deps = [
+        "//:node_modules/@angular/cdk",
     ],
 )
 
diff --git a/adev/shared-docs/components/navigation-list/BUILD.bazel b/adev/shared-docs/components/navigation-list/BUILD.bazel
index 986d0f97bc6..0aba956c1ac 100644
--- a/adev/shared-docs/components/navigation-list/BUILD.bazel
+++ b/adev/shared-docs/components/navigation-list/BUILD.bazel
@@ -1,5 +1,6 @@
 load("@io_bazel_rules_sass//:defs.bzl", "sass_binary")
-load("//tools:defaults.bzl", "karma_web_test_suite", "ng_module", "ts_library")
+load("//tools:defaults.bzl", "karma_web_test_suite", "ng_module")
+load("//tools:defaults2.bzl", "ts_project")
 
 package(default_visibility = ["//visibility:private"])
 
@@ -35,13 +36,13 @@ sass_binary(
     ],
 )
 
-ts_library(
+ts_project(
     name = "test_lib",
     testonly = True,
     srcs = glob(
         ["*.spec.ts"],
     ),
-    deps = [
+    interop_deps = [
         ":navigation-list",
         "//adev/shared-docs/interfaces",
         "//adev/shared-docs/services",
@@ -51,6 +52,7 @@ ts_library(
         "//packages/router",
         "//packages/router/testing",
     ],
+    tsconfig = "//adev/shared-docs:tsconfig_test",
 )
 
 karma_web_test_suite(
diff --git a/adev/shared-docs/components/search-dialog/BUILD.bazel b/adev/shared-docs/components/search-dialog/BUILD.bazel
index 8869aae4975..3abd302b306 100644
--- a/adev/shared-docs/components/search-dialog/BUILD.bazel
+++ b/adev/shared-docs/components/search-dialog/BUILD.bazel
@@ -1,5 +1,6 @@
-load("//tools:defaults.bzl", "karma_web_test_suite", "ng_module", "ts_library")
 load("@io_bazel_rules_sass//:defs.bzl", "sass_binary")
+load("//tools:defaults.bzl", "karma_web_test_suite", "ng_module")
+load("//tools:defaults2.bzl", "ts_project")
 
 package(default_visibility = ["//visibility:private"])
 
@@ -34,13 +35,13 @@ sass_binary(
     src = "search-dialog.component.scss",
 )
 
-ts_library(
+ts_project(
     name = "test_lib",
     testonly = True,
     srcs = glob(
         ["*.spec.ts"],
     ),
-    deps = [
+    interop_deps = [
         ":search-dialog",
         "//adev/shared-docs/components/algolia-icon",
         "//adev/shared-docs/interfaces",
@@ -53,6 +54,7 @@ ts_library(
         "//packages/router",
         "//packages/router/testing",
     ],
+    tsconfig = "//adev/shared-docs:tsconfig_test",
 )
 
 karma_web_test_suite(
diff --git a/adev/shared-docs/components/select/BUILD.bazel b/adev/shared-docs/components/select/BUILD.bazel
index eeeebfefeca..b0bb4eb00bf 100644
--- a/adev/shared-docs/components/select/BUILD.bazel
+++ b/adev/shared-docs/components/select/BUILD.bazel
@@ -1,5 +1,6 @@
-load("//tools:defaults.bzl", "karma_web_test_suite", "ng_module", "ts_library")
 load("@io_bazel_rules_sass//:defs.bzl", "sass_binary")
+load("//tools:defaults.bzl", "karma_web_test_suite", "ng_module")
+load("//tools:defaults2.bzl", "ts_project")
 
 package(default_visibility = ["//visibility:private"])
 
@@ -27,17 +28,18 @@ sass_binary(
     src = "select.component.scss",
 )
 
-ts_library(
+ts_project(
     name = "test_lib",
     testonly = True,
     srcs = glob(
         ["*.spec.ts"],
     ),
-    deps = [
+    interop_deps = [
         ":select",
         "//packages/core",
         "//packages/core/testing",
     ],
+    tsconfig = "//adev/shared-docs:tsconfig_test",
 )
 
 karma_web_test_suite(
diff --git a/adev/shared-docs/components/slide-toggle/BUILD.bazel b/adev/shared-docs/components/slide-toggle/BUILD.bazel
index 4b77114bee3..eb0beb89228 100644
--- a/adev/shared-docs/components/slide-toggle/BUILD.bazel
+++ b/adev/shared-docs/components/slide-toggle/BUILD.bazel
@@ -1,5 +1,6 @@
-load("//tools:defaults.bzl", "karma_web_test_suite", "ng_module", "ts_library")
 load("@io_bazel_rules_sass//:defs.bzl", "sass_binary")
+load("//tools:defaults.bzl", "karma_web_test_suite", "ng_module")
+load("//tools:defaults2.bzl", "ts_project")
 
 package(default_visibility = ["//visibility:private"])
 
@@ -27,17 +28,18 @@ sass_binary(
     src = "slide-toggle.component.scss",
 )
 
-ts_library(
+ts_project(
     name = "test_lib",
     testonly = True,
     srcs = glob(
         ["*.spec.ts"],
     ),
-    deps = [
+    interop_deps = [
         ":slide-toggle",
         "//packages/core",
         "//packages/core/testing",
     ],
+    tsconfig = "//adev/shared-docs:tsconfig_test",
 )
 
 karma_web_test_suite(
diff --git a/adev/shared-docs/components/table-of-contents/BUILD.bazel b/adev/shared-docs/components/table-of-contents/BUILD.bazel
index 5a78168cc86..d196733e63e 100644
--- a/adev/shared-docs/components/table-of-contents/BUILD.bazel
+++ b/adev/shared-docs/components/table-of-contents/BUILD.bazel
@@ -1,5 +1,6 @@
-load("//tools:defaults.bzl", "karma_web_test_suite", "ng_module", "ts_library")
 load("@io_bazel_rules_sass//:defs.bzl", "sass_binary")
+load("//tools:defaults.bzl", "karma_web_test_suite", "ng_module")
+load("//tools:defaults2.bzl", "ts_project")
 
 package(default_visibility = ["//visibility:private"])
 
@@ -31,13 +32,13 @@ sass_binary(
     src = "table-of-contents.component.scss",
 )
 
-ts_library(
+ts_project(
     name = "test_lib",
     testonly = True,
     srcs = glob(
         ["*.spec.ts"],
     ),
-    deps = [
+    interop_deps = [
         ":table-of-contents",
         "//adev/shared-docs/interfaces",
         "//adev/shared-docs/providers",
@@ -47,6 +48,7 @@ ts_library(
         "//packages/router",
         "//packages/router/testing",
     ],
+    tsconfig = "//adev/shared-docs:tsconfig_test",
 )
 
 karma_web_test_suite(
diff --git a/adev/shared-docs/components/text-field/BUILD.bazel b/adev/shared-docs/components/text-field/BUILD.bazel
index 84ad42e6607..f6c10d393d3 100644
--- a/adev/shared-docs/components/text-field/BUILD.bazel
+++ b/adev/shared-docs/components/text-field/BUILD.bazel
@@ -1,5 +1,6 @@
-load("//tools:defaults.bzl", "karma_web_test_suite", "ng_module", "ts_library")
 load("@io_bazel_rules_sass//:defs.bzl", "sass_binary")
+load("//tools:defaults.bzl", "karma_web_test_suite", "ng_module")
+load("//tools:defaults2.bzl", "ts_project")
 
 package(default_visibility = ["//visibility:private"])
 
@@ -29,17 +30,18 @@ sass_binary(
     src = "text-field.component.scss",
 )
 
-ts_library(
+ts_project(
     name = "test_lib",
     testonly = True,
     srcs = glob(
         ["*.spec.ts"],
     ),
-    deps = [
+    interop_deps = [
         ":text-field",
         "//packages/core",
         "//packages/core/testing",
     ],
+    tsconfig = "//adev/shared-docs:tsconfig_test",
 )
 
 karma_web_test_suite(
diff --git a/adev/shared-docs/components/top-level-banner/BUILD.bazel b/adev/shared-docs/components/top-level-banner/BUILD.bazel
index f1bd2433456..3b7795da5cb 100644
--- a/adev/shared-docs/components/top-level-banner/BUILD.bazel
+++ b/adev/shared-docs/components/top-level-banner/BUILD.bazel
@@ -1,5 +1,6 @@
-load("//tools:defaults.bzl", "karma_web_test_suite", "ng_module", "ts_library")
 load("@io_bazel_rules_sass//:defs.bzl", "sass_binary")
+load("//tools:defaults.bzl", "karma_web_test_suite", "ng_module")
+load("//tools:defaults2.bzl", "ts_project")
 
 package(default_visibility = ["//visibility:private"])
 
@@ -29,18 +30,19 @@ sass_binary(
     src = "top-level-banner.component.scss",
 )
 
-ts_library(
+ts_project(
     name = "test_lib",
     testonly = True,
     srcs = glob(
         ["*.spec.ts"],
     ),
-    deps = [
+    interop_deps = [
         ":top-level-banner",
         "//adev/shared-docs/providers",
         "//packages/core",
         "//packages/core/testing",
     ],
+    tsconfig = "//adev/shared-docs:tsconfig_test",
 )
 
 karma_web_test_suite(
diff --git a/adev/shared-docs/components/viewers/BUILD.bazel b/adev/shared-docs/components/viewers/BUILD.bazel
index 135fd08d593..2bae2db196f 100644
--- a/adev/shared-docs/components/viewers/BUILD.bazel
+++ b/adev/shared-docs/components/viewers/BUILD.bazel
@@ -1,5 +1,6 @@
-load("//tools:defaults.bzl", "karma_web_test_suite", "ng_module", "ts_library")
 load("@io_bazel_rules_sass//:defs.bzl", "sass_binary")
+load("//tools:defaults.bzl", "karma_web_test_suite", "ng_module")
+load("//tools:defaults2.bzl", "ts_project")
 
 package(default_visibility = ["//visibility:private"])
 
@@ -45,13 +46,13 @@ sass_binary(
     ],
 )
 
-ts_library(
+ts_project(
     name = "test_lib",
     testonly = True,
     srcs = glob(
         ["**/*.spec.ts"],
     ),
-    deps = [
+    interop_deps = [
         ":viewers",
         "//adev/shared-docs/components/breadcrumb",
         "//adev/shared-docs/components/copy-source-code-button",
@@ -66,8 +67,11 @@ ts_library(
         "//packages/platform-browser/animations",
         "//packages/router",
         "//packages/router/testing",
-        "@npm//@angular/cdk",
-        "@npm//@angular/material",
+    ],
+    tsconfig = "//adev/shared-docs:tsconfig_test",
+    deps = [
+        "//:node_modules/@angular/cdk",
+        "//:node_modules/@angular/material",
     ],
 )
 
diff --git a/adev/shared-docs/directives/BUILD.bazel b/adev/shared-docs/directives/BUILD.bazel
index 759ea98aab8..9c861488bd3 100644
--- a/adev/shared-docs/directives/BUILD.bazel
+++ b/adev/shared-docs/directives/BUILD.bazel
@@ -1,18 +1,19 @@
-load("//tools:defaults.bzl", "ts_library")
+load("//tools:defaults2.bzl", "ts_project")
 
 package(default_visibility = ["//visibility:private"])
 
-ts_library(
+ts_project(
     name = "directives",
     srcs = [
         "index.ts",
     ],
-    visibility = [
-        "//adev/shared-docs:__subpackages__",
-    ],
-    deps = [
+    interop_deps = [
         "//adev/shared-docs/directives/click-outside",
         "//adev/shared-docs/directives/external-link",
         "//adev/shared-docs/directives/search-item",
     ],
+    tsconfig = "//adev/shared-docs:tsconfig_test",
+    visibility = [
+        "//adev/shared-docs:__subpackages__",
+    ],
 )
diff --git a/adev/shared-docs/directives/click-outside/BUILD.bazel b/adev/shared-docs/directives/click-outside/BUILD.bazel
index 32bed5e4047..4cbc63a9f7d 100644
--- a/adev/shared-docs/directives/click-outside/BUILD.bazel
+++ b/adev/shared-docs/directives/click-outside/BUILD.bazel
@@ -1,4 +1,5 @@
-load("//tools:defaults.bzl", "karma_web_test_suite", "ng_module", "ts_library")
+load("//tools:defaults.bzl", "karma_web_test_suite", "ng_module")
+load("//tools:defaults2.bzl", "ts_project")
 
 package(default_visibility = ["//visibility:private"])
 
@@ -16,13 +17,13 @@ ng_module(
     ],
 )
 
-ts_library(
+ts_project(
     name = "test_lib",
     testonly = True,
     srcs = glob(
         ["*.spec.ts"],
     ),
-    deps = [
+    interop_deps = [
         ":click-outside",
         "//packages/core",
         "//packages/core/testing",
@@ -30,6 +31,7 @@ ts_library(
         "//packages/router",
         "//packages/router/testing",
     ],
+    tsconfig = "//adev/shared-docs:tsconfig_test",
 )
 
 karma_web_test_suite(
diff --git a/adev/shared-docs/directives/external-link/BUILD.bazel b/adev/shared-docs/directives/external-link/BUILD.bazel
index f95035631f9..0d4d2644ea7 100644
--- a/adev/shared-docs/directives/external-link/BUILD.bazel
+++ b/adev/shared-docs/directives/external-link/BUILD.bazel
@@ -1,4 +1,5 @@
-load("//tools:defaults.bzl", "karma_web_test_suite", "ng_module", "ts_library")
+load("//tools:defaults.bzl", "karma_web_test_suite", "ng_module")
+load("//tools:defaults2.bzl", "ts_project")
 
 package(default_visibility = ["//visibility:private"])
 
@@ -19,13 +20,13 @@ ng_module(
     ],
 )
 
-ts_library(
+ts_project(
     name = "test_lib",
     testonly = True,
     srcs = glob(
         ["*.spec.ts"],
     ),
-    deps = [
+    interop_deps = [
         ":external-link",
         "//adev/shared-docs/providers",
         "//packages/core",
@@ -34,6 +35,7 @@ ts_library(
         "//packages/router",
         "//packages/router/testing",
     ],
+    tsconfig = "//adev/shared-docs:tsconfig_test",
 )
 
 karma_web_test_suite(
diff --git a/adev/shared-docs/interfaces/BUILD.bazel b/adev/shared-docs/interfaces/BUILD.bazel
index 12b42f0a15a..e1a5c55e096 100644
--- a/adev/shared-docs/interfaces/BUILD.bazel
+++ b/adev/shared-docs/interfaces/BUILD.bazel
@@ -1,19 +1,20 @@
-load("//tools:defaults.bzl", "ts_library")
+load("//tools:defaults2.bzl", "ts_project")
 
 package(default_visibility = ["//visibility:private"])
 
-ts_library(
+ts_project(
     name = "interfaces",
     srcs = [
         "index.ts",
     ],
+    tsconfig = "//adev/shared-docs:tsconfig_build",
     visibility = ["//adev/shared-docs:__subpackages__"],
     deps = [
-        ":lib",
+        ":lib_rjs",
     ],
 )
 
-ts_library(
+ts_project(
     name = "lib",
     srcs = glob(
         [
@@ -24,9 +25,13 @@ ts_library(
             "**/*.spec.ts",
         ],
     ),
-    deps = [
+    interop_deps = [
         "//packages/core",
-        "@npm//@types/node",
-        "@npm//@webcontainer/api",
+        "//packages/router",
+    ],
+    tsconfig = "//adev/shared-docs:tsconfig_build",
+    deps = [
+        "//:node_modules/@types/node",
+        "//:node_modules/@webcontainer/api",
     ],
 )
diff --git a/adev/shared-docs/pipeline/BUILD.bazel b/adev/shared-docs/pipeline/BUILD.bazel
index 3917ca7e35a..b65c77a6118 100644
--- a/adev/shared-docs/pipeline/BUILD.bazel
+++ b/adev/shared-docs/pipeline/BUILD.bazel
@@ -12,7 +12,7 @@ esbuild_esm_bundle(
     define = {
         "HANDLE_MERMAID": "true",
     },
-    entry_point = "//adev/shared-docs/pipeline/guides:index.ts",
+    entry_point = "//adev/shared-docs/pipeline/guides:index.mts",
     # JSDOM should not be bundled because it has workers and dynamic imports.
     # playwright-core cannot be bundled because of its cjs usage.
     external = [
@@ -33,7 +33,7 @@ esbuild_esm_bundle(
     define = {
         "HANDLE_MERMAID": "false",
     },
-    entry_point = "//adev/shared-docs/pipeline/guides:index.ts",
+    entry_point = "//adev/shared-docs/pipeline/guides:index.mts",
     # JSDOM should not be bundled because it has workers and dynamic imports.
     external = [
         "jsdom",
@@ -49,7 +49,7 @@ esbuild_esm_bundle(
 
 esbuild_esm_bundle(
     name = "stackblitz-bundle",
-    entry_point = "//adev/shared-docs/pipeline/examples/stackblitz:index.ts",
+    entry_point = "//adev/shared-docs/pipeline/examples/stackblitz:index.mts",
     # JSDOM should not be bundled because it has workers and dynamic imports.
     external = ["jsdom"],
     output = "stackblitz.mjs",
@@ -63,7 +63,7 @@ esbuild_esm_bundle(
 
 esbuild_esm_bundle(
     name = "previews-bundle",
-    entry_point = "//adev/shared-docs/pipeline/examples/previews:index.ts",
+    entry_point = "//adev/shared-docs/pipeline/examples/previews:index.mts",
     external = [
         "typescript",
     ],
@@ -79,7 +79,7 @@ esbuild_esm_bundle(
 
 esbuild_esm_bundle(
     name = "zip-bundle",
-    entry_point = "//adev/shared-docs/pipeline/examples/zip:index.ts",
+    entry_point = "//adev/shared-docs/pipeline/examples/zip:index.mts",
     output = "zip.mjs",
     platform = "node",
     target = "es2022",
@@ -91,7 +91,7 @@ esbuild_esm_bundle(
 
 esbuild_esm_bundle(
     name = "playground-bundle",
-    entry_point = "//adev/shared-docs/pipeline/tutorials:playground.ts",
+    entry_point = "//adev/shared-docs/pipeline/tutorials:playground.mts",
     output = "playground.mjs",
     platform = "node",
     target = "es2022",
@@ -103,7 +103,7 @@ esbuild_esm_bundle(
 
 esbuild_esm_bundle(
     name = "tutorial-bundle",
-    entry_point = "//adev/shared-docs/pipeline/tutorials:tutorial.ts",
+    entry_point = "//adev/shared-docs/pipeline/tutorials:tutorial.mts",
     output = "tutorial.mjs",
     platform = "node",
     target = "es2022",
@@ -115,7 +115,7 @@ esbuild_esm_bundle(
 
 esbuild_esm_bundle(
     name = "navigation-bundle",
-    entry_point = "//adev/shared-docs/pipeline/navigation:index.ts",
+    entry_point = "//adev/shared-docs/pipeline/navigation:index.mts",
     output = "navigation.mjs",
     platform = "node",
     target = "es2022",
diff --git a/adev/shared-docs/pipeline/api-gen/extraction/BUILD.bazel b/adev/shared-docs/pipeline/api-gen/extraction/BUILD.bazel
index 0504dec08a9..fab88e93750 100644
--- a/adev/shared-docs/pipeline/api-gen/extraction/BUILD.bazel
+++ b/adev/shared-docs/pipeline/api-gen/extraction/BUILD.bazel
@@ -1,12 +1,12 @@
 load("@angular//tools/esm-interop:index.bzl", "nodejs_binary")
-load("@npm//@angular/build-tooling/bazel:defaults.bzl", "ts_library")
 load("@npm//@angular/build-tooling/bazel/esbuild:index.bzl", "esbuild_esm_bundle")
+load("//tools:defaults2.bzl", "ts_project")
 
 package(default_visibility = ["//adev/shared-docs/pipeline/api-gen:__subpackages__"])
 
 esbuild_esm_bundle(
     name = "bin",
-    entry_point = ":index.ts",
+    entry_point = ":index.mts",
     external = [
         "@angular/compiler-cli",
         "typescript",
@@ -19,22 +19,23 @@ esbuild_esm_bundle(
     ],
 )
 
-ts_library(
+ts_project(
     name = "extract_api_to_json_lib",
     srcs = glob(
-        ["**/*.ts"],
+        ["**/*.mts"],
         exclude = [
-            "**/*.spec.ts",
+            "**/*.spec.mts",
         ],
     ),
-    devmode_module = "commonjs",
-    tsconfig = "//adev:tsconfig.json",
-    deps = [
+    interop_deps = [
         "@angular//packages/compiler",
         "@angular//packages/compiler-cli",
-        "@npm//@bazel/runfiles",
-        "@npm//@types/node",
-        "@npm//typescript",
+    ],
+    tsconfig = "//adev/shared-docs:tsconfig_build",
+    deps = [
+        "//:node_modules/@bazel/runfiles",
+        "//:node_modules/@types/node",
+        "//:node_modules/typescript",
     ],
 )
 
diff --git a/adev/shared-docs/pipeline/api-gen/extraction/index.ts b/adev/shared-docs/pipeline/api-gen/extraction/index.mts
similarity index 99%
rename from adev/shared-docs/pipeline/api-gen/extraction/index.ts
rename to adev/shared-docs/pipeline/api-gen/extraction/index.mts
index 3c255a79f3b..92c24917953 100644
--- a/adev/shared-docs/pipeline/api-gen/extraction/index.ts
+++ b/adev/shared-docs/pipeline/api-gen/extraction/index.mts
@@ -19,7 +19,7 @@ import {
   NgtscProgram,
 } from '@angular/compiler-cli';
 import ts from 'typescript';
-import {EXAMPLES_PATH, interpolateCodeExamples} from './interpolate_code_examples';
+import {EXAMPLES_PATH, interpolateCodeExamples} from './interpolate_code_examples.mjs';
 
 function main() {
   const [paramFilePath] = process.argv.slice(2);
diff --git a/adev/shared-docs/pipeline/api-gen/extraction/interpolate_code_examples.ts b/adev/shared-docs/pipeline/api-gen/extraction/interpolate_code_examples.mts
similarity index 100%
rename from adev/shared-docs/pipeline/api-gen/extraction/interpolate_code_examples.ts
rename to adev/shared-docs/pipeline/api-gen/extraction/interpolate_code_examples.mts
diff --git a/adev/shared-docs/pipeline/api-gen/extraction/test/BUILD.bazel b/adev/shared-docs/pipeline/api-gen/extraction/test/BUILD.bazel
index 1b73461e562..fb1c11aae62 100644
--- a/adev/shared-docs/pipeline/api-gen/extraction/test/BUILD.bazel
+++ b/adev/shared-docs/pipeline/api-gen/extraction/test/BUILD.bazel
@@ -1,17 +1,18 @@
 load("//adev/shared-docs/pipeline/api-gen/extraction:extract_api_to_json.bzl", "extract_api_to_json")
-load("//tools:defaults.bzl", "jasmine_node_test", "ts_library")
+load("//tools:defaults.bzl", "jasmine_node_test")
+load("//tools:defaults2.bzl", "ts_project")
 
 package(default_visibility = ["//adev/shared-docs/pipeline/api-gen:__subpackages__"])
 
 extract_api_to_json(
     name = "test",
     srcs = [
-        "fake-source.ts",
+        "fake-source.mts",
         "//adev/shared-docs/pipeline/api-gen/extraction/test/dummy-entry-point:dummy_package",
     ],
-    entry_point = "fake-source.ts",
+    entry_point = "fake-source.mts",
     import_map = {
-        "//adev/shared-docs/pipeline/api-gen/extraction/test/dummy-entry-point:index.ts": "@angular/dummy-package",
+        "//adev/shared-docs/pipeline/api-gen/extraction/test/dummy-entry-point:index.mts": "@angular/dummy-package",
     },
     module_name = "@angular/core",
     output_name = "api.json",
@@ -22,15 +23,15 @@ extract_api_to_json(
 extract_api_to_json(
     name = "test_with_extra_entries",
     srcs = [
-        "fake-source.ts",
+        "fake-source.mts",
         "//adev/shared-docs/pipeline/api-gen/extraction/test/dummy-entry-point:dummy_package",
     ],
-    entry_point = "fake-source.ts",
+    entry_point = "fake-source.mts",
     extra_entries = [
         "extra.json",
     ],
     import_map = {
-        "//adev/shared-docs/pipeline/api-gen/extraction/test/dummy-entry-point:index.ts": "@angular/dummy-package",
+        "//adev/shared-docs/pipeline/api-gen/extraction/test/dummy-entry-point:index.mts": "@angular/dummy-package",
     },
     module_name = "@angular/core",
     output_name = "extra_api.json",
@@ -40,20 +41,24 @@ extract_api_to_json(
 
 filegroup(
     name = "source_files",
-    srcs = ["fake-source.ts"],
+    srcs = ["fake-source.mts"],
 )
 
-ts_library(
+ts_project(
     name = "unit_test_lib",
     testonly = True,
     srcs =
-        glob(["*.spec.ts"]) + [
-            "fake-examples.ts",
+        glob(["*.spec.mts"]) + [
+            "fake-examples.mts",
         ],
-    deps = [
-        "//adev/shared-docs/pipeline/api-gen/extraction:extract_api_to_json_lib",
+    interop_deps = [
         "@angular//packages/compiler-cli",
     ],
+    tsconfig = "//adev/shared-docs:tsconfig_test",
+    deps = [
+        "//:node_modules/@types/node",
+        "//adev/shared-docs/pipeline/api-gen/extraction:extract_api_to_json_lib_rjs",
+    ],
 )
 
 jasmine_node_test(
diff --git a/adev/shared-docs/pipeline/api-gen/extraction/test/dummy-entry-point/BUILD.bazel b/adev/shared-docs/pipeline/api-gen/extraction/test/dummy-entry-point/BUILD.bazel
index 2a400dc097d..1ee51a8aaeb 100644
--- a/adev/shared-docs/pipeline/api-gen/extraction/test/dummy-entry-point/BUILD.bazel
+++ b/adev/shared-docs/pipeline/api-gen/extraction/test/dummy-entry-point/BUILD.bazel
@@ -2,5 +2,5 @@ package(default_visibility = ["//adev/shared-docs/pipeline/api-gen:__subpackages
 
 filegroup(
     name = "dummy_package",
-    srcs = ["index.ts"],
+    srcs = ["index.mts"],
 )
diff --git a/adev/shared-docs/pipeline/api-gen/extraction/test/dummy-entry-point/index.ts b/adev/shared-docs/pipeline/api-gen/extraction/test/dummy-entry-point/index.mts
similarity index 100%
rename from adev/shared-docs/pipeline/api-gen/extraction/test/dummy-entry-point/index.ts
rename to adev/shared-docs/pipeline/api-gen/extraction/test/dummy-entry-point/index.mts
diff --git a/adev/shared-docs/pipeline/api-gen/extraction/test/fake-examples.ts b/adev/shared-docs/pipeline/api-gen/extraction/test/fake-examples.mts
similarity index 100%
rename from adev/shared-docs/pipeline/api-gen/extraction/test/fake-examples.ts
rename to adev/shared-docs/pipeline/api-gen/extraction/test/fake-examples.mts
diff --git a/adev/shared-docs/pipeline/api-gen/extraction/test/fake-source.ts b/adev/shared-docs/pipeline/api-gen/extraction/test/fake-source.mts
similarity index 100%
rename from adev/shared-docs/pipeline/api-gen/extraction/test/fake-source.ts
rename to adev/shared-docs/pipeline/api-gen/extraction/test/fake-source.mts
diff --git a/adev/shared-docs/pipeline/api-gen/extraction/test/interpolate_code_examples.spec.ts b/adev/shared-docs/pipeline/api-gen/extraction/test/interpolate_code_examples.spec.mts
similarity index 98%
rename from adev/shared-docs/pipeline/api-gen/extraction/test/interpolate_code_examples.spec.ts
rename to adev/shared-docs/pipeline/api-gen/extraction/test/interpolate_code_examples.spec.mts
index c0aa3780f16..bf0a6a9db5b 100644
--- a/adev/shared-docs/pipeline/api-gen/extraction/test/interpolate_code_examples.spec.ts
+++ b/adev/shared-docs/pipeline/api-gen/extraction/test/interpolate_code_examples.spec.mts
@@ -7,9 +7,9 @@
  */
 
 import fs from 'fs';
-import {interpolateCodeExamples} from '../interpolate_code_examples';
+import {interpolateCodeExamples} from '../interpolate_code_examples.mjs';
 import {DocEntry} from '@angular/compiler-cli';
-import {mockReadFileSync} from './fake-examples';
+import {mockReadFileSync} from './fake-examples.mjs';
 
 const tsMdBlock = (code: string) => '```angular-ts\n' + code + '\n```';
 const htmlMdBlock = (code: string) => '```angular-html\n' + code + '\n```';
diff --git a/adev/shared-docs/pipeline/api-gen/manifest/BUILD.bazel b/adev/shared-docs/pipeline/api-gen/manifest/BUILD.bazel
index 8040989a39d..596075d0533 100644
--- a/adev/shared-docs/pipeline/api-gen/manifest/BUILD.bazel
+++ b/adev/shared-docs/pipeline/api-gen/manifest/BUILD.bazel
@@ -1,12 +1,12 @@
-load("@npm//@angular/build-tooling/bazel:defaults.bzl", "ts_library")
 load("@angular//tools/esm-interop:index.bzl", "nodejs_binary")
 load("@npm//@angular/build-tooling/bazel/esbuild:index.bzl", "esbuild_esm_bundle")
+load("//tools:defaults2.bzl", "ts_project")
 
 package(default_visibility = ["//adev/shared-docs/pipeline/api-gen:__subpackages__"])
 
 esbuild_esm_bundle(
     name = "bin",
-    entry_point = ":index.ts",
+    entry_point = ":index.mts",
     external = [
         "@angular/compiler-cli",
     ],
@@ -19,15 +19,16 @@ esbuild_esm_bundle(
     ],
 )
 
-ts_library(
+ts_project(
     name = "generate_api_manifest_lib",
-    srcs = glob(["**/*.ts"]),
-    devmode_module = "commonjs",
-    tsconfig = "//adev:tsconfig.json",
-    deps = [
+    srcs = glob(["**/*.mts"]),
+    interop_deps = [
         "@angular//packages/compiler-cli",
-        "@npm//@bazel/runfiles",
-        "@npm//@types/node",
+    ],
+    tsconfig = "//adev/shared-docs:tsconfig_build",
+    deps = [
+        "//:node_modules/@bazel/runfiles",
+        "//:node_modules/@types/node",
     ],
 )
 
diff --git a/adev/shared-docs/pipeline/api-gen/manifest/generate_manifest.ts b/adev/shared-docs/pipeline/api-gen/manifest/generate_manifest.mts
similarity index 100%
rename from adev/shared-docs/pipeline/api-gen/manifest/generate_manifest.ts
rename to adev/shared-docs/pipeline/api-gen/manifest/generate_manifest.mts
diff --git a/adev/shared-docs/pipeline/api-gen/manifest/index.ts b/adev/shared-docs/pipeline/api-gen/manifest/index.mts
similarity index 93%
rename from adev/shared-docs/pipeline/api-gen/manifest/index.ts
rename to adev/shared-docs/pipeline/api-gen/manifest/index.mts
index 0f4f968ee16..90e80b4cf33 100644
--- a/adev/shared-docs/pipeline/api-gen/manifest/index.ts
+++ b/adev/shared-docs/pipeline/api-gen/manifest/index.mts
@@ -7,7 +7,7 @@
  */
 
 import {readFileSync, writeFileSync} from 'fs';
-import {generateManifest} from './generate_manifest';
+import {generateManifest} from './generate_manifest.mjs';
 import type {EntryCollection} from '@angular/compiler-cli';
 
 function main() {
diff --git a/adev/shared-docs/pipeline/api-gen/manifest/test/BUILD.bazel b/adev/shared-docs/pipeline/api-gen/manifest/test/BUILD.bazel
index 96b62712ffe..d558578db34 100644
--- a/adev/shared-docs/pipeline/api-gen/manifest/test/BUILD.bazel
+++ b/adev/shared-docs/pipeline/api-gen/manifest/test/BUILD.bazel
@@ -1,6 +1,7 @@
 load("//adev/shared-docs/pipeline/api-gen/extraction:extract_api_to_json.bzl", "extract_api_to_json")
 load("//adev/shared-docs/pipeline/api-gen/manifest:generate_api_manifest.bzl", "generate_api_manifest")
-load("//tools:defaults.bzl", "jasmine_node_test", "ts_library")
+load("//tools:defaults.bzl", "jasmine_node_test")
+load("//tools:defaults2.bzl", "ts_project")
 
 generate_api_manifest(
     name = "test",
@@ -12,24 +13,27 @@ generate_api_manifest(
 
 extract_api_to_json(
     name = "another_extraction",
-    srcs = ["another-fake-source.ts"],
-    entry_point = "another-fake-source.ts",
+    srcs = ["another-fake-source.mts"],
+    entry_point = "another-fake-source.mts",
     module_name = "@angular/router",
     output_name = "api.json",
     private_modules = [""],
     repo = "angular/angular",
 )
 
-ts_library(
+ts_project(
     name = "unit_test_lib",
     testonly = True,
     srcs = [
-        "manifest.spec.ts",
+        "manifest.spec.mts",
     ],
-    deps = [
-        "//adev/shared-docs/pipeline/api-gen/manifest:generate_api_manifest_lib",
+    interop_deps = [
         "//packages/compiler-cli",
     ],
+    tsconfig = "//adev/shared-docs:tsconfig_test",
+    deps = [
+        "//adev/shared-docs/pipeline/api-gen/manifest:generate_api_manifest_lib_rjs",
+    ],
 )
 
 jasmine_node_test(
diff --git a/adev/shared-docs/pipeline/api-gen/manifest/test/another-fake-source.ts b/adev/shared-docs/pipeline/api-gen/manifest/test/another-fake-source.mts
similarity index 100%
rename from adev/shared-docs/pipeline/api-gen/manifest/test/another-fake-source.ts
rename to adev/shared-docs/pipeline/api-gen/manifest/test/another-fake-source.mts
diff --git a/adev/shared-docs/pipeline/api-gen/manifest/test/manifest.spec.ts b/adev/shared-docs/pipeline/api-gen/manifest/test/manifest.spec.mts
similarity index 99%
rename from adev/shared-docs/pipeline/api-gen/manifest/test/manifest.spec.ts
rename to adev/shared-docs/pipeline/api-gen/manifest/test/manifest.spec.mts
index 0fcc7f9d0fe..2a23bce606c 100644
--- a/adev/shared-docs/pipeline/api-gen/manifest/test/manifest.spec.ts
+++ b/adev/shared-docs/pipeline/api-gen/manifest/test/manifest.spec.mts
@@ -8,7 +8,7 @@
 
 // @ts-ignore This compiles fine, but Webstorm doesn't like the ESM import in a CJS context.
 import {DocEntry, EntryType, FunctionEntry, JsDocTagEntry} from '@angular/compiler-cli';
-import {generateManifest, Manifest} from '../generate_manifest';
+import {generateManifest, Manifest} from '../generate_manifest.mjs';
 
 describe('api manifest generation', () => {
   it('should generate a manifest from multiple collections', () => {
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/BUILD.bazel b/adev/shared-docs/pipeline/api-gen/rendering/BUILD.bazel
index fe4fac016d4..7789138e0e1 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/BUILD.bazel
+++ b/adev/shared-docs/pipeline/api-gen/rendering/BUILD.bazel
@@ -1,12 +1,12 @@
-load("@npm//@angular/build-tooling/bazel:defaults.bzl", "ts_library")
 load("@build_bazel_rules_nodejs//:index.bzl", "nodejs_binary")
 load("@npm//@angular/build-tooling/bazel/esbuild:index.bzl", "esbuild_esm_bundle")
+load("//tools:defaults2.bzl", "ts_project")
 
 package(default_visibility = ["//adev/shared-docs/pipeline/api-gen:__subpackages__"])
 
 esbuild_esm_bundle(
     name = "bin",
-    entry_point = ":index.ts",
+    entry_point = ":index.mts",
     output = "bin.mjs",
     platform = "node",
     target = "es2022",
@@ -15,37 +15,37 @@ esbuild_esm_bundle(
     ],
 )
 
-ts_library(
+ts_project(
     name = "render_api_to_html_lib",
     srcs = glob(
         [
-            "**/*.ts",
+            "**/*.mts",
             "**/*.tsx",
+            "shiki.d.ts",
         ],
         exclude = [
-            "entities.ts",
+            "entities.mts",
         ],
     ),
-    devmode_module = "commonjs",
-    tsconfig = "//adev:tsconfig.json",
+    tsconfig = "//adev/shared-docs:tsconfig_build",
     deps = [
-        ":entities",
-        "@npm//@bazel/runfiles",
-        "@npm//@types/node",
-        "@npm//html-entities",
-        "@npm//marked",
-        "@npm//preact",
-        "@npm//preact-render-to-string",
-        "@npm//shiki",
+        ":entities_rjs",
+        "//:node_modules/@bazel/runfiles",
+        "//:node_modules/@types/node",
+        "//:node_modules/html-entities",
+        "//:node_modules/marked",
+        "//:node_modules/preact",
+        "//:node_modules/preact-render-to-string",
+        "//:node_modules/shiki",
     ],
 )
 
-ts_library(
+ts_project(
     name = "entities",
     srcs = [
-        "entities.ts",
+        "entities.mts",
     ],
-    tsconfig = "//adev:tsconfig.json",
+    tsconfig = "//adev/shared-docs:tsconfig_build",
     visibility = [
         "//adev/shared-docs/pipeline/api-gen/rendering:__pkg__",
         "//docs/pipeline/guides:__pkg__",
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/cli-entities.ts b/adev/shared-docs/pipeline/api-gen/rendering/cli-entities.mts
similarity index 100%
rename from adev/shared-docs/pipeline/api-gen/rendering/cli-entities.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/cli-entities.mts
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/entities.ts b/adev/shared-docs/pipeline/api-gen/rendering/entities.mts
similarity index 100%
rename from adev/shared-docs/pipeline/api-gen/rendering/entities.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/entities.mts
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/entities/categorization.ts b/adev/shared-docs/pipeline/api-gen/rendering/entities/categorization.mts
similarity index 97%
rename from adev/shared-docs/pipeline/api-gen/rendering/entities/categorization.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/entities/categorization.mts
index c44ba78927f..8ae144948df 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/entities/categorization.ts
+++ b/adev/shared-docs/pipeline/api-gen/rendering/entities/categorization.mts
@@ -22,9 +22,9 @@ import {
   MethodEntry,
   PropertyEntry,
   TypeAliasEntry,
-} from '../entities';
+} from '../entities.mjs';
 
-import {CliCommand} from '../cli-entities';
+import {CliCommand} from '../cli-entities.mjs';
 
 import {
   ClassEntryRenderable,
@@ -38,8 +38,8 @@ import {
   MemberEntryRenderable,
   MethodEntryRenderable,
   TypeAliasEntryRenderable,
-} from './renderables';
-import {HasJsDocTags} from './traits';
+} from './renderables.mjs';
+import {HasJsDocTags} from './traits.mjs';
 
 /** Gets whether the given entry represents a class */
 export function isClassEntry(entry: DocEntryRenderable): entry is ClassEntryRenderable;
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/entities/renderables.ts b/adev/shared-docs/pipeline/api-gen/rendering/entities/renderables.mts
similarity index 96%
rename from adev/shared-docs/pipeline/api-gen/rendering/entities/renderables.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/entities/renderables.mts
index a83b37d0565..a57dd5b5123 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/entities/renderables.ts
+++ b/adev/shared-docs/pipeline/api-gen/rendering/entities/renderables.mts
@@ -20,11 +20,11 @@ import {
   ParameterEntry,
   PipeEntry,
   TypeAliasEntry,
-} from '../entities';
+} from '../entities.mjs';
 
-import {CliCommand, CliOption} from '../cli-entities';
+import {CliCommand, CliOption} from '../cli-entities.mjs';
 
-import {HasRenderableToc} from './traits';
+import {HasRenderableToc} from './traits.mjs';
 
 /** JsDoc tag info augmented with transformed content for rendering. */
 export interface JsDocTagRenderable extends JsDocTagEntry {
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/entities/traits.ts b/adev/shared-docs/pipeline/api-gen/rendering/entities/traits.mts
similarity index 98%
rename from adev/shared-docs/pipeline/api-gen/rendering/entities/traits.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/entities/traits.mts
index bdd3e0bb5de..2c8aa878d2e 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/entities/traits.ts
+++ b/adev/shared-docs/pipeline/api-gen/rendering/entities/traits.mts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {JsDocTagEntry, MemberEntry, ParameterEntry} from '../entities';
+import {JsDocTagEntry, MemberEntry, ParameterEntry} from '../entities.mjs';
 
 import {
   CodeLineRenderable,
@@ -14,7 +14,7 @@ import {
   LinkEntryRenderable,
   MemberEntryRenderable,
   ParameterEntryRenderable,
-} from './renderables';
+} from './renderables.mjs';
 
 /** A doc entry that has jsdoc tags. */
 export interface HasJsDocTags {
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/index.ts b/adev/shared-docs/pipeline/api-gen/rendering/index.mts
similarity index 93%
rename from adev/shared-docs/pipeline/api-gen/rendering/index.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/index.mts
index e69fb262197..fcd3234240b 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/index.ts
+++ b/adev/shared-docs/pipeline/api-gen/rendering/index.mts
@@ -8,14 +8,14 @@
 
 import {existsSync, mkdirSync, readFileSync, writeFileSync} from 'fs';
 import path from 'path';
-import {CliCommand} from './cli-entities';
-import {DocEntry} from './entities';
-import {isCliEntry, isHiddenEntry} from './entities/categorization';
-import {configureMarkedGlobally} from './marked/configuration';
-import {getRenderable} from './processing';
-import {renderEntry} from './rendering';
-import {initHighlighter} from './shiki/shiki';
-import {setCurrentSymbol, setSymbols} from './symbol-context';
+import {CliCommand} from './cli-entities.mjs';
+import {DocEntry} from './entities.mjs';
+import {isCliEntry, isHiddenEntry} from './entities/categorization.mjs';
+import {configureMarkedGlobally} from './marked/configuration.mjs';
+import {getRenderable} from './processing.mjs';
+import {renderEntry} from './rendering.mjs';
+import {initHighlighter} from './shiki/shiki.mjs';
+import {setCurrentSymbol, setSymbols} from './symbol-context.mjs';
 
 /** The JSON data file format for extracted API reference info. */
 interface EntryCollection {
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/marked/configuration.ts b/adev/shared-docs/pipeline/api-gen/rendering/marked/configuration.mts
similarity index 90%
rename from adev/shared-docs/pipeline/api-gen/rendering/marked/configuration.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/marked/configuration.mts
index e682bd54d06..40a708e2c4c 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/marked/configuration.ts
+++ b/adev/shared-docs/pipeline/api-gen/rendering/marked/configuration.mts
@@ -7,7 +7,7 @@
  */
 
 import {marked} from 'marked';
-import {renderer} from './renderer';
+import {renderer} from './renderer.mjs';
 
 /** Globally configures marked for rendering JsDoc content to HTML. */
 export function configureMarkedGlobally() {
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/marked/renderer.ts b/adev/shared-docs/pipeline/api-gen/rendering/marked/renderer.mts
similarity index 97%
rename from adev/shared-docs/pipeline/api-gen/rendering/marked/renderer.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/marked/renderer.mts
index b801c486de8..2568b7e25ef 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/marked/renderer.ts
+++ b/adev/shared-docs/pipeline/api-gen/rendering/marked/renderer.mts
@@ -7,8 +7,8 @@
  */
 
 import {Renderer, Tokens} from 'marked';
-import {codeToHtml} from '../shiki/shiki';
-import {SECTION_HEADING, SECTION_SUB_HEADING} from '../styling/css-classes';
+import {codeToHtml} from '../shiki/shiki.mjs';
+import {SECTION_HEADING, SECTION_SUB_HEADING} from '../styling/css-classes.mjs';
 
 /**
  * Custom renderer for marked that will be used to transform markdown files to HTML
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/processing.ts b/adev/shared-docs/pipeline/api-gen/rendering/processing.mts
similarity index 78%
rename from adev/shared-docs/pipeline/api-gen/rendering/processing.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/processing.mts
index e10c64eee6b..de44a31e672 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/processing.ts
+++ b/adev/shared-docs/pipeline/api-gen/rendering/processing.mts
@@ -6,9 +6,9 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {DocEntry} from './entities';
+import {DocEntry} from './entities.mjs';
 
-import {CliCommand} from './cli-entities';
+import {CliCommand} from './cli-entities.mjs';
 import {
   isClassEntry,
   isCliEntry,
@@ -19,26 +19,26 @@ import {
   isInitializerApiFunctionEntry,
   isInterfaceEntry,
   isTypeAliasEntry,
-} from './entities/categorization';
-import {CliCommandRenderable, DocEntryRenderable} from './entities/renderables';
-import {getClassRenderable} from './transforms/class-transforms';
-import {getCliRenderable} from './transforms/cli-transforms';
-import {getConstantRenderable} from './transforms/constant-transforms';
-import {getDecoratorRenderable} from './transforms/decorator-transforms';
-import {getEnumRenderable} from './transforms/enum-transforms';
-import {getFunctionRenderable} from './transforms/function-transforms';
-import {getInitializerApiFunctionRenderable} from './transforms/initializer-api-functions-transform';
-import {getInterfaceRenderable} from './transforms/interface-transforms';
+} from './entities/categorization.mjs';
+import {CliCommandRenderable, DocEntryRenderable} from './entities/renderables.mjs';
+import {getClassRenderable} from './transforms/class-transforms.mjs';
+import {getCliRenderable} from './transforms/cli-transforms.mjs';
+import {getConstantRenderable} from './transforms/constant-transforms.mjs';
+import {getDecoratorRenderable} from './transforms/decorator-transforms.mjs';
+import {getEnumRenderable} from './transforms/enum-transforms.mjs';
+import {getFunctionRenderable} from './transforms/function-transforms.mjs';
+import {getInitializerApiFunctionRenderable} from './transforms/initializer-api-functions-transform.mjs';
+import {getInterfaceRenderable} from './transforms/interface-transforms.mjs';
 import {
   addHtmlAdditionalLinks,
   addHtmlDescription,
   addHtmlJsDocTagComments,
   addHtmlUsageNotes,
   setEntryFlags,
-} from './transforms/jsdoc-transforms';
-import {addModuleName} from './transforms/module-name';
-import {addRepo} from './transforms/repo';
-import {getTypeAliasRenderable} from './transforms/type-alias-transforms';
+} from './transforms/jsdoc-transforms.mjs';
+import {addModuleName} from './transforms/module-name.mjs';
+import {addRepo} from './transforms/repo.mjs';
+import {getTypeAliasRenderable} from './transforms/type-alias-transforms.mjs';
 
 export function getRenderable(
   entry: DocEntry | CliCommand,
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/regions/region-matchers/block-c.ts b/adev/shared-docs/pipeline/api-gen/rendering/regions/region-matchers/block-c.mts
similarity index 100%
rename from adev/shared-docs/pipeline/api-gen/rendering/regions/region-matchers/block-c.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/regions/region-matchers/block-c.mts
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/regions/region-matchers/html.ts b/adev/shared-docs/pipeline/api-gen/rendering/regions/region-matchers/html.mts
similarity index 100%
rename from adev/shared-docs/pipeline/api-gen/rendering/regions/region-matchers/html.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/regions/region-matchers/html.mts
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/regions/region-matchers/inline-c-only.ts b/adev/shared-docs/pipeline/api-gen/rendering/regions/region-matchers/inline-c-only.mts
similarity index 100%
rename from adev/shared-docs/pipeline/api-gen/rendering/regions/region-matchers/inline-c-only.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/regions/region-matchers/inline-c-only.mts
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/regions/region-matchers/inline-c.ts b/adev/shared-docs/pipeline/api-gen/rendering/regions/region-matchers/inline-c.mts
similarity index 100%
rename from adev/shared-docs/pipeline/api-gen/rendering/regions/region-matchers/inline-c.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/regions/region-matchers/inline-c.mts
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/regions/region-matchers/inline-hash.ts b/adev/shared-docs/pipeline/api-gen/rendering/regions/region-matchers/inline-hash.mts
similarity index 100%
rename from adev/shared-docs/pipeline/api-gen/rendering/regions/region-matchers/inline-hash.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/regions/region-matchers/inline-hash.mts
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/regions/region-parser.ts b/adev/shared-docs/pipeline/api-gen/rendering/regions/region-parser.mts
similarity index 94%
rename from adev/shared-docs/pipeline/api-gen/rendering/regions/region-parser.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/regions/region-parser.mts
index 8d7ca4de489..36faecf7db9 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/regions/region-parser.ts
+++ b/adev/shared-docs/pipeline/api-gen/rendering/regions/region-parser.mts
@@ -6,12 +6,12 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import * as blockC from './region-matchers/block-c';
-import * as html from './region-matchers/html';
-import * as inlineC from './region-matchers/inline-c';
-import * as inlineCOnly from './region-matchers/inline-c-only';
-import * as inlineHash from './region-matchers/inline-hash';
-import {FileType, removeEslintComments} from './remove-eslint-comments';
+import * as blockC from './region-matchers/block-c.mjs';
+import * as html from './region-matchers/html.mjs';
+import * as inlineC from './region-matchers/inline-c.mjs';
+import * as inlineCOnly from './region-matchers/inline-c-only.mjs';
+import * as inlineHash from './region-matchers/inline-hash.mjs';
+import {FileType, removeEslintComments} from './remove-eslint-comments.mjs';
 
 const WHOLE_FILE_REGION_NAME = '';
 const DEFAULT_PLASTER = '. . .';
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/regions/remove-eslint-comments.ts b/adev/shared-docs/pipeline/api-gen/rendering/regions/remove-eslint-comments.mts
similarity index 100%
rename from adev/shared-docs/pipeline/api-gen/rendering/regions/remove-eslint-comments.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/regions/remove-eslint-comments.mts
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/rendering.ts b/adev/shared-docs/pipeline/api-gen/rendering/rendering.mts
similarity index 94%
rename from adev/shared-docs/pipeline/api-gen/rendering/rendering.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/rendering.mts
index a054ba5ade0..bb4a2b1de84 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/rendering.ts
+++ b/adev/shared-docs/pipeline/api-gen/rendering/rendering.mts
@@ -18,8 +18,8 @@ import {
   isInitializerApiFunctionEntry,
   isInterfaceEntry,
   isTypeAliasEntry,
-} from './entities/categorization';
-import {CliCommandRenderable, DocEntryRenderable} from './entities/renderables';
+} from './entities/categorization.mjs';
+import {CliCommandRenderable, DocEntryRenderable} from './entities/renderables.mjs';
 import {ClassReference} from './templates/class-reference';
 import {CliCommandReference} from './templates/cli-reference';
 import {ConstantReference} from './templates/constant-reference';
@@ -28,7 +28,7 @@ import {EnumReference} from './templates/enum-reference';
 import {FunctionReference} from './templates/function-reference';
 import {InitializerApiFunction} from './templates/initializer-api-function';
 import {TypeAliasReference} from './templates/type-alias-reference';
-import {setCurrentSymbol} from './symbol-context';
+import {setCurrentSymbol} from './symbol-context.mjs';
 
 /** Given a doc entry, get the transformed version of the entry for rendering. */
 export function renderEntry(renderable: DocEntryRenderable | CliCommandRenderable): string {
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/index.d.ts b/adev/shared-docs/pipeline/api-gen/rendering/shiki.d.ts
similarity index 100%
rename from adev/shared-docs/pipeline/api-gen/rendering/index.d.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/shiki.d.ts
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/shiki/shiki.ts b/adev/shared-docs/pipeline/api-gen/rendering/shiki/shiki.mts
similarity index 100%
rename from adev/shared-docs/pipeline/api-gen/rendering/shiki/shiki.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/shiki/shiki.mts
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/styling/css-classes.ts b/adev/shared-docs/pipeline/api-gen/rendering/styling/css-classes.mts
similarity index 100%
rename from adev/shared-docs/pipeline/api-gen/rendering/styling/css-classes.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/styling/css-classes.mts
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/symbol-context.ts b/adev/shared-docs/pipeline/api-gen/rendering/symbol-context.mts
similarity index 100%
rename from adev/shared-docs/pipeline/api-gen/rendering/symbol-context.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/symbol-context.mts
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/templates/class-member-list.tsx b/adev/shared-docs/pipeline/api-gen/rendering/templates/class-member-list.tsx
index b9e84e5c968..a59efd4dc55 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/templates/class-member-list.tsx
+++ b/adev/shared-docs/pipeline/api-gen/rendering/templates/class-member-list.tsx
@@ -7,7 +7,7 @@
  */
 
 import {h} from 'preact';
-import {MemberEntryRenderable} from '../entities/renderables';
+import {MemberEntryRenderable} from '../entities/renderables.mjs';
 import {ClassMember} from './class-member';
 
 export function ClassMemberList(props: {members: MemberEntryRenderable[]}) {
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/templates/class-member.tsx b/adev/shared-docs/pipeline/api-gen/rendering/templates/class-member.tsx
index 11483a1cc37..c2d0548c56b 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/templates/class-member.tsx
+++ b/adev/shared-docs/pipeline/api-gen/rendering/templates/class-member.tsx
@@ -12,15 +12,15 @@ import {
   isGetterEntry,
   isPropertyEntry,
   isSetterEntry,
-} from '../entities/categorization';
-import {MemberEntryRenderable, MethodEntryRenderable} from '../entities/renderables';
+} from '../entities/categorization.mjs';
+import {MemberEntryRenderable, MethodEntryRenderable} from '../entities/renderables.mjs';
 import {
   REFERENCE_MEMBER_CARD,
   REFERENCE_MEMBER_CARD_BODY,
   REFERENCE_MEMBER_CARD_HEADER,
   REFERENCE_MEMBER_CARD_ITEM,
-} from '../styling/css-classes';
-import {getFunctionMetadataRenderable} from '../transforms/function-transforms';
+} from '../styling/css-classes.mjs';
+import {getFunctionMetadataRenderable} from '../transforms/function-transforms.mjs';
 import {ClassMethodInfo} from './class-method-info';
 import {CodeSymbol} from './code-symbols';
 import {DeprecatedLabel} from './deprecated-label';
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/templates/class-method-info.tsx b/adev/shared-docs/pipeline/api-gen/rendering/templates/class-method-info.tsx
index 162558c73ef..f1b35c6d24b 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/templates/class-method-info.tsx
+++ b/adev/shared-docs/pipeline/api-gen/rendering/templates/class-method-info.tsx
@@ -7,13 +7,8 @@
  */
 
 import {Fragment, h} from 'preact';
-import {
-  FunctionEntryRenderable,
-  FunctionSignatureMetadataRenderable,
-  MethodEntryRenderable,
-  ParameterEntryRenderable,
-} from '../entities/renderables';
-import {PARAM_KEYWORD_CLASS_NAME, REFERENCE_MEMBER_CARD_ITEM} from '../styling/css-classes';
+import {FunctionSignatureMetadataRenderable, ParameterEntryRenderable} from '../entities/renderables.mjs';
+import {PARAM_KEYWORD_CLASS_NAME, REFERENCE_MEMBER_CARD_ITEM} from '../styling/css-classes.mjs';
 import {DeprecatedLabel} from './deprecated-label';
 import {Parameter} from './parameter';
 import {RawHtml} from './raw-html';
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/templates/class-reference.tsx b/adev/shared-docs/pipeline/api-gen/rendering/templates/class-reference.tsx
index eeab10f2b0d..273db4f2190 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/templates/class-reference.tsx
+++ b/adev/shared-docs/pipeline/api-gen/rendering/templates/class-reference.tsx
@@ -7,25 +7,25 @@
  */
 
 import {Fragment, h} from 'preact';
-import {PipeEntry} from '../entities';
+import {PipeEntry} from '../entities.mjs';
 import {
   ClassEntryRenderable,
   DecoratorEntryRenderable,
   PipeEntryRenderable,
-} from '../entities/renderables';
-import {codeToHtml} from '../shiki/shiki';
+} from '../entities/renderables.mjs';
+import {ClassMemberList} from './class-member-list';
+import {HeaderApi} from './header-api';
 import {
   API_REFERENCE_CONTAINER,
   REFERENCE_MEMBERS,
   SECTION_CONTAINER,
-} from '../styling/css-classes';
-import {ClassMemberList} from './class-member-list';
-import {HeaderApi} from './header-api';
-import {RawHtml} from './raw-html';
-import {SectionApi} from './section-api';
+} from '../styling/css-classes.mjs';
 import {SectionDescription} from './section-description';
-import {SectionHeading} from './section-heading';
 import {SectionUsageNotes} from './section-usage-notes';
+import {SectionApi} from './section-api';
+import {SectionHeading} from './section-heading';
+import {codeToHtml} from '../shiki/shiki.mjs';
+import {RawHtml} from './raw-html';
 
 /** Component to render a class API reference document. */
 export function ClassReference(
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/templates/cli-card.tsx b/adev/shared-docs/pipeline/api-gen/rendering/templates/cli-card.tsx
index d4cfb69392a..8551d1f8530 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/templates/cli-card.tsx
+++ b/adev/shared-docs/pipeline/api-gen/rendering/templates/cli-card.tsx
@@ -7,9 +7,9 @@
  */
 
 import {Fragment, h} from 'preact';
-import {CliCardRenderable} from '../entities/renderables';
+import {CliCardRenderable} from '../entities/renderables.mjs';
 import {DeprecatedLabel} from './deprecated-label';
-import {REFERENCE_MEMBER_CARD, REFERENCE_MEMBER_CARD_BODY} from '../styling/css-classes';
+import {REFERENCE_MEMBER_CARD, REFERENCE_MEMBER_CARD_BODY} from '../styling/css-classes.mjs';
 
 export function CliCard(props: {card: CliCardRenderable}) {
   return (
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/templates/cli-reference.tsx b/adev/shared-docs/pipeline/api-gen/rendering/templates/cli-reference.tsx
index 30e7d1c2654..ac87bd4673c 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/templates/cli-reference.tsx
+++ b/adev/shared-docs/pipeline/api-gen/rendering/templates/cli-reference.tsx
@@ -7,8 +7,8 @@
  */
 
 import {Fragment, h} from 'preact';
-import {CliCommandRenderable} from '../entities/renderables';
-import {REFERENCE_MEMBERS} from '../styling/css-classes';
+import {CliCommandRenderable} from '../entities/renderables.mjs';
+import {REFERENCE_MEMBERS} from '../styling/css-classes.mjs';
 import {CliCard} from './cli-card';
 import {HeaderCli} from './header-cli';
 import {RawHtml} from './raw-html';
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/templates/code-line-group.tsx b/adev/shared-docs/pipeline/api-gen/rendering/templates/code-line-group.tsx
index 36c1a0dd410..2bf288fa192 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/templates/code-line-group.tsx
+++ b/adev/shared-docs/pipeline/api-gen/rendering/templates/code-line-group.tsx
@@ -7,7 +7,7 @@
  */
 
 import {h} from 'preact';
-import {CodeLineRenderable} from '../entities/renderables';
+import {CodeLineRenderable} from '../entities/renderables.mjs';
 import {CodeLine} from './code-line';
 
 export function CodeLineGroup(props: {lines: CodeLineRenderable[]}) {
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/templates/code-line.tsx b/adev/shared-docs/pipeline/api-gen/rendering/templates/code-line.tsx
index 77cb934a363..64b2ae498f8 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/templates/code-line.tsx
+++ b/adev/shared-docs/pipeline/api-gen/rendering/templates/code-line.tsx
@@ -7,7 +7,7 @@
  */
 
 import {h} from 'preact';
-import {CodeLineRenderable} from '../entities/renderables';
+import {CodeLineRenderable} from '../entities/renderables.mjs';
 
 export function CodeLine(props: {line: CodeLineRenderable}) {
   const line = props.line;
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/templates/code-symbols.tsx b/adev/shared-docs/pipeline/api-gen/rendering/templates/code-symbols.tsx
index 3adfee7a2d5..6e98e5c2063 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/templates/code-symbols.tsx
+++ b/adev/shared-docs/pipeline/api-gen/rendering/templates/code-symbols.tsx
@@ -7,8 +7,8 @@
  */
 
 import {h} from 'preact';
-import {getModuleName} from '../symbol-context';
-import {getLinkToModule} from '../transforms/url-transforms';
+import {getModuleName} from '../symbol-context.mjs';
+import {getLinkToModule} from '../transforms/url-transforms.mjs';
 
 const symbolRegex = /([a-zA-Z_$][a-zA-Z_$0-9\.]*)/;
 
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/templates/code-table-of-contents.tsx b/adev/shared-docs/pipeline/api-gen/rendering/templates/code-table-of-contents.tsx
index 6ff8254a88d..42488c84ada 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/templates/code-table-of-contents.tsx
+++ b/adev/shared-docs/pipeline/api-gen/rendering/templates/code-table-of-contents.tsx
@@ -9,7 +9,7 @@
 import {h} from 'preact';
 import {renderToString} from 'preact-render-to-string';
 import {CodeLineGroup} from './code-line-group';
-import {HasRenderableToc} from '../entities/traits';
+import {HasRenderableToc} from '../entities/traits.mjs';
 
 export function CodeTableOfContents(props: {entry: HasRenderableToc}) {
   const html = `${props.entry.beforeCodeGroups}
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/templates/constant-reference.tsx b/adev/shared-docs/pipeline/api-gen/rendering/templates/constant-reference.tsx
index 3819c4562b9..e1c638557e0 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/templates/constant-reference.tsx
+++ b/adev/shared-docs/pipeline/api-gen/rendering/templates/constant-reference.tsx
@@ -7,12 +7,12 @@
  */
 
 import {h} from 'preact';
-import {ConstantEntryRenderable} from '../entities/renderables';
+import {ConstantEntryRenderable} from '../entities/renderables.mjs';
 import {HeaderApi} from './header-api';
 import {SectionDescription} from './section-description';
 import {SectionUsageNotes} from './section-usage-notes';
 import {SectionApi} from './section-api';
-import {API_REFERENCE_CONTAINER} from '../styling/css-classes';
+import {API_REFERENCE_CONTAINER} from '../styling/css-classes.mjs';
 
 /** Component to render a constant API reference document. */
 export function ConstantReference(entry: ConstantEntryRenderable) {
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/templates/deprecated-label.tsx b/adev/shared-docs/pipeline/api-gen/rendering/templates/deprecated-label.tsx
index 3151c63916e..c4f07baf217 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/templates/deprecated-label.tsx
+++ b/adev/shared-docs/pipeline/api-gen/rendering/templates/deprecated-label.tsx
@@ -7,7 +7,7 @@
  */
 
 import {Fragment, h} from 'preact';
-import {PARAM_KEYWORD_CLASS_NAME} from '../styling/css-classes';
+import {PARAM_KEYWORD_CLASS_NAME} from '../styling/css-classes.mjs';
 
 export function DeprecatedLabel(props: {
   entry: {isDeprecated: boolean} | {deprecationMessage: string | null};
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/templates/docs-pill-row.tsx b/adev/shared-docs/pipeline/api-gen/rendering/templates/docs-pill-row.tsx
index 10578b44b70..2dbe55de6b9 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/templates/docs-pill-row.tsx
+++ b/adev/shared-docs/pipeline/api-gen/rendering/templates/docs-pill-row.tsx
@@ -7,7 +7,7 @@
  */
 
 import {Fragment, h} from 'preact';
-import {LinkEntryRenderable} from '../entities/renderables';
+import {LinkEntryRenderable} from '../entities/renderables.mjs';
 
 /** Component to render a function or method parameter reference doc fragment. */
 export function DocsPillRow(props: {links: LinkEntryRenderable[]}) {
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/templates/docs-reference.tsx b/adev/shared-docs/pipeline/api-gen/rendering/templates/docs-reference.tsx
index f226ad1a7ae..49ee9f886b2 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/templates/docs-reference.tsx
+++ b/adev/shared-docs/pipeline/api-gen/rendering/templates/docs-reference.tsx
@@ -7,10 +7,10 @@
  */
 
 import {h} from 'preact';
-import {DocEntryRenderable} from '../entities/renderables';
+import {DocEntryRenderable} from '../entities/renderables.mjs';
 import {HeaderApi} from './header-api';
 import {SectionDescription} from './section-description';
-import {API_REFERENCE_CONTAINER} from '../styling/css-classes';
+import {API_REFERENCE_CONTAINER} from '../styling/css-classes.mjs';
 
 /** Component to render a block or element API reference document. */
 export function DocsReference(entry: DocEntryRenderable) {
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/templates/enum-reference.tsx b/adev/shared-docs/pipeline/api-gen/rendering/templates/enum-reference.tsx
index 6aa74e642d1..de0499e0b23 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/templates/enum-reference.tsx
+++ b/adev/shared-docs/pipeline/api-gen/rendering/templates/enum-reference.tsx
@@ -7,11 +7,11 @@
  */
 
 import {h, Fragment} from 'preact';
-import {EnumEntryRenderable, MemberEntryRenderable} from '../entities/renderables';
+import {EnumEntryRenderable, MemberEntryRenderable} from '../entities/renderables.mjs';
 import {HeaderApi} from './header-api';
 import {SectionDescription} from './section-description';
 import {SectionApi} from './section-api';
-import {API_REFERENCE_CONTAINER, REFERENCE_MEMBERS} from '../styling/css-classes';
+import {API_REFERENCE_CONTAINER, REFERENCE_MEMBERS} from '../styling/css-classes.mjs';
 import {ClassMember} from './class-member';
 
 /** Component to render a enum API reference document. */
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/templates/function-reference.tsx b/adev/shared-docs/pipeline/api-gen/rendering/templates/function-reference.tsx
index ddd182b1d9d..1b202fd76a0 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/templates/function-reference.tsx
+++ b/adev/shared-docs/pipeline/api-gen/rendering/templates/function-reference.tsx
@@ -10,16 +10,16 @@ import {Fragment, h} from 'preact';
 import {
   FunctionEntryRenderable,
   FunctionSignatureMetadataRenderable,
-} from '../entities/renderables';
+} from '../entities/renderables.mjs';
 import {
   API_REFERENCE_CONTAINER,
   REFERENCE_MEMBERS,
   REFERENCE_MEMBER_CARD,
   REFERENCE_MEMBER_CARD_BODY,
   REFERENCE_MEMBER_CARD_HEADER,
-} from '../styling/css-classes';
-import {printInitializerFunctionSignatureLine} from '../transforms/code-transforms';
-import {getFunctionMetadataRenderable} from '../transforms/function-transforms';
+} from '../styling/css-classes.mjs';
+import {printInitializerFunctionSignatureLine} from '../transforms/code-transforms.mjs';
+import {getFunctionMetadataRenderable} from '../transforms/function-transforms.mjs';
 import {ClassMethodInfo} from './class-method-info';
 import {CodeSymbol} from './code-symbols';
 import {HeaderApi} from './header-api';
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/templates/header-api.tsx b/adev/shared-docs/pipeline/api-gen/rendering/templates/header-api.tsx
index 4949ce615e5..37bffcbfaf4 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/templates/header-api.tsx
+++ b/adev/shared-docs/pipeline/api-gen/rendering/templates/header-api.tsx
@@ -7,14 +7,14 @@
  */
 
 import {h} from 'preact';
-import {EntryType, isDocEntryWithSourceInfo, PipeEntry} from '../entities';
-import {DocEntryRenderable, PipeEntryRenderable} from '../entities/renderables';
+import {EntryType, isDocEntryWithSourceInfo, PipeEntry} from '../entities.mjs';
+import {DocEntryRenderable, PipeEntryRenderable} from '../entities/renderables.mjs';
 import {
   HEADER_CLASS_NAME,
   HEADER_ENTRY_CATEGORY,
   HEADER_ENTRY_LABEL,
   HEADER_ENTRY_TITLE,
-} from '../styling/css-classes';
+} from '../styling/css-classes.mjs';
 import {DocsPillRow} from './docs-pill-row';
 
 /** Component to render a header of the API page. */
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/templates/header-cli.tsx b/adev/shared-docs/pipeline/api-gen/rendering/templates/header-cli.tsx
index dd2c475b62b..1493f55d2f4 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/templates/header-cli.tsx
+++ b/adev/shared-docs/pipeline/api-gen/rendering/templates/header-cli.tsx
@@ -7,8 +7,8 @@
  */
 
 import {h} from 'preact';
-import {CliCommandRenderable} from '../entities/renderables';
-import {HEADER_CLASS_NAME, HEADER_ENTRY_CATEGORY, HEADER_ENTRY_LABEL, HEADER_ENTRY_TITLE} from '../styling/css-classes';
+import {CliCommandRenderable} from '../entities/renderables.mjs';
+import {HEADER_CLASS_NAME, HEADER_ENTRY_CATEGORY, HEADER_ENTRY_LABEL, HEADER_ENTRY_TITLE} from '../styling/css-classes.mjs';
 
 /** Component to render a header of the CLI page. */
 export function HeaderCli(props: {command: CliCommandRenderable}) {
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/templates/highlight-ts.tsx b/adev/shared-docs/pipeline/api-gen/rendering/templates/highlight-ts.tsx
index 5de0ab28834..aeaaed344b6 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/templates/highlight-ts.tsx
+++ b/adev/shared-docs/pipeline/api-gen/rendering/templates/highlight-ts.tsx
@@ -8,7 +8,7 @@
 
 import {h} from 'preact';
 import {RawHtml} from './raw-html';
-import {codeToHtml} from '../shiki/shiki';
+import {codeToHtml} from '../shiki/shiki.mjs';
 
 /** Component to render a header of the CLI page. */
 export function HighlightTypeScript(props: {code: string}) {
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/templates/initializer-api-function.tsx b/adev/shared-docs/pipeline/api-gen/rendering/templates/initializer-api-function.tsx
index 4d38268eaee..dce391ee959 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/templates/initializer-api-function.tsx
+++ b/adev/shared-docs/pipeline/api-gen/rendering/templates/initializer-api-function.tsx
@@ -7,9 +7,9 @@
  */
 
 import {h, JSX} from 'preact';
-import {InitializerApiFunctionRenderable} from '../entities/renderables';
-import {API_REFERENCE_CONTAINER, REFERENCE_MEMBERS} from '../styling/css-classes';
-import {getFunctionMetadataRenderable} from '../transforms/function-transforms';
+import {InitializerApiFunctionRenderable} from '../entities/renderables.mjs';
+import {API_REFERENCE_CONTAINER, REFERENCE_MEMBERS} from '../styling/css-classes.mjs';
+import {getFunctionMetadataRenderable} from '../transforms/function-transforms.mjs';
 import {signatureCard} from './function-reference';
 import {HeaderApi} from './header-api';
 import {SectionApi} from './section-api';
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/templates/parameter.tsx b/adev/shared-docs/pipeline/api-gen/rendering/templates/parameter.tsx
index 103df687545..55e86703ca1 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/templates/parameter.tsx
+++ b/adev/shared-docs/pipeline/api-gen/rendering/templates/parameter.tsx
@@ -7,9 +7,9 @@
  */
 
 import {h} from 'preact';
-import {ParameterEntryRenderable} from '../entities/renderables';
+import {ParameterEntryRenderable} from '../entities/renderables.mjs';
 import {RawHtml} from './raw-html';
-import {PARAM_GROUP_CLASS_NAME} from '../styling/css-classes';
+import {PARAM_GROUP_CLASS_NAME} from '../styling/css-classes.mjs';
 import {CodeSymbol} from './code-symbols';
 
 /** Component to render a function or method parameter reference doc fragment. */
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/templates/section-api.tsx b/adev/shared-docs/pipeline/api-gen/rendering/templates/section-api.tsx
index 3aebe12eb8c..6ee422c4352 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/templates/section-api.tsx
+++ b/adev/shared-docs/pipeline/api-gen/rendering/templates/section-api.tsx
@@ -7,10 +7,10 @@
  */
 
 import {h} from 'preact';
-import {DocEntryRenderable} from '../entities/renderables';
-import {HasRenderableToc} from '../entities/traits';
+import {DocEntryRenderable} from '../entities/renderables.mjs';
+import {HasRenderableToc} from '../entities/traits.mjs';
 import {CodeTableOfContents} from './code-table-of-contents';
-import {SECTION_CONTAINER} from '../styling/css-classes';
+import {SECTION_CONTAINER} from '../styling/css-classes.mjs';
 import {SectionHeading} from './section-heading';
 
 const API_SECTION_NAME = 'API';
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/templates/section-description.tsx b/adev/shared-docs/pipeline/api-gen/rendering/templates/section-description.tsx
index d2d741896ed..a940809840b 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/templates/section-description.tsx
+++ b/adev/shared-docs/pipeline/api-gen/rendering/templates/section-description.tsx
@@ -7,10 +7,10 @@
  */
 
 import {Fragment, h} from 'preact';
-import {DocEntryRenderable} from '../entities/renderables';
+import {DocEntryRenderable} from '../entities/renderables.mjs';
 import {RawHtml} from './raw-html';
 import {CodeSymbol} from './code-symbols';
-import {SECTION_CONTAINER} from '../styling/css-classes';
+import {SECTION_CONTAINER} from '../styling/css-classes.mjs';
 import {SectionHeading} from './section-heading';
 
 const DESCRIPTION_SECTION_NAME = 'Description';
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/templates/section-heading.tsx b/adev/shared-docs/pipeline/api-gen/rendering/templates/section-heading.tsx
index 2984b2a5eb4..2963acb1833 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/templates/section-heading.tsx
+++ b/adev/shared-docs/pipeline/api-gen/rendering/templates/section-heading.tsx
@@ -7,8 +7,8 @@
  */
 
 import {h} from 'preact';
-import {convertSectionNameToId} from '../transforms/reference-section-id';
-import {SECTION_HEADING} from '../styling/css-classes';
+import {convertSectionNameToId} from '../transforms/reference-section-id.mjs';
+import {SECTION_HEADING} from '../styling/css-classes.mjs';
 
 /** Component to render the API section. */
 export function SectionHeading(props: {name: string}) {
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/templates/section-usage-notes.tsx b/adev/shared-docs/pipeline/api-gen/rendering/templates/section-usage-notes.tsx
index b38470ea77a..1af6b33c396 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/templates/section-usage-notes.tsx
+++ b/adev/shared-docs/pipeline/api-gen/rendering/templates/section-usage-notes.tsx
@@ -7,9 +7,9 @@
  */
 
 import {Fragment, h} from 'preact';
-import {DocEntryRenderable} from '../entities/renderables';
+import {DocEntryRenderable} from '../entities/renderables.mjs';
 import {RawHtml} from './raw-html';
-import {SECTION_CONTAINER} from '../styling/css-classes';
+import {SECTION_CONTAINER} from '../styling/css-classes.mjs';
 import {SectionHeading} from './section-heading';
 
 const USAGE_NOTES_SECTION_NAME = 'Usage Notes';
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/templates/type-alias-reference.tsx b/adev/shared-docs/pipeline/api-gen/rendering/templates/type-alias-reference.tsx
index d4a70a3c68b..caa00654f2c 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/templates/type-alias-reference.tsx
+++ b/adev/shared-docs/pipeline/api-gen/rendering/templates/type-alias-reference.tsx
@@ -7,12 +7,12 @@
  */
 
 import {h} from 'preact';
-import {TypeAliasEntryRenderable} from '../entities/renderables';
+import {TypeAliasEntryRenderable} from '../entities/renderables.mjs';
 import {HeaderApi} from './header-api';
 import {SectionDescription} from './section-description';
 import {SectionUsageNotes} from './section-usage-notes';
 import {SectionApi} from './section-api';
-import {API_REFERENCE_CONTAINER} from '../styling/css-classes';
+import {API_REFERENCE_CONTAINER} from '../styling/css-classes.mjs';
 
 /** Component to render a type alias API reference document. */
 export function TypeAliasReference(entry: TypeAliasEntryRenderable) {
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/test/BUILD.bazel b/adev/shared-docs/pipeline/api-gen/rendering/test/BUILD.bazel
index 64ed90d96f8..124de29eaab 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/test/BUILD.bazel
+++ b/adev/shared-docs/pipeline/api-gen/rendering/test/BUILD.bazel
@@ -1,5 +1,5 @@
 load("//adev/shared-docs/pipeline/api-gen/rendering:render_api_to_html.bzl", "render_api_to_html")
-load("//tools:defaults.bzl", "jasmine_node_test", "ts_library")
+load("//tools:defaults2.bzl", "jasmine_test", "ts_project")
 
 render_api_to_html(
     name = "test",
@@ -9,28 +9,29 @@ render_api_to_html(
     ],
 )
 
-ts_library(
+ts_project(
     name = "unit_test_lib",
     testonly = True,
     srcs = glob(
         [
-            "**/*.spec.ts",
+            "**/*.spec.mts",
         ],
     ),
+    tsconfig = "//adev/shared-docs:tsconfig_test",
     deps = [
-        "//adev/shared-docs/pipeline/api-gen/rendering:render_api_to_html_lib",
-        "@npm//@bazel/runfiles",
-        "@npm//@types/jsdom",
-        "@npm//jsdom",
+        "//:node_modules/@bazel/runfiles",
+        "//:node_modules/@types/jsdom",
+        "//:node_modules/jsdom",
+        "//adev/shared-docs/pipeline/api-gen/rendering:render_api_to_html_lib_rjs",
     ],
 )
 
-jasmine_node_test(
+jasmine_test(
     name = "unit_tests",
     data = [
-        "@npm//jsdom",
+        ":unit_test_lib_rjs",
+        "//:node_modules/jsdom",
     ] + glob([
         "**/*.json",
     ]),
-    deps = [":unit_test_lib"],
 )
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/test/cli.spec.ts b/adev/shared-docs/pipeline/api-gen/rendering/test/cli.spec.mts
similarity index 86%
rename from adev/shared-docs/pipeline/api-gen/rendering/test/cli.spec.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/test/cli.spec.mts
index ef743748410..5f8ccde7bac 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/test/cli.spec.ts
+++ b/adev/shared-docs/pipeline/api-gen/rendering/test/cli.spec.mts
@@ -9,10 +9,10 @@
 import {runfiles} from '@bazel/runfiles';
 import {readFile} from 'fs/promises';
 import {JSDOM} from 'jsdom';
-import {configureMarkedGlobally} from '../marked/configuration';
-import {getRenderable} from '../processing';
-import {renderEntry} from '../rendering';
-import {initHighlighter} from '../shiki/shiki';
+import {configureMarkedGlobally} from '../marked/configuration.mjs';
+import {getRenderable} from '../processing.mjs';
+import {renderEntry} from '../rendering.mjs';
+import {initHighlighter} from '../shiki/shiki.mjs';
 
 describe('CLI docs to html', () => {
   let fragment: DocumentFragment;
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/test/marked.spec.ts b/adev/shared-docs/pipeline/api-gen/rendering/test/marked.spec.mts
similarity index 92%
rename from adev/shared-docs/pipeline/api-gen/rendering/test/marked.spec.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/test/marked.spec.mts
index 31ed4c4c722..bc790664285 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/test/marked.spec.ts
+++ b/adev/shared-docs/pipeline/api-gen/rendering/test/marked.spec.mts
@@ -9,11 +9,11 @@
 import {runfiles} from '@bazel/runfiles';
 import {readFile} from 'fs/promises';
 import {JSDOM} from 'jsdom';
-import {configureMarkedGlobally} from '../marked/configuration';
-import {getRenderable} from '../processing';
-import {renderEntry} from '../rendering';
-import {initHighlighter} from '../shiki/shiki';
-import {setSymbols} from '../symbol-context';
+import {configureMarkedGlobally} from '../marked/configuration.mjs';
+import {getRenderable} from '../processing.mjs';
+import {renderEntry} from '../rendering.mjs';
+import {initHighlighter} from '../shiki/shiki.mjs';
+import {setSymbols} from '../symbol-context.mjs';
 
 // Note: The tests will probably break if the schema of the api extraction changes.
 // All entries in the fake-entries are extracted from Angular's api.
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/test/renderable.spec.ts b/adev/shared-docs/pipeline/api-gen/rendering/test/renderable.spec.mts
similarity index 87%
rename from adev/shared-docs/pipeline/api-gen/rendering/test/renderable.spec.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/test/renderable.spec.mts
index 300baa742df..e0bf1519851 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/test/renderable.spec.ts
+++ b/adev/shared-docs/pipeline/api-gen/rendering/test/renderable.spec.mts
@@ -8,11 +8,11 @@
 
 import {runfiles} from '@bazel/runfiles';
 import {readFile} from 'fs/promises';
-import {DocEntryRenderable} from '../entities/renderables';
-import {configureMarkedGlobally} from '../marked/configuration';
-import {getRenderable} from '../processing';
-import {initHighlighter} from '../shiki/shiki';
-import {setSymbols} from '../symbol-context';
+import {DocEntryRenderable} from '../entities/renderables.mjs';
+import {configureMarkedGlobally} from '../marked/configuration.mjs';
+import {getRenderable} from '../processing.mjs';
+import {initHighlighter} from '../shiki/shiki.mjs';
+import {setSymbols} from '../symbol-context.mjs';
 
 // Note: The tests will probably break if the schema of the api extraction changes.
 // All entries in the fake-entries are extracted from Angular's api.
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/test/transforms/code-transforms.spec.ts b/adev/shared-docs/pipeline/api-gen/rendering/test/transforms/code-transforms.spec.mts
similarity index 99%
rename from adev/shared-docs/pipeline/api-gen/rendering/test/transforms/code-transforms.spec.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/test/transforms/code-transforms.spec.mts
index f5438b7e8bb..4e18042ce0f 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/test/transforms/code-transforms.spec.ts
+++ b/adev/shared-docs/pipeline/api-gen/rendering/test/transforms/code-transforms.spec.mts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {makeGenericsText} from '../../transforms/code-transforms';
+import {makeGenericsText} from '../../transforms/code-transforms.mjs';
 
 describe('makeGenericsText', () => {
   it('should return an empty string if no generics are provided', () => {
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/test/transforms/jsdoc-transforms.spec.ts b/adev/shared-docs/pipeline/api-gen/rendering/test/transforms/jsdoc-transforms.spec.mts
similarity index 99%
rename from adev/shared-docs/pipeline/api-gen/rendering/test/transforms/jsdoc-transforms.spec.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/test/transforms/jsdoc-transforms.spec.mts
index 6f8a07ec64d..0444b227d28 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/test/transforms/jsdoc-transforms.spec.ts
+++ b/adev/shared-docs/pipeline/api-gen/rendering/test/transforms/jsdoc-transforms.spec.mts
@@ -6,8 +6,8 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {setCurrentSymbol, setSymbols} from '../../symbol-context';
-import {addHtmlAdditionalLinks} from '../../transforms/jsdoc-transforms';
+import {setCurrentSymbol, setSymbols} from '../../symbol-context.mjs';
+import {addHtmlAdditionalLinks} from '../../transforms/jsdoc-transforms.mjs';
 
 // @ts-ignore This compiles fine, but Webstorm doesn't like the ESM import in a CJS context.
 describe('jsdoc transforms', () => {
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/transforms/class-transforms.ts b/adev/shared-docs/pipeline/api-gen/rendering/transforms/class-transforms.mts
similarity index 71%
rename from adev/shared-docs/pipeline/api-gen/rendering/transforms/class-transforms.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/transforms/class-transforms.mts
index c83cd27218f..c5f226f5ca0 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/transforms/class-transforms.ts
+++ b/adev/shared-docs/pipeline/api-gen/rendering/transforms/class-transforms.mts
@@ -6,19 +6,19 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {ClassEntry} from '../entities';
-import {ClassEntryRenderable} from '../entities/renderables';
-import {addRenderableCodeToc} from './code-transforms';
+import {ClassEntry} from '../entities.mjs';
+import {ClassEntryRenderable} from '../entities/renderables.mjs';
+import {addRenderableCodeToc} from './code-transforms.mjs';
 import {
   addHtmlAdditionalLinks,
   addHtmlDescription,
   addHtmlJsDocTagComments,
   addHtmlUsageNotes,
   setEntryFlags,
-} from './jsdoc-transforms';
-import {addRenderableMembers} from './member-transforms';
-import {addModuleName} from './module-name';
-import {addRepo} from './repo';
+} from './jsdoc-transforms.mjs';
+import {addRenderableMembers} from './member-transforms.mjs';
+import {addModuleName} from './module-name.mjs';
+import {addRepo} from './repo.mjs';
 
 /** Given an unprocessed class entry, get the fully renderable class entry. */
 export function getClassRenderable(
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/transforms/cli-transforms.ts b/adev/shared-docs/pipeline/api-gen/rendering/transforms/cli-transforms.mts
similarity index 95%
rename from adev/shared-docs/pipeline/api-gen/rendering/transforms/cli-transforms.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/transforms/cli-transforms.mts
index 7898634aa53..257f1464735 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/transforms/cli-transforms.ts
+++ b/adev/shared-docs/pipeline/api-gen/rendering/transforms/cli-transforms.mts
@@ -8,12 +8,12 @@
 
 import {marked} from 'marked';
 
-import {CliCommand, CliOption} from '../cli-entities';
+import {CliCommand, CliOption} from '../cli-entities.mjs';
 import {
   CliCardRenderable,
   CliCommandRenderable,
   CliOptionRenderable,
-} from '../entities/renderables';
+} from '../entities/renderables.mjs';
 
 /** Given an unprocessed CLI entry, get the fully renderable CLI entry. */
 export function getCliRenderable(command: CliCommand): CliCommandRenderable {
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/transforms/code-transforms.ts b/adev/shared-docs/pipeline/api-gen/rendering/transforms/code-transforms.mts
similarity index 98%
rename from adev/shared-docs/pipeline/api-gen/rendering/transforms/code-transforms.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/transforms/code-transforms.mts
index 1a87f865f41..b405763d978 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/transforms/code-transforms.ts
+++ b/adev/shared-docs/pipeline/api-gen/rendering/transforms/code-transforms.mts
@@ -14,7 +14,7 @@ import {
   MemberTags,
   ParameterEntry,
   PropertyEntry,
-} from '../entities';
+} from '../entities.mjs';
 
 import {
   isClassEntry,
@@ -29,14 +29,14 @@ import {
   isInterfaceEntry,
   isSetterEntry,
   isTypeAliasEntry,
-} from '../entities/categorization';
-import {CodeLineRenderable} from '../entities/renderables';
-import {HasModuleName, HasRenderableToc} from '../entities/traits';
-import {getModuleName} from '../symbol-context';
-import {codeToHtml, replaceKeywordFromShikiHtml} from '../shiki/shiki';
+} from '../entities/categorization.mjs';
+import {CodeLineRenderable} from '../entities/renderables.mjs';
+import {HasModuleName, HasRenderableToc} from '../entities/traits.mjs';
+import {getModuleName} from '../symbol-context.mjs';
+import {codeToHtml, replaceKeywordFromShikiHtml} from '../shiki/shiki.mjs';
 
-import {filterLifecycleMethods, mergeGettersAndSetters} from './member-transforms';
-import {getLinkToModule} from './url-transforms';
+import {filterLifecycleMethods, mergeGettersAndSetters} from './member-transforms.mjs';
+import {getLinkToModule} from './url-transforms.mjs';
 
 // Allows to generate links for code lines.
 interface CodeTableOfContentsData {
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/transforms/constant-transforms.ts b/adev/shared-docs/pipeline/api-gen/rendering/transforms/constant-transforms.mts
similarity index 73%
rename from adev/shared-docs/pipeline/api-gen/rendering/transforms/constant-transforms.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/transforms/constant-transforms.mts
index 51094f15b9b..6c2d77a3c1e 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/transforms/constant-transforms.ts
+++ b/adev/shared-docs/pipeline/api-gen/rendering/transforms/constant-transforms.mts
@@ -6,18 +6,18 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {ConstantEntry} from '../entities';
-import {ConstantEntryRenderable} from '../entities/renderables';
-import {addRenderableCodeToc} from './code-transforms';
+import {ConstantEntry} from '../entities.mjs';
+import {ConstantEntryRenderable} from '../entities/renderables.mjs';
+import {addRenderableCodeToc} from './code-transforms.mjs';
 import {
   addHtmlAdditionalLinks,
   addHtmlDescription,
   addHtmlJsDocTagComments,
   addHtmlUsageNotes,
   setEntryFlags,
-} from './jsdoc-transforms';
-import {addModuleName} from './module-name';
-import {addRepo} from './repo';
+} from './jsdoc-transforms.mjs';
+import {addModuleName} from './module-name.mjs';
+import {addRepo} from './repo.mjs';
 
 /** Given an unprocessed constant entry, get the fully renderable constant entry. */
 export function getConstantRenderable(
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/transforms/decorator-transforms.ts b/adev/shared-docs/pipeline/api-gen/rendering/transforms/decorator-transforms.mts
similarity index 71%
rename from adev/shared-docs/pipeline/api-gen/rendering/transforms/decorator-transforms.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/transforms/decorator-transforms.mts
index 7d88cba974b..6f099cf60e9 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/transforms/decorator-transforms.ts
+++ b/adev/shared-docs/pipeline/api-gen/rendering/transforms/decorator-transforms.mts
@@ -6,19 +6,19 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {DecoratorEntry} from '../entities';
-import {DecoratorEntryRenderable} from '../entities/renderables';
-import {addRenderableCodeToc} from './code-transforms';
+import {DecoratorEntry} from '../entities.mjs';
+import {DecoratorEntryRenderable} from '../entities/renderables.mjs';
+import {addRenderableCodeToc} from './code-transforms.mjs';
 import {
   addHtmlAdditionalLinks,
   addHtmlDescription,
   addHtmlJsDocTagComments,
   addHtmlUsageNotes,
   setEntryFlags,
-} from './jsdoc-transforms';
-import {addRenderableMembers} from './member-transforms';
-import {addModuleName} from './module-name';
-import {addRepo} from './repo';
+} from './jsdoc-transforms.mjs';
+import {addRenderableMembers} from './member-transforms.mjs';
+import {addModuleName} from './module-name.mjs';
+import {addRepo} from './repo.mjs';
 
 /** Given an unprocessed class entry, get the fully renderable class entry. */
 export function getDecoratorRenderable(
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/transforms/enum-transforms.ts b/adev/shared-docs/pipeline/api-gen/rendering/transforms/enum-transforms.mts
similarity index 71%
rename from adev/shared-docs/pipeline/api-gen/rendering/transforms/enum-transforms.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/transforms/enum-transforms.mts
index cc07ee11c05..f4f5e6df204 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/transforms/enum-transforms.ts
+++ b/adev/shared-docs/pipeline/api-gen/rendering/transforms/enum-transforms.mts
@@ -6,19 +6,19 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {EnumEntry} from '../entities';
-import {EnumEntryRenderable} from '../entities/renderables';
-import {addRenderableCodeToc} from './code-transforms';
+import {EnumEntry} from '../entities.mjs';
+import {EnumEntryRenderable} from '../entities/renderables.mjs';
+import {addRenderableCodeToc} from './code-transforms.mjs';
 import {
   addHtmlAdditionalLinks,
   addHtmlDescription,
   addHtmlJsDocTagComments,
   addHtmlUsageNotes,
   setEntryFlags,
-} from './jsdoc-transforms';
-import {addRenderableMembers} from './member-transforms';
-import {addModuleName} from './module-name';
-import {addRepo} from './repo';
+} from './jsdoc-transforms.mjs';
+import {addRenderableMembers} from './member-transforms.mjs';
+import {addModuleName} from './module-name.mjs';
+import {addRepo} from './repo.mjs';
 
 /** Given an unprocessed enum entry, get the fully renderable enum entry. */
 export function getEnumRenderable(
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/transforms/function-transforms.ts b/adev/shared-docs/pipeline/api-gen/rendering/transforms/function-transforms.mts
similarity index 82%
rename from adev/shared-docs/pipeline/api-gen/rendering/transforms/function-transforms.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/transforms/function-transforms.mts
index 9daa94a0584..083ed3c2c9e 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/transforms/function-transforms.ts
+++ b/adev/shared-docs/pipeline/api-gen/rendering/transforms/function-transforms.mts
@@ -6,22 +6,22 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {FunctionEntry, FunctionSignatureMetadata} from '../entities';
+import {FunctionEntry, FunctionSignatureMetadata} from '../entities.mjs';
 import {
   FunctionEntryRenderable,
   FunctionSignatureMetadataRenderable,
-} from '../entities/renderables';
-import {addRenderableCodeToc} from './code-transforms';
+} from '../entities/renderables.mjs';
+import {addRenderableCodeToc} from './code-transforms.mjs';
 import {
   addHtmlAdditionalLinks,
   addHtmlDescription,
   addHtmlJsDocTagComments,
   addHtmlUsageNotes,
   setEntryFlags,
-} from './jsdoc-transforms';
-import {addModuleName} from './module-name';
-import {addRenderableFunctionParams} from './params-transforms';
-import {addRepo} from './repo';
+} from './jsdoc-transforms.mjs';
+import {addModuleName} from './module-name.mjs';
+import {addRenderableFunctionParams} from './params-transforms.mjs';
+import {addRepo} from './repo.mjs';
 
 /** Given an unprocessed function entry, get the fully renderable function entry. */
 export function getFunctionRenderable(
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/transforms/initializer-api-functions-transform.ts b/adev/shared-docs/pipeline/api-gen/rendering/transforms/initializer-api-functions-transform.mts
similarity index 76%
rename from adev/shared-docs/pipeline/api-gen/rendering/transforms/initializer-api-functions-transform.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/transforms/initializer-api-functions-transform.mts
index 336583880ce..ab51eb1e821 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/transforms/initializer-api-functions-transform.ts
+++ b/adev/shared-docs/pipeline/api-gen/rendering/transforms/initializer-api-functions-transform.mts
@@ -6,20 +6,20 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {InitializerApiFunctionEntry} from '../entities';
+import {InitializerApiFunctionEntry} from '../entities.mjs';
 
-import {InitializerApiFunctionRenderable} from '../entities/renderables';
+import {InitializerApiFunctionRenderable} from '../entities/renderables.mjs';
 
-import {addRenderableCodeToc} from './code-transforms';
+import {addRenderableCodeToc} from './code-transforms.mjs';
 import {
   addHtmlAdditionalLinks,
   addHtmlDescription,
   addHtmlJsDocTagComments,
   addHtmlUsageNotes,
   setEntryFlags,
-} from './jsdoc-transforms';
-import {addModuleName} from './module-name';
-import {addRepo} from './repo';
+} from './jsdoc-transforms.mjs';
+import {addModuleName} from './module-name.mjs';
+import {addRepo} from './repo.mjs';
 
 export function getInitializerApiFunctionRenderable(
   entry: InitializerApiFunctionEntry,
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/transforms/interface-transforms.ts b/adev/shared-docs/pipeline/api-gen/rendering/transforms/interface-transforms.mts
similarity index 70%
rename from adev/shared-docs/pipeline/api-gen/rendering/transforms/interface-transforms.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/transforms/interface-transforms.mts
index 2145f8ee8ab..dfadd7cb754 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/transforms/interface-transforms.ts
+++ b/adev/shared-docs/pipeline/api-gen/rendering/transforms/interface-transforms.mts
@@ -6,19 +6,19 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {InterfaceEntry} from '../entities';
-import {InterfaceEntryRenderable} from '../entities/renderables';
-import {addRenderableCodeToc} from './code-transforms';
+import {InterfaceEntry} from '../entities.mjs';
+import {InterfaceEntryRenderable} from '../entities/renderables.mjs';
+import {addRenderableCodeToc} from './code-transforms.mjs';
 import {
   addHtmlAdditionalLinks,
   addHtmlDescription,
   addHtmlJsDocTagComments,
   addHtmlUsageNotes,
   setEntryFlags,
-} from './jsdoc-transforms';
-import {addRenderableMembers} from './member-transforms';
-import {addModuleName} from './module-name';
-import {addRepo} from './repo';
+} from './jsdoc-transforms.mjs';
+import {addRenderableMembers} from './member-transforms.mjs';
+import {addModuleName} from './module-name.mjs';
+import {addRepo} from './repo.mjs';
 
 /** Given an unprocessed interface entry, get the fully renderable interface entry. */
 export function getInterfaceRenderable(
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/transforms/jsdoc-transforms.ts b/adev/shared-docs/pipeline/api-gen/rendering/transforms/jsdoc-transforms.mts
similarity index 95%
rename from adev/shared-docs/pipeline/api-gen/rendering/transforms/jsdoc-transforms.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/transforms/jsdoc-transforms.mts
index 14d10ea3309..90a6cebeda2 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/transforms/jsdoc-transforms.ts
+++ b/adev/shared-docs/pipeline/api-gen/rendering/transforms/jsdoc-transforms.mts
@@ -7,15 +7,15 @@
  */
 
 import {marked} from 'marked';
-import {JsDocTagEntry} from '../entities';
+import {JsDocTagEntry} from '../entities.mjs';
 
 import {
   getDeprecatedEntry,
   isDeprecatedEntry,
   isDeveloperPreview,
   isExperimental,
-} from '../entities/categorization';
-import {LinkEntryRenderable} from '../entities/renderables';
+} from '../entities/categorization.mjs';
+import {LinkEntryRenderable} from '../entities/renderables.mjs';
 import {
   HasAdditionalLinks,
   HasDeprecatedFlag,
@@ -27,11 +27,11 @@ import {
   HasModuleName,
   HasRenderableJsDocTags,
   hasExperimentalFlag,
-} from '../entities/traits';
+} from '../entities/traits.mjs';
 
-import {getLinkToModule} from './url-transforms';
-import {addApiLinksToHtml} from './code-transforms';
-import {getCurrentSymbol, getModuleName, unknownSymbolMessage} from '../symbol-context';
+import {getLinkToModule} from './url-transforms.mjs';
+import {addApiLinksToHtml} from './code-transforms.mjs';
+import {getCurrentSymbol, getModuleName, unknownSymbolMessage} from '../symbol-context.mjs';
 
 const JS_DOC_USAGE_NOTE_TAGS: Set<string> = new Set(['remarks', 'usageNotes', 'example']);
 export const JS_DOC_SEE_TAG = 'see';
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/transforms/member-transforms.ts b/adev/shared-docs/pipeline/api-gen/rendering/transforms/member-transforms.mts
similarity index 88%
rename from adev/shared-docs/pipeline/api-gen/rendering/transforms/member-transforms.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/transforms/member-transforms.mts
index 70599bfefac..668fe6f5bda 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/transforms/member-transforms.ts
+++ b/adev/shared-docs/pipeline/api-gen/rendering/transforms/member-transforms.mts
@@ -6,19 +6,19 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {MemberEntry, MemberTags, MemberType} from '../entities';
-import {isHiddenEntry} from '../entities/categorization';
+import {MemberEntry, MemberTags, MemberType} from '../entities.mjs';
+import {isHiddenEntry} from '../entities/categorization.mjs';
 
-import {HasMembers, HasModuleName, HasRenderableMembers, HasRepo} from '../entities/traits';
+import {HasMembers, HasModuleName, HasRenderableMembers, HasRepo} from '../entities/traits.mjs';
 
 import {
   addHtmlDescription,
   addHtmlJsDocTagComments,
   addHtmlUsageNotes,
   setEntryFlags,
-} from './jsdoc-transforms';
-import {addModuleName} from './module-name';
-import {addRepo} from './repo';
+} from './jsdoc-transforms.mjs';
+import {addModuleName} from './module-name.mjs';
+import {addRepo} from './repo.mjs';
 
 const lifecycleMethods = [
   'ngAfterContentChecked',
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/transforms/module-name.ts b/adev/shared-docs/pipeline/api-gen/rendering/transforms/module-name.mts
similarity index 86%
rename from adev/shared-docs/pipeline/api-gen/rendering/transforms/module-name.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/transforms/module-name.mts
index 0ec85b9303f..1c71d3dd2db 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/transforms/module-name.ts
+++ b/adev/shared-docs/pipeline/api-gen/rendering/transforms/module-name.mts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {HasModuleName} from '../entities/traits';
+import {HasModuleName} from '../entities/traits.mjs';
 
 export function addModuleName<T>(entry: T, moduleName: string): T & HasModuleName {
   return {
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/transforms/params-transforms.ts b/adev/shared-docs/pipeline/api-gen/rendering/transforms/params-transforms.mts
similarity index 80%
rename from adev/shared-docs/pipeline/api-gen/rendering/transforms/params-transforms.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/transforms/params-transforms.mts
index ac3e51226c3..3048b70cef0 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/transforms/params-transforms.ts
+++ b/adev/shared-docs/pipeline/api-gen/rendering/transforms/params-transforms.mts
@@ -6,9 +6,9 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {HasModuleName, HasParams, HasRenderableParams} from '../entities/traits';
-import {addHtmlDescription} from './jsdoc-transforms';
-import {addModuleName} from './module-name';
+import {HasModuleName, HasParams, HasRenderableParams} from '../entities/traits.mjs';
+import {addHtmlDescription} from './jsdoc-transforms.mjs';
+import {addModuleName} from './module-name.mjs';
 
 export function addRenderableFunctionParams<T extends HasParams & HasModuleName>(
   entry: T,
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/transforms/reference-section-id.ts b/adev/shared-docs/pipeline/api-gen/rendering/transforms/reference-section-id.mts
similarity index 100%
rename from adev/shared-docs/pipeline/api-gen/rendering/transforms/reference-section-id.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/transforms/reference-section-id.mts
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/transforms/repo.ts b/adev/shared-docs/pipeline/api-gen/rendering/transforms/repo.mts
similarity index 86%
rename from adev/shared-docs/pipeline/api-gen/rendering/transforms/repo.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/transforms/repo.mts
index 9d5bbd0b51f..b110571aedc 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/transforms/repo.ts
+++ b/adev/shared-docs/pipeline/api-gen/rendering/transforms/repo.mts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {HasRepo} from '../entities/traits';
+import {HasRepo} from '../entities/traits.mjs';
 
 export function addRepo<T>(entry: T, repo: string): T & HasRepo {
   return {
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/transforms/type-alias-transforms.ts b/adev/shared-docs/pipeline/api-gen/rendering/transforms/type-alias-transforms.mts
similarity index 73%
rename from adev/shared-docs/pipeline/api-gen/rendering/transforms/type-alias-transforms.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/transforms/type-alias-transforms.mts
index e87fb8e4d5d..6266590fac9 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/transforms/type-alias-transforms.ts
+++ b/adev/shared-docs/pipeline/api-gen/rendering/transforms/type-alias-transforms.mts
@@ -6,18 +6,18 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {TypeAliasEntry} from '../entities';
-import {TypeAliasEntryRenderable} from '../entities/renderables';
-import {addRenderableCodeToc} from './code-transforms';
+import {TypeAliasEntry} from '../entities.mjs';
+import {TypeAliasEntryRenderable} from '../entities/renderables.mjs';
+import {addRenderableCodeToc} from './code-transforms.mjs';
 import {
   addHtmlAdditionalLinks,
   addHtmlDescription,
   addHtmlJsDocTagComments,
   addHtmlUsageNotes,
   setEntryFlags,
-} from './jsdoc-transforms';
-import {addModuleName} from './module-name';
-import {addRepo} from './repo';
+} from './jsdoc-transforms.mjs';
+import {addModuleName} from './module-name.mjs';
+import {addRepo} from './repo.mjs';
 
 /** Given an unprocessed type alias entry, get the fully renderable type alias entry. */
 export function getTypeAliasRenderable(
diff --git a/adev/shared-docs/pipeline/api-gen/rendering/transforms/url-transforms.ts b/adev/shared-docs/pipeline/api-gen/rendering/transforms/url-transforms.mts
similarity index 100%
rename from adev/shared-docs/pipeline/api-gen/rendering/transforms/url-transforms.ts
rename to adev/shared-docs/pipeline/api-gen/rendering/transforms/url-transforms.mts
diff --git a/adev/shared-docs/pipeline/api-gen/test/BUILD.bazel b/adev/shared-docs/pipeline/api-gen/test/BUILD.bazel
index e4f684bb977..d38c4900455 100644
--- a/adev/shared-docs/pipeline/api-gen/test/BUILD.bazel
+++ b/adev/shared-docs/pipeline/api-gen/test/BUILD.bazel
@@ -3,9 +3,9 @@ load("//adev/shared-docs/pipeline/api-gen:generate_api_docs.bzl", "generate_api_
 generate_api_docs(
     name = "test",
     srcs = ["//adev/shared-docs/pipeline/api-gen/extraction/test:source_files"],
-    entry_point = "//adev/shared-docs/pipeline/api-gen/extraction/test:fake-source.ts",
+    entry_point = "//adev/shared-docs/pipeline/api-gen/extraction/test:fake-source.mts",
     import_map = {
-        "//adev/shared-docs/pipeline/api-gen/extraction/test/dummy-entry-point:index.ts": "@angular/dummy-package",
+        "//adev/shared-docs/pipeline/api-gen/extraction/test/dummy-entry-point:index.mts": "@angular/dummy-package",
     },
     module_name = "@angular/core",
 )
@@ -13,10 +13,10 @@ generate_api_docs(
 generate_api_docs(
     name = "test_with_extra_entries",
     srcs = ["//adev/shared-docs/pipeline/api-gen/extraction/test:source_files"],
-    entry_point = "//adev/shared-docs/pipeline/api-gen/extraction/test:fake-source.ts",
+    entry_point = "//adev/shared-docs/pipeline/api-gen/extraction/test:fake-source.mts",
     extra_entries = ["//adev/shared-docs/pipeline/api-gen/extraction/test:extra.json"],
     import_map = {
-        "//adev/shared-docs/pipeline/api-gen/extraction/test/dummy-entry-point:index.ts": "@angular/dummy-package",
+        "//adev/shared-docs/pipeline/api-gen/extraction/test/dummy-entry-point:index.mts": "@angular/dummy-package",
     },
     module_name = "@angular/core",
 )
diff --git a/adev/shared-docs/pipeline/examples/previews/BUILD.bazel b/adev/shared-docs/pipeline/examples/previews/BUILD.bazel
index 0120c4e23f9..5e250922545 100644
--- a/adev/shared-docs/pipeline/examples/previews/BUILD.bazel
+++ b/adev/shared-docs/pipeline/examples/previews/BUILD.bazel
@@ -1,19 +1,20 @@
-load("//tools:defaults.bzl", "ts_library")
+load("//tools:defaults2.bzl", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
-ts_library(
+ts_project(
     name = "index",
     srcs = [
-        "index.ts",
+        "index.mts",
     ],
+    tsconfig = "//adev/shared-docs:tsconfig_build",
     visibility = [
         "//adev/shared-docs:__subpackages__",
     ],
     deps = [
-        "@npm//@types/node",
-        "@npm//tinyglobby",
-        "@npm//typescript",
+        "//:node_modules/@types/node",
+        "//:node_modules/tinyglobby",
+        "//:node_modules/typescript",
     ],
 )
 
@@ -24,6 +25,6 @@ filegroup(
 )
 
 exports_files([
-    "index.ts",
+    "index.mts",
     "previews.template",
 ])
diff --git a/adev/shared-docs/pipeline/examples/previews/index.ts b/adev/shared-docs/pipeline/examples/previews/index.mts
similarity index 100%
rename from adev/shared-docs/pipeline/examples/previews/index.ts
rename to adev/shared-docs/pipeline/examples/previews/index.mts
diff --git a/adev/shared-docs/pipeline/examples/shared/BUILD.bazel b/adev/shared-docs/pipeline/examples/shared/BUILD.bazel
index ca45f14fe46..7d28df862c2 100644
--- a/adev/shared-docs/pipeline/examples/shared/BUILD.bazel
+++ b/adev/shared-docs/pipeline/examples/shared/BUILD.bazel
@@ -1,15 +1,16 @@
-load("//tools:defaults.bzl", "ts_library")
+load("//tools:defaults2.bzl", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
-ts_library(
+ts_project(
     name = "shared",
     srcs = glob(
         [
-            "*.ts",
+            "*.mts",
         ],
     ),
+    tsconfig = "//adev/shared-docs:tsconfig_build",
     deps = [
-        "@npm//@types/node",
+        "//:node_modules/@types/node",
     ],
 )
diff --git a/adev/shared-docs/pipeline/examples/shared/copyright.ts b/adev/shared-docs/pipeline/examples/shared/copyright.mts
similarity index 100%
rename from adev/shared-docs/pipeline/examples/shared/copyright.ts
rename to adev/shared-docs/pipeline/examples/shared/copyright.mts
diff --git a/adev/shared-docs/pipeline/examples/shared/file-system.ts b/adev/shared-docs/pipeline/examples/shared/file-system.mts
similarity index 100%
rename from adev/shared-docs/pipeline/examples/shared/file-system.ts
rename to adev/shared-docs/pipeline/examples/shared/file-system.mts
diff --git a/adev/shared-docs/pipeline/examples/stackblitz/BUILD.bazel b/adev/shared-docs/pipeline/examples/stackblitz/BUILD.bazel
index 93907a5bf94..a0820048c74 100644
--- a/adev/shared-docs/pipeline/examples/stackblitz/BUILD.bazel
+++ b/adev/shared-docs/pipeline/examples/stackblitz/BUILD.bazel
@@ -1,41 +1,43 @@
-load("//tools:defaults.bzl", "ts_library")
+load("//tools:defaults2.bzl", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
-ts_library(
+ts_project(
     name = "stackblitz",
     srcs = glob(
         [
-            "*.ts",
+            "*.mts",
         ],
         exclude = [
-            "index.ts",
+            "index.mts",
         ],
     ),
+    tsconfig = "//adev/shared-docs:tsconfig_build",
     deps = [
-        "//adev/shared-docs/pipeline/examples/shared",
-        "//adev/shared-docs/pipeline/guides",
-        "@npm//@types/jsdom",
-        "@npm//@types/node",
-        "@npm//fast-glob",
-        "@npm//jsdom",
+        "//:node_modules/@types/jsdom",
+        "//:node_modules/@types/node",
+        "//:node_modules/fast-glob",
+        "//:node_modules/jsdom",
+        "//adev/shared-docs/pipeline/examples/shared:shared_rjs",
+        "//adev/shared-docs/pipeline/guides:guides_rjs",
     ],
 )
 
-ts_library(
+ts_project(
     name = "index",
     srcs = [
-        "index.ts",
+        "index.mts",
     ],
+    tsconfig = "//adev/shared-docs:tsconfig_build",
     visibility = [
         "//adev/shared-docs:__subpackages__",
     ],
     deps = [
-        ":stackblitz",
-        "@npm//@types/node",
+        ":stackblitz_rjs",
+        "//:node_modules/@types/node",
     ],
 )
 
 exports_files([
-    "index.ts",
+    "index.mts",
 ])
diff --git a/adev/shared-docs/pipeline/examples/stackblitz/builder.ts b/adev/shared-docs/pipeline/examples/stackblitz/builder.mts
similarity index 97%
rename from adev/shared-docs/pipeline/examples/stackblitz/builder.ts
rename to adev/shared-docs/pipeline/examples/stackblitz/builder.mts
index d6616e4db8a..dea381b138d 100644
--- a/adev/shared-docs/pipeline/examples/stackblitz/builder.ts
+++ b/adev/shared-docs/pipeline/examples/stackblitz/builder.mts
@@ -8,13 +8,13 @@
 
 import {join} from 'path';
 import {readFile} from 'fs/promises';
-import {copyFolder, createFolder, removeFolder} from '../shared/file-system';
+import {copyFolder, createFolder, removeFolder} from '../shared/file-system.mjs';
 import jsdom from 'jsdom';
 import {glob} from 'fast-glob';
-import {regionParser} from '../../guides/extensions/docs-code/regions/region-parser';
-import {appendCopyrightToFile} from '../shared/copyright';
-import {FileType} from '../../guides/extensions/docs-code/sanitizers/eslint';
-import {EXCLUDE_FILES_FOR_STACKBLITZ, STACKBLITZ_CONFIG_FILENAME} from './defaults';
+import {regionParser} from '../../guides/extensions/docs-code/regions/region-parser.mjs';
+import {appendCopyrightToFile} from '../shared/copyright.mjs';
+import {FileType} from '../../guides/extensions/docs-code/sanitizers/eslint.mjs';
+import {EXCLUDE_FILES_FOR_STACKBLITZ, STACKBLITZ_CONFIG_FILENAME} from './defaults.mjs';
 
 interface StackblitzConfig {
   title: string;
diff --git a/adev/shared-docs/pipeline/examples/stackblitz/defaults.ts b/adev/shared-docs/pipeline/examples/stackblitz/defaults.mts
similarity index 100%
rename from adev/shared-docs/pipeline/examples/stackblitz/defaults.ts
rename to adev/shared-docs/pipeline/examples/stackblitz/defaults.mts
diff --git a/adev/shared-docs/pipeline/examples/stackblitz/index.ts b/adev/shared-docs/pipeline/examples/stackblitz/index.mts
similarity index 89%
rename from adev/shared-docs/pipeline/examples/stackblitz/index.ts
rename to adev/shared-docs/pipeline/examples/stackblitz/index.mts
index 856c52b4b2a..6547466330b 100644
--- a/adev/shared-docs/pipeline/examples/stackblitz/index.ts
+++ b/adev/shared-docs/pipeline/examples/stackblitz/index.mts
@@ -7,7 +7,7 @@
  */
 
 import {writeFileSync} from 'fs';
-import {generateStackblitzExample} from './builder';
+import {generateStackblitzExample} from './builder.mjs';
 
 const [exampleDir, tmpDir, templateDir, outputFilePath] = process.argv.slice(2);
 const htmlOutputContent = await generateStackblitzExample(exampleDir, tmpDir, templateDir);
diff --git a/adev/shared-docs/pipeline/examples/template/src/app/app.component.ts b/adev/shared-docs/pipeline/examples/template/src/app/app.component.mts
similarity index 100%
rename from adev/shared-docs/pipeline/examples/template/src/app/app.component.ts
rename to adev/shared-docs/pipeline/examples/template/src/app/app.component.mts
diff --git a/adev/shared-docs/pipeline/examples/template/src/main.ts b/adev/shared-docs/pipeline/examples/template/src/main.mts
similarity index 88%
rename from adev/shared-docs/pipeline/examples/template/src/main.ts
rename to adev/shared-docs/pipeline/examples/template/src/main.mts
index fd552b11b05..f2856266323 100644
--- a/adev/shared-docs/pipeline/examples/template/src/main.ts
+++ b/adev/shared-docs/pipeline/examples/template/src/main.mts
@@ -8,7 +8,7 @@
 
 import {bootstrapApplication, provideProtractorTestingSupport} from '@angular/platform-browser';
 
-import {AppComponent} from './app/app.component';
+import {AppComponent} from './app/app.component.mjs';
 
 bootstrapApplication(AppComponent, {
   providers: [provideProtractorTestingSupport()],
diff --git a/adev/shared-docs/pipeline/examples/zip/BUILD.bazel b/adev/shared-docs/pipeline/examples/zip/BUILD.bazel
index 9e280406ba4..78f6b463d37 100644
--- a/adev/shared-docs/pipeline/examples/zip/BUILD.bazel
+++ b/adev/shared-docs/pipeline/examples/zip/BUILD.bazel
@@ -1,41 +1,43 @@
-load("//tools:defaults.bzl", "ts_library")
+load("//tools:defaults2.bzl", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
-ts_library(
+ts_project(
     name = "zip",
     srcs = glob(
         [
-            "*.ts",
+            "*.mts",
         ],
         exclude = [
-            "index.ts",
+            "index.mts",
         ],
     ),
+    tsconfig = "//adev/shared-docs:tsconfig_build",
     deps = [
-        "//adev/shared-docs/interfaces",
-        "//adev/shared-docs/pipeline/examples/shared",
-        "//adev/shared-docs/pipeline/guides",
-        "@npm//@types/node",
-        "@npm//fast-glob",
-        "@npm//fflate",
+        "//:node_modules/@types/node",
+        "//:node_modules/fast-glob",
+        "//:node_modules/fflate",
+        "//adev/shared-docs/interfaces:interfaces_rjs",
+        "//adev/shared-docs/pipeline/examples/shared:shared_rjs",
+        "//adev/shared-docs/pipeline/guides:guides_rjs",
     ],
 )
 
-ts_library(
+ts_project(
     name = "index",
     srcs = [
-        "index.ts",
+        "index.mts",
     ],
+    tsconfig = "//adev/shared-docs:tsconfig_build",
     visibility = [
         "//adev/shared-docs:__subpackages__",
     ],
     deps = [
-        ":zip",
-        "@npm//@types/node",
+        ":zip_rjs",
+        "//:node_modules/@types/node",
     ],
 )
 
 exports_files([
-    "index.ts",
+    "index.mts",
 ])
diff --git a/adev/shared-docs/pipeline/examples/zip/builder.ts b/adev/shared-docs/pipeline/examples/zip/builder.mts
similarity index 92%
rename from adev/shared-docs/pipeline/examples/zip/builder.ts
rename to adev/shared-docs/pipeline/examples/zip/builder.mts
index 06f26987874..447ede28985 100644
--- a/adev/shared-docs/pipeline/examples/zip/builder.ts
+++ b/adev/shared-docs/pipeline/examples/zip/builder.mts
@@ -8,12 +8,12 @@
 
 import {join} from 'path';
 import {readFile} from 'fs/promises';
-import {copyFolder, createFolder} from '../shared/file-system';
+import {copyFolder, createFolder} from '../shared/file-system.mjs';
 import {glob} from 'fast-glob';
-import {regionParser} from '../../guides/extensions/docs-code/regions/region-parser';
-import {appendCopyrightToFile} from '../shared/copyright';
-import {FileType} from '../../guides/extensions/docs-code/sanitizers/eslint';
-import {EXCLUDE_FILES, CONFIG_FILENAME} from './defaults';
+import {regionParser} from '../../guides/extensions/docs-code/regions/region-parser.mjs';
+import {appendCopyrightToFile} from '../shared/copyright.mjs';
+import {FileType} from '../../guides/extensions/docs-code/sanitizers/eslint.mjs';
+import {EXCLUDE_FILES, CONFIG_FILENAME} from './defaults.mjs';
 import {zip, strToU8} from 'fflate';
 
 import {FileAndContent} from '../../../interfaces';
diff --git a/adev/shared-docs/pipeline/examples/zip/defaults.ts b/adev/shared-docs/pipeline/examples/zip/defaults.mts
similarity index 100%
rename from adev/shared-docs/pipeline/examples/zip/defaults.ts
rename to adev/shared-docs/pipeline/examples/zip/defaults.mts
diff --git a/adev/shared-docs/pipeline/examples/zip/index.ts b/adev/shared-docs/pipeline/examples/zip/index.mts
similarity index 89%
rename from adev/shared-docs/pipeline/examples/zip/index.ts
rename to adev/shared-docs/pipeline/examples/zip/index.mts
index a9878dab74a..266b33534df 100644
--- a/adev/shared-docs/pipeline/examples/zip/index.ts
+++ b/adev/shared-docs/pipeline/examples/zip/index.mts
@@ -7,7 +7,7 @@
  */
 
 import {writeFileSync} from 'fs';
-import {generateZipExample} from './builder';
+import {generateZipExample} from './builder.mjs';
 
 const [exampleDir, tmpDir, templateDir, outputFilePath] = process.argv.slice(2);
 const zipContent = await generateZipExample(exampleDir, tmpDir, templateDir);
diff --git a/adev/shared-docs/pipeline/guides/BUILD.bazel b/adev/shared-docs/pipeline/guides/BUILD.bazel
index 0b17f67af6f..6661db76b81 100644
--- a/adev/shared-docs/pipeline/guides/BUILD.bazel
+++ b/adev/shared-docs/pipeline/guides/BUILD.bazel
@@ -1,46 +1,49 @@
-load("//tools:defaults.bzl", "ts_library")
+load("//tools:defaults2.bzl", "ts_project")
 
-ts_library(
+ts_project(
     name = "guides",
     srcs = glob(
         [
-            "**/*.ts",
+            "**/*.mts",
+            "shiki.d.ts",
         ],
-        exclude = ["index.ts"],
+        exclude = ["index.mts"],
     ),
+    tsconfig = "//adev/shared-docs:tsconfig_build",
     visibility = [
         "//adev/shared-docs:__subpackages__",
     ],
     deps = [
-        "@npm//@bazel/runfiles",
-        "@npm//@types/diff",
-        "@npm//@types/jsdom",
-        "@npm//@types/node",
-        "@npm//diff",
-        "@npm//emoji-regex",
-        "@npm//html-entities",
-        "@npm//jsdom",
-        "@npm//marked",
-        "@npm//mermaid",
-        "@npm//playwright-core",
-        "@npm//shiki",
+        "//:node_modules/@bazel/runfiles",
+        "//:node_modules/@types/diff",
+        "//:node_modules/@types/jsdom",
+        "//:node_modules/@types/node",
+        "//:node_modules/diff",
+        "//:node_modules/emoji-regex",
+        "//:node_modules/html-entities",
+        "//:node_modules/jsdom",
+        "//:node_modules/marked",
+        "//:node_modules/mermaid",
+        "//:node_modules/playwright-core",
+        "//:node_modules/shiki",
     ],
 )
 
-ts_library(
+ts_project(
     name = "index",
     srcs = [
-        "index.ts",
+        "index.mts",
     ],
+    tsconfig = "//adev/shared-docs:tsconfig_build",
     visibility = [
         "//adev/shared-docs:__subpackages__",
     ],
     deps = [
-        ":guides",
-        "@npm//@types/node",
+        ":guides_rjs",
+        "//:node_modules/@types/node",
     ],
 )
 
 exports_files([
-    "index.ts",
+    "index.mts",
 ])
diff --git a/adev/shared-docs/pipeline/guides/extensions/docs-alert.ts b/adev/shared-docs/pipeline/guides/extensions/docs-alert.mts
similarity index 100%
rename from adev/shared-docs/pipeline/guides/extensions/docs-alert.ts
rename to adev/shared-docs/pipeline/guides/extensions/docs-alert.mts
diff --git a/adev/shared-docs/pipeline/guides/extensions/docs-callout.ts b/adev/shared-docs/pipeline/guides/extensions/docs-callout.mts
similarity index 100%
rename from adev/shared-docs/pipeline/guides/extensions/docs-callout.ts
rename to adev/shared-docs/pipeline/guides/extensions/docs-callout.mts
diff --git a/adev/shared-docs/pipeline/guides/extensions/docs-card/docs-card-container.ts b/adev/shared-docs/pipeline/guides/extensions/docs-card/docs-card-container.mts
similarity index 100%
rename from adev/shared-docs/pipeline/guides/extensions/docs-card/docs-card-container.ts
rename to adev/shared-docs/pipeline/guides/extensions/docs-card/docs-card-container.mts
diff --git a/adev/shared-docs/pipeline/guides/extensions/docs-card/docs-card.ts b/adev/shared-docs/pipeline/guides/extensions/docs-card/docs-card.mts
similarity index 97%
rename from adev/shared-docs/pipeline/guides/extensions/docs-card/docs-card.ts
rename to adev/shared-docs/pipeline/guides/extensions/docs-card/docs-card.mts
index 104202f9ffc..f6682b25186 100644
--- a/adev/shared-docs/pipeline/guides/extensions/docs-card/docs-card.ts
+++ b/adev/shared-docs/pipeline/guides/extensions/docs-card/docs-card.mts
@@ -7,8 +7,8 @@
  */
 
 import {Tokens, Token, RendererThis, TokenizerThis} from 'marked';
-import {anchorTarget} from '../../helpers';
-import {loadWorkspaceRelativeFile} from '../../utils';
+import {anchorTarget} from '../../helpers.mjs';
+import {loadWorkspaceRelativeFile} from '../../utils.mjs';
 
 interface DocsCardToken extends Tokens.Generic {
   type: 'docs-card';
diff --git a/adev/shared-docs/pipeline/guides/extensions/docs-code/docs-code-block.ts b/adev/shared-docs/pipeline/guides/extensions/docs-code/docs-code-block.mts
similarity index 96%
rename from adev/shared-docs/pipeline/guides/extensions/docs-code/docs-code-block.ts
rename to adev/shared-docs/pipeline/guides/extensions/docs-code/docs-code-block.mts
index c380014f8d8..9fb206d1d26 100644
--- a/adev/shared-docs/pipeline/guides/extensions/docs-code/docs-code-block.ts
+++ b/adev/shared-docs/pipeline/guides/extensions/docs-code/docs-code-block.mts
@@ -7,7 +7,7 @@
  */
 
 import {TokenizerThis, RendererThis} from 'marked';
-import {CodeToken, formatCode} from './format/index';
+import {CodeToken, formatCode} from './format/index.mjs';
 
 export interface DocsCodeBlock extends CodeToken {
   type: 'docs-code-block';
diff --git a/adev/shared-docs/pipeline/guides/extensions/docs-code/docs-code-multifile.ts b/adev/shared-docs/pipeline/guides/extensions/docs-code/docs-code-multifile.mts
similarity index 100%
rename from adev/shared-docs/pipeline/guides/extensions/docs-code/docs-code-multifile.ts
rename to adev/shared-docs/pipeline/guides/extensions/docs-code/docs-code-multifile.mts
diff --git a/adev/shared-docs/pipeline/guides/extensions/docs-code/docs-code.ts b/adev/shared-docs/pipeline/guides/extensions/docs-code/docs-code.mts
similarity index 95%
rename from adev/shared-docs/pipeline/guides/extensions/docs-code/docs-code.ts
rename to adev/shared-docs/pipeline/guides/extensions/docs-code/docs-code.mts
index bccab0cea26..29b045794f7 100644
--- a/adev/shared-docs/pipeline/guides/extensions/docs-code/docs-code.ts
+++ b/adev/shared-docs/pipeline/guides/extensions/docs-code/docs-code.mts
@@ -7,9 +7,9 @@
  */
 
 import {TokenizerThis, RendererThis} from 'marked';
-import {CodeToken, formatCode} from './format/index';
-import {FileType, removeEslintComments} from './sanitizers/eslint';
-import {loadWorkspaceRelativeFile} from '../../utils';
+import {CodeToken, formatCode} from './format/index.mjs';
+import {FileType, removeEslintComments} from './sanitizers/eslint.mjs';
+import {loadWorkspaceRelativeFile} from '../../utils.mjs';
 
 /** Marked token for a custom docs element. */
 export interface DocsCodeToken extends CodeToken {
diff --git a/adev/shared-docs/pipeline/guides/extensions/docs-code/format/diff.ts b/adev/shared-docs/pipeline/guides/extensions/docs-code/format/diff.mts
similarity index 93%
rename from adev/shared-docs/pipeline/guides/extensions/docs-code/format/diff.ts
rename to adev/shared-docs/pipeline/guides/extensions/docs-code/format/diff.mts
index a2c938f0ac4..cb65027876f 100644
--- a/adev/shared-docs/pipeline/guides/extensions/docs-code/format/diff.ts
+++ b/adev/shared-docs/pipeline/guides/extensions/docs-code/format/diff.mts
@@ -7,8 +7,8 @@
  */
 
 import {diffLines, Change as DiffChange} from 'diff';
-import {CodeToken} from './index';
-import {loadWorkspaceRelativeFile} from '../../../utils';
+import {CodeToken} from './index.mjs';
+import {loadWorkspaceRelativeFile} from '../../../utils.mjs';
 
 export interface DiffMetadata {
   code: string;
diff --git a/adev/shared-docs/pipeline/guides/extensions/docs-code/format/highlight.ts b/adev/shared-docs/pipeline/guides/extensions/docs-code/format/highlight.mts
similarity index 97%
rename from adev/shared-docs/pipeline/guides/extensions/docs-code/format/highlight.ts
rename to adev/shared-docs/pipeline/guides/extensions/docs-code/format/highlight.mts
index 8c4bf505059..a08fe328dd4 100644
--- a/adev/shared-docs/pipeline/guides/extensions/docs-code/format/highlight.ts
+++ b/adev/shared-docs/pipeline/guides/extensions/docs-code/format/highlight.mts
@@ -7,8 +7,8 @@
  */
 
 import {decode} from 'html-entities';
-import {CodeToken} from './index';
-import {expandRangeStringValues} from './range';
+import {CodeToken} from './index.mjs';
+import {expandRangeStringValues} from './range.mjs';
 import {JSDOM} from 'jsdom';
 import {createHighlighter, HighlighterGeneric} from 'shiki';
 
diff --git a/adev/shared-docs/pipeline/guides/extensions/docs-code/format/index.ts b/adev/shared-docs/pipeline/guides/extensions/docs-code/format/index.mts
similarity index 92%
rename from adev/shared-docs/pipeline/guides/extensions/docs-code/format/index.ts
rename to adev/shared-docs/pipeline/guides/extensions/docs-code/format/index.mts
index bf3b2434585..8d1fce1fa81 100644
--- a/adev/shared-docs/pipeline/guides/extensions/docs-code/format/index.ts
+++ b/adev/shared-docs/pipeline/guides/extensions/docs-code/format/index.mts
@@ -7,11 +7,11 @@
  */
 
 import {Tokens} from 'marked';
-import {DiffMetadata, calculateDiff} from './diff';
-import {highlightCode} from './highlight';
-import {extractRegions} from './region';
+import {DiffMetadata, calculateDiff} from './diff.mjs';
+import {highlightCode} from './highlight.mjs';
+import {extractRegions} from './region.mjs';
 import {JSDOM} from 'jsdom';
-import {expandRangeStringValues} from './range';
+import {expandRangeStringValues} from './range.mjs';
 
 /** Marked token for a custom docs element. */
 export interface CodeToken extends Tokens.Generic {
diff --git a/adev/shared-docs/pipeline/guides/extensions/docs-code/format/range.ts b/adev/shared-docs/pipeline/guides/extensions/docs-code/format/range.mts
similarity index 100%
rename from adev/shared-docs/pipeline/guides/extensions/docs-code/format/range.ts
rename to adev/shared-docs/pipeline/guides/extensions/docs-code/format/range.mts
diff --git a/adev/shared-docs/pipeline/guides/extensions/docs-code/format/region.ts b/adev/shared-docs/pipeline/guides/extensions/docs-code/format/region.mts
similarity index 86%
rename from adev/shared-docs/pipeline/guides/extensions/docs-code/format/region.ts
rename to adev/shared-docs/pipeline/guides/extensions/docs-code/format/region.mts
index 374556f7892..31c33e8dc2f 100644
--- a/adev/shared-docs/pipeline/guides/extensions/docs-code/format/region.ts
+++ b/adev/shared-docs/pipeline/guides/extensions/docs-code/format/region.mts
@@ -6,9 +6,9 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {CodeToken} from './index';
-import {regionParser} from '../regions/region-parser';
-import {FileType} from '../sanitizers/eslint';
+import {CodeToken} from './index.mjs';
+import {regionParser} from '../regions/region-parser.mjs';
+import {FileType} from '../sanitizers/eslint.mjs';
 
 /**
  * Updates the provided token to include the extracted region as the visible lines for the token.
diff --git a/adev/shared-docs/pipeline/guides/extensions/docs-code/regions/region-matchers/block-c.ts b/adev/shared-docs/pipeline/guides/extensions/docs-code/regions/region-matchers/block-c.mts
similarity index 100%
rename from adev/shared-docs/pipeline/guides/extensions/docs-code/regions/region-matchers/block-c.ts
rename to adev/shared-docs/pipeline/guides/extensions/docs-code/regions/region-matchers/block-c.mts
diff --git a/adev/shared-docs/pipeline/guides/extensions/docs-code/regions/region-matchers/html.ts b/adev/shared-docs/pipeline/guides/extensions/docs-code/regions/region-matchers/html.mts
similarity index 100%
rename from adev/shared-docs/pipeline/guides/extensions/docs-code/regions/region-matchers/html.ts
rename to adev/shared-docs/pipeline/guides/extensions/docs-code/regions/region-matchers/html.mts
diff --git a/adev/shared-docs/pipeline/guides/extensions/docs-code/regions/region-matchers/inline-c-only.ts b/adev/shared-docs/pipeline/guides/extensions/docs-code/regions/region-matchers/inline-c-only.mts
similarity index 100%
rename from adev/shared-docs/pipeline/guides/extensions/docs-code/regions/region-matchers/inline-c-only.ts
rename to adev/shared-docs/pipeline/guides/extensions/docs-code/regions/region-matchers/inline-c-only.mts
diff --git a/adev/shared-docs/pipeline/guides/extensions/docs-code/regions/region-matchers/inline-c.ts b/adev/shared-docs/pipeline/guides/extensions/docs-code/regions/region-matchers/inline-c.mts
similarity index 100%
rename from adev/shared-docs/pipeline/guides/extensions/docs-code/regions/region-matchers/inline-c.ts
rename to adev/shared-docs/pipeline/guides/extensions/docs-code/regions/region-matchers/inline-c.mts
diff --git a/adev/shared-docs/pipeline/guides/extensions/docs-code/regions/region-matchers/inline-hash.ts b/adev/shared-docs/pipeline/guides/extensions/docs-code/regions/region-matchers/inline-hash.mts
similarity index 100%
rename from adev/shared-docs/pipeline/guides/extensions/docs-code/regions/region-matchers/inline-hash.ts
rename to adev/shared-docs/pipeline/guides/extensions/docs-code/regions/region-matchers/inline-hash.mts
diff --git a/adev/shared-docs/pipeline/guides/extensions/docs-code/regions/region-parser.ts b/adev/shared-docs/pipeline/guides/extensions/docs-code/regions/region-parser.mts
similarity index 95%
rename from adev/shared-docs/pipeline/guides/extensions/docs-code/regions/region-parser.ts
rename to adev/shared-docs/pipeline/guides/extensions/docs-code/regions/region-parser.mts
index c6e4c32e705..f7026880ff2 100644
--- a/adev/shared-docs/pipeline/guides/extensions/docs-code/regions/region-parser.ts
+++ b/adev/shared-docs/pipeline/guides/extensions/docs-code/regions/region-parser.mts
@@ -11,11 +11,11 @@
 // This also allows for documentation to be included within the source code more easily
 // in an extractable manner.
 
-import * as blockC from './region-matchers/block-c';
-import * as html from './region-matchers/html';
-import * as inlineC from './region-matchers/inline-c';
-import * as inlineCOnly from './region-matchers/inline-c-only';
-import * as inlineHash from './region-matchers/inline-hash';
+import * as blockC from './region-matchers/block-c.mjs';
+import * as html from './region-matchers/html.mjs';
+import * as inlineC from './region-matchers/inline-c.mjs';
+import * as inlineCOnly from './region-matchers/inline-c-only.mjs';
+import * as inlineHash from './region-matchers/inline-hash.mjs';
 
 const WHOLE_FILE_REGION_NAME = '';
 const DEFAULT_PLASTER = '. . .';
diff --git a/adev/shared-docs/pipeline/guides/extensions/docs-code/sanitizers/eslint.ts b/adev/shared-docs/pipeline/guides/extensions/docs-code/sanitizers/eslint.mts
similarity index 100%
rename from adev/shared-docs/pipeline/guides/extensions/docs-code/sanitizers/eslint.ts
rename to adev/shared-docs/pipeline/guides/extensions/docs-code/sanitizers/eslint.mts
diff --git a/adev/shared-docs/pipeline/guides/extensions/docs-decorative-header.ts b/adev/shared-docs/pipeline/guides/extensions/docs-decorative-header.mts
similarity index 97%
rename from adev/shared-docs/pipeline/guides/extensions/docs-decorative-header.ts
rename to adev/shared-docs/pipeline/guides/extensions/docs-decorative-header.mts
index e602188e059..3e465ddd26f 100644
--- a/adev/shared-docs/pipeline/guides/extensions/docs-decorative-header.ts
+++ b/adev/shared-docs/pipeline/guides/extensions/docs-decorative-header.mts
@@ -7,7 +7,7 @@
  */
 
 import {TokenizerThis, Tokens, RendererThis} from 'marked';
-import {getPageTitle, loadWorkspaceRelativeFile} from '../utils';
+import {getPageTitle, loadWorkspaceRelativeFile} from '../utils.mjs';
 
 interface DocsDecorativeHeaderToken extends Tokens.Generic {
   type: 'docs-decorative-header';
diff --git a/adev/shared-docs/pipeline/guides/extensions/docs-pill/docs-pill-row.ts b/adev/shared-docs/pipeline/guides/extensions/docs-pill/docs-pill-row.mts
similarity index 100%
rename from adev/shared-docs/pipeline/guides/extensions/docs-pill/docs-pill-row.ts
rename to adev/shared-docs/pipeline/guides/extensions/docs-pill/docs-pill-row.mts
diff --git a/adev/shared-docs/pipeline/guides/extensions/docs-pill/docs-pill.ts b/adev/shared-docs/pipeline/guides/extensions/docs-pill/docs-pill.mts
similarity index 96%
rename from adev/shared-docs/pipeline/guides/extensions/docs-pill/docs-pill.ts
rename to adev/shared-docs/pipeline/guides/extensions/docs-pill/docs-pill.mts
index 42ee838e09d..8e9d0c9bb2a 100644
--- a/adev/shared-docs/pipeline/guides/extensions/docs-pill/docs-pill.ts
+++ b/adev/shared-docs/pipeline/guides/extensions/docs-pill/docs-pill.mts
@@ -7,7 +7,7 @@
  */
 
 import {Token, Tokens, RendererThis, TokenizerThis} from 'marked';
-import {anchorTarget, isExternalLink} from '../../helpers';
+import {anchorTarget, isExternalLink} from '../../helpers.mjs';
 
 interface DocsPillToken extends Tokens.Generic {
   type: 'docs-pill';
diff --git a/adev/shared-docs/pipeline/guides/extensions/docs-video.ts b/adev/shared-docs/pipeline/guides/extensions/docs-video.mts
similarity index 100%
rename from adev/shared-docs/pipeline/guides/extensions/docs-video.ts
rename to adev/shared-docs/pipeline/guides/extensions/docs-video.mts
diff --git a/adev/shared-docs/pipeline/guides/extensions/docs-workflow/docs-step.ts b/adev/shared-docs/pipeline/guides/extensions/docs-workflow/docs-step.mts
similarity index 96%
rename from adev/shared-docs/pipeline/guides/extensions/docs-workflow/docs-step.ts
rename to adev/shared-docs/pipeline/guides/extensions/docs-workflow/docs-step.mts
index 36b1fcab641..e171a8ea163 100644
--- a/adev/shared-docs/pipeline/guides/extensions/docs-workflow/docs-step.ts
+++ b/adev/shared-docs/pipeline/guides/extensions/docs-workflow/docs-step.mts
@@ -7,7 +7,7 @@
  */
 
 import {Token, Tokens, RendererThis, TokenizerThis} from 'marked';
-import {formatHeading} from '../../tranformations/heading';
+import {formatHeading} from '../../tranformations/heading.mjs';
 
 interface DocsStepToken extends Tokens.Generic {
   type: 'docs-step';
diff --git a/adev/shared-docs/pipeline/guides/extensions/docs-workflow/docs-workflow.ts b/adev/shared-docs/pipeline/guides/extensions/docs-workflow/docs-workflow.mts
similarity index 100%
rename from adev/shared-docs/pipeline/guides/extensions/docs-workflow/docs-workflow.ts
rename to adev/shared-docs/pipeline/guides/extensions/docs-workflow/docs-workflow.mts
diff --git a/adev/shared-docs/pipeline/guides/helpers.ts b/adev/shared-docs/pipeline/guides/helpers.mts
similarity index 100%
rename from adev/shared-docs/pipeline/guides/helpers.ts
rename to adev/shared-docs/pipeline/guides/helpers.mts
diff --git a/adev/shared-docs/pipeline/guides/hooks.ts b/adev/shared-docs/pipeline/guides/hooks.mts
similarity index 90%
rename from adev/shared-docs/pipeline/guides/hooks.ts
rename to adev/shared-docs/pipeline/guides/hooks.mts
index a5a2b967a81..f85deae66e0 100644
--- a/adev/shared-docs/pipeline/guides/hooks.ts
+++ b/adev/shared-docs/pipeline/guides/hooks.mts
@@ -7,7 +7,7 @@
  */
 
 import {MarkedExtension} from 'marked';
-import {resetHeaderIdsOfCurrentDocument} from './state';
+import {resetHeaderIdsOfCurrentDocument} from './state.mjs';
 
 /**
  * Custom hooks for marked that will be used to post-transform markdown files with parent styles for docs.
diff --git a/adev/shared-docs/pipeline/guides/index.ts b/adev/shared-docs/pipeline/guides/index.mts
similarity index 96%
rename from adev/shared-docs/pipeline/guides/index.ts
rename to adev/shared-docs/pipeline/guides/index.mts
index effa5057ca4..bf48761cbff 100644
--- a/adev/shared-docs/pipeline/guides/index.ts
+++ b/adev/shared-docs/pipeline/guides/index.mts
@@ -8,8 +8,8 @@
 
 import {readFileSync, writeFileSync} from 'fs';
 import path from 'path';
-import {parseMarkdown} from './parse';
-import {initHighlighter} from './extensions/docs-code/format/highlight';
+import {parseMarkdown} from './parse.mjs';
+import {initHighlighter} from './extensions/docs-code/format/highlight.mjs';
 
 async function main() {
   const [paramFilePath] = process.argv.slice(2);
diff --git a/adev/shared-docs/pipeline/guides/mermaid/index.ts b/adev/shared-docs/pipeline/guides/mermaid/index.mts
similarity index 97%
rename from adev/shared-docs/pipeline/guides/mermaid/index.ts
rename to adev/shared-docs/pipeline/guides/mermaid/index.mts
index 118d2980f1d..7498a367834 100644
--- a/adev/shared-docs/pipeline/guides/mermaid/index.ts
+++ b/adev/shared-docs/pipeline/guides/mermaid/index.mts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {DocsCodeToken} from '../extensions/docs-code/docs-code';
+import {DocsCodeToken} from '../extensions/docs-code/docs-code.mjs';
 import {chromium} from 'playwright-core';
 import {Mermaid, MermaidConfig} from 'mermaid';
 import {runfiles} from '@bazel/runfiles';
diff --git a/adev/shared-docs/pipeline/guides/parse.ts b/adev/shared-docs/pipeline/guides/parse.mts
similarity index 76%
rename from adev/shared-docs/pipeline/guides/parse.ts
rename to adev/shared-docs/pipeline/guides/parse.mts
index cf17a734be9..01db329aad8 100644
--- a/adev/shared-docs/pipeline/guides/parse.ts
+++ b/adev/shared-docs/pipeline/guides/parse.mts
@@ -7,23 +7,23 @@
  */
 
 import {marked} from 'marked';
-import {hooks} from './hooks';
-import {Renderer} from './renderer';
-import {docsAlertExtension} from './extensions/docs-alert';
-import {docsCalloutExtension} from './extensions/docs-callout';
-import {docsPillExtension} from './extensions/docs-pill/docs-pill';
-import {docsPillRowExtension} from './extensions/docs-pill/docs-pill-row';
-import {docsVideoExtension} from './extensions/docs-video';
-import {docsWorkflowExtension} from './extensions/docs-workflow/docs-workflow';
-import {docsStepExtension} from './extensions/docs-workflow/docs-step';
-import {docsCardExtension} from './extensions/docs-card/docs-card';
-import {docsCardContainerExtension} from './extensions/docs-card/docs-card-container';
-import {docsDecorativeHeaderExtension} from './extensions/docs-decorative-header';
-import {docsCodeBlockExtension} from './extensions/docs-code/docs-code-block';
-import {docsCodeExtension} from './extensions/docs-code/docs-code';
-import {docsCodeMultifileExtension} from './extensions/docs-code/docs-code-multifile';
-import {ParserContext, setContext} from './utils';
-import {walkTokens} from './walk-tokens';
+import {hooks} from './hooks.mjs';
+import {Renderer} from './renderer.mjs';
+import {docsAlertExtension} from './extensions/docs-alert.mjs';
+import {docsCalloutExtension} from './extensions/docs-callout.mjs';
+import {docsPillExtension} from './extensions/docs-pill/docs-pill.mjs';
+import {docsPillRowExtension} from './extensions/docs-pill/docs-pill-row.mjs';
+import {docsVideoExtension} from './extensions/docs-video.mjs';
+import {docsWorkflowExtension} from './extensions/docs-workflow/docs-workflow.mjs';
+import {docsStepExtension} from './extensions/docs-workflow/docs-step.mjs';
+import {docsCardExtension} from './extensions/docs-card/docs-card.mjs';
+import {docsCardContainerExtension} from './extensions/docs-card/docs-card-container.mjs';
+import {docsDecorativeHeaderExtension} from './extensions/docs-decorative-header.mjs';
+import {docsCodeBlockExtension} from './extensions/docs-code/docs-code-block.mjs';
+import {docsCodeExtension} from './extensions/docs-code/docs-code.mjs';
+import {docsCodeMultifileExtension} from './extensions/docs-code/docs-code-multifile.mjs';
+import {ParserContext, setContext} from './utils.mjs';
+import {walkTokens} from './walk-tokens.mjs';
 
 export async function parseMarkdown(
   markdownContent: string,
diff --git a/adev/shared-docs/pipeline/guides/renderer.ts b/adev/shared-docs/pipeline/guides/renderer.mts
similarity index 65%
rename from adev/shared-docs/pipeline/guides/renderer.ts
rename to adev/shared-docs/pipeline/guides/renderer.mts
index 97d64518272..51a819b54f2 100644
--- a/adev/shared-docs/pipeline/guides/renderer.ts
+++ b/adev/shared-docs/pipeline/guides/renderer.mts
@@ -7,12 +7,12 @@
  */
 
 import {Renderer as _Renderer} from 'marked';
-import {linkRender} from './tranformations/link';
-import {tableRender} from './tranformations/table';
-import {listRender} from './tranformations/list';
-import {imageRender} from './tranformations/image';
-import {textRender} from './tranformations/text';
-import {headingRender} from './tranformations/heading';
+import {linkRender} from './tranformations/link.mjs';
+import {tableRender} from './tranformations/table.mjs';
+import {listRender} from './tranformations/list.mjs';
+import {imageRender} from './tranformations/image.mjs';
+import {textRender} from './tranformations/text.mjs';
+import {headingRender} from './tranformations/heading.mjs';
 
 /**
  * Custom renderer for marked that will be used to transform markdown files to HTML
diff --git a/adev/shared-docs/pipeline/guides/index.d.ts b/adev/shared-docs/pipeline/guides/shiki.d.ts
similarity index 100%
rename from adev/shared-docs/pipeline/guides/index.d.ts
rename to adev/shared-docs/pipeline/guides/shiki.d.ts
diff --git a/adev/shared-docs/pipeline/guides/state.ts b/adev/shared-docs/pipeline/guides/state.mts
similarity index 100%
rename from adev/shared-docs/pipeline/guides/state.ts
rename to adev/shared-docs/pipeline/guides/state.mts
diff --git a/adev/shared-docs/pipeline/guides/testing/BUILD.bazel b/adev/shared-docs/pipeline/guides/testing/BUILD.bazel
index 22d81127f7c..46f22de0523 100644
--- a/adev/shared-docs/pipeline/guides/testing/BUILD.bazel
+++ b/adev/shared-docs/pipeline/guides/testing/BUILD.bazel
@@ -1,25 +1,28 @@
-load("//tools:defaults.bzl", "jasmine_node_test", "ts_library")
+load("//tools:defaults.bzl", "jasmine_node_test")
+load("//tools:defaults2.bzl", "ts_project")
 
-ts_library(
+ts_project(
     name = "unit_test_lib",
     testonly = True,
     srcs = glob([
-        "**/*.spec.ts",
+        "**/*.spec.mts",
     ]),
+    tsconfig = "//adev/shared-docs:tsconfig_test",
     deps = [
-        "//adev/shared-docs/pipeline/guides",
-        "@npm//@bazel/runfiles",
-        "@npm//@types/jsdom",
-        "@npm//jsdom",
+        "//:node_modules/@bazel/runfiles",
+        "//:node_modules/@types/jsdom",
+        "//:node_modules/jsdom",
+        "//adev/shared-docs/pipeline/guides:guides_rjs",
     ],
 )
 
-ts_library(
+ts_project(
     name = "bootstrap",
     testonly = True,
     srcs = [
-        "bootstrap.init.ts",
+        "bootstrap.init.mts",
     ],
+    tsconfig = "//adev/shared-docs:tsconfig_test",
 )
 
 jasmine_node_test(
diff --git a/adev/shared-docs/pipeline/guides/testing/bootstrap.init.ts b/adev/shared-docs/pipeline/guides/testing/bootstrap.init.mts
similarity index 64%
rename from adev/shared-docs/pipeline/guides/testing/bootstrap.init.ts
rename to adev/shared-docs/pipeline/guides/testing/bootstrap.init.mts
index 265dfd15480..5033de4286c 100644
--- a/adev/shared-docs/pipeline/guides/testing/bootstrap.init.ts
+++ b/adev/shared-docs/pipeline/guides/testing/bootstrap.init.mts
@@ -6,5 +6,4 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-// Set HANDLE_MERMAID to false as unit testing does not handle mermaid.
-(global as any).HANDLE_MERMAID = false;
+// HANDLE_MERMAID is implicitly false as unit testing does not handle mermaid.
diff --git a/adev/shared-docs/pipeline/guides/testing/docs-alert/docs-alert.spec.ts b/adev/shared-docs/pipeline/guides/testing/docs-alert/docs-alert.spec.mts
similarity index 94%
rename from adev/shared-docs/pipeline/guides/testing/docs-alert/docs-alert.spec.ts
rename to adev/shared-docs/pipeline/guides/testing/docs-alert/docs-alert.spec.mts
index c9c7b0331c5..8467de76166 100644
--- a/adev/shared-docs/pipeline/guides/testing/docs-alert/docs-alert.spec.ts
+++ b/adev/shared-docs/pipeline/guides/testing/docs-alert/docs-alert.spec.mts
@@ -10,8 +10,8 @@ import {runfiles} from '@bazel/runfiles';
 import {readFile} from 'fs/promises';
 import {JSDOM} from 'jsdom';
 
-import {AlertSeverityLevel} from '../../../guides/extensions/docs-alert';
-import {parseMarkdown} from '../../../guides/parse';
+import {AlertSeverityLevel} from '../../../guides/extensions/docs-alert.mjs';
+import {parseMarkdown} from '../../../guides/parse.mjs';
 
 describe('markdown to html', () => {
   let markdownDocument: DocumentFragment;
diff --git a/adev/shared-docs/pipeline/guides/testing/docs-callout/docs-callout.spec.ts b/adev/shared-docs/pipeline/guides/testing/docs-callout/docs-callout.spec.mts
similarity index 93%
rename from adev/shared-docs/pipeline/guides/testing/docs-callout/docs-callout.spec.ts
rename to adev/shared-docs/pipeline/guides/testing/docs-callout/docs-callout.spec.mts
index 3f1e9496852..0373591cc1a 100644
--- a/adev/shared-docs/pipeline/guides/testing/docs-callout/docs-callout.spec.ts
+++ b/adev/shared-docs/pipeline/guides/testing/docs-callout/docs-callout.spec.mts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {parseMarkdown} from '../../../guides/parse';
+import {parseMarkdown} from '../../../guides/parse.mjs';
 import {runfiles} from '@bazel/runfiles';
 import {readFile} from 'fs/promises';
 import {JSDOM} from 'jsdom';
diff --git a/adev/shared-docs/pipeline/guides/testing/docs-card-container/docs-card-container.spec.ts b/adev/shared-docs/pipeline/guides/testing/docs-card-container/docs-card-container.spec.mts
similarity index 94%
rename from adev/shared-docs/pipeline/guides/testing/docs-card-container/docs-card-container.spec.ts
rename to adev/shared-docs/pipeline/guides/testing/docs-card-container/docs-card-container.spec.mts
index 922c55f1e66..826ef4fe32a 100644
--- a/adev/shared-docs/pipeline/guides/testing/docs-card-container/docs-card-container.spec.ts
+++ b/adev/shared-docs/pipeline/guides/testing/docs-card-container/docs-card-container.spec.mts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {parseMarkdown} from '../../../guides/parse';
+import {parseMarkdown} from '../../../guides/parse.mjs';
 import {runfiles} from '@bazel/runfiles';
 import {readFile} from 'fs/promises';
 import {JSDOM} from 'jsdom';
diff --git a/adev/shared-docs/pipeline/guides/testing/docs-card/docs-card.spec.ts b/adev/shared-docs/pipeline/guides/testing/docs-card/docs-card.spec.mts
similarity index 96%
rename from adev/shared-docs/pipeline/guides/testing/docs-card/docs-card.spec.ts
rename to adev/shared-docs/pipeline/guides/testing/docs-card/docs-card.spec.mts
index 5a3a913f09e..59651d70540 100644
--- a/adev/shared-docs/pipeline/guides/testing/docs-card/docs-card.spec.ts
+++ b/adev/shared-docs/pipeline/guides/testing/docs-card/docs-card.spec.mts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {parseMarkdown} from '../../../guides/parse';
+import {parseMarkdown} from '../../../guides/parse.mjs';
 import {runfiles} from '@bazel/runfiles';
 import {readFile} from 'fs/promises';
 import {JSDOM} from 'jsdom';
diff --git a/adev/shared-docs/pipeline/guides/testing/docs-code-block/docs-code-block.spec.ts b/adev/shared-docs/pipeline/guides/testing/docs-code-block/docs-code-block.spec.mts
similarity index 93%
rename from adev/shared-docs/pipeline/guides/testing/docs-code-block/docs-code-block.spec.ts
rename to adev/shared-docs/pipeline/guides/testing/docs-code-block/docs-code-block.spec.mts
index 6e26f399e98..a0c531d778e 100644
--- a/adev/shared-docs/pipeline/guides/testing/docs-code-block/docs-code-block.spec.ts
+++ b/adev/shared-docs/pipeline/guides/testing/docs-code-block/docs-code-block.spec.mts
@@ -6,11 +6,11 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {parseMarkdown} from '../../../guides/parse';
+import {parseMarkdown} from '../../../guides/parse.mjs';
 import {runfiles} from '@bazel/runfiles';
 import {readFile} from 'fs/promises';
 import {JSDOM} from 'jsdom';
-import {initHighlighter} from '../../extensions/docs-code/format/highlight';
+import {initHighlighter} from '../../extensions/docs-code/format/highlight.mjs';
 
 describe('markdown to html', () => {
   let markdownDocument: DocumentFragment;
diff --git a/adev/shared-docs/pipeline/guides/testing/docs-code-multifile/docs-code-multifile.spec.ts b/adev/shared-docs/pipeline/guides/testing/docs-code-multifile/docs-code-multifile.spec.mts
similarity index 94%
rename from adev/shared-docs/pipeline/guides/testing/docs-code-multifile/docs-code-multifile.spec.ts
rename to adev/shared-docs/pipeline/guides/testing/docs-code-multifile/docs-code-multifile.spec.mts
index 0a26b340999..4853023ca6c 100644
--- a/adev/shared-docs/pipeline/guides/testing/docs-code-multifile/docs-code-multifile.spec.ts
+++ b/adev/shared-docs/pipeline/guides/testing/docs-code-multifile/docs-code-multifile.spec.mts
@@ -6,11 +6,11 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {parseMarkdown} from '../../../guides/parse';
+import {parseMarkdown} from '../../../guides/parse.mjs';
 import {runfiles} from '@bazel/runfiles';
 import {readFile} from 'fs/promises';
 import {JSDOM} from 'jsdom';
-import {initHighlighter} from '../../extensions/docs-code/format/highlight';
+import {initHighlighter} from '../../extensions/docs-code/format/highlight.mjs';
 
 describe('markdown to html', () => {
   let markdownDocument: DocumentFragment;
diff --git a/adev/shared-docs/pipeline/guides/testing/docs-code/docs-code.spec.ts b/adev/shared-docs/pipeline/guides/testing/docs-code/docs-code.spec.mts
similarity index 97%
rename from adev/shared-docs/pipeline/guides/testing/docs-code/docs-code.spec.ts
rename to adev/shared-docs/pipeline/guides/testing/docs-code/docs-code.spec.mts
index adc7aa974d7..e5f35e4c830 100644
--- a/adev/shared-docs/pipeline/guides/testing/docs-code/docs-code.spec.ts
+++ b/adev/shared-docs/pipeline/guides/testing/docs-code/docs-code.spec.mts
@@ -6,11 +6,11 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {parseMarkdown} from '../../../guides/parse';
+import {parseMarkdown} from '../../../guides/parse.mjs';
 import {runfiles} from '@bazel/runfiles';
 import {readFile} from 'fs/promises';
 import {JSDOM} from 'jsdom';
-import {initHighlighter} from '../../extensions/docs-code/format/highlight';
+import {initHighlighter} from '../../extensions/docs-code/format/highlight.mjs';
 
 describe('markdown to html', () => {
   let markdownDocument: DocumentFragment;
diff --git a/adev/shared-docs/pipeline/guides/testing/docs-decorative-header/docs-decorative-header.spec.ts b/adev/shared-docs/pipeline/guides/testing/docs-decorative-header/docs-decorative-header.spec.mts
similarity index 95%
rename from adev/shared-docs/pipeline/guides/testing/docs-decorative-header/docs-decorative-header.spec.ts
rename to adev/shared-docs/pipeline/guides/testing/docs-decorative-header/docs-decorative-header.spec.mts
index 31d3b34fa4e..41faa5e1d67 100644
--- a/adev/shared-docs/pipeline/guides/testing/docs-decorative-header/docs-decorative-header.spec.ts
+++ b/adev/shared-docs/pipeline/guides/testing/docs-decorative-header/docs-decorative-header.spec.mts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {parseMarkdown} from '../../../guides/parse';
+import {parseMarkdown} from '../../../guides/parse.mjs';
 import {runfiles} from '@bazel/runfiles';
 import {readFile} from 'fs/promises';
 import {JSDOM} from 'jsdom';
diff --git a/adev/shared-docs/pipeline/guides/testing/docs-pill-row/docs-pill-row.spec.ts b/adev/shared-docs/pipeline/guides/testing/docs-pill-row/docs-pill-row.spec.mts
similarity index 94%
rename from adev/shared-docs/pipeline/guides/testing/docs-pill-row/docs-pill-row.spec.ts
rename to adev/shared-docs/pipeline/guides/testing/docs-pill-row/docs-pill-row.spec.mts
index e3248f3546c..5db6d0d89df 100644
--- a/adev/shared-docs/pipeline/guides/testing/docs-pill-row/docs-pill-row.spec.ts
+++ b/adev/shared-docs/pipeline/guides/testing/docs-pill-row/docs-pill-row.spec.mts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {parseMarkdown} from '../../../guides/parse';
+import {parseMarkdown} from '../../../guides/parse.mjs';
 import {runfiles} from '@bazel/runfiles';
 import {readFile} from 'fs/promises';
 import {JSDOM} from 'jsdom';
diff --git a/adev/shared-docs/pipeline/guides/testing/docs-pill/docs-pill.spec.ts b/adev/shared-docs/pipeline/guides/testing/docs-pill/docs-pill.spec.mts
similarity index 96%
rename from adev/shared-docs/pipeline/guides/testing/docs-pill/docs-pill.spec.ts
rename to adev/shared-docs/pipeline/guides/testing/docs-pill/docs-pill.spec.mts
index fd6f524b26b..822fccf998c 100644
--- a/adev/shared-docs/pipeline/guides/testing/docs-pill/docs-pill.spec.ts
+++ b/adev/shared-docs/pipeline/guides/testing/docs-pill/docs-pill.spec.mts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {parseMarkdown} from '../../../guides/parse';
+import {parseMarkdown} from '../../../guides/parse.mjs';
 import {runfiles} from '@bazel/runfiles';
 import {readFile} from 'fs/promises';
 import {JSDOM} from 'jsdom';
diff --git a/adev/shared-docs/pipeline/guides/testing/docs-step/docs-step.spec.ts b/adev/shared-docs/pipeline/guides/testing/docs-step/docs-step.spec.mts
similarity index 97%
rename from adev/shared-docs/pipeline/guides/testing/docs-step/docs-step.spec.ts
rename to adev/shared-docs/pipeline/guides/testing/docs-step/docs-step.spec.mts
index 7dc1c81fc5e..f60bc139aaa 100644
--- a/adev/shared-docs/pipeline/guides/testing/docs-step/docs-step.spec.ts
+++ b/adev/shared-docs/pipeline/guides/testing/docs-step/docs-step.spec.mts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {parseMarkdown} from '../../../guides/parse';
+import {parseMarkdown} from '../../../guides/parse.mjs';
 import {runfiles} from '@bazel/runfiles';
 import {readFile} from 'fs/promises';
 import {JSDOM} from 'jsdom';
diff --git a/adev/shared-docs/pipeline/guides/testing/docs-video/docs-video.spec.ts b/adev/shared-docs/pipeline/guides/testing/docs-video/docs-video.spec.mts
similarity index 95%
rename from adev/shared-docs/pipeline/guides/testing/docs-video/docs-video.spec.ts
rename to adev/shared-docs/pipeline/guides/testing/docs-video/docs-video.spec.mts
index a738c20837d..3d9d934a9c9 100644
--- a/adev/shared-docs/pipeline/guides/testing/docs-video/docs-video.spec.ts
+++ b/adev/shared-docs/pipeline/guides/testing/docs-video/docs-video.spec.mts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {parseMarkdown} from '../../../guides/parse';
+import {parseMarkdown} from '../../../guides/parse.mjs';
 import {runfiles} from '@bazel/runfiles';
 import {readFile} from 'fs/promises';
 import {JSDOM} from 'jsdom';
diff --git a/adev/shared-docs/pipeline/guides/testing/docs-workflow/docs-workflow.spec.ts b/adev/shared-docs/pipeline/guides/testing/docs-workflow/docs-workflow.spec.mts
similarity index 94%
rename from adev/shared-docs/pipeline/guides/testing/docs-workflow/docs-workflow.spec.ts
rename to adev/shared-docs/pipeline/guides/testing/docs-workflow/docs-workflow.spec.mts
index ec3c7f07e57..25ef5b55be0 100644
--- a/adev/shared-docs/pipeline/guides/testing/docs-workflow/docs-workflow.spec.ts
+++ b/adev/shared-docs/pipeline/guides/testing/docs-workflow/docs-workflow.spec.mts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {parseMarkdown} from '../../../guides/parse';
+import {parseMarkdown} from '../../../guides/parse.mjs';
 import {runfiles} from '@bazel/runfiles';
 import {readFile} from 'fs/promises';
 import {JSDOM} from 'jsdom';
diff --git a/adev/shared-docs/pipeline/guides/testing/heading/heading.spec.ts b/adev/shared-docs/pipeline/guides/testing/heading/heading.spec.mts
similarity index 98%
rename from adev/shared-docs/pipeline/guides/testing/heading/heading.spec.ts
rename to adev/shared-docs/pipeline/guides/testing/heading/heading.spec.mts
index 7bf80539f7c..364aba6b7db 100644
--- a/adev/shared-docs/pipeline/guides/testing/heading/heading.spec.ts
+++ b/adev/shared-docs/pipeline/guides/testing/heading/heading.spec.mts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {parseMarkdown} from '../../../guides/parse';
+import {parseMarkdown} from '../../../guides/parse.mjs';
 import {runfiles} from '@bazel/runfiles';
 import {readFile} from 'fs/promises';
 import {JSDOM} from 'jsdom';
diff --git a/adev/shared-docs/pipeline/guides/testing/image/image.spec.ts b/adev/shared-docs/pipeline/guides/testing/image/image.spec.mts
similarity index 94%
rename from adev/shared-docs/pipeline/guides/testing/image/image.spec.ts
rename to adev/shared-docs/pipeline/guides/testing/image/image.spec.mts
index ceba5ebfb6b..6cd8e35efa5 100644
--- a/adev/shared-docs/pipeline/guides/testing/image/image.spec.ts
+++ b/adev/shared-docs/pipeline/guides/testing/image/image.spec.mts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {parseMarkdown} from '../../../guides/parse';
+import {parseMarkdown} from '../../../guides/parse.mjs';
 import {runfiles} from '@bazel/runfiles';
 import {readFile} from 'fs/promises';
 import {JSDOM} from 'jsdom';
diff --git a/adev/shared-docs/pipeline/guides/testing/link/link.spec.ts b/adev/shared-docs/pipeline/guides/testing/link/link.spec.mts
similarity index 94%
rename from adev/shared-docs/pipeline/guides/testing/link/link.spec.ts
rename to adev/shared-docs/pipeline/guides/testing/link/link.spec.mts
index ca416e323a3..a503b849aae 100644
--- a/adev/shared-docs/pipeline/guides/testing/link/link.spec.ts
+++ b/adev/shared-docs/pipeline/guides/testing/link/link.spec.mts
@@ -7,7 +7,7 @@
  */
 
 import {readFile} from 'fs/promises';
-import {parseMarkdown} from '../../../guides/parse';
+import {parseMarkdown} from '../../../guides/parse.mjs';
 import {runfiles} from '@bazel/runfiles';
 
 describe('markdown to html', () => {
diff --git a/adev/shared-docs/pipeline/guides/testing/list/list.spec.ts b/adev/shared-docs/pipeline/guides/testing/list/list.spec.mts
similarity index 96%
rename from adev/shared-docs/pipeline/guides/testing/list/list.spec.ts
rename to adev/shared-docs/pipeline/guides/testing/list/list.spec.mts
index 0a0b850fea1..5462fa9e12d 100644
--- a/adev/shared-docs/pipeline/guides/testing/list/list.spec.ts
+++ b/adev/shared-docs/pipeline/guides/testing/list/list.spec.mts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {parseMarkdown} from '../../../guides/parse';
+import {parseMarkdown} from '../../../guides/parse.mjs';
 import {runfiles} from '@bazel/runfiles';
 import {readFile} from 'fs/promises';
 import {JSDOM} from 'jsdom';
diff --git a/adev/shared-docs/pipeline/guides/testing/mermaid/BUILD.bazel b/adev/shared-docs/pipeline/guides/testing/mermaid/BUILD.bazel
index 5a4c0c659e6..425a0a7b390 100644
--- a/adev/shared-docs/pipeline/guides/testing/mermaid/BUILD.bazel
+++ b/adev/shared-docs/pipeline/guides/testing/mermaid/BUILD.bazel
@@ -1,25 +1,31 @@
-load("//tools:defaults.bzl", "esbuild_jasmine_node_test", "ts_library")
+load("//tools:defaults.bzl", "esbuild_jasmine_node_test")
+load("//tools:defaults2.bzl", "ts_project")
 
-ts_library(
+ts_project(
     name = "unit_test_lib",
     testonly = True,
     srcs = glob([
-        "*.spec.ts",
+        "*.spec.mts",
     ]),
+    tsconfig = "//adev/shared-docs:tsconfig_test",
     deps = [
-        "//adev/shared-docs/pipeline/guides",
-        "@npm//@bazel/runfiles",
-        "@npm//@types/jsdom",
-        "@npm//jsdom",
-        "@npm//marked",
+        "//:node_modules/@bazel/runfiles",
+        "//:node_modules/@types/jsdom",
+        "//:node_modules/jsdom",
+        "//:node_modules/marked",
+        "//adev/shared-docs/pipeline/guides:guides_rjs",
     ],
 )
 
-ts_library(
+ts_project(
     name = "bootstrap",
     testonly = True,
     srcs = [
-        "bootstrap.init.ts",
+        "bootstrap.init.mts",
+    ],
+    tsconfig = "//adev/shared-docs:tsconfig_test",
+    deps = [
+        "//:node_modules/@types/node",
     ],
 )
 
@@ -36,7 +42,7 @@ esbuild_jasmine_node_test(
     ] + glob([
         "**/*.md",
         "**/*.svg",
-        "**/*.ts",
+        "**/*.mts",
     ]),
     env = {
         "CHROME_BIN": "$(CHROMIUM)",
diff --git a/adev/shared-docs/pipeline/guides/testing/mermaid/bootstrap.init.ts b/adev/shared-docs/pipeline/guides/testing/mermaid/bootstrap.init.mts
similarity index 100%
rename from adev/shared-docs/pipeline/guides/testing/mermaid/bootstrap.init.ts
rename to adev/shared-docs/pipeline/guides/testing/mermaid/bootstrap.init.mts
diff --git a/adev/shared-docs/pipeline/guides/testing/mermaid/mermaid.spec.ts b/adev/shared-docs/pipeline/guides/testing/mermaid/mermaid.spec.mts
similarity index 95%
rename from adev/shared-docs/pipeline/guides/testing/mermaid/mermaid.spec.ts
rename to adev/shared-docs/pipeline/guides/testing/mermaid/mermaid.spec.mts
index 3e09ad504e2..4bb530f28e4 100644
--- a/adev/shared-docs/pipeline/guides/testing/mermaid/mermaid.spec.ts
+++ b/adev/shared-docs/pipeline/guides/testing/mermaid/mermaid.spec.mts
@@ -10,8 +10,8 @@ import {runfiles} from '@bazel/runfiles';
 import {readFile} from 'fs/promises';
 import {JSDOM} from 'jsdom';
 import {marked} from 'marked';
-import {docsCodeBlockExtension} from '../../extensions/docs-code/docs-code-block';
-import {walkTokens} from '../../walk-tokens';
+import {docsCodeBlockExtension} from '../../extensions/docs-code/docs-code-block.mjs';
+import {walkTokens} from '../../walk-tokens.mjs';
 
 describe('markdown to html', () => {
   let markdownDocument: DocumentFragment;
diff --git a/adev/shared-docs/pipeline/guides/testing/table/table.spec.ts b/adev/shared-docs/pipeline/guides/testing/table/table.spec.mts
similarity index 95%
rename from adev/shared-docs/pipeline/guides/testing/table/table.spec.ts
rename to adev/shared-docs/pipeline/guides/testing/table/table.spec.mts
index 63a44d043fb..d66b98e3be2 100644
--- a/adev/shared-docs/pipeline/guides/testing/table/table.spec.ts
+++ b/adev/shared-docs/pipeline/guides/testing/table/table.spec.mts
@@ -7,7 +7,7 @@
  */
 
 import {readFile} from 'fs/promises';
-import {parseMarkdown} from '../../../guides/parse';
+import {parseMarkdown} from '../../../guides/parse.mjs';
 import {runfiles} from '@bazel/runfiles';
 
 describe('markdown to html', () => {
diff --git a/adev/shared-docs/pipeline/guides/testing/text/text.spec.ts b/adev/shared-docs/pipeline/guides/testing/text/text.spec.mts
similarity index 94%
rename from adev/shared-docs/pipeline/guides/testing/text/text.spec.ts
rename to adev/shared-docs/pipeline/guides/testing/text/text.spec.mts
index ee7ab095a80..fa5e5f83e88 100644
--- a/adev/shared-docs/pipeline/guides/testing/text/text.spec.ts
+++ b/adev/shared-docs/pipeline/guides/testing/text/text.spec.mts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {parseMarkdown} from '../../../guides/parse';
+import {parseMarkdown} from '../../../guides/parse.mjs';
 import {runfiles} from '@bazel/runfiles';
 import {readFile} from 'fs/promises';
 import {JSDOM} from 'jsdom';
diff --git a/adev/shared-docs/pipeline/guides/tranformations/heading.ts b/adev/shared-docs/pipeline/guides/tranformations/heading.mts
similarity index 94%
rename from adev/shared-docs/pipeline/guides/tranformations/heading.ts
rename to adev/shared-docs/pipeline/guides/tranformations/heading.mts
index 1c86fd37da3..06bfc43e0bf 100644
--- a/adev/shared-docs/pipeline/guides/tranformations/heading.ts
+++ b/adev/shared-docs/pipeline/guides/tranformations/heading.mts
@@ -8,8 +8,8 @@
 
 import {Renderer, Tokens} from 'marked';
 
-import {getHeaderId} from '../state';
-import {getPageTitle} from '../utils';
+import {getHeaderId} from '../state.mjs';
+import {getPageTitle} from '../utils.mjs';
 
 export function headingRender(this: Renderer, {depth, tokens}: Tokens.Heading): string {
   const text = this?.parser.parseInline(tokens);
diff --git a/adev/shared-docs/pipeline/guides/tranformations/image.ts b/adev/shared-docs/pipeline/guides/tranformations/image.mts
similarity index 100%
rename from adev/shared-docs/pipeline/guides/tranformations/image.ts
rename to adev/shared-docs/pipeline/guides/tranformations/image.mts
diff --git a/adev/shared-docs/pipeline/guides/tranformations/link.ts b/adev/shared-docs/pipeline/guides/tranformations/link.mts
similarity index 91%
rename from adev/shared-docs/pipeline/guides/tranformations/link.ts
rename to adev/shared-docs/pipeline/guides/tranformations/link.mts
index 9ca727ebcee..4ccebec8f13 100644
--- a/adev/shared-docs/pipeline/guides/tranformations/link.ts
+++ b/adev/shared-docs/pipeline/guides/tranformations/link.mts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {anchorTarget} from '../helpers';
+import {anchorTarget} from '../helpers.mjs';
 import {Renderer, Tokens} from 'marked';
 
 export function linkRender(this: Renderer, {href, title, tokens}: Tokens.Link) {
diff --git a/adev/shared-docs/pipeline/guides/tranformations/list.ts b/adev/shared-docs/pipeline/guides/tranformations/list.mts
similarity index 100%
rename from adev/shared-docs/pipeline/guides/tranformations/list.ts
rename to adev/shared-docs/pipeline/guides/tranformations/list.mts
diff --git a/adev/shared-docs/pipeline/guides/tranformations/table.ts b/adev/shared-docs/pipeline/guides/tranformations/table.mts
similarity index 100%
rename from adev/shared-docs/pipeline/guides/tranformations/table.ts
rename to adev/shared-docs/pipeline/guides/tranformations/table.mts
diff --git a/adev/shared-docs/pipeline/guides/tranformations/text.ts b/adev/shared-docs/pipeline/guides/tranformations/text.mts
similarity index 100%
rename from adev/shared-docs/pipeline/guides/tranformations/text.ts
rename to adev/shared-docs/pipeline/guides/tranformations/text.mts
diff --git a/adev/shared-docs/pipeline/guides/utils.ts b/adev/shared-docs/pipeline/guides/utils.mts
similarity index 100%
rename from adev/shared-docs/pipeline/guides/utils.ts
rename to adev/shared-docs/pipeline/guides/utils.mts
diff --git a/adev/shared-docs/pipeline/guides/walk-tokens.ts b/adev/shared-docs/pipeline/guides/walk-tokens.mts
similarity index 86%
rename from adev/shared-docs/pipeline/guides/walk-tokens.ts
rename to adev/shared-docs/pipeline/guides/walk-tokens.mts
index 9c05019802c..ba6c45939e1 100644
--- a/adev/shared-docs/pipeline/guides/walk-tokens.ts
+++ b/adev/shared-docs/pipeline/guides/walk-tokens.mts
@@ -7,7 +7,7 @@
  */
 
 import {Token} from 'marked';
-import {DocsCodeToken} from './extensions/docs-code/docs-code';
+import {DocsCodeToken} from './extensions/docs-code/docs-code.mjs';
 
 /**
  * Describe a HANDLE_MERMAID value which esbuild will use at build time to determine if the mermaid
@@ -31,6 +31,6 @@ export async function walkTokens(token: Token): Promise<void> {
   }
 
   if (HANDLE_MERMAID) {
-    return (await import('./mermaid')).processMermaidCodeBlock(token);
+    return (await import('./mermaid/index.mjs')).processMermaidCodeBlock(token);
   }
 }
diff --git a/adev/shared-docs/pipeline/navigation/BUILD.bazel b/adev/shared-docs/pipeline/navigation/BUILD.bazel
index aa01af2889b..d7016f123e1 100644
--- a/adev/shared-docs/pipeline/navigation/BUILD.bazel
+++ b/adev/shared-docs/pipeline/navigation/BUILD.bazel
@@ -1,36 +1,38 @@
-load("//tools:defaults.bzl", "ts_library")
+load("//tools:defaults2.bzl", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
-ts_library(
+ts_project(
     name = "lib",
     srcs = glob(
         [
-            "*.ts",
+            "*.mts",
         ],
         exclude = [
-            "index.ts",
+            "index.mts",
         ],
     ),
+    tsconfig = "//adev/shared-docs:tsconfig_build",
     deps = [
-        "//adev/shared-docs/interfaces",
-        "@npm//@types/node",
-        "@npm//@webcontainer/api",
-        "@npm//fast-glob",
+        "//:node_modules/@types/node",
+        "//:node_modules/@webcontainer/api",
+        "//:node_modules/fast-glob",
+        "//adev/shared-docs/interfaces:interfaces_rjs",
     ],
 )
 
-ts_library(
+ts_project(
     name = "navigation",
     srcs = [
-        "index.ts",
+        "index.mts",
     ],
+    tsconfig = "//adev/shared-docs:tsconfig_build",
     visibility = [
         "//adev/shared-docs:__subpackages__",
     ],
     deps = [
-        ":lib",
-        "//adev/shared-docs/interfaces",
-        "@npm//@types/node",
+        ":lib_rjs",
+        "//:node_modules/@types/node",
+        "//adev/shared-docs/interfaces:interfaces_rjs",
     ],
 )
diff --git a/adev/shared-docs/pipeline/navigation/index.ts b/adev/shared-docs/pipeline/navigation/index.mts
similarity index 86%
rename from adev/shared-docs/pipeline/navigation/index.ts
rename to adev/shared-docs/pipeline/navigation/index.mts
index 38583b76d95..99cf5b64aa6 100644
--- a/adev/shared-docs/pipeline/navigation/index.ts
+++ b/adev/shared-docs/pipeline/navigation/index.mts
@@ -7,8 +7,8 @@
  */
 
 import {readFileSync, writeFileSync} from 'fs';
-import {generateNavItems} from './nav-items-gen';
-import {getNavItemGenStrategy} from './strategies';
+import {generateNavItems} from './nav-items-gen.mjs';
+import {getNavItemGenStrategy} from './strategies.mjs';
 
 async function main() {
   const [paramFilePath] = process.argv.slice(2);
diff --git a/adev/shared-docs/pipeline/navigation/nav-items-gen.ts b/adev/shared-docs/pipeline/navigation/nav-items-gen.mts
similarity index 96%
rename from adev/shared-docs/pipeline/navigation/nav-items-gen.ts
rename to adev/shared-docs/pipeline/navigation/nav-items-gen.mts
index 0e6e58f23ea..713c59a36e4 100644
--- a/adev/shared-docs/pipeline/navigation/nav-items-gen.ts
+++ b/adev/shared-docs/pipeline/navigation/nav-items-gen.mts
@@ -11,7 +11,7 @@ import readline from 'readline';
 import {basename, dirname, resolve} from 'path';
 
 import {NavigationItem} from '../../interfaces';
-import {NavigationItemGenerationStrategy} from './types';
+import {NavigationItemGenerationStrategy} from './types.mjs';
 
 /**
  * Generate navigations items by a provided strategy.
diff --git a/adev/shared-docs/pipeline/navigation/strategies.ts b/adev/shared-docs/pipeline/navigation/strategies.mts
similarity index 99%
rename from adev/shared-docs/pipeline/navigation/strategies.ts
rename to adev/shared-docs/pipeline/navigation/strategies.mts
index f817fcdf677..e8251e9440c 100644
--- a/adev/shared-docs/pipeline/navigation/strategies.ts
+++ b/adev/shared-docs/pipeline/navigation/strategies.mts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {NavigationItemGenerationStrategy, Strategy} from './types';
+import {NavigationItemGenerationStrategy, Strategy} from './types.mjs';
 
 // Should point to the website content.
 // Update, if the location is updated or shared-docs is extracted from `adev/`.
diff --git a/adev/shared-docs/pipeline/navigation/test/BUILD.bazel b/adev/shared-docs/pipeline/navigation/test/BUILD.bazel
index b7472dbe026..a2ee28bf4be 100644
--- a/adev/shared-docs/pipeline/navigation/test/BUILD.bazel
+++ b/adev/shared-docs/pipeline/navigation/test/BUILD.bazel
@@ -1,13 +1,16 @@
-load("//tools:defaults.bzl", "jasmine_node_test", "ts_library")
+load("//tools:defaults.bzl", "jasmine_node_test")
+load("//tools:defaults2.bzl", "ts_project")
 
 package(default_visibility = ["//adev/shared-docs/pipeline/navigation:__subpackages__"])
 
-ts_library(
+ts_project(
     name = "unit_test_lib",
     testonly = True,
-    srcs = glob(["*.spec.ts"]),
+    srcs = glob(["*.spec.mts"]),
+    tsconfig = "//adev/shared-docs:tsconfig_test",
     deps = [
-        "//adev/shared-docs/pipeline/navigation:lib",
+        "//:node_modules/@types/node",
+        "//adev/shared-docs/pipeline/navigation:lib_rjs",
     ],
 )
 
diff --git a/adev/shared-docs/pipeline/navigation/test/nav-items-gen.spec.ts b/adev/shared-docs/pipeline/navigation/test/nav-items-gen.spec.mts
similarity index 91%
rename from adev/shared-docs/pipeline/navigation/test/nav-items-gen.spec.ts
rename to adev/shared-docs/pipeline/navigation/test/nav-items-gen.spec.mts
index 0612521bf05..83334899248 100644
--- a/adev/shared-docs/pipeline/navigation/test/nav-items-gen.spec.ts
+++ b/adev/shared-docs/pipeline/navigation/test/nav-items-gen.spec.mts
@@ -6,8 +6,8 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {generateNavItems} from '../nav-items-gen';
-import {NavigationItemGenerationStrategy} from '../types';
+import {generateNavItems} from '../nav-items-gen.mjs';
+import {NavigationItemGenerationStrategy} from '../types.mjs';
 import fs from 'fs';
 import readline from 'readline';
 
diff --git a/adev/shared-docs/pipeline/navigation/types.ts b/adev/shared-docs/pipeline/navigation/types.mts
similarity index 100%
rename from adev/shared-docs/pipeline/navigation/types.ts
rename to adev/shared-docs/pipeline/navigation/types.mts
diff --git a/adev/shared-docs/pipeline/tutorials/BUILD.bazel b/adev/shared-docs/pipeline/tutorials/BUILD.bazel
index a7faa454b24..c5346901d5b 100644
--- a/adev/shared-docs/pipeline/tutorials/BUILD.bazel
+++ b/adev/shared-docs/pipeline/tutorials/BUILD.bazel
@@ -1,52 +1,55 @@
-load("//tools:defaults.bzl", "ts_library")
+load("//tools:defaults2.bzl", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
-ts_library(
+ts_project(
     name = "editor",
     srcs = glob(
         [
-            "*.ts",
+            "*.mts",
         ],
         exclude = [
-            "playground.ts",
-            "tutorial.ts",
+            "playground.mts",
+            "tutorial.mts",
         ],
     ),
+    tsconfig = "//adev/shared-docs:tsconfig_build",
     deps = [
-        "//adev/shared-docs/interfaces",
-        "@npm//@types/node",
-        "@npm//@webcontainer/api",
-        "@npm//fast-glob",
+        "//:node_modules/@types/node",
+        "//:node_modules/@webcontainer/api",
+        "//:node_modules/fast-glob",
+        "//adev/shared-docs/interfaces:interfaces_rjs",
     ],
 )
 
-ts_library(
+ts_project(
     name = "playground",
     srcs = [
-        "playground.ts",
+        "playground.mts",
     ],
+    tsconfig = "//adev/shared-docs:tsconfig_build",
     visibility = [
         "//adev/shared-docs:__subpackages__",
     ],
     deps = [
-        ":editor",
-        "//adev/shared-docs/interfaces",
-        "@npm//@types/node",
+        ":editor_rjs",
+        "//:node_modules/@types/node",
+        "//adev/shared-docs/interfaces:interfaces_rjs",
     ],
 )
 
-ts_library(
+ts_project(
     name = "tutorials",
     srcs = [
-        "tutorial.ts",
+        "tutorial.mts",
     ],
+    tsconfig = "//adev/shared-docs:tsconfig_build",
     visibility = [
         "//adev/shared-docs:__subpackages__",
     ],
     deps = [
-        ":editor",
-        "//adev/shared-docs/interfaces",
-        "@npm//@types/node",
+        ":editor_rjs",
+        "//:node_modules/@types/node",
+        "//adev/shared-docs/interfaces:interfaces_rjs",
     ],
 )
diff --git a/adev/shared-docs/pipeline/tutorials/common/src/main.ts b/adev/shared-docs/pipeline/tutorials/common/src/main.ts
index 0ff1c273f4c..c2c53a65edf 100644
--- a/adev/shared-docs/pipeline/tutorials/common/src/main.ts
+++ b/adev/shared-docs/pipeline/tutorials/common/src/main.ts
@@ -7,7 +7,7 @@
  */
 
 import {bootstrapApplication} from '@angular/platform-browser';
-import {appConfig} from './app/app.config';
+import {appConfig} from './app/app.config.js';
 import {AppComponent} from './app/app.component';
 
 bootstrapApplication(AppComponent, appConfig).catch((err) => console.error(err));
diff --git a/adev/shared-docs/pipeline/tutorials/metadata.ts b/adev/shared-docs/pipeline/tutorials/metadata.mts
similarity index 93%
rename from adev/shared-docs/pipeline/tutorials/metadata.ts
rename to adev/shared-docs/pipeline/tutorials/metadata.mts
index 86fe5903be1..3043e2d8941 100644
--- a/adev/shared-docs/pipeline/tutorials/metadata.ts
+++ b/adev/shared-docs/pipeline/tutorials/metadata.mts
@@ -14,7 +14,7 @@ import {
   TutorialConfig,
   TutorialMetadata,
 } from '../../interfaces';
-import {getFileContents} from './utils';
+import {getFileContents} from './utils.mjs';
 
 /** Generate the metadata.json content for a provided tutorial config. */
 export async function generateMetadata(
@@ -23,7 +23,9 @@ export async function generateMetadata(
   files: FileAndContentRecord,
 ): Promise<TutorialMetadata> {
   const tutorialFiles: FileAndContentRecord = {};
-  const {dependencies, devDependencies} = JSON.parse(<string>files['package.json']) as PackageJson;
+  const {dependencies, devDependencies} = JSON.parse(
+    files['package.json'] as string,
+  ) as PackageJson;
 
   config.openFiles?.forEach((file) => (tutorialFiles[file] = files[file]));
 
diff --git a/adev/shared-docs/pipeline/tutorials/playground.ts b/adev/shared-docs/pipeline/tutorials/playground.mts
similarity index 91%
rename from adev/shared-docs/pipeline/tutorials/playground.ts
rename to adev/shared-docs/pipeline/tutorials/playground.mts
index a6188ea29af..8784ca268e1 100644
--- a/adev/shared-docs/pipeline/tutorials/playground.ts
+++ b/adev/shared-docs/pipeline/tutorials/playground.mts
@@ -7,12 +7,12 @@
  */
 
 import {join} from 'path';
-import {FileAndContentRecord} from '../../interfaces';
+import {FileAndContentRecord} from '../../interfaces/index';
 import {existsSync, mkdirSync, writeFileSync} from 'fs';
-import {addDirectoryToFilesRecord, findAllConfigs} from './utils';
-import {generateMetadata} from './metadata';
-import {generateSourceCode} from './source-code';
-import {generatePlaygroundRoutes} from './routes';
+import {addDirectoryToFilesRecord, findAllConfigs} from './utils.mjs';
+import {generateMetadata} from './metadata.mjs';
+import {generateSourceCode} from './source-code.mjs';
+import {generatePlaygroundRoutes} from './routes.mjs';
 
 /**
  * Generates the playground files for the playground directory.
diff --git a/adev/shared-docs/pipeline/tutorials/routes.ts b/adev/shared-docs/pipeline/tutorials/routes.mts
similarity index 98%
rename from adev/shared-docs/pipeline/tutorials/routes.ts
rename to adev/shared-docs/pipeline/tutorials/routes.mts
index aff31dd818d..dce10999364 100644
--- a/adev/shared-docs/pipeline/tutorials/routes.ts
+++ b/adev/shared-docs/pipeline/tutorials/routes.mts
@@ -11,7 +11,7 @@ import {
   TutorialConfig,
   TutorialNavigationItemWithStep,
   TutorialNavigationItem,
-} from '../../interfaces';
+} from '../../interfaces/index';
 
 export async function generatePlaygroundRoutes(
   configs: Record<string, TutorialConfig>,
diff --git a/adev/shared-docs/pipeline/tutorials/source-code.ts b/adev/shared-docs/pipeline/tutorials/source-code.mts
similarity index 90%
rename from adev/shared-docs/pipeline/tutorials/source-code.ts
rename to adev/shared-docs/pipeline/tutorials/source-code.mts
index 034236bb826..5de2314dc87 100644
--- a/adev/shared-docs/pipeline/tutorials/source-code.ts
+++ b/adev/shared-docs/pipeline/tutorials/source-code.mts
@@ -7,8 +7,8 @@
  */
 
 import {FileSystemTree} from '@webcontainer/api';
-import {FileAndContentRecord, TutorialConfig} from '../../interfaces';
-import {getFileSystemTree} from './webcontainers';
+import {FileAndContentRecord, TutorialConfig} from '../../interfaces/index';
+import {getFileSystemTree} from './webcontainers.mjs';
 
 /** Generate the source-code.json content for a provided tutorial config. */
 export async function generateSourceCode(
diff --git a/adev/shared-docs/pipeline/tutorials/tutorial.ts b/adev/shared-docs/pipeline/tutorials/tutorial.mts
similarity index 93%
rename from adev/shared-docs/pipeline/tutorials/tutorial.ts
rename to adev/shared-docs/pipeline/tutorials/tutorial.mts
index 7d568d93013..c2024c679c3 100644
--- a/adev/shared-docs/pipeline/tutorials/tutorial.ts
+++ b/adev/shared-docs/pipeline/tutorials/tutorial.mts
@@ -7,12 +7,12 @@
  */
 
 import {basename, join} from 'path';
-import {FileAndContentRecord} from '../../interfaces';
+import {FileAndContentRecord} from '../../interfaces/index';
 import {existsSync, mkdirSync, writeFileSync} from 'fs';
-import {addDirectoryToFilesRecord, findAllConfigs, findConfig} from './utils';
-import {generateMetadata} from './metadata';
-import {generateSourceCode} from './source-code';
-import {generateTutorialRoutes} from './routes';
+import {addDirectoryToFilesRecord, findAllConfigs, findConfig} from './utils.mjs';
+import {generateMetadata} from './metadata.mjs';
+import {generateSourceCode} from './source-code.mjs';
+import {generateTutorialRoutes} from './routes.mjs';
 
 /**
  * Generates the files for the provided tutorial directory.
diff --git a/adev/shared-docs/pipeline/tutorials/utils.ts b/adev/shared-docs/pipeline/tutorials/utils.mts
similarity index 99%
rename from adev/shared-docs/pipeline/tutorials/utils.ts
rename to adev/shared-docs/pipeline/tutorials/utils.mts
index 6b6462ad98d..f737ae7c731 100644
--- a/adev/shared-docs/pipeline/tutorials/utils.ts
+++ b/adev/shared-docs/pipeline/tutorials/utils.mts
@@ -7,7 +7,7 @@
  */
 
 import {glob} from 'fast-glob';
-import {FileAndContentRecord, TutorialConfig} from '../../interfaces';
+import {FileAndContentRecord, TutorialConfig} from '../../interfaces/index';
 import {dirname, join} from 'path';
 import {existsSync, readFileSync} from 'fs';
 
diff --git a/adev/shared-docs/pipeline/tutorials/webcontainers.ts b/adev/shared-docs/pipeline/tutorials/webcontainers.mts
similarity index 99%
rename from adev/shared-docs/pipeline/tutorials/webcontainers.ts
rename to adev/shared-docs/pipeline/tutorials/webcontainers.mts
index 6c15043c2e7..e9678a8036b 100644
--- a/adev/shared-docs/pipeline/tutorials/webcontainers.ts
+++ b/adev/shared-docs/pipeline/tutorials/webcontainers.mts
@@ -8,7 +8,7 @@
 
 import {basename, dirname, extname} from 'path';
 import type {DirectoryNode, FileNode, FileSystemTree} from '@webcontainer/api';
-import {FileAndContent, FileAndContentRecord} from '../../interfaces';
+import {FileAndContent, FileAndContentRecord} from '../../interfaces/index';
 
 /**
  * Create a WebContainer's FileSystemTree from a list of files and its contents
diff --git a/adev/shared-docs/pipes/BUILD.bazel b/adev/shared-docs/pipes/BUILD.bazel
index 0650f6c5631..b34d8c70bac 100644
--- a/adev/shared-docs/pipes/BUILD.bazel
+++ b/adev/shared-docs/pipes/BUILD.bazel
@@ -1,16 +1,18 @@
-load("//tools:defaults.bzl", "ng_module", "ts_library")
+load("//tools:defaults.bzl", "ng_module")
+load("//tools:defaults2.bzl", "ts_project")
 
 package(default_visibility = ["//visibility:private"])
 
-ts_library(
+ts_project(
     name = "pipes",
     srcs = [
         "index.ts",
     ],
-    visibility = ["//adev/shared-docs:__subpackages__"],
-    deps = [
+    interop_deps = [
         ":lib",
     ],
+    tsconfig = "//adev/shared-docs:tsconfig_test",
+    visibility = ["//adev/shared-docs:__subpackages__"],
 )
 
 ng_module(
diff --git a/adev/shared-docs/providers/BUILD.bazel b/adev/shared-docs/providers/BUILD.bazel
index c1711540b22..f3087ea0be3 100644
--- a/adev/shared-docs/providers/BUILD.bazel
+++ b/adev/shared-docs/providers/BUILD.bazel
@@ -1,16 +1,18 @@
-load("//tools:defaults.bzl", "ng_module", "ts_library")
+load("//tools:defaults.bzl", "ng_module")
+load("//tools:defaults2.bzl", "ts_project")
 
 package(default_visibility = ["//visibility:private"])
 
-ts_library(
+ts_project(
     name = "providers",
     srcs = [
         "index.ts",
     ],
-    visibility = ["//adev/shared-docs:__subpackages__"],
-    deps = [
+    interop_deps = [
         ":lib",
     ],
+    tsconfig = "//adev/shared-docs:tsconfig_test",
+    visibility = ["//adev/shared-docs:__subpackages__"],
 )
 
 ng_module(
diff --git a/adev/shared-docs/services/BUILD.bazel b/adev/shared-docs/services/BUILD.bazel
index fec7953c401..67409449e10 100644
--- a/adev/shared-docs/services/BUILD.bazel
+++ b/adev/shared-docs/services/BUILD.bazel
@@ -1,16 +1,18 @@
-load("//tools:defaults.bzl", "karma_web_test_suite", "ng_module", "ts_library")
+load("//tools:defaults.bzl", "karma_web_test_suite", "ng_module")
+load("//tools:defaults2.bzl", "ts_project")
 
 package(default_visibility = ["//visibility:private"])
 
-ts_library(
+ts_project(
     name = "services",
     srcs = [
         "index.ts",
     ],
-    visibility = ["//adev/shared-docs:__subpackages__"],
-    deps = [
+    interop_deps = [
         ":lib",
     ],
+    tsconfig = "//adev/shared-docs:tsconfig_test",
+    visibility = ["//adev/shared-docs:__subpackages__"],
 )
 
 ng_module(
@@ -37,13 +39,13 @@ ng_module(
     ],
 )
 
-ts_library(
+ts_project(
     name = "test_lib",
     testonly = True,
     srcs = glob(
         ["*.spec.ts"],
     ),
-    deps = [
+    interop_deps = [
         ":lib",
         "//adev/shared-docs/interfaces",
         "//adev/shared-docs/providers",
@@ -51,6 +53,7 @@ ts_library(
         "//packages/core",
         "//packages/core/testing",
     ],
+    tsconfig = "//adev/shared-docs:tsconfig_test",
 )
 
 karma_web_test_suite(
diff --git a/adev/shared-docs/testing/BUILD.bazel b/adev/shared-docs/testing/BUILD.bazel
index abda9766626..c9ea2251994 100644
--- a/adev/shared-docs/testing/BUILD.bazel
+++ b/adev/shared-docs/testing/BUILD.bazel
@@ -1,30 +1,32 @@
-load("//tools:defaults.bzl", "ts_library")
+load("//tools:defaults2.bzl", "ts_project")
 
 package(default_visibility = ["//visibility:private"])
 
-ts_library(
+ts_project(
     name = "testing",
     srcs = [
         "index.ts",
     ],
-    visibility = ["//adev/shared-docs:__subpackages__"],
-    deps = [
+    interop_deps = [
         ":lib",
     ],
+    tsconfig = "//adev/shared-docs:tsconfig_build",
+    visibility = ["//adev/shared-docs:__subpackages__"],
 )
 
-ts_library(
+ts_project(
     name = "lib",
     srcs = glob(
-        [
-            "*.ts",
-        ],
+        ["*.ts"],
         exclude = [
             "index.ts",
         ],
     ),
-    deps = [
+    interop_deps = [
         "//packages/core",
-        "@npm//@webcontainer/api",
+    ],
+    tsconfig = "//adev/shared-docs:tsconfig_build",
+    deps = [
+        "//:node_modules/@webcontainer/api",
     ],
 )
diff --git a/adev/shared-docs/tsconfig-test.json b/adev/shared-docs/tsconfig-test.json
new file mode 100644
index 00000000000..c18f2a41c29
--- /dev/null
+++ b/adev/shared-docs/tsconfig-test.json
@@ -0,0 +1,6 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "types": ["jasmine", "node"]
+  }
+}
\ No newline at end of file
diff --git a/adev/shared-docs/tsconfig.json b/adev/shared-docs/tsconfig.json
new file mode 100644
index 00000000000..5b8e565173b
--- /dev/null
+++ b/adev/shared-docs/tsconfig.json
@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "strict": true,
+    "declaration": true,
+    "sourceMap": true,
+    "lib": ["ES2022", "dom"],
+    "jsx": "react",
+    "jsxFactory": "h",
+    "jsxFragmentFactory": "Fragment",
+    "types": ["node"],
+    "paths": {
+      "@angular/*": ["../../packages/*"]
+    }
+  }
+}
\ No newline at end of file
diff --git a/adev/shared-docs/utils/BUILD.bazel b/adev/shared-docs/utils/BUILD.bazel
index 3d277f55f48..cc5c0e2bfd9 100644
--- a/adev/shared-docs/utils/BUILD.bazel
+++ b/adev/shared-docs/utils/BUILD.bazel
@@ -1,34 +1,26 @@
-load("//tools:defaults.bzl", "ts_library")
+load("//tools:defaults2.bzl", "ts_project")
 
 package(default_visibility = ["//visibility:private"])
 
-ts_library(
+ts_project(
     name = "utils",
-    srcs = [
-        "index.ts",
-    ],
-    visibility = ["//adev/shared-docs:__subpackages__"],
-    deps = [
-        ":lib",
-    ],
-)
-
-ts_library(
-    name = "lib",
     srcs = glob(
         [
             "**/*.ts",
         ],
         exclude = [
-            "index.ts",
             "**/*.spec.ts",
         ],
     ),
-    deps = [
+    interop_deps = [
         "//adev/shared-docs/interfaces",
         "//adev/shared-docs/providers",
         "//packages/core",
         "//packages/router",
-        "@npm//fflate",
+    ],
+    tsconfig = "//adev/shared-docs:tsconfig_test",
+    visibility = ["//adev/shared-docs:__subpackages__"],
+    deps = [
+        "//:node_modules/fflate",
     ],
 )
diff --git a/package.json b/package.json
index 67ab4bc2663..7c0feb9324b 100644
--- a/package.json
+++ b/package.json
@@ -117,6 +117,7 @@
     "jasmine": "~5.6.0",
     "jasmine-ajax": "^4.0.0",
     "jasmine-core": "^5.0.0",
+    "jasmine-reporters": "^2.5.2",
     "karma": "~6.4.0",
     "karma-chrome-launcher": "^3.1.0",
     "karma-firefox-launcher": "^2.1.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a5f7351948d..0f39af5f365 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -221,6 +221,9 @@ importers:
       jasmine-core:
         specifier: ^5.0.0
         version: 5.6.0
+      jasmine-reporters:
+        specifier: ^2.5.2
+        version: 2.5.2
       karma:
         specifier: ~6.4.0
         version: 6.4.4
diff --git a/tools/defaults2.bzl b/tools/defaults2.bzl
index 1ad828465c1..08424be6774 100644
--- a/tools/defaults2.bzl
+++ b/tools/defaults2.bzl
@@ -1,3 +1,4 @@
+load("@aspect_rules_jasmine//jasmine:defs.bzl", _jasmine_test = "jasmine_test")
 load("@aspect_rules_ts//ts:defs.bzl", _ts_config = "ts_config")
 load("@rules_angular//src/ng_project:index.bzl", _ng_project = "ng_project")
 load("//tools/bazel:module_name.bzl", "compute_module_name")
@@ -47,3 +48,24 @@ def ng_project(
         tsconfig = tsconfig,
         **kwargs
     )
+
+def jasmine_test(name, data = [], args = [], **kwargs):
+    # Create relative path to root, from current package dir. Necessary as
+    # we change the `chdir` below to the package directory.
+    relative_to_root = "/".join([".."] * len(native.package_name().split("/")))
+
+    _jasmine_test(
+        name = name,
+        node_modules = "//:node_modules",
+        chdir = native.package_name(),
+        fixed_args = [
+            "--require=%s/node_modules/source-map-support/register.js" % relative_to_root,
+            "**/*spec.js",
+            "**/*spec.mjs",
+            "**/*spec.cjs",
+        ] + args,
+        data = data + [
+            "//:node_modules/source-map-support",
+        ],
+        **kwargs
+    )
diff --git a/yarn.lock b/yarn.lock
index dfafc3567a4..a3805480e54 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -11392,7 +11392,7 @@ jasmine-core@~2.8.0:
   resolved "https://registry.yarnpkg.com/jasmine-core/-/jasmine-core-2.8.0.tgz#bcc979ae1f9fd05701e45e52e65d3a5d63f1a24e"
   integrity sha512-SNkOkS+/jMZvLhuSx1fjhcNWUC/KG6oVyFUGkSBEr9n1axSNduWU8GlI7suaHXr4yxjet6KjrUZxUTE5WzzWwQ==
 
-jasmine-reporters@~2.5.0:
+jasmine-reporters@^2.5.2, jasmine-reporters@~2.5.0:
   version "2.5.2"
   resolved "https://registry.yarnpkg.com/jasmine-reporters/-/jasmine-reporters-2.5.2.tgz#b5dfa1d9c40b8020c5225e0e1e2b9953d66a4d69"
   integrity sha512-qdewRUuFOSiWhiyWZX8Yx3YNQ9JG51ntBEO4ekLQRpktxFTwUHy24a86zD/Oi2BRTKksEdfWQZcQFqzjqIkPig==