auto">Анализ актуальности

Предложение актуально. Селекторы жёстко прописаны по всему JS-коду.

Текущее состояние

Примеры хардкода из разных файлов:

CartUI.js: `.ms3_cart_options`
OrderUI.js: `.ms3_order_form`, `#ms3_order_cart_cost`, `#ms3_order_delivery_cost`
QuantityUI.js: `.qty-btn`, `.qty-input`
CustomerUI.js: `.ms3_customer_form`
ProductCardUI.js: `.ms3-product-card`

Частичная реализация: для render-токенов корзины селекторы передаются через ms3Config.render.cart, но это единственное место.

Мнение

Issue #17 (data-атрибуты) и #18 (конфиг селекторов) — взаимосвязанные задачи. Имеет смысл решать их вместе:

Сначала определить единый конфиг селекторов
Затем перевести селекторы на data-атрибуты

План работ

Создать объект-конфиг js/web/core/Selectors.js:

export default {
  form: '[data-ms3-form]',
  orderForm: '[data-ms3-order-form]',
  customerForm: '[data-ms3-customer-form]',
  cartOptions: '[data-ms3-cart-options]',
  quantityInput: '[data-ms3-qty-input]',
  quantityBtn: '[data-ms3-qty-btn]',
  productCard: '[data-ms3-product]',
  fieldError: '[data-ms3-field-error]',
  orderCost: '#ms3_order_cost',
  // ...
}

Заменить хардкод во всех UI-классах на ссылки из конфига
Сделать конфиг переопределяемым через ms3Config.selectors
Обновить чанки — добавить data-ms3-* атрибуты (сохраняя CSS-классы для обратной совместимости)

Обратная совместимость: сохранить CSS-классы как дефолтные fallback-селекторы, чтобы кастомные шаблоны без data-атрибутов продолжали работать.

Объём: средний (~6 JS-файлов + ~5 чанков + конфиг). Рекомендую делать вместе с #16 и #17 в рамках рефакторинга фронтенда.

Хранение селекторов в общем конфиге #18

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions