https://github.com/underground-works/clockwork-browser
Clockwork - php dev tools in your browser - client-side metrics and toolbar
https://github.com/underground-works/clockwork-browser
clockwork debugging devtools metrics profilling toolbar
Last synced: 10 months ago
JSON representation
Clockwork - php dev tools in your browser - client-side metrics and toolbar
- Host: GitHub
- URL: https://github.com/underground-works/clockwork-browser
- Owner: underground-works
- License: mit
- Created: 2020-09-08T19:40:19.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-07-06T21:18:08.000Z (over 2 years ago)
- Last Synced: 2025-04-13T07:49:12.321Z (10 months ago)
- Topics: clockwork, debugging, devtools, metrics, profilling, toolbar
- Language: JavaScript
- Homepage:
- Size: 3.63 MB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
> Clockwork is a development tool for PHP available right in your browser. Clockwork gives you an insight into your application runtime - including request data, performance metrics, log entries, database queries, cache queries, redis commands, dispatched events, queued jobs, rendered views and more - for HTTP requests, commands, queue jobs and tests.
> *This repository contains the client-side metrics and toolbar components of Clockwork.*
> Check out on the [Clockwork website](https://underground.works/clockwork) for details.
### Installation
This is an optional client-side component for Clockwork, adding support for client-side metrics and Clockwork toolbar.
#### Via NPM
Clockwork client-side component can be installed via npm:
```
$ npm install clockwork-browser
```
Next simply import the metrics, toolbar or both in your app.js:
```js
import 'clockwork-browser/metrics'
import 'clockwork-browser/toolbar'
```
### From CDN
You can also load the client-side scripts form a cdn:
```html
```
The cdn builds are transpiled to support all browsers with more than 1% market share. The cdn bundle sizes are *8.29K for metrics.js* and *33.4K for toolbar.js*.
Read the full installation guide on the [Clockwork website](https://underground.works/clockwork).
### Development
Use `npm run build` to build the cdn bundles.
