m9sh 0.2.4 → 0.2.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 60a17049e08e32e54ff30a314c07e746712f7d0cf10c84daef8794c44ac53520
-  data.tar.gz: 8331db49172a68f2605c2b4cdc6d4feadfafc97a0199143a974f007646ccb69a
+  metadata.gz: 4999f0b66fd9fcb8c72042aa986a757c6b5a69a17cf8acf650330c22146ecd1f
+  data.tar.gz: 48bd5b66a35f216c487ca21a0525a2b89ec6d862a5b0c00c8c157ab0f367310e
 SHA512:
-  metadata.gz: b64d1a98d913d375cdc090d050177164c88037a75286723754a25f1f4b668c2f68873c6730b5baec9e76d3b83769c4e82f5b85a899b6607f57bcb5ad706c7a54
-  data.tar.gz: e47067baeeed55078b0340573d333ec5d677d45cee791a6b33679a97b095f6194504f12f99647ccfcecf2b8254e22c08ddc2780e016badde22e6a18768ea7422
+  metadata.gz: bdd1dfed0767fc23ba79aeb3b97946cff5bddcec818ee281362839450a405981070afd813e1139731ccdd65fc3d5ac1e0d1ca8501e535c44f630248ea6c5ceb9
+  data.tar.gz: e0affdf72dcacfeac608bd6a0e9fa1fbd3083fbfe23fd0327b839580446412484655d275b133239d23492b420cb28700a125b7771c8bac90b9e2ce30a7509563

data/lib/m9sh/cli.rb

@@ -5,6 +5,7 @@ require_relative "version"
 require_relative "config"
 require_relative "registry"
 require_relative "generator"
+require_relative "setup"
 
 module M9sh
   class CLI < Thor
@@ -41,13 +42,19 @@ module M9sh
       FileUtils.mkdir_p(config.full_components_path)
       FileUtils.mkdir_p(config.full_javascript_path)
 
+      # Run additional setup
+      puts "\n📦 Setting up project files..."
+      Setup.new.run
+
       puts "\n✨ M9sh initialized successfully!"
       puts "   Configuration saved to m9sh.yml"
       puts "   Component path: #{config.components_path}"
       puts "   JavaScript path: #{config.javascript_path}"
       puts "\nNext steps:"
-      puts "   Run 'bin/m9sh list' to see available components"
-      puts "   Run 'bin/m9sh add button' to add a component"
+      puts "   1. Run 'npm install' to install Tailwind CSS"
+      puts "   2. Run 'npm run build:css' to build your CSS"
+      puts "   3. Run 'bin/m9sh list' to see available components"
+      puts "   4. Run 'bin/m9sh add button' to add a component"
     end
 
     desc "add COMPONENT", "Add a component (with dependencies)"

data/lib/m9sh/setup.rb

@@ -0,0 +1,264 @@
+# frozen_string_literal: true
+
+require "fileutils"
+require "json"
+
+module M9sh
+  class Setup
+    attr_reader :root_path
+
+    def initialize(root_path = Dir.pwd)
+      @root_path = root_path
+    end
+
+    def run
+      setup_tailwind_config
+      setup_css_file
+      setup_package_json
+      setup_stimulus_registration
+      puts "✨ Additional setup complete!"
+    end
+
+    private
+
+    def setup_tailwind_config
+      config_path = File.join(@root_path, "tailwind.config.js")
+
+      if File.exist?(config_path)
+        puts "   ⏭️  tailwind.config.js already exists, skipping..."
+        return
+      end
+
+      File.write(config_path, tailwind_config_template)
+      puts "   ✅ Created tailwind.config.js"
+    end
+
+    def setup_css_file
+      css_dir = File.join(@root_path, "app", "assets", "stylesheets")
+      FileUtils.mkdir_p(css_dir)
+
+      css_path = File.join(css_dir, "application.tailwind.css")
+
+      if File.exist?(css_path)
+        puts "   ⏭️  application.tailwind.css already exists, skipping..."
+        return
+      end
+
+      File.write(css_path, css_template)
+      puts "   ✅ Created app/assets/stylesheets/application.tailwind.css"
+    end
+
+    def setup_package_json
+      package_path = File.join(@root_path, "package.json")
+
+      if File.exist?(package_path)
+        # Update existing package.json
+        begin
+          package_data = JSON.parse(File.read(package_path))
+          package_data["scripts"] ||= {}
+
+          if package_data["scripts"]["build:css"]
+            puts "   ⏭️  package.json scripts already configured, skipping..."
+            return
+          end
+
+          package_data["scripts"]["build:css"] = "tailwindcss -i ./app/assets/stylesheets/application.tailwind.css -o ./app/assets/builds/application.css --minify"
+          package_data["devDependencies"] ||= {}
+          package_data["devDependencies"]["tailwindcss"] ||= "^3.4.0"
+
+          File.write(package_path, JSON.pretty_generate(package_data))
+          puts "   ✅ Updated package.json with build:css script"
+        rescue JSON::ParserError
+          puts "   ⚠️  Could not parse package.json, skipping..."
+        end
+      else
+        # Create new package.json
+        File.write(package_path, package_json_template)
+        puts "   ✅ Created package.json"
+      end
+    end
+
+    def setup_stimulus_registration
+      js_dir = File.join(@root_path, "app", "javascript", "controllers")
+      FileUtils.mkdir_p(js_dir)
+
+      index_path = File.join(js_dir, "index.js")
+
+      if File.exist?(index_path)
+        content = File.read(index_path)
+        if content.include?("m9sh")
+          puts "   ⏭️  Stimulus controllers already registered, skipping..."
+          return
+        end
+
+        # Add m9sh controller registration
+        if content.include?("eagerLoadControllersFrom")
+          # Add after existing eagerLoadControllersFrom
+          updated_content = content.sub(
+            /(eagerLoadControllersFrom\([^)]+\))/,
+            "\\1\neagerLoadControllersFrom(\"m9sh\", application)"
+          )
+          File.write(index_path, updated_content)
+          puts "   ✅ Added m9sh controllers to Stimulus registration"
+        else
+          puts "   ⚠️  Could not find controller registration pattern, skipping..."
+        end
+      else
+        # Create new index.js
+        File.write(index_path, stimulus_index_template)
+        puts "   ✅ Created app/javascript/controllers/index.js"
+      end
+    end
+
+    # Templates
+
+    def tailwind_config_template
+      <<~JS
+        /** @type {import('tailwindcss').Config} */
+        module.exports = {
+          content: [
+            './app/views/**/*.html.erb',
+            './app/helpers/**/*.rb',
+            './app/components/**/*.{rb,erb}',
+            './app/javascript/**/*.js'
+          ],
+          theme: {
+            extend: {
+              colors: {
+                border: "hsl(var(--border))",
+                input: "hsl(var(--input))",
+                ring: "hsl(var(--ring))",
+                background: "hsl(var(--background))",
+                foreground: "hsl(var(--foreground))",
+                primary: {
+                  DEFAULT: "hsl(var(--primary))",
+                  foreground: "hsl(var(--primary-foreground))",
+                },
+                secondary: {
+                  DEFAULT: "hsl(var(--secondary))",
+                  foreground: "hsl(var(--secondary-foreground))",
+                },
+                destructive: {
+                  DEFAULT: "hsl(var(--destructive))",
+                  foreground: "hsl(var(--destructive-foreground))",
+                },
+                muted: {
+                  DEFAULT: "hsl(var(--muted))",
+                  foreground: "hsl(var(--muted-foreground))",
+                },
+                accent: {
+                  DEFAULT: "hsl(var(--accent))",
+                  foreground: "hsl(var(--accent-foreground))",
+                },
+                popover: {
+                  DEFAULT: "hsl(var(--popover))",
+                  foreground: "hsl(var(--popover-foreground))",
+                },
+                card: {
+                  DEFAULT: "hsl(var(--card))",
+                  foreground: "hsl(var(--card-foreground))",
+                },
+              },
+              borderRadius: {
+                lg: "var(--radius)",
+                md: "calc(var(--radius) - 2px)",
+                sm: "calc(var(--radius) - 4px)",
+              },
+            },
+          },
+          plugins: [],
+        }
+      JS
+    end
+
+    def css_template
+      <<~CSS
+        @import "tailwindcss/base";
+        @import "tailwindcss/components";
+        @import "tailwindcss/utilities";
+
+        @layer base {
+          :root {
+            --background: 0 0% 100%;
+            --foreground: 222.2 84% 4.9%;
+            --card: 0 0% 100%;
+            --card-foreground: 222.2 84% 4.9%;
+            --popover: 0 0% 100%;
+            --popover-foreground: 222.2 84% 4.9%;
+            --primary: 222.2 47.4% 11.2%;
+            --primary-foreground: 210 40% 98%;
+            --secondary: 210 40% 96.1%;
+            --secondary-foreground: 222.2 47.4% 11.2%;
+            --muted: 210 40% 96.1%;
+            --muted-foreground: 215.4 16.3% 46.9%;
+            --accent: 210 40% 96.1%;
+            --accent-foreground: 222.2 47.4% 11.2%;
+            --destructive: 0 84.2% 60.2%;
+            --destructive-foreground: 210 40% 98%;
+            --border: 214.3 31.8% 91.4%;
+            --input: 214.3 31.8% 91.4%;
+            --ring: 222.2 84% 4.9%;
+            --radius: 0.5rem;
+          }
+
+          .dark {
+            --background: 222.2 84% 4.9%;
+            --foreground: 210 40% 98%;
+            --card: 222.2 84% 4.9%;
+            --card-foreground: 210 40% 98%;
+            --popover: 222.2 84% 4.9%;
+            --popover-foreground: 210 40% 98%;
+            --primary: 210 40% 98%;
+            --primary-foreground: 222.2 47.4% 11.2%;
+            --secondary: 217.2 32.6% 17.5%;
+            --secondary-foreground: 210 40% 98%;
+            --muted: 217.2 32.6% 17.5%;
+            --muted-foreground: 215 20.2% 65.1%;
+            --accent: 217.2 32.6% 17.5%;
+            --accent-foreground: 210 40% 98%;
+            --destructive: 0 62.8% 30.6%;
+            --destructive-foreground: 210 40% 98%;
+            --border: 217.2 32.6% 17.5%;
+            --input: 217.2 32.6% 17.5%;
+            --ring: 212.7 26.8% 83.9%;
+          }
+        }
+
+        @layer base {
+          * {
+            @apply border-border;
+          }
+          body {
+            @apply bg-background text-foreground;
+          }
+        }
+      CSS
+    end
+
+    def package_json_template
+      JSON.pretty_generate({
+        name: "app",
+        private: true,
+        scripts: {
+          "build:css": "tailwindcss -i ./app/assets/stylesheets/application.tailwind.css -o ./app/assets/builds/application.css --minify"
+        },
+        devDependencies: {
+          tailwindcss: "^3.4.0"
+        }
+      })
+    end
+
+    def stimulus_index_template
+      <<~JS
+        // Import and register all your controllers from the importmap under controllers/*
+
+        import { application } from "./application"
+
+        // Eager load all controllers defined in the import map under controllers/**/*_controller
+        import { eagerLoadControllersFrom } from "@hotwired/stimulus-loading"
+        eagerLoadControllersFrom("controllers", application)
+        eagerLoadControllersFrom("m9sh", application)
+      JS
+    end
+  end
+end

data/lib/m9sh/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module M9sh
-  VERSION = "0.2.4"
+  VERSION = "0.2.5"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: m9sh
 version: !ruby/object:Gem::Version
-  version: 0.2.4
+  version: 0.2.5
 platform: ruby
 authors:
 - Marcin Urbanski
@@ -307,6 +307,7 @@ files:
 - lib/m9sh/generator.rb
 - lib/m9sh/registry.rb
 - lib/m9sh/registry.yml
+- lib/m9sh/setup.rb
 - lib/m9sh/version.rb
 - lib/tasks/tailwindcss.rake
 - m9sh.gemspec