hotwire_native_rails 0.4.0 → 0.4.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ef4762edbead247433532ce39a4a655326a424caf6cc2fb93e11af0ed5b1e132
-  data.tar.gz: 395632d72dfa0383cf1e0abb3dfe976834785d8077e4582fbed7f6566efbcae8
+  metadata.gz: 496232d28d21557ed5ae8052afcdb90c4881962b4bb9a14aa53998526efd039a
+  data.tar.gz: ebb6f14bbecb603d8ad2f1b38762e9540d46760784cdb9b4a6714e24c06135e7
 SHA512:
-  metadata.gz: 45b8fe38cb9060b0bf09f430cef6996dd0b83b53890305ed1d87a11c2ba7cbda7f0e1745d3231b78e42b22f2cf1c24ae8d43531f8323aaf3e61ca0ec702f4950
-  data.tar.gz: 6c2c5c1a9282675ea337a7837a0355e69ebdfb901f2a2fde318d0ef8da60944f5ad2ff8244d1e957cd3e6d0cb4d6eeb9c2efb7cf55ce5c4790e480f9dc46380b
+  metadata.gz: 4a411b0354a1e6b49c04ef147f88af0fdcfd8ce64c78b48aabc258db830e7440fb1e73e4f6b47112a4e76890a9b0c12c09360a23fa838f5bf5554e93a3020d30
+  data.tar.gz: 63e076f7932d86f32db010e4c7f237c0cef83438acd4f6d9571c5cd028f52a44673bbc3970abb1d990418ab578480108cfb2bffe1b676792f5a3c7e39c07c9e9

data/README.md

@@ -24,7 +24,7 @@ Recommended to use with [my fork of iOS Hotwire Native starter app](https://gith
 - `viewport_meta_tag` - forbid zooming on mobile/native
 - use `data: { turbo_action: replace_if_native }` to submit authentication forms & forms in modals
 - `:mobile` request variant. `index.html+mobile.erb`
-- override link_to to not open internal links in in-app browser on native app
+- override `link_to` to not open internal links in in-app browser on native app
 - conditionally override page `<title>` for native apps
 
 #### CSS
@@ -33,11 +33,13 @@ Recommended to use with [my fork of iOS Hotwire Native starter app](https://gith
 #### Bridge Components
 - install Hotwire Native Bridge (works with Importmaps and Node)
 - add default bridge components (`Form`, `Menu`, `Button`)
-- add `Nav` (UIMenu) bridge component
+- add `Nav` (UIMenu) component
+- add `Review Prompt` component
 - `bridge_form_with` - easily apply Bridge `Form` component
 
 #### Path Configuration
 - `path_configuration_controller` for `ios` and `android`
+- Tabs controller - re-route native tabs
 
 ## Development
 
@@ -54,7 +56,7 @@ Make a release to rubygems:
 # 2. zip the gem
 gem build hotwire_native_rails.gemspec
 # 3. push the zip to rubygems
-gem push hotwire_native_rails-0.3.5.gem
+gem push hotwire_native_rails-0.4.0.gem
 ```
 
 - [Github source](https://github.com/yshmarov/hotwire_native_rails)

data/lib/generators/hotwire_native/hotwire_native_generator.rb

@@ -100,8 +100,8 @@ class HotwireNativeGenerator < Rails::Generators::Base
     append_to_file "app/assets/stylesheets/application.css" do
       <<-CSS
 
-body.hotwire-native .hotwire-native:hidden {
-  display: none;
+body.hotwire-native .d-hotwire-native-none {
+  display: none !important;
 }
       CSS
     end

data/lib/generators/hotwire_native/templates/javascript/controllers/bridge/button_controller.js

@@ -3,6 +3,27 @@ import { BridgeComponent } from "@hotwired/hotwire-native-bridge"
 // https://native.hotwired.dev/ios/bridge-components
 // Docs:
 // https://blog.corsego.com/hotwire-native-bridge-button
+
+// Example:
+// Text button:
+// <a href="/posts" data-controller="bridge--button" data-bridge-title="Posts">
+//   Posts
+// </a>
+// 
+// Icon button:
+// <a href="/posts" data-controller="bridge--button" data-bridge-title="Posts" data-bridge-ios-image="play.circle">
+//   Posts
+// </a>
+// 
+// Icon button on the left (right by default):
+// <a href="/posts" data-controller="bridge--button" data-bridge-title="Posts" data-bridge-ios-image="play.circle" data-bridge-side="left">
+//   Posts
+// </a>
+// 
+// Text with a click event:
+// <div data-controller="bridge--button" data-bridge-title="Search" data-bridge-ios-image="magnifyingglass.circle" class="hidden" data-action="click->dialog#open">
+//   Search
+// </div>
 export default class extends BridgeComponent {
   static component = "button"
 
@@ -13,8 +34,13 @@ export default class extends BridgeComponent {
     const title = element.bridgeAttribute("title")
     const image = element.bridgeAttribute("ios-image")
     const side = element.bridgeAttribute("side") || "right"
-    this.send("connect", {title, image, side}, () => {
+    this.send("connect", { title, image, side }, () => {
       this.element.click()
     })
   }
+
+  disconnect() {
+    super.disconnect()
+    this.send("disconnect")
+  }
 }

data/lib/generators/hotwire_native/templates/javascript/controllers/bridge/form_controller.js

@@ -4,9 +4,11 @@ import { BridgeElement } from "@hotwired/hotwire-native-bridge"
 // https://github.com/hotwired/hotwire-native-demo/blob/main/public/javascript/controllers/bridge/form_controller.js
 // Docs:
 // https://blog.corsego.com/hotwire-native-form-component
+
+// Replace form_with with bridge_form_with
 export default class extends BridgeComponent {
   static component = "form"
-  static targets = [ "submit" ]
+  static targets = ["submit"]
 
   connect() {
     super.connect()

data/lib/generators/hotwire_native/templates/javascript/controllers/bridge/menu_controller.js

@@ -2,6 +2,7 @@ import { BridgeComponent } from "@hotwired/hotwire-native-bridge"
 import { BridgeElement } from "@hotwired/hotwire-native-bridge"
 // aka Action Sheet
 // open a menu by clicking an HTML element
+// Question - can I have multiple menus on the same page?
 
 // Source:
 // https://github.com/hotwired/hotwire-native-demo/blob/main/public/javascript/controllers/bridge/menu_controller.js

data/lib/generators/hotwire_native/templates/javascript/controllers/bridge/nav_controller.js

@@ -3,6 +3,12 @@ import { BridgeComponent, BridgeElement } from "@hotwired/hotwire-native-bridge"
 
 // Docs:
 // https://blog.corsego.com/hotwire-native-ui-menu-dropdown
+
+// Example:
+// <%= tag.div data: { controller: 'bridge--nav', bridge_side: 'left', bridge_image: 'person.circle' } do %>
+//   <%= link_to "Users", users_path, data: { bridge__nav_target: 'item', bridge_image: 'person.circle' } %>
+//   <%= link_to "Tasks", tasks_path, data: { bridge__nav_target: 'item', bridge_image: 'checklist' } %>
+// <% end %>
 export default class extends BridgeComponent {
   static component = "nav"
   static targets = ["item"]

data/lib/generators/hotwire_native/templates/javascript/controllers/bridge/overflow_menu_controller.js

@@ -7,6 +7,17 @@ import { BridgeComponent } from "@hotwired/hotwire-native-bridge"
 // Docs:
 // https://blog.corsego.com/hotwire-native-bridge-menu-component
 
+// Example:
+// <div data-controller="bridge--menu" class="hotwire-native:hidden">
+//   <button
+//     data-controller="bridge--overflow-menu"
+//     data-action="click->bridge--menu#show click->menu#show">
+//     Open Menu
+//   </button>
+//   <p data-bridge--menu-target="title">Select an option</p>
+//   <%= link_to "Edit", edit_task_path(@task), data: {"bridge--menu-target": "item"} %>
+//   <%= button_to "Destroy", @task, method: :delete, data: {"bridge--menu-target": "item", turbo_confirm: "Are you sure?" } %>
+// </div>
 export default class extends BridgeComponent {
   static component = "overflow-menu"
 

data/lib/generators/hotwire_native/templates/javascript/controllers/bridge/review_prompt_controller.js

@@ -2,6 +2,7 @@ import { BridgeComponent } from "@hotwired/hotwire-native-bridge"
 // Docs:
 // https://blog.corsego.com/hotwire-native-leave-a-review-bridge-component
 
+// Example:
 // <meta data-controller="bridge--review-prompt" />
 export default class extends BridgeComponent {
   static component = "review-prompt"

data/lib/hotwire_native_rails/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module HotwireNativeRails
-  VERSION = "0.4.0"
+  VERSION = "0.4.2"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: hotwire_native_rails
 version: !ruby/object:Gem::Version
-  version: 0.4.0
+  version: 0.4.2
 platform: ruby
 authors:
 - Yaro Shm
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-12-16 00:00:00.000000000 Z
+date: 2024-12-18 00:00:00.000000000 Z
 dependencies: []
 description:
 email: