Can I use FileAttachment from stdlib in a vanilla JS modiule?

[aaronkyle]

I am trying to get Tom Larkworthy's Draggable LocalFile fileInput working in Framework. It relies on Mike Bostock's LocalFile notebook, which uses FileAttachment to attach in an empty data file (it's a file named 'empty' containing only the text 'hello world'. I tried converting Mike's notebook into a JS export module, but I can't get past the file attachment note being found.

Boiling down the code, I tried to create a .js file to import called localfileAttachment.js containing only this code:

import { FileAttachment } from "@observablehq/stdlib";

export const AbstractFile = FileAttachment("empty").constructor.__proto__

When I try to consume this in a Framework notebook, I get the error Error: File not found: empty—even though the file is sitting there right beside my localfileAttachment.js file.

Despite several attempts, I can't seem to get this file attachment to load correctly outside of the Framework context. As a Framework page, I can get Mike's LocalFile notebook to work just fine.

Should I be looking for other ways to load in a local file other than FileAttachment in this context?

Any help and guidance is welcome and appreciated! 🙏

[mbostock]

Your import looks wrong. Per the docs, it should be:

import {FileAttachment} from "observablehq:stdlib";

[aaronkyle]

Thanks, @mbostock - That did the trick. Thank you for all the time, care and attention that you dedicate to helping users! ❤️