m9sh 0.1.0 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 15abe8ca859f94770761794841f7844ec485314e25a084a491e784f20212fb6a
-  data.tar.gz: f28037d63d39224a79783679285a7f7906a8ce616c924f06626b44ee6cbf57be
+  metadata.gz: 5f7f878f0cd2a01e7c564dce92c4ca1cd28401b150114859533d07bfc7fc0a58
+  data.tar.gz: 4a2895dcc4372fde0ab0d1fcfc11afddbf2735741116bf4b4652bf0c9e400dcc
 SHA512:
-  metadata.gz: d2a92e62142a02eab15c3925c76365587a49cdf026a15f6d823ff1e12f554f0fc041ded166126ee889c8664414f18233b432c2fd973388a446df44225386087c
-  data.tar.gz: 32192a8c31a70aac61c036be5c23ede466f4d9e754899cc738b3dda97f32ebed4aff05a4d9c26581db1b476127b2d0cd7003125c99e89758906bd2ee1b511d88
+  metadata.gz: 1c3da513464fb90f16f4eae358f4c508353b52509550d576914e90cf9c74279f22a47428dbcad69ad239f58733bbb9ba5143fc1a9510621d66ecc2979564d730
+  data.tar.gz: 4451b13eeafd4acfa954744c164a7acc536c34aed2761e1c08e1d05a8b88f78f5aed8c0ebc398dff2ff5139243737a7ce0247960658e1ec8e8be7a262f111381

data/Dockerfile

@@ -59,7 +59,8 @@ RUN npm run build:css
 RUN bundle exec bootsnap precompile app/ lib/
 
 # Precompiling assets for production without requiring secret RAILS_MASTER_KEY
-RUN SECRET_KEY_BASE_DUMMY=1 ./bin/rails assets:precompile
+# Skip tailwindcss:build since we already built CSS with npm
+RUN SECRET_KEY_BASE_DUMMY=1 ./bin/rails assets:precompile RAILS_ENV=production
 
 
 # Final stage for app image

data/GEM_README.md

@@ -0,0 +1,284 @@
+# M9sh - Beautiful UI Components for Rails
+
+[![Gem Version](https://badge.fury.io/rb/m9sh.svg)](https://badge.fury.io/rb/m9sh)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+
+Beautiful, accessible UI components for Rails applications using ViewComponent and Hotwire, inspired by [shadcn/ui](https://ui.shadcn.com).
+
+## Features
+
+- 🚀 **Rails Native** - Built specifically for Rails with ViewComponent
+- ⚡ **Hotwire Powered** - Interactive components using Stimulus controllers
+- 🎨 **Tailwind CSS v4** - Modern styling with the latest Tailwind features
+- ♿ **Accessible** - ARIA compliant components
+- 🌙 **Dark Mode** - Built-in dark mode support
+- 📦 **CLI Generator** - Easy component generation with namespace customization
+- 🔧 **Customizable** - Components you can customize and own
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'm9sh'
+```
+
+And then execute:
+
+```bash
+bundle install
+```
+
+Or install it yourself as:
+
+```bash
+gem install m9sh
+```
+
+## Quick Start
+
+### 1. Initialize M9sh
+
+```bash
+m9sh init
+```
+
+This will create a `m9sh.yml` configuration file and set up your project.
+
+### 2. Add Components
+
+```bash
+# Add individual components
+m9sh add button
+m9sh add card
+m9sh add dialog
+
+# Add all components at once
+m9sh add --all
+```
+
+### 3. Use Components in Your Views
+
+```erb
+<%= render M9sh::ButtonComponent.new(variant: :primary, size: :lg) do %>
+  Click Me!
+<% end %>
+
+<%= render M9sh::CardComponent.new do |card| %>
+  <% card.with_header do |header| %>
+    <% header.with_title { "Card Title" } %>
+    <% header.with_description { "Card description" } %>
+  <% end %>
+
+  <% card.with_body do %>
+    Your content here
+  <% end %>
+<% end %>
+```
+
+## CLI Commands
+
+### Initialize Configuration
+
+```bash
+m9sh init                    # Interactive setup
+m9sh init --interactive=false \
+  --namespace=MyApp \
+  --components_path=app/components/ui
+```
+
+### Add Components
+
+```bash
+m9sh add button              # Add specific component
+m9sh add button --force      # Overwrite existing
+m9sh add --all               # Add all components
+```
+
+### List Components
+
+```bash
+m9sh list                    # List all components
+m9sh list -i                 # Show only installed
+m9sh list -a                 # Show only available
+```
+
+### Component Information
+
+```bash
+m9sh info button             # Show component details
+```
+
+### Sync Components
+
+```bash
+m9sh sync button             # Update component to latest
+m9sh sync --all              # Update all components
+```
+
+## Available Components
+
+### Form Components
+- **button** - Button with multiple variants
+- **input** - Text input field
+- **textarea** - Multi-line text input
+- **select** - Dropdown select
+- **checkbox** - Checkbox input
+- **switch** - Toggle switch
+- **slider** - Range slider
+- **radio_group** - Radio button group
+- **label** - Form label
+
+### Layout Components
+- **card** - Container with header, body, and footer
+- **table** - Styled table component
+- **separator** - Horizontal/vertical separator
+- **main** - Main content wrapper
+
+### Navigation Components
+- **tabs** - Tab navigation
+- **breadcrumb** - Breadcrumb navigation
+- **navigation_menu** - Navigation menu
+- **sidebar** - Sidebar navigation
+
+### Feedback Components
+- **alert** - Alert notifications
+- **toast** - Toast notifications
+- **progress** - Progress bar
+- **spinner** - Loading spinner
+- **skeleton** - Loading skeleton placeholder
+
+### Interactive Components
+- **accordion** - Collapsible accordion
+- **dialog** - Modal dialog
+- **alert_dialog** - Confirmation dialog
+- **sheet** - Side sheet panel
+- **tooltip** - Tooltip overlay
+- **popover** - Popover overlay
+- **hover_card** - Hover card
+- **collapsible** - Collapsible section
+- **dropdown_menu** - Dropdown menu
+- **toggle** - Toggle button
+
+### Display Components
+- **avatar** - User avatar
+- **badge** - Status badge
+- **typography** - Typography styles
+
+### Theme Components
+- **theme_toggle** - Dark/light mode toggle
+
+## Customization
+
+### Custom Namespace
+
+You can use a custom namespace for your components:
+
+```bash
+m9sh init --namespace=MyApp::UI --components_path=app/components/myapp/ui
+```
+
+This will generate components like:
+
+```ruby
+module MyApp
+  module UI
+    class ButtonComponent < BaseComponent
+      # ...
+    end
+  end
+end
+```
+
+### Styling
+
+All components use Tailwind CSS. Customize by modifying:
+- `tailwind.config.js` - Tailwind configuration
+- CSS custom properties in your CSS file
+- Component classes directly (they're in your project!)
+
+### Override Per Command
+
+You can override configuration per command:
+
+```bash
+m9sh add button --namespace=CustomNamespace --components_path=custom/path
+```
+
+## Requirements
+
+- Ruby 3.0+
+- Rails 7.0+
+- ViewComponent 3.0+
+- Tailwind CSS 3.0+
+- Hotwire/Stimulus (for interactive components)
+
+## Configuration
+
+The `m9sh.yml` file stores your project configuration:
+
+```yaml
+namespace: M9sh
+components_path: app/components/m9sh
+javascript_path: app/javascript/controllers/m9sh
+tailwind_config: tailwind.config.js
+css_file: app/assets/stylesheets/application.tailwind.css
+style: default
+```
+
+## How It Works
+
+M9sh uses a registry-based approach:
+
+1. **Component Registry** - All components are defined in a YAML registry
+2. **Dependency Resolution** - Dependencies are automatically resolved and installed
+3. **File Generation** - Components are copied to your project
+4. **Namespace Transformation** - Namespaces are automatically transformed to match your config
+
+Unlike traditional UI libraries, M9sh components become part of your codebase - you own them and can customize them freely.
+
+## Documentation
+
+- [CLI Documentation](https://github.com/yourusername/m9sh/blob/main/M9SH_CLI.md)
+- [Component Documentation](https://m9sh-docs.example.com)
+- [Examples](https://github.com/yourusername/m9sh/tree/main/examples)
+
+## Development
+
+After checking out the repo, run:
+
+```bash
+bundle install
+```
+
+To build the gem:
+
+```bash
+gem build m9sh.gemspec
+```
+
+To install the gem locally:
+
+```bash
+gem install ./m9sh-0.1.0.gem
+```
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/yourusername/m9sh.
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+
+## Credits
+
+- Inspired by [shadcn/ui](https://ui.shadcn.com)
+- Built with [ViewComponent](https://viewcomponent.org)
+- Powered by [Hotwire](https://hotwired.dev)
+- Styled with [Tailwind CSS](https://tailwindcss.com)
+- CLI framework: [Thor](https://github.com/rails/thor)
+
+## Support
+
+If you find this helpful, please give it a ⭐ on GitHub!

data/LICENSE.txt

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Marcin Doliwa
+
+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.