railwind 0.1.15 → 0.1.22

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 674e82eb61752a36f11767cc9b2913b22859bd47c1a286951f156f38dfeb7b4f
-  data.tar.gz: f9d0378bc8d270c4d72074e81b85767ba6e682a10797e8543055285f6e31c069
+  metadata.gz: f6cf837cdb5f28533bc63a94cb9f7514b5a823783dcdc34f94e55584dbe3d110
+  data.tar.gz: 90cc46565b4091fd9172fb367c690a7aecbc56dac3e283297e90f4544d2aa888
 SHA512:
-  metadata.gz: f5d61e8dfa5a66a9610c6e9903804d5cb0c156e01300823fbdd18a581d303b24c6252a01278aaa899f3ec598aa61826a052739f880665b90183a3bb10ba68ba6
-  data.tar.gz: 9e348ef0d5027de7b59270784809270c9be406063000054c705fa30152a5dd28bdd8db62fa392323eacf9969ae7a81041800468a70ee2a42f5386dd5ec07000f
+  metadata.gz: 42e5379eac7632028eab000f4719ca841654cefa8e909aabd42d248f59a0e77339dcac551a69386db838e52a3bc862e1126403e01aba18f150f2e68f61e0b59b
+  data.tar.gz: 22b23867c36cbcc4d7a1fb3afa6799674aceb4f9977716063e5003e9fc9b107f62d0a2a7c96d6ff6fd14696d32288a9f794aea5df64501b8cef4dc0131b695e7

data/README.md

@@ -1,8 +1,11 @@
 # Railwind
 
-TODO: Delete this and the text below, and describe your gem
+[![Gem Version](https://badge.fury.io/rb/railwind.svg)](https://badge.fury.io/rb/railwind)
+
+Coming Soon!
+
+Railwind is a customizable ViewComponent UI library that leverages the power of Tailwind CSS. It provides a set of reusable and configurable UI components that can be easily integrated into any Rails application. With Railwind, developers can rapidly build beautiful and responsive user interfaces with less effort and time.
 
-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/railwind`. To experiment with that code, run `bin/console` for an interactive prompt.
 
 ## Installation
 
@@ -33,3 +36,16 @@ Bug reports and pull requests are welcome on GitHub at https://github.com/[USERN
 ## License
 
 The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+
+
+
+
+TODO:
+
+
+- Building the gemspec: gem build railwind.gemspec
+
+- Deploying: gem push railwind-<version>.gem
+
+
+- Updating in consumer app: bundle update railwind 

data/lib/railwind/generators/button_generator.rb

@@ -5,8 +5,8 @@ module Railwind
       source_root File.expand_path('templates', __dir__)
   
       def create_component_file
-        copy_file "button_component.rb", "app/components/button_component.rb"
-        copy_file "_button_component.html.erb", "app/components/button_component.html.erb"
+        copy_file "button/button_component.rb", "app/components/button_component.rb"
+        copy_file "button/_button_component.html.erb", "app/components/button_component.html.erb"
       end
     end
   end

data/lib/railwind/generators/card_generator.rb

@@ -0,0 +1,12 @@
+require 'rails/generators'
+
+module Railwind
+    class CardGenerator < Rails::Generators::Base
+      source_root File.expand_path('templates', __dir__)
+  
+      def create_component_file
+        copy_file "card/card_component.rb", "app/components/card_component.rb"
+        copy_file "card/_card_component.html.erb", "app/components/card_component.html.erb"
+      end
+    end
+  end

data/lib/railwind/generators/tab_generator.rb

@@ -0,0 +1,13 @@
+require 'rails/generators'
+
+module Railwind
+    class TabGenerator < Rails::Generators::Base
+      source_root File.expand_path('templates', __dir__)
+  
+      def create_component_file
+        copy_file "tabs/tab_component.rb", "app/components/tab_component.rb"
+        copy_file "tabs/_tab_component.html.erb", "app/components/tab_component.html.erb"
+        copy_file "tabs/tabs_controller.js", "app/javascript/controllers/tabs_controller.js"
+      end
+    end
+  end

data/lib/railwind/generators/templates/{_button_component.html.erb → button/_button_component.html.erb}

@@ -1,5 +1,5 @@
 <% base_classes =
-  "px-4 py-2 rounded-full transition hover:opacity-90 hover:shadow border-2 font-semibold"
+  "px-4 py-2 rounded-full transition hover:opacity-90 hover:shadow border-2 font-semibold flex items-center justify-center gap-2 w-full"
 variant_classes =
   case @variant
   when "primary"
@@ -18,6 +18,6 @@ variant_classes =
 tailwind_classes = "#{base_classes} #{variant_classes}" %>
 
 <button type="<%= @type %>" class="<%= tailwind_classes %>">
-  <%= @text %>
   <%= content %>
+  <%= @text %>
 </button>

data/lib/railwind/generators/templates/card/_card_component.html.erb

@@ -0,0 +1,15 @@
+<div
+  class="
+    w-full
+    rounded-xl
+    bg-white
+    shadow
+    shadow
+    border
+    border-solid
+    borde-gray-300
+    p-6
+  "
+>
+  <%= content %>
+</div>

data/lib/railwind/generators/templates/card/card_component.rb

@@ -0,0 +1,4 @@
+
+class CardComponent < ViewComponent::Base
+   
+end

data/lib/railwind/generators/templates/tabs/_tab_component.html.erb

@@ -0,0 +1,29 @@
+<div data-id="<%= @id %>" class="tabs" data-controller="tabs">
+
+  <div
+    class="
+      flex
+      items-center
+      gap-4
+      mb-2
+      w-full
+      border-b-2
+      border-solid
+      border-gray-200
+    "
+  >
+    <% @tabs.each_with_index do |tab, index| %>
+      <button
+        class="border-b-2 border-solid mb-[-2px] font-semibold"
+        data-action="tabs#switchTab"
+        data-tab-index="<%= index %>"
+      >
+        <%= tab %>
+      </button>
+    <% end %>
+  </div>
+
+  <div class="tab-content hidden">
+    <%= content %>
+  </div>
+</div>

data/lib/railwind/generators/templates/tabs/tab_component.rb

@@ -0,0 +1,7 @@
+class TabComponent < ViewComponent::Base
+    def initialize(id:, tabs:)
+        @id =  id
+        @tabs = tabs
+    end
+end
+  

data/lib/railwind/generators/templates/tabs/tabs_controller.js

@@ -0,0 +1,48 @@
+import { Controller } from "@hotwired/stimulus";
+
+export default class extends Controller {
+  activeIndex = 0;
+
+  connect() {
+    this.activeIndex = 0;
+    this.showTab();
+    const tabs = this.element.querySelectorAll(".tab-content");
+    tabs[0].classList.remove("hidden");
+  }
+
+  switchTab(event) {
+    this.activeIndex = parseInt(event.currentTarget.dataset.tabIndex);
+    this.showTab();
+  }
+
+  showTab() {
+    // Get all elements with the class "tab-content".
+    // Should only be the one within the tab_component.html.erb partial
+    const tabs = this.element.querySelectorAll(".tab-content");
+
+    // Iterate over each tab
+    tabs.forEach((tab, index) => {
+      // Get all direct children of the current tab
+      const directChildren = Array.from(tab.children);
+
+      // Iterate over each direct child to hide or show
+      directChildren.forEach((child, i) => {
+        let element = this.element.querySelector(
+          `button[data-tab-index="${i}"]`
+        );
+
+        if (i === this.activeIndex) {
+          child.classList.remove("hidden");
+          element.classList.add("border-gray-900");
+          element.classList.add("text-gray-900");
+          element.classList.remove("text-gray-400");
+        } else {
+          child.classList.add("hidden");
+          element.classList.remove("border-gray-900");
+          element.classList.remove("text-gray-900")
+          element.classList.add("text-gray-400");
+        }
+      });
+    });
+  }
+}

data/lib/railwind/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Railwind
-  VERSION = "0.1.15"
+  VERSION = "0.1.22"
 end

data/lib/railwind.rb

@@ -2,6 +2,9 @@
 
 require_relative "railwind/version"
 require_relative "railwind/generators/button_generator"
+require_relative "railwind/generators/callout_generator"
+require_relative "railwind/generators/card_generator"
+require_relative "railwind/generators/tab_generator"
 
 module Railwind
   class Error < StandardError; end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: railwind
 version: !ruby/object:Gem::Version
-  version: 0.1.15
+  version: 0.1.22
 platform: ruby
 authors:
 - Christian Bryant
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2023-10-28 00:00:00.000000000 Z
+date: 2023-11-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -55,8 +55,15 @@ files:
 - Rakefile
 - lib/railwind.rb
 - lib/railwind/generators/button_generator.rb
-- lib/railwind/generators/templates/_button_component.html.erb
-- lib/railwind/generators/templates/button_component.rb
+- lib/railwind/generators/card_generator.rb
+- lib/railwind/generators/tab_generator.rb
+- lib/railwind/generators/templates/button/_button_component.html.erb
+- lib/railwind/generators/templates/button/button_component.rb
+- lib/railwind/generators/templates/card/_card_component.html.erb
+- lib/railwind/generators/templates/card/card_component.rb
+- lib/railwind/generators/templates/tabs/_tab_component.html.erb
+- lib/railwind/generators/templates/tabs/tab_component.rb
+- lib/railwind/generators/templates/tabs/tabs_controller.js
 - lib/railwind/version.rb
 - railwind.gemspec
 - sig/railwind.rbs