Use Svelte 5 runes, snippets, callbacks

CHANGELOG.md

@@ -1,5 +1,25 @@
 # svelte-maplibre
 
+## 1.0.0
+
+### Major Changes
+
+- [#214](https://github.com/dimfeld/svelte-maplibre/pull/214) [`eadb5a4`](https://github.com/dimfeld/svelte-maplibre/commit/eadb5a4fa3ef301d503f6b7533b0483ec70c368d) Thanks [@dimfeld](https://github.com/dimfeld)! - Update to deck.gl v9
+
+- [#214](https://github.com/dimfeld/svelte-maplibre/pull/214) [`0485a6a`](https://github.com/dimfeld/svelte-maplibre/commit/0485a6a56a7eb78dc8f2d838902236a022793755) Thanks [@dimfeld](https://github.com/dimfeld)! - Remove `map` attribute from events. It was already present as `target`
+
+- [#214](https://github.com/dimfeld/svelte-maplibre/pull/214) [`0485a6a`](https://github.com/dimfeld/svelte-maplibre/commit/0485a6a56a7eb78dc8f2d838902236a022793755) Thanks [@dimfeld](https://github.com/dimfeld)! - Upgrade internal code to Svelte 5 runes
+
+- [#214](https://github.com/dimfeld/svelte-maplibre/pull/214) [`0485a6a`](https://github.com/dimfeld/svelte-maplibre/commit/0485a6a56a7eb78dc8f2d838902236a022793755) Thanks [@dimfeld](https://github.com/dimfeld)! - Internal: Change context structure used to pass info down the component hierarchy
+
+- [#214](https://github.com/dimfeld/svelte-maplibre/pull/214) [`0485a6a`](https://github.com/dimfeld/svelte-maplibre/commit/0485a6a56a7eb78dc8f2d838902236a022793755) Thanks [@dimfeld](https://github.com/dimfeld)! - Use `undefined` instead of `null` in many places. This improves ergonomics with Svelte component props.
+
+### Minor Changes
+
+- [#214](https://github.com/dimfeld/svelte-maplibre/pull/214) [`0485a6a`](https://github.com/dimfeld/svelte-maplibre/commit/0485a6a56a7eb78dc8f2d838902236a022793755) Thanks [@dimfeld](https://github.com/dimfeld)! - Add generics for Features on many components to permit better type safety
+
+- [#214](https://github.com/dimfeld/svelte-maplibre/pull/214) [`0485a6a`](https://github.com/dimfeld/svelte-maplibre/commit/0485a6a56a7eb78dc8f2d838902236a022793755) Thanks [@dimfeld](https://github.com/dimfeld)! - Only add event handlers to the map when something is actually listening
+
 ## 0.9.14
 
 ### Patch Changes

eslint.config.js

@@ -0,0 +1,50 @@
+import js from '@eslint/js';
+import ts from 'typescript-eslint';
+import svelte from 'eslint-plugin-svelte';
+import prettier from 'eslint-config-prettier';
+import globals from 'globals';
+
+export function createConfig(withSvelte = false) {
+  return [
+    js.configs.recommended,
+    ...ts.configs.recommended,
+    ...(withSvelte ? svelte.configs['flat/recommended'] : []),
+    prettier,
+    ...(withSvelte ? svelte.configs['flat/prettier'] : []),
+    {
+      languageOptions: {
+        globals: {
+          ...globals.browser,
+          ...globals.node,
+        },
+      },
+      rules: {
+        '@typescript-eslint/no-unused-vars': 'off',
+        '@typescript-eslint/no-explicit-any': 'warn',
+        'prefer-const': 'off',
+      },
+    },
+
+    withSvelte
+      ? {
+          files: ['**/*.svelte'],
+          languageOptions: {
+            parserOptions: {
+              parser: ts.parser,
+            },
+          },
+          rules: {
+            // This ends up duplicating the svelte warnings in the editor
+            'svelte/valid-compile': 'off',
+          },
+        }
+      : null,
+
+    {
+      ignores: ['**/build/', '**/.svelte-kit/', '**/dist/', '**/playwright-report/'],
+    },
+  ].filter((x) => x != null);
+}
+
+/** @type {import('eslint').Linter.Config[]} */
+export default createConfig(false);

package.json

@@ -1,14 +1,13 @@
 {
   "name": "svelte-maplibre",
-  "version": "0.9.14",
+  "version": "1.0.0-next.3",
   "description": "Svelte bindings for MapLibre",
   "author": {
     "name": "Daniel Imfeld",
     "url": "https://imfeld.dev"
   },
   "repository": {
-    "type": "git",
-    "url": "git://github.com/dimfeld/svelte-maplibre.git"
+    "url": "https://github.com/dimfeld/svelte-maplibre"
   },
   "homepage": "https://svelte-maplibre.imfeld.dev",
   "license": "MIT",
@@ -26,7 +25,7 @@
     "build": "vite build && npm run package",
     "preview": "vite preview",
     "package": "svelte-kit sync && svelte-package && publint",
-    "prepare": "husky install && npm run package",
+    "prepare": "husky && npm run package",
     "test": "playwright test",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
@@ -50,9 +49,9 @@
       "svelte": "./dist/*.svelte",
       "default": "./dist/*.svelte"
     },
-    "./context.js": {
-      "types": "./dist/context.d.ts",
-      "default": "./dist/context.js"
+    "./context.svelte.js": {
+      "types": "./dist/context.svelte.d.ts",
+      "default": "./dist/context.svelte.js"
     },
     "./expressions.js": {
       "types": "./dist/expressions.d.ts",
@@ -78,59 +77,61 @@
     "d3-geo": "^3.1.0",
     "dequal": "^2.0.3",
     "just-compare": "^2.3.0",
-    "just-flush": "^2.3.0",
     "maplibre-gl": "^4.0.0",
     "pmtiles": "^3.0.3"
   },
   "peerDependencies": {
-    "@deck.gl/core": "^8.8.0",
-    "@deck.gl/layers": "^8.8.0",
-    "@deck.gl/mapbox": "^8.8.0",
-    "svelte": "^3.54.0 || ^4.0.0 || ^5.0.0"
+    "@deck.gl/core": "^9",
+    "@deck.gl/layers": "^9",
+    "@deck.gl/mapbox": "^9",
+    "svelte": "^5.0.0"
   },
   "devDependencies": {
-    "@changesets/changelog-github": "^0.4.8",
+    "@changesets/changelog-github": "^0.5.0",
     "@changesets/cli": "^2.27.9",
-    "@deck.gl/core": "~8.8.0",
-    "@deck.gl/layers": "~8.8.0",
-    "@deck.gl/mapbox": "~8.8.0",
+    "@deck.gl/core": "~9.0.35",
+    "@deck.gl/layers": "~9.0.35",
+    "@deck.gl/mapbox": "~9.0.35",
     "@mapbox/mapbox-gl-draw": "^1.4.3",
     "@playwright/test": "^1.48.2",
     "@skeletonlabs/skeleton": "^2.10.3",
     "@skeletonlabs/tw-plugin": "^0.4.0",
     "@sveltejs/adapter-vercel": "^5.4.6",
-    "@sveltejs/kit": "^2.7.4",
+    "@sveltejs/kit": "^2.8.1",
     "@sveltejs/package": "^2.3.7",
     "@sveltejs/vite-plugin-svelte": "^4.0.0",
     "@types/d3-color": "^3.1.3",
     "@types/d3-geo": "^3.1.0",
     "@types/geojson": "^7946.0.14",
     "@types/mapbox__mapbox-gl-draw": "^1.4.8",
-    "@typescript-eslint/eslint-plugin": "^7.0.1",
-    "@typescript-eslint/parser": "^7.0.1",
+    "@types/node": "^22.9.0",
+    "@typescript-eslint/eslint-plugin": "^8.14.0",
+    "@typescript-eslint/parser": "^8.14.0",
     "autoprefixer": "^10.4.20",
     "d3-color": "^3.1.0",
-    "dedent": "^1.5.1",
-    "eslint": "^8.56.0",
-    "eslint-config-prettier": "^8.10.0",
+    "dedent": "^1.5.3",
+    "eslint": "^9.14.0",
+    "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-svelte": "^2.46.0",
-    "highlight.js": "^11.7.0",
+    "globals": "^15.12.0",
+    "highlight.js": "^11.10.0",
     "highlightjs-svelte": "^1.0.6",
-    "husky": "^8.0.3",
+    "husky": "^9.1.6",
     "just-clamp": "^4.2.0",
-    "lint-staged": "^14.0.1",
-    "postcss": "^8.4.14",
+    "lint-staged": "^15.2.10",
+    "postcss": "^8.4.49",
     "prettier": "^3.3.3",
-    "prettier-plugin-svelte": "^3.2.7",
-    "prettier-plugin-tailwindcss": "^0.5.14",
+    "prettier-plugin-svelte": "^3.2.8",
+    "prettier-plugin-tailwindcss": "^0.6.8",
     "publint": "^0.2.12",
-    "svelte": "^5.1.13",
-    "svelte-check": "^4.0.5",
-    "tailwindcss": "^3.4.14",
+    "svelte": "^5.2.0",
+    "svelte-check": "^4.0.7",
+    "tailwindcss": "^3.4.15",
     "tslib": "^2.8.1",
     "typescript": "^5.6.3",
-    "vite": "^5.4.10",
-    "vitest": "^2.1.4"
+    "typescript-eslint": "^8.14.0",
+    "vite": "^5.4.11",
+    "vitest": "^2.1.5"
   },
   "peerDependenciesMeta": {
     "@deck.gl/core": {