// Типографика в JavaScript

// ===== truncateText =====
// Усекает по символам, старается не разрывать слово
function truncateText(text, maxLength, suffix = '...') {
  if (text.length <= maxLength) return text
  const truncated = text.slice(0, maxLength - suffix.length)
  // Ищем последний пробел (не обрываем посередине слова)
  const lastSpace = truncated.lastIndexOf(' ')
  const result = lastSpace > maxLength * 0.6
    ? truncated.slice(0, lastSpace)
    : truncated
  return result + suffix
}

// Усекает по словам
function truncateWords(text, maxWords, suffix = '...') {
  const words = text.trim().split(/\s+/)
  if (words.length <= maxWords) return text
  return words.slice(0, maxWords).join(' ') + suffix
}

console.log('=== truncateText ===')
const article = 'JavaScript — это высокоуровневый язык программирования для создания веб-приложений'
console.log(truncateText(article, 40))
console.log(truncateText(article, 60))
console.log(truncateText(article, 20, '…'))
console.log(truncateText('Коротко', 50))  // без изменений

console.log('\n=== truncateWords ===')
console.log(truncateWords(article, 5))
console.log(truncateWords(article, 10))
console.log(truncateWords('Три слова здесь', 10))  // без изменений

// ===== Подсчёт слов и символов =====
function countWords(text) {
  const trimmed = text.trim()
  return trimmed === '' ? 0 : trimmed.split(/\s+/).length
}

function countChars(text, includeSpaces = true) {
  return includeSpaces ? text.length : text.replace(/\s/g, '').length
}

function readingTime(text, wpm = 200) {
  const words   = countWords(text)
  const minutes = Math.ceil(words / wpm)
  return { words, minutes, label: `${minutes} мин` }
}

console.log('\n=== Подсчёт слов ===')
const samples = [
  'Одно',
  'Hello World',
  '  много   пробелов   вокруг  ',
  '',
  'a b c d e f',
]
for (const s of samples) {
  console.log(`"${s.trim()}" → ${countWords(s)} слов, ${countChars(s)} симв, ${countChars(s, false)} без пробелов`)
}

console.log('\n=== Время чтения ===')
const texts = [
  { label: 'Твит',    text: 'Привет мир! Это тест.' },
  { label: 'Заметка', text: Array(100).fill('слово').join(' ') },
  { label: 'Статья',  text: Array(500).fill('слово').join(' ') },
  { label: 'Книга',   text: Array(2000).fill('слово').join(' ') },
]
for (const { label, text } of texts) {
  const rt = readingTime(text)
  console.log(`  ${label.padEnd(10)}: ${String(rt.words).padStart(5)} слов → ${rt.label} чтения`)
}

// ===== text-transform =====
console.log('\n=== text-transform ===')
function textTransform(text, mode) {
  switch (mode) {
    case 'uppercase':  return text.toUpperCase()
    case 'lowercase':  return text.toLowerCase()
    case 'capitalize': return text.replace(/(?:^|\s)\S/g, c => c.toUpperCase())
    default: return text
  }
}

const phrase = 'hello world from javascript'
console.log('uppercase:  ', textTransform(phrase, 'uppercase'))
console.log('lowercase:  ', textTransform('HELLO WORLD', 'lowercase'))
console.log('capitalize: ', textTransform(phrase, 'capitalize'))

// ===== Типографическая шкала =====
console.log('\n=== Типографическая шкала (base 16px) ===')
const scale = [
  { name: 'xs',   rem: 0.75  },
  { name: 'sm',   rem: 0.875 },
  { name: 'base', rem: 1     },
  { name: 'lg',   rem: 1.125 },
  { name: 'xl',   rem: 1.25  },
  { name: '2xl',  rem: 1.5   },
  { name: '3xl',  rem: 1.875 },
  { name: '4xl',  rem: 2.25  },
]
const ROOT_PX = 16
for (const { name, rem } of scale) {
  const px = rem * ROOT_PX
  const lh = px >= 24 ? 1.2 : 1.6  // заголовки — 1.2, текст — 1.6
  console.log(
    `  text-${name.padEnd(4)}: ${String(rem).padEnd(6)}rem = ${String(px).padEnd(5)}px  line-height: ${lh}`
  )
}