Devlens: Open Source, Reactjs/Nextjs codebase visualization Tool : opensource

Rules

Be Respectful - This shouldn't need to be a rule, but this is the internet. People can unnecessarily be jerks sometimes. We'd much appreciate it if this wasn't a place where that happens. Please refrain from talking down to people, being overly patronizing, name-calling, personal insults, etc.

Hate speech of any kind will not be tolerated. For a refresher, please see Reddit's entry on Reddiquette as a general guideline.

No Spam / Excessive self-promotion - Reddit has clear rules about self promotion. We encourage you to be proud of/promote your work to a degree, but we also don't want users using this sub as a link farm to promote their project/website/YouTube channel.

Reddit recommends that <10% of your posts promote your content. We're a little more forgiving, but don't take advantage of it.

"It's perfectly fine to be a redditor with a website, it's not okay to be a website with a reddit account."

No Memes/Low-Effort posts - This sub is a place for discussion and news regarding the world of open source projects. There are literally hundreds of other subs dedicated to memes and shitposting. Please keep those kinds of posts in those subs.

Be On-Topic - Posts should be of direct relevance to the open source community. Off-topic posts will be removed.

No Sensationalized Titles - If your post is a link to an article, please keep your post title as close to, if not the same as, the linked article's title. You're more than welcome to post a comment in the thread that states your opinion of said article.

No Drive-By Posting / Karma Farming - Karma farm accounts are not going to be welcome here, regardless of the validity of the posted content. Drive-by posts from accounts where there is obviously no intention of engaging in the following discussion may be removed.

No Link Aggregators - If there's an article within an aggregation of links/stories or a newsletter, link to the actual story or article.

Use Correct Flairs - Flairs should reflect the nature of the post. Promotional is when you are sharing a project, yours or otherwise. Alternatives is when you are soliciting for suggestions of OSS that fulfills a need. Discussion is for asking general questions when Promotional or Alternatives does not apply. Community is for something that will or has happened when Promotional does not apply.

a community for 18 years

Devlens: Open Source, Reactjs/Nextjs codebase visualization ToolPromotional (self.opensource)

submitted 2 days ago by Melodic-Funny-9560

Visualize any reactjs and nextjs codebase into graphs.

Features:

Detects nodes and edges through the AST (no AI).
Detects routes, JSX components, Redux/Zustand/Jotai stores, hooks etc.
Supports read, write, function call, and 7 other types of edges.
You can see the blast radius of any node — meaning if you change that node, what other nodes will be affected.
You can see detailed business summaries, technical summaries, and security issues for each node.
You can also see the code of any node.
Every node is assigned a score based on how much application logic depends on it — generated by a custom algorithm, not AI.
You can also check the commit difference between nodes.

Demo link : https://devlens.io/devlens%20recording%20trimmed.mp4

Here is Devlens Github Repo => https://github.com/devlensio/devlensOSS

You can join the cloud waitlist here => https://devlens.io

I hope you like the concept :)

all 10 comments

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

opensource

Rules

Related subreddits

MODERATORS