Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/isychev/symfony-x-debug
symfony-x-debug
https://github.com/isychev/symfony-x-debug
debug javascript js js-debug npm profiler symfony twig
Last synced: 26 days ago
JSON representation
symfony-x-debug
- Host: GitHub
- URL: https://github.com/isychev/symfony-x-debug
- Owner: isychev
- License: mit
- Created: 2017-10-11T05:28:25.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2017-11-09T12:38:40.000Z (almost 7 years ago)
- Last Synced: 2024-04-24T16:09:42.409Z (7 months ago)
- Topics: debug, javascript, js, js-debug, npm, profiler, symfony, twig
- Language: JavaScript
- Size: 21.5 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Symfony-x-debug
===========Simple JavaScript utility for displaying links to x-debug-profiler in Symfony requests.
If you are creating a SPA then a standard line profiler of symfony is not available
This problem is solved Symfony-x-debug
Install with [npm](https://www.npmjs.com/) or [Yarn](https://yarnpkg.com/):
npm:
```sh
npm install symfony-x-debug --save
```
Yarn:
```sh
yarn add symfony-x-debug
```## Usage
With ES5
```js
var xDebug = require('symfony-x-debug');
```With ES6
```js
import 'symfony-x-debug';
```With Webpack
```js
// webpack.config.js
// append symfony-x-debug to entries list
const entriesClient = {
app: [
'symfony-x-debug',
path.join(jsSrcPath, '/app.jsx'),
],
};
```Symfony-x-debug to add popup window with the number of asynchronous requests to the server
![](https://imgur.com/download/leVNIpP)
Hover will be shown a table with links to profiler
![](https://imgur.com/download/ciJuebk)