pimterry / server-components Goto Github PK

https://dns.js.org/

Doesn't work in default TonicDev, but works perfectly if you switch Node version to v5.

I was wondering if there is a way to create a component in ES6 syntax and import it into another components. Would it be possible for you to modify the attached examples in the README file?

I tried to run the following code

var DemoComponent = components.newElement();
DemoComponent.createdCallback = function (document) {
    this.style.color = 'blue';
    this.addEventListener('click', ()=> {
        console.log('hello');
        this.style.color = 'red';
    });
    this.innerHTML = "Hello";
};
components.registerElement("demo-component", { prototype: DemoComponent });

It did show me the Hello text in blue color, but it failed to trigger the event.

Depends on #20, but should be fairly easy once that's out the way. Could continue polyfilling myself, but while that's fine for a PoC, it doesn't seem like the right approach for real usage. Good polyfill: https://github.com/WebReflection/document-register-element

Since this area of development is greenfield, it would be good to future-proof from the start. I'm currently working on a V1 conversion based on polymer's polyfill.

The main issue I've run into so far is that there is no more createdCallback. Instead, a constructor is defined. The spect dictates that this constructor "must not gain any attributes or children". Currently server-components relies on createdCallback returning a promise if it needs to block rendering.

The spec suggests that "work should be deferred to connectedCallback as much as possible—especially work involving fetching resources or rendering." Do you think this would be an acceptable replacement to createdCallback? i.e. server-components relying on that callback to return a promise, if needed?

See placeholder project at https://github.com/pimterry/server-components-express

Hi @pimterry

Is this project abandoned? I was planning to use it somewhere.
Just wondering since the last commit was in June, 2016

Thanks

how would I render a data grid?

Install components, start a server, write HTML, done.

I notice your examples make a component in .js.
But spec allows for html template, in dom/markup - so it is easier for designers.

Is that supported or needs to be added?