{"id":18910033,"url":"https://github.com/cheton/universal-logger-browser","last_synced_at":"2025-07-31T08:06:46.178Z","repository":{"id":57386578,"uuid":"90837790","full_name":"cheton/universal-logger-browser","owner":"cheton","description":"Browser plugins for universal logger.","archived":false,"fork":false,"pushed_at":"2019-08-27T11:51:53.000Z","size":133,"stargazers_count":5,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-10-30T00:00:16.215Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://cheton.github.io/universal-logger-browser/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cheton.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"github":null,"patreon":null,"open_collective":"cheton","ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2017-05-10T08:06:29.000Z","updated_at":"2021-06-30T02:27:58.000Z","dependencies_parsed_at":"2022-09-05T12:20:56.921Z","dependency_job_id":null,"html_url":"https://github.com/cheton/universal-logger-browser","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cheton%2Funiversal-logger-browser","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cheton%2Funiversal-logger-browser/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cheton%2Funiversal-logger-browser/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cheton%2Funiversal-logger-browser/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cheton","download_url":"https://codeload.github.com/cheton/universal-logger-browser/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248281388,"owners_count":21077423,"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-11-08T09:39:06.784Z","updated_at":"2025-04-15T06:31:03.670Z","avatar_url":"https://github.com/cheton.png","language":"JavaScript","readme":"# universal-logger-browser [![build status](https://travis-ci.org/cheton/universal-logger-browser.svg?branch=master)](https://travis-ci.org/cheton/universal-logger-browser) [![Coverage Status](https://coveralls.io/repos/github/cheton/universal-logger-browser/badge.svg?branch=master)](https://coveralls.io/github/cheton/universal-logger-browser?branch=master)\n\n[![NPM](https://nodei.co/npm/universal-logger-browser.png?downloads=true\u0026stars=true)](https://www.npmjs.com/package/universal-logger-browser)\n\n**Browser plugins for [universal logger](https://github.com/cheton/universal-logger/)**\n\n#### Minimal\n![image](https://cloud.githubusercontent.com/assets/447801/25939366/34f461fa-3665-11e7-9d03-0042fda4c32e.png)\n\n#### Styleable\n![image](https://cloud.githubusercontent.com/assets/447801/25939476/96bd5568-3665-11e7-9b6f-b96fe0dc73d8.png)\n \n## Installation\n\n```bash\nnpm install --save universal-logger universal-logger-browser\n```\n\n## Usage\n\n```js\nimport emoji from 'node-emoji';\nimport logger, { TRACE, INFO } from 'universal-logger';\nimport { minimal, styleable } from 'universal-logger-browser';\n\nconst log = logger()\n    .use(minimal({\n        showSource: true,\n        useNativeConsoleMethods: true\n    }))\n    .use(styleable({\n        showSource: true,\n        showTimestamp: true,\n        style: {\n            level: {\n                silly: { // Custom log level\n                    backgroundColor: '#FFF',\n                    border: '1px solid #222',\n                    color: '#222',\n                    lineHeight: 2,\n                    padding: '2px 5px'\n                }\n            }\n        }\n    }))\n    .on('log', (context, messages) =\u003e {\n        // Custom log processing\n    });\n\nlog.enableStackTrace();\nlog.setLevel(TRACE);\n\nlog.log(INFO, 'The logger has initialized');\nlog.trace(emoji.get('mostly_sunny'));\nlog.debug(emoji.get('sun_small_cloud'));\nlog.info(emoji.get('barely_sunny'));\nlog.warn(emoji.get('rain_cloud'));\nlog.error(emoji.get('lightning_cloud'));\n```\n\n## API\n\n### Minimal\n\nName | Type | Default | Description \n:--- | :--- | :------ | :----------\nformatter | function(context, messages) | | Custom log formatter.\nshowSource | boolean | true | Show the source line number of the caller.\u003cbr\u003eNote that you need to call `log.enableStackTrace()` to capture stack frames.\nuseNativeConsoleMethods | boolean | true | Whether to use native console methods for trace, debug, info, warn, and error.\n\n### Styleable\n\nName | Type | Default | Description \n:--- | :--- | :------ | :----------\ncolorized | boolean | true | Show colorized output.\nshowSource | boolean | true | Show the source line number of the caller.\u003cbr\u003eNote that you need to call `log.enableStackTrace()` to capture stack frames.\nshowTimestamp | boolean | false | Show timestamp.\nformatTimestamp | function(timestamp) | | Convert timestamp to string.\nstyle | object | See [styleable-style.js](https://github.com/cheton/universal-logger-browser/blob/master/src/styleable-style.js) | Custom styles.\n\n## License\n\nMIT\n","funding_links":["https://opencollective.com/cheton"],"categories":["Logging"],"sub_categories":["React Components"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcheton%2Funiversal-logger-browser","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcheton%2Funiversal-logger-browser","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcheton%2Funiversal-logger-browser/lists"}