Create Node based Chrome Extension

Creating a Node based Chrome Extension starter project is easy using yo’s chrome-chrome-extension generator.

To start, make sure you have yo and the generator installed.

$  npm install -g yo
$  npm install -g generator-chrome-extension

Then.

$  mkdir your-new-ext-name; cd your-new-ext-name
$  yo chrome-extension --skip-install

From chrome://extensions/

Press Load upacked extension…

Select your app.

Yup.

Still working on getting this to work with Ember-Cli.

Looks like .bowerrc, bower.json, and package.json need to be reworked.

.bowerrc

{
  "directory": "bower_components",
  "analytics": false
}

bower.json

{
  "name": "your-new-ext-name",
  "dependencies": {
    "ember": "1.11.1",
    "ember-cli-shims": "ember-cli/ember-cli-shims#0.0.3",
    "ember-cli-test-loader": "ember-cli-test-loader#0.1.3",
    "ember-data": "1.0.0-beta.16.1",
    "ember-load-initializers": "ember-cli/ember-load-initializers#0.1.4",
    "ember-qunit": "0.3.1",
    "ember-qunit-notifications": "0.0.7",
    "ember-resolver": "~0.1.15",
    "jquery": "^1.11.1",
    "loader.js": "ember-cli/loader.js#3.2.0",
    "qunit": "~1.17.1"
  }
}

In package.json update the following

  "scripts": {
    "start": "ember server",
    "build": "ember build",
    "test": "ember test",
    "postinstall": "./node_modules/bower/bin/bower install"
  },
  "repository": "",
  "engines": {
    "node": ">= 0.10.0"
  },
  "author": "",
  "license": "MIT",
  "devDependencies": {
    "bower": "^1.4.1",
    "broccoli-asset-rev": "^2.0.2",
    "ember-browserify": "^0.6.4",
    "ember-cli": "0.2.3",
    "ember-cli-app-version": "0.3.3",
    "ember-cli-babel": "^5.0.0",
    "ember-cli-content-security-policy": "^0.4.0",
    "ember-cli-dependency-checker": "0.0.8",
    "ember-cli-htmlbars": "0.7.4",
    "ember-cli-ic-ajax": "0.1.1",
    "ember-cli-inject-live-reload": "^1.3.0",
    "ember-cli-qunit": "0.3.10",
    "ember-cli-uglify": "1.0.1",
    "ember-data": "1.0.0-beta.16.1",
    "ember-export-application-global": "^1.0.2"
  }

Re-run

$ npm install

Leave a Reply

Your email address will not be published. Required fields are marked *