Wire to Promise converter

[JackVeromeev]

API

• Mixin WireHelperMixin (naming TBD)
• method to capture the data from wire
  @wire(getRecord, {...props}) setSomeRecord(recordData) { this.storeWired('some record', recordData); }
• method to get the data from storage
  this.getWired('some record') => Promise

Solution draft

class A {
    someProp;
    @wire(getSomeProp)
    setSomeProp({data, error}) {
        // proto for "setSomeRecord"
        if (data) {
            this.someProp = data;
            this.somePropAwaitList.forEach(([resolve]) => resolve(this.someProp));
        }
        if (error) {
            this.somePropAwaitList.forEach(([resolve, reject]) => reject(error));
            console.error(error);
        }
    }
    somePropAwaitList = [];
    awaitSomeProp = () => { // proto for "getWired"
        if (this.someProp !== undefined) {
            return Promise.resolve(this.someProp);
        } else {
            return new Promise((resolve, reject) => {
                this.somePropAwaitList = [...this.somePropAwaitList, [resolve, reject]];
            });
        }
    }
}

[JackVeromeev]

Actually, you can return the same promise to each requestor. Proof:

let resolve;
let reject;
const resolved = new Promise((r,j) => {
    resolve = r;
    reject = j;
});
setTimeout(
    () => {
        console.log("now let's resolve");
        resolve();
    },
    3000
);

setTimeout(
    () => {
        console.log("add first listener");
        resolved.then(() => console.log('1'));
    },
    1000
);
setTimeout(
    () => {
        console.log("add second listener");
        resolved.then(() => console.log('2'));
    },
    2000
);
setTimeout(
    () => {
        console.log("add third listener");
        resolved.then(() => console.log('3'));
    },
    4000
);

Result

add first listener
add second listener
now let's resolve
1
2
add third listener
3

[JackVeromeev]

Moved to sldt-lib/sldt#4