rizzo-next/styleguide/data.js

The next generation of Lonely Planet's style guide and pattern library.

import fs from "fs";
import path from "path";
import React from "react";
import { parse, resolver } from "react-docgen";
import pkg from "../package.json";
import glob from "glob";
// import examples from "./examples";

const examples = {};
const componentPath = "../src/components";

const files = ["src/components/button/index.jsx"] || glob.sync("**/*.jsx", path.join(__dirname, `${componentPath}`));
  // .filter(f => /\.jsx$/.test(f));

console.log(files);

let base;

const components = files
  .map(filename => {
    const raw = fs.readFileSync(path.join(__dirname, `../${filename}`), "utf8");
    const Component = require(`../${filename}`).default;

    const name = filename.replace(/\.jsx$/, "");

    let docs;
    try {
      docs = parse(raw, resolver.findAllComponentDefinitions);
    } catch (e) {
      return false;
    }

    Component.displayName = name;

    const example = examples[name] || null;

    const info = Object.assign({
      name,
      filename,
      Component,
      example,
      raw,
    }, docs);

    return info;
  })
  .filter(c => c)
  .map(c => {
    if (c.name === "Base") {
      base = c;
    }
    return c;
  })
  .filter(c => c.name !== "Base"); // Grab base from array first

const ga = "(function(i,s,o,g,r,a,m){i[\"GoogleAnalyticsObject\"]=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,\"script\",\"https://www.google-analytics.com/analytics.js\",\"ga\");ga(\"create\", \"UA-4603832-6\", \"auto\");ga(\"send\", \"pageview\");";

module.exports = Object.assign({
  components,
  base,
  examples,
  ga
}, pkg);