open-index/open-npm huggingface dataset:
npm package: @kenthackenough/mdx
Description: Utilizes [mdx.js](https://mdxjs.com/)
Latest version: 1.0.36


## Markdown Renderer

Utilizes [mdx.js](https://mdxjs.com/)

### Render to HTML
```tsx
import { Button } from '@mantine/core';
import { ReactMarkdownRenderer } from '@kenthackenough/mdx/render';
import * as runtime from 'react/jsx-runtime';

const mdx = new ReactMarkdownRenderer({
    runtime, // JSX Runtime
    styles: [
        `.red { color: red }`,
        `.blue { color: blue }`,
    ],
    components: {
        Button,
    }
})

const output: string = await mdx.render(`

# Hi there!

<span class="blue">yeyeye!</span>

<Button class="red">click me!</Button>

`);

```

This outputs the following HTML into the `output` varaible above.
```html
<html>

<head></head>

<body>
    <h1>Hi there!</h1>
    <span style="color:blue">yeyeye!</span>
    <button type="button" data-button="true" style="color:red">
        <div><span>click me!</span></div>
    </button>
</body>

</html>
```



### Compile to a React Element
```tsx
import { Button } from '@mantine/core';
import { ReactMarkdownCompiler } from '@kenthackenough/mdx/compile';
import * as runtime from 'react/jsx-runtime';

const mdx = new ReactMarkdownCompiler({
    runtime, // JSX Runtime
    components: {
        Button,
    }
})

const output: JSX.Element = await mdx.compile(`

# Hi there!

<Button>click me!</Button>

`);

function SomeComponent() {
    return <div>
        {output}
    </div>
}

```


### Note

`ReactMarkdownRenderer` inherits from `ReactMarkdownCompiler`, including additional helper functions to apply styles and properly serialize the react component into static markup.

Although `ReactMarkdownRenderer` can do everything `ReactMarkdownCompiler` can, it relies on additional libraries. It is not recommended to use the `Renderer` if you have access to React rendering elsewhere in the application. 
- For example, the `Compiler` should be used in Next.js because you can have Next.js render the component for you, so you need not import the necessary libraries to render React.
npm package: @kenticny/numconverter
Description: Number system convert in Javascript
Author: kenticny
Latest version: 1.0.0

# numconverter
Number system convert in Javascript

## Usage

```js
const converter = require('numconverter')

// convert `1524234` from decimal system to 40-digit system
converter(1524234, 10, 40) // nwpy

// convert `33df89eedc4f` from hexadecimal to 62-digit system
converter('33df89eedc4f', 16, 62) // gc8sncxp
```
npm package: @kentico/kontent-core
Description: Core package with shared / common functionality for Kentico Kontent SDKs
Author: richard sustek
Latest version: 9.5.0
Deprecated: Package has been renamed to @kontent-ai/core-sdk. Please update your code to use the latest version.


[![npm version](https://badge.fury.io/js/%40kentico%2Fkontent-core.svg)](https://badge.fury.io/js/%40kentico%2Fkontent-core)
[![Build & Test](https://github.com/Kentico/kontent-core-js/actions/workflows/integrate.yml/badge.svg)](https://github.com/Kentico/kontent-core-js/actions/workflows/integrate.yml)
[![CircleCI](https://circleci.com/gh/Kentico/kontent-core-js/tree/master.svg?style=svg)](https://circleci.com/gh/Kentico/kontent-core-js/tree/master)
[![npm](https://img.shields.io/npm/dt/@kentico/kontent-core.svg)](https://www.npmjs.com/package/@kentico/kontent-core)
[![Known Vulnerabilities](https://snyk.io/test/github/Kentico/kontent-core-js/badge.svg)](https://snyk.io/test/github/kentico/kontent-core-js)
[![GitHub license](https://img.shields.io/github/license/Kentico/kontent-core-js.svg)](https://github.com/Kentico/kontent-core-js)
[![](https://data.jsdelivr.com/v1/package/npm/@kentico/kontent-core/badge)](https://www.jsdelivr.com/package/npm/@kentico/kontent-core)


# Core package

This package contains core functionality used by dependant Kentico Kontent sdks such as Delivery or Content Management.

# Testing

If you want to inject testing service as an implementation of [IHttpService](lib/http/ihttp.service.ts), it is possible to use configurable [Test Http Service](lib/http/test-http.service.ts).

```js
import { TestHttpService } from '@kentico/kontent-core';

const client = new /*(Delivery/Management)*/Client() {
    // ...
    httpService: new TestHttpService({
        fakeResponseJson: json,
        throwError: false
    });
}
```
npm package: @kentico/kontent-delivery-node-parser
Description: Node.js parser for Kontent delivery SDK
Author: richard sustek
Latest version: 2.0.1
Deprecated: Package has been renamed to @kontent-ai/delivery-node-parser. Please update your code to use the latest version

# Node.js parser for Rich text elements

This library is an optional addon for the [javascript delivery SDK](https://github.com/Kentico/kontent-delivery-sdk-js)
that can be used to resolve rich text elements in `node.js` environment.

This is an alternative to built-in `browserParser` that comes native with the SDK and works in browsers.

#### Usage

```typescript
import { createRichTextHtmlResolver, createAsyncRichTextHtmlResolver } from '@kentico/kontent-delivery';
import { nodeParser, asyncNodeParser } from '@kentico/kontent-delivery-node-parser';

// transform rich text html into json
const json = createRichTextHtmlResolver(nodeParser).resolveRichText(data);

// or
const html = await createAsyncRichTextHtmlResolver(asyncNodeParser).resolveRichText(data);
```
npm package: @kentico/kontent-smart-link
Description: Kontent Smart Link SDK allowing to automatically inject [smart links](https://docs.kontent.ai/tutorials/develop-apps/build-strong-foundation/set-up-editing-from-preview#a-using-smart-links) to Kentico Kontent according to manually specified [HTML data att
Latest version: 2.3.1
Deprecated: Package has been renamed to @kontent-ai/smart-link. Please update your code to use the latest version.