tailwind_ui 0.1.0 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4f24853abac6cb65ef0f5d0146b614635a06f6c167df3df2691a37ff1fd53660
-  data.tar.gz: ac9844710363c5c19bff6de70379a3005e82bf7c5b4cc94e066df583feaa2e31
+  metadata.gz: 1e4997c80b6251a4c702f08d220cdc8fa147c3455c06c9cd57ddabb2974a56f9
+  data.tar.gz: e029cb0d11008291b4e66c4665930d25cdf7284821924acb72fd76a5e0232f5e
 SHA512:
-  metadata.gz: 842ffb6c6704387e25c25376d9ad9e1bf433e5a041604a14fe26a9d9ecf454f8b2c5ebd2d08695a619e1bd607743a9ccd4985819116e3a2c881d1bbe68ae97a7
-  data.tar.gz: f34251b2529576443ddafc6471d32534cf410c4676d35fc35b70548353644a205609c5c65e9877f04ac140f89132a88f39cc8ebe50651e90e55f2f32263fd82b
+  metadata.gz: 53f7a781875243af0ea6103ad94819a9c930fc4d4e0cfa5e3ccb8afe3c905871ef8c6a0eae3fa55ebf6488b573161dcdd3cd4a062af95b94f1e0a99d1688204a
+  data.tar.gz: 026e78bdc383918a1a08ef231fd79a32552eb23d68983eb26733660401a86ce720a5800dee419ffbc827445b7bf123116ac5b2eac001edcbeffa331f655826eb

data/.ruby-version

@@ -0,0 +1 @@
+3.4.1

data/.vscode/settings.json

@@ -0,0 +1,6 @@
+{
+    "rubyLsp.linters": [
+        "standard"
+    ],
+    "rubyLsp.formatter": "standard"
+}

data/README.md

@@ -1,24 +1,26 @@
-# TailwindUi
+# tailwind_ui
 
-TODO: Delete this and the text below, and describe your gem
-
-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/tailwind_ui`. To experiment with that code, run `bin/console` for an interactive prompt.
+This gem is for working with [Tailwind UI](https://tailwindui.com).
 
 ## Installation
 
-TODO: Replace `UPDATE_WITH_YOUR_GEM_NAME_IMMEDIATELY_AFTER_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_IMMEDIATELY_AFTER_RELEASE_TO_RUBYGEMS_ORG
+    $ bundle add tailwind_ui
 
 If bundler is not being used to manage dependencies, install the gem by executing:
 
-    $ gem install UPDATE_WITH_YOUR_GEM_NAME_IMMEDIATELY_AFTER_RELEASE_TO_RUBYGEMS_ORG
+    $ gem install tailwind_ui
 
 ## Usage
 
-TODO: Write usage instructions here
+First, copy the React (JSX) code from [Tailwind UI](https://tailwindui.com) to a local file.
+
+Then use the `jsx_to_erb` command to convert it to ERB, for example:
+
+`bundle exec jsx_to_erb simple.jsx > app/views/_simple.html.erb`
+
+Only some basic components are currently supported. The plan is to gradually increase the coverage.
 
 ## Development
 
@@ -28,7 +30,7 @@ To install this gem onto your local machine, run `bundle exec rake install`. To
 
 ## Contributing
 
-Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/tailwind_ui.
+Bug reports and pull requests are welcome on GitHub at https://github.com/andyw8/tailwind_ui.
 
 ## License
 

data/Rakefile

@@ -5,8 +5,6 @@ require "minitest/test_task"
 
 Minitest::TestTask.create
 
-require "rubocop/rake_task"
+require "standard/rake"
 
-RuboCop::RakeTask.new
-
-task default: %i[test rubocop]
+task default: %i[test standard]

data/exe/jsx_to_erb

@@ -0,0 +1,8 @@
+#!/usr/bin/env ruby
+
+require "bundler"
+Bundler.setup
+
+require "tailwind_ui/jsx_to_erb"
+
+puts TailwindUi::JsxToErb.from_path(ARGV[0]).full

data/lib/tailwind_ui/jsx_to_erb.rb

@@ -0,0 +1,124 @@
+require "erb"
+require "nokogiri"
+
+module TailwindUi
+  class Error < StandardError
+  end
+
+  class NotYetSupported < TailwindUi::Error
+  end
+
+  class UnconvertedBraces < TailwindUi::Error
+  end
+
+  class ClipPathNotYetSupported < TailwindUi::Error
+  end
+
+  class Special < TailwindUi::Error
+  end
+
+  class JsxToErb
+    def self.from_path(path)
+      file_contents = File.read(path)
+      new(file_contents)
+    end
+
+    def initialize(file_contents)
+      if file_contents.include?("This example requires updating your template")
+        raise Special
+      end
+
+      unless file_contents.lines.first.start_with?("export default function")
+        raise NotYetSupported
+      end
+
+      if file_contents.include?("clipPath")
+        raise ClipPathNotYetSupported
+      end
+
+      @file_contents = file_contents
+    end
+
+    def full
+      tags = @file_contents.match(/(?<tags> *<.*>)/m)[:tags]
+      result = without_indentation(tags)
+      result = handle_style_attributes(result)
+      result = with_jsx_keywords_updated(result)
+      result = convert_camelcase_attributes(result)
+      check_for_missed_camel_case_tags!(result)
+      result = handle_jsx_comments(result)
+      result = handle_brace_attributes(result)
+      result = handle_inner_braces(result)
+      raise UnconvertedBraces if result.include?("{") || result.include?("}")
+
+      # Parse the ERB to ensure it's valid
+      ERB.new(result).result
+
+      result
+    end
+
+    private
+
+    def convert_camelcase_attributes(markup)
+      result = markup
+      {
+        autoComplete: "autocomplete",
+        dateTime: "datetime",
+        defaultValue: "value",
+        fillOpacity: "fill-opacity",
+        gradientUnits: "gradient-units",
+        preserveAspectRatio: "preserve-aspect-ratio",
+        stopColor: "stop-color",
+        viewBox: "view-box"
+      }.each do |(camel_case, normal)|
+        result = result.gsub(camel_case.to_s, normal)
+      end
+      result
+    end
+
+    CAMEL_CASE = /^[a-zA-Z]+([A-Z][a-z]+)+$/
+
+    def check_for_missed_camel_case_tags!(str)
+      # Need to specify XML here to avoid Nokgiri downcasing automatically
+      doc = Nokogiri::XML.fragment(str)
+
+      doc.traverse do |node|
+        node.attributes.each do |name, value|
+          raise TailwindUi::Error, "found camelcase: #{name}" if name.match?(CAMEL_CASE)
+        end
+      end
+    end
+
+    def handle_jsx_comments(markup)
+      markup
+        .gsub("{/*", "<%#")
+        .gsub("*/}", "%>")
+    end
+
+    def handle_brace_attributes(markup)
+      markup
+        .gsub(/(\w+)=\{(\d+)}/m, '\1="\2"')
+    end
+
+    def handle_style_attributes(markup)
+      markup.gsub(/style={{ (.*) }}/, 'style="\1"')
+    end
+
+    def handle_inner_braces(markup)
+      markup.gsub("{", "<%= ").gsub("}", " %>")
+    end
+
+    def with_jsx_keywords_updated(markup)
+      markup
+        .gsub(/className="([^"]+)"/, 'class="\1"')
+        .gsub(/htmlFor="([^"]+)"/, 'for="\1"')
+    end
+
+    def without_indentation(tags)
+      indentation_level = tags.index("<")
+      tags.lines.map do |line|
+        line[indentation_level..]
+      end.join + "\n"
+    end
+  end
+end

data/lib/tailwind_ui/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module TailwindUi
-  VERSION = "0.1.0"
+  VERSION = "0.1.1"
 end

metadata

@@ -1,14 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: tailwind_ui
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.1
 platform: ruby
 authors:
 - Andy Waite
-autorequire:
 bindir: exe
 cert_chain: []
-date: 2024-12-23 00:00:00.000000000 Z
+date: 2024-12-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: nokogiri
@@ -24,19 +23,22 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '1.17'
-description:
 email:
 - 13400+andyw8@users.noreply.github.com
-executables: []
+executables:
+- jsx_to_erb
 extensions: []
 extra_rdoc_files: []
 files:
-- ".rubocop.yml"
+- ".ruby-version"
+- ".vscode/settings.json"
 - CHANGELOG.md
 - LICENSE.txt
 - README.md
 - Rakefile
+- exe/jsx_to_erb
 - lib/tailwind_ui.rb
+- lib/tailwind_ui/jsx_to_erb.rb
 - lib/tailwind_ui/version.rb
 - sig/tailwind_ui.rbs
 homepage: https://github.com/andyw8/tailwind_ui
@@ -46,7 +48,6 @@ metadata:
   allowed_push_host: https://rubygems.org
   homepage_uri: https://github.com/andyw8/tailwind_ui
   source_code_uri: https://github.com/andyw8/tailwind_ui
-post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -61,8 +62,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.5.3
-signing_key:
+rubygems_version: 3.6.2
 specification_version: 4
 summary: Tools for working with Tailwind UI
 test_files: []

data/.rubocop.yml

@@ -1,8 +0,0 @@
-AllCops:
-  TargetRubyVersion: 3.0
-
-Style/StringLiterals:
-  EnforcedStyle: double_quotes
-
-Style/StringLiteralsInInterpolation:
-  EnforcedStyle: double_quotes