watergis / svelte-maplibre-components

This repository to manage packages of svelte maplibre components for water application.

svelte-maplibre-components

This repository to manage packages of svelte maplibre components for water application.

Packages

The following packages are managed in this monorepo.

Package	Changelog	version
@watergis/svelte-maplibre-attribute-popup	Changelog
@watergis/svelte-maplibre-attribute-table	Changelog
@watergis/maplibre-center-icon	Changelog
@watergis/collapsible-panel	Changelog
@watergis/svelte-maplibre-export	Changelog
@watergis/svelte-maplibre-legend	Changelog
@watergis/svelte-maplibre-measure	Changelog
@watergis/svelte-maplibre-menu	Changelog
@watergis/svelte-maplibre-search	Changelog
@watergis/svelte-maplibre-share	Changelog
@watergis/svelte-maplibre-style-switcher	Changelog
@watergis/svelte-maplibre-tour	Changelog
@watergis/svelte-maplibre-valhalla	Changelog

Documentation

Please visit the documentation on svelte-maplibre.water-gis.com.

Install

If you have not used pnpm before, please install it first.

npm i -g pnpm

pnpm install

When you clone it from Github first time, please install lefthook by the following command.

pnpm lefthook install

Development

pnpm lint
pnpm format
pnpm build

Release packages

Releasing packages is handled by changeset. Please create changeset log for every your work.

pnpm changeset

Once, the PR is merged into main with changeset log created, the package will be released by Github Actions with changeset automatically.

svelte-maplibre-components's Issues

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Warning

These dependencies are deprecated:

Datasource	Name	Replacement PR?
npm	@arkweid/lefthook

Awaiting Schedule

These updates are awaiting their schedule. Click on a checkbox to get an update now.

• chore(deps): lock file maintenance

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• chore(deps): update dependency @turf/distance to v7
• chore(deps): update dependency @undp-data/svelte-copy-to-clipboard to v2
• chore(deps): update dependency eslint to v9
• chore(deps): update dependency svelte-awesome-color-picker to v3
• chore(deps): update dependency svelte-preprocess to v6
• chore(deps): update dependency turbo to v2
• chore(deps): update pnpm to v9
• chore(deps): update pnpm/action-setup action to v4
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

github-actions

.github/workflows/build.yml

• actions/checkout v4
• pnpm/action-setup v3.0.0
• actions/setup-node v4

.github/workflows/release.yml

• actions/checkout v4
• pnpm/action-setup v3.0.0
• actions/setup-node v4
• changesets/action v1

npm

package.json

• @changesets/cli ^2.27.1
• lefthook ^1.6.7
• turbo ^1.12.5
• pnpm ^8.0.0
• pnpm 8.15.8

packages/attribute-popup/package.json

• maplibre-gl ^4.1.0
• @arkweid/lefthook ^0.7.7
• @sveltejs/adapter-auto ^3.1.1
• @sveltejs/kit ^2.5.4
• @sveltejs/package ^2.3.0
• @sveltejs/vite-plugin-svelte ^3.0.2
• @typescript-eslint/eslint-plugin ^7.2.0
• @typescript-eslint/parser ^7.2.0
• eslint ^8.57.0
• eslint-config-prettier ^9.1.0
• eslint-plugin-svelte ^2.35.1
• prettier ^3.2.5
• prettier-plugin-svelte ^3.2.2
• sass ^1.72.0
• svelte ^4.2.12
• svelte-check ^3.6.7
• svelte-preprocess ^5.1.3
• tslib ^2.6.2
• typescript ^5.4.2
• vite ^5.1.6
• svelte ^4.0.0

packages/attribute-table/package.json

• @vincjo/datatables ^1.14.5
• maplibre-gl ^4.1.0
• @sveltejs/adapter-auto ^3.1.1
• @sveltejs/kit ^2.5.4
• @sveltejs/package ^2.3.0
• @sveltejs/vite-plugin-svelte ^3.0.2
• @typescript-eslint/eslint-plugin ^7.2.0
• @typescript-eslint/parser ^7.2.0
• eslint ^8.57.0
• eslint-config-prettier ^9.1.0
• eslint-plugin-svelte ^2.35.1
• pmtiles ^3.0.5
• prettier ^3.2.5
• prettier-plugin-svelte ^3.2.2
• publint ^0.2.7
• sass ^1.72.0
• svelte ^4.2.12
• svelte-check ^3.6.7
• tslib ^2.6.2
• typescript ^5.4.2
• vite ^5.1.6
• svelte ^4.0.0

packages/center/package.json

• maplibre-gl ^4.1.0
• @sveltejs/adapter-auto ^3.1.1
• @sveltejs/kit ^2.5.4
• @sveltejs/package ^2.3.0
• @sveltejs/vite-plugin-svelte ^3.0.2
• @typescript-eslint/eslint-plugin ^7.2.0
• @typescript-eslint/parser ^7.2.0
• eslint ^8.57.0
• eslint-config-prettier ^9.1.0
• eslint-plugin-svelte ^2.35.1
• pmtiles ^3.0.5
• prettier ^3.2.5
• prettier-plugin-svelte ^3.2.2
• svelte ^4.2.12
• svelte-check ^3.6.7
• svelte-preprocess ^5.1.3
• tslib ^2.6.2
• typescript ^5.4.2
• vite ^5.1.6
• svelte ^4.0.0

packages/collapsible-panel/package.json

• @fortawesome/free-solid-svg-icons ^6.5.1
• bulma ^1.0.0
• svelte-fa ^4.0.2
• @sveltejs/adapter-auto ^3.1.1
• @sveltejs/kit ^2.5.4
• @sveltejs/package ^2.3.0
• @sveltejs/vite-plugin-svelte ^3.0.2
• @typescript-eslint/eslint-plugin ^7.2.0
• @typescript-eslint/parser ^7.2.0
• eslint ^8.57.0
• eslint-config-prettier ^9.1.0
• eslint-plugin-svelte ^2.35.1
• prettier ^3.2.5
• prettier-plugin-svelte ^3.2.2
• sass ^1.72.0
• svelte ^4.2.12
• svelte-check ^3.6.7
• svelte-preprocess ^5.1.3
• tslib ^2.6.2
• typescript ^5.4.2
• vite ^5.1.6
• svelte ^4.0.0

packages/export/package.json

• @fortawesome/free-solid-svg-icons ^6.5.1
• @neodrag/svelte ^2.0.3
• jspdf ^2.5.1
• maplibre-gl ^4.1.0
• svelte-fa ^4.0.2
• @sveltejs/adapter-auto ^3.1.1
• @sveltejs/kit ^2.5.4
• @sveltejs/package ^2.3.0
• @sveltejs/vite-plugin-svelte ^3.0.2
• @types/fabric ^5.3.7
• @types/file-saver ^2.0.7
• @typescript-eslint/eslint-plugin ^7.2.0
• @typescript-eslint/parser ^7.2.0
• bulma ^1.0.0
• eslint ^8.57.0
• eslint-config-prettier ^9.1.0
• eslint-plugin-svelte ^2.35.1
• pmtiles ^3.0.5
• prettier ^3.2.5
• prettier-plugin-svelte ^3.2.2
• sass ^1.72.0
• svelte ^4.2.12
• svelte-check ^3.6.7
• svelte-preprocess ^5.1.3
• tslib ^2.6.2
• typescript ^5.4.2
• vite ^5.1.6
• svelte ^4.0.0

packages/legend/package.json

• @fortawesome/free-solid-svg-icons ^6.5.1
• @watergis/legend-symbol ^0.2.3
• chroma-js ^2.4.2
• detect-touch-device ^1.1.6
• js-yaml ^4.1.0
• lodash-es ^4.17.21
• maplibre-gl ^4.1.0
• svelte-awesome-color-picker ^2.4.8
• svelte-fa ^4.0.2
• svelte-popperjs ^1.3.2
• svelte-range-slider-pips ^2.3.1
• svelte-tippy ^1.3.2
• svelte-use-click-outside ^1.0.0
• tippy.js ^6.3.7
• @arkweid/lefthook ^0.7.7
• @creativebulma/bulma-tooltip ^1.2.0
• @geoffcox/svelte-splitter ^1.0.1
• @sveltejs/adapter-auto ^3.1.1
• @sveltejs/kit ^2.5.4
• @sveltejs/package ^2.3.0
• @sveltejs/vite-plugin-svelte ^3.0.2
• @types/chroma-js ^2.4.4
• @types/js-yaml ^4.0.9
• @types/lodash-es ^4.17.12
• @types/svelte-range-slider-pips ^2.0.4
• @typescript-eslint/eslint-plugin ^7.2.0
• @typescript-eslint/parser ^7.2.0
• bulma ^1.0.0
• bulma-switch ^2.0.4
• eslint ^8.57.0
• eslint-config-prettier ^9.1.0
• eslint-plugin-svelte ^2.35.1
• pmtiles ^3.0.5
• prettier ^3.2.5
• prettier-plugin-svelte ^3.2.2
• sass ^1.72.0
• svelte ^4.2.12
• svelte-check ^3.6.7
• svelte-preprocess ^5.1.3
• tslib ^2.6.2
• typescript ^5.4.2
• vite ^5.1.6
• svelte ^4.0.0

packages/measure/package.json

• @fortawesome/free-solid-svg-icons ^6.5.1
• @turf/distance ^6.5.0
• @watergis/terrain-rgb ^1.1.12
• maplibre-gl ^4.1.0
• svelte-fa ^4.0.2
• @sveltejs/adapter-auto ^3.1.1
• @sveltejs/kit ^2.5.4
• @sveltejs/package ^2.3.0
• @sveltejs/vite-plugin-svelte ^3.0.2
• @typescript-eslint/eslint-plugin ^7.2.0
• @typescript-eslint/parser ^7.2.0
• buffer ^6.0.3
• eslint ^8.57.0
• eslint-config-prettier ^9.1.0
• eslint-plugin-svelte ^2.35.1
• pmtiles ^3.0.5
• prettier ^3.2.5
• prettier-plugin-svelte ^3.2.2
• svelte ^4.2.12
• svelte-check ^3.6.7
• svelte-preprocess ^5.1.3
• tslib ^2.6.2
• typescript ^5.4.2
• vite ^5.1.6
• svelte ^4.0.0

packages/menu/package.json

• @geoffcox/svelte-splitter ^1.0.1
• maplibre-gl ^4.1.0
• @sveltejs/adapter-auto ^3.1.1
• @sveltejs/kit ^2.5.4
• @sveltejs/package ^2.3.0
• @sveltejs/vite-plugin-svelte ^3.0.2
• @typescript-eslint/eslint-plugin ^7.2.0
• @typescript-eslint/parser ^7.2.0
• eslint ^8.57.0
• eslint-config-prettier ^9.1.0
• eslint-plugin-svelte ^2.35.1
• pmtiles ^3.0.5
• prettier ^3.2.5
• prettier-plugin-svelte ^3.2.2
• svelte ^4.2.12
• svelte-check ^3.6.7
• svelte-preprocess ^5.1.3
• tslib ^2.6.2
• typescript ^5.4.2
• vite ^5.1.6
• svelte ^4.0.0

packages/search/package.json

• maplibre-gl ^4.1.0
• simple-svelte-autocomplete ^2.5.2
• @sveltejs/adapter-auto ^3.1.1
• @sveltejs/kit ^2.5.4
• @sveltejs/package ^2.3.0
• @sveltejs/vite-plugin-svelte ^3.0.2
• @typescript-eslint/eslint-plugin ^7.2.0
• @typescript-eslint/parser ^7.2.0
• eslint ^8.57.0
• eslint-config-prettier ^9.1.0
• eslint-plugin-svelte ^2.35.1
• pmtiles ^3.0.5
• prettier ^3.2.5
• prettier-plugin-svelte ^3.2.2
• svelte ^4.2.12
• svelte-check ^3.6.7
• svelte-preprocess ^5.1.3
• tslib ^2.6.2
• typescript ^5.4.2
• vite ^5.1.6
• svelte ^4.0.0

packages/share/package.json

• @undp-data/svelte-copy-to-clipboard ^1.0.0
• maplibre-gl ^4.1.0
• @sveltejs/adapter-auto ^3.1.1
• @sveltejs/kit ^2.5.4
• @sveltejs/package ^2.3.0
• @sveltejs/vite-plugin-svelte ^3.0.2
• @typescript-eslint/eslint-plugin ^7.2.0
• @typescript-eslint/parser ^7.2.0
• bulma ^1.0.0
• eslint ^8.57.0
• eslint-config-prettier ^9.1.0
• eslint-plugin-svelte ^2.35.1
• pmtiles ^3.0.5
• prettier ^3.2.5
• prettier-plugin-svelte ^3.2.2
• sass ^1.72.0
• svelte ^4.2.12
• svelte-check ^3.6.7
• svelte-preprocess ^5.1.3
• tslib ^2.6.2
• typescript ^5.4.2
• vite ^5.1.6
• svelte ^4.0.0

packages/style-switcher/package.json

• debounce ^2.0.0
• maplibre-gl ^4.1.0
• @creativebulma/bulma-tooltip ^1.2.0
• @sveltejs/adapter-auto ^3.1.1
• @sveltejs/kit ^2.5.4
• @sveltejs/package ^2.3.0
• @sveltejs/vite-plugin-svelte ^3.0.2
• @types/debounce ^1.2.4
• @types/lodash-es ^4.17.12
• @typescript-eslint/eslint-plugin ^7.2.0
• @typescript-eslint/parser ^7.2.0
• eslint ^8.57.0
• eslint-config-prettier ^9.1.0
• eslint-plugin-svelte ^2.35.1
• pmtiles ^3.0.5
• prettier ^3.2.5
• prettier-plugin-svelte ^3.2.2
• sass ^1.72.0
• svelte ^4.2.12
• svelte-check ^3.6.7
• svelte-preprocess ^5.1.3
• tslib ^2.6.2
• typescript ^5.4.2
• vite ^5.1.6
• svelte ^4.0.0

packages/tour/package.json

• @sjmc11/tourguidejs ^0.0.16
• maplibre-gl ^4.1.0
• @sveltejs/adapter-auto ^3.1.1
• @sveltejs/kit ^2.5.4
• @sveltejs/package ^2.3.0
• @sveltejs/vite-plugin-svelte ^3.0.2
• @typescript-eslint/eslint-plugin ^7.2.0
• @typescript-eslint/parser ^7.2.0
• eslint ^8.57.0
• eslint-config-prettier ^9.1.0
• eslint-plugin-svelte ^2.35.1
• pmtiles ^3.0.5
• prettier ^3.2.5
• prettier-plugin-svelte ^3.2.2
• publint ^0.2.7
• svelte ^4.2.12
• svelte-check ^3.6.7
• tslib ^2.6.2
• typescript ^5.4.2
• vite ^5.1.6
• svelte ^4.0.0

packages/valhalla/package.json

• @fortawesome/free-solid-svg-icons ^6.5.1
• maplibre-gl ^4.1.0
• svelte-fa ^4.0.2
• @sveltejs/adapter-auto ^3.1.1
• @sveltejs/kit ^2.5.4
• @sveltejs/package ^2.3.0
• @sveltejs/vite-plugin-svelte ^3.0.2
• @typescript-eslint/eslint-plugin ^7.2.0
• @typescript-eslint/parser ^7.2.0
• eslint ^8.57.0
• eslint-config-prettier ^9.1.0
• eslint-plugin-svelte ^2.35.1
• pmtiles ^3.0.5
• prettier ^3.2.5
• prettier-plugin-svelte ^3.2.2
• svelte ^4.2.12
• svelte-check ^3.6.7
• svelte-preprocess ^5.1.3
• tslib ^2.6.2
• typescript ^5.4.2
• vite ^5.1.6
• svelte ^4.0.0

sites/svelte.water-gis.com/package.json

• @sjmc11/tourguidejs ^0.0.16
• buffer ^6.0.3
• bulma ^1.0.0
• github-markdown-css ^5.5.1
• maplibre-gl ^4.1.0
• pmtiles ^3.0.5
• prismjs ^1.29.0
• @sveltejs/adapter-auto ^3.1.1
• @sveltejs/kit ^2.5.4
• @sveltejs/vite-plugin-svelte ^3.0.2
• @typescript-eslint/eslint-plugin ^7.2.0
• @typescript-eslint/parser ^7.2.0
• eslint ^8.57.0
• eslint-config-prettier ^9.1.0
• eslint-plugin-svelte ^2.35.1
• mdsvex ^0.11.0
• prettier ^3.2.5
• prettier-plugin-svelte ^3.2.2
• rehype-autolink-headings ^7.1.0
• rehype-slug ^6.0.0
• remark-abbr ^1.4.1
• sass ^1.72.0
• svelte ^4.2.12
• svelte-check ^3.6.7
• svelte-preprocess ^5.1.3
• tslib ^2.6.2
• typescript ^5.4.2
• vite ^5.1.6

---

• Check this box to trigger a request for Renovate to run again on this repository

[bug]: Svelte Maplibre Measure broken import prevents build

Bug Description

I can't build my project with this Maplibre measure plugin. Not using svelte-maplibre-measure fixes it. Here is the error:

file:///C:/GitRepos/StravaMultiMapper/.svelte-kit/output/server/entries/pages/_page.svelte.js:6
import maplibregl, { Marker } from "maplibre-gl";
                     ^^^^^^
SyntaxError: Named export 'Marker' not found. The requested module 'maplibre-gl' is a CommonJS module, which may not support all module.exports as named exports.
CommonJS modules can always be imported via the default export, for example using:

import pkg from 'maplibre-gl';
const { Marker } = pkg;

    at ModuleJob._instantiate (node:internal/modules/esm/module_job:132:21)
    at async ModuleJob.run (node:internal/modules/esm/module_job:214:5)
    at async ModuleLoader.import (node:internal/modules/esm/loader:329:24)
    at async Module.component (file:///C:/GitRepos/StravaMultiMapper/.svelte-kit/output/server/nodes/2.js:5:59)
    at async Promise.all (index 1)
    at async render_response (file:///C:/GitRepos/StravaMultiMapper/.svelte-kit/output/server/index.js:1824:21)
    at async render_page (file:///C:/GitRepos/StravaMultiMapper/.svelte-kit/output/server/index.js:2664:12)
    at async resolve2 (file:///C:/GitRepos/StravaMultiMapper/.svelte-kit/output/server/index.js:3581:24)
    at async respond (file:///C:/GitRepos/StravaMultiMapper/.svelte-kit/output/server/index.js:3467:22)
    at async visit (file:///C:/GitRepos/StravaMultiMapper/node_modules/.pnpm/@[email protected][email protected][email protected]/node_modules/@sveltejs/kit/src/core/postbuild/prerender.js:203:20)      

Bug Reproduction

Use svelte-maplibre-measure

Expected behaviour

Successful build

Bug Screenshots

No response

Bug System Information

System:
OS: Windows 11 10.0.22631
CPU: (8) x64 11th Gen Intel(R) Core(TM) i7-1165G7 @ 2.80GHz
Memory: 1015.71 MB / 15.68 GB
Binaries:
Node: 20.10.0 - C:\Program Files\nodejs\node.EXE
Yarn: 1.22.19 - ~\AppData\Roaming\npm\yarn.CMD
npm: 10.2.3 - C:\Program Files\nodejs\npm.CMD
pnpm: 8.11.0 - ~\AppData\Local\pnpm\pnpm.EXE
Browsers:
Edge: Chromium (122.0.2365.80)
Internet Explorer: 11.0.22621.1
npmPackages:
@sveltejs/adapter-auto: ^2.1.1 => 2.1.1
@sveltejs/adapter-cloudflare: ^4.1.0 => 4.1.0
@sveltejs/adapter-static: ^2.0.3 => 2.0.3
@sveltejs/kit: ^1.30.4 => 1.30.4
@sveltejs/vite-plugin-svelte: ^3.0.2 => 3.0.2
svelte: ^4.2.12 => 4.2.12
vite: ^4.5.2 => 4.5.2

Issue on StyleSwitcher control with ScaleControl in position of bottom-left

Search control cannot search exact matched data on the top of result.

Describe the bug
Search control cannot search exact matched data on the top of result.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://new.nawascogis.co.ke/
2. Search 859 on search window
3. No result matched 859 A/C (but data is mapped)

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots

chore(deps): update dependency maplibre-gl to v3

Prior to upgradting it to v3, I need to check all breaking changes, especially on style spec changes.

https://github.com/maplibre/maplibre-gl-js/releases/tag/v3.0.0

Drag n' drop is not enabled in smartphone for legend control