Giter Club home page Giter Club logo

dotjs-ubuntu's Introduction

..................... dotjs-ubuntu .................

dotjs-ubuntu is a Google Chrome extension that executes JavaScript files in ~/.js based on their filename.

This version of dotjs is maintained for users under Ubuntu. The original dotjs for Mac OSX can be found here: https://github.com/defunkt/dotjs

If you navigate to http://www.google.com/, dotjs will execute ~/.js/google.com.js.

This makes it super easy to spruce up your favorite pages using JavaScript.

On subdomains such as http://gist.github.com dotjs will try to load ~/.js/gist.github.com.js as well as ~/.js/github.com.js and ~/.js/com.js.

Bonus: files in ~/.js have jQuery 1.9 loaded, regardless of whether the site you're hacking uses jQuery.

Double bonus: ~/.js/default.js is loaded on every request, meaning you can stick plugins or helper functions in it.

GreaseMonkey user scripts are great, but you need to publish them somewhere and re-publish after making modifications. With dotjs, just add or edit files in ~/.js.

Example

$ cat ~/.js/github.com.js
// swap github logo with trollface
$('a.header-logo-blacktocat').html(
    $('<img>')
        .attr('src', '//bit.ly/ghD24e')
        .css({'width': 'auto', 'height': '22px'})
    );

How It Works

Chrome extensions can't access the local filesystem, so dotjs runs a tiny web server on port 3131 that serves files out of ~/.js.

The dotjs executable is installed into ~/bin and then should be added into crontab, so that the server's started when the OS starts.

The dotjs Chrome extension then makes ajax requests to http://localhost:3131/convore.com.js any time you hit a page on convore.com, for example, and executes the returned JavaScript.

Requires

  • Ubuntu
  • Ruby 1.8
  • rake (gem install rake)
  • Google Chrome
  • /path/to/home/bin in your $PATH

Install

git clone https://github.com/glenbot/dotjs-ubuntu.git
cd dotjs-ubuntu
rake install

After installation add the following line to your crontab

$ crontab -e
@reboot /path/to/home/bin/djsd -d

For the impatient run the daemon right away

djsd -d

For the patient reboot and enjoy!

Now open https://localhost:3131 in Chrome and enable the SSL.

Then install the Google Chrome extension:

http://bit.ly/dotjs

Uninstall

rake uninstall

Credits

"I almost wish you could just stick JavaScript in ~/.js. Do you know what I'm saying?"

Windows

Other Browsers

dotjs-ubuntu's People

Contributors

adamvduke avatar arvindsv avatar capitalist avatar defunkt avatar glenbot avatar hujinpu avatar jaw6 avatar jdan avatar johan avatar kix avatar schacon avatar smgt avatar stroborobo avatar tmuellerleile avatar to1ne avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.