{"id":4869,"date":"2010-06-10T10:44:49","date_gmt":"2010-06-10T17:44:49","guid":{"rendered":"http:\/\/3.723"},"modified":"2012-04-12T19:35:33","modified_gmt":"2012-04-12T19:35:33","slug":"extending-firefox-with-jetpack-presentation-vanjs","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/labs\/2010\/06\/extending-firefox-with-jetpack-presentation-vanjs\/","title":{"rendered":"&#8220;Extending Firefox with Jetpack&#8221; Presentation @ VanJS"},"content":{"rendered":"<p>Having recently given a presentation on <a title=\"Mozilla Jetpack\" href=\"https:\/\/jetpack.mozillalabs.com\/\">Jetpack<\/a> to the <a title=\"VanJS Meetup\" rel=\"external\" href=\"http:\/\/www.meetup.com\/vancouver-javascript-developers\/\">VanJS meet-up group<\/a>, I thought I would share my slides from the event and review some of the questions that were asked. The main goal of my presentation was to shine a light on Jetpack&#8217;s evolution and hopefully encourage JavaScript developers to think about how they might extend Firefox with Jetpack.<\/p>\n<p>I certainly enjoyed meeting the people who attended this VanJS event; thanks goes out to Allen Pike for organizing the event and everyone who attended!<\/p>\n<h2>Slides<\/h2>\n<div><\/div>\n<p>var doc = window.document, frame = doc.createElement(&#8216;iframe&#8217;);frame.src = &#8216;http:\/\/docs.google.com\/present\/embed?id=d3dj9v7_24hdnzfkdm&#8217;;frame.style.width = &#8216;625px&#8217;;frame.style.height = &#8216;337px&#8217;;frame.style.background = &#8216;#ababab&#8217;;frame.style.padding = &#8216;8px&#8217;;frame.style.marginTop = &#8217;10px&#8217;;frame.style.MozBorderRadius = &#8216;5px&#8217;;frame.style.MozBoxShadow = &#8216;0 2px 6px 0 #BFBFBF&#8217;;frame.style.border = &#8216;1px solid #4A4A4A&#8217;;doc.getElementById(&#8216;ErikVansJS&#8217;).appendChild(frame);<br \/>\n<!--more--><\/p>\n<h2>Examples<\/h2>\n<p><strong>Example 1: View Page Source in Tab<\/strong><\/p>\n<ul>\n<li> <strong>Source<\/strong>: <a title=\"View Page Source in Tab - GitHub\" rel=\"external nofollow\" rev=\"vote-for\" href=\"http:\/\/github.com\/erikvold\/view-page-source-in-tab-jetpack\" target=\"_blank\">http:\/\/github.com\/erikvold\/view-page-source-in-tab-jetpack<\/a><\/li>\n<li> <strong>Download<\/strong>: <a title=\"View Page Source in Tab - AMO\" rel=\"external\" rev=\"vote-for\" href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/151809\/\" target=\"_blank\">https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/151809\/<\/a><\/li>\n<\/ul>\n<p><strong>Example 2: Google Maps for Microformats<\/strong><\/p>\n<ul>\n<li> <strong>Source<\/strong>: <a title=\"Google Maps for Microformats - GitHub\" rel=\"external nofollow\" rev=\"vote-for\" href=\"http:\/\/github.com\/erikvold\/googlemaps4microformats-jetpack\" target=\"_blank\">http:\/\/github.com\/erikvold\/googlemaps4microformats-jetpack<\/a><\/li>\n<li> <strong>Download<\/strong>: <a title=\"Google Maps for Microformats - AMO\" rel=\"external\" rev=\"vote-for\" href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/153353\/\" target=\"_blank\">https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/153353\/<\/a><\/li>\n<\/ul>\n<h2>Questions<\/h2>\n<p><strong>Will Jetpack modules work with Webkit?<\/strong><br \/>\nJetpack only supports Firefox currently.<\/p>\n<p><strong>Will you be able to use Jetpack with Google Chrome?<\/strong><br \/>\nThe security model for Google Chrome extensions and Jetpack are very different, so generally speaking you will not be able to use a Jetpack as, or in, a Google Chrome extension. However, I believe a small portion of basic extensions may be written to work across platforms if the code performs some environment detection.<\/p>\n<p><strong>Will the modules that a Jetpack uses be displayed to the user when they install an add-on from sites other than <a title=\"Addons.Mozilla.Org\" href=\"http:\/\/addons.mozilla.org\/\">AMO<\/a>?<\/strong><br \/>\nThis type of capability-based notification to users is a privacy and security goal for Jetpack, it will likely be addressed in future releases.<\/p>\n<p><strong>When will the restart-less add-ons feature be ready?<\/strong><br \/>\nYou can create restart-less Jetpack-based add-ons as of the Jetpack SDK 0.4 release, but the restart-less feature will only work with the nightly versions of Firefox at the moment.<\/p>\n<p><strong>What kind of content will you be able to add to Panels?<\/strong><br \/>\nAs far as I know all HTML content can be used in a panel.<\/p>\n<p><strong>What does cfx stand for?<\/strong><br \/>\ncfx means Cuddle Fish executable I believe, &#8216;Cuddle Fish&#8217; is a bit of a code name, and cfx will be replaced by jpx in the future.<\/p>\n<p><strong>How do Jetpack-based add-ons keep track of the menu items to be removed when they are uninstalled?<\/strong><br \/>\nI believe a unique Jetpack ID is used to track anything that needs to be removed when the uninstall command is issue to a given add-on.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Having recently given a presentation on Jetpack to the VanJS meet-up group, I thought I would share my slides from the event and review some of the questions that were asked. The main goal of my presentation was to shine &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/labs\/2010\/06\/extending-firefox-with-jetpack-presentation-vanjs\/\">Continue reading<\/a><\/p>\n","protected":false},"author":456,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[19611],"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/posts\/4869"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/users\/456"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/comments?post=4869"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/posts\/4869\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/media?parent=4869"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/categories?post=4869"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/tags?post=4869"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}