Thanks for showing how to import face-api! I used it in this just published notebook: https://observablehq.com/@mcmcclur/tour-faces I'm unfamiliar with this syntax: import('string') I've always used import { f } from 'string' I can't even figure out where "@vladmandic/face-api/dist/face-api.esm.js" lives! Can you point me to some documentation on that, please?

hi Mark, I love your creative use of TSP with face-api!! I'm using the face-api port using the latest version of tf.js https://github.com/vladmandic/face-api this person ported the code and uses his custom build bundle tool. Essentially what you're importing is a bundled version for the browser, https://github.com/vladmandic/face-api/blob/master/src/index.ts and the build instructions https://github.com/vladmandic/face-api/blob/471ddb7549aab1b8db18b1f72477ed26b6161e6f/.build.json#L112-L122

Thanks a lot - that helps! I'm still a bit confused, though. I guess that import('@user/.../file.js') is a short cut to import esm bundles directly from Github. As far as I can tell, though, the file https://github.com/vladmandic/face-api/dist/face-api.esm.js doesn't exist. Poking around, there is a file at https://raw.githubusercontent.com/vladmandic/face-api/master/dist/face-api.esm.js but I can't seem to import it directly. So I guess my main question is: If I find an interesting esm.js file on Github, what is the mapping from that URL to the appropriate import command? I hope that makes sense and thanks again!

I see now, yes the import is supported by observable and resolves to unpkg.com https://talk.observablehq.com/t/load-require-import-from-github-pages/296/2 more here https://github.com/observablehq/stdlib/blob/4c9a6d830a7c3fadb9e10075407e15f2ed8d156e/src/resolve.js but the right thing would be importing with the full URL const f = await import("https://cdn.jsdelivr.net/npm/@vladmandic/face-api/dist/face-api.esm.js"); or const f = await import("https://cdn.jsdelivr.net/gh/vladmandic/face-api/dist/face-api.esm.js");

That’s great - thanks!!