Repository files navigation

English |中文

Find function-level association impacts of code changes.

When you modify the code of a large project, it may not be very clear whether it will have an impact on the functionality.Our self-test may not be enough, and we need to search a lot of related code to determine the impact of the change. Wouldn't it save a lot of time and improve the quality of self-testing if there was a tool that could identify your changes and automatically find out what you affected by the change?

That's the problem this project is trying to solve.

It can analyze the changes of the function by the changes of the file.

Then we analyze the impact of this function from the whole project. From the picture blow(a part of the result), we can see that this function is called byjumpToAppStore and affects the click event bound to a dom node ofheader.vue.

You can checkhow it works from here.

This project is still under development and has not been published to the npm yet. So you can use the built files for now.

• clone this project
• yarn install
• yarn build

Using the command line

coderfly check <folder path>

Options:

• alias: Set path alias, alias and path should be linked with acolon. eg:coderfly check ./src -alias src:./src static:./public

• t ortree: Export the file tree to a file, the file defaults tofile_tree.json. eg:coderfly check ./src -t

Using the API

see theAPI orExample.

Get the changes of the function by the changes of the file.

If you changedtest/a.js, you can get the following result by diff.

{file:'test/a.js',changed:['getSum'],added:[],deleted:['getData'],total:['getSum','getData']}

Get all files from source code, filter by default for non-.vue、.js、.ts files.

Params

• folderPath: string. It's source code folder path.

Analyze the project and build a 「file tree」.

Params

• files: string[]. All the files from folder path
• options: Options

interfaceOptions{alias?:{[aliasName:string]:string// alias name and path};}

Get the impact of changes.

Params

• treeData: FileInfoTree. It's file tree.
• funcInfo: ImpactReason. It's the entry function that we get by diff.

interfaceImpactReason{filePath:string;name:string;}

import{diff,getAllFiles,getFuncTree,getImpacts}from"coderfly";// diffconstfunctionDiffInfo=diff();// get all filesconstfiles=getAllFiles(path.resolve(process.cwd(),targetDir));// build file treeconsttree=getFuncTree(files,{alias:{src:path.resolve(process.cwd(),'./demo/vue')}});// get impacts// here is just a example, in the real word the second argument needs constructed using the result of diff()letimpacts=getImpacts(tree,{filePath:'src/utils/a.js',name:'getSum'});console.log(impacts);

• JavaScript
• Vue2
• Vue3
• TypeScript

MIT License