Brolog is Logger for Angular in Browser like Npmlog.
Out-of-Box Browser Support.(with <script src='//unpkg.com/brolog'></script>)
Out-of-Box Angular & SystemJS Support.(See: brolog-angular-demo project)
Npmlog compatible interface.(i.e. log.verbose('Brolog', 'Hello, %s', 'world!''))
Native TypeScript Support.(With typings)
Node.js Support.(Node.js example)
Support show real line number in browser console.
What I really get frustrated by is that I cannot wrap console.* and preserve line numbers
We enabled this in Chrome DevTools via blackboxing a bit ago.
Here's two example:
You can enable Brolog in your page by simple add the following script tag.
<script src="//unpkg.com/brolog"></script>
<html>
<head>
<script src="//unpkg.com/brolog"></script>
</head>
<body>
<h1>Brolog in Browser Demo</h1>
<script>
var log = Brolog.instance('verbose')
log.info('Test', '123 info message')
log.verbose('Test', '123 verbose message')
log.silly('Test', '123 silly message(should not appear)')
</script>
</body>
</html>
Link: Brolog Live demo
Brolog is writen mainly for act as a logger with Angular. Here's how to Inject Brolog in Angular.
$ npm install brolog --save
System.config({
map: {
brolog: 'node_modules/brolog/bundles/brolog.js'
}
})
import { Brolog } from 'brolog'
providers: [
Brolog,
]
class LogApp {
constructor(
private log: Brolog
) {}
}
class LogApp {
testLog() {
this.log.verbose('Brolog', 'test log:%s', 123)
// this will log to browser console
}
}
More details, please see the brolog-angular-demo git repository at here.
Link: Brolog ♥ Angular Live demo
Get a out-of-the-box log instance to use it directly.
import { log } from 'brolog'
If fhe environment variable BROLOG_LEVEL is set, that will be used to set log.level() for the global Brolog instance log.
import { Brolog } from 'brolog'
const log = new Brolog()
// additional stuff ---------------------------+
// message ----------+ |
// prefix ----+ | |
// level -+ | | |
// v v v v
log.info('fyi', 'I have a kitty cat: %j', myKittyCat)
The level to display logs at. Any logs at or above this level will be
displayed. The special level silent will prevent anything from being
displayed ever.
level {String} The level to emit the message atprefix {String} A string prefix. Set to "" to skip.message... Arguments to util.formatEmit a log message at the specified level.
For example,
Brolog comes with well test suit to ensure the behaviour is expected.
$ npm run unit
Unite Test Suite: link
$ npm run e2e
End to End Test Suite: link
P.S. runing E2E test is based on brolog demo project: git repository
rollup behavior change. (#69)brolog@next when the minor version in SemVer is odd(development release).BROLOG_LEVEL to set the loglevel of global log instance.BROLOG_LEVEL to set the loglevel of global log instance.Brolog.enableLogging() method for:
false for disable loggingtrue for enable loggingprintTextFunc: (text: string) for enable logging to a function.Compatible with AOT & WebPack with Angular v4
enableLogging() to get/set loggerscript tagHuan LI <zixia@zixia.net> (http://linkedin.com/in/zixia)
FAQs
Npmlog like logger for Browser
The npm package brolog receives a total of 559 weekly downloads. As such, brolog popularity was classified as not popular.
We found that brolog demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket is tracking a new trend where malicious actors are now exploiting the popularity of LLM research to spread malware through seemingly useful open source packages.
Security News
Research
Noxia, a new dark web bulletproof host, offers dirt cheap servers for Python, Node.js, Go, and Rust, enabling cybercriminals to distribute malware and execute supply chain attacks.
Company News
Socket safeguards companies from software supply chain attacks by detecting and preventing threats in open source code and empowering developers to secure their applications and critical services against malware and other security risks.