logo in the Add-on bar.
Lightbeam starts recording connections as soon as it's installed. If you open it now, you'll see a blank screen because nothing's been recorded yet.
To start visualizing your online interactions, open a new tab, navigate to a site, and then check back to the Lightbeam tab to see how your connections graph appears.
You have one or more private browsing windows open.
" + "Connections made in private browsing windows will be visualized in Lightbeam but that data is not stored.
" + "Information gathered in private browsing mode will be deleted whenever Lightbeam is restarted, and is not collected at all when Lightbeam is not open..
", "imageUrl": "image/lightbeam_popup_privacy.png" }, function (confirmed) {} ); } function confirmBlockSitesDialog(callback) { dialog({ "name": dialogNames.blockSites, "title": "Block Sites", "message": "Warning:
" + "Blocking sites will prevent any and all content from being loaded from selected domains, for example: [example.com, example.net] and all of their subdomains [mail.example.com, news.example.net etc.].
" + "This can prevent some sites from working and degrade your internet experience. Please use this feature carefully.
", "imageUrl": "image/lightbeam_popup_blocked.png" }, callback ); } function confirmHideSitesDialog(callback) { dialog({ "name": dialogNames.hideSites, "dnsPrompt": true, "title": "Hide Sites", "message": "These sites will not be shown in Lightbeam visualizations, including List View, unless you specifically toggle them back on with the Show Hidden Sites button.
" + "You can use this to ignore trusted sites from the data.
", "imageUrl": "image/lightbeam_popup_hidden.png" }, callback ); } function confirmResetDataDialog(callback) { dialog({ "name": dialogNames.resetData, "title": "Reset Data", "message": "Pressing OK will delete all Lightbeam information including connection history, user preferences, block sites list etc.
" + "Your browser will be returned to the state of a fresh install of Lightbeam.
", "imageUrl": "image/lightbeam_popup_warningreset.png" }, callback); } function confirmTrackingProtectionDialog(callback) { dialog({ "name": dialogNames.trackingProtection, "title": "Tracking Protection", "message": "Warning:
" + "Enabling this experimental feature will block elements that track your online behavior.
" + "This can prevent some sites from working and degrade your internet experience. Please use this feature carefully.
" + "Please report any problems you find.
" + '', "imageUrl": "image/lightbeam_popup_blocked.png" }, callback); } data/content-script.js 0000644 0000000 0000000 00000003275 12741721616 014015 0 ustar root root /* This Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ (function (global) { // This is the e10s/message passing content script that ties the workers to the // addon. It can see most of the addon, the window is either not visible or not // mutable so we use unsafeWindow below. This handles the post message // connections and does a little UI work on the side. self.port.on('connection', function (connection) { global.allConnections.push(connection); global.aggregate.emit('connection', connection); }); self.port.on('passStoredConnections', function (connections) { global.allConnections = connections; global.aggregate.emit('load', global.allConnections); }); self.port.on('update-blocklist', function (domain) { global.aggregate.emit('update-blocklist', domain); }); self.port.on('update-blocklist-all', function (domains) { global.aggregate.emit('update-blocklist-all', domains); }); self.port.on('init', function () { console.debug('content-script::init()'); global.aggregate.emit('load', global.allConnections); }); self.port.on("updateUIFromMetadata", function (metadata) { console.debug("Got add-on metadata", metadata); global.aggregate.emit("updateUIFromMetadata", metadata); }); self.port.on("updateUIFromBrowserPrefs", function (browserPrefs) { console.debug("Got set browser prefs", browserPrefs); global.aggregate.emit("updateUIFromBrowserPrefs", browserPrefs); }); self.port.on("updateUIFromPrefs", function (prefs) { console.debug("Got set prefs", prefs); global.aggregate.emit("updateUIFromPrefs", prefs); }); })(this); data/aggregate.js 0000644 0000000 0000000 00000040553 12741721616 012767 0 ustar root root /* This Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ // Graph Visualization // Visualization of tracking data interconnections (function (global) { "use strict"; // An emitter that lists nodes and edges so we can build the data structure // used by all 3 visualizers. var aggregate = new Emitter(); global.aggregate = aggregate; global.filteredAggregate = { nodes: [], edges: [] }; // The name of the current filter (daily, weekly, recent, last10sites) aggregate.currentFilter = "daily"; aggregate.trackerCount = 0; aggregate.siteCount = 0; // d3 has functionality to build graphs out of lists of nodes and edges. aggregate.nodes = []; aggregate.edges = []; aggregate.recentSites = []; aggregate.initialized = false; aggregate.nodemap = {}; aggregate.edgemap = {}; function resetData() { console.debug('aggregate::resetData'); aggregate.getBlockedDomains().forEach(function (domain) { console.debug("deleting", domain); delete userSettings[domain]; }); aggregate.nodemap = {}; aggregate.edgemap = {}; aggregate.nodes = []; aggregate.edges = []; aggregate.trackerCount = 0; aggregate.siteCount = 0; aggregate.recentSites = []; global.currentVisualization.emit('reset'); updateStatsBar(); } aggregate.on('reset', resetData); aggregate.getBlockedDomains = function () { return Object.keys(userSettings).filter(function (domain) { return userSettings[domain] == 'block'; }); }; aggregate.getAllNodes = function () { var blockedDomains = aggregate.getBlockedDomains(); console.debug("getAllNodes", JSON.stringify(blockedDomains)); return aggregate.nodes.concat(blockedDomains.map(function (domain) { return { site: domain, nodeType: 'blocked', name: domain }; })); }; aggregate.getConnectionCount = function (node) { if (node.nodeType === 'blocked') return 0; let connections = Object.keys(aggregate.nodeForKey(node.name)).length; return connections - 1 > 0 ? connections - 1 : 0; }; aggregate.nodeForKey = function (key) { var result = {}; var linkedNodes = []; if (aggregate.nodemap[key]) { linkedNodes = aggregate.nodemap[key].linkedFrom.concat(aggregate.nodemap[key].linkedTo); result[key] = aggregate.nodemap[key]; } else { linkedNodes = []; result[key] = {}; } linkedNodes.forEach(function (nodeName) { var node = aggregate.nodemap[nodeName]; var temp = {}; for (var p in node) { if (node.hasOwnProperty(p) && !(p == "linkedFrom" || p == "linkedTo")) { temp[p] = node[p]; } } result[nodeName] = temp; }); return result; }; aggregate.connectionAsObject = function (conn) { if (Array.isArray(conn)) { return { source: conn[SOURCE], target: conn[TARGET], timestamp: new Date(conn[TIMESTAMP]), contentType: conn[CONTENT_TYPE], cookie: conn[COOKIE], sourceVisited: conn[SOURCE_VISITED], secure: conn[SECURE], sourcePathDepth: conn[SOURCE_PATH_DEPTH], sourceQueryDepth: conn[SOURCE_QUERY_DEPTH], sourceSub: conn[SOURCE_SUB], targetSub: conn[TARGET_SUB], method: conn[METHOD], status: conn[STATUS], cacheable: conn[CACHEABLE] }; } return conn; }; // Pass the list of connections to build the graph structure to pass to d3 for // visualizations. function onLoad(connections) { var startTime = Date.now(); console.debug("aggregate::onLoad", connections.length, "connections", aggregate.currentFilter); connections.forEach(onConnection); aggregate.initialized = true; filteredAggregate = aggregate.filters[aggregate.currentFilter](); // Tell the visualization that we're ready. if (global.currentVisualization) { global.currentVisualization.emit('init'); } updateStatsBar(); console.debug('aggregate::onLoad end, took %s ms', Date.now() - startTime); } function updateUIFromMetadata(metadata) { console.debug("in aggregate metadata"); global.updateUIFromMetadata(metadata); } function updateUIFromBrowserPrefs(browserPrefs) { console.debug("in aggregate browser prefs"); global.updateUIFromBrowserPrefs(browserPrefs); } function updateUIFromPrefs(prefs) { console.debug("in aggregate prefs"); global.updateUIFromPrefs(prefs); } aggregate.on('load', onLoad); aggregate.on("updateUIFromMetadata", updateUIFromMetadata); aggregate.on("updateUIFromBrowserPrefs", updateUIFromBrowserPrefs); aggregate.on("updateUIFromPrefs", updateUIFromPrefs); // Constants for indexes of properties in array format const SOURCE = 0; const TARGET = 1; const TIMESTAMP = 2; const CONTENT_TYPE = 3; const COOKIE = 4; const SOURCE_VISITED = 5; const SECURE = 6; const SOURCE_PATH_DEPTH = 7; const SOURCE_QUERY_DEPTH = 8; const SOURCE_SUB = 9; const TARGET_SUB = 10; const METHOD = 11; const STATUS = 12; const CACHEABLE = 13; // Check that recent sites include the domain. This is another potential source // of false positives. aggregate.isDomainVisited = function isDomainVisited(domain) { return aggregate.recentSites.length && (aggregate.recentSites.indexOf(domain) > -1); }; function onConnection(conn) { // A connection has the following keys: // source (url), target (url), timestamp (int), contentType (str), cookie (bool), sourceVisited (bool), secure(bool), sourcePathDepth (int), sourceQueryDepth(int) // We want to shape the collection of connections that represent points in time into // aggregate data for graphing. Each connection has two endpoints represented by GraphNode objects // and one edge represented by a GraphEdge object, but we want to re-use these when connections // map to the same endpoints or edges. var connection = aggregate.connectionAsObject(conn); var sourcenode, targetnode, edge, nodelist, updated = false; // Maintain the list of sites visited in dated order // console.log('check for recent sites: %s: %s', connection.source, connection.sourceVisited); if (connection.sourceVisited) { // console.log('source visited: %s -> %s', connection.source, connection.target); var site = connection.target; var siteIdx = aggregate.recentSites.indexOf(site); if (aggregate.recentSites.length && siteIdx === (aggregate.recentSites.length - 1)) { // most recent site is already at the end of the recentSites list, do nothing } else { if (siteIdx > -1) { // if site is already in list (but not last), remove it aggregate.recentSites.splice(siteIdx, 1); } aggregate.recentSites.push(site); // push site on end of list if it is not there updated = true; } } else { // console.log('source not visited: %s -> %s', connection.source, connection.target); } // Retrieve the source node and update, or create it if not found if (aggregate.nodemap[connection.source]) { sourcenode = aggregate.nodemap[connection.source]; if (connection.sourceVisited && sourcenode.nodeType == "thirdparty") { // the previously "thirdparty" site has now become a "visited" site // +1 on visited sites counter and -1 on trackers counter aggregate.siteCount++; aggregate.trackerCount--; } sourcenode.update(connection, true); } else { sourcenode = new GraphNode(connection, true); aggregate.nodemap[connection.source] = sourcenode; aggregate.nodes.push(sourcenode); if (connection.sourceVisited) { aggregate.siteCount++; } else { aggregate.trackerCount++; } // console.log('new source: %s, now %s nodes', sourcenode.name, aggregate.nodes.length); updated = true; } // Retrieve the target node and update, or create it if not found if (aggregate.nodemap[connection.target]) { targetnode = aggregate.nodemap[connection.target]; targetnode.update(connection, false); } else { targetnode = new GraphNode(connection, false); aggregate.nodemap[connection.target] = targetnode; aggregate.nodes.push(targetnode); // all nodes if (connection.sourceVisited) { aggregate.siteCount++; // Can this ever be true? } else { aggregate.trackerCount++; } // console.log('new target: %s, now %s nodes', targetnode.name, aggregate.nodes.length); updated = true; } // Create edge objects. Could probably do this lazily just for the graph view if (aggregate.edgemap[connection.source + '->' + connection.target]) { edge = aggregate.edgemap[connection.source + '->' + connection.target]; edge.update(connection); } else { edge = new GraphEdge(sourcenode, targetnode, connection); aggregate.edgemap[edge.name] = edge; aggregate.edges.push(edge); // updated = true; } if (updated) { aggregate.update(); } updateStatsBar(); } aggregate.on('connection', onConnection); function onBlocklistUpdate({ domain, flag }) { if (flag === true) { userSettings[domain] = 'block'; } else if (userSettings[domain] == 'block') { delete userSettings[domain]; } } aggregate.on('update-blocklist', onBlocklistUpdate); // Read the blocklist to memory function onBlocklistUpdateAll(domains) { (domains || []).forEach(onBlocklistUpdate); } aggregate.on('update-blocklist-all', onBlocklistUpdateAll); // Used only by the graph view. function GraphEdge(source, target, connection) { var name = source.name + '->' + target.name; if (aggregate.edgemap[name]) { return aggregate.edgemap[name]; } this.source = source; this.target = target; this.name = name; if (connection) { this.cookieCount = connection.cookie ? 1 : 0; } return this; // console.log('edge: %s', this.name); } GraphEdge.prototype.lastAccess = function () { return (this.source.lastAccess > this.target.lastAccess) ? this.source.lastAccess : this.target.lastAccess; }; GraphEdge.prototype.firstAccess = function () { return (this.source.firstAccess < this.target.firstAccess) ? this.source.firstAccess : this.target.firstAccess; }; GraphEdge.prototype.update = function (connection) { this.cookieCount = connection.cookie ? this.cookieCount + 1 : this.cookieCount; }; // A graph node represents one end of a connection, either a target or a source // Where a connection is a point in time with a timestamp, a graph node has a time range // represented by firstAccess and lastAccess. Where a connection has a contentType, a node // has an array of content types. Booleans in graph nodes become boolean pairs in graph nodes // (for instance, some connections may have cookies and some may not, which would result in both // cookie and notCookie being true). We set an initial position randomly to keep the force graph // from exploding. // function GraphNode(connection, isSource) { this.firstAccess = this.lastAccess = connection.timestamp; this.linkedFrom = []; this.linkedTo = []; this.contentTypes = []; this.subdomain = []; this.method = []; this.status = []; this.visitedCount = 0; this.secureCount = 0; this.cookieCount = 0; this.howMany = 0; if (connection) { this.update(connection, isSource); } // FIXME: Get the width and height from the add-on somehow var width = 1000; var height = 1000; // Set defaults for graph this.x = this.px = (Math.random() - 0.5) * 800 + width / 2; this.y = this.py = (Math.random() - 0.5) * 800 + height / 2; this.weight = 0; } GraphNode.prototype.update = function (connection, isSource) { if (!this.name) { this.name = isSource ? connection.source : connection.target; // console.log('node: %s', this.name); } if (connection.timestamp > this.lastAccess) { this.lastAccess = connection.timestamp; } if (connection.timestamp < this.firstAccess) { this.firstAccess = connection.timestamp; } if (isSource && (this.linkedTo.indexOf(connection.target) < 0)) { this.linkedTo.push(connection.target); } if ((!isSource) && (this.linkedFrom.indexOf(connection.source) < 0)) { this.linkedFrom.push(connection.source); } if (this.contentTypes.indexOf(connection.contentType) < 0) { this.contentTypes.push(connection.contentType); } if (connection.sourceVisited) { this.visitedCount++; } if (this.subdomain.indexOf(connection.sourceSub) < 0) { this.subdomain.push(connection.sourceSub); } if (connection.cookie) { this.cookieCount++; } if (connection.secure) { this.secureCount++; } if (this.method.indexOf(connection.method) < 0) { this.method.push(connection.method); } if (this.status.indexOf(connection.status) < 0) { this.status.push(connection.status); } this.howMany++; if (this.visitedCount / this.howMany == 1) { this.nodeType = 'site'; } else if (this.visitedCount / this.howMany === 0) { this.nodeType = 'thirdparty'; } else { this.nodeType = 'both'; } return this; }; // Filtering function sitesSortedByDate() { return aggregate.recentSites.map(function (sitename) { return aggregate.nodemap[sitename]; }); } aggregate.sitesSortedByDate = sitesSortedByDate; function aggregateFromNodes(nodes) { var localmap = {}; var edgemap = {}; nodes.forEach(function (node) { localmap[node.name] = node; node.linkedFrom.forEach(function (nodename) { var linkedNode = aggregate.nodemap[nodename]; var edge = new GraphEdge(node, linkedNode); edgemap[edge.name] = edge; localmap[nodename] = linkedNode; }); node.linkedTo.forEach(function (nodename) { var linkedNode = aggregate.nodemap[nodename]; var edge = new GraphEdge(node, linkedNode); edgemap[edge.name] = edge; localmap[nodename] = linkedNode; }); }); return { nodes: Object.keys(localmap).map(function (name) { return localmap[name]; }), edges: Object.keys(edgemap).map(function (name) { return edgemap[name]; }) }; } // filters aggregate.filters = { daily: function daily() { var now = Date.now(); var then = now - (24 * 60 * 60 * 1000); var sortedNodes = sitesSortedByDate(); // find index where we go beyond date var i; for (i = sortedNodes.length - 1; i > -1; i--) { if (sortedNodes[i].lastAccess.valueOf() < then) { break; } } // i is always 1 too low at the point i++; // put it back var filteredNodes = sortedNodes.slice(i); // Done filtering return aggregateFromNodes(filteredNodes); }, weekly: function weekly() { var now = Date.now(); var then = now - (7 * 24 * 60 * 60 * 1000); var sortedNodes = sitesSortedByDate(); // find index where we go beyond date var i; for (i = sortedNodes.length - 1; i > -1; i--) { if (sortedNodes[i].lastAccess < then) { break; } } i++; // we decrement too far, put it back var filteredNodes = sortedNodes.slice(i); // console.log('weekly filter after: %s', filteredNodes.length); return aggregateFromNodes(filteredNodes); }, last10sites: function last10sites() { var sortedNodes = sitesSortedByDate(); var filteredNodes = sortedNodes.slice(-10); return aggregateFromNodes(filteredNodes); }, recent: function recent() { var sortedNodes = sitesSortedByDate(); var filteredNodes = sortedNodes.slice(-1); return aggregateFromNodes(filteredNodes); } }; function switchFilter(name) { if (aggregate.currentFilter == name) { return; } aggregate.currentFilter = name; global.self.port.emit("prefChanged", { defaultFilter: name }); aggregate.update(); } aggregate.switchFilter = switchFilter; // Underscore debounce function // // Returns a function, that, as long as it continues to be invoked, will not // be triggered. The function will be called after it stops being called for // N milliseconds. If `immediate` is passed, trigger the function on the // leading edge, instead of the trailing. var debounce = function debounce(func, wait, immediate) { var timeout; return function () { var context = this, args = arguments; var later = function () { timeout = null; if (!immediate) func.apply(context, args); }; var callNow = immediate && !timeout; clearTimeout(timeout); timeout = setTimeout(later, wait); if (callNow) func.apply(context, args); }; }; aggregate.update = debounce(function update() { // FIXME: maybe not for list view if (global.currentVisualization && global.currentVisualization.name !== 'graph') { console.debug('do not update aggregate for view', currentVisualization.name); } if (aggregate.initialized) { global.filteredAggregate = aggregate.filters[aggregate.currentFilter](); aggregate.emit('update'); } updateStatsBar(); }); })(this); data/OpenSans.css 0000644 0000000 0000000 00000001174 12741721616 012737 0 ustar root root /* This Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url('font/OpenSans-LightItalic.ttf') format('truetype') } @font-face { font-family: 'Open Sans'; font-style: bold; font-weight: 700; src: url('font/OpenSans-Bold.ttf') format('truetype') } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('font/OpenSans-Light.ttf') format('truetype') } data/picoModal/ 0000755 0000000 0000000 00000000000 12741721616 012403 5 ustar root root data/picoModal/picoModal.js 0000644 0000000 0000000 00000030443 12741721616 014654 0 ustar root root /** * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ /** * A self-contained modal library */ (function(window, document) { "use strict"; /** Returns whether a value is a dom node */ function isNode(value) { if ( typeof Node === "object" ) { return value instanceof Node; } else { return value && typeof value === "object" && typeof value.nodeType === "number"; } } /** Returns whether a value is a string */ function isString(value) { return typeof value === "string"; } /** * Generates observable objects that can be watched and triggered */ function observable() { var callbacks = []; return { watch: callbacks.push.bind(callbacks), trigger: function( modal ) { var unprevented = true; var event = { preventDefault: function preventDefault () { unprevented = false; } }; for (var i = 0; i < callbacks.length; i++) { callbacks[i](modal, event); } return unprevented; } }; } /** * A small interface for creating and managing a dom element */ function Elem( elem ) { this.elem = elem; } /** * Creates a new div */ Elem.div = function ( parent ) { var elem = document.createElement('div'); (parent || document.body).appendChild(elem); return new Elem(elem); }; Elem.prototype = { /** Creates a child of this node */ child: function () { return Elem.div(this.elem); }, /** Applies a set of styles to an element */ stylize: function(styles) { styles = styles || {}; if ( typeof styles.opacity !== "undefined" ) { styles.filter = "alpha(opacity=" + (styles.opacity * 100) + ")"; } for (var prop in styles) { if (styles.hasOwnProperty(prop)) { this.elem.style[prop] = styles[prop]; } } return this; }, /** Adds a class name */ clazz: function (clazz) { this.elem.className += " " + clazz; return this; }, /** Sets the HTML */ html: function (content) { if ( isNode(content) ) { this.elem.appendChild( content ); } else { this.elem.innerHTML = content; } return this; }, /** Returns the width of this element */ getWidth: function () { return this.elem.clientWidth; }, /** Adds a click handler to this element */ onClick: function(callback) { if (this.elem.attachEvent) { this.elem.attachEvent('onclick', callback); } else { this.elem.addEventListener('click', callback); } return this; }, /** Removes this element from the DOM */ destroy: function() { document.body.removeChild(this.elem); }, /** Hides this element */ hide: function() { this.elem.style.display = "none"; }, /** Shows this element */ show: function() { this.elem.style.display = "block"; }, /** Executes a callback on all the ancestors of an element */ anyAncestor: function ( predicate ) { var elem = this.elem; while ( elem ) { if ( predicate( new Elem(elem) ) ) { return true; } else { elem = elem.parentNode; } } return false; } }; /** Generates the grey-out effect */ function buildOverlay( getOption, close ) { return Elem.div() .clazz("pico-overlay") .clazz( getOption("overlayClass", "") ) .stylize({ display: "block", position: "fixed", top: "0px", left: "0px", height: "100%", width: "100%", zIndex: 10000 }) .stylize(getOption('overlayStyles', { opacity: 0.5, background: "#000" })) .onClick(function () { if ( getOption('overlayClose', true) ) { close(); } }); } /** Builds the content of a modal */ function buildModal( getOption, close ) { var elem = Elem.div() .clazz("pico-content") .clazz( getOption("modalClass", "") ) .stylize({ display: 'block', position: 'fixed', zIndex: 10001, left: "50%", top: "50px" }) .html( getOption('content') ) .onClick(function (event) { var isCloseClick = new Elem(event.target) .anyAncestor(function (elem) { return /\bpico-close\b/.test(elem.elem.className); }); if ( isCloseClick ) { close(); } }); var width = getOption('width', elem.getWidth()); elem .stylize({ width: width + "px", margin: "0 0 0 " + (-(width / 2) + "px") }) .stylize( getOption('modalStyles', { backgroundColor: "white", padding: "20px", borderRadius: "5px" }) ); return elem; } /** Builds the close button */ function buildClose ( elem, getOption ) { if ( getOption('closeButton', true) ) { return elem.child() .html( getOption('closeHtml', "×") ) .clazz("pico-close") .clazz( getOption("closeClass") ) .stylize( getOption('closeStyles', { borderRadius: "2px", cursor: "pointer", height: "15px", width: "15px", position: "absolute", top: "5px", right: "5px", fontSize: "16px", textAlign: "center", lineHeight: "15px", background: "#CCC" }) ); } } /** Builds a method that calls a method and returns an element */ function buildElemAccessor( builder ) { return function () { return builder().elem; }; } /** * Displays a modal */ function picoModal(options) { if ( isString(options) || isNode(options) ) { options = { content: options }; } var afterCreateEvent = observable(); var beforeShowEvent = observable(); var afterShowEvent = observable(); var beforeCloseEvent = observable(); var afterCloseEvent = observable(); /** * Returns a named option if it has been explicitly defined. Otherwise, * it returns the given default value */ function getOption ( opt, defaultValue ) { var value = options[opt]; if ( typeof value === "function" ) { value = value( defaultValue ); } return value === undefined ? defaultValue : value; } /** Hides this modal */ function forceClose () { shadowElem().hide(); modalElem().hide(); afterCloseEvent.trigger(iface); } /** Gracefully hides this modal */ function close () { if ( beforeCloseEvent.trigger(iface) ) { forceClose(); } } /** Wraps a method so it returns the modal interface */ function returnIface ( callback ) { return function () { callback.apply(this, arguments); return iface; }; } // The constructed dom nodes var built; /** Builds a method that calls a method and returns an element */ function build ( name ) { if ( !built ) { var modal = buildModal(getOption, close); built = { modal: modal, overlay: buildOverlay(getOption, close), close: buildClose(modal, getOption) }; afterCreateEvent.trigger(iface); } return built[name]; } var modalElem = build.bind(window, 'modal'); var shadowElem = build.bind(window, 'overlay'); var closeElem = build.bind(window, 'close'); var iface = { /** Returns the wrapping modal element */ modalElem: buildElemAccessor(modalElem), /** Returns the close button element */ closeElem: buildElemAccessor(closeElem), /** Returns the overlay element */ overlayElem: buildElemAccessor(shadowElem), /** Shows this modal */ show: function () { if ( beforeShowEvent.trigger(iface) ) { shadowElem().show(); closeElem(); modalElem().show(); afterShowEvent.trigger(iface); } return this; }, /** Hides this modal */ close: returnIface(close), /** * Force closes this modal. This will not call beforeClose * events and will just immediately hide the modal */ forceClose: returnIface(forceClose), /** Destroys this modal */ destroy: function () { modalElem = modalElem().destroy(); shadowElem = shadowElem().destroy(); closeElem = undefined; }, /** * Updates the options for this modal. This will only let you * change options that are re-evaluted regularly, such as * `overlayClose`. */ options: function ( opts ) { options = opts; }, /** Executes after the DOM nodes are created */ afterCreate: returnIface(afterCreateEvent.watch), /** Executes a callback before this modal is closed */ beforeShow: returnIface(beforeShowEvent.watch), /** Executes a callback after this modal is shown */ afterShow: returnIface(afterShowEvent.watch), /** Executes a callback before this modal is closed */ beforeClose: returnIface(beforeCloseEvent.watch), /** Executes a callback after this modal is closed */ afterClose: returnIface(afterCloseEvent.watch) }; return iface; } if ( typeof window.define === "function" && window.define.amd ) { window.define(function () { return picoModal; }); } else { window.picoModal = picoModal; } }(window, document)); data/picoModal/LICENSE.md 0000644 0000000 0000000 00000002116 12741721616 014007 0 ustar root root The MIT License (MIT) --------------------- Copyright (c) 2012 James Frasca Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. data/font/ 0000755 0000000 0000000 00000000000 12751274675 011453 5 ustar root root data/d3/ 0000755 0000000 0000000 00000000000 12751274675 011013 5 ustar root root data/upgrade.html 0000644 0000000 0000000 00000003767 12741721616 013026 0 ustar root root
Major changes this release include an updated data format, refactoring the content scripts to omit references to unsafeWindow, and refactoring storage. Due to storage changes, previously stored connections will be wiped out with this upgrade. We expect users' connections graph to be restored to their normal state in a few days, since quota limits restrict the amount of data stored anyway. For a complete list of changes, please visit our github repository.
First-time contributors for this release include Francois Marier, Spyros Livathinos, and Andrew William-Smith. We are very fortunate to have such wonderful contributors in our community.