{"id":15351819,"url":"https://github.com/tbouron/angular-java-stack-viewer","last_synced_at":"2025-07-19T08:01:58.670Z","repository":{"id":57178601,"uuid":"71943315","full_name":"tbouron/angular-java-stack-viewer","owner":"tbouron","description":"Modern Java stack traces viewer for Angular","archived":false,"fork":false,"pushed_at":"2017-02-16T12:44:08.000Z","size":99,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"develop","last_synced_at":"2025-06-29T00:52:24.050Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tbouron.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-10-25T22:12:10.000Z","updated_at":"2024-07-29T07:13:28.000Z","dependencies_parsed_at":"2022-09-03T13:41:29.217Z","dependency_job_id":null,"html_url":"https://github.com/tbouron/angular-java-stack-viewer","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/tbouron/angular-java-stack-viewer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tbouron%2Fangular-java-stack-viewer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tbouron%2Fangular-java-stack-viewer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tbouron%2Fangular-java-stack-viewer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tbouron%2Fangular-java-stack-viewer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tbouron","download_url":"https://codeload.github.com/tbouron/angular-java-stack-viewer/tar.gz/refs/heads/develop","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tbouron%2Fangular-java-stack-viewer/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265904131,"owners_count":23846673,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-01T12:07:16.819Z","updated_at":"2025-07-19T08:01:58.633Z","avatar_url":"https://github.com/tbouron.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# angular-java-stack-viewer\nModern Java stack traces viewer for Angular 1.x. \n\nYou can checkout this [the working demo](https://codepen.io/tbouron/pen/KgLpWB) to see how it looks like.\n\n| Branch | Build | Grade | Test coverage |\n| --- | --- | --- | --- |\n| `master` *(Stable)* | [![Travis](https://img.shields.io/travis/tbouron/angular-java-stack-viewer/master.svg)](https://travis-ci.org/tbouron/angular-java-stack-viewer/branches) | [![Codacy](https://img.shields.io/codacy/grade/8a2c7136efee4433b21c32f872c98c0d/master.svg)](https://www.codacy.com/app/tbouron/java-stack-parser/dashboard?bid=3852866) | [![Codecov](https://img.shields.io/codecov/c/github/tbouron/angular-java-stack-viewer/master.svg)](https://codecov.io/gh/tbouron/angular-java-stack-viewer/branch/master) |\n| `develop` | [![Travis](https://img.shields.io/travis/tbouron/angular-java-stack-viewer/develop.svg)](https://travis-ci.org/tbouron/angular-java-stack-viewer/branches) | [![Codacy](https://img.shields.io/codacy/grade/8a2c7136efee4433b21c32f872c98c0d/develop.svg)](https://www.codacy.com/app/tbouron/java-stack-parser/dashboard?bid=3852865) | [![Codecov](https://img.shields.io/codecov/c/github/tbouron/angular-java-stack-viewer/develop.svg)](https://codecov.io/gh/tbouron/angular-java-stack-viewer/branch/develop) |\n\n*The library has been developed to use [Bootstrap](http://getbootstrap.com/) as CSS framework. However, you can use your own CSS and template if you want to, see `Usage` section.*\n\n## Install\n\nYou can install this package either with `npm`, `yarn` or `bower`.\n\n### npm / yarn\n\nFor npm:\n```sh\n~$ npm install angular-java-stack-viewer\n```\n\nFor yarn:\n```sh\n~$ yarn add angular-java-stack-viewer\n```\n\n### bower\n\n```sh\n~$ bower install angular-java-stack-viewer\n```\n\n## Usage\n\nThe library is package as an angular *module* that contains the CSS and the bootstrap template via `$templateCache` service. This means you have the full control over what you include in your application for CSS and template.\n\n### Full-blown module\n\nFirst, you need to add the angular module to your app:\n```js\n// -----------------------------\n// ES6 syntax\n// -----------------------------\nimport stackViewer from 'angular-java-stack-viewer';\nangular.module('myApp', [stackViewer]);\n...\n\n// -----------------------------\n// ES5 syntax\n// -----------------------------\nvar stackViewer = require('angular-java-stack-viewer');\nangular.module('myApp', [stackViewer]);\n...\n\n// -----------------------------\n// Classic syntax\n// -----------------------------\nangular.module('myApp', ['tb.stack-viewer']);\n...\n```\n\n*Note that if you use the classic syntax, you need to load first the library in the browser directly:*\n```html\n\u003cscript src=\"/bower_components/angular-java-stack-viewer/lib/angular-java-stack-viewer.min.js\"\u003e\u003c/script\u003e\n```\n\nThen, you can use the directive like so:\n```html\n\u003cdiv tb-stack-viewer\u003e\u003c/div\u003e\n\n\u003c!-- or --\u003e\n\u003ctb-stack-viewer\u003e\u003c/stack-viewer\u003e\n```\n\n### CSS-free module\n\nMaybe the built-in CSS is not to your taste? Not a problem, you can use the `-nocss` version which won't inline the built-in style:\n```js\n// -----------------------------\n// ES6 syntax\n// -----------------------------\nimport stackViewer from 'angular-java-stack-viewer/lib/angular-java-stack-viewer-nocss.js';\nangular.module('myApp', [stackViewer]);\n...\n\n// -----------------------------\n// ES5 syntax\n// -----------------------------\nvar stackViewer = require('angular-java-stack-viewer/lib/angular-java-stack-viewer-nocss.js');\nangular.module('myApp', [stackViewer]);\n...\n\n// -----------------------------\n// Classic syntax\n// -----------------------------\nangular.module('myApp', ['tb.stack-viewer']);\n...\n```\n\n*Note that if you use the classic syntax, you need to load first the library in the browser directly:*\n```html\n\u003cscript src=\"/bower_components/angular-java-stack-viewer/lib/angular-java-stack-viewer-nocss.min.js\"\u003e\u003c/script\u003e\n```\n\n### Custom template\n\nThe module uses `$templateCache` to serve the template. It means that you just need to override `templates/stack-viewer.html` to use your own:\n```html\n\u003cscript type=\"text/ng-template\" id=\"templates/stack-viewer.html\"\u003e\n    \u003c!-- My template --\u003e\n\u003c/script\u003e\n```\n\n## Documentation\n\nThe library provide the `tb.stack-viewer` module with the following components\n\n### `tb-stack-viewer` directive\n\n| Param | Type | Description |\n| --- | --- | --- |\n| `trace` | `string` | A string representing a Java stack trace |\n| `vendors` | `object` | An object representing the vendors packages. Vendor packages are a way of grouping stack lines together per packages. For example, you probably want all Java, Sun and Oracle stack under one package. You can do that by specify the vendor package name as key, and the start of package aliases to match: `{ \"Java/Sun/Oracle\": [\"java\", \"javax\", \"sun\", \"sunw\", \"com.sun\", \"com.oracle\"] }` |\n\n## Development\n\nTo build the library, simply do:\n```sh\n~$ npm run build\n```\n\nYou can pass an envvar to build the production version: `NODE_ENV=production`.\n\nYou can run tests and check the coverage with the following commands:\n```sh\n~$ npm test\n```\n\n## License\n\nThis library is released under [Apache 2.0 license](LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftbouron%2Fangular-java-stack-viewer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftbouron%2Fangular-java-stack-viewer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftbouron%2Fangular-java-stack-viewer/lists"}