How to use the @mdx-js/mdx/package.json.version function in @mdx-js/mdx

To help you get started, we’ve selected a few @mdx-js/mdx examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github fkling / astexplorer / website / src / parsers / mdx / transformers / mdx / index.js View on Github external
import compileModule from '../../../utils/compileModule';
import pkg from '@mdx-js/mdx/package.json';

const ID = 'mdx';

export default {
  id: ID,
  displayName: ID,
  version: pkg.version,
  homepage: 'https://mdxjs.com',

  defaultParserID: 'mdxhast',

  loadTransformer(callback) {
    require([
      '../../../transpilers/babel',
      '@mdx-js/mdx',
      'prettier/standalone',
      'prettier/parser-babylon',
    ], (transpile, mdx, prettier, babylon) => {
      callback({ transpile: transpile.default, mdx, prettier, babylon });
    });
  },

  transform({ transpile, mdx, prettier, babylon }, transformCode, code) {
github mdx-js / mdx / packages / gatsby-theme-mdx / src / components / header.js View on Github external
css={css({
          mr: 3
        })}
      />
    
    
    <div>
    <span>
      v{pkg.version}
    </span>
    <a href="https://github.com/mdx-js/mdx">
      <img alt="GitHub logo" src="{`https://icon.now.sh/github/24/${dark">
    </a>
    </div>
github fkling / astexplorer / website / src / parsers / mdx / mdxhast.js View on Github external
const ID = 'mdxhast';

function removeNewlines(node) {
  if (node.children != null) {
    node.children = node.children.filter(node => node.value !== '\n');
    node.children.forEach(removeNewlines);
  }
}

export default {
  ...defaultParserInterface,

  id: ID,
  displayName: ID,
  version: pkg.version,
  homepage: 'https://mdxjs.com',
  locationProps: new Set(['position']),

  loadParser(callback) {
    require(['@mdx-js/mdx', '@mdx-js/mdx/mdx-ast-to-mdx-hast'], callback);
  },

  parse([mdx, mdxAstToMdxHast], code) {
    let result;
    mdx.sync(code, {
      hastPlugins: [
        mdxAstToMdxHast,
        () => removeNewlines,
        () => tree => {
          result = tree;
        },