I use this to automatically fill in email addresses in feedback forms throughout workshop material

autofill-feedback-email.js

#!/usr/bin/env node

const path = require('path')
const inquirer = require('inquirer')
const replace = require('replace-in-file')
const isCI = require('is-ci')
const spawn = require('cross-spawn')

const fileGlob = process.argv[2] || 'src/**/*.*'
const files = path.isAbsolute(fileGlob)
  ? fileGlob
  : path.join(process.cwd(), fileGlob)

if (isCI) {
  console.log(`Not running autofill feedback as we're on CI`)
} else if (process.env.EMAIL) {
  const email = process.env.EMAIL
  console.log(`Autofilling email address to process.env.EMAIL: "${email}"`)
  replaceEmail(email)
} else {
  const tryAgain = `If you'd like to try again, run this command:\n\n    npx "https://gist.github.com/kentcdodds/2d44448a8997b9964b1be44cd294d1f5"\n`
  const prompt = inquirer.prompt([
    {
      name: 'email',
      message: `What's your email address?`,
      validate(val) {
        if (val && !val.includes('@')) {
          return 'email requires an @ sign...'
        }
        return true
      },
    },
  ])
  const timeoutId = setTimeout(() => {
    console.log(`\n\nPrompt timed out. No worries. ${tryAgain}`)
    prompt.ui.close()
  }, 60000)

  prompt.then(({email} = {}) => {
    clearTimeout(timeoutId)
    if (!email) {
      console.log(
        `Not autofilling email because none was provided. No worries. ${tryAgain}`,
      )
      return
    }
    replaceEmail(email)
  })
}

function replaceEmail(email) {
  const options = {
    files: [files],
    from: /&em=(?!.*@)/,
    to: `&em=${encodeURIComponent(email)}`,
  }

  replace(options)
    .then(results => {
      const changedFiles = results.filter(file => file.hasChanged)
      console.log(
        `Updated ${changedFiles.length} files with the email ${email}`,
      )
      if (changedFiles.length) {
        console.log(
          'Committing changes for you so your jest watch mode works nicely',
        )
        spawn.sync('git', ['commit', '-am', 'email autofill', '--no-verify'], {
          stdio: 'inherit',
        })
      }
    })
    .catch(error => {
      console.error('Failed to update files')
      console.error(error.stack)
    })
}

package.json

{
  "name": "autofill-feedback-email",
  "version": "1.0.0",
  "description": "I use this to automatically fill in email addresses in feedback forms throughout workshop material",
  "bin": "./autofill-feedback-email.js",
  "dependencies": {
    "inquirer": "7.0.4",
    "replace-in-file": "5.0.2",
    "is-ci": "2.0.0",
    "cross-spawn": "7.0.1"
  }
}

Hey @kentcdodds. Here's a grammar improvement: L56

- console.log(`Updated ${changedFiles.length} with the email ${email}`)
+ console.log(`Updated ${changedFiles.length} files with the email ${email}`)

Also, when I run this on react-performance, it says it updated 49 files, but only 7 files where actually changed and committed. 🤔

Cya soon in one of your workshops 👋

Thanks!

Hi, @kentcdodds 👋

I have run this script a couple of times and noticed, that further provided e-mails are appended to the prevous emails, not replaced. It could be nice to have this script to change a provided e-mail, for example, to fix a typo.

So we could grab a value too if provided:

- from: /&em=/,
+ from: /&em=.*$/,

Unfortunately that won't work because this is what it's replacing:

<div>
<span>After the instruction, if you want to remember what you've just learned, then </span>
<a rel="noopener noreferrer" target="_blank" href="https://ws.kcd.im/?ws=React%20Fundamentals%20%E2%9A%9B&e=01%3A%20Basic%20JavaScript-rendered%20Hello%20World&em=">
  fill out the elaboration and feedback form.
</a>
</div>

That would replace the "> as well...

Dealing with that is simple enough, except for the Testing React Apps is different because in that one you don't use the app, you open the markdown file directly:

https://ws.kcd.im/?ws=Testing%20React%20Applications%20%F0%9F%A7%90&e=01%3A%20simple%20test%20with%20ReactDOM&em=

There's probably some extra work we could put in here to make this handle those cases, but I have other priorities at the moment 😅

I just fixed the regex with a negative lookahead. So if em= is followed by anything with an @ symbol, it won't match :)

Hi, I've used npm run setup of epic react workshops more than 10 times, but I haven't yet managed to set up the email before it timed out... I always have a quick look and I think "it's still running" because the script did not exit yet ¯\_(ツ)_/¯

Would it be possible to read from some environment variable please? Something like kcd_feedback_email=... npm run setup =>

const prompt = process.env.kcd_feedback_email ? Promise.resolve({email: process.env.kcd_feedback_email}) :  ...

Based on this I think I'll go with EMAIL :)