The latest articles on DEV Community by Sophia (@sopharicks). https://dev.to/sopharicks https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F530976%2F4b98f03d-4727-43a3-b31f-50a599fcbd30.jpg https://dev.to/sopharicks en Sophia Thu, 29 Apr 2021 20:24:48 +0000 https://dev.to/sopharicks/crash-reports-and-usage-metrics-for-javascript-libraries-4cac https://dev.to/sopharicks/crash-reports-and-usage-metrics-for-javascript-libraries-4cac <p>At Bugout.dev (<a href="https://bugout.dev/" rel="noopener noreferrer">https://bugout.dev/</a>) we've built a product that helps maintainers of APIs, libraries, and command line tools understand:</p> <ol> <li>Who their users are</li> <li>How exactly they use their software</li> <li>What issues their users have</li> </ol> <p>If you have built a developer tool and integrate with Bugout, it runs on your user's machines only with their consent. This provides you with rich information about your users. For example, operating system, CPU architecture, version of your tool they are using, and even their email in case they are having an issue and would like your help resolving it.</p> <p>This week, we released the Javascript version of our usage and crash reporting library, Humbug:<br> </p> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/bugout-dev" rel="noopener noreferrer"> bugout-dev </a> / <a href="https://github.com/bugout-dev/humbug" rel="noopener noreferrer"> humbug </a> </h2> <h3> Get usage metrics and crash reports for your API, library, or command line tool. </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <div class="markdown-heading"> <h1 class="heading-element">humbug</h1> </div> <p>Humbug helps you understand what keeps users coming back to your developer tool as well as any friction they experience.</p> <p>Humbug lets you collect basic system information and crash reports while respecting your users' privacy. In addition to getting reports, you get to be <a href="https://gdpr-info.eu/" rel="nofollow noopener noreferrer">GDPR</a>-compliant from day one.</p> <p>Humbug is currently available in the following programming languages:</p> <ol> <li> <p><a href="https://github.com/bugout-dev/humbug./python" rel="noopener noreferrer">Python</a></p> <ul> <li>System information report</li> <li>Error traceback report</li> <li>Packages available in the current Python process report</li> <li>Logs report</li> <li>Environment variables report</li> <li>Custom report with full content control</li> </ul> </li> <li> <p><a href="https://github.com/bugout-dev/humbug./go" rel="noopener noreferrer">Go</a></p> <ul> <li>System information report</li> <li>Panic report</li> <li>Custom report with full content control</li> </ul> </li> <li> <p><a href="https://github.com/bugout-dev/humbug./javascript" rel="noopener noreferrer">Javascript</a></p> <ul> <li>System information report</li> <li>Error traceback report</li> </ul> </li> </ol> <p>If you would like support for another programming language, please <a href="https://github.com/bugout-dev/humbug/issues/new" rel="noopener noreferrer">create an issue</a>.</p> <div class="markdown-heading"> <h2 class="heading-element">Using Humbug</h2> </div> <div class="markdown-heading"> <h3 class="heading-element">Setup</h3> </div> <p>Follow the instructions in the <a href="https://bugout.dev/app/public/d550eb09-7c85-4fdc-b687-9f04b730f6e1/entries/07b21356-2e3f-4fa9-bd77-764fe903a640" rel="nofollow noopener noreferrer">Getting started with usage and crash reporting</a> guide.</p> <div class="markdown-heading"> <h4 class="heading-element">From development to production</h4> </div> <p>We recommend generating one token for development and testing and using different…</p> </div> </div> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/bugout-dev/humbug" rel="noopener noreferrer">View on GitHub</a></div> </div> <p>We currently support Node.js as the Javascript runtime, although we plan to add browser support soon.</p> <p>Our package is available on npm:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>npm <span class="nb">install</span> @bugout/humbug </code></pre> </div> <p>If you have a tool in which you'd like to try Bugout, you can start for free by signing up for an account at <a href="https://bugout.dev" rel="noopener noreferrer">https://bugout.dev</a>.</p> <p>If you need any help getting started, please leave a comment and we'll help you as soon as we can. We also appreciate any feedback.</p> <p>Thank you!</p> javascript showdev devrel