@versatiles/svelte 0.1.2 → 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 VersaTiles
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/components/BasicMap/BasicMap.svelte

@@ -4,13 +4,13 @@
 	import { onMount, createEventDispatcher } from 'svelte';
 	import 'maplibre-gl/dist/maplibre-gl.css';
 	import { getMapStyle, isDarkMode } from '../../utils/style.js';
-	import type { ColorfulOptions } from '@versatiles/style';
+	import type { StyleBuilderOptions } from '@versatiles/style';
 
 	// Props
 	export let style: string = 'position:absolute; left:0px; top:0px; width:100%; height:100%;';
 	export let container: HTMLDivElement | undefined = undefined;
 	export let map: MaplibreMapType | undefined = undefined;
-	export let styleOptions: ColorfulOptions = {};
+	export let styleOptions: StyleBuilderOptions = {};
 	export let mapOptions: Partial<MapOptions> = {};
 
 	// Create the event dispatcher

package/dist/components/BasicMap/BasicMap.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Map as MaplibreMapType, MapOptions } from 'maplibre-gl';
 import 'maplibre-gl/dist/maplibre-gl.css';
-import type { ColorfulOptions } from '@versatiles/style';
+import type { StyleBuilderOptions } from '@versatiles/style';
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -18,7 +18,7 @@ declare const BasicMap: $$__sveltets_2_IsomorphicComponent<{
     style?: string;
     container?: HTMLDivElement | undefined;
     map?: MaplibreMapType | undefined;
-    styleOptions?: ColorfulOptions;
+    styleOptions?: StyleBuilderOptions;
     mapOptions?: Partial<MapOptions>;
 }, {
     mapReady: CustomEvent<any>;

package/dist/utils/location.d.ts

@@ -1,3 +1,3 @@
-import type { LanguageSuffix } from '@versatiles/style/dist/style_builder/types.js';
+import type { Language } from '@versatiles/style';
 export declare function getCountry(): string;
-export declare function getLanguage(): LanguageSuffix;
+export declare function getLanguage(): Language;

package/dist/utils/location.js

@@ -22,10 +22,10 @@ export function getLanguage() {
             case 'de':
                 return language;
         }
-        return undefined;
+        return null;
     }
     catch (error) {
         console.error('Could not determine country from timezone:', error);
-        return undefined; // Fallback if no country can be determined
+        return null; // Fallback if no country can be determined
     }
 }

package/dist/utils/style.d.ts

@@ -1,3 +1,3 @@
-import { styles, type ColorfulOptions } from '@versatiles/style';
-export declare function getMapStyle(darkMode: boolean, styleOptions?: ColorfulOptions): styles.MaplibreStyle;
+import { type StyleBuilderOptions } from '@versatiles/style';
+export declare function getMapStyle(darkMode: boolean, styleOptions?: StyleBuilderOptions): import("maplibre-gl").StyleSpecification;
 export declare function isDarkMode(element: HTMLElement): boolean;

package/dist/utils/style.js

@@ -3,7 +3,7 @@ import { getLanguage } from './location.js';
 export function getMapStyle(darkMode, styleOptions = {}) {
     return styles.colorful({
         baseUrl: 'https://tiles.versatiles.org',
-        languageSuffix: getLanguage(),
+        language: getLanguage(),
         recolor: {
             invertBrightness: darkMode,
             gamma: darkMode ? 0.5 : 1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@versatiles/svelte",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "scripts": {
     "build": "vite build && npm run package",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
@@ -36,40 +36,40 @@
     "svelte": "^5.0.3"
   },
   "devDependencies": {
-    "@playwright/test": "^1.48.1",
-    "@sveltejs/adapter-auto": "^3.2.5",
-    "@sveltejs/kit": "^2.7.2",
-    "@sveltejs/package": "^2.3.5",
-    "@sveltejs/vite-plugin-svelte": "^4.0.0",
-    "@turf/turf": "^7.1.0",
+    "@playwright/test": "^1.50.0",
+    "@sveltejs/adapter-auto": "^4.0.0",
+    "@sveltejs/kit": "^2.16.1",
+    "@sveltejs/package": "^2.3.9",
+    "@sveltejs/vite-plugin-svelte": "^5.0.3",
+    "@turf/turf": "^7.2.0",
     "@types/eslint": "^9.6.1",
-    "@types/node": "^22.7.7",
+    "@types/node": "^22.10.10",
     "@types/split2": "^4.2.3",
     "@versatiles/release-tool": "^1.2.6",
-    "cookie": "^1.0.1",
-    "eslint": "^9.13.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-svelte": "^2.45.1",
+    "cookie": "^1.0.2",
+    "eslint": "^9.19.0",
+    "eslint-config-prettier": "^10.0.1",
+    "eslint-plugin-svelte": "^2.46.1",
     "geojson": "^0.5.0",
-    "globals": "^15.11.0",
-    "npm-check-updates": "^17.1.4",
-    "prettier": "^3.3.3",
-    "prettier-plugin-svelte": "^3.2.7",
-    "publint": "^0.2.11",
+    "globals": "^15.14.0",
+    "npm-check-updates": "^17.1.14",
+    "prettier": "^3.4.2",
+    "prettier-plugin-svelte": "^3.3.3",
+    "publint": "^0.3.2",
     "split2": "^4.2.0",
-    "svelte": "^5.0.3",
-    "svelte-check": "^4.0.5",
-    "tsx": "^4.19.1",
-    "typescript": "^5.6.3",
-    "typescript-eslint": "^8.10.0",
-    "vite": "^5.4.9",
-    "vitest": "^2.1.3"
+    "svelte": "^5.19.2",
+    "svelte-check": "^4.1.4",
+    "tsx": "^4.19.2",
+    "typescript": "^5.7.3",
+    "typescript-eslint": "^8.21.0",
+    "vite": "^6.0.11",
+    "vitest": "^3.0.4"
   },
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "type": "module",
   "dependencies": {
-    "@versatiles/style": "^4.4.1",
-    "maplibre-gl": "^4.7.1"
+    "@versatiles/style": "^5.2.5",
+    "maplibre-gl": "^5.0.1"
   }
 }