Svelte5: Cluster PopUp example question

[artello73]

Hello,

I'm considering to migrate my small app to work with Svelte5 and Svelte-Maplibre 1.0 and got a question on Cluster PoP example:

<!-- File: ClusterPopup.svelte -->
<script lang="ts">
  import { getSource, getMapContext } from '$lib/context.svelte.js';
  import type { Feature, Geometry } from 'geojson';
  import type { GeoJSONSource } from 'maplibre-gl';
  import type { ClusterProperties, SingleProperties } from './cluster_feature_properties.js';

  const { map } = $derived(getMapContext());
  const source = getSource();

methods getSource() and getMapContext() are not exported from the lib, how this should be used in real app example then?

Thanks!

[dimfeld]

You should actually be able to just import those directly from svelte-maplibre/context.svelte.js as it's exposed in the export map. But yes, it does look like I forgot to update the main export file with those new functions, so I'll fix that soon. Thanks!

[dimfeld]

Published v1.0.0-next.4 which lets you import those functions directly from the top-level svelte-maplibre too.

[artello73]

Thanks a lot for the swift response!

[joleeee]

The existing import { mapContext } from 'svelte-maplibre'; also works for me

[dimfeld]

Note that in the latest next versions this import was also renamed to getMapContext.