athiwatp / tlapse

:camera: Create a timelapse of your web development... or just automatically take screenshots of your hard work ;)

tlapse

Create a timelapse of your web development

A tiny utility that takes periodic screenshots of your site while you develop.

Uses pageres-cli for creating screenshots.

Install

npm install -g tlapse

Usage

tlapse -- localhost:3000

Options

To change interval and directory where screenshots are saved, use the following options

tlapse --every 5m --directory ./screens -- localhost:3000

You can also pass any pageres-cli options after --

tlapse -- localhost:3000 1366x768 --selector='.page-header'

Tip

If you want to start your server and tlapse at the same time, add tlapse to your package.json scripts and use npm-run-all to start them in parallel.

{
  "scripts": {
    "start": "run-p server tlapse",
    "server": "node server",
    "tlapse": "tlapse -- localhost:3000"
  }
}

License

MIT - Typicode 🌵