RocketBrowser está pronto

.gitignore

@@ -1 +1,111 @@
-node_modules/
+
+# Created by https://www.gitignore.io/api/node
+# Edit at https://www.gitignore.io/?templates=node
+
+### Node ###
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# next.js build output
+.next
+
+# nuxt.js build output
+.nuxt
+
+# rollup.js default build output
+dist/
+
+# Uncomment the public line if your project uses Gatsby
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# https://create-react-app.dev/docs/using-the-public-folder/#docsNav
+# public
+
+# Storybook build outputs
+.out
+.storybook-out
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# Temporary folders
+tmp/
+temp/
+
+# End of https://www.gitignore.io/api/node

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 João Pedro Limão
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,75 @@
+# :rocket: RocketBrowser Always on Top
+
+
+<a href="#"><img src="https://img.shields.io/github/last-commit/JohnAzedo/RocketBrowser"></img></a><a href="https://github.com/JohnAzedo/RocketBrowser/blob/master/LICENSE">
+  <img alt="License" src="https://img.shields.io/badge/license-MIT-brightgreen.svg">
+</a><a href="https://www.linkedin.com/in/jo%C3%A3o-pedro-lim%C3%A3o-960495111/"><img src="https://img.shields.io/badge/Author-JohnAzedo-brightgreen"></img></a>
+<a><img src="https://img.shields.io/npm/v/npm"></img></a>
+
+WebView that is always on top. Just type your link and click in search.
+
+You can use it whenever you want to see a page always on the screen regardless of where to click or which program to open.
+
+![gif](https://user-images.githubusercontent.com/19677206/83300760-fa20a600-a1ce-11ea-9100-035f1ab3f9e2.gif)
+
+### Shortcuts
+
+Shortcuts | Description
+---------|---------
+Cmd+J or Ctrl+J | Show dev tools
+Cmd+B or Ctrl+b | Return to home page 
+
+## How to use?
+A guide to use this software
+
+### Install and usage
+
+Clone this repository:
+
+````sh
+git clone [email protected]:JohnAzedo/RocketBrowser.git
+````
+This command will install all dependences.
+Install npm before do this: 
+````sh
+npm install
+````
+
+Run application with:
+````sh
+npm start
+````
+
+### SASS compile command
+
+If you change something in SASS files, run this command: 
+```sh
+sass --sourcemap=none --no-cache app/assets/sass/*.sass:app/assets/css/*.css
+```
+## Project structure
+````sh
+.
+├── LICENSE
+├── README.md
+├── app
+│   ├── assets
+│   │   ├── css
+│   │   │   └── home.css
+│   │   └── sass
+│   │       └── home.sass
+│   ├── controllers
+│   │   └── home.js
+│   └── home.html
+├── app.js
+├── config
+│   └── settings.js
+├── package-lock.json
+└── package.json
+
+6 directories, 10 files
+````
+
+## Authors
+- [@johnazedo](https://github.com/JohnAzedo)
+
+- [@maykbrito](https://github.com/maykbrito)

app.js

@@ -1,5 +1,6 @@
-const { app, BrowserWindow, globalShortcut } = require('electron')
-const config = require('./config')
+const { app, BrowserWindow, globalShortcut} = require('electron')
+const config = require('./config/settings')
+
 
 let win = null
 let contents = null
@@ -18,7 +19,9 @@ function createWindow () {
     },
   })
 
-  win.loadURL(config.url)
+  // win.loadURL(config.url)
+
+  win.loadFile(config.file)
 
   contents = win.webContents
 
@@ -28,9 +31,16 @@ function toggleDevTools() {
   contents.toggleDevTools()
 }
 
+function backToHome(){
+  win.loadFile(config.file)
+
+}
+
 function createShortcuts() {
   globalShortcut.register('CmdOrCtrl+J', toggleDevTools)
+  globalShortcut.register('CmdOrCtrl+B', backToHome)
 }
+
 // This method will be called when Electron has finished
 // initialization and is ready to create browser windows.
 // Some APIs can only be used after this event occurs.
@@ -59,4 +69,8 @@ function recreateWindow() {
 }
 
 // In this file you can include the rest of your app's specific main process
-// code. You can also put them in separate files and require them here.
+// code. You can also put them in separate files and require them here.
+
+module.exports = {
+  currentWindow: win
+}

app/assets/css/home.css

@@ -0,0 +1,40 @@
+body {
+  background-color: #694db5;
+  align-items: center;
+  display: flex;
+  height: 100vh;
+  font-family: "Chelsea Market"; }
+
+input {
+  width: 85% !important;
+  border-top-left-radius: 20px !important;
+  border-bottom-left-radius: 20px !important; }
+
+input:focus {
+  outline: none !important;
+  border-color: #ffcc4d !important;
+  box-shadow: 0 0 5px #ffcc4d !important; }
+
+button {
+  width: 100%;
+  border-top-right-radius: 20px !important;
+  border-bottom-right-radius: 20px !important; }
+
+.row {
+  width: 100%; }
+
+.input-group-append {
+  width: 15% !important; }
+
+.titleBox {
+  margin: 30px; }
+
+i {
+  color: #ffcc4d; }
+
+h1, h4 {
+  color: white; }
+
+#container {
+  width: 100%;
+  margin-left: 0px; }

app/assets/sass/home.sass

@@ -0,0 +1,43 @@
+$color: #694db5
+$borderRadiusSize: 20px
+
+body
+  background-color: $color
+  align-items: center
+  display: flex
+  height: 100vh
+  font-family: 'Chelsea Market'
+
+input 
+  width: 85% !important
+  border-top-left-radius: $borderRadiusSize !important
+  border-bottom-left-radius: $borderRadiusSize !important
+
+input:focus
+  outline: none !important
+  border-color: #ffcc4d !important
+  box-shadow: 0 0 5px #ffcc4d !important
+
+button
+  width: 100%
+  border-top-right-radius: $borderRadiusSize !important
+  border-bottom-right-radius: $borderRadiusSize !important
+
+.row 
+  width: 100%
+
+.input-group-append
+  width: 15% !important
+
+.titleBox 
+  margin: 30px
+
+i
+  color: #ffcc4d
+
+h1, h4
+  color: white
+
+#container
+  width: 100%
+  margin-left: 0px

app/controllers/home.js

@@ -0,0 +1,16 @@
+// This file refer to index.html
+const electron = require('electron');
+const urlExists = require('url-exists');
+const currentWindow = electron.remote.getCurrentWindow()
+
+
+document.querySelector('#btnSearch').addEventListener('click', () => {
+    url =  document.getElementById("inputURL").value;
+    urlExists(url, function(err, exists) {
+        if (exists) {
+            currentWindow.loadURL(url);
+        }
+    });   
+});
+
+