aurelia/Discuss

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

Arch Enemy

@_ArchEnemy__gitlab

Warning: promise was rejected with a non-error [object object] ((i cant see the object))

I logged it and found that it seems to happen right on setRoot. As my code works fine in a plain brand new application.

Arch Enemy

@_ArchEnemy__gitlab

Also the last error says [app-router] router navigation failed, and no previous location or fallback route could be restored.

The "freed script" error is also marked as [app-router]

Arch Enemy

@_ArchEnemy__gitlab

(Note: im using shell switch code in this. One for the main app for logged in users. Another module for invalid users to see a big error message and options. In other words, setRoot works fine at the beginning but the second setRoot after sign in is failing with the IE11 errors I mentioned. Also working fine in chrome)

Arch Enemy

@_ArchEnemy__gitlab

Strangely the 2nd time the main app setroot is launched, the app constructor, configureRouter go through. But a log at the start of "attached()" fails. Thats then the exact point of where the errors start @bigopon

Arch Enemy

@_ArchEnemy__gitlab

Hus

Just a quick update... there is an issue with multiple redirects on router. If you route more than twice issues tend to happen. This is related to child routers

Also mainly on ie11, chrome does it fine

bigopon

@bigopon

@plarner30 i see. Its probably in templating router, i noticed this but didnt pR to fix it i think

Will check again, do you mind creating an issue foe this?

Corneliu

@corneliutusnea

Can I use Aurelia Templates and Binding outside of an Aurelia project? Just load them into an existing page? E.g. I need some templates and bindings into a custom Chrome Extension page. Is there any sample for this?

bigopon

@bigopon

Yes its totally doable, ill post some examples

bigopon

@bigopon

@_ArchEnemy__gitlab interesting, i wasn't able to find anything in router, so i'm not sure where you error comes from

andr3i4o

@andr3i4o

Hi guys, could you please tell me how to import a custom plugin I've developed in my esNext skeleton project. I didn't publish the plugin yet, I did used the tutorial,

npm run build && npm link in the plugin terminal

npm link my-plugin && npm install in the app terminal

Next step is to add the plugin bundle in the aurelia.json, but the skeleton is not built with aurelia CLI and I dno't know the other approach.
If I just simply try to load it as .plugin(PLATFORM.moduleName('my-plugin')) - it compiles but then the browser throws an error: Unable to find module with ID: my-plugin/elements/summary/summary

Mike Montgomery

@mjmontgo11041984_gitlab

Can anyone suggest example projects or tutorials on dynamic composition? I cant find much on this. If it helps clarify, I'm trying to develop immersive data visualization interfaces, where visualization and UI components are generated from data model, instead of from templates. So planning to use Aurelia as app and UI framework that will wrap 3d library (ie A-Frame, ECSY).

It would look something like this:

bigopon

@bigopon

@mjmontgo11041984_gitlab aurelia should be able to handle any integration like that with ease. Though can you elaborate a bit more about what you meant with dynamic composition?

Maybe some pseudo code?

bigopon

@bigopon

@corneliutusnea https://codesandbox.io/s/aurelia-binding-bare-example-pixkt example of how to use aurelia binding without templating

Corneliu

@corneliutusnea

@bigopon Thanks. Very interesting. For now I decided to make all the pages in the chrome extension just be a full aurelia app and that seems to work well.

Shauni

@ShauniArima

Hello, aurelia-smart-table 1.2.0 was released. Now there is a little demo and some styling improvements on rows.

bigopon

@bigopon

@ShauniArima nice :+1:

Andreas Bernard

@anderschbe

Good morning. I found a rather weird problem in our routing implementation. Somehow the success event isn't fired correctly, but ends in an error event about not being able to iterate via "in" over the result. Which is always a number. Funnily enough, the routing does work still, even in complexe situations.

My only problem is, that I need the success event for some side project. Trying to debug ends somewhere in bluebird, not really showing me where the real reason for that problem could be found. Does anyone have experience with such behaviour?

Arch Enemy

@_ArchEnemy__gitlab

Does anyone have a good sample code for multiple child routes. I think the documentation doesnt have an example of this. Maybe something is wrong with my implementation of using redirects to make child routes

Multiple child routers in aurelia

bigopon

@bigopon

I use multiple nested child routes

About 4 or 5 levels, so i can help give an example

But do you have some pseudo code to show the issues your facing?

tankBug

@tankBug

Hi! I'm having some issues running unit tests. I'm new at it, so I suppose I've set it up wrong somehow. My teams runs the same tests successfully. I get the following error after starting the tests:

[karma]: Error: PreserveModuleNamePlugin: Unable to find root of module aurelia-validation
at fixNodeModule (etc)

Mike Montgomery

@mjmontgo11041984_gitlab

Hi @bigopon sorry for not getting back to you sooner. To your question, Im looking to use dynamic composition of routes to create something like a dashboard with data visualization and UI components. I'd think it would be helpful to see full projects that use dynamic composition in dashboards. I've only seen simple demos of this sort of thing

Shauni

@ShauniArima

@mjmontgo11041984_gitlab Have you some example of that?

Mike Montgomery

@mjmontgo11041984_gitlab

@ShauniArima I dont have a working example. largely because existing data visualization libraries are outdated and dont configure to routes. I want to use Aurelia to to wrap a 3d web animation library (ie Mozilla's new ECSY) to create the data visualization parametrically, passing in the data model's values from Aurelia to the custom data visualization object. So a rough example would be, instead of using a 2 or 3d bar chart library, Id use the 3d animation library to create the visualization. A quick example of this alternative approach is attached

This is an old example of a cool webgl-based data visualization project, using d3. It was difficult to make because it strings together a bunch of libraries. I think Aurelia could do this much easier, with a newer webgl library, like ECSY, handling everything as imported and wrapped modules: http://armsglobe.chromeexperiments.com

Mike Montgomery

@mjmontgo11041984_gitlab

Correction, the above link uses three.js, not D3.js

Shauni

@ShauniArima

You want to build data vizualisations and display them. What do you want to achieve with the routes?

Mike Montgomery

@mjmontgo11041984_gitlab

The goal of dynamic composition with routes is for query parameters to be be in their URLs. This is to enable custom views, such as showing multiple companies' product portfolios in a single view, in an industry directory application. So I'm thinking each query will be an aggregation of filters that would compose the template and associated visualization.

dagtveit

@dagtveit

if i need to make a type for an object i am using in my typescript how would i do that

dagtveit

@dagtveit

is there ant automagic with the .d files ?

Max

@MaximBalaganskiy

@dagtveit depends on where these objects come from

is it a library?

dagtveit

@dagtveit

i kinda got some answers in some other channel but love to hear your input to it.

its basicly that i have a viewmodel which gets a jason object from the api. with lots of fields. and need (i think) to declare a type for it somehow. i rather not have it in the same files as the rest of the code. where i already succesfully did it with just creating a interface model { name:string,,,,.....} etc

so in a typescript aurelia projecte where and how would the prefered way be to create that type

i know i can do model[" Name"], but rather not.

Max

@MaximBalaganskiy

the typings will have to "live" somewhere, either your code or a separate package. If it's your api you might be able to use Open Api specs and auto generate clients and DTOs from your API directly.

E.g. for asp.net there is NSWAG which saves TONS of time

ldrews1

@ldrews1

OK, I am missing something. I am converting a small React app to Aurelia. A utility module, algo.js, is imported via "import {...} from "./utils/algo". The CLI bundler does not pick it up. If I change the filename to "algo.ts", then the bundler picks it up. What am I not doing correctly?

Where communities thrive

People

Repo info

Activity