I'm currently working on something that has parts similar to comlink, and I read through the code, as to not reinvent the wheel.
I found this piece of code, which has been marked as FIXME.
|
set(_target, prop, rawValue) { |
|
throwIfProxyReleased(isProxyReleased); |
|
// FIXME: ES6 Proxy Handler `set` methods are supposed to return a |
|
// boolean. To show good will, we return true asynchronously ¯\_(ツ)_/¯ |
|
const [value, transferables] = toWireValue(rawValue); |
|
return requestResponseMessage( |
|
ep, |
|
{ |
|
type: MessageType.SET, |
|
path: [...path, prop].map((p) => p.toString()), |
|
value, |
|
}, |
|
transferables |
|
).then(fromWireValue) as any; |
|
}, |
This code causes problems. set has to return boolean because you can't await the assignment.
Unfortunately, there's nothing like this in ES currently, and there probably won't be for the foreseeable future:
const variable (await =) 'some value';
I even did some tests on awaiting the entire expression itself, and it is indeed not trackable in any way.
You cannot chain operations if you depend on setting a value through a proxy. Of course, there's always the option of endpoints, but there is a viable alternative to the current implementation, and it would make this use case possible.
Moreover, it is not entirely clear that this should not work as expected.
There are two possible approaches to this issue:
- Export a unique symbol that would "end" the chain to an assignment. This would translate in adding an extra "if" case in the
get interface.
- On top of that, use ts-morph (or maybe even a JS AST manipulation library) to compile the code, so that the normal assignment translates.
Option 1. would make the code look like this:
import {set} from 'comlink'; // this is the symbol
await myProxy.foo.bar[set](3); // this is now awaitable
Option 2. would keep the code as it currently is, but would require an extra compilation step plus a babel/ts-morph/rollup/unplugin/etc. implementation.
This would be a big design change in terms of DX, but it would change the library for the better, I think.
I can provide a PR with tests as well, just let me know if this is something you're interested in.
I'm currently working on something that has parts similar to comlink, and I read through the code, as to not reinvent the wheel.
I found this piece of code, which has been marked as FIXME.
comlink/src/comlink.ts
Lines 476 to 490 in dffe905
This code causes problems.
sethas to return boolean because you can't await the assignment.Unfortunately, there's nothing like this in ES currently, and there probably won't be for the foreseeable future:
I even did some tests on awaiting the entire expression itself, and it is indeed not trackable in any way.
You cannot chain operations if you depend on setting a value through a proxy. Of course, there's always the option of endpoints, but there is a viable alternative to the current implementation, and it would make this use case possible.
Moreover, it is not entirely clear that this should not work as expected.
There are two possible approaches to this issue:
getinterface.Option 1. would make the code look like this:
Option 2. would keep the code as it currently is, but would require an extra compilation step plus a babel/ts-morph/rollup/unplugin/etc. implementation.
This would be a big design change in terms of DX, but it would change the library for the better, I think.
I can provide a PR with tests as well, just let me know if this is something you're interested in.