pulsarblow / aureliaonfire Goto Github PK

It looks like that with the default bundles.json every package in dist/aurelia gets bundled in dist/app-build as well.

My guess is that the bundler doesn't de-deplux dependencies.

By explicitly adding them to the excludes array, the result start looking like expected: app-build.js is down to 41.7 KB instead of 1.1 MB.
In the example below I added a dedicated app/vendor bundle and set minify: false for dist/app-build for easier tracking what's in the bundled version. I also had to change the glob pattern for the includes otherwise the bundler wouldn't bundle files in sub folders.

{
  "bundles": {
    "dist/app-build": {
      "includes": [
        "*/**/*",
        "*/**/*.html!text",
        "*/**/*.css!text"
      ],
      "excludes" :[
        "aurelia-framework",
        "aurelia-bootstrapper",
        "aurelia-fetch-client",
        "aurelia-router",
        "aurelia-animator-css",
        "aurelia-templating-binding",
        "aurelia-templating-resources",
        "aurelia-templating-router",
        "aurelia-loader-default",
        "aurelia-history-browser",
        "aurelia-logging-console",
        "aurelia-firebase",
        "moment",
        "firebase",
        "nprogress"
      ],
      "options": {
        "inject": true,
        "minify": false
      }
    },
    "dist/vendor": {
      "includes": [
        "aurelia-firebase",
        "moment",
        "firebase",
        "nprogress"
      ],
      "options": {
        "inject": true,
        "minify": true
      }
    },
    "dist/aurelia": {
      "includes": [
        "aurelia-framework",
        "aurelia-bootstrapper",
        "aurelia-fetch-client",
        "aurelia-router",
        "aurelia-animator-css",
        "aurelia-templating-binding",
        "aurelia-templating-resources",
        "aurelia-templating-router",
        "aurelia-loader-default",
        "aurelia-history-browser",
        "aurelia-logging-console"
      ],
      "options": {
        "inject": true,
        "minify": true
      }
    }
  }
}

When following the steps in readme.md the app fails with a

Uncaught (in promise) Error: XHR error (404 Not Found) loading http://localhost:9001/dist/aurelia.js(…)

message when running gulp watch.

When trying to unbundle/rebundle system reports a missing dependency.

$ gulp bundle
[08:38:07] Using gulpfile c:\aurelia\aureliaonfire\gulpfile.js
[08:38:07] Starting 'bundle'...
[08:38:09] 'bundle' errored after 2.37 s
[08:38:09] Error on fetch for aurelia-dependency-injection at file:///c:/aurelia
/aureliaonfire/dist/aurelia-dependency-injection.js
        Loading github:Pulsarblow/aurelia-firebase@master
        Loading github:pulsarblow/aurelia-firebase@master/index
        Loading github:pulsarblow/aurelia-firebase@master/collection
        Error: ENOENT: no such file or directory, open 'c:\aurelia\aureliaonfire
\dist\aurelia-dependency-injection.js'
    at Error (native)

By performing the following steps the example starts working.

Terminal 1

gulp serve

Terminal 2

gulp unbundle
gulp clean
jspm install aurelia-dependency-injection
gulp bundle

Maybe adding the missing dependency and keeping the repo unbundled would solve this issue.

I should be able to like a task

I was trying to deploy the app as plain html+js+css to some host. I've run the gulp bundle task for that but it doesnt generate any index.html I can start the app with.

Is there something I am missing?

This is my first attempt at developing an application with Firebase. I found your project and forked it so I could have something with the authentication built in. I made a copy and changed it to point to my Firebase database. When I try to create a new user with my application, I get this message:

"Projects created at console.firebase.google.com must use the new Firebase Authentication SDKs available from firebase.google.com/docs/auth/"

I'm faulting you for this, but would you happen to know what I need to do to the application to overcome this? Thanks.

I should be able to change check my todos as completed.