Redocs Playground

playground.js

/* global MATCH_COMPONENTS */
import React from 'react';
import ReactDOM from 'react-dom';

import 'styles/master.css';

import Playground from 'redocs/lib/playground/components/playground';

const reqCoreManifests = require.context('./core/components', true, MATCH_COMPONENTS);
const reqAthenaManifests = require.context('./athena/components', true, MATCH_COMPONENTS);
const reqHeraManifests = require.context('./hera/components', true, MATCH_COMPONENTS);
const reqHermesManifests = require.context('./hermes/components', true, MATCH_COMPONENTS);
const reqAphroditeManifests = require.context('./aphrodite/components', true, MATCH_COMPONENTS);

const manifestModules = [].concat(
  reqCoreManifests.keys().map(reqCoreManifests),
  reqAthenaManifests.keys().map(reqAthenaManifests),
  reqHeraManifests.keys().map(reqHeraManifests),
  reqHermesManifests.keys().map(reqHermesManifests),
  reqAphroditeManifests.keys().map(reqAphroditeManifests),
);

const componentManifests = manifestModules
  // normalise modules to just look at manifests
  .map(module => module.default)
  // ensure docs are parsed json
  .map(manifest => ({...manifest, docs: JSON.parse(manifest.docs)}));

const playground = (
  <Playground manifests={componentManifests} />
);

ReactDOM.render(playground, document.getElementById('root'));