Syringa ·

Syringa is a live injector for frontend development in the browser

• Quick: You can develop with your own editor instead of developing on console with Syringa.
• Live: Inject your code into web pages with the live reload feature.
• Auto-Load: It can work without loading extension.

Installation

Via npm:

npm install -g syringa

If you get an error like this: EACCES: permission denied. The following codes may be useful for you.

• Installation:

  sudo npm install -g syringa

• Change Owner:

  sudo chown -R $USER $(echo $(npm root -g)/syringa)

Usage

• Create project:

  syringa create [projectName]
  cd [projectName]

• Edit your code and configuration file(.syringarc.json)

• Run project: ( In project directory )

  syringa run

• Auto-Load: ( if you have not installed syringa extension in your browser )

  syringa run --auto-load

One-Liner Command

• If npm is installed

  npm install -g syringa && syringa create hi-syringa && cd hi-syringa && syringa run --auto-load

Load Syringa Extension

• Open the extensions page url("chrome://extensions") in the browser.
• Turn on the Developer mode.
• Click on the Load unpacked button and select the syringa extension directory.

  • Get extension path:

    echo "$(npm root -g)/syringa/extension"

Incognito Mode

If you want to use syringa in incognito mode:

• Open the extensions page url("chrome://extensions") in the browser.

• Find Syringa Extension and click the details button.

• Scroll down and Allow in incognito.

Browser Support

Currently Syringa only works with Google Chrome.

License

MIT