{"_id":"@buraksaraloglu/trace-vitals","_rev":"1-70ac235fd30251e1639163bd6e83d595","name":"@buraksaraloglu/trace-vitals","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@buraksaraloglu/trace-vitals","version":"1.0.0","description":"`trace-vitals` is a small script that traces the web-vitals and sends the reports to the given endpoint. The following metrics are collected:","main":"dist/index.js","dependencies":{"web-vitals":"^2.1.0"},"devDependencies":{"@rollup/plugin-node-resolve":"^13.0.4","eslint":"^7.32.0","eslint-config-airbnb-base":"^14.2.1","eslint-plugin-import":"^2.24.0","prettier":"^2.3.2","rollup":"^2.56.2"},"scripts":{"clean":"rm -rf ./dist","build":"npm run clean && npx rollup -c","dev":"npx rollup -c -w","lint":"npx eslint ./src/**/*.js"},"repository":{"type":"git","url":"git+https://github.com/buraksaraloglu/trace-vitals.git"},"keywords":["web-vitals"],"author":{"name":"Burak Saraloglu"},"license":"MIT","bugs":{"url":"https://github.com/buraksaraloglu/trace-vitals/issues"},"homepage":"https://github.com/buraksaraloglu/trace-vitals#readme","gitHead":"c653edc53ac62eedae08a279aa589503f792a6c2","_id":"@buraksaraloglu/trace-vitals@1.0.0","_nodeVersion":"16.3.0","_npmVersion":"7.17.0","dist":{"integrity":"sha512-2wsvqf1VbCCzicyB4KMbVW+OWJw+FxGBUtLEqOBOKb62Nm7btCf6alRpbN5fOlR5/uidm0JXe04CVjClDL3uiA==","shasum":"fd64bc0cc1c422939c3474f1f64223af1a53ee2d","tarball":"https://registry.npmjs.org/@buraksaraloglu/trace-vitals/-/trace-vitals-1.0.0.tgz","fileCount":16,"unpackedSize":14580,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhGP76CRA9TVsSAnZWagAAbHcP/jYN0wyRVD78bEo9yrNS\nffImvOda7ZLidCzMqgJ5pL4FuxXkRlgIt18+OcB3vIKGec8r0TzLToD4I7lV\nCDm3ik0yX0tCkc9cg3m7iVMcaXCA275yiWV9ijbIjZcOSGecVDS0lBzUBNep\ni41PTgrSQpn+VL9Q3V9zp4Kc/jMDCDbVZMqMIUQPbLiow5516pcsHexc+m1V\nLD1WM/hthO8TWLWAcVd1xR2uwY0PmfcFwD6ZV3NmSZ3hc6ko3OZFyBWR5TS7\n+hkMeCRYKJU5n1ZwT/yUvPq2fb4OvPmx28KPgcUoqu07Ezf5XqQX6XmDxyxa\nsCkdgsVHkeRNE8/lwAnyJ2eUYCm5kSagG1gQYzCIUh6QAj5p17l/NiN7C1XG\nVPXeDhX6kNIsi/2uWQSiuTqyOTdJKIGnsgZfOSmYQN8ZrEU8BGAYT39W92/7\nuIN5FJh1a410ugG+1okmEr0agDPoeWJCgOjh6oTvfAv75tYmRHirQV3BCUgC\nuC9L4gP0x0Al4ylQ8n0aYR41r8aUsxFipk+HMNiL2uRoaUTwVLTYeHWFv7KH\nBSUBWj2v9ocSq7VAyuxUmNmt5vniQt5Tn3QFDB1hPxgRvik4On4nYknn2/wA\nSqL3MfsxDptirk8sfhVLgZ9NxC+QcTuJh7srOgoPWEXGCMbz4q6HstPLsvjl\nEeyU\r\n=AJih\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFs4C2kp/aKTXdpq+SWrwlmpVSlC4PLRNeQZtdTcw/6oAiEAr/pV5sv2KgdwmVqki2Icr1X8XnoUXyakQbbzGhf5lds="}]},"_npmUser":{"name":"buraksaraloglu","email":"buraksaraloglu1@gmail.com"},"directories":{},"maintainers":[{"name":"buraksaraloglu","email":"buraksaraloglu1@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/trace-vitals_1.0.0_1629028090409_0.5947275553484028"},"_hasShrinkwrap":false}},"time":{"created":"2021-08-15T11:48:10.344Z","1.0.0":"2021-08-15T11:48:10.549Z","modified":"2022-04-04T21:07:21.350Z"},"maintainers":[{"name":"buraksaraloglu","email":"buraksaraloglu1@gmail.com"}],"description":"`trace-vitals` is a small script that traces the web-vitals and sends the reports to the given endpoint. The following metrics are collected:","homepage":"https://github.com/buraksaraloglu/trace-vitals#readme","keywords":["web-vitals"],"repository":{"type":"git","url":"git+https://github.com/buraksaraloglu/trace-vitals.git"},"author":{"name":"Burak Saraloglu"},"bugs":{"url":"https://github.com/buraksaraloglu/trace-vitals/issues"},"license":"MIT","readme":"# trace-vitals\n\n`trace-vitals` is a small script that traces the web-vitals and sends the reports to the given endpoint. The following metrics are collected:\n\n- [First Contentful Paint (FCP)](https://web.dev/fcp/)\n- [Time to First Byte (TTFB)](https://en.wikipedia.org/wiki/Time_to_first_byte)\n\n## Installation\n\nTo use `trace-vitals` in your app, install it via npm as production dependencies:\n\n`npm install trace-vitals --save`\n\n## Basic usage\n\nThe simplest usage of `trace-vitals` looks something like this:\n\n```javascript\nimport traceVitals from 'trace-vitals';\n\nwindow.addEventListener(\"load\", () => {\n  traceVitals.then(({ traceVitals }) => {\n    traceVitals(\"http://localhost:3000/analytics\");\n  });\n});\n```\n","readmeFilename":"README.md"}