This is very interesting. What’s the story around forms? Currently I get a lot of mileage out of the phoenix html form helpers, would that require a port to this or is there a way to embed ordinary LEEX inside this?
benwilson512
Author of Craft GraphQL APIs in Elixir with Absinthe
msaraiva
Broadway Core Team
Hi Ben!
Any LEEX code generated with ~L or loaded from a file can be injected in a Surface template. You can even use ~L directly instead of ~H in your render/1 function. That’s the strategy I use to wrap form helpers when I need. However, the plan is to create official built-in wrappers around all those helpers to offer a more context friendly set of components that can be used directly without the need to fallback to LEEX. There’s already an issue for it and it’s on the roadmap for the first stable version 
4
msaraiva
Broadway Core Team
Hi folks!
Surface v0.1.0-alpha.1 has just been released with lots of bug fixes and new features. Here are some highlights:
-
Slots - Support for default and named slots has been added to the API. Features like fallback content and slot props are also available. See Surface for full documentation and live examples.
-
New built-in LivePatch and LiveRedirect components
-
Update LiveView to v0.11.1
-
Improved documentation with new sections and live examples for all main features. See surface-demo.msaraiva.io/documentation for more.
-
A minimal boilerplate app is now available for those who want to take Surface for a spin without even installing npm/node, i.e., no webpack, no babel, etc. Details can be found at the Getting Started page.
-
A new version of the VS Code extension has been released adding syntax highlighting for slots.
The support for slots was the last planned feature that was supposed to have a big impact on how you write components. From now on, you shouldn’t expect any major change in the API until we reach the first stable version.
What’s next?
-
Performance tuning
-
Improve error handling
-
Extend the built-in set of components (e.g. wrappers around Form helpers and friends)
-
Create a full-featured suite of UI components using Bulma or Tailwind.
I’ll probably spend the next couple of weeks working on #1 and #2, so if you’re willing to contribute and wanna give #3 or #4 a try, please let me know. I’ll be glad to give any assistance you might need!
I’ve spent quite some time working on the docs and examples to make sure you have enough resources to get started. I hope you enjoy it!
Cheers.
-marlus
13
cnck1387
This isn’t related to your library, but I wanted to check out the demos on the site you linked.
If you load Surface (you linked to this in your reply), and in the sidebar you click any other links, such as “Events”, and then click “Slots” again, it will always dim out the entire side bar’s icons after you do that more than once.
Then if you keep alternating clicks between 2 items that are “Slots” + anything else, it consistently dims and un-dims the side bar icons.
I’m curious, is this a bug with navigating pages with LV, or something else?
2
joerichsen
Just wanted to thank you for creating Surface - I have used it extensively the last couple of weeks and it has been so much fun 
The latest updates and docs look awesome. Keep up the good work 
4
msaraiva
Broadway Core Team
Hi @cnck1387!
I’m curious, is this a bug with navigating pages with LV, or something else?
Definitely something else! 
It’s not directly related to LV. I believe it’s fixed now. I’ll review all CSS stuff to make sure I get rid of any other CSS style leaking.
Thanks a lot for reporting this! 
4
cnck1387
No problem, I’m noticing it’s fixed here too. I even tried in a fresh browser to make sure it wasn’t cached.
1
darraghenright
Really digging this library, I have used Vue a lot in the past so it’s really nice to have a familiar mental model.
One thing I’m not clear on is, can you use template files (like LiveVIew .leex files) or do you have to define your Surface markup in render/1? Can’t see this in the docs but perhaps I’m having a case of the Mondays 
0
msaraiva
Broadway Core Team
Hi @darraghenright!
Support for colocated template files (.sface) is planned and should be available before the first official release.
4