spree_storefront 5.0.3 → 5.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7a3165bdc79f4acc7b7ac36a86572a2f6d114fdacc1b125af2b0e86d21983d92
-  data.tar.gz: 852b2926ade744ce9b0c41f0d5f04d68b10c3d5408100b3531dea0966b663fee
+  metadata.gz: 2558511bde3c23461f7d59985b314ea15d992912d29ba2566ce9d057b6a8cff2
+  data.tar.gz: 99bff2e39e457da5b2bec3fab6ab64b5953128bae0b2a42945c19e16d2b682f3
 SHA512:
-  metadata.gz: 2727b7cca478cbe94b87e22cca326b11259138f2e36069487d546bb865cc4ca6952b05e94595350e31907916acb2c1d6f1a22ba45e3dbf382cf3c3af5c000aad
-  data.tar.gz: 5bfc483ae97000fe62611cb3cd7fd39eca7c28104e8a193016a5e21dcf35ec2ee526c8fd1311cd2a4de42dfa95cafec65a5d791ceec662d586b92774d35daa48
+  metadata.gz: 709743a94e95bed8ef6a542231843103f60bf7699c610da106d96cd73178fe8a354eeeed5960d71349319ab77ee2915e11e97ec6efd12642f0af3d5af96175a5
+  data.tar.gz: bf929b7256f749ce99590d6f293326f157e2489700411d25e513a9ec0c4359d1352519fb1e1dea0cedfb6881771085e634af4b25b8f012ee4dbee474bd2e81f5

data/app/assets/stylesheets/storefront_page_builder.css

@@ -1,22 +1,18 @@
 .editor-overlay {
   z-index: 1089;
   width: 100%;
+  container-type: inline-size;
+  container-name: editor-overlay;
 }
 
 .editor-overlay-toolbar {
   position: absolute;
-  top: -26px;
-  left: -1px;
+  min-width: max-content;
   background-color: #0081f1;
   color: #fff;
-  padding: 4px 8px;
   font-size: 12px;
   font-weight: bold;
-  border-radius: 4px 4px 0 0;
-  cursor: pointer;
   display: none;
-}
-.editor-overlay-toolbar {
   right: 2px;
   top: 2px;
   left: auto;
@@ -25,6 +21,15 @@
   padding: 2px 2px;
   border-radius: 4px;
 }
+
+/* If the editor overlay is really small, move the toolbar to the bottom so it doesn't cover the content */
+@container editor-overlay (max-width: 200px) {
+  .editor-overlay-toolbar {
+    top: 100%;
+    right: 0px;
+  }
+}
+
 .editor-overlay-toolbar button {
   padding: 8px;
   border-radius: 4px;

data/app/controllers/spree/account/wished_items_controller.rb

@@ -1,8 +1,6 @@
 module Spree
   module Account
     class WishedItemsController < BaseController
-      skip_before_action :verify_authenticity_token
-
       # POST /account/wished_items
       def create
         variant = current_store.variants.find(wished_item_params[:variant_id])

data/app/helpers/spree/fonts_helper.rb

@@ -38,8 +38,10 @@ module Spree
 
       return if fonts.blank?
 
+      font_weights = (200..700).step(100).to_a
+
       imports = fonts.map do |font|
-        "family=#{font.split(' ').join('+')}:wght@200..700"
+        "family=#{font.split.join('+')}:wght@#{font_weights.join(';')}"
       end.compact.join('&')
 
       return if imports.blank?

data/app/javascript/spree/storefront/controllers/quantity_picker_controller.js

@@ -3,41 +3,48 @@ import { Controller } from "@hotwired/stimulus"
 export default class extends Controller {
   static targets = [ 'quantity', 'increase', 'decrease' ]
 
+  static values = {
+    min: { type: Number, default: 1 },
+    max: { type: Number, default: 9999 }
+  }
+
+  static classes = ['disabled']
+
   connect() {
-    if (this.quantity <= 1) this.disableButton(this.decreaseTarget)
+    if (this.quantity <= this.minValue) this.disableButton(this.decreaseTarget)
   }
 
   get quantity() {
-    return parseInt(this.quantityTarget.value) || 1
+    return parseInt(this.quantityTarget.value) || this.minValue
   }
 
   get maxQuantity() {
-    return parseInt(this.quantityTarget.max) || 9999
+    return parseInt(this.quantityTarget.max) || this.maxValue
   }
 
   set quantity(value) {
-    this.quantityTarget.value = parseInt(value) || 1
+    this.quantityTarget.value = parseInt(value) || this.minValue
   }
 
   increase() {
     if (this.quantity < this.maxQuantity) this.quantity = this.quantity + 1
-    if (this.quantity > 1) this.enableButton(this.decreaseTarget)
+    if (this.quantity > this.minValue) this.enableButton(this.decreaseTarget)
     if (this.quantity == this.maxQuantity && this.increaseTarget.type != 'submit') this.disableButton(this.increaseTarget)
   }
 
   decrease() {
-    if (this.quantity > 1) this.quantity = this.quantity - 1
-    if (this.quantity == 1 && this.decreaseTarget.type != 'submit') this.disableButton(this.decreaseTarget)
+    if (this.quantity > this.minValue) this.quantity = this.quantity - 1
+    if (this.quantity == this.minValue && this.decreaseTarget.type != 'submit') this.disableButton(this.decreaseTarget)
     if (this.quantity < this.maxQuantity) this.enableButton(this.increaseTarget)
   }
 
   disableButton(button) {
     button.setAttribute('disabled', 'disabled')
-    button.classList.add('opacity-50', 'cursor-not-allowed')
+    button.classList.add(...this.disabledClasses)
   }
 
   enableButton(button) {
     button.removeAttribute('disabled')
-    button.classList.remove('opacity-50', 'cursor-not-allowed')
+    button.classList.remove(...this.disabledClasses)
   }
 }

data/app/javascript/spree/storefront/controllers/wished_item_controller.js

@@ -6,6 +6,8 @@ export default class extends Controller {
   static targets = ['add', 'remove']
   static values = {
     variantId: String,
+    createWishlistPath: String,
+    destroyWishlistPath: String
   }
 
   connect() {
@@ -27,7 +29,7 @@ export default class extends Controller {
 
     const headers = {}
 
-    const response = await post('/account/wishlist/wished_items', { 
+    const response = await post(this.createWishlistPathValue, { 
       body: body,
       headers: headers,
       responseKind: 'turbo-stream'
@@ -45,7 +47,7 @@ export default class extends Controller {
 
     const headers = {}
 
-    const response = await destroy(`/account/wishlist/wished_items/${this.variantIdValue}`, { 
+    const response = await destroy(this.destroyWishlistPathValue, { 
       headers: headers,
       responseKind: 'turbo-stream'
     })

data/app/views/layouts/spree/checkout.html.erb

@@ -8,7 +8,7 @@
     <%= render 'spree/shared/head' %>
     <%= render 'spree/shared/custom_head' %>
   </head>
-  <body id="checkout-page" class="w-full bg-background text-text">
+  <body id="checkout-page" class="theme-<%= current_theme.class.name.demodulize.underscore %> w-full bg-background text-text">
     <%= render_storefront_partials(:body_start_partials) %>
     <%= current_store.storefront_custom_code_body_start&.html_safe %>
 

data/app/views/layouts/spree/storefront.html.erb

@@ -6,7 +6,7 @@
     <%= render 'spree/shared/json_ld' %>
     <%= current_store.storefront_custom_code_head&.html_safe %>
   </head>
-  <body class="bg-background w-full text-text <%= current_page&.slug %>-page <% if current_theme_preview.present? %>inside-page-builder<% end %>">
+  <body class="theme-<%= current_theme.class.name.demodulize.underscore %> bg-background w-full text-text <%= current_page&.slug %>-page <% if current_theme_preview.present? %>inside-page-builder<% end %>">
     <%= render_storefront_partials(:body_start_partials) %>
     <%= current_store.storefront_custom_code_body_start&.html_safe %>
 

data/app/views/themes/default/spree/orders/_line_item_quantity.html.erb

@@ -1,6 +1,6 @@
 <div class="flex items-center">
   <%= form_for line_item, url: spree.line_item_url(line_item, order_token: line_item.order.token), data: { controller: 'turbo-stream-form' } do |item_form| %>
-    <div class="quantity-picker" data-controller="quantity-picker">
+    <div class="quantity-picker" data-controller="quantity-picker" data-quantity-picker-disabled-class="opacity-50 cursor-not-allowed">
       <!-- this is a dummy button to work with turbo frame forms when hitting ENTER -->
       <%= button_tag render('spree/shared/icons/minus'), type: 'submit', class: 'hidden' %>
       <%= quantity_modifier_button_tag render('spree/shared/icons/minus'), type: 'submit', action: 'decrease', class: 'quantity-decrease-button' %>

data/app/views/themes/default/spree/page_sections/_newsletter.html.erb

@@ -38,7 +38,7 @@
           <div <%= block_attributes(block) %> class="flex justify-center w-full">
             <% if block.image.attached? && block.image.variable? %>
               <% image_style = "aspect-ratio: #{spree_asset_aspect_ratio(block.image)}; --desktop-height: #{block.preferred_height}px; --mobile-height: #{block.preferred_mobile_height}px;" %>
-              <%= image_tag spree_image_url(block.image, width: 1000, height: 1000), height: block.preferred_height, width: block.preferred_width, class: "custom-desktop-height custom-mobile-height", style: image_style %>
+              <%= image_tag spree_image_url(block.image, width: 1000, height: 1000), height: block.preferred_height, class: "custom-desktop-height custom-mobile-height", style: image_style %>
             <% end %>
           </div>
       <% end %>

data/app/views/themes/default/spree/page_sections/_product_grid.html.erb

@@ -37,16 +37,23 @@
     </div>
   </div>
 
-  <% if products %>
-    <div style='<%= section_styles(section) %>'>
-      <div class='page-container'>
-        <div class='grid gap-y-8 gap-x-4 grid-cols-2 lg:grid-cols-4 lg:gap-x-6 lg:gap-y-10 mb-7' id='products'>
+  <div style="<%= section_styles(section) %>">
+    <div class="page-container">
+      <% if products.any? %>
+        <div class="grid gap-y-8 gap-x-4 grid-cols-2 lg:grid-cols-4 lg:gap-x-6 lg:gap-y-10 mb-7" id="products">
           <%= render 'spree/shared/products', products: products %>
         </div>
-      </div>
-      <%= render 'spree/products/show_more_button' %>
-    </div>
 
-    <%= render 'spree/products/json_ld_list', products: products unless turbo_frame_request? %>
-  <% end %>
+        <%= render 'spree/products/show_more_button' %>
+        <%= render('spree/products/json_ld_list', products: products) unless turbo_frame_request? %>
+      <% else %>
+        <div class="grid">
+          <div class="text-center py-10">
+            <h2 class="text-xl font-semibold mb-2"><%= Spree.t(:no_products_found) %></h2>
+            <p class="text-sm"><%= Spree.t(:try_removing_filters) %></p>
+          </div>
+        </div>
+      <% end %>
+    </div>
+  </div>
 <% end %>

data/app/views/themes/default/spree/products/_add_to_wishlist.html.erb

@@ -6,6 +6,8 @@
     <div class="wished-item-<%= variant.id %> h-full"
       data-controller="wished-item"
       data-wished-item-variant-id-value="<%= variant.id %>"
+      data-wished-item-create-wishlist-path-value="<%= spree.account_wishlist_wished_items_path %>"
+      data-wished-item-destroy-wishlist-path-value="<%= spree.account_wishlist_wished_item_path(variant.id) %>"
     >
       <%= button_tag type: 'submit',
           class: "#{css_classes} disabled:animate-pulse",

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: spree_storefront
 version: !ruby/object:Gem::Version
-  version: 5.0.3
+  version: 5.0.4
 platform: ruby
 authors:
 - Vendo Connect Inc.
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-05-06 00:00:00.000000000 Z
+date: 2025-05-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: spree_core
@@ -16,14 +16,14 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 5.0.3
+        version: 5.0.4
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 5.0.3
+        version: 5.0.4
 - !ruby/object:Gem::Dependency
   name: active_link_to
   requirement: !ruby/object:Gem::Requirement
@@ -542,9 +542,9 @@ licenses:
 - AGPL-3.0-or-later
 metadata:
   bug_tracker_uri: https://github.com/spree/spree/issues
-  changelog_uri: https://github.com/spree/spree/releases/tag/v5.0.3
+  changelog_uri: https://github.com/spree/spree/releases/tag/v5.0.4
   documentation_uri: https://docs.spreecommerce.org/
-  source_code_uri: https://github.com/spree/spree/tree/v5.0.3
+  source_code_uri: https://github.com/spree/spree/tree/v5.0.4
 post_install_message:
 rdoc_options: []
 require_paths: