avo 1.16.4 → 1.18.0.pre.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0dc9c5f360e32ce261ea8b387c702f298c4685cbdf862b982d781f695765434e
-  data.tar.gz: 4bb3a0785af9be053ff6ddfa6f2703638508fbc53a7dfb08387fb3ed1a660bdd
+  metadata.gz: ca20ddd1db1b6f1d54f2aed3133447353a1bbba60ea7eda4b55487bbcc8f1239
+  data.tar.gz: 9631043fb317c49d93c76080172ebefeb278ca7749b8860eafe64f8fffe2c26f
 SHA512:
-  metadata.gz: 6d1f43489a6aa670654f8aeb6b82fd72dc3755af3c7c82c9547639df0953d65529b9c78d9bdcd5bad4d2a2bbc5735b7b49931254aa07d4234fd2dc2c7b3f2866
-  data.tar.gz: 255249b54508530b1fe80f5a3f7b6ce19d0bd00e7555f49e84529b81b33fccec508d61dfeb763080d8f6bd75ff4d1bfdbebc0692eba3d459c7472956c6cfe82e
+  metadata.gz: 3998c7fb60112685ab0d92754604f29b6a57bee36b235d2a9674a870ab83013f5e411419b8a14c4325b1b96386b807a7474561344cb0877c4045825af929d86a
+  data.tar.gz: 29e905bc525f5593910920eb574dc79e16d68fca01ff88ebe315fb6fe17b532e6c4cbafa7cd2ca20305e0db5e8d33b9349cd176f3d687bf828bc3285822ad0aa

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    avo (1.16.4)
+    avo (1.18.0.pre.2)
       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,15 +202,17 @@ 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)
     nokogiri (1.12.5)
       mini_portile2 (~> 2.6.1)
       racc (~> 1.4)
+    nokogiri (1.12.5-x86_64-linux)
+      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 +222,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 +250,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 +259,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 +381,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 +441,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/controllers/avo/actions_controller.rb

@@ -19,7 +19,9 @@ module Avo
       end
 
       args = {
-        fields: fields
+        fields: fields,
+        current_user: _current_user,
+        resource: resource,
       }
 
       args[:models] = models unless @action.standalone

data/app/controllers/avo/attachments_controller.rb

@@ -21,8 +21,7 @@ module Avo
     end
 
     def destroy
-      blob = ActiveStorage::Blob.find(params[:signed_attachment_id])
-      attachment = blob.attachments.find_by record_id: params[:id], record_type: @model.class.to_s
+      attachment = ActiveStorage::Attachment.find(params[:signed_attachment_id])
 
       if attachment.present?
         attachment.destroy

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/js/controllers/filter_controller.js

@@ -21,6 +21,23 @@ export default class extends Controller {
     return param
   }
 
+  b64EncodeUnicode(str) {
+    // first we use encodeURIComponent to get percent-encoded UTF-8,
+    // then we convert the percent encodings into raw bytes which
+    // can be fed into btoa.
+    return btoa(encodeURIComponent(str).replace(/%([0-9A-F]{2})/g,
+      function toSolidBytes(match, p1) {
+        return String.fromCharCode('0x' + p1);
+      }));
+  }
+
+  b64DecodeUnicode(str) {
+    // Going backwards: from bytestream, to percent-encoding, to original string.
+    return decodeURIComponent(atob(str).split('').map(function(c) {
+      return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
+    }).join(''));
+  }
+
   changeFilter() {
     const value = this.getFilterValue()
     const filterClass = this.getFilterClass()
@@ -28,7 +45,7 @@ export default class extends Controller {
     let filters = this.uriParams()[this.uriParam('filters')]
 
     if (filters) {
-      filters = JSON.parse(atob(filters))
+      filters = JSON.parse(this.b64DecodeUnicode(filters))
     } else {
       filters = {}
     }
@@ -46,7 +63,7 @@ export default class extends Controller {
     let encodedFilters
 
     if (filtered && Object.keys(filtered).length > 0) {
-      encodedFilters = btoa(JSON.stringify(filtered))
+      encodedFilters = this.b64EncodeUnicode(JSON.stringify(filtered))
     }
 
     const url = new URI(this.urlRedirectTarget.href)

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/base_action.rb

@@ -70,7 +70,7 @@ module Avo
     end
 
     def handle_action(**args)
-      models, fields = args.values_at(:models, :fields)
+      models, fields, current_user, resource = args.values_at(:models, :fields, :current_user, :resource)
       avo_fields = get_fields.map { |field| [field.id, field] }.to_h
 
       if fields.present?
@@ -84,7 +84,9 @@ module Avo
       end
 
       args = {
-        fields: processed_fields
+        fields: processed_fields,
+        current_user: current_user,
+        resource: resource,
       }
 
       args[:models] = models unless standalone

data/lib/avo/engine.rb

@@ -2,7 +2,6 @@
 Gem.loaded_specs["avo"].dependencies.each do |d|
   require d.name
 end
-require "view_component/engine"
 
 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.16.4"
+  VERSION = "1.18.0.pre.2"
 end

data/lib/generators/avo/templates/action.tt

@@ -1,7 +1,9 @@
 class <%= class_name.camelize %> < Avo::BaseAction
   self.name = '<%= name.underscore.humanize %>'
 
-  def handle(models:, fields:)
+  def handle(**args)
+    models, fields, current_user, resource = args.values_at(:models, :fields, :current_user, :resource)
+
     models.each do |model|
       # Do something with your models.
     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*/