// Реализуем Zustand-like create() с нуля.
// Это покажет, как Zustand достигает точечных обновлений без Context.

function create(storeCreator) {
  let state
  const listeners = new Set()

  // set() — передаётся в storeCreator, позволяет обновлять состояние
  const set = (updater) => {
    const prevState = state
    const updates = typeof updater === 'function' ? updater(state) : updater
    state = { ...state, ...updates }

    // Уведомляем подписчиков только если состояние изменилось
    if (state !== prevState) {
      listeners.forEach(listener => listener(state, prevState))
    }
  }

  // get() — позволяет читать текущее состояние из actions
  const get = () => state

  // Инициализируем стор
  state = storeCreator(set, get)

  // Возвращаем хук-функцию (в React это был бы useStore)
  function useStore(selector) {
    // Без React: просто читаем значение через селектор
    return selector ? selector(state) : state
  }

  // Подписка на изменения (в React это делает хук автоматически)
  useStore.subscribe = (listener, selector) => {
    const wrappedListener = (newState, prevState) => {
      // Если передан селектор — проверяем только выбранное поле
      if (selector) {
        const newSelected = selector(newState)
        const prevSelected = selector(prevState)
        if (newSelected === prevSelected) return  // точечная подписка!
      }
      listener(newState)
    }
    listeners.add(wrappedListener)
    return () => listeners.delete(wrappedListener)
  }

  useStore.getState = get
  useStore.setState = set

  return useStore
}

// --- Создаём стор для корзины ---

const useCartStore = create((set, get) => ({
  items: [],

  addItem: (product) => set((state) => ({
    items: [...state.items, { ...product, quantity: 1 }]
  })),

  removeItem: (id) => set((state) => ({
    items: state.items.filter(item => item.id !== id)
  })),

  updateQuantity: (id, qty) => set((state) => ({
    items: state.items.map(item =>
      item.id === id ? { ...item, quantity: qty } : item
    )
  })),

  getTotal: () => {
    const { items } = get()
    return items.reduce((sum, item) => sum + item.price * item.quantity, 0)
  },

  clear: () => set({ items: [] })
}))

// --- Точечные подписки (ключевая фишка Zustand) ---

console.log('=== Точечные подписки ===')

let totalRenders = 0
let itemsRenders = 0

// Компонент 1: подписан только на items
const unsubItems = useCartStore.subscribe(
  (state) => { itemsRenders++; console.log(`  [CartList] обновление, товаров: ${state.items.length}`) },
  (state) => state.items  // селектор
)

// Компонент 2: подписан только на total через функцию
const unsubTotal = useCartStore.subscribe(
  (state) => {
    totalRenders++
    const total = useCartStore.getState().getTotal()
    console.log(`  [CartTotal] обновление, итого: ${total} ₽`)
  },
  (state) => state.items  // перерисовываемся только при изменении items
)

// --- Действия ---

const { addItem, removeItem, updateQuantity, clear } = useCartStore.getState()

console.log('
Добавляем товары:')
addItem({ id: 1, name: 'Молоко', price: 89 })
addItem({ id: 2, name: 'Хлеб', price: 45 })
addItem({ id: 3, name: 'Масло', price: 120 })

console.log('
Изменяем количество:')
updateQuantity(1, 2)  // 2 литра молока

console.log('
Удаляем товар:')
removeItem(2)

const total = useCartStore.getState().getTotal()
console.log(`
Итого: ${total} ₽`)  // 89*2 + 120 = 298

unsubItems()
unsubTotal()