solrengine-ui 0.4.0 → 0.5.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7f581b398d242514e6c5d1d6ff9fe3b3fc55e90c2d26e403010418ec14896b13
-  data.tar.gz: 49039f57c9bb07e2a671e7657ead45116e8444ac86a8edd2d9ca2f5cf32b751f
+  metadata.gz: 87dcbf207e806153517605b53fea796ef2e3eb0c92b4ad4ff81f0d2ef7428494
+  data.tar.gz: d6589093b13502b903e969e277a52f6f43fe0a933e9c2a01e9b89b1b1a70eeb4
 SHA512:
-  metadata.gz: 29a2a90fcd48d82aab8694d09ecf1b09a4e77a4bf9b776a5278a19390526a99a3c89ed9603bd1717c1f99b17cb76139985666fb0efcec0c53564f1e1eb09bb7b
-  data.tar.gz: 4104e55638cdfab3659969782b8d29e85f177195494fd5ef666daf08c40d65aecf312c56a71defd180132fbd704cf6a358e76d9a15f278a6a3db9986e2755ce8
+  metadata.gz: 92c68645a282489499f22b77ab325c9c723754d48c7768efffca5469b98ad98116431e532df8e29ff32530ab262b4e81978605ee58e23d97ebca5fedbbb34ca6
+  data.tar.gz: d147705dd7fb10a53ba958d9d9f2420a5abb396c954907934e5445d5d6c097734ee722395bc061ef75250272e11ae157d071e50ed200b3e1c11b820fa76ffce3

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

@@ -0,0 +1,30 @@
+<% if empty? %>
+  <div class="text-center py-10 text-sm text-gray-500 dark:text-gray-400">
+    <%= empty_message %>
+  </div>
+<% else %>
+  <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4">
+    <% nfts.each do |nft| %>
+      <div class="rounded-xl overflow-hidden border border-gray-200 dark:border-gray-800 bg-white dark:bg-gray-900">
+        <div class="aspect-square bg-gray-100 dark:bg-gray-800 flex items-center justify-center overflow-hidden">
+          <% if nft[:image].present? %>
+            <img src="<%= nft[:image] %>" alt="<%= nft[:name] %>" loading="lazy" class="w-full h-full object-cover">
+          <% else %>
+            <span class="text-2xl text-gray-400 dark:text-gray-600">🖼</span>
+          <% end %>
+        </div>
+        <div class="px-3 py-2">
+          <p class="text-sm font-medium text-gray-900 dark:text-white truncate" title="<%= nft[:name] %>"><%= nft[:name] %></p>
+          <div class="flex items-center gap-1.5 mt-0.5">
+            <% if nft[:collection].present? %>
+              <p class="text-xs text-gray-500 dark:text-gray-400 truncate" title="<%= nft[:collection] %>"><%= nft[:collection] %></p>
+            <% end %>
+            <% if nft[:compressed] %>
+              <span class="text-[10px] uppercase tracking-wide px-1.5 py-0.5 rounded bg-purple-100 text-purple-700 dark:bg-purple-900/40 dark:text-purple-300">cNFT</span>
+            <% end %>
+          </div>
+        </div>
+      </div>
+    <% end %>
+  </div>
+<% end %>

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

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+
+module Solrengine
+  module Ui
+    class NftGridComponent < ViewComponent::Base
+      attr_reader :nfts, :empty_message
+
+      # nfts: array of { id:, name:, image:, collection:, compressed: }
+      # (the shape returned by Solrengine::Tokens::Portfolio#nfts)
+      def initialize(nfts:, empty_message: "No NFTs in this wallet yet")
+        @nfts = nfts || []
+        @empty_message = empty_message
+      end
+
+      def empty?
+        nfts.empty?
+      end
+    end
+  end
+end

data/lib/solrengine/ui/version.rb

@@ -2,6 +2,6 @@
 
 module Solrengine
   module Ui
-    VERSION = "0.4.0"
+    VERSION = "0.5.0"
   end
 end

data/previews/solrengine/ui/nft_grid_component_preview.rb

@@ -0,0 +1,28 @@
+# frozen_string_literal: true
+
+module Solrengine
+  module Ui
+    class NftGridComponentPreview < Lookbook::Preview
+      # @label Grid with NFTs
+      def default
+        render Solrengine::Ui::NftGridComponent.new(nfts: sample_nfts)
+      end
+
+      # @label Empty wallet
+      def empty
+        render Solrengine::Ui::NftGridComponent.new(nfts: [])
+      end
+
+      private
+
+      def sample_nfts
+        [
+          { id: "1", name: "Mad Lad #1234", image: "https://placehold.co/400x400/9945FF/fff?text=NFT+1", collection: "Mad Lads", compressed: false },
+          { id: "2", name: "SuperteamTH Genesis", image: "https://placehold.co/400x400/00ff88/000?text=NFT+2", collection: "SuperteamTH", compressed: false },
+          { id: "3", name: "Compressed Drop #42", image: "https://placehold.co/400x400/1a1a2e/fff?text=cNFT", collection: "Workshop Mints", compressed: true },
+          { id: "4", name: "No Image NFT", image: nil, collection: nil, compressed: false }
+        ]
+      end
+    end
+  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.4.0
+  version: 0.5.0
 platform: ruby
 authors:
 - Jose Ferrer
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-04-15 00:00:00.000000000 Z
+date: 2026-07-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: view_component
@@ -87,6 +87,8 @@ files:
 - app/components/solrengine/ui/modal_component.rb
 - app/components/solrengine/ui/network_badge_component.html.erb
 - app/components/solrengine/ui/network_badge_component.rb
+- app/components/solrengine/ui/nft_grid_component.html.erb
+- app/components/solrengine/ui/nft_grid_component.rb
 - app/components/solrengine/ui/notification_component.html.erb
 - app/components/solrengine/ui/notification_component.rb
 - app/components/solrengine/ui/send_transaction_form_component.html.erb
@@ -121,6 +123,7 @@ files:
 - previews/solrengine/ui/footer_component_preview.rb
 - previews/solrengine/ui/modal_component_preview.rb
 - previews/solrengine/ui/network_badge_component_preview.rb
+- previews/solrengine/ui/nft_grid_component_preview.rb
 - previews/solrengine/ui/notification_component_preview.rb
 - previews/solrengine/ui/send_transaction_form_component_preview.rb
 - previews/solrengine/ui/theme_toggle_component_preview.rb