Kent C. Dodds

// Menu: New Post
// Description: Create a new blog post
// Author: Kent C. Dodds
// Shortcut: command option control p
// Twitter: @kentcdodds

const dateFns = await npm('date-fns')
const prettier = await npm('prettier')
const YAML = await npm('yaml')
const slugify = await npm('@sindresorhus/slugify')
const {format: formatDate} = await npm('date-fns')
const makeMetascraper = await npm('metascraper')
const {$filter, toRule} = await npm('@metascraper/helpers')

const unsplashTitleToAlt = toRule(str => str.replace(/ photo – .*$/, ''))
const unsplashOGTitleToAuthor = toRule(str =>
  str.replace(/Photo by (.*?) on Unsplash/, '$1'),
)
const unsplashImageToPhotoId = toRule(str =>
  new URL(str).pathname.replace('/', ''),
)

const metascraper = makeMetascraper([
  {
    unsplashPhotoId: [
      unsplashImageToPhotoId($ =>
        $('meta[property="og:image"]').attr('content'),
      ),
    ],
  },
  {
    author: [
      unsplashOGTitleToAuthor($ =>
        $('meta[property="og:title"]').attr('content'),
      ),
    ],
  },
  {alt: [unsplashTitleToAlt($ => $('title').text())]},
])

async function getMetadata(url) {
  const html = await fetch(url).then(res => res.text())
  return metascraper({html, url})
}

const blogDir = await env(
  'KCD_BLOG_CONTENT_DIR',
  `What's the path to the blog content directory on this machine?`,
)

const title = await arg({
  placeholder: `What's the title of this post?`,
  hint: 'Title',
  ignoreBlur: true,
})

const description = await arg({
  placeholder: `What's the description of this post?`,
  hint: 'Description',
  input: 'TODO: add a description',
  ignoreBlur: true,
})

const categories = (
  await arg({
    placeholder: `What are the categories of this post?`,
    hint: 'Categories (comma separated)',
    ignoreBlur: true,
  })
)
  .split(',')
  .map(c => c.trim())

const keywords = (
  await arg({
    placeholder: `What are the keywords of this post?`,
    hint: 'Keywords (comma separated)',
    ignoreBlur: true,
  })
)
  .split(',')
  .map(c => c.trim())

const unsplashPhotoInput = await arg({
  placeholder: `What's the unsplash photo?`,
  hint: 'Unsplash Photo',
  ignoreBlur: true,
})
const unsplashPhotoUrl = unsplashPhotoInput.startsWith('http')
  ? unsplashPhotoInput
  : `https://unsplash.com/photos/${unsplashPhotoInput}`

const metadata = await getMetadata(unsplashPhotoUrl)

const frontmatter = YAML.stringify({
  title,
  date: dateFns.format(new Date(), 'yyyy-MM-dd'),
  description,
  categories,
  meta: {keywords},
  bannerCloudinaryId: `unsplash/${metadata.unsplashPhotoId}`,
  bannerAlt: metadata.alt,
  bannerCredit: `Photo by [${metadata.author}](${unsplashPhotoUrl})`,
})

const md = `---
${frontmatter}
---

Be excellent to each other.
`

// prettify the markdown
const prettyMd = await prettier.format(md, {
  parser: 'markdown',
  arrowParens: 'avoid',
  bracketSpacing: false,
  embeddedLanguageFormatting: 'auto',
  htmlWhitespaceSensitivity: 'css',
  insertPragma: false,
  jsxBracketSameLine: false,
  jsxSingleQuote: false,
  printWidth: 80,
  proseWrap: 'always',
  quoteProps: 'as-needed',
  requirePragma: false,
  semi: false,
  singleQuote: true,
  tabWidth: 2,
  trailingComma: 'all',
  useTabs: false,
  vueIndentScriptAndStyle: false,
})

const filename = slugify(title, {decamelize: false})
const newFile = path.join(blogDir, `${filename}.mdx`)
await writeFile(newFile, prettyMd)
await edit(newFile)

// Menu: Daily Story
// Description: Write a quick story
// Author: Kent C. Dodds
// Shortcut: command option control o
// Twitter: @kentcdodds

const dateFns = await npm('date-fns')
const filenamify = await npm('filenamify')
const prettier = await npm('prettier')

const storyDir = await env(
  'DAILY_STORY_DIRECTORY',
  `Where do you want daily stories to be saved?`,
)

const story = await arg({placeholder: 'Write your story here'})

const today = dateFns.format(new Date(), 'yyyy-MM-dd')
const date = await arg({
  input: today,
  hint: 'When did this happen?',
})
const title = await arg({
  placeholder: 'What do you want to call this story?',
  hint: 'Title',
})

const md = `---
title: ${title}
date: ${date}
written: ${today}
---

${story}
`

// prettify the markdown
const prettyMd = await prettier.format(md, {
  parser: 'markdown',
  arrowParens: 'avoid',
  bracketSpacing: false,
  embeddedLanguageFormatting: 'auto',
  htmlWhitespaceSensitivity: 'css',
  insertPragma: false,
  jsxBracketSameLine: false,
  jsxSingleQuote: false,
  printWidth: 80,
  proseWrap: 'always',
  quoteProps: 'as-needed',
  requirePragma: false,
  semi: false,
  singleQuote: true,
  tabWidth: 2,
  trailingComma: 'all',
  useTabs: false,
  vueIndentScriptAndStyle: false,
})

const filename = filenamify(
  `${date}-${title.toLowerCase().replace(/ /g, '-')}.md`,
  {replacement: '-'},
)
await writeFile(path.join(storyDir, filename), prettyMd)

// Menu: ConvertKit > Lookup
// Description: Query convertkit
// Author: Kent C. Dodds
// Twitter: @kentcdodds

const CONVERT_KIT_API_SECRET = await env('CONVERT_KIT_API_SECRET')
const CONVERT_KIT_API_KEY = await env('CONVERT_KIT_API_KEY')

const query = await arg('query')
let url
if (query.includes('@')) {
  const sub = await getConvertKitSubscriber(query)
  if (sub?.id) {
    url = `https://app.convertkit.com/subscribers/${sub.id}`
  }
}

if (!url) {
  url = `https://app.convertkit.com/subscribers?utf8=%E2%9C%93&q=${query}&status=all`
}
exec(`open "${url}"`)

async function getConvertKitSubscriber(email) {
  const url = new URL('https://api.convertkit.com/v3/subscribers')
  url.searchParams.set('api_secret', CONVERT_KIT_API_SECRET)
  url.searchParams.set('email_address', email)

  const resp = await fetch(url.toString())
  const json = await resp.json()
  const {subscribers: [subscriber] = []} = json

  return subscriber
}