infotable 1.0.0 → 1.2.0

data/lib/infotable/formatters/action_formatter.rb

@@ -72,7 +72,7 @@ module Infotable
           action[:label] || action[:icon] || view_context.t("infotable.formatters.action"),
           resolve_url(action[:url], record),
           role: "menuitem",
-          class: "block px-3 py-1.5 text-sm whitespace-nowrap #{link_classes(action[:color])} hover:bg-gray-50",
+          class: "block px-3 py-1.5 text-sm whitespace-nowrap #{link_classes(action[:color])} hover:bg-gray-50 dark:hover:bg-gray-800",
           data: link_data(action[:data] || {}, action[:method] || :get, action[:confirm])
         )
       end
@@ -81,10 +81,10 @@ module Infotable
         # <details> gives open/close and keyboard support without JS
         content_tag(:details, class: "relative inline-block text-left") do
           summary = content_tag(:summary, "\u22EF".html_safe,
-            class: "list-none cursor-pointer inline-flex items-center px-2 py-1 rounded-md border border-gray-300 bg-white text-gray-600 hover:bg-gray-50",
+            class: "list-none cursor-pointer inline-flex items-center px-2 py-1 rounded-md border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-900 text-gray-600 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-800",
             "aria-label": view_context.t("infotable.formatters.action"), "aria-haspopup": "menu")
           menu = content_tag(:div, role: "menu",
-            class: "absolute right-0 z-30 mt-1 min-w-36 rounded-md border border-gray-200 bg-white py-1 shadow-lg") do
+            class: "absolute right-0 z-30 mt-1 min-w-36 rounded-md border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 py-1 shadow-lg") do
             safe_join(actions.map { |action| render_menu_item(action, record) })
           end
           summary + menu
@@ -110,7 +110,7 @@ module Infotable
         when "success"
           "border-green-600 bg-green-600 text-white hover:bg-green-700"
         else
-          "border-gray-300 bg-white text-gray-700 hover:bg-gray-50"
+          "border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-900 text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800"
         end
 
         "#{base} #{color_classes}"
@@ -119,11 +119,11 @@ module Infotable
       def link_classes(color = nil)
         case color&.to_s
         when "danger"
-          "text-red-600 hover:text-red-900"
+          "text-red-600 dark:text-red-400 hover:text-red-900 dark:hover:text-red-300"
         when "success"
-          "text-green-600 hover:text-green-900"
+          "text-green-600 dark:text-green-400 hover:text-green-900 dark:hover:text-green-300"
         else
-          "text-indigo-600 hover:text-indigo-900"
+          "text-indigo-600 dark:text-indigo-400 hover:text-indigo-900 dark:hover:text-indigo-200"
         end
       end
 

data/lib/infotable/formatters/avatar_formatter.rb

@@ -10,8 +10,8 @@ module Infotable
     class AvatarFormatter < BaseFormatter
       SIZES = { sm: "h-6 w-6 text-xs", md: "h-8 w-8 text-sm", lg: "h-10 w-10 text-base" }.freeze
       COLORS = [
-        "bg-indigo-100 text-indigo-700", "bg-green-100 text-green-700", "bg-yellow-100 text-yellow-700",
-        "bg-pink-100 text-pink-700", "bg-blue-100 text-blue-700", "bg-purple-100 text-purple-700"
+        "bg-indigo-100 dark:bg-indigo-900/40 text-indigo-700 dark:text-indigo-300", "bg-green-100 dark:bg-green-900/40 text-green-700 dark:text-green-300", "bg-yellow-100 dark:bg-yellow-900/40 text-yellow-700 dark:text-yellow-300",
+        "bg-pink-100 dark:bg-pink-900/40 text-pink-700 dark:text-pink-300", "bg-blue-100 dark:bg-blue-900/40 text-blue-700 dark:text-blue-300", "bg-purple-100 dark:bg-purple-900/40 text-purple-700 dark:text-purple-300"
       ].freeze
 
       def format(value, record, options = {})

data/lib/infotable/formatters/badge_formatter.rb

@@ -54,23 +54,23 @@ module Infotable
 
         color_classes = case color.to_s
         when "green"
-          "bg-green-100 text-green-800"
+          "bg-green-100 dark:bg-green-900/40 text-green-800 dark:text-green-300"
         when "red"
-          "bg-red-100 text-red-800"
+          "bg-red-100 dark:bg-red-900/40 text-red-800 dark:text-red-300"
         when "yellow"
-          "bg-yellow-100 text-yellow-800"
+          "bg-yellow-100 dark:bg-yellow-900/40 text-yellow-800 dark:text-yellow-300"
         when "blue"
-          "bg-blue-100 text-blue-800"
+          "bg-blue-100 dark:bg-blue-900/40 text-blue-800 dark:text-blue-300"
         when "indigo"
-          "bg-indigo-100 text-indigo-800"
+          "bg-indigo-100 dark:bg-indigo-900/40 text-indigo-800 dark:text-indigo-300"
         when "purple"
-          "bg-purple-100 text-purple-800"
+          "bg-purple-100 dark:bg-purple-900/40 text-purple-800 dark:text-purple-300"
         when "pink"
-          "bg-pink-100 text-pink-800"
+          "bg-pink-100 dark:bg-pink-900/40 text-pink-800 dark:text-pink-300"
         when "cyan"
-          "bg-cyan-100 text-cyan-800"
+          "bg-cyan-100 dark:bg-cyan-900/40 text-cyan-800 dark:text-cyan-300"
         else # gray
-          "bg-gray-100 text-gray-800"
+          "bg-gray-100 dark:bg-gray-800 text-gray-800 dark:text-gray-200"
         end
 
         "#{base} #{size_classes} #{color_classes}"

data/lib/infotable/formatters/boolean_formatter.rb

@@ -20,9 +20,9 @@ module Infotable
 
       def format_as_badge(value, true_text, false_text)
         if value
-          content_tag(:span, true_text, class: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800")
+          content_tag(:span, true_text, class: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 dark:bg-green-900/40 text-green-800 dark:text-green-300")
         else
-          content_tag(:span, false_text, class: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-gray-100 text-gray-800")
+          content_tag(:span, false_text, class: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-gray-100 dark:bg-gray-800 text-gray-800 dark:text-gray-200")
         end
       end
 

data/lib/infotable/formatters/link_formatter.rb

@@ -10,7 +10,7 @@ module Infotable
     # Without url: the value itself is the URL (handy for website columns); mailto:/tel: work too.
     class LinkFormatter < BaseFormatter
       ALLOWED_SCHEMES = %w[http https mailto tel].freeze
-      DEFAULT_CLASSES = "text-indigo-600 hover:text-indigo-800 hover:underline".freeze
+      DEFAULT_CLASSES = "text-indigo-600 dark:text-indigo-400 hover:text-indigo-800 dark:hover:text-indigo-200 hover:underline".freeze
 
       def format(value, record, options = {})
         label = resolve(options[:label], record) || value

data/lib/infotable/formatters/percent_formatter.rb

@@ -19,7 +19,7 @@ module Infotable
 
         width = number.clamp(0, 100).round
         bar = content_tag(:div, content_tag(:div, "", class: "h-full rounded-full bg-indigo-500", style: "width: #{width}%"),
-                          class: "h-1.5 w-16 rounded-full bg-gray-200 flex-none", role: "presentation")
+                          class: "h-1.5 w-16 rounded-full bg-gray-200 dark:bg-gray-700 flex-none", role: "presentation")
         content_tag(:div, safe_join([ content_tag(:span, text, class: "tabular-nums"), bar ]), class: "flex items-center gap-2")
       end
     end

data/lib/infotable/version.rb

@@ -1,3 +1,3 @@
 module Infotable
-  VERSION = "1.0.0"
+  VERSION = "1.2.0"
 end

data/lib/infotable.rb

@@ -31,18 +31,6 @@ module Infotable
     Engine.root
   end
 
-  # Returns the path to InfoTable views directory
-  # For use in Tailwind CSS @source directives via ERB
-  def self.views_path
-    root.join("app/views/infotable").to_s
-  end
-
-  # Returns the path to InfoTable formatters directory
-  # For use in Tailwind CSS @source directives via ERB
-  def self.formatters_path
-    root.join("lib/infotable/formatters").to_s
-  end
-
   # Returns paths that should be scanned by Tailwind CSS
   # For use with Node-based Tailwind (tailwind.config.js)
   def self.tailwind_content_paths

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: infotable
 version: !ruby/object:Gem::Version
-  version: 1.0.0
+  version: 1.2.0
 platform: ruby
 authors:
 - Jakub Cieślar
@@ -137,6 +137,7 @@ files:
 - app/assets/javascripts/infotable/controllers/drawer_controller.js
 - app/assets/javascripts/infotable/controllers/table_controller.js
 - app/assets/javascripts/infotable/index.js
+- app/assets/tailwind/infotable/engine.css
 - app/controllers/infotable/application_controller.rb
 - app/controllers/infotable/tables_controller.rb
 - app/helpers/infotable/application_helper.rb
@@ -144,16 +145,19 @@ files:
 - app/jobs/infotable/application_job.rb
 - app/mailers/infotable/application_mailer.rb
 - app/models/infotable/application_record.rb
+- app/views/infotable/tables/_active_filters.html.erb
 - app/views/infotable/tables/_column_visibility.html.erb
 - app/views/infotable/tables/_filter_drawer.html.erb
 - app/views/infotable/tables/_next_page_frame.html.erb
 - app/views/infotable/tables/_pagination.html.erb
+- app/views/infotable/tables/_rail.html.erb
 - app/views/infotable/tables/_side_panel.html.erb
 - app/views/infotable/tables/_table.html.erb
 - app/views/infotable/tables/_table_rows.html.erb
 - app/views/infotable/tables/filters/_boolean.html.erb
 - app/views/infotable/tables/filters/_date.html.erb
 - app/views/infotable/tables/filters/_number.html.erb
+- app/views/infotable/tables/filters/_range.html.erb
 - app/views/infotable/tables/filters/_select.html.erb
 - app/views/infotable/tables/filters/_text.html.erb
 - app/views/infotable/tables/show.html.erb
@@ -163,7 +167,6 @@ files:
 - config/locales/pl.yml
 - config/routes.rb
 - lib/generators/infotable/install/install_generator.rb
-- lib/generators/infotable/install/templates/TAILWIND_CONFIG.md
 - lib/generators/infotable/install/templates/initializer.rb
 - lib/generators/infotable/install/templates/tailwind.config.js
 - lib/generators/infotable/table/table_generator.rb
@@ -187,7 +190,6 @@ files:
 - lib/infotable/sql.rb
 - lib/infotable/table_resolver.rb
 - lib/infotable/version.rb
-- lib/tasks/infotable.rake
 homepage: https://infotable.infovation.eu/
 licenses:
 - MIT

data/lib/generators/infotable/install/templates/TAILWIND_CONFIG.md

@@ -1,131 +0,0 @@
-# Tailwind Configuration for InfoTable
-
-InfoTable supports both Tailwind CSS v4 (recommended) and v3.
-
-## Tailwind v4 (CSS-based Config) - RECOMMENDED
-
-Tailwind v4 uses CSS-based configuration with `@source` directives. The installer creates a separate CSS file for InfoTable.
-
-### What the Installer Does
-
-When you run `rails generate infotable:install`, it:
-
-1. **Creates `app/assets/stylesheets/infotable.css`** with ENV variable references:
-```css
-/* InfoTable Tailwind Sources */
-
-/* Local table definitions in your Rails app */
-@source "../../app/infotable";
-
-/* InfoTable gem paths (resolved dynamically via ENV variables) */
-@source "$INFOTABLE_VIEWS_PATH";
-@source "$INFOTABLE_FORMATTERS_PATH";
-```
-
-2. **Adds import to `application.tailwind.css`**:
-```css
-@import "tailwindcss";
-
-/* InfoTable gem styles */
-@import './infotable';
-```
-
-### Why This Approach?
-
-- **Always correct**: Rails engine knows the exact gem location
-- **Environment-agnostic**: Works in dev, staging, production, Docker, CI
-- **Safe to commit**: No environment-specific paths
-- **Zero maintenance**: Install once, works everywhere
-- **Simple**: No glob patterns or complex path logic
-
-### ENV Variable Strategy
-
-The InfoTable engine sets ENV variables at Rails boot time:
-```ruby
-# lib/infotable/engine.rb
-initializer "infotable.tailwind" do
-  ENV["INFOTABLE_VIEWS_PATH"] = root.join("app/views/infotable").to_s
-  ENV["INFOTABLE_FORMATTERS_PATH"] = root.join("lib/infotable/formatters").to_s
-end
-```
-
-Tailwind v4 expands these ENV variables when building:
-```css
-@source "$INFOTABLE_VIEWS_PATH";
-```
-→ Expands to the actual gem path at build time
-
-### Works Everywhere Automatically
-
-The same CSS file works in all environments:
-- **Development**: ENV variables point to your local gem location
-- **Production**: ENV variables point to production gem location
-- **CI/CD**: ENV variables point to CI gem location
-- **Docker**: ENV variables point to container gem location
-
-Rails `Infotable::Engine.root` always returns the correct path!
-
-You can safely commit `infotable.css` to version control!
-
-## Tailwind v3 (JS-based Config) - FALLBACK
-
-If using Tailwind v3, the installer adds dynamic path resolution to your `tailwind.config.js`:
-
-```javascript
-const { execSync } = require('child_process');
-const path = require('path');
-
-// Helper to resolve gem path dynamically
-function resolveGemPath(gemName) {
-  try {
-    const bundlerCmd = `bundle show ${gemName}`;
-    const gemPath = execSync(bundlerCmd, { encoding: 'utf-8' }).trim();
-    return gemPath;
-  } catch (error) {
-    console.warn(`Warning: Could not resolve ${gemName} gem path:`, error.message);
-    return null;
-  }
-}
-
-const infotableGemPath = resolveGemPath('infotable');
-
-module.exports = {
-  content: [
-    './app/infotable/**/*.rb',
-    ...(infotableGemPath ? [
-      path.join(infotableGemPath, 'app/views/infotable/**/*.{erb,rb}'),
-      path.join(infotableGemPath, 'app/assets/javascripts/infotable/**/*.js'),
-      path.join(infotableGemPath, 'lib/infotable/formatters/**/*.rb'),
-      path.join(infotableGemPath, 'app/components/**/*.{erb,rb}'),
-    ] : []),
-  ],
-  // ... rest of config
-}
-```
-
-This approach dynamically resolves the gem path at **build time** (every time Tailwind builds).
-
-## Troubleshooting
-
-### Styles Not Appearing
-
-1. Check your Tailwind CSS file includes InfoTable @source directives
-2. Verify gem path is correct: `bundle show infotable`
-3. Update paths if needed: `rake infotable:update_tailwind_paths`
-4. Rebuild: `rails tailwindcss:build`
-
-### After Changing Gem Installation Method
-
-If you switch from `path:` to `git:` or vice versa:
-
-```bash
-rake infotable:update_tailwind_paths
-rails tailwindcss:build
-```
-
-## Why Different Approaches?
-
-- **Tailwind v4**: @source doesn't support variables, so paths must be static and resolved at install time
-- **Tailwind v3**: JavaScript config supports dynamic resolution via `execSync`, so paths are resolved at build time
-
-Both approaches work reliably, but v4 is recommended for better Rails integration and performance.

data/lib/tasks/infotable.rake

@@ -1,55 +0,0 @@
-namespace :infotable do
-  desc "Generate infotable.css from ERB template with resolved gem paths"
-  task generate_tailwind_sources: :environment do
-    # Find the ERB template
-    erb_path = if File.exist?("app/assets/stylesheets/infotable.css.erb")
-      "app/assets/stylesheets/infotable.css.erb"
-    elsif File.exist?("app/assets/tailwind/infotable.css.erb")
-      "app/assets/tailwind/infotable.css.erb"
-    else
-      puts "⚠️  infotable.css.erb not found. Run 'rails generate infotable:install' first."
-      next
-    end
-
-    output_path = erb_path.sub(".erb", "")
-
-    # Read and process the ERB template
-    require "erb"
-    template = File.read(erb_path)
-    result = ERB.new(template).result(binding)
-
-    # Write the generated CSS
-    File.write(output_path, result)
-
-    puts "✅ Generated #{output_path} from ERB template"
-    puts "   Views: #{Infotable.views_path}"
-    puts "   Formatters: #{Infotable.formatters_path}"
-  end
-
-  # Alias for backwards compatibility
-  task update_tailwind_paths: :generate_tailwind_sources
-
-  desc "Display InfoTable gem paths for Tailwind CSS (for debugging)"
-  task show_tailwind_paths: :environment do
-    puts "\n" + "=" * 60
-    puts "InfoTable Gem Paths"
-    puts "=" * 60
-    puts "Gem root:        #{Infotable.root}"
-    puts "Views path:      #{Infotable.views_path}"
-    puts "Formatters path: #{Infotable.formatters_path}"
-    puts "=" * 60 + "\n"
-  end
-end
-
-# Hook into Tailwind CSS build tasks
-if Rake::Task.task_defined?("tailwindcss:build")
-  Rake::Task["tailwindcss:build"].enhance([ "infotable:generate_tailwind_sources" ])
-end
-
-if Rake::Task.task_defined?("tailwindcss:watch")
-  Rake::Task["tailwindcss:watch"].enhance([ "infotable:generate_tailwind_sources" ])
-end
-
-if Rake::Task.task_defined?("assets:precompile")
-  Rake::Task["assets:precompile"].enhance([ "infotable:generate_tailwind_sources" ])
-end