spree_storefront 5.1.8 → 5.2.0.rc1

data/lib/generators/spree/storefront/install/templates/{application.tailwind.css → application.css}

@@ -1,10 +1,107 @@
-@import url("https://esm.sh/swiper@11.2.2/swiper-bundle.min.css");
-@import url("https://esm.sh/flag-icons@7.3.2/css/flag-icons.min.css");
+@import url('https://esm.sh/swiper@11.2.2/swiper-bundle.min.css');
+@import url('https://esm.sh/flag-icons@7.3.2/css/flag-icons.min.css');
+
+@import 'tailwindcss';
+@plugin "@tailwindcss/typography";
+@plugin "@tailwindcss/forms";
+@plugin "@tailwindcss/aspect-ratio";
+
+/* Link to JS config for content paths */
+@config '../../../config/tailwind.config.js';
+
+/* Tailwind v4 Base Layer - Set default border color */
+@layer base {
+  *, ::after, ::before, ::backdrop, ::file-selector-button {
+    border-color: var(--border-default-color, currentColor);
+  }
+}
+
+/* Tailwind v4 Theme Configuration */
+@theme {
+  /* Custom Colors */
+  --color-primary: var(--primary);
+  --color-accent: var(--accent);
+  --color-neutral: var(--neutral);
+  --color-danger: var(--danger);
+  --color-success: var(--success);
+
+  --color-accent-100: var(--accent-100);
+  --color-neutral-50: var(--neutral-50);
+  --color-neutral-100: var(--neutral-100);
+  --color-neutral-200: var(--neutral-200);
+  --color-neutral-300: var(--neutral-300);
+  --color-neutral-400: var(--neutral-400);
+  --color-neutral-500: var(--neutral-500);
+  --color-neutral-600: var(--neutral-600);
+  --color-neutral-700: var(--neutral-700);
+  --color-neutral-800: var(--neutral-800);
+  --color-neutral-900: var(--neutral-900);
+
+  --color-background: var(--background);
+  --color-section-background: var(--section-background, var(--background));
+  --color-text: var(--text);
+
+  --color-button: rgba(var(--button-rgb), <alpha-value>);
+  --color-button-text: var(--button-text);
+  --color-button-hover: var(--button-hover);
+  --color-button-hover-text: var(--button-hover-text);
+
+  --color-secondary-button: var(--secondary-button);
+  --color-secondary-button-text: var(--secondary-button-text);
+  --color-secondary-button-hover: var(--secondary-button-hover);
+  --color-secondary-button-hover-text: var(--secondary-button-hover-text);
+
+  --color-button-light: var(--button-light);
+  --color-button-light-text: var(--button-light-text);
+  --color-button-light-hover: var(--button-light-hover);
+  --color-button-light-hover-text: var(--button-light-hover-text);
+
+  --color-input: var(--input);
+  --color-input-bg: var(--input-bg);
+  --color-input-text: var(--input-text);
+  --color-input-focus: var(--input-focus);
+  --color-input-focus-bg: var(--input-focus-bg);
+  --color-input-focus-text: var(--input-focus-text);
+
+  /* Letter Spacing */
+  --letter-spacing-widest: 0.07rem;
+
+  /* Animations */
+  --animate-fadeIn: fadeIn 0.5s ease-in-out;
+
+  /* Typography - Prose Colors */
+  --prose-body: var(--text);
+  --prose-headings: var(--text);
+  --prose-bold: var(--text);
+  --prose-links: var(--text);
+  --prose-counters: var(--text);
+  --prose-bullets: var(--text);
+  --prose-lead: var(--text);
+  --prose-hr: var(--border-default-color);
+  --prose-th-borders: var(--border-default-color);
+  --prose-td-borders: var(--border-default-color);
+  --prose-quote-borders: var(--border-default-color);
+  --prose-quotes: var(--text);
+}
+
+/* Define fadeIn keyframes for animation */
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+/* Custom Variants */
 
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-@tailwind forms;
+/* Variant for scrollbar rounded */
+@variant scrollbar {
+  &::-webkit-scrollbar {
+    @slot;
+  }
+}
 
 /*
   This is the storefront CSS
@@ -167,10 +264,6 @@ textarea.text-input {
 }
 .menu-item:focus {
   outline: none;
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-  margin-left: -0.5rem;
-  margin-right: -0.5rem;
   border-radius: var(--button-border-radius);
 }
 
@@ -444,9 +537,6 @@ textarea.text-input {
   background-color: var(--text);
 }
 
-a:hover {
-}
-
 .delivery-list-item:last-child {
   border-radius: 0.375rem !important;
 }
@@ -1122,6 +1212,7 @@ html[aria-busy="true"] .hide-on-load {
   opacity: 1;
   transition: all 0.2s;
   visibility: visible;
+  margin-bottom: 1rem;
 }
 
 .st-accordion button {
@@ -1607,7 +1698,7 @@ html[aria-busy="true"] .hide-on-load {
 }
 
 /* PDP properties */
-.product-property {
+.product-property, .product-metafield {
   ul {
     list-style: disc;
     padding-left: 2rem;

data/lib/generators/spree/storefront/install/templates/tailwind.config.js

@@ -1,5 +1,5 @@
-const defaultTheme = require('tailwindcss/defaultTheme')
-
+// Tailwind CSS v4 - Minimal config for content paths only
+// Theme configuration has been moved to app/assets/tailwind/application.css
 module.exports = {
   content: [
     'public/*.html',
@@ -13,116 +13,5 @@ module.exports = {
     process.env.SPREE_STOREFRONT_PATH + '/app/views/themes/**/*.erb',
     process.env.SPREE_STOREFRONT_PATH + '/app/views/spree/**/*.erb',
     process.env.SPREE_STOREFRONT_PATH + '/app/views/devise/**/*.erb'
-  ],
-  plugins: [
-    require('@tailwindcss/typography'),
-    require('@tailwindcss/forms'),
-    require('@tailwindcss/aspect-ratio')
-  ],
-  variants: {
-    scrollbar: ['rounded']
-  },
-  safelist: [
-    'hidden',
-    'lg:grid',
-    'grid',
-    'text-xs',
-    'text-sm',
-    'text-base',
-    'text-lg',
-    'text-xl',
-    'text-2xl',
-    'text-3xl',
-    'text-4xl',
-    'text-left',
-    'text-right',
-    'text-center',
-    'cursor-wait',
-    'lg:sr-only'
-  ],
-  theme: {
-    extend: {
-      fontFamily: {
-        body: ['var(--font-body)', ...defaultTheme.fontFamily.sans]
-      },
-      screens: {
-        lg: { raw: '(min-width: 1024px) { &:not(.force-mobile-view *) }' }
-      },
-      animation: {
-        fadeIn: 'fadeIn 0.5s ease-in-out'
-      },
-      keyframes: {
-        fadeIn: {
-          '0%': { opacity: 0 },
-          '100%': { opacity: 1 }
-        }
-      },
-      colors: {
-        primary: 'var(--primary)',
-        accent: 'var(--accent)',
-        neutral: 'var(--neutral)',
-        danger: 'var(--danger)',
-        success: 'var(--success)',
-
-        'accent-100': 'var(--accent-100)',
-        'neutral-50': 'var(--neutral-50)',
-        'neutral-100': 'var(--neutral-100)',
-        'neutral-200': 'var(--neutral-200)',
-        'neutral-300': 'var(--neutral-300)',
-        'neutral-400': 'var(--neutral-400)',
-        'neutral-500': 'var(--neutral-500)',
-        'neutral-600': 'var(--neutral-600)',
-        'neutral-700': 'var(--neutral-700)',
-        'neutral-800': 'var(--neutral-800)',
-        'neutral-900': 'var(--neutral-900)',
-
-        background: 'var(--background)',
-        'section-background': 'var(--section-background, var(--background))',
-        text: 'var(--text)',
-
-        button: 'rgba(var(--button-rgb), <alpha-value>)',
-        'button-text': 'var(--button-text)',
-        'button-hover': 'var(--button-hover)',
-        'button-hover-text': 'var(--button-hover-text)',
-
-        'secondary-button': 'var(--secondary-button)',
-        'secondary-button-text': 'var(--secondary-button-text)',
-        'secondary-button-hover': 'var(--secondary-button-hover)',
-        'secondary-button-hover-text': 'var(--secondary-button-hover-text)',
-
-        'button-light': 'var(--button-light)',
-        'button-light-text': 'var(--button-light-text)',
-        'button-light-hover': 'var(--button-light-hover)',
-        'button-light-hover-text': 'var(--button-light-hover-text)',
-
-        input: 'var(--input)',
-        'input-bg': 'var(--input-bg)',
-        'input-text': 'var(--input-text)',
-        'input-focus': 'var(--input-focus)',
-        'input-focus-bg': 'var(--input-focus-bg)',
-        'input-focus-text': 'var(--input-focus-text)'
-      },
-      letterSpacing: {
-        widest: '0.07rem'
-      },
-      typography: {
-        DEFAULT: {
-          css: {
-            '--tw-prose-body': 'var(--text)',
-            '--tw-prose-headings': 'var(--text)',
-            '--tw-prose-bold': 'var(--text)',
-            '--tw-prose-links': 'var(--text)',
-            '--tw-prose-counters': 'var(--text)',
-            '--tw-prose-bullets': 'var(--text)',
-            '--tw-prose-lead': 'var(--text)',
-            '--tw-prose-hr': 'var(--border-default-color)',
-            '--tw-prose-th-borders': 'var(--border-default-color)',
-            '--tw-prose-td-borders': 'var(--border-default-color)',
-            '--tw-prose-quote-borders': 'var(--border-default-color)',
-            '--tw-prose-quotes': 'var(--text)'
-          }
-        }
-      }
-    }
-  }
+  ]
 }

data/lib/spree/storefront/configuration.rb

@@ -3,6 +3,9 @@ require 'spree/core/preferences/runtime_configuration'
 module Spree
   module Storefront
     class Configuration < ::Spree::Preferences::RuntimeConfiguration
+      preference :page_cache_enabled, :boolean, default: true
+      preference :page_cache_ttl, :integer, default: 10.minutes.to_i
+
       preference :products_per_page, :integer, default: 20
 
       preference :search_min_query_length, :integer, default: 2

data/lib/spree/storefront/engine.rb

@@ -27,9 +27,11 @@ module Spree
       end
 
       initializer 'spree.storefront.assets' do |app|
-        app.config.assets.paths << root.join('app/javascript')
-        app.config.assets.paths << root.join('vendor/javascript')
-        app.config.assets.precompile += %w[spree_storefront_manifest]
+        if app.config.respond_to?(:assets)
+          app.config.assets.paths << root.join('app/javascript')
+          app.config.assets.paths << root.join('vendor/javascript')
+          app.config.assets.precompile += %w[spree_storefront_manifest]
+        end
       end
 
       initializer 'spree.storefront.importmap', before: 'importmap' do |app|

data/lib/spree/storefront.rb

@@ -1,16 +1,14 @@
 require 'spree_core'
 
-require 'sprockets/railtie'
-
 require 'active_link_to'
 require 'canonical-rails'
 require 'heroicon'
 require 'importmap-rails'
 require 'local_time'
 require 'mail_form'
-require 'payment_icons'
 require 'stimulus-rails'
 require 'tailwindcss-rails'
 require 'turbo-rails'
+require 'inline_svg'
 
 require 'spree/storefront/engine'

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: spree_storefront
 version: !ruby/object:Gem::Version
-  version: 5.1.8
+  version: 5.2.0.rc1
 platform: ruby
 authors:
 - Vendo Connect Inc.
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-10-30 00:00:00.000000000 Z
+date: 2025-11-04 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.1.8
+        version: 5.2.0.rc1
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 5.1.8
+        version: 5.2.0.rc1
 - !ruby/object:Gem::Dependency
   name: active_link_to
   requirement: !ruby/object:Gem::Requirement
@@ -81,35 +81,35 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: local_time
+  name: inline_svg
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.0'
+        version: '1.10'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.0'
+        version: '1.10'
 - !ruby/object:Gem::Dependency
-  name: mail_form
+  name: local_time
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '3.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '3.0'
 - !ruby/object:Gem::Dependency
-  name: payment_icons
+  name: mail_form
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -122,20 +122,6 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-- !ruby/object:Gem::Dependency
-  name: sprockets
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '4.0'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '4.0'
 - !ruby/object:Gem::Dependency
   name: stimulus-rails
   requirement: !ruby/object:Gem::Requirement
@@ -168,16 +154,16 @@ dependencies:
   name: tailwindcss-ruby
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: 3.4.17
+        version: '0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: 3.4.17
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: turbo-rails
   requirement: !ruby/object:Gem::Requirement
@@ -219,6 +205,7 @@ files:
 - app/controllers/spree/checkout_controller.rb
 - app/controllers/spree/contacts_controller.rb
 - app/controllers/spree/digital_links_controller.rb
+- app/controllers/spree/errors_controller.rb
 - app/controllers/spree/home_controller.rb
 - app/controllers/spree/line_items_controller.rb
 - app/controllers/spree/newsletter_subscribers_controller.rb
@@ -246,6 +233,7 @@ files:
 - app/helpers/spree/fonts_helper.rb
 - app/helpers/spree/orders_helper.rb
 - app/helpers/spree/page_helper.rb
+- app/helpers/spree/payment_methods_helper.rb
 - app/helpers/spree/posts_helper.rb
 - app/helpers/spree/products_helper.rb
 - app/helpers/spree/storefront_helper.rb
@@ -276,6 +264,7 @@ files:
 - app/javascript/spree/storefront/controllers/no_ui_slider_controller.js
 - app/javascript/spree/storefront/controllers/pdp_desktop_gallery_controller.js
 - app/javascript/spree/storefront/controllers/plp_variant_picker_controller.js
+- app/javascript/spree/storefront/controllers/prefetch_lazy_controller.js
 - app/javascript/spree/storefront/controllers/product_form_controller.js
 - app/javascript/spree/storefront/controllers/quantity_picker_controller.js
 - app/javascript/spree/storefront/controllers/search_suggestions_controller.js
@@ -322,6 +311,7 @@ files:
 - app/views/spree/checkout/_missing_line_items.html.erb
 - app/views/spree/checkout/_order_lock_version.html.erb
 - app/views/spree/checkout/_payment.html.erb
+- app/views/spree/checkout/_payment_method.html.erb
 - app/views/spree/checkout/_payment_methods.html.erb
 - app/views/spree/checkout/_payment_sources.html.erb
 - app/views/spree/checkout/_quick_checkout.html.erb
@@ -340,6 +330,16 @@ files:
 - app/views/spree/checkout/remove_coupon_code.turbo_stream.erb
 - app/views/spree/checkout/remove_store_credit.turbo_stream.erb
 - app/views/spree/checkout/update.turbo_stream.erb
+- app/views/spree/errors/403.html.erb
+- app/views/spree/errors/403.json.erb
+- app/views/spree/errors/404.html.erb
+- app/views/spree/errors/404.json.erb
+- app/views/spree/errors/422.html.erb
+- app/views/spree/errors/422.json.erb
+- app/views/spree/errors/500.html.erb
+- app/views/spree/errors/500.json.erb
+- app/views/spree/errors/503.html.erb
+- app/views/spree/errors/503.json.erb
 - app/views/spree/home/index.html.erb
 - app/views/spree/line_items/create.turbo_stream.erb
 - app/views/spree/line_items/destroy.turbo_stream.erb
@@ -396,6 +396,12 @@ files:
 - app/views/themes/default/spree/account/store_credits/index.html.erb
 - app/views/themes/default/spree/checkout/complete.html.erb
 - app/views/themes/default/spree/contacts/new.html.erb
+- app/views/themes/default/spree/metafields/_boolean.html.erb
+- app/views/themes/default/spree/metafields/_json.html.erb
+- app/views/themes/default/spree/metafields/_long_text.html.erb
+- app/views/themes/default/spree/metafields/_number.html.erb
+- app/views/themes/default/spree/metafields/_rich_text.html.erb
+- app/views/themes/default/spree/metafields/_short_text.html.erb
 - app/views/themes/default/spree/orders/_cart.html.erb
 - app/views/themes/default/spree/orders/_empty.html.erb
 - app/views/themes/default/spree/orders/_line_item.html.erb
@@ -404,6 +410,7 @@ files:
 - app/views/themes/default/spree/orders/edit.html.erb
 - app/views/themes/default/spree/orders/show.html.erb
 - app/views/themes/default/spree/page_sections/_announcement_bar.html.erb
+- app/views/themes/default/spree/page_sections/_breadcrumbs.html.erb
 - app/views/themes/default/spree/page_sections/_custom_code.html.erb
 - app/views/themes/default/spree/page_sections/_featured_posts.html.erb
 - app/views/themes/default/spree/page_sections/_featured_product.html.erb
@@ -438,6 +445,7 @@ files:
 - app/views/themes/default/spree/products/_breadcrumbs.html.erb
 - app/views/themes/default/spree/products/_color_picker.html.erb
 - app/views/themes/default/spree/products/_color_swatches.html.erb
+- app/views/themes/default/spree/products/_description.html.erb
 - app/views/themes/default/spree/products/_details.html.erb
 - app/views/themes/default/spree/products/_featured_image.html.erb
 - app/views/themes/default/spree/products/_filters.html.erb
@@ -446,6 +454,7 @@ files:
 - app/views/themes/default/spree/products/_json_ld_variant.html.erb
 - app/views/themes/default/spree/products/_label.html.erb
 - app/views/themes/default/spree/products/_media_gallery.html.erb
+- app/views/themes/default/spree/products/_metafields.html.erb
 - app/views/themes/default/spree/products/_price.html.erb
 - app/views/themes/default/spree/products/_product.html.erb
 - app/views/themes/default/spree/products/_quantity_selector.html.erb
@@ -534,7 +543,7 @@ files:
 - lib/generators/spree/storefront/devise/templates/user_registrations_controller.rb
 - lib/generators/spree/storefront/devise/templates/user_sessions_controller.rb
 - lib/generators/spree/storefront/install/install_generator.rb
-- lib/generators/spree/storefront/install/templates/application.tailwind.css
+- lib/generators/spree/storefront/install/templates/application.css
 - lib/generators/spree/storefront/install/templates/dev
 - lib/generators/spree/storefront/install/templates/tailwind.config.js
 - lib/generators/spree/storefront/theme/templates/model.rb.tt
@@ -562,9 +571,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.1.8
+  changelog_uri: https://github.com/spree/spree/releases/tag/v5.2.0.rc1
   documentation_uri: https://docs.spreecommerce.org/
-  source_code_uri: https://github.com/spree/spree/tree/v5.1.8
+  source_code_uri: https://github.com/spree/spree/tree/v5.2.0.rc1
 post_install_message:
 rdoc_options: []
 require_paths: