spree_backend 4.3.0 → 4.5.0

data/app/helpers/spree/admin/navigation_helper.rb

@@ -3,7 +3,7 @@ module Spree
     module NavigationHelper
       # Makes an admin navigation tab (<li> tag) that links to a routing resource under /admin.
       # The arguments should be a list of symbolized controller names that will cause this tab to
-      # be highlighted, with the first being the name of the resouce to link (uses URL helpers).
+      # be highlighted, with the first being the name of the resource to link (uses URL helpers).
       #
       # Option hash may follow. Valid options are
       #   * :label to override link text, otherwise based on the first resource name (translated)
@@ -16,42 +16,52 @@ module Spree
       #   # Link to /admin/orders, also highlight tab for ProductsController and ShipmentsController
       #   tab :orders, :products, :shipments
 
-      ICON_SIZE = 16
+      ICON_SIZE = 14
+      MENU_ICON_SIZE = 18
 
       def tab(*args)
         options = { label: args.first.to_s }
 
         # Return if resource is found and user is not allowed to :admin
-        return '' if (klass = klass_for(options[:label])) && cannot?(:admin, klass)
+        return '' if (klass = klass_for(args.first.to_s)) && cannot?(:admin, klass)
 
         options = options.merge(args.pop) if args.last.is_a?(Hash)
         options[:route] ||= "admin_#{args.first}"
 
         destination_url = options[:url] || spree.send("#{options[:route]}_path")
-        titleized_label = Spree.t(options[:label], default: options[:label], scope: [:admin, :tab]).titleize
+
+        if options[:do_not_titleize] == true
+          titleized_label = options[:label]
+        else
+          titleized_label = Spree.t(options[:label], default: options[:label], scope: [:admin, :tab]).titleize
+        end
 
         css_classes = ['sidebar-menu-item d-block w-100 position-relative']
 
-        selected = if options[:match_path].is_a? Regexp
-                     request.fullpath =~ options[:match_path]
-                   elsif options[:match_path]
-                     request.fullpath.starts_with?("#{spree.admin_path}#{options[:match_path]}")
-                   else
-                     args.include?(controller.controller_name.to_sym)
-                   end
+        if (selected = options[:selected]).nil?
+          selected = if options[:match_path].is_a? Regexp
+                       request.fullpath =~ options[:match_path]
+                     elsif options[:match_path]
+                       request.fullpath.starts_with?("#{spree.admin_path}#{options[:match_path]}")
+                     else
+                       args.include?(controller.controller_name.to_sym)
+                     end
+        end
 
         link = if options[:icon]
                  link_to_with_icon(
                    options[:icon],
                    titleized_label,
                    destination_url,
-                   class: 'w-100 p-3 d-flex align-items-center'
+                   class: 'w-100 px-3 py-2 d-flex align-items-center text-muted',
+                   width: MENU_ICON_SIZE,
+                   height: MENU_ICON_SIZE
                  )
                else
                  link_to(
                    titleized_label,
                    destination_url,
-                   class: "sidebar-submenu-item w-100 py-2 py-md-1 pl-3 d-block #{'text-success' if selected}"
+                   class: "sidebar-submenu-item w-100 py-2 py-md-1 pl-5 d-block #{selected ? 'font-weight-bold' : 'text-muted'}"
                  )
                end
 
@@ -63,22 +73,22 @@ module Spree
 
       # Single main menu item
       def main_menu_item(text, url: nil, icon: nil)
-        link_to url, 'data-toggle': 'collapse', class: 'd-flex w-100 p-3 position-relative align-items-center' do
+        link_to url, 'data-toggle': 'collapse', class: 'd-flex w-100 px-3 py-2 position-relative align-items-center' do
           if icon.ends_with?('.svg')
-            svg_icon(name: icon, classes: 'mr-2', width: ICON_SIZE, height: ICON_SIZE) +
-              content_tag(:span, " #{text}", class: 'text') +
-              svg_icon(name: 'chevron-left.svg', classes: 'drop-menu-indicator position-absolute', width: (ICON_SIZE - 4), height: (ICON_SIZE - 4))
+            svg_icon(name: icon, classes: 'mr-2 text-muted', width: MENU_ICON_SIZE, height: MENU_ICON_SIZE) +
+              content_tag(:span, raw(" #{text}"), class: 'text-muted') +
+              svg_icon(name: 'chevron-right.svg', classes: 'drop-menu-indicator text-muted position-absolute', width: (MENU_ICON_SIZE - 8), height: (MENU_ICON_SIZE - 8))
           else
-            content_tag(:span, nil, class: "icon icon-#{icon} mr-2") +
-              content_tag(:span, " #{text}", class: 'text') +
-              svg_icon(name: 'chevron-left.svg', classes: 'drop-menu-indicator position-absolute', width: (ICON_SIZE - 4), height: (ICON_SIZE - 4))
+            content_tag(:span, nil, class: "icon text-muted icon-#{icon} mr-2") +
+              content_tag(:span, raw(" #{text}"), class: 'text-muted') +
+              svg_icon(name: 'chevron-right.svg', classes: 'drop-menu-indicator text-muted position-absolute', width: (MENU_ICON_SIZE - 8), height: (MENU_ICON_SIZE - 8))
           end
         end
       end
 
       # Main menu tree menu
       def main_menu_tree(text, icon: nil, sub_menu: nil, url: '#')
-        content_tag :li, class: 'sidebar-menu-item d-block w-100' do
+        content_tag :li, class: 'sidebar-menu-item d-block w-100 text-muted' do
           main_menu_item(text, url: url, icon: icon) +
             render(partial: "spree/admin/shared/sub_menu/#{sub_menu}")
         end
@@ -88,13 +98,13 @@ module Spree
       # this method generates the select_tag
       def per_page_dropdown
         # there is a config setting for admin_products_per_page, only for the orders page
-        if @products && per_page_default = Spree::Config.admin_products_per_page
+        if @products && per_page_default = Spree::Backend::Config.admin_products_per_page
           per_page_options = []
           5.times do |amount|
-            per_page_options << (amount + 1) * Spree::Config.admin_products_per_page
+            per_page_options << (amount + 1) * Spree::Backend::Config.admin_products_per_page
           end
         else
-          per_page_default = Spree::Config.admin_orders_per_page
+          per_page_default = Spree::Backend::Config.admin_orders_per_page
           per_page_options = %w{25 50 75}
         end
 
@@ -102,7 +112,7 @@ module Spree
 
         select_tag(:per_page,
                    options_for_select(per_page_options, selected_option),
-                   class: "w-auto form-control js-per-page-select per-page-selected-#{selected_option} custom-select")
+                   class: "w-auto form-control js-per-page-select per-page-selected-#{selected_option} custom-select custom-select-sm")
       end
 
       # helper method to create proper url to apply per page ing
@@ -130,7 +140,7 @@ module Spree
 
       def link_to_clone(resource, options = {})
         options[:data] = { action: 'clone', 'original-title': Spree.t(:clone) }
-        options[:class] = 'btn btn-warning btn-sm with-tip'
+        options[:class] = 'btn btn-light btn-sm with-tip icon-link'
         options[:method] = :post
         options[:icon] = 'clone.svg'
         button_link_to '', clone_object_url(resource), options
@@ -138,7 +148,7 @@ module Spree
 
       def link_to_clone_promotion(promotion, options = {})
         options[:data] = { action: 'clone', 'original-title': Spree.t(:clone) }
-        options[:class] = 'btn btn-warning btn-sm with-tip'
+        options[:class] = 'btn btn-light btn-sm with-tip'
         options[:method] = :post
         options[:icon] = 'clone.svg'
         button_link_to '', clone_admin_promotion_path(promotion), options
@@ -147,13 +157,13 @@ module Spree
       def link_to_edit(resource, options = {})
         url = options[:url] || edit_object_url(resource)
         options[:data] = { action: 'edit' }
-        options[:class] = 'btn btn-primary btn-sm'
+        options[:class] = 'btn btn-light btn-sm'
         link_to_with_icon('edit.svg', Spree.t(:edit), url, options)
       end
 
       def link_to_edit_url(url, options = {})
         options[:data] = { action: 'edit' }
-        options[:class] = 'btn btn-primary btn-sm'
+        options[:class] = 'btn btn-light btn-sm'
         link_to_with_icon('edit.svg', Spree.t(:edit), url, options)
       end
 
@@ -168,11 +178,13 @@ module Spree
       def link_to_with_icon(icon_name, text, url, options = {})
         options[:class] = (options[:class].to_s + " icon-link with-tip action-#{icon_name}").strip
         options[:title] = text if options[:no_text]
-        text = options[:no_text] ? '' : content_tag(:span, text, class: 'text')
+        text = options[:no_text] ? '' : content_tag(:span, text)
         options.delete(:no_text)
+        options[:width] ||= ICON_SIZE
+        options[:height] ||= ICON_SIZE
         if icon_name
           icon = if icon_name.ends_with?('.svg')
-                   svg_icon(name: icon_name, classes: "#{'mr-2' unless text.empty?} icon icon-#{icon_name}", width: ICON_SIZE, height: ICON_SIZE)
+                   svg_icon(name: icon_name, classes: "#{'mr-2' unless text.empty?} icon icon-#{icon_name}", width: options[:width], height: options[:height])
                  else
                    content_tag(:span, '', class: "#{'mr-2' unless text.empty?} icon icon-#{icon_name}")
                  end
@@ -183,7 +195,7 @@ module Spree
 
       def spree_icon(icon_name)
         if icon_name.ends_with?('.svg')
-          icon_name ? svg_icon(name: icon_name, classes: icon_name, width: ICON_SIZE, height: ICON_SIZE) : ''
+          icon_name ? svg_icon(name: icon_name, classes: icon_name, width: MENU_ICON_SIZE, height: MENU_ICON_SIZE) : ''
         else
           icon_name ? content_tag(:span, '', class: icon_name) : ''
         end
@@ -199,11 +211,13 @@ module Spree
                  end
           text = "#{icon} #{text}"
         end
+
+        css_classes = options[:class] || 'btn-primary'
         button_tag(
           text.html_safe,
           options.merge(
             type: button_type,
-            class: "btn btn-primary #{options[:class]}",
+            class: "btn #{css_classes}",
             'data-disable-with' => "#{Spree.t(:saving)}..."
           )
         )
@@ -213,6 +227,9 @@ module Spree
         if html_options[:method] &&
             !html_options[:method].to_s.casecmp('get').zero? &&
             !html_options[:remote]
+
+          html_options[:class] = html_options[:class] ? "btn #{html_options[:class]}" : 'btn btn-primary'
+
           form_tag(url, method: html_options.delete(:method)) do
             button(text, html_options.delete(:icon), nil, html_options)
           end
@@ -224,7 +241,7 @@ module Spree
 
           html_options.delete('data-update') unless html_options['data-update']
 
-          html_options[:class] = html_options[:class] ? "btn #{html_options[:class]}" : 'btn btn-outline-secondary'
+          html_options[:class] = html_options[:class] ? "btn #{html_options[:class]}" : 'btn btn-light'
 
           if html_options[:icon]
             icon = if html_options[:icon].ends_with?('.svg')
@@ -240,14 +257,14 @@ module Spree
       end
 
       def configurations_sidebar_menu_item(link_text, url, options = {})
-        is_selected = url.ends_with?(controller.controller_name) ||
+        options[:is_selected] ||= url.ends_with?(controller.controller_name) ||
           url.ends_with?("#{controller.controller_name}/edit") ||
           url.ends_with?("#{controller.controller_name.singularize}/edit")
 
         options[:class] = 'sidebar-menu-item d-block w-100'
-        options[:class] << ' selected' if is_selected
+        options[:class] << ' selected font-weight-bold' if options[:is_selected]
         content_tag(:li, options) do
-          link_to(link_text, url, class: "#{'text-success' if is_selected} sidebar-submenu-item w-100 py-2 py-md-1 pl-3 d-block")
+          link_to(link_text, url, class: "#{'text-muted' unless options[:is_selected]} sidebar-submenu-item w-100 py-2 py-md-1 pl-5 d-block")
         end
       end
 
@@ -256,12 +273,15 @@ module Spree
         label ||= condition ? Spree.t(:say_yes) : Spree.t(:say_no)
         css_class = condition ? 'badge-active' : 'badge-inactive'
 
-        content_tag(:strong, class: "badge #{css_class} text-uppercase") do
+        content_tag(:small, class: "badge badge-pill #{css_class}") do
           label
         end
       end
 
       def main_part_classes
+        ActiveSupport::Deprecation.warn(<<-DEPRECATION, caller)
+          Admin::NavigationHelper#main_part_classes is deprecated and will be removed in Spree 5.0.
+        DEPRECATION
         if cookies['sidebar-minimized'] == 'true'
           'col-12 sidebar-collapsed'
         else
@@ -271,7 +291,7 @@ module Spree
 
       def main_sidebar_classes
         ActiveSupport::Deprecation.warn(<<-DEPRECATION, caller)
-          Admin::NavigationsHelper#main_sidebar_classes is deprecated and will be removed in Spree 5.0.
+          Admin::NavigationHelper#main_sidebar_classes is deprecated and will be removed in Spree 5.0.
         DEPRECATION
         if cookies['sidebar-minimized'] == 'true'
           'col-3 col-md-2 sidebar'
@@ -282,10 +302,16 @@ module Spree
 
       def wrapper_classes
         ActiveSupport::Deprecation.warn(<<-DEPRECATION, caller)
-          Admin::NavigationsHelper#wrapper_classes is deprecated and will be removed in Spree 5.0.
+          Admin::NavigationHelper#wrapper_classes is deprecated and will be removed in Spree 5.0.
         DEPRECATION
         'sidebar-minimized' if cookies['sidebar-minimized'] == 'true'
       end
+
+      def page_header_back_button(url)
+        link_to url, class: 'btn btn-outline-info mr-3 pr-1' do
+          svg_icon name: 'chevron-left.svg', width: 15, height: 15
+        end
+      end
     end
   end
 end

data/app/helpers/spree/admin/orders_helper.rb

@@ -13,7 +13,8 @@ module Spree
             [event.to_sym, :admin, order],
             method: :put,
             icon: event.to_s + '.svg',
-            data: { confirm: Spree.t(:order_sure_want_to, event: label) }
+            data: { confirm: Spree.t(:order_sure_want_to, event: label) },
+            class: 'btn-light'
           )
         end
         safe_join(links, ''.html_safe)

data/app/helpers/spree/admin/payments_helper.rb

@@ -4,7 +4,11 @@ module Spree
       def payment_method_name(payment)
         payment_method = payment.payment_method
 
-        link_to payment_method.name, spree.edit_admin_payment_method_path(payment_method)
+        if can?(:update, payment_method)
+          link_to payment_method.name, spree.edit_admin_payment_method_path(payment_method)
+        else
+          payment_method.name
+        end
       end
     end
   end

data/app/helpers/spree/admin/products_helper.rb

@@ -0,0 +1,17 @@
+module Spree
+  module Admin
+    module ProductsHelper
+      # will return a human readable string
+      def available_status(product)
+        return Spree.t('admin.product.archived') if product.status == 'archived'
+        return Spree.t('admin.product.deleted') if product.deleted?
+
+        if product.available?
+          Spree.t('admin.product.active')
+        else
+          Spree.t('admin.product.draft')
+        end
+      end
+    end
+  end
+end

data/app/helpers/spree/admin/sortable_tree_helper.rb

@@ -0,0 +1,31 @@
+module Spree
+  module Admin
+    module SortableTreeHelper
+      def sortable_tree_bar(parent_resource, child_resource)
+        partial_name = parent_resource.class.name.demodulize.underscore
+        render "spree/admin/shared/sortable_tree/#{partial_name}", parent_resource: parent_resource, child_resource: child_resource
+      end
+
+      def build_sortable_tree(parent_resource, child_resource)
+        child_resource_name = child_resource.class.name.demodulize.underscore
+        descendants = []
+
+        unless child_resource.leaf?
+          child_resource.children.each do |child_item|
+            descendants << build_sortable_tree(parent_resource, child_item) unless child_resource.leaf?
+          end
+        end
+
+        row = sortable_tree_bar(parent_resource, child_resource)
+        container = content_tag(:div, raw(descendants.join), data: { sortable_tree_parent_id_value: child_resource.id })
+
+        content_tag(:div, row + container,
+                    class: 'sortable-tree-item draggable removable-dom-element',
+                    data: {
+                      sortable_tree_resource_name_value: child_resource_name.singularize,
+                      sortable_tree_update_url_value: "/api/v2/platform/#{child_resource_name.pluralize}/#{child_resource.id}/reposition"
+                    })
+      end
+    end
+  end
+end

data/app/helpers/spree/admin/stores_helper.rb

@@ -22,8 +22,8 @@ module Spree
           icon = svg_icon name: 'circle.svg', width: '18', height: '18'
         end
 
-        link_to icon + store.unique_name, url_for(host: store.formatted_url),
-                class: "#{classes} text-dark p-3 dropdown-item", id: store.code
+        link_to icon + store.unique_name, spree.admin_url(host: store.formatted_url),
+                class: "#{classes} py-3 px-4 dropdown-item rounded", id: store.code, data: { turbo: false }
       end
     end
   end

data/app/helpers/spree/admin/webhooks_subscribers_helper.rb

@@ -0,0 +1,31 @@
+module Spree
+  module Admin
+    module WebhooksSubscribersHelper
+      def event_checkbox_for(resource_name, form)
+        content_tag :div, class: 'col-xs-12 col-sm-6 col-md-4 col-lg-4 form-group' do
+          content_tag :div, class: 'custom-control custom-switch' do
+            (form.check_box resource_name, event_checkbox_opts(resource_name), true, nil) + ' ' +
+              form.label(resource_name, Spree.t("admin.webhooks_subscribers.#{resource_name.to_s.pluralize}"), class: 'custom-control-label')
+          end
+        end
+      end
+
+      def subscribe_to_all_events?
+        @webhooks_subscriber.new_record? || @webhooks_subscriber.subscriptions == ['*']
+      end
+
+      private
+
+      def event_checkbox_opts(resource_name)
+        {
+          class: 'events-checkbox custom-control-input',
+          checked: subscribed_to_resource?(resource_name)
+        }
+      end
+
+      def subscribed_to_resource?(resource_name)
+        @webhooks_subscriber.subscriptions&.any? { |event| event.include? "#{resource_name}." }
+      end
+    end
+  end
+end

data/app/javascript/spree/dashboard/controllers/clipboard_controller.js

@@ -0,0 +1,12 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = [ "source" ]
+
+  copy(event) {
+    console.log(event)
+    event.preventDefault()
+    this.sourceTarget.select()
+    document.execCommand("copy")
+  }
+}

data/app/javascript/spree/dashboard/controllers/password_toggle_controller.js

@@ -0,0 +1,14 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["unhide"]
+
+  password(e) {
+    if (this.unhideTarget.type === "password") {
+      this.unhideTarget.type = "text"
+    } else {
+      this.unhideTarget.type = "password"
+    }
+  }
+}
+

data/app/javascript/spree/dashboard/controllers/product_edit_controller.js

@@ -0,0 +1,38 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["availableOn", "makeActiveAt", "discontinueOn", "status"]
+
+  initialize() {
+    $(this.statusTarget).on("select2:select", function (e) {
+      let event = new Event("change")
+      e.target.dispatchEvent(event)
+    })
+  }
+
+  connect() {
+    this.statusTarget.dispatchEvent(new Event("change"))
+  }
+
+  switchAvailabilityDatesFields(event) {
+    let status = event.target.value
+    if (status === "draft") {
+      this.show(this.availableOnTarget)
+      this.show(this.makeActiveAtTarget)
+    } else if (status === "active") {
+      this.show(this.availableOnTarget)
+      this.hide(this.makeActiveAtTarget)
+    } else {
+      this.hide(this.availableOnTarget)
+      this.hide(this.makeActiveAtTarget)
+    }
+  }
+
+  show(element) {
+    element.style.display = "block"
+  }
+
+  hide(element) {
+    element.style.display = "none"
+  }
+}

data/app/javascript/spree/dashboard/controllers/sortable_tree_controller.js

@@ -0,0 +1,55 @@
+import { Controller } from "@hotwired/stimulus"
+import { Sortable } from "sortablejs"
+import { patch } from "../utilities/request_utility"
+
+export default class extends Controller {
+  static values = { handle: String }
+
+  connect() {
+    const itemSortable = {
+      ...this.options
+    }
+
+    let containers = null
+    containers = this.element.querySelectorAll("[data-sortable-tree-parent-id-value]")
+
+    for (let i = 0; i < containers.length; i++) {
+      new Sortable(containers[i], itemSortable)
+    }
+  }
+
+  async end({ item, newIndex, to }) {
+    if (!item.dataset.sortableTreeUpdateUrlValue) return
+
+    const data = {
+      [item.dataset.sortableTreeResourceNameValue]: {
+        new_parent_id: to.dataset.sortableTreeParentIdValue,
+        new_position_idx: newIndex
+      }
+    }
+
+    const response = await patch(item.dataset.sortableTreeUpdateUrlValue, { body: data })
+
+    if (!response.ok) {
+      show_flash("error", "This move could not be saved.")
+    }
+  }
+
+  get options() {
+    return {
+      group: {
+        name: "sortable-tree",
+        pull: true,
+        put: true
+      },
+      handle: this.handleValue || undefined,
+      swapThreshold: 0.5,
+      emptyInsertThreshold: 8,
+      dragClass: "item-dragged",
+      draggable: ".draggable",
+      animation: 350,
+      forceFallback: false,
+      onEnd: this.end
+    }
+  }
+}

data/app/javascript/spree/dashboard/controllers/spree_controller.js

@@ -0,0 +1,25 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  connect() {
+
+    // This is a hack to allow legacy JavaScript to run in a Turbo enabled environment.
+    // Once all JavaScript is reduced to Stimulus controllers, this can be removed.
+    const event = new Event("spree:load")
+    document.dispatchEvent(event)
+
+    // The Issue
+    // If you initiate common JavaScript with an event listener of "turbo:load"
+    // This will work, but if someone submits an update to a field that is required,
+    // a 442 Unprocessable entity is returned, and a render event is used render the errors in place.
+
+    // Because this in not a successful "turbo:load" event, all common JavaScript will fail.
+    // You could set up a separate listener for "turbo:render", but this can cause duplicate loading.
+    // Using a Stimulus connect() is the correct way to go, but should be phased out as JavaScript is replaced
+    // With Hotwire Frames and dedicated Stimulus controllers for the JavaScript you have remaining.
+
+    // References:
+    // https://github.com/hotwired/turbo-rails/issues/12#issuecomment-915893233
+    // https://github.com/hotwired/turbo/issues/85#issuecomment-756259687
+  }
+}

data/app/javascript/spree/dashboard/controllers/upload_button_controller.js

@@ -0,0 +1,13 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = [ "uploadButton"]
+
+  initialize() {
+    this.uploadButtonTarget.disabled = true
+  }
+
+  buttonState() {
+    this.uploadButtonTarget.disabled = false
+  }
+}

data/app/javascript/spree/dashboard/controllers/webhooks_subscriber_events_controller.js

@@ -0,0 +1,19 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = [ "eventsCheckboxesContainer", "subscribeToAll" ]
+
+  hideCheckboxes() {
+    this.eventsCheckboxesContainerTarget.hidden = true
+  }
+
+  showCheckboxes() {
+    this.eventsCheckboxesContainerTarget.hidden = false
+  }
+
+  initialize() {
+    if (this.subscribeToAllTarget.checked) {
+      this.hideCheckboxes()
+    }
+  }
+}

data/app/javascript/spree/dashboard/index.js

@@ -0,0 +1,54 @@
+//
+// Initialize Dashboard
+class Dashboard {
+  constructor() {
+    console.log("Spree Dashboard Initialized")
+  }
+}
+
+if (!window.Turbo) {
+  console.warn("Please import '@hotwired/turbo-rails' before '@spree/dashboard' to use Rails Turbo within the Spree Dashboard environment.")
+}
+
+//
+// Import JavaScript packages that are required globally.
+import { Application } from "@hotwired/stimulus"
+import flatpickr from "flatpickr"
+
+//
+// Import Utility JavaScript required globally.
+import "./utilities/bootstrap"
+
+//
+// Stimulus - Setup
+const application = Application.start()
+application.debug = false
+window.Stimulus = application
+
+// Stimulus - Spree Controllers
+import UploadButtonController from "./controllers/upload_button_controller"
+application.register("upload-button", UploadButtonController)
+
+import SpreeController from "./controllers/spree_controller"
+application.register("spree", SpreeController)
+
+import SortableTreeController from "./controllers/sortable_tree_controller"
+application.register("sortable-tree", SortableTreeController)
+
+import WebhooksSubscriberEventsController from "./controllers/webhooks_subscriber_events_controller"
+application.register("webhooks_subscriber_events", WebhooksSubscriberEventsController)
+
+import PasswordToggleController from "./controllers/password_toggle_controller"
+application.register("password-toggle", PasswordToggleController)
+
+import ClipboardController from "./controllers/clipboard_controller"
+application.register("clipboard", ClipboardController)
+
+import ProductEditController from "./controllers/product_edit_controller"
+application.register("product-edit", ProductEditController)
+
+import * as RequestUtility from "./utilities/request_utility"
+
+//
+// Export
+export { Dashboard, application, flatpickr, RequestUtility }

data/app/javascript/spree/dashboard/utilities/bootstrap.js

@@ -0,0 +1,17 @@
+import jquery from 'jquery'
+import 'bootstrap'
+import 'popper.js'
+
+const $ = jquery
+
+document.addEventListener("spree:load", function() {
+  $('.with-tip').each(function() {
+    $(this).tooltip({ container: 'body' })
+  })
+
+  $('.with-tip').on('show.bs.tooltip', function(event) {
+    if (('ontouchstart' in window)) {
+      event.preventDefault()
+    }
+  })
+})