12 | // google 13 | // bing 14 | //
15 | 16 | (function () { 17 | 'use strict'; 18 | 19 | var shell = require('electron').shell; 20 | 21 | var supportExternalLinks = function (e) { 22 | var href; 23 | var isExternal = false; 24 | 25 | var checkDomElement = function (element) { 26 | if (element.nodeName === 'A') { 27 | href = element.getAttribute('href'); 28 | } 29 | if (element.classList.contains('js-external-link')) { 30 | isExternal = true; 31 | } 32 | if (href && isExternal) { 33 | shell.openExternal(href); 34 | e.preventDefault(); 35 | } else if (element.parentElement) { 36 | checkDomElement(element.parentElement); 37 | } 38 | } 39 | 40 | checkDomElement(e.target); 41 | } 42 | 43 | document.addEventListener('click', supportExternalLinks, false); 44 | }()); 45 | -------------------------------------------------------------------------------- /archive/electron-boilerplate/app/background.js: -------------------------------------------------------------------------------- 1 | // This is main process of Electron, started as first thing when your 2 | // app starts. This script is running through entire life of your application. 3 | // It doesn't have any windows which you can see on screen, but we can open 4 | // window from here. 5 | 6 | import { app, BrowserWindow } from 'electron'; 7 | import devHelper from './vendor/electron_boilerplate/dev_helper'; 8 | import windowStateKeeper from './vendor/electron_boilerplate/window_state'; 9 | 10 | // Special module holding environment variables which you declared 11 | // in config/env_xxx.json file. 12 | import env from './env'; 13 | 14 | var mainWindow; 15 | 16 | // Preserver of the window size and position between app launches. 17 | var mainWindowState = windowStateKeeper('main', { 18 | width: 1000, 19 | height: 600 20 | }); 21 | 22 | app.on('ready', function () { 23 | 24 | mainWindow = new BrowserWindow({ 25 | x: mainWindowState.x, 26 | y: mainWindowState.y, 27 | width: mainWindowState.width, 28 | height: mainWindowState.height 29 | }); 30 | 31 | if (mainWindowState.isMaximized) { 32 | mainWindow.maximize(); 33 | } 34 | 35 | if (env.name === 'test') { 36 | mainWindow.loadURL('file://' + __dirname + '/spec.html'); 37 | } else { 38 | mainWindow.loadURL('file://' + __dirname + '/app.html'); 39 | } 40 | 41 | if (env.name !== 'production') { 42 | devHelper.setDevMenu(); 43 | mainWindow.openDevTools(); 44 | } 45 | 46 | mainWindow.on('close', function () { 47 | mainWindowState.saveState(mainWindow); 48 | }); 49 | }); 50 | 51 | app.on('window-all-closed', function () { 52 | app.quit(); 53 | }); 54 | -------------------------------------------------------------------------------- /archive/electron-boilerplate/tasks/rebuild_native.js: -------------------------------------------------------------------------------- 1 | /* 2 | This script compiles native modules for Electron. 3 | If you don't plan to use native modules you can delete this file. 4 | 5 | But if you'd like to use them do those steps... 6 | 7 | 1. Go to main project's directory and run: 8 | npm install electron-rebuild --save-dev 9 | 10 | 2. Then go to app folder: 11 | cd app 12 | 13 | 3. Add to app/package.json lines: 14 | "scripts": { 15 | "postinstall": "node ../tasks/rebuild_native" 16 | } 17 | 18 | 4. Now install your native module: 19 | npm install my_native_module --save 20 | 21 | 5. Trigger once again full npm install so electron-rebuild can do it's job: 22 | npm install 23 | 24 | 6. Enjoy your native module! 25 | */ 26 | 27 | 'use strict'; 28 | 29 | var childProcess = require('child_process'); 30 | var path = require('path'); 31 | var Q = require('q'); 32 | var electron = require('electron-prebuilt'); 33 | var electronPackage = require('electron-prebuilt/package.json'); 34 | var rebuild = require('electron-rebuild'); 35 | 36 | var pathToElectronNativeModules = path.join(__dirname, '../app/node_modules'); 37 | 38 | rebuild.shouldRebuildNativeModules(electron) 39 | .then(function (shouldBuild) { 40 | if (!shouldBuild) { 41 | return true; 42 | } 43 | 44 | console.log('Rebuilding native modules for Electron...'); 45 | 46 | return rebuild.installNodeHeaders(electronPackage.version) 47 | .then(function () { 48 | return rebuild.rebuildNativeModules(electronPackage.version, pathToElectronNativeModules); 49 | }); 50 | }) 51 | .then(function () { 52 | console.log('Rebuilding complete.'); 53 | }) 54 | .catch(function (err) { 55 | console.error("Rebuilding error!"); 56 | console.error(err); 57 | }); 58 | -------------------------------------------------------------------------------- /archive/electron-boilerplate/tasks/start.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | var Q = require('q'); 4 | var electron = require('electron-prebuilt'); 5 | var pathUtil = require('path'); 6 | var childProcess = require('child_process'); 7 | var kill = require('tree-kill'); 8 | var utils = require('./utils'); 9 | var watch; 10 | 11 | var gulpPath = pathUtil.resolve('./node_modules/.bin/gulp'); 12 | if (process.platform === 'win32') { 13 | gulpPath += '.cmd'; 14 | } 15 | 16 | var runBuild = function () { 17 | var deferred = Q.defer(); 18 | 19 | var build = childProcess.spawn(gulpPath, [ 20 | 'build', 21 | '--env=' + utils.getEnvName(), 22 | '--color' 23 | ], { 24 | stdio: 'inherit' 25 | }); 26 | 27 | build.on('close', function (code) { 28 | deferred.resolve(); 29 | }); 30 | 31 | return deferred.promise; 32 | }; 33 | 34 | var runGulpWatch = function () { 35 | watch = childProcess.spawn(gulpPath, [ 36 | 'watch', 37 | '--env=' + utils.getEnvName(), 38 | '--color' 39 | ], { 40 | stdio: 'inherit' 41 | }); 42 | 43 | watch.on('close', function (code) { 44 | // Gulp watch exits when error occured during build. 45 | // Just respawn it then. 46 | runGulpWatch(); 47 | }); 48 | }; 49 | 50 | var runApp = function () { 51 | var app = childProcess.spawn(electron, ['./build'], { 52 | stdio: 'inherit' 53 | }); 54 | 55 | app.on('close', function (code) { 56 | // User closed the app. Kill the host process. 57 | kill(watch.pid, 'SIGKILL', function () { 58 | process.exit(); 59 | }); 60 | }); 61 | }; 62 | 63 | runBuild() 64 | .then(function () { 65 | runGulpWatch(); 66 | runApp(); 67 | }); 68 | -------------------------------------------------------------------------------- /archive/chrome-app-prototype/css/simple-sidebar.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com) 3 | * Code licensed under the Apache License v2.0. 4 | * For details, see http://www.apache.org/licenses/LICENSE-2.0. 5 | */ 6 | 7 | /* Toggle Styles */ 8 | 9 | #wrapper { 10 | padding-left: 0; 11 | -webkit-transition: all 0.5s ease; 12 | -moz-transition: all 0.5s ease; 13 | -o-transition: all 0.5s ease; 14 | transition: all 0.5s ease; 15 | } 16 | 17 | #wrapper.toggled { 18 | padding-left: 250px; 19 | } 20 | 21 | #sidebar-wrapper { 22 | z-index: 1000; 23 | position: fixed; 24 | left: 250px; 25 | width: 0; 26 | height: 100%; 27 | margin-left: -250px; 28 | overflow-y: auto; 29 | background: #000; 30 | -webkit-transition: all 0.5s ease; 31 | -moz-transition: all 0.5s ease; 32 | -o-transition: all 0.5s ease; 33 | transition: all 0.5s ease; 34 | } 35 | 36 | #wrapper.toggled #sidebar-wrapper { 37 | width: 250px; 38 | } 39 | 40 | #page-content-wrapper { 41 | width: 100%; 42 | position: absolute; 43 | padding: 15px; 44 | } 45 | 46 | #wrapper.toggled #page-content-wrapper { 47 | position: absolute; 48 | margin-right: -250px; 49 | } 50 | 51 | /* Sidebar Styles */ 52 | 53 | .sidebar-nav { 54 | position: absolute; 55 | top: 0; 56 | width: 250px; 57 | margin: 0; 58 | padding: 0; 59 | list-style: none; 60 | } 61 | 62 | .sidebar-nav li { 63 | text-indent: 20px; 64 | line-height: 40px; 65 | } 66 | 67 | .sidebar-nav li a { 68 | display: block; 69 | text-decoration: none; 70 | color: #999999; 71 | } 72 | 73 | .sidebar-nav li a:hover { 74 | text-decoration: none; 75 | color: #fff; 76 | background: rgba(255,255,255,0.2); 77 | } 78 | 79 | .sidebar-nav li a:active, 80 | .sidebar-nav li a:focus { 81 | text-decoration: none; 82 | } 83 | 84 | .sidebar-nav > .sidebar-brand { 85 | height: 65px; 86 | font-size: 18px; 87 | line-height: 60px; 88 | } 89 | 90 | .sidebar-nav > .sidebar-brand a { 91 | color: #999999; 92 | } 93 | 94 | .sidebar-nav > .sidebar-brand a:hover { 95 | color: #fff; 96 | background: none; 97 | } 98 | 99 | @media(min-width:768px) { 100 | #wrapper { 101 | padding-left: 250px; 102 | } 103 | 104 | #wrapper.toggled { 105 | padding-left: 0; 106 | } 107 | 108 | #sidebar-wrapper { 109 | width: 250px; 110 | } 111 | 112 | #wrapper.toggled #sidebar-wrapper { 113 | width: 0; 114 | } 115 | 116 | #page-content-wrapper { 117 | padding: 20px; 118 | position: relative; 119 | } 120 | 121 | #wrapper.toggled #page-content-wrapper { 122 | position: relative; 123 | margin-right: 0; 124 | } 125 | } -------------------------------------------------------------------------------- /archive/electron-boilerplate/app/stylesheets/simple-sidebar.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com) 3 | * Code licensed under the Apache License v2.0. 4 | * For details, see http://www.apache.org/licenses/LICENSE-2.0. 5 | */ 6 | 7 | /* Toggle Styles */ 8 | 9 | #wrapper { 10 | padding-left: 0; 11 | -webkit-transition: all 0.5s ease; 12 | -moz-transition: all 0.5s ease; 13 | -o-transition: all 0.5s ease; 14 | transition: all 0.5s ease; 15 | } 16 | 17 | #wrapper.toggled { 18 | padding-left: 250px; 19 | } 20 | 21 | #sidebar-wrapper { 22 | z-index: 1000; 23 | position: fixed; 24 | left: 250px; 25 | width: 0; 26 | height: 100%; 27 | margin-left: -250px; 28 | overflow-y: auto; 29 | background: #000; 30 | -webkit-transition: all 0.5s ease; 31 | -moz-transition: all 0.5s ease; 32 | -o-transition: all 0.5s ease; 33 | transition: all 0.5s ease; 34 | } 35 | 36 | #wrapper.toggled #sidebar-wrapper { 37 | width: 250px; 38 | } 39 | 40 | #page-content-wrapper { 41 | width: 100%; 42 | position: absolute; 43 | padding: 15px; 44 | } 45 | 46 | #wrapper.toggled #page-content-wrapper { 47 | position: absolute; 48 | margin-right: -250px; 49 | } 50 | 51 | /* Sidebar Styles */ 52 | 53 | .sidebar-nav { 54 | position: absolute; 55 | top: 0; 56 | width: 250px; 57 | margin: 0; 58 | padding: 0; 59 | list-style: none; 60 | } 61 | 62 | .sidebar-nav li { 63 | text-indent: 20px; 64 | line-height: 40px; 65 | } 66 | 67 | .sidebar-nav li a { 68 | display: block; 69 | text-decoration: none; 70 | color: #999999; 71 | } 72 | 73 | .sidebar-nav li a:hover { 74 | text-decoration: none; 75 | color: #fff; 76 | background: rgba(255,255,255,0.2); 77 | } 78 | 79 | .sidebar-nav li a:active, 80 | .sidebar-nav li a:focus { 81 | text-decoration: none; 82 | } 83 | 84 | .sidebar-nav > .sidebar-brand { 85 | height: 65px; 86 | font-size: 18px; 87 | line-height: 60px; 88 | } 89 | 90 | .sidebar-nav > .sidebar-brand a { 91 | color: #999999; 92 | } 93 | 94 | .sidebar-nav > .sidebar-brand a:hover { 95 | color: #fff; 96 | background: none; 97 | } 98 | 99 | @media(min-width:768px) { 100 | #wrapper { 101 | padding-left: 250px; 102 | } 103 | 104 | #wrapper.toggled { 105 | padding-left: 0; 106 | } 107 | 108 | #sidebar-wrapper { 109 | width: 250px; 110 | } 111 | 112 | #wrapper.toggled #sidebar-wrapper { 113 | width: 0; 114 | } 115 | 116 | #page-content-wrapper { 117 | padding: 20px; 118 | position: relative; 119 | } 120 | 121 | #wrapper.toggled #page-content-wrapper { 122 | position: relative; 123 | margin-right: 0; 124 | } 125 | } -------------------------------------------------------------------------------- /archive/electron-boilerplate/app/app.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |This template has a responsive menu toggling system. The menu will appear collapsed on smaller screens, and will appear non-collapsed on larger screens. When toggled using the button below, the menu will appear/disappear. On small screens, the page content will be pushed off canvas.
80 |Make sure to keep all page content within the #page-content-wrapper.
This template has a responsive menu toggling system. The menu will appear collapsed on smaller screens, and will appear non-collapsed on larger screens. When toggled using the button below, the menu will appear/disappear. On small screens, the page content will be pushed off canvas.
73 |Make sure to keep all page content within the #page-content-wrapper.