Sample Electron Application with Angular 1.x, ES6, JSPM and NeDB.

This is a fork of the work of Thorsten Hans. For more details on his original work, see the post on his blog http://www.dotnet-rocks.com/2015/05/04/writing-an-electron-atom-shell-app-using-angular-and-es6/. Other useful reference resouces can be found on the site of JSPM.io (http://jspm.io/), including a good introduction to JSPM at: http://developer.telerik.com/featured/choose-es6-modules-today.

The intention of this work is to figure out a framework skeleton for an Electron desktop project. This sample uses the following components and features:

1. Electron;
2. Angular 1.x; (Angular 2.0 is not yet ready at this moment)
3. ES6;
4. Single SPA with multiple views;
5. Multiple SPAs support and navigation;
6. Bootstrap and Material CSS;
7. Javascript Database.

Major modifications to the original sample are:

1. Added NeDB-based Customers demo from my fork of ElectronAngular (https://github.com/weifang993/ElectronAngular). Most of the JS code was converted to ES6.
2. Removed server component and its crash-report.

Known issues:

I still have to figure out how to load CSS. Currently I have a couple of places using the exact version number of the module such as:

import '../../jspm_packages/github/angular/[email protected]/angular-material.css!';

If Jspm loads a newer version when you run jspm install, you have to manually correct the version number in the code. I will fix it eventually.

PreConditions for Sample

Ensure that the following node packages are installed on your system

• electron-prebuilt

You can install it using npm install electron-prebuilt -g

• jspm

You can install it using npm install jspm -g

Install dependencies

After cloning the repo, go to subdirectory app to install all dependencies by executing the following from command line:

npm install jspm --save-dev - this will install a local JSPM.

npm install

jspm install will be invoked automatically as npm postinstall script!

Run the Sample

Make sure you have installed electron-prebuilt globally with the -g swith. Go to 'electron-angular-es6' directory, type electron app.

Creating the Electorn App package

Execute gulp in order to build the electron app.

The final electron app will be located as a zip file within the dist subfolder. Extract the ZIP file and start the electron app.