getting started

.editorconfig

@@ -0,0 +1,12 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

.gitignore

@@ -1,3 +1,4 @@
 .DS_Store
 node_modules/
 dist/
+npm-debug.log

.travis.yml

@@ -0,0 +1,16 @@
+os:
+  - osx
+
+language: node_js
+sudo: false
+node_js: node
+
+script:
+  - npm run dist
+
+#before_install:
+
+#after_success:
+
+notifications:
+  email: true

app/npm-debug.log

@@ -0,0 +1,25 @@
+0 info it worked if it ends with ok
+1 verbose cli [ '/Users/terkel/.nvm/versions/node/v6.2.2/bin/node',
+1 verbose cli   '/Users/terkel/.nvm/versions/node/v6.2.2/bin/npm',
+1 verbose cli   'start' ]
+2 info using npm@3.9.5
+3 info using node@v6.2.2
+4 verbose stack Error: missing script: start
+4 verbose stack     at run (/Users/terkel/.nvm/versions/node/v6.2.2/lib/node_modules/npm/lib/run-script.js:150:19)
+4 verbose stack     at /Users/terkel/.nvm/versions/node/v6.2.2/lib/node_modules/npm/lib/run-script.js:60:5
+4 verbose stack     at /Users/terkel/.nvm/versions/node/v6.2.2/lib/node_modules/npm/node_modules/read-package-json/read-json.js:356:5
+4 verbose stack     at checkBinReferences_ (/Users/terkel/.nvm/versions/node/v6.2.2/lib/node_modules/npm/node_modules/read-package-json/read-json.js:320:45)
+4 verbose stack     at final (/Users/terkel/.nvm/versions/node/v6.2.2/lib/node_modules/npm/node_modules/read-package-json/read-json.js:354:3)
+4 verbose stack     at then (/Users/terkel/.nvm/versions/node/v6.2.2/lib/node_modules/npm/node_modules/read-package-json/read-json.js:124:5)
+4 verbose stack     at ReadFileContext.<anonymous> (/Users/terkel/.nvm/versions/node/v6.2.2/lib/node_modules/npm/node_modules/read-package-json/read-json.js:295:20)
+4 verbose stack     at ReadFileContext.callback (/Users/terkel/.nvm/versions/node/v6.2.2/lib/node_modules/npm/node_modules/graceful-fs/graceful-fs.js:78:16)
+4 verbose stack     at FSReqWrap.readFileAfterOpen [as oncomplete] (fs.js:359:13)
+5 verbose cwd /Users/terkel/Documents/Code/Personal/ramme/app
+6 error Darwin 16.1.0
+7 error argv "/Users/terkel/.nvm/versions/node/v6.2.2/bin/node" "/Users/terkel/.nvm/versions/node/v6.2.2/bin/npm" "start"
+8 error node v6.2.2
+9 error npm  v3.9.5
+10 error missing script: start
+11 error If you need help, you may report this error at:
+11 error     <https://github.com/npm/npm/issues>
+12 verbose exit [ 1, true ]

app/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "Ramme",
+  "main": "dist/main",
+  "private": true,
+  "version": "3.0.0",
+  "description": "Unofficial Instagram Desktop App",
+  "repository": "terkelg/ramme",
+  "license": "MIT",
+  "author": {
+    "name": "Terkel Gjervig",
+    "email": "hello@terkel.com",
+    "url": "terkel.com"
+  },
+  "bugs": {
+    "url": "https://github.com/terkelg/ramme/issues"
+  },
+  "keywords": [
+    "Instagram",
+    "Electron",
+    "Social",
+    "Client"
+  ],
+  "dependencies": {
+    "electron-config": "^0.2.1",
+    "electron-debug": "^1.0.1",
+    "electron-is-dev": "^0.1.2",
+    "element-ready": "^0.2.0",
+    "first-run": "^1.2.0",
+    "ms": "^0.7.2",
+    "os": "^0.1.1"
+  }
+}

config.js → app/src/main/config.js

@@ -1,4 +1,3 @@
-'use strict'
 const Config = require('electron-config')
 
 module.exports = new Config({

main.js → app/src/main/index.js

@@ -1,22 +1,20 @@
-'use strict'
-const path = require('path')
-const fs = require('fs')
-const electron = require('electron')
-const appMenu = require('./menu')
-const config = require('./config')
-const tray = require('./tray')
-const version = require('./version')
-
-const app = electron.app
-const ipcMain = electron.ipcMain
+import * as path from 'path'
+import * as fs from 'fs'
+import { BrowserWindow, app, Menu, ipcMain, shell} from 'electron'
+import appMenu from './menus'
+import config from './config'
+import tray from './tray'
 
 require('electron-debug')()
 
-const BrowserWindow = electron.BrowserWindow
-
 let mainWindow
 let isQuitting = false
 
+let renderer = {
+  styles: '../renderer/styles',
+  js: '../renderer/js'
+}
+
 const isAlreadyRunning = app.makeSingleInstance(() => {
   if (mainWindow) {
     if (mainWindow.isMinimized()) {
@@ -40,7 +38,7 @@ function createMainWindow () {
   const lastWindowState = config.get('lastWindowState')
   const isDarkMode = config.get('darkMode')
   const userAgent = 'Mozilla/5.0 (iPhone; CPU iPhone OS 9_1 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13B143 Safari/601.1'
-  const rammeDesktopIcon = path.join(__dirname, 'static/icon.png')
+  const rammeDesktopIcon = path.join(__dirname, '../static/icon.png')
   const maxWidthValue = 550
   const minWidthValue = 400
 
@@ -63,7 +61,7 @@ function createMainWindow () {
     backgroundColor: isDarkMode ? '#192633' : '#fff',
     autoHideMenuBar: true,
     webPreferences: {
-      preload: path.join(__dirname, 'browser.js'),
+      preload: path.join(__dirname, renderer.js, 'index.js'),
       nodeIntegration: false
     }
   })
@@ -92,7 +90,7 @@ function createMainWindow () {
 }
 
 app.on('ready', () => {
-  electron.Menu.setApplicationMenu(appMenu)
+  Menu.setApplicationMenu(appMenu)
   mainWindow = createMainWindow()
 
   const page = mainWindow.webContents
@@ -110,17 +108,15 @@ app.on('ready', () => {
   })
 
   page.on('dom-ready', () => {
-    page.insertCSS(fs.readFileSync(path.join(__dirname, 'browser.css'), 'utf8'))
-    page.insertCSS(fs.readFileSync(path.join(__dirname, 'dark-browser.css'), 'utf8'))
+    page.insertCSS(fs.readFileSync(path.join(__dirname, renderer.styles, 'main.css'), 'utf8'))
+    page.insertCSS(fs.readFileSync(path.join(__dirname, renderer.styles, 'theme-dark.css'), 'utf8'))
     mainWindow.show()
   })
 
   page.on('new-window', (e, url) => {
     e.preventDefault()
-    electron.shell.openExternal(url)
+    shell.openExternal(url)
   })
-
-  setTimeout(function () { version.check() }, 8000)
 })
 
 app.on('activate', () => {

menu.js → app/src/main/menus.js

@@ -1,12 +1,7 @@
-'use strict'
-const os = require('os')
-const path = require('path')
-const electron = require('electron')
-const version = require('./version')
+import os from 'os'
+import * as path from 'path'
+import {app, BrowserWindow, Menu, shell, dialog} from 'electron'
 
-const app = electron.app
-const BrowserWindow = electron.BrowserWindow
-const shell = electron.shell
 const appName = app.getName()
 
 
@@ -22,12 +17,6 @@ function sendAction (action) {
 
 const helpSubmenu = [
   {
-    label: 'Check for Updates...',
-    click () {
-      version.check()
-    }
-  },
-  {
     type: 'separator'
   },
   {
@@ -59,7 +48,7 @@ if (process.platform !== 'darwin') {
   }, {
     role: 'about',
     click () {
-      electron.dialog.showMessageBox({
+      dialog.showMessageBox({
         title: `About ${appName}`,
         message: `${appName} ${app.getVersion()}`,
         detail: 'Created by Terkel Gjervig',
@@ -305,4 +294,4 @@ if (process.platform === 'darwin') {
 
 // const tpl = process.platform === 'darwin' ? darwinTpl : otherTpl;
 
-module.exports = electron.Menu.buildFromTemplate(template)
+module.exports = Menu.buildFromTemplate(template)

tray.js → app/src/main/tray.js

@@ -1,14 +1,8 @@
-'use strict'
-const path = require('path')
-const electron = require('electron')
+import * as path from 'path'
+import {app, shell, Tray, Menu} from 'electron'
 
-const app = electron.app
-const shell = electron.shell
-const Tray = electron.Tray
-const Menu = electron.Menu
-
-const trayIconDefault = path.join(__dirname, 'static/icon-18x18.png')
-const trayIconWindows = path.join(__dirname, 'static/icon.ico')
+const trayIconDefault = path.join(__dirname, '../static/icon-18x18.png')
+const trayIconWindows = path.join(__dirname, '../static/icon.ico')
 let tray = null
 
 exports.create = win => {

browser.js → app/src/renderer/js/index.js

@@ -1,9 +1,7 @@
-'use strict'
-const electron = require('electron')
-const config = require('./config')
-const elementReady = require('element-ready')
+import { ipcRenderer } from 'electron'
+import config from '../../main/config'
+import elementReady from 'element-ready'
 
-const ipcRenderer = electron.ipcRenderer
 const $ = document.querySelector.bind(document)
 
 var post = 0

dark-browser.css → app/src/renderer/styles/theme-dark.scss

@@ -141,7 +141,6 @@ html.dark-mode #react-root ._oyz6j {
 
 /* username */
 html.dark-mode #react-root ._2uju6 {
-  j
 }
 
 /* seach field */

gulpfile.babel.js

@@ -0,0 +1,30 @@
+import babel from 'gulp-babel'
+import gulp from 'gulp'
+import sass from 'gulp-sass'
+//import injectSvg from 'gulp-inject-svg'
+
+gulp.task('build:js:main', () =>
+  gulp.src('app/src/main/*.js')
+    .pipe(babel())
+    .pipe(gulp.dest('app/dist/main')))
+
+gulp.task('build:js:renderer', () =>
+  gulp.src('app/src/renderer/js/*.js')
+    .pipe(babel())
+    .pipe(gulp.dest('app/dist/renderer/js')))
+
+gulp.task('build:scss', () =>
+  gulp.src('app/src/renderer/styles/*')
+    .pipe(sass().on('error', sass.logError))
+    .pipe(gulp.dest('app/dist/renderer/styles')))
+
+
+gulp.task('build', ['build:js:main', 'build:scss', 'build:js:renderer'])
+
+gulp.task('default', ['build'])
+
+gulp.task('watch', ['build'], () => {
+  gulp.watch('app/src/main/*.js', ['build:js:main'])
+  gulp.watch('app/src/renderer/*.js', ['build:js:renderer'])
+  gulp.watch('app/src/renderer/styles/*', ['build:scss'])
+})