Aurelia 1.x Q&A - Sandbox at https://codesandbox.io/s/aurelia-javascript-sandbox-jnl6q85zq5
anyone use the aurelia-i18n plugin with the option to load translation from bundle? I always get the error :
Error: src\main.ts(4,23): error TS2307: Cannot find module 'i18next-resource-store-loader!./assets/i18n/index.js'. i'm following steps from the aurelia documentation: https://aurelia.io/docs/plugins/i18n#bundle-translation-files
Does aurelia have a built-in function to do this already?
@alfredlopez Yes you can, but the Aurelia way to do event listening is in the view, not the view-model https://aurelia.io/docs/binding/basics#dom-events
I’m porting JS (Google Polymer) to TS and one of the ready() functions has a window.addEventListener which seems like a custom event that’s being fired in code.
I guess I should have mentioned that before.
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<...>]>'.
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 ?
@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
Thanks @bigopon !
tsconfig.js
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"
]
}
and yes, discourse is the preferred threaded discussion group
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?
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?
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);
}
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);
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.
