├── .babelrc
├── res
    ├── app.icns
    ├── app.ico
    ├── background.png
    ├── brave_installer.icns
    ├── brave_installer_package.icns
    ├── brave_splash_installing.gif
    └── installer.nsi.tpl
├── test
    ├── mocha.opts
    ├── fixtures
    │   ├── img
    │   │   └── test.ico
    │   ├── favicon.html
    │   ├── theme_color.html
    │   ├── page_no_title.html
    │   ├── page1.html
    │   ├── page2.html
    │   ├── iframe_target_top.html
    │   ├── iframe_target_parent.html
    │   ├── opensearch.html
    │   ├── find_in_page.html
    │   ├── modal_beforeunload.html
    │   ├── modal_alert.html
    │   ├── click_with_target.html
    │   ├── geolocation.html
    │   ├── modal_prompt.html
    │   ├── modal_confirm.html
    │   ├── opensearch.xml
    │   ├── window_open.html
    │   ├── get_user_media.html
    │   └── push_state.html
    ├── lib
    │   ├── coMocha.js
    │   ├── selectors.js
    │   ├── server.js
    │   ├── serverChild.js
    │   └── brave.js
    ├── tabPagesTest.js
    └── tabTest.js
├── app
    ├── img
    │   ├── braveBtn.png
    │   ├── braveBtn2x.png
    │   └── braveBtn3x.png
    ├── locales
    │   └── en-US
    │   │   ├── preferences.l20n
    │   │   └── app.l20n
    ├── index.html
    ├── package-loader.js
    ├── crash-herald.js
    ├── siteHacks.js
    ├── index-dev.html
    ├── cmdLine.js
    ├── localShortcuts.js
    ├── adBlock.js
    ├── content
    │   ├── search
    │   │   ├── duckduckgo.xml
    │   │   └── google.xml
    │   └── webviewPreload.js
    ├── trackingProtection.js
    ├── filtering.js
    ├── index.js
    ├── sessionStore.js
    └── dataFile.js
├── tools
    ├── start.js
    ├── lib
    │   ├── versionInfo.js
    │   └── execute.js
    └── rebuildNativeModules.js
├── js
    ├── data
    │   └── siteHacks.js
    ├── constants
    │   ├── keyCodes.js
    │   ├── siteTags.js
    │   ├── updateStatus.js
    │   ├── appConstants.js
    │   ├── config.js
    │   ├── appConfig.js
    │   ├── windowConstants.js
    │   └── messages.js
    ├── lib
    │   ├── classSet.js
    │   ├── debounce.js
    │   ├── color.js
    │   ├── functional.js
    │   ├── faviconUtil.js
    │   ├── openSearch.js
    │   └── appUrlUtil.js
    ├── components
    │   ├── immutableComponent.js
    │   ├── releaseNotes.js
    │   ├── button.js
    │   ├── pinnedTabs.js
    │   ├── dialogButton.js
    │   ├── dialog.js
    │   ├── tabPages.js
    │   ├── tabsToolbar.js
    │   ├── tabs.js
    │   ├── window.js
    │   ├── siteInfo.js
    │   ├── navigationBar.js
    │   ├── findbar.js
    │   └── updateBar.js
    ├── dispatcher
    │   ├── windowDispatcher.js
    │   ├── appDispatcher.js
    │   ├── serializer.js
    │   └── dispatcher.js
    ├── entry.js
    ├── state
    │   └── siteUtil.js
    ├── actions
    │   └── appActions.js
    └── contextMenus.js
├── sign-darwin.sh
├── less
    ├── main.less
    ├── variables.less
    ├── button.less
    ├── findbar.less
    ├── updateBar.less
    ├── dialogs.less
    ├── window.less
    ├── navigationBar.less
    └── tabs.less
├── .travis.yml
├── docs
    ├── tests.md
    ├── electronPrebuilt.md
    ├── directoryStructure.md
    ├── debugging.md
    ├── componentStructure.md
    └── state.md
├── .gitignore
├── .vscode
    └── launch.json
├── README.md
├── webpack.config.js
├── preload-httpse.js
└── package.json


/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 |   "presets": ["react", "es2015"]
3 | }
4 | 


--------------------------------------------------------------------------------
/res/app.icns:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/diracdeltas/browser-laptop/master/res/app.icns


--------------------------------------------------------------------------------
/res/app.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/diracdeltas/browser-laptop/master/res/app.ico


--------------------------------------------------------------------------------
/test/mocha.opts:
--------------------------------------------------------------------------------
1 | --ui tdd
2 | --timeout 600s
3 | --reporter spec
4 | --check-leaks
5 | 


--------------------------------------------------------------------------------
/res/background.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/diracdeltas/browser-laptop/master/res/background.png


--------------------------------------------------------------------------------
/app/img/braveBtn.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/diracdeltas/browser-laptop/master/app/img/braveBtn.png


--------------------------------------------------------------------------------
/app/img/braveBtn2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/diracdeltas/browser-laptop/master/app/img/braveBtn2x.png


--------------------------------------------------------------------------------
/app/img/braveBtn3x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/diracdeltas/browser-laptop/master/app/img/braveBtn3x.png


--------------------------------------------------------------------------------
/res/brave_installer.icns:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/diracdeltas/browser-laptop/master/res/brave_installer.icns


--------------------------------------------------------------------------------
/test/fixtures/img/test.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/diracdeltas/browser-laptop/master/test/fixtures/img/test.ico


--------------------------------------------------------------------------------
/res/brave_installer_package.icns:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/diracdeltas/browser-laptop/master/res/brave_installer_package.icns


--------------------------------------------------------------------------------
/res/brave_splash_installing.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/diracdeltas/browser-laptop/master/res/brave_splash_installing.gif


--------------------------------------------------------------------------------
/test/fixtures/favicon.html:
--------------------------------------------------------------------------------
1 | <html>
2 | <head>
3 |   <link rel="shortcut icon" href="img/test.ico">
4 | </head>
5 | <body>
6 | </body>
7 | </html>
8 | 


--------------------------------------------------------------------------------
/test/lib/coMocha.js:
--------------------------------------------------------------------------------
1 | var mocha = require('mocha')
2 | var coMocha = require('co-mocha')
3 | coMocha(mocha)
4 | 
5 | require('babel-polyfill')
6 | 


--------------------------------------------------------------------------------
/test/fixtures/theme_color.html:
--------------------------------------------------------------------------------
1 | <html>
2 | <head>
3 |   <meta name='theme-color' content='#4d90fe'>
4 | </head>
5 | <body>
6 | </body>
7 | </html>
8 | 


--------------------------------------------------------------------------------
/test/fixtures/page_no_title.html:
--------------------------------------------------------------------------------
1 | <html>
2 | <head>
3 |   <meta charset="UTF-8">
4 | </head>
5 | <body>
6 |   No title on this page!
7 | </body>
8 | </html>
9 | 


--------------------------------------------------------------------------------
/app/locales/en-US/preferences.l20n:
--------------------------------------------------------------------------------
1 | <preferences "Preferences">
2 | <languages "Languages">
3 | 
4 | <developerTools "Developer Tools">
5 | <remoteDebugging "Remote Debugging Enabled">
6 | 


--------------------------------------------------------------------------------
/test/fixtures/page1.html:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |   <meta charset="UTF-8">
 4 |   <title>Page 1</title>
 5 | </head>
 6 | <body>
 7 |   <a id="thelink" href="page2.html">Page 2</a>
 8 | </body>
 9 | </html>
10 | 


--------------------------------------------------------------------------------
/test/fixtures/page2.html:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |   <meta charset="UTF-8">
 4 |   <title>Page 2</title>
 5 | </head>
 6 | <body>
 7 |   <a id="thelink" href="page1.html">Page 1</a>
 8 | </body>
 9 | </html>
10 | 


--------------------------------------------------------------------------------
/tools/start.js:
--------------------------------------------------------------------------------
1 | var path = require('path')
2 | var execute = require('./lib/execute')
3 | 
4 | var env = {
5 |   NODE_ENV: 'development'
6 | }
7 | 
8 | execute('electron "' + path.join(__dirname, '..') + '" ' + process.argv[2], env)
9 | 


--------------------------------------------------------------------------------
/test/fixtures/iframe_target_top.html:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |   <meta charset="UTF-8">
 4 |   <title>iframe.target.top</title>
 5 | </head>
 6 | <body>
 7 |   <a href="page1.html" id="_top" target="_top">top</a>
 8 | </body>
 9 | </html>
10 | 


--------------------------------------------------------------------------------
/js/data/siteHacks.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   'forbes.com': function(details) {
3 |     details.requestHeaders.Cookie = details.requestHeaders.Cookie + `; forbes_ab=true; welcomeAd=true; adblock_session=Off; dailyWelcomeCookie=true`
4 |     return details.requestHeaders
5 |   }
6 | }
7 | 


--------------------------------------------------------------------------------
/test/fixtures/iframe_target_parent.html:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |   <meta charset="UTF-8">
 4 |   <title>iframe.target.parent</title>
 5 | </head>
 6 | <body>
 7 |   <a href="page1.html" id="_parent" target="_parent">parent</a>
 8 |   <iframe id="top" src="iframe_target_top.html"/>
 9 | </body>
10 | </html>
11 | 


--------------------------------------------------------------------------------
/test/fixtures/opensearch.html:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |   <meta charset="UTF-8">
 4 |   <title>Open Search</title>
 5 |   <link title="BraveSearch" type="application/opensearchdescription+xml" rel="search" href="./opensearch.xml">
 6 | </head>
 7 | <body>
 8 |   <h1>Open Search</h1>
 9 | </body>
10 | </html>
11 | 


--------------------------------------------------------------------------------
/test/fixtures/find_in_page.html:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |   <meta charset="UTF-8">
 4 |   <title>Find in page</title>
 5 | </head>
 6 | <body>
 7 |   Finding test on this TeST page should find 2 results for case insensitive search.
 8 |   But only one when case sensitive is turned on.
 9 | </body>
10 | </html>
11 | 


--------------------------------------------------------------------------------
/tools/lib/versionInfo.js:
--------------------------------------------------------------------------------
1 | var fs = require('fs')
2 | var pack = JSON.parse(fs.readFileSync('package.json', 'utf-8'))
3 | var electronPrebuiltPack = JSON.parse(fs.readFileSync('./node_modules/electron-prebuilt/package.json', 'utf-8'))
4 | module.exports.braveVersion = pack.version
5 | module.exports.electronVersion = electronPrebuiltPack.version
6 | 


--------------------------------------------------------------------------------
/test/fixtures/modal_beforeunload.html:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |   <meta charset="UTF-8">
 4 |   <title>Modal Custom</title>
 5 | </head>
 6 | <body>
 7 |   <script type="text/javascript">
 8 |     window.addEventListener('beforeunload', function (e) {
 9 |       e.returnValue = '\o/';
10 |       return '\o/';
11 |     });
12 |   </script>
13 | </body>
14 | </html>
15 | 


--------------------------------------------------------------------------------
/sign-darwin.sh:
--------------------------------------------------------------------------------
 1 | if [ -z "$IDENTIFIER" ]; then
 2 |     echo "IDENTIFIER needs to be set to the certificate organization"
 3 |     exit 1
 4 | fi  
 5 | 
 6 | cd Brave-darwin-x64/Brave.app/Contents/Frameworks
 7 | codesign --deep --force --strict --verbose --sign $IDENTIFIER *
 8 | 
 9 | cd ../../..
10 | codesign --deep --force --strict --verbose --sign $IDENTIFIER Brave.app/
11 | 


--------------------------------------------------------------------------------
/js/constants/keyCodes.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | const KeyCodes = {
 6 |   ENTER: 13,
 7 |   ESC: 27,
 8 |   UP: 38,
 9 |   DOWN: 40
10 | }
11 | 
12 | module.exports = KeyCodes
13 | 


--------------------------------------------------------------------------------
/less/main.less:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | @bodyBG: #000;
 6 | @windowContainerFG: #f00;
 7 | 
 8 | body {
 9 |   background-color: @bodyBG;
10 | }
11 | 
12 | #windowContainer {
13 |   color: @windowContainerFG;
14 | }
15 | 


--------------------------------------------------------------------------------
/test/fixtures/modal_alert.html:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |   <meta charset="UTF-8">
 4 |   <title>Modal Alert</title>
 5 | </head>
 6 | <body>
 7 |   <a href="#" id="trigger">Trigger Alert</a>
 8 |   <script type="text/javascript">
 9 |     document.getElementById('trigger').addEventListener('click', e => {
10 |       e.preventDefault();
11 |       alert('this is an alert');
12 |     });
13 |   </script>
14 | </body>
15 | </html>
16 | 


--------------------------------------------------------------------------------
/js/lib/classSet.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | /**
 6 |  * Converts an object with boolean properties to a CSS string.
 7 |  * Only the property names with truthy values are included.
 8 |  */
 9 | module.exports = obj => Object.keys(obj).filter(prop => obj[prop]).join(' ')
10 | 


--------------------------------------------------------------------------------
/test/fixtures/click_with_target.html:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |   <meta charset="UTF-8">
 4 |   <title>click.with.target</title>
 5 | </head>
 6 | <body>
 7 |   <a href="page1.html" id="none">none</a>
 8 |   <a href="page1.html" id="name" target="name">name</a>
 9 |   <a href="page2.html" id="name2" target="name">name2</a>
10 |   <a href="page1.html" id="_self" target="_self">self</a>
11 |   <iframe id="parent" src="iframe_target_parent.html"/>
12 | </body>
13 | </html>
14 | 


--------------------------------------------------------------------------------
/js/lib/debounce.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | export default function debounce (fn, bufferInterval, ...args) {
 6 |   var timeout
 7 |   return () => {
 8 |     clearTimeout(timeout)
 9 |     timeout = setTimeout(fn.apply.bind(fn, this, args), bufferInterval)
10 |   }
11 | }
12 | 


--------------------------------------------------------------------------------
/js/constants/siteTags.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | const mapValuesByKeys = require('../lib/functional').mapValuesByKeys
 6 | 
 7 | const _ = null
 8 | const siteTags = {
 9 |   BOOKMARK: _,
10 |   PINNED: _,
11 |   READING_LIST: _
12 | }
13 | 
14 | module.exports = mapValuesByKeys(siteTags)
15 | 


--------------------------------------------------------------------------------
/test/fixtures/geolocation.html:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |   <meta charset="UTF-8">
 4 |   <title>Geolocation</title>
 5 | </head>
 6 | <body>
 7 |   <div id="result"></div>
 8 |   <script type="text/javascript">
 9 |     var result = document.getElementById('result');
10 |     navigator.geolocation.getCurrentPosition(position => {
11 |       result.textContent = 'grant';
12 |     }, error => {
13 |       result.textContent = error.message;
14 |     }, {timeout: 1});
15 |   </script>
16 | </body>
17 | </html>
18 | 


--------------------------------------------------------------------------------
/test/fixtures/modal_prompt.html:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |   <meta charset="UTF-8">
 4 |   <title>Modal Prompt</title>
 5 | </head>
 6 | <body>
 7 |   <a href="#" id="trigger">Trigger Prompt</a>
 8 |   <div id="result"></div>
 9 |   <script type="text/javascript">
10 |     document.getElementById('trigger').addEventListener('click', e => {
11 |       e.preventDefault();
12 |       var result = document.getElementById('result');
13 |       result.textContent = prompt('Enter your username');
14 |     });
15 |   </script>
16 | </body>
17 | </html>
18 | 


--------------------------------------------------------------------------------
/test/fixtures/modal_confirm.html:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |   <meta charset="UTF-8">
 4 |   <title>Modal Confirm</title>
 5 | </head>
 6 | <body>
 7 |   <a href="#" id="trigger">Trigger Confirm</a>
 8 |   <div id="result"></div>
 9 |   <script type="text/javascript">
10 |     document.getElementById('trigger').addEventListener('click', e => {
11 |       e.preventDefault();
12 |       var result = document.getElementById('result');
13 |       result.textContent = confirm('are you sure?') ? 'yes' : 'no';
14 |     });
15 |   </script>
16 | </body>
17 | </html>
18 | 


--------------------------------------------------------------------------------
/test/lib/selectors.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   urlInput: '#urlInput',
 3 |   activeWebview: '.frameWrapper.isActive webview',
 4 |   activeTab: '.tab.active',
 5 |   activeTabFavicon: '.tab.active .tabIcon',
 6 |   navigator: '#navigator',
 7 |   navigatorLoadTime: '#navigator .loadTime',
 8 |   newFrameButtonInsideTabs: '.tabs .newFrameButton',
 9 |   newFrameButtonOutsideTabs: '.tabsToolbarButtons .newFrameButton',
10 |   tabPage: '.tabPage',
11 |   tabPage1: '[data-tab-page="0"]',
12 |   tabPage2: '[data-tab-page="1"]',
13 |   closeTab: '.closeTab',
14 |   urlbarIcon: '.urlbarIcon'
15 | }
16 | 


--------------------------------------------------------------------------------
/.travis.yml:
--------------------------------------------------------------------------------
 1 | sudo: false
 2 | language: node_js
 3 | node_js:
 4 |   - "5.1"
 5 | before_install:
 6 |   - export DISPLAY=:99.0
 7 |   - sh -e /etc/init.d/xvfb start
 8 | script:
 9 |   - npm run lint && npm test
10 | notifications:
11 |   slack:
12 |     secure: bDwO2uce5JAZvjrvWj4+/+yEXJAIK4O0RcgUWvZ2IMbi7Q9I89Mw40JmkLWL6x2gWZwxr8+FoLtErJA7RVrsfImjrX+NmMyAB7AydLdrBJtkLozNnuacnhcnBRyp1gGCa1ymxCEXGbgC6onAD3kiJJhggr70T+2lu3IuJYXENhc=
13 | env:
14 |   - CXX=g++-4.8
15 | addons:
16 |   apt:
17 |     sources:
18 |       - ubuntu-toolchain-r-test
19 |     packages:
20 |       - xvfb
21 |       - g++-4.8
22 | 


--------------------------------------------------------------------------------
/js/components/immutableComponent.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | const React = require('react')
 6 | const Immutable = require('immutable')
 7 | 
 8 | class ImmutableComponent extends React.Component {
 9 |   shouldComponentUpdate (nextProps, nextState) {
10 |     return Object.keys(nextProps).some(prop => !Immutable.is(nextState, this.props[prop]))
11 |   }
12 | }
13 | 
14 | module.exports = ImmutableComponent
15 | 


--------------------------------------------------------------------------------
/app/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="availableLanguages" content="en-US">
 6 |     <meta name="defaultLanguage" content="en-US">
 7 |     <title>Brave</title>
 8 |     <script>
 9 |       require("babel-polyfill")
10 |       require("vibrant/dist/Vibrant.min.js")
11 |     </script>
12 |     <script src="./ext/l20n.min.js" defer></script>
13 |     <link rel="localization" href="locales/{locale}/app.l20n">
14 |   </head>
15 |   <body>
16 |     <div id="windowContainer"/>
17 |   </body>
18 |   <script src="gen/bundle.js"></script>
19 | </html>
20 | 


--------------------------------------------------------------------------------
/js/constants/updateStatus.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | const mapValuesByKeys = require('../lib/functional').mapValuesByKeys
 6 | 
 7 | const _ = null
 8 | const updateStatus = {
 9 |   UPDATE_NONE: _,
10 |   UPDATE_CHECKING: _,
11 |   UPDATE_AVAILABLE: _,
12 |   UPDATE_AVAILABLE_DEFERRED: _,
13 |   UPDATE_DOWNLOADING: _,
14 |   UPDATE_NOT_AVAILABLE: _,
15 |   UPDATE_ERROR: _
16 | }
17 | 
18 | module.exports = mapValuesByKeys(updateStatus)
19 | 


--------------------------------------------------------------------------------
/test/fixtures/opensearch.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
 3 |   <ShortName>BraveBrowser</ShortName>
 4 |   <Description>Search BraveBrowser</Description>
 5 |   <InputEncoding>UTF-8</InputEncoding>
 6 |   <LongName>BraveBrowser Search</LongName>
 7 |   <Image height="16" width="16">data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==</Image>
 8 |   <Url type="text/html" method="get" template="http://localhost?q={searchTerms}"/>
 9 |   <Url type="application/x-suggestions+json" template="http://localhost?q={searchTerms}"/>
10 | </OpenSearchDescription>
11 | 


--------------------------------------------------------------------------------
/tools/lib/execute.js:
--------------------------------------------------------------------------------
 1 | var exec = require('child_process').exec
 2 | 
 3 | module.exports = function (cmds, env, cb) {
 4 |   if (!env) {
 5 |     env = {}
 6 |   }
 7 |   var cmd = ''
 8 |   if (!Array.isArray(cmds)) {
 9 |     cmds = [cmds]
10 |   }
11 |   cmd += cmds.join('&&')
12 |   console.log(cmd)
13 | 
14 |   for (var key in env) {
15 |     if (env.hasOwnProperty(key)) {
16 |       process.env[key] = env[key]
17 |     }
18 |   }
19 | 
20 |   var r = exec(cmd, {
21 |     env: process.env
22 |   }, function () {
23 |     if (cb) {
24 |       cb()
25 |     }
26 |   })
27 |   r.stdout.pipe(process.stdout)
28 |   r.stderr.pipe(process.stderr)
29 | }
30 | 


--------------------------------------------------------------------------------
/app/package-loader.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | 'strict mode'
 6 | 
 7 | const path = require('path')
 8 | const fs = require('fs')
 9 | const assert = require('assert')
10 | 
11 | // Read and parse package.json
12 | exports.load = (done) => {
13 |   const packagePath = path.join(__dirname, '..', 'package.json')
14 |   fs.readFile(packagePath, 'utf-8', (err, contents) => {
15 |     assert.equal(err, null)
16 |     done(err, JSON.parse(contents))
17 |   })
18 | }
19 | 


--------------------------------------------------------------------------------
/app/crash-herald.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | const AppConfig = require('../js/constants/appConfig')
 6 | const crashReporter = require('electron').crashReporter
 7 | 
 8 | exports.init = () => {
 9 |   const options = {
10 |     productName: 'Brave Developers',
11 |     companyName: 'Brave.com',
12 |     submitURL: AppConfig.crashes.crashSubmitUrl,
13 |     autoSubmit: true,
14 |     ignoreSystemCrashHandler: true
15 |   }
16 |   crashReporter.start(options)
17 | }
18 | 


--------------------------------------------------------------------------------
/test/fixtures/window_open.html:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |   <meta charset="UTF-8">
 4 |   <title>window.open</title>
 5 | </head>
 6 | <body>
 7 |   <a href="#" id="trigger">Trigger Window Open</a>
 8 |   <script type="text/javascript">
 9 |     var global = {}
10 |     document.getElementById('trigger').addEventListener('click', e => {
11 |       e.preventDefault();
12 |       e.stopPropagation();
13 |       if (global.triggerFunction !== undefined) {
14 |         window.WINDOW_REF = global.triggerFunction();
15 |       } else {
16 |         window.WINDOW_REF = window.open(`http://${window.location.host}/page1.html`);
17 |       }
18 |     });
19 |   </script>
20 | </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/js/lib/color.js:
--------------------------------------------------------------------------------
 1 | module.exports.parseColor = (color) => {
 2 |   const div = document.createElement('div')
 3 |   div.style.color = color
 4 |   const m = div.style.color.match(/^rgb\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i)
 5 |   if (m) {
 6 |     return [m[1], m[2], m[3]]
 7 |   } else {
 8 |     return null
 9 |   }
10 | }
11 | 
12 | module.exports.getTextColorForBackground = (color) => {
13 |   // Calculate text color based on contrast with background:
14 |   // https://24ways.org/2010/calculating-color-contrast/
15 |   const rgb = module.exports.parseColor(color)
16 |   if (!rgb) {
17 |     return null
18 |   }
19 |   let [r, g, b] = rgb
20 |   const yiq = (r * 299 + g * 587 + b * 114) / 1000
21 |   return yiq >= 128 ? 'black' : 'white'
22 | }
23 | 


--------------------------------------------------------------------------------
/js/components/releaseNotes.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | const React = require('react')
 6 | const ImmutableComponent = require('./immutableComponent')
 7 | const Dialog = require('./dialog')
 8 | 
 9 | class ReleaseNotes extends ImmutableComponent {
10 |   render () {
11 |     return <Dialog onHide={this.props.onHide} isClickDismiss>
12 |       <div className='releaseNotes'>
13 |         <h1>{this.props.metadata.get('name')}</h1>
14 |         <div>{this.props.metadata.get('notes')}</div>
15 |       </div>
16 |     </Dialog>
17 |   }
18 | }
19 | 
20 | module.exports = ReleaseNotes
21 | 


--------------------------------------------------------------------------------
/js/constants/appConstants.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | const mapValuesByKeys = require('../lib/functional').mapValuesByKeys
 6 | 
 7 | const _ = null
 8 | const AppConstants = {
 9 |   APP_NEW_WINDOW: _,
10 |   APP_CLOSE_WINDOW: _,
11 |   APP_ADD_SITE: _,
12 |   APP_SET_STATE: _,
13 |   APP_REMOVE_SITE: _,
14 |   APP_SET_DEFAULT_WINDOW_SIZE: _,
15 |   APP_SET_DATA_FILE_ETAG: _,
16 |   APP_SET_DATA_FILE_LAST_CHECK: _,
17 |   APP_SET_RESOURCE_ENABLED: _,
18 |   APP_UPDATE_LAST_CHECK: _,
19 |   APP_SET_UPDATE_STATUS: _
20 | }
21 | 
22 | module.exports = mapValuesByKeys(AppConstants)
23 | 


--------------------------------------------------------------------------------
/js/dispatcher/windowDispatcher.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | var Dispatcher = require('./dispatcher')
 6 | 
 7 | class WindowDispatcher extends Dispatcher {
 8 |   /**
 9 |    * A bridge function between the views and the dispatcher, marking the action
10 |    * as a view action.  Another variant here could be handleServerAction.
11 |    * @param  {object} action The data coming from the view.
12 |    */
13 |   handleViewAction (action) {
14 |     this.dispatch({
15 |       source: 'VIEW_ACTION',
16 |       action: action
17 |     })
18 |   }
19 | }
20 | 
21 | const windowDispatcher = new WindowDispatcher()
22 | module.exports = windowDispatcher
23 | 


--------------------------------------------------------------------------------
/js/lib/functional.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | /**
 6 |  * Map an object's keys to equivalent names as the keys but with dashes
 7 |  *
 8 |  * @param o The object for the keys to be mapped
 9 |  * @return A new object with the values mapped to similar key names
10 |  */
11 | module.exports.mapValuesByKeys = (o) =>
12 |   Object.keys(o).reduce((newObject, k) => {
13 |     newObject[k] = k.toLowerCase().replace(/_/g, '-')
14 |     return newObject
15 |   }, {})
16 | 
17 | module.exports.firstDefinedValue = (...arr) => {
18 |   // use + value to convert booleans back to numbers
19 |   return arr.filter((value) => !isNaN(+ value))[0] // eslint-disable-line
20 | }
21 | 


--------------------------------------------------------------------------------
/js/dispatcher/appDispatcher.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | 'use strict'
 6 | const messages = require('../constants/messages')
 7 | const Serializer = require('../dispatcher/serializer')
 8 | 
 9 | class AppDispatcher {
10 |   /**
11 |    * dispatch
12 |    * @param  {object} action The action to dispatch
13 |    */
14 |   dispatch (action) {
15 |     if (process.type === 'renderer') {
16 |       global.require('electron').ipcRenderer.send(messages.APP_ACTION, Serializer.serialize(action))
17 |     } else {
18 |       process.emit(messages.APP_ACTION, action)
19 |     }
20 |   }
21 | }
22 | 
23 | const appDispatcher = new AppDispatcher()
24 | module.exports = appDispatcher
25 | 


--------------------------------------------------------------------------------
/docs/tests.md:
--------------------------------------------------------------------------------
 1 | # Tests
 2 | 
 3 | ## About tests
 4 | 
 5 | Tests use the [mocha test frameowrk](https://mochajs.org/).
 6 | 
 7 | Most tests use [webdriver.io](http://webdriver.io/) to bring up the browser and run through the tests.
 8 | 
 9 | Tests are located in the top level `test` directory and their filenames have a suffix of `Test.js`.
10 | 
11 | ## Watching for changes for tests
12 | 
13 | To stay close to production, tests do not use the webpack dev server.  To keep the webpack bundle up to date as you make changes you should run:
14 | 
15 |     npm run watch-test
16 | 
17 | ## Running all tests
18 | 
19 |     npm run test
20 | 
21 | ## Running a subset of tests
22 | 
23 | You can run a subset of tests which match a `description` or `it` with:
24 | 
25 |     npm run test -- --grep="expression"
26 | 
27 | Where `expression` could be for example `^tabs` to match all tests which start with the word tabs.
28 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | 
 5 | # Runtime data
 6 | pids
 7 | *.pid
 8 | *.seed
 9 | 
10 | # Directory for instrumented libs generated by jscoverage/JSCover
11 | lib-cov
12 | 
13 | # Coverage directory used by tools like istanbul
14 | coverage
15 | 
16 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
17 | .grunt
18 | 
19 | # node-waf configuration
20 | .lock-wscript
21 | 
22 | # Compiled binary addons (http://nodejs.org/api/addons.html)
23 | build/Release
24 | 
25 | # Dependency directory
26 | # https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git
27 | node_modules
28 | 
29 | public/built
30 | 
31 | # Temp files
32 | .DS_Store
33 | 
34 | # electron-packager output dirs
35 | *-darwin-x64
36 | *-win32-x64
37 | dist
38 | win64-dist
39 | 
40 | app/gen
41 | *.pfx
42 | 
43 | # HTTPS Everywhere files
44 | httpse-targets.json
45 | rulesets.sqlite
46 | 


--------------------------------------------------------------------------------
/less/variables.less:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | @linkColor: #0099CC;
 6 | @highlightBlue: #0076FF;
 7 | @tabBorderRadius: 10px;
 8 | @privateTabBackground: #392e54;
 9 | @chromePrimary: #A0A2A4;
10 | @tabsBackground: #CCCCCC;
11 | @navigationBarBackground: #919295;
12 | @chromeBorderColor: @chromePrimary;
13 | @chromeControlsBackground: #bbb;
14 | @chromeControlsWarningBackground: @chromePrimary;
15 | @chromeControlsBackground2: #7E7F83;
16 | @navigatorHeight: 48px;
17 | @defaultSpacing: 12px;
18 | @progressBarColor: #3498DB;
19 | @defaultFontSize: 13px;
20 | @audioColor: @highlightBlue;
21 | @focusUrlbarOutline: @highlightBlue;
22 | @loadTimeColor: @highlightBlue;
23 | @activeTabDefaultColor: white;
24 | @buttonColor: #3B3B3B;
25 | @braveOrange: #EB431C;
26 | 


--------------------------------------------------------------------------------
/test/fixtures/get_user_media.html:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |   <meta charset="UTF-8">
 4 |   <title>Get User Media</title>
 5 | </head>
 6 | <body>
 7 |   <video></video>
 8 |   <script type="text/javascript">
 9 |     navigator.getUserMedia = navigator.getUserMedia || navigator.mozGetUserMedia;
10 | 
11 |     if (navigator.getUserMedia) {
12 |        navigator.getUserMedia({ audio: true, video: { width: 600, height: 400 } },
13 |           function(stream) {
14 |              var video = document.querySelector('video');
15 |              video.src = window.URL.createObjectURL(stream);
16 |              video.onloadedmetadata = function(e) {
17 |                video.play();
18 |              };
19 |           },
20 |           function(err) {
21 |              console.log("The following error occured: " + err.name);
22 |           }
23 |        );
24 |     } else {
25 |        console.log("getUserMedia not supported");
26 |     }
27 |   </script>
28 | </body>
29 | </html>
30 | 


--------------------------------------------------------------------------------
/test/fixtures/push_state.html:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |   <meta charset="UTF-8">
 4 |   <title>Push State</title>
 5 | </head>
 6 | <body>
 7 |   <h1>Current: <span id="current">default</span></h1>
 8 |   <ul id="items">
 9 |       <li><a id="link1" href="/page1/">Page 1</a></li>
10 |       <li><a id="link2" href="/page2/">Page 2</a></li>
11 |       <li><a id="link3" href="/page3/">Page 3</a></li>
12 |   </ul>
13 |   <script type="text/javascript">
14 |     function setData(url) {
15 |       var current = document.getElementById('current');
16 |       current.textContent = url;
17 |     }
18 |     document.getElementById('items').addEventListener('click', e => {
19 |       e.preventDefault();
20 |       var url = e.target.href;
21 |       window.history.pushState({url: url}, e.target.title, url);
22 |       setData(url);
23 |     });
24 |     window.onpopstate = function(e) {
25 |       setData(e.state ? e.state.url : null);
26 |     };
27 |   </script>
28 | </body>
29 | </html>
30 | 


--------------------------------------------------------------------------------
/less/button.less:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | @import "variables.less";
 6 | 
 7 | span.browserButton {
 8 |   cursor: default;
 9 |   display: inline-block;
10 |   line-height: 28px;
11 |   width: 30px;
12 |   height: 30px;
13 |   font-size: 20px;
14 |   color: @buttonColor;
15 |   border-radius: 30px;
16 |   margin: 0 3px;
17 |   text-align: center;
18 |   transition: .1s opacity, .1s background;
19 | 
20 |   &:not([disabled]):hover {
21 |     color: black;
22 |   }
23 | 
24 |   &[disabled] {
25 |     opacity: .25;
26 |     pointer-events: none;
27 |   }
28 | 
29 |   &.smallButton {
30 |     line-height: 18px;
31 |     width: 18px;
32 |     height: 18px;
33 |     font-size: 12px;
34 |   }
35 | }
36 | 
37 | span.browserButton.newFrameButton {
38 |   font-family: helvetica;
39 |   width: 26px;
40 |   vertical-align: middle;
41 | }
42 | 


--------------------------------------------------------------------------------
/js/components/button.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | const React = require('react')
 6 | const ImmutableComponent = require('./immutableComponent')
 7 | const cx = require('../lib/classSet.js')
 8 | 
 9 | class Button extends ImmutableComponent {
10 |   render () {
11 |     if (this.props.iconClass) {
12 |       return <span disabled={this.props.disabled}
13 |         className={cx({
14 |           browserButton: true,
15 |           fa: true,
16 |           [this.props.iconClass]: true,
17 |           [this.props.className]: true
18 |         })}
19 |         onClick={this.props.onClick}>
20 |       </span>
21 |     }
22 |     return <span disabled={this.props.disabled}
23 |       data-l10n-id={this.props.l10nId}
24 |       className={cx({
25 |         browserButton: true,
26 |         [this.props.className]: true
27 |       })} onClick={this.props.onClick}>
28 |       {this.props.label}
29 |     </span>
30 |   }
31 | }
32 | 
33 | module.exports = Button
34 | 


--------------------------------------------------------------------------------
/js/dispatcher/serializer.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | 'use strict'
 6 | const Immutable = require('immutable')
 7 | 
 8 | /**
 9 |  * Converts an action in place to a serializable equivalent which is safe
10 |  * to communicate across processes.  This basically just remoes all of the
11 |  * Immutable JS.
12 |  */
13 | module.exports.serialize = action => {
14 |   for (let property in action) {
15 |     if (action.hasOwnProperty(property) && action[property] && action[property].toJS) {
16 |       action[property] = action[property].toJS()
17 |     }
18 |   }
19 |   return action
20 | }
21 | 
22 | /**
23 |  * Converts a serialized action in place to one using ImmutableJS where possible.
24 |  */
25 | module.exports.deserialize = action => {
26 |   for (let property in action) {
27 |     if (action.hasOwnProperty(property) && action[property] instanceof Object) {
28 |       action[property] = Immutable.fromJS(action[property])
29 |     }
30 |   }
31 |   return action
32 | }
33 | 


--------------------------------------------------------------------------------
/app/siteHacks.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | 'use strict'
 6 | 
 7 | const URL = require('url')
 8 | const Filtering = require('./filtering')
 9 | const siteHacks = require('../js/data/siteHacks')
10 | const AppConfig = require('../js/constants/appConfig')
11 | 
12 | const resourceName = 'siteHacks'
13 | 
14 | module.exports.init = () => {
15 |   if (!AppConfig[resourceName].enabled) {
16 |     return
17 |   }
18 |   Filtering.registerFilteringCB(details => {
19 |     if (details.resourceType !== 'mainFrame') {
20 |       return {
21 |         shouldBlock: false,
22 |         resourceName
23 |       }
24 |     }
25 | 
26 |     let domain = URL.parse(details.url).hostname.split('.').slice(-2).join('.')
27 |     let hack = siteHacks[domain]
28 |     let cbArgs = {}
29 |     if (hack) {
30 |       cbArgs = { requestHeaders: hack.call(this, details) }
31 |     }
32 |     return {
33 |       shouldBlock: false,
34 |       resourceName,
35 |       cbArgs
36 |     }
37 |   })
38 | }
39 | 


--------------------------------------------------------------------------------
/js/components/pinnedTabs.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | const React = require('react')
 6 | const ImmutableComponent = require('./immutableComponent')
 7 | const Tab = require('./tab')
 8 | 
 9 | class PinnedTabs extends ImmutableComponent {
10 |   render () {
11 |     return <div className='pinnedTabs'>
12 |        {
13 |           this.props.frames
14 |             .filter(frameProps => frameProps.get('isPinned'))
15 |             .map(frameProps =>
16 |                 <Tab activeDraggedTab={this.props.tabs.get('activeDraggedTab')}
17 |                   frameProps={frameProps}
18 |                   frames={this.props.frames}
19 |                   key={'tab-' + frameProps.get('key')}
20 |                   isActive={this.props.activeFrame === frameProps}
21 |                   isPrivate={frameProps.get('isPrivate')}
22 |                   partOfFullPageSet={this.props.partOfFullPageSet}/>)
23 |       }
24 |     </div>
25 |   }
26 | }
27 | 
28 | module.exports = PinnedTabs
29 | 


--------------------------------------------------------------------------------
/less/findbar.less:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | @import "variables.less";
 6 | 
 7 | .findBar {
 8 |   background: @chromeControlsBackground;
 9 |   opacity: 0.9;
10 |   padding: 5px 10px;
11 |   position: absolute;
12 |   top: 0;
13 |   right: 0;
14 | 
15 |   .findButton {
16 |     margin: 0 2px;
17 | 
18 |     &.hideButton:not([disabled]):hover {
19 |       background: @chromeControlsWarningBackground;
20 |     }
21 |   }
22 | 
23 |   .searchStringContainer {
24 |     position: relative;
25 | 
26 |     input {
27 |       width: 200px;
28 |       margin-right: 5px;
29 |       padding-right: 28px;
30 |     }
31 | 
32 |     span {
33 |       color: black;
34 |       font-size: 10px;
35 |       margin-right: 8px;
36 |       position: absolute;
37 |       right: 0;
38 |       top: 5px;
39 |     }
40 |   }
41 | 
42 |   .caseSensitivityContainer {
43 |     input {
44 |       margin-right: 6px;
45 |     }
46 |     color: white;
47 |     font-size: 12px;
48 |     margin-top: 6px;
49 |   }
50 | }
51 | 


--------------------------------------------------------------------------------
/less/updateBar.less:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | @import "variables.less";
 6 | 
 7 | .updateBar {
 8 |   background-color: #fff;
 9 |   border-bottom: 1px solid #888;
10 |   padding: 5px 20px;
11 | 
12 |   >div {
13 |     display: flex;
14 |   }
15 | 
16 |   .updateHello{
17 |     color: @braveOrange;
18 |     font-size: 18px;
19 |     margin: auto 0;
20 |   }
21 | 
22 |   .updateMessage {
23 |     color: #000;
24 |     font-size: 15px;
25 |     padding-left: 10px;
26 |     margin: auto 0;
27 |   }
28 | 
29 |   .updateSecondaryButton {
30 |     background-color: #eee;
31 |   }
32 | 
33 |   .updateButton {
34 |     padding: 0px 25px;
35 |     float: right;
36 |     font-size: 14px;
37 |     width: auto;
38 |     margin: auto 5px;
39 |   }
40 | 
41 |   .updateRequiresRelaunch {
42 |     color: #888;
43 |     font-size: 14px;
44 |     margin: auto 0 auto 10px;
45 |   }
46 | 
47 |   .updateSpacer {
48 |     flex-grow: 1;
49 |   }
50 | 
51 |   .updateNowButton {
52 |     background-color: @braveOrange;
53 |     color: #fff;
54 |     margin-right: 0px;
55 |   }
56 | }
57 | 


--------------------------------------------------------------------------------
/js/lib/faviconUtil.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | import { isSourceAboutUrl } from './appUrlUtil.js'
 6 | const UrlUtil = require('../../node_modules/urlutil.js/dist/node-urlutil.js')
 7 | 
 8 | module.exports = function getFavicon (frameProps) {
 9 |   if (!frameProps.get('location')) {
10 |     return null
11 |   }
12 | 
13 |   var size = window.devicePixelRatio * 16
14 |   var resolution = '#-moz-resolution=' + size + ',' + size
15 |   var iconHref = frameProps.get('icon')
16 | 
17 |   // Default to favicon.ico if we can't find an icon.
18 |   if (!iconHref) {
19 |     var loc = frameProps.get('location')
20 |     if (UrlUtil.isViewSourceUrl(loc)) {
21 |       loc = loc.substring('view-source:'.length)
22 |     } else if (UrlUtil.isImageDataUrl(loc)) {
23 |       return loc
24 |     } else if (isSourceAboutUrl(loc) || UrlUtil.isDataUrl(loc)) {
25 |       return ''
26 |     }
27 | 
28 |     try {
29 |       var defaultIcon = new window.URL('/favicon.ico' + resolution, loc)
30 |       iconHref = defaultIcon.toString()
31 |     } catch (e) {
32 |       return ''
33 |     }
34 |   }
35 |   return iconHref + resolution
36 | }
37 | 


--------------------------------------------------------------------------------
/app/index-dev.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="availableLanguages" content="en-US">
 6 |     <meta name="defaultLanguage" content="en-US">
 7 |     <title>Brave</title>
 8 |     <script>
 9 |       require("babel-polyfill")
10 |       require("vibrant/dist/Vibrant.min.js")
11 |     </script>
12 |     <script src="./ext/l20n.min.js" defer></script>
13 |     <link rel="localization" href="locales/{locale}/app.l20n">
14 |   </head>
15 |   <body>
16 |     <div id="windowContainer">
17 |       <div id="setupError" style="display: none">
18 |         <p>
19 |           <span>Please make sure the webpack devserver is running via:</span><br>
20 |           <code>npm run-script watch</code>
21 |         </p>
22 | 
23 |         <p>
24 |           <span>Please consult the repository's README for more information:</span><br>
25 |           <a href='https://github.com/brave/browser-electron/blob/master/README.md'>https://github.com/brave/browser-electron/blob/master/README.md</a>
26 |         </p>
27 |       </div>
28 |     </div>
29 |   </body>
30 |   <script src="http://localhost:8080/webpack-dev-server.js"
31 |           onerror="document.querySelector('#setupError').style.display ='block'"></script>
32 |   <script src="http://localhost:8080/built/bundle.js"></script>
33 | </html>
34 | 


--------------------------------------------------------------------------------
/docs/electronPrebuilt.md:
--------------------------------------------------------------------------------
 1 | # Overview of Electron Prebuilt and related repositories
 2 | 
 3 | [brave/browser-electron](https://github.com/brave/browser-electron) maintains its own version of [electron](https://github.com/brave/electron) and therefore also its own version of [electron-prebuilt](https://github.com/brave/electron-prebuilt).
 4 | Releases of `brave/electron` get added to the `gh-pages` branch of [brave/browser-electron-releases](https://github.com/brave/browser-electron-releases/tree/gh-pages).
 5 | `brave/browser-electron`'s dependency on `brave/electron-prebuilt` will download directly from `brave/browser-electron-releases` github public page.
 6 | 
 7 | # Creating a new release
 8 | 
 9 | To create a new release of `brave/electron` for use in `brave/electron-prebuilt`:
10 | 
11 | - Rebase `brave/electron`'s commits to the upstream tag you'd like to create a release for.
12 | - For Linux and OSX builds, run `ELECTRON_RELEASE=1 ATOM_SHELL_GITHUB_TOKEN=<your-github-token> ATOM_SHELL_./script/cibuild`.  Replace `<your-github-token>` with a token generated from https://github.com/settings/tokens
13 | - For Windows builds, run `ELECTRON_RELEASE=1 ATOM_SHELL_GITHUB_TOKEN=<your-github-token> npm run cibuild-windows`.
14 | - Manually download the release zip to a subfolder of `brave/browser-electron-releases`.
15 | - Mark the release draft as completed in the `brave/electron` repository.
16 | 


--------------------------------------------------------------------------------
/js/components/dialogButton.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | const React = require('react')
 6 | const ReactDOM = require('react-dom')
 7 | const ImmutableComponent = require('./immutableComponent')
 8 | 
 9 | /**
10 |  * Represents a button in a Dialog
11 |  */
12 | export class DialogButton extends ImmutableComponent {
13 |   get clickHandler () {
14 |     let clickHandler = this.props.onClick.bind(this, this.props.returnValue)
15 |     if (this.props.returnValue === undefined &&
16 |       typeof this.props.returnValueCallback === 'function') {
17 |       clickHandler = () => this.props.onClick(
18 |           this.props.returnValueCallback(ReactDOM.findDOMNode(this).parentNode))
19 |     }
20 |     return clickHandler
21 |   }
22 | 
23 |   render () {
24 |     return <span className='dialogButton'
25 |       onClick={this.clickHandler}
26 |       data-l10n-id={this.props['data-l10n-id']}>
27 |         {this.props.text}
28 |       </span>
29 |   }
30 | }
31 | 
32 | DialogButton.propTypes = {
33 |   'data-l10n-id': React.PropTypes.string,
34 |   onClick: React.PropTypes.func,
35 |   returnValue: React.PropTypes.bool,
36 |   returnValueCallback: React.PropTypes.func,
37 |   text: React.PropTypes.string
38 | }
39 | 
40 | module.exports = DialogButton
41 | 


--------------------------------------------------------------------------------
/js/constants/config.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | // VAULT_HOST can be set to:
 6 | // https://vault.brave.com for production
 7 | // https://vault-staging.brave.com for a dev build
 8 | // http://localhost:3000 for production
 9 | var vaultHost = process.env.VAULT_HOST || 'https://vault-staging.brave.com'
10 | var adHost = process.env.AD_HOST || '//cdn.brave.com'
11 | 
12 | export default {
13 |   zoom: {
14 |     min: 0.2,
15 |     max: 3,
16 |     step: 0.1,
17 |     defaultValue: 1
18 |   },
19 |   tabs: {
20 |     tabsPerPage: 6
21 |   },
22 |   maxClosedFrames: 100,
23 |   thumbnail: {
24 |     width: 160,
25 |     height: 100
26 |   },
27 |   defaultLocale: 'en-US',
28 |   defaultUrl: 'about:blank',
29 |   urlBarSuggestions: {
30 |     maxTopSites: 5,
31 |     maxSearch: 3,
32 |     maxSites: 2,
33 |     maxOpenedFrames: 2
34 |   },
35 |   navigationBar: {
36 |     defaultSearchSuggestions: false
37 |   },
38 |   defaultOpenSearchPath: './content/search/google.xml',
39 |   vault: {
40 |     syncUrl: (userId) => `${vaultHost}/v1/users/${userId}/appState`,
41 |     authUrl: (userId) => `${vaultHost}/v1/users/${userId}`,
42 |     intentUrl: (userId) => `${vaultHost}/v1/users/${userId}/intents`,
43 |     replacementUrl: adHost
44 |   }
45 | }
46 | 


--------------------------------------------------------------------------------
/js/entry.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | // Stylesheets are included here for webpack live reloading
 6 | require('../less/window.less')
 7 | require('../less/button.less')
 8 | require('../less/main.less')
 9 | require('../less/navigationBar.less')
10 | require('../less/tabs.less')
11 | require('../less/findbar.less')
12 | require('../less/dialogs.less')
13 | require('../less/updateBar.less')
14 | require('../node_modules/font-awesome/css/font-awesome.css')
15 | 
16 | const URL = require('url')
17 | const React = require('react')
18 | const ReactDOM = require('react-dom')
19 | const Window = require('./components/window')
20 | const ipc = global.require('electron').ipcRenderer
21 | const WindowStore = require('./stores/windowStore')
22 | const messages = require('./constants/messages')
23 | 
24 | // get appStore from url
25 | var queryString = URL.parse(window.location.href, true).query
26 | var appState = JSON.parse(queryString.appState)
27 | var frames = JSON.parse(queryString.frames)
28 | 
29 | ipc.on(messages.REQUEST_WINDOW_STATE, () => {
30 |   ipc.send(messages.RESPONSE_WINDOW_STATE, WindowStore.getState().toJS())
31 | })
32 | 
33 | ReactDOM.render(
34 |   <Window appState={appState} frames={frames}/>,
35 |   document.getElementById('windowContainer'))
36 | 


--------------------------------------------------------------------------------
/app/cmdLine.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | 'use strict'
 6 | 
 7 | const Immutable = require('immutable')
 8 | const electron = require('electron')
 9 | const app = electron.app
10 | const messages = require('../js/constants/messages')
11 | const BrowserWindow = electron.BrowserWindow
12 | const AppActions = require('../js/actions/appActions')
13 | let appInitialized = false
14 | 
15 | app.on('will-finish-launching', function () {
16 |   // User clicked a link when w were the default or via command line like:
17 |   // open -a Brave http://www.brave.com
18 |   app.on('open-url', function (event, path) {
19 |     event.preventDefault()
20 | 
21 |     if (appInitialized) {
22 |       let wnd = BrowserWindow.getFocusedWindow()
23 |       if (!wnd) {
24 |         const wnds = BrowserWindow.getAllWindows()
25 |         if (wnds.length > 0) {
26 |           wnd = wnds[0]
27 |         }
28 |       }
29 |       if (wnd) {
30 |         wnd.webContents.send(messages.SHORTCUT_NEW_FRAME, path)
31 |       } else {
32 |         AppActions.newWindow(Immutable.fromJS({
33 |           location: path
34 |         }))
35 |       }
36 |     } else {
37 |       module.exports.newWindowURL = path
38 |     }
39 |   })
40 | })
41 | 
42 | process.on(messages.APP_INITIALIZED, () => appInitialized = true)
43 | 


--------------------------------------------------------------------------------
/js/lib/openSearch.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | import Config from '../constants/config.js'
 6 | import Immutable from 'immutable'
 7 | 
 8 | /**
 9 |  * Loads the specified open search path and resolves the returned promise.
10 |  */
11 | export function loadOpenSearch (path) {
12 |   return new Promise(resolve => {
13 |     let xhr = new window.XMLHttpRequest()
14 |     xhr.open('GET', path || Config.defaultOpenSearchPath, true)
15 |     xhr.send()
16 |     xhr.onload = () => {
17 |       let parser = new window.DOMParser()
18 |       let doc = parser.parseFromString(xhr.responseText, 'text/xml')
19 |       window.doc = doc
20 |       let searchURL
21 |       let autocompleteURL
22 | 
23 |       try {
24 |         searchURL = doc.querySelector('Url[type="text/html"]')
25 |           .attributes.template.value
26 |       } catch (e) {
27 |         console.warn('Search provider does not specify a search url.')
28 |       }
29 | 
30 |       try {
31 |         autocompleteURL = doc.querySelector('Url[type="application/x-suggestions+json"]')
32 |           .attributes.template.value
33 |       } catch (e) {
34 |         console.warn('Search provider does not specify an autocomplete url.')
35 |       }
36 | 
37 |       resolve(Immutable.fromJS({
38 |         searchURL,
39 |         autocompleteURL
40 |       }))
41 |     }
42 |   })
43 | }
44 | 


--------------------------------------------------------------------------------
/js/components/dialog.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | const React = require('react')
 6 | const ReactDOM = require('react-dom')
 7 | const ImmutableComponent = require('./immutableComponent')
 8 | const KeyCodes = require('../constants/keyCodes')
 9 | 
10 | /**
11 |  * Represents a popup dialog
12 |  */
13 | export default class Dialog extends ImmutableComponent {
14 |   componentDidMount () {
15 |     window.addEventListener('keydown', this.onKeyDown.bind(this))
16 |     ReactDOM.findDOMNode(this.refs.dialog).focus()
17 |   }
18 | 
19 |   onClick () {
20 |     if (this.props.onHide && this.props.isClickDismiss) {
21 |       this.props.onHide()
22 |     }
23 |   }
24 | 
25 |   onKeyDown (e) {
26 |     if (e.keyCode === KeyCodes.ESC) {
27 |       if (this.props.onHide) {
28 |         this.props.onHide()
29 |       }
30 |     }
31 |   }
32 | 
33 |   render () {
34 |     return <div className={'dialog ' + (this.props.className || '')}
35 |       tabIndex='-1'
36 |       ref='dialog'
37 |       onKeyDown={this.onKeyDown.bind(this)}
38 |       onClick={this.onClick.bind(this)}>
39 |         {this.props.children}
40 |     </div>
41 |   }
42 | }
43 | 
44 | Dialog.propTypes = {
45 |   children: React.PropTypes.oneOfType([
46 |     React.PropTypes.element,
47 |     React.PropTypes.array
48 |   ]),
49 |   className: React.PropTypes.string,
50 |   isClickDismiss: React.PropTypes.bool,
51 |   onHide: React.PropTypes.func
52 | }
53 | 
54 | module.exports = Dialog
55 | 


--------------------------------------------------------------------------------
/app/localShortcuts.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | const electron = require('electron')
 6 | const BrowserWindow = electron.BrowserWindow
 7 | const electronLocalshortcut = require('electron-localshortcut')
 8 | const messages = require('../js/constants/messages')
 9 | 
10 | module.exports.register = (win) => {
11 |   // Most of these events will simply be listened to by the app store and acted
12 |   // upon.  However sometimes there are no state changes, for example with focusing
13 |   // the URL bar.  In those cases it's acceptable for the individual components to
14 |   // listen to the events.
15 |   const simpleWebContentEvents = [
16 |     ['CmdOrCtrl+Shift+]', messages.SHORTCUT_NEXT_TAB],
17 |     ['CmdOrCtrl+Shift+[', messages.SHORTCUT_PREV_TAB],
18 |     ['CmdOrCtrl+9', messages.SHORTCUT_SET_ACTIVE_FRAME_TO_LAST]
19 |   ]
20 | 
21 |   // Tab ordering shortcuts
22 |   Array.from(new Array(8), (x, i) => i).reduce((list, i) => {
23 |     list.push(['CmdOrCtrl+' + String(i + 1), messages.SHORTCUT_SET_ACTIVE_FRAME_BY_INDEX, i])
24 |     return list
25 |   }, simpleWebContentEvents)
26 | 
27 |   simpleWebContentEvents.forEach((shortcutEventName) =>
28 |     electronLocalshortcut.register(win, shortcutEventName[0], () => {
29 |       BrowserWindow.getFocusedWindow().webContents.send(shortcutEventName[1], shortcutEventName[2])
30 |     }))
31 | }
32 | 
33 | module.exports.unregister = (win) => {
34 |   electronLocalshortcut.unregisterAll(win)
35 | }
36 | 


--------------------------------------------------------------------------------
/.vscode/launch.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"version": "0.1.0",
 3 | 	// List of configurations. Add new configurations or edit existing ones.
 4 | 	"configurations": [
 5 | 		{
 6 | 			// Name of configuration; appears in the launch configuration drop down menu.
 7 | 			"name": "Launch ./app/index.js",
 8 | 			// Type of configuration.
 9 | 			"type": "node",
10 | 			// Workspace relative or absolute path to the program.
11 | 			"program": "./app/index.js",
12 | 			// Automatically stop program after launch.
13 | 			"stopOnEntry": false,
14 | 			// Command line arguments passed to the program.
15 | 			"args": ["--debug=5858", "app"],
16 | 			// Workspace relative or absolute path to the working directory of the program being debugged. Default is the current workspace.
17 | 			"cwd": ".",
18 | 			// Workspace relative or absolute path to the runtime executable to be used. Default is the runtime executable on the PATH.
19 | 			"runtimeExecutable": "./node_modules/electron-prebuilt/dist/Electron.app/Contents/MacOS/Electron",
20 | 			// Optional arguments passed to the runtime executable.
21 | 			"runtimeArgs": ["--nolazy"],
22 | 			// Environment variables passed to the program.
23 | 			"env": {
24 | 				"NODE_ENV": "development"
25 | 			},
26 | 			// Use JavaScript source maps (if they exist).
27 | 			"sourceMaps": false,
28 | 			// If JavaScript source maps are enabled, the generated code is expected in this directory.
29 | 			"outDir": null
30 | 		},
31 | 		{
32 | 			"name": "Attach",
33 | 			"type": "node",
34 | 			// TCP/IP address. Default is "localhost".
35 | 			"address": "localhost",
36 | 			// Port to attach to.
37 | 			"port": 5858,
38 | 			"sourceMaps": false,
39 | 			"request": "attach"
40 | 		}
41 | 	]
42 | }
43 | 


--------------------------------------------------------------------------------
/js/dispatcher/dispatcher.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | class Dispatcher {
 6 | 
 7 |   constructor () {
 8 |     this.callbacks = []
 9 |     this.promises = []
10 |   }
11 | 
12 |   /**
13 |    * Register a Store's callback so that it may be invoked by an action.
14 |    * @param {function} callback The callback to be registered.
15 |    * @return {number} The index of the callback within the _callbacks array.
16 |    */
17 |   register (callback) {
18 |     this.callbacks.push(callback)
19 |     return this.callbacks.length - 1 // index
20 |   }
21 | 
22 |   /**
23 |    * dispatch
24 |    * @param  {object} payload The data from the action.
25 |    */
26 |   dispatch (payload) {
27 |     // First create array of promises for callbacks to reference.
28 |     var resolves = []
29 |     var rejects = []
30 |     this.promises = this.callbacks.map(function (_, i) {
31 |       return new Promise(function (resolve, reject) {
32 |         resolves[i] = resolve
33 |         rejects[i] = reject
34 |       })
35 |     })
36 |     // Dispatch to callbacks and resolve/reject promises.
37 |     this.callbacks.forEach(function (callback, i) {
38 |       // Callback can return an obj, to resolve, or a promise, to chain.
39 |       // See waitFor() for why this might be useful.
40 |       Promise.resolve(callback(payload)).then(function () {
41 |         resolves[i](payload)
42 |       }, function () {
43 |         rejects[i](new Error('Dispatcher callback unsuccessful'))
44 |       })
45 |     })
46 |     this.promises = []
47 |   }
48 | }
49 | 
50 | module.exports = Dispatcher
51 | 


--------------------------------------------------------------------------------
/js/components/tabPages.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | const React = require('react')
 6 | const ImmutableComponent = require('./immutableComponent')
 7 | const cx = require('../lib/classSet.js')
 8 | const WindowActions = require('../actions/windowActions')
 9 | const {onTabPageContextMenu} = require('../contextMenus')
10 | 
11 | import Config from '../constants/config.js'
12 | 
13 | class TabPage extends ImmutableComponent {
14 |   render () {
15 |     const audioPlaybackActive = this.props.frames.find(frame =>
16 |         frame.get('audioPlaybackActive') && !frame.get('audioMuted'))
17 |     return <span data-tab-page={this.props.index}
18 |       className={cx({
19 |         tabPage: true,
20 |         audioPlaybackActive,
21 |         active: this.props.active})}
22 |         onContextMenu={onTabPageContextMenu.bind(this, this.props.frames)}
23 |         onClick={WindowActions.setTabPageIndex.bind(this, this.props.index)
24 |       }>
25 |     </span>
26 |   }
27 | }
28 | 
29 | class TabPages extends ImmutableComponent {
30 |   get tabCount () {
31 |     return Math.ceil(this.props.frames.size / Config.tabs.tabsPerPage)
32 |   }
33 | 
34 |   render () {
35 |     return <div className='tabPages'>
36 |     {
37 |       Array.from(new Array(this.tabCount)).map((x, i) =>
38 |         <TabPage
39 |           key={`tabPage-${i}`}
40 |           frames={this.props.frames.slice(i * Config.tabs.tabsPerPage, i * Config.tabs.tabsPerPage + Config.tabs.tabsPerPage)}
41 |           index={i}
42 |           active={this.props.tabPageIndex === i}/>)
43 |     }
44 |     </div>
45 |   }
46 | }
47 | 
48 | module.exports = TabPages
49 | 


--------------------------------------------------------------------------------
/app/adBlock.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | 'use strict'
 6 | 
 7 | const URL = require('url')
 8 | const ABPFilterParserLib = require('abp-filter-parser-cpp')
 9 | const ABPFilterParser = ABPFilterParserLib.ABPFilterParser
10 | const FilterOptions = ABPFilterParserLib.FilterOptions
11 | const DataFile = require('./dataFile')
12 | const Filtering = require('./filtering')
13 | module.exports.resourceName = 'adblock'
14 | 
15 | let adblock
16 | let mapFilterType = {
17 |   mainFrame: FilterOptions.document,
18 |   subFrame: FilterOptions.subdocument,
19 |   stylesheet: FilterOptions.stylesheet,
20 |   script: FilterOptions.script,
21 |   image: FilterOptions.image,
22 |   object: FilterOptions.object,
23 |   xhr: FilterOptions.xmlHttpRequest,
24 |   other: FilterOptions.other
25 | }
26 | 
27 | const startAdBlocking = () => {
28 |   Filtering.registerFilteringCB(details => {
29 |     const firstPartyUrl = URL.parse(details.firstPartyUrl)
30 |     const urlHost = URL.parse(details.url).host
31 |     const shouldBlock = firstPartyUrl.protocol &&
32 |       firstPartyUrl.protocol.startsWith('http') &&
33 |       mapFilterType[details.resourceType] !== undefined &&
34 |       Filtering.isThirdPartyHost(firstPartyUrl.host, urlHost) &&
35 |       adblock.matches(details.url, mapFilterType[details.resourceType], firstPartyUrl.host)
36 |     DataFile.debug(details, shouldBlock)
37 |     return {
38 |       shouldBlock,
39 |       resourceName: module.exports.resourceName
40 |     }
41 |   })
42 | }
43 | 
44 | module.exports.init = () => {
45 |   adblock = new ABPFilterParser()
46 |   DataFile.init(module.exports.resourceName, startAdBlocking,
47 |                 data => adblock.deserialize(data))
48 | }
49 | 


--------------------------------------------------------------------------------
/app/content/search/duckduckgo.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
 3 |   <ShortName>DuckDuckGo</ShortName>
 4 |   <Description>Search DuckDuckGo</Description>
 5 |   <InputEncoding>UTF-8</InputEncoding>
 6 |   <LongName>DuckDuckGo Search</LongName>
 7 |   <Image height="16" width="16">data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAB8lBMVEUAAADkRQzjPwPjQQXkRQ3iPwTiQQXgPQPeQgrcOwPVNgDVNQDWOgbTMwDRMgDQMwDSMwDRNwTQLgDRJgDSJwDSLgDSNwTjOgDiOADjOQDkPADhQAXzs5v+/fv////0vKbiRQvgPQHpdUr85NzuknPdKgDcIwDnZzj2w7HqeU/gPQLsimb/+PftjWn97Obpb0LdJQDeLQDtjmvsi2jgSBDnbULgOQD/39HgLQDeMgDpeFLgSBH0v670uqbaJQD2qImWvP/G1Ob5+/3u//+fvvXyp47dMwDaLwD0u6v0v6/aNQDiXi/aKQD3qozU7/8gSY2vvtg0ZK/OqLDaKQHYKgLgWTfaNADZMgDZMADZLADzqpD7//+xwdz//9H/5Bn/7Bn//ADofADYMADYMQDZOgPXLgDiZDj//97/0AD3tQDvlgHZOgbXLATXMADWMgDfXjLVLQD///z+0AD/3Rn/yRnwnQDcVjbVMQDyv67wuKTSJwDRHQD+8O/tg3/iQQDwhAHnawHWMADvtKfyva7XQxHga0bQGQD2vbH/u8LXIQCmPQzja07XQxLliGn99fPkcVHvhnGZ5VguvUU5wktBwCcAgxzydVv/8/XmiGngdlL+ysi3+I8LtCE80V6P3YmX4sDleljSNQLzr6D7sKPXNQTSIwAEAbMrAAAAF3RSTlMARqSkRvPz80PTpKRG3fPe3hio9/eoGP50jNsAAAABYktHRB5yCiArAAAAyElEQVQYGQXBvUqCYRiA4fu2V9Tn+UQddI3aCpxaOoU6iU4gcqqpoYbALXBuCuoYmttamqJDiEoh4YP+MOi6BNCh+uYKEGiOVNCXXxA2XDVV/UyfKbRCXTLQWAxbP2vt8Ue/uYDvfim91615sb2um6rqtrr/NFb1cUf1Ybd06areU6lSlYpK79jzK1SyJOkfhOl8JGEcqV5zoKrTRqO6yUzIzNu46ijdM1VV9bhuUJ/nZURExLRzUiPQm3kKXHi4BAEGOmOi78A/L1QoU/VHoTsAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDEtMTlUMjA6MDE6MTEtMDU6MDAuET6cAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTAxLTE5VDIwOjAxOjExLTA1OjAwX0yGIAAAAABJRU5ErkJggg==</Image>
 8 |   <Url type="text/html" method="get" template="https://duckduckgo.com/?q={searchTerms}"/>
 9 |   <Url type="application/x-suggestions+json" template="https://ac.duckduckgo.com/ac/?q={searchTerms}&amp;type=list"/>
10 | </OpenSearchDescription>
11 | 


--------------------------------------------------------------------------------
/tools/rebuildNativeModules.js:
--------------------------------------------------------------------------------
 1 | var VersionInfo = require('./lib/versionInfo')
 2 | var execute = require('./lib/execute')
 3 | var fs = require('fs')
 4 | 
 5 | console.log('Patching sqlite3 binding.gyp...')
 6 | ;(function patchSqliteBindingGYP (gypPath, moduleName, modulePath) {
 7 |   var gypFileContents = fs.readFileSync(gypPath, 'UTF8')
 8 |   // Backup the old file
 9 |   fs.writeFileSync(gypPath + '.old', gypFileContents)
10 |   // Replace some variables which aren't supported by the npm dist version
11 |   // we need to use.
12 |   gypFileContents = gypFileContents
13 |     .replace(/<\(module_name\)/g, moduleName)
14 |     .replace(/<\(module_path\)/g, modulePath)
15 |   // Write out the patched binding.gyp file
16 |   fs.writeFileSync(gypPath, gypFileContents)
17 | })('./node_modules/sqlite3/binding.gyp',
18 |   'node_sqlite3',
19 |   './lib/binding/node-v' + process.versions.modules +
20 |     '-' + process.platform + '-' + process.arch)
21 | 
22 | console.log('Installing native modules, please wait...')
23 | var env = {
24 |   HOME: '~/.brave-gyp',
25 |   APPDATA: '~/.brave-gyp'
26 | }
27 | 
28 | var cmds = [
29 |   'cd ./node_modules/abp-filter-parser-cpp',
30 |   '"../../node_modules/.bin/node-gyp" rebuild' +
31 |     ' --target=' + VersionInfo.electronVersion +
32 |     ' --arch=x64' +
33 |     ' --dist-url=https://atom.io/download/atom-shell',
34 |   'cd ../../',
35 |   'cd ./node_modules/tracking-protection',
36 |   '"../../node_modules/.bin/node-gyp" rebuild' +
37 |     ' --target=' + VersionInfo.electronVersion +
38 |     ' --arch=x64' +
39 |     ' --dist-url=https://atom.io/download/atom-shell',
40 |   'cd ../../',
41 |   'cd ./node_modules/sqlite3',
42 |   '"../../node_modules/.bin/node-gyp" rebuild' +
43 |     ' --target=' + VersionInfo.electronVersion +
44 |     ' --arch=x64' +
45 |     ' --dist-url=https://atom.io/download/atom-shell',
46 |   'cd ../../'
47 | ]
48 | 
49 | execute(cmds, env, console.log.bind(null, 'done'))
50 | 


--------------------------------------------------------------------------------
/less/dialogs.less:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | @import "variables.less";
 6 | 
 7 | .dialog {
 8 |   position: absolute;
 9 |   top: 0;
10 |   left: 0;
11 |   height: 100%;
12 |   width: 100%;
13 |   z-index: 313;
14 |   display: flex;
15 |   justify-content: center;
16 |   align-items: center;
17 |   background: rgba(0, 0, 0, 0.15);
18 | 
19 |   menu {
20 |     height: 300px;
21 |     width: 500px;
22 |     flex: 0 0 auto;
23 |     background: #3a3a3a;
24 |     color: #fff;
25 |     font-size: 13px;
26 |     display: flex;
27 |     flex-direction: column;
28 | 
29 |     &.contextMenuWithPosition {
30 |       height: auto;
31 |       padding: 10px;
32 |       width: auto;
33 | 
34 |       span {
35 |         width: 250px;
36 |       }
37 |     }
38 | 
39 |     h1 {
40 |       border-bottom: 1px solid #444444;
41 |       margin-bottom: 10px;
42 |       padding-bottom: 10px;
43 |       padding: 10px 14px;
44 |       font-size:18px;
45 |       font-weight: normal;
46 |     }
47 | 
48 |     p, li, form {
49 |       padding: 10px 14px;
50 |     }
51 | 
52 |     span {
53 |       display: block;
54 |       box-sizing: border-box;
55 |       &+span {
56 |         border-top: 1px solid #444444;
57 |       }
58 |       width: 100%;
59 |       padding: 10px 14px;
60 | 
61 |       &.option:hover {
62 |         background-color: @highlightBlue;
63 |         cursor: pointer;
64 |       }
65 |     }
66 | 
67 |     section.body {
68 |       border-bottom: 1px solid #444444;
69 |       flex: 1 1 auto;
70 | 
71 |       input {
72 |         width: 100%;
73 |       }
74 | 
75 |       ul {
76 |         list-style-type: none;
77 |       }
78 | 
79 |       ul.select li:hover {
80 |         background: #008FFF;
81 |         cursor: pointer;
82 |       }
83 |     }
84 |   }
85 | }
86 | 


--------------------------------------------------------------------------------
/docs/directoryStructure.md:
--------------------------------------------------------------------------------
 1 | #Directory Structure
 2 | 
 3 | - `app`: Code that runs in the main process. This includes the top level menu, shortcut handling, and contains other resources which need to be accessed from the main process.
 4 | 
 5 |   - `content`: Content scripts which run in content of webpages before the actual web pages load.  They need to be accessible outside of webpack by the main process, they are a bit out of place here.
 6 |   - `ext`: Third party resources which are excluded from the linter.
 7 | 
 8 | - `docs`: Documentation on various topics.
 9 | - `js`: Code that is bundled by webpack and runs in the render process.  Each `BrowserWindow` mounts its own component tree.
10 | 
11 |   - `actions`: Actions to perform, some examples include: creating a new frame, focusing the navigation bar, creating a new window.  These actions are usually fairly simple and dispatch the work somewhere.
12 |   - `constants`: Various top level constants.  For example each action has a constant ID associated with it.
13 |   - `components`: Immutable React components. Components are allowed to read data directly from `stores` but cannot modify it directly.  Instead they must use one of the `actions` to do that.
14 |   - `data`: Static data files such as the Alexa top 500.
15 |   - `dispatcher`: Dispatcher code for communication with one of the `stores`.  This is mostly boilerplate code similar to the Flux demos.  The dispatcher is often used by the `actions` to dispatch actions to the `stores`.
16 |   - `lib`: Various helper modules mostly used by the `components`.
17 |   - `stores`: Stores which contain and modify the application state.  Responds to actions from the dispatcher and emits change events which the top level React component listens to.
18 |   - `state`: Functions used by the `stores` to manage state and sometimes directly by the `components` to read state.
19 | 
20 | - `less`: stylesheets written in LESS.
21 | - `res`: Images, icons, and other binary resources.
22 | 


--------------------------------------------------------------------------------
/test/tabPagesTest.js:
--------------------------------------------------------------------------------
 1 | /* global describe, it, before */
 2 | 
 3 | const Brave = require('./lib/brave')
 4 | const Config = require('../js/constants/config').default
 5 | const {urlInput, newFrameButtonInsideTabs, newFrameButtonOutsideTabs, tabPage, tabPage1, tabPage2, closeTab, activeWebview} = require('./lib/selectors')
 6 | const assert = require('assert')
 7 | 
 8 | describe('tab pages', function () {
 9 |   function * setup (client) {
10 |     yield client
11 |       .waitUntilWindowLoaded()
12 |       .waitForVisible('#window')
13 |       .waitForVisible(urlInput)
14 |   }
15 | 
16 |   describe('basic tab page functionality', function () {
17 |     Brave.beforeAll(this)
18 | 
19 |     before(function *() {
20 |       yield setup(this.app.client)
21 |     })
22 | 
23 |     it('creates a new tab page when full', function * () {
24 |       yield this.app.client.elements(tabPage, function (e, res) {
25 |         assert.equal(1, res.value.length)
26 |       })
27 | 
28 |       for (let i = 0; i < Config.tabs.tabsPerPage - 1; i++) {
29 |         yield this.app.client.click(newFrameButtonInsideTabs)
30 |       }
31 |       yield this.app.client.click(newFrameButtonOutsideTabs)
32 | 
33 |       yield this.app.client.elements(tabPage, function (e, res) {
34 |         assert.equal(2, res.value.length)
35 |       })
36 |     })
37 | 
38 |     it('removes a new tab page when closing excess tabs', function * () {
39 |       yield this.app.client.click(closeTab)
40 |         .elements(tabPage, function (e, res) {
41 |           assert.equal(1, res.value.length)
42 |         })
43 |     })
44 | 
45 |     it('can change active tab pages', function *() {
46 |       yield this.app.client.click(newFrameButtonOutsideTabs)
47 |         .click(tabPage1)
48 |         .waitForExist(tabPage1 + '.active')
49 |     })
50 | 
51 |     it('clicking on webview resets tab page selection', function * () {
52 |       yield this.app.client.click(newFrameButtonOutsideTabs)
53 |         .click(activeWebview)
54 |         .waitForExist(tabPage2 + '.active')
55 |     })
56 |   })
57 | })
58 | 
59 | 


--------------------------------------------------------------------------------
/js/constants/appConfig.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | // UPDATE_HOST should be set to the host name for the auto-updater server
 6 | var updateHost = process.env.UPDATE_HOST || 'https://brave-laptop-updates.global.ssl.fastly.net'
 7 | var winUpdateHost = process.env.WIN_UPDATE_HOST || 'https://brave-download.global.ssl.fastly.net'
 8 | var crashURL = process.env.CRASH_URL || 'https://laptop-updates.brave.com/1/crashes'
 9 | 
10 | module.exports = {
11 |   adblock: {
12 |     url: 'https://s3.amazonaws.com/adblock-data/{version}/ABPFilterParserData.dat',
13 |     version: '1',
14 |     msBetweenRechecks: 1000 * 60 * 60 * 24, // 1 day
15 |     enabled: true
16 |   },
17 |   trackingProtection: {
18 |     url: 'https://s3.amazonaws.com/tracking-protection-data/{version}/TrackingProtection.dat',
19 |     version: '1',
20 |     msBetweenRechecks: 1000 * 60 * 60 * 24, // 1 day
21 |     enabled: true
22 |   },
23 |   httpsEverywhere: {
24 |     url: 'https://s3.amazonaws.com/https-everywhere-data/{version}/rulesets.sqlite',
25 |     targetsUrl: 'https://s3.amazonaws.com/https-everywhere-data/{version}/httpse-targets.json',
26 |     version: '5.1.2', // latest stable release from https://eff.org/https-everywhere
27 |     msBetweenRechecks: 1000 * 60 * 60 * 24, // 1 day
28 |     enabled: true
29 |   },
30 |   siteHacks: {
31 |     enabled: true
32 |   },
33 |   crashes: {
34 |     crashSubmitUrl: crashURL
35 |   },
36 |   updates: {
37 |     // Check for front end updates every hour
38 |     appUpdateCheckFrequency: 1000 * 60 * 60,
39 |     // Check after 2 minutes, near startup
40 |     runtimeUpdateCheckDelay: 1000 * 60 * 2,
41 |     // If true user will not be notified before updates are reloaded
42 |     autoAppUpdate: false,
43 |     autoRuntimeUpdate: false,
44 |     // url to check for updates
45 |     baseUrl: `${updateHost}/1/releases`,
46 |     winBaseUrl: `${winUpdateHost}/releases/winx64`
47 |   }
48 | }
49 | 


--------------------------------------------------------------------------------
/app/content/search/google.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
 3 |   <ShortName>Google</ShortName>
 4 |   <Description>Google Search</Description>
 5 |   <InputEncoding>UTF-8</InputEncoding>
 6 |   <Image width="16" height="16">data:image/x-icon;base64,AAABAAIAEBAAAAAAAAB9AQAAJgAAACAgAAAAAAAA8gIAAKMBAACJUE5HDQoaCgAAAA1JSERSAAAAEAAAABAIBgAAAB/z/2EAAAFESURBVDjLpZNJSwNBEIXnt4lE4kHxovgT9BDwJHqPy0HEEOJBiAuCRg+KUdC4QS4KrpC4gCBGE3NQ48JsnZ6eZ3UOM6gjaePhQU93v6+qq2q0pqgeJj2S8EdJT1hr0OxBtKCD5iEd8QxDYpvhvOBAuMDKURX9C9aPu4GA1GEVkzvMg10UBfYveWAWgYAP00V01fa+R9M2bA51wJvhIn3qR+ybt3D3JNQBE5sMjCIOLFpoHzOwdsLRO22qA6R6kiZiWwxUvy/PUQZIhYZ1vFM9cvcOOsYNdcBgysISdSJBnZjJMlR0Fw8vAp0xoz5gao/h+NZBy4i/10XGwrPA+hmvDyhVRG2Avu/LwcrkFADZa16L1h330w1RNgc3DiJzCpPYRm1bpveXX11clQR28xwblHpk1vq1iP/5mcoS0CoXDZiL0vsJ+dzfl+3T/VYAAAAASUVORK5CYIKJUE5HDQoaCgAAAA1JSERSAAAAIAAAACAIBgAAAHN6evQAAAK5SURBVFjDxVfrSxRRFJ9/Jta/oyWjF5XQm6D6EkHRgygIIgjUTcueVgqVWSRRkppEUQYWWB8ye1iGWilWlo/Ude489s7M6Zw7D9dlt53dmd29cFiWvXvO77x+51xpaaUsoSxBaUWZQ4ECy5xji2xKZDyCMlMEw6lCNiOSgwZKJK1SkcKeSealfP64t0mBjl4Ow39MkDUL0p2RSROOtqhZdeUEYM1pBl39XCg/fEeFtWcY7G9W4csvUxjlBkCsQ4Nt9QyWVfvT6RsAKXw3aoDGATZeYIt+W1kjw7cJG0RctWDTRebbKd8A6h5pwsDb70ba3w/eUr3wt/cmwgfw6Yft4TNMQaY7o1P2ncm4FT4ANQH/jQBJ2xv7kqIXEADDql8eS3+n8bku7oxNm+EDIM/dU92upb3T/NJGeaNbDx/AsbsLRUY5Xn92caWXY5d8RV6gWllxSg4fAEnTC90DQW13BLlgXR2D3dcUeDVkwOthA1bXspxILWcm3HdThcfvufB26LcJpkOEAz9NKI/lzqpSEC7feol5EWnpSeSlIxCALUkApmULdjUqxQVAQnl3D/X/yQda4QBEq2TYc12By091MQ17Bg3R88nHKlQbVmHvj89awNBLYrwT9zXY2aBAxTkGFdiSxP/Jp6FLDw+AS7GfsdJTJ2EqSO5khD43nGfBARy/ZxOQgZHe7GPM1jzUvChUtmnBAXQPcKGMJp3fdFGq6NByEhiAO4b/YptFfQJwNyQ/bZkVQGcf90Ja25ndIyrKBOa/f8wIpwi3X1G8UcxNu7ozUS7tiH0jBswwS3RIaF1w6LYKU/ML2+8sGnjygQswtKrVIy/Qd9qQP6LnO64q4fPAKpxyZIymHo1jWk6p1ag2BsdNwQMHcC+M5kHFJX+YlPxpVlbCx2mZ5DzPI04k4kUwHHdskU3pH76iftG8yWlkAAAAAElFTkSuQmCC</Image>
 7 |   <Url type="application/x-suggestions+json" method="GET" template="http://suggestqueries.google.com/complete/search?client=chrome&amp;q={searchTerms}"/>
 8 |   <Url type="text/html" method="GET" template="https://www.google.com/search?q={searchTerms}"/>
 9 | </OpenSearchDescription>
10 | 


--------------------------------------------------------------------------------
/docs/debugging.md:
--------------------------------------------------------------------------------
 1 | #Debugging
 2 | 
 3 | ## Debugging the Render processes
 4 | 
 5 | Most of the time you'll be debugging the render process and this can be done with the built in developer tools.
 6 | To open the dev tools use `Command+Alt+J` on OS X or `Control+Alt+J` on Windows.
 7 | 
 8 | If you've ever used the built in Chrome developer tools you'll be right at home with a DOM inspector, Network monitor, Sources debugging, Timeline, Resources, Audits, and Console.
 9 | 
10 | The code which runs in render processes is inside of the `js` directory.
11 | 
12 | Calls to `console.log` and related functions go into the dev tools console mentioned above.
13 | 
14 | If you're running `npm run watch`, then webpack dev server will ensure that changes to source code will reload the app.
15 | 
16 | ## Debugging the Main process
17 | 
18 | The main process can be debugged with remote developer tools.
19 | 
20 | When you run the `npm start` command it will start listening on port `5858`.
21 | One easy way to start debugging is to `Attach` to the process using [Visual Studio Code](https://code.visualstudio.com/) which works for OS X, Windows, and Linux.
22 | 
23 | The left hand side of Visual Studio Code has a Debug button.  It allows you to attach the debugging, inspect variables, have a watch window, call stacks, line by line debugging, etc.
24 | 
25 | To pause the application before any code runs you can use `npm run start-brk`.
26 | 
27 | The code which runs in the main process is inside of the `app` directory.
28 | 
29 | Calls to `console.log` and related functions go into the terminal you did `npm start` from.
30 | 
31 | Unlike with the renderer process, since the main process isn't using webpack dev server, you will need to manually restart the app to see your changes.
32 | 
33 | ## Debugging Content
34 | 
35 | Content is the web page which is loaded.  You can open the loaded content dev tools using `Command+Shift+I` on OS X or `Control+Shift+I` on Windows.
36 | 
37 | If you'd like to see code run on each page load, you can edit `app/content/webviewPreload.js`.
38 | 
39 | Calls to `console.log` and related functions go into the per page dev tools console mentioned above.
40 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Brave Browser
 2 | 
 3 | Laptop and Desktop browser for OS X and Windows.
 4 | 
 5 | ## Installation
 6 | 
 7 | 1. Clone the git repository from GitHub:
 8 | 
 9 |         git clone git@github.com:brave/browser-laptop.git
10 | 
11 | 2. Open the working directory:
12 | 
13 |         cd browser-laptop
14 | 
15 | 3. Install the Node dependencies:
16 | 
17 |         npm install
18 | 
19 | ## Development
20 | 
21 | To start the server and file watchers run the following on the command line:
22 | 
23 |     npm run watch
24 | 
25 | To run the browser:
26 | 
27 |     num start
28 | 
29 | To run the tests:
30 | 
31 |     npm run watch-test  or  npm run watch-all
32 | 
33 |     npm test
34 | 
35 | See [docs/debugging.md](docs/debugging.md) for information on debugging.
36 | 
37 | ### Running inside of a development version of Brave's Electron fork
38 | 
39 | We are currently using a fork of Electron with some minor modifications here: https://github.com/brave/electron
40 | 
41 | Build instructions:
42 | - [OSX build instructions](https://github.com/brave/electron/blob/master/docs/development/build-instructions-osx.md)
43 | - [Windows build instructions](https://github.com/brave/electron/blob/master/docs/development/build-instructions-windows.md)
44 | - [Linux build instructions](https://github.com/brave/electron/blob/master/docs/development/build-instructions-linux.md)
45 | 
46 | ## Packaging
47 | 
48 | ### OSX:
49 | 
50 | From within brave-browser you can create a .app file for distribution:
51 | 
52 |     npm run build-darwin
53 | 
54 | After the .app file is built you can create a dmg with:
55 | 
56 |     npm run installer-darwin
57 | 
58 | ### Windows 7,8,10 x64:
59 | 
60 | Prerequisite: You must have NSIS installed.
61 | 
62 | To create a folder with the app .exe and all dependencies:
63 | 
64 |     npm run build-win64
65 | 
66 | After the above folder is created, you can create an NSIS based installer with:
67 | 
68 |     npm run installer-win64
69 | 
70 | ### Other platforms:
71 | 
72 | Packaging is not implemented yet for other platforms, but it would be simple for linux.
73 | 
74 | 
75 | ## Developer Tools
76 | 
77 | Development builds will automatically open developer tools within the browser.
78 | 


--------------------------------------------------------------------------------
/js/constants/windowConstants.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | const mapValuesByKeys = require('../lib/functional').mapValuesByKeys
 6 | 
 7 | const _ = null
 8 | const windowConstants = {
 9 |   WINDOW_SET_URL: _,
10 |   WINDOW_SET_NAVBAR_INPUT: _,
11 |   WINDOW_NEW_FRAME: _,
12 |   WINDOW_CLOSE_FRAME: _,
13 |   WINDOW_SET_ACTIVE_FRAME: _,
14 |   WINDOW_SET_PREVIEW_FRAME: _,
15 |   WINDOW_SET_TAB_PAGE_INDEX: _,
16 |   WINDOW_TAB_DRAG_START: _,
17 |   WINDOW_TAB_DRAG_STOP: _,
18 |   WINDOW_TAB_DRAGGING_OVER_LEFT: _,
19 |   WINDOW_TAB_DRAGGING_OVER_RIGHT: _,
20 |   WINDOW_TAB_DRAGGING_ON: _,
21 |   WINDOW_TAB_DRAG_EXIT: _,
22 |   WINDOW_TAB_DRAG_EXIT_RIGHT: _,
23 |   WINDOW_TAB_MOVE: _,
24 |   WINDOW_SET_THEME_COLOR: _,
25 |   WINDOW_UPDATE_BACK_FORWARD: _,
26 |   WINDOW_WEBVIEW_LOAD_END: _,
27 |   WINDOW_SET_NAVBAR_FOCUSED: _,
28 |   WINDOW_SET_URL_BAR_SUGGESTIONS: _,
29 |   WINDOW_SET_URL_BAR_PREVIEW: _,
30 |   WINDOW_SET_URL_BAR_SUGGESTION_SEARCH_RESULTS: _,
31 |   WINDOW_WEBVIEW_LOAD_START: _,
32 |   WINDOW_SET_FRAME_TITLE: _,
33 |   WINDOW_SET_LOCATION: _, // sets location of a frame
34 |   WINDOW_SET_URL_BAR_ACTIVE: _, // whether the URL bar is being typed in
35 |   WINDOW_UNDO_CLOSED_FRAME: _,
36 |   WINDOW_SET_ACTIVE_FRAME_SHORTCUT: _,
37 |   WINDOW_SET_URL_BAR_SELECTED: _,
38 |   WINDOW_SET_SEARCH_DETAIL: _,
39 |   WINDOW_SET_FIND_DETAIL: _,
40 |   WINDOW_SET_AUDIO_MUTED: _,
41 |   WINDOW_SET_AUDIO_PLAYBACK_ACTIVE: _,
42 |   WINDOW_SET_FAVICON: _,
43 |   WINDOW_SET_MOUSE_IN_TITLEBAR: _,
44 |   WINDOW_SET_FINDBAR_SHOWN: _, // whether the findbar is shown
45 |   WINDOW_SET_PINNED: _, // Whehter the current tab is pinned or not
46 |   WINDOW_SET_SITE_INFO_VISIBLE: _, // Whether or not to show site info like # of blocked ads
47 |   WINDOW_SET_RELEASE_NOTES_VISIBLE: _, // Whether or not to show release notes
48 |   WINDOW_SET_BLOCKED_BY: _, // Whether or not to show site info like # of blocked ads
49 |   WINDOW_SET_SECURITY_STATE: _,
50 |   WINDOW_SET_STATE: _
51 | }
52 | 
53 | module.exports = mapValuesByKeys(windowConstants)
54 | 


--------------------------------------------------------------------------------
/test/tabTest.js:
--------------------------------------------------------------------------------
 1 | /* global describe, it, before */
 2 | 
 3 | const Brave = require('./lib/brave')
 4 | const Config = require('../js/constants/config').default
 5 | const messages = require('../js/constants/messages')
 6 | const {urlInput, newFrameButtonInsideTabs, newFrameButtonOutsideTabs} = require('./lib/selectors')
 7 | const assert = require('assert')
 8 | 
 9 | describe('tabs', function () {
10 |   function * setup (client) {
11 |     yield client
12 |       .waitUntilWindowLoaded()
13 |       .waitForVisible('#window')
14 |       .waitForVisible(urlInput)
15 |   }
16 | 
17 |   describe('new tab', function () {
18 |     Brave.beforeAll(this)
19 |     before(function *() {
20 |       yield setup(this.app.client)
21 |     })
22 | 
23 |     it('creates a new tab when signaled', function *() {
24 |       yield this.app.client
25 |         .ipcSend(messages.SHORTCUT_NEW_FRAME)
26 |         .waitForExist('.tab[data-frame-key="2"]')
27 |         .waitForVisible('webview:not([partition])')
28 |     })
29 | 
30 |     it('creates a private new tab when signaled', function *() {
31 |       yield this.app.client
32 |         .ipcSend(messages.SHORTCUT_NEW_FRAME, 'http://www.brianbondy.com', true)
33 |         .waitForExist('.tab[data-frame-key="3"]')
34 |         .waitForVisible('webview[partition]')
35 |     })
36 |   })
37 | 
38 |   describe('new tab button', function () {
39 |     Brave.beforeAll(this)
40 |     before(function *() {
41 |       yield setup(this.app.client)
42 |     })
43 | 
44 |     it('tab button is located at the correct position', function *() {
45 |       // The first 5 tabs per page should show up with the new tab button next to the tabs
46 |       // and upon clicking it should jump back next to the tabs.
47 |       for (let i = 0; i < Config.tabs.tabsPerPage - 1; i++) {
48 |         yield this.app.client.waitForExist(newFrameButtonInsideTabs)
49 |           .isExisting(newFrameButtonOutsideTabs).then(isExisting =>
50 |             assert(!isExisting))
51 |           .click(newFrameButtonInsideTabs)
52 |       }
53 |       yield this.app.client.waitForExist(newFrameButtonOutsideTabs)
54 |         .isExisting(newFrameButtonInsideTabs).then(isExisting =>
55 |           assert(!isExisting))
56 |         .click(newFrameButtonOutsideTabs)
57 |         .waitForExist(newFrameButtonInsideTabs)
58 |     })
59 |   })
60 | })
61 | 


--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | var webpack = require('webpack')
 6 | var WebpackNotifierPlugin = require('webpack-notifier')
 7 | 
 8 | module.exports = {
 9 |   contentBase: './dist/',
10 |   cache: true,
11 |   inline: true,
12 |   target: 'atom',
13 |   entry: {
14 |     app: ['webpack/hot/dev-server', './js/entry.js']
15 |   },
16 |   devtool: '#source-map',
17 |   output: {
18 |     path: './app/gen',
19 |     filename: 'bundle.js',
20 |     publicPath: './gen/',
21 |     sourceMapFilename: '[file].map',
22 |     stats: { colors: true }
23 |   },
24 |   module: {
25 |     noParse: [],
26 |     loaders: [
27 |       {
28 |         test: /\.js?$/,
29 |         exclude: [
30 |           /node_modules/,
31 |           /bower_components/,
32 |           /\.min.js$/
33 |         ],
34 |         loader: 'babel',
35 |         query: {
36 |           presets: ['react', 'es2015']
37 |         }
38 |       },
39 |       {
40 |         test: /\.less$/,
41 |         loader: 'style-loader!css-loader!less-loader'
42 |       },
43 |       {
44 |         test: /\.css$/,
45 |         loader: 'style-loader!css-loader'
46 |       },
47 |       // Loads font files for Font Awesome
48 |       {
49 |         test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
50 |         loader: 'url-loader?limit=10000&minetype=application/font-woff'
51 |       },
52 |       {
53 |         test: /\.(ttf|eot|svg|png)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
54 |         loader: 'file-loader'
55 |       }
56 |     ]
57 |   },
58 |   resolve: {
59 |     alias: {
60 |       // The with-addons is only needed for perseus :(
61 |       // example: 'react': path.resolve('node_modules/react/dist/react-with-addons.js'),
62 |     },
63 |     extensions: ['', '.js', '.jsx']
64 |   },
65 |   plugins: [
66 |     new WebpackNotifierPlugin({title: 'Brave-' + process.env.NODE_ENV}),
67 |     new webpack.HotModuleReplacementPlugin(),
68 |     new webpack.DefinePlugin({
69 |       'process.env': {
70 |         NODE_ENV: process.env.NODE_ENV === 'production' ? JSON.stringify('production') : JSON.stringify('development')
71 |       }
72 |     })
73 |   ],
74 |   devServer: {
75 |     contentBase: './public',
76 |     publicPath: 'http://localhost:8080/built/'
77 |   }
78 | }
79 | 


--------------------------------------------------------------------------------
/js/components/tabsToolbar.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | const React = require('react')
 6 | const ImmutableComponent = require('./immutableComponent')
 7 | const Tabs = require('./tabs')
 8 | const Button = require('./button')
 9 | const PinnedTabs = require('./pinnedTabs')
10 | const WindowActions = require('../actions/windowActions')
11 | import Config from '../constants/config.js'
12 | 
13 | class TabsToolbarButtons extends ImmutableComponent {
14 |   onMenu () {
15 |   }
16 | 
17 |   render () {
18 |     return <div className='tabsToolbarButtons'>
19 |       { this.props.partOfFullPageSet || this.props.noFrames
20 |           ? <Button label='+'
21 |               className='navbutton newFrameButton' onClick={WindowActions.newFrame} /> : null }
22 |       <Button iconClass='fa-bars'
23 |         className='navbutton menu-button'
24 |         onClick={this.onMenu.bind(this)} />
25 |     </div>
26 |   }
27 | }
28 | 
29 | class TabsToolbar extends ImmutableComponent {
30 |   render () {
31 |     const tabPageIndex = this.props.tabs.get('tabPageIndex')
32 |     const startingFrameIndex = tabPageIndex * Config.tabs.tabsPerPage
33 |     const pinnedFrames = this.props.frames
34 |       .filter(frame => frame.get('isPinned'))
35 |     const currentFrames = this.props.frames
36 |       .filter(frame => !frame.get('isPinned'))
37 |       .slice(startingFrameIndex, startingFrameIndex + Config.tabs.tabsPerPage)
38 | 
39 |     return <div className='tabsToolbar'>
40 |       { pinnedFrames.size > 0
41 |         ? <PinnedTabs sites={this.props.sites}
42 |         frames={this.props.frames}
43 |         activeFrame={this.props.activeFrame}
44 |         tabs={this.props.tabs}/> : null }
45 |       <Tabs tabs={this.props.tabs}
46 |         frames={this.props.frames}
47 |         activeFrame={this.props.activeFrame}
48 |         tabPageIndex={tabPageIndex}
49 |         currentFrames={currentFrames}
50 |         startingFrameIndex={startingFrameIndex}
51 |         partOfFullPageSet={currentFrames.size === Config.tabs.tabsPerPage}
52 |       />
53 |       <TabsToolbarButtons partOfFullPageSet={currentFrames.size === Config.tabs.tabsPerPage}
54 |         noFrames={currentFrames.size === 0}/>
55 |     </div>
56 |   }
57 | }
58 | 
59 | module.exports = TabsToolbar
60 | 


--------------------------------------------------------------------------------
/docs/componentStructure.md:
--------------------------------------------------------------------------------
 1 | #Component Structure
 2 | 
 3 | The UI is made up of a tree like structure of React components.
 4 | 
 5 | All [React](https://facebook.github.io/react/) components (with the exception of the top level one named `App`) should extend `ImmutableComponent` which in turn directly extends `React.Component`.
 6 | `ImmutableComponent` is meant to be used with [Immutable.js](http://facebook.github.io/immutable-js/) props for data.  State should be sent in from props and components should not attempt to modify state themselves.  Instead they should dispatch actions to one of the stores.
 7 | `ImmutableComponent` allows component to figure out if any data has changed more efficiently by doing simple top level equality checks only by implementing React's `shouldComponentUpdate`.
 8 | 
 9 | # Hierarchy
10 | 
11 | - App
12 |   - Main
13 |     - NavigationBar
14 |       - [Button]
15 |       - UrlBar
16 |         - html:input
17 |         - UrlBarSuggestions
18 |     - TabPages
19 |       - [TabPage]
20 |     - TabsToolbar
21 |       - Tabs
22 |         - [Tab]
23 |           - DragIndicator
24 |       - TabsToolbarButtons
25 |         - [Button]
26 |     - [Frame]
27 |       - electron:webview
28 | 
29 | # Glossary
30 | 
31 | **App:**
32 | This should be the only component which modifies state internally and does not extend `ImmutableComponent`.
33 | It listens to events dispatched from the application store and re-renders the component tree.
34 | 
35 | **Button:**
36 | Buttons such as back, forward, reload, stop, and new frame.
37 | 
38 | **Frame:**
39 | Component which wraps and renders electron webviews.
40 | 
41 | **Main:**
42 | Represents a browser window.
43 | 
44 | **NavigationBar:**
45 | A collection of page navigation components such as the urlbar and back button.
46 | 
47 | **Tab:**
48 | An individual tab thumbnail
49 | 
50 | **Tabs:**
51 | Tab controls
52 | 
53 | **TabPage:**
54 | An individual tab page.
55 | 
56 | **TabPages:**
57 | Tab page indicators. There are 6 tabs at most per tab page.
58 | This set of indicators shows you which page you are on and allows you to switch pages.
59 | 
60 | **TabsToolbarButtons:**
61 | Collection of Buttons for the tab bar.
62 | 
63 | **UrlBar:**
64 | The URL bar part of the navigation bar.
65 | 
66 | **UrlBarSuggestions:**
67 | The suggestions that come up from when a user types into the URL bar.
68 | 
69 | **WindowButton:**
70 | An individual button for window management such as close, maximize, minimize.
71 | 


--------------------------------------------------------------------------------
/js/constants/messages.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | const mapValuesByKeys = require('../lib/functional').mapValuesByKeys
 6 | 
 7 | const _ = null
 8 | const messages = {
 9 |   // URL bar shortcuts
10 |   SHORTCUT_FOCUS_URL: _,
11 |   // Active frame shortcuts
12 |   SHORTCUT_ACTIVE_FRAME_STOP: _,
13 |   SHORTCUT_ACTIVE_FRAME_RELOAD: _,
14 |   SHORTCUT_ACTIVE_FRAME_CLEAN_RELOAD: _,
15 |   SHORTCUT_ACTIVE_FRAME_ZOOM_IN: _,
16 |   SHORTCUT_ACTIVE_FRAME_ZOOM_OUT: _,
17 |   SHORTCUT_ACTIVE_FRAME_ZOOM_RESET: _,
18 |   SHORTCUT_ACTIVE_FRAME_TOGGLE_DEV_TOOLS: _,
19 |   SHORTCUT_SET_ACTIVE_FRAME_BY_INDEX: _, /** @arg {number} index of frame */
20 |   SHORTCUT_ACTIVE_FRAME_VIEW_SOURCE: _,
21 |   SHORTCUT_SET_ACTIVE_FRAME_TO_LAST: _,
22 |   SHORTCUT_ACTIVE_FRAME_SAVE: _,
23 |   SHORTCUT_ACTIVE_FRAME_PRINT: _,
24 |   SHORTCUT_ACTIVE_FRAME_SHOW_FINDBAR: _,
25 |   SHORTCUT_ACTIVE_FRAME_BACK: _,
26 |   SHORTCUT_ACTIVE_FRAME_FORWARD: _,
27 |   SHORTCUT_ACTIVE_FRAME_BOOKMARK: _,
28 |   SHORTCUT_ACTIVE_FRAME_REMOVE_BOOKMARK: _,
29 |   // Frame management shortcuts
30 |   SHORTCUT_NEW_FRAME: _, /** @arg {string} opt_url to load if any */
31 |   SHORTCUT_CLOSE_FRAME: _, /** @arg {number} opt_key of frame, defaults to active frame */
32 |   SHORTCUT_UNDO_CLOSED_FRAME: _,
33 |   SHORTCUT_FRAME_MUTE: _,
34 |   SHORTCUT_FRAME_RELOAD: _, /** @arg {number} key of frame */
35 |   SHORTCUT_NEXT_TAB: _,
36 |   SHORTCUT_PREV_TAB: _,
37 |   // Misc application events
38 |   QUIT_APPLICATION: _,
39 |   UPDATE_APP_MENU: _, /** @arg {Object} args menu args to update */
40 |   // Updates
41 |   UPDATE_REQUESTED: _,
42 |   UPDATE_AVAILABLE: _,
43 |   UPDATE_NOT_AVAILABLE: _,
44 |   CHECK_FOR_UPDATE: _,
45 |   UPDATE_META_DATA_RETRIEVED: _,
46 |   // App state
47 |   APP_INITIALIZED: _,
48 |   // Webview page messages
49 |   ZOOM_IN: _,
50 |   ZOOM_OUT: _,
51 |   ZOOM_RESET: _,
52 |   PRINT_PAGE: _,
53 |   SET_AD_DIV_CANDIDATES: _, /** @arg {Array} adDivCandidates, @arg {string} placeholderUrl */
54 |   CONTEXT_MENU_OPENED: _, /** @arg {Object} nodeProps properties of node being clicked */
55 |   APP_STATE_CHANGE: _,
56 |   APP_ACTION: _,
57 |   STOP_LOAD: _,
58 |   // Session restore
59 |   REQUEST_WINDOW_STATE: _,
60 |   RESPONSE_WINDOW_STATE: _,
61 |   // Ad block and tracking protection
62 |   BLOCKED_RESOURCE: _
63 | }
64 | 
65 | module.exports = mapValuesByKeys(messages)
66 | 


--------------------------------------------------------------------------------
/preload-httpse.js:
--------------------------------------------------------------------------------
 1 | var fs = require('fs')
 2 | var sqlite3 = require('sqlite3')
 3 | var parseString = require('xml2js').parseString
 4 | 
 5 | // Manually exclude sites that are broken until they are fixed in the next
 6 | // HTTPS Everywhere release.
 7 | var exclusions = {
 8 |   'Nike.com.xml': 'breaks nikeplus.com'
 9 | }
10 | 
11 | // Preload mapping of HTTPS Everywhere hosts to ruleset IDs and convert
12 | // XML to JSON for performance reasons.
13 | // 1. Download https://www.eff.org/files/https-everywhere-latest.xpi
14 | // 2. unzip https-everywhere-latest.xpi
15 | // 3. cp /path/to/https-everywhere/defaults/rulesets.sqlite .
16 | // 4. npm run preload-httpse
17 | // 5. Push rulesets.sqlite and httpse-targets.json to AWS
18 | // 6. rm rulesets.sqlite httpse-targets.json
19 | // TODO: Automate this with a git hook.
20 | var db = new sqlite3.Database('./rulesets.sqlite', sqlite3.OPEN_READWRITE, function (dbErr) {
21 |   if (dbErr) {
22 |     console.log('FATAL: got db open error', dbErr)
23 |     return null
24 |   }
25 | 
26 |   var query = 'select host, ruleset_id from targets'
27 |   var contentQuery = 'select contents, id from rulesets'
28 |   var updateQuery = 'update rulesets set contents = $contents where id = $id'
29 |   var targets = {}
30 | 
31 |   db.each(query, function (err, row) {
32 |     if (err) {
33 |       console.log('FATAL: error preloading rulesets', err)
34 |       return null
35 |     }
36 |     if (!targets[row.host]) {
37 |       targets[row.host] = [row.ruleset_id]
38 |     } else {
39 |       targets[row.host].push(row.ruleset_id)
40 |     }
41 |   }, function () {
42 |     fs.writeFileSync('./httpse-targets.json', JSON.stringify(targets))
43 |     console.log('NOTE: successfully wrote httpse-targets.json')
44 |   }).each(contentQuery, function (err, row) {
45 |     if (err) {
46 |       console.log('FATAL: error transforming rulesets to JSON')
47 |       return null
48 |     }
49 |     // Transform XML to JSON
50 |     parseString(row.contents, function (err, result) {
51 |       if (err) {
52 |         console.log('FATAL: error parsing XML', row.contents)
53 |         return null
54 |       }
55 |       // Exclude broken rules from the db
56 |       var ruleset = result.ruleset
57 |       if (ruleset.$.f in exclusions) {
58 |         console.log('NOTE: Excluding rule', JSON.stringify(result))
59 |         ruleset.$.default_off = exclusions[ruleset.$.f]
60 |       }
61 |       db.run(updateQuery, {
62 |         $contents: JSON.stringify(result),
63 |         $id: row.id
64 |       })
65 |     })
66 |   })
67 | })
68 | 


--------------------------------------------------------------------------------
/app/trackingProtection.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | 'use strict'
 6 | 
 7 | const URL = require('url')
 8 | const TrackingProtection = require('tracking-protection').CTPParser
 9 | const DataFile = require('./dataFile')
10 | const Filtering = require('./filtering')
11 | 
12 | module.exports.resourceName = 'trackingProtection'
13 | 
14 | let trackingProtection
15 | 
16 | let cachedFirstPartyCount = 0
17 | let cachedFirstParty = {}
18 | 
19 | // Temporary whitelist until we find a better solution
20 | const whitelistHosts = ['connect.facebook.net']
21 | 
22 | const startTrackingProtection = (wnd) => {
23 |   Filtering.registerFilteringCB((details) => {
24 |     // After every 50 first party hosts, just
25 |     // re-get the first party host list
26 |     if (cachedFirstPartyCount > 50) {
27 |       cachedFirstPartyCount = 0
28 |       cachedFirstParty = {}
29 |     }
30 |     const firstPartyUrl = URL.parse(details.firstPartyUrl)
31 |     let firstPartyUrlHost = firstPartyUrl.host || ''
32 |     if (firstPartyUrlHost.startsWith('www.')) {
33 |       firstPartyUrlHost = firstPartyUrlHost.substring(4)
34 |     }
35 |     if (firstPartyUrl.protocol && firstPartyUrl.protocol.startsWith('http')) {
36 |       if (!cachedFirstParty[firstPartyUrlHost]) {
37 |         let firstPartyHosts = trackingProtection.findFirstPartyHosts(firstPartyUrlHost)
38 |         cachedFirstParty[firstPartyUrlHost] =
39 |           firstPartyHosts && firstPartyHosts.split(',') || []
40 |         ++cachedFirstPartyCount
41 |       }
42 |     }
43 |     const urlHost = URL.parse(details.url).host
44 |     const shouldBlock = firstPartyUrl.protocol &&
45 |       firstPartyUrl.protocol.startsWith('http') &&
46 |       !whitelistHosts.includes(urlHost) &&
47 |       cachedFirstParty[firstPartyUrlHost] &&
48 |       trackingProtection.matchesTracker(urlHost) &&
49 |       urlHost !== firstPartyUrlHost &&
50 |       !cachedFirstParty[firstPartyUrlHost].find((baseHost) =>
51 |         !Filtering.isThirdPartyHost(baseHost, urlHost))
52 | 
53 |     DataFile.debug(module.exports.resourceName, details, shouldBlock)
54 |     return {
55 |       shouldBlock,
56 |       resourceName: module.exports.resourceName
57 |     }
58 |   })
59 | }
60 | 
61 | module.exports.init = () => {
62 |   trackingProtection = new TrackingProtection()
63 |   DataFile.init(module.exports.resourceName, startTrackingProtection,
64 |                 data => trackingProtection.deserialize(data))
65 | }
66 | 


--------------------------------------------------------------------------------
/js/components/tabs.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | const React = require('react')
 6 | 
 7 | const ImmutableComponent = require('./immutableComponent')
 8 | 
 9 | const WindowActions = require('../actions/windowActions')
10 | 
11 | const FrameStateUtil = require('../state/frameStateUtil')
12 | 
13 | const Button = require('./button')
14 | const Tab = require('./tab')
15 | 
16 | import Config from '../constants/config.js'
17 | 
18 | class Tabs extends ImmutableComponent {
19 |   get activeFrameIndex () {
20 |     return FrameStateUtil.getFramePropsIndex(this.props.frames, this.props.activeFrame)
21 |   }
22 | 
23 |   onPrevPage () {
24 |     if (this.props.tabs.get('tabPageIndex') === 0) {
25 |       return
26 |     }
27 |     WindowActions.setTabPageIndex(this.props.tabs.get('tabPageIndex') - 1)
28 |   }
29 | 
30 |   onNextPage () {
31 |     if (this.props.tabs.get('tabPageIndex') + 1 === this.totalPages) {
32 |       return
33 |     }
34 |     WindowActions.setTabPageIndex(this.props.tabs.get('tabPageIndex') + 1)
35 |   }
36 | 
37 |   get totalPages () {
38 |     return Math.ceil(this.props.frames
39 |         .filter(frame => !frame.get('isPinned'))
40 |         .size / Config.tabs.tabsPerPage)
41 |   }
42 | 
43 |   render () {
44 |     return <div className='tabs'>
45 |       <span
46 |         className='prevTab fa fa-angle-left'
47 |         disabled={this.props.tabPageIndex === 0}
48 |         onClick={this.onPrevPage.bind(this)} />
49 |         <span className='tabContainer'>
50 |         {
51 |           this.props.currentFrames
52 |             .filter(frameProps => !frameProps.get('isPinned'))
53 |             .map(frameProps =>
54 |                 <Tab activeDraggedTab={this.props.tabs.get('activeDraggedTab')}
55 |                   frameProps={frameProps}
56 |                   frames={this.props.frames}
57 |                   key={'tab-' + frameProps.get('key')}
58 |                   isActive={this.props.activeFrame === frameProps}
59 |                   isPrivate={frameProps.get('isPrivate')}
60 |                   partOfFullPageSet={this.props.partOfFullPageSet}/>)
61 |         }
62 |         { !this.props.partOfFullPageSet && this.props.currentFrames.size !== 0
63 |         ? <Button label='+'
64 |           className='navbutton newFrameButton'
65 |           onClick={WindowActions.newFrame} /> : null }
66 |         </span>
67 |       <span
68 |         className='nextTab fa fa-angle-right'
69 |         disabled={this.props.tabPageIndex + 1 === this.totalPages || this.totalPages === 0}
70 |         onClick={this.onNextPage.bind(this)} />
71 |     </div>
72 |   }
73 | }
74 | 
75 | module.exports = Tabs
76 | 


--------------------------------------------------------------------------------
/app/filtering.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | 'use strict'
 6 | 
 7 | const messages = require('../js/constants/messages')
 8 | const electron = require('electron')
 9 | const session = electron.session
10 | const BrowserWindow = electron.BrowserWindow
11 | const AppStore = require('../js/stores/appStore')
12 | const AppConfig = require('../js/constants/appConfig')
13 | 
14 | const filteringFns = []
15 | 
16 | module.exports.registerFilteringCB = filteringFn => {
17 |   filteringFns.push(filteringFn)
18 | }
19 | 
20 | /**
21 |  * Register for notifications for webRequest notifications for
22 |  * a particular session.
23 |  * @param {object} The session to add webRequest filtering on
24 |  */
25 | function registerForSession (session) {
26 |   session.webRequest.onBeforeSendHeaders(function (details, cb) {
27 |     // Using an electron binary which isn't from Brave
28 |     if (!details.firstPartyUrl) {
29 |       cb({})
30 |       return
31 |     }
32 | 
33 |     let results
34 |     let cbArgs
35 |     for (let i = 0; i < filteringFns.length; i++) {
36 |       let currentResults = filteringFns[i](details)
37 |       if (currentResults && !module.exports.isResourceEnabled(currentResults.resourceName)) {
38 |         continue
39 |       }
40 |       results = currentResults
41 |       cbArgs = cbArgs || results.cbArgs
42 |       if (results.shouldBlock) {
43 |         break
44 |       }
45 |     }
46 | 
47 |     if (!results) {
48 |       cb({})
49 |     } else if (results.shouldBlock) {
50 |       // We have no good way of knowing which BrowserWindow the blocking is for
51 |       // yet so send it everywhere and let listeners decide how to respond.
52 |       BrowserWindow.getAllWindows().forEach(wnd =>
53 |         wnd.webContents.send(messages.BLOCKED_RESOURCE, results.resourceName, details))
54 |       cb({
55 |         cancel: results.shouldBlock
56 |       })
57 |     } else {
58 |       cb(cbArgs || {})
59 |     }
60 |   })
61 | }
62 | 
63 | module.exports.isThirdPartyHost = (baseContextHost, testHost) => {
64 |   if (!testHost.endsWith(baseContextHost)) {
65 |     return true
66 |   }
67 | 
68 |   let c = testHost[testHost.length - baseContextHost.length - 1]
69 |   return c !== '.' && c !== undefined
70 | }
71 | 
72 | module.exports.init = () => {
73 |   registerForSession(session.fromPartition(''))
74 |   registerForSession(session.fromPartition('private-1'))
75 | }
76 | 
77 | module.exports.isResourceEnabled = (resourceName) => {
78 |   const enabledFromState = AppStore.getState().getIn([resourceName, 'enabled'])
79 |   if (enabledFromState === undefined) {
80 |     return AppConfig[resourceName].enabled
81 |   }
82 |   return enabledFromState
83 | }
84 | 


--------------------------------------------------------------------------------
/js/lib/appUrlUtil.js:
--------------------------------------------------------------------------------
 1 | /* This Source Code Form is subject to the terms of the Mozilla Public
 2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 4 | 
 5 | const Immutable = require('immutable')
 6 | const UrlUtil = require('./../../node_modules/urlutil.js/dist/node-urlutil.js')
 7 | 
 8 | /**
 9 |  * Determines the path of a relative URL from the hosted app
10 |  */
11 | export function getAppUrl (relativeUrl = './') {
12 |   return new window.URL(relativeUrl, window.location).href
13 | }
14 | 
15 | /**
16 |  * Returns the URL to the application's manifest
17 |  */
18 | export function getManifestUrl () {
19 |   return getAppUrl('./manifest.webapp')
20 | }
21 | 
22 | // Map of source about: URLs mapped to target URLs
23 | export const aboutUrls = new Immutable.Map({
24 |   'about:about': getAppUrl('./about-about.html'),
25 |   'about:blank': getAppUrl('./about-blank.html'),
26 |   'about:history': getAppUrl('./about-history.html'),
27 |   'about:newtab': getAppUrl('./about-newtab.html'),
28 |   'about:preferences': getAppUrl('./about-preferences.html'),
29 |   'about:settings': getAppUrl('./about-settings.html')
30 | })
31 | 
32 | // Map of target URLs mapped to source about: URLs
33 | const aboutUrlsReverse = new Immutable.Map(aboutUrls.reduce((obj, v, k) => {
34 |   obj[v] = k
35 |   return obj
36 | }, {}))
37 | 
38 | /**
39 |  * Obtains the target URL associated with an about: source URL
40 |  * Example:
41 |  * about:blank -> http://localhost:8000/about-blank/index.html
42 |  */
43 | export function getTargetAboutUrl (input) {
44 |   return aboutUrls.get(input)
45 | }
46 | 
47 | /**
48 |  * Obtains the source about: URL associated with a target URL
49 |  * Example:
50 |  * http://localhost:8000/about-blank.html -> about:blank
51 |  */
52 | export function getSourceAboutUrl (input) {
53 |   return aboutUrlsReverse.get(input)
54 | }
55 | 
56 | /**
57 |  * Determines if the passed in string is a source about: URL
58 |  * Example: isSourceAboutUrl('about:blank') -> true
59 |  */
60 | export function isSourceAboutUrl (input) {
61 |   return !!getTargetAboutUrl(input)
62 | }
63 | 
64 | /**
65 |  * Determines if the passed in string is the target of a source about: URL
66 |  * Example: isTargetAboutUrl('http://localhost:8000/about-blank/index.html') -> true
67 |  */
68 | export function isTargetAboutUrl (input) {
69 |   return !!getSourceAboutUrl(input)
70 | }
71 | 
72 | /**
73 |  * Determines whether the passed in string is pointing to a URL that
74 |  * should be privileged (mozapp attribute on the iframe)
75 |  * For now this is the same as an about URL.
76 |  */
77 | export function isPrivilegedUrl (input) {
78 |   return isSourceAboutUrl(input)
79 | }
80 | 
81 | /**
82 |  * Determines whether a string is a valid URL. Based on node-urlutil.js.
83 |  * @param {string} input
84 |  */
85 | export function isUrl (input) {
86 |   return (UrlUtil.isURL(input) && !input.includes(' '))
87 | }
88 | 


--------------------------------------------------------------------------------
/test/lib/server.js:
--------------------------------------------------------------------------------
  1 | function Server (root, port, child) {
  2 |   this.root = root
  3 |   this.port = port
  4 |   this.child = child
  5 | }
  6 | 
  7 | Server.prototype = {
  8 |   /**
  9 |    * Formats given input with localhost and port.
 10 |    *
 11 |    * @param {String} path part of url.
 12 |    * @return {String} url of location.
 13 |    */
 14 |   url: function (path) {
 15 |     return 'http://localhost:' + this.port + '/' + path
 16 |   },
 17 | 
 18 |   urlWithIpAddress: function (path) {
 19 |     return 'http://127.0.0.1:' + this.port + '/' + path
 20 |   },
 21 | 
 22 |   urlOrigin: function () {
 23 |     return 'http://localhost:' + this.port
 24 |   },
 25 | 
 26 |   /**
 27 |    * Sends signal to stop child process and stop server.
 28 |    */
 29 |   stop: function () {
 30 |     this.child.send({
 31 |       action: 'stop'
 32 |     })
 33 |     this.child.kill()
 34 |   },
 35 | 
 36 |   /**
 37 |    * Cork the response body of the given url while allowing headers.
 38 |    * @param {String} url to cork
 39 |    */
 40 |   cork: function (url) {
 41 |     this.child.send({
 42 |       action: 'cork',
 43 |       args: url
 44 |     })
 45 |   },
 46 | 
 47 |   /**
 48 |    * Allow the body to be sent after calling `.cork`.
 49 |    * @param {String} url to uncork
 50 |    */
 51 |   uncork: function (url) {
 52 |     this.child.send({
 53 |       action: 'uncork',
 54 |       args: url
 55 |     })
 56 |   },
 57 | 
 58 |   /**
 59 |    * Chunks response until it's uncorked.
 60 |    * @param {String} url to chunk
 61 |    */
 62 |   chunk: function (url) {
 63 |     this.child.send({
 64 |       action: 'chunk',
 65 |       args: url
 66 |     })
 67 |   },
 68 | 
 69 |   /**
 70 |    * Allow the body to be sent after calling `.cork`.
 71 |    * @param {String} url to uncork
 72 |    */
 73 |   unchunk: function (url) {
 74 |     this.child.send({
 75 |       action: 'unchunk',
 76 |       args: url
 77 |     })
 78 |   },
 79 | 
 80 |   /**
 81 |    * Protects a URL using HTTP authentication.
 82 |    * @param {String} url to protect
 83 |    */
 84 |   protect: function (url) {
 85 |     this.child.send({
 86 |       action: 'protect',
 87 |       args: url
 88 |     })
 89 |   },
 90 | 
 91 |   /**
 92 |    * Stops protecting a URL.
 93 |    * @param {String} url to protect
 94 |    */
 95 |   unprotect: function (url) {
 96 |     this.child.send({
 97 |       action: 'unprotect',
 98 |       args: url
 99 |     })
100 |   }
101 | }
102 | 
103 | /**
104 |  * Spawn the child process where the http server lives.
105 |  *
106 |  * @param {Function} callback [Error err, Server server].
107 |  */
108 | Server.create = function (root, callback) {
109 |   var fork = require('child_process').fork
110 |   var child = fork(`${__dirname}/serverChild.js`, [root])
111 | 
112 |   // wait for start message ['start', PORT_NUMBER].
113 |   child.on('message', function (data) {
114 |     if (Array.isArray(data) && data[0] === 'start') {
115 |       callback(null, new Server(root, data[1], child))
116 |     }
117 |   })
118 | }
119 | 
120 | module.exports = Server
121 | 


--------------------------------------------------------------------------------
/res/installer.nsi.tpl:
--------------------------------------------------------------------------------
 1 | !define APP_NAME "<%= name %>"
 2 | !define APP_VERSION "<%= version %>"
 3 | !define APP_DIR "${APP_NAME}"
 4 | 
 5 | Name "${APP_NAME}"
 6 | 
 7 | !include "MUI2.nsh"
 8 | !define MUI_ICON "icon.ico"
 9 | 
10 | !addplugindir .
11 | !include "nsProcess.nsh"
12 | 
13 | 
14 | # define the resulting installer's name
15 | OutFile "<%= out %>\${APP_NAME}Setup.exe"
16 | 
17 | # set the installation directory
18 | InstallDir "$PROGRAMFILES64\${APP_NAME}\"
19 | 
20 | # app dialogs
21 | !insertmacro MUI_PAGE_WELCOME
22 | !insertmacro MUI_PAGE_INSTFILES
23 | 
24 | !define MUI_FINISHPAGE_RUN_TEXT "Start ${APP_NAME}"
25 | !define MUI_FINISHPAGE_RUN "$INSTDIR\${APP_NAME}.exe"
26 | 
27 | !insertmacro MUI_PAGE_FINISH
28 | !insertmacro MUI_LANGUAGE "English"
29 | 
30 | 
31 | # default section start
32 | Section
33 |   SetShellVarContext all
34 | 
35 |   # delete the installed files
36 |   RMDir /r $INSTDIR
37 | 
38 |   # define the path to which the installer should install
39 |   SetOutPath $INSTDIR
40 | 
41 |   # specify the files to go in the output path
42 |   File /r "<%= appPath %>\*"
43 | 
44 |   # specify icon to go in the output path
45 |   File "icon.ico"
46 | 
47 |   # create the uninstaller
48 |   WriteUninstaller "$INSTDIR\Uninstall ${APP_NAME}.exe"
49 | 
50 |   # create shortcuts in the start menu and on the desktop
51 |   CreateDirectory "$SMPROGRAMS\${APP_DIR}"
52 |   CreateShortCut "$SMPROGRAMS\${APP_DIR}\${APP_NAME}.lnk" "$INSTDIR\${APP_NAME}.exe"
53 |   CreateShortCut "$SMPROGRAMS\${APP_DIR}\Uninstall ${APP_NAME}.lnk" "$INSTDIR\Uninstall ${APP_NAME}.exe"
54 |   CreateShortCut "$DESKTOP\${APP_NAME}.lnk" "$INSTDIR\${APP_NAME}.exe" "" "$INSTDIR\icon.ico"
55 | 
56 |   WriteRegStr HKLM "Software\Microsoft\Windows\CurrentVersion\Uninstall\${APP_NAME}" \
57 |                    "DisplayName" "${APP_NAME}"
58 |   WriteRegStr HKLM "Software\Microsoft\Windows\CurrentVersion\Uninstall\${APP_NAME}" \
59 |                    "UninstallString" "$INSTDIR\Uninstall ${APP_NAME}.exe"
60 |   WriteRegStr HKLM "Software\Microsoft\Windows\CurrentVersion\Uninstall\${APP_NAME}" \
61 |                    "DisplayIcon" "$INSTDIR\icon.ico"
62 |   WriteRegStr HKLM "Software\Microsoft\Windows\CurrentVersion\Uninstall\${APP_NAME}" \
63 |                    "DisplayVersion" "${APP_VERSION}"
64 | SectionEnd
65 | 
66 | # create a section to define what the uninstaller does
67 | Section "Uninstall"
68 | 
69 |   ${nsProcess::FindProcess} "${APP_NAME}.exe" $R0
70 | 
71 |   ${If} $R0 == 0
72 |       DetailPrint "${APP_NAME} is running. Closing it down..."
73 |       ${nsProcess::KillProcess} "${APP_NAME}.exe" $R0
74 |       DetailPrint "Waiting for ${APP_NAME} to close."
75 |       Sleep 2000
76 |   ${EndIf}
77 | 
78 |   ${nsProcess::Unload}
79 | 
80 |   SetShellVarContext all
81 | 
82 |   # delete the installed files
83 |   RMDir /r $INSTDIR
84 | 
85 |   # delete the shortcuts
86 |   delete "$SMPROGRAMS\${APP_DIR}\${APP_NAME}.lnk"
87 |   delete "$SMPROGRAMS\${APP_DIR}\Uninstall ${APP_NAME}.lnk"
88 |   rmDir  "$SMPROGRAMS\${APP_DIR}"
89 |   delete "$DESKTOP\${APP_NAME}.lnk"
90 | 
91 | 
92 |   DeleteRegKey HKLM "Software\Microsoft\Windows\CurrentVersion\Uninstall\${APP_NAME}"
93 | SectionEnd
94 | 


--------------------------------------------------------------------------------
/app/locales/en-US/app.l20n:
--------------------------------------------------------------------------------
 1 | <reload "Reload">
 2 | <addBookmark "Add bookmark">
 3 | <removeBookmark "Remove bookmark">
 4 | <addToReadingList "Add to reading list">
 5 | <removeFromReadingList "Remove from reading list">
 6 | <forward "Forward">
 7 | <back "Back">
 8 | <ok "OK">
 9 | <cancel "Cancel">
10 | <submit "Submit">
11 | <settings "Settings">
12 | <aboutPages "About pages">
13 | <listOfAboutPages "List of about pages">
14 | <history "History">
15 | <settingName "Setting name">
16 | <settingValue "Setting value">
17 | <newTab "New Tab">
18 | <openTypeInNewTab "Open {{$type}} in a new tab">
19 | <openTypeInNewPrivateTab "Open {{$type}} in a new private tab">
20 | <copyLinkLocation "Copy Link Location">
21 | <closeTab "Close tab">
22 | <closeOtherTabs "Close other tabs">
23 | <reloadTab "Reload tab">
24 | <muteTab "Mute tab">
25 | <unmuteTab "Unmute tab">
26 | <disableProtectionForSite "Disable tracking protection">
27 | <enableProtectionForSite "Enable tracking protection">
28 | <disableAdBlockForSite "Disable Ad block">
29 | <enableAdBlockForSite "Enable Ad block">
30 | <downloadType "Download {{$type}}">
31 | <setDefaultSearch "Set {{$title}} as default search engine">
32 | <viewPageSource "View Page Source">
33 | 
34 | <braveMenuTotalReplacements "Total Replacements: {{$count}}">
35 | 
36 | <basicAuthRequired "Authentication Required">
37 | <basicAuthUsername placeholder: "Username">
38 | <basicAuthPassword placeholder: "Password">
39 | 
40 | <crashScreenHeader "Something went wrong =(">
41 | <crashScreenText "An error occurred while displaying this webpage. To continue, reload or navigate to another page.">
42 | 
43 | <deny "Deny">
44 | <grant "Grant">
45 | <permRequestHeader "{{$origin}} is requesting permisison">
46 | <geolocationPermission "Geolocation">
47 | <audioCapturePermission "Audio Capture">
48 | <videoCapturePermission "Video Capture">
49 | 
50 | <urlbar placeholder: "Search or enter an address">
51 | 
52 | <findResults "{{$activeMatchOrdinal}} of {{$numberofMatches}}">
53 | <caseSensitivity "Match case">
54 | 
55 | <runtimeUpdatePending "A runtime update which requires the application to be restarted is available.">
56 | <appUpdatePending "An update is available.">
57 | <apply "Apply">
58 | <applyAndRestart "Apply and restart">
59 | 
60 | <fullscreenNotice "{{$origin}} is now fullscreen. Press ESC to exit.">
61 | 
62 | <secureConnection "This site is secure">
63 | <mixedConnection "Partially insecure connection">
64 | <insecureConnection "Using an insecure connection">
65 | <blockedTrackingElements "{{$blockedTrackingElementsSize}} Blocked tracking elements">
66 | <replacedAds "{{$replacedAdsSize}} Ads replaced">
67 | <blockedAds "{{$blockedAdsSize}} Ads blocked">
68 | 
69 | <updateNow "update now">
70 | <updateChecking "We're checking for updates...">
71 | <updateDownloading "Update found, we're downloading it...">
72 | <updateLater "update later">
73 | <updateDetails "details">
74 | <updateError "We were not able to update.">
75 | <updateHello "Hello!">
76 | <updateOops "Oops!">
77 | <updateNotYet "Not yet!">
78 | <updateAvail "A Brave update was just released.">
79 | <updateNotAvail "Sorry there are no updates yet, please check back soon.">
80 | <updateRequiresRelaunch "Requires a quick relaunch...">
81 | <updateViewLog "View log">
82 | <updateHide "Hide">
83 | <updateHide "">
84 | 
85 | 


--------------------------------------------------------------------------------
/less/window.less:
--------------------------------------------------------------------------------
  1 | /* This Source Code Form is subject to the terms of the Mozilla Public
  2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
  3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
  4 | 
  5 | @import "variables.less";
  6 | 
  7 | * {
  8 |   margin: 0;
  9 |   padding: 0;
 10 |   font-family: "Arial";
 11 | }
 12 | 
 13 | html,
 14 | #window {
 15 |   background: #fff;
 16 |   display: flex;
 17 |   flex-direction: column;
 18 |   height: 100%;
 19 |   overflow: hidden;
 20 |   width: 100%;
 21 | }
 22 | 
 23 | #windowContainer {
 24 |   width: 100%;
 25 |   height: 100%;
 26 |   position: absolute;
 27 | }
 28 | 
 29 | .top {
 30 |   -moz-window-dragging: drag;
 31 |   padding-top: 6px;
 32 |   background: @chromePrimary;
 33 | 
 34 |   .backforward {
 35 |     background: linear-gradient(to bottom, #68696c, #eeeeee);
 36 |     position: absolute;
 37 |     z-index: 10;
 38 |     top: -12px;
 39 |     left: 80px;
 40 |     border: 1px solid #cccccc;
 41 |     border-radius: 66px;
 42 |     width: 66px;
 43 |     height: 66px;
 44 |     vertical-align: center;
 45 | 
 46 |     span {
 47 |       position: absolute;
 48 |       color: #3B3B3B;
 49 |       line-height: 80px;
 50 |       font-weight: 300;
 51 |       opacity: 0.3;
 52 | 
 53 |       &:not([disabled]) {
 54 |         opacity: 0.6;
 55 |       }
 56 | 
 57 |       &:not([disabled]):hover {
 58 |         color: #3B3B3B;
 59 |         opacity: 1.0;
 60 |       }
 61 |     }
 62 | 
 63 |     .back {
 64 |       border-right: 1px solid @chromeControlsBackground2;
 65 |       font-size: 60px;
 66 |       left: 12px;
 67 |       padding-right: 4px;
 68 |       top: -11px;
 69 |     }
 70 | 
 71 |     .forward {
 72 |       top: -9px;
 73 |       right: 10px;
 74 |       font-size: 35px;
 75 |     }
 76 | 
 77 |   }
 78 | 
 79 | }
 80 | 
 81 | .mainContainer {
 82 |   display: flex;
 83 |   flex-direction: row;
 84 |   flex-grow: 1;
 85 |   width: 100%;
 86 | 
 87 |   .tabContainer {
 88 |     flex-grow: 1;
 89 |     position: relative;
 90 |   }
 91 |   >div.tabs {
 92 |     width: 180px;
 93 |     overflow-y: scroll;
 94 |   }
 95 | }
 96 | 
 97 | .frameWrapper {
 98 |   height: 100%;
 99 |   width: 100%;
100 |   z-index: 2;
101 |   position: absolute;
102 |   top: 0;
103 |   left: 0;
104 | 
105 |   // Needed to be able to click and drag to select content in pages.
106 |   -webkit-user-select: none;
107 | 
108 |   webview {
109 |     background-color: #fff;
110 |     border: 0;
111 |     height: 100%;
112 |     width: 100%;
113 |   }
114 | 
115 |   .webviewContainer {
116 |     height: 100%;
117 |     width: 100%;
118 |     &.isPreview {
119 |       opacity: 0.5;
120 |     }
121 |   }
122 | 
123 |   &:not(.isActive) {
124 |     z-index: 1;
125 |     &.isPreview {
126 |       background: gray;
127 |       z-index: 3;
128 |     }
129 |   }
130 | }
131 | 
132 | body.fullScreen .frameWrapper.isActive {
133 |   z-index: 10000;
134 | }
135 | 
136 | /* The fullscreen notice is shown above the fullscreen element */
137 | body.fullScreen .banner {
138 |   position: absolute;
139 |   z-index: 10001;
140 |   top: 0;
141 |   opacity: 1;
142 |   transition: opacity 2s ease-in-out;
143 | }
144 | 
145 | body.fullScreen .banner.fade {
146 |   opacity: 0;
147 | }
148 | 
149 | [draggable] {
150 |   -webkit-user-select: none;
151 |  }
152 | 
153 | .link {
154 |   color: @linkColor;
155 |   cursor: pointer;
156 |   text-decoration: underline;
157 | }
158 | 
159 | // In React we often want to have elements but without href, so force pointer cursor
160 | a {
161 |   cursor: pointer;
162 | }
163 | 
164 | .topLevelEndButtons {
165 |   position: absolute;
166 |   top: 5px;
167 |   right: 0;
168 | }
169 | 


--------------------------------------------------------------------------------
/js/state/siteUtil.js:
--------------------------------------------------------------------------------
  1 | /* This Source Code Form is subject to the terms of the Mozilla Public
  2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
  3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
  4 | 
  5 | 'use strict'
  6 | const Immutable = require('immutable')
  7 | 
  8 | var exports = {}
  9 | 
 10 | /**
 11 |  * Obtains the index of the location in sites
 12 |  *
 13 |  * @param sites The application state's Immutable sites list
 14 |  * @param location The frameProps of the page in question
 15 |  * @return index of the location or -1 if not found.
 16 |  */
 17 | exports.getSiteUrlIndex = function (sites, location) {
 18 |   return sites.findIndex(site => site.get('location') === location)
 19 | }
 20 | 
 21 | /**
 22 |  * Checks if a frameProps has the specified tag
 23 |  *
 24 |  * @param sites The application state's Immutable sites list
 25 |  * @param location The location of the page in question
 26 |  * @param tag The tag of the site to check
 27 |  * @return true if the location is already bookmarked
 28 |  */
 29 | exports.isSiteInList = function (sites, location, tag) {
 30 |   let index = exports.getSiteUrlIndex(sites, location)
 31 |   if (index === -1) {
 32 |     return false
 33 |   }
 34 |   return sites.get(index).get('tags').includes(tag)
 35 | }
 36 | 
 37 | /**
 38 |  * Adds the specified frameProps to sites
 39 |  *
 40 |  * @param sites The application state's Immutable site list
 41 |  * @param frameProps The frameProps of the page in question
 42 |  * @param tag The tag to add for this site.  Supported tags are:
 43 |  *   'bookmark' for bookmarks.
 44 |  *   'reader' for reading list.
 45 |  * Otherwise it's only considered to be a history item
 46 |  * @return The new sites Immutable object
 47 |  */
 48 | exports.addSite = function (sites, frameProps, tag) {
 49 |   let index = exports.getSiteUrlIndex(sites, frameProps.get('location'))
 50 |   let tags = sites.getIn([index, 'tags']) || new Immutable.List()
 51 |   if (tag) {
 52 |     tags = tags.toSet().add(tag).toList()
 53 |   } else {
 54 |     // If we aren't adding any tags and we're a private tab,
 55 |     // then do nothing.
 56 |     if (frameProps.get('isPrivate')) {
 57 |       return sites
 58 |     }
 59 |   }
 60 | 
 61 |   let site = Immutable.fromJS({
 62 |     lastAccessed: new Date(),
 63 |     tags,
 64 |     location: frameProps.get('location'),
 65 |     title: frameProps.get('title')
 66 |   })
 67 | 
 68 |   if (index === -1) {
 69 |     return sites.push(site)
 70 |   }
 71 | 
 72 |   return sites.setIn([index], site)
 73 | }
 74 | 
 75 | /**
 76 |  * Removes the specified frameProps from sites
 77 |  *
 78 |  * @param sites The application state's Immutable sites list
 79 |  * @param frameProps The frameProps of the page in question
 80 |  * @return The new sites Immutable object
 81 |  */
 82 | exports.removeSite = function (sites, frameProps, tag) {
 83 |   let index = -1
 84 |   if (frameProps.get('isPinned')) {
 85 |     index = exports.getSiteUrlIndex(sites, frameProps.get('src'))
 86 |   }
 87 |   // When pinning a tab from the current window the src might not be
 88 |   // set to the current site on that first window.
 89 |   // So only if it's not found with the src and it's a pinned tab,
 90 |   // then check the src then location.  This also fixes pinned sites
 91 |   // with HTTPS Everywhere.
 92 |   if (index === -1) {
 93 |     index = exports.getSiteUrlIndex(sites, frameProps.get('location'))
 94 |   }
 95 |   if (index === -1) {
 96 |     return sites
 97 |   }
 98 |   let tags = sites.getIn([index, 'tags'])
 99 |   return sites.setIn([index, 'tags'], tags.toSet().remove(tag).toList())
100 | }
101 | 
102 | /**
103 |  * Detemrines the icon class to use for the site
104 |  *
105 |  * @param site The site in question
106 |  * @return the class of the fontawesome icon to use
107 |  */
108 | exports.getSiteIconClass = function (site) {
109 |   if (site.get('tags').includes('bookmark')) {
110 |     return 'fa-star-o'
111 |   }
112 |   if (site.get('tags').includes('reader')) {
113 |     return 'fa-book'
114 |   }
115 |   return 'fa-file-o'
116 | }
117 | 
118 | module.exports = exports
119 | 


--------------------------------------------------------------------------------
/js/components/window.js:
--------------------------------------------------------------------------------
  1 | /* This Source Code Form is subject to the terms of the Mozilla Public
  2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
  3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
  4 | 
  5 | // Controller view which manages the top level immutable state for the app
  6 | 
  7 | const React = require('react')
  8 | const Immutable = require('immutable')
  9 | const WindowStore = require('../stores/windowStore')
 10 | const WindowActions = require('../actions/windowActions')
 11 | const Main = require('./main')
 12 | const ipc = global.require('electron').ipcRenderer
 13 | const messages = require('../constants/messages')
 14 | const SiteTags = require('../constants/siteTags')
 15 | const Config = require('../constants/config')
 16 | 
 17 | class Window extends React.Component {
 18 |   constructor (props) {
 19 |     super(props)
 20 |     // initialize appState from props
 21 |     // and then listen for updates
 22 |     this.appState = Immutable.fromJS(this.props.appState)
 23 |     this.windowState = WindowStore.getState()
 24 |     this.state = {
 25 |       immutableData: {
 26 |         windowState: this.windowState,
 27 |         appState: this.appState
 28 |       }
 29 |     }
 30 |     ipc.on(messages.APP_STATE_CHANGE, (e, action) => {
 31 |       this.appState = Immutable.fromJS(action)
 32 |       this.setState({
 33 |         immutableData: {
 34 |           windowState: this.windowState,
 35 |           appState: this.appState
 36 |         }
 37 |       })
 38 |       this.onAppStateChanged()
 39 |     })
 40 | 
 41 |     ipc.on('restore-state', (e, windowState) => {
 42 |       WindowActions.setState(Immutable.fromJS(windowState))
 43 |     })
 44 | 
 45 |     this.onAppStateChanged()
 46 |     WindowStore.addChangeListener(this.onChange.bind(this))
 47 |   }
 48 | 
 49 |   componentWillMount () {
 50 |     if (this.props.frames.length === 0) {
 51 |       WindowActions.newFrame({
 52 |         location: Config.defaultUrl
 53 |       })
 54 |     } else {
 55 |       WindowStore.suspend()
 56 |       this.props.frames.forEach(frame => {
 57 |         WindowActions.newFrame(frame)
 58 |       })
 59 |       WindowStore.resume()
 60 |     }
 61 |   }
 62 | 
 63 |   render () {
 64 |     return <div id='windowContainer'>
 65 |       <Main windowState={this.state.immutableData.windowState}
 66 |         appState={this.state.immutableData.appState} />
 67 |     </div>
 68 |   }
 69 | 
 70 |   componentWillUnmount () {
 71 |     WindowStore.removeChangeListener(this.onChange.bind(this))
 72 |     ipc.removeListener(this.onAppStateChange)
 73 |   }
 74 | 
 75 |   shouldComponentUpdate (nextProps, nextState) {
 76 |     return !Immutable.is(nextState.immutableData, this.state.immutableData)
 77 |   }
 78 | 
 79 |   onChange () {
 80 |     this.windowState = WindowStore.getState()
 81 |     this.setState({
 82 |       immutableData: {
 83 |         windowState: this.windowState,
 84 |         appState: this.appState
 85 |       }
 86 |     })
 87 |   }
 88 | 
 89 |   onAppStateChanged () {
 90 |     const sites = this.appState.get('sites')
 91 |     const frames = this.windowState.get('frames')
 92 | 
 93 |     // Check for new pinned sites which we don't already know about
 94 |     const sitesToAdd = sites
 95 |       .filter(site => site.get('tags').includes(SiteTags.PINNED) &&
 96 |           !frames.find(frame => frame.get('isPinned') &&
 97 |             frame.get('location') === site.get('location')))
 98 |     sitesToAdd.forEach(site => {
 99 |       WindowActions.newFrame({
100 |         location: site.get('location'),
101 |         isPinned: true
102 |       }, false)
103 |     })
104 | 
105 |     // Check for unpinned sites which should be closed
106 |     const framesToClose = frames.filter(frame =>
107 |       frame.get('isPinned') && !sites.find(site => frame.get('location') === site.get('location') && site.get('tags').includes(SiteTags.PINNED)))
108 |     framesToClose.forEach(frameProps => WindowActions.closeFrame(frames, frameProps, true))
109 |   }
110 | }
111 | Window.propTypes = { appState: React.PropTypes.object, frames: React.PropTypes.array }
112 | 
113 | module.exports = Window
114 | 


--------------------------------------------------------------------------------
/js/components/siteInfo.js:
--------------------------------------------------------------------------------
  1 | /* This Source Code Form is subject to the terms of the Mozilla Public
  2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
  3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
  4 | 
  5 | const React = require('react')
  6 | const ImmutableComponent = require('./immutableComponent')
  7 | const cx = require('../lib/classSet.js')
  8 | const Dialog = require('./dialog')
  9 | const WindowActions = require('../actions/windowActions')
 10 | 
 11 | class SiteInfo extends ImmutableComponent {
 12 |   constructor (props) {
 13 |     super(props)
 14 |   }
 15 |   get isExtendedValidation () {
 16 |     return this.props.frameProps.getIn(['security', 'isExtendedValidation'])
 17 |   }
 18 |   get isSecure () {
 19 |     return this.props.frameProps.getIn(['security', 'isSecure'])
 20 |   }
 21 |   get isBlockingTrackedContent () {
 22 |     return this.blockedByTrackingList && this.blockedByTrackingList.size > 0
 23 |   }
 24 |   get isMixedContent () {
 25 |     return this.props.frameProps.getIn(['security', 'isMixedContent'])
 26 |   }
 27 |   get blockedByTrackingList () {
 28 |     return this.props.frameProps.getIn(['trackingProtection', 'blocked'])
 29 |   }
 30 |   get isTPListShown () {
 31 |     return this.props.siteInfo.get('expandTrackingProtection')
 32 |   }
 33 |   get blockedAds () {
 34 |     return this.props.frameProps.getIn(['adblock', 'blocked'])
 35 |   }
 36 |   get isBlockingAds () {
 37 |     return this.blockedAds && this.blockedAds.size > 0
 38 |   }
 39 |   get isBlockedAdsShown () {
 40 |     return this.props.siteInfo.get('expandAdblock')
 41 |   }
 42 |   onToggleTPList (e) {
 43 |     WindowActions.setSiteInfoVisible(true, !this.isTPListShown)
 44 |     e.stopPropagation()
 45 |   }
 46 |   onToggleBlockedAds (e) {
 47 |     WindowActions.setSiteInfoVisible(true, undefined, !this.isBlockedAdsShown)
 48 |     e.stopPropagation()
 49 |   }
 50 |   render () {
 51 |     let secureIcon
 52 |     if (this.isSecure && !this.isMixedContent) {
 53 |       secureIcon = <li><span
 54 |       className={cx({
 55 |         fa: true,
 56 |         'fa-lock': true,
 57 |         extendedValidation: this.isExtendedValidation})}/><span data-l10n-id='secureConnection'/></li>
 58 |     } else if (this.isMixedContent) {
 59 |       secureIcon = <li><span className='fa fa-unlock-alt'/><span data-l10n-id='mixedConnection'/></li>
 60 |     } else {
 61 |       secureIcon = <li><span className='fa fa-unlock'/><span data-l10n-id='insecureConnection'/></li>
 62 |     }
 63 | 
 64 |     return <Dialog onHide={this.props.onHide} className='siteInfo' isClickDismiss>
 65 |       <ul>
 66 |       { secureIcon }
 67 |       { this.isBlockingTrackedContent
 68 |         ? <li>
 69 |             <a onClick={this.onToggleTPList.bind(this)}><span className='fa fa-shield'/>
 70 |             <span data-l10n-args={JSON.stringify({blockedTrackingElementsSize: this.blockedByTrackingList.size})}
 71 |               data-l10n-id='blockedTrackingElements'/>
 72 |             </a>
 73 |           </li> : null
 74 |     }
 75 |       { this.isTPListShown && this.blockedByTrackingList && this.blockedByTrackingList.size > 0
 76 |         ? <li><ul>
 77 |         {
 78 |           this.blockedByTrackingList.map(site => <li key={site}>{site}</li>)
 79 |         }
 80 |         </ul></li> : null
 81 |       }
 82 |       { this.isBlockingAds
 83 |         ? <li>
 84 |             <a onClick={this.onToggleBlockedAds.bind(this)}><span className='fa fa-shield'/>
 85 |               <span data-l10n-args={JSON.stringify({blockedAdsSize: this.blockedAds.size})}
 86 |                 data-l10n-id='blockedAds'/>
 87 |             </a>
 88 |           </li> : null
 89 |       }
 90 |       { this.isBlockingAds && this.isBlockedAdsShown
 91 |         ? <li><ul>
 92 |         {
 93 |           this.blockedAds.map(site => <li key={site}>{site}</li>)
 94 |         }
 95 |         </ul></li> : null
 96 |       }
 97 |       </ul>
 98 |     </Dialog>
 99 |   }
100 | }
101 | 
102 | SiteInfo.propTypes = {
103 |   frameProps: React.PropTypes.object,
104 |   siteInfo: React.PropTypes.object,
105 |   onHide: React.PropTypes.func
106 | }
107 | 
108 | module.exports = SiteInfo
109 | 


--------------------------------------------------------------------------------
/js/components/navigationBar.js:
--------------------------------------------------------------------------------
  1 | /* This Source Code Form is subject to the terms of the Mozilla Public
  2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
  3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
  4 | 
  5 | const React = require('react')
  6 | const ImmutableComponent = require('./immutableComponent')
  7 | 
  8 | const cx = require('../lib/classSet.js')
  9 | const Button = require('./button')
 10 | const UrlBar = require('./urlBar')
 11 | const AppActions = require('../actions/appActions')
 12 | const {isSiteInList} = require('../state/siteUtil')
 13 | const SiteTags = require('../constants/siteTags')
 14 | const remote = global.require('electron').remote
 15 | const messages = require('../constants/messages')
 16 | const ipc = global.require('electron').ipcRenderer
 17 | 
 18 | class NavigationBar extends ImmutableComponent {
 19 | 
 20 |   get loading () {
 21 |     return this.props.activeFrame &&
 22 |       this.props.activeFrame.get('loading')
 23 |   }
 24 | 
 25 |   onAddBookmark () {
 26 |     AppActions.addSite(this.props.activeFrame, SiteTags.BOOKMARK)
 27 |   }
 28 | 
 29 |   onRemoveBookmark () {
 30 |     AppActions.removeSite(this.props.activeFrame, SiteTags.BOOKMARK)
 31 |   }
 32 | 
 33 |   onBraveMenu () {
 34 |     // TODO
 35 |   }
 36 | 
 37 |   onReload () {
 38 |     remote.getCurrentWebContents().send(messages.SHORTCUT_ACTIVE_FRAME_RELOAD)
 39 |   }
 40 | 
 41 |   onStop () {
 42 |     remote.getCurrentWebContents().send(messages.SHORTCUT_ACTIVE_FRAME_STOP)
 43 |   }
 44 | 
 45 |   get bookmarked () {
 46 |     return this.props.activeFrame &&
 47 |       isSiteInList(this.props.sites, this.props.activeFrame.get('location'), SiteTags.BOOKMARK)
 48 |   }
 49 | 
 50 |   get titleMode () {
 51 |     return this.props.mouseInTitlebar === false &&
 52 |       this.props.activeFrame.get('title') &&
 53 |       !this.loading &&
 54 |       !this.props.navbar.getIn(['urlbar', 'focused'])
 55 |   }
 56 | 
 57 |   componentDidMount () {
 58 |     ipc.on(messages.SHORTCUT_ACTIVE_FRAME_BOOKMARK, this.onAddBookmark.bind(this))
 59 |     ipc.on(messages.SHORTCUT_ACTIVE_FRAME_REMOVE_BOOKMARK, this.onRemoveBookmark.bind(this))
 60 |   }
 61 | 
 62 |   componentDidUpdate (prevProps) {
 63 |     // Update the app menu to reflect whether the current page is bookmarked
 64 |     var prevBookmarked = prevProps.activeFrame &&
 65 |       isSiteInList(prevProps.sites, prevProps.activeFrame.get('location'), SiteTags.BOOKMARK)
 66 |     if (this.bookmarked !== prevBookmarked) {
 67 |       ipc.send(messages.UPDATE_APP_MENU, {bookmarked: this.bookmarked})
 68 |     }
 69 |   }
 70 | 
 71 |   render () {
 72 |     let frameProps = this.props.activeFrame
 73 |     if (!frameProps) {
 74 |       return null
 75 |     }
 76 | 
 77 |     return <div id='navigator'
 78 |         ref='navigator'
 79 |         data-frame-key={frameProps.get('key')}
 80 |         className={cx({
 81 |           loading: this.loading,
 82 |           bookmarked: this.bookmarked,
 83 |           titleMode: this.titleMode
 84 |         })}>
 85 |       <div className='startButtons'>
 86 |         <Button iconClass='fa-repeat'
 87 |           className='navbutton reload-button'
 88 |           onClick={this.onReload.bind(this)} />
 89 |         <Button iconClass='fa-times'
 90 |           className='navbutton stop-button'
 91 |           onClick={this.onStop.bind(this)} />
 92 |       </div>
 93 |       <UrlBar ref='urlBar'
 94 |         sites={this.props.sites}
 95 |         activeFrameProps={frameProps}
 96 |         searchDetail={this.props.searchDetail}
 97 |         searchSuggestions={this.props.searchSuggestions}
 98 |         frames={this.props.frames}
 99 |         loading={this.loading}
100 |         titleMode={this.titleMode}
101 |         urlbar={this.props.navbar.get('urlbar')}
102 |         />
103 |       <div className='endButtons'>
104 |         <Button iconClass='fa-star-o'
105 |           className='navbutton bookmark-button'
106 |           onClick={this.onAddBookmark.bind(this)} />
107 |         <Button iconClass='fa-star-o'
108 |           className='navbutton remove-bookmark-button'
109 |           onClick={this.onRemoveBookmark.bind(this)} />
110 |       </div>
111 |     </div>
112 |   }
113 | }
114 | 
115 | module.exports = NavigationBar
116 | 


--------------------------------------------------------------------------------
/test/lib/serverChild.js:
--------------------------------------------------------------------------------
  1 | var http = require('http')
  2 | var emptyPort = require('empty-port')
  3 | var nodeStatic = require('node-static')
  4 | 
  5 | var EventEmitter = require('events').EventEmitter
  6 | 
  7 | var root = process.argv[2]
  8 | 
  9 | var server
 10 | 
 11 | function Server () {
 12 |   EventEmitter.call(this)
 13 | }
 14 | 
 15 | Server.prototype = {
 16 |   __proto__: EventEmitter.prototype,
 17 | 
 18 |   /**
 19 |    * Http server running in this process.
 20 |    */
 21 |   http: null,
 22 | 
 23 |   /**
 24 |    * A map of corked URLs.
 25 |    */
 26 |   corkedUrls: {},
 27 | 
 28 |   /**
 29 |    * A map of chunked URLs.
 30 |    * These URLs have transfer-encoding chunked set on them, and by default send only a doctype.
 31 |    */
 32 |   chunkedUrls: {},
 33 | 
 34 |   /**
 35 |    * A map of protected URLs.
 36 |    */
 37 |   authUrls: {},
 38 | 
 39 |   stop: function () {
 40 |     if (this.http) {
 41 |       try {
 42 |         this.http.kill()
 43 |       } catch (e) {
 44 |         console.log('Could not kill http server', e)
 45 |       }
 46 |     }
 47 |   },
 48 | 
 49 |   start: function (port) {
 50 |     // using node-static for now we can do fancy stuff in the future.
 51 |     var file = new nodeStatic.Server(root)
 52 |     this.http = http.createServer(function (req, res) {
 53 |       req.addListener('end', function () {
 54 |         // Handle corked urls.
 55 |         var fullUrl = 'http://' + req.headers.host + req.url
 56 |         if (server.chunkedUrls[fullUrl]) {
 57 |           res.setHeader('Content-Type', 'text/html; charset=UTF-8')
 58 |           res.setHeader('Transfer-Encoding', 'chunked')
 59 |           res.write('<!DOCTYPE html>')
 60 | 
 61 |           // TODO: Serving the file with nodestatic here throws an error as we have already sent headers.
 62 |           // For now just send a static string instead of file, when the server is uncorked.
 63 |           server.once('uncorked ' + fullUrl, function () {
 64 |             res.end('(fixme)')
 65 |           })
 66 |           return
 67 |         }
 68 | 
 69 |         if (server.corkedUrls[fullUrl]) {
 70 |           server.once('uncorked ' + fullUrl, file.serve.bind(file, req, res))
 71 |           return
 72 |         }
 73 | 
 74 |         // Handle protected URLs.
 75 |         // Users can login with 'username' and 'password'
 76 |         if (server.authUrls[fullUrl] &&
 77 |           req.headers.authorization !== 'Basic dXNlcm5hbWU6cGFzc3dvcmQ=') {
 78 |           res.writeHead(401, {
 79 |             'WWW-Authenticate': 'Basic realm="login required"'
 80 |           })
 81 |           res.end()
 82 |           return
 83 |         }
 84 | 
 85 |         // hand off request to node-static
 86 |         file.serve(req, res)
 87 |       }).resume()
 88 |     }).listen(port)
 89 |   },
 90 | 
 91 |   cork: function (url) {
 92 |     this.corkedUrls[url] = true
 93 |   },
 94 | 
 95 |   uncork: function (url) {
 96 |     delete this.corkedUrls[url]
 97 |     this.emit('uncorked ' + url)
 98 |   },
 99 | 
100 |   chunk: function (url) {
101 |     this.chunkedUrls[url] = true
102 |   },
103 | 
104 |   unchunk: function (url) {
105 |     delete this.chunkedUrls[url]
106 |   },
107 | 
108 |   protect: function (url) {
109 |     this.authUrls[url] = true
110 |   },
111 | 
112 |   unprotect: function (url) {
113 |     delete this.authUrls[url]
114 |   }
115 | }
116 | 
117 | server = new Server()
118 | 
119 | // figure out which port we are on
120 | emptyPort({}, function (err, port) {
121 |   if (err) {
122 |     console.log(err.stack)
123 |   }
124 |   server.start(port)
125 |   process.send(['start', port])
126 | })
127 | 
128 | // handle process messages
129 | process.on('message', function (data) {
130 |   switch (data.action) {
131 |     case 'cork':
132 |       server.cork(data.args)
133 |       break
134 |     case 'uncork':
135 |       server.uncork(data.args)
136 |       break
137 |     case 'chunk':
138 |       server.chunk(data.args)
139 |       break
140 |     case 'unchunk':
141 |       server.unchunk(data.args)
142 |       break
143 |     case 'protect':
144 |       server.protect(data.args)
145 |       break
146 |     case 'unprotect':
147 |       server.unprotect(data.args)
148 |       break
149 |     case 'stop':
150 |       server.stop()
151 |       break
152 |   }
153 | })
154 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "name": "brave",
  3 |   "version": "0.7.7",
  4 |   "description": "Brave laptop and desktop browser",
  5 |   "main": "./app/index.js",
  6 |   "scripts": {
  7 |     "start": "node ./tools/start.js --debug=5858 -enable-logging --v=0 --enable-dcheck",
  8 |     "start-brk": "node ./tools/start.js --debug-brk=5858 -enable-logging --v=0 --enable-dcheck",
  9 |     "watch-all": "npm run watch & npm run watch-test",
 10 |     "watch-test": "NODE_ENV=test webpack --watch",
 11 |     "watch": "webpack-dev-server",
 12 |     "electron-rebuild": "electron-rebuild",
 13 |     "lint": "standard",
 14 |     "preload-httpse": "node ./preload-httpse.js",
 15 |     "sign-darwin": "./sign-darwin.sh",
 16 |     "build-darwin": "node ./build-darwin.js",
 17 |     "build-win64": "node ./build-win64.js",
 18 |     "installer-darwin": "rm -f dist/Brave.dmg && electron-builder \"Brave-darwin-x64/Brave.app\" --platform=osx --out=\"dist\" --config=builderConfig.json --overwrite",
 19 |     "installer-win64": "node ./build-win64-installer.js",
 20 |     "zip-darwin": "node build-darwin-update.js",
 21 |     "clean-session-store": "rm -f ~/Library/Application\\ Support/Brave/session-store-*",
 22 |     "clean-adblock-data": "rm -f ~/Library/Application\\ Support/Brave/adblock.dat",
 23 |     "clean-tp-data": "rm -f ~/Library/Application\\ Support/Brave/trackingprotection.dat",
 24 |     "postinstall": "node ./tools/rebuildNativeModules.js&&webpack",
 25 |     "test": "NODE_ENV=test mocha --compilers js:babel-register --recursive $(find test -name '*Test.js')"
 26 |   },
 27 |   "repository": {
 28 |     "type": "git",
 29 |     "url": "git+https://github.com/bbondy/electron-sample.git"
 30 |   },
 31 |   "author": {
 32 |     "name": "Brave Developers <support@brave.com>"
 33 |   },
 34 |   "contributors": [
 35 |     {
 36 |       "name": "Brian R. Bondy",
 37 |       "email": "brian@brave.com"
 38 |     },
 39 |     {
 40 |       "name": "Aubrey Keus",
 41 |       "email": "aubrey@brave.com"
 42 |     },
 43 |     {
 44 |       "name": "Brian Johnson",
 45 |       "email": "bjohnson@brave.com"
 46 |     }
 47 |   ],
 48 |   "license": "MPL-2.0",
 49 |   "bugs": {
 50 |     "url": "https://github.com/bbondy/electron-sample/issues"
 51 |   },
 52 |   "homepage": "https://github.com/bbondy/electron-sample#readme",
 53 |   "dependencies": {
 54 |     "abp-filter-parser-cpp": "^1.0.22",
 55 |     "electron-localshortcut": "^0.6.0",
 56 |     "electron-prebuilt": "git+ssh://git@github.com/brave/electron-prebuilt.git",
 57 |     "electron-squirrel-startup": "^0.1.4",
 58 |     "file-loader": "^0.8.5",
 59 |     "font-awesome": "^4.5.0",
 60 |     "font-awesome-webpack": "0.0.4",
 61 |     "immutable": "^3.7.5",
 62 |     "react": "^0.14.3",
 63 |     "react-dom": "^0.14.3",
 64 |     "sqlite3": "^3.1.0",
 65 |     "tracking-protection": "^1.0.7",
 66 |     "url-loader": "^0.5.7",
 67 |     "urlutil.js": "^0.1.1",
 68 |     "vibrant": "git+ssh://git@github.com/jariz/vibrant.js.git#1.0"
 69 |   },
 70 |   "devDependencies": {
 71 |     "asar": "^0.8.3",
 72 |     "babel": "^6.1.18",
 73 |     "babel-core": "^6.3.15",
 74 |     "babel-loader": "^6.2.0",
 75 |     "babel-polyfill": "^6.3.14",
 76 |     "babel-preset-es2015": "^6.1.18",
 77 |     "babel-preset-react": "^6.1.18",
 78 |     "babel-register": "^6.3.13",
 79 |     "babel-runtime": "^6.3.13",
 80 |     "chai": "^3.4.1",
 81 |     "chai-as-promised": "^5.1.0",
 82 |     "co-mocha": "^1.1.2",
 83 |     "css-loader": "^0.23.0",
 84 |     "electron-builder": "^2.3.1",
 85 |     "electron-installer-squirrel-windows": "^1.2.2",
 86 |     "electron-packager": "^5.1.1",
 87 |     "electron-rebuild": "^1.1.1",
 88 |     "empty-port": "0.0.1",
 89 |     "gulp": "^3.9.0",
 90 |     "less": "^2.5.3",
 91 |     "less-loader": "^2.2.1",
 92 |     "mocha": "^2.3.4",
 93 |     "node-gyp": "^3.2.1",
 94 |     "node-libs-browser": "^0.5.3",
 95 |     "node-static": "^0.7.7",
 96 |     "node-uuid": "^1.4.7",
 97 |     "pre-commit": "^1.1.2",
 98 |     "spectron": "^0.36.0",
 99 |     "standard": "^5.4.1",
100 |     "style-loader": "^0.13.0",
101 |     "webdriverio": "^3.3.0",
102 |     "webpack": "^1.12.9",
103 |     "webpack-dev-server": "^1.14.0",
104 |     "webpack-notifier": "^1.2.1",
105 |     "npm": "3.4.1",
106 |     "xml2js": "^0.4.15"
107 |   },
108 |   "standard": {
109 |     "ignore": [
110 |       "Brave-darwin-x64/**",
111 |       "less/**",
112 |       "res/**",
113 |       "js/data/**",
114 |       "dist/**",
115 |       "doc/**",
116 |       "public/**",
117 |       "app/ext/**",
118 |       "app/gen/**"
119 |     ]
120 |   },
121 |   "pre-commit": [
122 |     "lint"
123 |   ]
124 | }
125 | 


--------------------------------------------------------------------------------
/less/navigationBar.less:
--------------------------------------------------------------------------------
  1 | /* This Source Code Form is subject to the terms of the Mozilla Public
  2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
  3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
  4 | 
  5 | /**
  6 |  * Navigation layers
  7 |  */
  8 | 
  9 | @import "variables.less";
 10 | 
 11 | #navigator {
 12 |   font-size: 20px;
 13 |   height: 34px;
 14 |   max-width: 900px;
 15 |   margin: 0 auto;
 16 |   padding: 0 135px 4px 145px;
 17 |   width: 100%;
 18 |   box-sizing: border-box;
 19 |   position: relative;
 20 |   display: flex;
 21 |   flex-direction: row;
 22 |   -webkit-user-select: none;
 23 | 
 24 |   &.titleMode {
 25 |     input {
 26 |       background: @chromePrimary;
 27 |       color: white;
 28 |       text-align: center;
 29 |       font-size: 15px;
 30 |       /*
 31 |       &:focus {
 32 |         -webkit-user-select: none;
 33 |         background: @chromePrimary;
 34 |         color: white;
 35 |       }
 36 |       */
 37 |     }
 38 |     .startButtons, .endButtons {
 39 |       visibility: hidden;
 40 |     }
 41 |   }
 42 | 
 43 |   .loadTime {
 44 |     color: @loadTimeColor;
 45 |     font-size: 12px;
 46 |     position: absolute;
 47 |     right: 10px;
 48 |     text-align: right;
 49 |     top: 7px;
 50 |   }
 51 | 
 52 |   /* Disable selection of button text */
 53 |   > span {
 54 |      -webkit-user-select: none;
 55 |   }
 56 | 
 57 |   > * {
 58 |     -moz-window-dragging: no-drag;
 59 |   }
 60 | 
 61 |   form {
 62 |     flex: 1;
 63 |     position: relative;
 64 |   }
 65 | 
 66 |   input {
 67 |     background: @navigationBarBackground;
 68 |     border: none;
 69 |     border-radius: 13px;
 70 |     box-sizing: border-box;
 71 |     color: #fff;
 72 |     font-size: @defaultFontSize;
 73 |     font-weight: normal;
 74 |     height: 24px;
 75 |     margin: 0 0 0 1px;
 76 |     padding: 0 70px 0 25px;
 77 |     text-overflow: ellipsis;
 78 |     width: 100%;
 79 | 
 80 |     &:hover {
 81 |       background: @chromeControlsBackground2;
 82 |     }
 83 | 
 84 |     &:focus {
 85 |       background: #fff;
 86 |       border: 1px solid @focusUrlbarOutline;
 87 |       box-shadow: 0 0 4px @focusUrlbarOutline, inset 0 0 4px @focusUrlbarOutline;
 88 |       color: #333333;
 89 |       outline: none;
 90 |     }
 91 | 
 92 |     &.private {
 93 |       background: @privateTabBackground;
 94 |       color: #fff;
 95 |     }
 96 |   }
 97 | 
 98 |   span.navbutton.remove-bookmark-button {
 99 |     color: yellow;
100 |   }
101 | 
102 |   &:not(.bookmarked) .remove-bookmark-button,
103 |   &.bookmarked .bookmark-button,
104 |   &:not(.loading) .stop-button,
105 |   &.loading .reload-button {
106 |     display: none;
107 |   }
108 | 
109 |   .urlbarIcon {
110 |     color: #555;
111 |     position: absolute;
112 |     top: 6px;
113 |     left: 9px;
114 |     font-size: 15px;
115 |     min-height: 16px;
116 |     min-width: 16px;
117 | 
118 |     &.extendedValidation {
119 |       color: green;
120 |     }
121 |   }
122 | 
123 |   ul.urlBarSuggestions {
124 |     .flyoutDialog;
125 |     box-sizing: border-box;
126 |     width: 100%;
127 |     z-index: 311;
128 | 
129 |     .suggestionIcon {
130 |       margin-right: 10px;
131 |     }
132 | 
133 |     .suggestionText {
134 |       display: inline-block;
135 |       overflow: hidden;
136 |       text-overflow: ellipsis;
137 |       white-space: nowrap;
138 |       width: calc(~'100% - 30px');
139 |       vertical-align: middle;
140 |     }
141 | 
142 |     li {
143 |       list-style-type: none;
144 |       padding: 10px 0;
145 |       z-index: 333;
146 | 
147 |       &.selected {
148 |         color: @highlightBlue;
149 |       }
150 |       * {
151 |         /* To allow for mouse listeners to work on the list items. */
152 |         pointer-events: none;
153 |       }
154 |     }
155 | 
156 |     li + li {
157 |       border-top: 1px solid @chromeControlsBackground;
158 |     }
159 |   }
160 | }
161 | 
162 | .flyoutDialog {
163 |   background-color: #eeeeee;
164 |   border-radius: 9px;
165 |   box-shadow: 2px 2px 8px #3b3b3b;
166 |   color: #000;
167 |   font-size: 13px;
168 |   padding: 10px 30px;
169 |   position: absolute;
170 |   text-align: left;
171 |   top: 48px;
172 | }
173 | 
174 | .releaseNotes {
175 |   .flyoutDialog;
176 |   width: auto;
177 |   margin-left: -250px;
178 |   max-width: 350px;
179 |   text-align: left;
180 | 
181 |   h1 {
182 |     margin-bottom: 10px;
183 |   }
184 | }
185 | 
186 | .siteInfo {
187 |   >ul {
188 |     .flyoutDialog;
189 |     margin-left: -250px;
190 |     text-align: left;
191 |     width: auto;
192 | 
193 |     li {
194 |       list-style-type: none;
195 |       padding: 10px 0;
196 | 
197 |       .fa {
198 |         padding-right: 10px;
199 |       }
200 |       &.extendedValidation {
201 |         color: green;
202 |       }
203 | 
204 |       ul {
205 |         font-size: smaller;
206 |         max-height: 300px;
207 |         overflow-y: scroll;
208 |         margin-top: -20px;
209 |         padding: 0 10px;
210 |         max-width: 350px;
211 |       }
212 |     }
213 |   }
214 | }
215 | 
216 | .topLevelEndButtons .braveMenu {
217 |   background-image: -webkit-image-set(url(../app/img/braveBtn.png) 1x, url(../app/img/braveBtn2x.png) 2x, url(../app/img/braveBtn3x.png) 3x);
218 |   width: 23px;
219 |   height: 27px;
220 |   margin-top: 1px;
221 |   margin-right: 9px;
222 | }
223 | 


--------------------------------------------------------------------------------
/js/components/findbar.js:
--------------------------------------------------------------------------------
  1 | /* This Source Code Form is subject to the terms of the Mozilla Public
  2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
  3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
  4 | 
  5 | const React = require('react')
  6 | const ReactDOM = require('react-dom')
  7 | const ImmutableComponent = require('./immutableComponent')
  8 | const Immutable = require('immutable')
  9 | const keyCodes = require('../constants/keyCodes')
 10 | const Button = require('./button.js')
 11 | const WindowActions = require('../actions/windowActions')
 12 | 
 13 | export default class FindBar extends ImmutableComponent {
 14 |   constructor () {
 15 |     super()
 16 |   }
 17 | 
 18 |   onChange (e) {
 19 |     WindowActions.setFindDetail(this.props.frame, Immutable.fromJS({
 20 |       searchString: e.target.value,
 21 |       caseSensitivity: this.props.findDetail.get('caseSensitivity')
 22 |     }))
 23 |   }
 24 | 
 25 |   onCaseSensitivityChange (e) {
 26 |     WindowActions.setFindDetail(this.props.frame, Immutable.fromJS({
 27 |       searchString: this.props.findDetail.get('searchString'),
 28 |       caseSensitivity: e.target.checked
 29 |     }))
 30 |   }
 31 | 
 32 |   onFind () {
 33 |     this.props.onFindAll(this.props.findDetail.get('searchString'),
 34 |                          this.props.findDetail.get('caseSensitivity'))
 35 |   }
 36 | 
 37 |   onFindNext () {
 38 |     this.props.onFindAll(this.props.findDetail.get('searchString'),
 39 |                          this.props.findDetail.get('caseSensitivity'),
 40 |                          true)
 41 |   }
 42 | 
 43 |   onFindPrev () {
 44 |     this.props.onFindAgain(this.props.findDetail.get('searchString'),
 45 |                            this.props.findDetail.get('caseSensitivity'),
 46 |                            false)
 47 |   }
 48 | 
 49 |   /**
 50 |    * Focus the find in page input and select the text
 51 |    */
 52 |   focus () {
 53 |     let input = ReactDOM.findDOMNode(this.refs.searchString)
 54 |     input.focus()
 55 |     input.select()
 56 |   }
 57 | 
 58 |   componentDidUpdate (prevProps) {
 59 |     if (!this.props.active) {
 60 |       return null
 61 |     }
 62 |     if (!prevProps.active) {
 63 |       // Focus and select the find input
 64 |       this.focus()
 65 |     }
 66 |     if (this.props.findDetail !== prevProps.findDetail) {
 67 |       // Redo search if details have changed
 68 |       this.onFind()
 69 |     }
 70 |   }
 71 | 
 72 |   onKeyDown (e) {
 73 |     switch (e.keyCode) {
 74 |       case keyCodes.ESC:
 75 |         e.preventDefault()
 76 |         this.props.onHide()
 77 |         break
 78 |       case keyCodes.ENTER:
 79 |         e.preventDefault()
 80 |         if (e.shiftKey) {
 81 |           this.onFindPrev()
 82 |         } else {
 83 |           this.onFindNext()
 84 |         }
 85 |         break
 86 |     }
 87 |   }
 88 | 
 89 |   get numberofMatches () {
 90 |     // TODO: Hook this up when found-in-page event fires
 91 |     if (!this.props.findInPageDetail) {
 92 |       return -1
 93 |     }
 94 |     return this.props.findInPageDetail.get('numberOfMatches')
 95 |   }
 96 | 
 97 |   get activeMatchOrdinal () {
 98 |     if (!this.props.findInPageDetail) {
 99 |       return -1
100 |     }
101 |     return this.props.findInPageDetail.get('activeMatchOrdinal')
102 |   }
103 | 
104 |   get isCaseSensitive () {
105 |     this.props.findDetail.get('caseSensitivity')
106 |   }
107 | 
108 |   render () {
109 |     if (!this.props.active) {
110 |       return null
111 |     }
112 | 
113 |     let findMatchText
114 |     if (this.numberofMatches !== -1 && this.props.findDetail.get('searchString')) {
115 |       let l10nArgs = {
116 |         activeMatchOrdinal: this.activeMatchOrdinal,
117 |         numberofMatches: this.numberofMatches
118 |       }
119 |       findMatchText = <span data-l10n-id='findResults'
120 |       data-l10n-args={JSON.stringify(l10nArgs)}>{JSON.stringify(l10nArgs)}</span>
121 |     }
122 | 
123 |     return <div className='findBar'>
124 |       <span className='searchStringContainer'>
125 |         <input type='text'
126 |           ref='searchString'
127 |           onKeyDown={this.onKeyDown.bind(this)}
128 |           onChange={this.onChange.bind(this)}
129 |           value={this.props.findDetail.get('searchString')}/>
130 |           {findMatchText}
131 |       </span>
132 |       <Button iconClass='findButton fa-chevron-up'
133 |         className='findButton smallButton findPrev'
134 |         disabled={this.numberofMatches === 0}
135 |         onClick={this.onFindPrev.bind(this)} />
136 |       <Button iconClass='findButton fa-chevron-down'
137 |         className='findButton smallButton findNext'
138 |         disabled={this.numberofMatches === 0}
139 |         onClick={this.onFindNext.bind(this)} />
140 |       <Button iconClass='fa-times'
141 |         className='findButton smallButton hideButton'
142 |         onClick={this.props.onHide} />
143 |       <div className='caseSensitivityContainer'>
144 |         <input
145 |           id='caseSensitivityCheckbox'
146 |           type='checkbox'
147 |           className='caseSensitivityCheckbox'
148 |           checked={this.isCaseSensitive}
149 |           onChange={this.onCaseSensitivityChange.bind(this)} />
150 |         <label htmlFor='caseSensitivityCheckbox' data-l10n-id='caseSensitivity'>
151 |           {'Match case'}
152 |         </label>
153 |       </div>
154 |     </div>
155 |   }
156 | }
157 | 


--------------------------------------------------------------------------------
/js/actions/appActions.js:
--------------------------------------------------------------------------------
  1 | /* This Source Code Form is subject to the terms of the Mozilla Public
  2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
  3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
  4 | 
  5 | 'use strict'
  6 | const AppDispatcher = require('../dispatcher/appDispatcher')
  7 | const AppConstants = require('../constants/appConstants')
  8 | const messages = require('../constants/messages')
  9 | 
 10 | const AppActions = {
 11 |   /**
 12 |    * Dispatches an event to the main process to replace the app state
 13 |    * This is called from the main process on startup before anything else
 14 |    *
 15 |    * @param {object} appState - Initial app state object (not yet converted to ImmutableJS)
 16 |    */
 17 |   setState: function (appState) {
 18 |     AppDispatcher.dispatch({
 19 |       actionType: AppConstants.APP_SET_STATE,
 20 |       appState
 21 |     })
 22 |   },
 23 | 
 24 |   /**
 25 |    * Dispatches an event to the main process to create a new window
 26 |    */
 27 |   newWindow: function (frameOpts, browserOpts, restoredState) {
 28 |     AppDispatcher.dispatch({
 29 |       actionType: AppConstants.APP_NEW_WINDOW,
 30 |       frameOpts,
 31 |       browserOpts,
 32 |       restoredState
 33 |     })
 34 |   },
 35 | 
 36 |   closeWindow: function (appWindowId) {
 37 |     AppDispatcher.dispatch({
 38 |       actionType: AppConstants.APP_CLOSE_WINDOW,
 39 |       appWindowId
 40 |     })
 41 |   },
 42 | 
 43 |   /**
 44 |    * Dispatches an event to the main process to update the browser
 45 |    */
 46 |   updateRequested: function () {
 47 |     // TODO - change to dispatcher
 48 |     console.log('appActions updateRequested')
 49 |     global.require('electron').ipcRenderer.send(messages.UPDATE_REQUESTED)
 50 |   },
 51 | 
 52 |   /**
 53 |    * Adds a site to the site list
 54 |    * @param {Object} frameProps - Properties of the frame in question
 55 |    * @param {string} tag - A tag to associate with the site. e.g. bookmarks.
 56 |    */
 57 |   addSite: function (frameProps, tag) {
 58 |     AppDispatcher.dispatch({
 59 |       actionType: AppConstants.APP_ADD_SITE,
 60 |       frameProps,
 61 |       tag
 62 |     })
 63 |   },
 64 | 
 65 |   /**
 66 |    * Removes a site from the site list
 67 |    * @param {Object} frameProps - Properties of the frame in question
 68 |    * @param {string} tag - A tag to associate with the site. e.g. bookmarks.
 69 |    */
 70 |   removeSite: function (frameProps, tag) {
 71 |     AppDispatcher.dispatch({
 72 |       actionType: AppConstants.APP_REMOVE_SITE,
 73 |       frameProps,
 74 |       tag
 75 |     })
 76 |   },
 77 | 
 78 |   /**
 79 |    * Sets the default window size
 80 |    * @param {Array} size - [width, height]
 81 |    */
 82 |   setDefaultWindowSize: function (size) {
 83 |     AppDispatcher.dispatch({
 84 |       actionType: AppConstants.APP_SET_DEFAULT_WINDOW_SIZE,
 85 |       size
 86 |     })
 87 |   },
 88 | 
 89 |   /**
 90 |    * Sets the etag value for a downloaded data file.
 91 |    * This is used for keeping track of when to re-download adblock and tracking
 92 |    * protection data.
 93 |    * @param {string} resourceName - 'adblock' or 'trackingProtection'
 94 |    * @param {string} etag - The etag of the reosurce from the http response
 95 |    */
 96 |   setResourceETag: function (resourceName, etag) {
 97 |     AppDispatcher.dispatch({
 98 |       actionType: AppConstants.APP_SET_DATA_FILE_ETAG,
 99 |       resourceName,
100 |       etag
101 |     })
102 |   },
103 | 
104 |   /**
105 |    * Sets the lastCheck date.getTime() value for the data file
106 |    * @param {string} resourceName - 'adblock', 'trackingProtection', or 'httpsEverywhere'
107 |    * @param {number} lastCheck - The last check date of the reosurce from the http response
108 |    */
109 |   setResourceLastCheck: function (resourceName, lastCheckVersion, lastCheckDate) {
110 |     AppDispatcher.dispatch({
111 |       actionType: AppConstants.APP_SET_DATA_FILE_LAST_CHECK,
112 |       resourceName,
113 |       lastCheckVersion,
114 |       lastCheckDate
115 |     })
116 |   },
117 | 
118 |   /**
119 |    * Sets whether the resource is enabled or not.
120 |    * @param {string} resourceName - 'adblock', 'trackingProtection', or 'httpsEverywhere'
121 |    * @param {boolean} enabled - true if the resource is enabled.
122 |    */
123 |   setResourceEnabled: function (resourceName, enabled) {
124 |     AppDispatcher.dispatch({
125 |       actionType: AppConstants.APP_SET_RESOURCE_ENABLED,
126 |       resourceName,
127 |       enabled
128 |     })
129 |   },
130 | 
131 |   /**
132 |    * Sets the update.lastCheckTimestamp to the current
133 |    * epoch timestamp (milliseconds)
134 |    */
135 |   setUpdateLastCheck: function () {
136 |     AppDispatcher.dispatch({
137 |       actionType: AppConstants.APP_UPDATE_LAST_CHECK
138 |     })
139 |   },
140 | 
141 |   /**
142 |    * Sets the update status
143 |    * @param {string} status - update status from js/constants/updateStatus.js.
144 |    * @param {boolean} verbose - Whether to show UI for all the update steps.
145 |    * @param {object} metadata - Metadata from the pdate server, with info like release notes.
146 |    */
147 |   setUpdateStatus: function (status, verbose, metadata) {
148 |     AppDispatcher.dispatch({
149 |       actionType: AppConstants.APP_SET_UPDATE_STATUS,
150 |       status,
151 |       verbose,
152 |       metadata
153 |     })
154 |   }
155 | }
156 | 
157 | module.exports = AppActions
158 | 


--------------------------------------------------------------------------------
/docs/state.md:
--------------------------------------------------------------------------------
  1 | # Overview
  2 | 
  3 | All application state is managed by a top level [ImmutableJS](http://facebook.github.io/immutable-js/) object.
  4 | Child components should not modify top level state directly, instead they should call into an action which will dispatch a message to the store to make any such changes.
  5 | 
  6 | # Hierarchy
  7 | 
  8 | AppStore
  9 | 
 10 | ```javascript
 11 | {
 12 |   sites: [{
 13 |     location: string,
 14 |     title: string,
 15 |     tags: [string], // empty, 'bookmark', 'pinned', or 'reader'
 16 |     lastAccessed: datetime,
 17 |   }],
 18 |   visits: [{
 19 |     location: string,
 20 |     startTime: number, // datetime.getTime()
 21 |     endTime: number // datetime.getTime()
 22 |   }],
 23 |   adblock: {
 24 |     etag: string, // last downloaded data file etag
 25 |     lastCheckVersion: string, // last checked data file version
 26 |     lastCheckDate: number, // last checked data file date.getTime()
 27 |     enabled: boolean // Enable adblocking
 28 |   },
 29 |   trackingProtection: {
 30 |     etag: string, // last downloaded data file etag
 31 |     lastCheckVersion: string, // last checked data file version
 32 |     lastCheckDate: number, // last checked data file date.getTime()
 33 |     enabled: boolean // Enable tracking protection
 34 |   },
 35 |   httpsEverywhere: {
 36 |     etag: string, // last downloaded data file etag
 37 |     lastCheckVersion: string, // last checked data file version
 38 |     lastCheckDate: number, // last checked data file date.getTime()
 39 |     enabled: boolean // Enable HTTPS Everywhere
 40 |   },
 41 |   defaultWindowHeight: number,
 42 |   defaultWindowWidth: number,
 43 |   updates: {
 44 |     status: string, // UpdateStatus from js/constants/updateStatus.js
 45 |     metadata: {
 46 |       name: string, // Name of the update
 47 |       notes: string, // Release notes for the active update
 48 |     },
 49 |     verbose: boolean, // Whether to show update UI for checking, downloading, and errors
 50 |     lastCheckTimestamp: boolean
 51 |   }
 52 | }
 53 | ```
 54 | 
 55 | WindowStore
 56 | 
 57 | ```javascript
 58 | {
 59 |   activeFrameKey: number,
 60 |   previewFrameKey: number,
 61 |   frames: [{
 62 |     audioMuted: boolean, // frame is muted
 63 |     audioPlaybackActive: boolean, // frame is playing audio
 64 |     canGoBack: boolean,
 65 |     canGoForward: boolean,
 66 |     isPinned: boolean, // true when the tab is pinned
 67 |     icon: string, // url to favicon
 68 |     location: string, // page url
 69 |     src: string, // what the iframe src should be
 70 |     title: string, // page title
 71 |     findbarShown: boolean, // whether the findbar is shown
 72 |     key: number,
 73 |     isPrivate: boolean, // private browsing tab
 74 |     loading: boolean,
 75 |     themeColor: string, // css compatible color string
 76 |     computedThemeColor: string, // css computed theme color from the favicon
 77 |     startLoadTime: datetime,
 78 |     endtLoadTime: datetime,
 79 |     closedAtIndex: number, // Index the frame was last closed at, cleared unless the frame is inside of closedFrames
 80 |     activeShortcut: string, // Set by the application store when the component should react to a shortcut
 81 |     adblock: {
 82 |       blocked: Array<string>
 83 |     },
 84 |     trackingProtection: {
 85 |       blocked: Array<string>
 86 |     },
 87 |     security: {
 88 |       isSecure: boolean, // is using https
 89 |       isExtendedValidation: boolean, // is using https ev
 90 |       activeMixedContent: boolean, // has active mixed content
 91 |       passiveMixedContent: boolean, // has passive mixed content
 92 |     },
 93 |     parentFrameKey: number, // the key of the frame this frame was opened from
 94 |     contextMenuDetail: {...},
 95 |     modalPromptDetail: {...},
 96 |     basicAuthDetail: {...},
 97 |     findDetail: {
 98 |       searchString: string, // the string being searched
 99 |       caseSensitivity: boolean // whether we are doing a case sensitive search
100 |     }
101 |     unloaded: boolean, // true if the tab is unloaded
102 | 
103 |     navbar: {
104 |       focused: boolean, // whether the navbar is focused
105 |       urlbar: {
106 |         location: string, // the string displayed in the urlbar
107 |         urlPreview: string,
108 |         searchSuggestions: boolean, // true if search suggestions are enabled
109 |         suggestions: {
110 |           selectedIndex: number, // index of the item in focus
111 |           searchResults: array,
112 |           suggestionList: object,
113 |         },
114 |         focused: boolean, // whether the urlbar is focused
115 |         active: boolean, // whether the user is typing in the urlbar
116 |         selected: boolean, // is the urlbar text selected
117 |       }
118 |     }
119 |   }],
120 |   closedFrames: [], // holds the same type of frame objects as above
121 |   ui: {
122 |     mouseInTitlebar: boolean, //Whether or not the mouse is in the titlebar
123 |     tabs: {
124 |       activeDraggedTab: object,
125 |       tabPageIndex: number, // Index of the current tab page
126 |     },
127 |     siteInfo: {
128 |       isVisible: boolean, // Whether or not to show site info like # of blocked ads
129 |     },
130 |     releaseNotes: {
131 |       isVisible: boolean, // Whether or not to show release notes
132 |     }
133 |   },
134 |   searchDetail: {
135 |     searchURL: string, // with replacement var in string: {searchTerms}
136 |     autocompleteURL: string, // ditto re: {searchTerms}
137 |   }
138 | }
139 | ```
140 | 


--------------------------------------------------------------------------------
/app/index.js:
--------------------------------------------------------------------------------
  1 | /* This Source Code Form is subject to the terms of the Mozilla Public
  2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
  3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
  4 | 
  5 | 'use strict'
  6 | 
  7 |  // windows installation events etc...
  8 | if (process.platform === 'win32') {
  9 |   // TODO - register browser as HTTP handler in Windows (maybe need to fork)
 10 |   if (require('electron-squirrel-startup')) {
 11 |     process.exit(0)
 12 |   }
 13 | }
 14 | 
 15 | const Immutable = require('immutable')
 16 | const electron = require('electron')
 17 | const BrowserWindow = electron.BrowserWindow
 18 | const ipcMain = electron.ipcMain
 19 | const app = electron.app
 20 | const Menu = require('./menu')
 21 | const Updater = require('./updater')
 22 | const messages = require('../js/constants/messages')
 23 | const AppActions = require('../js/actions/appActions')
 24 | const SessionStore = require('./sessionStore')
 25 | const AppStore = require('../js/stores/appStore')
 26 | const CrashHerald = require('./crash-herald')
 27 | const PackageLoader = require('./package-loader')
 28 | const Filtering = require('./filtering')
 29 | const TrackingProtection = require('./trackingProtection')
 30 | const AdBlock = require('./adBlock')
 31 | const HttpsEverywhere = require('./httpsEverywhere')
 32 | const SiteHacks = require('./siteHacks')
 33 | const CmdLine = require('./cmdLine')
 34 | 
 35 | let loadAppStatePromise = SessionStore.loadAppState().catch(() => {
 36 |   return SessionStore.defaultAppState()
 37 | })
 38 | 
 39 | // Used to collect the per window state when shutting down the application
 40 | let perWindowState = []
 41 | let sessionStateStoreAttempted = false
 42 | 
 43 | const saveIfAllCollected = () => {
 44 |   if (perWindowState.length === BrowserWindow.getAllWindows().length) {
 45 |     const appState = AppStore.getState().toJS()
 46 |     appState.perWindowState = perWindowState
 47 |     const ignoreCatch = () => {}
 48 | 
 49 |     if (process.env.NODE_ENV !== 'test') {
 50 |       SessionStore.saveAppState(appState).catch(ignoreCatch).then(() => {
 51 |         sessionStateStoreAttempted = true
 52 |         app.quit()
 53 |       })
 54 |     } else {
 55 |       sessionStateStoreAttempted = true
 56 |       app.quit()
 57 |     }
 58 |   }
 59 | }
 60 | 
 61 | app.on('ready', function () {
 62 |   app.on('window-all-closed', function () {
 63 |     // On OS X it is common for applications and their menu bar
 64 |     // to stay active until the user quits explicitly with Cmd + Q
 65 |     if (process.platform !== 'darwin') {
 66 |       setTimeout(app.quit, 0)
 67 |     }
 68 |   })
 69 | 
 70 |   app.on('activate', function () {
 71 |     // (OS X) open a new window when the user clicks on the app icon if there aren't any open
 72 |     if (BrowserWindow.getAllWindows().length === 0) {
 73 |       AppActions.newWindow()
 74 |     }
 75 |   })
 76 | 
 77 |   app.on('before-quit', function (e) {
 78 |     if (sessionStateStoreAttempted || BrowserWindow.getAllWindows().length === 0) {
 79 |       saveIfAllCollected()
 80 |       return
 81 |     }
 82 | 
 83 |     e.preventDefault()
 84 |     BrowserWindow.getAllWindows().forEach(win => win.webContents.send(messages.REQUEST_WINDOW_STATE))
 85 |   })
 86 | 
 87 |   ipcMain.on(messages.RESPONSE_WINDOW_STATE, (wnd, data) => {
 88 |     if (data) {
 89 |       perWindowState.push(data)
 90 |     }
 91 |     saveIfAllCollected()
 92 |   })
 93 | 
 94 |   loadAppStatePromise.then(initialState => {
 95 |     // For tests we always want to load default app state
 96 |     if (process.env.NODE_ENV === 'test') {
 97 |       initialState = SessionStore.defaultAppState()
 98 |     }
 99 | 
100 |     const perWindowState = initialState.perWindowState
101 | 
102 |     delete initialState.perWindowState
103 |     AppActions.setState(Immutable.fromJS(initialState))
104 |     return perWindowState
105 |   }).then(perWindowState => {
106 |     if (!perWindowState || perWindowState.length === 0) {
107 |       if (!CmdLine.newWindowURL) {
108 |         AppActions.newWindow()
109 |       }
110 |     } else {
111 |       perWindowState.forEach(wndState => {
112 |         AppActions.newWindow(undefined, undefined, wndState)
113 |       })
114 |     }
115 |     process.emit(messages.APP_INITIALIZED)
116 | 
117 |     if (CmdLine.newWindowURL) {
118 |       AppActions.newWindow(Immutable.fromJS({
119 |         location: CmdLine.newWindowURL
120 |       }))
121 |     }
122 | 
123 |     ipcMain.on(messages.QUIT_APPLICATION, () => {
124 |       app.quit()
125 |     })
126 | 
127 |     ipcMain.on(messages.UPDATE_APP_MENU, (e, args) => {
128 |       Menu.init(args)
129 |     })
130 | 
131 |     ipcMain.on(messages.CONTEXT_MENU_OPENED, (e, nodeName) => {
132 |       BrowserWindow.getFocusedWindow().webContents.send(messages.CONTEXT_MENU_OPENED, nodeName)
133 |     })
134 |     ipcMain.on(messages.STOP_LOAD, () => {
135 |       BrowserWindow.getFocusedWindow().webContents.send(messages.STOP_LOAD)
136 |     })
137 | 
138 |     Menu.init()
139 | 
140 |     // Load HTTPS Everywhere browser "extension"
141 |     HttpsEverywhere.init()
142 | 
143 |     Filtering.init()
144 |     TrackingProtection.init()
145 |     AdBlock.init()
146 |     SiteHacks.init()
147 | 
148 |     ipcMain.on(messages.UPDATE_REQUESTED, () => {
149 |       Updater.update()
150 |     })
151 | 
152 |     // Setup the crash handling
153 |     CrashHerald.init()
154 | 
155 |     // This loads package.json into an object
156 |     PackageLoader.load((err, pack) => {
157 |       if (err) throw new Error('package.json could not be accessed')
158 | 
159 |       // Setup the auto updater
160 |       Updater.init(process.platform, pack.version)
161 | 
162 |       // This is fired by a menu entry (for now - will be scheduled)
163 |       process.on(messages.CHECK_FOR_UPDATE, () => Updater.checkForUpdate(true))
164 | 
165 |       // This is fired from a auto-update metadata call
166 |       process.on(messages.UPDATE_META_DATA_RETRIEVED, (metadata) => {
167 |         console.log(metadata)
168 |       })
169 |     })
170 |   })
171 | })
172 | 


--------------------------------------------------------------------------------
/app/sessionStore.js:
--------------------------------------------------------------------------------
  1 | /* This Source Code Form is subject to the terms of the Mozilla Public
  2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
  3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
  4 | 
  5 | 'use strict'
  6 | 
  7 | // Session store in Brave works as follows:
  8 | // - Electron sends a ‘before-quit’ event
  9 | // - Brave sends REQUEST_WINDOW_STATE to each renderer process
 10 | // - Each renderer responds with its window state with a RESPONSE_WINDOW_STATE IPC message
 11 | // - When all state is collected save it to a JSON file and close the app
 12 | // - NODE_ENV of ‘test’ bypassing session state or else they all fail.
 13 | 
 14 | const fs = require('fs')
 15 | const path = require('path')
 16 | const app = require('app')
 17 | const sessionStorageVersion = 1
 18 | const sessionStorageName = `session-store-${sessionStorageVersion}`
 19 | const storagePath = path.join(app.getPath('userData'), sessionStorageName)
 20 | 
 21 | /**
 22 |  * Saves the specified immutable browser state to storage.
 23 |  *
 24 |  * @param {object} payload - Applicaiton state as per
 25 |  *   https://github.com/brave/browser/wiki/Application-State
 26 |  *   (not immutable data)
 27 |  * @return a promise which resolves when the state is saved
 28 |  */
 29 | module.exports.saveAppState = (payload) => {
 30 |   return new Promise((resolve, reject) => {
 31 |     // Don't persist private frames
 32 |     if (payload.perWindowState) {
 33 |       payload.perWindowState.forEach(wndPayload =>
 34 |         wndPayload.frames = wndPayload.frames.filter(frame => !frame.isPrivate))
 35 |     }
 36 | 
 37 |     // Always recalculate the update status
 38 |     if (payload.updates) {
 39 |       delete payload.updates.status
 40 |     }
 41 | 
 42 |     // payload.frames = payload.frames.filter(frame => !frame.isPrivate)
 43 |     fs.writeFile(storagePath, JSON.stringify(payload), (err) => {
 44 |       if (err) {
 45 |         reject(err)
 46 |       } else {
 47 |         resolve()
 48 |       }
 49 |     })
 50 |   })
 51 | }
 52 | 
 53 | /**
 54 |  * Cleans session data from unwanted values.
 55 |  */
 56 | module.exports.cleanSessionData = (sessionData) => {
 57 |   if (!sessionData) {
 58 |     sessionData = {}
 59 |   }
 60 |   // Hide the context menu when we restore.
 61 |   sessionData.contextMenuDetail = null
 62 | 
 63 |   // Don't save preview frame since they are only related to hovering on a tab
 64 |   delete sessionData.previewFrameKey
 65 |   sessionData.frames = sessionData.frames || []
 66 |   let newKey = 0
 67 |   const cleanFrame = (frame) => {
 68 |     newKey++
 69 |     // Reset the ids back to sequential numbers
 70 |     if (frame.key === sessionData.activeFrameKey) {
 71 |       sessionData.activeFrameKey = newKey
 72 |     } else {
 73 |       // For now just set everything to unloaded unless it's the active frame
 74 |       frame.unloaded = true
 75 |     }
 76 |     frame.key = newKey
 77 |     // Full history is not saved yet
 78 |     frame.canGoBack = false
 79 |     frame.canGoForward = false
 80 | 
 81 |     // Set the frame src to the last visited location
 82 |     // or else users will see the first visited URL.
 83 |     frame.src = frame.location
 84 | 
 85 |     // If a blob is present for the thumbnail, create the object URL
 86 |     if (frame.thumbnailBlob) {
 87 |       try {
 88 |         frame.thumbnailUrl = window.URL.createObjectURL(frame.thumbnailBlob)
 89 |       } catch (e) {
 90 |         delete frame.thumbnailUrl
 91 |       }
 92 |     }
 93 | 
 94 |     // Delete lists of blocked sites
 95 |     delete frame.replacedAds
 96 |     delete frame.blockedAds
 97 |     delete frame.blockedByTracking
 98 | 
 99 |     // Do not show the audio indicator until audio starts playing
100 |     delete frame.audioMuted
101 |     delete frame.audioPlaybackActive
102 |     // Let's not assume wknow anything about loading
103 |     delete frame.loading
104 |     // Always re-determine the security data
105 |     delete frame.security
106 |     // Value is only used for local storage
107 |     delete frame.isActive
108 |     // Hide modal prompts.
109 |     delete frame.modalPromptDetail
110 |     // Remove HTTP basic authentication requests.
111 |     delete frame.basicAuthDetail
112 |     // Remove open search details
113 |     delete frame.searchDetail
114 |     // Remove find in page details
115 |     delete frame.findDetail
116 |     // Don't store child tab open ordering since keys
117 |     // currently get re-generated when session store is
118 |     // restored.  We will be able to keep this once we
119 |     // don't regenerate new frame keys when opening storage.
120 |     delete frame.parentFrameKey
121 |   }
122 | 
123 |   // Clean closed frame data before frames because the keys are re-ordered
124 |   // and the new next key is calculated in windowStore.js based on
125 |   // the max frame key ID.
126 |   if (sessionData.closedFrames) {
127 |     sessionData.closedFrames.forEach(cleanFrame)
128 |   }
129 |   if (sessionData.frames) {
130 |     sessionData.frames.forEach(cleanFrame)
131 |   }
132 | }
133 | 
134 | /**
135 |  * Loads the browser state from storage.
136 |  *
137 |  * @return a promise which resolves with the immutable browser state or
138 |  * rejects if the state cannot be loaded.
139 |  */
140 | module.exports.loadAppState = () => {
141 |   return new Promise((resolve, reject) => {
142 |     fs.readFile(storagePath, (err, data) => {
143 |       if (err || !data) {
144 |         reject(err)
145 |         return
146 |       }
147 | 
148 |       try {
149 |         data = JSON.parse(data)
150 |       } catch (e) {
151 |         // TODO: Session state is corrupted, maybe we should backup this
152 |         // corrupted value for people to report into support.
153 |         console.log('could not parse data: ', data)
154 |         reject(e)
155 |         return
156 |       }
157 |       if (data.perWindowState) {
158 |         data.perWindowState.forEach(module.exports.cleanSessionData)
159 |       }
160 |       resolve(data)
161 |     })
162 |   })
163 | }
164 | 
165 | /**
166 |  * Obtains the default application level state
167 |  */
168 | module.exports.defaultAppState = () => {
169 |   return {
170 |     windows: [],
171 |     sites: [],
172 |     visits: []
173 |   }
174 | }
175 | 


--------------------------------------------------------------------------------
/test/lib/brave.js:
--------------------------------------------------------------------------------
  1 | var Application = require('spectron').Application
  2 | var chai = require('chai')
  3 | require('./coMocha')
  4 | 
  5 | var chaiAsPromised = require('chai-as-promised')
  6 | chai.should()
  7 | chai.use(chaiAsPromised)
  8 | 
  9 | const Server = require('./server')
 10 | 
 11 | var promiseMapSeries = function (array, iterator) {
 12 |   var length = array.length
 13 |   var current = Promise.resolve()
 14 |   var results = new Array(length)
 15 | 
 16 |   for (var i = 0; i < length; ++i) {
 17 |     current = results[i] = current.then(function (i) {
 18 |       return iterator(array[i])
 19 |     }.bind(undefined, i))
 20 |   }
 21 |   return Promise.all(results)
 22 | }
 23 | 
 24 | var exports = {
 25 | 
 26 |   keys: {
 27 |     CONTROL: '\ue009',
 28 |     ESCAPE: '\ue00c',
 29 |     RETURN: '\ue006',
 30 |     SHIFT: '\ue008'
 31 |   },
 32 | 
 33 |   beforeAll: function (context) {
 34 |     context.timeout(10000)
 35 | 
 36 |     context.beforeAll(function () {
 37 |       return exports.startApp.call(this)
 38 |     })
 39 | 
 40 |     // define ipc send/on
 41 |     context.beforeAll(function () {
 42 |       exports.addCommands.call(this)
 43 |     })
 44 | 
 45 |     context.beforeAll(function (done) {
 46 |       Server.create(`${__dirname}/../fixtures/`, (err, _server) => {
 47 |         if (err) {
 48 |           console.log(err.stack)
 49 |         }
 50 |         exports.server = _server
 51 |         done()
 52 |       })
 53 |     })
 54 | 
 55 |     context.beforeEach(function () {
 56 |       chaiAsPromised.transferPromiseness = this.app.client.transferPromiseness
 57 |     })
 58 | 
 59 |     context.afterAll(function () {
 60 |       exports.server.stop()
 61 |     })
 62 | 
 63 |     context.afterAll(function () {
 64 |       return exports.stopApp.call(this)
 65 |     })
 66 |   },
 67 | 
 68 |   beforeEach: function (context) {
 69 |     context.timeout(10000)
 70 | 
 71 |     context.beforeEach(function () {
 72 |       return exports.startApp.call(this)
 73 |     })
 74 | 
 75 |     // define ipc send/on
 76 |     context.beforeEach(function () {
 77 |       exports.addCommands.call(this)
 78 |     })
 79 | 
 80 |     context.beforeEach(function () {
 81 |       chaiAsPromised.transferPromiseness = this.app.client.transferPromiseness
 82 |     })
 83 | 
 84 |     context.afterEach(function () {
 85 |       return exports.stopApp.call(this)
 86 |     })
 87 |   },
 88 | 
 89 |   addCommands: function () {
 90 |     this.app.client.addCommand('ipcSend', function (message, ...param) {
 91 |       return this.execute(function (message, ...param) {
 92 |         return require('electron').remote.getCurrentWindow().webContents.send(message, ...param)
 93 |       }, message, ...param).then((response) => response.value)
 94 |     })
 95 | 
 96 |     this.app.client.addCommand('ipcOn', function (message, fn) {
 97 |       return this.execute(function (message, fn) {
 98 |         return require('electron').remote.getCurrentWindow().webContents.on(message, fn)
 99 |       }, message, fn).then((response) => response.value)
100 |     })
101 | 
102 |     this.app.client.addCommand('newWindowAction', function (frameOpts, browserOpts) {
103 |       return this.execute(function () {
104 |         return require('../js/actions/appActions').newWindow()
105 |       }, frameOpts, browserOpts).then((response) => response.value)
106 |     })
107 | 
108 |     this.app.client.addCommand('getDefaultWindowHeight', function () {
109 |       return this.execute(function () {
110 |         let screen = require('electron').screen
111 |         let primaryDisplay = screen.getPrimaryDisplay()
112 |         return Math.floor(primaryDisplay.bounds.height / 2)
113 |       }).then((response) => response.value)
114 |     })
115 | 
116 |     this.app.client.addCommand('getDefaultWindowWidth', function () {
117 |       return this.execute(function () {
118 |         let screen = require('electron').screen
119 |         let primaryDisplay = screen.getPrimaryDisplay()
120 |         return Math.floor(primaryDisplay.bounds.width / 2)
121 |       }).then((response) => response.value)
122 |     })
123 | 
124 |     this.app.client.addCommand('getPrimaryDisplayHeight', function () {
125 |       return this.execute(function () {
126 |         let screen = require('electron').screen
127 |         return screen.getPrimaryDisplay().bounds.height
128 |       }).then((response) => response.value)
129 |     })
130 | 
131 |     this.app.client.addCommand('getPrimaryDisplayWidth', function () {
132 |       return this.execute(function () {
133 |         let screen = require('electron').screen
134 |         return screen.getPrimaryDisplay().bounds.width
135 |       }).then((response) => response.value)
136 |     })
137 | 
138 |     this.app.client.addCommand('resizeWindow', function (width, height) {
139 |       return this.execute(function (width, height) {
140 |         return require('electron').remote.getCurrentWindow().setSize(width, height)
141 |       }, width, height).then((response) => response.value)
142 |     })
143 | 
144 |     this.app.client.addCommand('windowParentByUrl', function (url, childSelector = 'webview') {
145 |       var context = this
146 |       return this.windowHandles().then(response => response.value).then(function (handles) {
147 |         return promiseMapSeries(handles, function (handle) {
148 |           return context.window(handle).getAttribute(childSelector, 'src').catch(() => '')
149 |         })
150 |       }).then(function (response) {
151 |         let index = response.indexOf(url)
152 |         if (index !== -1) {
153 |           return context.windowByIndex(index)
154 |         } else {
155 |           return undefined
156 |         }
157 |       })
158 |     })
159 | 
160 |     this.app.client.addCommand('windowByUrl', function (url) {
161 |       var context = this
162 |       return this.windowHandles().then(response => response.value).then(function (handles) {
163 |         return promiseMapSeries(handles, function (handle) {
164 |           return context.window(handle).getUrl()
165 |         })
166 |       }).then(function (response) {
167 |         let index = response.indexOf(url)
168 |         if (index !== -1) {
169 |           return context.windowByIndex(index)
170 |         } else {
171 |           return undefined
172 |         }
173 |       })
174 |     })
175 |   },
176 | 
177 |   startApp: function () {
178 |     this.app = new Application({
179 |       path: './node_modules/.bin/electron',
180 |       args: ['./']
181 |     })
182 |     return this.app.start()
183 |   },
184 | 
185 |   stopApp: function () {
186 |     if (this.app && this.app.isRunning()) {
187 |       return this.app.stop()
188 |     }
189 |   }
190 | }
191 | 
192 | module.exports = exports
193 | 


--------------------------------------------------------------------------------
/app/dataFile.js:
--------------------------------------------------------------------------------
  1 | /* This Source Code Form is subject to the terms of the Mozilla Public
  2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
  3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
  4 | 
  5 | 'use strict'
  6 | 
  7 | const request = require('request')
  8 | const fs = require('fs')
  9 | const path = require('path')
 10 | const urlParse = require('url').parse
 11 | const app = require('electron').app
 12 | const AppConfig = require('../js/constants/appConfig')
 13 | const AppActions = require('../js/actions/appActions')
 14 | const cachedDataFiles = {}
 15 | 
 16 | const storagePath = (url) =>
 17 |   path.join(app.getPath('userData'), path.basename(urlParse(url).pathname))
 18 | const downloadPath = (url) => `${storagePath(url)}.temp`
 19 | 
 20 | function downloadSingleFile (resourceName, url, version, force, resolve, reject) {
 21 |   // console.log('downloading', url)
 22 |   let headers = {}
 23 |   const AppStore = require('../js/stores/appStore')
 24 |   const etag = AppStore.getState().getIn([resourceName, 'etag'])
 25 |   if (!force && etag) {
 26 |     headers = {
 27 |       'If-None-Match': etag
 28 |     }
 29 |   }
 30 | 
 31 |   // console.log('doing a request.get', resourceName)
 32 |   var req = request.get({
 33 |     url,
 34 |     headers
 35 |   }).on('response', function (response) {
 36 |     // console.log('response...', resourceName)
 37 |     AppActions.setResourceLastCheck(resourceName, version, new Date().getTime())
 38 |     if (response.statusCode !== 200) {
 39 |       // console.log(resourceName, 'status code: ', response.statusCode)
 40 |       reject('Got HTTP status code ' + response.statusCode)
 41 |       return
 42 |     }
 43 |     const etag = response.headers['etag']
 44 |     AppActions.setResourceETag(resourceName, etag)
 45 | 
 46 |     // console.log('setting dwonloadPath...', resourceName)
 47 |     req.pipe(fs.createWriteStream(downloadPath(url)).on('close', function () {
 48 |       fs.rename(downloadPath(url), storagePath(url), function (err) {
 49 |         if (err) {
 50 |           // console.log('rjecting for download:', resourceName)
 51 |           reject('could not rename downloaded file')
 52 |         } else {
 53 |           // console.log('resolving for download:', resourceName)
 54 |           resolve()
 55 |         }
 56 |       })
 57 |     })).on('error', reject)
 58 |   }).on('error', () => {
 59 |     reject()
 60 |   })
 61 | }
 62 | 
 63 | module.exports.downloadDataFile = (resourceName, url, version, force) => {
 64 |   if (resourceName === 'httpsEverywhere') {
 65 |     return new Promise((resolve, reject) => {
 66 |       downloadSingleFile(resourceName, url, version, force, () => {
 67 |         var targets = AppConfig[resourceName].targetsUrl.replace('{version}', version)
 68 |         downloadSingleFile(resourceName, targets, version, force, resolve, reject)
 69 |       }, reject)
 70 |     })
 71 |   } else {
 72 |     return new Promise((resolve, reject) => {
 73 |       downloadSingleFile(resourceName, url, version, force, resolve, reject)
 74 |     })
 75 |   }
 76 | }
 77 | 
 78 | module.exports.readDataFile = (resourceName, url) => {
 79 |   if (resourceName === 'httpsEverywhere') {
 80 |     // If https everywhere, just return the path to the files on disk
 81 |     return new Promise((resolve, reject) => {
 82 |       fs.stat(storagePath(url), function (err, stats) {
 83 |         if (err || !stats.isFile()) {
 84 |           reject()
 85 |         } else {
 86 |           resolve(app.getPath('userData'))
 87 |         }
 88 |       })
 89 |     })
 90 |   } else {
 91 |     return new Promise((resolve, reject) => {
 92 |       fs.readFile(storagePath(url), function (err, data) {
 93 |         if (err || !data || data.length === 0) {
 94 |           // console.log('rejecting for read for resource:', resourceName)
 95 |           reject()
 96 |         } else {
 97 |           // console.log('resolving for read for resource:', resourceName)
 98 |           resolve(data)
 99 |         }
100 |       })
101 |     })
102 |   }
103 | }
104 | 
105 | module.exports.shouldRedownloadFirst = (resourceName, version) => {
106 |   const AppStore = require('../js/stores/appStore')
107 |   const lastCheckDate = AppStore.getState().getIn([resourceName, 'lastCheckDate'])
108 |   const lastCheckVersion = AppStore.getState().getIn([resourceName, 'lastCheckVersion'])
109 |   return lastCheckVersion !== version ||
110 |     lastCheckDate && (new Date().getTime() - lastCheckDate) > AppConfig[resourceName].msBetweenRechecks
111 | }
112 | 
113 | /**
114 |  * @param {string} resourceName Name of the "extension".
115 |  * @param {function(BrowserWindow)} startExtension Function that starts the
116 |  *   extension listeners.
117 |  * @param {function(Buffer|string)} onInitDone function to call when data is downloaded.
118 |  *   Takes either the data itself as an argument or the pathname on disk of the
119 |  *   directory where the data was downloaded.
120 |  */
121 | module.exports.init = (resourceName, startExtension, onInitDone) => {
122 |   const version = AppConfig[resourceName].version
123 |   const url = AppConfig[resourceName].url.replace('{version}', version)
124 | 
125 |   if (!AppConfig[resourceName].enabled) {
126 |     return
127 |   }
128 | 
129 |   const doneInit = data => {
130 |     // Make sure we keep a reference to the data since
131 |     // it's used directly
132 |     // console.log('done init:', resourceName)
133 |     cachedDataFiles[resourceName] = data
134 |     onInitDone(data)
135 |     startExtension()
136 |   }
137 | 
138 |   const loadProcess = (resourceName, version) =>
139 |     module.exports.readDataFile(resourceName, url)
140 |     .then(doneInit)
141 |     .catch(() => {
142 |       module.exports.downloadDataFile(resourceName, url, version, true)
143 |       .then(module.exports.readDataFile.bind(null, resourceName, url))
144 |       .then(doneInit)
145 |       .catch((err) => {
146 |         console.log(`Could not init ${resourceName}`, err || '')
147 |       })
148 |     })
149 | 
150 |   if (module.exports.shouldRedownloadFirst(resourceName, version)) {
151 |     module.exports.downloadDataFile(resourceName, url, version, false)
152 |       .then(loadProcess.bind(null, resourceName, version))
153 |       .catch(loadProcess.bind(null, resourceName, version))
154 |   } else {
155 |     loadProcess(resourceName, version)
156 |   }
157 | }
158 | 
159 | module.exports.debug = (resourceName, details, shouldBlock) => {
160 |   if (!shouldBlock) {
161 |     return
162 |   }
163 |   /*
164 |   console.log('-----')
165 |   console.log(`${resourceName} should block: `, shouldBlock)
166 |   console.log(details.url)
167 |   console.log(details.firstPartyUrl)
168 |   console.log(details.resourceType)
169 |   */
170 | }
171 | 


--------------------------------------------------------------------------------
/js/contextMenus.js:
--------------------------------------------------------------------------------
  1 | /* This Source Code Form is subject to the terms of the Mozilla Public
  2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
  3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
  4 | 
  5 | const remote = require('remote')
  6 | const Menu = remote.require('menu')
  7 | const messages = require('./constants/messages')
  8 | const WindowActions = require('./actions/windowActions')
  9 | const AppActions = require('./actions/appActions')
 10 | const SiteTags = require('./constants/siteTags')
 11 | 
 12 | function tabPageTemplateInit (framePropsList) {
 13 |   const muteAll = (framePropsList, mute) => {
 14 |     framePropsList.forEach(frameProps => {
 15 |       if (mute && frameProps.get('audioPlaybackActive') && !frameProps.get('audioMuted')) {
 16 |         WindowActions.setAudioMuted(frameProps, true)
 17 |       } else if (!mute && frameProps.get('audioMuted')) {
 18 |         WindowActions.setAudioMuted(frameProps, false)
 19 |       }
 20 |     })
 21 |   }
 22 |   return [{
 23 |     label: 'Unmute tabs',
 24 |     click: (item, focusedWindow) => {
 25 |       muteAll(framePropsList, false)
 26 |     }
 27 |   }, {
 28 |     label: 'Mute tabs',
 29 |     click: (item, focusedWindow) => {
 30 |       muteAll(framePropsList, true)
 31 |     }
 32 |   }]
 33 | }
 34 | 
 35 | function tabTemplateInit (frameProps) {
 36 |   const tabKey = frameProps.get('key')
 37 |   const items = []
 38 |   items.push({
 39 |     label: 'Reload tab',
 40 |     click: (item, focusedWindow) => {
 41 |       if (focusedWindow) {
 42 |         focusedWindow.webContents.send(messages.SHORTCUT_FRAME_RELOAD, tabKey)
 43 |       }
 44 |     }
 45 |   })
 46 | 
 47 |   if (frameProps.get('isPinned')) {
 48 |     items.push({
 49 |       label: 'Unpin tab',
 50 |       click: (item) => {
 51 |         // Handle converting the current tab window into a pinned site
 52 |         WindowActions.setPinned(frameProps, false)
 53 |         // Handle setting it in app storage for the other windows
 54 |         AppActions.removeSite(frameProps, SiteTags.PINNED)
 55 |       }
 56 |     })
 57 |   } else {
 58 |     items.push({
 59 |       label: 'Pin tab',
 60 |       click: (item) => {
 61 |         // Handle converting the current tab window into a pinned site
 62 |         WindowActions.setPinned(frameProps, true)
 63 |         // Handle setting it in app storage for the other windows
 64 |         AppActions.addSite(frameProps, SiteTags.PINNED)
 65 |       }
 66 |     })
 67 |   }
 68 | 
 69 |   if (frameProps.get('audioPlaybackActive')) {
 70 |     if (frameProps.get('audioMuted')) {
 71 |       items.push({
 72 |         label: 'Unmute tab',
 73 |         click: item => {
 74 |           WindowActions.setAudioMuted(frameProps, false)
 75 |         }
 76 |       })
 77 |     } else {
 78 |       items.push({
 79 |         label: 'Mute tab',
 80 |         click: item => {
 81 |           WindowActions.setAudioMuted(frameProps, true)
 82 |         }
 83 |       })
 84 |     }
 85 |   }
 86 | 
 87 |   Array.prototype.push.apply(items, [{
 88 |     label: 'Disable tracking protection',
 89 |     enabled: false
 90 |   }, {
 91 |     label: 'Disable ad block',
 92 |     enabled: false
 93 |   }])
 94 | 
 95 |   if (!frameProps.get('isPinned')) {
 96 |     items.push({
 97 |       label: 'Close tab',
 98 |       click: (item, focusedWindow) => {
 99 |         if (focusedWindow) {
100 |           // TODO: Don't switch active tabs when this is called
101 |           focusedWindow.webContents.send(messages.SHORTCUT_CLOSE_FRAME, tabKey)
102 |         }
103 |       }
104 |     })
105 |   }
106 | 
107 |   return items
108 | }
109 | 
110 | function mainTemplateInit (nodeProps) {
111 |   let template = [
112 |     {
113 |       label: 'Reload',
114 |       click: (item, focusedWindow) => {
115 |         if (focusedWindow) {
116 |           focusedWindow.webContents.send(messages.SHORTCUT_ACTIVE_FRAME_RELOAD)
117 |         }
118 |       }
119 |     }, {
120 |       label: 'View Page Source',
121 |       click: (item, focusedWindow) => {
122 |         if (focusedWindow) {
123 |           focusedWindow.webContents.send(messages.SHORTCUT_ACTIVE_FRAME_VIEW_SOURCE)
124 |         }
125 |       }
126 |     }, {
127 |       label: 'Add bookmark',
128 |       enabled: false
129 |     }, {
130 |       label: 'Add to reading list',
131 |       enabled: false
132 |     }
133 |   ]
134 |   let nodeName = nodeProps.name
135 |   switch (nodeName) {
136 |     case 'A':
137 |       template.push({
138 |         label: 'Open in new tab',
139 |         click: (item, focusedWindow) => {
140 |           if (focusedWindow && nodeProps.src) {
141 |             // TODO: open this in the next tab instead of last tab
142 |             // TODO: If the tab is private, this should probably be private.
143 |             // Depends on #139
144 |             focusedWindow.webContents.send(messages.SHORTCUT_NEW_FRAME, nodeProps.src)
145 |           }
146 |         }
147 |       })
148 |       template.push({
149 |         label: 'Open in new private tab',
150 |         click: (item, focusedWindow) => {
151 |           if (focusedWindow && nodeProps.src) {
152 |             // TODO: open this in the next tab instead of last tab
153 |             focusedWindow.webContents.send(messages.SHORTCUT_NEW_FRAME, nodeProps.src, true)
154 |           }
155 |         }
156 |       })
157 |       break
158 |     case 'IMG':
159 |       template.push({
160 |         label: 'Save image...',
161 |         click: (item, focusedWindow) => {
162 |           if (focusedWindow && nodeProps.src) {
163 |             focusedWindow.webContents.downloadURL(nodeProps.src)
164 |           }
165 |         }
166 |       })
167 |       template.push({
168 |         label: 'Open image in new tab',
169 |         click: (item, focusedWindow) => {
170 |           if (focusedWindow && nodeProps.src) {
171 |             // TODO: open this in the next tab instead of last tab
172 |             focusedWindow.webContents.send(messages.SHORTCUT_NEW_FRAME, nodeProps.src)
173 |           }
174 |         }
175 |       })
176 |       break
177 |   }
178 |   return template
179 | }
180 | 
181 | export function onMainContextMenu (nodeProps) {
182 |   const mainMenu = Menu.buildFromTemplate(mainTemplateInit(nodeProps))
183 |   mainMenu.popup(remote.getCurrentWindow())
184 | }
185 | 
186 | export function onTabContextMenu (frameProps, e) {
187 |   e.preventDefault()
188 |   const tabMenu = Menu.buildFromTemplate(tabTemplateInit(frameProps))
189 |   tabMenu.popup(remote.getCurrentWindow())
190 | }
191 | 
192 | export function onTabPageContextMenu (framePropsList, e) {
193 |   e.preventDefault()
194 |   const tabPageMenu = Menu.buildFromTemplate(tabPageTemplateInit(framePropsList))
195 |   tabPageMenu.popup(remote.getCurrentWindow())
196 | }
197 | 


--------------------------------------------------------------------------------
/less/tabs.less:
--------------------------------------------------------------------------------
  1 | /* This Source Code Form is subject to the terms of the Mozilla Public
  2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
  3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
  4 | 
  5 | @import "variables.less";
  6 | 
  7 | .tabs {
  8 |   background: @tabsBackground;
  9 |   box-sizing: border-box;
 10 |   display: flex;
 11 |   flex: 1;
 12 |   padding: 0 4px 0 6px;
 13 |   height: 26px;
 14 |   position: relative;
 15 |   white-space: nowrap;
 16 |   z-index: 310;
 17 | }
 18 | 
 19 | .tabContainer {
 20 |   display: flex;
 21 |   flex: 1;
 22 |   z-index: 2;
 23 | 
 24 |   .browserButton {
 25 |     height: 26px;
 26 |     line-height: 26px;
 27 |   }
 28 | }
 29 | 
 30 | .tab {
 31 |   border-radius: 10px;
 32 |   border-top-left-radius: @tabBorderRadius;
 33 |   border-top-right-radius: @tabBorderRadius;
 34 |   border-width: 1px 1px 0;
 35 |   box-sizing: border-box;
 36 |   color: #3B3B3B;
 37 |   display: flex;
 38 |   height: 20px;
 39 |   margin: 0;
 40 |   position: relative;
 41 |   transition: transform 200ms ease;
 42 |   left: 0;
 43 |   opacity: 1.0;
 44 |   padding: 0;
 45 |   width: 100%;
 46 |   -moz-window-dragging: no-drag;
 47 | 
 48 |   &:not(.isPinned) {
 49 |     background: linear-gradient(to bottom, #BEBFC2, #AFB0B4);
 50 |   }
 51 | 
 52 |   .tabTitle {
 53 |     -webkit-user-select: none;
 54 |     box-sizing: border-box;
 55 |     display: inline-block;
 56 |     font-size: 11px;
 57 |     margin: auto 0;
 58 |     overflow: hidden;
 59 |     text-overflow: ellipsis;
 60 |     white-space: nowrap;
 61 |     vertical-align: middle;
 62 |     width: calc(~'100% - 26px');
 63 |   }
 64 |   .tabIcon {
 65 |     background-position: center;
 66 |     background-repeat: no-repeat;
 67 |     display: inline-block;
 68 |     font-size: 12px;
 69 |     margin: auto 9px;
 70 |     position: relative;
 71 |     vertical-align: middle;
 72 |   }
 73 | 
 74 |   .privateIcon {
 75 |     background-position: center;
 76 |     background-repeat: no-repeat;
 77 |     display: inline-block;
 78 |     font-size: 14px;
 79 |     margin: auto 0px auto 9px;
 80 |     position: relative;
 81 |     vertical-align: middle;
 82 |   }
 83 | 
 84 | 
 85 |   .audioPlaybackActive {
 86 |     margin: auto 4px auto 0;
 87 |     color: @audioColor;
 88 |   }
 89 | 
 90 |   .thumbnail {
 91 |     display: none;
 92 |     position: absolute;
 93 |     top: 32px;
 94 |     left: 0;
 95 |     border: 1px solid #000;
 96 |     padding: 10px;
 97 |     background: #fff;
 98 |     pointer-events: none;
 99 |     z-index: 312;
100 |   }
101 | 
102 |   &.active {
103 |     background: @activeTabDefaultColor;
104 |     border-bottom-left-radius: 0;
105 |     border-bottom-right-radius: 0;
106 |     height: 26px;
107 |   }
108 | 
109 |   &.private {
110 |     background: @privateTabBackground;
111 |     color: #fff;
112 |     &:not(.active) {
113 |       background: lighten(@privateTabBackground, 40%);
114 |     }
115 |   }
116 | 
117 |   &:hover {
118 |     .closeTab {
119 |       opacity: 1;
120 |     }
121 | 
122 |     .thumbnail {
123 |       display: block;
124 |     }
125 |   }
126 | 
127 |   &:not(.active):hover {
128 |     background: linear-gradient(to bottom, #DFDFDF, #AFB0B4);
129 |     &.private {
130 |       background: lighten(@privateTabBackground, 20%);
131 |     }
132 |   }
133 | 
134 |   &.dragging {
135 |     &:hover {
136 |       .closeTab {
137 |         opacity: 0;
138 |       }
139 |     }
140 |   }
141 | 
142 |   .closeTab {
143 |     opacity: 0;
144 |     margin: auto 0;
145 |     position: absolute;
146 |     right: 0px;
147 |     text-align: center;
148 |     top: 2px;
149 |     width: 24px;
150 | 
151 |     &:hover {
152 |       opacity: 1;
153 |     }
154 | 
155 |     border: 0px solid white;
156 |     border-radius: 50%;
157 |     z-index: 3;
158 |   }
159 | }
160 | 
161 | .tabArea {
162 |   box-sizing: border-box;
163 |   display: inline-block;
164 |   padding: 0 2px 0 0;
165 |   position: relative;
166 |   vertical-align: top;
167 |   // There's a special case that tabs should span the full width
168 |   // if there are a full set of them.
169 |   &:not(.partOfFullPageSet) {
170 |     max-width: 184px;
171 |   }
172 | 
173 |   &:not(.isPinned) {
174 |     flex: 1;
175 |   }
176 | 
177 |   hr.dragIndicator {
178 |     position: absolute;
179 |     top: 0;
180 |     left: -1px;
181 |     z-index: 100;
182 |     height: 100%;
183 |     width: 1px;
184 | 
185 |     &.dragIndicatorEnd {
186 |       bottom: -5px;
187 |       top: 0;
188 |       right: -3px;
189 |       left: unset;
190 |     }
191 | 
192 |     display: none;
193 |     &.dragActive {
194 |       display: block;
195 |       color: @highlightBlue;
196 |     }
197 |   }
198 | }
199 | 
200 | .tabsToolbar {
201 |   background: @tabsBackground;
202 |   display: flex;
203 |   height: 26px;
204 | }
205 | 
206 | .tabsToolbarButtons {
207 |   background: @tabsBackground;
208 |   padding-right: 5px;
209 |   .browserButton {
210 |     display: inline-block;
211 |     line-height: initial;
212 |   }
213 | }
214 | 
215 | .tabPages {
216 |   background: @tabsBackground;
217 |   border-top: 1px solid gray;
218 |   display: flex;
219 |   height: 14px;
220 |   justify-content: center;
221 |   position: relative;
222 |   text-align: center;
223 |   z-index: 12;
224 | }
225 | 
226 | .tabPage {
227 |   align-items: center;
228 |   background-color: @chromeControlsBackground2;
229 |   border-radius: 9px;
230 |   box-sizing: border-box;
231 |   display: inline-block;
232 |   margin: auto 2.5px;
233 |   height: 6px;
234 |   width: 34px;
235 |   vertical-align: middle;
236 | 
237 |   &:hover {
238 |     background-color: lighten(@chromeControlsBackground2, 10%);
239 |   }
240 | 
241 |   &.audioPlaybackActive {
242 |     border: 1px solid @audioColor;
243 |   }
244 | 
245 |   &.active {
246 |     background-color: #eeeeee;
247 |   }
248 | }
249 | 
250 | .prevTab, .nextTab {
251 |   color: #3B3B3B;
252 |   font-size: 24px !important;
253 |   height: 20px;
254 |   line-height: 20px !important;
255 |   opacity: 0.5;
256 |   vertical-align: top;
257 |   width: 50px;
258 |   &:not([disabled]) {
259 |     background: #eeeeee;
260 |     opacity: 1;
261 |     &:hover {
262 |       background: lighten(#eeeeee, 10%);
263 |     }
264 |   }
265 | }
266 | 
267 | .prevTab {
268 |   background: linear-gradient(to right, @chromeControlsBackground2, @tabsBackground);
269 |   border-bottom-left-radius: 9px;
270 |   border-top-left-radius: 9px;
271 |   padding-left: 10px;
272 |   text-align: left;
273 |   transform: translateX(10px);
274 | }
275 | 
276 | .nextTab {
277 |   background: linear-gradient(to left, #afb0b4, #cccccc);
278 |   border-bottom-right-radius: 9px;
279 |   border-top-right-radius: 9px;
280 |   float: right;
281 |   padding-right: 10px;
282 |   text-align: right;
283 |   transform: translateX(-20px);
284 | }
285 | 
286 | .pinnedTabs {
287 |   margin-left: 9px;
288 | }
289 | 


--------------------------------------------------------------------------------
/app/content/webviewPreload.js:
--------------------------------------------------------------------------------
  1 | /* This Source Code Form is subject to the terms of the Mozilla Public
  2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
  3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
  4 | 
  5 | var webFrame = require('electron').webFrame
  6 | var ipc = require('electron').ipcRenderer
  7 | var messages = require('../../js/constants/messages')
  8 | var KeyCodes = require('../../js/constants/keyCodes')
  9 | 
 10 | var browserZoomLevel = 0
 11 | var browserMaxZoom = 9
 12 | var browserMinZoom = -8
 13 | 
 14 | ipc.on(messages.ZOOM_IN, function () {
 15 |   if (browserMaxZoom > browserZoomLevel) {
 16 |     browserZoomLevel += 1
 17 |   }
 18 |   webFrame.setZoomLevel(browserZoomLevel)
 19 | })
 20 | 
 21 | ipc.on(messages.ZOOM_OUT, function () {
 22 |   if (browserMinZoom < browserZoomLevel) {
 23 |     browserZoomLevel -= 1
 24 |   }
 25 |   webFrame.setZoomLevel(browserZoomLevel)
 26 | })
 27 | 
 28 | ipc.on(messages.ZOOM_RESET, function () {
 29 |   browserZoomLevel = 0
 30 |   webFrame.setZoomLevel(browserZoomLevel)
 31 | })
 32 | 
 33 | ipc.on(messages.PRINT_PAGE, function () {
 34 |   window.print()
 35 | })
 36 | 
 37 | /**
 38 |  * Ensures a node replacement div is visible and has a proper zIndex
 39 |  */
 40 | function ensureNodeVisible (node) {
 41 |   if (document.defaultView.getComputedStyle(node).display === 'none') {
 42 |     node.style.display = ''
 43 |   }
 44 |   if (document.defaultView.getComputedStyle(node).zIndex === '-1') {
 45 |     node.style.zIndex = ''
 46 |   }
 47 | }
 48 | 
 49 | /**
 50 |  * Determines the ad size which should be shown
 51 |  * It will first check the node's size and try to infer that way.
 52 |  * If that is not possible it will rely on the iframeData
 53 |  *
 54 |  * @param node The node that is being replaced
 55 |  * @param iframeData The known preprocessed iframeData for that node
 56 |  */
 57 | function getAdSize (node, iframeData) {
 58 |   var acceptableAdSizes = [
 59 |     [970, 250],
 60 |     [970, 90],
 61 |     [728, 90],
 62 |     [300, 250],
 63 |     [300, 600],
 64 |     [160, 600],
 65 |     [120, 600],
 66 |     [320, 50]
 67 |   ]
 68 |   for (var i = 0; i < acceptableAdSizes.length; i++) {
 69 |     var adSize = acceptableAdSizes[i]
 70 |     if (node.offsetWidth === adSize[0] && node.offsetHeight >= adSize[1] ||
 71 |         node.offsetWidth >= adSize[0] && node.offsetHeight === adSize[1]) {
 72 |       return adSize
 73 |     }
 74 |   }
 75 | 
 76 |   if (iframeData) {
 77 |     return [iframeData.width || iframeData.w, iframeData.height || iframeData.h]
 78 |   }
 79 | 
 80 |   return null
 81 | }
 82 | 
 83 | /**
 84 |  * Processes a single node which is an ad
 85 |  *
 86 |  * @param node The node of the ad to process
 87 |  * @param iframeData The iframe data of the node to process from the slimerJS bot
 88 |  * @param replacementUrl The vault replacement url
 89 |  */
 90 | function processAdNode (node, iframeData, replacementUrl) {
 91 |   if (!node) {
 92 |     return
 93 |   }
 94 | 
 95 |   var adSize = getAdSize(node, iframeData)
 96 |   // Could not determine the ad size, so just skip this replacement
 97 |   if (!adSize) {
 98 |     // we have a replace node node but no replacement, so just display none on it
 99 |     node.style.display = 'none'
100 |     return
101 |   }
102 | 
103 |   // generate a random segment
104 |   // @todo - replace with renko targeting
105 |   var segments = ['IAB2', 'IAB17', 'IAB14', 'IAB21', 'IAB20']
106 |   var segment = segments[Math.floor(Math.random() * 4)]
107 |   var time_in_segment = new Date().getSeconds()
108 |   var segment_expiration_time = 0 // no expiration
109 | 
110 |   // ref param for referrer when possible
111 |   var srcUrl = replacementUrl + '?width=' + adSize[0] + '&height=' + adSize[1] + '&seg=' + segment + ':' + time_in_segment + ':' + segment_expiration_time
112 |   var src = '<html><body style="width: ' + adSize[0] + 'px; height: ' + adSize[1] + '; padding: 0; margin: 0; overflow: hidden;"><script src="' + srcUrl + '"></script></body></html>'
113 | 
114 |   if (node.tagName === 'IFRAME') {
115 |     node.srcdoc = src
116 |   } else {
117 |     while (node.firstChild) {
118 |       node.removeChild(node.firstChild)
119 |     }
120 |     var iframe = document.createElement('iframe')
121 |     iframe.style.padding = 0
122 |     iframe.style.border = 0
123 |     iframe.style.margin = 0
124 |     iframe.style.width = adSize[0] + 'px'
125 |     iframe.style.height = adSize[1] + 'px'
126 |     iframe.srcdoc = src
127 |     node.appendChild(iframe)
128 |     ensureNodeVisible(node)
129 |     if (node.parentNode) {
130 |       ensureNodeVisible(node.parentNode)
131 |       if (node.parentNode) {
132 |         ensureNodeVisible(node.parentNode.parentNode)
133 |       }
134 |     }
135 |   }
136 | }
137 | 
138 | // Fires when the browser has ad replacement information to give
139 | ipc.on(messages.SET_AD_DIV_CANDIDATES, function (e, adDivCandidates, placeholderUrl) {
140 |   // Keep a lookup for skipped common elements
141 |   var fallbackNodeDataForCommon = {}
142 | 
143 |   // Process all of the specific ad information for this page
144 |   adDivCandidates.forEach(function (iframeData) {
145 |     var replaceId = iframeData.replapceId || iframeData.rid
146 |     var selector = '[id="' + replaceId + '"]'
147 |     var node = document.querySelector(selector)
148 |     if (!node) {
149 |       return
150 |     }
151 | 
152 |     // Skip over known common elements
153 |     if (replaceId.startsWith('google_ads_iframe_') ||
154 |         replaceId.endsWith('__container__')) {
155 |       fallbackNodeDataForCommon[node.id] = iframeData
156 |       return
157 |     }
158 | 
159 |     // Find the node and process it
160 |     processAdNode(document.querySelector(selector), iframeData, placeholderUrl)
161 |   })
162 | 
163 |   // Common selectors which could be on every page
164 |   var commonSelectors = [
165 |     '[id^="google_ads_iframe_"][id$="__container__"]',
166 |     '[id^="ad-slot-banner-"]',
167 |     '[data-ad-slot]'
168 |   ]
169 |   commonSelectors.forEach(commonSelector => {
170 |     var nodes = document.querySelectorAll(commonSelector)
171 |     if (!nodes) {
172 |       return
173 |     }
174 |     Array.from(nodes).forEach(node => {
175 |       processAdNode(node, fallbackNodeDataForCommon[node.id], placeholderUrl)
176 |     })
177 |   })
178 | })
179 | 
180 | document.addEventListener('contextmenu', (e) => {
181 |   var name = e.target.nodeName.toUpperCase()
182 |   var nodeProps = {
183 |     name: name,
184 |     src: name === 'A' ? e.target.href : e.target.src
185 |   }
186 |   console.log('sending', nodeProps)
187 |   ipc.send(messages.CONTEXT_MENU_OPENED, nodeProps)
188 |   e.preventDefault()
189 | }, false)
190 | 
191 | document.onkeydown = (e) => {
192 |   switch (e.keyCode) {
193 |     case KeyCodes.ESC:
194 |       e.preventDefault()
195 |       ipc.send(messages.STOP_LOAD)
196 |       break
197 |   }
198 | }
199 | 
200 | document.addEventListener('DOMContentLoaded', () => {
201 |   // Hide broken images
202 |   Array.from(document.querySelectorAll('img')).forEach(function (img) {
203 |     img.addEventListener('error', function () {
204 |       this.style.visibility = 'hidden'
205 |     })
206 |   })
207 | })
208 | 


--------------------------------------------------------------------------------
/js/components/updateBar.js:
--------------------------------------------------------------------------------
  1 | /* This Source Code Form is subject to the terms of the Mozilla Public
  2 |  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
  3 |  * You can obtain one at http://mozilla.org/MPL/2.0/. */
  4 | 
  5 | const React = require('react')
  6 | const ImmutableComponent = require('./immutableComponent')
  7 | 
  8 | const Button = require('./button')
  9 | const AppActions = require('../actions/appActions')
 10 | const WindowActions = require('../actions/windowActions')
 11 | const UpdateStatus = require('../constants/updateStatus')
 12 | const remote = global.require('electron').remote
 13 | const path = require('path')
 14 | const cx = require('../lib/classSet.js')
 15 | 
 16 | class UpdateHello extends ImmutableComponent {
 17 |   onSpinnerClick () {
 18 |     // To make testing of updates easier in dev mode,
 19 |     // clicking on the spinner toggles the UI
 20 |     if (process.env.NODE_ENV === 'development') {
 21 |       let nextStatus = UpdateStatus.UPDATE_NONE
 22 |       switch (this.props.updateStatus) {
 23 |         case UpdateStatus.UPDATE_CHECKING:
 24 |           nextStatus = UpdateStatus.UPDATE_DOWNLOADING
 25 |           break
 26 |         case UpdateStatus.UPDATE_DOWNLOADING:
 27 |           nextStatus = UpdateStatus.UPDATE_NOT_AVAILABLE
 28 |           break
 29 |         case UpdateStatus.UPDATE_NOT_AVAILABLE:
 30 |           nextStatus = UpdateStatus.UPDATE_AVAILABLE
 31 |           break
 32 |         case UpdateStatus.UPDATE_AVAILABLE:
 33 |           nextStatus = UpdateStatus.UPDATE_ERROR
 34 |           break
 35 |         case UpdateStatus.UPDATE_ERROR:
 36 |           break
 37 |       }
 38 |       AppActions.setUpdateStatus(nextStatus)
 39 |     }
 40 |   }
 41 | 
 42 |   get loading () {
 43 |     return this.props.updateStatus === UpdateStatus.UPDATE_CHECKING ||
 44 |       this.props.updateStatus === UpdateStatus.UPDATE_DOWNLOADING
 45 |   }
 46 | 
 47 |   render () {
 48 |     return <span className='updateHello'>
 49 |       <span onClick={this.onSpinnerClick.bind(this)}
 50 |         className={cx({
 51 |           fa: this.loading,
 52 |           'fa-spinner': this.loading,
 53 |           'fa-spin': this.loading
 54 |         })}
 55 |         data-l10n-id={this.props.l10nId}/>
 56 |     </span>
 57 |   }
 58 | }
 59 | 
 60 | class UpdateHide extends ImmutableComponent {
 61 |   render () {
 62 |     return <Button className='updateButton updateSecondaryButton'
 63 |       l10nId='updateHide'
 64 |       onClick={AppActions.setUpdateStatus.bind(null, this.props.reset ? UpdateStatus.UPDATE_NONE : undefined, false)} />
 65 |   }
 66 | }
 67 | 
 68 | class UpdateLog extends ImmutableComponent {
 69 |   onViewLog () {
 70 |     remote.shell.openItem(path.join(remote.app.getPath('userData'), 'updateLog.log'))
 71 |   }
 72 |   render () {
 73 |     return <Button className='updateButton updateViewLogButton updateSecondaryButton'
 74 |       l10nId='updateViewLog'
 75 |       onClick={this.onViewLog.bind(this)} />
 76 |   }
 77 | }
 78 | 
 79 | class UpdateAvailable extends ImmutableComponent {
 80 |   render () {
 81 |     return <div>
 82 |       <UpdateHello updateStatus={this.props.updateStatus} l10nId='updateHello'/>
 83 |       <span className='updateMessage' data-l10n-id='updateAvail'/>
 84 |       <span className='updateRequiresRelaunch' data-l10n-id='updateRequiresRelaunch'/>
 85 |       <span className='updateSpacer'/>
 86 |       { this.props.metadata && this.props.metadata.get('notes')
 87 |         ? <Button className='updateButton updateDetails updateSecondaryButton'
 88 |             l10nId='updateDetails'
 89 |             onClick={WindowActions.setReleaseNotesVisible.bind(null, true)} /> : null }
 90 |       <Button className='updateButton updateLaterButton updateSecondaryButton'
 91 |         l10nId='updateLater'
 92 |         onClick={AppActions.setUpdateStatus.bind(null, UpdateStatus.UPDATE_AVAILABLE_DEFERRED, false)} />
 93 |       <Button className='updateButton updateNowButton'
 94 |         l10nId='updateNow'
 95 |         onClick={AppActions.updateRequested} />
 96 |     </div>
 97 |   }
 98 | }
 99 | 
100 | class UpdateChecking extends ImmutableComponent {
101 |   render () {
102 |     return <div>
103 |       <UpdateHello updateStatus={this.props.updateStatus}/>
104 |       <span className='updateMessage' data-l10n-id='updateChecking'/>
105 |       <span className='updateSpacer'/>
106 |       <UpdateLog/>
107 |       <UpdateHide/>
108 |     </div>
109 |   }
110 | }
111 | 
112 | class UpdateDownloading extends ImmutableComponent {
113 |   render () {
114 |     return <div>
115 |       <UpdateHello updateStatus={this.props.updateStatus}/>
116 |       <span className='updateMessage' data-l10n-id='updateDownloading'/>
117 |       <span className='updateSpacer'/>
118 |       <UpdateLog/>
119 |       <UpdateHide/>
120 |     </div>
121 |   }
122 | }
123 | 
124 | class UpdateError extends ImmutableComponent {
125 |   render () {
126 |     return <div>
127 |       <UpdateHello updateStatus={this.props.updateStatus} l10nId='updateOops'/>
128 |       <span className='updateMessage' data-l10n-id='updateError'/>
129 |       <span className='updateSpacer'/>
130 |       <UpdateLog/>
131 |       <UpdateHide reset/>
132 |     </div>
133 |   }
134 | }
135 | 
136 | class UpdateNotAvailable extends ImmutableComponent {
137 |   render () {
138 |     return <div>
139 |       <UpdateHello updateStatus={this.props.updateStatus} l10nId='updateNotYet'/>
140 |       <span className='updateMessage' data-l10n-id='updateNotAvail'/>
141 |       <span className='updateSpacer'/>
142 |       <UpdateHide reset/>
143 |     </div>
144 |   }
145 | }
146 | 
147 | class UpdateBar extends ImmutableComponent {
148 |   render () {
149 |     if (!this.props.updates) {
150 |       return null
151 |     }
152 | 
153 |     // When verbose is not set we only want to show update available
154 |     // prompts, because otherwise the check is a background check and
155 |     // the user shouldn't be bothered.
156 |     const verbose = this.props.updates.get('verbose')
157 |     let updateStatus = this.props.updates.get('status')
158 |     if (!updateStatus ||
159 |         !verbose && updateStatus !== UpdateStatus.UPDATE_AVAILABLE ||
160 |         updateStatus === UpdateStatus.UPDATE_NONE) {
161 |       return null
162 |     }
163 | 
164 |     // The only difference between the deferred and non deferred variant is that
165 |     // the deferred allows hiding.  Otherwise you couldn't hide available prompts.
166 |     if (updateStatus === UpdateStatus.UPDATE_AVAILABLE_DEFERRED) {
167 |       updateStatus = UpdateStatus.UPDATE_AVAILABLE
168 |     }
169 | 
170 |     return <div className='updateBar'>
171 |       { updateStatus === UpdateStatus.UPDATE_AVAILABLE ? <UpdateAvailable metadata={this.props.updates.get('metadata')} updateStatus={updateStatus} /> : null }
172 |       { updateStatus === UpdateStatus.UPDATE_CHECKING ? <UpdateChecking updateStatus={updateStatus}/> : null }
173 |       { updateStatus === UpdateStatus.UPDATE_DOWNLOADING ? <UpdateDownloading updateStatus={updateStatus}/> : null }
174 |       { updateStatus === UpdateStatus.UPDATE_NOT_AVAILABLE ? <UpdateNotAvailable updateStatus={updateStatus}/> : null }
175 |       { updateStatus === UpdateStatus.UPDATE_ERROR ? <UpdateError updateStatus={updateStatus}/> : null }
176 |     </div>
177 |   }
178 | }
179 | 
180 | module.exports = UpdateBar
181 | 


--------------------------------------------------------------------------------