Remark TS to JS

A remark plugin to transform TypeScript codeblocks into two tabs of codeblock with its JavaScript variant.

Usage

Install the dependencies:

npm install fumadocs-docgen

Remark TS to JS is a remark plugin. Add it to your config:

source.config.ts

import { remarkTypeScriptToJavaScript } from 'fumadocs-docgen/remark-ts2js';
import { defineConfig } from 'fumadocs-mdx/config';

export default defineConfig({
  mdxOptions: {
    remarkPlugins: [remarkTypeScriptToJavaScript],
  },
});

It generates the same CodeBlockTabs components as Remark NPM, which Fumadocs UI includes by default.

You can now enable it on TypeScript/TSX codeblocks, like:

```tsx ts2js
import { ReactNode } from 'react';

export default function Layout({ children }: { children: ReactNode }) {
  return <div>{children}</div>;
}
```

import { ReactNode } from 'react';

export default function Layout({ children }: { children: ReactNode }) {
  return <div>{children}</div>;
}

UsageCopy Anchor Link

On this page

Usage