turbo-native-initializer 0.0.10 → 0.0.12

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 52ff35d610a3d846038f5e159c46a04fe6c9426d4975b09654c2a55744b9ae9d
-  data.tar.gz: 4646660e51e7e5e6b0721a19f9b74506305a5f119c2d3afe29310991f82fc7e6
+  metadata.gz: c1f5d9801c82d83f38a465a6375d87b1b90ac03a19bcf292b78555f9bc925cee
+  data.tar.gz: 5405c39714a62d1f5823d46be8bb9935ac52743f2c02d9a0b544b82f73fd6f40
 SHA512:
-  metadata.gz: 5c147b87af14885a7561e407875cbf2b417cd5368409c0ee5e48b1a200c058500e565bd373e922f0e548fa5c27d9923fed2fd93353ea4cb3ac7478f28a38cb3b
-  data.tar.gz: b654caa260551c993b93fbb31d52e68ba38e2ae8959c55f6205df49972bf0db81e87482724f5f0fac10e84b0c5c90edc1eb47c4e1bb71b43feb6ea6280a7ec3b
+  metadata.gz: 65fbcd8000abe1b6c9c4c0c0ca4ab715ecbc8ac828ca1b859bc93b7d9a32718163913b12b881ee6ea2e41c244df50c7d869dc8fe420d86a09e9dfcd50b274a28
+  data.tar.gz: d3c907983b7c31767b99c9bd34bb0b0185fbb4bb8028c19a6c5e6648c739baf99a08e6a4318207ed25644a41c2a6d4d84bcabd529288dd85004c42b52f21f0a4

data/README.md

@@ -11,6 +11,8 @@ A turbo native project generator for iOS and Android.
 - Added presentations `pop`, `refresh`, `none`, `replace`, `clear-all`, and `replace-all`. (iOS)
 - Added `visitable` property in order to avoid visits. (iOS)
 - Added support for tab navigation. (iOS/Android)
+- Added support for flash messages. (iOS/Android)
+- Added navigation bar button component. (iOS/Android)
 
 ## Installation
 
@@ -56,7 +58,7 @@ Options:
 
 ## Development
 
-After checking out the repo, run `bin/setup` to install dependencies. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
+After checking out the repo, run `bin/setup` to install dependencies. You can also run `bin/console` for an interactive prompt that will allow you to experiment, you can run something like `TurboNativeInitializer::Generator.start(["TurboNativeProject", "--platform=ios", "--navigation=stack"])`.
 
 To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and the created tag, and push the `.gem` file to [rubygems.org](https://rubygems.org).
 

data/lib/turbo_native_initializer/generator.rb

@@ -23,6 +23,7 @@ module TurboNativeInitializer
         directory "#{project}/TurboNativeProject/Controllers", "#{name}/#{name}/Controllers"
         directory "#{project}/TurboNativeProject/Delegates", "#{name}/#{name}/Delegates"
         directory "#{project}/TurboNativeProject/Resources", "#{name}/#{name}/Resources"
+        directory "#{project}/TurboNativeProject/Strada", "#{name}/#{name}/Strada"
         directory "#{project}/TurboNativeProject.xcodeproj", "#{name}/#{name}.xcodeproj"
         template  "#{project}/TurboNativeProject/TurboNativeProject.swift", "#{name}/#{name}/#{name}.swift"
       when "android"

data/lib/turbo_native_initializer/templates/android_stack/app/src/main/java/dev/hotwire/turbo/turbonativeproject/base/NavDestination.kt.tt

@@ -6,17 +6,20 @@ import androidx.browser.customtabs.CustomTabsIntent
 import androidx.browser.customtabs.CustomTabsIntent.SHARE_STATE_ON
 import androidx.navigation.NavOptions
 import androidx.navigation.navOptions
+import com.google.android.material.snackbar.Snackbar
+import dev.hotwire.strada.BridgeDestination
 import dev.hotwire.turbo.config.TurboPathConfigurationProperties
 import dev.hotwire.turbo.config.context
 import <%= package_name %>.R
 import <%= package_name %>.util.BASE_URL
 import dev.hotwire.turbo.nav.TurboNavDestination
+import dev.hotwire.turbo.nav.TurboNavPresentationContext.DEFAULT
 import dev.hotwire.turbo.nav.TurboNavPresentationContext.MODAL
 
-interface NavDestination : TurboNavDestination {
+interface NavDestination : TurboNavDestination, BridgeDestination {
     override fun shouldNavigateTo(newLocation: String): Boolean {
         return when (isNavigable(newLocation)) {
-            true -> true
+            true -> { displayNoticeMessage(newLocation); true }
             else -> { launchCustomTab(newLocation); false }
         }
     }
@@ -31,10 +34,22 @@ interface NavDestination : TurboNavDestination {
         }
     }
 
+    override fun bridgeWebViewIsReady(): Boolean {
+        return session.isReady
+    }
+
     private fun isNavigable(location: String): Boolean {
         return location.startsWith(BASE_URL)
     }
 
+    private fun displayNoticeMessage(location: String) {
+        var message = Uri.parse(location).getQueryParameter("notice")
+
+        if (pathProperties.context == DEFAULT && message != null) {
+            Snackbar.make(fragment.requireView(), message, Snackbar.LENGTH_SHORT).show()
+        }
+    }
+
     private fun launchCustomTab(location: String) {
         val context = fragment.context ?: return
         val color = context.getColor(R.color.white)

data/lib/turbo_native_initializer/templates/android_stack/app/src/main/java/dev/hotwire/turbo/turbonativeproject/features/web/WebFragment.kt.tt

@@ -1,16 +1,54 @@
 package <%= package_name %>.features.web
 
+import android.os.Bundle
 import android.view.View
+import dev.hotwire.strada.BridgeDelegate
 import <%= package_name %>.base.NavDestination
 import <%= package_name %>.util.SIGN_IN_URL
 import dev.hotwire.turbo.fragments.TurboWebFragment
 import dev.hotwire.turbo.nav.TurboNavGraphDestination
 import <%= package_name %>.R
+import <%= package_name %>.strada.bridgeComponentFactories
+import dev.hotwire.turbo.views.TurboWebView
 import dev.hotwire.turbo.visit.TurboVisitAction.REPLACE
 import dev.hotwire.turbo.visit.TurboVisitOptions
 
 @TurboNavGraphDestination(uri = "turbo://fragment/web")
 open class WebFragment : TurboWebFragment(), NavDestination {
+    private val bridgeDelegate by lazy {
+        BridgeDelegate(
+            location = location,
+            destination = this,
+            componentFactories =  bridgeComponentFactories
+        )
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+        viewLifecycleOwner.lifecycle.addObserver(bridgeDelegate)
+    }
+
+    override fun onDestroyView() {
+        super.onDestroyView()
+        viewLifecycleOwner.lifecycle.removeObserver(bridgeDelegate)
+    }
+
+    override fun onColdBootPageStarted(location: String) {
+        bridgeDelegate.onColdBootPageStarted()
+    }
+
+    override fun onColdBootPageCompleted(location: String) {
+        bridgeDelegate.onColdBootPageCompleted()
+    }
+
+    override fun onWebViewAttached(webView: TurboWebView) {
+        bridgeDelegate.onWebViewAttached(webView)
+    }
+
+    override fun onWebViewDetached(webView: TurboWebView) {
+        bridgeDelegate.onWebViewDetached()
+    }
+
     override fun onVisitErrorReceived(location: String, errorCode: Int) {
         when (errorCode) {
             401 -> navigate(SIGN_IN_URL, TurboVisitOptions(action = REPLACE))

data/lib/turbo_native_initializer/templates/android_stack/app/src/main/java/dev/hotwire/turbo/turbonativeproject/features/web/WebModalFragment.kt.tt

@@ -3,7 +3,7 @@ package <%= package_name %>.features.web
 import android.os.Bundle
 import android.view.View
 import dev.hotwire.turbo.nav.TurboNavGraphDestination
-import <%= package_name %>.R
+import <%= package_name %>.util.displayBackButtonAsCloseIcon
 
 @TurboNavGraphDestination(uri = "turbo://fragment/web/modal")
 class WebModalFragment : WebFragment() {
@@ -12,6 +12,6 @@ class WebModalFragment : WebFragment() {
     }
 
     private fun initToolbar() {
-        toolbarForNavigation()?.navigationIcon = context?.getDrawable(R.drawable.ic_close)
+        toolbarForNavigation()?.displayBackButtonAsCloseIcon()
     }
 }

data/lib/turbo_native_initializer/templates/android_stack/app/src/main/java/dev/hotwire/turbo/turbonativeproject/main/MainActivity.kt.tt

@@ -2,6 +2,8 @@ package <%= package_name %>.main
 
 import android.os.Bundle
 import androidx.appcompat.app.AppCompatActivity
+import dev.hotwire.strada.KotlinXJsonConverter
+import dev.hotwire.strada.Strada
 import dev.hotwire.turbo.activities.TurboActivity
 import dev.hotwire.turbo.delegates.TurboActivityDelegate
 import <%= package_name %>.R
@@ -14,5 +16,10 @@ class MainActivity : AppCompatActivity(), TurboActivity {
         setContentView(R.layout.activity_main)
 
         delegate = TurboActivityDelegate(this, R.id.main_nav_host)
+        configApp()
+    }
+
+    private fun configApp() {
+        Strada.config.jsonConverter = KotlinXJsonConverter()
     }
 }

data/lib/turbo_native_initializer/templates/android_stack/app/src/main/java/dev/hotwire/turbo/turbonativeproject/main/MainSessionNavHostFragment.kt.tt

@@ -1,8 +1,8 @@
 package <%= package_name %>.main
 
-import android.webkit.WebView
 import androidx.appcompat.app.AppCompatActivity
 import androidx.fragment.app.Fragment
+import dev.hotwire.strada.Bridge
 import dev.hotwire.turbo.config.TurboPathConfiguration
 import <%= package_name %>.features.native.NumbersFragment
 import <%= package_name %>.features.web.WebFragment
@@ -10,6 +10,7 @@ import <%= package_name %>.features.web.WebHomeFragment
 import <%= package_name %>.features.web.WebModalFragment
 import <%= package_name %>.util.CURRENT_URL
 import dev.hotwire.turbo.session.TurboSessionNavHostFragment
+import <%= package_name %>.util.customUserAgent
 import kotlin.reflect.KClass
 
 @Suppress("unused")
@@ -29,10 +30,9 @@ class MainSessionNavHostFragment : TurboSessionNavHostFragment() {
 
     override fun onSessionCreated() {
         super.onSessionCreated()
-        session.webView.settings.userAgentString = customUserAgent(session.webView)
-    }
+        session.webView.settings.userAgentString = session.webView.customUserAgent
 
-    private fun customUserAgent(webView: WebView): String {
-        return "Turbo Native Android ${webView.settings.userAgentString}"
+        // Initialize Strada bridge with new WebView instance
+        Bridge.initialize(session.webView)
     }
 }

data/lib/turbo_native_initializer/templates/android_stack/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/BridgeComponentFactories.kt.tt

@@ -0,0 +1,9 @@
+package <%= package_name %>.strada
+
+import dev.hotwire.strada.BridgeComponentFactory
+
+val bridgeComponentFactories = listOf(
+    BridgeComponentFactory("form", ::FormComponent),
+    BridgeComponentFactory("nav-button", ::NavButtonComponent),
+    BridgeComponentFactory("flash-message", ::FlashMessageComponent),
+)

data/lib/turbo_native_initializer/templates/android_stack/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/FlashMessageComponent.kt.tt

@@ -0,0 +1,41 @@
+package <%= package_name %>.strada
+
+import android.util.Log
+import androidx.fragment.app.Fragment
+import com.google.android.material.snackbar.Snackbar
+import dev.hotwire.strada.BridgeComponent
+import dev.hotwire.strada.BridgeDelegate
+import dev.hotwire.strada.Message
+import <%= package_name %>.base.NavDestination
+import kotlinx.serialization.Serializable
+
+class FlashMessageComponent(
+    name: String,
+    private val delegate: BridgeDelegate<NavDestination>
+) : BridgeComponent<NavDestination>(name, delegate) {
+
+    private val fragment: Fragment
+        get() = delegate.destination.fragment
+
+    override fun onReceive(message: Message) {
+        if (message.event == "connect") {
+            handleConnectEvent(message)
+        } else {
+            Log.w("TurboNative", "Unknown event for message: $message")
+        }
+    }
+
+    private fun handleConnectEvent(message: Message) {
+        val data = message.data<MessageData>() ?: return
+        showSnackBar(data)
+    }
+
+    private fun showSnackBar(data: MessageData) {
+        Snackbar.make(fragment.requireView(), data.title, Snackbar.LENGTH_SHORT).show()
+    }
+
+    @Serializable
+    data class MessageData(
+        val title: String
+    )
+}

data/lib/turbo_native_initializer/templates/android_stack/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/FormComponent.kt.tt

@@ -0,0 +1,87 @@
+package <%= package_name %>.strada
+
+import android.util.Log
+import android.view.LayoutInflater
+import android.view.Menu
+import android.view.MenuItem
+import androidx.appcompat.widget.Toolbar
+import androidx.fragment.app.Fragment
+import dev.hotwire.strada.BridgeComponent
+import dev.hotwire.strada.BridgeDelegate
+import dev.hotwire.strada.Message
+import <%= package_name %>.R
+import <%= package_name %>.base.NavDestination
+import <%= package_name %>.databinding.FormComponentSubmitBinding
+import kotlinx.serialization.Serializable
+
+class FormComponent(
+    name: String,
+    private val delegate: BridgeDelegate<NavDestination>
+) : BridgeComponent<NavDestination>(name, delegate) {
+
+    private val submitButtonItemId = 10
+    private var submitMenuItem: MenuItem? = null
+    private val fragment: Fragment
+        get() = delegate.destination.fragment
+    private val toolbar: Toolbar?
+        get() = fragment.view?.findViewById(R.id.toolbar)
+
+    override fun onReceive(message: Message) {
+        when (message.event) {
+            "connect" -> handleConnectEvent(message)
+            "submitEnabled" -> handleSubmitEnabled()
+            "submitDisabled" -> handleSubmitDisabled()
+            else -> Log.w("TurboNative", "Unknown event for message: $message")
+        }
+    }
+
+    private fun handleConnectEvent(message: Message) {
+        val data = message.data<MessageData>() ?: return
+        showToolbarButton(data)
+    }
+
+    private fun handleSubmitEnabled() {
+        toggleSubmitButton(true)
+    }
+
+    private fun handleSubmitDisabled() {
+        toggleSubmitButton(false)
+    }
+
+    private fun showToolbarButton(data: MessageData) {
+        val menu = toolbar?.menu ?: return
+        val inflater = LayoutInflater.from(fragment.requireContext())
+        val binding = FormComponentSubmitBinding.inflate(inflater)
+        val order = 999 // Show as the right-most button
+
+        binding.formSubmit.apply {
+            text = data.title
+            setOnClickListener {
+                performSubmit()
+            }
+        }
+
+        menu.removeItem(submitButtonItemId)
+        submitMenuItem = menu.add(Menu.NONE, submitButtonItemId, order, data.title).apply {
+            actionView = binding.root
+            setShowAsAction(MenuItem.SHOW_AS_ACTION_ALWAYS)
+        }
+    }
+
+    private fun toggleSubmitButton(enable: Boolean) {
+        val layout = submitMenuItem?.actionView ?: return
+
+        FormComponentSubmitBinding.bind(layout).apply {
+            formSubmit.isEnabled = enable
+        }
+    }
+
+    private fun performSubmit(): Boolean {
+        return replyTo("connect")
+    }
+
+    @Serializable
+    data class MessageData(
+        val title: String
+    )
+}

data/lib/turbo_native_initializer/templates/android_stack/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/NavButtonComponent.kt.tt

@@ -0,0 +1,70 @@
+package <%= package_name %>.strada
+
+import android.util.Log
+import android.view.LayoutInflater
+import android.view.Menu
+import android.view.MenuItem
+import androidx.appcompat.widget.Toolbar
+import androidx.fragment.app.Fragment
+import dev.hotwire.strada.BridgeComponent
+import dev.hotwire.strada.BridgeDelegate
+import dev.hotwire.strada.Message
+import <%= package_name %>.R
+import <%= package_name %>.base.NavDestination
+import <%= package_name %>.databinding.NavButtonComponentBinding
+import kotlinx.serialization.Serializable
+
+class NavButtonComponent(
+    name: String,
+    private val delegate: BridgeDelegate<NavDestination>
+) : BridgeComponent<NavDestination>(name, delegate) {
+
+    private val navButtonItemId = 20
+    private var navButtonMenuItem: MenuItem? = null
+    private val fragment: Fragment
+        get() = delegate.destination.fragment
+    private val toolbar: Toolbar?
+        get() = fragment.view?.findViewById(R.id.toolbar)
+
+    override fun onReceive(message: Message) {
+        if (message.event == "connect") {
+            handleConnectEvent(message)
+        } else {
+            Log.w("TurboNative", "Unknown event for message: $message")
+        }
+    }
+
+    private fun handleConnectEvent(message: Message) {
+        val data = message.data<MessageData>() ?: return
+        showToolbarButton(data)
+    }
+
+    private fun showToolbarButton(data: MessageData) {
+        val menu = toolbar?.menu ?: return
+        val inflater = LayoutInflater.from(fragment.requireContext())
+        val binding = NavButtonComponentBinding.inflate(inflater)
+        val order = 999 // Show as the right-most button
+
+        binding.navButton.apply {
+            text = data.title
+            setOnClickListener {
+                performAction()
+            }
+        }
+
+        menu.removeItem(navButtonItemId)
+        navButtonMenuItem = menu.add(Menu.NONE, navButtonItemId, order, data.title).apply {
+            actionView = binding.root
+            setShowAsAction(MenuItem.SHOW_AS_ACTION_ALWAYS)
+        }
+    }
+
+    private fun performAction(): Boolean {
+        return replyTo("connect")
+    }
+
+    @Serializable
+    data class MessageData(
+        val title: String
+    )
+}

data/lib/turbo_native_initializer/templates/android_stack/app/src/main/java/dev/hotwire/turbo/turbonativeproject/util/Extension.kt.tt

@@ -0,0 +1,19 @@
+package <%= package_name %>.util
+
+import android.webkit.WebView
+import androidx.appcompat.widget.Toolbar
+import androidx.core.content.ContextCompat
+import dev.hotwire.strada.Strada
+import <%= package_name %>.R
+import <%= package_name %>.strada.bridgeComponentFactories
+
+fun Toolbar.displayBackButtonAsCloseIcon() {
+    navigationIcon = ContextCompat.getDrawable(context, R.drawable.ic_close)
+}
+
+val WebView.customUserAgent: String
+    get() {
+        val turboSubstring = "Turbo Native Android"
+        val stradaSubstring = Strada.userAgentSubstring(bridgeComponentFactories)
+        return "$turboSubstring; $stradaSubstring; ${settings.userAgentString}"
+    }

data/lib/turbo_native_initializer/templates/android_stack/base/app/build.gradle.kts.tt

@@ -1,6 +1,7 @@
 plugins {
     id("com.android.application")
     id("org.jetbrains.kotlin.android")
+    id("org.jetbrains.kotlin.plugin.serialization")
 }
 
 android {
@@ -25,13 +26,14 @@ android {
         }
     }
     compileOptions {
-        sourceCompatibility = JavaVersion.VERSION_1_8
-        targetCompatibility = JavaVersion.VERSION_1_8
+        sourceCompatibility = JavaVersion.VERSION_17
+        targetCompatibility = JavaVersion.VERSION_17
     }
     kotlinOptions {
-        jvmTarget = "1.8"
+        jvmTarget = "17"
     }
     buildFeatures {
+        viewBinding = true
         compose = true
     }
     composeOptions {
@@ -54,4 +56,8 @@ dependencies {
 
     // Turbo Android
     implementation("dev.hotwire:turbo:7.0.0")
+
+    // Strada
+    implementation("dev.hotwire:strada:1.0.0-beta2")
+    implementation("org.jetbrains.kotlinx:kotlinx-serialization-json:1.5.0")
 }

data/lib/turbo_native_initializer/templates/android_stack/base/app/src/main/assets/json/configuration.json

@@ -6,7 +6,7 @@
     { "patterns": ["/recede_historical_location"], "properties": { "presentation": "pop" } },
     { "patterns": ["/resume_historical_location"], "properties": { "presentation": "none" } },
     { "patterns": ["^/$"], "properties": { "uri": "turbo://fragment/web/home", "presentation": "replace_all" } },
-    { "patterns": ["/new$", "/edit$", "/signin$"], "properties": { "context": "modal", "uri": "turbo://fragment/web/modal" } },
+    { "patterns": ["/new$", "/edit$", "/signin$", "/strada-form$"], "properties": { "context": "modal", "uri": "turbo://fragment/web/modal", "pull_to_refresh_enabled": false } },
     { "patterns": ["/numbers$"], "properties": { "uri": "turbo://fragment/numbers", "title": "Numbers" } }
   ]
 }

data/lib/turbo_native_initializer/templates/android_stack/base/app/src/main/res/layout/form_component_submit.xml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="wrap_content"
+    android:layout_height="match_parent"
+    android:layout_gravity="end|center_vertical"
+    android:paddingEnd="16dp">
+
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/form_submit"
+        android:layout_width="wrap_content"
+        android:layout_height="48dp" />
+</FrameLayout>

data/lib/turbo_native_initializer/templates/android_stack/base/app/src/main/res/layout/nav_button_component.xml

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="wrap_content"
+    android:layout_height="match_parent"
+    android:layout_gravity="end|center_vertical"
+    android:paddingEnd="16dp">
+
+    <com.google.android.material.button.MaterialButton
+        style="@style/Widget.Material3.Button.TextButton"
+        android:id="@+id/nav_button"
+        android:layout_width="wrap_content"
+        android:layout_height="48dp"
+        android:minWidth="0dip" />
+</FrameLayout>

data/lib/turbo_native_initializer/templates/android_stack/base/app/src/main/res/values/colors.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
-    <color name="color_brand">#5cd8e5</color>
+    <color name="color_brand">#1362E0</color>
     <color name="black">#FF000000</color>
     <color name="white">#FFFFFFFF</color>
 </resources>

data/lib/turbo_native_initializer/templates/android_stack/base/build.gradle.kts

@@ -2,4 +2,5 @@
 plugins {
     id("com.android.application") version "8.1.1" apply false
     id("org.jetbrains.kotlin.android") version "1.9.0" apply false
-}
+    id("org.jetbrains.kotlin.plugin.serialization") version "1.9.0" apply false
+}

data/lib/turbo_native_initializer/templates/android_tabs/app/src/main/java/dev/hotwire/turbo/turbonativeproject/base/NavDestination.kt.tt

@@ -6,17 +6,20 @@ import androidx.browser.customtabs.CustomTabsIntent
 import androidx.browser.customtabs.CustomTabsIntent.SHARE_STATE_ON
 import androidx.navigation.NavOptions
 import androidx.navigation.navOptions
+import com.google.android.material.snackbar.Snackbar
+import dev.hotwire.strada.BridgeDestination
 import dev.hotwire.turbo.config.TurboPathConfigurationProperties
 import dev.hotwire.turbo.config.context
 import <%= package_name %>.R
 import <%= package_name %>.util.BASE_URL
 import dev.hotwire.turbo.nav.TurboNavDestination
+import dev.hotwire.turbo.nav.TurboNavPresentationContext.DEFAULT
 import dev.hotwire.turbo.nav.TurboNavPresentationContext.MODAL
 
-interface NavDestination : TurboNavDestination {
+interface NavDestination : TurboNavDestination, BridgeDestination {
     override fun shouldNavigateTo(newLocation: String): Boolean {
         return when (isNavigable(newLocation)) {
-            true -> true
+            true -> { displayNoticeMessage(newLocation); true }
             else -> { launchCustomTab(newLocation); false }
         }
     }
@@ -31,10 +34,22 @@ interface NavDestination : TurboNavDestination {
         }
     }
 
+    override fun bridgeWebViewIsReady(): Boolean {
+        return session.isReady
+    }
+
     private fun isNavigable(location: String): Boolean {
         return location.startsWith(BASE_URL)
     }
 
+    private fun displayNoticeMessage(location: String) {
+        var message = Uri.parse(location).getQueryParameter("notice")
+
+        if (pathProperties.context == DEFAULT && message != null) {
+            Snackbar.make(fragment.requireView(), message, Snackbar.LENGTH_SHORT).show()
+        }
+    }
+
     private fun launchCustomTab(location: String) {
         val context = fragment.context ?: return
         val color = context.getColor(R.color.white)

data/lib/turbo_native_initializer/templates/android_tabs/app/src/main/java/dev/hotwire/turbo/turbonativeproject/features/web/WebFragment.kt.tt

@@ -1,13 +1,51 @@
 package <%= package_name %>.features.web
 
+import android.os.Bundle
 import android.view.View
+import dev.hotwire.strada.BridgeDelegate
 import <%= package_name %>.base.NavDestination
 import dev.hotwire.turbo.fragments.TurboWebFragment
 import dev.hotwire.turbo.nav.TurboNavGraphDestination
 import <%= package_name %>.R
+import <%= package_name %>.strada.bridgeComponentFactories
+import dev.hotwire.turbo.views.TurboWebView
 
 @TurboNavGraphDestination(uri = "turbo://fragment/web")
 open class WebFragment : TurboWebFragment(), NavDestination {
+    private val bridgeDelegate by lazy {
+        BridgeDelegate(
+            location = location,
+            destination = this,
+            componentFactories =  bridgeComponentFactories
+        )
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+        viewLifecycleOwner.lifecycle.addObserver(bridgeDelegate)
+    }
+
+    override fun onDestroyView() {
+        super.onDestroyView()
+        viewLifecycleOwner.lifecycle.removeObserver(bridgeDelegate)
+    }
+
+    override fun onColdBootPageStarted(location: String) {
+        bridgeDelegate.onColdBootPageStarted()
+    }
+
+    override fun onColdBootPageCompleted(location: String) {
+        bridgeDelegate.onColdBootPageCompleted()
+    }
+
+    override fun onWebViewAttached(webView: TurboWebView) {
+        bridgeDelegate.onWebViewAttached(webView)
+    }
+
+    override fun onWebViewDetached(webView: TurboWebView) {
+        bridgeDelegate.onWebViewDetached()
+    }
+
     override fun createErrorView(statusCode: Int): View {
         return layoutInflater.inflate(R.layout.error_web, null)
     }

data/lib/turbo_native_initializer/templates/android_tabs/app/src/main/java/dev/hotwire/turbo/turbonativeproject/features/web/WebModalFragment.kt.tt

@@ -3,7 +3,7 @@ package <%= package_name %>.features.web
 import android.os.Bundle
 import android.view.View
 import dev.hotwire.turbo.nav.TurboNavGraphDestination
-import <%= package_name %>.R
+import <%= package_name %>.util.displayBackButtonAsCloseIcon
 
 @TurboNavGraphDestination(uri = "turbo://fragment/web/modal")
 class WebModalFragment : WebFragment() {
@@ -12,6 +12,6 @@ class WebModalFragment : WebFragment() {
     }
 
     private fun initToolbar() {
-        toolbarForNavigation()?.navigationIcon = context?.getDrawable(R.drawable.ic_close)
+        toolbarForNavigation()?.displayBackButtonAsCloseIcon()
     }
 }