atomic_view 0.0.7 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: deabf9355d8fd5fd2b8d20478979cc9bc6bf991f508c33d768d60f6a7abda85c
-  data.tar.gz: a9e4301719f3ec51c7077ffa7eca7462dfda476428ff6f397d1dc294ef5e4053
+  metadata.gz: 50345526674109809839b113ef0118c8830a6cbef9f81c25191c50f5b2796df6
+  data.tar.gz: de35f4bfdac1d689ceaa2c264c98d718f0f0ea5fd1bfb24c5059466ea3197689
 SHA512:
-  metadata.gz: 179524529517b5aadee9526d2dd3754a58ff46072c404f5f878a48859e8fe740f67a3a85cd3d8a8d0fc960abbc492de11396db64e934b1f43d32974a148d3e80
-  data.tar.gz: e148d647636d6d9cbaaac3cf87b8d23a11c025a5f6740e9f4b895f92e7ed1623ba41f8904022991a12f5a4e178721aae919b9d947caed16f1d6f037b50e636a2
+  metadata.gz: 243ba7f352a8c340e407058670a7e5b073479de0cd6d85458c1c3fd60a7c111d41d9b44120dd7f22141ec30009cd378f1f7be02e18814f56bb2c032c5d03ac88
+  data.tar.gz: e41d5ce855a1431c6d78ba09f6ff4e1ef5e15d8103965ce9e53d02e8eae495c5092baf7f408a2b2d9f9f370707bd5439d7bc6aa7792e178b6900a09e35c3cafe

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/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.7"
+  VERSION = "0.1.1"
 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.7
+  version: 0.1.1
 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