refactor: rename shopLayoutData to storefrontLayoutData

Align Alpine.js base component naming with storefront terminology. Updated across all storefront JS, templates, and documentation. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-24 19:06:45 +01:00
parent ec888f2e94
commit a6e6d9be8e
25 changed files with 130 additions and 130 deletions
--- a/app/modules/cart/templates/cart/storefront/cart.html
+++ b/app/modules/cart/templates/cart/storefront/cart.html
@@ -175,7 +175,7 @@
 <script>
 document.addEventListener('alpine:init', () => {
    Alpine.data('shoppingCart', () => {
-        const baseData = shopLayoutData();
+        const baseData = storefrontLayoutData();

        return {
            ...baseData,
--- a/app/modules/catalog/templates/catalog/storefront/category.html
+++ b/app/modules/catalog/templates/catalog/storefront/category.html
@@ -146,7 +146,7 @@ window.CATEGORY_SLUG = '{{ category_slug | default("") }}';

 document.addEventListener('alpine:init', () => {
    Alpine.data('shopCategory', () => ({
-        ...shopLayoutData(),
+        ...storefrontLayoutData(),

        // Data
        categorySlug: window.CATEGORY_SLUG,
--- a/app/modules/catalog/templates/catalog/storefront/product.html
+++ b/app/modules/catalog/templates/catalog/storefront/product.html
@@ -218,7 +218,7 @@ window.STORE_ID = {{ store.id }};

 document.addEventListener('alpine:init', () => {
    Alpine.data('productDetail', () => {
-        const baseData = shopLayoutData();
+        const baseData = storefrontLayoutData();

        return {
            ...baseData,
--- a/app/modules/catalog/templates/catalog/storefront/products.html
+++ b/app/modules/catalog/templates/catalog/storefront/products.html
@@ -145,7 +145,7 @@
 <script>
 document.addEventListener('alpine:init', () => {
    Alpine.data('shopProducts', () => ({
-        ...shopLayoutData(),
+        ...storefrontLayoutData(),
        products: [],
        loading: true,
        filters: {
@@ -205,7 +205,7 @@ document.addEventListener('alpine:init', () => {
            this.loadProducts();
        },

-        // formatPrice is inherited from shopLayoutData() via spread operator
+        // formatPrice is inherited from storefrontLayoutData() via spread operator

        async addToCart(product) {
            console.log('[SHOP] Adding to cart:', product);
--- a/app/modules/catalog/templates/catalog/storefront/search.html
+++ b/app/modules/catalog/templates/catalog/storefront/search.html
@@ -170,7 +170,7 @@
 <script>
 document.addEventListener('alpine:init', () => {
    Alpine.data('shopSearch', () => ({
-        ...shopLayoutData(),
+        ...storefrontLayoutData(),

        // Search state
        searchInput: '',
--- a/app/modules/catalog/templates/catalog/storefront/wishlist.html
+++ b/app/modules/catalog/templates/catalog/storefront/wishlist.html
@@ -135,7 +135,7 @@
 <script>
 document.addEventListener('alpine:init', () => {
    Alpine.data('shopWishlist', () => ({
-        ...shopLayoutData(),
+        ...storefrontLayoutData(),

        // Data
        items: [],
--- a/app/modules/checkout/templates/checkout/storefront/checkout.html
+++ b/app/modules/checkout/templates/checkout/storefront/checkout.html
@@ -477,7 +477,7 @@
 <script>
 function checkoutPage() {
    return {
-        ...shopLayoutData(),
+        ...storefrontLayoutData(),

        // State
        loading: true,
@@ -595,8 +595,8 @@ function checkoutPage() {
            console.log('[CHECKOUT] Initializing...');

            // Initialize session
-            if (typeof shopLayoutData === 'function') {
-                const baseData = shopLayoutData();
+            if (typeof storefrontLayoutData === 'function') {
+                const baseData = storefrontLayoutData();
                if (baseData.init) {
                    baseData.init.call(this);
                }
--- a/app/modules/cms/templates/cms/storefront/landing-full.html
+++ b/app/modules/cms/templates/cms/storefront/landing-full.html
@@ -7,7 +7,7 @@
 {% block meta_description %}{{ page.meta_description or store.description or store.name }}{% endblock %}

 {# Alpine.js component #}
-{% block alpine_data %}shopLayoutData(){% endblock %}
+{% block alpine_data %}storefrontLayoutData(){% endblock %}

 {% block content %}
 <div class="min-h-screen">
--- a/app/modules/cms/templates/cms/storefront/landing-modern.html
+++ b/app/modules/cms/templates/cms/storefront/landing-modern.html
@@ -7,7 +7,7 @@
 {% block meta_description %}{{ page.meta_description or store.description or store.name }}{% endblock %}

 {# Alpine.js component #}
-{% block alpine_data %}shopLayoutData(){% endblock %}
+{% block alpine_data %}storefrontLayoutData(){% endblock %}

 {% block content %}
 <div class="min-h-screen">
--- a/app/modules/core/static/storefront/js/storefront-layout.js
+++ b/app/modules/core/static/storefront/js/storefront-layout.js
@@ -16,7 +16,7 @@ const shopLog = {
 * Shop Layout Data
 * Base Alpine.js component for shop pages
 */
-function shopLayoutData() {
+function storefrontLayoutData() {
    return {
        // Theme state
        dark: localStorage.getItem('shop-theme') === 'dark',
@@ -243,7 +243,7 @@ function shopLayoutData() {
 }

 // Make available globally
-window.shopLayoutData = shopLayoutData;
+window.storefrontLayoutData = storefrontLayoutData;

 /**
 * Language Selector Component
--- a/app/modules/customers/templates/customers/storefront/addresses.html
+++ b/app/modules/customers/templates/customers/storefront/addresses.html
@@ -318,7 +318,7 @@
 <script>
 function addressesPage() {
    return {
-        ...shopLayoutData(),
+        ...storefrontLayoutData(),

        // State
        loading: true,
--- a/app/modules/customers/templates/customers/storefront/dashboard.html
+++ b/app/modules/customers/templates/customers/storefront/dashboard.html
@@ -163,7 +163,7 @@
 <script>
 function accountDashboard() {
    return {
-        ...shopLayoutData(),
+        ...storefrontLayoutData(),
        showLogoutModal: false,

        confirmLogout() {
--- a/app/modules/customers/templates/customers/storefront/profile.html
+++ b/app/modules/customers/templates/customers/storefront/profile.html
@@ -288,7 +288,7 @@
 <script>
 function shopProfilePage() {
    return {
-        ...shopLayoutData(),
+        ...storefrontLayoutData(),

        // State
        profile: null,
@@ -508,7 +508,7 @@ function shopProfilePage() {
            }
        },

-        // formatPrice is inherited from shopLayoutData() via spread operator
+        // formatPrice is inherited from storefrontLayoutData() via spread operator

        formatDate(dateStr) {
            if (!dateStr) return '-';
--- a/app/modules/loyalty/static/storefront/js/loyalty-dashboard.js
+++ b/app/modules/loyalty/static/storefront/js/loyalty-dashboard.js
@@ -3,7 +3,7 @@

 function customerLoyaltyDashboard() {
    return {
-        ...shopLayoutData(),
+        ...storefrontLayoutData(),

        // Data
        card: null,
--- a/app/modules/loyalty/static/storefront/js/loyalty-enroll.js
+++ b/app/modules/loyalty/static/storefront/js/loyalty-enroll.js
@@ -3,7 +3,7 @@

 function customerLoyaltyEnroll() {
    return {
-        ...shopLayoutData(),
+        ...storefrontLayoutData(),

        // Program info
        program: null,
--- a/app/modules/loyalty/static/storefront/js/loyalty-history.js
+++ b/app/modules/loyalty/static/storefront/js/loyalty-history.js
@@ -3,7 +3,7 @@

 function customerLoyaltyHistory() {
    return {
-        ...shopLayoutData(),
+        ...storefrontLayoutData(),

        // Data
        card: null,
--- a/app/modules/loyalty/templates/loyalty/storefront/enroll-success.html
+++ b/app/modules/loyalty/templates/loyalty/storefront/enroll-success.html
@@ -86,7 +86,7 @@
 <script>
 function customerLoyaltyEnrollSuccess() {
    return {
-        ...shopLayoutData(),
+        ...storefrontLayoutData(),
        walletUrls: { google_wallet_url: null, apple_wallet_url: null },
        async init() {
            try {
--- a/app/modules/messaging/templates/messaging/storefront/messages.html
+++ b/app/modules/messaging/templates/messaging/storefront/messages.html
@@ -253,7 +253,7 @@
 <script>
 function shopMessages() {
    return {
-        ...shopLayoutData(),
+        ...storefrontLayoutData(),
        loading: true,
        conversations: [],
        selectedConversation: null,
--- a/app/modules/orders/templates/orders/storefront/order-detail.html
+++ b/app/modules/orders/templates/orders/storefront/order-detail.html
@@ -340,7 +340,7 @@
 <script>
 function shopOrderDetailPage() {
    return {
-        ...shopLayoutData(),
+        ...storefrontLayoutData(),

        // State
        order: null,
@@ -416,7 +416,7 @@ function shopOrderDetailPage() {
            return this.statuses[status]?.class || 'bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-200';
        },

-        // formatPrice is inherited from shopLayoutData() via spread operator
+        // formatPrice is inherited from storefrontLayoutData() via spread operator

        formatDateTime(dateStr) {
            if (!dateStr) return '-';
--- a/app/modules/orders/templates/orders/storefront/orders.html
+++ b/app/modules/orders/templates/orders/storefront/orders.html
@@ -134,7 +134,7 @@
 <script>
 function shopOrdersPage() {
    return {
-        ...shopLayoutData(),
+        ...storefrontLayoutData(),

        // State
        orders: [],
@@ -209,7 +209,7 @@ function shopOrdersPage() {
            return this.statuses[status]?.class || 'bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-200';
        },

-        // formatPrice is inherited from shopLayoutData() via spread operator
+        // formatPrice is inherited from storefrontLayoutData() via spread operator

        formatDate(dateStr) {
            if (!dateStr) return '-';