First commit

Author: Alejandro Marques

.gitignore

@@ -0,0 +1,26 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+/dist
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# build
+/dist

README.md

@@ -0,0 +1,37 @@
+# Console Box AWS
+
+* First install all node dependencies with yarn.
+
+## Available Scripts
+
+In the project directory, you can run:
+
+### `yarn dev`
+
+Runs the app in the development mode at [http://localhost:3000].<br>
+Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
+
+You have to edit these lines to change between production and development.
+Comment the line that you do not use.
+**For production to work, you have to use the prebuild command**
+
+```javascript
+//view.webContents.loadURL(`http://localhost:3000?view=viewB&session=${workSpace}`);
+view.webContents.loadURL(`file://${path.join(remote.app.getAppPath(), `./build/index.html?view=viewB&session=${workSpace}`)}`);
+```
+
+The page will reload if you make edits.<br>
+You will also see any lint errors in the console.
+
+### `yarn prebuild-pack`
+
+Builds the app for production to the `build` folder.<br>
+It correctly bundles React in production mode and optimizes the build for the best performance.
+
+The build is minified and the filenames include the hashes.<br>
+Your app is ready to be packaged!
+
+### `yarn dist-all`
+
+Package and create the executables for windows and mac in the dist folder.
+

package.json

@@ -0,0 +1,67 @@
+{
+	"name": "CBAWS",
+	"version": "0.1.6",
+	"author": "Alejandro Jimenez Marques",
+	"private": true,
+	"homepage": "./",
+	"main": "public/electron.js",
+	"dependencies": {
+		"@material-ui/core": "^3.8.1",
+		"@material-ui/icons": "^3.0.1",
+		"electron-is-dev": "^1.0.1",
+		"electron-store": "^2.0.0",
+		"query-string": "^6.2.0",
+		"react": "^16.7.0",
+		"react-dom": "^16.7.0",
+		"react-draggable-tab": "^0.10.1",
+		"react-redux": "^6.0.0",
+		"react-router-dom": "^4.3.1",
+		"react-router-redux": "^4.0.8",
+		"react-scripts": "2.1.3",
+		"redux": "^4.0.1",
+		"typeface-roboto": "^0.0.54"
+	},
+	"scripts": {
+		"start": "react-scripts start",
+		"build": "react-scripts build",
+		"test": "react-scripts test",
+		"eject": "react-scripts eject",
+		"dev": "concurrently \"BROWSER=none yarn start\" \"wait-on http://localhost:3000 && electron .\"",
+		"prebuild-pack": "yarn build",
+		"dist-mac": "build -c.extraMetadata.main=build/electron.js",
+		"dist-all": "electron-builder -mw"
+	},
+	"eslintConfig": {
+		"extends": "react-app"
+	},
+	"browserslist": [
+		">5%",
+		"not dead",
+		"not ie <= 11",
+		"not op_mini all"
+	],
+	"devDependencies": {
+		"concurrently": "^4.1.0",
+		"electron": "^4.0.3",
+		"electron-builder": "^20.38.4",
+		"wait-on": "^3.2.0"
+	},
+	"build": {
+		"appId": "com.devopensource.CBAWS",
+		"files": [
+			"build/**/*",
+			"node_modules/**/*"
+		],
+		"directories": {
+			"buildResources": "assets"
+		},
+		"mac": {
+			"target": "dmg",
+			"icon": "build/icon.icns"
+		},
+		"win": {
+			"target": "nsis",
+			"icon": "build/icon.ico"
+		}
+	}
+}

public/components/Preload.css

@@ -0,0 +1,56 @@
+.preload{
+	width: 100%;
+	height: 100%;
+	display: flex;
+	position: fixed;
+	align-items: center;
+	justify-content: center;
+  }
+
+  .App-logo {
+	height: 40vmin;
+  }
+
+  .rotate-scale-down-diag-2 {
+	-webkit-animation: rotate-scale-down-diag-2 1.2s ease-in 0.5s infinite both;
+	        animation: rotate-scale-down-diag-2 1.2s ease-in 0.5s infinite both;
+}
+
+/* ----------------------------------------------
+ * Generated by Animista on 2019-1-22 9:42:54
+ * w: http://animista.net, t: @cssanimista
+ * ---------------------------------------------- */
+
+/**
+ * ----------------------------------------
+ * animation rotate-scale-down-diag-2
+ * ----------------------------------------
+ */
+ @-webkit-keyframes rotate-scale-down-diag-2 {
+  0% {
+    -webkit-transform: scale(1) rotate3d(-1, 1, 0, 0deg);
+            transform: scale(1) rotate3d(-1, 1, 0, 0deg);
+  }
+  50% {
+    -webkit-transform: scale(0.5) rotate3d(-1, 1, 0, 180deg);
+            transform: scale(0.5) rotate3d(-1, 1, 0, 180deg);
+  }
+  100% {
+    -webkit-transform: scale(1) rotate3d(-1, 1, 0, 360deg);
+            transform: scale(1) rotate3d(-1, 1, 0, 360deg);
+  }
+}
+@keyframes rotate-scale-down-diag-2 {
+  0% {
+    -webkit-transform: scale(1) rotate3d(-1, 1, 0, 0deg);
+            transform: scale(1) rotate3d(-1, 1, 0, 0deg);
+  }
+  50% {
+    -webkit-transform: scale(0.5) rotate3d(-1, 1, 0, 180deg);
+            transform: scale(0.5) rotate3d(-1, 1, 0, 180deg);
+  }
+  100% {
+    -webkit-transform: scale(1) rotate3d(-1, 1, 0, 360deg);
+            transform: scale(1) rotate3d(-1, 1, 0, 360deg);
+  }
+}

public/components/cbaws-icono.svg

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="theme-color" content="#000000">
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
+    <link rel="stylesheet" href="./Preload.css">
+    <title>Console Box AWS</title>
+  </head>
+  <body style="background-color: #23303D; margin:0!important;">
+    <div class="container preload" >
+      <img src="./cbaws-icono.svg" class="rotate-scale-down-diag-2 App-logo" alt="logo" />
+    </div>
+  </body>
+</html>

public/components/preload.html

@@ -0,0 +1,67 @@
+const electron = require('electron');
+const app = electron.app;
+//const { BrowserWindow, BrowserView} = electron.BrowserWindow;
+const { BrowserWindow, BrowserView} = require('electron');
+const path = require('path');
+const isDev = require('electron-is-dev');
+const Store = require('electron-store');
+const store = new Store();
+
+let preloadWindow;
+let mainWindow;
+
+
+function preloader() {
+	preloadWindow = new BrowserWindow({
+		width: 200, 
+		height: 200, 
+		frame: false,
+		resizable: false,
+	});
+	preloadWindow.loadURL(`file://${path.join(__dirname, '../build/components/preload.html')}`);
+	preloadWindow.on('closed', () => (preloadWindow = null));
+	//preloadWindow.setIgnoreMouseEvents(true);
+}
+
+function createWindow() {
+	
+	mainWindow = new BrowserWindow({
+		width: 900, 
+		height: 680 , 
+		show:false, 
+		icon: path.join(__dirname, './icon.icns'),
+		minWidth: 600, // set a min width!
+		minHeight: 300, // and a min height!
+		frame: true,
+		titleBarStyle: 'default',
+		nodeIntegration: false
+	});
+
+	preloader();
+	mainWindow.loadURL(isDev ? 'http://localhost:3000?view=viewA' : `file://${path.join(__dirname, '../build/index.html?view=viewA')}`);
+	mainWindow.on('closed', () => (mainWindow = null));
+	mainWindow.once('ready-to-show', () => {
+		preloadWindow.hide();
+		preloadWindow.close();
+		mainWindow.show();
+	});
+	//Menu allow copy paste
+	require('./menu/mainMenu');
+}
+
+app.on('ready', createWindow);
+
+app.on('window-all-closed', () => {
+	if (process.platform !== 'darwin') {
+		app.quit();
+	}
+});
+
+app.on('activate', () => {
+	if (mainWindow === null) {
+		createWindow();
+	}
+});
+
+
+