Merge pull request #108 from team-reactype/development

1.0 master merge

Author: spincycle01

.gitignore

@@ -480,7 +480,7 @@ ASALocalRun/
 .mfractor/
 
 # DMG File
-React-Proto.dmg
+reactype.dmg
 installers/
 
 # End of https://www.gitignore.io/api/node,linux,macos,windows,visualstudio,yarn

.npmignore

@@ -477,7 +477,7 @@ ASALocalRun/
 .mfractor/
 
 # DMG File
-React-Proto.dmg
+reactype.dmg
 installers/
 assets/
 .git/

README.md

@@ -1,14 +1,15 @@
 # ReacType
 
-
 [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/team-reactype/ReacType/pulls)
 ![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)
 
 **ReacType** is a visual prototyping tool for developers employing **React** component architecture alongside the comprehensive type checking of **TypeScript**.
 
 **ReacType** allows the user to _visualize_ their application architecture dynamically, employing a _canvas display_, an _application tree_, and a _component code preview_. The user can create components and load _instances_ of these components, as well as nested HTML elements, onto the canvas. This architecture can then be _exported_ as TypeScript application files to be used as a starter template for any repository.
 
- Download for [MacOS](), [Windows](), [Linux]().
+Download for [MacOS](), [Windows](), [Linux]().
+
+![Image of ReacType Application](https://i.imgur.com/2sefnAk.jpg)
 
 ### How to use
 
@@ -19,10 +20,12 @@
 - The bottom panel allows the user to toggle between 4 different views: a tree diagram of the application, a preview of the exportable code, a form to enter component props, and a form to add HTML attributes.
 - **_Props_** can be added to each component within its tab on bottom panel. Enter in a _key-value pair_, select its data _type_ and press the bottom 'ADD PROP'.
 - **_HTML Element Attributes_** of class name and ID can be added to each HTML element after an HTML element has been rendered to the canvas.
-- To **_delete_** a _child_ or instance from the canvas, select the desired instance and either press the _delete_ key or click the 'DELETE CHILD' button.
+- To **_delete_** a _child_ or instance from the canvas, select the desired instance and either press the _delete_ key.
 - To **_delete_** a _component_, click the 'DELETE' button of the desired component in the left panel.
 - To _start over_, select the blue 'CLEAR WORKSPACE' button in the left panel. This will **clear the entire application**.
 
+![Image of ReacType Application 2](https://i.imgur.com/OCJ8nnw.png)
+
 ### To Export Files
 
 - Once finished setting up the application template, press the green 'EXPORT PROJECT' button at the bottom of the left panel and choose between two options to export your files:

electron-builder.yml

@@ -7,7 +7,7 @@ linux:
   target:
     - AppImage
     - deb
-  maintainer: test@gmail.com
+  maintainer: spincycle01@yahoo.com
 mac:
   category: public.app-category.developer-tools
   target: dmg

main.js

@@ -1,9 +1,11 @@
+const path = require('path');
+
 const {
   app, BrowserWindow, Menu, shell, dialog, ipcMain,
 } = require('electron');
 
 // Uncomment below for hot reloading during development
-require('electron-reload')(__dirname);
+// require('electron-reload')(__dirname);
 
 // const isDev = true;
 const isDev = process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'test';
@@ -65,6 +67,7 @@ const createWindow = () => {
       'node-Integration': false,
     },
     show: false,
+    icon: path.join(__dirname, '/src/public/icons/mac/icon.icns'),
   });
 
   // and load the index.html of the app.