# Is @storybook/addon-storysource ESM-only? Can you require() it?

> @storybook/addon-storysource@8.6.14 ships CommonJS and ESM builds. Dual package — require() works on every Node.js version we test; import works too.

View a story’s source code to see how it works and paste into your app

Last verified Sep 9, 2026 against @storybook/addon-storysource@8.6.14.

@storybook/addon-storysource publishes both a CommonJS entry and a native ESM entry (ESM added in 7.0.0). require("@storybook/addon-storysource") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun. import "@storybook/addon-storysource" works alongside it.

## What to do

1. Nothing to change. require("@storybook/addon-storysource") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun. import * as addonStorysource from "@storybook/addon-storysource" works alongside it; use named imports for what the ESM entry exports.
2. TypeScript: types are bundled; install nothing extra.

## Facts

- Latest: 8.6.14 (May 16, 2025)
- Module format: Dual (CommonJS + ESM)
- Last CommonJS version: 8.6.14
- Native ESM since: 7.0.0
- TypeScript types: bundled
- Node engines: not declared
- Weekly downloads: 176K
- License: MIT

## Runtime test results for @storybook/addon-storysource@8.6.14

Installed and executed on Sep 9, 2026 with require("@storybook/addon-storysource") from a CommonJS file and import "@storybook/addon-storysource" from an ES module.

| Runtime | require("@storybook/addon-storysource") | import "@storybook/addon-storysource" |
|---|---|---|
| Node.js 18 | works | works |
| Node.js 20 | works | works |
| Node.js 22 | works | works |
| Node.js 24 | works | works |
| Node.js 26 | works | works |
| Bun 1.4.0 | works | works |

## How to import @storybook/addon-storysource

ES modules:

```js
import * as addonStorysource from "@storybook/addon-storysource";
```

Namespace import shown because the ESM entry may have no default export; use named imports for what it exports.

CommonJS:

```js
const addonStorysource = require("@storybook/addon-storysource");
```

## Module format by version

Derived from the type, main and exports fields of every stable release on npm (352 versions; the newest 60 shown).

| Versions | Format | First published |
|---|---|---|
| 8.1.7 – 8.6.18 | Dual (CommonJS + ESM) | Jun 12, 2024 |

## Frequently asked

**Is @storybook/addon-storysource ESM-only?**

@storybook/addon-storysource@8.6.14 ships CommonJS and ESM builds. @storybook/addon-storysource publishes both a CommonJS entry and a native ESM entry (ESM added in 7.0.0). require("@storybook/addon-storysource") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun. import "@storybook/addon-storysource" works alongside it.

**Can I require @storybook/addon-storysource?**

Yes. @storybook/addon-storysource ships a CommonJS entry alongside the native ESM entry. require("@storybook/addon-storysource") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun.

**Does @storybook/addon-storysource work in Bun?**

Yes. import "@storybook/addon-storysource" loaded successfully in Bun 1.4.0 on Sep 9, 2026.

**Does @storybook/addon-storysource ship TypeScript types?**

Yes. @storybook/addon-storysource bundles its own type declarations; no @types package is needed.

## Links

- [@storybook/addon-storysource on npm](https://www.npmjs.com/package/@storybook/addon-storysource)
- [Source repository](https://github.com/storybookjs/storybook)
- [HTML version](https://canirequire.com/package/@storybook/addon-storysource/)
- [JSON version](https://canirequire.com/package/@storybook/addon-storysource.json)

---

For scripts and AI agents: any package is at https://canirequire.com/package/<name>/index.md (Markdown) or https://canirequire.com/package/<name>.json (JSON); the site index is https://canirequire.com/llms.txt. Fetch the URL directly; no search needed.