dumi-plugin-color-chunk/es/core/remarkPlugin.js

Dumi Plugin - Beautify inline color blocks

import { unistUtilVisit } from 'dumi';
import Color from "./Color";
export var VALID_COLOR_CHUNK = '$valid-color-chunk-inline_code';
function remarkPlugin() {
  return function (tree) {
    unistUtilVisit.visit(tree, 'inlineCode', function (node, index, parent) {
      // isValid color
      var color = new Color(node.value);
      if (color.isStrictValid()) {
        parent.children.splice(index, 1, {
          type: 'html',
          value: "<code ".concat(VALID_COLOR_CHUNK, "=").concat(color.toHex8String(true), ">").concat(node.value, "</code>")
        });
      }
    });
  };
}
export default remarkPlugin;