Skip to content

Commit aa4416d

Browse files
windows icon change
2 parents c998535 + 2933cb9 commit aa4416d

26 files changed

+344
-501
lines changed

.gitignore

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -480,7 +480,7 @@ ASALocalRun/
480480
.mfractor/
481481

482482
# DMG File
483-
React-Proto.dmg
483+
reactype.dmg
484484
installers/
485485

486486
# End of https://www.gitignore.io/api/node,linux,macos,windows,visualstudio,yarn

.npmignore

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -477,7 +477,7 @@ ASALocalRun/
477477
.mfractor/
478478

479479
# DMG File
480-
React-Proto.dmg
480+
reactype.dmg
481481
installers/
482482
assets/
483483
.git/

README.md

Lines changed: 10 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,8 @@
1-
# ReacType
1+
2+
<p align="center">
3+
<img width="50" src="https://github.com/team-reactype/ReacType/blob/master/src/public/icons/png/256x256.png?raw=true">
4+
<h1 align="center">ReacType </h1>
5+
</p>
26

37
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/team-reactype/ReacType/pulls)
48
![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)
@@ -7,9 +11,9 @@
711

812
**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.
913

10-
Download for [MacOS](), [Windows](), [Linux]().
14+
Download for [MacOS](https://github.com/team-reactype/ReacType/releases/tag/Mac.Version.1.0), [Windows](https://github.com/team-reactype/ReacType/releases/tag/PC.Version.1.0), [Linux](https://github.com/team-reactype/ReacType/releases/tag/Linux.Version.1.0).
1115

12-
![Image of ReacType Application](src/public/images/TreeImageComponent.png)
16+
![Image of ReacType Application](https://i.imgur.com/2sefnAk.jpg)
1317

1418
### How to use
1519

@@ -20,10 +24,12 @@ Download for [MacOS](), [Windows](), [Linux]().
2024
- 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.
2125
- **_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'.
2226
- **_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.
23-
- 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.
27+
- To **_delete_** a _child_ or instance from the canvas, select the desired instance and either press the _delete_ key.
2428
- To **_delete_** a _component_, click the 'DELETE' button of the desired component in the left panel.
2529
- To _start over_, select the blue 'CLEAR WORKSPACE' button in the left panel. This will **clear the entire application**.
2630

31+
![Image of ReacType Application 2](https://i.imgur.com/OCJ8nnw.png)
32+
2733
### To Export Files
2834

2935
- 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:

main.js

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,11 @@
1+
const path = require('path');
2+
13
const {
24
app, BrowserWindow, Menu, shell, dialog, ipcMain,
35
} = require('electron');
46

57
// Uncomment below for hot reloading during development
6-
require('electron-reload')(__dirname);
8+
// require('electron-reload')(__dirname);
79

810
// const isDev = true;
911
const isDev = process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'test';
@@ -65,6 +67,7 @@ const createWindow = () => {
6567
'node-Integration': false,
6668
},
6769
show: false,
70+
icon: path.join(__dirname, '/src/public/icons/mac/icon.icns'),
6871
});
6972

7073
// and load the index.html of the app.

0 commit comments

Comments
 (0)