{"_id":"@fastly/performance-observer-polyfill","_rev":"136-41d52ac80de80efc744e0aefec9ae4c7","name":"@fastly/performance-observer-polyfill","dist-tags":{"next":"2.0.0-pre-1.3","latest":"2.0.0"},"versions":{"1.0.0":{"name":"@fastly/performance-observer-polyfill","version":"1.0.0","keywords":["performance","performanceobserver","polyfill"],"license":"MIT","_id":"@fastly/performance-observer-polyfill@1.0.0","maintainers":[{"name":"chicagoing","email":"estellagmadison@gmail.com"},{"name":"jasminedaly","email":"jasmine@fastly.com"},{"name":"thebsantiago","email":"bsantiago@fastly.com"},{"name":"asergeyev","email":"asergeyev@fastly.com"},{"name":"coreylight","email":"coreylight@gmail.com"},{"name":"wrongolia","email":"philgroman@gmail.com"},{"name":"darryldexter","email":"darryl.dex@gmail.com"},{"name":"triblondon","email":"andrew@trib.tv"},{"name":"fgsch","email":"fgsch@lodoss.net"},{"name":"jason-maier","email":"jason.maier@fastly.com"},{"name":"leklund","email":"leklund@gmail.com"},{"name":"pabergman","email":"alexander.bergman@gmail.com"},{"name":"davystevenson","email":"dstevenson@fastly.com"},{"name":"gschorkopf","email":"gschorkopf@gmail.com"},{"name":"andri_antonia","email":"andri@fastly.com"},{"name":"bernabas","email":"dbernabas@gmail.com"},{"name":"gerlando","email":"gerlando@gmail.com"},{"name":"philippschulte","email":"philipp.schulte@ymail.com"},{"name":"thommahoney","email":"mahoneyt@gmail.com"},{"name":"psbanka","email":"peter.banka@gmail.com"},{"name":"tundal45","email":"tundal45@gmail.com"},{"name":"ezkl","email":"zeke@templ.in"},{"name":"evrowe","email":"ev.rowe@gmail.com"},{"name":"vaporbook","email":"aaron@bookglutton.com"},{"name":"jianzhu","email":"jzhu@fastly.com"},{"name":"sokeefe","email":"sokeefe@fastly.com"},{"name":"jessicaspacekat","email":"jessicaspamkat@gmail.com"},{"name":"lflores","email":"lflores@fastly.com"},{"name":"rsouzafastly","email":"rsouza@fastly.com"},{"name":"patrickhamann","email":"patrick@fastly.com"},{"name":"blithe","email":"blithe@blitherocher.com"}],"homepage":"https://github.com/fastly/performance-observer-polyfill#readme","bugs":{"url":"https://github.com/fastly/performance-observer-polyfill/issues"},"dist":{"shasum":"5d54aa1d4ab0afcfcb6172a9cdf22fa7cb2bd701","tarball":"https://registry.npmjs.org/@fastly/performance-observer-polyfill/-/performance-observer-polyfill-1.0.0.tgz","fileCount":19,"integrity":"sha512-C3Twy8XP3q1cFKHfzjRt0FDpzsjqP80Rch7bfSCMHR5pYY2PSpNKDkxwd7VHuPnXGJ7SSZaPI+GOyVUKh2s0ww==","signatures":[{"sig":"MEUCIH62tIC0nmGdVMZWgcgLjKgRgoIO/9TJXDEN9BnjJFhgAiEAss5Fj8yLvbH5JxKlf/uvdts/8YQCTGzj4vdXWZ77EXk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":563901,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdAmgXCRA9TVsSAnZWagAAryUP/2fd+nw/YLUsOTvsq8K/\n6lIZkqlVpTm8loa7eZz0//G45enYnUqa3lKIJbw+xQP+KQi8mtmOtPt8Q/ue\njanpu8//SRd5zftrn0O3G1qsuf7KFY9D0Ms+UNTVC5Jw/U5EDyKl5lEW/xFD\n9D7h8Kg/DYJpEHiReHRabPIFPU2IXT0ODZME2+E3WAgzlLTzZ4yXhHxPWZdG\no2Q0RDP9L1GWYhHnyCj0ySU/TVX/rlM0dR+xiNu0rop2VzW17tiRs3L22c/I\n2jVTH+xam4jXS0XGj0IDh3w/gBsa1DLZPNwDJNRIBuYi62BQZ5AUrfPIcIvG\nBBXtiwLi0o/spQ3Aal0B7ZBLClShv7Xhs7MRQdlTwpkCdBq3f4XhCgquXfz7\np0cNEL6VnB9FBhfeGkRc2xc4FzNKUUI4Wfm/H9fzp37kbdpjQuoVeR3TmuN9\nLODVuacqYHLegTn8T7O7fLFmgZj1uruZ9mr3G0wH68643LpQe25JtnaHb1u5\nwONRvOtS6/+Uvdj5ULlDUdHmICe1RPojwtdmXyKrM2JC+aBsU5f5xyPBezM0\nnNRLdCn8aUUypon3K2HyZ+bjN983A+VhYUaV8PxqWOVx+6lqqyFjhycX4c5j\nzlkkLLDojWMYV+ZgQl2RehUlfoMU+2tLmnVIwIlxnPclUM8VH2CbDi3vqXzv\nzGZZ\r\n=dSs4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","husky":{"hooks":{"pre-push":"npm test"}},"types":"src/@types/index.d.ts","module":"src/index.js","gitHead":"4d591dc21dc376a29fabc30f6c2938563daa0716","scripts":{"lint":"tsc --noEmit && eslint '*/**/*.ts' --fix","test":"npm run test:once && npm run lint","build":"webpack --config webpack.prod.js","start":"webpack-dev-server --progress --open --config webpack.dev.js","release":"npx np","build:dev":"webpack --config webpack.dev.js","test:once":"jest --coverage","test:watch":"jest --watch","prepublishOnly":"npm run build"},"_npmUser":{"name":"patrickhamann","email":"patrick@fastly.com"},"repository":{"url":"git+https://github.com/fastly/performance-observer-polyfill.git","type":"git"},"_npmVersion":"6.9.0","description":"

🔎 PerformanceObserver Polyfill

\"Travis\"🔎 PerformanceObserver Polyfill\n

\n \n \"Travis\"\n \n \n \"gzip\n \n

\n\nThe [`PerformanceObserver`](https://developer.mozilla.org/en-US/docs/Web/API/PerformanceObserver) interface is a JavaScript API that can be used to observe the [Performance Timeline](https://www.w3.org/TR/performance-timeline-2/#dfn-performance-timeline) to be notified of new performance metrics as they are recorded.\n\nThis polyfill allows consumers to use the `PerformanceObserver` interface within browser environments, which have basic Performance Timeline support (I.e. `window.performance.getEntries()`), but don't have observer support. \n\nThe polypill works by falling back to polling the Performance Timeline on a given interval and calling all subscribed observers with the resulting set of entires. \n\n## Quick links\n- [Installation](#installation)\n- [Usage](#usage)\n- [Development](#development)\n- [License](#license)\n\n## Installation\n```sh\nnpm install --save @fastly/performance-observer-polyfill\n```\n\n## Usage: \n\n### As a [polyfill](https://ponyfill.com/#polyfill)\nThis automatically \"installs\" PerformanceObserverPolyfill as `window.PerformanceObserver()` if it detects PerformanceObserver isn't supported:\n\n```js\nimport '@fastly/performance-observer-polyfill/polyfill'\n\n// PerformanceObserver is now available globally!\nconst observer = new PerformanceObserver((list) => {});\nobserver.observe({entryTypes: ['resource']});\n```\n\n### Usage: As a [ponyfill](https://github.com/sindresorhus/ponyfill)\n\nWith a module bundler like [rollup](http://rollupjs.org) or [webpack](https://webpack.js.org),\nyou can import `@fastly/performance-observer-polyfill` to use in your code without modifying any globals:\n\n```js\n// using JS Modules:\nimport PerformanceObserver from '@fastly/performance-observer-polyfill'\n\n// or using CommonJS:\nconst PerformanceObserver = require('@fastly/performance-observer-polyfill')\n\n// usage:\nconst observer = new PerformanceObserver((list) => {});\nobserver.observe({entryTypes: ['resource']})\n```\n\n## Caveats\nAs the polypill implements the PerformanceObserver interface by falling back to polling the Performance Timeline via a call to `window.performance.getEntries()` we are limited to only expose timeline entry types that are supported by `getEntries()`. Therefore the polypill can only be used to observe the entry types: `navigation`, `resource` and `mark`. Newer entry types such as `paint` are only exposed by the native PerformanceObserver implementation and thus not polyfillable. \n\n## Development\n\n### Requirements\n- Node.js >= 10a\n\n### Install\n```sh\ngit clone git@github.com:fastly/performance-observer-polyfill.git\ncd performance-observer-polyfill\nnpm install\nnpm run build\n```\n\n## Running\nMost actions you'd like to perform whilst developing performance-observer-polyfill are defined as NPM scripts tasks and can be invoked using `npm run {task}`.\n\nA list of all commands and their description can be found below.\n\n\n| Name | Description |\n| --------- | -------------------------------------------------------------------------------------------------------------- |\n| build | Compiles the application for production environments |\n| build:dev | Compiles the application for development |\n| lint | Lints the source files for style errors using ESLint and automatically formats the source files using prettier |\n| test | Runs the unit test suite |\n\n## License\n[MIT](https://github.com/fastly/insights.js/blob/master/LICENSE)\n","gitHead":"e1e3877af0a142d7ffc022754ee3073191ff80a3","scripts":{"lint":"tsc --noEmit && eslint '*/**/*.ts' --fix","test":"npm run test:once && npm run lint","build":"webpack --config webpack.prod.js","start":"webpack-dev-server --progress --open --config webpack.dev.js","release":"npx np","build:dev":"webpack --config webpack.dev.js","test:once":"jest --coverage","test:watch":"jest --watch","prepublishOnly":"npm run build"},"_npmUser":{"name":"patrickhamann","email":"patrick@fastly.com"},"repository":{"url":"git+https://github.com/fastly/performance-observer-polyfill.git","type":"git"},"_npmVersion":"6.9.0","description":"

🔎 PerformanceObserver Polyfill

\"Travis\"🔎 PerformanceObserver Polyfill\n

\n \n \"Travis\"\n \n \n \"gzip\n \n

\n\nThe [`PerformanceObserver`](https://developer.mozilla.org/en-US/docs/Web/API/PerformanceObserver) interface is a JavaScript API that can be used to observe the [Performance Timeline](https://www.w3.org/TR/performance-timeline-2/#dfn-performance-timeline) to be notified of new performance metrics as they are recorded.\n\nThis polyfill allows consumers to use the `PerformanceObserver` interface within browser environments, which have basic Performance Timeline support (I.e. `window.performance.getEntries()`), but don't have observer support. \n\nThe polypill works by falling back to polling the Performance Timeline on a given interval and calling all subscribed observers with the resulting set of entires. \n\n## Quick links\n- [Installation](#installation)\n- [Usage](#usage)\n- [Development](#development)\n- [License](#license)\n\n## Installation\n```sh\nnpm install --save @fastly/performance-observer-polyfill\n```\n\n## Usage: \n\n### As a [polyfill](https://ponyfill.com/#polyfill)\nThis automatically \"installs\" PerformanceObserverPolyfill as `window.PerformanceObserver()` if it detects PerformanceObserver isn't supported:\n\n```js\nimport '@fastly/performance-observer-polyfill/polyfill'\n\n// PerformanceObserver is now available globally!\nconst observer = new PerformanceObserver((list) => {});\nobserver.observe({entryTypes: ['resource']});\n```\n\n### Usage: As a [ponyfill](https://github.com/sindresorhus/ponyfill)\n\nWith a module bundler like [rollup](http://rollupjs.org) or [webpack](https://webpack.js.org),\nyou can import `@fastly/performance-observer-polyfill` to use in your code without modifying any globals:\n\n```js\n// using JS Modules:\nimport PerformanceObserver from '@fastly/performance-observer-polyfill'\n\n// or using CommonJS:\nconst PerformanceObserver = require('@fastly/performance-observer-polyfill')\n\n// usage:\nconst observer = new PerformanceObserver((list) => {});\nobserver.observe({entryTypes: ['resource']})\n```\n\n## Caveats\nAs the polypill implements the PerformanceObserver interface by falling back to polling the Performance Timeline via a call to `window.performance.getEntries()` we are limited to only expose timeline entry types that are supported by `getEntries()`. Therefore the polypill can only be used to observe the entry types: `navigation`, `resource` and `mark`. Newer entry types such as `paint` are only exposed by the native PerformanceObserver implementation and thus not polyfillable. \n\n## Development\n\n### Requirements\n- Node.js >= 10a\n\n### Install\n```sh\ngit clone git@github.com:fastly/performance-observer-polyfill.git\ncd performance-observer-polyfill\nnpm install\nnpm run build\n```\n\n## Running\nMost actions you'd like to perform whilst developing performance-observer-polyfill are defined as NPM scripts tasks and can be invoked using `npm run {task}`.\n\nA list of all commands and their description can be found below.\n\n\n| Name | Description |\n| --------- | -------------------------------------------------------------------------------------------------------------- |\n| build | Compiles the application for production environments |\n| build:dev | Compiles the application for development |\n| lint | Lints the source files for style errors using ESLint and automatically formats the source files using prettier |\n| test | Runs the unit test suite |\n\n## License\n[MIT](https://github.com/fastly/insights.js/blob/master/LICENSE)\n","gitHead":"5175483072726cec0e95506c376d2dab0491a624","scripts":{"lint":"tsc --noEmit && eslint '*/**/*.ts' --fix","test":"npm run test:once && npm run lint","build":"webpack --config webpack.prod.js","start":"webpack-dev-server --progress --open --config webpack.dev.js","release":"npx np","build:dev":"webpack --config webpack.dev.js","test:once":"jest --coverage","test:watch":"jest --watch","prepublishOnly":"npm run build"},"_npmUser":{"name":"patrickhamann","email":"patrick@fastly.com"},"repository":{"url":"git+https://github.com/fastly/performance-observer-polyfill.git","type":"git"},"_npmVersion":"6.9.0","description":"

🔎 PerformanceObserver Polyfill

\"Travis\"🔎 PerformanceObserver Polyfill

\"Travis\"🔎 PerformanceObserver Polyfill

\"Travis\"🔎 PerformanceObserver Polyfill

\"Travis\"🔎 PerformanceObserver Polyfill\n

\n \n \"Travis\"\n \n \n \"gzip\n \n

\n\nThe [`PerformanceObserver`](https://developer.mozilla.org/en-US/docs/Web/API/PerformanceObserver) interface is a JavaScript API that can be used to observe the [Performance Timeline](https://www.w3.org/TR/performance-timeline-2/#dfn-performance-timeline) to be notified of new performance metrics as they are recorded.\n\nThis polyfill allows consumers to use the `PerformanceObserver` interface within browser environments, which have basic Performance Timeline support (I.e. `window.performance.getEntries()`), but don't have observer support. \n\nThe polyfill works by falling back to polling the Performance Timeline on a given interval and calling all subscribed observers with the resulting set of entires. \n\n## Quick links\n- [Installation](#installation)\n- [Usage](#usage)\n- [Development](#development)\n- [License](#license)\n\n## Installation\n```sh\nnpm install --save @fastly/performance-observer-polyfill\n```\n\n## Usage: \n\n### As a [polyfill](https://ponyfill.com/#polyfill)\nThis automatically \"installs\" PerformanceObserverPolyfill as `window.PerformanceObserver()` if it detects PerformanceObserver isn't supported:\n\n```js\nimport '@fastly/performance-observer-polyfill/polyfill'\n\n// PerformanceObserver is now available globally!\nconst observer = new PerformanceObserver((list) => {});\nobserver.observe({entryTypes: ['resource']});\n```\n\n### Usage: As a [ponyfill](https://github.com/sindresorhus/ponyfill)\n\nWith a module bundler like [rollup](http://rollupjs.org) or [webpack](https://webpack.js.org),\nyou can import `@fastly/performance-observer-polyfill` to use in your code without modifying any globals:\n\n```js\n// using JS Modules:\nimport PerformanceObserver from '@fastly/performance-observer-polyfill'\n\n// or using CommonJS:\nconst PerformanceObserver = require('@fastly/performance-observer-polyfill')\n\n// usage:\nconst observer = new PerformanceObserver((list) => {});\nobserver.observe({entryTypes: ['resource']})\n```\n\n## Caveats\nAs the polyfill implements the PerformanceObserver interface by falling back to polling the Performance Timeline via a call to `window.performance.getEntries()` we are limited to only expose timeline entry types that are supported by `getEntries()`. Therefore the polyfill can only be used to observe the entry types: `navigation`, `resource` and `mark`. Newer entry types such as `paint` are only exposed by the native PerformanceObserver implementation and thus not polyfillable. \n\n## Development\n\n### Requirements\n- Node.js >= 10\n\n### Install\n```sh\ngit clone git@github.com:fastly/performance-observer-polyfill.git\ncd performance-observer-polyfill\nnpm install\nnpm run build\n```\n\n## Running\nMost actions you'd like to perform whilst developing performance-observer-polyfill are defined as NPM scripts tasks and can be invoked using `npm run {task}`.\n\nA list of all commands and their description can be found below.\n\n\n| Name | Description |\n| --------- | -------------------------------------------------------------------------------------------------------------- |\n| build | Compiles the application for production environments |\n| build:dev | Compiles the application for development |\n| lint | Lints the source files for style errors using ESLint and automatically formats the source files using prettier |\n| test | Runs the unit test suite |\n\n## License\n[MIT](https://github.com/fastly/insights.js/blob/master/LICENSE)\n","gitHead":"388efdc81811eac2242a9dfb122c78eb2bf50d04","scripts":{"lint":"tsc --noEmit && eslint '*/**/*.ts' --fix","test":"npm run test:once && npm run lint","build":"rollup -c --environment ENV:prod","start":"rollup -c --environment ENV:dev","release":"npx np","build:dev":"npm run start","test:once":"jest --coverage","test:watch":"jest --watch","prepublishOnly":"npm run build"},"_npmUser":{"name":"patrickhamann","email":"patrick@fastly.com"},"repository":{"url":"git+https://github.com/fastly/performance-observer-polyfill.git","type":"git"},"_npmVersion":"7.3.0","description":"

🔎 PerformanceObserver Polyfill

\"Travis\"🔎 PerformanceObserver Polyfill\n

\n \n \"Travis\"\n \n \n \"gzip\n \n

\n\nThe [`PerformanceObserver`](https://developer.mozilla.org/en-US/docs/Web/API/PerformanceObserver) interface is a JavaScript API that can be used to observe the [Performance Timeline](https://www.w3.org/TR/performance-timeline-2/#dfn-performance-timeline) to be notified of new performance metrics as they are recorded.\n\nThis polyfill allows consumers to use the `PerformanceObserver` interface within browser environments, which have basic Performance Timeline support (I.e. `window.performance.getEntries()`), but don't have observer support. \n\nThe polyfill works by falling back to polling the Performance Timeline on a given interval and calling all subscribed observers with the resulting set of entires. \n\n## Quick links\n- [Installation](#installation)\n- [Usage](#usage)\n- [Development](#development)\n- [License](#license)\n\n## Installation\n```sh\nnpm install --save @fastly/performance-observer-polyfill\n```\n\n## Usage: \n\n### As a [polyfill](https://ponyfill.com/#polyfill)\nThis automatically \"installs\" PerformanceObserverPolyfill as `window.PerformanceObserver()` if it detects PerformanceObserver isn't supported:\n\n```js\nimport '@fastly/performance-observer-polyfill/polyfill'\n\n// PerformanceObserver is now available globally!\nconst observer = new PerformanceObserver((list) => {});\nobserver.observe({entryTypes: ['resource']});\n```\n\n### Usage: As a [ponyfill](https://github.com/sindresorhus/ponyfill)\n\nWith a module bundler like [rollup](http://rollupjs.org) or [webpack](https://webpack.js.org),\nyou can import `@fastly/performance-observer-polyfill` to use in your code without modifying any globals:\n\n```js\n// using JS Modules:\nimport PerformanceObserver from '@fastly/performance-observer-polyfill'\n\n// or using CommonJS:\nconst PerformanceObserver = require('@fastly/performance-observer-polyfill')\n\n// usage:\nconst observer = new PerformanceObserver((list) => {});\nobserver.observe({entryTypes: ['resource']})\n```\n\n## Caveats\nAs the polyfill implements the PerformanceObserver interface by falling back to polling the Performance Timeline via a call to `window.performance.getEntries()` we are limited to only expose timeline entry types that are supported by `getEntries()`. Therefore the polyfill can only be used to observe the entry types: `navigation`, `resource` and `mark`. Newer entry types such as `paint` are only exposed by the native PerformanceObserver implementation and thus not polyfillable. \n\n## Development\n\n### Requirements\n- Node.js >= 10\n\n### Install\n```sh\ngit clone git@github.com:fastly/performance-observer-polyfill.git\ncd performance-observer-polyfill\nnpm install\nnpm run build\n```\n\n## Running\nMost actions you'd like to perform whilst developing performance-observer-polyfill are defined as NPM scripts tasks and can be invoked using `npm run {task}`.\n\nA list of all commands and their description can be found below.\n\n\n| Name | Description |\n| --------- | -------------------------------------------------------------------------------------------------------------- |\n| build | Compiles the application for production environments |\n| build:dev | Compiles the application for development |\n| lint | Lints the source files for style errors using ESLint and automatically formats the source files using prettier |\n| test | Runs the unit test suite |\n\n## License\n[MIT](https://github.com/fastly/insights.js/blob/master/LICENSE)\n","gitHead":"3cdc86fa7f1ac6a194eba05d7aea26ae683409de","scripts":{"lint":"tsc --noEmit && eslint '*/**/*.ts' --fix","test":"npm run test:once && npm run lint","build":"rollup -c --environment ENV:prod","start":"rollup -c --environment ENV:dev","release":"npx np","build:dev":"npm run start","test:once":"jest --coverage","test:watch":"jest --watch","prepublishOnly":"npm run build"},"_npmUser":{"name":"patrickhamann","email":"patrick@fastly.com"},"repository":{"url":"git+https://github.com/fastly/performance-observer-polyfill.git","type":"git"},"_npmVersion":"7.3.0","description":"

🔎 PerformanceObserver Polyfill

\"Travis\"🔎 PerformanceObserver Polyfill\n

\n \n \"Travis\"\n \n \n \"gzip\n \n

\n\nThe [`PerformanceObserver`](https://developer.mozilla.org/en-US/docs/Web/API/PerformanceObserver) interface is a JavaScript API that can be used to observe the [Performance Timeline](https://www.w3.org/TR/performance-timeline-2/#dfn-performance-timeline) to be notified of new performance metrics as they are recorded.\n\nThis polyfill allows consumers to use the `PerformanceObserver` interface within browser environments, which have basic Performance Timeline support (I.e. `window.performance.getEntries()`), but don't have observer support. \n\nThe polyfill works by falling back to polling the Performance Timeline on a given interval and calling all subscribed observers with the resulting set of entires. \n\n## Quick links\n- [Installation](#installation)\n- [Usage](#usage)\n- [Development](#development)\n- [License](#license)\n\n## Installation\n```sh\nnpm install --save @fastly/performance-observer-polyfill\n```\n\n## Usage: \n\n### As a [polyfill](https://ponyfill.com/#polyfill)\nThis automatically \"installs\" PerformanceObserverPolyfill as `window.PerformanceObserver()` if it detects PerformanceObserver isn't supported:\n\n```js\nimport '@fastly/performance-observer-polyfill/polyfill'\n\n// PerformanceObserver is now available globally!\nconst observer = new PerformanceObserver((list) => {});\nobserver.observe({entryTypes: ['resource']});\n```\n\n### Usage: As a [ponyfill](https://github.com/sindresorhus/ponyfill)\n\nWith a module bundler like [rollup](http://rollupjs.org) or [webpack](https://webpack.js.org),\nyou can import `@fastly/performance-observer-polyfill` to use in your code without modifying any globals:\n\n```js\n// using JS Modules:\nimport PerformanceObserver from '@fastly/performance-observer-polyfill'\n\n// or using CommonJS:\nconst PerformanceObserver = require('@fastly/performance-observer-polyfill')\n\n// usage:\nconst observer = new PerformanceObserver((list) => {});\nobserver.observe({entryTypes: ['resource']})\n```\n\n## Caveats\nAs the polyfill implements the PerformanceObserver interface by falling back to polling the Performance Timeline via a call to `window.performance.getEntries()` we are limited to only expose timeline entry types that are supported by `getEntries()`. Therefore the polyfill can only be used to observe the entry types: `navigation`, `resource` and `mark`. Newer entry types such as `paint` are only exposed by the native PerformanceObserver implementation and thus not polyfillable. \n\n## Development\n\n### Requirements\n- Node.js >= 10\n\n### Install\n```sh\ngit clone git@github.com:fastly/performance-observer-polyfill.git\ncd performance-observer-polyfill\nnpm install\nnpm run build\n```\n\n## Running\nMost actions you'd like to perform whilst developing performance-observer-polyfill are defined as NPM scripts tasks and can be invoked using `npm run {task}`.\n\nA list of all commands and their description can be found below.\n\n\n| Name | Description |\n| --------- | -------------------------------------------------------------------------------------------------------------- |\n| build | Compiles the application for production environments |\n| build:dev | Compiles the application for development |\n| lint | Lints the source files for style errors using ESLint and automatically formats the source files using prettier |\n| test | Runs the unit test suite |\n\n## License\n[MIT](https://github.com/fastly/insights.js/blob/master/LICENSE)\n","gitHead":"a8bc0bb350461519686ec742266c50268f68fcd3","scripts":{"lint":"tsc --noEmit && eslint '*/**/*.ts' --fix","test":"npm run test:once && npm run lint","build":"rollup -c --environment ENV:prod","start":"rollup -c --environment ENV:dev","release":"npx np","build:dev":"npm run start","test:once":"jest --coverage","test:watch":"jest --watch","prepublishOnly":"npm run build"},"_npmUser":{"name":"patrickhamann","email":"patrick@fastly.com"},"repository":{"url":"git+https://github.com/fastly/performance-observer-polyfill.git","type":"git"},"_npmVersion":"7.3.0","description":"

🔎 PerformanceObserver Polyfill

\"Travis\"🔎 PerformanceObserver Polyfill\n

\n \n \"Travis\"\n \n \n \"gzip\n \n

\n\nThe [`PerformanceObserver`](https://developer.mozilla.org/en-US/docs/Web/API/PerformanceObserver) interface is a JavaScript API that can be used to observe the [Performance Timeline](https://www.w3.org/TR/performance-timeline-2/#dfn-performance-timeline) to be notified of new performance metrics as they are recorded.\n\nThis polyfill allows consumers to use the `PerformanceObserver` interface within browser environments, which have basic Performance Timeline support (I.e. `window.performance.getEntries()`), but don't have observer support. \n\nThe polyfill works by falling back to polling the Performance Timeline on a given interval and calling all subscribed observers with the resulting set of entires. \n\n## Quick links\n- [Installation](#installation)\n- [Usage](#usage)\n- [Development](#development)\n- [License](#license)\n\n## Installation\n```sh\nnpm install --save @fastly/performance-observer-polyfill\n```\n\n## Usage: \n\n### As a [polyfill](https://ponyfill.com/#polyfill)\nThis automatically \"installs\" PerformanceObserverPolyfill as `window.PerformanceObserver()` if it detects PerformanceObserver isn't supported:\n\n```js\nimport '@fastly/performance-observer-polyfill/polyfill'\n\n// PerformanceObserver is now available globally!\nconst observer = new PerformanceObserver((list) => {});\nobserver.observe({entryTypes: ['resource']});\n```\n\n### Usage: As a [ponyfill](https://github.com/sindresorhus/ponyfill)\n\nWith a module bundler like [rollup](http://rollupjs.org) or [webpack](https://webpack.js.org),\nyou can import `@fastly/performance-observer-polyfill` to use in your code without modifying any globals:\n\n```js\n// using JS Modules:\nimport PerformanceObserver from '@fastly/performance-observer-polyfill'\n\n// or using CommonJS:\nconst PerformanceObserver = require('@fastly/performance-observer-polyfill')\n\n// usage:\nconst observer = new PerformanceObserver((list) => {});\nobserver.observe({entryTypes: ['resource']})\n```\n\n## Caveats\nAs the polyfill implements the PerformanceObserver interface by falling back to polling the Performance Timeline via a call to `window.performance.getEntries()` we are limited to only expose timeline entry types that are supported by `getEntries()`. Therefore the polyfill can only be used to observe the entry types: `navigation`, `resource` and `mark`. Newer entry types such as `paint` are only exposed by the native PerformanceObserver implementation and thus not polyfillable. \n\n## Development\n\n### Requirements\n- Node.js >= 10\n\n### Install\n```sh\ngit clone git@github.com:fastly/performance-observer-polyfill.git\ncd performance-observer-polyfill\nnpm install\nnpm run build\n```\n\n## Running\nMost actions you'd like to perform whilst developing performance-observer-polyfill are defined as NPM scripts tasks and can be invoked using `npm run {task}`.\n\nA list of all commands and their description can be found below.\n\n\n| Name | Description |\n| --------- | -------------------------------------------------------------------------------------------------------------- |\n| build | Compiles the application for production environments |\n| build:dev | Compiles the application for development |\n| lint | Lints the source files for style errors using ESLint and automatically formats the source files using prettier |\n| test | Runs the unit test suite |\n\n## License\n[MIT](https://github.com/fastly/insights.js/blob/master/LICENSE)\n","gitHead":"81ab3195c282447155e6de1e501e1ffb5fb13b4b","scripts":{"lint":"tsc --noEmit && eslint '*/**/*.ts' --fix","test":"npm run test:once && npm run lint","build":"rollup -c --environment ENV:prod","start":"rollup -c --environment ENV:dev","release":"npx np","build:dev":"npm run start","test:once":"jest --coverage","test:watch":"jest --watch","prepublishOnly":"npm run build"},"_npmUser":{"name":"patrickhamann","email":"patrick@fastly.com"},"repository":{"url":"git+https://github.com/fastly/performance-observer-polyfill.git","type":"git"},"_npmVersion":"7.3.0","description":"

🔎 PerformanceObserver Polyfill

\"Travis\"🔎 PerformanceObserver Polyfill\n

\n \n \"Travis\"\n \n \n \"gzip\n \n

\n\nThe [`PerformanceObserver`](https://developer.mozilla.org/en-US/docs/Web/API/PerformanceObserver) interface is a JavaScript API that can be used to observe the [Performance Timeline](https://www.w3.org/TR/performance-timeline-2/#dfn-performance-timeline) to be notified of new performance metrics as they are recorded.\n\nThis polyfill allows consumers to use the `PerformanceObserver` interface within browser environments, which have basic Performance Timeline support (I.e. `window.performance.getEntries()`), but don't have observer support. \n\nThe polyfill works by falling back to polling the Performance Timeline on a given interval and calling all subscribed observers with the resulting set of entires. \n\n## Quick links\n- [Installation](#installation)\n- [Usage](#usage)\n- [Development](#development)\n- [License](#license)\n\n## Installation\n```sh\nnpm install --save @fastly/performance-observer-polyfill\n```\n\n## Usage: \n\n### As a [polyfill](https://ponyfill.com/#polyfill)\nThis automatically \"installs\" PerformanceObserverPolyfill as `window.PerformanceObserver()` if it detects PerformanceObserver isn't supported:\n\n```js\nimport '@fastly/performance-observer-polyfill/polyfill'\n\n// PerformanceObserver is now available globally!\nconst observer = new PerformanceObserver((list) => {});\nobserver.observe({entryTypes: ['resource']});\n```\n\n### Usage: As a [ponyfill](https://github.com/sindresorhus/ponyfill)\n\nWith a module bundler like [rollup](http://rollupjs.org) or [webpack](https://webpack.js.org),\nyou can import `@fastly/performance-observer-polyfill` to use in your code without modifying any globals:\n\n```js\n// using JS Modules:\nimport PerformanceObserver from '@fastly/performance-observer-polyfill'\n\n// or using CommonJS:\nconst PerformanceObserver = require('@fastly/performance-observer-polyfill')\n\n// usage:\nconst observer = new PerformanceObserver((list) => {});\nobserver.observe({entryTypes: ['resource']})\n```\n\n## Caveats\nAs the polyfill implements the PerformanceObserver interface by falling back to polling the Performance Timeline via a call to `window.performance.getEntries()` we are limited to only expose timeline entry types that are supported by `getEntries()`. Therefore the polyfill can only be used to observe the entry types: `navigation`, `resource` and `mark`. Newer entry types such as `paint` are only exposed by the native PerformanceObserver implementation and thus not polyfillable. \n\n## Development\n\n### Requirements\n- Node.js >= 10\n\n### Install\n```sh\ngit clone git@github.com:fastly/performance-observer-polyfill.git\ncd performance-observer-polyfill\nnpm install\nnpm run build\n```\n\n## Running\nMost actions you'd like to perform whilst developing performance-observer-polyfill are defined as NPM scripts tasks and can be invoked using `npm run {task}`.\n\nA list of all commands and their description can be found below.\n\n\n| Name | Description |\n| --------- | -------------------------------------------------------------------------------------------------------------- |\n| build | Compiles the application for production environments |\n| build:dev | Compiles the application for development |\n| lint | Lints the source files for style errors using ESLint and automatically formats the source files using prettier |\n| test | Runs the unit test suite |\n\n## License\n[MIT](https://github.com/fastly/insights.js/blob/master/LICENSE)\n","gitHead":"81d74c66e9a52d5f73b6967e85ba3d4798a4abae","scripts":{"lint":"tsc --noEmit && eslint '*/**/*.ts' --fix","test":"npm run test:once && npm run lint","build":"rollup -c --environment ENV:prod","start":"rollup -c --environment ENV:dev","release":"npx np","build:dev":"npm run start","test:once":"jest --coverage","test:watch":"jest --watch","prepublishOnly":"npm run build"},"_npmUser":{"name":"patrickhamann","email":"patrick@fastly.com"},"repository":{"url":"git+https://github.com/fastly/performance-observer-polyfill.git","type":"git"},"_npmVersion":"7.3.0","description":"

🔎 PerformanceObserver Polyfill

\"Travis\"🔎 PerformanceObserver Polyfill

\"Travis\"🔎 PerformanceObserver Polyfill

\"Travis\"🔎 PerformanceObserver Polyfill\n

\n \n \"Travis\"\n \n \n \"gzip\n \n

\n\nThe [`PerformanceObserver`](https://developer.mozilla.org/en-US/docs/Web/API/PerformanceObserver) interface is a JavaScript API that can be used to observe the [Performance Timeline](https://www.w3.org/TR/performance-timeline-2/#dfn-performance-timeline) to be notified of new performance metrics as they are recorded.\n\nThis polyfill allows consumers to use the `PerformanceObserver` interface within browser environments, which have basic Performance Timeline support (I.e. `window.performance.getEntries()`), but don't have observer support. \n\nThe polyfill works by falling back to polling the Performance Timeline on a given interval and calling all subscribed observers with the resulting set of entires. \n\n## Quick links\n- [Installation](#installation)\n- [Usage](#usage)\n- [Development](#development)\n- [License](#license)\n\n## Installation\n```sh\nnpm install --save @fastly/performance-observer-polyfill\n```\n\n## Usage: \n\n### As a [polyfill](https://ponyfill.com/#polyfill)\nThis automatically \"installs\" PerformanceObserverPolyfill as `window.PerformanceObserver()` if it detects PerformanceObserver isn't supported:\n\n```js\nimport '@fastly/performance-observer-polyfill/polyfill'\n\n// PerformanceObserver is now available globally!\nconst observer = new PerformanceObserver((list) => {});\nobserver.observe({entryTypes: ['resource']});\n```\n\n### Usage: As a [ponyfill](https://github.com/sindresorhus/ponyfill)\n\nWith a module bundler like [rollup](http://rollupjs.org) or [webpack](https://webpack.js.org),\nyou can import `@fastly/performance-observer-polyfill` to use in your code without modifying any globals:\n\n```js\n// using JS Modules:\nimport PerformanceObserver from '@fastly/performance-observer-polyfill'\n\n// or using CommonJS:\nconst PerformanceObserver = require('@fastly/performance-observer-polyfill')\n\n// usage:\nconst observer = new PerformanceObserver((list) => {});\nobserver.observe({entryTypes: ['resource']})\n```\n\n## Caveats\nAs the polyfill implements the PerformanceObserver interface by falling back to polling the Performance Timeline via a call to `window.performance.getEntries()` we are limited to only expose timeline entry types that are supported by `getEntries()`. Therefore the polyfill can only be used to observe the entry types: `navigation`, `resource` and `mark`. Newer entry types such as `paint` are only exposed by the native PerformanceObserver implementation and thus not polyfillable. \n\n## Development\n\n### Requirements\n- Node.js >= 10\n\n### Install\n```sh\ngit clone git@github.com:fastly/performance-observer-polyfill.git\ncd performance-observer-polyfill\nnpm install\nnpm run build\n```\n\n## Running\nMost actions you'd like to perform whilst developing performance-observer-polyfill are defined as NPM scripts tasks and can be invoked using `npm run {task}`.\n\nA list of all commands and their description can be found below.\n\n\n| Name | Description |\n| --------- | -------------------------------------------------------------------------------------------------------------- |\n| build | Compiles the application for production environments |\n| build:dev | Compiles the application for development |\n| lint | Lints the source files for style errors using ESLint and automatically formats the source files using prettier |\n| test | Runs the unit test suite |\n\n## License\n[MIT](https://github.com/fastly/insights.js/blob/master/LICENSE)\n","readmeFilename":"README.md"}