diff --git a/config/config.exs b/config/config.exs
index c4474b7..2c9e35d 100644
--- a/config/config.exs
+++ b/config/config.exs
@@ -65,15 +65,19 @@ config :phoenix, :json_library, Jason
config :live_view_native,
plugins: [
- LiveViewNative.SwiftUI
+ LiveViewNative.SwiftUI,
+ LiveViewNative.Jetpack
]
config :mime, :types, %{
"text/swiftui" => ["swiftui"],
+ "text/jetpack" => ["jetpack"],
"text/styles" => ["styles"]
}
-config :phoenix_template, :format_encoders, swiftui: Phoenix.HTML.Engine
+config :phoenix_template, :format_encoders,
+ swiftui: Phoenix.HTML.Engine,
+ jetpack: Phoenix.HTML.Engine
config :phoenix, :template_engines, neex: LiveViewNative.Engine
diff --git a/lib/lax_native.ex b/lib/lax_native.ex
index 3aee39c..1fff2e5 100644
--- a/lib/lax_native.ex
+++ b/lib/lax_native.ex
@@ -35,10 +35,12 @@ defmodule LaxNative do
quote do
use LiveViewNative.LiveView,
formats: [
- :swiftui
+ :swiftui,
+ :jetpack
],
layouts: [
- swiftui: {LaxWeb.Layouts.SwiftUI, :app}
+ swiftui: {LaxWeb.Layouts.SwiftUI, :app},
+ jetpack: {LaxWeb.Layouts.Jetpack, :app}
]
unquote(verified_routes())
diff --git a/lib/lax_web/components/core_components.jetpack.ex b/lib/lax_web/components/core_components.jetpack.ex
new file mode 100644
index 0000000..9bc7758
--- /dev/null
+++ b/lib/lax_web/components/core_components.jetpack.ex
@@ -0,0 +1,19 @@
+defmodule LaxWeb.CoreComponents.Jetpack do
+ @moduledoc """
+ Provides core UI components built for Jetpack.
+
+ This file contains feature parity components to your applications's CoreComponent module.
+ The goal is to retain a common API for fast prototyping. Leveraging your existing knowledge
+ of the `LaxWeb.CoreComponents` functions you should expect identical functionality for similarly named
+ components between web and native. That means utilizing your existing `handle_event/3` functions to manage state
+ and stay focused on adding new templates for your native applications.
+
+ The default components use `LiveViewNative.Jetpack.UtilityStyles`, a generated styling syntax
+ that allows you to call nearly any modifier. Refer to the documentation in `LiveViewNative.Jetpack` for more information.
+
+ """
+
+ use LiveViewNative.Component
+
+ import LiveViewNative.LiveForm.Component
+end
diff --git a/lib/lax_web/components/layouts.jetpack.ex b/lib/lax_web/components/layouts.jetpack.ex
new file mode 100644
index 0000000..245ee4f
--- /dev/null
+++ b/lib/lax_web/components/layouts.jetpack.ex
@@ -0,0 +1,5 @@
+defmodule LaxWeb.Layouts.Jetpack do
+ use LaxNative, [:layout, format: :jetpack]
+
+ embed_templates "layouts_jetpack/*"
+end
diff --git a/lib/lax_web/components/layouts_jetpack/app.jetpack.neex b/lib/lax_web/components/layouts_jetpack/app.jetpack.neex
new file mode 100644
index 0000000..0543398
--- /dev/null
+++ b/lib/lax_web/components/layouts_jetpack/app.jetpack.neex
@@ -0,0 +1 @@
+<%= @inner_content %>
diff --git a/lib/lax_web/components/layouts_jetpack/root.jetpack.neex b/lib/lax_web/components/layouts_jetpack/root.jetpack.neex
new file mode 100644
index 0000000..1b0302b
--- /dev/null
+++ b/lib/lax_web/components/layouts_jetpack/root.jetpack.neex
@@ -0,0 +1,3 @@
+<.csrf_token />
+
+<%= @inner_content %>
diff --git a/lib/lax_web/live/chat_live.jetpack.ex b/lib/lax_web/live/chat_live.jetpack.ex
new file mode 100644
index 0000000..67acfa1
--- /dev/null
+++ b/lib/lax_web/live/chat_live.jetpack.ex
@@ -0,0 +1,9 @@
+defmodule LaxWeb.ChatLive.Jetpack do
+ use LaxNative, [:render_component, format: :swiftui]
+
+ def render(assigns, _interface) do
+ ~LVN"""
+ Hello, Jetpack!
+ """
+ end
+end
diff --git a/lib/lax_web/router.ex b/lib/lax_web/router.ex
index c7bd763..00bfa0d 100644
--- a/lib/lax_web/router.ex
+++ b/lib/lax_web/router.ex
@@ -4,13 +4,14 @@ defmodule LaxWeb.Router do
import LaxWeb.UserAuth
pipeline :browser do
- plug :accepts, ["html", "swiftui"]
+ plug :accepts, ["html", "swiftui", "jetpack"]
plug :fetch_session
plug :fetch_live_flash
plug :put_root_layout,
html: {LaxWeb.Layouts, :root},
- swiftui: {LaxWeb.Layouts.SwiftUI, :root}
+ swiftui: {LaxWeb.Layouts.SwiftUI, :root},
+ jetpack: {LaxWeb.Layouts.Jetpack, :root}
plug :protect_from_forgery
plug :put_secure_browser_headers
diff --git a/lib/lax_web/styles/app.jetpack.ex b/lib/lax_web/styles/app.jetpack.ex
new file mode 100644
index 0000000..596ed8c
--- /dev/null
+++ b/lib/lax_web/styles/app.jetpack.ex
@@ -0,0 +1,21 @@
+defmodule LaxWeb.Styles.App.Jetpack do
+ use LiveViewNative.Stylesheet, :jetpack
+
+ ~SHEET"""
+ "color-red" do
+ color(.red)
+ end
+
+ # this is a comment and isn't included in the output
+
+ "button-" <> style do
+ # this is also a comment that isn't included in the output
+ buttonStyle(.<%= style %>)
+ end
+ """
+
+ def class("color-" <> color_name) do
+ ~RULES"""
+ """
+ end
+end
diff --git a/mix.exs b/mix.exs
index 3a8228e..74a6f2d 100644
--- a/mix.exs
+++ b/mix.exs
@@ -66,6 +66,8 @@ defmodule Lax.MixProject do
github: "liveview-native/live_view_native_stylesheet", branch: "main"},
{:live_view_native_swiftui,
github: "liveview-native/liveview-client-swiftui", branch: "main"},
+ {:live_view_native_jetpack,
+ github: "liveview-native/liveview-client-jetpack", branch: "main"},
{:live_view_native_live_form,
github: "liveview-native/liveview-native-live-form", branch: "main"},
{:pigeon, "~> 1.6.2"},
diff --git a/mix.lock b/mix.lock
index e4e0be5..d70c613 100644
--- a/mix.lock
+++ b/mix.lock
@@ -31,6 +31,7 @@
"jose": {:hex, :jose, "1.11.10", "a903f5227417bd2a08c8a00a0cbcc458118be84480955e8d251297a425723f83", [:mix, :rebar3], [], "hexpm", "0d6cd36ff8ba174db29148fc112b5842186b68a90ce9fc2b3ec3afe76593e614"},
"kadabra": {:hex, :kadabra, "0.6.0", "8d8de886802f38d86d2c250eb9416e3208b5e4b78ce8409b40b4d57f21d21fc9", [:mix], [{:certifi, "~> 2.5", [hex: :certifi, repo: "hexpm", optional: false]}, {:hpack, "~> 0.2.3", [hex: :hpack_erl, repo: "hexpm", optional: false]}], "hexpm", "0cdaf72fc6205cba62da9e49ee6b24b7c50adb6d9f8b0e92b4b1847959371403"},
"live_view_native": {:git, "https://github.com/liveview-native/live_view_native.git", "65fc88252a21342116ed4ce4791e09c49d9d4c32", [branch: "main"]},
+ "live_view_native_jetpack": {:git, "https://github.com/liveview-native/liveview-client-jetpack.git", "6f5fc51c229c20375f32ac5f36af2a57b40a9f07", [branch: "main"]},
"live_view_native_live_form": {:git, "https://github.com/liveview-native/liveview-native-live-form.git", "84e9368996c8e869727548cfd6180b86fb5277f1", [branch: "main"]},
"live_view_native_stylesheet": {:git, "https://github.com/liveview-native/live_view_native_stylesheet.git", "10ca59477c049901b1b0de717ddb08d2eb30dadd", [branch: "main"]},
"live_view_native_swiftui": {:git, "https://github.com/liveview-native/liveview-client-swiftui.git", "9fe36d46499dfe3c9af29444a03e9f94a85742b4", [branch: "main"]},
diff --git a/native/jetpack/.gitignore b/native/jetpack/.gitignore
new file mode 100644
index 0000000..aa724b7
--- /dev/null
+++ b/native/jetpack/.gitignore
@@ -0,0 +1,15 @@
+*.iml
+.gradle
+/local.properties
+/.idea/caches
+/.idea/libraries
+/.idea/modules.xml
+/.idea/workspace.xml
+/.idea/navEditor.xml
+/.idea/assetWizardSettings.xml
+.DS_Store
+/build
+/captures
+.externalNativeBuild
+.cxx
+local.properties
diff --git a/native/jetpack/.idea/.gitignore b/native/jetpack/.idea/.gitignore
new file mode 100644
index 0000000..26d3352
--- /dev/null
+++ b/native/jetpack/.idea/.gitignore
@@ -0,0 +1,3 @@
+# Default ignored files
+/shelf/
+/workspace.xml
diff --git a/native/jetpack/.idea/.name b/native/jetpack/.idea/.name
new file mode 100644
index 0000000..9052c53
--- /dev/null
+++ b/native/jetpack/.idea/.name
@@ -0,0 +1 @@
+Lax
\ No newline at end of file
diff --git a/native/jetpack/.idea/deploymentTargetSelector.xml b/native/jetpack/.idea/deploymentTargetSelector.xml
new file mode 100644
index 0000000..b268ef3
--- /dev/null
+++ b/native/jetpack/.idea/deploymentTargetSelector.xml
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/native/jetpack/.idea/gradle.xml b/native/jetpack/.idea/gradle.xml
new file mode 100644
index 0000000..ae733f1
--- /dev/null
+++ b/native/jetpack/.idea/gradle.xml
@@ -0,0 +1,19 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/native/jetpack/.idea/kotlinc.xml b/native/jetpack/.idea/kotlinc.xml
new file mode 100644
index 0000000..6d0ee1c
--- /dev/null
+++ b/native/jetpack/.idea/kotlinc.xml
@@ -0,0 +1,6 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/native/jetpack/.idea/migrations.xml b/native/jetpack/.idea/migrations.xml
new file mode 100644
index 0000000..f8051a6
--- /dev/null
+++ b/native/jetpack/.idea/migrations.xml
@@ -0,0 +1,10 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/native/jetpack/.idea/misc.xml b/native/jetpack/.idea/misc.xml
new file mode 100644
index 0000000..74dd639
--- /dev/null
+++ b/native/jetpack/.idea/misc.xml
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/native/jetpack/.idea/runConfigurations.xml b/native/jetpack/.idea/runConfigurations.xml
new file mode 100644
index 0000000..16660f1
--- /dev/null
+++ b/native/jetpack/.idea/runConfigurations.xml
@@ -0,0 +1,17 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/native/jetpack/.idea/vcs.xml b/native/jetpack/.idea/vcs.xml
new file mode 100644
index 0000000..b2bdec2
--- /dev/null
+++ b/native/jetpack/.idea/vcs.xml
@@ -0,0 +1,6 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/native/jetpack/app/.gitignore b/native/jetpack/app/.gitignore
new file mode 100644
index 0000000..42afabf
--- /dev/null
+++ b/native/jetpack/app/.gitignore
@@ -0,0 +1 @@
+/build
\ No newline at end of file
diff --git a/native/jetpack/app/build.gradle.kts b/native/jetpack/app/build.gradle.kts
new file mode 100644
index 0000000..8190cfa
--- /dev/null
+++ b/native/jetpack/app/build.gradle.kts
@@ -0,0 +1,61 @@
+plugins {
+ alias(libs.plugins.android.application)
+ alias(libs.plugins.kotlin.android)
+ alias(libs.plugins.kotlin.compose)
+}
+
+android {
+ namespace = "so.lax.Lax"
+ compileSdk = 35
+
+ defaultConfig {
+ applicationId = "so.lax.Lax"
+ minSdk = 24
+ targetSdk = 34
+ versionCode = 1
+ versionName = "1.0"
+
+ testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
+ }
+
+ buildTypes {
+ release {
+ isMinifyEnabled = false
+ proguardFiles(
+ getDefaultProguardFile("proguard-android-optimize.txt"),
+ "proguard-rules.pro"
+ )
+ }
+ }
+ compileOptions {
+ sourceCompatibility = JavaVersion.VERSION_11
+ targetCompatibility = JavaVersion.VERSION_11
+ }
+ kotlinOptions {
+ jvmTarget = "11"
+ }
+ buildFeatures {
+ compose = true
+ }
+}
+
+dependencies {
+ implementation("com.github.liveview-native:liveview-client-jetpack:main-SNAPSHOT") {
+ isChanging = true
+ }
+ implementation(libs.androidx.core.ktx)
+ implementation(libs.androidx.lifecycle.runtime.ktx)
+ implementation(libs.androidx.activity.compose)
+ implementation(platform(libs.androidx.compose.bom))
+ implementation(libs.androidx.ui)
+ implementation(libs.androidx.ui.graphics)
+ implementation(libs.androidx.ui.tooling.preview)
+ implementation(libs.androidx.material3)
+ testImplementation(libs.junit)
+ androidTestImplementation(libs.androidx.junit)
+ androidTestImplementation(libs.androidx.espresso.core)
+ androidTestImplementation(platform(libs.androidx.compose.bom))
+ androidTestImplementation(libs.androidx.ui.test.junit4)
+ debugImplementation(libs.androidx.ui.tooling)
+ debugImplementation(libs.androidx.ui.test.manifest)
+}
\ No newline at end of file
diff --git a/native/jetpack/app/proguard-rules.pro b/native/jetpack/app/proguard-rules.pro
new file mode 100644
index 0000000..481bb43
--- /dev/null
+++ b/native/jetpack/app/proguard-rules.pro
@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+# http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+# public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile
\ No newline at end of file
diff --git a/native/jetpack/app/src/androidTest/java/so/lax/Lax/ExampleInstrumentedTest.kt b/native/jetpack/app/src/androidTest/java/so/lax/Lax/ExampleInstrumentedTest.kt
new file mode 100644
index 0000000..9d0f8c4
--- /dev/null
+++ b/native/jetpack/app/src/androidTest/java/so/lax/Lax/ExampleInstrumentedTest.kt
@@ -0,0 +1,24 @@
+package so.lax.Lax
+
+import androidx.test.platform.app.InstrumentationRegistry
+import androidx.test.ext.junit.runners.AndroidJUnit4
+
+import org.junit.Test
+import org.junit.runner.RunWith
+
+import org.junit.Assert.*
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+@RunWith(AndroidJUnit4::class)
+class ExampleInstrumentedTest {
+ @Test
+ fun useAppContext() {
+ // Context of the app under test.
+ val appContext = InstrumentationRegistry.getInstrumentation().targetContext
+ assertEquals("so.lax.Lax", appContext.packageName)
+ }
+}
\ No newline at end of file
diff --git a/native/jetpack/app/src/main/AndroidManifest.xml b/native/jetpack/app/src/main/AndroidManifest.xml
new file mode 100644
index 0000000..d15953f
--- /dev/null
+++ b/native/jetpack/app/src/main/AndroidManifest.xml
@@ -0,0 +1,29 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/native/jetpack/app/src/main/java/so/lax/Lax/MainActivity.kt b/native/jetpack/app/src/main/java/so/lax/Lax/MainActivity.kt
new file mode 100644
index 0000000..e4699f5
--- /dev/null
+++ b/native/jetpack/app/src/main/java/so/lax/Lax/MainActivity.kt
@@ -0,0 +1,25 @@
+package so.lax.Lax
+
+import android.os.Bundle
+import androidx.activity.ComponentActivity
+import androidx.activity.compose.setContent
+import androidx.activity.enableEdgeToEdge
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Scaffold
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import org.phoenixframework.liveview.ui.phx_components.LiveView
+import so.lax.Lax.ui.theme.LaxTheme
+
+class MainActivity : ComponentActivity() {
+ override fun onCreate(savedInstanceState: Bundle?) {
+ super.onCreate(savedInstanceState)
+ enableEdgeToEdge()
+ setContent {
+ LiveView(url = "http://10.0.2.2:4000")
+ }
+ }
+}
\ No newline at end of file
diff --git a/native/jetpack/app/src/main/java/so/lax/Lax/ui/theme/Color.kt b/native/jetpack/app/src/main/java/so/lax/Lax/ui/theme/Color.kt
new file mode 100644
index 0000000..169838a
--- /dev/null
+++ b/native/jetpack/app/src/main/java/so/lax/Lax/ui/theme/Color.kt
@@ -0,0 +1,11 @@
+package so.lax.Lax.ui.theme
+
+import androidx.compose.ui.graphics.Color
+
+val Purple80 = Color(0xFFD0BCFF)
+val PurpleGrey80 = Color(0xFFCCC2DC)
+val Pink80 = Color(0xFFEFB8C8)
+
+val Purple40 = Color(0xFF6650a4)
+val PurpleGrey40 = Color(0xFF625b71)
+val Pink40 = Color(0xFF7D5260)
\ No newline at end of file
diff --git a/native/jetpack/app/src/main/java/so/lax/Lax/ui/theme/Theme.kt b/native/jetpack/app/src/main/java/so/lax/Lax/ui/theme/Theme.kt
new file mode 100644
index 0000000..9df94fc
--- /dev/null
+++ b/native/jetpack/app/src/main/java/so/lax/Lax/ui/theme/Theme.kt
@@ -0,0 +1,58 @@
+package so.lax.Lax.ui.theme
+
+import android.app.Activity
+import android.os.Build
+import androidx.compose.foundation.isSystemInDarkTheme
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.darkColorScheme
+import androidx.compose.material3.dynamicDarkColorScheme
+import androidx.compose.material3.dynamicLightColorScheme
+import androidx.compose.material3.lightColorScheme
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.platform.LocalContext
+
+private val DarkColorScheme = darkColorScheme(
+ primary = Purple80,
+ secondary = PurpleGrey80,
+ tertiary = Pink80
+)
+
+private val LightColorScheme = lightColorScheme(
+ primary = Purple40,
+ secondary = PurpleGrey40,
+ tertiary = Pink40
+
+ /* Other default colors to override
+ background = Color(0xFFFFFBFE),
+ surface = Color(0xFFFFFBFE),
+ onPrimary = Color.White,
+ onSecondary = Color.White,
+ onTertiary = Color.White,
+ onBackground = Color(0xFF1C1B1F),
+ onSurface = Color(0xFF1C1B1F),
+ */
+)
+
+@Composable
+fun LaxTheme(
+ darkTheme: Boolean = isSystemInDarkTheme(),
+ // Dynamic color is available on Android 12+
+ dynamicColor: Boolean = true,
+ content: @Composable () -> Unit
+) {
+ val colorScheme = when {
+ dynamicColor && Build.VERSION.SDK_INT >= Build.VERSION_CODES.S -> {
+ val context = LocalContext.current
+ if (darkTheme) dynamicDarkColorScheme(context) else dynamicLightColorScheme(context)
+ }
+
+ darkTheme -> DarkColorScheme
+ else -> LightColorScheme
+ }
+
+ MaterialTheme(
+ colorScheme = colorScheme,
+ typography = Typography,
+ content = content
+ )
+}
\ No newline at end of file
diff --git a/native/jetpack/app/src/main/java/so/lax/Lax/ui/theme/Type.kt b/native/jetpack/app/src/main/java/so/lax/Lax/ui/theme/Type.kt
new file mode 100644
index 0000000..f5cc4e9
--- /dev/null
+++ b/native/jetpack/app/src/main/java/so/lax/Lax/ui/theme/Type.kt
@@ -0,0 +1,34 @@
+package so.lax.Lax.ui.theme
+
+import androidx.compose.material3.Typography
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.FontFamily
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.unit.sp
+
+// Set of Material typography styles to start with
+val Typography = Typography(
+ bodyLarge = TextStyle(
+ fontFamily = FontFamily.Default,
+ fontWeight = FontWeight.Normal,
+ fontSize = 16.sp,
+ lineHeight = 24.sp,
+ letterSpacing = 0.5.sp
+ )
+ /* Other default text styles to override
+ titleLarge = TextStyle(
+ fontFamily = FontFamily.Default,
+ fontWeight = FontWeight.Normal,
+ fontSize = 22.sp,
+ lineHeight = 28.sp,
+ letterSpacing = 0.sp
+ ),
+ labelSmall = TextStyle(
+ fontFamily = FontFamily.Default,
+ fontWeight = FontWeight.Medium,
+ fontSize = 11.sp,
+ lineHeight = 16.sp,
+ letterSpacing = 0.5.sp
+ )
+ */
+)
\ No newline at end of file
diff --git a/native/jetpack/app/src/main/res/drawable/ic_launcher_background.xml b/native/jetpack/app/src/main/res/drawable/ic_launcher_background.xml
new file mode 100644
index 0000000..07d5da9
--- /dev/null
+++ b/native/jetpack/app/src/main/res/drawable/ic_launcher_background.xml
@@ -0,0 +1,170 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/native/jetpack/app/src/main/res/drawable/ic_launcher_foreground.xml b/native/jetpack/app/src/main/res/drawable/ic_launcher_foreground.xml
new file mode 100644
index 0000000..2b068d1
--- /dev/null
+++ b/native/jetpack/app/src/main/res/drawable/ic_launcher_foreground.xml
@@ -0,0 +1,30 @@
+
+
+
+
+