Git Product home page Git Product logo

Comments (6)

NathanWalker avatar NathanWalker commented on May 14, 2024 2

This is available on master now.
https://github.com/NathanWalker/angular2-seed-advanced#electron-app

Desktop

from angular-seed-advanced.

NathanWalker avatar NathanWalker commented on May 14, 2024

@realsaraf Thank you for the kind words.
Here's a couple excellent resources on Electron + ng2:

https://github.com/angular/angular-electron

https://www.xplatform.rocks/2016/02/14/angular2-and-electron-the-definitive-guide/

https://auth0.com/blog/2015/12/15/create-a-desktop-app-with-angular-2-and-electron/

Good tips: http://blog.axosoft.com/2016/03/04/electron-things-to-know/

My hope is to bring that support within a month from now, however I'm always open to PR's. ;)
If you plan to contribute in anyway, just bear in mind the project organization and try to stay true to that.

There's 2 paths to take (not sure yet which one will make most sense and work out):

  1. Keep everything together in src folder. Electron bootstrap and all. Concern here is the same as NativeScript. Doing so requires web builds to also depend on the electron libraries for the TS build to succeed unless you can come up with a clever way to exclude certain frameworks on TS build of web and then include them in the electron build.
  2. Create an electron folder as I did with nativescript. Then add a prepare and start task similar to here: https://github.com/NathanWalker/angular2-seed-advanced/blob/master/nativescript/package.json#L11-L12 ... This is what brings the shared codebase into it's respective build. Then in the electron folder you only create the bare minimum on top of the shared codebase to make it work. You would still create desktop.framework in the main src directory which would contain any shared desktop setup similar to what I did with nativescript.framework here: https://github.com/NathanWalker/angular2-seed-advanced/tree/master/src/frameworks/nativescript.framework

from angular-seed-advanced.

realsaraf avatar realsaraf commented on May 14, 2024

Hi @NathanWalker ,

Thank you for your prompt response and the tips. I will try to follow what you said and if i come up with something good, i will try to submit a PR.

from angular-seed-advanced.

NathanWalker avatar NathanWalker commented on May 14, 2024

As far as NW.js, there are these comparisons:
https://www.xplatform.rocks/2016/02/09/nw-js-vs-electron/

http://tangiblejs.com/posts/nw-js-electron-compared

from angular-seed-advanced.

realsaraf avatar realsaraf commented on May 14, 2024

Thanks

from angular-seed-advanced.

NathanWalker avatar NathanWalker commented on May 14, 2024

Experimentation is being done here:
https://github.com/NathanWalker/angular2-seed-advanced/tree/4-electron-support

Blocked by Router trouble at moment.

Run by the following:

npm run start.desktop --desktop

from angular-seed-advanced.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.