{"componentChunkName":"component---src-templates-doc-tsx","path":"/clients/javascript/integrations/","result":{"data":{"file":{"id":"4b7a517b-16ac-54a4-93ee-bf73fe0632fb","relativePath":"clients/javascript/integrations.mdx","sourceInstanceName":"docs","childMarkdownRemark":null,"childMdx":{"body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"draft\": false,\n \"categories\": [],\n \"toc\": true,\n \"title\": \"Integrations\",\n \"noindex\": true,\n \"tags\": []\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar Alert = makeShortcode(\"Alert\");\nvar CodeTabs = makeShortcode(\"CodeTabs\");\nvar CodeBlock = makeShortcode(\"CodeBlock\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, [\"components\"]);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"p\", null, \"Integrations extend the functionality of Raven.js to cover common libraries and environments automatically using simple plugins.\"), mdx(\"h2\", {\n \"id\": \"what-are-plugins\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h2\"\n }, {\n \"href\": \"#what-are-plugins\",\n \"aria-label\": \"what are plugins permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"What are plugins?\"), mdx(\"p\", null, \"In Raven.js, plugins are little snippets of code to augment functionality for a\\nspecific application/framework. We highly recommended you check out the list\\nof plugins and use what apply to your project.\"), mdx(\"p\", null, \"In order to keep the core small, we have opted to only include the most basic functionality by default, and you can pick and choose which plugins are applicable for you.\"), mdx(\"h2\", {\n \"id\": \"why-are-plugins-needed-at-all\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h2\"\n }, {\n \"href\": \"#why-are-plugins-needed-at-all\",\n \"aria-label\": \"why are plugins needed at all permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Why are plugins needed at all?\"), mdx(\"p\", null, \"JavaScript is pretty restrictive when it comes to exception handling, and there are a lot of things that make it difficult to get relevent information, so it\\u2019s important that we inject code and wrap things magically so we can extract what we need. See \", mdx(\"a\", _extends({\n parentName: \"p\"\n }, {\n \"href\": \"/clients/javascript/usage/\"\n }), mdx(\"em\", {\n parentName: \"a\"\n }, \"Usage\")), \" for tips regarding that.\"), mdx(\"h2\", {\n \"id\": \"installation\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h2\"\n }, {\n \"href\": \"#installation\",\n \"aria-label\": \"installation permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Installation\"), mdx(\"p\", null, \"To install a plugin just include the plugin \", mdx(\"strong\", {\n parentName: \"p\"\n }, \"after\"), \" Raven has been loaded and the Raven global variable is registered. This happens automatically if you install from a CDN with the required plugins in the URL.\"), mdx(\"h2\", {\n \"id\": \"angularjs\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h2\"\n }, {\n \"href\": \"#angularjs\",\n \"aria-label\": \"angularjs permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"AngularJS\"), mdx(\"p\", null, \"To use Sentry with your AngularJS (1.x) application, you will need to use both Raven.js (Sentry\\u2019s browser JavaScript SDK) and the Raven.js AngularJS plugin.\"), mdx(\"p\", null, \"On its own, Raven.js will report any uncaught exceptions triggered from your application. For advanced usage examples of Raven.js, please read \", mdx(\"a\", _extends({\n parentName: \"p\"\n }, {\n \"href\": \"/clients/javascript/usage/\"\n }), mdx(\"em\", {\n parentName: \"a\"\n }, \"Raven.js usage\")), \".\"), mdx(\"p\", null, \"Additionally, the Raven.js AngularJS plugin will catch any AngularJS-specific exceptions reported through AngularJS\\u2019s \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"$exceptionHandler\"), \" interface.\"), mdx(Alert, {\n level: \"info\",\n title: \"Note\",\n mdxType: \"Alert\"\n }, mdx(\"markdown\", null, mdx(\"p\", null, \"This documentation is for Angular 1.x. See also: \", mdx(\"a\", _extends({\n parentName: \"p\"\n }, {\n \"href\": \"#angular\"\n }), mdx(\"em\", {\n parentName: \"a\"\n }, \"Angular 2.x\")), \".\"))), mdx(\"h3\", {\n \"id\": \"installation-1\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h3\"\n }, {\n \"href\": \"#installation-1\",\n \"aria-label\": \"installation 1 permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Installation\"), mdx(\"p\", null, \"Raven.js and the Raven.js Angular plugin are distributed using a few different methods.\"), mdx(\"h4\", {\n \"id\": \"using-our-cdn\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h4\"\n }, {\n \"href\": \"#using-our-cdn\",\n \"aria-label\": \"using our cdn permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Using our CDN\"), mdx(\"p\", null, \"For convenience, our CDN serves a single, minified JavaScript file containing both Raven.js and the Raven.js AngularJS plugin. It should be included \", mdx(\"strong\", {\n parentName: \"p\"\n }, \"after\"), \" Angular, but \", mdx(\"strong\", {\n parentName: \"p\"\n }, \"before\"), \" your application code.\"), mdx(\"p\", null, \"Example:\"), mdx(\"div\", {\n \"className\": \"code-tabs-wrapper\"\n }, mdx(CodeTabs, {\n mdxType: \"CodeTabs\"\n }, mdx(CodeBlock, {\n language: \"html\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"html\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-html\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-html\"\n }), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"script\"), \" \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-name\"\n }), \"src\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-value\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation attr-equals\"\n }), \"=\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\"), \"https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\")), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token script\"\n })), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"script\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-name\"\n }), \"src\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-value\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation attr-equals\"\n }), \"=\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\"), \"https://cdn.ravenjs.com/3.26.4/angular/raven.min.js\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\")), \"\\n \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-name\"\n }), \"crossorigin\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-value\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation attr-equals\"\n }), \"=\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\"), \"anonymous\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\")), \"\\n\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token script\"\n })), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"script\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token script\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token language-javascript\"\n }), \"\\n Raven\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token function\"\n }), \"config\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"___PUBLIC_DSN___\\\"\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token function\"\n }), \"install\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")))))))), mdx(\"p\", null, \"Note that this CDN build auto-initializes the Angular plugin.\"), mdx(\"h4\", {\n \"id\": \"using-package-managers\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h4\"\n }, {\n \"href\": \"#using-package-managers\",\n \"aria-label\": \"using package managers permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Using package managers\"), mdx(\"p\", null, \"Pre-built distributions of Raven.js and the Raven.js AngularJS plugin are available via both Bower and npm.\"), mdx(\"h5\", {\n \"id\": \"bower\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h5\"\n }, {\n \"href\": \"#bower\",\n \"aria-label\": \"bower permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Bower\"), mdx(\"div\", {\n \"className\": \"code-tabs-wrapper\"\n }, mdx(CodeTabs, {\n mdxType: \"CodeTabs\"\n }, mdx(CodeBlock, {\n language: \"shell\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"shell\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-shell\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-shell\"\n }), \"bower \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"install\"), \" raven-js --save\")))), mdx(CodeBlock, {\n language: \"html\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"html\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-html\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-html\"\n }), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"script\"), \" \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-name\"\n }), \"src\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-value\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation attr-equals\"\n }), \"=\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\"), \"/bower_components/angular/angular.js\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\")), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token script\"\n })), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"script\"), \" \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-name\"\n }), \"src\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-value\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation attr-equals\"\n }), \"=\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\"), \"/bower_components/raven-js/dist/raven.js\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\")), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token script\"\n })), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"script\"), \" \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-name\"\n }), \"src\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-value\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation attr-equals\"\n }), \"=\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\"), \"/bower_components/raven-js/dist/plugins/angular.js\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\")), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token script\"\n })), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"script\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token script\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token language-javascript\"\n }), \"\\n Raven\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token function\"\n }), \"config\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"___PUBLIC_DSN___\\\"\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token function\"\n }), \"addPlugin\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), \"Raven\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), \"Plugins\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), \"Angular\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token function\"\n }), \"install\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")))))))), mdx(\"h5\", {\n \"id\": \"npm\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h5\"\n }, {\n \"href\": \"#npm\",\n \"aria-label\": \"npm permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"npm\"), mdx(\"div\", {\n \"className\": \"code-tabs-wrapper\"\n }, mdx(CodeTabs, {\n mdxType: \"CodeTabs\"\n }, mdx(CodeBlock, {\n language: \"shell\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"shell\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-shell\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-shell\"\n }), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"npm\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"install\"), \" raven-js --save\")))), mdx(CodeBlock, {\n language: \"html\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"html\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-html\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-html\"\n }), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"script\"), \" \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-name\"\n }), \"src\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-value\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation attr-equals\"\n }), \"=\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\"), \"/node_modules/angular/angular.js\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\")), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token script\"\n })), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"script\"), \" \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-name\"\n }), \"src\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-value\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation attr-equals\"\n }), \"=\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\"), \"/node_modules/raven-js/dist/raven.js\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\")), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token script\"\n })), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"script\"), \" \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-name\"\n }), \"src\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-value\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation attr-equals\"\n }), \"=\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\"), \"/node_modules/raven-js/dist/plugins/angular.js\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\")), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token script\"\n })), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"script\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token script\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token language-javascript\"\n }), \"\\n Raven\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token function\"\n }), \"config\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"___PUBLIC_DSN___\\\"\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token function\"\n }), \"addPlugin\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), \"Raven\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), \"Plugins\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), \"Angular\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token function\"\n }), \"install\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")))))))), mdx(\"p\", null, \"These examples assume that AngularJS is exported globally as \", mdx(\"em\", {\n parentName: \"p\"\n }, \"window.angular\"), \". You can alternatively pass a reference to the \", mdx(\"em\", {\n parentName: \"p\"\n }, \"angular\"), \" object directly as the second argument to \", mdx(\"em\", {\n parentName: \"p\"\n }, \"addPlugin\"), \":\"), mdx(\"div\", {\n \"className\": \"code-tabs-wrapper\"\n }, mdx(CodeTabs, {\n mdxType: \"CodeTabs\"\n }, mdx(CodeBlock, {\n language: \"javascript\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"javascript\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-javascript\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-javascript\"\n }), \"Raven\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"addPlugin\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), \"Raven\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), \"Plugins\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), \"Angular\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \" angular\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"))))))), mdx(\"h4\", {\n \"id\": \"module-loaders-commonjs\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h4\"\n }, {\n \"href\": \"#module-loaders-commonjs\",\n \"aria-label\": \"module loaders commonjs permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Module loaders (CommonJS)\"), mdx(\"p\", null, \"Raven and the Raven AngularJS plugin can be loaded using a module loader like Browserify or Webpack.\"), mdx(\"div\", {\n \"className\": \"code-tabs-wrapper\"\n }, mdx(CodeTabs, {\n mdxType: \"CodeTabs\"\n }, mdx(CodeBlock, {\n language: \"javascript\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"javascript\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-javascript\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-javascript\"\n }), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"var\"), \" angular \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \"=\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"require\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"angular\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"var\"), \" Raven \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \"=\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"require\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"raven-js\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\\nRaven\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"config\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"___PUBLIC_DSN___\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"addPlugin\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"require\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"raven-js/plugins/angular\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \" angular\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"install\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"))))))), mdx(\"p\", null, \"Note that when using CommonJS-style imports, you must pass a reference to \", mdx(\"em\", {\n parentName: \"p\"\n }, \"angular\"), \" as the second argument to \", mdx(\"em\", {\n parentName: \"p\"\n }, \"addPlugin\"), \".\"), mdx(\"h3\", {\n \"id\": \"angularjs-configuration\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h3\"\n }, {\n \"href\": \"#angularjs-configuration\",\n \"aria-label\": \"angularjs configuration permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"AngularJS Configuration\"), mdx(\"p\", null, \"Inside your main AngularJS application module, you need to declare \", mdx(\"em\", {\n parentName: \"p\"\n }, \"ngRaven\"), \" as a module dependency:\"), mdx(\"div\", {\n \"className\": \"code-tabs-wrapper\"\n }, mdx(CodeTabs, {\n mdxType: \"CodeTabs\"\n }, mdx(CodeBlock, {\n language: \"javascript\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"javascript\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-javascript\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-javascript\"\n }), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"var\"), \" myApp \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \"=\"), \" angular\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"module\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"myApp\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"[\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"ngRaven\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"ngRoute\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"myAppControllers\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"myAppFilters\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"]\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"))))))), mdx(\"h4\", {\n \"id\": \"id1\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h4\"\n }, {\n \"href\": \"#id1\",\n \"aria-label\": \"id1 permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Module loaders (CommonJS)\"), mdx(\"p\", null, \"The raven angular module can be loaded using a module loader like Browserify or Webpack.\"), mdx(\"div\", {\n \"className\": \"code-tabs-wrapper\"\n }, mdx(CodeTabs, {\n mdxType: \"CodeTabs\"\n }, mdx(CodeBlock, {\n language: \"javascript\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"javascript\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-javascript\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-javascript\"\n }), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"var\"), \" angular \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \"=\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"require\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"angular\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"var\"), \" ngRaven \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \"=\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"require\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"raven-js/plugins/angular\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), \"moduleName\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"var\"), \" ngRoute \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \"=\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"require\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"angular-route\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"var\"), \" myAppFilters \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \"=\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"require\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"./myAppFilters\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"var\"), \" myAppControllers \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \"=\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"require\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"./myAppControllers\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"var\"), \" moduleName \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \"=\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"myApp\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\\nangular\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"module\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), \"moduleName\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"[\"), \"ngRaven\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \" ngRoute\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \" myAppControllers\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \" myAppFilters\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"]\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\\nmodule\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), \"exports \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \"=\"), \" moduleName\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"))))))), mdx(\"h2\", {\n \"id\": \"angular\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h2\"\n }, {\n \"href\": \"#angular\",\n \"aria-label\": \"angular permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Angular\"), mdx(\"p\", null, \"This document uses Angular to refer to Angular 2+. On its own, Raven.js will report any uncaught exceptions triggered from your application. For advanced usage examples of Raven.js, please read \", mdx(\"a\", _extends({\n parentName: \"p\"\n }, {\n \"href\": \"/clients/javascript/usage/\"\n }), mdx(\"em\", {\n parentName: \"a\"\n }, \"Raven.js usage\")), \".\"), mdx(\"p\", null, \"Additionally, Raven.js can be configured to catch any Angular-specific (2.x) exceptions reported through the \", mdx(\"a\", _extends({\n parentName: \"p\"\n }, {\n \"href\": \"https://angular.io/api/core/ErrorHandler\"\n }), \"@angular/core/ErrorHandler\"), \" component.\"), mdx(\"h3\", {\n \"id\": \"typescript-support\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h3\"\n }, {\n \"href\": \"#typescript-support\",\n \"aria-label\": \"typescript support permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"TypeScript Support\"), mdx(\"p\", null, \"Raven.js ships with a \", mdx(\"a\", _extends({\n parentName: \"p\"\n }, {\n \"href\": \"https://github.com/getsentry/raven-js/blob/master/packages/raven-js/typescript/raven.d.ts\"\n }), \"TypeScript declaration file\"), \", which helps static checking correctness of Raven.js API calls, and facilitates auto-complete in TypeScript-aware IDEs like Visual Studio Code.\"), mdx(\"h3\", {\n \"id\": \"installation-2\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h3\"\n }, {\n \"href\": \"#installation-2\",\n \"aria-label\": \"installation 2 permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Installation\"), mdx(\"p\", null, \"Raven.js should be installed via npm.\"), mdx(\"div\", {\n \"className\": \"code-tabs-wrapper\"\n }, mdx(CodeTabs, {\n mdxType: \"CodeTabs\"\n }, mdx(CodeBlock, {\n language: \"shell\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"shell\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-shell\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-shell\"\n }), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"npm\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"install\"), \" raven-js --save\")))))), mdx(\"h3\", {\n \"id\": \"configuration\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h3\"\n }, {\n \"href\": \"#configuration\",\n \"aria-label\": \"configuration permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Configuration\"), mdx(\"p\", null, \"Configuration depends on which module loader/packager you are using to build your Angular application.\"), mdx(\"p\", null, \"Below are instructions for \", mdx(\"a\", _extends({\n parentName: \"p\"\n }, {\n \"href\": \"https://github.com/systemjs/systemjs\"\n }), \"SystemJS\"), \", followed by instructions for \", mdx(\"a\", _extends({\n parentName: \"p\"\n }, {\n \"href\": \"https://webpack.github.io/\"\n }), \"Webpack\"), \", Angular CLI, and other module loaders/packagers.\"), mdx(\"h4\", {\n \"id\": \"systemjs\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h4\"\n }, {\n \"href\": \"#systemjs\",\n \"aria-label\": \"systemjs permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"SystemJS\"), mdx(\"p\", null, \"First, configure SystemJS to locate the Raven.js package:\"), mdx(\"div\", {\n \"className\": \"code-tabs-wrapper\"\n }, mdx(CodeTabs, {\n mdxType: \"CodeTabs\"\n }, mdx(CodeBlock, {\n language: \"js\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"js\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-js\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-js\"\n }), \"System\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"config\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \"\\n packages\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \":\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token comment\"\n }), \"/* ... existing packages above ... */\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"raven-js\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \":\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \"\\n main\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \":\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"dist/raven.js\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \"\\n paths\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \":\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token comment\"\n }), \"/* ... existing paths above ... */\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"raven-js\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \":\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"node_modules/raven-js\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"))))))), mdx(\"p\", null, \"Then, in your main module file (where \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"@NgModule\"), \" is called, e.g. app.module.ts):\"), mdx(\"div\", {\n \"className\": \"code-tabs-wrapper\"\n }, mdx(CodeTabs, {\n mdxType: \"CodeTabs\"\n }, mdx(CodeBlock, {\n language: \"js\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"js\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-js\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-js\"\n }), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"import\"), \" Raven \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \"=\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"require\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"'raven-js'\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"import\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \" BrowserModule \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"from\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"'@angular/platform-browser'\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"import\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \" NgModule\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \" ErrorHandler \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"from\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"'@angular/core'\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"import\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \" AppComponent \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"from\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"'./app.component'\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"import\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \" environment \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"from\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"'../environments/environment'\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\\nRaven\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"config\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"'___PUBLIC_DSN___'\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"install\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"export\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"class\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token class-name\"\n }), \"RavenErrorHandler\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"implements\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token class-name\"\n }), \"ErrorHandler\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"handleError\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), \"err\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \":\"), \"any\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \":\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"void\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \"\\n Raven\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"captureException\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), \"err\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), \"originalError \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \"||\"), \" err\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"if\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \"!\"), \"environment\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), \"production\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"super\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"handleError\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), \"err\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), \"\\n\\n@\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"NgModule\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \"\\n imports\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \":\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"[\"), \" BrowserModule \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"]\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \"\\n declarations\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \":\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"[\"), \" AppComponent \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"]\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \"\\n bootstrap\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \":\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"[\"), \" AppComponent \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"]\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \"\\n providers\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \":\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"[\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \" provide\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \":\"), \" ErrorHandler\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \" useClass\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \":\"), \" RavenErrorHandler \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"]\"), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"export\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"class\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token class-name\"\n }), \"AppModule\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"))))))), mdx(\"p\", null, \"Once you\\u2019ve completed these two steps, you are done.\"), mdx(\"h4\", {\n \"id\": \"angular-cli\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h4\"\n }, {\n \"href\": \"#angular-cli\",\n \"aria-label\": \"angular cli permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Angular CLI\"), mdx(\"p\", null, \"Angular CLI now uses Webpack to build instead of SystemJS. All you need to do is modify your main module file (where \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"@NgModule\"), \" is called, e.g. app.module.ts):\"), mdx(\"div\", {\n \"className\": \"code-tabs-wrapper\"\n }, mdx(CodeTabs, {\n mdxType: \"CodeTabs\"\n }, mdx(CodeBlock, {\n language: \"js\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"js\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-js\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-js\"\n }), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"import\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \"*\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"as\"), \" Raven \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"from\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"raven-js\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"import\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \" BrowserModule \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"from\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"@angular/platform-browser\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"import\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \" NgModule\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \" ErrorHandler \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"from\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"@angular/core\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"import\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \" AppComponent \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"from\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"./app.component\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\\nRaven\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"config\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"___PUBLIC_DSN___\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"install\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"export\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"class\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token class-name\"\n }), \"RavenErrorHandler\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"implements\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token class-name\"\n }), \"ErrorHandler\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"handleError\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), \"err\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \":\"), \" any\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \":\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"void\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \"\\n Raven\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"captureException\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), \"err\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), \"\\n\\n@\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"NgModule\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \"\\n imports\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \":\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"[\"), \"BrowserModule\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"]\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \"\\n declarations\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \":\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"[\"), \"AppComponent\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"]\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \"\\n bootstrap\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \":\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"[\"), \"AppComponent\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"]\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \"\\n providers\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \":\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"[\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \" provide\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \":\"), \" ErrorHandler\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \" useClass\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \":\"), \" RavenErrorHandler \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"]\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"export\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"class\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token class-name\"\n }), \"AppModule\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"))))))), mdx(\"p\", null, \"Once you\\u2019ve completed that step, you are done.\"), mdx(\"h2\", {\n \"id\": \"backbone\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h2\"\n }, {\n \"href\": \"#backbone\",\n \"aria-label\": \"backbone permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Backbone\"), mdx(\"h3\", {\n \"id\": \"installation-3\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h3\"\n }, {\n \"href\": \"#installation-3\",\n \"aria-label\": \"installation 3 permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Installation\"), mdx(\"p\", null, \"Start by adding the \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"raven.js\"), \" script tag to your page. It should be loaded as early as possible.\"), mdx(\"div\", {\n \"className\": \"code-tabs-wrapper\"\n }, mdx(CodeTabs, {\n mdxType: \"CodeTabs\"\n }, mdx(CodeBlock, {\n language: \"html\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"html\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-html\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-html\"\n }), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"script\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-name\"\n }), \"src\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-value\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation attr-equals\"\n }), \"=\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\"), \"https://cdn.ravenjs.com/3.26.4/raven.min.js\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\")), \"\\n \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-name\"\n }), \"crossorigin\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-value\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation attr-equals\"\n }), \"=\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\"), \"anonymous\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\")), \"\\n\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token script\"\n })), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")))))))), mdx(\"h3\", {\n \"id\": \"configuring-the-client\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h3\"\n }, {\n \"href\": \"#configuring-the-client\",\n \"aria-label\": \"configuring the client permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Configuring the Client\"), mdx(\"p\", null, \"Next configure Raven.js to use your Sentry DSN:\"), mdx(\"div\", {\n \"className\": \"code-tabs-wrapper\"\n }, mdx(CodeTabs, {\n mdxType: \"CodeTabs\"\n }, mdx(CodeBlock, {\n language: \"javascript\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"javascript\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-javascript\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-javascript\"\n }), \"Raven\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"config\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"___PUBLIC_DSN___\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"install\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"))))))), mdx(\"p\", null, \"At this point, Raven is ready to capture any uncaught exception.\"), mdx(\"h2\", {\n \"id\": \"ember\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h2\"\n }, {\n \"href\": \"#ember\",\n \"aria-label\": \"ember permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Ember\"), mdx(\"p\", null, \"To use Sentry with your Ember application, you will need to use both Raven.js (Sentry\\u2019s browser JavaScript SDK) and the Raven.js Ember plugin.\"), mdx(\"p\", null, \"On its own, Raven.js will report any uncaught exceptions triggered from your application. For advanced usage examples of Raven.js, please read \", mdx(\"a\", _extends({\n parentName: \"p\"\n }, {\n \"href\": \"/clients/javascript/usage/\"\n }), mdx(\"em\", {\n parentName: \"a\"\n }, \"Raven.js usage\")), \".\"), mdx(\"p\", null, \"Additionally, the Raven.js Ember plugin will catch any Ember-specific exceptions reported through Ember\\u2019s \", mdx(\"a\", _extends({\n parentName: \"p\"\n }, {\n \"href\": \"https://guides.emberjs.com/v3.2.0/configuring-ember/debugging/#toc_implement-an-ember-onerror-hook-to-log-all-errors-in-production\"\n }), \"onerror\"), \". hook and any \", mdx(\"a\", _extends({\n parentName: \"p\"\n }, {\n \"href\": \"https://guides.emberjs.com/v3.2.0/configuring-ember/debugging/#toc_errors-within-an-code-rsvp-promise-code\"\n }), \"RSVP promises\"), \" that would otherwise be swallowed.\"), mdx(\"h3\", {\n \"id\": \"installation-4\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h3\"\n }, {\n \"href\": \"#installation-4\",\n \"aria-label\": \"installation 4 permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Installation\"), mdx(\"p\", null, \"Raven.js and the Raven.js Ember plugin are distributed using a few different methods.\"), mdx(\"h4\", {\n \"id\": \"using-our-cdn-1\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h4\"\n }, {\n \"href\": \"#using-our-cdn-1\",\n \"aria-label\": \"using our cdn 1 permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Using our CDN\"), mdx(\"p\", null, \"For convenience, our CDN serves a single, minified JavaScript file containing both Raven.js and the Raven.js Ember plugin. It should be included \", mdx(\"strong\", {\n parentName: \"p\"\n }, \"after\"), \" Ember, but \", mdx(\"strong\", {\n parentName: \"p\"\n }, \"before\"), \" your application code.\"), mdx(\"p\", null, \"Example:\"), mdx(\"div\", {\n \"className\": \"code-tabs-wrapper\"\n }, mdx(CodeTabs, {\n mdxType: \"CodeTabs\"\n }, mdx(CodeBlock, {\n language: \"html\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"html\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-html\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-html\"\n }), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"script\"), \" \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-name\"\n }), \"src\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-value\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation attr-equals\"\n }), \"=\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\"), \"http://builds.emberjs.com/tags/v2.3.1/ember.prod.js\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\")), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token script\"\n })), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"script\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-name\"\n }), \"src\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-value\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation attr-equals\"\n }), \"=\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\"), \"https://cdn.ravenjs.com/3.26.4/ember/raven.min.js\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\")), \"\\n \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-name\"\n }), \"crossorigin\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-value\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation attr-equals\"\n }), \"=\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\"), \"anonymous\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\")), \"\\n\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token script\"\n })), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"script\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token script\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token language-javascript\"\n }), \"\\n Raven\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token function\"\n }), \"config\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"___PUBLIC_DSN___\\\"\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token function\"\n }), \"install\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")))))))), mdx(\"p\", null, \"Note that this CDN build auto-initializes the Ember plugin.\"), mdx(\"h3\", {\n \"id\": \"using-package-managers-1\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h3\"\n }, {\n \"href\": \"#using-package-managers-1\",\n \"aria-label\": \"using package managers 1 permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Using package managers\"), mdx(\"p\", null, \"Pre-built distributions of Raven.js and the Raven.js Ember plugin are available via both Bower and npm for importing in your \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"ember-cli-build.js\"), \" file.\"), mdx(\"h5\", {\n \"id\": \"bower-1\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h5\"\n }, {\n \"href\": \"#bower-1\",\n \"aria-label\": \"bower 1 permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Bower\"), mdx(\"div\", {\n \"className\": \"code-tabs-wrapper\"\n }, mdx(CodeTabs, {\n mdxType: \"CodeTabs\"\n }, mdx(CodeBlock, {\n language: \"shell\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"shell\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-shell\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-shell\"\n }), \"bower \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"install\"), \" raven-js --save\")))), mdx(CodeBlock, {\n language: \"javascript\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"javascript\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-javascript\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-javascript\"\n }), \"app\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"import\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"bower_components/raven-js/dist/raven.js\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\napp\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"import\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"bower_components/raven-js/dist/plugins/ember.js\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"))))), mdx(CodeBlock, {\n language: \"html\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"html\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-html\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-html\"\n }), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"script\"), \" \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-name\"\n }), \"src\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-value\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation attr-equals\"\n }), \"=\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\"), \"assets/vendor.js\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\")), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token script\"\n })), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"script\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token script\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token language-javascript\"\n }), \"\\n Raven\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token function\"\n }), \"config\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"___PUBLIC_DSN___\\\"\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token function\"\n }), \"addPlugin\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), \"Raven\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), \"Plugins\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), \"Ember\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token function\"\n }), \"install\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"script\"), \" \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-name\"\n }), \"src\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-value\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation attr-equals\"\n }), \"=\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\"), \"assets/your-app.js\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\")), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token script\"\n })), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")))))))), mdx(\"h5\", {\n \"id\": \"npm-1\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h5\"\n }, {\n \"href\": \"#npm-1\",\n \"aria-label\": \"npm 1 permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"npm\"), mdx(\"div\", {\n \"className\": \"code-tabs-wrapper\"\n }, mdx(CodeTabs, {\n mdxType: \"CodeTabs\"\n }, mdx(CodeBlock, {\n language: \"shell\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"shell\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-shell\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-shell\"\n }), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"npm\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"install\"), \" raven-js --save\")))), mdx(CodeBlock, {\n language: \"javascript\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"javascript\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-javascript\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-javascript\"\n }), \"app\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"import\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"node_modules/raven-js/dist/raven.js\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\napp\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"import\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"node_modules/raven-js/dist/plugins/ember.js\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"))))), mdx(CodeBlock, {\n language: \"html\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"html\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-html\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-html\"\n }), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"script\"), \" \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-name\"\n }), \"src\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-value\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation attr-equals\"\n }), \"=\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\"), \"assets/vendor.js\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\")), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token script\"\n })), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"script\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token script\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token language-javascript\"\n }), \"\\n Raven\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token function\"\n }), \"config\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"___PUBLIC_DSN___\\\"\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token function\"\n }), \"addPlugin\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), \"Raven\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), \"Plugins\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), \"Ember\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token function\"\n }), \"install\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"script\"), \" \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-name\"\n }), \"src\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-value\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation attr-equals\"\n }), \"=\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\"), \"assets/your-app.js\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\")), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token script\"\n })), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")))))))), mdx(\"p\", null, \"These examples assume that Ember is exported globally as \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"window.Ember\"), \". You can alternatively pass a reference to the \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"Ember\"), \" object directly as the second argument to \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"addPlugin\"), \":\"), mdx(\"div\", {\n \"className\": \"code-tabs-wrapper\"\n }, mdx(CodeTabs, {\n mdxType: \"CodeTabs\"\n }, mdx(CodeBlock, {\n language: \"javascript\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"javascript\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-javascript\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-javascript\"\n }), \"Raven\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"addPlugin\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), \"Raven\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), \"Plugins\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), \"Ember\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \" Ember\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"))))))), mdx(\"h2\", {\n \"id\": \"react\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h2\"\n }, {\n \"href\": \"#react\",\n \"aria-label\": \"react permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"React\"), mdx(\"h3\", {\n \"id\": \"installation-5\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h3\"\n }, {\n \"href\": \"#installation-5\",\n \"aria-label\": \"installation 5 permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Installation\"), mdx(\"p\", null, \"Start by adding the \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"raven.js\"), \" script tag to your page. It should be loaded as early as possible, before your main JavaScript bundle.\"), mdx(\"div\", {\n \"className\": \"code-tabs-wrapper\"\n }, mdx(CodeTabs, {\n mdxType: \"CodeTabs\"\n }, mdx(CodeBlock, {\n language: \"html\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"html\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-html\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-html\"\n }), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"script\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-name\"\n }), \"src\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-value\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation attr-equals\"\n }), \"=\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\"), \"https://cdn.ravenjs.com/3.26.4/raven.min.js\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\")), \"\\n \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-name\"\n }), \"crossorigin\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-value\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation attr-equals\"\n }), \"=\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\"), \"anonymous\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\")), \"\\n\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token script\"\n })), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")))))))), mdx(\"h3\", {\n \"id\": \"configuring-the-client-1\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h3\"\n }, {\n \"href\": \"#configuring-the-client-1\",\n \"aria-label\": \"configuring the client 1 permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Configuring the Client\"), mdx(\"p\", null, \"Next configure Raven.js to use your Sentry DSN:\"), mdx(\"div\", {\n \"className\": \"code-tabs-wrapper\"\n }, mdx(CodeTabs, {\n mdxType: \"CodeTabs\"\n }, mdx(CodeBlock, {\n language: \"javascript\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"javascript\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-javascript\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-javascript\"\n }), \"Raven\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"config\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"___PUBLIC_DSN___\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"install\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"))))))), mdx(\"p\", null, \"At this point, Raven is ready to capture any uncaught exception.\"), mdx(\"h3\", {\n \"id\": \"expanded-usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h3\"\n }, {\n \"href\": \"#expanded-usage\",\n \"aria-label\": \"expanded usage permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Expanded Usage\"), mdx(\"p\", null, \"If you\\u2019re using React 16 or above, \", mdx(\"a\", _extends({\n parentName: \"p\"\n }, {\n \"href\": \"https://reactjs.org/blog/2017/07/26/error-handling-in-react-16.html\"\n }), \"Error Boundaries\"), \" are an important tool for defining the behavior of your application in the face of errors. Be sure to send errors they catch to Sentry using \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"Raven.captureException\"), \", and optionally this is also a great opportunity to surface \", mdx(\"a\", _extends({\n parentName: \"p\"\n }, {\n \"href\": \"/platforms/javascript/enriching-events/user-feedback/\"\n }), \"User Feedback\")), mdx(\"div\", {\n \"className\": \"code-tabs-wrapper\"\n }, mdx(CodeTabs, {\n mdxType: \"CodeTabs\"\n }, mdx(CodeBlock, {\n language: \"jsx\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"jsx\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-jsx\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-jsx\"\n }), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"class\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token class-name\"\n }), \"ExampleBoundary\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"extends\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token class-name\"\n }), \"Component\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"constructor\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token parameter\"\n }), \"props\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"super\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), \"props\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"this\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), \"state \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \"=\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \" error\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \":\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"null\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), \"\\n\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"componentDidCatch\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token parameter\"\n }), \"error\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \" errorInfo\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"this\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"setState\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \" error \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n Raven\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"captureException\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), \"error\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \" extra\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \":\"), \" errorInfo \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), \"\\n\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"render\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"if\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"this\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), \"state\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), \"error\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token comment\"\n }), \"//render fallback UI\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"return\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"div\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-name\"\n }), \"className\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-value\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation attr-equals\"\n }), \"=\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\"), \"snap\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\")), \"\\n \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-name\"\n }), \"onClick\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token script language-javascript\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token script-punctuation punctuation\"\n }), \"=\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), \" \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token operator\"\n }), \"=>\"), \" Raven\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token function\"\n }), \"lastEventId\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), \" \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token operator\"\n }), \"&&\"), \" Raven\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token function\"\n }), \"showReportDialog\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\")), \"\\n \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token plain-text\"\n }), \"\\n \"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"img\"), \" \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-name\"\n }), \"src\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token script language-javascript\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token script-punctuation punctuation\"\n }), \"=\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \"oops\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\")), \" \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"/>\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token plain-text\"\n }), \"\\n \"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"p\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token plain-text\"\n }), \"We're sorry \\u2014 something's gone wrong.\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token plain-text\"\n }), \"\\n \"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"p\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token plain-text\"\n }), \"Our team has been notified, but click here fill out a report.\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token plain-text\"\n }), \"\\n \"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"else\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token comment\"\n }), \"//when there's not an error, render children untouched\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"return\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"this\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), \"props\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), \"children\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"))))), mdx(CodeBlock, {\n language: \"html\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"html\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-html\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-html\"\n }), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"div\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"ExampleBoundary\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"h2\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), \"Sidebar\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"Widget\"), \" \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"/>\")), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"p\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), \"This content won't unmount when Widget throws.\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")))))))), mdx(\"p\", null, \"One important thing to note about the behavior of error boundaries in development mode is that React will rethrow errors they catch. This will result in errors being reported twice to Sentry with the above setup, but this won\\u2019t occur in your production build.\"), mdx(\"p\", null, \"Read more about error boundaries \", mdx(\"a\", _extends({\n parentName: \"p\"\n }, {\n \"href\": \"https://blog.sentry.io/2017/09/28/react-16-error-boundaries\"\n }), \"in this blog post\"), \".\"), mdx(\"h3\", {\n \"id\": \"redux\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h3\"\n }, {\n \"href\": \"#redux\",\n \"aria-label\": \"redux permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Redux\"), mdx(\"p\", null, \"If you use \", mdx(\"a\", _extends({\n parentName: \"p\"\n }, {\n \"href\": \"https://github.com/reactjs/redux\"\n }), \"Redux\"), \" there are some useful community maintained middleware packages for annotating error reports with useful information, such as store state and recent actions:\"), mdx(\"ul\", null, mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"a\", _extends({\n parentName: \"li\"\n }, {\n \"href\": \"https://github.com/captbaritone/raven-for-redux\"\n }), \"captbaritone/raven-for-redux\")), mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"a\", _extends({\n parentName: \"li\"\n }, {\n \"href\": \"https://github.com/ngokevin/redux-raven-middleware\"\n }), \"ngokevin/redux-raven-middleware\"))), mdx(\"h3\", {\n \"id\": \"redux-sagas-middleware\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h3\"\n }, {\n \"href\": \"#redux-sagas-middleware\",\n \"aria-label\": \"redux sagas middleware permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Redux Sagas Middleware\"), mdx(\"p\", null, \"If you\\u2019re using \", mdx(\"a\", _extends({\n parentName: \"p\"\n }, {\n \"href\": \"https://github.com/redux-saga/redux-saga\"\n }), \"Redux Saga\"), \" be aware that it does not bubble errors up to the browsers uncaught exception handler.\"), mdx(\"p\", null, \"You may specify an error handler that captures saga exceptions by passing an \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"onError\"), \" function to the \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"createSagaMiddleware\"), \" options, and call \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"Raven.captureException\"), \" inside that callback. See the \", mdx(\"a\", _extends({\n parentName: \"p\"\n }, {\n \"href\": \"https://redux-saga.js.org/docs/api/#createsagamiddlewareoptions\"\n }), \"Redux Saga documentation\"), \" for more details.\"), mdx(\"h2\", {\n \"id\": \"vue\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h2\"\n }, {\n \"href\": \"#vue\",\n \"aria-label\": \"vue permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Vue.js (2.0)\"), mdx(Alert, {\n level: \"warning\",\n title: \"Support\",\n mdxType: \"Alert\"\n }, mdx(\"markdown\", null, mdx(\"p\", null, \"This plugin only works with Vue 2.0 or greater.\"))), mdx(\"p\", null, \"To use Sentry with your Vue application, you will need to use both Raven.js (Sentry\\u2019s browser JavaScript SDK) and the Raven.js Vue plugin.\"), mdx(\"p\", null, \"On its own, Raven.js will report any uncaught exceptions triggered from your application. For advanced usage examples of Raven.js, please read \", mdx(\"a\", _extends({\n parentName: \"p\"\n }, {\n \"href\": \"/clients/javascript/usage/\"\n }), mdx(\"em\", {\n parentName: \"a\"\n }, \"Raven.js usage\")), \".\"), mdx(\"p\", null, \"Additionally, the Raven.js Vue plugin will capture the name and props state of the active component where the error was thrown. This is reported via Vue\\u2019s \", mdx(\"em\", {\n parentName: \"p\"\n }, \"config.errorHandler\"), \" hook.\"), mdx(\"h3\", {\n \"id\": \"installation-6\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h3\"\n }, {\n \"href\": \"#installation-6\",\n \"aria-label\": \"installation 6 permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Installation\"), mdx(\"p\", null, \"Raven.js and the Raven.js Vue plugin are distributed using a few different methods.\"), mdx(\"h4\", {\n \"id\": \"using-our-cdn-2\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h4\"\n }, {\n \"href\": \"#using-our-cdn-2\",\n \"aria-label\": \"using our cdn 2 permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Using our CDN\"), mdx(\"p\", null, \"For convenience, our CDN serves a single, minified JavaScript file containing both Raven.js and the Raven.js Vue plugin. It should be included \", mdx(\"strong\", {\n parentName: \"p\"\n }, \"after\"), \" Vue, but \", mdx(\"strong\", {\n parentName: \"p\"\n }, \"before\"), \" your application code.\"), mdx(\"p\", null, \"Example:\"), mdx(\"div\", {\n \"className\": \"code-tabs-wrapper\"\n }, mdx(CodeTabs, {\n mdxType: \"CodeTabs\"\n }, mdx(CodeBlock, {\n language: \"html\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"html\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-html\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-html\"\n }), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"script\"), \" \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-name\"\n }), \"src\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-value\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation attr-equals\"\n }), \"=\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\"), \"https://cdn.jsdelivr.net/vue/2.0.0-rc/vue.min.js\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\")), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token script\"\n })), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"script\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-name\"\n }), \"src\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-value\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation attr-equals\"\n }), \"=\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\"), \"https://cdn.ravenjs.com/3.26.4/vue/raven.min.js\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\")), \"\\n \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-name\"\n }), \"crossorigin\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-value\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation attr-equals\"\n }), \"=\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\"), \"anonymous\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\")), \"\\n\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token script\"\n })), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"script\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token script\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token language-javascript\"\n }), \"\\n Raven\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token function\"\n }), \"config\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"___PUBLIC_DSN___\\\"\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token function\"\n }), \"install\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")))))))), mdx(\"p\", null, \"Note that this CDN build auto-initializes the Vue plugin.\"), mdx(\"h4\", {\n \"id\": \"using-package-managers-2\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h4\"\n }, {\n \"href\": \"#using-package-managers-2\",\n \"aria-label\": \"using package managers 2 permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Using package managers\"), mdx(\"p\", null, \"Both Raven.js and the Raven.js Vue plugin can be installed via npm and Bower.\"), mdx(\"h5\", {\n \"id\": \"npm-2\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h5\"\n }, {\n \"href\": \"#npm-2\",\n \"aria-label\": \"npm 2 permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"npm\"), mdx(\"div\", {\n \"className\": \"code-tabs-wrapper\"\n }, mdx(CodeTabs, {\n mdxType: \"CodeTabs\"\n }, mdx(CodeBlock, {\n language: \"shell\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"shell\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-shell\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-shell\"\n }), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"npm\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"install\"), \" raven-js --save\")))), mdx(CodeBlock, {\n language: \"html\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"html\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-html\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-html\"\n }), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"script\"), \" \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-name\"\n }), \"src\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-value\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation attr-equals\"\n }), \"=\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\"), \"/node_modules/vue/dist/vue.js\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\")), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token script\"\n })), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"script\"), \" \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-name\"\n }), \"src\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-value\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation attr-equals\"\n }), \"=\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\"), \"/node_modules/raven-js/dist/raven.js\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\")), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token script\"\n })), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"script\"), \" \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-name\"\n }), \"src\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-value\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation attr-equals\"\n }), \"=\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\"), \"/node_modules/raven-js/dist/plugins/vue.js\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\")), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token script\"\n })), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"script\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token script\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token language-javascript\"\n }), \"\\n Raven\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token function\"\n }), \"config\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"___PUBLIC_DSN___\\\"\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token function\"\n }), \"addPlugin\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), \"Raven\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), \"Plugins\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), \"Vue\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token function\"\n }), \"install\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")))))))), mdx(\"h5\", {\n \"id\": \"bower-2\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h5\"\n }, {\n \"href\": \"#bower-2\",\n \"aria-label\": \"bower 2 permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Bower\"), mdx(\"div\", {\n \"className\": \"code-tabs-wrapper\"\n }, mdx(CodeTabs, {\n mdxType: \"CodeTabs\"\n }, mdx(CodeBlock, {\n language: \"shell\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"shell\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-shell\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-shell\"\n }), \"bower \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"install\"), \" raven-js --save\")))), mdx(CodeBlock, {\n language: \"html\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"html\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-html\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-html\"\n }), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"script\"), \" \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-name\"\n }), \"src\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-value\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation attr-equals\"\n }), \"=\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\"), \"/bower_components/vue/dist/vue.js\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\")), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token script\"\n })), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"script\"), \" \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-name\"\n }), \"src\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-value\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation attr-equals\"\n }), \"=\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\"), \"/bower_components/raven-js/dist/raven.js\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\")), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token script\"\n })), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"script\"), \" \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-name\"\n }), \"src\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token attr-value\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation attr-equals\"\n }), \"=\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\"), \"/bower_components/raven-js/dist/plugins/vue.js\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\"\")), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token script\"\n })), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"<\"), \"script\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \">\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token script\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token language-javascript\"\n }), \"\\n Raven\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token function\"\n }), \"config\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"___PUBLIC_DSN___\\\"\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token function\"\n }), \"addPlugin\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), \"Raven\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), \"Plugins\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), \"Vue\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token function\"\n }), \"install\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\")), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token tag\"\n }), mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\")))))))), mdx(\"p\", null, \"These examples assume that Vue is exported globally as \", mdx(\"em\", {\n parentName: \"p\"\n }, \"window.Vue\"), \". You can alternatively pass a reference to the \", mdx(\"em\", {\n parentName: \"p\"\n }, \"Vue\"), \" object directly as the second argument to \", mdx(\"em\", {\n parentName: \"p\"\n }, \"addPlugin\"), \":\"), mdx(\"div\", {\n \"className\": \"code-tabs-wrapper\"\n }, mdx(CodeTabs, {\n mdxType: \"CodeTabs\"\n }, mdx(CodeBlock, {\n language: \"javascript\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"javascript\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-javascript\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-javascript\"\n }), \"Raven\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"addPlugin\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), \"Raven\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), \"Plugins\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), \"Vue\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \" Vue\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"))))))), mdx(\"h4\", {\n \"id\": \"module-loaders\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h4\"\n }, {\n \"href\": \"#module-loaders\",\n \"aria-label\": \"module loaders permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Module loaders\"), mdx(\"p\", null, \"In your main application file, import and configure both Raven.js and the Raven.js Vue plugin as follows:\"), mdx(\"div\", {\n \"className\": \"code-tabs-wrapper\"\n }, mdx(CodeTabs, {\n mdxType: \"CodeTabs\"\n }, mdx(CodeBlock, {\n language: \"js\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"js\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-js\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-js\"\n }), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"import\"), \" Vue \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"from\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"vue\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"import\"), \" Raven \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"from\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"raven-js\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"import\"), \" RavenVue \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"from\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"raven-js/plugins/vue\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\\nRaven\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"config\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"___PUBLIC_DSN___\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"addPlugin\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), \"RavenVue\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \" Vue\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"install\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"))))))), mdx(\"h2\", {\n \"id\": \"deprecated-react-native\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h2\"\n }, {\n \"href\": \"#deprecated-react-native\",\n \"aria-label\": \"deprecated react native permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Deprecated React Native\"), mdx(\"p\", null, \"The deprecated plugin \\u201CReact Native for Raven.js\\u201D is a pure JavaScript error reporting solution. The plugin will report errors originating from React Native\\u2019s JavaScript engine (e.g. programming errors like \\u201Cx is undefined\\u201D), but might not catch errors that originate from the underlying operating system (iOS / Android) unless they happen to be transmitted to React Native\\u2019s global error handler.\"), mdx(\"p\", null, mdx(\"strong\", {\n parentName: \"p\"\n }, \"Do not use this plugin for new code but instead use the new :ref:\", mdx(\"inlineCode\", {\n parentName: \"strong\"\n }, \"react-native\"), \" client integration instead\"), \".\"), mdx(Alert, {\n level: \"warning\",\n title: \"Note\",\n mdxType: \"Alert\"\n }, mdx(\"markdown\", null, mdx(\"p\", null, \"Unless you have specific reasons not to, it\\u2019s recommended to instead the new \", mdx(\"a\", _extends({\n parentName: \"p\"\n }, {\n \"href\": \"/clients/react-native/#react-native\"\n }), \"React Native\"), \" client instead which supports native and JavaScript crashes as well as an improved integration into the Xcode build process.\"))), mdx(\"h3\", {\n \"id\": \"installation-7\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h3\"\n }, {\n \"href\": \"#installation-7\",\n \"aria-label\": \"installation 7 permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Installation\"), mdx(\"p\", null, \"In the root of your React Native project, install raven-js via npm:\"), mdx(\"div\", {\n \"className\": \"code-tabs-wrapper\"\n }, mdx(CodeTabs, {\n mdxType: \"CodeTabs\"\n }, mdx(CodeBlock, {\n language: \"bash\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"bash\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-bash\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-bash\"\n }), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"npm\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"install\"), \" --save raven-js\")))))), mdx(\"p\", null, \"At the top of your main application file (e.g. index.ios.js and/or index.android.js), add the following code:\"), mdx(\"div\", {\n \"className\": \"code-tabs-wrapper\"\n }, mdx(CodeTabs, {\n mdxType: \"CodeTabs\"\n }, mdx(CodeBlock, {\n language: \"javascript\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"javascript\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-javascript\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-javascript\"\n }), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"var\"), \" React \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \"=\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"require\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"react\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"var\"), \" Raven \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \"=\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"require\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"raven-js\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"require\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"raven-js/plugins/react-native\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), \"Raven\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"))))))), mdx(\"h3\", {\n \"id\": \"configuring-the-client-2\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h3\"\n }, {\n \"href\": \"#configuring-the-client-2\",\n \"aria-label\": \"configuring the client 2 permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Configuring the Client\"), mdx(\"p\", null, \"Now we need to set up Raven.js to use your Sentry DSN:\"), mdx(\"div\", {\n \"className\": \"code-tabs-wrapper\"\n }, mdx(CodeTabs, {\n mdxType: \"CodeTabs\"\n }, mdx(CodeBlock, {\n language: \"javascript\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"javascript\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-javascript\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-javascript\"\n }), \"Raven\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"config\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token string\"\n }), \"\\\"___PUBLIC_DSN___\\\"\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \" release\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \":\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token constant\"\n }), \"RELEASE_ID\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"install\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"))))))), mdx(\"p\", null, \"RELEASE_ID is a string representing the \\u201Cversion\\u201D of the build you are about to distribute. This can be the SHA of your Git repository\\u2019s HEAD. It can also be a semantic version number (e.g. \\u201C1.1.2\\u201D), pulled from your project\\u2019s package.json file. More below.\"), mdx(\"h3\", {\n \"id\": \"about-releases\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h3\"\n }, {\n \"href\": \"#about-releases\",\n \"aria-label\": \"about releases permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"About Releases\"), mdx(\"p\", null, \"Every time you build and distribute a new version of your React Native app, you\\u2019ll want to create a new release inside Sentry. This is for two important reasons:\"), mdx(\"ul\", null, mdx(\"li\", {\n parentName: \"ul\"\n }, \"You can associate errors tracked by Sentry with a particular build\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"You can store your source files/source maps generated for each build inside Sentry\")), mdx(\"p\", null, \"Unlike a normal web application where your JavaScript files (and source maps) are served and hosted from a web server, your React Native code is being served from the target device\\u2019s filesystem. So you\\u2019ll need to upload both your \", mdx(\"strong\", {\n parentName: \"p\"\n }, \"source code\"), \" AND \", mdx(\"strong\", {\n parentName: \"p\"\n }, \"source maps\"), \" directly to Sentry, so that we can generate handy stack traces for you to browse when examining exceptions triggered by your application.\"), mdx(\"h3\", {\n \"id\": \"generating-and-uploading-source-files-source-maps\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h3\"\n }, {\n \"href\": \"#generating-and-uploading-source-files-source-maps\",\n \"aria-label\": \"generating and uploading source files source maps permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Generating and Uploading Source Files/Source Maps\"), mdx(\"p\", null, \"To generate both an application JavaScript file (main.jsbundle) and source map for your project (main.jsbundle.map), use the React Native CLI tool:\"), mdx(\"div\", {\n \"className\": \"code-tabs-wrapper\"\n }, mdx(CodeTabs, {\n mdxType: \"CodeTabs\"\n }, mdx(CodeBlock, {\n language: \"bash\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"bash\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-bash\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-bash\"\n }), \"react-native bundle \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\\\"), \"\\n --dev \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token boolean\"\n }), \"false\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\\\"), \"\\n --platform ios \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\\\"), \"\\n --entry-file index.ios.js \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\\\"), \"\\n --bundle-output main.jsbundle \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"\\\\\"), \"\\n --sourcemap-output main.jsbundle.map\")))))), mdx(\"p\", null, \"This will write both main.jsbundle and main.jsbundle.map to the current directory. Next, you\\u2019ll need to \", mdx(\"a\", _extends({\n parentName: \"p\"\n }, {\n \"href\": \"/clients/javascript/sourcemaps/#uploading-source-maps-to-sentry\"\n }), \"create a new release and upload these files as release artifacts\"), \".\"), mdx(\"h4\", {\n \"id\": \"naming-your-artifacts\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h4\"\n }, {\n \"href\": \"#naming-your-artifacts\",\n \"aria-label\": \"naming your artifacts permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Naming your Artifacts\"), mdx(\"p\", null, \"In Sentry, artifacts are designed to be \\u201Cnamed\\u201D using the full URL or path at which that artifact is located (e.g. \", mdx(\"em\", {\n parentName: \"p\"\n }, mdx(\"a\", _extends({\n parentName: \"em\"\n }, {\n \"href\": \"https://example.org/app.js\"\n }), \"https://example.org/app.js\")), \" or \", mdx(\"em\", {\n parentName: \"p\"\n }, \"/path/to/file.js/\"), \"). Since React Native applications are installed to a user\\u2019s device, on a path that includes unique device identifiers (and thus different for every user), the React Native plugin strips the entire path leading up to your application root.\"), mdx(\"p\", null, \"This means that although your code may live at the following path:\"), mdx(\"div\", {\n \"className\": \"code-tabs-wrapper\"\n }, mdx(CodeTabs, {\n mdxType: \"CodeTabs\"\n }, mdx(CodeBlock, {\n language: \"\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"text\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-text\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-text\"\n }), \"/var/containers/Bundle/Application/{DEVICE_ID}/HelloWorld.app/main.jsbundle\")))))), mdx(\"p\", null, \"The React Native plugin will reduce this to:\"), mdx(\"div\", {\n \"className\": \"code-tabs-wrapper\"\n }, mdx(CodeTabs, {\n mdxType: \"CodeTabs\"\n }, mdx(CodeBlock, {\n language: \"\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"text\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-text\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-text\"\n }), \"/main.jsbundle\")))))), mdx(\"p\", null, \"Therefore in this example, you should name your artifacts as \\u201C/main.jsbundle\\u201D and \\u201C/main.jsbundle.map\\u201D.\"), mdx(\"h3\", {\n \"id\": \"source-maps-with-the-simulator\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h3\"\n }, {\n \"href\": \"#source-maps-with-the-simulator\",\n \"aria-label\": \"source maps with the simulator permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Source Maps with the Simulator\"), mdx(\"p\", null, \"When developing with the simulator, it is not necessary to build source maps manually, as they are generated automatically on-demand.\"), mdx(\"p\", null, \"Note however that artifact names are completely different when using the simulator. This is because instead of those files existing on a path on a device, they are served over HTTP via the \", mdx(\"a\", _extends({\n parentName: \"p\"\n }, {\n \"href\": \"https://github.com/facebook/metro\"\n }), \"React Native packager\"), \".\"), mdx(\"p\", null, \"Typically, simulator assets are served at the following URLs:\"), mdx(\"ul\", null, mdx(\"li\", {\n parentName: \"ul\"\n }, \"Bundle: \", mdx(\"a\", _extends({\n parentName: \"li\"\n }, {\n \"href\": \"http://localhost:8081/index.ios.bundle?platform=ios&dev=true\"\n }), \"http://localhost:8081/index.ios.bundle?platform=ios&dev=true\")), mdx(\"li\", {\n parentName: \"ul\"\n }, \"Source map: \", mdx(\"a\", _extends({\n parentName: \"li\"\n }, {\n \"href\": \"http://localhost:8081/index.ios.map?platform=ios&dev=true\"\n }), \"http://localhost:8081/index.ios.map?platform=ios&dev=true\"))), mdx(\"p\", null, \"If you want to evaluate Sentry\\u2019s source map support using the simulator, you will need to fetch these assets at these URLs (while the React Native packager is running), and upload them to Sentry as artifacts. They should be named using the full URL at which they are located, including the query string.\"), mdx(\"h3\", {\n \"id\": \"expanded-usage-1\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", _extends({\n parentName: \"h3\"\n }, {\n \"href\": \"#expanded-usage-1\",\n \"aria-label\": \"expanded usage 1 permalink\",\n \"className\": \"anchor before\"\n }), mdx(\"svg\", _extends({\n parentName: \"a\"\n }, {\n \"viewBox\": \"0 0 24 24\",\n \"xmlns\": \"http://www.w3.org/2000/svg\"\n }), mdx(\"path\", _extends({\n parentName: \"svg\"\n }, {\n \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n \"fill\": \"currentColor\"\n })))), \"Expanded Usage\"), mdx(\"p\", null, \"It\\u2019s likely you\\u2019ll end up in situations where you want to gracefully handle errors. A good pattern for this would be to setup a logError helper:\"), mdx(\"div\", {\n \"className\": \"code-tabs-wrapper\"\n }, mdx(CodeTabs, {\n mdxType: \"CodeTabs\"\n }, mdx(CodeBlock, {\n language: \"javascript\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"javascript\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-javascript\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-javascript\"\n }), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"function\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"logException\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token parameter\"\n }), \"ex\", mdx(\"span\", _extends({\n parentName: \"span\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \" context\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \"\\n Raven\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"captureException\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), \"ex\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \"\\n extra\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \":\"), \" context\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token comment\"\n }), \"/*eslint no-console:0*/\"), \"\\n window\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), \"console \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \"&&\"), \" console\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), \"error \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \"&&\"), \" console\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"error\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), \"ex\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"))))))), mdx(\"p\", null, \"Now in your components (or anywhere else), you can fail gracefully:\"), mdx(\"div\", {\n \"className\": \"code-tabs-wrapper\"\n }, mdx(CodeTabs, {\n mdxType: \"CodeTabs\"\n }, mdx(CodeBlock, {\n language: \"javascript\",\n title: \"\",\n filename: \"\",\n mdxType: \"CodeBlock\"\n }, mdx(\"div\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"javascript\"\n }), mdx(\"pre\", _extends({\n parentName: \"div\"\n }, {\n \"className\": \"language-javascript\"\n }), mdx(\"code\", _extends({\n parentName: \"pre\"\n }, {\n \"className\": \"language-javascript\"\n }), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"var\"), \" Component \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token operator\"\n }), \"=\"), \" React\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \".\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"createClass\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"render\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"try\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token comment\"\n }), \"// ..\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token keyword\"\n }), \"catch\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), \"ex\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), \" \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"{\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token function\"\n }), \"logException\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"(\"), \"ex\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), \"\\n \", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \",\"), \"\\n\", mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \"}\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \")\"), mdx(\"span\", _extends({\n parentName: \"code\"\n }, {\n \"className\": \"token punctuation\"\n }), \";\"))))))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#what-are-plugins-what-are-plugins","title":"What are plugins? {#what-are-plugins}"},{"url":"#why-are-plugins-needed-at-all-why-are-plugins-needed-at-all","title":"Why are plugins needed at all? {#why-are-plugins-needed-at-all}"},{"url":"#installation","title":"Installation"},{"url":"#angularjs","title":"AngularJS","items":[{"url":"#installation-1","title":"Installation","items":[{"url":"#using-our-cdn","title":"Using our CDN"},{"url":"#using-package-managers","title":"Using package managers","items":[{"url":"#bower","title":"Bower"},{"url":"#npm","title":"npm"}]},{"url":"#module-loaders-commonjs","title":"Module loaders (CommonJS)"}]},{"url":"#angularjs-configuration","title":"AngularJS Configuration","items":[{"url":"#module-loaders-commonjs-id1","title":"Module loaders (CommonJS) {#id1}"}]}]},{"url":"#angular","title":"Angular","items":[{"url":"#typescript-support","title":"TypeScript Support"},{"url":"#installation-2","title":"Installation"},{"url":"#configuration","title":"Configuration","items":[{"url":"#systemjs","title":"SystemJS"},{"url":"#angular-cli","title":"Angular CLI"}]}]},{"url":"#backbone","title":"Backbone","items":[{"url":"#installation-3","title":"Installation"},{"url":"#configuring-the-client","title":"Configuring the Client"}]},{"url":"#ember","title":"Ember","items":[{"url":"#installation-4","title":"Installation","items":[{"url":"#using-our-cdn-1","title":"Using our CDN"}]},{"url":"#using-package-managers-1","title":"Using package managers","items":[{"items":[{"url":"#bower-1","title":"Bower"},{"url":"#npm-1","title":"npm"}]}]}]},{"url":"#react","title":"React","items":[{"url":"#installation-5","title":"Installation"},{"url":"#configuring-the-client-1","title":"Configuring the Client"},{"url":"#expanded-usage","title":"Expanded Usage"},{"url":"#redux","title":"Redux"},{"url":"#redux-sagas-middleware","title":"Redux Sagas Middleware"}]},{"url":"#vuejs-20-vue","title":"Vue.js (2.0) {#vue}","items":[{"url":"#installation-6","title":"Installation","items":[{"url":"#using-our-cdn-2","title":"Using our CDN"},{"url":"#using-package-managers-2","title":"Using package managers","items":[{"url":"#npm-2","title":"npm"},{"url":"#bower-2","title":"Bower"}]},{"url":"#module-loaders","title":"Module loaders"}]}]},{"url":"#deprecated-react-native","title":"Deprecated React Native","items":[{"url":"#installation-7","title":"Installation"},{"url":"#configuring-the-client-2","title":"Configuring the Client"},{"url":"#about-releases","title":"About Releases"},{"url":"#generating-and-uploading-source-filessource-maps-generating-and-uploading-source-files-source-maps","title":"Generating and Uploading Source Files/Source Maps {#generating-and-uploading-source-files-source-maps}","items":[{"url":"#naming-your-artifacts","title":"Naming your Artifacts"}]},{"url":"#source-maps-with-the-simulator","title":"Source Maps with the Simulator"},{"url":"#expanded-usage-1","title":"Expanded Usage"}]}]},"internal":{"type":"Mdx"}}}},"pageContext":{"excerpt":"Integrations extend the functionality of Raven.js to cover common libraries and environments automatically using simple plugins. What are plugins? {#what-are-plugins} In Raven.js, plugins are little snippets of code to augment functionality for a\nspecific application/framework. We highly recommended you check out the list\nof plugins and use what apply to your project. In order to keep the core small, we have opted to only include the most basic functionality by default, and you can pick and choose which plugins are applicable for you. Why are plugins needed at all? {#why-are-plugins-needed-at-all} JavaScript is pretty restrictive when it comes to exception handling, and there are a lot of things that make it difficult to get relevent information, so it’s important that we inject code and wrap things magically so we can extract what we need. See Usage for tips regarding that. Installation To install a plugin just include the plugin after Raven has been loaded and the Raven global variable is registered. This happens automatically if you install from a CDN with the required plugins in the URL. AngularJS To use Sentry with your AngularJS (1.x) application, you will need to use both Raven.js (Sentry’s browser JavaScript SDK) and the Raven.js AngularJS plugin. On its own, Raven.js will report any uncaught exceptions triggered from your application. For advanced usage examples of Raven.js, please read Raven.js usage . Additionally, the Raven.js AngularJS plugin will catch any AngularJS-specific exceptions reported through AngularJS’s $exceptionHandler interface. This documentation is for Angular 1.x. See also: Angular 2.x . Installation Raven.js and the Raven.js Angular plugin are distributed using a few different methods. Using our CDN For convenience, our CDN serves a single, minified JavaScript file containing both Raven.js and the Raven.js AngularJS plugin. It should be included after Angular, but before your application code. Example: Note that this CDN build auto-initializes the Angular plugin. Using package managers Pre-built distributions of Raven.js and the Raven.js AngularJS plugin are available via both Bower and npm. Bower npm These examples assume that AngularJS is exported globally as window.angular . You can alternatively pass a reference to the angular object directly as the second argument to addPlugin : Module loaders (CommonJS) Raven and the Raven AngularJS plugin can be loaded using a module loader like Browserify or Webpack. Note that when using CommonJS-style imports, you must pass a reference to angular as the second argument to addPlugin . AngularJS Configuration Inside your main AngularJS application module, you need to declare ngRaven as a module dependency: Module loaders (CommonJS) {#id1} The raven angular module can be loaded using a module loader like Browserify or Webpack. Angular This document uses Angular to refer to Angular 2+. On its own, Raven.js will report any uncaught exceptions triggered from your application. For advanced usage examples of Raven.js, please read Raven.js usage . Additionally, Raven.js can be configured to catch any Angular-specific (2.x) exceptions reported through the @angular/core/ErrorHandler component. TypeScript Support Raven.js ships with a TypeScript declaration file , which helps static checking correctness of Raven.js API calls, and facilitates auto-complete in TypeScript-aware IDEs like Visual Studio Code. Installation Raven.js should be installed via npm. Configuration Configuration depends on which module loader/packager you are using to build your Angular application. Below are instructions for SystemJS , followed by instructions for Webpack , Angular CLI, and other module loaders/packagers. SystemJS First, configure SystemJS to locate the Raven.js package: Then, in your main module file (where @NgModule is called, e.g. app.module.ts): Once you’ve completed these two steps, you are done. Angular CLI Angular CLI now uses Webpack to build instead of SystemJS. All you need to do is modify your main module file (where @NgModule is called, e.g. app.module.ts): Once you’ve completed that step, you are done. Backbone Installation Start by adding the raven.js script tag to your page. It should be loaded as early as possible. Configuring the Client Next configure Raven.js to use your Sentry DSN: At this point, Raven is ready to capture any uncaught exception. Ember To use Sentry with your Ember application, you will need to use both Raven.js (Sentry’s browser JavaScript SDK) and the Raven.js Ember plugin. On its own, Raven.js will report any uncaught exceptions triggered from your application. For advanced usage examples of Raven.js, please read Raven.js usage . Additionally, the Raven.js Ember plugin will catch any Ember-specific exceptions reported through Ember’s onerror . hook and any RSVP promises that would otherwise be swallowed. Installation Raven.js and the Raven.js Ember plugin are distributed using a few…","title":"Integrations","description":null,"draft":false,"noindex":true,"notoc":null,"sidebar_order":null,"redirect_from":null,"keywords":null,"id":"4b7a517b-16ac-54a4-93ee-bf73fe0632fb","legacy":true}},"staticQueryHashes":["1218203755","1222113826","1222113826","1766336459","2158593473","2764967025","3345802723","3818502851","3990806462","4015007367","4192517163","4264099332","518019976"]}