ca1989
I have a bunch of Phoenix Components.
May be possible to render them in a Livebook?
That would be absolutely brillant as a living documentation tool a-la Storybook.
Where Next?
Trending in Questions
Other Trending Topics
Latest Phoenix Threads
Latest Livebook Threads
Latest on Elixir Forum
Sponsor Spotlight
Deploy Phoenix to your own VPS with PaaS ease: push-to-deploy, zero downtime, auto SSL, managed Postgres. 14-day free trial at potions.io
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #library
- #deployment
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #elixirconf
- #channels
- #exunit
- #code-sync
- #discussion
- #podcasts
- #javascript
- #onsite
- #dialyzer
- #docker
- #authentication
- #ai
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #elixirconf-us
- #blog-post
- #ecto-query
- #elixir-ls
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #elixirconf-eu
- #processes
- #security
- #api
- #forms
- #performance
Our Sponsors
Build Elixir applications with speed and confidence.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Elixir, Erlang & BEAM conferences from Code Sync. Next: ElixirConf EU 2027
Practical resources that improve the lives of professional developers.
Producing high quality Elixir screencasts since 2017.
The deployment platform built for Elixir: PaaS ease, VPS control.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"
Showing Posts 1 to 8- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
zachallaun
Would love to see a proof of concept of this! I think it’s definitely possible using a Smart Cell (Kino.SmartCell — Kino v0.19.0) but it may be possible using even simpler Kino features. The somewhat tricky thing may be injecting your app’s styles into the livebook.
ca1989
Yeah, rendering was pretty easy with Kino.JS — Kino v0.19.0
For styling, I am loading the CSS directly form the app static url, using importCSS
zachallaun
If you have a minimal proof-of-concept or snippet you could post, that would be great for other people looking to try the same thing!
ca1989
Can’t really share the code because it’s not open, but I could indeed set up a POC in the next few of days.
tomekowal
I have a similar, but slightly different issue, so I figured I’ll ask here first.
I’d like to use LiveBook as a “playground” to explore some Phoenix concepts.
That means, I’d like to define a template, a controller and an embedded scheme in the livebook.
What is the correct abstraction to use in that case? SmartCells? Is it possible to render a route like in an iframe?
tomekowal
So far, I have this
https://github.com/tomekowal/phoenix-playground
It would be nice to render the page in an iframe to not jump between tabs.
I’ll need to look through Kino docs if it supports something like that.
LostKobrakai
I setup this on the weekend: phoenix.livemd · GitHub
tomekowal
Brilliant! Thank you! That’s exactly what I needed. Using
Kino.JSand adding the iframe via JS is clever!