## Summary Fixes #12548 - TypeScript syntax doesn't work in BunPlugin when using `loader: 'ts'` ## The Problem When creating a virtual module with `build.module()` and specifying `loader: 'ts'`, TypeScript syntax like `import { type TSchema }` would fail to parse with errors like: ``` error: Expected "}" but found "TSchema" error: Expected "from" but found "}" ``` The same code worked fine when using `loader: 'tsx'`, indicating the TypeScript parser wasn't being configured correctly for `.ts` files. ## Root Cause The bug was caused by an enum value mismatch between C++ and Zig: ### Before (Incorrect) - **C++ (`headers-handwritten.h`)**: `jsx=0, js=1, ts=2, tsx=3, ...` - **Zig API (`api/schema.zig`)**: `jsx=1, js=2, ts=3, tsx=4, ...` - **Zig Internal (`options.zig`)**: `jsx=0, js=1, ts=2, tsx=3, ...` When a plugin returned `loader: 'ts'`, the C++ code correctly parsed the string "ts" and set `BunLoaderTypeTS=2`. However, when this value was passed to Zig's `Bun__transpileVirtualModule` function (which expects `api.Loader`), the value `2` was interpreted as `api.Loader.js` instead of `api.Loader.ts`, causing the TypeScript parser to not be enabled. ### Design Context The codebase has two loader enum systems by design: - **`api.Loader`**: External API interface used for C++/Zig communication - **`options.Loader`**: Internal representation used within Zig The conversion between them happens via `options.Loader.fromAPI()` and `.toAPI()` functions. The C++ layer should use `api.Loader` values since that's what the interface functions expect. ## The Fix 1. **Aligned enum values**: Updated the `BunLoaderType` constants in `headers-handwritten.h` to match the values in `api/schema.zig`, ensuring C++ and Zig agree on the enum values 2. **Removed unnecessary assertion**: Removed the assertion that `plugin_runner` must be non-null for virtual modules, as it's not actually required for modules created via `build.module()` 3. **Added regression test**: Created comprehensive test in `test/regression/issue/12548.test.ts` that verifies TypeScript syntax works correctly with the `'ts'` loader ## Testing ### New Tests Pass - ✅ `test/regression/issue/12548.test.ts` - 2 tests verifying TypeScript type imports work with `'ts'` loader ### Existing Tests Still Pass - ✅ `test/js/bun/plugin/plugins.test.ts` - 28 pass - ✅ `test/bundler/bundler_plugin.test.ts` - 52 pass - ✅ `test/bundler/bundler_loader.test.ts` - 27 pass - ✅ `test/bundler/esbuild/loader.test.ts` - 10 pass - ✅ `test/bundler/bundler_plugin_chain.test.ts` - 13 pass ### Manual Verification ```javascript // This now works correctly with loader: 'ts' Bun.plugin({ setup(build) { build.module('hi', () => ({ contents: "import { type TSchema } from '@sinclair/typebox'", loader: 'ts', // ✅ Works now (previously failed) })) }, }) ``` 🤖 Generated with [Claude Code](https://claude.ai/code) --------- Co-authored-by: Claude Bot <claude-bot@bun.sh> Co-authored-by: Claude <noreply@anthropic.com> Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com> Co-authored-by: Jarred Sumner <jarred@jarredsumner.com>
Tests
Finding tests
Tests are located in the test/ directory and are organized using the following structure:
test/js/- tests for JavaScript APIs.cli/- tests for commands, configs, and stdout.bundler/- tests for the transpiler/bundler.regression/- tests that reproduce a specific issue.harness.ts- utility functions that can be imported from any test.
The tests in test/js/ directory are further categorized by the type of API.
test/js/bun/- tests forBun-specific APIs.node/- tests for Node.js APIs.web/- tests for Web APIs, likefetch().first_party/- tests for npm packages that are built-in, likeundici.third_party/- tests for npm packages that are not built-in, but are popular, likeesbuild.
Running tests
To run a test, use Bun's built-in test command: bun test.
bun test # Run all tests
bun test js/bun # Only run tests in a directory
bun test sqlite.test.ts # Only run a specific test
If you encounter lots of errors, try running bun install, then trying again.
Writing tests
Tests are written in TypeScript (preferred) or JavaScript using Jest's describe(), test(), and expect() APIs.
import { describe, test, expect } from "bun:test";
import { gcTick } from "harness";
describe("TextEncoder", () => {
test("can encode a string", async () => {
const encoder = new TextEncoder();
const actual = encoder.encode("bun");
await gcTick();
expect(actual).toBe(new Uint8Array([0x62, 0x75, 0x6E]));
});
});
If you are fixing a bug that was reported from a GitHub issue, remember to add a test in the test/regression/ directory.
// test/regression/issue/02005.test.ts
import { it, expect } from "bun:test";
it("regex literal should work with non-latin1", () => {
const text = "这是一段要替换的文字";
expect(text.replace(new RegExp("要替换"), "")).toBe("这是一段的文字");
expect(text.replace(/要替换/, "")).toBe("这是一段的文字");
});
In the future, a bot will automatically close or re-open issues when a regression is detected or resolved.
Zig tests
These tests live in various .zig files throughout Bun's codebase, leveraging Zig's builtin test keyword.
Currently, they're not run automatically nor is there a simple way to run all of them. We will make this better soon.
TypeScript
Test files should be written in TypeScript. The types in packages/bun-types should be updated to support all new APIs. Changes to the .d.ts files in packages/bun-types will be immediately reflected in test files; no build step is necessary.
Writing a test will often require using invalid syntax, e.g. when checking for errors when an invalid input is passed to a function. TypeScript provides a number of escape hatches here.
// @ts-expect-error- This should be your first choice. It tells TypeScript that the next line should fail typechecking.// @ts-ignore- Ignore the next line entirely.// @ts-nocheck- Put this at the top of the file to disable typechecking on the entire file. Useful for autogenerated test files, or when ignoring/disabling type checks an a per-line basis is too onerous.