RubyGems - solrengine-ui - Versions diffs - 0.2.0 → 0.2.2 - Mend

solrengine-ui 0.2.0 → 0.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

checksums.yaml CHANGED Viewed

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 917bd58960b2d08fd11f97503c709abd8a292f51b3950b7eadfabdbd9f1b0a9e
-  data.tar.gz: 20458d17c03fda602eca17f7d5461d930b444e89463a8e736742200a4b8a9212
+  metadata.gz: 3564aea452f55ee6744322d81aa5550d9317a16080123c3524008457dff6271e
+  data.tar.gz: f5af6ae7616484da6e824d1e394778dc9aeffa77679d0edbc096e272a7bd8761
 SHA512:
-  metadata.gz: 3e9c5fe51239d9aeba8c3cfdb5b943d880e47d6e1d1e9e6072614a67b4f3f43ade1a3b3c1aceaf84123f933b272ef763fba04c067a06d5862f55c804bee4c824
-  data.tar.gz: 95cb035aa44e7060cbeda754d9bfee8c8c1167148122dd986763849918e261679c765905b09fee63d97f85b720482a64c7f4d1e8a728b8f0bfd073ef9c6ea963
+  metadata.gz: f41f46a12ef331346b04cb8dcff92827727d77a0589afd4c9026d522448f63d342d5d839ae39f1fdcdb79b96b37b8a8717506ccd35e57a64c2a4aabf9e076d34
+  data.tar.gz: cc02c2c5cd9bfb324195a96e89e5bab17b22e119251e7078a7d12658b48e9b5f3296c9b784daa6b8c4dff1cb0fc0acffe35367da643613f8c23f61ed77b81a18

data/app/components/solrengine/ui/collapse_component.html.erb CHANGED Viewed

@@ -1,8 +1,8 @@
 <div data-controller="sui-collapse" data-sui-collapse-expanded-value="<%= expanded %>">
   <button data-action="click->sui-collapse#toggle" class="w-full cursor-pointer">
-    <%= trigger %>
+    <%= collapse_header %>
   </button>
   <div data-sui-collapse-target="content" class="<%= 'hidden' unless expanded %> overflow-hidden">
-    <%= content %>
+    <%= collapse_body %>
   </div>
 </div>

data/app/components/solrengine/ui/collapse_component.rb CHANGED Viewed

@@ -3,8 +3,8 @@
 module Solrengine
   module Ui
     class CollapseComponent < ViewComponent::Base
-      renders_one :trigger
-      renders_one :content
+      renders_one :collapse_header
+      renders_one :collapse_body
       attr_reader :expanded

data/app/components/solrengine/ui/token_icon_component.html.erb CHANGED Viewed

@@ -1,5 +1,5 @@
 <% if uri %>
-  <img src="<%= uri %>" alt="<%= symbol %>" class="<%= size_class %> rounded-full" loading="lazy" />
+  <img src="<%= uri %>" alt="<%= symbol %>" class="<%= size_class %> rounded-full object-cover shrink-0" style="<%= size_style %>" loading="lazy" />
 <% else %>
   <div class="<%= size_class %> rounded-full bg-purple-100 dark:bg-purple-900/50 text-purple-700 dark:text-purple-400 flex items-center justify-center text-sm font-bold">
     <%= fallback_letter %>

data/app/components/solrengine/ui/token_icon_component.rb CHANGED Viewed

@@ -21,6 +21,11 @@ module Solrengine
         SIZES.fetch(size, SIZES[:md])
       end
+      def size_style
+        pixels = { sm: 24, md: 32, lg: 40 }.fetch(size, 32)
+        "width: #{pixels}px; height: #{pixels}px;"
+      end
       def fallback_letter
         symbol&.first&.upcase || "?"
       end

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

@@ -42,6 +42,27 @@ module Solrengine
         end
       end
+      def add_lookbook_preview_layout
+        layout_path = "app/views/layouts/lookbook_preview.html.erb"
+        return if File.exist?(layout_path)
+        copy_file "lookbook_preview.html.erb", layout_path
+      end
+      def configure_lookbook_preview_layout
+        app_file = "config/application.rb"
+        content = File.read(app_file)
+        return if content.include?("lookbook.preview_layout")
+        inject_into_file app_file, before: /^  end/ do
+          <<~RUBY
+            # SolRengine UI Lookbook preview layout (loads Tailwind + dark mode)
+            config.lookbook.preview_layout = "lookbook_preview" if defined?(Lookbook)
+          RUBY
+        end
+      end
       def show_post_install
         say "\n  SolRengine UI installed!", :green
         say ""

data/lib/generators/solrengine/ui/templates/lookbook_preview.html.erb ADDED Viewed

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html class="dark">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <%%= stylesheet_link_tag "application", data_turbo_track: "reload" %>
+  <%%= javascript_include_tag "application", data_turbo_track: "reload", defer: true %>
+</head>
+<body class="bg-gray-950 text-gray-100 p-6">
+  <%%= yield %>
+</body>
+</html>

data/lib/solrengine/ui/version.rb CHANGED Viewed

@@ -2,6 +2,6 @@
 module Solrengine
   module Ui
-    VERSION = "0.2.0"
+    VERSION = "0.2.2"
   end
 end

data/previews/layouts/preview.html.erb ADDED Viewed

@@ -0,0 +1,14 @@
+<style>
+  /* Inline base styles for Lookbook preview iframe */
+  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+  body {
+    font-family: ui-sans-serif, system-ui, sans-serif;
+    padding: 24px;
+    background: #111827;
+    color: #f3f4f6;
+  }
+  .dark { color-scheme: dark; }
+</style>
+<div class="dark">
+  <%= yield %>
+</div>

data/previews/solrengine/ui/collapse_component_preview.rb CHANGED Viewed

@@ -4,16 +4,16 @@ class Solrengine::Ui::CollapseComponentPreview < Lookbook::Preview
   # @label Collapsed
   def collapsed
     render(Solrengine::Ui::CollapseComponent.new) do |c|
-      c.with_trigger { "<div class='flex items-center justify-between py-2 text-gray-900 dark:text-white font-medium'>Transaction Details <span class='text-gray-400'>+</span></div>".html_safe }
-      c.with_content { "<div class='py-2 text-sm text-gray-600 dark:text-gray-300'>Signature: abc123...<br>Block: 12345678<br>Fee: 0.000005 SOL</div>".html_safe }
+      c.with_collapse_header { "<div class='flex items-center justify-between py-2 text-gray-900 dark:text-white font-medium'>Transaction Details <span class='text-gray-400'>+</span></div>".html_safe }
+      c.with_collapse_body { "<div class='py-2 text-sm text-gray-600 dark:text-gray-300'>Signature: abc123...<br>Block: 12345678<br>Fee: 0.000005 SOL</div>".html_safe }
     end
   end
   # @label Expanded
   def expanded
     render(Solrengine::Ui::CollapseComponent.new(expanded: true)) do |c|
-      c.with_trigger { "<div class='flex items-center justify-between py-2 text-gray-900 dark:text-white font-medium'>Transaction Details <span class='text-gray-400'>-</span></div>".html_safe }
-      c.with_content { "<div class='py-2 text-sm text-gray-600 dark:text-gray-300'>Signature: abc123...<br>Block: 12345678<br>Fee: 0.000005 SOL</div>".html_safe }
+      c.with_collapse_header { "<div class='flex items-center justify-between py-2 text-gray-900 dark:text-white font-medium'>Transaction Details <span class='text-gray-400'>-</span></div>".html_safe }
+      c.with_collapse_body { "<div class='py-2 text-sm text-gray-600 dark:text-gray-300'>Signature: abc123...<br>Block: 12345678<br>Fee: 0.000005 SOL</div>".html_safe }
     end
   end
 end

metadata CHANGED Viewed

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: solrengine-ui
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.2.2
 platform: ruby
 authors:
 - Jose Ferrer
@@ -104,9 +104,11 @@ files:
 - 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/generators/solrengine/ui/templates/lookbook_preview.html.erb
 - lib/solrengine/ui.rb
 - lib/solrengine/ui/engine.rb
 - lib/solrengine/ui/version.rb
+- previews/layouts/preview.html.erb
 - previews/solrengine/ui/address_component_preview.rb
 - previews/solrengine/ui/airdrop_button_component_preview.rb
 - previews/solrengine/ui/app_bar_component_preview.rb