meirionhughes / aurelia-cli-electron-app Goto Github PK

View Code? Open in Web Editor NEW

30.0 3.0 3.0 369 KB

A basic example of aurelia (cli) running in electron with vscode breakpoint debugging

TypeScript 58.04% HTML 10.75% JavaScript 14.53% CSS 16.67%

aurelia electron

aurelia-cli-electron-app's Introduction

aurelia-cli-electron-app

⚠️ no longer maintained

requires:

nodejs 6
npm install aurelia-cli -g

install and run:

npm install
au run --watch

vscode:

add breakpoints (optional)
press f5 to run
open terminal, execute: au watch (optional)

test:

The unit test requires the app to be built

au build

Once the app is build, you may execute:

au test --watch

test (vscode)

press Ctrl+Shift+B
then select a test from the task menu

building a distributable

This example makes usage of electron-builder to build installers, see their amazing documentation for details

npm run dist

Webpack

I've started working on getting a similar setup for aurelia and webpack here: https://github.com/MeirionHughes/aurelia-webpack-electron

aurelia-cli-electron-app's People

Contributors

Stargazers

Watchers

Forkers

javiercbk hamidabdulmalik plwalters

aurelia-cli-electron-app's Issues

Refactor window event handling

change to Aurelia's approach. i.e. <button id="min-btn" click.trigger=...

Incorrect filesGlob mapping in tsconfig.json

It seems that there is an incorrect mapping in tsconfig.json regarding filesGlob option.

The mapping is the following:

"filesGlob": [
    "./src/**/*.ts",
    "./test/**/*.ts",
    "./typings/index.d.ts",
    "./custom_typings/**/*.d.ts"
  ],

Shouldn't it be replaced by the following?

"filesGlob": [
    "./source/**/*.ts",
    "./test/**/*.ts",
    "./typings/index.d.ts",
    "./custom_typings/**/*.d.ts"
  ],

By the way, this is an awesome project!

Hi,
First of all, thank you for your work. I have a problem trying to use nodejs child_process in the skeleton as aurelia-cli fails to run. The CLI is looking for a child_process.js file. I've been able to fix it by adapting your fix for electron in order to load child_process from nodeRequire but I'm looking to a more robust solution as it would mean to do it for each nodejs module. Do you have a clue?

Add Installer Builder

Build up an installer using electron's packager.

https://github.com/electron-userland/electron-packager
http://electron.atom.io/docs/tutorial/application-distribution/

404 when trying to GET aurelia-cli-electron-app/source/main.js

It seems that the application is trying to get source/main.js when clearly it does not exist.

This happens when an aurelia-app attribute value is given, particularly in index.html

<body aurelia-app="main">
  <script src="output/vendor-bundle.js" data-main="aurelia-bootstrapper"></script>
</body>

If I remove ="main" it will search for app.js instead.

Error in distribution: Cannot find module 'electron-reload'

At first: currently i try to learn building electron apps by example. Thank you for your work, it's a great help. The configuration of this project is excellent - debugging and packaging for distribution works fine.

But if I call the distributed electron app on my WIN10 x64 machine then following error occurs:

Uncaught Exception:
Error: Cannot find module 'electron-reload'
    at Module._resolveFilename (module.js:470:15)
    at Function.Module._resolveFilename (C:\Tests\Aurelia\aurelia-cli-electron-app\dist\win-unpacked\resources\electron.asar\common\reset-search-paths.js:35:12)
    at Function.Module._load (module.js:418:25)
    at Module.require (module.js:498:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (C:\Tests\Aurelia\aurelia-cli-electron-app\dist\win-unpacked\resources\app.asar\index.js:5:1)
    at Object.<anonymous> (C:\Tests\Aurelia\aurelia-cli-electron-app\dist\win-unpacked\resources\app.asar\index.js:31:3)
    at Module._compile (module.js:571:32)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:488:32)

I'm a beginner in this field - so I have no idea how to fix this. Could you help me, please?

TypeError: Path must be a string. Received undefined at assertPath (path.js:7:11)

Followed the instructions. Step 2: running. Assert fail:

$ au run --watch
Starting 'readProjectConfiguration'...
Finished 'readProjectConfiguration'
Starting 'processMarkup'...
Starting 'processCSS'...
Starting 'configureEnvironment'...
Finished 'configureEnvironment'
Starting 'buildTypeScript'...
Finished 'processMarkup'
Finished 'processCSS'
Finished 'buildTypeScript'
Starting 'writeBundles'...
Tracing app...
Tracing environment...
Tracing main...
Tracing elements/dock-panel...
Tracing elements/index...
Tracing elements/menu-control...
Tracing elements/tab-control...
Tracing elements/window...
Tracing models/page...
Tracing pages/example-page...
Tracing app...
Tracing app...
Tracing elements/dock-panel...
Tracing elements/dock-panel...
Tracing elements/menu-control...
Tracing elements/menu-control...
Tracing elements/tab-control...
Tracing elements/tab-control...
Tracing elements/window...
Tracing elements/window...
Tracing pages/example-page...
Tracing aurelia-bootstrapper...
Tracing aurelia-history...
Tracing aurelia-history-browser...
Tracing aurelia-loader-default...
Tracing aurelia-logging-console...
Tracing aurelia-pal-browser...
Tracing aurelia-route-recognizer...
Tracing aurelia-router...
Tracing aurelia-templating-binding...
Tracing text...
Tracing aurelia-templating-router...
Tracing aurelia-testing...
Writing app-bundle.js...
Writing vendor-bundle.js...
Finished 'writeBundles'
Starting 'watch'...

App threw an error during load
TypeError: Path must be a string. Received undefined
    at assertPath (path.js:7:11)
    at Object.join (path.js:468:7)
    at module.exports (D:\dev2\experiments\aurelia-cli-electron-app\node_modules\electron-reload\main.js:15:23)
    at Object.<anonymous> (D:\dev2\experiments\aurelia-cli-electron-app\index.js:5:27)
    at Object.<anonymous> (D:\dev2\experiments\aurelia-cli-electron-app\index.js:31:3)
    at Module._compile (module.js:571:32)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:488:32)
    at tryModuleLoad (module.js:447:12)
    at Function.Module._load (module.js:439:3)

Awesome-aurelia?

This seed is so awesome. Why don't you put it on this list? https://github.com/behzad888/awesome-aurelia#seed-project