How to resolve `import(npm: ...)` protocol imports in standard library when using in Browser

[tomlarkworthy]

The standard library uses protocol prefixed imports, e.g.

export const svg = () => import("npm:htl").then((_) => _.svg);

Its not clear what the blessed path is on how these should resolve when using the NotebookRuntime in the browser.

Example: https://observablehq.com/@tomlarkworthy/basic-notebook-2-0-renderer-smoke-test

4 of 5 cells works except the svg`` tagged template fails because it can't load htl from the standard library. Leading to

RuntimeError: Failed to fetch dynamically imported module: npm:htl

I see resolveImport strips protocols in notebooks but its not applied in the standard library loading critical path?

[tomlarkworthy]

I got it working using es-module-shims but I don't think thats the blessed path! But it does suggest inserting resolveNpmImport will fix the issue at some level.

https://observablehq.com/@tomlarkworthy/basic-notebook-2-0-renderer-with-es-module-shims