avo 2.1.2.pre1 → 2.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1ab813d1cba92231f9f5ea655e200739567db3d33a93434add2000d42281f29e
-  data.tar.gz: 6357611e7245cb45e68749b4c0e72c2c97f353d12a509b5b467f9ae7ff7a261d
+  metadata.gz: 1ed006aa7c57368aa03156290f54f757484daff2434ad0f235fa1cdabd0489e4
+  data.tar.gz: 5596ead68c48c161977b477ad5b689be6228957b56f818d0a2ba015f3bf250be
 SHA512:
-  metadata.gz: c2723ce4a864c153c8ae515c168e50954a4415a9be8aae5b190fbe8d1fbe5d4227f165cb9f9957f606aa757cc3141e33204eacc53d270c22f14d995c0a3f285b
-  data.tar.gz: dff128333e8a5700d12c5d951d1ba29cb9a11980b68beb137916547eb1c1ed9bcb44ccc2e3c167ce772e6e6f976a28d29bed0ffde958936f0833ff1f29427b0a
+  metadata.gz: 68a9010fd5eec2c2c45527cc3bb46c751eefbde06894d4e8857f9d86c8417fdc13d835422479efd5361e16c677ecfa57a3ae0a375b4cd84598d5e88bd85dd2bd
+  data.tar.gz: e2adc97bfcac2b881d9780d60bdc323186362f76c3139f03b0282ac1275f64cba2555c46ad6617aab3fff886c12e1322debbd1e7b38cd107f082129a6f392900

data/Gemfile

@@ -34,7 +34,7 @@ gem "puma", "~> 5.6.4"
 # Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
 # gem "jbuilder", "~> 2.7"
 # Use Redis adapter to run Action Cable in production
-# gem 'redis', '~> 4.0'
+gem 'redis', '~> 4.0'
 # Use Active Model has_secure_password
 # gem 'bcrypt', '~> 3.1.7'
 
@@ -79,6 +79,8 @@ group :development do
   # gem 'pry-rails'
 
   gem 'htmlbeautifier'
+
+  gem "hotwire-livereload", "~> 1.1"
 end
 
 group :development, :test do

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    avo (2.1.2.pre1)
+    avo (2.2.1)
       active_link_to
       addressable
       breadcrumbs_on_rails
@@ -183,6 +183,9 @@ GEM
     hashdiff (1.0.1)
     hightop (0.3.0)
       activesupport (>= 5.2)
+    hotwire-livereload (1.1.0)
+      listen (>= 3.0.0)
+      rails (>= 6.0.0)
     hotwire-rails (0.1.3)
       rails (>= 6.0.0)
       stimulus-rails
@@ -297,6 +300,7 @@ GEM
     rb-fsevent (0.11.0)
     rb-inotify (0.10.1)
       ffi (~> 1.0)
+    redis (4.6.0)
     regexp_parser (2.2.0)
     responders (3.0.1)
       actionpack (>= 5.0)
@@ -435,6 +439,7 @@ DEPENDENCIES
   gem-release
   groupdate
   hightop
+  hotwire-livereload (~> 1.1)
   hotwire-rails
   htmlbeautifier
   httparty
@@ -452,6 +457,7 @@ DEPENDENCIES
   rails (~> 6.1.0)
   rails-controller-testing
   ransack
+  redis (~> 4.0)
   rspec-rails (~> 4.0.0)
   rubocop
   rubocop-shopify

data/app/components/avo/button_component.rb

@@ -24,8 +24,12 @@ class Avo::ButtonComponent < ViewComponent::Base
   end
 
   def args
-    if @args[:spinner]
+    if @args[:loading]
       @args[:"data-controller"] = "loading-button"
+
+      if @args[:confirm]
+        @args[:"data-avo-confirm"] = @args.delete(:confirm)
+      end
     end
 
     @args[:class] = button_classes
@@ -34,7 +38,7 @@ class Avo::ButtonComponent < ViewComponent::Base
   end
 
   def button_classes
-    classes = "button-component inline-flex flex-grow-0 items-center text-sm font-semibold leading-6 fill-current whitespace-nowrap transition duration-100 transform transition duration-100 cursor-pointer disabled:cursor-not-allowed disabled:opacity-30 border justify-center active:outline active:outline-1 #{@class}"
+    classes = "button-component inline-flex flex-grow-0 items-center text-sm font-semibold leading-6 fill-current whitespace-nowrap transition duration-100 transform transition duration-100 cursor-pointer disabled:cursor-not-allowed disabled:opacity-70 border justify-center active:outline active:outline-1 #{@class}"
 
     classes += " rounded" if @rounded.present?
 

data/app/components/avo/fields/belongs_to_field/autocomplete_component.html.erb

@@ -7,6 +7,7 @@
   ></div>
   <div class="relative w-full" autocomplete="off">
     <%= @form.text_field @foreign_key,
+      type: :text,
       value: field_label,
       class: helpers.input_classes('w-full', has_error: @field.model_errors.include?(@field.id)),
       placeholder: @field.placeholder,

data/app/components/avo/fields/belongs_to_field/edit_component.rb

@@ -9,8 +9,11 @@ class Avo::Fields::BelongsToField::EditComponent < Avo::Fields::EditComponent
 
   def disabled
     return true if @field.readonly
-    return true if @field.target_resource.present? && @field.target_resource.model_class.name == params[:via_resource_class]
-    return true if @field.id.to_s == params[:via_relation].to_s
+
+    # When visiting the record through it's association we keep the field disabled by default
+    # We make an exception when the user deliberately instructs Avo to allow detaching in this scenario
+    return !@field.allow_via_detaching if @field.target_resource.present? && @field.target_resource.model_class.name == params[:via_resource_class]
+    return !@field.allow_via_detaching if @field.id.to_s == params[:via_relation].to_s
 
     false
   end

data/app/components/avo/filters_component.html.erb

@@ -7,31 +7,30 @@
       title: t('avo.click_to_reveal_filters'),
       'data-button': 'resource-filters',
       'data-action': 'click->toggle-panel#togglePanel',
-      'data-tippy': 'tooltip' do
-    %>
-    <%= t 'avo.filters' %>
-    <% if params[:filters].present? %>
-      <span class="ml-1">(<%=JSON.parse(Base64.decode64(params[:filters])).count%> applied)</span>
+      'data-tippy': 'tooltip' do %>
+      <%= t 'avo.filters' %>
+      <% if params[:filters].present? %>
+        <span class="ml-1">(<%=JSON.parse(Base64.decode64(params[:filters])).count%> applied)</span>
+      <% end %>
     <% end %>
-  <% end %>
-  <div
+    <div
       class="absolute block inset-auto sm:right-0 top-full bg-white min-w-[300px] mt-2 z-20 shadow-modal rounded hidden divide-y divide-gray-300"
       data-toggle-panel-target="panel"
     >
-    <% @filters.each do |filter| %>
-      <%= render partial: filter.class.template, locals: {filter: filter} %>
-    <% end %>
-    <div class="p-4 border-gray-300 border-t">
-      <% if params[:filters].present? %>
-        <%= a_link helpers.resources_path(resource: @resource, filters: nil, keep_query_params: true), color: :gray, size: :sm, class: 'w-full justify-center' do %>
-          <%= t('avo.reset_filters') %>
-        <% end %>
-      <% else %>
-        <%= a_button class: 'w-full justify-center', disabled: true do %>
-          <%= t('avo.reset_filters') %>
-        <% end %>
+      <% @filters.each do |filter| %>
+        <%= render partial: filter.class.template, locals: {filter: filter} %>
       <% end %>
+      <div class="p-4 border-gray-300 border-t">
+        <% if params[:filters].present? %>
+          <%= a_link helpers.resources_path(resource: @resource, filters: nil, keep_query_params: true), color: :gray, size: :sm, class: 'w-full justify-center' do %>
+            <%= t('avo.reset_filters') %>
+          <% end %>
+        <% else %>
+          <%= a_button class: 'w-full justify-center', disabled: true do %>
+            <%= t('avo.reset_filters') %>
+          <% end %>
+        <% end %>
+      </div>
     </div>
   </div>
 </div>
-</div>

data/app/components/avo/index/grid_item_component.html.erb

@@ -3,7 +3,9 @@
   <%== item_selector_init @resource %>
 >
   <div class="relative w-full pb-3/4 rounded-t overflow-hidden">
-    <%== item_selector_input floating: true, size: :lg %>
+    <% if @resource.record_selector %>
+      <%== item_selector_input floating: true, size: :lg %>
+    <% end %>
     <% if cover.blank? %>
       <%= link_to cover.link_to_resource do %>
         <%= render Avo::Index::GridCoverEmptyStateComponent.new %>

data/app/components/avo/index/table_row_component.html.erb

@@ -2,11 +2,13 @@
   class="bg-white hover:bg-blue-50 hover:shadow-row hover:z-[21] relative z-20 border-b"
   <%== item_selector_init @resource %>
 >
-  <td class="w-10">
-    <div class="flex justify-center h-full">
-      <%== item_selector_input floating: false %>
-    </div>
-  </td>
+  <% if @resource.record_selector %>
+    <td class="w-10">
+      <div class="flex justify-center h-full">
+        <%== item_selector_input floating: false %>
+      </div>
+    </td>
+  <% end %>
   <% @resource.get_fields(reflection: @reflection).each_with_index do |field, index| %>
     <%= render field.component_for_view(:index).new(field: field, resource: @resource, index: index, parent_model: @parent_model) %>
   <% end %>

data/app/components/avo/panel_component.html.erb

@@ -1,19 +1,19 @@
 <div <%== data_attributes %>>
   <% if render_header? %>
     <div class="<%= white_panel_classes %> p-4 flex-1 flex flex-col xl:flex-row justify-between mb-6">
-      <div class="overflow-hidden mr-4">
+      <div class="overflow-hidden mr-4 flex flex-col">
         <% if display_breadcrumbs? %>
           <div class="breadcrumbs truncate mb-2">
             <%= helpers.render_breadcrumbs(separator: helpers.svg('chevron-right', class: 'inline-block h-3 stroke-current relative top-[-1px] ml-1' )) if Avo.configuration.display_breadcrumbs %>
           </div>
         <% end %>
 
-        <div class="text-2xl tracking-normal font-semibold text-gray-800 truncate" data-target="title">
-          <%= @title %>
+        <div class="text-2xl tracking-normal font-semibold text-gray-800 truncate items-center flex flex-1" data-target="title">
+          <span><%= @title %></span>
         </div>
 
         <% if description.present? %>
-        <div class="text-base tracking-normal font-medium text-gray-600 truncate" data-target="description">
+        <div class="text-base tracking-normal font-medium text-gray-600" data-target="description">
           <%== description %>
         </div>
         <% end %>

data/app/components/avo/sidebar_profile_component.html.erb

@@ -1,19 +1,23 @@
 <div class="text-black border-t border-gray-200 p-4 flex">
   <div class="flex-1 flex space-x-4">
-    <div class="relative aspect-square w-10 h-10 overflow-hidden rounded">
-      <%= image_tag avatar, class: "object-cover min-w-full min-h-full h-full" %>
-    </div>
+    <% if avatar.present? %>
+      <div class="relative aspect-square w-10 h-10 overflow-hidden rounded">
+        <%= image_tag avatar, class: "object-cover min-w-full min-h-full h-full" %>
+      </div>
+    <% end %>
     <div class="flex flex-col">
       <div class="font-medium">
         <%= name %>
       </div>
-      <div class="text-xs text-gray-500 uppercase">
-        <%= title %>
-      </div>
+      <% if title.present? %>
+        <div class="text-xs text-gray-500 uppercase">
+          <%= title %>
+        </div>
+      <% end %>
     </div>
   </div>
-  <div class="relative" data-controller="toggle-panel">
-    <% if can_destroy_user? %>
+  <% if can_destroy_user? %>
+    <div class="relative" data-controller="toggle-panel">
       <a class="flex items-center h-full cursor-pointer" data-control="profile-dots" data-action="click->toggle-panel#togglePanel">
         <%= helpers.svg 'three-dots', class: 'h-4' %>
       </a>
@@ -31,6 +35,6 @@
           <%= helpers.svg 'logout', class: 'h-4 mr-1' %> <%= t('avo.sign_out') %>
         <% end %>
       </div>
-    <% end %>
-  </div>
+    </div>
+  <% end %>
 </div>

data/app/components/avo/views/resource_edit_component.html.erb

@@ -13,7 +13,7 @@
             <%= t('avo.cancel').capitalize %>
           <% end %>
           <% if can_see_the_save_button? %>
-            <%= a_button color: :green, spinner: true, type: :submit, icon: 'save' do %>
+            <%= a_button color: :green, loading: true, type: :submit, icon: 'save' do %>
               <%= t('avo.save').capitalize %>
             <% end %>
           <% end %>
@@ -24,7 +24,7 @@
               <%= t('avo.cancel').capitalize %>
             <% end %>
             <% if can_see_the_save_button? %>
-              <%= a_button color: :green, spinner: true, type: :submit, icon: 'save' do %>
+              <%= a_button color: :green, loading: true, type: :submit, icon: 'save' do %>
                 <%= t('avo.save').capitalize %>
               <% end %>
             <% end %>

data/app/components/avo/views/resource_new_component.html.erb

@@ -18,7 +18,7 @@
               <%= t('avo.cancel').capitalize %>
             <% end %>
             <% if can_see_the_save_button? %>
-              <%= a_button color: 'green', spinner: true, type: :submit, icon: 'save' do %>
+              <%= a_button color: 'green', loading: true, type: :submit, icon: 'save' do %>
                 <%= t('avo.save').capitalize %>
               <% end %>
             <% end %>
@@ -30,7 +30,7 @@
               <%= t('avo.cancel').capitalize %>
             <% end %>
             <% if can_see_the_save_button? %>
-              <%= a_button color: :green, spinner: true, type: :submit, icon: 'save' do %>
+              <%= a_button color: :green, loading: true, type: :submit, icon: 'save' do %>
                 <%= t('avo.save').capitalize %>
               <% end %>
             <% end %>

data/app/components/avo/views/resource_show_component.html.erb

@@ -35,12 +35,12 @@
                 method: :delete,
                 local: true,
                 title: t('avo.delete_item', item: @resource.model.model_name.name.downcase).capitalize,
-                spinner: true,
+                loading: true,
+                confirm: t('avo.are_you_sure', item: @resource.model.model_name.name.downcase),
                 color: :red,
                 icon: 'trash',
                 form_class: 'flex flex-col sm:flex-row sm:inline-flex',
                 data: {
-                  confirm: t('avo.are_you_sure', item: @resource.model.model_name.name.downcase),
                   control: :destroy,
                   'resource-id': @resource.model.id,
                   'tippy': 'tooltip',

data/app/controllers/avo/base_controller.rb

@@ -44,7 +44,7 @@ module Avo
         unless @index_params[:sort_by].eql? :created_at
           @query = @query.unscope(:order)
         end
-        @query = @query.order(Arel.sql("#{@resource.model_class.table_name}.#{@index_params[:sort_by]} #{@index_params[:sort_direction]}"))
+        @query = @query.order("#{@resource.model_class.table_name}.#{@index_params[:sort_by]} #{@index_params[:sort_direction]}")
       end
 
       # Apply filters

data/app/javascript/js/controllers/loading_button_controller.js

@@ -1,3 +1,4 @@
+/* eslint-disable no-alert */
 import { Controller } from '@hotwired/stimulus'
 
 export default class extends Controller {
@@ -6,17 +7,53 @@ export default class extends Controller {
   <div class="double-bounce2"></div>
 </div>`;
 
+  confirmed = false
+
   connect() {
-    const button = this.context.scope.element
-    this.context.scope.element.addEventListener('click', () => {
-      button.style.width = `${button.getBoundingClientRect().width}px`
-      button.style.height = `${button.getBoundingClientRect().height}px`
-      button.innerHTML = this.spinnerMarkup
-      button.classList.add('justify-center')
-
-      setTimeout(() => {
-        button.setAttribute('disabled', 'disabled')
-      }, 1)
+    this.context.scope.element.addEventListener('click', (e) => {
+      // If the user has to confirm the action
+      if (this.confirmationMessage) {
+        // Intervene only if not confirmed
+        if (!this.confirmed) {
+          e.preventDefault()
+          if (window.confirm(this.confirmationMessage)) {
+            this.applyLoader()
+          }
+        }
+      } else {
+        this.applyLoader()
+      }
     })
   }
+
+  get button() {
+    return this.context.scope.element
+  }
+
+  get confirmationMessage() {
+    return this.context.scope.element.getAttribute('data-avo-confirm')
+  }
+
+  applyLoader() {
+    const { button } = this
+
+    button.style.width = `${button.getBoundingClientRect().width}px`
+    button.style.height = `${button.getBoundingClientRect().height}px`
+    button.innerHTML = this.spinnerMarkup
+    button.classList.add('justify-center')
+
+    setTimeout(() => {
+      this.markConfirmed()
+      button.click()
+      button.setAttribute('disabled', 'disabled')
+    }, 1)
+  }
+
+  markConfirmed() {
+    this.confirmed = true
+  }
+
+  markUnconfirmed() {
+    this.confirmed = false
+  }
 }

data/app/javascript/js/controllers/search_controller.js

@@ -88,6 +88,9 @@ export default class extends Controller {
     } else {
       Turbo.visit(item._url, { action: 'advance' })
     }
+
+    // On searchable belongs to the class `aa-Detached` remains on the body making it unscrollable
+    document.body.classList.remove('aa-Detached')
   }
 
   addSource(resourceName, data) {
@@ -102,7 +105,7 @@ export default class extends Controller {
           return `${data.header.toUpperCase()} ${data.help}`
         },
         item({ item, createElement }) {
-          let element = ''
+          const children = []
 
           if (item._avatar) {
             let classes
@@ -117,22 +120,37 @@ export default class extends Controller {
                 break
             }
 
-            element += `<img src="${item._avatar}" alt="${item._label}" class="flex-shrink-0 w-8 h-8 my-[2px] inline mr-2 ${classes}" />`
+            children.push(
+              createElement('img', {
+                src: item._avatar,
+                alt: item._label,
+                class: `flex-shrink-0 w-8 h-8 my-[2px] inline mr-2 ${classes}`,
+              }),
+            )
           }
-          element += `<div>${item._label}`
 
+          const labelChildren = [item._label]
           if (item._description) {
-            element += `<div class="aa-ItemDescription">${item._description}</div>`
+            labelChildren.push(
+              createElement(
+                'div',
+                {
+                  class: 'aa-ItemDescription',
+                },
+                item._description,
+              ),
+            )
           }
 
-          element += '</div>'
+          children.push(createElement('div', null, labelChildren))
 
-          return createElement('div', {
-            class: 'flex',
-            dangerouslySetInnerHTML: {
-              __html: element,
+          return createElement(
+            'div',
+            {
+              class: 'flex',
             },
-          })
+            children,
+          )
         },
         noResults() {
           return that.translationKeys.no_item_found.replace(

data/app/views/avo/partials/_table_header.html.erb

@@ -1,10 +1,11 @@
-
 <thead class="bg-white border-b border-gray-200 pb-1">
-  <th class="rounded-lg">
-    <%== item_select_all_input %>
-  </th>
-  <%
-    fields.each_with_index do |field, index|
+  <% if @resource.record_selector %>
+    <th class="rounded-lg">
+      <%== item_select_all_input %>
+    </th>
+  <% end %>
+  <% fields.each_with_index do |field, index|  %>
+    <%
       if params[:sort_by] == field.id.to_s
         if params[:sort_direction] == 'asc'
           sort_by = nil
@@ -28,8 +29,7 @@
         sort_by = field.id
         sort_direction = 'desc'
       end
-      classes = "text-gray-500 tracking-tight leading-tight text-sm font-semibold"
-  %>
+      classes = "text-gray-500 tracking-tight leading-tight text-sm font-semibold" %>
     <th class="text-left uppercase px-3 py-4 whitespace-nowrap rounded-l">
       <% if field.sortable %>
         <%= link_to params.permit!.merge(sort_by: sort_by, sort_direction: sort_direction), class: "flex items-center #{classes} #{'cursor-pointer' if field.sortable}", 'data-turbo-frame': params[:turbo_frame] do %>
@@ -37,14 +37,13 @@
           <%= render partial: 'avo/partials/sortable_component', locals: {field: field} %>
         <% end %>
       <% else %>
-          <div class="flex items-center <%= classes %>">
-            <%= field.name %>
-          </div>
+        <div class="flex items-center <%= classes %>">
+          <%= field.name %>
+        </div>
       <% end %>
     </th>
   <% end %>
-
   <th class="w-24">
-    <!-- Controls cell -->
+    <!-- Item controls cell -->
   </th>
 </thead>

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

@@ -16,6 +16,9 @@
   <% else %>
     <%= javascript_include_tag "avo", "data-turbo-track": "reload", defer: true %>
     <%= stylesheet_link_tag "avo", "data-turbo-track": "reload", defer: true %>
+    <% if Rails.env.development? %>
+      <%= javascript_include_tag "hotwire-livereload", defer: true %>
+    <% end %>
   <% end %>
 </head>
 <body class="bg-application os-mac">

data/bin/helpers.rb

@@ -22,8 +22,14 @@ end
 
 def ask(question:, valid_answers: [])
   puts "\n#{question} (#{valid_answers.join('/')})"
+  # An uppercase option is treated as a default answer.  Otherwise, we disregard case, and always
+  # return the answer in lowercase.
+  default_answer = valid_answers.select { |val| val == val.upcase }.first&.downcase
 
-  input = gets.chomp
+  valid_answers.map!(&:downcase)
+
+  input = gets.downcase.chomp
+  input = default_answer if input == ''
 
   while !valid_answers.include?(input)
     puts 'Invalid input, please try again.'

data/bin/init

@@ -17,7 +17,7 @@ app_root do
   header 'Installing Yarn packages'
   run! 'yarn'
 
-  if use_docker
+  if use_docker == 'y'
     header 'Creating the Docker volume'
     run! 'docker volume create --name=avo-db-data'
 
@@ -28,7 +28,7 @@ app_root do
   header 'Preparing the database'
   run! 'bin/rails db:setup'
 
-  if use_docker
+  if use_docker == 'y'
     header 'Stopping the Docker image'
     run! 'docker-compose stop'
   end

data/lib/avo/app.rb

@@ -79,12 +79,16 @@ module Avo
       def init_resources
         self.resources = BaseResource.descendants
           .select do |resource|
+            # Remove the BaseResource. We only need the descendants
             resource != BaseResource
           end
+          .uniq do |klass|
+            # On invalid resource configuration the resource classes get duplicated in `ObjectSpace`
+            # We need to de-duplicate them
+            klass.name
+          end
           .map do |resource|
-            if resource.is_a? Class
-              resource.new
-            end
+            resource.new if resource.is_a? Class
           end
       end
 

data/lib/avo/base_resource.rb

@@ -43,6 +43,7 @@ module Avo
     class_attribute :after_create_path, default: :show
     class_attribute :after_update_path, default: :show
     class_attribute :invalid_fields
+    class_attribute :record_selector, default: true
 
     class << self
       delegate :t, to: ::I18n

data/lib/avo/dynamic_router.rb

@@ -1,7 +1,7 @@
 module Avo
   module DynamicRouter
     def self.routes(router)
-      Rails.application.eager_load!
+      Rails.application.eager_load! unless Rails.env.production?
 
       BaseResource.descendants
         .select do |resource|

data/lib/avo/engine.rb

@@ -19,7 +19,7 @@ module Avo
 
     config.i18n.load_path += Dir[Avo::Engine.root.join('lib', 'generators', 'avo', 'templates', 'locales', '*.{rb,yml}')]
 
-    initializer "avo.autoload", before: :set_autoload_paths do |app|
+    initializer "avo.autoload" do |app|
       [
         ["app", "avo", "fields"],
         ["app", "avo", "filters"],
@@ -41,21 +41,11 @@ module Avo
       ::Avo::App.init_fields
     end
 
-    initializer "avo.reload_avo_files" do |app|
-      if Avo::IN_DEVELOPMENT && ENV["RELOAD_AVO_FILES"]
-        avo_root_path = Avo::Engine.root.to_s
-        # This should only be happening when ENV["RELOAD_AVO_FILES"] is true because it loads all the files into memory on every change and makes rails sluggish.
-        app.config.autoload_paths += [Avo::Engine.root.join("lib", "avo").to_s]
-        # Register reloader
-        app.reloaders << app.config.file_watcher.new([], {
-          Avo::Engine.root.join("lib", "avo").to_s => ["rb"]
-        }) {}
-
-        # What to do on file change
-        config.to_prepare do
-          Dir.glob(avo_root_path + "/lib/avo/**/*.rb".to_s).each { |c| load c }
-          Avo::App.boot
-        end
+    initializer "avo.reloader" do |app|
+      Avo::Reloader.new.tap do |reloader|
+        reloader.execute
+        app.reloaders << reloader
+        app.reloader.to_run { reloader.execute }
       end
     end