open-index/open-npm huggingface dataset:
npm package: @plait-board/markdown-to-drawnix
Description: Markdown to Drawnix mind map
Latest version: 0.0.8

# markdown-to-drawnix

Convert markdown to drawnix mind map.

## Set up

Install packages:

```
yarn
```

Start development playground:

```
yarn start
```

Build command:

```
yarn build
```

## Get started

```ts
parseMarkdownToDrawnix(markdownDefinition: string)
```

The `markdownDefinition` is the markdown text definition.

Example code:

```ts
import { parseMarkdownToDrawnix } from "@drawnix/markdown-to-drawnix";

try {
  const mind = await parseMarkdownToDrawnix(
    markdownDefinition
  );
  // Render mind on Drawnix
} catch (e) {
  // Parse error, displaying error message to users
}
```

## Playground

Try out [here](https://markdown-to-drawnix.pages.dev).

## Thanks 

Inspired by [remark-parse](https://github.com/remarkjs/remark)
npm package: @plait-board/mermaid-to-drawnix
Description: Mermaid to Drawnix Diagrams
Latest version: 0.0.7

# mermaid-to-drawnix

Convert mermaid diagrams to drawnix

## Set up

Install packages:

```
yarn
```

Start development playground:

```
yarn start
```

Build command:

```
yarn build
```

## Get started

```ts
parseMermaidToDrawnix(diagramDefinition: string, config?: MermaidConfig)
```

The `diagramDefinition` is the mermaid diagram definition.
and `config` is the mermaid config. You can use the `config` param when you want to pass some custom config to mermaid.

Currently `mermaid-to-drawnix` only supports the :point_down: config params

```ts
{
  /**
   * Whether to start the diagram automatically when the page loads.
   * @default false
   */
  startOnLoad?: boolean;
  /**
   * The flowchart curve style.
   * @default "linear"
   */
  flowchart?: {
    curve?: "linear" | "basis";
  };
  /**
   * Theme variables
   * @default { fontSize: "20px" }
   */
  themeVariables?: {
    fontSize?: string;
  };
  /**
   * Maximum number of edges to be rendered.
   * @default 500
   */
  maxEdges?: number;
  /**
   * Maximum number of characters to be rendered.
   * @default 50000
   */
  maxTextSize?: number;
}
```

Example code:

```ts
import { parseMermaidToDrawnix } from "@drawnix/mermaid-to-drawnix";

try {
  const { elements, files } = await parseMermaidToDrawnix(
    diagramDefinition,
    {
      themeVariables: {
        fontSize: "25px",
      },
    }
  );
  // Render elements and files on Drawnix
} catch (e) {
  // Parse error, displaying error message to users
}
```

## Playground

Try out [here](https://mermaid-to-drawnix.pages.dev).

## Thanks 

Inspired by [mermaid-to-excalidraw](https://github.com/excalidraw/mermaid-to-excalidraw)