Skip to content

bug3/syringa

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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