solrengine-ui 0.1.0 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e2bc2bd3aeb36e1145142d929300a08d854a330cd65c71d68dfece9c1767e018
-  data.tar.gz: 80de3bf17e3233c33a9fded9bbc729862e04d0df498c7c4f112b7f2cc27e92de
+  metadata.gz: 197b6db92ceb99c4cc092b2d7696a5017c4d25d2550c66eb7194288ca5bfb4d9
+  data.tar.gz: 44240c5b4f42f3ca739fd7710da5e62e9344a1482cb36a59aadd709db8e55034
 SHA512:
-  metadata.gz: b2ff1de5ef92fcb51ff9f6fdaffb62c1537acb5d93807c6474fce68555213d0adab10559469477b11515a0cc65c27c41aec72f6ffe5b6b6986160630451bf469
-  data.tar.gz: 2961bafc62c4c0174dfa678f579de14276805a97d4607da9906caa343d6ff271bbc88c6c292ef91ce027c21f7edfc182dd32d9323c85b22ffc7c29fc62259d67
+  metadata.gz: 627316c5de0fdad3ecd9df1238d0382d8190455bffa8fac3b4a6a7b3d1e0fcc3a167d25defe1f2c8e40f740c9f64c7a365f97fdf45de1e9272352997a96948dd
+  data.tar.gz: 1fe9f7f7678ef3d99fd1efc9a2e3965f8b7a015dfb6b13f196ad4c56b20fd5b59c041ebb248d02419f65af51944cd9d723502147cc92bf631000b7448a91d8d1

data/README.md

@@ -1,35 +1,200 @@
-# Solrengine::Ui
+# SolRengine UI
 
-TODO: Delete this and the text below, and describe your gem
-
-Welcome to your new gem! In this directory, you'll find the files you need to be able to package up your Ruby library into a gem. Put your Ruby code in the file `lib/solrengine/ui`. To experiment with that code, run `bin/console` for an interactive prompt.
+A ViewComponent library for Solana dApps built with Ruby on Rails and [SolRengine](https://github.com/solrengine). Ships 9 ready-to-use components styled with Tailwind CSS, with built-in dark/light mode support and Lookbook previews for every component.
 
 ## Installation
 
-TODO: Replace `UPDATE_WITH_YOUR_GEM_NAME_IMMEDIATELY_AFTER_RELEASE_TO_RUBYGEMS_ORG` with your gem name right after releasing it to RubyGems.org. Please do not do it earlier due to security reasons. Alternatively, replace this section with instructions to install your gem from git if you don't plan to release to RubyGems.org.
+Add the gem to your Gemfile:
+
+```ruby
+gem "solrengine-ui", github: "solrengine/ui"
+
+group :development do
+  gem "lookbook", ">= 2.0"
+end
+```
 
-Install the gem and add to the application's Gemfile by executing:
+Run the install generator:
 
 ```bash
-bundle add UPDATE_WITH_YOUR_GEM_NAME_IMMEDIATELY_AFTER_RELEASE_TO_RUBYGEMS_ORG
+bundle install
+bin/rails generate solrengine:ui:install
 ```
 
-If bundler is not being used to manage dependencies, install the gem by executing:
+Install the JavaScript package for Stimulus controllers:
 
 ```bash
-gem install UPDATE_WITH_YOUR_GEM_NAME_IMMEDIATELY_AFTER_RELEASE_TO_RUBYGEMS_ORG
+yarn add @solrengine/ui
+```
+
+## Quick Example
+
+```erb
+<%= render Solrengine::Ui::AppBarComponent.new do |bar| %>
+  <% bar.with_logo do %>
+    <span class="text-xl font-bold">My dApp</span>
+  <% end %>
+  <% bar.with_network_badge do %>
+    <%= render Solrengine::Ui::NetworkBadgeComponent.new(network: "devnet") %>
+  <% end %>
+  <% bar.with_wallet_button do %>
+    <%= render Solrengine::Ui::WalletButtonComponent.new(current_user: current_user) %>
+  <% end %>
+<% end %>
+
+<%= render Solrengine::Ui::BalanceComponent.new(lamports: 1_500_000_000, size: :lg) %>
+
+<%= render Solrengine::Ui::AddressComponent.new(address: "So1R...xYz9", copyable: true) %>
+```
+
+## Component Reference
+
+| Component | Props | Description |
+|-----------|-------|-------------|
+| `AddressComponent` | `address:`, `copyable: true`, `explorer: false`, `network: "mainnet-beta"` | Truncated wallet address with copy and explorer link |
+| `AppBarComponent` | slots: `logo`, `wallet_button`, `network_badge`, `nav_links` | Top navigation bar with slots for logo, wallet, and nav |
+| `BadgeComponent` | `text:`, `variant: :info` | Colored label badge (`:success`, `:warning`, `:error`, `:info`, `:purple`) |
+| `BalanceComponent` | `lamports: nil`, `sol: nil`, `show_symbol: true`, `size: :md` | SOL balance display with auto-conversion from lamports |
+| `ExplorerLinkComponent` | `value:`, `type: :address`, `network: "mainnet-beta"`, `truncate: true` | Link to Solscan/Solana Explorer for addresses or transactions |
+| `NetworkBadgeComponent` | `network:` | Colored dot + label for mainnet-beta, devnet, or testnet |
+| `NotificationComponent` | `message:`, `type: :info`, `dismissible: true`, `explorer_url: nil` | Flash-style notification with icon and optional explorer link |
+| `ThemeToggleComponent` | _(none)_ | Dark/light mode toggle button |
+| `WalletButtonComponent` | `current_user: nil`, `login_path: "/auth/login"`, `logout_path: "/auth/logout"` | Connect/disconnect wallet button with truncated address |
+
+## Usage Examples
+
+### AddressComponent
+
+```erb
+<%= render Solrengine::Ui::AddressComponent.new(
+  address: "7xKXtg2CW87d97TXJSDpbD5jBkheTqA83TZRuJosgAsU",
+  copyable: true,
+  explorer: true,
+  network: "devnet"
+) %>
+```
+
+### AppBarComponent
+
+```erb
+<%= render Solrengine::Ui::AppBarComponent.new do |bar| %>
+  <% bar.with_logo do %>
+    <span class="font-bold">My dApp</span>
+  <% end %>
+  <% bar.with_nav_link do %>
+    <%= link_to "Dashboard", dashboard_path %>
+  <% end %>
+  <% bar.with_nav_link do %>
+    <%= link_to "Transactions", transactions_path %>
+  <% end %>
+  <% bar.with_network_badge do %>
+    <%= render Solrengine::Ui::NetworkBadgeComponent.new(network: "devnet") %>
+  <% end %>
+  <% bar.with_wallet_button do %>
+    <%= render Solrengine::Ui::WalletButtonComponent.new(current_user: current_user) %>
+  <% end %>
+<% end %>
 ```
 
-## Usage
+### BadgeComponent
+
+```erb
+<%= render Solrengine::Ui::BadgeComponent.new(text: "Confirmed", variant: :success) %>
+<%= render Solrengine::Ui::BadgeComponent.new(text: "Pending", variant: :warning) %>
+```
+
+### BalanceComponent
+
+```erb
+<%# From lamports %>
+<%= render Solrengine::Ui::BalanceComponent.new(lamports: 2_500_000_000, size: :lg) %>
+
+<%# From SOL %>
+<%= render Solrengine::Ui::BalanceComponent.new(sol: 1.5, show_symbol: false, size: :sm) %>
+```
 
-TODO: Write usage instructions here
+### ExplorerLinkComponent
 
-## Development
+```erb
+<%# Address link %>
+<%= render Solrengine::Ui::ExplorerLinkComponent.new(
+  value: "7xKXtg2CW87d97TXJSDpbD5jBkheTqA83TZRuJosgAsU",
+  type: :address
+) %>
+
+<%# Transaction link %>
+<%= render Solrengine::Ui::ExplorerLinkComponent.new(
+  value: "5UfDuX...",
+  type: :tx,
+  network: "devnet"
+) %>
+```
+
+### NetworkBadgeComponent
+
+```erb
+<%= render Solrengine::Ui::NetworkBadgeComponent.new(network: "mainnet-beta") %>
+<%= render Solrengine::Ui::NetworkBadgeComponent.new(network: "devnet") %>
+```
+
+### NotificationComponent
+
+```erb
+<%= render Solrengine::Ui::NotificationComponent.new(
+  message: "Transaction confirmed!",
+  type: :success,
+  explorer_url: "https://solscan.io/tx/5UfDuX..."
+) %>
+
+<%= render Solrengine::Ui::NotificationComponent.new(
+  message: "Insufficient balance",
+  type: :error,
+  dismissible: false
+) %>
+```
+
+### ThemeToggleComponent
+
+```erb
+<%= render Solrengine::Ui::ThemeToggleComponent.new %>
+```
+
+### WalletButtonComponent
+
+```erb
+<%= render Solrengine::Ui::WalletButtonComponent.new(
+  current_user: current_user,
+  login_path: "/auth/login",
+  logout_path: "/auth/logout"
+) %>
+```
+
+## Dark / Light Mode
+
+All components include `dark:` Tailwind variants out of the box. Add the `dark` class to your `<html>` element to activate dark mode, or use the `ThemeToggleComponent` to let users switch. No extra configuration needed.
+
+## Lookbook
+
+After running the install generator, visit `/lookbook` in development to browse every component with live previews. The gem ships Lookbook preview classes for all 9 components.
+
+To add Lookbook manually (without the generator):
+
+```ruby
+# config/routes.rb
+mount Lookbook::Engine, at: "/lookbook" if Rails.env.development?
+
+# config/application.rb
+config.lookbook.preview_paths << File.join(
+  Gem.loaded_specs["solrengine-ui"].full_gem_path, "previews"
+) if defined?(Lookbook)
+```
 
-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.
+## Links
 
-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).
+- [SolRengine](https://github.com/solrengine) -- the framework for building Solana dApps with Ruby on Rails
+- [Source](https://github.com/solrengine/ui)
+- [Changelog](https://github.com/solrengine/ui/blob/main/CHANGELOG.md)
 
-## Contributing
+## License
 
-Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/solrengine-ui.
+MIT

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

@@ -1,6 +1,6 @@
 <span class="inline-flex items-center gap-1.5">
   <% if copyable %>
-    <button data-controller="clipboard" data-clipboard-text-value="<%= address %>" class="text-gray-400 dark:text-gray-400 text-xs font-mono bg-gray-100 dark:bg-gray-800 px-2.5 py-1.5 rounded-lg hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors cursor-pointer">
+    <button data-controller="sui-clipboard" data-sui-clipboard-text-value="<%= address %>" class="text-gray-400 dark:text-gray-400 text-xs font-mono bg-gray-100 dark:bg-gray-800 px-2.5 py-1.5 rounded-lg hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors cursor-pointer">
       <%= truncated_address %>
     </button>
   <% else %>

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

@@ -1,4 +1,4 @@
-<div data-controller="notification" class="p-4 rounded-xl border text-sm flex items-start gap-3 <%= variant_classes %>">
+<div data-controller="sui-notification" class="p-4 rounded-xl border text-sm flex items-start gap-3 <%= variant_classes %>">
   <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
     <path stroke-linecap="round" stroke-linejoin="round" d="<%= icon_path %>" />
   </svg>
@@ -11,7 +11,7 @@
     <% end %>
   </div>
   <% if dismissible %>
-    <button data-action="click->notification#dismiss" class="shrink-0 mt-0.5 hover:opacity-70 transition-opacity cursor-pointer">
+    <button data-action="click->sui-notification#dismiss" class="shrink-0 mt-0.5 hover:opacity-70 transition-opacity cursor-pointer">
       <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
         <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
       </svg>

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

@@ -1,4 +1,4 @@
-<button data-controller="theme" data-action="click->theme#toggle" class="p-2 rounded-lg text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors cursor-pointer">
+<button data-controller="sui-theme" data-action="click->sui-theme#toggle" class="p-2 rounded-lg text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors cursor-pointer">
   <%# Sun icon — visible in dark mode %>
   <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 hidden dark:block" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
     <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" />

data/lib/generators/solrengine/ui/install_generator.rb

@@ -0,0 +1,56 @@
+# frozen_string_literal: true
+
+module Solrengine
+  module Ui
+    class InstallGenerator < Rails::Generators::Base
+      source_root File.expand_path("templates", __dir__)
+
+      def add_tailwind_source
+        css_file = "app/assets/stylesheets/application.tailwind.css"
+        return unless File.exist?(css_file)
+
+        content = File.read(css_file)
+        return if content.include?("solrengine-ui")
+
+        gem_path = Gem.loaded_specs["solrengine-ui"]&.full_gem_path
+        return unless gem_path
+
+        append_to_file css_file, "\n/* SolRengine UI components */\n@source \"#{gem_path}/app\";\n"
+      end
+
+      def add_lookbook_route
+        route_file = "config/routes.rb"
+        content = File.read(route_file)
+        return if content.include?("Lookbook")
+
+        inject_into_file route_file, after: "Rails.application.routes.draw do\n" do
+          "  mount Lookbook::Engine, at: \"/lookbook\" if Rails.env.development?\n\n"
+        end
+      end
+
+      def add_lookbook_preview_path
+        app_file = "config/application.rb"
+        content = File.read(app_file)
+        return if content.include?("lookbook.preview_paths")
+
+        inject_into_file app_file, before: /^  end/ do
+          <<~RUBY
+
+            # SolRengine UI Lookbook previews
+            config.lookbook.preview_paths << File.join(Gem.loaded_specs["solrengine-ui"].full_gem_path, "previews") if defined?(Lookbook)
+          RUBY
+        end
+      end
+
+      def show_post_install
+        say "\n  SolRengine UI installed!", :green
+        say ""
+        say "  Next steps:"
+        say "    1. Add gem 'lookbook' to your Gemfile (development group) if not already added"
+        say "    2. yarn add @solrengine/ui (for Stimulus controllers)"
+        say "    3. bin/dev and visit /lookbook to see all components"
+        say ""
+      end
+    end
+  end
+end

data/lib/solrengine/ui/version.rb

@@ -2,6 +2,6 @@
 
 module Solrengine
   module Ui
-    VERSION = "0.1.0"
+    VERSION = "0.1.1"
   end
 end

data/previews/solrengine/ui/address_component_preview.rb

@@ -0,0 +1,33 @@
+# frozen_string_literal: true
+
+module Solrengine
+  module Ui
+    class AddressComponentPreview < Lookbook::Preview
+      # @label Default (copyable)
+      def default
+        render Solrengine::Ui::AddressComponent.new(
+          address: "7xKXtg2CW87d97TXJSDpbD5jBkheTqA83TZRuJosgAsU"
+        )
+      end
+
+      # @label With explorer link
+      def with_explorer
+        render Solrengine::Ui::AddressComponent.new(
+          address: "7xKXtg2CW87d97TXJSDpbD5jBkheTqA83TZRuJosgAsU",
+          explorer: true,
+          network: "mainnet-beta"
+        )
+      end
+
+      # @label Not copyable (devnet)
+      def not_copyable_devnet
+        render Solrengine::Ui::AddressComponent.new(
+          address: "9xQeWvG816bUx9EPjHmaT23yvVM2ZWbrrpZb9PusVFin",
+          copyable: false,
+          explorer: true,
+          network: "devnet"
+        )
+      end
+    end
+  end
+end

data/previews/solrengine/ui/app_bar_component_preview.rb

@@ -0,0 +1,56 @@
+# frozen_string_literal: true
+
+module Solrengine
+  module Ui
+    class AppBarComponentPreview < Lookbook::Preview
+      # @label Default (with logo and wallet)
+      def default
+        render Solrengine::Ui::AppBarComponent.new do |bar|
+          bar.with_logo do
+            tag.span("SolRengine", class: "text-lg font-bold text-gray-900 dark:text-white")
+          end
+          bar.with_wallet_button do
+            render Solrengine::Ui::WalletButtonComponent.new
+          end
+        end
+      end
+
+      # @label With network badge
+      def with_network_badge
+        render Solrengine::Ui::AppBarComponent.new do |bar|
+          bar.with_logo do
+            tag.span("SolRengine", class: "text-lg font-bold text-gray-900 dark:text-white")
+          end
+          bar.with_network_badge do
+            render Solrengine::Ui::NetworkBadgeComponent.new(network: "devnet")
+          end
+          bar.with_wallet_button do
+            render Solrengine::Ui::WalletButtonComponent.new
+          end
+        end
+      end
+
+      # @label With nav links
+      def with_nav_links
+        user = OpenStruct.new(wallet_address: "7xKXtg2CW87d97TXJSDpbD5jBkheTqA83TZRuJosgAsU")
+        render Solrengine::Ui::AppBarComponent.new do |bar|
+          bar.with_logo do
+            tag.span("SolRengine", class: "text-lg font-bold text-gray-900 dark:text-white")
+          end
+          bar.with_nav_link do
+            tag.a("Dashboard", href: "/dashboard", class: "text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white transition-colors")
+          end
+          bar.with_nav_link do
+            tag.a("History", href: "/history", class: "text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white transition-colors")
+          end
+          bar.with_network_badge do
+            render Solrengine::Ui::NetworkBadgeComponent.new(network: "mainnet-beta")
+          end
+          bar.with_wallet_button do
+            render Solrengine::Ui::WalletButtonComponent.new(current_user: user)
+          end
+        end
+      end
+    end
+  end
+end

data/previews/solrengine/ui/badge_component_preview.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+module Solrengine
+  module Ui
+    class BadgeComponentPreview < Lookbook::Preview
+      # @label Success
+      def success
+        render Solrengine::Ui::BadgeComponent.new(text: "Confirmed", variant: :success)
+      end
+
+      # @label Warning
+      def warning
+        render Solrengine::Ui::BadgeComponent.new(text: "Pending", variant: :warning)
+      end
+
+      # @label Error
+      def error
+        render Solrengine::Ui::BadgeComponent.new(text: "Failed", variant: :error)
+      end
+    end
+  end
+end

data/previews/solrengine/ui/balance_component_preview.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+module Solrengine
+  module Ui
+    class BalanceComponentPreview < Lookbook::Preview
+      # @label From SOL amount (medium)
+      def from_sol
+        render Solrengine::Ui::BalanceComponent.new(sol: 1.5)
+      end
+
+      # @label From lamports (small)
+      def from_lamports
+        render Solrengine::Ui::BalanceComponent.new(lamports: 500_000_000, size: :sm)
+      end
+
+      # @label Large without symbol
+      def large_no_symbol
+        render Solrengine::Ui::BalanceComponent.new(sol: 42.123456789, size: :lg, show_symbol: false)
+      end
+    end
+  end
+end

data/previews/solrengine/ui/explorer_link_component_preview.rb

@@ -0,0 +1,31 @@
+# frozen_string_literal: true
+
+module Solrengine
+  module Ui
+    class ExplorerLinkComponentPreview < Lookbook::Preview
+      # @label Address link (mainnet)
+      def address_mainnet
+        render Solrengine::Ui::ExplorerLinkComponent.new(
+          value: "7xKXtg2CW87d97TXJSDpbD5jBkheTqA83TZRuJosgAsU"
+        )
+      end
+
+      # @label Transaction link (mainnet)
+      def transaction_mainnet
+        render Solrengine::Ui::ExplorerLinkComponent.new(
+          value: "5VERv8NMvzbJMEkV8xnrLkEaWRtSz9CosKDYjCJjBRnbJLgp8uirBgmQpjKhoR4tjF3ZpRzrFmBV6UjKdiSZkQU",
+          type: :tx
+        )
+      end
+
+      # @label Devnet address (not truncated)
+      def devnet_full
+        render Solrengine::Ui::ExplorerLinkComponent.new(
+          value: "9xQeWvG816bUx9EPjHmaT23yvVM2ZWbrrpZb9PusVFin",
+          network: "devnet",
+          truncate: false
+        )
+      end
+    end
+  end
+end

data/previews/solrengine/ui/network_badge_component_preview.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+module Solrengine
+  module Ui
+    class NetworkBadgeComponentPreview < Lookbook::Preview
+      # @label Mainnet
+      def mainnet
+        render Solrengine::Ui::NetworkBadgeComponent.new(network: "mainnet-beta")
+      end
+
+      # @label Devnet
+      def devnet
+        render Solrengine::Ui::NetworkBadgeComponent.new(network: "devnet")
+      end
+
+      # @label Testnet
+      def testnet
+        render Solrengine::Ui::NetworkBadgeComponent.new(network: "testnet")
+      end
+    end
+  end
+end

data/previews/solrengine/ui/notification_component_preview.rb

@@ -0,0 +1,33 @@
+# frozen_string_literal: true
+
+module Solrengine
+  module Ui
+    class NotificationComponentPreview < Lookbook::Preview
+      # @label Success
+      def success
+        render Solrengine::Ui::NotificationComponent.new(
+          message: "Transaction confirmed successfully!",
+          type: :success,
+          explorer_url: "https://solscan.io/tx/abc123"
+        )
+      end
+
+      # @label Error
+      def error
+        render Solrengine::Ui::NotificationComponent.new(
+          message: "Transaction failed. Please try again.",
+          type: :error
+        )
+      end
+
+      # @label Info (non-dismissible)
+      def info_non_dismissible
+        render Solrengine::Ui::NotificationComponent.new(
+          message: "Your wallet is connected to Devnet.",
+          type: :info,
+          dismissible: false
+        )
+      end
+    end
+  end
+end

data/previews/solrengine/ui/theme_toggle_component_preview.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module Solrengine
+  module Ui
+    class ThemeToggleComponentPreview < Lookbook::Preview
+      # @label Default
+      def default
+        render Solrengine::Ui::ThemeToggleComponent.new
+      end
+
+      # @label In a flex container
+      def in_flex_container
+        render_with_template(
+          template: "solrengine/ui/theme_toggle_component_preview/in_flex_container"
+        )
+      end
+    end
+  end
+end

data/previews/solrengine/ui/wallet_button_component_preview.rb

@@ -0,0 +1,28 @@
+# frozen_string_literal: true
+
+module Solrengine
+  module Ui
+    class WalletButtonComponentPreview < Lookbook::Preview
+      # @label Disconnected
+      def disconnected
+        render Solrengine::Ui::WalletButtonComponent.new
+      end
+
+      # @label Connected
+      def connected
+        user = OpenStruct.new(wallet_address: "7xKXtg2CW87d97TXJSDpbD5jBkheTqA83TZRuJosgAsU")
+        render Solrengine::Ui::WalletButtonComponent.new(current_user: user)
+      end
+
+      # @label Connected (custom paths)
+      def connected_custom_paths
+        user = OpenStruct.new(wallet_address: "9xQeWvG816bUx9EPjHmaT23yvVM2ZWbrrpZb9PusVFin")
+        render Solrengine::Ui::WalletButtonComponent.new(
+          current_user: user,
+          login_path: "/login",
+          logout_path: "/logout"
+        )
+      end
+    end
+  end
+end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: solrengine-ui
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.1
 platform: ruby
 authors:
 - Jose Ferrer
@@ -81,9 +81,19 @@ files:
 - app/components/solrengine/ui/theme_toggle_component.rb
 - app/components/solrengine/ui/wallet_button_component.html.erb
 - app/components/solrengine/ui/wallet_button_component.rb
+- lib/generators/solrengine/ui/install_generator.rb
 - lib/solrengine/ui.rb
 - lib/solrengine/ui/engine.rb
 - lib/solrengine/ui/version.rb
+- previews/solrengine/ui/address_component_preview.rb
+- previews/solrengine/ui/app_bar_component_preview.rb
+- previews/solrengine/ui/badge_component_preview.rb
+- previews/solrengine/ui/balance_component_preview.rb
+- previews/solrengine/ui/explorer_link_component_preview.rb
+- previews/solrengine/ui/network_badge_component_preview.rb
+- previews/solrengine/ui/notification_component_preview.rb
+- previews/solrengine/ui/theme_toggle_component_preview.rb
+- previews/solrengine/ui/wallet_button_component_preview.rb
 homepage: https://github.com/solrengine/ui
 licenses:
 - MIT