https://github.com/chgeuer/kino_websocket

A naive demo for an WebSocket smart cell for Elixir LiveBook
https://github.com/chgeuer/kino_websocket

bandit elixir elixir-lang livebook websocket websocket-client websockets

Last synced: 6 months ago
JSON representation

A naive demo for an WebSocket smart cell for Elixir LiveBook

• Host: GitHub
• URL: https://github.com/chgeuer/kino_websocket
• Owner: chgeuer
• Created: 2024-12-04T15:48:23.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-12-06T21:43:07.000Z (10 months ago)
• Last Synced: 2025-03-28T05:18:06.766Z (7 months ago)
• Topics: bandit, elixir, elixir-lang, livebook, websocket, websocket-client, websockets
• Language: JavaScript
• Homepage:
• Size: 849 KB
• Stars: 7
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Kino.WebSocket

A simple smart cell for Kino that allows you to connect to a WebSocket server and send/receive messages.

To use this, you need to install [Livebook](https://livebook.dev/) on your computer, create a new notebook, add this library (`{:kino_websocket, github: "chgeuer/kino_websocket"}`) to the dependencies, and add the "WebSocket Client" smart cell. 

![Screenshot of the smart cell](content/img/demo.png)

## Installation

The package can be installed by adding `kino_websocket` to your list of dependencies in the `Mix.install/2` task:

```elixir

Mix.install([

  {:kino_websocket, github: "chgeuer/kino_websocket"}

])

```

I'm not sure if this package will be published to Hex.pm, so for now you can just clone the repo and use it directly. Other smart cells like [merquery](https://github.com/acalejos/merquery) are much cleaner with respect to views and state management, while this one is currently a hot JavaScript mess 🙄.

### Demo GIF

![Screenshot of the smart cell](content/img/demo.gif)