by

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Aug 07 20:00
    radenkozec edited #663
  • Aug 07 20:00
    radenkozec edited #663
  • Aug 07 19:58
    radenkozec commented #663
  • Aug 07 19:57
    radenkozec reopened #663
  • Aug 07 10:51
    radenkozec closed #663
  • Aug 07 10:51
    radenkozec commented #663
  • Aug 05 09:03
    radenkozec opened #663
  • Aug 05 07:09
    JSeligsohn commented #343
  • Aug 01 11:41
    CLAassistant commented #687
  • Aug 01 11:41
    dependabot[bot] labeled #687
  • Aug 01 11:41
    dependabot[bot] opened #687
  • Aug 01 11:41

    dependabot[bot] on npm_and_yarn

    chore(deps): bump elliptic from… (compare)

  • Aug 01 04:48
    CLAassistant commented #320
  • Aug 01 04:48
    dependabot[bot] labeled #320
  • Aug 01 04:48
    dependabot[bot] opened #320
  • Aug 01 04:48

    dependabot[bot] on npm_and_yarn

    chore(deps): bump elliptic from… (compare)

  • Jul 31 13:55
    CLAassistant commented #137
  • Jul 31 13:55
    dependabot[bot] labeled #137
  • Jul 31 13:55
    dependabot[bot] opened #137
  • Jul 31 13:55

    dependabot[bot] on npm_and_yarn

    chore(deps): bump elliptic from… (compare)

Gerald Gayowsky
@ggayowsky
e.g. computedFrom('array.0') or computedFrom('array[0]')
bigopon
@bigopon
@ggayowsky not at the moment, though maybe i can create a plugin for it
TonyLugg
@TonyLugg

This morning I have an error and can't run my app. So I updated node and also tried with a new app but get this error:

```
PS C:\DevTest\Aurelia\test13> au run
Local aurelia-cli v1.3.1
Starting 'readProjectConfiguration'...
INFO [Bundle] Manually adding package: 2.3.3 aurelia-bootstrapper
INFO [Bundle] Manually adding package: 1.2.1 aurelia-loader-default
INFO [Bundle] Manually adding package: 1.8.1 aurelia-pal-browser
INFO [Bundle] Manually adding package: 1.0.0 aurelia-testing
INFO [Bundle] Manually adding package: 2.0.16 text
Finished 'readProjectConfiguration'
Starting 'processMarkup'...
Starting 'processJson'...
Starting 'processCSS'...
Starting 'copyFiles'...
Starting 'configureEnvironment'...
Finished 'copyFiles'
Finished 'processJson'
Finished 'processCSS'
Finished 'processMarkup'
Finished 'configureEnvironment'
Starting 'buildTypeScript'...
Finished 'buildTypeScript'
Starting 'writeBundles'...
INFO [Bundler] Tracing files ...
INFO [Bundler] Auto tracing package: 1.0.3 aurelia-event-aggregator
INFO [Bundler] Auto tracing package: 1.3.1 aurelia-framework
INFO [Bundler] Auto tracing package: 1.4.0 aurelia-history-browser
INFO [Bundler] Auto tracing package: 1.0.2 aurelia-loader
INFO [Bundler] Auto tracing package: 1.1.1 aurelia-logging-console
INFO [Bundler] Auto tracing package: 1.0.6 aurelia-metadata
INFO [Bundler] Auto tracing package: 1.8.2 aurelia-pal
INFO [Bundler] Auto tracing package: 1.3.4 aurelia-polyfills
INFO [Bundler] Auto tracing package: 1.5.3 aurelia-templating-binding
INFO [Bundler] Auto tracing package: 1.13.0 aurelia-templating-resources
INFO [Bundler] Auto tracing package: 1.4.0 aurelia-templating-router
INFO [Bundler] Auto tracing package: 2.5.4 aurelia-binding
INFO [Bundler] Auto tracing package: 1.5.2 aurelia-dependency-injection
INFO [Bundler] Auto tracing package: 1.2.1 aurelia-history
INFO [Bundler] Auto tracing package: 1.5.2 aurelia-logging
INFO [Bundler] Auto tracing package: 1.1.5 aurelia-path
INFO [Bundler] Auto tracing package: 1.7.1 aurelia-router
INFO [Bundler] Auto tracing package: 1.3.3 aurelia-task-queue
INFO [Bundler] Auto tracing package: 1.10.3 aurelia-templating
INFO [Bundler] Auto tracing package: 1.3.2 aurelia-route-recognizer
INFO [Bundle] Writing app-bundle.js...
INFO [Bundle] Writing vendor-bundle.js...
Finished 'writeBundles'
Application Available At: http://localhost:9000
BrowserSync Available At: http://localhost:3001
events.js:287
throw er; // Unhandled 'error' event
^

Error: listen EACCES: permission denied 0.0.0.0:3001
at Server.setupListenHandle [as _listen2] (net.js:1296:21)
at listenInCluster (net.js:1361:12)
at Server.listen (net.js:1449:7)
at Object.startServer [as fn] (C:\DevTest\Aurelia\test13\node_modules\browser-sync-ui\lib\async.js:123:39)
at C:\DevTest\Aurelia\test13\node_modules\browser-sync-ui\lib\UI.js:184:14
at iterate (C:\DevTest\Aurelia\test13\node_modules\async-each-series\index.js:8:5)
at C:\DevTest\Aurelia\test13\node_modules\async-each-series\index.js:16:16
at C:\DevTest\Aurelia\test13\node_modules\browser-sync-ui\lib\UI.js:192:13
at Object.setUrlOptions [as fn] (C:\DevTest\Aurelia\test13\node_modules\browser-sync-ui\lib\async.js:76:9)
at C:\DevTest\Aurelia\test13\node_modules\browser-sync-ui\lib\UI.js:184:14
Emitted 'error' event on Domain instance at:
at Server.EventEmitter.emit (domain.js:500:12)
at emitErrorNT (net.js:1340:8)
at processTicksAndRejections (internal/process/task_queues.js:84:21) {
code: 'EACCES',
errno: 'EACCES',
syscall: 'listen',
address: '0.0.0.0',
port: 3001,
domainEmitter: Server {
insecureHTTPParser: undefined,
_events: [Object: null prototype] {
request: [Function],
connection: [Array]
},
_eventsCount: 2,
_maxListeners: undefined,
_connections: 0,
_handle: null,
_usingWorkers: false,
_workers: [],
_unref: false,
allowHalfOpen: true,
pauseOnConnect: false,
ht

tpAllowHalfOpen: false,
timeout: 120000,
keepAliveTimeout: 5000,
maxHeadersCount: null,
headersTimeout: 40000,
destroy: [Function],
[Symbol(IncomingMessage)]: [Function: IncomingMessage],
[Symbol(ServerResponse)]: [Function: ServerResponse],

[Symbol(kCapture)]: false,
[Symbol(asyncId)]: -1

},
domainThrown: false
}

Arne Deruwe
@arnederuwe
@TonyLugg I gave up on finding the permission denied thing, something is preventing your 3001 port to be used
The -by far- easiest solution is to just change the browsersync UI port number to something else:
1: open run.ts in aurelia_projects/tasks
2:
let serve = gulp.series(build, done => {
    bs.init(
        {
            ui: {                                    //  <===
                port: 8080,             // <=== your preference
            },                                        // <===
            online: false,
            open: CLIOptions.hasFlag("open") || project.platform.open,
...
most of the stuff you find online points to docker as the culprit, suggesting disabling it, but I need Docker, so.. :p
Corneliu
@corneliutusnea
Is there a room for Aurelia2 questions? I want to try the new Aurelia2 but having some issues with configuring routers. Can't find a good example of how to do it.
bigopon
@bigopon
@corneliutusnea you cna use both discord and discourse
we are trying to migrate the community over discord here https://discord.gg/RBtyM6u and discourse here https://discourse.aurelia.io/
Tom Longson
@nym
@bigopon trying to get my company to whitelist discord for this
Gary Kaganas
@Seebiscuit

I'm using the App Store. I use selectors to break handle smaller pieces of state. So, say that I have a deeply nested object:

const state = { 
  stuff: {
    innerStuffArray: []
  }
}

If I need to add an item to innerStuffArray I'd replace state with a state that has that item.

So, my selector basically does:

store.state.pipe(pluck("stuff"))

I subscribe to that selector like this:

store.state.pipe(pluck("stuff")).subscribe((stuff) => {
...do stuff...
})

But, when I'm replace state with a new item in innerStuffArray the subscription is not called.

bigopon
@bigopon
@Seebiscuit we are trying to move to discord & discourse for Q/A community building. Asking there should give you faster response
for your Q, can you help post it on either of those place? many users of the store are active there
Jake Aitchison
@milkshakeuk
Quick question when using @autoInject do instances get resolved as singleton or transient by default (without manually registering things in the IOC container)?
Arne Deruwe
@arnederuwe
@milkshakeuk from the docs:
Everything is an application-level singleton except for those things which are classified as "components", essentially custom elements, custom attributes and view-models created through the router or composition engine. You can change the lifetime of router and composition created components through explicit configuration.
Jake Aitchison
@milkshakeuk
thanks
John Tomaselli
@johntom
what html editor do you use in aurelia. Replacing kendo...
im testing froala
Arne Deruwe
@arnederuwe
We are in the midst of testing https://alex-d.github.io/Trumbowyg/
norgie
@norgie
The editor used by VS Code can be used as a replacement for e.g. Kendo.
John Tomaselli
@johntom
After testing froala, quill, pell, thumowyg I’ve finallly found one to rule them all, it workS out of the box With aurelia easy to bundle with au cli(system js) and has great documentation. Since I use aurelia slickgrid, the cost of adding jquert
John Tomaselli
@johntom
Since I use aurelia with Slickgrid the cost of adding query and bootstrap was not an issue. Easy to place multiple controls on view and use two way binding, It just works!
Arne Deruwe
@arnederuwe
@johntom sooo.... which one is it? :p
Jameson Strocsher
@jamesond
Does anyone know why if you have multiple tabs open for the same site that the router would navigate both tabs? Seems like I am missing a setting somewhere? Thank you
Arne Deruwe
@arnederuwe
@jamesond browsersync does that, you can turn it off in the browsersync config portal (default localhost 3000 I think)
Jameson Strocsher
@jamesond
@arnederuwe does browsersync automatically run in production as well? I might need to mess with a build config or something???
Brian
@wbrian-onlineed

I'm trying to split my CLI app into multiple bundles (different bundle for each major area of the app). I can't add bundle-specific dependencies without creating errors. They work fine if i put them in the vendor-bundle, but no other bundle. Is this is a known limitation?

"bundles": [
    {
        "name": "vendor-bundle.js",
        "dependencies": [
            // putting this dependency in vendor-bundle works:
            {
            "name": "chart.js",
            "path": "../node_modules/chart.js/dist",
            "main": "Chart.min.js"
            }
        ]
    },
    {
        "name": "foo-bundle.js",
        "source": [
            "[**/ux/foo/*.js]",
            "**/ux/foo/*.{css,html}"
        ],
        "dependencies": [
            // putting dependency here results in error:
            {
            "name": "chart.js",
            "path": "../node_modules/chart.js/dist",
            "main": "Chart.min.js"
            }
        ]
    },
    {
        "name": "app-bundle.js",
        "source":{ 
            "include":[ "[**/*.js]", "**/*.{css,html}" ],
            "exclude": [ "[**/ux/foo/*.js]", "**/ux/foo/*.{css,html}" ]
        }
    }      
]

Errors:
TypeError: h.load is not a function
ERROR [app-router] Error: Load timeout for modules: template-registry-entry!ux/foo/index.html,text!ux/foo/index.html

Any ideas? Thanks.

Arne Deruwe
@arnederuwe
@jamesond it doesn't!
Arne Deruwe
@arnederuwe
@wbrian-onlineed That should work, are you using CLI + require?
we did this exact setup in a project of ours, we didn't want kendo in our mobile app:
"bundles": [
            {
                "name": "common-bundle.js",
                "source": {
                    "include": ["**/*.{js,css,html}"],
                    "exclude": [
                        "**/app/**/*.{js,css,html}",
                        "**/admin/**/*.{js,css,html}"
                    ]
                }
            },
            {
                "name": "app-bundle.js",
                "source": ["**/app/**/*.{js,css,html}"]
            },
            {
                "name": "admin-bundle.js",
                "source": ["**/admin/**/*.{js,css,html}"],
                "dependencies": [
                    {
                        "name": "@progress/kendo-ui",
                        "path": "../node_modules/@progress/kendo-ui/",
                        "resources": ["js/kendo.grid.js"]
                    }
                ]
            },
            {
                "name": "vendor-bundle.js",
                "prepend": ["node_modules/requirejs/require.js"],
                "dependencies": [
                    "jquery",
                    {
                        "name": "bootstrap",
                        "path": "../node_modules/bootstrap/dist",
                        "main": "js/bootstrap.bundle.min",
                        "deps": ["jquery"],
                        "exports": "$",
                        "resources": ["css/bootstrap.css"]
                    },
                    "aurelia-bootstrapper",
                    "aurelia-loader-default",
                    "aurelia-pal-browser",
                    {
                        "name": "aurelia-testing",
                        "env": "dev"
                    },
                    "text"
                ]
            }
        ],
Brian
@wbrian-onlineed
@arnederuwe Yes i'm using regular CLI. It correctly produces the bundle but then starts to throw errors when app is loaded. Does it have to be included, required, or referenced differently in the app? I've tried everything to make this work. I'm hoping to produce an "admin bundle" just like you illustrate.
Jameson Strocsher
@jamesond
@arnederuwe bummer because my behavior is in production. I have online shopping portal and if a customer opens up multiple tabs with the site it will navigate the other one as well. Its a head scratcher for me thats for sure. I figure it has to be something with the router???
Brian
@wbrian-onlineed
@wbrian-onlineed FIXED. Note for posterity: Taking the nuclear option worked. I re-homed the entire Aurelia project, upgraded the CLI and all packages, and put it all back together. I hate doing that, it took all morning, but bundles are now working correctly. This appears to have been a bug with outdated CLI version.
Jameson Strocsher
@jamesond
@arnederuwe I am totally wrong it works as expected in production. Thank you for your time. I appreciate it.
Brian
@wbrian-onlineed
After upgrading to CLI 1.3.1, i'm noticing missing whitespace all throughout my templates:
<b>${1+2}</b> X in my .html compiles to <b>${1+2}</b>X(missing space after tag).
Anyone else notice this? Is there a bundler setting that is mangling this? Thanks for your help.
James Gosbell
@jamesg1
Hi all, I'm maintaining a large Aurelia code base over ~60 repos and we haven't spent much effort keeping the CLI up to date. The base repo/CLI was forked back in 2017, so our Aurelia version is out of date somewhat, mainly typescript/scss. I'd like to get upgraded to the latest Aurelia setup, would the best way to be to create a new cli app and move code over? Our aurelia.json and some build tasks have been modified
James Gosbell
@jamesg1
Is Aurelia backwards compatible?
James Gosbell
@jamesg1
Thanks :)
Brian
@wbrian-onlineed
@jamesg1 In my experience its easiest to just start a blank project and move your source code and config over manually. I recently did the same thing. Once you work out the kinks and have a working process, you can repeat it with the others. It doesn't sound like an fun way to spend your day, but it gets it done. The main things that change when upgrading the CLI are the dependencies and tasks. Once you figure out exactly what those changes are for a guinea pig project, you can copy the changes into your others repos.
Brian
@wbrian-onlineed
@wbrian-onlineed Answering my own question about whitespace: If you are having issues with collapsing whitespace, the culprit is htmlmin. You can fix by simply adding conservativeCollapse: true to aurelia_project/tasks/process_markup.js. See: http://perfectionkills.com/experimenting-with-html-minifier/#collapse_whitespace
VagyokC4
@VagyokC4
Question regarding custom-attributes. Are there any examples of extending and/or an attribute managing the IF binding? For example, I want to wrap some custom logic around the if binding by just using a new attribute that will programmatically add the IF binding to the element, and manage the bool variable bound to the if binding?
James Gosbell
@jamesg1
You can do if bindings to functions within your class model.
@wbrian-onlineed thanks will see how I go!
VagyokC4
@VagyokC4
Yeah, it's more that I want to extend the if binding and have my own version of an if binding, where my custom attribute is actually controlling the condition logic of the if binding, so that the end result is an html tag with only my custom attribute on it, no actual if bindings
plarner30
@plarner30
Is there a way to denote recognised query string parameters in aurelia router route definitions? At the moment just putting in a comment i.e this route will respond to ?foo parameter
Edwin
@thinkbig1979

Practical question:

The webpack.config.js code for exposing the Bluebird promise library in my (Aurelia) webapp is as follows:

module.exports = {
  module: {
    rules: [
      {
        test: /[\/\\]node_modules[\/\\]bluebird[\/\\].+\.js$/,
        loader: 'expose-loader?Promise'
      },
    ],
  },
};

After updating webpack expose-loader to v1.0. I get this error in the browser console:

Error: Module build failed (from
./node_modules/expose-loader/dist/cjs.js): ValidationError: Invalid
options object. Expose Loader has been initialized using an options
object that does not match the API schema.

options misses the property 'exposes'. Should be: non-empty string |
object { globalName, moduleLocalName?, override? } | [non-empty string
| object { globalName, moduleLocalName?, override? }, ...] (should not
have fewer than 1 item)

It's not obvious to me how to change the config at this point. Any suggestions? Many thanks!

bigopon
@bigopon
@thinkbig1979 have you resolves that issue?
If not, maybe try our new forum discord for faster response time /help? As we sre trying to migrate the community there