Radamés Ajna

face-api.js : Face Landmarks with d3-geo

TensorFlow.js Universal Sentence Encoder Lite - Textual Similarity

Face Landmarks Detection - Tensorflow.js

TensorFlow.js

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?

Mark McClure

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");