Importmap help

[SmDeltArt]

Request for importmap support in web-ifc-viewer

Hi there 👋,

I’m working on the AIfc-Manager-Attribute project and trying to use web-ifc-viewer in a plain HTML demo (no bundler), just via an <script type="importmap"> and native ESM imports. My goal is a minimal “upload IFC file” example. Right now I get “module not found” errors for web-ifc-viewer, web-ifc-three, and three. For example:

<script type="importmap">
{
  "imports": {
    "three": "./node_modules/three/build/three.module.js",
    "web-ifc-three": "./node_modules/web-ifc-viewer/dist/web-ifc-three.module.js",
    "web-ifc-viewer": "./node_modules/web-ifc-viewer/dist/index.js"
  }
}
</script>

<script type="module">
  import { IfcViewerAPI } from 'web-ifc-viewer';
  // …
</script>

I’ve also tried copying the files from node_modules/web-ifc-viewer/dist into my public folder and updating paths, but the browser still complains. Could you please share the correct ESM entry points (or CDN URLs) and/or an example import-map configuration that works? I’d love to stay bundler-free for this attribute-viewer demo.

Thanks for any guidance!
—Benoît
cad-ai-support.blog

[agviegas]

Hi @TioneB73

We have officially released the new library components on September 20 2023. This library substitutes web-ifc-three and web-ifc-viewer. Both WIV and WIT will remain up, but they will be deprecated and won't be maintained any longer. You can find the new docs here.

All our efforts are going towards components now. The API is very similar, so I strongly suggest you make the leap and start using it. If you still face this issue with it, you can open an issue there and we'll take a look.