bullet_train-themes-light 1.0.44 → 1.0.49

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 20c969201f79403cce0cba8cb5a2d640f69ee2eac4a3b9c7194b6115d090ee66
-  data.tar.gz: 8bacfd8bdc9af51ae1d5c9d4f7a7c9150caa015b34bd6235d82fd69af6a29495
+  metadata.gz: dd88ca1040ba3794f38b71d0b9132c453d76635622c8e4d216ab755132eba8f1
+  data.tar.gz: b0e8112604cf0fcd6a838f75882678f87638cfac048d2ba060b19920e6a8a6d8
 SHA512:
-  metadata.gz: d682d968c52407f0ce55c5364653cf28e33aeb2c38b0f6f487c0362e9eaa02dac8c4a20a06a0d4970c7e0ca13bb2cb2cec35312d9e75b48b6e6473f316d64bfd
-  data.tar.gz: 3c5c2681752f776e9af8a373c8d3b581395e8b373c076175ff15a307b8a47c97d1328b81f63fb10e938c9c8c067c98ff926199243349001cc0f6b07c9f291dd5
+  metadata.gz: 583e40b6889d5a5b054272420de74ccc542c1fb90bca4ae9cf043d79742e3c547f6dea3809cbf9c008364556fbf1b46108b997424ac3f9a62019a9284f77beee
+  data.tar.gz: 482181c6637700c2812270455e0cbee81c5acdefa1ba4c91dd28e0a144bec042a94168551cd831734586a79d102ac907960a8996b5b5f6041478cfdabcb9b6f3

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

@@ -5,6 +5,7 @@
 
 @import './bulk_actions';
 @import "./electron";
+@import './devise';
 @import './fields';
 @import './turn';
 

data/app/assets/stylesheets/light/devise.css

@@ -0,0 +1,15 @@
+/*
+ * This takes care of the window's contents shifting when the
+ * scrollbar appears and disappears during the turn.css animation
+ */
+
+/* Chrome, Safari and Opera */
+.devise_layout::-webkit-scrollbar {
+  display: none;
+}
+
+/* Firefox and Edge */
+.devise_layout {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}

data/app/assets/stylesheets/light/tailwind/dark-mode.css

@@ -8,11 +8,10 @@
       background-color: rgba(0, 0, 0, 0.15);
     }
 
-    .bg-dark-gradient {
+    .bg-light-gradient {
       &:before {
         background: linear-gradient(to bottom right, var(--dark-gradient-from), var(--dark-gradient-to) 100%);
       }
-      background: linear-gradient(to bottom right, var(--dark-gradient-from), var(--dark-gradient-to) 100%);
     }
 
     /**
@@ -179,8 +178,18 @@
     }
 
     trix-toolbar {
+      @apply opacity-50 !important;
+
+      &.visible {
+        @apply opacity-100 !important;
+      }
+
       .trix-button-group, .trix-button {
-        @apply border-darkPrimary-900 !important;
+        @apply border-darkPrimary-400 !important;
+      }
+
+      .trix-button:disabled::before {
+        @apply opacity-25;
       }
     }
 

data/app/views/themes/light/_alert.html.erb

@@ -1,7 +1,7 @@
 <% color ||= 'yellow' %>
 
 <div class="rounded-md bg-<%= color %>-400 border border-<%= color %>-500 py-4 px-5 mb-3">
-  <h3 class="text-sm text-<%= color %>-600 text-<%= color %>-600 font-light">
+  <h3 class="text-sm text-black-400 font-light">
     <%= yield %>
   </h3>
 </div>

data/app/views/themes/light/_box.html.erb

@@ -38,7 +38,7 @@
       </div>
     <% end %>
 
-    <% if p.content_for? :actions || pagy %>
+    <% if p.content_for?(:actions) || pagy %>
       <div class="pb-7 px-8 space-y-7">
         <div class="sm:flex">
           <div class="flex-1 space-x">

data/app/views/themes/light/fields/_field.html.erb

@@ -5,7 +5,7 @@ form ||= current_fields_form
 # returns a struct with `label`, `placeholder`, and `help` methods.
 labels = labels_for(form, method)
 options ||= {}
-options[:id] ||= id_for(form, method)
+options[:id] ||= form.field_id(method)
 # options[:disabled] ||= !field_editable?(form.object, method) if user_signed_in?
 options[:placeholder] ||= labels.placeholder if labels.placeholder
 other_options ||= {}
@@ -53,7 +53,7 @@ end
 
   <% # any error messages. %>
   <% if has_errors %>
-    <p class="mt-1.5 text-xs text-red-600">
+    <p class="mt-1.5 text-xs text-red">
       <%= errors.map { |error| error + ". " }.join %>
       <%= yield :error %>
       <% flush_content_for :error %>
@@ -64,7 +64,7 @@ end
   <% end %>
 
   <% # any help text. %>
-  <% if content_for?(:help) || other_options[:help] || content_for?(:after_help) %>
+  <% if content_for?(:help) || other_options[:help].present? || content_for?(:after_help) %>
     <p class="mt-1.5 text-xs text-gray-500 dark:text-gray-400">
       <%= yield :help %>
       <% flush_content_for :help %>

data/app/views/themes/light/layouts/_account.html.erb

@@ -9,8 +9,6 @@
       <div class="h-screen md:h-auto overflow-hidden md:rounded-lg flex shadow main-container"
         data-controller="mobile-menu"
         data-mobile-menu-hidden-class="hidden"
-        data-mobile-menu-show-event-name-value="mobile-menu:show"
-        data-mobile-menu-hide-event-name-value="mobile-menu:hide"
       >
 
         <% menu = capture do %>
@@ -19,7 +17,8 @@
 
             <div class="lg:hidden absolute right-0">
               <button class="ml-1 flex items-center justify-center h-10 w-10 rounded-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white dark:ring-transparent"
-                data-action="reveal#hide"
+                id="mobile-menu-close"
+                data-action="mobile-menu#close"
               >
                 <span class="sr-only">Close Application Menu</span>
                 <svg class="h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
@@ -56,20 +55,13 @@
 
         <div class="lg:hidden hidden"
           data-mobile-menu-target="wrapper"
-
-          data-controller="reveal"
-          data-reveal-away-value="true"
-          data-reveal-hide-keys-value="escape"
-
-          data-action="mobile-menu:show->reveal#show mobile-menu:hide->reveal#hide mobile-menu-toggle->reveal#toggle reveal:hidden->mobile-menu#hideWrapper"
+          id="mobile-menu-backdrop"
         >
           <div class="fixed inset-0 flex z-40">
             <button
-              data-action="reveal#hide"
-
-              hidden
-              data-reveal
-              data-transition
+              data-mobile-menu-target="revealable"
+              data-action="mobile-menu#close"
+            
               data-transition-enter="transition-opacity ease-linear duration-200"
               data-transition-enter-start="opacity-0"
               data-transition-enter-end="opacity-100"
@@ -77,14 +69,13 @@
               data-transition-leave-start="opacity-100"
               data-transition-leave-end="opacity-0"
 
-              class="fixed inset-0" aria-hidden="true"
+              class="hidden fixed inset-0" aria-hidden="true"
             >
               <div class="absolute inset-0 bg-light-gradient opacity-75"></div>
             </button>
             <div
-              hidden
-              data-reveal
-              data-transition
+              data-mobile-menu-target="revealable"
+              
               data-transition-enter="transition ease-in-out duration-200 transform"
               data-transition-enter-start="-trandarkPrimary-x-full"
               data-transition-enter-end="trandarkPrimary-x-0"
@@ -92,7 +83,7 @@
               data-transition-leave-start="trandarkPrimary-x-0"
               data-transition-leave-end="-trandarkPrimary-x-full"
 
-              class="relative flex-1 flex flex-col max-w-xs w-full pb-4 bg-dark-gradient shadow-xl"
+              class="hidden relative flex-1 flex flex-col max-w-xs w-full pb-4 bg-darkPrimary-800 shadow-xl"
             >
               <%= menu %>
             </div>
@@ -109,8 +100,9 @@
         <div class="flex flex-col w-0 flex-1 overflow-y-auto bg-gray-100 dark:bg-darkPrimary-800 lg:border-l dark:border-gray-500">
           <main class="flex-1 relative z-0 focus:outline-none" tabindex="0">
             <div class="flex flex-row items-center shadow-sm electron-draggable">
-              <button class="mobile-menu-trigger lg:hidden h-12 w-12 ml-1 flex-none inline-flex items-center justify-center rounded-md text-gray-500 hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500"
-                data-action="mobile-menu#toggle"
+              <button class="lg:hidden h-12 w-12 ml-1 flex-none inline-flex items-center justify-center rounded-md text-gray-500 hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500"
+                id="mobile-menu-open"
+                data-action="mobile-menu#open"
               >
                 <span class="sr-only">Open Application Menu</span>
                 <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">

data/app/views/themes/light/layouts/_devise.html.erb

@@ -3,7 +3,7 @@
   <head>
     <%= render 'shared/layouts/head' %>
   </head>
-  <body class="bg-light-gradient text-gray-700 text-sm font-normal electron-draggable dark:bg-dark-gradient dark:text-darkPrimary-300">
+  <body class="devise_layout bg-light-gradient text-gray-700 text-sm font-normal electron-draggable dark:bg-dark-gradient dark:text-darkPrimary-300">
     <div data-turn-enter data-turn-exit>
       <%= yield %>
     </div>

data/lib/bullet_train/themes/light/custom_theme_file_replacer.rb

@@ -0,0 +1,234 @@
+module BulletTrain
+  module Themes
+    module Light
+      class CustomThemeFileReplacer
+        mattr_accessor :repo_path
+
+        include BulletTrain::Themes::Light::FileReplacer
+
+        def initialize(custom_theme)
+          @repo_path = "./local/bullet_train-themes-#{custom_theme}"
+        end
+
+        def replace_theme(original_theme, custom_theme)
+          # Rename the directories
+          [
+            "/app/assets/stylesheets/bullet_train/themes/#{original_theme}/",
+            "/app/assets/stylesheets/#{original_theme}/",
+            "/app/views/themes/#{original_theme}/",
+            "/lib/bullet_train/themes/#{original_theme}/"
+          ].map { |file| @repo_path + file }.each do |original_directory|
+            custom_directory = original_directory.gsub(/(.*)(#{original_theme})(\/$)/, '\1' + custom_theme + '\3')
+            FileUtils.mv(original_directory, custom_directory)
+          end
+
+          # Only compare ejected files.
+          files_to_replace =
+            ejected_files_to_replace(original_theme, custom_theme).map { |file| {file_name: file, must_compare: true} } +
+            default_files_to_replace(original_theme).map { |file| {file_name: file, must_compare: false} }
+
+          # Replace the file contents and rename the files.
+          files_to_replace.each do |custom_gem_file|
+            # All of the files we want to compare against the fresh gem are in the main app.
+            main_app_file = build_main_app_file_name(original_theme, custom_theme, custom_gem_file[:file_name].gsub(@repo_path, "."))
+            custom_gem_file[:file_name] = adjust_directory_hierarchy(custom_gem_file[:file_name], original_theme)
+
+            # The content in the main app should replace the cloned gem files.
+            begin
+              if custom_gem_file[:must_compare] && !BulletTrain::Themes::Light::FileReplacer.files_have_same_content?(custom_gem_file[:file_name], main_app_file)
+                BulletTrain::Themes::Light::FileReplacer.replace_content(old: custom_gem_file[:file_name], new: main_app_file)
+              end
+            rescue Errno::ENOENT => _
+              puts "Skipping \`#{main_app_file}\` because it isn't present."
+            end
+
+            # Only rename file names that still have the original theme in them, i.e. - ./tailwind.config.light.js
+            if File.basename(custom_gem_file[:file_name]).match?(original_theme)
+              main_app_file = adjust_directory_hierarchy(main_app_file, custom_theme)
+              new_file_name = main_app_file.gsub(/^\./, @repo_path).gsub(original_theme, custom_theme)
+              File.rename(custom_gem_file[:file_name], new_file_name)
+            end
+          end
+
+          # Change the content of specific files that contain the orignal theme's string.
+          # i.e. - `module Light` and `tailwind.light.config`.
+          constantized_original = constantize_from_snake_case(original_theme)
+          constantized_custom = constantize_from_snake_case(custom_theme)
+          files_whose_contents_need_to_be_replaced(custom_theme).each do |file|
+            new_lines = []
+            File.open(file, "r") do |f|
+              new_lines = f.readlines
+              new_lines = new_lines.map do |line|
+                # We want the original theme it's being edited from when creating a new theme.
+                # We also remove mattr_accessor in the eject task, so we need to add it back here.
+                if f.path == "#{@repo_path}/lib/bullet_train/themes/#{custom_theme}.rb" && line.match?("class Theme < BulletTrain::Themes::")
+                  line = "      mattr_accessor :color, default: :blue\n      class Theme < BulletTrain::Themes::#{constantize_from_snake_case(original_theme)}::Theme\n"
+                else
+                  # `_account.html.erb` and `_devise.html.erb` have tailwind classes that contain `light`.
+                  # We shouldn't be replacing the classes with the custom theme string, so we skip it here.
+                  # TODO: We should change this Regexp to check if the original theme is prefixed with `-`.
+                  # If it is, we ignore the string if it's not prefixed with `bullet_train-themes-`,
+                  line.gsub!(original_theme, custom_theme) unless line.match?("bg-light-gradient")
+                  line.gsub!(constantized_original, constantized_custom)
+                end
+                line
+              end
+            end
+
+            File.open(file, "w") do |f|
+              f.puts new_lines.join
+            end
+          end
+
+          # The contents in this specific main app file don't have the require statements which the gem
+          # originally has, so we add those back after moving the main app file contents to the gem.
+          new_lines = nil
+          File.open("#{@repo_path}/lib/bullet_train/themes/#{custom_theme}.rb", "r") do |file|
+            new_lines = file.readlines
+            require_lines =
+              <<~RUBY
+                require "bullet_train/themes/#{custom_theme}/version"
+                require "bullet_train/themes/#{custom_theme}/engine"
+                require "bullet_train/themes/#{original_theme}"
+
+              RUBY
+            new_lines.unshift(require_lines)
+          end
+          File.open("#{@repo_path}/lib/bullet_train/themes/#{custom_theme}.rb", "w") do |file|
+            file.puts new_lines.flatten.join
+          end
+
+          # Since we're generating a new gem, it should be version 1.0
+          File.open("#{@repo_path}/lib/bullet_train/themes/#{custom_theme}/version.rb", "r") do |file|
+            new_lines = file.readlines
+            new_lines = new_lines.map { |line| line.match?("VERSION") ? "      VERSION = \"1.0\"\n" : line }
+          end
+          File.open("#{@repo_path}/lib/bullet_train/themes/#{custom_theme}/version.rb", "w") do |file|
+            file.puts new_lines.join
+          end
+
+          # Remove files and directories from the main application.
+          files_to_remove_from_main_app(custom_theme).each { |file| File.delete(file) }
+          directories_to_remove_from_main_app(custom_theme).each do |directory|
+            FileUtils.rm_rf(directory) unless directory.nil?
+          end
+
+          # Update the author and email.
+          # If the developer hasn't set these yet, this should simply return empty strings.
+          author = `git config --global user.name`.chomp
+          email = `git config --global user.email`.chomp
+          File.open("#{@repo_path}/bullet_train-themes-#{custom_theme}.gemspec", "r") do |file|
+            new_lines = file.readlines
+            new_lines = new_lines.map do |line|
+              if line.match?("spec.authors")
+                "  spec.authors = [\"#{author}\"]\n"
+              elsif line.match?("spec.email")
+                "  spec.email = [\"#{email}\"]\n"
+              else
+                line
+              end
+            end
+          end
+          File.open("#{@repo_path}/bullet_train-themes-#{custom_theme}.gemspec", "w") do |file|
+            file.puts new_lines.join
+          end
+        end
+
+        # By the time we call this method we have already updated the new gem's directories with
+        # the custom theme name, but the FILE names are still the same from when they were cloned,
+        # so we use `original_theme` for specific file names below.
+        def ejected_files_to_replace(original_theme, custom_theme)
+          [
+            Dir.glob("#{@repo_path}/app/assets/stylesheets/#{custom_theme}/**/*.css"),
+            Dir.glob("#{@repo_path}/app/assets/stylesheets/#{custom_theme}/**/*.scss"),
+            Dir.glob("#{@repo_path}/app/views/themes/#{custom_theme}/**/*.html.erb"),
+            "/app/javascript/application.#{original_theme}.js",
+            "/tailwind.#{original_theme}.config.js",
+            "/app/lib/bullet_train/themes/#{original_theme}.rb",
+            # The Glob up top doesn't grab the #{original_theme}.tailwind.css file, so we set that here.
+            "/app/assets/stylesheets/#{original_theme}.tailwind.css",
+            "/tailwind.mailer.#{original_theme}.config.js"
+          ].flatten.map { |file| file.match?(/^#{@repo_path}/) ? file : @repo_path + file }
+        end
+
+        # These files represent ones such as "./lib/bullet_train/themes/light.rb" which
+        # aren't ejected to the developer's main app, but still need to be changed.
+        def default_files_to_replace(original_theme)
+          # TODO: Add this file and the FileReplacer module once they're added to the main branch.
+          [
+            "/bullet_train-themes-#{original_theme}.gemspec",
+            "/app/assets/config/bullet_train_themes_#{original_theme}_manifest.js",
+            "/lib/tasks/bullet_train/themes/#{original_theme}_tasks.rake",
+            "/test/bullet_train/themes/#{original_theme}_test.rb"
+          ].map { |file| @repo_path + file }
+        end
+
+        def files_to_remove_from_main_app(custom_theme)
+          [
+            Dir.glob("./app/assets/stylesheets/#{custom_theme}/**/*.css"),
+            Dir.glob("./app/assets/stylesheets/#{custom_theme}/**/*.scss"),
+            "./app/assets/stylesheets/#{custom_theme}.tailwind.css",
+            "./app/javascript/application.#{custom_theme}.js",
+            "./app/lib/bullet_train/themes/#{custom_theme}.rb",
+            Dir.glob("./app/views/themes/#{custom_theme}/**/*.html.erb"),
+            "./tailwind.mailer.#{custom_theme}.config.js",
+            "./tailwind.#{custom_theme}.config.js",
+          ].flatten
+        end
+
+        def files_whose_contents_need_to_be_replaced(custom_theme)
+          [
+            "/app/assets/stylesheets/#{custom_theme}.tailwind.css",
+            "/app/views/themes/#{custom_theme}/layouts/_account.html.erb",
+            "/app/views/themes/#{custom_theme}/layouts/_devise.html.erb",
+            "/bin/rails",
+            "/lib/bullet_train/themes/#{custom_theme}/engine.rb",
+            "/lib/bullet_train/themes/#{custom_theme}/version.rb",
+            "/lib/bullet_train/themes/#{custom_theme}.rb",
+            "/lib/tasks/bullet_train/themes/#{custom_theme}_tasks.rake",
+            "/test/bullet_train/themes/#{custom_theme}_test.rb",
+            "/test/dummy/app/views/layouts/mailer.html.erb",
+            "/test/dummy/config/application.rb",
+            "/bullet_train-themes-#{custom_theme}.gemspec",
+            "/Gemfile",
+            "/README.md"
+          ].map { |file| @repo_path + file }
+        end
+
+        def directories_to_remove_from_main_app(custom_theme)
+          [
+            "./app/assets/stylesheets/#{custom_theme}/",
+            "./app/views/themes/#{custom_theme}/",
+            "./app/lib/"
+          ].map { |directory| directory unless directory == "./app/lib/" && Dir.empty?(directory) }
+        end
+
+        # Since we're cloning a fresh gem, file names that contain the original
+        # theme stay the same, i.e. - tailwind.light.config.js. However, the names have
+        # already been changed in the main app when the original theme was ejected.
+        # Here, we build the correct string that is in the main app to compare the
+        # files' contents. Then later on we actually rename the new gem's file names.
+        def build_main_app_file_name(original_theme, custom_theme, custom_gem_file)
+          main_app_file = custom_gem_file
+          custom_gem_file_hierarchy = custom_gem_file.split("/")
+          if custom_gem_file_hierarchy.last.match?(original_theme)
+            custom_gem_file_hierarchy.last.gsub!(original_theme, custom_theme)
+            main_app_file = custom_gem_file_hierarchy.join("/")
+          end
+          main_app_file
+        end
+
+        # This addresses one specific file where the hierarchy is
+        # different after the file is ejected into the main application.
+        def adjust_directory_hierarchy(file_name, theme_name)
+          file_name.match?("lib/bullet_train/themes/#{theme_name}") ? file_name.gsub(/\/app/, "") : file_name
+        end
+
+        # i.e. - foo_bar or foo-bar to FooBar
+        def constantize_from_snake_case(str)
+          str.split(/[_|-]/).map(&:capitalize).join
+        end
+      end
+    end
+  end
+end

data/lib/bullet_train/themes/light/file_replacer.rb

@@ -0,0 +1,18 @@
+# TODO: We overwrite/edit/create files a lot in Bullet Train,
+# so I feel like this and a lot of similar content could go inside its own gem.
+module BulletTrain
+  module Themes
+    module Light
+      module FileReplacer
+        def self.files_have_same_content?(first_file_name, second_file_name)
+          File.open(first_file_name).readlines == File.open(second_file_name).readlines
+        end
+
+        # Replaces the old content with a brand new file.
+        def self.replace_content(old:, new:)
+          File.write(old, File.open(new).readlines.join(""))
+        end
+      end
+    end
+  end
+end

data/lib/bullet_train/themes/light/version.rb

@@ -1,7 +1,7 @@
 module BulletTrain
   module Themes
     module Light
-      VERSION = "1.0.44"
+      VERSION = "1.0.49"
     end
   end
 end

data/lib/bullet_train/themes/light.rb

@@ -1,12 +1,15 @@
 require "bullet_train/themes/light/version"
 require "bullet_train/themes/light/engine"
 require "bullet_train/themes/tailwind_css"
+require "bullet_train/themes/light/file_replacer"
+require "bullet_train/themes/light/custom_theme_file_replacer"
 
 module BulletTrain
   module Themes
     module Light
       # TODO Not sure this is the right place for this in the long-term.
       mattr_accessor :color, default: :blue
+      mattr_accessor :original_devise_path
 
       class Theme < BulletTrain::Themes::TailwindCss::Theme
         def directory_order

data/lib/tasks/application.rb

@@ -0,0 +1,180 @@
+module BulletTrain
+  module Themes
+    module Application
+      def self.eject_theme(theme_name, ejected_theme_name)
+        theme_parts = theme_name.humanize.split.map { |str| str.capitalize }
+        constantized_theme = theme_parts.join
+        humanized_theme = theme_parts.join(" ")
+
+        theme_base_path = `bundle show --paths bullet_train-themes-#{theme_name}`.chomp
+        puts "Ejecting from #{humanized_theme} theme in `#{theme_base_path}`."
+
+        puts "Ejecting Tailwind configuration into `./tailwind.#{ejected_theme_name}.config.js`."
+        `cp #{theme_base_path}/tailwind.#{theme_name}.config.js #{Rails.root}/tailwind.#{ejected_theme_name}.config.js`
+
+        puts "Ejecting Tailwind mailer configuration into `./tailwind.mailer.#{ejected_theme_name}.config.js`."
+        `cp #{theme_base_path}/tailwind.mailer.#{theme_name}.config.js #{Rails.root}/tailwind.mailer.#{ejected_theme_name}.config.js`
+        %x(sed -i #{'""' if `echo $OSTYPE`.include?("darwin")} "s/#{theme_name}/#{ejected_theme_name}/g" #{Rails.root}/tailwind.mailer.#{ejected_theme_name}.config.js)
+
+        puts "Ejecting stylesheets into `./app/assets/stylesheets/#{ejected_theme_name}`."
+        `mkdir #{Rails.root}/app/assets/stylesheets`
+        `cp -R #{theme_base_path}/app/assets/stylesheets/#{theme_name} #{Rails.root}/app/assets/stylesheets/#{ejected_theme_name}`
+        `cp -R #{theme_base_path}/app/assets/stylesheets/#{theme_name}.tailwind.css #{Rails.root}/app/assets/stylesheets/#{ejected_theme_name}.tailwind.css`
+        %x(sed -i #{'""' if `echo $OSTYPE`.include?("darwin")} "s/light/#{ejected_theme_name}/g" #{Rails.root}/app/assets/stylesheets/#{ejected_theme_name}.tailwind.css)
+
+        puts "Ejecting JavaScript into `./app/javascript/application.#{ejected_theme_name}.js`."
+        `cp #{theme_base_path}/app/javascript/application.#{theme_name}.js #{Rails.root}/app/javascript/application.#{ejected_theme_name}.js`
+
+        puts "Ejecting all theme partials into `./app/views/themes/#{ejected_theme_name}`."
+        `mkdir #{Rails.root}/app/views/themes`
+        `cp -R #{theme_base_path}/app/views/themes/#{theme_name} #{Rails.root}/app/views/themes/#{ejected_theme_name}`
+        %x(sed -i #{'""' if `echo $OSTYPE`.include?("darwin")} "s/#{theme_name}/#{ejected_theme_name}/g" #{Rails.root}/app/views/themes/#{ejected_theme_name}/layouts/_head.html.erb)
+
+        puts "Cutting local `Procfile.dev` over from `#{theme_name}` to `#{ejected_theme_name}`."
+        %x(sed -i #{'""' if `echo $OSTYPE`.include?("darwin")} "s/#{theme_name}/#{ejected_theme_name}/g" #{Rails.root}/Procfile.dev)
+
+        puts "Cutting local `package.json` over from `#{theme_name}` to `#{ejected_theme_name}`."
+        %x(sed -i #{'""' if `echo $OSTYPE`.include?("darwin")} "s/#{theme_name}/#{ejected_theme_name}/g" #{Rails.root}/package.json)
+
+        puts "Cutting `test/system/resolver_system_test.rb` over from `#{theme_name}` to `#{ejected_theme_name}`."
+        %x(sed -i #{'""' if `echo $OSTYPE`.include?("darwin")} "s/light/#{ejected_theme_name}/g" #{Rails.root}/test/system/resolver_system_test.rb)
+
+        # Stub out the class that represents this theme and establishes its inheritance structure.
+        target_path = "#{Rails.root}/app/lib/bullet_train/themes/#{ejected_theme_name}.rb"
+        puts "Stubbing out a class that represents this theme in `.#{target_path}`."
+        `mkdir -p #{Rails.root}/app/lib/bullet_train/themes`
+        `cp #{theme_base_path}/lib/bullet_train/themes/#{theme_name}.rb #{target_path}`
+        %x(sed -i #{'""' if `echo $OSTYPE`.include?("darwin")} "s/module #{constantized_theme}/module #{ejected_theme_name.titlecase}/g" #{target_path})
+        %x(sed -i #{'""' if `echo $OSTYPE`.include?("darwin")} "s/TailwindCss/#{constantized_theme}/g" #{target_path})
+        %x(sed -i #{'""' if `echo $OSTYPE`.include?("darwin")} "s/#{theme_name}/#{ejected_theme_name}/g" #{target_path})
+        ["require", "TODO", "mattr_accessor"].each do |thing_to_remove|
+          `grep -v #{thing_to_remove} #{target_path} > #{target_path}.tmp`
+          `mv #{target_path}.tmp #{target_path}`
+        end
+        `standardrb --fix #{target_path}`
+
+        puts "Cutting local project over from `#{theme_name}` to `#{ejected_theme_name}` in `app/helpers/application_helper.rb`."
+        %x(sed -i #{'""' if `echo $OSTYPE`.include?("darwin")} "s/:#{theme_name}/:#{ejected_theme_name}/g" #{Rails.root}/app/helpers/application_helper.rb)
+
+        puts "You must restart `bin/dev` at this point, because of the changes to `Procfile.dev` and `package.json`."
+      end
+
+      def self.release_theme(original_theme_name, args)
+        if original_theme_name != "light"
+          puts "You can only release new themes based off of Bullet Train's Light theme. Please eject a new theme from there, and publish your gem once you've finished making changes.".red
+          exit 1
+        end
+
+        puts "Preparing to release your custom theme: ".blue + args[:theme_name]
+        puts ""
+        puts "Before we make a new Ruby gem for your theme, you'll have to set up a GitHub repository first.".blue
+        puts "Hit <Return> and we'll open a browser to GitHub where you can create a new repository.".blue
+        puts "Make sure you name the repository ".blue + "bullet_train-themes-#{args[:theme_name]}"
+        puts ""
+        puts "When you're done, copy the SSH path from the new repository and return here.".blue
+        ask "We'll ask you to paste it to us in the next step."
+        `#{Gem::Platform.local.os == "linux" ? "xdg-open" : "open"} https://github.com/new`
+
+        ssh_path = ask "OK, what was the SSH path? (It should look like `git@github.com:your-account/your-new-repo.git`.)"
+        puts ""
+        puts "Great, you're all set.".blue
+        puts "We'll take it from here, so sit back and enjoy the ride 🚄️".blue
+        puts ""
+        puts "Creating a Ruby gem for ".blue + "#{args[:theme_name]}..."
+
+        Dir.mkdir("local") unless Dir.exist?("./local")
+        if Dir.exist?("./local/bullet_train-themes-#{args[:theme_name]}")
+          raise "You already have a repository named `bullet_train-themes-#{args[:theme_name]}` in `./local`.\n" \
+            "Make sure you delete it first to create an entirely new gem."
+        end
+        `git clone git@github.com:bullet-train-co/bullet_train-themes-light.git ./local/bullet_train-themes-#{args[:theme_name]}`
+
+        custom_file_replacer = BulletTrain::Themes::Light::CustomThemeFileReplacer.new(args[:theme_name])
+        custom_file_replacer.replace_theme("light", args[:theme_name])
+
+        work_tree_flag = "--work-tree=local/bullet_train-themes-#{args[:theme_name]}"
+        git_dir_flag = "--git-dir=local/bullet_train-themes-#{args[:theme_name]}/.git"
+        path = "./local/bullet_train-themes-#{args[:theme_name]}"
+
+        # Set up the proper remote.
+        `git #{work_tree_flag} #{git_dir_flag} remote set-url origin #{ssh_path}`
+        `git #{work_tree_flag} #{git_dir_flag} add .`
+        `git #{work_tree_flag} #{git_dir_flag} commit -m "Add initial files"`
+
+        # Build the gem.
+        `(cd #{path} && gem build bullet_train-themes-#{args[:theme_name]}.gemspec)`
+        `git #{work_tree_flag} #{git_dir_flag} add .`
+        `git #{work_tree_flag} #{git_dir_flag} commit -m "Build gem"`
+
+        # Commit the deleted files on the main application.
+        `git add .`
+        `git commit -m "Remove #{args[:theme_name]} files from application"`
+
+        # Push the gem's source code, but not the last commit in the main application.
+        `git #{work_tree_flag} #{git_dir_flag} push -u origin main`
+
+        puts ""
+        puts ""
+        puts "You're all set! Copy and paste the following commands to publish your gem:".blue
+        puts "cd ./local/bullet_train-themes-#{args[:theme_name]}"
+        puts "gem push bullet_train-themes-#{args[:theme_name]}-1.0.gem && cd ../../"
+        puts ""
+        puts "You may have to wait for some time until the gem can be downloaded via the Gemfile.".blue
+        puts "After a few minutes, run the following command in your main application:".blue
+        puts "bundle add bullet_train-themes-#{args[:theme_name]}"
+        puts "rake bullet_train:themes:#{args[:theme_name]}:install"
+        puts ""
+        puts "Then you'll be ready to use your custom gem in your Bullet Train application.".blue
+      end
+
+      def self.install_theme(theme_name)
+        # Grabs the current theme from
+        # def current_theme
+        #   :theme_name
+        # end
+        current_theme_regexp = /(^    :)(.*)/
+        current_theme = nil
+
+        new_lines = []
+        [
+          "./app/helpers/application_helper.rb",
+          "./Procfile.dev",
+          "./package.json"
+        ].each do |file|
+          File.open(file, "r") do |f|
+            new_lines = f.readlines
+            new_lines = new_lines.map do |line|
+              # Make sure we get the current theme before trying to replace it in any of the files.
+              # We grab it from the first file in the array above.
+              current_theme = line.scan(current_theme_regexp).flatten.last if line.match?(current_theme_regexp)
+
+              line.gsub!(/#{current_theme}/, theme_name) unless current_theme.nil?
+              line
+            end
+          end
+
+          File.open(file, "w") do |f|
+            f.puts new_lines.join
+          end
+        end
+      end
+
+      def self.clean_theme(theme_name, args)
+        theme_base_path = `bundle show --paths bullet_train-themes-#{theme_name}`.chomp
+        `find app/views/themes/#{args[:theme]} | grep html.erb`.lines.map(&:chomp).each do |path|
+          _, file = path.split("app/views/themes/#{args[:theme]}/")
+          original_theme_path = "#{theme_base_path}/app/views/themes/#{theme_name}/#{file}"
+          if File.read(path) == File.read(original_theme_path)
+            puts "No changes in \`#{path}\` since being ejected. Removing."
+            `rm #{path}`
+          end
+        end
+      end
+
+      def self.ask(string)
+        puts string.blue
+        $stdin.gets.strip
+      end
+    end
+  end
+end

data/lib/tasks/bullet_train/themes/light_tasks.rake

@@ -1,56 +1,31 @@
+require "tasks/application"
+
 namespace :bullet_train do
   namespace :themes do
     namespace :light do
       desc "Fork the \"Light\" theme into your local repository."
       task :eject, [:destination] => :environment do |task, args|
-        theme_base_path = `bundle show --paths bullet_train-themes-light`.chomp
-        puts "Ejecting from Light theme in `#{theme_base_path}`."
-
-        puts "Ejecting Tailwind configuration into `./tailwind.#{args[:destination]}.config.js`."
-        `cp #{theme_base_path}/tailwind.light.config.js #{Rails.root}/tailwind.#{args[:destination]}.config.js`
-
-        puts "Ejecting Tailwind mailer configuration into `./tailwind.mailer.#{args[:destination]}.config.js`."
-        `cp #{theme_base_path}/tailwind.mailer.light.config.js #{Rails.root}/tailwind.mailer.#{args[:destination]}.config.js`
-        `sed -i #{'""' if `echo $OSTYPE`.include?("darwin")} "s/light/#{args[:destination]}/g" #{Rails.root}/tailwind.mailer.#{args[:destination]}.config.js`
-
-        puts "Ejecting stylesheets into `./app/assets/stylesheets/#{args[:destination]}`."
-        `mkdir #{Rails.root}/app/assets/stylesheets`
-        `cp -R #{theme_base_path}/app/assets/stylesheets/light #{Rails.root}/app/assets/stylesheets/#{args[:destination]}`
-        `cp -R #{theme_base_path}/app/assets/stylesheets/light.tailwind.css #{Rails.root}/app/assets/stylesheets/#{args[:destination]}.tailwind.css`
-        `sed -i #{'""' if `echo $OSTYPE`.include?("darwin")} "s/light/#{args[:destination]}/g" #{Rails.root}/app/assets/stylesheets/#{args[:destination]}.tailwind.css`
-
-        puts "Ejecting JavaScript into `./app/javascript/application.#{args[:destination]}.js`."
-        `cp #{theme_base_path}/app/javascript/application.light.js #{Rails.root}/app/javascript/application.#{args[:destination]}.js`
-
-        puts "Ejecting all theme partials into `./app/views/themes/#{args[:destination]}`."
-        `mkdir #{Rails.root}/app/views/themes`
-        `cp -R #{theme_base_path}/app/views/themes/light #{Rails.root}/app/views/themes/#{args[:destination]}`
-        `sed -i #{'""' if `echo $OSTYPE`.include?("darwin")} "s/light/#{args[:destination]}/g" #{Rails.root}/app/views/themes/#{args[:destination]}/layouts/_head.html.erb`
-
-        puts "Cutting local `Procfile.dev` over from `light` to `#{args[:destination]}`."
-        `sed -i #{'""' if `echo $OSTYPE`.include?("darwin")} "s/light/#{args[:destination]}/g" #{Rails.root}/Procfile.dev`
+        BulletTrain::Themes::Application.eject_theme(get_theme_name_from_task(task), args[:destination])
+      end
 
-        puts "Cutting local `package.json` over from `light` to `#{args[:destination]}`."
-        `sed -i #{'""' if `echo $OSTYPE`.include?("darwin")} "s/light/#{args[:destination]}/g" #{Rails.root}/package.json`
+      desc "Publish your custom theme theme as a Ruby gem."
+      task :release, [:theme_name] => :environment do |task, args|
+        BulletTrain::Themes::Application.release_theme(get_theme_name_from_task(task), args)
+      end
 
-        # Stub out the class that represents this theme and establishes its inheritance structure.
-        target_path = "#{Rails.root}/app/lib/bullet_train/themes/#{args[:destination]}.rb"
-        puts "Stubbing out a class that represents this theme in `.#{target_path}`."
-        `mkdir -p #{Rails.root}/app/lib/bullet_train/themes`
-        `cp #{theme_base_path}/lib/bullet_train/themes/light.rb #{target_path}`
-        `sed -i #{'""' if `echo $OSTYPE`.include?("darwin")} "s/module Light/module #{args[:destination].titlecase}/g" #{target_path}`
-        `sed -i #{'""' if `echo $OSTYPE`.include?("darwin")} "s/TailwindCss/Light/g" #{target_path}`
-        `sed -i #{'""' if `echo $OSTYPE`.include?("darwin")} "s/light/#{args[:destination]}/g" #{target_path}`
-        ["require", "TODO", "mattr_accessor"].each do |thing_to_remove|
-          `grep -v #{thing_to_remove} #{target_path} > #{target_path}.tmp`
-          `mv #{target_path}.tmp #{target_path}`
-        end
-        `standardrb --fix #{target_path}`
+      desc "Install this theme to your main application."
+      task :install do |task|
+        BulletTrain::Themes::Application.install_theme(get_theme_name_from_task(task))
+      end
 
-        puts "Cutting local project over from `light` to `#{args[:destination]}` in `app/helpers/application_helper.rb`."
-        `sed -i #{'""' if `echo $OSTYPE`.include?("darwin")} "s/:light/:#{args[:destination]}/g" #{Rails.root}/app/helpers/application_helper.rb`
+      desc "List view partials in theme that haven't changed since ejection from \"Light\"."
+      task :clean, [:theme] => :environment do |task, args|
+        BulletTrain::Themes::Application.clean_theme(get_theme_name_from_task(task), args)
+      end
 
-        puts "You must restart `bin/dev` at this point, because of the changes to `Procfile.dev` and `package.json`."
+      # Grabs the theme name from task, i.e. - bullet_train:theme:light:eject.
+      def get_theme_name_from_task(task)
+        task.name.split(":")[2]
       end
     end
   end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bullet_train-themes-light
 version: !ruby/object:Gem::Version
-  version: 1.0.44
+  version: 1.0.49
 platform: ruby
 authors:
 - Andrew Culver
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-07-21 00:00:00.000000000 Z
+date: 2022-08-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: standard
@@ -68,6 +68,7 @@ files:
 - app/assets/stylesheets/light/actiontext.css
 - app/assets/stylesheets/light/application.css
 - app/assets/stylesheets/light/bulk_actions.css
+- app/assets/stylesheets/light/devise.css
 - app/assets/stylesheets/light/electron.css
 - app/assets/stylesheets/light/fields/cloudinary_image.css
 - app/assets/stylesheets/light/fields/date_field.css
@@ -124,8 +125,11 @@ files:
 - app/views/themes/light/workflow/_box.html.erb
 - config/routes.rb
 - lib/bullet_train/themes/light.rb
+- lib/bullet_train/themes/light/custom_theme_file_replacer.rb
 - lib/bullet_train/themes/light/engine.rb
+- lib/bullet_train/themes/light/file_replacer.rb
 - lib/bullet_train/themes/light/version.rb
+- lib/tasks/application.rb
 - lib/tasks/bullet_train/themes/light_tasks.rake
 - tailwind.light.config.js
 homepage: https://github.com/bullet-train-co/bullet_train-themes-light