{"_id":"@derpierre65/laravel-debug-bar","_rev":"2-cf515c365dec5b7d1a8813d8b2cfd3a0","name":"@derpierre65/laravel-debug-bar","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@derpierre65/laravel-debug-bar","version":"1.0.0","license":"MIT","keywords":["debug bar","laravel","debug"],"private":false,"author":{"name":"derpierre65"},"repository":{"type":"git","url":"git+ssh://git@github.com/derpierre65/laravel-debug-bar.git"},"main":"resources/js/LaravelDebugBar.js","gitHead":"9a22361d9d249106931d799717d00757e7ce49d0","description":"Laravel Debug Bar for Laravel, with a Vue component.","bugs":{"url":"https://github.com/derpierre65/laravel-debug-bar/issues"},"homepage":"https://github.com/derpierre65/laravel-debug-bar#readme","_id":"@derpierre65/laravel-debug-bar@1.0.0","_nodeVersion":"14.16.0","_npmVersion":"7.18.1","dist":{"integrity":"sha512-zvJvKWaxudCVw6LLCnJ7wmipHBkYqM3k2wauMXI6W+2LnlPwy5ZG9337oMUjF/jvt+MJfiRnBWxB9pxF6qUCGQ==","shasum":"51f9aa750cac72bc7bddf6981830087265f4433f","tarball":"https://registry.npmjs.org/@derpierre65/laravel-debug-bar/-/laravel-debug-bar-1.0.0.tgz","fileCount":14,"unpackedSize":21370,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg60l4CRA9TVsSAnZWagAAjrAP+gPiTZ+R1ESbredVehvq\nPX8MX4NfgUr+hUc2Re+26f0VX8/k5Md0BRBoan2BA+IccXItrCIGEWXmTD/W\nQDuR/xtNO1Mqr8Bsojt0ZZmZGXMKq0Bho20hEWPvBSIYUIIuNlzNJ3CG8PIb\nJyrhgsOmIrOYTAwi5ApX+q/0wtwSNDOx4WDbjKGmRtXyx9l6VolWYdA0eYHD\nGz+c3P1drChPenDXCZ3D5Ue1+1nRk8krOv+1o4KpO/L6J4AYcNtSNJ0XBTow\nlUCUw79amd5LywiU25fvERWqyXAD2EYlKrlVdRFX0xgX/mrSm/sft7tDr5zC\nhaLGYkjDX6l/gJzOPusI6RIQucq7tbZNkmp8kKzTuKdrkvkbl/qoUtxIu8Cu\nQ/WI2OtOdVLpbk2bHydRhIBA6Zkyv9+7Eir3+Jsm3UwWGHqctmH0SmFLao6x\nBlIR+vE7uMU15wsxd5zwKIX2YOLmUK5UEpoKWuV8Sl5pDdqYvg/yLyMSRxK7\nZbcGchEpGvAKt98djz1oMquJ+TTgRXcjFqRDwgYf7e5CcRtI1yo/rpv2pNIJ\npnZ4JlCNRPiheLitz8gSaYQcQnnPSeWsiJXNbJcmd++x4Kgvciggib4daScr\nw03FYtJsc/57zmR7ymH7kXBXjTD172iVrL6ZbKGNk6gcizXYnxtUK8B9YKA7\nNmLC\r\n=ZGJ3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDnvCakKmuYiCX54VE9WZswRhui0NKIWyLcuobnvw0A4QIgSI2VdxwOAjI2FAB73KYw6OKVxxe3MKX47xcZ7MBkSdc="}]},"_npmUser":{"name":"derpierre65","email":"info@derpierre65.de"},"directories":{},"maintainers":[{"name":"derpierre65","email":"info@derpierre65.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/laravel-debug-bar_1.0.0_1626032504260_0.8490410621663449"},"_hasShrinkwrap":false},"1.0.1":{"name":"@derpierre65/laravel-debug-bar","version":"1.0.1","license":"MIT","keywords":["debug bar","laravel","debug"],"private":false,"author":{"name":"derpierre65"},"repository":{"type":"git","url":"git+ssh://git@github.com/derpierre65/laravel-debug-bar.git"},"main":"resources/js/LaravelDebugBar.js","gitHead":"dcb2649a257a7e6fdf41ba998583be3ac4b85d71","description":"Laravel Debug Bar for Laravel, with a Vue component.","bugs":{"url":"https://github.com/derpierre65/laravel-debug-bar/issues"},"homepage":"https://github.com/derpierre65/laravel-debug-bar#readme","_id":"@derpierre65/laravel-debug-bar@1.0.1","_nodeVersion":"14.17.4","_npmVersion":"6.14.14","dist":{"integrity":"sha512-1apznaYRyOFWhHMaBB2aXW+JcxcvlVIsRfW9jFzg/DelxAyywg3YXcXExBki9miX+WUCnqiiPfwj9d6OL9Zymw==","shasum":"20bfb933b3f64702be2639c8396eaefb61e4373d","tarball":"https://registry.npmjs.org/@derpierre65/laravel-debug-bar/-/laravel-debug-bar-1.0.1.tgz","fileCount":14,"unpackedSize":21995,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDqOGCRA9TVsSAnZWagAAw+cQAJQ0zpeWSLXTC3aoxKBe\njOeaY3qRX67n0m3DErnmbnxmsKU+VnPRlKRl/2XiR0NPSNhZXIKWUjkXhMG3\naXXjWaPqlvu8HqBewLOHYlE+/D33NeinIgvq+JoX+u2iHyRF6wPxgCJEGhdg\nCnIR8ALurf6b/P656jrknOTFdE9gkdesnlI+cXJ7dxP+kzF8wYZB1GNnQEdI\nXooOSaQjG/tG1qUC78SIimwJ+5I03bePVosh83vz55HX1z8ci6cRnaPixWBG\nCyDyZDzkGLlsaWmWWwinTV1EUTFSE9sPSeWbKAwpwJSfxXjJPkEiXnvBAPVh\nvWilEeUt6cW8CLYt0nGhEvyNoI5Cl2ZQYXAmnRmzG9fUc+h8JrKne9eimbTY\n42lRmCmjF0ly6mW+qfRVXKDtdtDmpQ+cPeCwldvsJNs55RX9Dq3JU2Xhsien\nR5ZkkNiRIslGz//ope8yZ5sXl2YP7gO3ByQG2UbGfYKZT3AlKGY93pmLvh2K\nF09Ts1Zwa3krl7u6YLSqDUQpInsc0IyimBVflijlPDjVbaO8I4Q46duNp9eG\nS+kOHfP0xVEXMDhzPEB8PSUC1p/guPBY0EwceRyJ7XMryp0tX2bIRFL5mysJ\nGpan6quRUm1SlufyP/5oZS4fXBJ0nbAI5czhcZZOuYV4amjG5Qt9r4hbV56W\nM8J7\r\n=24ds\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCB8k4eaRY6+fkH+8xwUqoprWqFNUWfuXDYwdRQbUqwhwIgA7FFbLRMXIYCn9tI6QCQcV5pqlET81AKrmUASXnnEIQ="}]},"_npmUser":{"name":"derpierre65","email":"info@derpierre65.de"},"directories":{},"maintainers":[{"name":"derpierre65","email":"info@derpierre65.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/laravel-debug-bar_1.0.1_1628349317933_0.6559577825423955"},"_hasShrinkwrap":false}},"time":{"created":"2021-07-11T19:41:44.218Z","1.0.0":"2021-07-11T19:41:44.414Z","modified":"2022-04-05T03:48:50.664Z","1.0.1":"2021-08-07T15:15:18.116Z"},"maintainers":[{"name":"derpierre65","email":"info@derpierre65.de"}],"description":"Laravel Debug Bar for Laravel, with a Vue component.","homepage":"https://github.com/derpierre65/laravel-debug-bar#readme","keywords":["debug bar","laravel","debug"],"repository":{"type":"git","url":"git+ssh://git@github.com/derpierre65/laravel-debug-bar.git"},"author":{"name":"derpierre65"},"bugs":{"url":"https://github.com/derpierre65/laravel-debug-bar/issues"},"license":"MIT","readme":"# Laravel Debug Bar\n\nLaravel Debug Bar for Laravel, with a Vue component.\n\n\n## Installation\n\n\n### Laravel\n```\ncomposer require derpierre65/laravel-debug-bar\n```\n\n### Vue\n\n```\nnpm i @derpierre65/laravel-debug-bar\n```\n\n## Configuration\n\nsoon\n\n## Usage\n\nAdd the Service Provider `LaravelDebugBarServiceProvider`.\nImport the Vue Component DebugBar.vue to your project like:\n\n```vue\n<template>\n  <div>\n    your content...\n    \n    <debug-bar />\n  </div>\n</template>\n\n<script>\nimport DebugBar from '@derpierre65/laravel-debug-bar/resources/js/DebugBar.vue';\n\nexport default {\n  components: {DebugBar},\n}\n</script>\n```\n\n### Add a XHR to debug bar\n\n#### Axios example\n\n```js\nimport {addXmlHttpRequest} from '@derpierre65/laravel-debug-bar/resources/js/LaravelDebugBar';\n\n// only in non production mode\nif (process.env.NODE_ENV !== 'production') {\n\taxios.interceptors.request.use((request) => {\n\t\trequest.meta = request.meta || {};\n\t\trequest.meta.requestStart = Date.now();\n\n\t\treturn request;\n\t});\n\n\taxios.interceptors.response.use((response) => {\n\t\taddXmlHttpRequest({\n\t\t\tstatus: response.status,\n\t\t\tmethod: response.config.method.toUpperCase(),\n\t\t\turl: response.request.responseURL,\n\t\t\theaders: response.headers,\n\t\t\ttime: Date.now() - response.config.meta.requestStart,\n\t\t});\n\n\t\treturn response;\n\t});\n}\n```\n\n### Extend the Debug Bar\n\n```vue\n<template>\n  <div>\n    your content...\n    \n    <debug-bar>\n      <!-- value only item -->\n      <debug-toolbar-item :value=\"123\" />\n\n      <!-- value and label only item -->\n      <debug-toolbar-item :value=\"123\" label=\"Requests\" />\n\n      <!-- add an icon to your item -->\n      <debug-toolbar-item :value=\"123\" label=\"Requests\">\n        <template #icon>\n          my icon svg/img tag\n        </template>\n      </debug-toolbar-item>\n\n      <!-- add a custom popover to your item-->\n      <debug-toolbar-item :value=\"123\" label=\"Requests\">\n        <template #icon>\n          my icon svg/img tag\n        </template>\n\n        <div class=\"ldb-toolbar-info-piece\">\n          <b>Nice Popover</b>\n          <span>12345</span>\n        </div>\n      </debug-toolbar-item>\n    </debug-bar>\n  </div>\n</template>\n\n<script>\nimport DebugBar from '@derpierre65/laravel-debug-bar/resources/js/DebugBar.vue';\nimport DebugToolbarItem from '@derpierre65/laravel-debug-bar/resources/js/DebugToolbarItem';\n\nexport default {\n  components: {DebugBar, DebugToolbarItem},\n}\n</script>\n```","readmeFilename":"README.md"}