ruby_native 0.4.2 → 0.5.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 01f2c8c5e6340f0306c4e705dd894e43e2011ec92a0ebd2caaad64ea549d37eb
-  data.tar.gz: 5ee367c90d6312ad073e12d33983b781a781afcf647e7742ffb89446b3d5896c
+  metadata.gz: 2a9874ed5b3d89d70bbfdc1823dc9fdb9f21d069d9d7c2929f2d8a03fa4c7054
+  data.tar.gz: ac20022d1ec9d8572303dc5e88797446363b7b7da0681aad49b5698ad49552b7
 SHA512:
-  metadata.gz: 12e5915ede8d9ed831e01be7d921d88d6c0529851fc7340d79d55b5e93dfe4c9929b548a7f13b1ac81a92edcbc14b436d609d1fef1b99cea90c157ffc7ad86a7
-  data.tar.gz: dd89d5b86d0107bed2f3e262be86b2c1ce7f6c4dcab657c4ed785a3b7b9b6d99ed73c90da3fda06c6ac2cbe3609b40e3eadf59a6ca8d9016f0364b413fb1c40e
+  metadata.gz: '00951e78cd2b45e19baae4563e1bdbed1b292ddc2996ad4e698482dd5ea5fa322d596a1679411c2dadb7ea26d0a1e12a84f6bddab8dfb819f721a00bc8b126fd'
+  data.tar.gz: 85f23e39ddfd0ebc4890d5a30ad02431855f4e8bf986e5fee7810ee362a357a0daec754e95bcbc926aef28f0e277dfb17c70729eb5b60da01beb167d9080b20a

data/README.md

@@ -35,7 +35,6 @@ Edit `config/ruby_native.yml`:
 appearance:
   tint_color: "#4F46E5"
   background_color: "#FFFFFF"
-  status_bar_color: "#FFFFFF"
 tabs:  # optional
   - title: Home
     path: /

data/app/assets/stylesheets/ruby_native.css

@@ -2,6 +2,20 @@
   display: none !important;
 }
 
+.native-inset-top::before,
+.native-inset::before {
+  content: "";
+  display: block;
+  height: env(safe-area-inset-top);
+}
+
+.native-inset-bottom::after,
+.native-inset::after {
+  content: "";
+  display: block;
+  height: env(safe-area-inset-bottom);
+}
+
 .native-back-button {
   display: none;
 }

data/app/javascript/ruby_native/react.js

@@ -41,6 +41,14 @@ export function NativeMenuItem({ title, href, click, icon, selected }) {
   return createElement("div", props)
 }
 
+export function NativeOverscroll({ top, bottom }) {
+  return createElement("div", {
+    "data-native-overscroll-top": top,
+    "data-native-overscroll-bottom": bottom || top,
+    hidden: true
+  })
+}
+
 export function NativeSubmitButton({ title = "Save", click = "[type='submit']" }) {
   return createElement("div", {
     "data-native-submit-button": true,

data/app/javascript/ruby_native/vue.js

@@ -78,6 +78,21 @@ export const NativeMenuItem = defineComponent({
   }
 })
 
+export const NativeOverscroll = defineComponent({
+  name: "NativeOverscroll",
+  props: {
+    top: { type: String, required: true },
+    bottom: String
+  },
+  render() {
+    return h("div", {
+      "data-native-overscroll-top": this.top,
+      "data-native-overscroll-bottom": this.bottom || this.top,
+      hidden: true
+    })
+  }
+})
+
 export const NativeSubmitButton = defineComponent({
   name: "NativeSubmitButton",
   props: {

data/lib/generators/ruby_native/templates/CLAUDE.md

@@ -54,7 +54,6 @@ app:
 appearance:
   tint_color: "#007AFF"
   background_color: "#FFFFFF"
-  status_bar_color: "#F8F9FA"
 
 tabs:
   - title: Home
@@ -75,12 +74,9 @@ Color fields accept a plain hex string or an object with `light` and `dark` keys
 background_color:
   light: "#FFFFFF"
   dark: "#212529"
-status_bar_color:
-  light: "#F8F9FA"
-  dark: "#2B3035"
 ```
 
-Match these to your CSS framework's dark mode colors. For Bootstrap, `#212529` is `--bs-body-bg` and `#2B3035` is `--bs-tertiary-bg` in dark mode.
+Match these to your CSS framework's dark mode colors. For Bootstrap, `#212529` is `--bs-body-bg` in dark mode.
 
 ## View helpers
 

data/lib/generators/ruby_native/templates/ruby_native.yml

@@ -5,17 +5,12 @@ app:
 appearance:
   tint_color: "#007AFF"
   background_color: "#FFFFFF"
-  status_bar_color: "#F8F9FA"
   # theme: auto  # auto (default), light, or dark
-  # edge_to_edge: true  # Let the web view extend behind the status bar (Normal Mode only)
   # landscape: true  # Allow landscape orientation on iPhone (defaults to portrait only)
-  # Dark mode example (replace the plain strings above):
+  # Dark mode example (replace the plain string above):
   # background_color:
   #   light: "#FFFFFF"
   #   dark: "#1C1C1E"
-  # status_bar_color:
-  #   light: "#F8F9FA"
-  #   dark: "#1C1C1E"
 
 tabs:
   - title: Home

data/lib/ruby_native/cli/screenshots.rb

@@ -410,8 +410,7 @@ module RubyNative
         {
           tabs: tabs,
           tint_color: resolve_color(appearance[:tint_color]),
-          background_color: resolve_color(appearance[:background_color]),
-          status_bar_color: resolve_color(appearance[:status_bar_color])
+          background_color: resolve_color(appearance[:background_color])
         }.compact
       end
 

data/lib/ruby_native/helper.rb

@@ -84,6 +84,10 @@ module RubyNative
       tag.div(data: { native_navbar: title }, hidden: true) { builder.to_html }
     end
 
+    def native_overscroll_tag(top:, bottom: nil)
+      tag.div(data: { native_overscroll_top: top, native_overscroll_bottom: bottom || top }, hidden: true)
+    end
+
     def native_haptic_data(feedback = :success, **data)
       feedback = feedback.to_s
       feedback = "success" if feedback.empty?

data/lib/ruby_native/version.rb

@@ -1,3 +1,3 @@
 module RubyNative
-  VERSION = "0.4.2"
+  VERSION = "0.5.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: ruby_native
 version: !ruby/object:Gem::Version
-  version: 0.4.2
+  version: 0.5.0
 platform: ruby
 authors:
 - Joe Masilotti
@@ -87,7 +87,7 @@ files:
 - lib/ruby_native/oauth_middleware.rb
 - lib/ruby_native/tunnel_cookie_middleware.rb
 - lib/ruby_native/version.rb
-homepage: https://github.com/Ruby-Native/gem
+homepage: https://github.com/ruby-native/gem
 licenses:
 - MIT
 metadata: {}