Punkjs Extension Chrome

Punkjs is a Chrome extension that allows you to load local Javascript files into web pages based on the filename.

Latest Version

Version

0.1.1

Update

December 6, 2015

Size

10.67KiB

Developer

Punkjs Extension

It can load them from a directory of your choosing (like ~/.js) into web pages that match the domain, like google.com.js on www.google.com.

> Punk is the phonetic spelling of the Irish word for dot, \"ponc\". I wanted to call this \"Poncjs\", but I also didn't want it to be difficult to search for.

It is the spiritual successor to dotjs, which is no longer maintained.

Extensions have security restrictions that stop them reading from the filesystem, so you'll also need to install the Punkjs Bridge App (https://chrome.google.com/webstore/detail/ecnapnimgoienbogbgcmchpgjbgeaobk).

## How to Use

* Install the extension (https://chrome.google.com/webstore/detail/dkjpmglejjkidbgnokkgkiablgbdabpk).
* Install the app (https://chrome.google.com/webstore/detail/ecnapnimgoienbogbgcmchpgjbgeaobk).
* Create your ~/.js directory.
* Launch the app to configure the directory.
* Hack on some js.

## How it Works

The Punkjs extension and Punkjs Bridge app use the Chrome runtime messaging API for communicating.

Whenever you navigate to a webpage the extension will tell the bridge what domain the page is on. The bridge will try to find matching files, starting with the TLD and working down through the levels. The extension then runs the returned Javascript in the context of the page.

## Requirements

* Google Chrome.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Punkjs", "version": "0.1.1", "manifest_version": 2, "description": "Punkjs is a Chrome extension that allows you to load local Javascript files into web pages based on the filename.", "author": "Jonathan Cremin ", "homepage_url": "https://github.com/kudos/punkjs", "minimum_chrome_version": "46", "icons": { "128": "icon-128.png" }, "content_scripts": [ { "matches": [""], "js": ["bridge-id.js", "index.js"] } ], "options_ui": { "chrome_style": true, "page": "options.html" }}