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 application component of Clockwork.
Check out on the Clockwork website for details.
Clockwork browser extension can be installed from official distribution channels:
The server-side component also includes a full copy of the Clockwork app available at your.app/clockwork.
Clockwork uses a server-side component, that gathers all the data and easily integrates with any PHP project, including out-of-the-box support for major frameworks.
Read the full installation guide on the Clockwork website.
Use npm run serve to run a development server with hot reloading.
It might be useful to force a specific server-side url when running the development server. This can be done by creating a .env.development file:
VUE_APP_STANDALONE_REMOTE_HOST=http://127.0.0.1:8000
VUE_APP_STANDALONE_REMOTE_PATH=__clockwork/
The Clockwork app can be build for following targets:
npm run build-chrome- build Chrome extension indist/chromenpm run build-firefox- build Firefox extension indist/firefoxnpm run build-edge- build Edge extension indist/edgenpm run build-web- build standalone web application indist/web
To make a development build with source-maps append -dev to the target, eg. build-chrome-dev.
