started save and open functionality

Author: kenhughlee

LICENSE.md

@@ -0,0 +1,7 @@
+Copyright © 2017 React Primer. All Rights Reserved
+
+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

@@ -1,86 +1,93 @@
-# ReactPrimer
+<h1><center>ReactPrimer </center></h1>
+<p align="center">
+  <img src="/assets/icons/png/128x128.png">
+</p>
 
-One Paragraph of project description goes here
+<p align="center">React Primer is component prototyping tool that generates fully connected class component code.</p>
+<p align="center">
+<img src="/assets/demo/demo_15mb.gif"/>
+</p>
 
-## Getting Started
+## Setup
 
-These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.
+###### MacOS
 
-### Prerequisites
+1. [Download](https://github.com/ReactPrimer/ReactPrimer/releases/download/0.0.0.0.2/ReactPrimer.dmg) the latest release .dmg file.
+2. Open the installer.
+3. Move React Primer to you local application folder.
 
-What things you need to install the software and how to install them
+###### Linux
+1. [Download](https://github.com/ReactPrimer/ReactPrimer/releases/download/0.0.0.0.2/React-Primer_1.0.0_amd64.deb) the latest .deb file  
+2. Unpackage the .deb file 
+3. Find the executable in  usr/lib/React-Primer
 
-```
-Give examples
-```
+###### Windows
+*Coming Soon*
 
-### Installing
+## Usage
 
-A step by step series of examples that tell you have to get a development env running
+* Name individual components, assign parent-child relationships, and add components to the project tree.
 
-Say what the step will be
+* Drag and drop individual components to restructure the hierarchy tree view.
 
-```
-Give the example
-```
+* Export project to generate a folder of fully connected component classes.
 
-And repeat
+* Save generated components locally to a new or existing project.
 
-```
-until finished
-```
+## Forking Your Own Version
+**If you'd like to build your own version of React Primer:**
 
-End with an example of getting some data out of the system or using it for a little demo
+1. Clone the repo and `npm install` dependancies.
 
-## Running the tests
+2. Open one terminal and `npm run dev` to generate the webpack build.
 
-Explain how to run the automated tests for this system
+3. Open another terminal and `npm start` to start Electron.
 
-### Break down into end to end tests
+4. Uncomment line 23 `require('electron-reload')(__dirname);` for hot reloading (Optional).
 
-Explain what these tests test and why
+3. Enable Devloper Tools (Optional).
 
-```
-Give an example
-```
+&nbsp;&nbsp;&nbsp;&nbsp; *Chrome Developer Tool*
 
-### And coding style tests
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; a. Uncomment line 45 `mainWindow.webContents.openDevTools()`
 
-Explain what these tests test and why
+&nbsp;&nbsp;&nbsp;&nbsp; *React Developer Tool*
+
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; a. Uncomment line 78 `const configValues = require('./config');`
+
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; b. Uncomment line 79 `BrowserWindow.addDevToolsExtension(configValues.absolutePath);`
+
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; c. Create `./config` in root directory:
 
 ```
-Give an example
+{
+  "absolutePath": "/Users/*User*/Library/Application Support/Google/Chrome/Default/Extensions/fmkadmapgofadopljbjfkapdkoienihi/2.5.2_0"
+}
 ```
 
-## Deployment
+## Why
+
+React Primer provides a visual representation of your project during the preliminary stages of development, before you write a single line of code.
 
-Add additional notes about how to deploy this on a live system
+This simple to use application saves time by generating component files that automatically require and render their child components based on the prototyped hierarchy.
 
-## Built With
+React Primer’s component tree GUI makes it easy to test, edit, and re-export your component tree as many times as needed.
 
-* [Dropwizard](http://www.dropwizard.io/1.0.2/docs/) - The web framework used
-* [Maven](https://maven.apache.org/) - Dependency Management
-* [ROME](https://rometools.github.io/rome/) - Used to generate RSS Feeds
 
 ## Contributing
 
-Please read [CONTRIBUTING.md](https://gist.github.com/PurpleBooth/b24679402957c63ec426) for details on our code of conduct, and the process for submitting pull requests to us.
 
-## Versioning
+Please submit issues/pull requests if you have feedback or message the React Primer team to be added as a contributor: [email protected]
 
 
 ## Authors
 
-* *Kat* - https://github.com/ksampias
-* *Vince* - https://github.com/vincevuong
-* *Ken* - https://github.com/kenhughlee
+Ken Lee (https://github.com/kenhughlee)
 
-## License
+Kat Sampias (https://github.com/ksampias)
 
-This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details
+Vince Vuong (https://github.com/vincevuong)
 
-## Acknowledgments
+## License
 
-* Hat tip to anyone who's code was used
-* Inspiration
-* etc
+This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details

assets/demo/demo_15mb.gif

@@ -3,7 +3,7 @@
 
 <head>
   <meta charset="UTF-8">
-  <title>ReactPrimer</title>
+  <title>RPrimer</title>
   <link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet">
   <link rel="stylesheet" type="text/css" href="build/bundle.css">
 </head>
@@ -13,4 +13,4 @@
   <script src='build/bundle.js'></script>
 </body>
 
-</html>
+</html>

assets/logo/32x32.png

@@ -4,7 +4,9 @@ const electron = require('electron');
 const app = electron.app
 const BrowserWindow = electron.BrowserWindow
 const IPC = require('electron').ipcMain;
-const { dialog, Menu } = require('electron');
+const { dialog } = require('electron');
+const Menu = electron.Menu;
+const openAboutWindow = require('about-window').default;
 
 const path = require('path');
 const url = require('url');
@@ -13,10 +15,8 @@ const fs = require('fs');
 // file template generator function
 const fileContent = require('./fileContent.js');
 const flattenComponent = require('./flattenComponent.js');
-const openFile = require('./openFile.js');
-const saveFile = require('./saveFile.js');
 
-require('electron-reload')(__dirname);
+// require('electron-reload')(__dirname);
 // Keep a global reference of the window object, if you don't, the window will
 // be closed automatically when the JavaScript object is garbage collected.
 let mainWindow
@@ -71,8 +71,28 @@ function createWindow() {
     slashes: true
   }))
 
+  // About React Primer window in menu
+  const menu = Menu.buildFromTemplate([
+    {
+      label: 'React Primer',
+      submenu: [
+        {
+          label: 'About React Primer',
+          click: () => openAboutWindow({
+            icon_path: path.join(__dirname, './assets/icons/png/256x256.png'),
+            copyright: 'Copyright © 2017 React Primer. All Rights Reserved.',
+            homepage: 'http://react-primer.com/',
+            bug_report_url: 'https://github.com/ReactPrimer/ReactPrimer/issues',
+            description: "React Prototyping Tool"
+          })
+        }
+      ]
+    }
+  ]);
+  Menu.setApplicationMenu(menu);
+
   // Open the DevTools.
-  mainWindow.webContents.openDevTools()
+  //mainWindow.webContents.openDevTools()
 
 
 
@@ -114,7 +134,7 @@ IPC.on('openFile',(event) =>{
     },
       filename => {
         fs.readFileSync(filename, data => {
-          event.sender.send('fileData', data);
+          IPC.send('fileData', data);
         })
       }
     )

assets/logo/48x48.png

@@ -9,10 +9,10 @@
     "dev": "webpack",
     "start": "electron .",
     "package-win": "electron-packager . --overwrite --asar=true --platform=win32 --arch=ia32 --icon=assets/icons/png/32x32.png --prune=true --out=release-builds --version-string.CompanyName=CE --version-string.FileDescription=CE --version-string.ProductName=\"React Primer\"",
-    "package-linux": "electron-packager .  Reactprimer --overwrite --asar=true --platform=linux --arch=x64 --icon=assets/icons/png/256x256.png --prune=true --out=release-builds",
-    "package-mac": "electron-packager . --overwrite --platform=darwin --arch=x64 --icon=assets/icons/mac/icon.icns --prune=true --out=release-builds",
     "create-installer-win": "node installers/windows/createinstaller.js",
+    "package-linux": "electron-packager .  Reactprimer --overwrite --asar=true --platform=linux --arch=x64 --icon=assets/icons/png/256x256.png --prune=true --out=release-builds",
     "create-debian-installer": "electron-installer-debian --src release-builds/Reactprimer-linux-x64/ --arch amd64 --config debian.json",
+    "package-mac": "electron-packager . --overwrite --platform=darwin --arch=x64 --icon=assets/icons/mac/icon.icns --prune=true --out=release-builds",
     "installer-mac": "electron-installer-dmg ./release-builds/ReactPrimer-darwin-x64/ReactPrimer.app ReactPrimer"
   },
   "jest": {
@@ -46,7 +46,8 @@
     "file-loader": "^0.9.0",
     "identity-obj-proxy": "^3.0.0",
     "sinon": "^4.1.2",
-    "webpack": "^2.2.1"
+    "webpack": "^2.2.1",
+    "about-window": "^1.8.0"
   },
   "dependencies": {
     "babel-preset-es2015": "^6.24.1",