Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/bent10/marked-extensions

Marked extensions workspace
https://github.com/bent10/marked-extensions

extensions gfm markdown marked md plugins

Last synced: 1 day ago
JSON representation

Marked extensions workspace

Awesome Lists containing this project

README

        

# marked-extensions

[Marked](https://github.com/markedjs/marked) extensions workspace.

## Packages

| Package | Description | Version (click for changelog) |
| :----------------------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------- |
| [marked-alert](packages/alert) | Enables [GFM alerts](https://github.com/orgs/community/discussions/16925) | [![npm](https://img.shields.io/npm/v/marked-alert)](packages/alert/changelog.md) |
| [marked-directive](packages/directive) | Supports [directives syntax](https://talk.commonmark.org/t/generic-directives-plugins-syntax/444) | [![npm](https://img.shields.io/npm/v/marked-directive)](packages/directive/changelog.md) |
| [marked-code-format](packages/code-format) | Formatting code blocks using Prettier | [![npm](https://img.shields.io/npm/v/marked-code-format)](packages/code-format/changelog.md) |
| [marked-code-jsx-renderer](packages/code-jsx-renderer) | Render JSX code blocks using a custom renderer and components | [![npm](https://img.shields.io/npm/v/marked-code-jsx-renderer)](packages/code-jsx-renderer/changelog.md) |
| [marked-code-preview](packages/code-preview) | Transform code blocks into code previews | [![npm](https://img.shields.io/npm/v/marked-code-preview)](packages/code-preview/changelog.md) |
| [marked-footnote](packages/footnote) | Enables [GFM footnotes](https://docs.github.com/en/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax#footnotes). | [![npm](https://img.shields.io/npm/v/marked-footnote)](packages/footnote/changelog.md) |
| [marked-plaintify](packages/plaintify) | Converts Markdown to Plaintext | [![npm](https://img.shields.io/npm/v/marked-plaintify)](packages/plaintify/changelog.md) |
| [marked-sequential-hooks](packages/sequential-hooks) | Enables the sequential preprocessing and post-processing | [![npm](https://img.shields.io/npm/v/marked-sequential-hooks)](packages/sequential-hooks/changelog.md) |
| [marked-shiki](packages/shiki) | Integrating [Shiki](https://shiki.style/) syntax highlighting | [![npm](https://img.shields.io/npm/v/marked-shiki)](packages/shiki/changelog.md) |

### Sequential hooks

Incorporate the power of sequential hooks using the following packages within [sequential hooks](packages/sequential-hooks):

Show the example code 🚀

```js
import { Marked } from 'marked'
import markedSequentialHooks from 'marked-sequential-hooks'

const html = new Marked()
.use(
markedSequentialHooks({
markdownHooks: [mdHoook1(), mdHook2],
htmlHooks: [htmlHook1(), htmlHook2]
})
)
.parse('# Content')

console.log(html)
```

| Package | Types | Description | Version (click for changelog) |
| :--------------------------------------------------- | :------------- | :--------------------------------------------------- | :----------------------------------------------------------------------------------------------------- |
| [marked-hook-data](packages/hook-data) | `MarkdownHook` | A sequential hook to load data from files or objects | [![npm](https://img.shields.io/npm/v/marked-hook-data)](packages/hook-data/changelog.md) |
| [marked-hook-frontmatter](packages/hook-frontmatter) | `MarkdownHook` | A sequential hook to support frontmatter | [![npm](https://img.shields.io/npm/v/marked-hook-frontmatter)](packages/hook-frontmatter/changelog.md) |
| [marked-hook-layout](packages/hook-layout) | `HtmlHook` | A sequential hook that handles layouts | [![npm](https://img.shields.io/npm/v/marked-hook-layout)](packages/hook-layout/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
```