m9sh 0.2.4 → 0.2.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 60a17049e08e32e54ff30a314c07e746712f7d0cf10c84daef8794c44ac53520
-  data.tar.gz: 8331db49172a68f2605c2b4cdc6d4feadfafc97a0199143a974f007646ccb69a
+  metadata.gz: 713b1bc8189ceef415cd47de7913c446532f80e5b1829ba6f8eddaed9880d694
+  data.tar.gz: 0017bef99ea8058bb0e512fcc4dec31605bce16a114bb7677bb33f8d5b8e5cc0
 SHA512:
-  metadata.gz: b64d1a98d913d375cdc090d050177164c88037a75286723754a25f1f4b668c2f68873c6730b5baec9e76d3b83769c4e82f5b85a899b6607f57bcb5ad706c7a54
-  data.tar.gz: e47067baeeed55078b0340573d333ec5d677d45cee791a6b33679a97b095f6194504f12f99647ccfcecf2b8254e22c08ddc2780e016badde22e6a18768ea7422
+  metadata.gz: c786785e431d5bdedd42630491de9c75052c31b5772bff05f2bce422097f5528b390bb44e325a4546c5627db51879ce785d356e27386c812c83a823309cbac43
+  data.tar.gz: d39c9c20cf68d450ec68734058bbd8596de20b299aa451030a7040fe81f27c898d4df6ffdb284abe43c454562974fcd58069328da07c7bfce4bd9f1d03f925b0

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,20 @@ 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 v4"
+      puts "   2. Run 'npm run build:css' to build your CSS"
+      puts "   3. Add <%= stylesheet_link_tag \"application\", \"data-turbo-track\": \"reload\" %> to your layout"
+      puts "   4. Run 'bin/m9sh list' to see available components"
+      puts "   5. 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,195 @@
+# 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_css_file
+      setup_package_json
+      setup_stimulus_registration
+      puts "✨ Additional setup complete!"
+    end
+
+    private
+
+    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["scripts"]["build:css:watch"] = "tailwindcss -i ./app/assets/stylesheets/application.tailwind.css -o ./app/assets/builds/application.css --watch"
+          package_data["devDependencies"] ||= {}
+          package_data["devDependencies"]["@tailwindcss/cli"] ||= "^4.0.0-beta.3"
+
+          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 css_template
+      <<~CSS
+        @import "tailwindcss";
+
+        @theme {
+          --color-background: 0 0% 100%;
+          --color-foreground: 222.2 84% 4.9%;
+          --color-card: 0 0% 100%;
+          --color-card-foreground: 222.2 84% 4.9%;
+          --color-popover: 0 0% 100%;
+          --color-popover-foreground: 222.2 84% 4.9%;
+          --color-primary: 222.2 47.4% 11.2%;
+          --color-primary-foreground: 210 40% 98%;
+          --color-secondary: 210 40% 96.1%;
+          --color-secondary-foreground: 222.2 47.4% 11.2%;
+          --color-muted: 210 40% 96.1%;
+          --color-muted-foreground: 215.4 16.3% 46.9%;
+          --color-accent: 210 40% 96.1%;
+          --color-accent-foreground: 222.2 47.4% 11.2%;
+          --color-destructive: 0 84.2% 60.2%;
+          --color-destructive-foreground: 210 40% 98%;
+          --color-border: 214.3 31.8% 91.4%;
+          --color-input: 214.3 31.8% 91.4%;
+          --color-ring: 222.2 84% 4.9%;
+          --radius-sm: calc(0.5rem - 4px);
+          --radius-md: calc(0.5rem - 2px);
+          --radius-lg: 0.5rem;
+        }
+
+        @layer base {
+          * {
+            border-color: hsl(var(--color-border));
+          }
+          body {
+            background-color: hsl(var(--color-background));
+            color: hsl(var(--color-foreground));
+          }
+        }
+
+        @media (prefers-color-scheme: dark) {
+          @theme {
+            --color-background: 222.2 84% 4.9%;
+            --color-foreground: 210 40% 98%;
+            --color-card: 222.2 84% 4.9%;
+            --color-card-foreground: 210 40% 98%;
+            --color-popover: 222.2 84% 4.9%;
+            --color-popover-foreground: 210 40% 98%;
+            --color-primary: 210 40% 98%;
+            --color-primary-foreground: 222.2 47.4% 11.2%;
+            --color-secondary: 217.2 32.6% 17.5%;
+            --color-secondary-foreground: 210 40% 98%;
+            --color-muted: 217.2 32.6% 17.5%;
+            --color-muted-foreground: 215 20.2% 65.1%;
+            --color-accent: 217.2 32.6% 17.5%;
+            --color-accent-foreground: 210 40% 98%;
+            --color-destructive: 0 62.8% 30.6%;
+            --color-destructive-foreground: 210 40% 98%;
+            --color-border: 217.2 32.6% 17.5%;
+            --color-input: 217.2 32.6% 17.5%;
+            --color-ring: 212.7 26.8% 83.9%;
+          }
+        }
+      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",
+          "build:css:watch": "tailwindcss -i ./app/assets/stylesheets/application.tailwind.css -o ./app/assets/builds/application.css --watch"
+        },
+        devDependencies: {
+          "@tailwindcss/cli": "^4.0.0-beta.3"
+        }
+      })
+    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.6"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: m9sh
 version: !ruby/object:Gem::Version
-  version: 0.2.4
+  version: 0.2.6
 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