Slurping up all examples and components with webpack

allExamples.js

// Keep track of all DLS components:
const DLSComponents = {};

// Keep track of all DLS examples:
const DLSExamples = {};

function requireComponent(srcFile, requireFn) {
  // Extract the component name from the file name:
  let componentName = path.basename(srcFile, '.jsx');
  // Handle ComponentName/index.jsx:
  if (componentName.startsWith('index')) {
    componentName = path.basename(path.dirname(srcFile));
  }
  return { [componentName]: requireFn(srcFile).default };
}

function requireComponents(requireContext) {
  requireContext.keys().forEach((srcFile) => {
    Object.assign(DLSComponents, requireComponent(srcFile, requireContext));
  });
}

function requireExample(exampleFile, requireFn) {
  // Extract the component name from the file name:
  const componentName = path.basename(exampleFile, '_example.jsx');
  return { [componentName]: requireFn(exampleFile).default };
}

function requireExamples(requireContext) {
  requireContext.keys().forEach((exampleFile) => {
    Object.assign(DLSExamples, requireExample(exampleFile, requireContext));
  });
}

export function browserDLSExamples() {
  requireComponents(require.context('../src', true, /\.jsx$/));
  requireExamples(require.context('.', true, /_example\.jsx$/));

  return { DLSComponents, DLSExamples };
}