DEV Community: Eth3rnit3

C4 Modelizer – draw your C4 architecture in minutes!

Eth3rnit3 — Sat, 10 May 2025 22:54:31 +0000

An open‑source React/TypeScript tool for creating, exploring, and sharing C4 diagrams (Context → Containers → Components → Code).
Repo: https://github.com/archivisio/c4_modelizer

Why another diagram editor?

The four layers of the C4 model often live in different places—one draw.io file here, a README.md there. C4 Modelizer brings everything together in one typed JSON source of truth. Add, move, and connect your building blocks, and the tool automatically keeps every view in sync.

Key features

Category	Details
Diagrams	System ↔ Container ↔ Component ↔ Code
Editing	Drag‑and‑drop canvas, contextual palette, rename via side panel
Relationships	Dependencies across any levels, animated arrows, labels + tech annotations
Cross‑connections	Link items across different levels without leaving the canvas
Import/Export	Versioned JSON, copy‑paste between instances
UX	Dark theme, i18n, MUI accessibility

(Yes, even the Code level—with an embedded Prism editor!)

Under the hood

React 19 + Vite → blazing‑fast HMR
@xyflow/react → interactive canvas
Material UI → consistent, accessible look‑and‑feel
Zustand persist → local storage for your models
Cypress + Jest → confidence on every pull request

Spin it up in 30 seconds

docker pull archivisio/c4_modelizer:latest
docker run -p 8080:80 archivisio/c4_modelizer:latest
# Open http://localhost:8080

Prefer hacking it locally?

git clone https://github.com/archivisio/c4_modelizer.git
cd c4_modelizer && npm install && npm run dev

A quick peek

Roadmap at a glance

🖼️ PNG/SVG export of your diagrams
🧜 Mermaid export for your CI/CD pipelines and docs

Join the adventure

Drop a ⭐ on the repo → https://github.com/archivisio/c4_modelizer
Have an idea? Open an issue

Happy mapping!

🚀 Introducing Chromate: Build AI Agents Easily with Ruby and the Chrome DevTools Protocol (CDP)

Eth3rnit3 — Sat, 16 Nov 2024 08:04:08 +0000

Hey there, fellow Ruby enthusiasts! 👋

I’m excited to introduce Chromate, a brand new Ruby gem that aims to simplify browser automation by leveraging the Chrome DevTools Protocol (CDP). Whether you want to create intelligent scraping bots, automate UI testing, or build interactive AI agents, Chromate provides an easy, lightweight solution—all in Ruby!

💡 What is Chromate?

Chromate is a Ruby gem that directly interacts with Chrome using the CDP, offering a simple and efficient way to control the browser without the overhead of tools like Selenium or Playwright. It’s designed for developers who want full control over Chrome while building powerful automation scripts or intelligent agents.

🤖 Why Use Chromate for AI-Powered Agents?

One of the main goals of Chromate is to help developers create AI-powered agents that can interact with web pages in a human-like way. By combining Ruby’s capabilities with direct access to the CDP, you can easily build bots that:

Navigate complex websites with JavaScript-heavy content.
Simulate realistic user interactions, making them harder to detect.
Extract data dynamically and respond in real time.

⚙️ Features at a Glance

Here’s what you can expect from Chromate:

Direct CDP Integration: Skip the browser extensions and gain full control over Chrome.
Headless Mode Support: Perfect for running scripts on a server or CI pipeline.
Virtual Mouse & Keyboard: Simulate real user actions, which is great for mimicking human behavior.
Ruby-first API: Designed with Ruby developers in mind, making it intuitive and easy to use.

🚀 Getting Started with Chromate

Let’s dive into how you can start using Chromate in your projects. It’s as simple as installing the gem and writing a few lines of code!

Installation

You can install Chromate via RubyGems:

gem install chromate

Basic Usage

Here’s a quick example to get you started:

require 'chromate'

# Initialize the Chromate browser
browser = Chromate.new

# Navigate to a website
browser.navigate_to('https://example.com')

# Click a button
browser.find_element('button#start').click

# Close the browser
browser.close

With just a few lines, you’re able to navigate to a website, interact with elements, and extract content—all in Ruby!

🔗 Check Out the GitHub Repo

The full source code and documentation are available on GitHub: Eth3rnit3/Chromate.

I’d love to hear your thoughts, feedback, and suggestions! Feel free to open issues, report bugs, or contribute to the project. Your input will help shape the future of Chromate!

⭐ Conclusion

Chromate is just getting started, and I’m excited to see what the Ruby community will build with it. Whether you’re developing bots, testing tools, or creating AI agents, Chromate aims to provide a flexible and efficient solution for browser automation.

If you like the project, give it a star on GitHub and share it with your fellow Ruby developers! Let’s build something amazing together! 💎✨

Best rails api template

Eth3rnit3 — Sat, 01 Oct 2022 20:21:57 +0000

Try this templates for your rails api project

https://github.com/Eth3rnit3/rails_api_template

How to easily deploy and serve docker applications on personal server

Eth3rnit3 — Wed, 01 Jun 2022 20:48:52 +0000

I wondered how I could deploy different personal applications on the same vps without having to bring out the heavy artillery with kubernetes and everything else.

I didn't reinvent the wheel and found 2 nice projects which are jwilder/nginx-proxy and jrcs/letsencrypt-nginx-proxy-companion I just put it all together to be able to easily deploy any application with ssl

Everything is in the readme

https://github.com/Eth3rnit3/configured-compose-nginx-proxy

Eyes tracking and open source

Eth3rnit3 — Mon, 25 May 2020 19:56:54 +0000

Hello everyone, I'm here to solicit your acquaintances!

My uncle has amyotrophic lateral sclerosis, which causes him to lose the use of his muscles.
Today he can hardly move at all. He has always liked computers and video games.
We would like him to enjoy it as much as possible, so I did some research around eyes tracking to see what was available on the market. Unfortunately, I don't know much about it.
I stumbled upon tobii.com products that would be really perfect but much too expensive.
So I'm calling you to find out if someone knows this field and would be able to advise me in what exists on the open source side so that I can make the use of windows possible thanks to eyes tracking.

Thank you in advance

Rails/React developer? don't worry about authentication anymore !

Eth3rnit3 — Wed, 11 Dec 2019 20:36:04 +0000

A few weeks ago I started developing the j-TockAuth library which allows to easily manage the authentication between a JS frontend and a Ruby on Rails backend that uses the devise token auth gem. since then I have two client projects in production that use it and it seems to work very well. of course there are still improvements to be made but any participation is welcome !

https://www.npmjs.com/package/j-tockauth

J-tockauth - Easy way to manage Ruby on Rails auth with JS frontend

Eth3rnit3 — Sun, 13 Oct 2019 08:51:55 +0000

Hello everyone, I recently released an npm module that allows you to easily manage all authentication when you use a ruby on rails backend with the Devise Token Auth gem.

I find the existing projects too complicated and poorly maintained.

Any contribution will be welcome.

https://www.npmjs.com/package/j-tockauth