Way to resolve npm file imports like npm:lib/bin.wasm about deno

[lucacasonato]

So in theory you should be able to do.

import CanvasKitInit, { CanvasKit } from "npm:canvaskit-wasm/bin/canvaskit.js";
import { fileURLToPath } from "node:url";

const canvasKit: CanvasKit = await CanvasKitInit({
  locateFile: (file) => fileURLToPath(import.meta.resolve(`npm:canvaskit-wasm/bin/${file}`)),
});

However, this is currently broken (#24174).

So for now, you can do this workaround that is a bit more wordy:

import CanvasKitInit, { CanvasKit } from "npm:canvaskit-wasm/bin/canvaskit.js";
import { fileURLToPath } from "node:url";
import { dirname, join } from "node:path";

const canvasKit: CanvasKit = await CanvasKitInit({
  locateFile: (file) => {
    const url = import.meta.resolve(`npm:canvaskit-wasm/bin/canvaskit.js`);
    const path = fileURLToPath(url);
    const dir = dirname(path);
    return join(dir, file);
  },
});

[lucacasonato]

I'll close this and continue tracking the underlying issue in #24174.