npmpackage.info

Gathering detailed insights and metrics for mdast-util-from-span-markdown

mdast-util-from-span-markdown - 1.0.6 | npmpackage.info

mdast-util-from-span-markdown

Minimalistic parser (TypeScript) for span elements written in markdown

1.0.6

MIT

TypeScript

964.00 B

5,154 1.7

Installations

npm install mdast-util-from-span-markdown

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Node Version

16.9.0

NPM Version

7.21.1 Score

72.2

Supply Chain

98.9

Quality

75.6

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

1

Total

1

Closed

0

Releases

Unable to fetch releases

Languages

TypeScript

JavaScript

TypeScript (93.61%)

JavaScript (6.39%)

Developer

signalwerk

Download Statistics

Total Downloads

5,154

Last Day

Last Week

Last Month

Last Year

885

GitHub Statistics

MIT License

22 Commits

2 Watchers

1 Branches

1 Contributors

Updated on Oct 25, 2021

Bundle Size

1.82 kB

Minified

964.00 B

Minified + Gzipped

Bundlephobia

Maintainers

View All 1 Contributors

Package Meta Information

Latest Version

1.0.6

Package Id

mdast-util-from-span-markdown@1.0.6

Unpacked Size

21.86 kB

Size

6.99 kB

File Count

NPM Version

7.21.1

Node Version

16.9.0

Total Downloads

Cumulative downloads

Total Downloads

5,154

Dev Dependencies

@types/jest @types/node @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint jest ts-jest ts-node typescript

mdast-util-from-span-markdown

The aim of this repo is to have a minimalistic parser (TypeScript) for span elements written in markdown syntax.
The output is an abstract syntax tree mostly compatible to mdast.

Install

1npm i mdast-util-from-span-markdown

Use

1import fromMarkdown from "mdast-util-from-span-markdown";
2const md = "Say **Hello** [World](https://example.com) in `code`! *Thanks!*";
3
4fromMarkdown(md);

Return

1[
2  {
3    type: "text",
4    value: "Say ",
5  },
6  {
7    type: "strong",
8    children: [
9      {
10        type: "text",
11        value: "Hello",
12      },
13    ],
14  },
15  {
16    type: "text",
17    value: " ",
18  },
19  {
20    type: "link",
21    url: "https://example.com",
22    children: [
23      {
24        type: "text",
25        value: "World",
26      },
27    ],
28  },
29  {
30    type: "text",
31    value: " in ",
32  },
33  {
34    type: "inlineCode",
35    value: "code",
36  },
37  {
38    type: "text",
39    value: "! ",
40  },
41  {
42    type: "emphasis",
43    children: [
44      {
45        type: "text",
46        value: "Thanks!",
47      },
48    ],
49  },
50];

Technical decission

The code has to be as small as possible (regex instead of regular parsing)
The output has to be as «correct» as possible according to mast specs and CommonMark

Why

Because this is not a full markdown parser (see remark otherwise) with support for block elements, this code is especially handy for «one-line markdown». Think for example about translations comming from a system that does not support rich text formatting.

Render

If you like to render the output of fromMarkdown() in a frontend-framework have a look at the examples/md.tsx for react or examples/md.vue for vue.
The examples are not included in the npm-package. You need to get a copy of the example and adjust it to your needs:

1# react
2curl https://raw.githubusercontent.com/signalwerk/mdast-util-from-span-markdown/main/examples/md.tsx > md.tsx
3
4# vue
5curl https://raw.githubusercontent.com/signalwerk/mdast-util-from-span-markdown/main/examples/md.vue > md.vue

Thank you

TypeScript + Node.js Project Boilerplate

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

0

SAST

Determines if the project uses static code analysis.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

1.7

/10

Last Scanned on 2025-06-23

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

mdast-util-from-span-markdown

Installations

Developer Guide

Yes

CommonJS

16.9.0

7.21.1

Score

Pull Requests

0

0

0

Issues

1

1

0

Releases

Unable to fetch releases

Languages

Developer

signalwerk

Download Statistics

GitHub Statistics

Bundle Size

1.82 kB

964.00 B

Maintainers

Package Meta Information

Total Downloads

5,154

Dev Dependencies

mdast-util-from-span-markdown

Install

Use

Return

Technical decission

Why

Render

Thank you

10

10

0

0

0

0

0

0

0

0

1.7

/10

Weekly Downloads

Monthly Downloads

Yearly Downloads