V4 (#57)

* picker at mouse pos

* start overlay

* broken

* cover working but not dismissing on browser select

* broken: start event emitter layout

* refactor: move all windows to own files

use event emitter to pass around info. disabled backdrops as they seem to be slowing down render of picker

* feat: spinner padding bottom

* feat: use vibrancy

* feat: ultra-dark vibrancy

* cleanup

* refactor: some functional stuff

* remove vibrancy

* refactor: convert more of main to functional

* refactor: move browsers eventEmitter into getBrowsers

* cleanup

* start new spawn to open

* broken

* broken

* broken

* fix: missing firefox nightly icon

* fix: missing copy to clipboard icon

* broken

* refactor: browser > activity

* refactor: move renderer dirs up a level

* refactor: remove deep nesting of files

complexity not required for this app yet

* bump package version to v4.0.0

* white copy to clipboard icon

* cleanup

more to do.

* cleanup: consolidate tab components

* backup

* docs: add build-css

* bump packages

* remove moot awaits

* remove moot async

* update yarn.lock

Author: will-stone

README.md

@@ -24,6 +24,12 @@ Install dependencies:
 yarn install
 ```
 
+Build the CSS:
+
+```
+yarn build-css
+```
+
 Run Browserosaurus in dev mode:
 
 ```

package.json

@@ -1,21 +1,20 @@
 {
   "name": "browserosaurus",
   "productName": "Browserosaurus",
-  "version": "3.0.2",
+  "version": "4.0.0",
   "description": "The browser prompter for macOS",
   "homepage": "http://wstone.io/browserosaurus/",
   "main": "src/main.js",
   "scripts": {
+    "start": "ENV=DEV electron-forge start",
     "prettier": "prettier --config .prettierrc --write src/**/*.js",
-    "start":
-      "yarn run build-css && yarn watch-css & ENV=DEV electron-forge start",
     "package":
       "yarn run build-css && electron-forge package --platform=darwin --arch=x64",
     "make": "yarn run build-css && electron-forge make",
     "build-css":
-      "node-sass-chokidar src/renderers/style -o build --importer=node_modules/node-sass-package-importer/dist/cli.js --output-style compressed",
+      "node-sass-chokidar src/style -o build --importer=node_modules/node-sass-package-importer/dist/cli.js --output-style compressed",
     "watch-css":
-      "node-sass-chokidar src/renderers/style -o build --importer=node_modules/node-sass-package-importer/dist/cli.js --output-style compressed --watch --recursive",
+      "node-sass-chokidar src/style -o build --importer=node_modules/node-sass-package-importer/dist/cli.js --output-style compressed --watch --recursive",
     "icns": "cd ./src/images/icon && ./png2icns.sh icon.png"
   },
   "repository": "https://github.com/will-stone/browserosaurus",
@@ -42,10 +41,10 @@
     "eslint-plugin-react": "^7.1.0",
     "node-sass-chokidar": "^0.0.3",
     "node-sass-package-importer": "^5.1.0",
-    "prettier": "^1.11.0"
+    "prettier": "^1.12.0"
   },
   "dependencies": {
-    "@blueprintjs/core": "^2.0.0-rc.2",
+    "@blueprintjs/core": "2.0.1",
     "array-move": "^1.0.0",
     "electron-compile": "^6.4.2",
     "electron-store": "^1.3.0",
@@ -54,6 +53,7 @@
     "mousetrap": "^1.6.1",
     "node-fetch": "^1.7.3",
     "opn": "^5.1.0",
+    "prop-types": "^15.6.1",
     "react": "^16.2.0",
     "react-beautiful-dnd": "^4.0.1",
     "react-dom": "^16.2.0",
@@ -70,7 +70,7 @@
       "electronPackagerConfig": {
         "packageManager": "yarn",
         "icon": "src/images/icon/icon.icns",
-        "ignore": ["docs", "src/renderers/style"],
+        "ignore": ["docs", "src/style"],
         "protocols": [
           {
             "name": "HTTP link",

src/components/ActivityIcon.js

@@ -0,0 +1,25 @@
+import React from 'react'
+import { string, object } from 'prop-types'
+
+const ActivityIcon = ({ name, style, ...rest }) => {
+  return (
+    <img
+      src={`../images/activity-icons/${name}.png`}
+      alt=""
+      style={{
+        ...style,
+        width: 32,
+        height: 32,
+        verticalAlign: 'middle'
+      }}
+      {...rest}
+    />
+  )
+}
+
+ActivityIcon.propTypes = {
+  name: string.isRequired,
+  style: object
+}
+
+export default ActivityIcon

src/components/Kbd.js

@@ -0,0 +1,18 @@
+import React, { Fragment } from 'react'
+
+const Kbd = ({ isDefault, hotKey }) => {
+  return (
+    <span style={{ marginLeft: 'auto' }}>
+      {isDefault && (
+        <Fragment>
+          <kbd className="pt-key">enter</kbd>{' '}
+          <span className="pt-text-muted">/</span>{' '}
+        </Fragment>
+      )}
+
+      <kbd className="pt-key">{hotKey}</kbd>
+    </span>
+  )
+}
+
+export default Kbd

src/renderers/components/TitleBar/TitleBar.js renamed to src/components/TitleBar.js

@@ -0,0 +1,96 @@
+/**
+ * Activities
+ *
+ */
+
+export default [
+  {
+    appId: 'Brave',
+    name: 'Brave',
+    hotKey: 'b',
+    cmd: 'open "{URL}" -a Brave'
+  },
+  {
+    appId: 'Chromium',
+    name: 'Chromium',
+    hotKey: 'c',
+    cmd: 'open "{URL}" -a Chromium'
+  },
+  {
+    appId: 'Firefox',
+    name: 'Firefox',
+    hotKey: 'f',
+    cmd: 'open "{URL}" -a Firefox'
+  },
+  {
+    appId: 'Firefox Developer Edition',
+    name: 'Firefox Developer Edition',
+    hotKey: 'd',
+    cmd: 'open "{URL}" -a "Firefox Developer Edition"'
+  },
+  {
+    appId: 'Firefox Nightly',
+    name: 'Firefox Nightly',
+    hotKey: 'n',
+    cmd: 'open "{URL}" -a "Firefox Nightly"'
+  },
+  {
+    appId: 'Google Chrome',
+    name: 'Google Chrome',
+    hotKey: 'g',
+    cmd: 'open "{URL}" -a "Google Chrome"'
+  },
+  {
+    appId: 'Google Chrome Canary',
+    name: 'Google Chrome Canary',
+    hotKey: 'y',
+    cmd: 'open "{URL}" -a "Google Chrome Canary"'
+  },
+  {
+    appId: 'Iridium',
+    name: 'Iridium',
+    hotKey: 'i',
+    cmd: 'open "{URL}" -a Iridium'
+  },
+  {
+    appId: 'Maxthon',
+    name: 'Maxthon',
+    hotKey: 'm',
+    cmd: 'open "{URL}" -a Maxthon'
+  },
+  {
+    appId: 'Min',
+    name: 'Min',
+    hotKey: '-',
+    cmd: 'open "{URL}" -a Min'
+  },
+  {
+    appId: 'Opera',
+    name: 'Opera',
+    hotKey: 'o',
+    cmd: 'open "{URL}" -a Opera'
+  },
+  {
+    appId: 'Safari',
+    name: 'Safari',
+    hotKey: 's',
+    cmd: 'open "{URL}" -a Safari'
+  },
+  {
+    appId: 'TorBrowser',
+    name: 'TorBrowser',
+    hotKey: 't',
+    cmd: 'open "{URL}" -a TorBrowser'
+  },
+  {
+    appId: 'Vivaldi',
+    name: 'Vivaldi',
+    hotKey: 'v',
+    cmd: 'open "{URL}" -a Vivaldi'
+  },
+  {
+    name: 'Copy To Clipboard',
+    hotKey: 'space',
+    cmd: 'echo "{URL}" | pbcopy'
+  }
+]

src/config/activities.js

@@ -0,0 +1,6 @@
+export const ACTIVITY_TOGGLE = 'ACTIVITY_TOGGLE'
+export const ACTIVITY_SORT = 'ACTIVITY_SORT'
+export const ACTIVITIES_GET = 'ACTIVITIES_GET'
+export const ACTIVITIES_SET = 'ACTIVITIES_SET'
+export const URL_RECEIVED = 'URL_RECEIVED'
+export const PREFS_OPEN = 'PREFS_OPEN'