// Name: Showcase
// Description: Demonstrate Script Kit Features
// Author: johnlindquist

import '@johnlindquist/kit'

// 1. Basic input with arg()
const name = await arg<string>("What's your name?")

// 2. Display a welcome message with div() and md()
await div(md(`# Hello, ${name}! Let's explore Script Kit.`))

// 3. Use fields() for structured input
const [favColor, favAnimal] = await fields<[string, string]>([
  "Favorite Color",
  "Favorite Animal",
])

// 4. Show a toast notification
await toast(`You chose ${favColor} and ${favAnimal}!`)

// 5. Use select() for multiple choices
const options: Choice[] = [
  { name: "Edit a file", value: "edit" },
  { name: "Show system info", value: "system" },
  { name: "Take a selfie", value: "selfie" },
]
const action = await select<string>("What do you want to do?", options)

if (action === "edit") {
  // 6. Use editor() to edit a file
  const filePath = await path()
  const initialContent = await isFile(filePath)
    ? await readFile(filePath, 'utf8')
    : ''
  const newContent = await editor({
    value: initialContent,
    language: 'javascript',
    onInput: async (text) => {
      // 7. Use setPanel() for live preview (if applicable)
      setPanel(md(`Characters: ${text.length}`))
    },
  })
  await writeFile(filePath, newContent)  await div(md(`File updated: [${filePath}](${filePath})`))
} else if (action === "system") {
  // 8. Use term() to show system info
  await term({
    command: `echo "Logged in as $(whoami)" && echo "Current Directory: $(pwd)"`,
    cwd: home(),
  })
} else if (action === "selfie") {
  // 9.  Webcam integration
  const buffer = await webcam()
  const imagePath = tmpPath("selfie.jpg")
  await writeFile(imagePath, buffer)
  await div(md(`![Selfie](${imagePath})`))
}

// 10. Confirm with a custom prompt
const confirm = await arg<string>("Do you want to see your clipboard history?", [
  "Yes",
  "No",
])

if (confirm === "Yes") {
  // 11.  Clipboard history
  const history = await getClipboardHistory()
  if (history.length > 0) {
    const selected = await arg<string>(
      "Select from clipboard:",
      history.map((h) => h.value)
    )
    await editor(selected)
  } else {
    await div(md("Clipboard history is empty."))
  }
}

// 12. Demonstrate a simple db
const dbKey = "scriptkit-demo"
const demoDb = await db<{ items: string[] }>(dbKey, {
  items: [],
})

const newItem = await arg<string>(
  "Add an item to the list (or type nothing to skip):",
  []
)
if (newItem) {
  demoDb.data.items.push(newItem)
  await demoDb.write()
}

await div(
  md(`## Current Items:\n\n${demoDb.data.items.map((item) => `- ${item}`).join('\n')}`)
)

// 13. Notify
notify({
  title: "Script Kit Demo",
  message: `Thanks for checking out the features, ${name}!`,
})