Markdown Widgetlet

A React component for rendering Markdown, designed to be used as a Micro Frontend via Module Federation.

Features

- Renders Markdown with GFM support.
- Syntax highlighting.
- Can be consumed as a remote module.

Installation

``bash
npm install @microservicios/markdown-widgetlet
`

Usage

$3

To use this component as a remote module in your Federated application, configure your host application to consume the remote entry.

Remote Entry URL: https://unpkg.com/@microservicios/markdown-widgetlet/assets/remoteEntry.js

Configuration Example:

`json
"component": {
"remoteUrl": "https://unpkg.com/@microservicios/markdown-widgetlet/assets/remoteEntry.js",
"scope": "remoteApp",
"module": "./MarkdownViewer"
}
`

$3

1. Install dependencies:
`bash
yarn install
`

2. Start the development server:
`bash
yarn dev
`

3. Build for production:
`bash
yarn build
``

4. Publish
push to origin



Important:

If you add libraries to the remote, you must add them to the loadRemote.ts file.

src/framework/loader/loadRemote.ts

import * as React from 'react';
import * as ReactDOM from 'react-dom';
// @ts-ignore
import * as jsxRuntime from 'react/jsx-runtime';
import * as xyflow from '@xyflow/react';
import * as lucide from 'lucide-react';
import dagre from 'dagre';