Installations

npm install mdx-frontmatter-loader

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Min. Node Version

>= 6.9.0

Node Version

8.11.3

NPM Version

5.6.0 Score

26

Supply Chain

48.8

Quality

65.6

Maintenance

50

Vulnerability

97.4

License

Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

1

Total

1

Closed

0

Releases

Unable to fetch releases

Contributors

1

Unable to fetch Contributors

View All 1 Contributors

Languages

1

JavaScript

JavaScript (100%)

Love this project? Help keep it running — sponsor us today! 🚀

Developer

some1else

Download Statistics

Total Downloads

139,024

Last Day

11

Last Week

88

Last Month

215

Last Year

3,475

GitHub Statistics

4 Stars

5 Commits

3 Watchers

1 Branches

1 Contributors

Updated on Aug 13, 2023

Bundle Size

171.44 kB

Minified

41.69 kB

Minified + Gzipped

Bundlephobia

Maintainers

1

Package Meta Information

Latest Version

0.1.1

Package Id

mdx-frontmatter-loader@0.1.1

Unpacked Size

1.85 kB

Size

0.98 kB

File Count

3

NPM Version

5.6.0

Node Version

8.11.3

Total Downloads

Cumulative downloads

Total Downloads

139,024

Last Day

37.5%

11

Compared to previous day

Last Week

266.7%

88

Compared to previous week

Last Month

211.6%

215

Compared to previous month

Last Year

-86.8%

3,475

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

1

front-matter

Peer Dependencies

2

webpack remark-frontmatter

mdx-frontmatter-loader

Use to add front-matter to @mdx-js exports.

Dependencies:

remark-frontmatter
front-matter

Config

{
  test: /\.md$/,
  use: [
    'babel-loader',
    {
      // Adds frontmatter to export
      loader: 'mdx-frontmatter-loader',
    },
    {
      loader: '@mdx-js/loader',
      options: {
        mdPlugins: [
          [
            // Remove frontMatter from body output
            require('remark-frontmatter'), 
            { type: 'yaml', marker: '-', fence: '---' },
          ],
        ],
      },
    },
  ],
},

Usage

Import both Mdx component and frontmatter attributes:

import WhateverMarkdown, { attributes as whateverMetadata } from './whatever.md'

Then use in JSX like so:

<h1>{ whateverMetadata.title }</h1>
<WhateverMarkdown />

MIT (c) some1else

No vulnerabilities found.

10

Binary-Artifacts

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

10

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

0

Maintained

Determines if the project is "actively maintained".

0

Code-Review

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

0

SAST

Determines if the project uses static code analysis.

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

License

Determines if the project has defined a license.

0

Branch-Protection

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

Score

2.6

/10

Last Scanned on 2025-02-03

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