aurelia/Discuss

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

Dimitris Kiziridis

@ragouel

Hello, I'm trying to package aurelia-cli for Arch Linux, but I'm stuck. After running "npm link" what command do I run inside source folder to install /to/path ?

Joep van Liempd

@joepvl

Uh... aurelia.io is down and github.com/aurelia/aurelia seems to have been archived. What gives?

Gary Kaganas

@Seebiscuit

:point_up: :point_up: :point_up: :point_up: :point_up:

Alfred Lopez

@alfredlopez

Seeing the same here...

Gary Kaganas

@Seebiscuit

@EisenbergEffect any idea what's happening here?

Michael L. Gantz

@gantzm

@joepvl Do you know what country the Aurelia developers are from? Looks like GitHub has added more sites that fall under trade restrictions with certain countries.

Joep van Liempd

@joepvl

Yeah I noticed that as well... one or some of them must be (or seem to GitHub to be) from one of the sanctioned countries. However, I'm pretty sure most of them are actually US based, and Rob Eisenberg even works at Microsoft (which owns GitHub) these days!

Gary Kaganas

@Seebiscuit

Can I use switchMap in store.pipe for the Aurelia Store App? I'm getting a funky ts violation:

Argument of type 'OperatorFunction<QuickstartState, IQuickstartWorkspaceState>' is not assignable to parameter of type 
'string | Reducer<QuickstartState, [OperatorFunction<QuickStartWorkspaceState, QuickStartWorkspaceState>, OperatorFunction<...>]>'.

Youri De Bondt

@ydbondt

Hi guys, this might look like a strange question, but I am trying to delay the loading of a slot until after the layout was rendered (to have a seamless effect when loading large libraries). I could already get the effect by wrapping each route by a component containing a compose element that starts composing after attached phase. Any ideas on how to do this transparently ?

Gary Kaganas

@Seebiscuit

Usign connectTo decorator in a TS project. Getting tslint violation when referring to the the target defined in the connectTo method. Anyone else using connectTo in their TS project?

Joep van Liempd

@joepvl

Still not clear what happened, but everything is back. :shrug:

bigopon

@bigopon

@joepvl thanks for quick notification :smile:

@Seebiscuit what is your tslint config? im pretty sure a lot of folks who use store use TS (at least that's what it seems in their questions on discourse)

btw, if you want faster response time, consider using https://discourse.aurelia.io

the core team member for the store is active there, but not here

Gary Kaganas

@Seebiscuit

Thanks @bigopon !
tsconfig.js

{
  "compileOnSave": false,
  "compilerOptions": {
    "target": "es2017",
    "module": "esnext",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "moduleResolution": "node",
    "sourceMap": true,
    "allowJs": true,
    "baseUrl": "src",
    "skipLibCheck": true,
    "lib": [
      "es2017", "dom", "es2018.promise"
    ],
    "noUnusedLocals": true,
    "paths": {
      "*" : ["*", "typings/*"],
    },
  },
  "include": [
    "src/**/*"
  ],
  "exclude": [
    "./bundles/**/*",
    "./node_modules/**/*",
    "dist",
    "build",
    "doc",
    "test",
    "config.js",
    "gulpfile.js",
    "karma.conf.js",
    "bundles",
    "lib"
  ]
}

Shawn Talbert

@ShawnTalbert

Is this still the best forum for Aurelia chat? and Discourse as the preferred threaded discussion group?

bigopon

@bigopon

@ShawnTalbert discord is now more preferred forum for Aurelia chat

and yes, discourse is the preferred threaded discussion group

bigopon

@bigopon

@ShawnTalbert you can join our Discord here https://discord.gg/MfzdX9s

Shawn Talbert

@ShawnTalbert

thanks @bigopon

WisdomCorp

@WisdomCorp

Hi, When I am doing npx au2 new its giving me error : SyntaxError: Unexpected end of JSON input while parsing near '...VCvEuKK/sDO\ntKuUeYJ0'

WisdomCorp

@WisdomCorp

Any one work with Breeze.Net Core. Before @jdanyow made an adapter for it. But with Breeze .Net Core any changes required? Thanks

Liliyan Krumov

@rafatpc

Hi, guys! TL;DR: I need a way to recreate the vendor-bundle :)
I have an aurelia plugin, living inside an aurelia application (outside src folder). I'm listening for changes on the plugin and react to them (rebuilding the plugin, mostly) and that is working fine. Both commonjs & native-module packages are generated with the changes. However, since the plugin is living in the vendor-bundle... the watcher is failing to recreate it and I'm stuck with the plugin's old version. Any ideas?

TonyLugg

@TonyLugg

@alfredlopez Yes, you can create event listeners in the vm:

mouseUpEventListener: EventListener = (e: MouseEvent) => { this.mouseCanvas_mouseUp(e); }

...then...this.mouseCanvas.addEventListener('mouseup', this.mouseUpEventListener);

^ probably in attached()

...then...

private mouseCanvas_mouseUp(e: MouseEvent) {
        if (e.preventDefault) e.preventDefault();
        if (e.stopPropagation) e.stopPropagation();
        let lePointerEvent = <PointerEvent>{ offsetX: e.offsetX, offsetY: e.offsetY };
        this.mouseCanvas_pointerUp(lePointerEvent);
    }

Alfred Lopez

@alfredlopez

Thanks @TonyLugg I was looking for a way to listen to manually dispatched events that aren’t necessarily bound to an element. So if the code has something like

window.dispatchEvent(new CustomEvent(‘dateChanged’,newDate));

I guess, based on your example, I can do

this.addEventListener(‘dateChanged’, this.dateChangedListener);

WisdomCorp

@WisdomCorp

For breeze.Net core Aurelia demo please put your vote.
Breeze/northwind-core-ng-demo#11

Michael L. Gantz

@gantzm

When I'm using a template with a slot, can the slot contents have an input field with the value bound the view model? I.e. I have a view (view-a) with a view model (vm-a), the view has an input field who's value is bound to a field in vm-a. I create a template (tmp-a) that has a slot in it. In view-a I wrap the input element in tmp-a. The binding seems to break at that point.

TonyLugg

@TonyLugg

@alfredlopez Yes exactly. You can listen to a custom event similar to a DOM event. You may need to listen based on where the event was dispatched from (dispatchEvent).

Alfred Lopez

@alfredlopez

@TonyLugg Thanks!

TonyLugg

@TonyLugg

@alfredlopez There is also PLATFORM.global.addEventListener which can be used to listen for global events.

Alfred Lopez

@alfredlopez

Mitch Davis

@CapnKernel

Hello. I'm completely new to Aurelia. I like what I see. Q: Does Aurelia support push notifications, that is, when data on a server changes, those changes can be pushed to the browser, received by Aurelia and processed?

Alfred Lopez

@alfredlopez

I just read the documentation regarding function references and I’m a bit confused about callbacks with parameters. Here’s my confusion:

In my parent view, I can have the following:

<my-custom-comp callback.call=“myParentFunction(paramA, paramB)” … >

1) I’m assuming that paramA and paramB are actually bindable fields, but are they of the parent or of the custom element?
2) If they are of the parent, how are they accessed in the custom element so that it can call callback({paramA: <first passed value>, paramB: <second passed value>})
3) If they are of the custom element, then I’m going to assume that I can make the call like callback({paramA: this.paramA, paramB: this.paramB})
4) How is myParentFunction defined in the parent? Like so?

myParentFunction(arbitraryParamNameA, arbitraryParamNameB)

Thanks!

Alfred Lopez

@alfredlopez

Ok…so I searched through discourse and found this post —> https://discourse.aurelia.io/t/call-function-from-custom-element/1793

Which kinda answres my question. Thanks y’all! :-)

TonyLugg

@TonyLugg

@alfredlopez Basically, call parameters are specified and named the same as the parameters in the function you are calling. I've also used bind with a function to allow less concise parameter matching.

robinchesterman

@robinchesterman

Hi all - this is a sort of Aurelia-related question. If you look inside a lot of node_modules package folders - let's take aurelia-fetch-client for example - in the dist folder there are various targets, e.g. amd, commonjs, system, 2015, umd, etc. My question is, how does a bundler e.g. webpack choose which one to load? Is it a webpack thing, or a tsconfig thing (I'm using TypeScript). I'm really hazy on which part of the toolchain is doing this.

My problem is I have a bundle that's broken in IE11. I can see that its contents includes code straight out of aurelia-pal-browser/dist/es2015 which IE is not going to handle very well.

bigopon

@bigopon

@CapnKernel totally, but that is up to user land code and how they implement it. If you want some examples from folks who had done it before, maybe post your Q on discourse https://discourse.aurelia.io, its our main forum for Q now

@robinchesterman if you are using webpack, you probably are using AureliaWebpackPlugin, which has an option for you to configure the dist

typically it would look like this:

new AureliaPlugin({
  dist: 'es2015'
})

try search in your webpack.config

John Stephenson

@jfstephe

@EisenbergEffect @davismj - Mornin' gents, can you please take a look at the stateful router PR that's been hanging around for ages. Creates so much pain and is a sought after feature (not just by us). aurelia/router#538

dpk-kakkar

@dpk-kakkar

Hello @bigopon , I have a component which has a css in require that is overriding some of the core bootstrap classes..
now since I am opening this component in new tab, it is not overriding style for other pages
--- this is existing functionality ---
now I have to use this same component in a dialog and when I am loading this component in dialog it is overriding styles for the whole page - colors fonts etc.

how can I stop this. Any help will be appreciated.

dagtveit

@dagtveit

anyone here know how to fix the audience empty is invalid with aurelia-authentication and identity server

bigopon

@bigopon

@dagtveit maybe try discord chat? We encourage you to start new chat there https://discord.gg/MfzdX9s or our discourse forum

Where communities thrive

People

Repo info

Activity