Calcite Components Exports Map

Looking into adding an exports map.

Repro Steps

1. Run npm install && npm run dev
2. Open the browser and go to http://localhost:5173/calcite
3. In the console you will see the same error as this issue
4. Exit the node process (Ctrl+C)
5. Run npm run build:cc && npm run link && npm run dev
6. Open the browser again to the same url
7. Notice a different error:

The sample works if you use dynamic imports

// src/routes/calcite.svelte
import { onMount } from 'svelte';
onMount(async () => {
  import("@esri/calcite-components/dist/components").then(
    ({ setAssetPath }) =>
      setAssetPath(
        "https://unpkg.com/@esri/calcite-components/dist/calcite/assets"
      )
  );
  import("@esri/calcite-components/dist/calcite/calcite.css");
  import("@esri/calcite-components/dist/components/calcite-button.js");
});

---

create-svelte

Everything you need to build a Svelte project, powered by create-svelte.

Creating a project

If you're seeing this, you've probably already done this step. Congrats!

# create a new project in the current directory
npm create svelte@latest

# create a new project in my-app
npm create svelte@latest my-app

Developing

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.