GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → beyondcode → Livewire Devtools

beyondcode / Livewire Devtools

Licence: mit
Chrome and Firefox DevTools extension for debugging Livewire applications

Programming Languages

javascript
184084 projects - #8 most used programming language

Livewire Devtools

Debug your Livewire component state from within your browser.

screenshot

Installation

This extension does not yet have a stable version publicly available. You can download the pre-release version and manually install it.

Manual Installation

  1. Clone this repo
  2. npm install (Or yarn install if you are using yarn as the package manager)
  3. npm run build
  4. Open Chrome extension page (chrome://extensions)
  5. Check "developer mode"
  6. Click "load unpacked extension", and choose shells/chrome.

Hacking

  1. Clone this repo
  2. npm install
  3. npm run dev
  4. A plain shell with a test app will be available at localhost:8080.

Testing as Firefox addon

  1. Install web-ext

    $ npm install --global web-ext

    Or, for Yarn:

    $ yarn global add web-ext

    Also, make sure PATH is set up. Something like this in ~/.bash_profile:

    $ PATH=$PATH:$(yarn global bin)

  2. Build and run in Firefox

    $ npm run build
$ npm run run:firefox

    When using Yarn, just replace npm with yarn.

License

Thanks goes out to Vue devtools, which were used as a starting point for this.

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].