bragle.io

Projects I’ve built and a few still in progress.

.linux-startup, .linux-controls { display: none !important; } main { --controls-height: 53px !important; } Linux needs JavaScript. Browse files to see the projects.

Starting Linux…

Browse files

/workspace

./

README.mdStart here

BRAGLE

Projects I’ve built and a few still in progress.

websites/   Cloudier, Severity, Devina, Lytica, Codecanvas,
            Eventful, Flowy, Filedrop, Bundlebee, Colorhex
android/    Toolcat, Nap
projects/   Wisp, Monaco editors, Enclosure, pnpm-isolate
now.md      In progress
about.md    About me

Try: ls, cat now.md, or cat websites/devina.md
Type help for shell commands and package installation.

now.mdIn progress

IN PROGRESS

Toolcat and Nap
Native Android apps for sensor and network tools, and sound mixing.
See android/toolcat.md and android/nap.md.

Wisp
Browser fingerprinting in Rust and WebAssembly, with a focus on
download size and runtime overhead. See projects/wisp.md.

This site
A Linux shell in the browser, with project notes in /workspace.
Written in TypeScript and React.

about.mdLeo

LEO

I'm Leo, a software developer. I work on web tools, Android apps,
and the services and libraries behind them.

https://github.com/bragle

Visit Leo

websites/

cloudier.mdCloudier

CLOUDIER

SSH terminals, SFTP, and server management in the browser.
Open a shell, move files, or run saved actions on your servers.

Built with TypeScript, Next.js, React, Node.js, and xterm.js.
WebSockets connect the browser to a service that handles SSH
and SFTP sessions, bringing terminal and file access into one UI.

https://cloudier.io/

Visit Cloudier

severity.mdSeverity

SEVERITY

Search published vulnerabilities and the software they affect.
Includes CVE records and CPE entries for identifying products.

Built with TypeScript, Next.js, React, and MongoDB.
Background jobs import public vulnerability and product datasets.
The web app makes those records searchable and easier to inspect.

https://severity.io/

Visit Severity

devina.mdDevina

DEVINA

Browser tools for working with domains, graphics, and code.

Built with TypeScript, Next.js, React, and WebAssembly libraries.
Tools share UI and editor components, with dedicated libraries
for tasks such as media processing and format conversion.

https://devina.io/

Visit Devina

lytica.mdLytica

LYTICA

Website analytics, uptime checks, and client-side error reports.
Includes version tracking and detailed visitor data.
Visitor fingerprinting doesn't use cookies or ETags.

Built with TypeScript, Next.js, React, and MongoDB.
Background monitoring jobs and browser telemetry feed a dashboard
for inspecting visits, availability, and errors over time.

https://lytica.io/

Visit Lytica

codecanvas.mdCodecanvas

CODECANVAS

A browser code editor for web projects and short programs,
with live collaboration, package tools, and code completion.

Built with TypeScript, Next.js, React, Monaco, and Yjs.
Monaco provides the editor, while shared document state keeps
collaborators' changes in sync. Web previews and code execution
let you try a project from the same workspace.

https://codecanvas.io/

Visit Codecanvas

eventful.mdEventful

EVENTFUL

Collect events from apps and services, then search, group,
and chart them. Useful for logs and application activity.

Built with TypeScript, Next.js, React, MongoDB, and Ajv.
Incoming events can be checked against your own JSON schemas.
Stored events can then be filtered with structured queries
or combined when repeated entries describe the same event.

https://eventful.io/

Visit Eventful

flowy.mdFlowy

FLOWY

Task boards and lists for personal and shared projects.

Built with TypeScript, Next.js, React, and MongoDB.
The same tasks can be arranged as a board or a list, with
drag-and-drop ordering and a history of changes. The focus
is on making everyday task updates quick to do.

https://flowy.io/

Visit Flowy

filedrop.mdFiledrop

FILEDROP

Send and receive files over a peer-to-peer connection.

Built with TypeScript, Next.js, React, and WebRTC.
A signaling service helps browsers establish a connection;
WebRTC data channels carry the file transfer between peers.

https://filedrop.io/

Visit Filedrop

bundlebee.mdBundlebee

BUNDLEBEE

Browse npm packages, inspect their files and dependencies,
and check bundle sizes.

Built with TypeScript, Next.js, React, and Monaco.
Package metadata, source files, dependency views, and bundle
measurements sit together so you can inspect a package before
adding it to a project.

https://bundlebee.io/npm

Visit Bundlebee

colorhex.mdColorhex

COLORHEX

Look up colors, convert between formats, and find color harmonies.
Includes color blindness previews and color composition tools.

Built with TypeScript, Next.js, and React.
Color conversion and simulation libraries turn a selected color
into numerical values and visual comparisons you can work with.

https://colorhex.io/

Visit Colorhex

android/

toolcat.mdToolcat

TOOLCAT

Sensor readings and network tools for Android.

- GPS speedometer, trip computer, compass, and mirrored HUD.
- Wi-Fi analyzer, Bluetooth scanner, and network discovery.
- Sound, light, magnetic field, and motion instruments.
- No ads, accounts, or analytics. Readings stay on your device.

Built with Kotlin, Jetpack Compose, and Android's sensor APIs.
Live sensor and radio readings feed the instruments and charts.
Tools account for device capabilities and stop sensor work when
it is no longer needed.

In development.

nap.mdNap

NAP

Mix background sounds for sleep or focus.

- Combine rain, ocean waves, cat purring, and other sounds.
- Set each sound's volume and save mixes as presets.
- Sleep timer with a gradual fade-out.
- Works offline and with the screen off. Android 8.0 and newer.

Built with Kotlin, Jetpack Compose, and Android's audio APIs.
A playback service mixes bundled recordings and generated noise,
with smooth volume changes and loop transitions. Playback stays
independent of the screen so a mix can continue in the background.

In development.

projects/

wisp.mdWisp

WISP

A browser fingerprinting component developed for Lytica.
It gathers browser characteristics for recognising returning
visitors without relying on cookies.

Built with Rust, WebAssembly, and JavaScript.
A compact Rust core works with browser APIs through a JavaScript
bridge. Much of the work is keeping the download small and the
runtime overhead low while handling differences between browsers.

Private project, in development.

monaco.mdMonaco editors

MONACO EDITORS

Reusable code editors and diff views for my web apps.

Built with TypeScript, React, Monaco, Shiki, and Web Workers.
Syntax-highlighted code renders on the server, then becomes a
live editor in the browser. Language services run in workers
to provide diagnostics, completion, and navigation across files.

The aim is to make an editor useful before it finishes loading,
while keeping the full editing experience once it is ready.

Private library.

enclosure.mdEnclosure

ENCLOSURE

A service for compiling and running short programs in isolated
Linux environments. Based on Piston.

Built with TypeScript, Node.js, and Linux sandboxing tools.
Each job gets a separate environment and resource limits.
Compilation and execution return output and status to the
calling application through a consistent interface.

Private project.

pnpm-isolate.mdpnpm-isolate

PNPM-ISOLATE

Keep one package and its dependencies from a pnpm workspace
for deployment or Docker builds.

Built with Node.js and pnpm's workspace and lockfile formats.
It follows workspace dependencies, then trims the workspace
definition and lockfile to the packages needed for that build.

https://github.com/bragle/pnpm-isolate

Visit pnpm-isolate