Package issue: @react-three/drei exports are incorrect

[ysulyma]

I am unable to import @react-three/drei/core/OrbitControls.js on jspm. The @react-three/drei package doesn't define an exports map, so I should be able to directly import any of its files. However, in the Import Map Generator the only exports I can choose from are

. [main entry]
./core/Text
./core/Text.js
./core/shaderMaterial
./core/shaderMaterial.js
./core/useContextBridge
./core/useContextBridge.js
./core/useGLTF
./core/useGLTF.js
./index.cjs.js
./index.js
./web/Html
./web/Html.js

[guybedford]

@ysulyma the package exports are automatically detected by JSPM based on existing package usage on npm. Sometimes subpaths are missed.

The generated exports are at https://ga.jspm.io/npm:@react-three/[email protected]/package.json giving:

{
  "exports": "exports": {
    ".": {
      "module": "./index.js",
      "default": "./index.cjs.js"
    },
    "./web/Html": "./web/Html.js",
    "./core/useGLTF": "./core/useGLTF.js",
    "./core/useContextBridge.js": "./core/useContextBridge.js",
    "./core/useContextBridge": "./core/useContextBridge.js",
    "./core/shaderMaterial": "./core/shaderMaterial.js",
    "./core/Text": "./core/Text.js",
    "./index.cjs.js": "./index.cjs.js",
    "./index.js": "./index.js",
    "./web/Html.js": "./web/Html.js",
    "./core/useGLTF.js": "./core/useGLTF.js",
    "./core/shaderMaterial.js": "./core/shaderMaterial.js",
    "./core/Text.js": "./core/Text.js",
    "./index.cjs.js!cjs": "./index.cjs.js"
  }
}

In this case, the recommendation is:

1. Construct a correct "exports" field for the package yourself.
2. Post a PR to the original repo to add a correct exports field.
3. Post a PR to the JSPM overrides repo https://github.com/jspm/overrides while that PR has not landed yet

As soon as the override is landed, the CDN rebuild will be triggered and the package should then work.

Just let me know if I can clarify further.