solrengine-ui 0.3.1 → 0.4.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0ff02121ebeec618fe5a5b9962b9e4e1b0e576fe730f199889dfb1823fc16d85
-  data.tar.gz: 8571bceac6b425d252e8c6a8c98292c4a2706f9fe76750944c253c864cf3c507
+  metadata.gz: 757ed0c44b179f8169342a93dff5a504801dd18afa82af67f04158d7dbc3cd21
+  data.tar.gz: 647aaec20abb7091fe1672c4739eab475fc2ebe84b22cb577d8704244ac1ddec
 SHA512:
-  metadata.gz: d72055fb826074db1f48534cd7e09ea81e6a155b94cc2383ca2cfe1d8329ca17e244b474d4265857910bcd81ef50d6b0334524fca7baa4bdcb24e2c447b8d173
-  data.tar.gz: 2b7da4e67ef8ef73086a445764784d5657d9f13b98ff9b9a4cd30a273d9bb91bd558e5d6ba6520b05f1115b77293ac9fd653f0574f770fbc362bde96ef845c3f
+  metadata.gz: b4c43b03fdce1418f42053fa21cf657988dde2e7359570566e5b4cc6eb25f5381013959cab6b4049f03e6259c877a084ba41eb80a1480429888f1205ae062e67
+  data.tar.gz: 3da24e5feb18a4e62337262d8b98373203baad823e67cd6ecfc43f406e92a7d04f2bcc3fdf3387ed8b2394dd27f9cbcb3563522062b6db69f981818160de441c

data/app/components/solrengine/ui/send_transaction_form_component.html.erb

@@ -1,7 +1,12 @@
 <div class="bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-800 rounded-xl p-5">
   <h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-4">Send SOL</h3>
   <% if connected? %>
-    <form action="<%= action_url %>" method="post" class="space-y-4">
+    <form class="space-y-4"
+          data-controller="send-transaction"
+          data-send-transaction-wallet-address-value="<%= wallet_address %>"
+          data-send-transaction-rpc-url-value="<%= rpc_url %>"
+          data-send-transaction-chain-value="<%= chain %>"
+          data-action="submit->send-transaction#send">
       <div>
         <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">From</label>
         <div class="text-xs font-mono text-gray-500 dark:text-gray-400 bg-gray-100 dark:bg-gray-800 px-3 py-2 rounded-lg">
@@ -10,16 +15,22 @@
       </div>
       <div>
         <label for="sui-send-recipient" class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Recipient</label>
-        <input type="text" name="recipient" id="sui-send-recipient" placeholder="Solana address" class="w-full px-3 py-2 rounded-lg border border-gray-300 dark:border-gray-700 bg-white dark:bg-gray-800 text-gray-900 dark:text-white text-sm focus:ring-2 focus:ring-purple-500 focus:border-transparent" required />
+        <input type="text" name="recipient" id="sui-send-recipient" placeholder="Solana address" required
+               data-send-transaction-target="recipient"
+               class="w-full px-3 py-2 rounded-lg border border-gray-300 dark:border-gray-700 bg-white dark:bg-gray-800 text-gray-900 dark:text-white text-sm focus:ring-2 focus:ring-purple-500 focus:border-transparent" />
       </div>
       <div>
         <label for="sui-send-amount" class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Amount (SOL)</label>
-        <input type="number" name="amount" id="sui-send-amount" step="0.000000001" min="0" placeholder="0.0" class="w-full px-3 py-2 rounded-lg border border-gray-300 dark:border-gray-700 bg-white dark:bg-gray-800 text-gray-900 dark:text-white text-sm focus:ring-2 focus:ring-purple-500 focus:border-transparent" required />
+        <input type="number" name="amount" id="sui-send-amount" step="0.000000001" min="0" placeholder="0.0" required
+               data-send-transaction-target="amount"
+               class="w-full px-3 py-2 rounded-lg border border-gray-300 dark:border-gray-700 bg-white dark:bg-gray-800 text-gray-900 dark:text-white text-sm focus:ring-2 focus:ring-purple-500 focus:border-transparent" />
       </div>
-      <input type="hidden" name="network" value="<%= network %>" />
-      <button type="submit" class="w-full py-2.5 px-4 bg-purple-600 hover:bg-purple-700 text-white font-medium rounded-lg text-sm transition-colors cursor-pointer">
+      <button type="submit"
+              data-send-transaction-target="submit"
+              class="w-full py-2.5 px-4 bg-purple-600 hover:bg-purple-700 text-white font-medium rounded-lg text-sm transition-colors cursor-pointer disabled:opacity-60 disabled:cursor-not-allowed">
         Send Transaction
       </button>
+      <div data-send-transaction-target="status" class="hidden"></div>
     </form>
   <% else %>
     <p class="text-sm text-gray-500 dark:text-gray-400 text-center py-4">Connect your wallet to send SOL</p>

data/app/components/solrengine/ui/send_transaction_form_component.rb

@@ -3,17 +3,35 @@
 module Solrengine
   module Ui
     class SendTransactionFormComponent < ViewComponent::Base
-      attr_reader :wallet_address, :network, :action_url
+      PUBLIC_RPC_URLS = {
+        "mainnet-beta" => "https://api.mainnet-beta.solana.com",
+        "mainnet"      => "https://api.mainnet-beta.solana.com",
+        "devnet"       => "https://api.devnet.solana.com",
+        "testnet"      => "https://api.testnet.solana.com"
+      }.freeze
 
-      def initialize(wallet_address: nil, network: "devnet", action_url: "/transfers")
+      CHAIN_IDS = {
+        "mainnet-beta" => "solana:mainnet",
+        "mainnet"      => "solana:mainnet",
+        "devnet"       => "solana:devnet",
+        "testnet"      => "solana:testnet"
+      }.freeze
+
+      attr_reader :wallet_address, :network, :rpc_url
+
+      def initialize(wallet_address: nil, network: "devnet", rpc_url: nil, **)
         @wallet_address = wallet_address
-        @network = network
-        @action_url = action_url
+        @network = network.to_s
+        @rpc_url = rpc_url || PUBLIC_RPC_URLS.fetch(@network, PUBLIC_RPC_URLS["devnet"])
       end
 
       def connected?
         wallet_address.present?
       end
+
+      def chain
+        CHAIN_IDS.fetch(network, "solana:devnet")
+      end
     end
   end
 end

data/lib/solrengine/ui/version.rb

@@ -2,6 +2,6 @@
 
 module Solrengine
   module Ui
-    VERSION = "0.3.1"
+    VERSION = "0.4.1"
   end
 end

data/previews/solrengine/ui/theme_toggle_component_preview.rb

@@ -10,9 +10,7 @@ module Solrengine
 
       # @label In a flex container
       def in_flex_container
-        render_with_template(
-          template: "solrengine/ui/theme_toggle_component_preview/in_flex_container"
-        )
+        render Solrengine::Ui::ThemeToggleComponent.new
       end
     end
   end

data/previews/solrengine/ui/token_icon_component_preview.rb

@@ -14,8 +14,18 @@ class Solrengine::Ui::TokenIconComponentPreview < Lookbook::Preview
     render(Solrengine::Ui::TokenIconComponent.new(symbol: "BONK"))
   end
 
-  # @label Sizes
-  def sizes
-    render_with_template(template: "solrengine/ui/token_icon_component_preview/sizes")
+  # @label Small
+  def small
+    render(Solrengine::Ui::TokenIconComponent.new(symbol: "SOL", size: :sm))
+  end
+
+  # @label Medium
+  def medium
+    render(Solrengine::Ui::TokenIconComponent.new(symbol: "SOL", size: :md))
+  end
+
+  # @label Large
+  def large
+    render(Solrengine::Ui::TokenIconComponent.new(symbol: "SOL", size: :lg))
   end
 end

data/previews/solrengine/ui/wallet_button_component_preview.rb

@@ -1,5 +1,7 @@
 # frozen_string_literal: true
 
+require "ostruct"
+
 module Solrengine
   module Ui
     class WalletButtonComponentPreview < Lookbook::Preview

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: solrengine-ui
 version: !ruby/object:Gem::Version
-  version: 0.3.1
+  version: 0.4.1
 platform: ruby
 authors:
 - Jose Ferrer
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-04-15 00:00:00.000000000 Z
+date: 2026-04-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: view_component