Building a Chrome Extension with Meteor

Jon Perljon at

codebounty.co@jon_perl

Why build an extension + examplesWhat are the partsBuild one with MeteorComplex use cases (w Code Bounty)

Today

Why?

How?

HTML / CSS

Javascript + chrome APIsChrome UI elements

chrome.* APIs• bookmarks• events• history• power• webReques

t + 48 more

UI Elements

Browser Action Page Action

UI Elements

Popup Context Menu

Get reload value from

menu in milliseconds

Trigger chrome.tabs.update({url:..}) to reload page

But what about Meteor?

bloggeek.me

1: meteor-ddp

Meteor2: iframe

Meteor Parties

100

Manifest

Background

OAuth

DDP vs IFrame

DDP vs IFrame

And More

Testing w Selenium and CucumberJS

RequireJS for organizing codeGrunt for filling in config values

Why build an extension + examplesWhat are the partsBuild one with MeteorComplex use cases (w Code Bounty)

Recap

github.com/jperl/meteor-chrome-extension

developer.chrome.com/extensions/api_index.html

github.com/eddflrs/meteor-ddp

youtube.com/watch?v=pT-b2SpFIWo

github.com/codebounty/codebounty

@jon_perl

Resources

Questions?