All Projects → nwutils → nw-angular-cli-example

nwutils / nw-angular-cli-example

Licence: MIT license
An example of an Angular CLI app running in NW.js

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to nw-angular-cli-example

sliding-puzzle
Sliding puzzle game implemented in Scala / Scala.js / JavaFX
Stars: ✭ 25 (+4.17%)
Mutual labels:  desktop-app
FilterJS
A node-based procedural texture generator, written in node.js and powered by WebGL
Stars: ✭ 59 (+145.83%)
Mutual labels:  nwjs
Translator
Translator for Elementary OS
Stars: ✭ 13 (-45.83%)
Mutual labels:  desktop-app
Haskell-Electron-app
Combining Electron and Haskell
Stars: ✭ 31 (+29.17%)
Mutual labels:  desktop-app
probe-desktop
The next generation OONI Probe desktop app
Stars: ✭ 64 (+166.67%)
Mutual labels:  desktop-app
nativeshell
Experimental embedder for Flutter
Stars: ✭ 553 (+2204.17%)
Mutual labels:  desktop-app
esteem-desktop
eSteem Desktop - Application to get paid for blogging, curating and more...
Stars: ✭ 15 (-37.5%)
Mutual labels:  desktop-app
joplin-plugin-combine-notes
Joplin plugin to combine one or more notes to a new one.
Stars: ✭ 27 (+12.5%)
Mutual labels:  desktop-app
rubick
🔧 Electron based open source toolbox, free integration of rich plug-ins. 基于 electron 的开源工具箱,自由集成丰富插件。
Stars: ✭ 3,901 (+16154.17%)
Mutual labels:  desktop-app
web-to-desktop-framework-comparison
This repository was made to create an objective comparison of multiple framework that grant us to "transform" our web app to desktop application formats.
Stars: ✭ 605 (+2420.83%)
Mutual labels:  nwjs
instatron
A simple Instagram desktop uploader & client app build with electron.Mobile Instagram on desktop!
Stars: ✭ 95 (+295.83%)
Mutual labels:  desktop-app
HandyBrowser
A Handshake enabled Chromium web browser and reference client; works with HSD and the HNSD light client. Use our example to build or integrate Handshake into any browser.
Stars: ✭ 101 (+320.83%)
Mutual labels:  nwjs
cryptocoins-desklet-cinnamon
Cryptocurrency Ticker (Desklet) for Cinnamon Desktop that displays the current price for thousands of cryptocurrencies, and their daily percent changes.
Stars: ✭ 18 (-25%)
Mutual labels:  desktop-app
ray
HTML-powered text editor for creating and organizing personal notes.
Stars: ✭ 115 (+379.17%)
Mutual labels:  desktop-app
source-me
ℹ️ A small, minimal application built with Electron which provides necessary tools needed for web development.
Stars: ✭ 91 (+279.17%)
Mutual labels:  desktop-app
gh-notifications-snoozer
Lists and filters and snoozing pull requests, oh my! This is an app for managing your notifications on GitHub by way of filtering issues and pull requests that are of interest to you.
Stars: ✭ 15 (-37.5%)
Mutual labels:  desktop-app
scratch-for-discord-app
Desktop app for Scratch For Discord
Stars: ✭ 39 (+62.5%)
Mutual labels:  desktop-app
fhash
fHash - an open source files hash calculator for Windows and macOS
Stars: ✭ 222 (+825%)
Mutual labels:  desktop-app
QRCodeFX
Simple tool to generate/read QR Code and export it.
Stars: ✭ 31 (+29.17%)
Mutual labels:  desktop-app
space-client-workshop
Workshop and Example to showcase how to build a desktop application on top of the Space Daemon and Client. From installation to building a full fledged private and peer to peer application
Stars: ✭ 31 (+29.17%)
Mutual labels:  desktop-app

NW.js and Angular CLI example

This project was generated with Angular CLI version 8.3.8. Though dependencies have been updated since then. You'll likely want to clone from main rather than use the latest release. Here is the diff between the latest release and main.

A Screenshot of the default app running on Windows

Running Locally for development

  1. npm install
  2. npm start
  3. Webpack will spin up (takes a moment) then a window will pop up

You can also run this repo in a regular browser with npm run start:web, but will need to add conditionals into your code to skip desktop-specific code (if (window.nw) {}).

Building for distribution

  1. npm run build:clean will delete your ./dist and /dist-ng folders
  2. npm run build:ng will build just your Angular app for distribution (./dist-ng)
  3. npm run build:nw will build just your NW.js app (./dist)
  4. npm run build is your all-in-one command. It will clean out the old dist folders and build your Angular and NW.js app

IMPORTANT NOTE ABOUT BUILDS!!!

They take a long time. If you do npm run build expect it to take 10-15 minutes. This can be adjusted by changing the build params in the package.json. The more platforms and build types, the longer it takes. You can also remove the --concurrent from the build:nw script to see a status of what has been completed. This will allow individual pieces to finish faster, but the entire build will take longer.

Automated quality enforcment

  1. Linting: npm run lint - tslint.json
  2. Unit tests: npm test - Karma.
  3. End-to-end: npm run e2e - Accepting PR to fix these tests. - Protractor.

Code scaffolding

ng generate Docs

  1. npm run generate -- component component-name to generate a new component.
  2. npm run generate -- directive directive-name to generate a new directive.
  3. npm run generate -- pipe pipe-name to generate a new pipe.
  4. npm run generate -- service service-name to generate a new service.
  5. npm run generate -- class class-name to generate a new class.
  6. npm run generate -- guard guard-name to generate a new guard.
  7. npm run generate -- interface interface-name to generate a new interface.
  8. npm run generate -- enum enum-name to generate a new enum.
  9. npm run generate -- module module-name to generate a new module.

Further help

To get more help on the Angular CLI use npm run ng -- help or go check out the Angular CLI README.

Alternatives

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].