# remark-code-preview

> A remark plugin for transforming code blocks into code previews

Latest version **1.2.6** (published 2024-08-28) · MIT license · 0 weekly downloads

## Install

```sh
npm install remark-code-preview
pnpm add remark-code-preview
yarn add remark-code-preview
bun add remark-code-preview
```

## Health

**Score 45/100 (D)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high maintenance score; high quality score.

Warnings: low downloads.

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 1.2.6 |
| Published | 2024-08-28 |
| First published | 2023-09-19 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 5 |
| Unpacked size | 12.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Beni Arisandi |
| Maintainers | bent10 |
| Keywords | remark, remark-plugin, preview, snippet, template, code, codefence, stilearning-remark-plugins |

## Links

- npm: https://www.npmjs.com/package/remark-code-preview
- Repository: https://github.com/bent10/remark-plugins
- Homepage: https://github.com/bent10/remark-plugins/tree/main/packages/code-preview
- Issues: https://github.com/bent10/remark-plugins/issues
- npm.io page: https://npm.io/package/remark-code-preview

## Dependencies (5)

- [pupa](https://npm.io/package/pupa.md) ^3.1.0
- [mdast-util-mdx](https://npm.io/package/mdast-util-mdx.md) ^3.0.0
- [unist-util-visit](https://npm.io/package/unist-util-visit.md) ^5.0.0
- [attributes-parser](https://npm.io/package/attributes-parser.md) ^2.2.3
- [micromark-extension-mdxjs](https://npm.io/package/micromark-extension-mdxjs.md) ^3.0.0

## Alternatives

- [flatbuffers](https://npm.io/package/flatbuffers.md) — 6.0M weekly downloads
- [jwt-simple](https://npm.io/package/jwt-simple.md) — 259.5K weekly downloads
- [@exodus/patch-broken-hermes-typed-arrays](https://npm.io/package/@exodus/patch-broken-hermes-typed-arrays.md) — 28.5K weekly downloads
- [@native-to-anchor/buffer-layout](https://npm.io/package/@native-to-anchor/buffer-layout.md) — 12.2K weekly downloads
- [binary-parser-encoder](https://npm.io/package/binary-parser-encoder.md) — 5.3K weekly downloads

## Recent versions

- 1.2.6 (latest) — 2024-08-28
- 1.2.5 — 2024-02-03
- 1.2.4 — 2023-12-19
- 1.2.3 — 2023-10-30
- 1.2.2 — 2023-10-23
- 1.2.1 — 2023-10-14
- 1.2.0 — 2023-09-23
- 1.1.0 — 2023-09-23
- 1.0.0 — 2023-09-19

## README

# remark-plugins

[Remark](https://github.com/remarkjs/remark) plugins workspace.

## Install

Follows the steps below to get up and running:

```bash
# clone this repo
> git clone https://github.com/bent10/remark-plugins.git

# go to the project directory and install dependencies
> cd remark-plugins && npm i
```

## Packages

| Package                                                | Description                                                   | Version (click for changelog)                                                                            |
| :----------------------------------------------------- | :------------------------------------------------------------ | :------------------------------------------------------------------------------------------------------- |
| [remark-code-format](packages/code-format)             | Formatting code blocks using Prettier                         | [![npm](https://img.shields.io/npm/v/remark-code-format)](packages/code-format/changelog.md)             |
| [remark-code-jsx-renderer](packages/code-jsx-renderer) | Render JSX code blocks using a custom renderer and components | [![npm](https://img.shields.io/npm/v/remark-code-jsx-renderer)](packages/code-jsx-renderer/changelog.md) |
| [remark-code-preview](packages/code-preview)           | Transform code blocks into code previews                      | [![npm](https://img.shields.io/npm/v/remark-code-preview)](packages/code-preview/changelog.md)           |

## Contributing

We 💛  issues.

When committing, please conform to [the semantic-release commit standards](https://www.conventionalcommits.org/). Please install `commitizen` and the adapter globally, if you have not already.

```bash
npm i -g commitizen cz-conventional-changelog
```

Now you can use `git cz` or just `cz` instead of `git commit` when committing. You can also use `git-cz`, which is an alias for `cz`.

```bash
git add . && git cz
```

---
_Source: https://npm.io/package/remark-code-preview · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._