Piping terminal output to the browser using systemfd

이 글은 systemfd와 watchexec를 활용해 컴파일 중인 백엔드 서버의 터미널 출력을 웹 브라우저에 실시간 스트리밍하는 방법을 소개합니다. Rust 프로젝트 예시를 중심으로, 열린 소켓을 유지해 클라이언트 연결을 끊지 않고 컴파일 로그를 HTML과 xterm.js 기반 터미널로 보여줍니다. socat을 이용해 열린 소켓에 로그를 전달하고, 자바스크립트로 스트림을 받아 재연결과 컬러 출력도 지원합니다. 이 기법은 Rust뿐 아니라 listenfd 유사 라이브러리가 있는 모든 컴파일 언어에 적용 가능해 개발 피드백 루프를 크게 단축시킵니다.

https://blog.izissise.net/posts/webdev-livecompile/

#systemfd #watchexec #rust #socat #xtermjs

Piping terminal output to the browser using systemfd

One Open-source Project Daily

Universal Terminal Emulator, might be a great toy terminal front-end for geeks.

https://github.com/JLChnToZ/uniterm

#1ospd #opensource #bashonwindows #electron #javascript #nodejs #pty #terminalemulators #tty #typescript #windowssubsystemlinux #wsl #wslterminal #xtermjs
GitHub - JLChnToZ/uniterm: 🚧Universal Terminal Emulator, might be a great toy terminal front-end for geeks.

🚧Universal Terminal Emulator, might be a great toy terminal front-end for geeks. - JLChnToZ/uniterm

GitHub
🎉✨ Oh wow, someone finally decided to cram #Ghostty into #WebAssembly with xterm.js API! Because clearly, what the world needed was yet another way to run terminal emulators in a browser. 🚀🔧 Meanwhile, GitHub's entire menu seems to have been thrown into a blender and splattered all over the page just to remind you that your code can always be more "intelligent." 🙄💻
https://github.com/coder/ghostty-web #xtermjs #terminalemulators #GitHub #redesign #HackerNews #ngated
GitHub - coder/ghostty-web: Ghostty for the web with xterm.js API compatibility

Ghostty for the web with xterm.js API compatibility - coder/ghostty-web

GitHub

Today I'm wondering how I could get the new Python 3.13 REPL working in WebAssembly in the browser. 🤔

xterm-pty for xterm.js looks possibly helpful, but I'm unsure how to use it: https://github.com/mame/xterm-pty

I'm also wondering what CPython will need to be configured in its environment to properly trigger the new REPL.

I'm a TTY novice and definitely feel in over my head with this train of thought. 😅

#Python #WebAssembly #CPython #WASM #Emscripten #xtermjs

GitHub - mame/xterm-pty: An addon for xterm.js to add a PTY layer

An addon for xterm.js to add a PTY layer. Contribute to mame/xterm-pty development by creating an account on GitHub.

GitHub

Have a challenge of unit testing of #xtermjs based cli app. The trick is to make #StoryBook a base for unit tests, run CLI in IFRAME and use in-browser test runner. @web/test-runner is the current choice so far. Kudos to https://modern-web.dev

That is why:

Modern Web

Guides, tools and libraries for modern web development.

Modern Web