storybook-readme/services/highlite.js

Storybook addon to show components README (for React and Vue)

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _prismjs = _interopRequireDefault(require("prismjs"));

require("prismjs/components/prism-javascript");

require("prismjs/components/prism-jsx");

require("prismjs/components/prism-typescript");

require("prismjs/components/prism-tsx");

require("prismjs/components/prism-bash");

var _default = function _default(dom) {
  /**
   * should check dom.hasOwnProperty('querySelectorAll')
   * for SSR cases
   * The most common case is using this addon with storyshoots
   * https://github.com/tuchk4/storybook-readme/issues/52
   */
  var nodes = typeof dom.querySelectorAll === 'function' ? dom.querySelectorAll('pre code') : [];

  if (nodes.length > 0) {
    for (var i = 0; i < nodes.length; i = i + 1) {
      _prismjs.default.highlightElement(nodes[i]);
    }
  }
};

exports.default = _default;