datastar_plug — interactive demo (hex / docs)
Elixir · Plug · Bandit · Datastar RC.8
serverTime
counter
theme
locale
active command
Terminal log Every command appends the prompt, an explanation, and the live SSE result.
Welcome to the datastar_plug interactive demo
────────────────────────────────────────────────────────
This page now has three synchronized views:
• the terminal log records what you typed and the Elixir API being demonstrated
• the live preview shows the exact DOM fragment or bindings affected by the SSE response
• the request / response inspector shows the incoming JSON request and the Datastar event sent back
Start with help, then try patch-fragment, patch-signals, and stream.
────────────────────────────────────────────────────────
datastar_plug:~$
Live Preview
This is the part of the DOM that commands mutate, remove, or bind to signals.
DOM target
Ready

Run a command

The live preview will show the exact DOM region or bound values changed by the next Datastar response.

Try patch-fragment, patch-signals, or stream.

Request / Response Inspector
Shows the request you sent and the Datastar event the server streamed back.
SSE trace

Request

Command
Method
Path 

            


            

              
Response

              

                Event
                
              

              

                Target
                
              

              

                Options
                
              

              

            


            

              
Current Signal Store