Created
November 28, 2019 12:45
-
-
Save threepointone/abd21d8c09d60b3d0a81f07571293404 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const bypass = [ | |
// function names to avoid logging | |
]; | |
const collapsed = [ | |
// function names to groupCollapsed | |
]; | |
module.exports = function(babel) { | |
const { types: t } = babel; | |
const wrapFunctionBody = babel.template(`{ | |
try{ | |
console.group(NAME) | |
BODY | |
} | |
finally { | |
console.groupEnd(); | |
} | |
}`); | |
const wrapFunctionBodyCollapsed = babel.template(`{ | |
try{ | |
console.groupCollapsed(NAME) | |
BODY | |
} | |
finally { | |
console.groupEnd(); | |
} | |
}`); | |
return { | |
visitor: { | |
FunctionDeclaration(path) { | |
if (path.node.id && path.node.id.name) { | |
if (bypass.includes(path.node.id.name)) { | |
return; | |
} | |
if (collapsed.includes(path.node.id.name)) { | |
path.get("body").replaceWith( | |
wrapFunctionBodyCollapsed({ | |
BODY: path.node.body.body, | |
NAME: t.stringLiteral(path.node.id.name) | |
}) | |
); | |
return; | |
} | |
path.get("body").replaceWith( | |
wrapFunctionBody({ | |
BODY: path.node.body.body, | |
NAME: t.stringLiteral(path.node.id.name) | |
}) | |
); | |
} | |
} | |
} | |
}; | |
}; |
- add the path to
babel.config.js
('./scripts/babel/console-function-names'
)
Hi Sunil, Glad you made it to Facebook. You're really an inspiration for me.
Instead of functions, I'm trying to print the component names!
Can you help?
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
My lists of bypass/collapsed for React.