Import map doesn't resolve transitive dependency

[cyco130]

I've initialized a Deno project with the esm.sh CLI and I added the @hattip/router module with deno task esm:add @hattip/router. The import map looks like this after that:

{
  "imports": {
    "@hattip/router": "https://esm.sh/v102/*@hattip/[email protected]"
  },
  "scopes": {
    "@hattip/router": {
      "@hattip/compose": "https://esm.sh/v102/@hattip/[email protected]",
      "@hattip/core": "https://esm.sh/v102/@hattip/[email protected]"
    }
  }
}

But trying to import @hattip/router gives the following error:

error: Relative import path "@hattip/compose" not prefixed with / or ./ or ../ and not in import map from "https://esm.sh/v102/@hattip/[email protected]/X-ZS8q/deno/router.js"
    at https://esm.sh/v102/@hattip/[email protected]/X-ZS8q/deno/router.js:2:25

I'm not well acquainted with esm.sh yet, am I supposed to esm:add transitive deps too (@hattip/compose in this case) or is this a bug?

The same happens with the browser and changing the scope from @hattip/router to https://esm.sh/v102/@hattip/[email protected]/ fixes it for both.

[ije]

seems the CLI script not create correct imports, i will look into it! Thanks.
you can change the import maps to below one that should work

{
  "imports": {
    "@hattip/router": "https://esm.sh/v102/*@hattip/[email protected]",
    "@hattip/compose": "https://esm.sh/v102/@hattip/[email protected]",
    "@hattip/core": "https://esm.sh/v102/@hattip/[email protected]"
  }

[jollytoad]

I've just encounter this too.

The problem is that the scopes need to be listed as the resolved URLs.

For example, if I do: deno task esm:add rxjs, I get the following import map:

{
  "imports": {
    "rxjs": "https://esm.sh/v102/*[email protected]",
    "rxjs/": "https://esm.sh/v102/*[email protected]/"
  },
  "scopes": {
    "rxjs": {
      "tslib": "https://esm.sh/v102/[email protected]"
    },
    "rxjs/": {
      "tslib": "https://esm.sh/v102/[email protected]"
    }
  }
}

but Deno cannot resolve tslib because the scopes are wrong, I get an error like this when doing deno check **/*.ts...

error: Relative import path "tslib" not prefixed with / or ./ or ../ and not in import map from "https://esm.sh/v102/[email protected]/X-ZS8q/deno/internal/util/isReadableStreamLike.js"
    at https://esm.sh/v102/[email protected]/X-ZS8q/deno/internal/util/isReadableStreamLike.js:2:47

The scope keys should be the resolved URLs like this...

{
  "imports": {
    "rxjs": "https://esm.sh/v102/*[email protected]",
    "rxjs/": "https://esm.sh/v102/*[email protected]/"
  },
  "scopes": {
    "https://esm.sh/v102/[email protected]": {
      "tslib": "https://esm.sh/v102/[email protected]"
    },
    "https://esm.sh/v102/[email protected]/": {
      "tslib": "https://esm.sh/v102/[email protected]"
    }
  }
}

which appears to work ok.

[jollytoad]

You could also have a single scope for esm.sh if you want to align on the same version of each dep:

  "scopes": {
    "https://esm.sh/": {
      "tslib": "https://esm.sh/v102/[email protected]"
    }
  }