{"_id":"headless-recorder","_rev":"1-3bf8c895fdfc97c10c7dd4ae4533c6a5","name":"headless-recorder","dist-tags":{"latest":"0.8.2"},"versions":{"0.8.2":{"name":"headless-recorder","version":"0.8.2","description":"A Chrome extension for recording browser interaction and generating Puppeteer & Playwright scripts","main":"index.js","scripts":{"dev":"NODE_ENV=development DEBUG=puppeteer-recorder:* webpack --watch","build":"NODE_ENV=production webpack","dist":"NODE_ENV=production webpack && node scripts/zip.js","test":"npm run unit-test && npm run e2e-test","test-prod":"NODE_ENV=production npm run unit-test && npm run e2e-test","unit-test":"jest __tests__/.*.spec.js --silent","e2e-test":"jest __e2e-tests__ --runInBand --silent","lint":"eslint --quiet -f codeframe src"},"repository":{"type":"git","url":"git+https://github.com/checkly/headless-recorder.git"},"keywords":["puppeteer","chrome","extension"],"author":{"name":"Tim Nolet"},"license":"MIT","bugs":{"url":"https://github.com/checkly/headless-recorder/issues"},"homepage":"https://github.com/checkly/headless-recorder#readme","dependencies":{"@medv/finder":"^1.1.2","events":"^3.2.0","vue":"^2.5.17","vue-clipboard2":"^0.2.1","vue-highlightjs":"^1.3.3"},"devDependencies":{"@vue/test-utils":"^1.0.0-beta.24","babel":"^6.23.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-jest":"^23.4.2","babel-loader":"^7.1.5","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-runtime":"^6.23.0","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.5.2","css-loader":"^1.0.0","eslint":"^5.3.0","eslint-config-standard":"^12.0.0-alpha.0","eslint-plugin-html":"^4.0.5","eslint-plugin-import":"^2.13.0","eslint-plugin-jest":"^21.21.0","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^3.8.0","eslint-plugin-standard":"^3.1.0","express":"^4.16.3","extract-text-webpack-plugin":"^3.0.2","gren":"0.0.1","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","jest-vue-preprocessor":"^1.4.0","lodash":"^4.17.19","node-sass":"^4.14.1","pre-commit":"^1.2.2","puppeteer":"^2.1.1","sass-loader":"^7.1.0","style-loader":"^0.22.1","superagent":"^3.8.3","vue-loader":"^15.3.0","vue-style-loader":"^4.1.1","vue-template-compiler":"^2.5.17","webpack":"^4.16.5","webpack-chrome-extension-reloader":"^0.8.3","webpack-cli":"^3.1.0","zip-folder":"^1.0.0"},"standard":{"globals":["chrome"]},"_id":"headless-recorder@0.8.2","_nodeVersion":"12.19.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-G4SuhqA8Zi403QAx12UAFC2K4A/Ft2tJbKkeVCcAZNNpgSwSBUh010hJP1j4f58Tu6RgYMgm7BpYLfA92jKfKg==","shasum":"4a8db93984034b5b6e0ab9a4cb8794deaff7b5be","tarball":"https://registry.npmjs.org/headless-recorder/-/headless-recorder-0.8.2.tgz","fileCount":84,"unpackedSize":1416889,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf53tyCRA9TVsSAnZWagAA4RUP/2HPGA0mYF8w3Ns/HrYF\nLjZ+0dPR73L6ndWwrz7I+NaJSHbzRoxBonHy7kTdOHPlewFpxFv88QEURw6b\nvQgqDaNkbrXlIJP7/nrZdk8XKj48oABuhKZXbw5Nvoeg2TEfJ7l+LMd+fR/1\nJ7je+vJnb3yiLaJUqICbZFmAhQahQI8pksEbBwbFJi2/gQe6ddnli7aY6sNl\nMpfOy98pITR9xu+hZ4Pj8dEnemHpDtzyMWNYbwsRqEuydBQa7nugEmkMPsK0\n1IpKTAwpx5InH2n1y0ZOYHt0PiAxFeQwP9bdMTLobeMmuZVQPSG1w6VsvV05\n5Cm5FxsMewVbo2T8hk5RpGu+4r6tU3u8Zu9Ui0vj03D8EBX+VaF65YKZm81m\n+O8S4e0fXTzKR9FKtuQxpAsAfWk7sZ8XmRpaSl2RF7SKeUF3wzhq5WK+5a0/\nNIl/5otOuxd5rC4A+LllaQSk0jmmdUfye3U+tpH82mhn6/RLlvkIgeMsddeX\nZo8ADRW0mm/316Yx6kTeVm+ZVikHEB6oEWEIBWjMIJ3dEwzj+uMl90VT3Qbn\ngfdf9UEfmdyqt61zpTUkkxJl34REfBsmqaxJNdfv57+OP1U0L5XMbG/7WOFw\nr+iOKAhsI66TngxZxpCYPi35mV0Kon2xfvTwmrBobqw2R+D95tTaPPV6rN9O\nW943\r\n=Mi1c\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAz4P7VNuGi99PuA/ZkBg3/mbB2pKHTkkp5XmgPrmNctAiA0Cl6+8gtnJH+PzQcFO27sKqJo/rngVPyblczQ5LqPzg=="}]},"_npmUser":{"name":"recepkizilarslan","email":"recepkizilarslan@gmail.com"},"directories":{},"maintainers":[{"name":"recepkizilarslan","email":"recepkizilarslan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-recorder_0.8.2_1609005937591_0.8306218881114913"},"_hasShrinkwrap":false}},"time":{"created":"2020-12-26T18:05:37.590Z","0.8.2":"2020-12-26T18:05:37.827Z","modified":"2022-05-04T19:39:52.725Z"},"maintainers":[{"name":"recepkizilarslan","email":"recepkizilarslan@gmail.com"}],"description":"A Chrome extension for recording browser interaction and generating Puppeteer & Playwright scripts","homepage":"https://github.com/checkly/headless-recorder#readme","keywords":["puppeteer","chrome","extension"],"repository":{"type":"git","url":"git+https://github.com/checkly/headless-recorder.git"},"author":{"name":"Tim Nolet"},"bugs":{"url":"https://github.com/checkly/headless-recorder/issues"},"license":"MIT","readme":"# Headless Recorder (previously Puppeteer Recorder)\n\n[](https://travis-ci.org/checkly/headless-recorder)\n\n#### Gold sponsor\n[![\"Checkly\"](\"chrome-store/checkly-logo.png?raw=true\")
](https://checklyhq.com?utm_source=github&utm_medium=sponsor-logo-github&utm_campaign=headless-recorder)\n\n\n\n⭐️ Puppeteer Recorder is now **Headless Recorder** and supports Playwright! ⭐️ \n\nHeadless recorder is a Chrome extension that records your browser interactions and generates a\n[Puppeteer](http://pptr.dev/) or [Playwright](https://playwright.dev/) script. Install it from the [Chrome Webstore](https://chrome.google.com/webstore/detail/puppeteer-recorder/djeegiggegleadkkbgopoonhjimgehda).\nDon't forget to check out our sister project [theheadless.dev](https://theheadless.dev/), the open source knowledge base for Puppeteer and Playwright.\n\nThis project does the following already:\n\n- Records clicks and type events.\n- Add waitForNavigation, setViewPort and other useful clauses.\n- Generates a Puppeteer script.\n- Shows which events are being recorded.\n- Copy to clipboard.\n- Offers configuration options.\n- Allows data-id configuration for element selection.\n\n> Note: we only record certain events. See `dom-events-to-record.js` in the code-generator folder for which events. This collection will be expanded in future releases.\n\n## Usage\n\n- Click the icon and hit Record.\n- Hit tab after you finish typing in an `input` element.\n- Click links, inputs and other elements.\n- Wait for full page load on each navigation. The icon will switch from  to .\n- Click Pause when you want to navigate without recording anything. Hit Resume to continue recording.\n\n## Background\n\nWriting Puppeteer or Playwright scripts for scraping, testing and monitoring can be tricky. A recorder / code generator can be helpful,\neven if the code isn't perfect. This project builds on other projects (see [disclaimer](#user-content-credits--disclaimer)\nbelow) but adds extensibility, configurability and a smoother UI.\n\n## Development\n\n1. Run: `git clone https://github.com/checkly/headless-recorder.git`\n2. Build the project: `cd headless-recorder && npm i && npm run dev`\n2. Navigate to chrome://extensions\n3. Make sure 'Developer mode' is checked\n4. Click Load unpacked extension...\n5. Browse to headless-recorder/build and click Select\n\n## Cutting a Release\n\n- bump versions in `package.json` and `manifest.json`\n- tag the code with the version, i.e. `git tag v0.4.0`\n- push with tags `git push --tags`\n\nNow generate a release with **gren**. Make sure all issues associated with the new version are linked to a milestone\nwith the name of the tag.\n\n```\ngren release --override --data-source=milestones --milestone-match=\"{{tag_name}}\"\n```\n\n## Credits & disclaimer\n\nHeadless recorder is the spiritual successor & love child of segment.io's\n[Daydream](https://github.com/segmentio/daydream) and [ui recorder](https://github.com/yguan/ui-recorder).\nHeadless Recorder was previously named \"Puppeteer Recorder\".\n\n## License\nApache 2\n","readmeFilename":"README.md"}