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
Error tracking, logs, APM, uptime and cron monitoring in one dev-friendly platform. Find and fix problems before your users notice.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #blog-post
- #phoenix_html
- #iex
- #graphql
- #ai
- #genstage
- #elixirconf-us
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #api
- #forms
- #metaprogramming
- #security
- #hex
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
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.
Practical resources that improve the lives of professional developers.
Develop your skills with books, videos, and courses.
Enabling companies to succeed by building software people love.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"
First 8 of 8 Posts
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!