TypeScript-Call-Graph
C4-PlantUML
Our great sponsors
| TypeScript-Call-Graph | C4-PlantUML | |
|---|---|---|
| 3 | 23 | |
| 213 | 6,028 | |
| - | 2.4% | |
| 0.0 | 6.9 | |
| about 1 year ago | about 1 month ago | |
| JavaScript | PlantUML | |
| MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
TypeScript-Call-Graph
-
Ask HN: Visualizing software designs, especially of large systems (if at all)?
Specifically for TypeScript I created a CLI to visualize the call graph
https://github.com/whyboris/TypeScript-Call-Graph
Works for _functions_ not classes. I'm unsure how useful this tool is, but I suspect it might be helpful in some codebases.
-
Create and share beautiful images of your source code
A slightly-related project I created: TypeScript Call Graph - generate/visualize a call graph of your TypeScript files in a variety of ways. MIT open source ;)
https://github.com/whyboris/TypeScript-Call-Graph
-
How an Anti-TypeScript “JavaScript developer” like me became a TypeScript fan
Mildly-related project I have: generate call graph for typescript files
https://github.com/whyboris/TypeScript-Call-Graph
The TypeScript language service is really neat -- you can use it to parse through .ts files so you can, for example, see which functions call which functions.
C4-PlantUML
-
Documentation as Code for Cloud - C4 Model & Structurizr
C4-PlantUML: Export your model as C4-PlantUML diagrams.
-
Which tools do you use to create diagrams?
PlantUML + C4 plugin;
-
Add quick sketches in emacs org mode
Yes. I use this all the time for software diagramming. With c4 model (https://github.com/plantuml-stdlib/C4-PlantUML) and AWS icons (https://github.com/awslabs/aws-icons-for-plantuml)
-
Architecture diagrams should be code
The C4 model (https://c4model.com/) is great for architecture diagrams. You can use different tools to generate them. Here are the ones I've been using:
- https://github.com/plantuml-stdlib/C4-PlantUML
- D2 language, open source alternative to PlantUML
- Keep your diagrams updated with continuous delivery
- What FOSS programs would you recommend for creating concept maps on Linux?
-
C4 model for system architecture design
3️⃣ Text-based diagramming- C4-PlantUML
-
Ask HN: Confluence Alternative(s) Supporting Markdown?
> onboarding docs
yes, they're don't changing frequently
> system design docs
yes - see C4-PlantUML[1]
> meeting notes
no, unless they're directly code related like ADRs [2,3].
Although one can abuse Github Issues + comments for this, in my opinion it's better to use modern SaaS tools for this, i.e. Loom, Descript, Linear.app, etc. - you can automate this process, e.g. transcribe the meeting's recording and add the issue/repo using Github Actions.
--
[1] https://github.com/plantuml-stdlib/C4-PlantUML
[2] https://adr.github.io/
[3] https://docs.aws.amazon.com/prescriptive-guidance/latest/arc...
-
Do you take physical notes while working on your game? Or just play around and learn by doing?
I use a combination of: * Markdown (for notes and code blocks) * Mermaid markdown (for architectural diagrams in markdown documents) * PlantUML markdown (again for arch. docs in markdown, but mainly for C4 diagrams) * a Docker container to render PlantUML markdown to images * Joplin, installed on every device I regularly use * NextCloud, to store, secure, encrypt, and make available everywhere, the markdown notes managed by Joplin
What are some alternatives?
ts-node - TypeScript execution and REPL for node.js
mermaid - Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
typescript-eslint - :sparkles: Monorepo for all the tooling which enables ESLint to support TypeScript
d2 - D2 is a modern diagram scripting language that turns text to diagrams.
typescript-is
aws-icons-for-plantuml - PlantUML sprites, macros, and other includes for Amazon Web Services services and resources
codebase-visualizer-action - Visualize your codebase during CI.
Azure-PlantUML - PlantUML sprites, macros, and other includes for Azure services
LookAtThat - Render source code in 3D, for macOS and iOS.
backstage - Backstage is an open platform for building developer portals
proposal-record-tuple - ECMAScript proposal for the Record and Tuple value types. | Stage 2: it will change!
dsl - Structurizr DSL