VPN.ht Desktop Application for Windows and Mac OS X built on top of Electron.
https://vpn.ht
VPN.ht is an application built using electron. While it's work in progress, the goal is to make VPN.ht a high-performance, portable Javascript ES6 application built with React and Flux (using alt. It adopts a single data flow pattern:
Getting Started
npm install
npm start
npm start
will download and install Electron.Building & Release
npm run release
Architecture
Overview
Note: This architecture is work in progress and doesn't reflect the current state of the app, yet!VPN.ht is an application built using electron. While it's work in progress, the goal is to make VPN.ht a high-performance, portable Javascript ES6 application built with React and Flux (using alt. It adopts a single data flow pattern:
╔═════════╗ ╔════════╗ ╔═════════════════╗
║ Actions ║──────>║ Stores ║──────>║ View Components ║
╚═════════╝ ╚════════╝ ╚═════════════════╝
^ │
└──────────────────────────────────────┘
There are three primary types of objects:- Actions: Interact with the system (OpenVPN, Hub, etc)
- Views: Views make up the UI, and trigger available actions.
- Stores: Stores store the state of the application.
- Utils: Utils interact with APIs, outside systems, CLI tools and generate. They are called by user-generated actions and in return, also create actions based on API return values, CLI output etc.
Guidelines
- Avoid asynchronous code in Actions, Stores or Views. Instead, put code involving callbacks, promises or generators in utils or actions.
No comments:
Post a Comment