avo 1.17.1 → 1.18.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f979b13adfa02e58a8d2b3b4f6463d0fcef9200cdc4a4dee76b268ebc5a5e8b0
-  data.tar.gz: acdddcbb5516ffd36f1538877472f4f8a4ec5f2423a4ddea69b7eed5b156c308
+  metadata.gz: f0537914efac67cf9b88d78b687484938f146e5e0941fbace1a7d8fb507c115f
+  data.tar.gz: 15e9f8ebdf9b38aaf727154852f9ebf03d56447fc1d47dfa6fab9131557df4ee
 SHA512:
-  metadata.gz: '050786326a44c661a9c3467cf9f5b3ed5df27a8b713040a9126be15f96b3fcf553b8cd7c7f23fe01339665eac1f41d2a203fca4c3c671676c28b9c6efaf18cb9'
-  data.tar.gz: 417a94817cdad9255904bbff41dc5aa911b2dfa02c31ac2f1d2deb46c6038e7a563d802ad0d2b4533e6001e06d455b2fd9cf48a47c2556539e143f48b95ff6ee
+  metadata.gz: 5d862bdd263cc44b4e0832e2aeb8bbd3a086a8dd7f8eb9d730401bf5fe809aec7aef021fd449fe7251f75c79648a62c3454c6554bf01948db58f03e974c4a165
+  data.tar.gz: ba4787b27586038cfce9d08f7bac3e9143a81c38f978b2c5aa32a48d32bbcf0aee9383e87154f24f243dab74b959a5d33cbc435115a8e39e4660879a69048945

data/Gemfile

@@ -115,7 +115,7 @@ gem "hotwire-rails"
 
 gem "active_link_to"
 
-gem "view_component", require: "view_component/engine"
+gem "view_component"
 
 gem "addressable"
 

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    avo (1.17.1)
+    avo (1.18.0)
       active_link_to
       addressable
       breadcrumbs_on_rails
@@ -107,7 +107,7 @@ GEM
       aws-eventstream (~> 1, >= 1.0.2)
     bcrypt (3.1.16)
     bindex (0.8.1)
-    bootsnap (1.7.3)
+    bootsnap (1.9.3)
       msgpack (~> 1.0)
     breadcrumbs_on_rails (4.0.0)
       rails (>= 5.0)
@@ -123,7 +123,7 @@ GEM
       regexp_parser (~> 1.5)
       xpath (~> 3.2)
     childprocess (3.0.0)
-    concurrent-ruby (1.1.8)
+    concurrent-ruby (1.1.9)
     countries (3.1.0)
       i18n_data (~> 0.11.0)
       sixarm_ruby_unaccent (~> 1.1)
@@ -131,7 +131,7 @@ GEM
     crack (0.4.4)
     crass (1.0.6)
     database_cleaner (1.8.5)
-    devise (4.7.3)
+    devise (4.8.1)
       bcrypt (~> 3.0)
       orm_adapter (~> 0.1)
       railties (>= 4.1.0)
@@ -168,7 +168,7 @@ GEM
     httparty (0.18.1)
       mime-types (~> 3.0)
       multi_xml (>= 0.5.2)
-    i18n (1.8.10)
+    i18n (1.8.11)
       concurrent-ruby (~> 1.0)
     i18n_data (0.11.0)
     image_processing (1.12.1)
@@ -184,7 +184,7 @@ GEM
     listen (3.5.1)
       rb-fsevent (~> 0.10, >= 0.10.3)
       rb-inotify (~> 0.9, >= 0.9.10)
-    loofah (2.9.1)
+    loofah (2.13.0)
       crass (~> 1.0.2)
       nokogiri (>= 1.5.9)
     mail (2.7.1)
@@ -202,7 +202,7 @@ GEM
     mini_magick (4.11.0)
     mini_mime (1.0.3)
     mini_portile2 (2.6.1)
-    minitest (5.14.4)
+    minitest (5.15.0)
     msgpack (1.4.2)
     multi_xml (0.6.0)
     nio4r (2.5.8)
@@ -210,7 +210,7 @@ GEM
       mini_portile2 (~> 2.6.1)
       racc (~> 1.4)
     orm_adapter (0.5.0)
-    pagy (4.11.0)
+    pagy (5.6.10)
     parallel (1.20.1)
     parser (3.0.0.0)
       ast (~> 2.4.1)
@@ -220,7 +220,7 @@ GEM
       nio4r (~> 2.0)
     pundit (2.1.0)
       activesupport (>= 3.0.0)
-    racc (1.5.2)
+    racc (1.6.0)
     rack (2.2.3)
     rack-proxy (0.6.5)
       rack
@@ -248,7 +248,7 @@ GEM
     rails-dom-testing (2.0.3)
       activesupport (>= 4.2.0)
       nokogiri (>= 1.6)
-    rails-html-sanitizer (1.3.0)
+    rails-html-sanitizer (1.4.2)
       loofah (~> 2.3)
     railties (6.1.3.2)
       actionpack (= 6.1.3.2)
@@ -257,7 +257,7 @@ GEM
       rake (>= 0.8.7)
       thor (~> 1.0)
     rainbow (3.0.0)
-    rake (13.0.3)
+    rake (13.0.6)
     ransack (2.4.2)
       activerecord (>= 5.2.4)
       activesupport (>= 5.2.4)
@@ -379,7 +379,7 @@ GEM
     websocket-extensions (0.1.5)
     xpath (3.2.0)
       nokogiri (~> 1.8)
-    zeitwerk (2.4.2)
+    zeitwerk (2.5.2)
 
 PLATFORMS
   ruby
@@ -439,4 +439,4 @@ DEPENDENCIES
   zeitwerk (~> 2.3)
 
 BUNDLED WITH
-   2.2.29
+   2.2.32

data/app/components/avo/fields/common/multiple_file_viewer_component.rb

@@ -3,10 +3,11 @@
 class Avo::Fields::Common::MultipleFileViewerComponent < ViewComponent::Base
   include Avo::ApplicationHelper
 
-  def initialize(id:, file:, is_image:, resource:, button_size: :md)
+  def initialize(id:, file:, is_image:, direct_upload: false, resource:, button_size: :md)
     @id = id
     @file = file
     @is_image = is_image
+    @direct_upload = direct_upload
     @button_size = button_size
     @resource = resource
   end

data/app/components/avo/fields/common/single_file_viewer_component.rb

@@ -3,10 +3,11 @@
 class Avo::Fields::Common::SingleFileViewerComponent < ViewComponent::Base
   include Avo::ApplicationHelper
 
-  def initialize(id:, file:, is_image:, resource:, button_size: :md)
+  def initialize(id:, file:, is_image:, direct_upload: false, resource:, button_size: :md)
     @id = id
     @file = file
     @is_image = is_image
+    @direct_upload = direct_upload
     @button_size = button_size
     @resource = resource
   end

data/app/components/avo/fields/file_field/edit_component.html.erb

@@ -6,6 +6,6 @@
   <% end %>
 
   <% if @resource.authorization.authorize_action(:upload_attachments?, raise_exception: false) %>
-    <%= @form.file_field @field.id, disabled: @field.readonly %>
+    <%= @form.file_field @field.id, disabled: @field.readonly, direct_upload: @field.direct_upload %>
   <% end %>
 <% end %>

data/app/components/avo/fields/files_field/edit_component.html.erb

@@ -2,6 +2,8 @@
   <%= render Avo::Fields::Common::FilesListViewerComponent.new(field: @field, resource: @resource) if @field.value.present? %>
 
   <% if @resource.authorization.authorize_action(:upload_attachments?, raise_exception: false) %>
-    <%= @form.file_field @field.id, disabled: @field.readonly, multiple: true %>
+    <div class="mt-2">
+      <%= @form.file_field @field.id, disabled: @field.readonly, multiple: true, direct_upload: @field.direct_upload %>
+    </div>
   <% end %>
 <% end %>

data/app/packs/entrypoints/application.css

@@ -16,6 +16,7 @@
 @import './../stylesheets/pagination.css';
 @import './../stylesheets/breadcrumbs.css';
 @import './../stylesheets/search.css';
+@import './../stylesheets/active-storage.css';
 
 @import './../stylesheets/components/status.css';
 @import './../stylesheets/components/code.css';

data/app/packs/entrypoints/application.js

@@ -2,6 +2,7 @@
 import 'core-js/stable'
 // eslint-disable-next-line import/no-extraneous-dependencies
 import 'regenerator-runtime/runtime'
+import * as ActiveStorage from '@rails/activestorage'
 import * as Mousetrap from 'mousetrap'
 import { Application } from 'stimulus'
 import { Turbo } from '@hotwired/turbo-rails'
@@ -10,6 +11,7 @@ import Rails from '@rails/ujs'
 import tippy from 'tippy.js'
 
 // Toastr alerts
+import '../js/active-storage'
 import '../js/toastr'
 
 Rails.start()
@@ -32,6 +34,7 @@ function initTippy() {
 window.initTippy = initTippy
 
 const application = Application.start()
+ActiveStorage.start()
 
 const context = require.context('./../js/controllers', true, /\.js$/)
 application.load(definitionsFromContext(context))

data/app/packs/js/active-storage.js

@@ -0,0 +1,45 @@
+document.addEventListener('direct-upload:initialize', (event) => {
+  const { target, detail } = event
+  const { id, file } = detail
+
+  target.insertAdjacentHTML(
+    'beforebegin',
+    `
+    <div id="direct-upload-${id}" class="direct-upload direct-upload--pending">
+      <div id="direct-upload-progress-${id}" class="direct-upload__progress" style="width: 0%"></div>
+      <span class="direct-upload__filename"></span>
+    </div>
+  `,
+  )
+  target.previousElementSibling.querySelector(
+    '.direct-upload__filename',
+  ).textContent = file.name
+})
+
+document.addEventListener('direct-upload:start', (event) => {
+  const { id } = event.detail
+  const element = document.getElementById(`direct-upload-${id}`)
+  element.classList.remove('direct-upload--pending')
+})
+
+document.addEventListener('direct-upload:progress', (event) => {
+  const { id, progress } = event.detail
+  const progressElement = document.getElementById(
+    `direct-upload-progress-${id}`,
+  )
+  progressElement.style.width = `${progress}%`
+})
+
+document.addEventListener('direct-upload:error', (event) => {
+  event.preventDefault()
+  const { id, error } = event.detail
+  const element = document.getElementById(`direct-upload-${id}`)
+  element.classList.add('direct-upload--error')
+  element.setAttribute('title', error)
+})
+
+document.addEventListener('direct-upload:end', (event) => {
+  const { id } = event.detail
+  const element = document.getElementById(`direct-upload-${id}`)
+  element.classList.add('direct-upload--complete')
+})

data/app/packs/stylesheets/active-storage.css

@@ -0,0 +1,37 @@
+.direct-upload {
+  display: inline-block;
+  position: relative;
+  padding: 2px 4px;
+  margin: 0 3px 3px 0;
+  border: 1px solid rgba(0, 0, 0, 0.3);
+  border-radius: 3px;
+  font-size: 11px;
+  line-height: 13px;
+}
+
+.direct-upload--pending {
+  opacity: 0.6;
+}
+
+.direct-upload__progress {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  opacity: 0.2;
+  background: #0076ff;
+  transition: width 120ms ease-out, opacity 60ms 60ms ease-in;
+  transform: translate3d(0, 0, 0);
+}
+
+.direct-upload--complete .direct-upload__progress {
+  opacity: 0.4;
+}
+
+.direct-upload--error {
+  border-color: red;
+}
+
+input[type=file][data-direct-upload-url][disabled] {
+  display: none;
+}

data/config/routes.rb

@@ -2,6 +2,7 @@ Avo::Engine.routes.draw do
   root "home#index"
 
   get "resources", to: redirect("/admin")
+  post "/rails/active_storage/direct_uploads", to: "/active_storage/direct_uploads#create"
 
   scope "avo_api", as: "avo_api" do
     get "/search", to: "search#index"

data/lib/avo/app.rb

@@ -32,9 +32,9 @@ module Avo
 
         # Set the current host for ActiveStorage
         begin
-          ActiveStorage::Current.host = request.base_url
+          ActiveStorage::Current.url_options = request.base_url
         rescue => exception
-          Rails.logger.debug "[Avo] Failed to set ActiveStorage::Current.host, #{exception.inspect}"
+          Rails.logger.debug "[Avo] Failed to set ActiveStorage::Current.url_options, #{exception.inspect}"
         end
 
         init_resources

data/lib/avo/engine.rb

@@ -2,7 +2,11 @@
 Gem.loaded_specs["avo"].dependencies.each do |d|
   require d.name
 end
-require "view_component/engine"
+
+# In development we should load the engine so we get the autoload for components
+if ENV["RAILS_ENV"] === "development"
+  require "view_component/engine"
+end
 
 module Avo
   class Engine < ::Rails::Engine

data/lib/avo/fields/date_time_field.rb

@@ -17,7 +17,7 @@ module Avo
         return nil if value.nil?
 
         if @format.is_a?(Symbol)
-          value.to_time.in_time_zone(timezone).to_s(@format)
+          value.to_time.in_time_zone(timezone).to_formatted_s(@format)
         else
           value.to_time.in_time_zone(timezone).strftime(@format)
         end

data/lib/avo/fields/file_field.rb

@@ -4,6 +4,7 @@ module Avo
       attr_accessor :link_to_resource
       attr_accessor :is_avatar
       attr_accessor :is_image
+      attr_accessor :direct_upload
 
       def initialize(id, **args, &block)
         super(id, **args, &block)
@@ -11,6 +12,7 @@ module Avo
         @link_to_resource = args[:link_to_resource].present? ? args[:link_to_resource] : false
         @is_avatar = args[:is_avatar].present? ? args[:is_avatar] : false
         @is_image = args[:is_image].present? ? args[:is_image] : @is_avatar
+        @direct_upload = args[:direct_upload].present? ? args[:direct_upload] : false
       end
 
       def path

data/lib/avo/fields/files_field.rb

@@ -2,11 +2,13 @@ module Avo
   module Fields
     class FilesField < BaseField
       attr_accessor :is_image
+      attr_accessor :direct_upload
 
       def initialize(id, **args, &block)
         super(id, **args, &block)
 
         @is_image = args[:is_image].present? ? args[:is_image] : @is_avatar
+        @direct_upload = args[:direct_upload].present? ? args[:direct_upload] : false
       end
 
       def view_component_name
@@ -21,6 +23,11 @@ module Avo
         return model unless model.methods.include? key.to_sym
 
         value.each do |file|
+          # Skip empty values
+          next unless file.present?
+          # Keep only String values
+          next unless file.class === String
+
           model.send(key).attach file
         end
 

data/lib/avo/version.rb

@@ -1,3 +1,3 @@
 module Avo
-  VERSION = "1.17.1"
+  VERSION = "1.18.0"
 end

data/lib/generators/avo/templates/filters/boolean_filter.tt

@@ -1,7 +1,7 @@
 class <%= class_name.camelize %> < Avo::Filters::BooleanFilter
   self.name = '<%= name.underscore.humanize %>'
 
-  def apply(request, query, value)
+  def apply(request, query, values)
     query
   end
 

data/public/avo-packs/css/{application-2b4685ca.css → application-f9191617.css}

@@ -3220,6 +3220,44 @@ svg.tea #steamR {
   color: rgba(255, 255, 255, var(--tw-text-opacity));
 }
 
+.direct-upload {
+  display: inline-block;
+  position: relative;
+  padding: 2px 4px;
+  margin: 0 3px 3px 0;
+  border: 1px solid rgba(0, 0, 0, 0.3);
+  border-radius: 3px;
+  font-size: 11px;
+  line-height: 13px;
+}
+
+.direct-upload--pending {
+  opacity: 0.6;
+}
+
+.direct-upload__progress {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  opacity: 0.2;
+  background: #0076ff;
+  transition: width 120ms ease-out, opacity 60ms 60ms ease-in;
+  transform: translate3d(0, 0, 0);
+}
+
+.direct-upload--complete .direct-upload__progress {
+  opacity: 0.4;
+}
+
+.direct-upload--error {
+  border-color: red;
+}
+
+input[type=file][data-direct-upload-url][disabled] {
+  display: none;
+}
+
 .spinner {
   width: 16px;
   height: 16px;
@@ -6246,4 +6284,4 @@ html, body{
 }
 
 
-/*# sourceMappingURL=application-2b4685ca.css.map*/
+/*# sourceMappingURL=application-f9191617.css.map*/