aeros 0.0.1

data/app/components/aeros/spinner/component.rb

@@ -0,0 +1,55 @@
+module Aeros::Spinner
+  class Component < ::Aeros::ApplicationViewComponent
+    option(:size, default: proc { :default })
+    option(:variant, default: proc { :default })
+    option(:css, optional: true)
+
+    style do
+      base do
+        %w[
+          relative
+          inset-0
+          pl-2
+          mr-0
+          w-5
+          h-5
+          before:content-['']
+          before:box-border
+          before:absolute
+          before:top-1/2
+          before:left-1/2
+          before:w-5
+          before:h-5
+          before:-mt-2
+          before:-ml-2
+          before:rounded-full
+          before:border-2
+          before:animate-spin
+        ]
+      end
+
+      variants do
+        size do
+          xs { "before:w-3 before:h-3 before:-mt-1.5 before:-ml-1.5" }
+          sm { "before:w-4 before:h-4 before:-mt-2 before:-ml-2" }
+          default { "before:w-5 before:h-5 before:-mt-2.5 before:-ml-2.5" }
+          lg { "before:w-6 before:h-6 before:-mt-3 before:-ml-3" }
+          xl { "before:w-8 before:h-8 before:-mt-4 before:-ml-4" }
+        end
+
+        variant do
+          white { "before:border-white/50 before:border-t-white" }
+          default { "before:border-gray-500/50 before:border-t-gray-500" }
+          primary { "before:border-default-500/50 before:border-t-default-500" }
+          secondary { "before:border-secondary/50 before:border-t-secondary" }
+          destructive { "before:border-destructive/50 before:border-t-destructive" }
+          black { "before:border-black/50 before:border-t-black" }
+        end
+      end
+    end
+
+    erb_template <<~ERB
+      <span class="<%= style(size:, variant:) %> <%= css %>"></span>
+    ERB
+  end
+end

data/app/components/aeros/table/component.html.erb

@@ -0,0 +1,10 @@
+<div class="overflow-x-auto">
+  <table class="<%= table_classes %>" <%= "id=\"#{id}\"" if id %>>
+    <%= header if header? %>
+    <tbody class="bg-white divide-y divide-gray-200">
+      <% rows.each do |row| %>
+        <%= row %>
+      <% end %>
+    </tbody>
+  </table>
+</div>

data/app/components/aeros/table/component.rb

@@ -0,0 +1,64 @@
+module Aeros::Table
+  class Component < ::Aeros::ApplicationViewComponent
+    option(:css, optional: true)
+    option(:id, optional: true)
+
+    renders_one :header, "HeaderComponent"
+    renders_many :rows, "RowComponent"
+
+    class HeaderComponent < Aeros::ApplicationViewComponent
+      renders_many :columns, "ColumnComponent"
+
+      class ColumnComponent < Aeros::ApplicationViewComponent
+        option(:css, optional: true)
+
+        erb_template <<~ERB
+          <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider <%= css %>">
+            <%= content %>
+          </th>
+        ERB
+      end
+
+      erb_template <<~ERB
+        <thead class="bg-gray-50">
+          <tr>
+            <% columns.each do |column| %>
+              <%= column %>
+            <% end %>
+          </tr>
+        </thead>
+      ERB
+    end
+
+    class RowComponent < Aeros::ApplicationViewComponent
+      option(:css, optional: true)
+
+      renders_many :cells, "CellComponent"
+
+      class CellComponent < Aeros::ApplicationViewComponent
+        option(:css, optional: true)
+
+        erb_template <<~ERB
+          <td class="px-6 py-4 text-sm text-gray-900 <%= css %>">
+            <%= content %>
+          </td>
+        ERB
+      end
+
+      erb_template <<~ERB
+        <tr class="<%= css %>">
+          <% cells.each do |cell| %>
+            <%= cell %>
+          <% end %>
+        </tr>
+      ERB
+    end
+
+    def table_classes
+      [
+        "min-w-full divide-y divide-gray-200",
+        css
+      ].compact.join(" ")
+    end
+  end
+end

data/app/controllers/aeros/application_controller.rb

@@ -0,0 +1,4 @@
+module Aeros
+  class ApplicationController < ActionController::Base
+  end
+end

data/app/controllers/aeros/showcase_controller.rb

@@ -0,0 +1,4 @@
+module Aeros
+  class ShowcaseController < ApplicationController
+  end
+end

data/app/helpers/aeros/application_helper.rb

@@ -0,0 +1,16 @@
+module Aeros
+  module ApplicationHelper
+    def sqema_importmap_tags(entry_point = "application", shim: true)
+      safe_join [
+        javascript_inline_importmap_tag(Aeros.importmap.to_json(resolver: self)),
+        javascript_importmap_module_preload_tags(Aeros.importmap),
+        javascript_import_module_tag(entry_point)
+      ].compact, "\n"
+    end
+
+    def ui(name, *args, **kwargs, &block)
+      component = "Aeros::#{name.to_s.camelize}::Component".constantize
+      render(component.new(*args, **kwargs), &block)
+    end
+  end
+end

data/app/javascript/aeros/application.js

@@ -0,0 +1,3 @@
+// Configure your import map in config/importmap.rb. Read more: https://github.com/rails/importmap-rails
+import "@hotwired/turbo-rails";
+import "aeros/controllers";

data/app/javascript/aeros/controllers/application.js

@@ -0,0 +1,5 @@
+import { Application } from "@hotwired/stimulus";
+const application = Application.start();
+application.debug = false;
+window.Stimulus = application;
+export { application };

data/app/javascript/aeros/controllers/index.js

@@ -0,0 +1,5 @@
+import { application } from "aeros/controllers/application";
+import { eagerLoadEngineControllersFrom } from "aeros/controllers/loader";
+
+// Load component controllers
+eagerLoadEngineControllersFrom("aeros/components", application);

data/app/javascript/aeros/controllers/loader.js

@@ -0,0 +1,62 @@
+// Copied from @hotwired/stimulus-loading
+function parseImportmapJson() {
+  return JSON.parse(document.querySelector("script[type=importmap]").text)
+    .imports;
+}
+
+function registerControllerFromPath(path, under, application) {
+  // Build Stimulus identifier from import path
+  // Extract namespace from the path (e.g., "aeros" from "aeros/components", "sqema" from "sqema/controllers")
+  const namespace = under.split("/")[0];
+  const pathType = under.split("/")[1]; // "components" or "controllers"
+
+  const withoutPrefix = path.replace(new RegExp(`^${under}/`), "");
+
+  let base;
+  if (pathType === "components") {
+    // Components: drop the last path segment ("controller" or "*_controller")
+    // - "aeros/components/button/controller" -> "aeros/button" -> "aeros--button"
+    // - "sqema/components/views/static/index/controller" -> "sqema/views/static/index" -> "sqema--views--static--index"
+    if (withoutPrefix.endsWith("/controller")) {
+      base = namespace + "/" + withoutPrefix.slice(0, -"/controller".length);
+    } else if (/\/[^/]+_controller$/.test(withoutPrefix)) {
+      base = namespace + "/" + withoutPrefix.replace(/\/[^/]+_controller$/, "");
+    } else if (/_controller$/.test(withoutPrefix)) {
+      // Fallback for flat files
+      base = namespace + "/" + withoutPrefix.replace(/_controller$/, "");
+    } else {
+      // Not a controller path we recognize
+      return;
+    }
+  } else if (pathType === "controllers") {
+    // Standard controllers: namespace--(controllername)
+    // - "sqema/controllers/hello_controller" -> "sqema/hello" -> "sqema--hello"
+    base = namespace + "/" + withoutPrefix.replace(/_controller$/, "");
+  } else {
+    return;
+  }
+
+  const name = base.replace(/\//g, "--").replace(/_/g, "-");
+  import(path)
+    .then((module) => {
+      if (module.default) {
+        application.register(name, module.default);
+      }
+    })
+    .catch((error) => {
+      console.error(`Failed to register controller: ${name} (${path})`, error);
+    });
+}
+
+function eagerLoadEngineControllersFrom(under, application) {
+  const paths = Object.keys(parseImportmapJson()).filter((path) =>
+    path.match(new RegExp(`^${under}/.+`)),
+  );
+  paths.forEach((path) => {
+    if (path.endsWith("_controller") || path.endsWith("/controller")) {
+      registerControllerFromPath(path, under, application);
+    }
+  });
+}
+
+export { eagerLoadEngineControllersFrom };

data/app/jobs/aeros/application_job.rb

@@ -0,0 +1,4 @@
+module Aeros
+  class ApplicationJob < ActiveJob::Base
+  end
+end

data/app/models/aeros/application_record.rb

@@ -0,0 +1,5 @@
+module Aeros
+  class ApplicationRecord < ActiveRecord::Base
+    self.abstract_class = true
+  end
+end

data/app/views/aeros/showcase/index.html.erb

@@ -0,0 +1 @@
+<%= ui("button", label: "ok") %>

data/app/views/layouts/aeros/application.html.erb

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Aeros</title>
+  <%= csrf_meta_tags %>
+  <%= csp_meta_tag %>
+
+  <%= yield :head %>
+
+  <script src="https://cdn.jsdelivr.net/npm/@tailwindplus/elements@1" type="module"></script>
+  <%= stylesheet_link_tag "aeros/application", media: "all" %>
+  <%= stylesheet_link_tag "aeros/tailwind", media: "all" %>
+  <%= javascript_importmap_tags "aeros/application", importmap: Aeros.importmap %>
+</head>
+<body>
+
+<%= yield %>
+
+</body>
+</html>

data/config/importmap.rb

@@ -0,0 +1,15 @@
+pin "@hotwired/turbo-rails", to: "turbo.min.js"
+pin "aeros/application"
+pin "@hotwired/stimulus", to: "stimulus.min.js"
+pin "@hotwired/stimulus-loading", to: "stimulus-loading.js"
+
+pin_all_from(
+  Aeros::Engine.root.join("app/javascript/aeros/controllers"),
+  under: "aeros/controllers",
+)
+
+pin_all_from(
+  Aeros::Engine.root.join("app/components/aeros"),
+  under: "aeros/components",
+  to: "aeros"
+)

data/config/routes.rb

@@ -0,0 +1,3 @@
+Aeros::Engine.routes.draw do
+  root(to: "showcase#index")
+end

data/lib/aeros/engine.rb

@@ -0,0 +1,37 @@
+require "importmap-rails"
+require "view_component-contrib"
+require "dry-effects"
+require "tailwind_merge"
+
+module Aeros
+  class << self
+    attr_accessor :importmap
+  end
+
+  class Engine < ::Rails::Engine
+    isolate_namespace Aeros
+
+    # Support both Propshaft and Sprockets
+    initializer "aeros.assets" do |app|
+      if app.config.respond_to?(:assets)
+        app.config.assets.paths << root.join("app/javascript")
+        app.config.assets.paths << root.join("app/components")
+      end
+    end
+
+    initializer "aeros.importmap", before: "importmap" do |app|
+      Aeros.importmap = Importmap::Map.new
+      Aeros.importmap.draw(app.root.join("config/importmap.rb"))
+      Aeros.importmap.draw(root.join("config/importmap.rb"))
+      Aeros.importmap.cache_sweeper(watches: root.join("app/components"))
+
+      if app.config.respond_to?(:importmap)
+        app.config.importmap.paths << root.join("config/importmap.rb")
+      end
+
+      ActiveSupport.on_load(:action_controller_base) do
+        before_action { Aeros.importmap.cache_sweeper.execute_if_updated }
+      end
+    end
+  end
+end

data/lib/aeros/engine_helpers.rb

@@ -0,0 +1,44 @@
+module Aeros
+  module EngineHelpers
+    # Sets up importmap for a Rails engine with Aeros gem integration
+    #
+    # Usage in your engine.rb:
+    #   module YourEngine
+    #     class << self
+    #       attr_accessor :importmap
+    #     end
+    #
+    #     class Engine < ::Rails::Engine
+    #       Aeros::EngineHelpers.setup_importmap(self, namespace: YourEngine)
+    #     end
+    #   end
+    def self.setup_importmap(engine_class, namespace:)
+      engine_class.initializer "#{namespace.name.underscore}.importmap", before: "importmap" do |app|
+        namespace.importmap = Importmap::Map.new
+        namespace.importmap.draw(app.root.join("config/importmap.rb"))
+        namespace.importmap.draw(engine_class.root.join("config/importmap.rb"))
+        namespace.importmap.draw(Aeros::Engine.root.join("config/importmap.rb"))
+        namespace.importmap.cache_sweeper(watches: engine_class.root.join("app/javascript"))
+        namespace.importmap.cache_sweeper(watches: engine_class.root.join("app/components"))
+
+        if app.config.respond_to?(:importmap)
+          app.config.importmap.paths << engine_class.root.join("config/importmap.rb")
+        end
+
+        ActiveSupport.on_load(:action_controller_base) do
+          before_action { namespace.importmap.cache_sweeper.execute_if_updated }
+        end
+      end
+    end
+
+    # Sets up asset paths for a Rails engine
+    def self.setup_assets(engine_class, namespace:)
+      engine_class.initializer "#{namespace.name.underscore}.assets" do |app|
+        if app.config.respond_to?(:assets)
+          app.config.assets.paths << engine_class.root.join("app/javascript")
+          app.config.assets.paths << engine_class.root.join("app/components")
+        end
+      end
+    end
+  end
+end

data/lib/aeros/version.rb

@@ -0,0 +1,3 @@
+module Aeros
+  VERSION = "0.0.1"
+end

data/lib/aeros.rb

@@ -0,0 +1,9 @@
+require "aeros/version"
+require "aeros/engine"
+require "aeros/engine_helpers"
+
+module Aeros
+  class << self
+    attr_accessor :importmap
+  end
+end

data/lib/tasks/aeros_tasks.rake

@@ -0,0 +1,21 @@
+# desc "Explaining what the task does"
+namespace :aeros do
+  desc "run tailwind"
+  task :tailwind_engine_watch do
+    require "tailwindcss-rails"
+
+    command = [
+      Tailwindcss::Commands.compile_command.first,
+      "-i", Aeros::Engine.root.join("app/assets/stylesheets/aeros/application.tailwind.css").to_s,
+      "-o", Aeros::Engine.root.join("app/assets/stylesheets/aeros/tailwind.css").to_s,
+      "-w",
+      "--content", [
+        Aeros::Engine.root.join("app/components/**/*.rb").to_s,
+        Aeros::Engine.root.join("app/components/**/*.erb").to_s
+      ].join(",")
+    ]
+
+    p command
+    system(*command)
+  end
+end

metadata

@@ -0,0 +1,220 @@
+--- !ruby/object:Gem::Specification
+name: aeros
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Ben
+bindir: bin
+cert_chain: []
+date: 1980-01-02 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 8.0.3
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 8.0.3
+- !ruby/object:Gem::Dependency
+  name: importmap-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.2.2
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.2.2
+- !ruby/object:Gem::Dependency
+  name: turbo-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
+- !ruby/object:Gem::Dependency
+  name: stimulus-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.3'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.3'
+- !ruby/object:Gem::Dependency
+  name: tailwindcss-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 4.3.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 4.3.0
+- !ruby/object:Gem::Dependency
+  name: view_component
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.0'
+- !ruby/object:Gem::Dependency
+  name: view_component-contrib
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.2.5
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.2.5
+- !ruby/object:Gem::Dependency
+  name: dry-effects
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.5.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.5.0
+- !ruby/object:Gem::Dependency
+  name: tailwind_merge
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.3'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.3'
+description: A Rails engine providing ViewComponent-based UI components with Tailwind
+  CSS styling and Stimulus controllers. Includes convenience helpers for easy integration
+  into Rails engines.
+email:
+- ben@dee.mx
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- MIT-LICENSE
+- README.md
+- Rakefile
+- app/assets/stylesheets/aeros/application.css
+- app/assets/stylesheets/aeros/application.tailwind.css
+- app/assets/stylesheets/aeros/tailwind.css
+- app/components/aeros/application_view_component.rb
+- app/components/aeros/button/component.rb
+- app/components/aeros/button/controller.js
+- app/components/aeros/card/component.html.erb
+- app/components/aeros/card/component.rb
+- app/components/aeros/dropdown/component.html.erb
+- app/components/aeros/dropdown/component.rb
+- app/components/aeros/empty/component.html.erb
+- app/components/aeros/empty/component.rb
+- app/components/aeros/form_builder.rb
+- app/components/aeros/input_password/component.html.erb
+- app/components/aeros/input_password/component.rb
+- app/components/aeros/input_password/controller.js
+- app/components/aeros/input_select/component.html.erb
+- app/components/aeros/input_select/component.rb
+- app/components/aeros/input_text/component.html.erb
+- app/components/aeros/input_text/component.rb
+- app/components/aeros/input_wrapper/component.html.erb
+- app/components/aeros/input_wrapper/component.rb
+- app/components/aeros/page/component.html.erb
+- app/components/aeros/page/component.rb
+- app/components/aeros/spinner/component.rb
+- app/components/aeros/table/component.html.erb
+- app/components/aeros/table/component.rb
+- app/controllers/aeros/application_controller.rb
+- app/controllers/aeros/showcase_controller.rb
+- app/helpers/aeros/application_helper.rb
+- app/javascript/aeros/application.js
+- app/javascript/aeros/controllers/application.js
+- app/javascript/aeros/controllers/index.js
+- app/javascript/aeros/controllers/loader.js
+- app/jobs/aeros/application_job.rb
+- app/models/aeros/application_record.rb
+- app/views/aeros/showcase/index.html.erb
+- app/views/layouts/aeros/application.html.erb
+- config/importmap.rb
+- config/routes.rb
+- lib/aeros.rb
+- lib/aeros/engine.rb
+- lib/aeros/engine_helpers.rb
+- lib/aeros/version.rb
+- lib/tasks/aeros_tasks.rake
+homepage: https://github.com/getnvoi/ui
+licenses:
+- MIT
+metadata:
+  homepage_uri: https://github.com/getnvoi/ui
+  source_code_uri: https://github.com/getnvoi/ui
+  changelog_uri: https://github.com/getnvoi/ui/blob/main/CHANGELOG.md
+  rubygems_mfa_required: 'true'
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.6.9
+specification_version: 4
+summary: Rails engine providing reusable UI components with Tailwind CSS and Stimulus
+test_files: []