Comments (3)
kleisauke
commented on June 25, 2024
I could not reproduce this with emrun, which should set these COOP/COEP headers automatically.
https://github.com/emscripten-core/emscripten/blob/3.1.51/emrun.py#L641-L642
PS> docker run -p 8080:80 --rm -v ${PWD}:/src emscripten/emsdk:3.1.51 emrun --port 80 --no_browser /src
# Visit http://localhost:8080/index.htmlWhat does self.crossOriginIsolated return? You could also try to optimize the startup time by disabling the dynamic modules.
@@ -8,7 +8,10 @@
console.error(result); // never displayed
}
- let prms = Vips();
+ let prms = Vips({
+ // Optimize startup time by disabling the dynamic modules
+ dynamicLibraries: []
+ });
prms.then(resolved, rejected);
console.log(prms); // is a pending Promise
Although I suspect this is not the culprit.
from wasm-vips.
johndoe46
commented on June 25, 2024
Some progress...
Emptying dynamicLibraries has no effect on the Promise resolve. However, using emrun does make the script work. So probably some HTTP wizardry I don't know about. Here are the index.html headers according to emrun and yarn serve:
Emrun headers:
HTTP/1.1 200 OK
Access-Control-Allow-Origin: *
Cache-Control: no-cache, must-revalidate
Connection: close
Content-Length: 592
Content-Type: text/html
Cross-Origin-Embedder-Policy: require-corp
Cross-Origin-Opener-Policy: same-origin
Cross-Origin-Resource-Policy: cross-origin
Date: Mon, 08 Jan 2024 19:45:40 GMT
Expires: -1
Last-Modified: Mon, 08 Jan 2024 19:41:57 GMT
Server: SimpleHTTP/0.6 Python/3.9.4
yarn serve headers:
HTTP/1.1 200 OK
Accept-Ranges: bytes
Connection: keep-alive
Content-Disposition: inline; filename="index.html"
Content-Length: 592
Content-Type: text/html; charset=utf-8
Cross-Origin-Embedder-Policy: require-corp
Cross-Origin-Opener-Policy: same-origin
Date: Mon, 08 Jan 2024 19:47:37 GMT
ETag: "c9d75225cfb3a5de2e1418c2c859be01b0ad4fa4"
Keep-Alive: timeout=5
Vary: Accept-Encoding
So I changed the yarn serve config (serve.json) to add more headers and also to have all the CORS headers on the js and wasm files (because that's what emrun does):
{
"headers": [
{
"source": "**/*.@(html|js|wasm,mjs)",
"headers": [
{
"key": "Cross-Origin-Embedder-Policy",
"value": "require-corp"
},
{
"key": "Cross-Origin-Opener-Policy",
"value": "same-origin"
},
{
"key": "Cross-Origin-Resource-Policy",
"value": "cross-origin"
},
{
"key": "Access-Control-Allow-Origin",
"value": "*"
},
{
"key": "Cache-Control",
"value": "no-cache, must-revalidate"
}
]
}
]
}
And bingo ! Now the Promise is fulfilled.
Thanks a lot for your help, time to play with vips now :)
from wasm-vips.
kleisauke
commented on June 25, 2024
Great! I could reproduce this when serving the COOP/COEP headers only on the main document. It appears that the worker script should also serve these headers.
Commit dcbbab1 clarifies this in the documentation. Thanks for reporting this!
from wasm-vips.
Related Issues (20)
- `wasm-vips` is unstable on Node `18.14.2+` and `19.4.0+` HOT 11
- Unstable on Deno HOT 2
- Playground feature request: ability to import file from disk HOT 3
- `WasmTrapJSTypeError` while loading an SVG when building with LTO HOT 3
- Docker compilation error HOT 6
- setup wasm-vips for next.js/react HOT 3
- TS types improvements HOT 3
- writeToBuffer increases RSS size till OOMKilled HOT 3
- Not working on deno deploy HOT 1
- ab [vips::Error]: no such operation pdfload_buffer VipsOperation: class "pdfload_buffer" not found HOT 1
- JPEG 2000 Support HOT 1
- Errors with vite HOT 27
- No paths work when reading files (Deno) HOT 2
- Error `heifload: ignoring nclx profile` when converting to AVIF and resizing HOT 4
- Add progress information HOT 3
- Error: need to see wasm magic number HOT 1
- Enhancement — more modular loading HOT 3
- Interlace option in jpegsaveBuffer doesn’t seem to work HOT 1
- [Question] How do you deal with CDNs and Vite HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from wasm-vips.