Library public API snapshot testing for runtime exports and type declarations.
Captures your public API surface -- both runtime exports and type declarations -- into human-readable snapshot files that you commit alongside your code. When the API changes unexpectedly, you'll know.
Think of it like Vitest's snapshot testing, but for your package's public contract.
For example, you can check the generated snapshots for the package itself: __snapshots__/tsnapi.
When maintaining a library, it's easy to accidentally:
- Remove or rename an export
- Change a function signature
- Break type declarations
- Introduce unintended public API surface
tsnapi makes these changes visible in your git diff. Every build produces a pair of snapshot files per entry point:
.snapshot.js-- what your package exports at runtime.snapshot.d.ts-- what your package exports as types
These files are committed to your repo. When they change, you review the diff -- just like any other code change.
pnpm add -D tsnapiThe most recommended way of using tsnapi is to use it with tsdown -- an elegant library bundler built on top of Rolldown:
// tsdown.config.ts
import { defineConfig } from 'tsdown'
import ApiSnapshot from 'tsnapi/rolldown'
export default defineConfig({
entry: ['src/index.ts'],
dts: true,
plugins: [
ApiSnapshot()
],
})On first build, snapshot files are written. On subsequent builds, the plugin compares against existing snapshots and fails the build with a diff if the API changed.
To update snapshots when you intentionally change the API, set the update option to true or use the --update-snapshot / -u CLI flag:
tsdown --update-snapshot
# or
UPDATE_SNAPSHOT=1 tsdownor add the update option to the plugin:
plugins: [
ApiSnapshot({ update: true })
],Snapshot any package's dist without a bundler:
# Snapshot the current package (reads package.json exports → parses dist files), which you need to run the build first to generate the dist
tsnapi
# Update snapshots when you intentionally change the API
tsnapi -utsnapi/vitest provides higher-level Vitest integration that uses toMatchFileSnapshot to store snapshots as individual files.
Note:
tsnapireads built dist files, so make sure to build your packages before running the tests. We recommend updating your test script to build first:{ "scripts": { "test": "pnpm run build && vitest" } }If you are using
tsdown, you can usetsdown-stale-guardto set up the build guard automatically.
// api.test.ts
import { fileURLToPath } from 'node:url'
import { snapshotApiPerEntry } from 'tsnapi/vitest'
import { describe } from 'vitest'
const dir = fileURLToPath(new URL('../packages/my-lib', import.meta.url))
describe('my-lib API', async () => {
await snapshotApiPerEntry(dir)
})This creates it() blocks for each entry point, asserting both runtime and DTS snapshots. Snapshot files are written to __snapshots__/tsnapi/<package-name>/ relative to the test file. Run vitest -u to update snapshots when you intentionally change the API.
For monorepos, describePackagesApiSnapshots creates a describe() block per package. When packages is omitted, it auto-discovers workspace packages from pnpm-workspace.yaml or the workspaces field in package.json:
// api.test.ts
import { describePackagesApiSnapshots } from 'tsnapi/vitest'
// Auto-discovers all workspace packages
await describePackagesApiSnapshots()Or provide explicit package paths:
import { fileURLToPath } from 'node:url'
import { describePackagesApiSnapshots } from 'tsnapi/vitest'
await describePackagesApiSnapshots({
packages: [
fileURLToPath(new URL('../packages/core', import.meta.url)),
fileURLToPath(new URL('../packages/utils', import.meta.url)),
],
})describePackagesApiSnapshots accepts filter, beforeEach, and afterEach callbacks. Each receives a PackageContext object:
interface PackageContext {
cwd: string // the input cwd
workspaceRoot: string // the resolved workspace root
packageRoot: string // absolute path to the package directory
packageName: string // package name from package.json
outputDir: string // snapshot output directory (relative to test file)
}Called for each discovered package. The context is mutable — modify any property to customize behavior. Return false to skip the package entirely:
import { describePackagesApiSnapshots } from 'tsnapi/vitest'
await describePackagesApiSnapshots({
filter(ctx) {
// Skip private packages
if (ctx.packageName.startsWith('@internal/'))
return false
// Strip org scope from describe block name
ctx.packageName = ctx.packageName.replace(/^@.*\//, '')
// Customize snapshot output directory per package
ctx.outputDir = `__snapshots__/${ctx.packageName}`
},
})Lifecycle hooks registered inside each package's describe block via Vitest's beforeEach/afterEach. They receive the (possibly mutated) context:
import { describePackagesApiSnapshots } from 'tsnapi/vitest'
await describePackagesApiSnapshots({
beforeEach({ packageRoot, packageName }) {
console.log(`Testing ${packageName} at ${packageRoot}`)
},
afterEach({ packageName }) {
console.log(`Done testing ${packageName}`)
},
})For example, if you use tsdown-stale-guard, you can use the beforeEach hook to guard against stale builds — ensuring each package's dist is in sync with its source before running snapshot tests:
import { guardStaleBuild } from 'tsdown-stale-guard'
import { describePackagesApiSnapshots } from 'tsnapi/vitest'
await describePackagesApiSnapshots({
async beforeEach({ packageRoot }) {
// guard will throw if the build is stale to fail the test
await guardStaleBuild({ root: packageRoot })
},
})Run vitest -u to update snapshots when you intentionally change the API.
You can also use generateApiSnapshot directly with Vitest's built-in snapshot system:
// api.test.ts
import { generateApiSnapshot } from 'tsnapi'
import { expect, it } from 'vitest'
const api = await generateApiSnapshot(process.cwd())
it('runtime API', () => {
expect(api['.'].runtime).toMatchInlineSnapshot()
})
it('type declarations', () => {
expect(api['.'].dts).toMatchInlineSnapshot()
})For packages with multiple entry points, each entry is keyed by its export path:
const api = await generateApiSnapshot(process.cwd())
expect(api['./utils'].runtime).toMatchSnapshot()import { snapshotPackage } from 'tsnapi'
// Snapshot current package
const result = await snapshotPackage(process.cwd())
if (result.hasChanges) {
console.error(result.diff)
}interface ApiSnapshotOptions {
/** Snapshot output directory. @default '__snapshots__/tsnapi' */
outputDir?: string
/** Runtime snapshot extension. @default '.snapshot.js' */
extensionRuntime?: string
/** DTS snapshot extension. @default '.snapshot.d.ts' */
extensionDts?: string
/** Omit argument names from function signatures. @default true */
omitArgumentNames?: boolean
/** Widen literal types to base types, hiding implementation details. @default true */
typeWidening?: boolean
/** Update mode. Auto-detected from --update-snapshot / -u / UPDATE_SNAPSHOT=1 */
update?: boolean
}When typeWidening is true (default), literal values are widened to hide implementation details:
- Runtime:
export const VERSION = '1.0.0'→export var VERSION /* const */ - DTS:
declare const VERSION = "1.0.0"→export declare const VERSION: string;
When typeWidening is false, literal values are preserved in the snapshot:
- Runtime:
export const VERSION = '1.0.0'→export var VERSION = '1.0.0' /* const */ - DTS:
declare const VERSION = "1.0.0"→export declare const VERSION = "1.0.0";
This applies to string, number, boolean, null, bigint, and array literals. Non-literal values (function calls, complex objects) are always stripped regardless of this setting.
This project is heavily inspired by:
- rolldown-plugin-dts-snapshot by @sxzz -- DTS snapshot approach using AST parsing
- vitest-package-exports by @antfu -- Concept of snapshotting package exports for regression detection