turbo-native-initializer 0.0.12 → 0.0.13

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c1f5d9801c82d83f38a465a6375d87b1b90ac03a19bcf292b78555f9bc925cee
-  data.tar.gz: 5405c39714a62d1f5823d46be8bb9935ac52743f2c02d9a0b544b82f73fd6f40
+  metadata.gz: f6134975dfb64645d0fe32a2dfcaa61efe0719458540d0e294cffc5547646397
+  data.tar.gz: df7dada5dc6d57ff85e58e2439c86a9e06cc0e4e89fe8a5547509da483493906
 SHA512:
-  metadata.gz: 65fbcd8000abe1b6c9c4c0c0ca4ab715ecbc8ac828ca1b859bc93b7d9a32718163913b12b881ee6ea2e41c244df50c7d869dc8fe420d86a09e9dfcd50b274a28
-  data.tar.gz: d3c907983b7c31767b99c9bd34bb0b0185fbb4bb8028c19a6c5e6648c739baf99a08e6a4318207ed25644a41c2a6d4d84bcabd529288dd85004c42b52f21f0a4
+  metadata.gz: 2135c55c9a059bba1907bd90f776e352968d74af49cdc8173d8b6f1d92ecbf5b09e566d3626e02d5842a509fb1dea7b3d7dde0d847046da4cb9740186f5e04b4
+  data.tar.gz: 4c648e53161c6ab00f22787b3dc059cf06d8f259a9eabdd8aad0617e33d56ccac29ca6556f4eaa31fd8eb93fbbf50ad15d2d18e5b9f5fe3d1875369679bae5bc

data/README.md

@@ -12,7 +12,7 @@ A turbo native project generator for iOS and Android.
 - 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)
+- Integrated with the gem [strada-rails](https://github.com/lazaronixon/strada-rails).
 
 ## Installation
 

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

@@ -25,6 +25,7 @@ open class WebFragment : TurboWebFragment(), NavDestination {
 
     override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
         super.onViewCreated(view, savedInstanceState)
+        setupMenu()
         viewLifecycleOwner.lifecycle.addObserver(bridgeDelegate)
     }
 
@@ -59,4 +60,8 @@ open class WebFragment : TurboWebFragment(), NavDestination {
     override fun createErrorView(statusCode: Int): View {
         return layoutInflater.inflate(R.layout.error_web, null)
     }
+
+    private fun setupMenu() {
+        toolbarForNavigation()?.inflateMenu(R.menu.web)
+    }
 }

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

@@ -6,4 +6,5 @@ val bridgeComponentFactories = listOf(
     BridgeComponentFactory("form", ::FormComponent),
     BridgeComponentFactory("nav-button", ::NavButtonComponent),
     BridgeComponentFactory("flash-message", ::FlashMessageComponent),
+    BridgeComponentFactory("menu", ::MenuComponent)
 )

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

@@ -0,0 +1,78 @@
+package <%= package_name %>.strada
+
+import android.util.Log
+import android.view.LayoutInflater
+import androidx.fragment.app.Fragment
+import androidx.recyclerview.widget.LinearLayoutManager
+import com.google.android.material.bottomsheet.BottomSheetDialog
+import dev.hotwire.strada.BridgeComponent
+import dev.hotwire.strada.BridgeDelegate
+import dev.hotwire.strada.Message
+import <%= package_name %>.base.NavDestination
+import <%= package_name %>.databinding.MenuComponentBottomSheetBinding
+import kotlinx.serialization.Serializable
+
+class MenuComponent(
+    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 == "display") {
+            handleDisplayEvent(message)
+        } else {
+            Log.w("TurboNative", "Unknown event for message: $message")
+        }
+    }
+
+    private fun handleDisplayEvent(message: Message) {
+        val data = message.data<MessageData>() ?: return
+        showBottomSheet(data.title, data.items)
+    }
+
+    private fun showBottomSheet(title: String, items: List<Item>) {
+        val view = fragment.view?.rootView ?: return
+        val inflater = LayoutInflater.from(view.context)
+        val bottomSheet = BottomSheetDialog(view.context)
+        val binding = MenuComponentBottomSheetBinding.inflate(inflater)
+
+        binding.toolbar.title = title
+        binding.recyclerView.layoutManager = LinearLayoutManager(view.context)
+        binding.recyclerView.adapter = MenuComponentAdapter().apply {
+            setData(items)
+            setListener {
+                bottomSheet.dismiss()
+                onItemSelected(it)
+            }
+        }
+
+        bottomSheet.apply {
+            setContentView(binding.root)
+            show()
+        }
+    }
+
+    private fun onItemSelected(item: Item) {
+        replyTo("display", SelectionMessageData(item.index))
+    }
+
+    @Serializable
+    data class MessageData(
+        val title: String,
+        val items: List<Item>
+    )
+
+    @Serializable
+    data class Item(
+        val title: String,
+        val index: Int
+    )
+
+    @Serializable
+    data class SelectionMessageData(
+        val selectedIndex: Int
+    )
+}

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

@@ -0,0 +1,57 @@
+package <%= package_name %>.strada
+
+import android.annotation.SuppressLint
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.recyclerview.widget.RecyclerView
+import com.google.android.material.textview.MaterialTextView
+import <%= package_name %>.R
+
+class MenuComponentAdapter : RecyclerView.Adapter<MenuComponentAdapter.ViewHolder>() {
+    private val type = R.layout.menu_component_adapter_row
+    private var action: ((MenuComponent.Item) -> Unit)? = null
+
+    private var items = emptyList<MenuComponent.Item>()
+        @SuppressLint("NotifyDataSetChanged")
+        set(value) {
+            field = value
+            notifyDataSetChanged()
+        }
+
+    fun setData(items: List<MenuComponent.Item>) {
+        this.items = items
+    }
+
+    fun setListener(action: (item: MenuComponent.Item) -> Unit) {
+        this.action = action
+    }
+
+    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
+        holder.bind(items[position])
+    }
+
+    override fun getItemCount(): Int {
+        return items.count()
+    }
+
+    override fun getItemViewType(position: Int): Int {
+        return type
+    }
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
+        val view = LayoutInflater.from(parent.context).inflate(viewType, parent, false)
+        return ViewHolder(view)
+    }
+
+    inner class ViewHolder(view: View) : RecyclerView.ViewHolder(view) {
+        private val textView: MaterialTextView = view.findViewById(R.id.title)
+
+        fun bind(item: MenuComponent.Item) {
+            textView.text = item.title
+            itemView.setOnClickListener {
+                action?.invoke(item)
+            }
+        }
+    }
+}

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

@@ -1,9 +1,6 @@
 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
@@ -11,7 +8,6 @@ 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(
@@ -19,8 +15,6 @@ class NavButtonComponent(
     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?
@@ -40,27 +34,26 @@ class NavButtonComponent(
     }
 
     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
+        val toolbar = toolbar ?: return
 
-        binding.navButton.apply {
-            text = data.title
-            setOnClickListener {
-                performAction()
-            }
+        toolbar.menu.findItem(R.id.nav_button)?.apply {
+            isVisible = true
+            title = data.title
         }
 
-        menu.removeItem(navButtonItemId)
-        navButtonMenuItem = menu.add(Menu.NONE, navButtonItemId, order, data.title).apply {
-            actionView = binding.root
-            setShowAsAction(MenuItem.SHOW_AS_ACTION_ALWAYS)
+        toolbar.setOnMenuItemClickListener {
+            when (it.itemId) {
+                R.id.nav_button -> {
+                    performClick()
+                    true
+                }
+                else -> false
+            }
         }
     }
 
-    private fun performAction(): Boolean {
-        return replyTo("connect")
+    private fun performClick() {
+        replyTo("connect")
     }
 
     @Serializable

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

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:background="?selectableItemBackground">
+
+    <com.google.android.material.textview.MaterialTextView
+        style="@style/TextAppearance.AppCompat.Menu"
+        android:id="@+id/title"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:minHeight="48dp"
+        android:paddingLeft="16dp"
+        android:paddingTop="8dp"
+        android:paddingRight="16dp"
+        android:paddingBottom="8dp"
+        android:textSize="18sp"
+        app:layout_constraintTop_toTopOf="parent" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>

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

@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="@color/transparent">
+
+    <com.google.android.material.appbar.AppBarLayout
+        android:id="@+id/app_bar"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:background="@color/transparent"
+        android:stateListAnimator="@null"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent">
+
+        <com.google.android.material.appbar.MaterialToolbar
+            android:id="@+id/toolbar"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content" />
+
+    </com.google.android.material.appbar.AppBarLayout>
+
+    <androidx.recyclerview.widget.RecyclerView
+        android:id="@+id/recycler_view"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/app_bar" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>

data/lib/turbo_native_initializer/templates/android_stack/base/app/src/main/res/menu/web.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<menu xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+    <item
+        android:id="@+id/nav_button"
+        android:orderInCategory="999"
+        android:visible="false"
+        app:showAsAction="always" />
+</menu>

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

@@ -22,6 +22,7 @@ open class WebFragment : TurboWebFragment(), NavDestination {
 
     override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
         super.onViewCreated(view, savedInstanceState)
+        setupMenu()
         viewLifecycleOwner.lifecycle.addObserver(bridgeDelegate)
     }
 
@@ -49,4 +50,8 @@ open class WebFragment : TurboWebFragment(), NavDestination {
     override fun createErrorView(statusCode: Int): View {
         return layoutInflater.inflate(R.layout.error_web, null)
     }
+
+    private fun setupMenu() {
+        toolbarForNavigation()?.inflateMenu(R.menu.web)
+    }
 }

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

@@ -6,4 +6,5 @@ val bridgeComponentFactories = listOf(
     BridgeComponentFactory("form", ::FormComponent),
     BridgeComponentFactory("nav-button", ::NavButtonComponent),
     BridgeComponentFactory("flash-message", ::FlashMessageComponent),
+    BridgeComponentFactory("menu", ::MenuComponent)
 )

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

@@ -0,0 +1,78 @@
+package <%= package_name %>.strada
+
+import android.util.Log
+import android.view.LayoutInflater
+import androidx.fragment.app.Fragment
+import androidx.recyclerview.widget.LinearLayoutManager
+import com.google.android.material.bottomsheet.BottomSheetDialog
+import dev.hotwire.strada.BridgeComponent
+import dev.hotwire.strada.BridgeDelegate
+import dev.hotwire.strada.Message
+import <%= package_name %>.base.NavDestination
+import <%= package_name %>.databinding.MenuComponentBottomSheetBinding
+import kotlinx.serialization.Serializable
+
+class MenuComponent(
+    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 == "display") {
+            handleDisplayEvent(message)
+        } else {
+            Log.w("TurboNative", "Unknown event for message: $message")
+        }
+    }
+
+    private fun handleDisplayEvent(message: Message) {
+        val data = message.data<MessageData>() ?: return
+        showBottomSheet(data.title, data.items)
+    }
+
+    private fun showBottomSheet(title: String, items: List<Item>) {
+        val view = fragment.view?.rootView ?: return
+        val inflater = LayoutInflater.from(view.context)
+        val bottomSheet = BottomSheetDialog(view.context)
+        val binding = MenuComponentBottomSheetBinding.inflate(inflater)
+
+        binding.toolbar.title = title
+        binding.recyclerView.layoutManager = LinearLayoutManager(view.context)
+        binding.recyclerView.adapter = MenuComponentAdapter().apply {
+            setData(items)
+            setListener {
+                bottomSheet.dismiss()
+                onItemSelected(it)
+            }
+        }
+
+        bottomSheet.apply {
+            setContentView(binding.root)
+            show()
+        }
+    }
+
+    private fun onItemSelected(item: Item) {
+        replyTo("display", SelectionMessageData(item.index))
+    }
+
+    @Serializable
+    data class MessageData(
+        val title: String,
+        val items: List<Item>
+    )
+
+    @Serializable
+    data class Item(
+        val title: String,
+        val index: Int
+    )
+
+    @Serializable
+    data class SelectionMessageData(
+        val selectedIndex: Int
+    )
+}

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

@@ -0,0 +1,57 @@
+package <%= package_name %>.strada
+
+import android.annotation.SuppressLint
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.recyclerview.widget.RecyclerView
+import com.google.android.material.textview.MaterialTextView
+import <%= package_name %>.R
+
+class MenuComponentAdapter : RecyclerView.Adapter<MenuComponentAdapter.ViewHolder>() {
+    private val type = R.layout.menu_component_adapter_row
+    private var action: ((MenuComponent.Item) -> Unit)? = null
+
+    private var items = emptyList<MenuComponent.Item>()
+        @SuppressLint("NotifyDataSetChanged")
+        set(value) {
+            field = value
+            notifyDataSetChanged()
+        }
+
+    fun setData(items: List<MenuComponent.Item>) {
+        this.items = items
+    }
+
+    fun setListener(action: (item: MenuComponent.Item) -> Unit) {
+        this.action = action
+    }
+
+    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
+        holder.bind(items[position])
+    }
+
+    override fun getItemCount(): Int {
+        return items.count()
+    }
+
+    override fun getItemViewType(position: Int): Int {
+        return type
+    }
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
+        val view = LayoutInflater.from(parent.context).inflate(viewType, parent, false)
+        return ViewHolder(view)
+    }
+
+    inner class ViewHolder(view: View) : RecyclerView.ViewHolder(view) {
+        private val textView: MaterialTextView = view.findViewById(R.id.title)
+
+        fun bind(item: MenuComponent.Item) {
+            textView.text = item.title
+            itemView.setOnClickListener {
+                action?.invoke(item)
+            }
+        }
+    }
+}

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

@@ -1,9 +1,6 @@
 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
@@ -11,7 +8,6 @@ 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(
@@ -19,8 +15,6 @@ class NavButtonComponent(
     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?
@@ -40,27 +34,26 @@ class NavButtonComponent(
     }
 
     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
+        val toolbar = toolbar ?: return
 
-        binding.navButton.apply {
-            text = data.title
-            setOnClickListener {
-                performAction()
-            }
+        toolbar.menu.findItem(R.id.nav_button)?.apply {
+            isVisible = true
+            title = data.title
         }
 
-        menu.removeItem(navButtonItemId)
-        navButtonMenuItem = menu.add(Menu.NONE, navButtonItemId, order, data.title).apply {
-            actionView = binding.root
-            setShowAsAction(MenuItem.SHOW_AS_ACTION_ALWAYS)
+        toolbar.setOnMenuItemClickListener {
+            when (it.itemId) {
+                R.id.nav_button -> {
+                    performClick()
+                    true
+                }
+                else -> false
+            }
         }
     }
 
-    private fun performAction(): Boolean {
-        return replyTo("connect")
+    private fun performClick() {
+        replyTo("connect")
     }
 
     @Serializable

data/lib/turbo_native_initializer/templates/android_tabs/base/app/src/main/res/layout/menu_component_adapter_row.xml

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:background="?selectableItemBackground">
+
+    <com.google.android.material.textview.MaterialTextView
+        style="@style/TextAppearance.AppCompat.Menu"
+        android:id="@+id/title"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:minHeight="48dp"
+        android:paddingLeft="16dp"
+        android:paddingTop="8dp"
+        android:paddingRight="16dp"
+        android:paddingBottom="8dp"
+        android:textSize="18sp"
+        app:layout_constraintTop_toTopOf="parent" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>

data/lib/turbo_native_initializer/templates/android_tabs/base/app/src/main/res/layout/menu_component_bottom_sheet.xml

@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="@color/transparent">
+
+    <com.google.android.material.appbar.AppBarLayout
+        android:id="@+id/app_bar"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:background="@color/transparent"
+        android:stateListAnimator="@null"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent">
+
+        <com.google.android.material.appbar.MaterialToolbar
+            android:id="@+id/toolbar"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content" />
+
+    </com.google.android.material.appbar.AppBarLayout>
+
+    <androidx.recyclerview.widget.RecyclerView
+        android:id="@+id/recycler_view"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/app_bar" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>

data/lib/turbo_native_initializer/templates/android_tabs/base/app/src/main/res/menu/web.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<menu xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+    <item
+        android:id="@+id/nav_button"
+        android:orderInCategory="999"
+        android:visible="false"
+        app:showAsAction="always" />
+</menu>

data/lib/turbo_native_initializer/templates/ios_stack/TurboNativeProject/Strada/BridgeComponent+App.swift

@@ -3,6 +3,11 @@ import Strada
 
 extension BridgeComponent {
     static var allTypes: [BridgeComponent.Type] {
-        [FormComponent.self, NavButtonComponent.self, FlashMessageComponent.self]
+        [
+            FormComponent.self,
+            NavButtonComponent.self,
+            MenuComponent.self,
+            FlashMessageComponent.self
+        ]
     }
 }

data/lib/turbo_native_initializer/templates/ios_stack/TurboNativeProject/Strada/MenuComponent.swift

@@ -0,0 +1,77 @@
+import Foundation
+import Strada
+import UIKit
+
+final class MenuComponent: BridgeComponent {
+    override class var name: String { "menu" }
+
+    override func onReceive(message: Message) {
+        guard let event = Event(rawValue: message.event) else {
+            return
+        }
+
+        if event == .display {
+            handleDisplayEvent(message: message)
+        }
+    }
+
+    // MARK: Private
+
+    private var viewController: UIViewController? {
+        delegate.destination as? UIViewController
+    }
+
+    private func handleDisplayEvent(message: Message) {
+        guard let data: MessageData = message.data() else { return }
+        showAlertSheet(with: data.title, items: data.items)
+    }
+
+    private func showAlertSheet(with title: String, items: [Item]) {
+        let alertController = UIAlertController(title: title,
+                                                message: nil,
+                                                preferredStyle: .actionSheet)
+
+        for item in items {
+            let action = UIAlertAction(title: item.title, style: .default) {[weak self] _ in
+                self?.onItemSelected(item: item)
+            }
+            alertController.addAction(action)
+        }
+
+        let cancelAction = UIAlertAction(title: "Cancel", style: .cancel)
+        alertController.addAction(cancelAction)
+
+        viewController?.present(alertController, animated: true)
+    }
+
+    private func onItemSelected(item: Item) {
+        reply(to: Event.display.rawValue,
+              with: SelectionMessageData(selectedIndex: item.index))
+    }
+}
+
+// MARK: Events
+
+private extension MenuComponent {
+    enum Event: String {
+        case display
+    }
+}
+
+// MARK: Message data
+
+private extension MenuComponent {
+    struct MessageData: Decodable {
+        let title: String
+        let items: [Item]
+    }
+
+    struct Item: Decodable {
+        let title: String
+        let index: Int
+    }
+
+    struct SelectionMessageData: Encodable {
+        let selectedIndex:Int
+    }
+}

data/lib/turbo_native_initializer/templates/ios_stack/TurboNativeProject.xcodeproj/project.pbxproj.tt

@@ -14,6 +14,7 @@
 		5D281BB42ABC0CB0001CE599 /* BridgeComponent+App.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5D281BB32ABC0CB0001CE599 /* BridgeComponent+App.swift */; };
 		5D281BB62ABC0CB9001CE599 /* FormComponent.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5D281BB52ABC0CB9001CE599 /* FormComponent.swift */; };
 		5D91C5402AC538960046D872 /* FlashMessageComponent.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5D91C53F2AC538960046D872 /* FlashMessageComponent.swift */; };
+		5DA9C92F2AC7E38100FEA7E6 /* MenuComponent.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5DA9C92E2AC7E38100FEA7E6 /* MenuComponent.swift */; };
 		5DAF71B72AC3FB53002D04FE /* UIViewController+Toast.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5DAF71B62AC3FB53002D04FE /* UIViewController+Toast.swift */; };
 		5DCC50D42A959DF900B529A0 /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5DCC50D32A959DF900B529A0 /* AppDelegate.swift */; };
 		5DCC50D62A959DF900B529A0 /* SceneDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5DCC50D52A959DF900B529A0 /* SceneDelegate.swift */; };
@@ -35,6 +36,7 @@
 		5D281BB32ABC0CB0001CE599 /* BridgeComponent+App.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = "BridgeComponent+App.swift"; sourceTree = "<group>"; };
 		5D281BB52ABC0CB9001CE599 /* FormComponent.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = FormComponent.swift; sourceTree = "<group>"; };
 		5D91C53F2AC538960046D872 /* FlashMessageComponent.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = FlashMessageComponent.swift; sourceTree = "<group>"; };
+		5DA9C92E2AC7E38100FEA7E6 /* MenuComponent.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = MenuComponent.swift; sourceTree = "<group>"; };
 		5DAF71B62AC3FB53002D04FE /* UIViewController+Toast.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = "UIViewController+Toast.swift"; sourceTree = "<group>"; };
 		5DCC50D02A959DF900B529A0 /* <%= name %>.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = <%= name %>.app; sourceTree = BUILT_PRODUCTS_DIR; };
 		5DCC50D32A959DF900B529A0 /* AppDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = "<group>"; };
@@ -70,6 +72,7 @@
 				5D281BB52ABC0CB9001CE599 /* FormComponent.swift */,
 				5D1F2EC02ABEB12300B2819A /* NavButtonComponent.swift */,
 				5D91C53F2AC538960046D872 /* FlashMessageComponent.swift */,
+				5DA9C92E2AC7E38100FEA7E6 /* MenuComponent.swift */,
 			);
 			path = Strada;
 			sourceTree = "<group>";
@@ -224,6 +227,7 @@
 			isa = PBXSourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				5DA9C92F2AC7E38100FEA7E6 /* MenuComponent.swift in Sources */,
 				5DCC50D82A959DF900B529A0 /* TurboWebViewController.swift in Sources */,
 				5DDD58812AA9A8BE00FAC961 /* NumbersViewController.swift in Sources */,
 				5D91C5402AC538960046D872 /* FlashMessageComponent.swift in Sources */,

data/lib/turbo_native_initializer/templates/ios_tabs/TurboNativeProject/Strada/BridgeComponent+App.swift

@@ -3,6 +3,11 @@ import Strada
 
 extension BridgeComponent {
     static var allTypes: [BridgeComponent.Type] {
-        [FormComponent.self, NavButtonComponent.self, FlashMessageComponent.self]
+        [
+            FormComponent.self,
+            NavButtonComponent.self,
+            MenuComponent.self,
+            FlashMessageComponent.self
+        ]
     }
 }

data/lib/turbo_native_initializer/templates/ios_tabs/TurboNativeProject/Strada/MenuComponent.swift

@@ -0,0 +1,77 @@
+import Foundation
+import Strada
+import UIKit
+
+final class MenuComponent: BridgeComponent {
+    override class var name: String { "menu" }
+
+    override func onReceive(message: Message) {
+        guard let event = Event(rawValue: message.event) else {
+            return
+        }
+
+        if event == .display {
+            handleDisplayEvent(message: message)
+        }
+    }
+
+    // MARK: Private
+
+    private var viewController: UIViewController? {
+        delegate.destination as? UIViewController
+    }
+
+    private func handleDisplayEvent(message: Message) {
+        guard let data: MessageData = message.data() else { return }
+        showAlertSheet(with: data.title, items: data.items)
+    }
+
+    private func showAlertSheet(with title: String, items: [Item]) {
+        let alertController = UIAlertController(title: title,
+                                                message: nil,
+                                                preferredStyle: .actionSheet)
+
+        for item in items {
+            let action = UIAlertAction(title: item.title, style: .default) {[weak self] _ in
+                self?.onItemSelected(item: item)
+            }
+            alertController.addAction(action)
+        }
+
+        let cancelAction = UIAlertAction(title: "Cancel", style: .cancel)
+        alertController.addAction(cancelAction)
+
+        viewController?.present(alertController, animated: true)
+    }
+
+    private func onItemSelected(item: Item) {
+        reply(to: Event.display.rawValue,
+              with: SelectionMessageData(selectedIndex: item.index))
+    }
+}
+
+// MARK: Events
+
+private extension MenuComponent {
+    enum Event: String {
+        case display
+    }
+}
+
+// MARK: Message data
+
+private extension MenuComponent {
+    struct MessageData: Decodable {
+        let title: String
+        let items: [Item]
+    }
+
+    struct Item: Decodable {
+        let title: String
+        let index: Int
+    }
+
+    struct SelectionMessageData: Encodable {
+        let selectedIndex:Int
+    }
+}

data/lib/turbo_native_initializer/templates/ios_tabs/TurboNativeProject.xcodeproj/project.pbxproj.tt

@@ -15,6 +15,7 @@
 		5D8AB2FC2ABC117F00C6A82F /* BridgeComponent+App.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5D8AB2FA2ABC117F00C6A82F /* BridgeComponent+App.swift */; };
 		5D8AB2FE2ABC119900C6A82F /* WKWebViewConfiguration+App.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5D8AB2FD2ABC119900C6A82F /* WKWebViewConfiguration+App.swift */; };
 		5D8AB3012ABC127300C6A82F /* Strada in Frameworks */ = {isa = PBXBuildFile; productRef = 5D8AB3002ABC127300C6A82F /* Strada */; };
+		5DA9C9352AC874D200FEA7E6 /* MenuComponent.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5DA9C9342AC874D200FEA7E6 /* MenuComponent.swift */; };
 		5DCC50D42A959DF900B529A0 /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5DCC50D32A959DF900B529A0 /* AppDelegate.swift */; };
 		5DCC50D62A959DF900B529A0 /* SceneDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5DCC50D52A959DF900B529A0 /* SceneDelegate.swift */; };
 		5DCC50D82A959DF900B529A0 /* TurboWebViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5DCC50D72A959DF900B529A0 /* TurboWebViewController.swift */; };
@@ -36,6 +37,7 @@
 		5D8AB2F92ABC117F00C6A82F /* FormComponent.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = FormComponent.swift; sourceTree = "<group>"; };
 		5D8AB2FA2ABC117F00C6A82F /* BridgeComponent+App.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = "BridgeComponent+App.swift"; sourceTree = "<group>"; };
 		5D8AB2FD2ABC119900C6A82F /* WKWebViewConfiguration+App.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = "WKWebViewConfiguration+App.swift"; sourceTree = "<group>"; };
+		5DA9C9342AC874D200FEA7E6 /* MenuComponent.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = MenuComponent.swift; sourceTree = "<group>"; };
 		5DCC50D02A959DF900B529A0 /* <%= name %>.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = <%= name %>.app; sourceTree = BUILT_PRODUCTS_DIR; };
 		5DCC50D32A959DF900B529A0 /* AppDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = "<group>"; };
 		5DCC50D52A959DF900B529A0 /* SceneDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SceneDelegate.swift; sourceTree = "<group>"; };
@@ -79,6 +81,7 @@
 				5D8AB2F92ABC117F00C6A82F /* FormComponent.swift */,
 				5D1F2EC02ABEB12300B2819A /* NavButtonComponent.swift */,
 				5D2381402AC53D8900FABA1F /* FlashMessageComponent.swift */,
+				5DA9C9342AC874D200FEA7E6 /* MenuComponent.swift */,
 			);
 			path = Strada;
 			sourceTree = "<group>";
@@ -224,6 +227,7 @@
 			isa = PBXSourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				5DA9C9352AC874D200FEA7E6 /* MenuComponent.swift in Sources */,
 				5DCC50D82A959DF900B529A0 /* TurboWebViewController.swift in Sources */,
 				5DDD58812AA9A8BE00FAC961 /* NumbersViewController.swift in Sources */,
 				5D2381412AC53D8900FABA1F /* FlashMessageComponent.swift in Sources */,

data/lib/turbo_native_initializer/version.rb

@@ -1,3 +1,3 @@
 module TurboNativeInitializer
-  VERSION = "0.0.12"
+  VERSION = "0.0.13"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: turbo-native-initializer
 version: !ruby/object:Gem::Version
-  version: 0.0.12
+  version: 0.0.13
 platform: ruby
 authors:
 - Nixon
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2023-09-29 00:00:00.000000000 Z
+date: 2023-09-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: thor
@@ -52,6 +52,8 @@ files:
 - lib/turbo_native_initializer/templates/android_stack/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/BridgeComponentFactories.kt.tt
 - lib/turbo_native_initializer/templates/android_stack/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/FlashMessageComponent.kt.tt
 - lib/turbo_native_initializer/templates/android_stack/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/FormComponent.kt.tt
+- lib/turbo_native_initializer/templates/android_stack/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/MenuComponent.kt.tt
+- lib/turbo_native_initializer/templates/android_stack/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/MenuComponentAdapter.kt.tt
 - lib/turbo_native_initializer/templates/android_stack/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/NavButtonComponent.kt.tt
 - lib/turbo_native_initializer/templates/android_stack/app/src/main/java/dev/hotwire/turbo/turbonativeproject/util/Constants.kt.tt
 - lib/turbo_native_initializer/templates/android_stack/app/src/main/java/dev/hotwire/turbo/turbonativeproject/util/Extension.kt.tt
@@ -73,7 +75,9 @@ files:
 - lib/turbo_native_initializer/templates/android_stack/base/app/src/main/res/layout/form_component_submit.xml
 - lib/turbo_native_initializer/templates/android_stack/base/app/src/main/res/layout/fragment_native.xml
 - lib/turbo_native_initializer/templates/android_stack/base/app/src/main/res/layout/fragment_web_home.xml
-- lib/turbo_native_initializer/templates/android_stack/base/app/src/main/res/layout/nav_button_component.xml
+- lib/turbo_native_initializer/templates/android_stack/base/app/src/main/res/layout/menu_component_adapter_row.xml
+- lib/turbo_native_initializer/templates/android_stack/base/app/src/main/res/layout/menu_component_bottom_sheet.xml
+- lib/turbo_native_initializer/templates/android_stack/base/app/src/main/res/menu/web.xml
 - lib/turbo_native_initializer/templates/android_stack/base/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
 - lib/turbo_native_initializer/templates/android_stack/base/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
 - lib/turbo_native_initializer/templates/android_stack/base/app/src/main/res/mipmap-xhdpi/ic_launcher.png
@@ -105,6 +109,8 @@ files:
 - lib/turbo_native_initializer/templates/android_tabs/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/BridgeComponentFactories.kt.tt
 - lib/turbo_native_initializer/templates/android_tabs/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/FlashMessageComponent.kt.tt
 - lib/turbo_native_initializer/templates/android_tabs/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/FormComponent.kt.tt
+- lib/turbo_native_initializer/templates/android_tabs/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/MenuComponent.kt.tt
+- lib/turbo_native_initializer/templates/android_tabs/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/MenuComponentAdapter.kt.tt
 - lib/turbo_native_initializer/templates/android_tabs/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/NavButtonComponent.kt.tt
 - lib/turbo_native_initializer/templates/android_tabs/app/src/main/java/dev/hotwire/turbo/turbonativeproject/util/Constants.kt.tt
 - lib/turbo_native_initializer/templates/android_tabs/app/src/main/java/dev/hotwire/turbo/turbonativeproject/util/Extension.kt.tt
@@ -128,8 +134,10 @@ files:
 - lib/turbo_native_initializer/templates/android_tabs/base/app/src/main/res/layout/form_component_submit.xml
 - lib/turbo_native_initializer/templates/android_tabs/base/app/src/main/res/layout/fragment_native.xml
 - lib/turbo_native_initializer/templates/android_tabs/base/app/src/main/res/layout/fragment_web_home.xml
-- lib/turbo_native_initializer/templates/android_tabs/base/app/src/main/res/layout/nav_button_component.xml
+- lib/turbo_native_initializer/templates/android_tabs/base/app/src/main/res/layout/menu_component_adapter_row.xml
+- lib/turbo_native_initializer/templates/android_tabs/base/app/src/main/res/layout/menu_component_bottom_sheet.xml
 - lib/turbo_native_initializer/templates/android_tabs/base/app/src/main/res/menu/bottom_navigation_menu.xml
+- lib/turbo_native_initializer/templates/android_tabs/base/app/src/main/res/menu/web.xml
 - lib/turbo_native_initializer/templates/android_tabs/base/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
 - lib/turbo_native_initializer/templates/android_tabs/base/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
 - lib/turbo_native_initializer/templates/android_tabs/base/app/src/main/res/mipmap-xhdpi/ic_launcher.png
@@ -173,6 +181,7 @@ files:
 - lib/turbo_native_initializer/templates/ios_stack/TurboNativeProject/Strada/BridgeComponent+App.swift
 - lib/turbo_native_initializer/templates/ios_stack/TurboNativeProject/Strada/FlashMessageComponent.swift
 - lib/turbo_native_initializer/templates/ios_stack/TurboNativeProject/Strada/FormComponent.swift
+- lib/turbo_native_initializer/templates/ios_stack/TurboNativeProject/Strada/MenuComponent.swift
 - lib/turbo_native_initializer/templates/ios_stack/TurboNativeProject/Strada/NavButtonComponent.swift
 - lib/turbo_native_initializer/templates/ios_stack/TurboNativeProject/TurboNativeProject.swift.tt
 - lib/turbo_native_initializer/templates/ios_tabs/TurboNativeProject.xcodeproj/project.pbxproj.tt
@@ -200,6 +209,7 @@ files:
 - lib/turbo_native_initializer/templates/ios_tabs/TurboNativeProject/Strada/BridgeComponent+App.swift
 - lib/turbo_native_initializer/templates/ios_tabs/TurboNativeProject/Strada/FlashMessageComponent.swift
 - lib/turbo_native_initializer/templates/ios_tabs/TurboNativeProject/Strada/FormComponent.swift
+- lib/turbo_native_initializer/templates/ios_tabs/TurboNativeProject/Strada/MenuComponent.swift
 - lib/turbo_native_initializer/templates/ios_tabs/TurboNativeProject/Strada/NavButtonComponent.swift
 - lib/turbo_native_initializer/templates/ios_tabs/TurboNativeProject/TurboNativeProject.swift.tt
 - lib/turbo_native_initializer/version.rb

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

@@ -1,14 +0,0 @@
-<?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_tabs/base/app/src/main/res/layout/nav_button_component.xml

@@ -1,14 +0,0 @@
-<?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>