railwind 0.1.21 → 0.1.23

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 16d86a6ed36836b89c2564064bb3070d0f1352e9caa2c12995e26bf5b9a5e6ed
-  data.tar.gz: 4b3837233270a86fe962e91b102aed2c80dae80eb7409232addf2f1d455541ef
+  metadata.gz: db5ccd80f2a24cec982ac3275e008927303e0e2b36c3cda6bc196ff59605b3de
+  data.tar.gz: 831847785839c6944f4ac0cf1f3f56a0d7e94552b6455defbfcc67c455e13cc7
 SHA512:
-  metadata.gz: eb561a4f79a49e08fe60ef3d2b1a208ba5dbbb267c85202d5d238138a17a6b3e9a75e5f023a3c8057d44afd51fa6784d18643c1c7687e25c21b4c1297ea2e42e
-  data.tar.gz: cd5ebbd53140b012fc88f37b88cea9e7ea9b753f619ff731aed80a3f4a319a2cb444d14e1f29d118d8d5d0f440fb2a984b9c43f36d98b5cb7061d64f5638e83b
+  metadata.gz: 5b0884e3517c1c2f0660d6eb6687de37206b8febe2a1af957a22e11fc5e19593c5db0a473240e605facba16c1bee76f30ba504a4a4c440a6ae61c60bc26cd84f
+  data.tar.gz: c2cb347554d3e7c684c0be6caff7e8b555a8285ffa9d4c0c2d9bb3f4e98073a7c0e60f3f1072fecb33bc4ea8071d493ea229f11ce16a64309909d95146c61507

data/CHANGELOG.md

@@ -0,0 +1,5 @@
+## [Unreleased]
+
+## [0.1.0] - 2023-10-27
+
+- Initial release

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2023 TODO: Write your name
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,51 @@
+# Railwind
+
+[![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.
+
+
+## Installation
+
+TODO: Replace `UPDATE_WITH_YOUR_GEM_NAME_PRIOR_TO_RELEASE_TO_RUBYGEMS_ORG` with your gem name right after releasing it to RubyGems.org. Please do not do it earlier due to security reasons. Alternatively, replace this section with instructions to install your gem from git if you don't plan to release to RubyGems.org.
+
+Install the gem and add to the application's Gemfile by executing:
+
+    $ bundle add UPDATE_WITH_YOUR_GEM_NAME_PRIOR_TO_RELEASE_TO_RUBYGEMS_ORG
+
+If bundler is not being used to manage dependencies, install the gem by executing:
+
+    $ gem install UPDATE_WITH_YOUR_GEM_NAME_PRIOR_TO_RELEASE_TO_RUBYGEMS_ORG
+
+## Usage
+
+TODO: Write usage instructions here
+
+## Development
+
+After checking out the repo, run `bin/setup` to install dependencies. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
+
+To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and the created tag, and push the `.gem` file to [rubygems.org](https://rubygems.org).
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/railwind.
+
+## 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/Rakefile

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+require "bundler/gem_tasks"
+task default: %i[]

data/lib/railwind/generators/button_generator.rb

@@ -0,0 +1,12 @@
+require 'rails/generators'
+
+module Railwind
+    class ButtonGenerator < Rails::Generators::Base
+      source_root File.expand_path('templates', __dir__)
+  
+      def create_component_file
+        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/callout_generator.rb

@@ -0,0 +1,12 @@
+require 'rails/generators'
+
+module Railwind
+    class CalloutGenerator < Rails::Generators::Base
+      source_root File.expand_path('templates', __dir__)
+  
+      def create_component_file
+        copy_file "callout/callout_component.rb", "app/components/callout_component.rb"
+        copy_file "callout/_callout_component.html.erb", "app/components/callout_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/_button_component.html.erb

@@ -0,0 +1,23 @@
+<% base_classes =
+  "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"
+    "border-black bg-black text-white"
+  when "secondary"
+    "border-gray-500 bg-gray-500 text-white"
+  when "outline"
+    "border-gray-500 text-gray-500"
+  when "ghost"
+    "border-transparent bg-transparent text-gray-500 hover:bg-gray-200"
+  when "danger"
+    "border-red-500 bg-red-500 text-white"
+  else
+    "bg-blue-500 text-white"
+  end
+tailwind_classes = "#{base_classes} #{variant_classes}" %>
+
+<button type="<%= @type %>" class="<%= tailwind_classes %>">
+  <%= content %>
+  <%= @text %>
+</button>

data/lib/railwind/generators/templates/button/button_component.rb

@@ -0,0 +1,7 @@
+class ButtonComponent < ViewComponent::Base
+    def initialize(text:, variant: "primary", type: "button")
+      @text = text
+      @variant = variant
+      @type = type
+    end
+end

data/lib/railwind/generators/templates/callout/_callout_component.html.erb

@@ -0,0 +1,22 @@
+<% base_classes = "border border border-2 rounded-lg p-4 w-full"
+
+variant_classes =
+  case @variant
+  when "success"
+    "bg-green-100 border-green-500 text-green-700"
+  when "warning"
+    "bg-yellow-100 border-yellow-500 text-yellow-700"
+  when "danger"
+    "bg-red-100 border-red-500 text-red-700"
+  else
+    "bg-blue-100 border-blue-500 text-blue-700"
+  end
+
+tailwind_classes = "#{base_classes} #{variant_classes}" %>
+
+<div role="alert" class="<%= tailwind_classes %>">
+
+  <h3 class="font-semibold text-lg"><%= @title %></h3>
+  <p><%= @description %></p>
+
+</div>

data/lib/railwind/generators/templates/callout/callout_component.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+class CalloutComponent < ViewComponent::Base
+
+    VALID_VARIANTS = ['success', 'info', 'warning', 'danger'].freeze
+
+    def initialize(title:, description:, variant:)
+      @title = title
+      @description = description
+      @variant = validate_variant(variant)
+    end
+
+    private
+
+    def validate_variant(variant)
+      raise ArgumentError, "Invalid variant" unless VALID_VARIANTS.include?(variant)
+      variant
+    end
+  
+  end
+  

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

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

data/lib/railwind.rb

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+require_relative "railwind/version"
+require_relative "railwind/generators/button_generator"
+require_relative "railwind/generators/card_generator"
+require_relative "railwind/generators/tab_generator"
+require_relative "railwind/generators/callout_generator"
+
+module Railwind
+  class Error < StandardError; end
+  # Your code goes here...
+end

data/railwind.gemspec

@@ -0,0 +1,41 @@
+# frozen_string_literal: true
+
+require_relative "lib/railwind/version"
+
+Gem::Specification.new do |spec|
+  spec.name = "railwind"
+  spec.version = Railwind::VERSION
+  spec.authors = ["Christian Bryant"]
+  spec.email = ["hi@christianlovescode.com"]
+
+  spec.summary = "a customizeable ViewComponent UI library baked with Tailwind CSS."
+  spec.description = "<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."
+  spec.homepage = "https://github.com/christianlovescode/railwind"
+  spec.license = "MIT"
+  spec.required_ruby_version = ">= 3.2.0"
+
+  # spec.metadata["allowed_push_host"] = "https://christianbryant.dev"
+
+  spec.metadata["homepage_uri"] = spec.homepage
+  spec.metadata["source_code_uri"] = "https://github.com/christianlovescode/railwind"
+  spec.metadata["changelog_uri"] = "https://github.com/christianlovescode/railwind"
+
+  # Specify which files should be added to the gem when it is released.
+  # The `git ls-files -z` loads the files in the RubyGem that have been added into git.
+  spec.files = Dir.chdir(__dir__) do
+    `git ls-files -z`.split("\x0").reject do |f|
+      (File.expand_path(f) == __FILE__) ||
+        f.start_with?(*%w[bin/ test/ spec/ features/ .git .circleci appveyor Gemfile]) ||
+        f.end_with?('.gem') # Exclude any .gem files
+    end
+  end
+  spec.bindir = "exe"
+  spec.executables = spec.files.grep(%r{\Aexe/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib"]
+
+  spec.add_dependency "rails", "~> 7.0"
+  spec.add_dependency "view_component", "~> 3.0"
+
+  # For more information and examples about making a new gem, check out our
+  # guide at: https://bundler.io/guides/creating_gem.html
+end

data/sig/railwind.rbs

@@ -0,0 +1,4 @@
+module Railwind
+  VERSION: String
+  # See the writing guide of rbs: https://github.com/ruby/rbs#guides
+end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: railwind
 version: !ruby/object:Gem::Version
-  version: 0.1.21
+  version: 0.1.23
 platform: ruby
 authors:
 - Christian Bryant
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2023-10-31 00:00:00.000000000 Z
+date: 2023-11-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -48,7 +48,28 @@ email:
 executables: []
 extensions: []
 extra_rdoc_files: []
-files: []
+files:
+- CHANGELOG.md
+- LICENSE.txt
+- README.md
+- Rakefile
+- lib/railwind.rb
+- lib/railwind/generators/button_generator.rb
+- lib/railwind/generators/callout_generator.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/callout/_callout_component.html.erb
+- lib/railwind/generators/templates/callout/callout_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
 homepage: https://github.com/christianlovescode/railwind
 licenses:
 - MIT