Jetpack Components

config/config.exs

@@ -62,39 +62,41 @@ config :logger, :console,
 config :phoenix, :json_library, Jason
 
 config :live_view_native, plugins: [
-  LiveViewNative.SwiftUI,
   LiveViewNative.Jetpack,
+  LiveViewNative.SwiftUI
 ]
 
 config :mime, :types, %{
-  "text/swiftui" => ["swiftui"],
   "text/jetpack" => ["jetpack"],
-  "text/styles" => ["styles"]
+  "text/styles" => ["styles"],
+  "text/swiftui" => ["swiftui"]
 }
 
 # LVN - Required, you must configure LiveView Native Stylesheets
 # on where class names shoudl be extracted from
 config :live_view_native_stylesheet,
   content: [
-    swiftui: [
-      "lib/**/*swiftui*"
-    ],
     jetpack: [
       "lib/**/*jetpack*"
+    ],
+    swiftui: [
+      "lib/**/*swiftui*"
     ]
   ],
   output: "priv/static/assets"
 
 # LVN - Required, you must configure Phoenix to know how
 # to encode for the swiftui format
 config :phoenix_template, :format_encoders, [
-  swiftui: Phoenix.HTML.Engine,
-  jetpack: Phoenix.HTML.Engine
+  jetpack: Phoenix.HTML.Engine,
+  swiftui: Phoenix.HTML.Engine
 ]
 
 # LVN - Required, you must configure Phoenix so it knows
 # how to compile LVN's neex templates
-config :phoenix, :template_engines, neex: LiveViewNative.Engine
+config :phoenix, :template_engines, [
+  neex: LiveViewNative.Engine
+]
 
 # Import environment specific config. This must remain at the bottom
 # of this file so it overrides the configuration defined above.

config/dev.exs

@@ -58,7 +58,10 @@ config :form_demo, FormDemoWeb.Endpoint,
     patterns: [
       ~r"priv/static/(?!uploads/).*(js|css|png|jpeg|jpg|gif|svg)$",
       ~r"priv/gettext/.*(po)$",
-      ~r"lib/form_demo_web/(controllers|live|components|styles)/.*(ex|heex|neex)$"
+      ~r"lib/form_demo_web/(controllers|live|components|styles)/.*(ex|heex|neex)$",
+      ~r"lib/form_demo_web/(live|components)/.*neex$",
+      ~r"lib/form_demo_web/styles/*.ex$",
+      ~r"priv/static/*.styles$"
     ]
   ]
 

lib/form_demo_native.ex

@@ -35,9 +35,11 @@ defmodule FormDemoNative do
     quote do
       use LiveViewNative.LiveView,
         formats: [
+          :jetpack,
           :swiftui
         ],
         layouts: [
+          jetpack: {FormDemoWeb.Layouts.Jetpack, :app},
           swiftui: {FormDemoWeb.Layouts.SwiftUI, :app}
         ]
 
@@ -104,7 +106,7 @@ defmodule FormDemoNative do
       defmodule MyAppWeb.Layouts.SwiftUI do
         use MyAppNative, [:layout, format: :swiftui]
 
-        embed_tempaltes "layouts_swiftui/*"
+        embed_templates "layouts_swiftui/*"
       end
   '''
   def layout(opts) do
@@ -123,8 +125,9 @@ defmodule FormDemoNative do
     gettext_quoted = quote do
       import FormDemoWeb.Gettext
     end
-
+    
     plugin = LiveViewNative.fetch_plugin!(format)
+
     plugin_component_quoted = try do
       Code.ensure_compiled!(plugin.component)
 
@@ -135,7 +138,7 @@ defmodule FormDemoNative do
       _ -> nil
     end
 
-    live_form_component_quoted = quote do
+    live_form_quoted = quote do
       import LiveViewNative.LiveForm.Component
     end
 
@@ -152,13 +155,13 @@ defmodule FormDemoNative do
     end
 
     [
-      gettext_quoted,
-      plugin_component_quoted,
-      live_form_component_quoted,
-      core_component_quoted,
-      verified_routes()
-    ]
-
+        gettext_quoted,
+        plugin_component_quoted,
+        live_form_quoted,
+        core_component_quoted,
+        verified_routes()
+      ]
+      
   end
 
   @doc """