import fs from 'fs'
import path from 'path'
import { test, expect, type Page } from '@playwright/test'
import {
  createFixtureVaultCopy,
  openFixtureVaultDesktopHarness,
  removeFixtureVaultCopy,
} from '../helpers/fixtureVault'
import { triggerMenuCommand } from './testBridge'

let tempVaultDir: string

function slugifyTitle(title: string): string {
  return title.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/(^-|-$)/g, '')
}

async function expectEditorFocused(page: Page): Promise<void> {
  await expect.poll(async () => page.evaluate(() => {
    const active = document.activeElement as HTMLElement | null
    return Boolean(active?.isContentEditable || active?.closest('[contenteditable="true"]'))
  }), { timeout: 5_000 }).toBe(true)
}

async function createUntitledNote(page: Page): Promise<void> {
  await page.locator('body').click()
  await triggerMenuCommand(page, 'file-new-note')
  await expect(page.locator('.bn-editor')).toBeVisible({ timeout: 5_000 })
  await expect(page.getByTestId('breadcrumb-filename-trigger')).toContainText(/untitled-note-\d+(?:-\d+)?/i, {
    timeout: 5_000,
  })
  const titleBlock = page.locator('.bn-block-content[data-content-type="heading"]').first()
  await expect(titleBlock).toBeVisible({ timeout: 5_000 })
  await titleBlock.click()
  await expectEditorFocused(page)
}

async function openPropertiesPanel(page: Page): Promise<void> {
  const openPanelButton = page.getByRole('button', { name: 'Open the properties panel' })
  if (await openPanelButton.count()) {
    await openPanelButton.click()
  }
}

test.beforeEach(async ({ page }, testInfo) => {
  testInfo.setTimeout(60_000)
  tempVaultDir = createFixtureVaultCopy()
  await openFixtureVaultDesktopHarness(page, tempVaultDir)
})

test.afterEach(() => {
  removeFixtureVaultCopy(tempVaultDir)
})

test('@smoke newly created notes stay editable before any reselection', async ({ page }) => {
  const title = `Immediate Editability ${Date.now()}`
  const bodyMarker = `body edit ${Date.now()}`
  const propertyValue = `Owner ${Date.now()}`
  const renamedStem = slugifyTitle(title)
  const notePath = path.join(tempVaultDir, `${renamedStem}.md`)

  await createUntitledNote(page)

  await page.keyboard.type(title, { delay: 10 })
  await page.keyboard.press('Enter')
  await page.keyboard.type(bodyMarker, { delay: 10 })

  await expect(page.getByRole('heading', { name: title, level: 1 })).toBeVisible({ timeout: 5_000 })
  await expect(page.getByTestId('breadcrumb-filename-trigger')).toContainText(renamedStem, { timeout: 10_000 })
  await expect.poll(() => fs.existsSync(notePath), { timeout: 10_000 }).toBe(true)
  await expect.poll(() => fs.readFileSync(notePath, 'utf8'), { timeout: 10_000 }).toContain(bodyMarker)

  await openPropertiesPanel(page)
  await expect(page.getByTestId('add-property-row')).toBeVisible()
  await page.getByTestId('add-property-row').click()
  await expect(page.getByTestId('add-property-form')).toBeVisible()
  await page.getByPlaceholder('Property').fill('Owner')
  await page.getByPlaceholder('Value').fill(propertyValue)
  await page.getByTestId('add-property-confirm').click()

  const ownerRow = page.getByTestId('editable-property').filter({ hasText: 'Owner' })
  await expect(ownerRow).toContainText(propertyValue)
  await expect.poll(() => fs.readFileSync(notePath, 'utf8'), { timeout: 10_000 }).toContain(`Owner: ${JSON.stringify(propertyValue)}`)
})

test('@smoke untouched newly created notes can be renamed and updated before reselection', async ({ page }) => {
  const renamedStem = `fresh-note-${Date.now()}`
  const propertyValue = `Queued ${Date.now()}`
  const renamedPath = path.join(tempVaultDir, `${renamedStem}.md`)

  await createUntitledNote(page)

  await page.getByTestId('breadcrumb-filename-trigger').dblclick()
  const renameInput = page.getByTestId('breadcrumb-filename-input')
  await expect(renameInput).toBeVisible({ timeout: 5_000 })
  await renameInput.fill(renamedStem)
  await renameInput.press('Enter')

  await expect(page.getByTestId('breadcrumb-filename-trigger')).toContainText(renamedStem, { timeout: 10_000 })
  await expect.poll(() => fs.existsSync(renamedPath), { timeout: 10_000 }).toBe(true)

  await openPropertiesPanel(page)
  await page.getByTestId('add-property-row').click()
  await expect(page.getByTestId('add-property-form')).toBeVisible()
  await page.getByPlaceholder('Property').fill('Owner')
  await page.getByPlaceholder('Value').fill(propertyValue)
  await page.getByTestId('add-property-confirm').click()

  const ownerRow = page.getByTestId('editable-property').filter({ hasText: 'Owner' })
  await expect(ownerRow).toContainText(propertyValue)
  await expect.poll(() => fs.readFileSync(renamedPath, 'utf8'), { timeout: 10_000 }).toContain(`Owner: ${JSON.stringify(propertyValue)}`)
})