react-styleguidist/lib/loaders/utils/client/evalInContext.js

React components style guide generator

/**
 * Eval example code in a custom context:
 * - `require()` that allows you to require modules from Markdown examples
 *   (won’t work dinamically becasue we need to know all required modules in
 *   advance to be able to bundle them with the code).
 * - `state` variable, `setState` function that will be binded to a React
 *   component that manages example’s state on the frontend.
 *
 * Also prepends a given `code` with a `header` (maps required context modules
 * to local variables: React, current component and modules defined via the
 * `context` config option).
 */
export default function evalInContext(header, require, code) {
  // 1. Prepend code with the header
  // 2. Wrap code in a block (`{}`) to create a new scope, so you could
  //    explicitly import context modules in your examples)
  var body = header + "\n{" + code + "}"; // eslint-disable-next-line no-new-func

  var func = new Function('require', 'state', 'setState', body); // Bind the `require` function, other context arguments will be passed from
  // the frontend

  return func.bind(null, require);
}