open-index/open-npm huggingface dataset:
npm package: @islands/xdm
Description: an MDX compiler
Author: Titus Wormer
Latest version: 3.2.5

# `@islands/xdm`

[xdm](https://github.com/wooorm/xdm) without the following plugins:

- `recma-jsx-rewrite`
- `recma-document`
- `recma-jsx-build`

Instead, it adds Vue specific plugins, that will compile JSX to `createVNode`
calls by using the following recma plugins:

## `recma-vue-component`
  Wraps JSX elements into the `render` function of a `defineComponent`, which is the default export.

## `recma-vue-jsx-build`
  Converts JSX elements into `createVNode` calls.

  It also detects which components have not been locally defined or imported,
  and uses `resolveComponent` calls, enabling support for global components (and
  automatic resolution using `unplugin-vue-components`).

## About this fork

This fork will no longer be necessary once the following packages are released
independently, in order of importance (some are light wrappers around other utilities):

- `remark-mark-and-unravel`
- `recma-stringify`
- `rehype-remove-raw`
- `rehype-recma`
- `remark-mdx`
npm package: @isle-editor/core
Description: Isle Editor Core
Author: isboyjc
Latest version: 0.0.11

# @isle-editor/core

## Introduction

`isle-editor` is an open-source web editor that supports rich text, block-based, and `markdown` editing. It's efficient and ready to use out of the box, built on top of [prosemirror](https://github.com/prosemirror) and [tiptap](https://github.com/ueberdosis/tiptap).

## Official Documentation

Documentation can be found on the [isle-editor website](https://editor.islenote.com/guide/introduction.html).

## License

isle-editor is open sourced software licensed under the [MIT license](https://github.com/isboyjc/isle-editor/blob/main/LICENSE).
npm package: @isle-editor/vue3
Description: isle-editor view for vue3
Author: isboyjc
Latest version: 0.0.11

# @isle-editor/vue3

## Introduction

`isle-editor` is an open-source web editor that supports rich text, block-based, and `markdown` editing. It's efficient and ready to use out of the box, built on top of [prosemirror](https://github.com/prosemirror) and [tiptap](https://github.com/ueberdosis/tiptap).

## Official Documentation

Documentation can be found on the [isle-editor website](https://editor.islenote.com/guide/introduction.html).

## License

isle-editor is open sourced software licensed under the [MIT license](https://github.com/isboyjc/isle-editor/blob/main/LICENSE).
npm package: @isle/routes
Description: Isle utilities for React routers
Author: Hugo Manrique
Latest version: 0.0.5
Deprecated: Isle no longer requires manual route handling

# `@isle/routes`

[![npm][npm]][npm-url]

Isle utilities for React routers. Currently supports [Reach Router](https://reach.tech/router/) and [React Router](https://github.com/ReactTraining/react-router).

## Usage

### `createRoutes`

The `createRoutes` function maps an array of routes (which have a `component` string that references a file under the `./pages` directory and can have any additional props supported by the routing library) into an array of asynchronously loaded React components.

This function imports the file using a dynamic import (supported by webpack) and then wraps it with a `Loadable` component from the [React Loadable](https://github.com/jamiebuilds/react-loadable) library. Any additional options passed to the `createRoutes` function will get passed to the `Loadable` function ([see more](https://github.com/jamiebuilds/react-loadable#loadable-and-loadablemap-options)).

```js
import { createRoutes } from '@isle/routes';
import Loading from './components/Loading';

const routes = [
  {
    component: 'Home',
    path: '/'
  },
  {
    component: '404',
    default: true
  }
];

const routeElements = createRoutes({ routes, loading: Loading });
```

Assuming you are using [Reach Router](https://reach.tech/router/), you can now create your router as follows:

```js
import React from 'react';
import { render } from 'react-dom';
import { Router } from '@reach/router';

render(
  <Router>{routeElements}</Router>,
  document.getElementById('root')
);
```

## License

[MIT](LICENSE) &copy; [Hugo Manrique](https://hugmanrique.me)

[npm]: https://img.shields.io/npm/v/@isle/routes.svg
[npm-url]: https://npmjs.com/package/@isle/routes