Add Surface formatter plugin and format

Author: tiagoefmoraes

.formatter.exs

@@ -1,7 +1,10 @@
 # Used by "mix format"
 [
   import_deps: [:phoenix, :surface],
-  plugins: [Phoenix.LiveView.HTMLFormatter],
+  plugins: [
+    Phoenix.LiveView.HTMLFormatter,
+    Surface.Formatter.Plugin
+  ],
   line_length: 115,
   inputs: [
     "{mix,.formatter}.exs",

lib/surface/components/form.ex

@@ -101,7 +101,7 @@ defmodule Surface.Components.Form do
     ~F"""
     <!-- XXX -->
     <.form :let={form} for={@for} action={@action} {...@opts}>
-      <#slot {@default, form: form} context_put={__MODULE__, form: form}/>
+      <#slot {@default, form: form} context_put={__MODULE__, form: form} />
     </.form>
     """
   end

lib/surface/components/form/field.ex

@@ -23,7 +23,7 @@ defmodule Surface.Components.Form.Field do
   def render(assigns) do
     ~F"""
     <div class={class_value(@class)}>
-      <#slot context_put={__MODULE__, field: @name}/>
+      <#slot context_put={__MODULE__, field: @name} />
     </div>
     """
   end

lib/surface/components/form/field_context.ex

@@ -20,6 +20,6 @@ defmodule Surface.Components.Form.FieldContext do
   slot default, required: true
 
   def render(assigns) do
-    ~F[<#slot context_put={Field, field: @name}/>]
+    ~F[<#slot context_put={Field, field: @name} />]
   end
 end

lib/surface/components/form/input.ex

@@ -84,7 +84,7 @@ defmodule Surface.Components.Form.Input do
       field = Context.get(assigns, Surface.Components.Form.Field, :field)
 
       ~F"""
-      <#slot {@default, form: @assigns[:form] || form, field: @assigns[:field] || field}/>
+      <#slot {@default, form: @assigns[:form] || form, field: @assigns[:field] || field} />
       """
     end
   end

lib/surface/components/form/inputs.ex

@@ -38,7 +38,7 @@ defmodule Surface.Components.Form.Inputs do
   def render(assigns) do
     ~F"""
     <.inputs_for :let={nested_form} field={@form[@for || @field]} {...@opts}>
-      <#slot {@default, form: nested_form, index: nested_form.index } context_put={Form, form: nested_form} />
+      <#slot {@default, form: nested_form, index: nested_form.index} context_put={Form, form: nested_form} />
     </.inputs_for>
     """
   end

lib/surface/components/form/label.ex

@@ -54,7 +54,7 @@ defmodule Surface.Components.Form.Label do
     assigns = assign(assigns, opts: opts)
 
     ~F"""
-    <label :attrs={input_id(@form, @field) ++ @opts}>
+    <label {...input_id(@form, @field) ++ @opts}>
       <#slot>{@text || Phoenix.Naming.humanize(@field)}</#slot>
     </label>
     """

lib/surface/components/form/telephone_input.ex

@@ -37,6 +37,6 @@ defmodule Surface.Components.Form.TelephoneInput do
 
     assigns = assign(assigns, opts: opts)
 
-    ~F[{telephone_input(@form, @field,  @opts)}]
+    ~F[{telephone_input(@form, @field, @opts)}]
   end
 end

lib/surface/components/link/button.ex

@@ -72,7 +72,7 @@ defmodule Surface.Components.Link.Button do
     assigns = assign(assigns, to: to, opts: events ++ opts)
 
     ~F"""
-    <button id={@id} class={@class} :attrs={@opts}><#slot>{@label}</#slot></button>
+    <button id={@id} class={@class} {...@opts}><#slot>{@label}</#slot></button>
     """
   end
 

priv/catalogue/surface/components/form/example01.ex

@@ -13,15 +13,15 @@ defmodule Surface.Components.Form.Example01 do
     ~F"""
     <Form for={%{}} as={:user} change="change" submit="submit" opts={autocomplete: "off"}>
       <Field class="field" name="name">
-        <Label class="label"/>
+        <Label class="label" />
         <div class="control">
-          <TextInput class="input" value={@user["name"]}/>
+          <TextInput class="input" value={@user["name"]} />
         </div>
       </Field>
       <Field class="field" name="email">
         <Label class="label">E-mail</Label>
         <div class="control">
-          <TextInput class="input" value={@user["email"]}/>
+          <TextInput class="input" value={@user["email"]} />
         </div>
       </Field>
     </Form>