atomic_view 0.0.6 → 0.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e984d19474555945b35a6a586d0307205ec7dcd6e32328a2fd2217f986370a15
-  data.tar.gz: dd32e22198a19acd6ee1e184fb90c227f634607d963923a7a093c3ddf35df8af
+  metadata.gz: f1c16a7fcf25c5c6633566314b017ddc7c3fe9707358ee018a864415a179373d
+  data.tar.gz: c6abde21009bc903d8411cd93dc3dd8d09128ffab6aeac212ebdf2d2cd5a74ea
 SHA512:
-  metadata.gz: e2194675201276be9f99a21525c76c917731b65eca7c6b545e3044af1802e06e06995fe5735c9afd97dc29bfaf1955e1a3916fcc9075273f71ad0f5073f7cbac
-  data.tar.gz: efc1335dc071d2adaba1ae1a109457253b5ed14d8af897ace21955afc05e320df1c1d36bb5f9b0a8e6321aa6acbf7fb1b10a23a9e006e5a05d4801a140d6d365
+  metadata.gz: bb381ffa4c9de802ccf3d179b8af492fde3be8394b32e0a93ff6c6d15c6feb3c4eaad5049bfa335db2e1d139d0f46b1824877cd2144470d00ca847578d0d87b1
+  data.tar.gz: 4573200d69ad4a6cd6e1b1177dedf36dda73a6ae7ce458184241a8ca5bf539857b672007e5a34820c38304ffaf78607185f2a6718fd7dbea56fd579f94719d61

data/README.md

@@ -15,20 +15,8 @@ gem "atomic_view"
 bundle install
 ```
 
-In your `tailwind.config.js`, add:
-
-```js
-const execSync = require("child_process").execSync;
-const atomicViewPath =
-  execSync("bundle show atomic_view", { encoding: "utf-8" }).trim() +
-  "/lib/atomic_view/components/**/*.{erb,rb}";
-
-module.exports = {
-  content: [
-    // other paths...
-    atomicViewPath,
-  ],
-};
+```shell
+rails atomic_view:install
 ```
 
 ## Getting Started

data/Rakefile

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+require 'bundler/setup'
+
+APP_RAKEFILE = File.expand_path('test/dummy/Rakefile', __dir__)
+load 'rails/tasks/engine.rake'
+
+load 'rails/tasks/statistics.rake'
+
+require 'bundler/gem_tasks'

data/app/assets/config/atomic_view_manifest.js

@@ -0,0 +1,3 @@
+//= link_directory ../stylesheets/atomic_view .css
+//= link_tree ../javascripts/atomic_view .js
+//= link_tree ../dist/atomic_view .css

data/app/assets/stylesheets/atomic_view/application.css

@@ -0,0 +1,15 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
+ * files in this directory. Styles in this file should be added after the last require_* statement.
+ * It is generally better to create a new file per style scope.
+ *
+ *= require_tree .
+ *= require_self
+ */

data/app/assets/stylesheets/atomic_view/application.tailwind.css

@@ -0,0 +1,26 @@
+@import "tailwindcss" source(none);
+@source "../../javascripts/**/*.js";
+@source "../../../views/**/*.erb";
+
+@plugin "@tailwindcss/forms";
+@plugin "@tailwindcss/typography";
+
+@custom-variant dark (&:where(.dark, .dark *));
+
+/*
+  The default border color has changed to `currentColor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--color-gray-200, currentColor);
+  }
+}

data/app/assets/tailwind/atomic_view/engine.css

@@ -0,0 +1,25 @@
+@import "tailwindcss" source(none);
+@source "../../javascripts/**/*.js";
+@source "../../../views/**/*.{erb}";
+@source "../../../../lib/atomic_view//components/**/*.{erb,rb}";
+
+@plugin "@tailwindcss/forms";
+@plugin "@tailwindcss/typography";
+
+/*
+  The default border color has changed to `currentColor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--color-gray-200, currentColor);
+  }
+}

data/app/controllers/atomic_view/application_controller.rb

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+module AtomicView
+  class ApplicationController < ActionController::Base
+  end
+end

data/app/controllers/atomic_view/lookbook_controller.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+module AtomicView
+  class LookbookController < if defined?(Lookbook)
+                               Lookbook::PreviewController
+                             else
+                               ActionController::Base
+                             end
+    default_form_builder AtomicView::FormBuilder
+  end
+end

data/app/controllers/atomic_view/models_controller.rb

@@ -0,0 +1,9 @@
+module AtomicView
+  class ModelsController < ApplicationController
+    protect_from_forgery with: :null_session
+
+    def create
+      redirect_back(fallback_location: lookbook_path)
+    end
+  end
+end

data/{lib/atomic_view/railtie.rb → app/helpers/atomic_view/application_helper.rb}

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module AtomicView
-  class Railtie < Rails::Railtie
+  module ApplicationHelper
   end
 end

data/app/helpers/atomic_view/heroicons_helper.rb

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+module AtomicView
+  module HeroiconsHelper
+    def icon(name, variant: Heroicons.configuration.variant, options: {}, path_options: {})
+      raw Heroicons::Icon.render(
+        name: name,
+        variant: variant,
+        options: options,
+        path_options: path_options
+      )
+    end
+  end
+end

data/app/jobs/atomic_view/application_job.rb

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+module AtomicView
+  class ApplicationJob < ActiveJob::Base
+  end
+end

data/app/mailers/atomic_view/application_mailer.rb

@@ -0,0 +1,8 @@
+# frozen_string_literal: true
+
+module AtomicView
+  class ApplicationMailer < ActionMailer::Base
+    default from: 'from@example.com'
+    layout 'mailer'
+  end
+end

data/app/models/atomic_view/application_record.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+module AtomicView
+  class ApplicationRecord < ActiveRecord::Base
+    self.abstract_class = true
+  end
+end

data/app/models/atomic_view/model.rb

@@ -0,0 +1,7 @@
+module AtomicView
+  class Model
+    include ActiveModel::Model
+
+    attr_reader :attribute
+  end
+end

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

@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>AtomicView</title>
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
+    <%= stylesheet_link_tag "atomic_view/tailwind", "data-turbo-track": "reload" %>
+    <%= javascript_importmap_tags %>
+    <%= javascript_import_module_tag "atomic_view/application" %>
+    <%= stylesheet_link_tag "atomic_view/application", media: "all" %>
+  </head>
+  <body>
+    <%= yield %>
+  </body>
+</html>

data/app/views/layouts/atomic_view/lookbook.html.erb

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>AtomicView</title>
+  <%= csrf_meta_tags %>
+  <%= csp_meta_tag %>
+  <%= stylesheet_link_tag "atomic_view/tailwind", "data-turbo-track": "reload" %>
+  <%= javascript_importmap_tags %>
+</head>
+  <body>
+  <%= yield %>
+  </body>
+</html>

data/config/importmap.rb

@@ -0,0 +1,3 @@
+# frozen_string_literal: true
+
+pin_all_from File.expand_path('../app/assets/javascripts', __dir__)

data/config/routes.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+AtomicView::Engine.routes.draw do
+end

data/config/tailwind.config.js

@@ -0,0 +1,13 @@
+module.exports = {
+  safelist: [
+    {
+      pattern: /prose/,
+    },
+  ],
+  content: [
+    "./public/*.html",
+    "./app/helpers/**/*.rb",
+    "./app/assets/javascript/**/*.js",
+    "./app/views/**/*.{erb,haml,html,slim}",
+  ],
+};

data/lib/atomic_view/components/date_field_component.rb

@@ -4,7 +4,7 @@ module AtomicView
       def html_class
         class_names(
           class_names(
-            *%W[block w-full h-9 min-w-0 flex-1 rounded-sm-md border-0 py-1 text-sm shadow-xs ring-1],
+            *%W[block w-full h-9 min-w-0 flex-1 rounded-sm border-0 py-1 text-sm shadow-xs ring-1],
             "disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-zinc-500 disabled:ring-zinc-200",
             "bg-transparent dark:bg-white/5 text-zinc-950 ring-zinc-950/10 dark:ring-white/10 placeholder:text-zinc-500 dark:text-white focus:ring-neutral-700 focus:border-zinc-950/20 dark:focus:ring-white/20",
             "text-red-900 ring-red-300 placeholder:text-red-300 focus:ring-red-500" => method_errors?,

data/lib/atomic_view/components/field_component.erb

@@ -1,7 +1,7 @@
 <%= content_tag :div, class: container_html_class do %>
   <% if left_section? %>
     <% if left_section_addon? %>
-      <span class="inline-flex items-center rounded-sm-l-lg bg-transparent dark:bg-white/5 ring-1 ring-zinc-950/10 dark:ring-white/10 px-3 text-zinc-950 dark:text-white sm:text-sm"><%= left_section %></span>
+      <span class="inline-flex items-center rounded-l-lg bg-transparent dark:bg-white/5 ring-1 ring-zinc-950/10 dark:ring-white/10 px-3 text-zinc-950 dark:text-white sm:text-sm"><%= left_section %></span>
     <% elsif left_section_interaction? %>
       <%= left_section %>
     <% else %>
@@ -13,7 +13,7 @@
   <%= tag_klass.new(@object_name, @method_name, @view_context, @options).render %>
   <% if right_section? %>
     <% if right_section_addon? %>
-      <span class="inline-flex items-center rounded-sm-r-lg bg-transparent dark:bg-white/5 ring-1 ring-zinc-950/10 dark:ring-white/10 px-3 text-zinc-950 dark:text-white sm:text-sm"><%= right_section %></span>
+      <span class="inline-flex items-center rounded-r-lg bg-transparent dark:bg-white/5 ring-1 ring-zinc-950/10 dark:ring-white/10 px-3 text-zinc-950 dark:text-white sm:text-sm"><%= right_section %></span>
     <% elsif right_section_interaction? %>
       <%= right_section %>
     <% else %>

data/lib/atomic_view/components/field_component.rb

@@ -10,7 +10,7 @@ module AtomicView
 
       def html_class
         class_names(
-          "block w-full appearance-none h-9 min-w-0 z-10 flex-1 rounded-lg border-1 py-1 text-base shadow-xs ring-1",
+          "block w-full appearance-none h-9 min-w-0 z-10 flex-1 rounded-lg border-0 py-1 text-base shadow-xs ring-1",
           "disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-zinc-500 disabled:ring-zinc-200",
           "bg-transparent dark:bg-white/5 text-zinc-950 ring-zinc-950/10 dark:ring-white/10 placeholder:text-zinc-500 dark:text-white focus:ring-neutral-700 focus:border-zinc-950/20 dark:focus:ring-white/20",
           "pl-10" => left_section? && !(left_section_addon? || left_section_interaction?),

data/lib/atomic_view/components/select_component.rb

@@ -4,7 +4,7 @@ module AtomicView
       def html_class
         class_names(
           class_names(
-            *%W[block w-full h-9 min-w-0 flex-1 rounded-sm-md border-0 py-1 text-sm shadow-xs ring-1],
+            *%W[block w-full h-9 min-w-0 flex-1 rounded-md border-0 py-1 text-sm shadow-xs ring-1],
             "disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-zinc-500 disabled:ring-zinc-200",
             "bg-transparent dark:bg-white/5 text-zinc-950 ring-zinc-950/10 dark:ring-white/10 placeholder:text-zinc-500 dark:text-white focus:ring-neutral-700 focus:border-zinc-950/20 dark:focus:ring-white/20",
             "text-red-900 ring-red-300 placeholder:text-red-300 focus:ring-red-500" => method_errors?,

data/lib/atomic_view/components/submit_component.rb

@@ -2,7 +2,7 @@ module AtomicView
   module Components
     class SubmitComponent < ViewComponent::Form::SubmitComponent
       def html_class
-        "cursor-pointer rounded-sm-md bg-green-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-xs hover:bg-green-600/90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-green-700"
+        "cursor-pointer rounded-md bg-green-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-xs hover:bg-green-600/90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-green-700"
       end
     end
   end

data/lib/atomic_view/configuration.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+module AtomicView
+  class Configuration
+    def initialize; end
+  end
+end

data/lib/atomic_view/engine.rb

@@ -0,0 +1,38 @@
+# frozen_string_literal: true
+
+require 'importmap-rails'
+
+module AtomicView
+  class Engine < ::Rails::Engine
+    isolate_namespace AtomicView
+
+    initializer 'local_helper.action_controller' do
+      ActiveSupport.on_load :action_controller do
+        helper AtomicView::HeroiconsHelper
+      end
+    end
+
+    initializer 'atomic_view.tailwindcss' do |app|
+      ActiveSupport.on_load(:tailwindcss_rails) do
+        config.tailwindcss_rails.engines << AtomicView::Engine.engine_name
+      end
+    end
+
+
+    initializer 'atomic_view.importmap', before: 'importmap' do |app|
+      app.config.importmap.paths << root.join('config/importmap.rb')
+      app.config.importmap.cache_sweepers << root.join('app/assets/javascripts')
+    end
+
+    initializer 'atomic_view.assets' do |app|
+      app.config.assets.precompile += %w[atomic_view_manifest]
+    end
+
+    initializer 'atomic_view.precompile' do |app|
+      app.config.assets.paths << root.join('app/assets/javascripts')
+      app.config.assets.precompile << 'atomic_view/application.js'
+      app.config.assets.paths << root.join('app/assets/dist')
+      app.config.assets.precompile << 'atomic_view/tailwind.css'
+    end
+  end
+end

data/lib/atomic_view/post_install.rb

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+module AtomicView
+  def self.post_install
+    puts 'AtomicView: Running post install tasks...'
+  rescue StandardError => e
+    puts "AtomicView: Failed to update Tailwind configuration. Error: #{e.message}"
+    puts "You may need to run 'bin/rails atomic_view:install' manually to complete the setup."
+  end
+end

data/lib/atomic_view/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module AtomicView
-  VERSION = "0.0.6"
+  VERSION = '0.1.0'
 end

data/lib/atomic_view.rb

@@ -1,26 +1,32 @@
 # frozen_string_literal: true
 
-require "rails"
-require "view_component"
+require 'atomic_view/version'
+require 'atomic_view/engine'
+require 'atomic_view/configuration'
+
 require "tailwind_merge"
 require "heroicons"
+require "view_component"
 require "view_component/form"
-
 require "zeitwerk"
 loader = Zeitwerk::Loader.for_gem
-
-vcf_gem_dir = Gem::Specification.find_by_name("view_component-form").gem_dir
-loader.push_dir File.join(vcf_gem_dir, "app", "components")
-loader.push_dir File.join(vcf_gem_dir, "app", "components", "concerns")
-
+loader.ignore("#{__dir__}/generators")
 loader.setup
 
-# Component library built for Ruby on Rails with first-class support for ActionView using ViewComponent.
 module AtomicView
+  class << self
+    attr_accessor :configuration
+  end
+
+  def self.configuration
+    @configuration ||= Configuration.new
+  end
+
+  def self.configure
+    yield(configuration)
+  end
 end
 
 ViewComponent::Form.configure do |config|
   config.parent_component = "AtomicView::Component"
 end
-
-loader.eager_load

data/lib/generators/atomic_view/install_generator.rb

@@ -0,0 +1,43 @@
+# frozen_string_literal: true
+
+module AtomicView
+  class InstallGenerator < Rails::Generators::Base
+    source_root File.expand_path('templates', __dir__)
+
+    IMPORT = '@import "../builds/tailwind/atomic_view.css";'.freeze
+
+    def add_atomic_view_tailwind
+      return if options[:update_tailwind_only]
+
+      tailwind_path = Rails.root.join('app/assets/tailwind/application.css')
+      unless tailwind_path.exist?
+        raise '`app/assets/tailwind/application.css` does not exist'
+      end
+
+      if tailwind_path.read.include?(IMPORT)
+        puts "`app/assets/tailwind/application.css` already contains `#{IMPORT}`"
+      else
+        insert_into_file tailwind_path, after: '@import "tailwindcss";' do
+          "\n#{IMPORT}\n"
+        end
+      end
+    end
+
+    def add_atomic_view_js_controllers
+      return if options[:update_tailwind_only]
+
+      controllers_path = Rails.root.join('app/javascript/controllers/index.js')
+      if controllers_path.exist? && controllers_path.read.include?('eagerLoadControllersFrom("controllers", application)')
+        if controllers_path.read.include?('eagerLoadControllersFrom("atomic_view", application)')
+          puts '`app/javascript/controllers/index.js` already contains `eagerLoadControllersFrom("atomic_view", application)`'
+        else
+          insert_into_file controllers_path, after: 'eagerLoadControllersFrom("controllers", application)' do
+            "\neagerLoadControllersFrom(\"atomic_view\", application)\n"
+          end
+        end
+      else
+        puts '`app/javascript/controllers/index.js` does not exist or does not contain `eagerLoadControllersFrom("controllers", application)`'
+      end
+    end
+  end
+end

data/lib/tasks/atomic_view_tasks.rake

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+# desc "Explaining what the task does"
+# task :atomic_view do
+#   # Task goes here
+# end

data/lib/tasks/install.rake

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+namespace :atomic_view do
+  desc 'Installs AtomicView'
+  task install: :environment do
+    Rails::Command.invoke :generate, ['atomic_view:install']
+  end
+
+  desc 'Updates Tailwind configuration'
+  task update_tailwind: :environment do
+    Rails::Command.invoke :generate, %w[atomic_view:install --update-tailwind-only]
+  end
+end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: atomic_view
 version: !ruby/object:Gem::Version
-  version: 0.0.6
+  version: 0.1.0
 platform: ruby
 authors:
 - Joel Warrington
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-07-13 00:00:00.000000000 Z
+date: 2025-07-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: zeitwerk
@@ -24,6 +24,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 2.7.2
+- !ruby/object:Gem::Dependency
+  name: importmap-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.0.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.0.1
 - !ruby/object:Gem::Dependency
   name: rails
   requirement: !ruby/object:Gem::Requirement
@@ -104,6 +118,25 @@ files:
 - CHANGELOG.md
 - LICENSE.txt
 - README.md
+- Rakefile
+- app/assets/config/atomic_view_manifest.js
+- app/assets/stylesheets/atomic_view/application.css
+- app/assets/stylesheets/atomic_view/application.tailwind.css
+- app/assets/tailwind/atomic_view/engine.css
+- app/controllers/atomic_view/application_controller.rb
+- app/controllers/atomic_view/lookbook_controller.rb
+- app/controllers/atomic_view/models_controller.rb
+- app/helpers/atomic_view/application_helper.rb
+- app/helpers/atomic_view/heroicons_helper.rb
+- app/jobs/atomic_view/application_job.rb
+- app/mailers/atomic_view/application_mailer.rb
+- app/models/atomic_view/application_record.rb
+- app/models/atomic_view/model.rb
+- app/views/layouts/atomic_view/application.html.erb
+- app/views/layouts/atomic_view/lookbook.html.erb
+- config/importmap.rb
+- config/routes.rb
+- config/tailwind.config.js
 - lib/atomic_view.rb
 - lib/atomic_view/component.rb
 - lib/atomic_view/components/button_component.rb
@@ -137,9 +170,14 @@ files:
 - lib/atomic_view/components/url_field_component.rb
 - lib/atomic_view/components/week_field_component.rb
 - lib/atomic_view/components/weekday_select_component.rb
+- lib/atomic_view/configuration.rb
+- lib/atomic_view/engine.rb
 - lib/atomic_view/form_builder.rb
-- lib/atomic_view/railtie.rb
+- lib/atomic_view/post_install.rb
 - lib/atomic_view/version.rb
+- lib/generators/atomic_view/install_generator.rb
+- lib/tasks/atomic_view_tasks.rake
+- lib/tasks/install.rake
 homepage: https://github.com/joelzwarrington/atomic_view
 licenses:
 - MIT