aurelia/Discuss

Aurelia 1.x Q&A - Sandbox at https://codesandbox.io/s/aurelia-javascript-sandbox-jnl6q85zq5

Meirion Hughes

@MeirionHughes

yes

frankly I don't know why anyone would not use typescript

without it feels too much like I'm a "monkey hitting a typewriter"

Tony Olsson

@Souldrinker

@lndnbrg Not sure, I started out with TypeScript 0.8 (or something) in Durandal in 2013 or something and have stuck to that (never liked javascript ;-)). I suppose you could start with javascript and then rename your .js files to .ts file and add typings a bit at a time, but if you're thinking about TypeScript why not start with that instead and see how it feels.

McOffsky

@McOffsky

Hello guys, anyone can tell me how to add loader to the webpack config in esnext-webpack version of skeleton 1.0.0-beta.2.0.0? Im trying to add sass loader for scss and null loader for some other files.

Søren Müller

@SorenMuller

Hello... I'm going out of my mind.. hope you have a clue on what I'm doing wrong
I Added Aurelia-Validation and Aurelia-validatejs using npm..
When i try to bundle I get the following error..
´´´
..
..
Tracing main...
Tracing resources/index...
{ uid: 8,
name: 'writeBundles',
branch: false,
error:
{ [Error: ENOENT: no such file or directory, open 'E:\Projects\Fragtbrevsrettelser\Fragtbrevsrettelser.Client\src\validate-binding-behavior.js']
errno: -4058,
code: 'ENOENT',
syscall: 'open',
path: 'E:\Projects\Fragtbrevsrettelser\Fragtbrevsrettelser.Client\src\validate-binding-behavior.js',
moduleTree: [ 'aurelia-validation' ],
fileName: 'E:/Projects/Fragtbrevsrettelser/Fragtbrevsrettelser.Client/node_modules/aurelia-validation/dist/amd/aurelia-validation.js' },
duration: [ 4, 82419187 ],
time: 1467114309178 }
{ uid: 0,
name: '<series>',
branch: true,
error:
{ [Error: ENOENT: no such file or directory, open 'E:\Projects\Fragtbrevsrettelser\Fragtbrevsrettelser.Client\src\validate-binding-behavior.js']
errno: -4058,
code: 'ENOENT',
syscall: 'open',
path: 'E:\Projects\Fragtbrevsrettelser\Fragtbrevsrettelser.Client\src\validate-binding-behavior.js',
moduleTree: [ 'aurelia-validation' ],
fileName: 'E:/Projects/Fragtbrevsrettelser/Fragtbrevsrettelser.Client/node_modules/aurelia-validation/dist/amd/aurelia-validation.js' },
duration: [ 5, 758756536 ],
time: 1467114309193 }
{ [Error: ENOENT: no such file or directory, open 'E:\Projects\Fragtbrevsrettelser\Fragtbrevsrettelser.Client\src\validate-binding-behavior.js']
errno: -4058,
code: 'ENOENT',
syscall: 'open',
path: 'E:\Projects\Fragtbrevsrettelser\Fragtbrevsrettelser.Client\src\validate-binding-behavior.js',
moduleTree: [ 'aurelia-validation' ],
fileName: 'E:/Projects/Fragtbrevsrettelser/Fragtbrevsrettelser.Client/node_modules/aurelia-validation/dist/amd/aurelia-validation.js' }

The file its looking for is located inside Aurelia-Validation package :-|

smanaton

@smanaton

@SorenMuller you need to configure the modules in aurelia.json

Søren Müller

@SorenMuller

@smanaton Hi, I have added the two modules under "dependencies" in aurelia.json, do I need anything else ??

in aurelia.json
..
"dependencies": {
"aurelia-animator-css": "^1.0.0-rc.1.0.0",
"aurelia-bootstrapper": "^1.0.0-rc.1.0.0",
"aurelia-fetch-client": "^1.0.0-rc.1.0.0",
"aurelia-i18n": "^1.0.0-rc.1.0.0",
"aurelia-validation": "^0.10.0",
"aurelia-validatejs": "^0.6.0",
"bluebird": "^3.4.1"
},

smanaton

@smanaton

add a module declaration for validate-binding-behavior pointing to the amd folder

i cant find the exact declaration but i've seen it posted in this room a few times

add the following to aurelia.json

  {
    "name": "aurelia-validation",
    "path": "../node_modules/aurelia-validation/dist/amd",
    "main": "aurelia-validation"
  },
  {
    "name": "aurelia-validatejs",
    "path": "../node_modules/aurelia-validatejs/dist/amd",
    "main": "aurelia-validatejs"
  },
  {
    "name": "validate.js",
    "path": "../node_modules/validate.js/",
    "main": "validate"
  },

Tom Newby

@tomtomau

has anyone put together any interesting documentation around a file heirarchy they've found to be particularly effective in a large aurelia application?

Søren Müller

@SorenMuller

@smanaton @alsoicode Thx a million guys...
Just out of curiosity.. Shouldn't it be able resolve those files by it self.??

smanaton

@smanaton

@SorenMuller i'm sure it will do but the cli is still alpha

Søren Müller

@SorenMuller

@smanaton Ahh. ok.. Thx alot :-)

Tom Newby

@tomtomau

Biggest pain points we've had at the moment are, we have lots of view models and lots of components. Some components are generic and we've started to make some of registered as globalResources to simplify things. Some components are potentially generic across a few areas of the application. What should we do with services for components? I like the idea of having them in my services/ directory somewhere, but also like the idea of having it alongside the component which makes them more decomposable, replaceable pieces, hopefully

Mikael Porttila

@MikaelPorttila

question: how do I .if() in the new aurelia-validation framework?

Frédéric van der Essen

@cb-fred

@SorenMuller I'd like to know that as well, having to register all node modules individually seems like a huge regression from existing build systems

Mikael Porttila

@MikaelPorttila

the old validation supported:
.ensure('model.patientCity')
.if(() => this.model.someBoolean)
.hasMaxLength(20).withMessage('Max 20 tecken')
.endIf()

Søren Müller

@SorenMuller

@cb-fred Yup.. Used to jspm with its oddsand ends.... But tearing my hair out with npm :-|

Mikael Porttila

@MikaelPorttila

found it! data-ignored attribute

Frédéric van der Essen

@cb-fred

@SorenMuller this is not normal, tools like browserify can figure all that automatically

robinchesterman

@robinchesterman

I'm just browsing around a first project created with the Aurelia CLI - what is it using for bundling? Doesn't look like Webpack...

Søren Müller

@SorenMuller

This message was deleted

Frédéric van der Essen

@cb-fred

does anybody knows how to load npm submodules with aurelia cli ?

Søren Müller

@SorenMuller

@smanaton Hi, Im kinda baffled by the lines
´´´
{
"name": "validate.js",
"path": "../node_modules/validate.js/",
"main": "validate"
},
Validate.js is not directly under node_modules, but without theses lines, it cant find validate.js ?!?
Can you explain why ??

robinchesterman

@robinchesterman

I'm getting the above errors when trying to run / build a TypeScript app with the Aurelia CLI

Faesel Saeed

@faesel

does anyone know whats the best way of of passing a MVC model property to an Aurelia APP?

Doug Kent

@dkent600

@faesel return from web service method as JSON. MVC is very good at doing the JSON conversion for you.

Faesel Saeed

@faesel

thanks

Manca

@MancaZerovnikMekuc

Hi. Is there any nice example of how to use services in aurelia? In which file it is nice to do the configuration of fetch client?

Andrew Albright

@m-andrew-albright

Can I not add properties to my router's navigation items? This doesn't seem to work:

parent.js:

export class Parent {
  configureRouter(config, router) {
    config.map([
      {
        route: ['','child'],
        name: 'child',
        moduleId: './child',
        nav: true,
        title: 'Child',
        class: 'icon-ion-briefcase'
      },
    ]);
  }
}

parent.html (see <i class.bind="nav.class">):

<template>
  <div class="content-panel">
    <ul class="tabs">
      <li class="nav-item" repeat.for="nav of router.navigation">
        <a class="nav-link" href.bind="nav.href"><i class.bind="nav.class"></i>&nbsp;<span>${nav.title}</span></a>
      </li>
    </ul>
    <router-view containerless></router-view>
  </div>
</template>

lndnbrg

@lndnbrg

@robinchesterman I am getting the exact same errors, but it is working anyway. on github, there is a open issue about that.

Andrew Albright

@m-andrew-albright

For whatever reason, it acts like there is no .class property; so I assume there is some other way to do this?

srfabio

@srfabio

@m-andrew-albright you want to use the settings parameter for that

Andrew Albright

@m-andrew-albright

Ah, so settings.class then?

srfabio

@srfabio

settings: { class: something, other: somethingElse}

Andrew Albright

@m-andrew-albright

Thanks!

srfabio

@srfabio

@m-andrew-albright You're welcome!

Andrew Albright

@m-andrew-albright

:+1: that did it

smanaton

@smanaton

@faesel you can use

Object.assign(this, data);

where this is the viewmodel and data is your json model to save creating all the properties on your vm, you might already know this but i didnt and it saved me a bunch of work on large viewmodels

Ivan Zderadicka

@izderadicka

What is the best way to use router programatically to initiate navigation from JS - can it be passed via DI? How pass additional parameters to VM activate method?

smanaton

@smanaton

@SorenMuller sorry, no idea, i havent got around to using it yet

Faesel Saeed

@faesel

@smanaton thanks, i didnt know that either

Raimo Pitkänen

@rapitkan

Hi! How can I unit test private functions of ViewModel?

Josh McCullough

@JoshMcCullough

Hello everyone. Got a question...
When using <compose>, is there any way to provide a default view to render in the case that the dynamic view/model specified on the element does not exist? E.g....

<compose view="view-that-does-not-exist.html" view-model="vm-that does-exist.js"></compose>

Since the view does not exist, a 404 occurs while loading it. I want to catch this case (also for the VM), and swap out the view/VM with our custom "not found" view. Is it possible?

Where communities thrive

People

Repo info

Activity