shadcn-rails 0.1.0 → 0.2.1

data/__tests__/helpers/stimulus-test-helper.js

@@ -1,203 +0,0 @@
-import { Application } from "@hotwired/stimulus"
-
-/**
- * Helper to set up Stimulus controller tests
- * Creates a DOM element with the controller connected
- */
-export function setupController(Controller, html, controllerName = 'test') {
-  const application = Application.start()
-  application.register(controllerName, Controller)
-
-  document.body.innerHTML = html
-
-  // Wait for Stimulus to connect the controller
-  return new Promise((resolve) => {
-    requestAnimationFrame(() => {
-      const element = document.querySelector(`[data-controller="${controllerName}"]`)
-      const controller = application.getControllerForElementAndIdentifier(element, controllerName)
-      resolve({ application, element, controller })
-    })
-  })
-}
-
-/**
- * Clean up after tests
- */
-export function cleanupController(application) {
-  if (application) {
-    application.stop()
-  }
-  document.body.innerHTML = ''
-}
-
-/**
- * Simulate a click event on an element
- */
-export function click(element) {
-  element.dispatchEvent(new MouseEvent('click', {
-    bubbles: true,
-    cancelable: true,
-    view: window
-  }))
-}
-
-/**
- * Wait for a specified number of milliseconds
- */
-export function wait(ms) {
-  return new Promise(resolve => setTimeout(resolve, ms))
-}
-
-/**
- * Wait for an animation frame
- */
-export function nextFrame() {
-  return new Promise(resolve => requestAnimationFrame(resolve))
-}
-
-/**
- * Simulate a keyboard event on an element
- * @param {Element} element - Target element
- * @param {string} key - Key name (e.g., 'ArrowDown', 'Enter', 'Escape')
- * @param {Object} options - Additional options (shiftKey, ctrlKey, etc.)
- */
-export function keydown(element, key, options = {}) {
-  element.dispatchEvent(new KeyboardEvent('keydown', {
-    key,
-    bubbles: true,
-    cancelable: true,
-    ...options
-  }))
-}
-
-/**
- * Simulate a keyup event
- */
-export function keyup(element, key, options = {}) {
-  element.dispatchEvent(new KeyboardEvent('keyup', {
-    key,
-    bubbles: true,
-    cancelable: true,
-    ...options
-  }))
-}
-
-/**
- * Wait for a portal element to appear in the DOM
- * @param {string} selector - CSS selector for the portal
- * @param {boolean} shouldExist - Whether portal should exist (true) or not exist (false)
- * @param {number} timeout - Maximum wait time in ms
- */
-export async function waitForPortal(selector, shouldExist = true, timeout = 1000) {
-  const startTime = Date.now()
-
-  while (Date.now() - startTime < timeout) {
-    const element = document.querySelector(selector)
-    if (shouldExist && element) return element
-    if (!shouldExist && !element) return null
-    await wait(10)
-  }
-
-  throw new Error(`Portal ${selector} ${shouldExist ? 'did not appear' : 'did not disappear'} within ${timeout}ms`)
-}
-
-/**
- * Mock window.location for URL-related tests
- * Uses jsdom's internal reconfigure or modifies location properties
- * @param {string} url - The URL to mock
- * @returns {Function} Cleanup function to restore original location
- */
-export function mockLocation(url) {
-  // Store original href
-  const originalHref = window.location.href
-
-  // Use jsdom's reconfigure if available (available in newer jsdom)
-  if (typeof window._virtualConsole !== 'undefined' && window.location._setHref) {
-    window.location._setHref(url)
-    return () => {
-      if (window.location._setHref) {
-        window.location._setHref(originalHref)
-      }
-    }
-  }
-
-  // Fallback: Use history API to change URL without navigation
-  const urlObj = new URL(url, window.location.origin)
-  window.history.replaceState({}, '', urlObj.href)
-
-  return () => {
-    window.history.replaceState({}, '', originalHref)
-  }
-}
-
-/**
- * Mock history.pushState and replaceState for URL sync tests
- */
-export function mockHistory() {
-  const originalPushState = window.history.pushState
-  const originalReplaceState = window.history.replaceState
-
-  const calls = {
-    pushState: [],
-    replaceState: []
-  }
-
-  window.history.pushState = (state, title, url) => {
-    calls.pushState.push({ state, title, url })
-  }
-
-  window.history.replaceState = (state, title, url) => {
-    calls.replaceState.push({ state, title, url })
-  }
-
-  return {
-    calls,
-    restore: () => {
-      window.history.pushState = originalPushState
-      window.history.replaceState = originalReplaceState
-    }
-  }
-}
-
-/**
- * Get all focusable elements within a container
- * @param {Element} container - Container element
- */
-export function getFocusableElements(container) {
-  return container.querySelectorAll(
-    'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-  )
-}
-
-/**
- * Dispatch a custom event
- * @param {Element} element - Target element
- * @param {string} eventName - Event name
- * @param {Object} detail - Event detail object
- */
-export function dispatchEvent(element, eventName, detail = {}) {
-  element.dispatchEvent(new CustomEvent(eventName, {
-    bubbles: true,
-    cancelable: true,
-    detail
-  }))
-}
-
-/**
- * Wait for controller to emit a specific event
- * @param {Element} element - Element to listen on
- * @param {string} eventName - Event name (e.g., 'shadcn--accordion:expand')
- * @param {number} timeout - Maximum wait time
- */
-export function waitForEvent(element, eventName, timeout = 1000) {
-  return new Promise((resolve, reject) => {
-    const timer = setTimeout(() => {
-      reject(new Error(`Event ${eventName} not received within ${timeout}ms`))
-    }, timeout)
-
-    element.addEventListener(eventName, (event) => {
-      clearTimeout(timer)
-      resolve(event)
-    }, { once: true })
-  })
-}

data/babel.config.cjs

@@ -1,5 +0,0 @@
-module.exports = {
-  presets: [
-    ['@babel/preset-env', { targets: { node: 'current' } }]
-  ]
-}

data/bin/console

@@ -1,11 +0,0 @@
-#!/usr/bin/env ruby
-# frozen_string_literal: true
-
-require "bundler/setup"
-require "shadcn/rails"
-
-# You can add fixtures and/or initialization code here to make experimenting
-# with your gem easier. You can also use a different console, if you like.
-
-require "irb"
-IRB.start(__FILE__)

data/bin/setup

@@ -1,8 +0,0 @@
-#!/usr/bin/env bash
-set -euo pipefail
-IFS=$'\n\t'
-set -vx
-
-bundle install
-
-# Do any other automated setup that you need to do here

data/jest.config.js

@@ -1,19 +0,0 @@
-/** @type {import('jest').Config} */
-export default {
-  testEnvironment: 'jsdom',
-  testMatch: ['**/__tests__/**/*.test.js'],
-  moduleFileExtensions: ['js', 'json'],
-  transform: {
-    '^.+\\.js$': 'babel-jest'
-  },
-  transformIgnorePatterns: [
-    '/node_modules/(?!@hotwired/stimulus)'
-  ],
-  setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
-  collectCoverageFrom: [
-    'app/assets/javascripts/shadcn/controllers/**/*.js',
-    '!**/node_modules/**'
-  ],
-  coverageDirectory: 'coverage',
-  verbose: true
-}

data/jest.setup.js

@@ -1,8 +0,0 @@
-import '@testing-library/jest-dom'
-
-// Make jest globals available in ESM modules
-import { jest } from '@jest/globals'
-globalThis.jest = jest
-
-// Mock scrollIntoView since JSDOM doesn't implement it
-Element.prototype.scrollIntoView = jest.fn()

data/lib/generators/shadcn/component/component_generator.rb

@@ -1,188 +0,0 @@
-# frozen_string_literal: true
-
-require "rails/generators"
-require "rails/generators/base"
-
-module Shadcn
-  module Generators
-    # Generator for adding individual shadcn components
-    # Usage: rails generate shadcn:component button card dialog
-    class ComponentGenerator < Rails::Generators::Base
-      source_root File.expand_path("templates", __dir__)
-
-      argument :components, type: :array, default: [], banner: "component [component ...]"
-
-      class_option :all, type: :boolean, default: false,
-        desc: "Install all available components"
-      class_option :list, type: :boolean, default: false,
-        desc: "List all available components"
-
-      desc "Adds shadcn-rails components to your application"
-
-      # List of all available components
-      AVAILABLE_COMPONENTS = %w[
-        accordion
-        alert
-        avatar
-        badge
-        button
-        card
-        checkbox
-        collapsible
-        dialog
-        dropdown_menu
-        input
-        label
-        popover
-        progress
-        scroll_area
-        select
-        separator
-        sheet
-        skeleton
-        switch
-        table
-        tabs
-        textarea
-        toast
-        tooltip
-      ].freeze
-
-      def validate_components
-        if options[:list]
-          display_available_components
-          exit 0
-        end
-
-        if options[:all]
-          @components_to_install = AVAILABLE_COMPONENTS
-        else
-          validate_requested_components
-          @components_to_install = components
-        end
-      end
-
-      def display_installation_plan
-        say ""
-        say "Installing #{@components_to_install.length} component(s):", :green
-        @components_to_install.each { |c| say "  - #{c}" }
-        say ""
-      end
-
-      def install_components
-        @components_to_install.each do |component|
-          install_component(component)
-        end
-      end
-
-      def display_usage_examples
-        say ""
-        say "=" * 60, :green
-        say "  Components installed successfully!", :green
-        say "=" * 60, :green
-        say ""
-        say "Example usage:", :yellow
-
-        @components_to_install.first(3).each do |component|
-          display_component_example(component)
-        end
-
-        say ""
-      end
-
-      private
-
-      def display_available_components
-        say ""
-        say "Available shadcn-rails components:", :green
-        say ""
-        AVAILABLE_COMPONENTS.each { |c| say "  - #{c}" }
-        say ""
-        say "Usage: rails generate shadcn:component button card dialog"
-        say "       rails generate shadcn:component --all"
-        say ""
-      end
-
-      def validate_requested_components
-        if components.empty?
-          say "Error: Please specify at least one component or use --all", :red
-          say ""
-          display_available_components
-          exit 1
-        end
-
-        invalid = components - AVAILABLE_COMPONENTS
-        if invalid.any?
-          say "Error: Unknown component(s): #{invalid.join(', ')}", :red
-          say ""
-          display_available_components
-          exit 1
-        end
-      end
-
-      def install_component(name)
-        # Components are already available from the gem
-        # This generator just confirms installation and provides usage info
-        say "  ✓ #{name.titleize}Component is available", :green
-      end
-
-      def display_component_example(component)
-        case component
-        when "button"
-          say <<~EXAMPLE
-
-            Button:
-              <%= render Shadcn::ButtonComponent.new(variant: :primary) do %>
-                Click me
-              <% end %>
-          EXAMPLE
-        when "card"
-          say <<~EXAMPLE
-
-            Card:
-              <%= render Shadcn::CardComponent.new do |card| %>
-                <% card.with_header do %>
-                  <% card.with_title { "Card Title" } %>
-                <% end %>
-                <% card.with_content { "Card content" } %>
-              <% end %>
-          EXAMPLE
-        when "dialog"
-          say <<~EXAMPLE
-
-            Dialog:
-              <%= render Shadcn::DialogComponent.new do |dialog| %>
-                <% dialog.with_trigger do %>
-                  <%= render Shadcn::ButtonComponent.new { "Open" } %>
-                <% end %>
-                <% dialog.with_content do |content| %>
-                  <% content.with_title { "Dialog Title" } %>
-                  Dialog content here
-                <% end %>
-              <% end %>
-          EXAMPLE
-        when "input"
-          say <<~EXAMPLE
-
-            Input:
-              <%= render Shadcn::LabelComponent.new(for: "email") { "Email" } %>
-              <%= render Shadcn::InputComponent.new(
-                type: "email",
-                id: "email",
-                name: "email",
-                placeholder: "Enter your email"
-              ) %>
-          EXAMPLE
-        else
-          say <<~EXAMPLE
-
-            #{component.titleize}:
-              <%= render Shadcn::#{component.camelize}Component.new do %>
-                Content here
-              <% end %>
-          EXAMPLE
-        end
-      end
-    end
-  end
-end

data/lib/generators/shadcn/theme/theme_generator.rb

@@ -1,128 +0,0 @@
-# frozen_string_literal: true
-
-require "rails/generators"
-require "rails/generators/base"
-
-module Shadcn
-  module Generators
-    # Generator for switching or customizing themes
-    # Usage: rails generate shadcn:theme slate
-    class ThemeGenerator < Rails::Generators::Base
-      source_root File.expand_path("templates", __dir__)
-
-      argument :theme_name, type: :string, default: "neutral",
-        banner: "theme_name"
-
-      class_option :list, type: :boolean, default: false,
-        desc: "List all available themes"
-
-      desc "Changes the shadcn-rails theme or creates a custom theme"
-
-      AVAILABLE_THEMES = %w[neutral slate stone zinc gray].freeze
-
-      def validate_theme
-        if options[:list]
-          display_available_themes
-          exit 0
-        end
-
-        unless AVAILABLE_THEMES.include?(theme_name)
-          say "Error: Unknown theme '#{theme_name}'", :red
-          display_available_themes
-          exit 1
-        end
-      end
-
-      def update_initializer
-        initializer_path = "config/initializers/shadcn.rb"
-
-        if File.exist?(initializer_path)
-          gsub_file initializer_path,
-            /config\.base_color = ["']?\w+["']?/,
-            "config.base_color = \"#{theme_name}\""
-          say "Updated initializer to use '#{theme_name}' theme", :green
-        else
-          say "Initializer not found. Run 'rails generate shadcn:install' first.", :yellow
-        end
-      end
-
-      def update_config_file
-        config_path = "config/shadcn.yml"
-
-        if File.exist?(config_path)
-          gsub_file config_path,
-            /base_color: \w+/,
-            "base_color: #{theme_name}"
-          say "Updated shadcn.yml to use '#{theme_name}' theme", :green
-        end
-      end
-
-      def update_stylesheet
-        # Check for theme import in stylesheet
-        stylesheet_path = "app/assets/stylesheets/application.tailwind.css"
-
-        if File.exist?(stylesheet_path)
-          content = File.read(stylesheet_path)
-
-          # Remove existing theme import
-          AVAILABLE_THEMES.each do |theme|
-            next if theme == "neutral" # neutral uses base.css
-            gsub_file stylesheet_path, /@import ["']shadcn\/themes\/#{theme}["'];\n?/, ""
-          end
-
-          # Add new theme import if not neutral
-          unless theme_name == "neutral"
-            inject_into_file stylesheet_path, after: '@import "shadcn/base";' do
-              "\n@import \"shadcn/themes/#{theme_name}\";"
-            end
-          end
-
-          say "Updated stylesheet with '#{theme_name}' theme", :green
-        end
-      end
-
-      def display_completion_message
-        say ""
-        say "Theme changed to '#{theme_name}'!", :green
-        say ""
-        say "The following colors are now active:", :yellow
-        display_theme_preview(theme_name)
-        say ""
-      end
-
-      private
-
-      def display_available_themes
-        say ""
-        say "Available themes:", :green
-        say ""
-        AVAILABLE_THEMES.each do |theme|
-          say "  - #{theme}"
-        end
-        say ""
-        say "Usage: rails generate shadcn:theme slate"
-        say ""
-      end
-
-      def display_theme_preview(theme)
-        case theme
-        when "neutral"
-          say "  Primary: Pure black/white"
-          say "  Style: Clean, minimal"
-        when "slate"
-          say "  Primary: Cool blue-gray"
-          say "  Style: Professional, corporate"
-        when "stone"
-          say "  Primary: Warm gray-brown"
-          say "  Style: Earthy, natural"
-        when "zinc"
-          say "  Primary: Cool gray"
-          say "  Style: Modern, sleek"
-        when "gray"
-          say "  Primary: True gray"
-          say "  Style: Neutral, balanced"
-        end
-      end
-    end
-  end
-end