aurelia/Discuss

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

qajagbe

@qajagbe

for anyone having this issue I posted above, I resolved it by wrapping the response from the api in a JSON.PARSE
so my componet looks like this `
@inject(ApplicantService)
export class Applicants{
friends: any[];
message: string;
allApplicants: IApplicant[] = [];

constructor(private applicantService: ApplicantService) {
this.message = "all applicants.";

applicantService.getData()
  .then(data => {
    this.allApplicants = JSON.parse(data.response);
  console.log(this.allApplicants)
});

}

arnonuem

@arnonuem

This channel seems to be quite dead. Did i miss something? Is there a riot channel now or something where the community is still alive?

rhassler1

@rhassler1

This channel is dead. Instead, go to aurelia.io, then click Discourse.

arnonuem

@arnonuem

thanks

Mike Pisano

@mPisano

I have an Aurelia Application build with NPM\Gulp that has been working perfectly. I recently did an NPM update which upgraded all the components including DropZone. Dropzone apparently changed it's build to use WebPack and now Aurelia sees DropZone's New() Constructor as a Module instead of a function? See https://github.com/dropzone/dropzone/issues/1903#issuecomment-779936105 Any Sugestions?

dcharbonnier

@dcharbonnier

hi, with aurelia 1 it was possible to add a @computedFrom decorator, what is the equivalent with aurelia 2 ?

Roman

@UtmostCreator

Hello everyone!

Could you help me on how can I generate new components using AU2 cli?

Because I am having this error:
https://privatebin.net/?141c4fccddbb2a19#BYNqy37wFL2CBuo8ftaQMPdXdbftYfEWQoWSGqpJ73Yz

bigopon

@bigopon

@dcharbonnier in v2, @computedFrom is not needed

dependencies are automatically observed

Please join us on discord for Q/A, discussion, fun and more https://discord.gg/RBtyM6u

The Aurelia team is not actively engaging in this chat room

elias-vlex

@elias-vlex

Hello, Aurelia is trying to module-load any image that it finds in a template like <img src=xxx> I'm using an image that will only be available in the web server

it blows with "Module not found: Error: Can't resolve './img/loaders/rotating-circle-large.svg'"

is there any way I can prevent Aurelia from autoloading imgs ?

Bryan den Hollander

@bryandh

Hi, I've recently updated to the latest Aurelia 2/vnext DEV version 2.1.0-dev.202103310619 and have converted my route hook to a Shared Lifecycle Hook. The canLoad of my AuthHandler runs and all seems well with the auth part of it. However, ever since updating, I don't seem to receive my query parameters in the load(params) of my pages that implement IRouteViewModel; the params object stays empty. Any suggestions on what I could be doing wrong in this regard?

Diego Bustamante

@diegohb

hello! has anyone tried to use bt5 with aurelia yet? i have an aurelia app v1 (ts,sass,systemjs).. i haven't gotten far into my efforts but simply upgraded bootstrap to v5 and removed jquery (along with any mentions in aurelia.json) and immediately getting esprima error on au build ..

geek957

@geek957_gitlab

how to use zlib gunzip in aurelia. zlib_binding.js not foung when using npm install.

ericyang0123

@ericyang0123_twitter

HI I'm new here

Esger Jellema

@Esger66_twitter

Does the Aurelia-mobile-plugin enable drag and drop events for mobile devices?

John Tomaselli

@johntom

@arnederuwe just saw this tread and I do appologize i use aurelia-summernote": "github:ben-girardet/aurelia-summernote. Will post a repo if you request and also try a port to au2/dumber/javascript im working on.

Kanishka Chowdhury

@CKanishka

Hi, when can we expect the new release for aurelia-webpack-plugin with support for Webpack5, the PRs seemed to have been merged?

norgie

@norgie

Is there anything similar to Angular’s ng-init in Aurelia? What, if anything, can be used in lieu of ng-init?

Nick Smith

@Kremnari

@norgie there have been times I use a hidden input with value.bind="(code)" be cautious, as https://docs.angularjs.org/api/ng/directive/ngInit states, it can easily be abused

I've mostly used it on an ifd element to initialize an object

norgie

@norgie

@Kremnari
The Angular 1.x code I’m porting to Aurelia 1 is using ng-init on a <tr> element, i.e.
ng-init=showExpanded=true;checkIfChecked(row)

Nick Smith

@Kremnari

@norgie I'd be happy to continue this in a private chat to better understand your goals

Ashley Bartlett

@AshleyJBartlett

Hi, this is a long shot as I don't believe it's possible but...

with Aurelia, is it possible to intercept a POST request from an external site?

I have developed a web app with Aurelia which redirects out to a payment gateway and the payment gateway is doing a POST request back to our return URL which understandably returns an error of
Cannot POST /callback/xxxxxx

lsototest

@lsototest

Jamie Nelson

@jamie-wearsafe

@CKanishka did you manage to get a working Webpack 5 config with aurelia? I'm also looking for one.

1 reply

Michael Beck

@gravytrain

I have this external library, https://static.zdassets.com/zendesk_app_framework_sdk/2.0/zaf_sdk.js, and I need to be able to have access to the 'ZAFClient' object in the view-model, anyone know how I would go about doing that?

Michael Beck

@gravytrain

I feel like I am overlooking something simple

Michael Beck

@gravytrain

I did overlook something. Typescript is dumb.

@GenGol

When using the aurelia-fetch-client HttpClient, is there a way to change the params.withDefaults({credentials: 'same-origin'}) to 'include' on a per call request. Right now, it looks like you can only set this during configuration. In some cases, I want to set this to include. It just depends on where the call is being made to avoid CORS issues.

Monica Zhang

@mzhang444

I am trying to use aurelia-web-components to export a simple custom element into web component in order to use by other framework. My project just has one component under src/resource/elements folder and I followed the instructions under https://www.npmjs.com/package/aurelia-web-components. After running "npm run build", the dist folder just contains a bunch of app and vendors chunk js files. Where are the "You will find the compiled code in the dist folder, available in module formats: UMD, AMD, CommonJS and ES6."? How do I distribute the exported web components to other framework?
Here is my main.js file:

import * as environment from "../config/environment.json";
import { PLATFORM } from "aurelia-pal";
import { CustomElementRegistry } from "aurelia-web-components";

export function configure(aurelia) {
  aurelia.use
    .standardConfiguration()
    .globalResources("resources/elements/message-parts");
  // .feature(PLATFORM.moduleName('resources/index'));

  aurelia.use.developmentLogging(environment.debug ? "debug" : "warn");

  if (environment.testing) {
    aurelia.use.plugin(PLATFORM.moduleName("aurelia-testing"));
  }

  aurelia
    .start()
    .then(() => {
      const registry = aurelia.container.get(CustomElementRegistry);
      registry.useGlobalElements();
    })
    .then(() => aurelia.setRoot(PLATFORM.moduleName("app")));
}

miantosca

@miantosca

I am trying to upgrade aurelia-templating-resources from 1.6.0 -> 1.13.1 to get the fix for the race condition when composing a UI (PR: aurelia/templating-resources#345) - it is throwing an exception when it calls configure.globalResources (Invalid resource path [function Compose(element, container, compositionEngine, viewSlot, viewResources, taskQueue)). I am wondering if I need to upgrade other dependencies along with the aurelia-templating-resources upgrade.

This is the aurelia section of my package.json:

"aurelia-animator-css": "1.0.4",
"aurelia-bootstrapper-webpack": "1.1.0",
"aurelia-configuration": "1.0.17",
"aurelia-event-aggregator": "1.0.1",
"aurelia-fetch-client": "1.1.3",
"aurelia-framework": "1.3.1",
"aurelia-history-browser": "1.1.1",
"aurelia-http-client": "1.2.1",
"aurelia-i18n": "1.6.2",
"aurelia-loader-webpack": "2.1.0",
"aurelia-logging-console": "1.0.0",
"aurelia-pal-browser": "1.8.0",
"aurelia-polyfills": "1.3.4",
"aurelia-route-recognizer": "1.1.1",
"aurelia-router": "1.5.0",
"aurelia-templating-binding": "1.4.1",
"aurelia-templating-resources": "1.13.1",
"aurelia-templating-router": "1.3.1",

thank you

Philip Peitsch

@peitschie

@bigopon hello! :wave:
Just wanted to ask, is there a plan on the horizon to release the changes in the aurelia-web-components module on to NPM any time soon? I'd like to get use of the forcePrefix setting that's there :sweat_smile:
Thanks!

Mark Roeling

@mroeling

Quick question, there used to be a jobs.aurelia.io site. Is there an alternative somewhere, and/or is it to be re-set up after au2? Preferably for not just USA ;)

Avraham Essoudry

@avrahamcool

hi, there is a site that visualize aurelia binding expressions as you type them, but I can't find the link..

anyone here knows where i can find it?

(parsing the expressions into AST, and visualize them.)

Avraham Essoudry

@avrahamcool

get the answer from discource: https://codesandbox.io/s/94wlo6v6lp?from-embed=&file=/src/expression.ts

etorr86

@etorr86

Hello, I need help with a Jasmine unit test for an Aurelia dialog. I recently upgrade the aurelia dialog package and I had to replace the dialog.open.then() to dialog.open.whenClosed. Now there are about 6 unit test failing because dialog.whenClosed is not a function. This is the implementation:

and this is how is set up in the unit test as of now:

Has anyone encountered any similar problems? If so, how do you go about fixing it?

Paul R. De Buck

@Pauldb8

Hi guys, I'm trying to animate an img (simple translation) but not on page load, but rather on the moment the element becomes visible in the screen, what would be the most appropriate way to do so with Aurelia Animation plugin ? Thanks

Paul R. De Buck

@Pauldb8

can I like call a function whenever we reach a certain div ?

Esger Jellema

@Esger

@Pauldb8 aurelia animator will add the au-enter and au-enter-active classes when your element enters the DOM and when it has finished entering. (For elements with the au-animate class) You just have to write the styling you want to happen as these classes are applied. See:
https://aurelia.io/docs/plugins/animation#introduction

Paul R. De Buck

@Pauldb8

Yes but it this case, the elements are already in the dom, I just want the animation to take place when certain div is reached and show in the view

Where communities thrive

People

Repo info

Activity