├── .gitattributes
├── .gitignore
├── .editorconfig
├── index.css
├── applist.js
├── package.json
├── index.js
├── license
├── readme.md
└── index.html


/.gitattributes:
--------------------------------------------------------------------------------
1 | * text=auto
2 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | /dist
3 | 


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | root = true
 2 | 
 3 | [*]
 4 | indent_style = tab
 5 | end_of_line = lf
 6 | charset = utf-8
 7 | trim_trailing_whitespace = true
 8 | insert_final_newline = true
 9 | 
10 | [package.json]
11 | indent_style = space
12 | indent_size = 2
13 | 
14 | [*.md]
15 | trim_trailing_whitespace = false
16 | 


--------------------------------------------------------------------------------
/index.css:
--------------------------------------------------------------------------------
 1 | html,
 2 | body {
 3 | 	padding: 0;
 4 | 	margin: 0;
 5 | }
 6 | 
 7 | body {
 8 | 	font-family: -apple-system, 'Helvetica Neue', Helvetica, sans-serif;
 9 | }
10 | 
11 | header {
12 | 	text-align: center;
13 | }
14 | 
15 | header h1 {
16 | 	font-size: 60px;
17 | 	font-weight: 100;
18 | 	margin: 0;
19 | 	padding: 0;
20 | }
21 | 
22 | #log {
23 | 	font-family: monospace;
24 | 	border: 1px solid #333;
25 | 	background: #666;
26 | 	color: #eee;
27 | 	overflow: auto;
28 | 	height: 200px;
29 | 	padding: 10px;
30 | 
31 | }
32 | 
33 | .main {
34 | 	padding: 10px;
35 | }


--------------------------------------------------------------------------------
/applist.js:
--------------------------------------------------------------------------------
 1 | module.exports = [
 2 | 	{
 3 | 		name: 'SpaceRadar',
 4 | 		repository: 'zz85/space-radar',
 5 | 		description: 'Interactive disk space and memory visualization.',
 6 | 		url: 'https://github.com/zz85/space-radar'
 7 | 	},
 8 | 	{
 9 | 		name: 'We Build SG',
10 | 		repository: 'webuildsg/osx',
11 | 		description: 'Upcoming events & recently updated repos from webuild.sg.',
12 | 		url: 'https://github.com/webuildsg/osx'
13 | 	},
14 | 	{
15 | 		name: 'Kyoku',
16 | 		repository: 'cheeaun/kyoku',
17 | 		description: 'Displays current iTunes song.',
18 | 		url: 'https://github.com/cheeaun/kyoku'
19 | 	},
20 | ]


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "electron-awesomeness",
 3 |   "productName": "Electron Awesomeness",
 4 |   "version": "0.0.0",
 5 |   "description": "Electron App to manage Electron Apps",
 6 |   "license": "MIT",
 7 |   "repository": "zz85/electron-awesomeness",
 8 |   "author": {
 9 |     "name": "Joshua Koo",
10 |     "email": "",
11 |     "url": "https://joshuakoo.com"
12 |   },
13 |   "engines": {
14 |     "node": ">=4"
15 |   },
16 |   "electronVersion": "0.34.1",
17 |   "scripts": {
18 |     "test": "xo",
19 |     "start": "electron .",
20 |     "build": "electron-packager . $npm_package_productName --out=dist --ignore='^/dist$' --prune --asar --all --version=$npm_package_electronVersion"
21 |   },
22 |   "files": [
23 |     "index.js",
24 |     "index.html",
25 |     "index.css"
26 |   ],
27 |   "keywords": [
28 |     "electron-app"
29 |   ],
30 |   "dependencies": {
31 |   },
32 |   "devDependencies": {
33 |   }
34 | }
35 | 


--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | const app = require('app');
 3 | const BrowserWindow = require('browser-window');
 4 | 
 5 | // report crashes to the Electron project
 6 | require('crash-reporter').start();
 7 | 
 8 | // prevent window being garbage collected
 9 | let mainWindow;
10 | 
11 | function onClosed() {
12 | 	// dereference the window
13 | 	// for multiple windows store them in an array
14 | 	mainWindow = null;
15 | }
16 | 
17 | function createMainWindow() {
18 | 	const win = new BrowserWindow({
19 | 		width: 800,
20 | 		height: 800
21 | 	});
22 | 
23 | 	win.loadUrl(`file://${__dirname}/index.html`);
24 | 	win.on('closed', onClosed);
25 | 
26 | 	return win;
27 | }
28 | 
29 | app.on('window-all-closed', () => {
30 | 	if (process.platform !== 'darwin') {
31 | 		app.quit();
32 | 	}
33 | });
34 | 
35 | app.on('activate-with-no-open-windows', () => {
36 | 	if (!mainWindow) {
37 | 		mainWindow = createMainWindow();
38 | 	}
39 | });
40 | 
41 | app.on('ready', () => {
42 | 	mainWindow = createMainWindow();
43 | });
44 | 


--------------------------------------------------------------------------------
/license:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) <%= name %> <<%= email %>> (<%= website %>)
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in
13 | all copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21 | THE SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/readme.md:
--------------------------------------------------------------------------------
 1 | # Electron Awesomeness
 2 | 
 3 | > Electron Awesomeness is an Electron App to help manage Electron Apps. Think Steam for Electron Apps.
 4 | 
 5 | Run and manage a collection of [awesome electron apps](https://github.com/sindresorhus/awesome-electron) without having to install individual packaged electron binaries. This helps saving disk space and bandwidth not only during installation but during app updates.
 6 | 
 7 | ## Requirements
 8 | - Mac OS X
 9 | - git
10 | - npm
11 | - electron
12 | 
13 | ## Why this
14 | 
15 | Personally I prefer to be downloading the source repository for an electron app than downloading the packaged electron app. This is because I already have an electron binary on my computer, [I do not like downloading](https://github.com/sindresorhus/awesome-electron/issues/5#issuecomment-155264162) "an embeded electron" for every app that I wish to try. Downloading the source could also lower the barrier of entry for developers starting to contribute to open source projects.
16 | 
17 | So the idea is to run apps like a developer using a global Electron binary. Maybe this has risks and is a bad idea, but I thought I would give this a shot anyways. In contrast to the approach [the discussion on electron/atom runtime seems to be heading](https://github.com/atom/electron/issues/673), this approach is simpler where it lets the developer handle problems, although it would seems more inclined for developers than end-users (like brew perhaps).
18 | 
19 | ## How this works
20 | 
21 | First make sure you have electron installed globally. This app will contain a list of apps that can be checked out or downloaded from github. When it's downloaded, each project would run `npm install --production` to make sure its dependencies are fullfilled. `Electron .` will be ran in each folder to spawn the electron apps.
22 | 
23 | ### Run
24 | 
25 | ```
26 | $ electron .
27 | ```
28 | 
29 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html>
  3 | 	<head>
  4 | 		<meta charset="utf-8">
  5 | 		<title>Electron Awesomeness</title>
  6 | 		<link rel="stylesheet" href="index.css">
  7 | 	</head>
  8 | 	<body>
  9 | 		<div class="container">
 10 | 			<header>
 11 | 				<h1>Electron Awesomeness</h1>
 12 | 			</header>
 13 | 
 14 | 			<section class="main">
 15 | 
 16 | 				<h2>Awesome Electron Apps</h2>
 17 | 
 18 | 				<div id="apps">
 19 | 				</div>
 20 | 
 21 | 				<h2>Log</h2>
 22 | 				<pre id="log"></pre>
 23 | 
 24 | 			</section>
 25 | 			<footer></footer>
 26 | 		</div>
 27 | 
 28 | 		<script>
 29 | 			'use strict'
 30 | 
 31 | 			const shell = require('shell')
 32 | 			const applist = require('./applist')
 33 | 			const path = require('path')
 34 | 			const spawn = require('child_process').spawn
 35 | 			const fs = require('fs')
 36 | 
 37 | 			const APP_LOCATION = path.join(__dirname, 'apps')
 38 | 
 39 | 			function gitClone(url, target) {
 40 | 				console.log('gitClone', url)
 41 | 
 42 | 				let ssh_url = `git@github.com:${url}.git`
 43 | 				let https_url = `https://github.com/${url}`
 44 | 
 45 | 
 46 | 				let child = spawn('git',
 47 | 					['clone', ssh_url, target],
 48 | 					{
 49 | 						cwd: __dirname,
 50 | 						stdio: 'pipe'
 51 | 					});
 52 | 
 53 | 				handleChild(child)
 54 | 			}
 55 | 
 56 | 			function gitPull(target) {
 57 | 				console.log('gitPull', target)
 58 | 				let child = spawn('git',
 59 | 					['pull'],
 60 | 					{
 61 | 						cwd: target,
 62 | 						stdio: 'pipe'
 63 | 					});
 64 | 
 65 | 				handleChild(child)
 66 | 			}
 67 | 
 68 | 			function npmInstall(target) {
 69 | 				console.log('npmInstall', path)
 70 | 				let child = spawn('npm', ['install', '--production'], {
 71 | 					cwd: target,
 72 | 					stdio: 'pipe'
 73 | 				});
 74 | 
 75 | 				handleChild(child)
 76 | 			}
 77 | 
 78 | 			function runElectron(target) {
 79 | 				console.log('runElectron', path)
 80 | 				let child = spawn('electron', ['.'], {
 81 | 					cwd: target,
 82 | 					stdio: 'pipe'
 83 | 				})
 84 | 
 85 | 				handleChild(child)
 86 | 			}
 87 | 
 88 | 			function handleChild(child) {
 89 | 				console.log('running', child.spawnargs.join(' '))
 90 | 				child.stderr.on('data', function(data) {
 91 | 					log.innerHTML += data
 92 | 				})
 93 | 
 94 | 				child.stdout.on('data', function(data) {
 95 | 					log.innerHTML += data
 96 | 				})
 97 | 
 98 | 				child.on('close', function (code) {
 99 | 					if (code !== 0) {
100 | 						console.log('exit', code);
101 | 						log.innerHTML += 'process exited with code ' + code + '\n'
102 | 					} else {
103 | 						log.innerHTML += 'Done\n'
104 | 						refresh()
105 | 					}
106 | 
107 | 				});
108 | 			}
109 | 
110 | 			function eachApp(project) {
111 | 				apps.appendChild(text(project.name + ' - ' + project.description))
112 | 
113 | 				let p = document.createElement('ul');
114 | 
115 | 				let repoDir = project.repository.replace('/', '_')
116 | 
117 | 				let homepage = element('button', text('Homepage'))
118 | 				homepage.onclick = function() {
119 | 					shell.openExternal(project.url)
120 | 					return false
121 | 				}
122 | 
123 | 				let targetDir = path.join(APP_LOCATION, repoDir)
124 | 
125 | 				let folderExist = false
126 | 				let isGit = false
127 | 
128 | 				try {
129 | 					let folder = fs.lstatSync(targetDir)
130 | 					folderExist = folder.isDirectory()
131 | 
132 | 					let gitDir = path.join(targetDir, '.git')
133 | 					isGit = fs.lstatSync(gitDir).isDirectory()
134 | 				} catch (e) {
135 | 
136 | 				}
137 | 
138 | 				if (!folderExist) {
139 | 
140 | 					let clone = element('button', text('Git clone'))
141 | 
142 | 					clone.onclick = function() {
143 | 						gitClone(project.repository, targetDir)
144 | 					}
145 | 					p.appendChild(element('li', clone))
146 | 
147 | 				} else {
148 | 
149 | 					let clone = element('button', text('Git pull'))
150 | 					clone.onclick = function() {
151 | 						gitPull(targetDir)
152 | 					}
153 | 					p.appendChild(element('li', clone))
154 | 
155 | 				}
156 | 				// let update = element('button', text('Git update'))
157 | 				// p.appendChild(element('li', update))
158 | 
159 | 				// let dlSource = element('button', text('Download source & extract'))
160 | 				// p.appendChild(element('li', dlSource))
161 | 
162 | 				if (folderExist) {
163 | 
164 | 					let dep = element('button', text('Install dependencies'))
165 | 					dep.onclick = function() {
166 | 						npmInstall(targetDir)
167 | 					}
168 | 					p.appendChild(element('li', dep))
169 | 
170 | 					let run = element('button', text('Run App!!!'))
171 | 					run.onclick = function() {
172 | 						runElectron(targetDir)
173 | 					}
174 | 					p.appendChild(element('li', run))
175 | 
176 | 					let trash = element('button', text('Trash'))
177 | 					trash.onclick = function() {
178 | 						if (!confirm('Move "' + project.name + '" to trash?')) return
179 | 
180 | 						if (shell.moveItemToTrash(targetDir)) {
181 | 							shell.beep()
182 | 							refresh()
183 | 						}
184 | 					}
185 | 					p.appendChild(element('li', trash))
186 | 
187 | 					let openDirectory = element('button', text('Locate in Finder'))
188 | 					openDirectory.onclick = function() {
189 | 						shell.showItemInFolder(targetDir)
190 | 					}
191 | 					p.appendChild(element('li', openDirectory))
192 | 
193 | 				}
194 | 
195 | 				p.appendChild(element('li', homepage))
196 | 				apps.appendChild(p)
197 | 			}
198 | 
199 | 			function refresh() {
200 | 				apps.innerHTML = ''
201 | 				applist.forEach(eachApp)
202 | 			}
203 | 
204 | 			function element(e, child) {
205 | 				var el = document.createElement(e)
206 | 				el.appendChild(child)
207 | 				return el
208 | 			}
209 | 
210 | 			function text(t) {
211 | 				return document.createTextNode(t)
212 | 			}
213 | 
214 | 			refresh()
215 | 		</script>
216 | 
217 | 	</body>
218 | </html>
219 | 


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