// Сравниваем deep reactive и shallow reactive

// Глубокая реактивность — рекурсивно оборачивает вложенные объекты
function deepReactive(obj, onChange, path = '') {
  if (typeof obj !== 'object' || obj === null) return obj

  // Рекурсивно оборачиваем все вложенные объекты
  for (const key of Object.keys(obj)) {
    if (typeof obj[key] === 'object' && obj[key] !== null) {
      obj[key] = deepReactive(obj[key], onChange, path ? `${path}.${key}` : key)
    }
  }

  return new Proxy(obj, {
    set(target, key, value) {
      const fullPath = path ? `${path}.${String(key)}` : String(key)
      const oldVal = target[key]
      if (typeof value === 'object' && value !== null) {
        value = deepReactive(value, onChange, fullPath)
      }
      target[key] = value
      onChange(fullPath, oldVal, value)
      return true
    }
  })
}

// Поверхностная реактивность — только первый уровень
function shallowReactive(obj, onChange) {
  return new Proxy(obj, {
    set(target, key, value) {
      const oldVal = target[key]
      target[key] = value
      onChange(String(key), oldVal, value)
      return true
    }
    // Вложенные объекты НЕ оборачиваются — только первый уровень
  })
}

const log = (label) => (path, oldVal, newVal) => {
  console.log(`  [${label}] "${path}" изменено: ${JSON.stringify(oldVal)} -> ${JSON.stringify(newVal)}`)
}

// === Тест глубокой реактивности ===
console.log('=== deepReactive (как reactive()) ===')
const deepState = deepReactive({
  name: 'Алексей',
  address: {
    city: 'Москва',
    coords: { lat: 55.7, lng: 37.6 }
  }
}, log('deep'))

deepState.name = 'Борис'                       // отслеживается
deepState.address.city = 'Питер'               // отслеживается
deepState.address.coords.lat = 59.9            // отслеживается (4-й уровень!)

// === Тест поверхностной реактивности ===
console.log('\n=== shallowReactive() ===')
const shallowState = shallowReactive({
  name: 'Алексей',
  address: {
    city: 'Москва',
    coords: { lat: 55.7, lng: 37.6 }
  }
}, log('shallow'))

shallowState.name = 'Борис'             // отслеживается (корневое свойство)
shallowState.address.city = 'Питер'     // НЕ отслеживается — вложено
shallowState.address.coords.lat = 59.9  // НЕ отслеживается — вложено

// Но замена всего объекта — отслеживается
shallowState.address = { city: 'Питер', coords: { lat: 59.9, lng: 30.3 } }

// === triggerRef эмуляция ===
console.log('\n=== Эмуляция shallowRef + triggerRef ===')
function createShallowRef(initial) {
  let _value = initial
  const subscribers = new Set()

  const ref = {
    get value() { return _value },
    set value(newVal) {
      _value = newVal
      this._notify()
    },
    _notify() {
      console.log(`  [shallowRef] Обновление! Текущее значение: ${JSON.stringify(_value)}`)
      subscribers.forEach(fn => fn(_value))
    },
    subscribe(fn) { subscribers.add(fn) }
  }
  return ref
}

function triggerRef(ref) {
  ref._notify()
}

const list = createShallowRef([1, 2, 3])
list.subscribe(v => console.log(`  [subscriber] Список: [${v.join(', ')}]`))

list.value.push(4)  // мутация — подписчик не вызывается
console.log('После push(4) без triggerRef — подписчик молчит')
console.log('Но данные изменились:', list.value)

triggerRef(list)  // принудительно уведомляем
console.log('После triggerRef — подписчик уведомлён')