Skip to content

antfu/tsnapi

tsnapi

tsnapi

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.

Why

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.

Install

pnpm add -D tsnapi

Usage

As a Rolldown / tsdown plugin

The 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 tsdown

or add the update option to the plugin:

plugins: [
  ApiSnapshot({ update: true })
],

As a CLI

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 -u

With Vitest

tsnapi/vitest provides higher-level Vitest integration that uses toMatchFileSnapshot to store snapshots as individual files.

Note: tsnapi reads 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 use tsdown-stale-guard to set up the build guard automatically.

Single package

// 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.

Monorepo

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)
}

filter

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}`
  },
})

beforeEach / afterEach

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.

Low-level

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()

As a library

import { snapshotPackage } from 'tsnapi'

// Snapshot current package
const result = await snapshotPackage(process.cwd())

if (result.hasChanges) {
  console.error(result.diff)
}

Options

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
}

typeWidening

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.

Credits

This project is heavily inspired by:

License

MIT

About

Library public API snapshot testing for runtime exports and type declarations.

Topics

Resources

License

Code of conduct

Contributing

Stars

Watchers

Forks

Contributors