aurelia/Discuss

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

Richard Deckard

@RichardDeckard

hehe

Max

@MaximBalaganskiy

waiting for generators support in es5

Jason Sobell

@jsobell

Yeah, it's just a few issues like this: Object destructuring broken: variables are bound to the wrong object

Nothing serious... :)

Max

@MaximBalaganskiy

stupid safari does not support them

Richard Deckard

@RichardDeckard

jason: typescript or babel doesn't do that yet?

Cory Deppen

@corydeppen

@jhewt I'm able to require css files that are within src without a problem in a CLI project. I've been trying to determine if it should be possible to require css files from outside src for things like Bootstrap and Font Awesome.

José A. Sachs

@jhewt

@corydeppen Exactly, that was the problem I was facing. In my case trying to load a Material Design Lite CSS file from "mtl/dist/material.min.css"

Max

@MaximBalaganskiy

@jhewt in JSPM's case the css is loaded by the JS script itself

ups... sorry, didn't see "lite" word, i'm using materializecss

José A. Sachs

@jhewt

hehe, I've been using materializecss

I wasn't quite happy with it

Max

@MaximBalaganskiy

any particular things?

is there a bridge for aurelia?

José A. Sachs

@jhewt

for MaterializeCSS or Material Design Lite?

Max

@MaximBalaganskiy

for Material Design Lite

José A. Sachs

@jhewt

MDL from now on, easier on my fingers

There was one, now it's dated

They moved to React

However, there's an easy way to register and unregister MDL elements

and no jQuery

Patrick Walters

@PWKad

To me it is surprising that a bridge is necessary for a CSS framework to work with a JavaScript library(ies)

José A. Sachs

@jhewt

That was my #1 problem with MaterializeCSS

Indeed, I just did a CustomAttribute to register and unregister the element

with Attach and Dettach events

Patrick Walters

@PWKad

That seems pretty natural to me, the styling should be independent of the usage

Why did you need to use a bridge in the first place, just curious?

Seems that any CSS framework should be relatively agnostic of the consumer

José A. Sachs

@jhewt

export class MdlComponentCustomAttribute {
    static inject = [Element];
    constructor (element) {
        this.element = element;
    }
    attached() {
        componentHandler.upgradeElement(this.element);
    }
    detached() {
        componentHandler.downgradeElements(this.element);
    }
}

then <button mdl-component .... >

Max

@MaximBalaganskiy

@PWKad the bridge provides attributes or custom elements to initialize widgets

José A. Sachs

@jhewt

and that's all the integration I had to do

@PWKad the bad thing about MaterializeCSS was the usage of jQuery, MDL does not

Max

@MaximBalaganskiy

@PWKad also, it's nice to just bind to an attribite and it will generate options tags for example without the need to repeat-for manually

Patrick Walters

@PWKad

Doesn't seem related to Aurelia though, why did you need to use jquery for aurelia? Simply for using a CSS framework?

José A. Sachs

@jhewt

With MaterializeCSS yes, jQuery was required

Max

@MaximBalaganskiy

DateTime picker requires it at least

José A. Sachs

@jhewt

That's why I ditched it and moved to MDL

Patrick Walters

@PWKad

Usually my styling is independent of my framework choice

Doesn't seem like a good idea to have either dependent on each other

José A. Sachs

@jhewt

What, MCSS <--> jQuery with Aurelia?

Max

@MaximBalaganskiy

@PWKad that would require more typing in MCSS case

José A. Sachs

@jhewt

@MaximBalaganskiy I strongly recommend using MDL instead of MCSS

However MCSS has the most native-like drawer

Jason Sobell

@jsobell

@Vheissu It turns out that because node 4 doesn't support ES6, I have to change the wallaby.js:

        env: { type: "node", runner: "node"},

(yes, I was compiling to ES6)

Dwayne Charrington

@Vheissu

I think you can also tell Wallaby to use a different version of Node as well.

Wallaby uses v4 by default I think, but I know in Webstorm, you can change the Node install to use a different version.

Roland Quast

@rquast

anyone here using bootstrap 4 with webpack successfully?

thinking of switching from semantic ui

Where communities thrive

People

Repo info

Activity