app-overview/parser/ASThandlers.js

> A visualization of the application structure. See, read & learn the code, effortlessly.

const walk = require("babylon-walk");

const config = {
  importIgnoreList: [
    "react-router",
    "react-router-native",
    "react-router-dom",
    "react-redux",
    "react"
  ],
  identifierIgnoreList: ["store"]
};

const babylonConfig = {
  sourceType: "module",
  plugins: ["jsx", "objectRestSpread", "classProperties"]
};

const visitors = {
  ImportDeclaration(node, state) {
    if (!config.importIgnoreList.includes(node.source.value)) {
      let importObj = {
        path: node.source.value,
        names: node.specifiers.map(spec => spec.local.name)
      };
      state.imports.push(importObj);
    }
  },
  JSXIdentifier(node, state) {
    if (
      !config.identifierIgnoreList.includes(node.name) &&
      !state.identifiers.includes(node.name)
    ) {
      state.identifiers.push(node.name);
    }
  },
  JSXElement(node, state) {
    if (
      node.openingElement.name.name === "Route" ||
      node.openingElement.name.name === "PrivateRoute"
    ) {
      let attr = node.openingElement.attributes;
      for (var i = 0; i < attr.length; i++) {
        if (
          attr[i].value &&
          attr[i].value.type === "JSXExpressionContainer" &&
          attr[i].value.expression.name
        ) {
          state.identifiers.push(attr[i].value.expression.name);
        }
      }
    }
  }
};

async function walker(ast, visitors) {
  const state = {
    identifiers: [],
    imports: []
  };
  walk.simple(ast, visitors, state);
  return state;
}

module.exports = {
  babylonConfig,
  visitors,
  walker
};