devhubapp · brunolemos · Dec 22, 2018 · Dec 17, 2018 · Dec 17, 2018 · Dec 17, 2018
diff --git a/package.json b/package.json
@@ -19,6 +19,8 @@
     "dev": "yarn compile && concurrently --kill-others \"yarn compile -w\" \"yarn workspace @devhub/web start\" \"yarn workspace @devhub/mobile start\"",
     "dev:web": "yarn compile && concurrently --kill-others \"yarn compile -w\" \"yarn workspace @devhub/web start\"",
     "dev:mobile": "yarn compile && concurrently --kill-others \"yarn compile -w\" \"yarn workspace @devhub/mobile start\"",
+    "dev:desktop": "yarn compile && concurrently --kill-others \"yarn compile -w\" \"yarn workspace @devhub/desktop start\"",
+    "build:desktop": "yarn compile && concurrently --kill-others \"yarn compile -w\" \"yarn workspace @devhub/desktop build\"",
     "format": "yarn workspaces run format",
     "lint": "yarn workspaces run lint",
     "now": "npx now",

diff --git a/packages/desktop/.gitignore b/packages/desktop/.gitignore
@@ -0,0 +1,15 @@
+.DS_Store
+.env.development.local
+.env.local
+.env.production.local
+.env.test.local
+.history
+.jest
+.vscode
+build
+coverage
+dist
+node_modules
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
diff --git a/packages/desktop/package.json b/packages/desktop/package.json
@@ -0,0 +1,80 @@
+{
+  "name": "@devhub/desktop",
+  "version": "0.0.1",
+  "private": false,
+  "main": "dist/electron.js",
+  "scripts": {
+    "build": "tsc -b && electron-builder -mw",
+    "clean": "rm -rf dist/*",
+    "format": "prettier --write '{.,src/**}/*.{js,jsx,ts,tsx}'",
+    "lint": "tslint -p .",
+    "predeploy": "yarn run build",
+    "start": "rm -rf dist && tsc && electron .",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "build": {
+    "productName": "devhub",
+    "appId": "com.devhubapp.devhub",
+    "dmg": {
+      "contents": [
+        {
+          "x": 410,
+          "y": 150,
+          "type": "link",
+          "path": "/Applications"
+        },
+        {
+          "x": 130,
+          "y": 150,
+          "type": "file"
+        }
+      ]
+    },
+    "directories": {
+      "output": "build"
+    },
+    "files": [
+      "dist/**/*",
+      "node_modules/**/*",
+      "package.json"
+    ],
+    "mac": {
+      "icon": "public/static/icns/logo.icns"
+    },
+    "win": {
+      "target": "nsis",
+      "icon": "public/static/icns/logo.ico"
+    },
+    "nsis": {
+      "oneClick": true
+    }
+  },
+  "dependencies": {
+    "@babel/polyfill": "^7.0.0",
+    "@devhub/components": "0.39.2",
+    "react": "^16.7.0-alpha.2",
+    "react-app-polyfill": "^0.1.3",
+    "react-art": "^16.7.0-alpha.2",
+    "react-dom": "^16.7.0-alpha.2",
+    "react-native-web": "^0.9.8",
+    "react-scripts": "2.1.1",
+    "resize-observer-polyfill": "^1.5.0"
+  },
+  "devDependencies": {
+    "electron": "^4.0.0",
+    "electron-builder": "^20.38.3",
+    "tslint": "^5.11.0",
+    "tslint-config-airbnb": "^5.11.1",
+    "tslint-config-prettier": "^1.17.0",
+    "typescript": "^3.2.1"
+  },
+  "resolutions": {
+    "scheduler": "0.12.0-alpha.3"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 9",
+    "not op_mini all"
+  ]
+}
diff --git a/packages/desktop/public/favicon.ico b/packages/desktop/public/favicon.ico
diff --git a/packages/desktop/public/index.html b/packages/desktop/public/index.html
@@ -0,0 +1,103 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <base target="_blank" />
+
+  <title>DevHub - TweetDeck for GitHub</title>
+  <meta name="description" content="Take back control of your GitHub workflow. Manage your notifications and follow repositories activities using columns and custom filters.">
+
+  <!-- Google / Search Engine Tags -->
+  <meta itemprop="name" content="DevHub - TweetDeck for GitHub">
+  <meta itemprop="description" content="Take back control of your GitHub workflow. Manage your notifications and follow repositories activities using columns and custom filters.">
+  <meta itemprop="image" content="https://user-images.githubusercontent.com/619186/49800542-dfcee000-fd2e-11e8-8e08-ff95c5872513.png">
+
+  <!-- Facebook Meta Tags -->
+  <meta property="og:url" content="https://devhubapp.com">
+  <meta property="og:type" content="website">
+  <meta property="og:title" content="DevHub - TweetDeck for GitHub">
+  <meta property="og:description" content="Take back control of your GitHub workflow. Manage your notifications and follow repositories activities using columns and custom filters.">
+  <meta property="og:image" content="https://user-images.githubusercontent.com/619186/49800542-dfcee000-fd2e-11e8-8e08-ff95c5872513.png">
+
+  <!-- Twitter Meta Tags -->
+  <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:title" content="DevHub - TweetDeck for GitHub">
+  <meta name="twitter:description" content="Take back control of your GitHub workflow. Manage your notifications and follow repositories activities using columns and custom filters.">
+  <meta name="twitter:image" content="https://user-images.githubusercontent.com/619186/49800542-dfcee000-fd2e-11e8-8e08-ff95c5872513.png">
+  <meta name="twitter:image:alt" content="Screenshot of the DevHub web app, showing 4 columns with GitHub activities on them.">
+  <meta name="twitter:creator" content="@brunolemos">
+  <meta name="twitter:site" content="@brunolemos">
+
+  <meta name="mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="application-name" content="DevHub">
+  <meta name="apple-mobile-web-app-title" content="DevHub">
+  <meta name="theme-color" content="#49d3b4">
+  <meta name="msapplication-navbutton-color" content="#49d3b4">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+  <meta name="msapplication-starturl" content="https://devhubapp.com/">
+  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
+
+  <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
+
+  <link rel="apple-touch-icon" type="image/png" sizes="100x100" href="%PUBLIC_URL%/static/media/logo.png">
+  <link rel="apple-touch-icon" type="image/png" sizes="200x200" href="%PUBLIC_URL%/static/media/[email protected]">
+  <link rel="apple-touch-icon" type="image/png" sizes="200x200" href="%PUBLIC_URL%/static/media/[email protected]">
+
+  <link rel="icon" type="image/png" sizes="100x100" href="%PUBLIC_URL%/static/media/logo.png">
+  <link rel="icon" type="image/png" sizes="200x200" href="%PUBLIC_URL%/static/media/[email protected]">
+  <link rel="icon" type="image/png" sizes="300x300" href="%PUBLIC_URL%/static/media/[email protected]">
+
+  <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+</head>
+
+<body>
+  <div id="root"></div>
+
+  <noscript id="error-container">
+    <link rel="stylesheet" href="%PUBLIC_URL%/static/css/error.css" />
+
+    <img src="%PUBLIC_URL%/static/media/logo.png" alt="DevHub Logo" width="100" height="100" />
+    <br />
+
+    <p>DevHub requires that you enable JavaScript to work.</p>
+  </noscript>
+
+  <script>
+    if (window.location.href.indexOf('//www.') >= 0) {
+      window.location.href = window.location.href.replace('//www.', '//')
+    }
+    /*
+    if ('serviceWorker' in navigator) {
+      window.addEventListener('load', function () {
+        navigator.serviceWorker
+          .register('%PUBLIC_URL%/service-worker.js')
+          .then(reg => {
+            reg.onupdatefound = () => {
+              const installingWorker = reg.installing
+              installingWorker.onstatechange = () => {
+                if (
+                  installingWorker.state === 'installed' &&
+                  navigator.serviceWorker.controller
+                ) {
+                  location.reload()
+                }
+              }
+            }
+          })
+      })
+    }
+    */
+  </script>
+
+  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-52350759-2"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag() { dataLayer.push(arguments); }
+    gtag('js', new Date());
+  </script>
+
+</body>
+
+</html>
diff --git a/packages/desktop/public/manifest.json b/packages/desktop/public/manifest.json
@@ -0,0 +1,39 @@
+{
+  "name": "DevHub",
+  "short_name": "DevHub",
+  "description": "TweetDeck for GitHub",
+  "lang": "en-US",
+  "start_url": "./?utm_source=web_app_manifest",
+  "display": "standalone",
+  "orientation": "any",
+  "theme_color": "#292c33",
+  "icons": [
+    {
+      "src": "static/media/logo.png",
+      "sizes": "100x100",
+      "type": "image/png"
+    },
+    {
+      "src": "static/media/logo.png",
+      "sizes": "200x200",
+      "type": "image/png"
+    },
+    {
+      "src": "static/media/logo.png",
+      "sizes": "300x300",
+      "type": "image/png"
+    },
+    {
+      "src": "static/media/[email protected]",
+      "sizes": "600x600",
+      "type": "image/png"
+    },
+    {
+      "src": "static/media/[email protected]",
+      "sizes": "900x900",
+      "type": "image/png"
+    }
+  ],
+  "background_color": "#1c1c1c",
+  "prefer_related_applications": true
+}
diff --git a/packages/desktop/public/static/css/arrow.css b/packages/desktop/public/static/css/arrow.css
@@ -0,0 +1,14 @@
+body {
+  background: transparent !important;
+  -webkit-app-region: drag !important;
+}
+
+.header-arrow {
+  width: 0;
+  height: 0;
+  border-right: 10px solid transparent;
+  border-bottom: 10px solid #fff;
+  border-left: 10px solid transparent;
+  margin: auto;
+  transition: border-bottom-width .2s ease,border-bottom-color .3s ease;
+}
diff --git a/packages/desktop/public/static/css/error.css b/packages/desktop/public/static/css/error.css
@@ -0,0 +1,25 @@
+* {
+  box-sizing: border-box;
+}
+
+body,
+html {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  display: flex;
+  align-content: center;
+  align-items: center;
+  background-color: #1c1c1c;
+  text-align: center;
+  color: #fff;
+  font-family: sans-serif;
+}
+
+#error-container {
+  margin: auto;
+}
diff --git a/packages/desktop/public/static/icns/logo.icns b/packages/desktop/public/static/icns/logo.icns
diff --git a/packages/desktop/public/static/icns/logo.ico b/packages/desktop/public/static/icns/logo.ico
diff --git a/packages/desktop/public/static/media/[email protected] b/packages/desktop/public/static/media/[email protected]
diff --git a/packages/desktop/public/static/media/logo.png b/packages/desktop/public/static/media/logo.png
diff --git a/packages/desktop/public/static/media/[email protected] b/packages/desktop/public/static/media/[email protected]
diff --git a/packages/desktop/public/static/media/[email protected] b/packages/desktop/public/static/media/[email protected]