This is terrific work @msaraiva !
any chance of a version bump to phoenix 1.5.1 and live_view 0.13 ?
My mix complains about surface (version 0.1.0-alpha.1) requires ~> 0.11.1
Wanting to get “on the surface boat” 
wdiechmann
0
msaraiva
Broadway Core Team
Hi @wdiechmann!
I’ll release a new version some time this weekend as soon as I finish the docs & examples for the new components. In the meantime, feel free to use the master branch which is already compatible with LV v0.13.
4
msaraiva
Broadway Core Team
Hi folks!
Surface v0.1.0-alpha.2 has just been released with lots of bug fixes and new components. Here are the highlights:
- New Markdown component.
- New context-aware form components (wrappers around phoenix helpers), including Form, Field, Label, TextInput, RadioButton and many others. (thanks to @zamith and @alexandrubagu)
- New Link (wrapper around
link/2) component. (Thanks to mathewdgardner). - Compile-time check live components without
idthat implementhandle_event/3. - Update LiveView to v0.13.3
Along with the new built-in components, there are also some new UI components available. For documentation and live examples see:
- Button (thanks to @tiagoefmoraes)
- Table
- Tabs
Source code can found at GitHub - surface-ui/surface_bulma: A set of simple Surface components based on Bulma · GitHub.
The Markdown component
The new <#Markdown> component allows users to write markdown content directly in a Surface template. The content will be validated and translated to HTML at compile-time.
Surface’s website was mostly written using this component. It’s very handy, especially if you want to mix static markdown and HTML content with runtime interactive components.
Example:
Reporting syntax errors:
If you’re using VS Code, there’s a new version of the Surface extension which adds syntax highlighting to the Markdown component’s content, as you can see in the examples above.
Have fun.
22
robchristian
Very excited to see a version of LiveView which follows a component-based architecture. My main gripe with LiveView has been the use of templates – going away from a component-based frontend and back to template-based one feels like taking a step backwards, and seeking to repeat architecture mistakes of the past.
2
msaraiva
Broadway Core Team
Hi folks!
Surface v0.1.0-rc.0 has been released on Github.
Version v0.1.0 will be released on Hex as soon as LiveView v0.15 is out. Until then, feel free to use the rc-0 version directly from Github:
def deps do
[
{:surface, git: "https://github.com/msaraiva/surface.git", tag: "v0.1.0-rc.0"}
]
end
Full changelog can be found at CHANGELOG.md.
The documentation and examples at surface-demo.msaraiva.io, as well as the boilerplate project, have been fully updated to conform to the new API changes.
There are no further API changes planned for v0.1.0 so if you want to take Surface for a spin, that’s a great time to do it!
Feel free to give feedback either on Github or on our #surface channel on Slack.
I also want to thank @lnr0626 (our new core team member) for all his work on the new compiler and on many other contributions.
Cheers.
11
msaraiva
Broadway Core Team
Hi folks!
Surface v0.1.0-rc.1 has just been released on Github.
Full changelog can be found at CHANGELOG.md.
The highlights are:
- New compile-time check for
undefined assign. Thanks to @lnr0626. - New form controls:
<DateTimeSelect>and<TimeSelect>. With this addition, Surface now includes context-aware wrappers for all built-in Phoenix form controls. Thanks to @miguel-s. - Fix support for Elixir >=
v1.11
New compile-time check in action
Thanks!
16
msaraiva
Broadway Core Team
Hi folks!
Surface v0.1.0-rc.2 has just been released on Github.
Full changelog can be found at CHANGELOG.md.
Many thanks to all contributors!
10
msaraiva
Broadway Core Team
Hi @cpgo!
That’s definitely on the roadmap. I’ve just created an issue for it. We’re already discussing the best way to implement this feature so we can start working on it as soon as possible.
As explained on the issue, since components are built on top of Phoenix.LiveComponent, currently there’s no workaround without depending on LV.
1
LostKobrakai
What exactly are you struggling with right now? I’ve recently created GitHub - LostKobrakai/molecule: Components with slots in EEx for Phoenix · GitHub for allowing better composition of markup with plain .eex templates.
1