@versatiles/svelte 2.0.1 → 2.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@versatiles/svelte",
-  "version": "2.0.1",
+  "version": "2.1.0",
   "license": "MIT",
   "scripts": {
     "build": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json && vite build && npm run package",
@@ -13,12 +13,12 @@
     "prepack": "npm run build",
     "prepublishOnly": "npm run package",
     "preview": "vite preview",
-    "screenshots": "npx tsx ./scripts/screenshots.ts",
     "release": "vrt release-npm",
-    "test-integration": "playwright test",
-    "test-unit": "vitest run",
+    "screenshots": "npx tsx ./scripts/screenshots.ts",
     "test-coverage": "vitest run --coverage",
-    "test": "npm run test-unit && npm run test-integration",
+    "test-playwright": "./scripts/test_playwright.sh",
+    "test-unit": "vitest run",
+    "test": "npm run test-unit && npm run test-playwright",
     "upgrade": "vrt deps-upgrade"
   },
   "exports": {
@@ -36,45 +36,45 @@
     "!dist/BBoxMap/helpers/*"
   ],
   "peerDependencies": {
-    "sass-embedded": "^1.86.3",
-    "svelte": "^5.27.0"
+    "sass-embedded": "^1.89.2",
+    "svelte": "^5.28.6"
   },
   "devDependencies": {
-    "@playwright/test": "^1.51.1",
+    "@playwright/test": "^1.53.2",
     "@sveltejs/adapter-static": "^3.0.8",
-    "@sveltejs/kit": "^2.20.7",
-    "@sveltejs/package": "^2.3.11",
-    "@sveltejs/vite-plugin-svelte": "^5.0.3",
+    "@sveltejs/kit": "^2.22.2",
+    "@sveltejs/package": "^2.3.12",
+    "@sveltejs/vite-plugin-svelte": "^5.1.0",
     "@turf/turf": "^7.2.0",
     "@types/eslint": "^9.6.1",
-    "@types/node": "^22.14.1",
+    "@types/node": "^22.15.34",
     "@versatiles/release-tool": "^2.4.2",
-    "@vitest/coverage-v8": "^3.1.1",
+    "@vitest/coverage-v8": "^3.2.4",
     "cookie": "^1.0.2",
-    "eslint": "^9.24.0",
-    "eslint-config-prettier": "^10.1.2",
-    "eslint-plugin-svelte": "^3.5.1",
+    "eslint": "^9.30.0",
+    "eslint-config-prettier": "^10.1.5",
+    "eslint-plugin-svelte": "^3.10.1",
     "geojson": "^0.5.0",
-    "globals": "^16.0.0",
-    "happy-dom": "^17.4.4",
-    "prettier": "^3.5.3",
-    "prettier-plugin-svelte": "^3.3.3",
+    "globals": "^16.3.0",
+    "happy-dom": "^17.6.3",
+    "prettier": "^3.6.2",
+    "prettier-plugin-svelte": "^3.4.0",
     "publint": "^0.3.12",
-    "sass": "^1.86.3",
-    "svelte": "^5.27.0",
-    "svelte-check": "^4.1.6",
+    "sass": "^1.89.2",
+    "svelte": "^5.34.9",
+    "svelte-check": "^4.2.2",
     "svelte-preprocess": "^6.0.3",
-    "tsx": "^4.19.3",
+    "tsx": "^4.20.3",
     "typescript": "^5.8.3",
-    "typescript-eslint": "^8.30.1",
-    "vite": "^6.2.6",
-    "vitest": "^3.1.1"
+    "typescript-eslint": "^8.35.1",
+    "vite": "^6.3.5",
+    "vitest": "^3.1.3"
   },
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "type": "module",
   "dependencies": {
-    "@versatiles/style": "^5.6.0",
-    "maplibre-gl": "^5.3.1"
+    "@versatiles/style": "^5.7.0",
+    "maplibre-gl": "^5.6.0"
   }
 }

package/dist/components/MapEditor/components/SymbolSelector.svelte

@@ -1,110 +0,0 @@
-<script lang="ts">
-	import type { Action } from 'svelte/action';
-	import type { SymbolLibrary } from '../lib/symbols.js';
-
-	let {
-		symbolIndex = $bindable(),
-		symbolLibrary
-	}: { symbolIndex: number; symbolLibrary: SymbolLibrary } = $props();
-
-	const drawIconHalo: Action<HTMLCanvasElement, number> = (canvas, index) =>
-		symbolLibrary.drawSymbol(canvas, index, true);
-
-	const drawIcon: Action<HTMLCanvasElement, number> = (canvas, index) =>
-		symbolLibrary.drawSymbol(canvas, index);
-
-	let dialog: HTMLDialogElement | null = null;
-</script>
-
-<button
-	onclick={() => dialog?.showModal()}
-	style="text-align: left; white-space: nowrap; overflow: hidden; padding: 1px"
->
-	{#key symbolIndex}
-		<canvas
-			width="40"
-			height="40"
-			use:drawIcon={symbolIndex}
-			style="width:20px;height:20px;vertical-align:middle"
-		></canvas>
-	{/key}
-	{#if symbolIndex !== undefined}
-		{symbolLibrary.getSymbol(symbolIndex)?.name}
-	{:else}
-		Select Symbol
-	{/if}
-</button>
-
-<dialog class="modal" bind:this={dialog}>
-	<button class="close" onclick={() => dialog?.close()}>&#x2715;</button>
-	<div class="inner">
-		{#each symbolLibrary.asList() as symbol (symbol.index)}
-			<button class="icon" onclick={() => (symbolIndex = symbol.index)}
-				><canvas width="64" height="64" use:drawIconHalo={symbol.index}></canvas><br
-				/>{symbol.name}</button
-			>
-		{/each}
-	</div>
-</dialog>
-
-<style>
-	.modal {
-		width: min(500px, 100vw);
-		height: min(500px, 100vh);
-		background-color: rgba(255, 255, 255, 0.5);
-		backdrop-filter: blur(20px) brightness(0.85);
-		box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
-		z-index: 10000;
-		border: 0.5px solid rgba(0, 0, 0, 0.5);
-		border-radius: 10px;
-		box-sizing: border-box;
-		padding: 20px;
-
-		.inner {
-			width: 100%;
-			height: 100%;
-			overflow-y: scroll;
-			display: grid;
-			grid-template-columns: repeat(auto-fill, minmax(64px, 1fr));
-			row-gap: 10px;
-			column-gap: 0px;
-			justify-items: center;
-
-			.icon {
-				width: 48px;
-				height: 48px;
-				cursor: pointer;
-				border: none;
-				font-size: 0.6em;
-				background: none;
-				line-height: 1em;
-				text-align: center;
-				padding: 0;
-
-				&:hover {
-					background-color: rgba(0, 0, 0, 0.1);
-				}
-
-				canvas {
-					display: inline-block;
-					width: 32px;
-					height: 32px;
-				}
-			}
-		}
-
-		.close {
-			position: absolute;
-			top: 0px;
-			right: 0px;
-			font-size: 20px;
-			cursor: pointer;
-			background: none;
-			border: none;
-			width: 25px;
-			height: 25px;
-			text-align: center;
-			padding: 0;
-		}
-	}
-</style>

package/dist/components/MapEditor/components/SymbolSelector.svelte.d.ts

@@ -1,8 +0,0 @@
-import type { SymbolLibrary } from '../lib/symbols.js';
-type $$ComponentProps = {
-    symbolIndex: number;
-    symbolLibrary: SymbolLibrary;
-};
-declare const SymbolSelector: import("svelte").Component<$$ComponentProps, {}, "symbolIndex">;
-type SymbolSelector = ReturnType<typeof SymbolSelector>;
-export default SymbolSelector;

package/dist/components/MapEditor/lib/utils.d.ts

@@ -1,6 +0,0 @@
-import type { ElementPoint } from './element/types.js';
-import type { StateStyle } from './state/types.js';
-export declare function getMiddlePoint(p0: ElementPoint, p1: ElementPoint): ElementPoint;
-export declare function lat2mercator(lat: number): number;
-export declare function mercator2lat(y: number): number;
-export declare function removeDefaultFields(value: StateStyle, def: StateStyle): Partial<StateStyle> | undefined;

package/dist/components/MapEditor/lib/utils.js

@@ -1,23 +0,0 @@
-export function getMiddlePoint(p0, p1) {
-    const y0 = lat2mercator(p0[1]);
-    const y1 = lat2mercator(p1[1]);
-    return [(p0[0] + p1[0]) / 2, mercator2lat((y0 + y1) / 2)];
-}
-export function lat2mercator(lat) {
-    return Math.log(Math.tan(Math.PI / 4 + (lat * Math.PI) / 360));
-}
-export function mercator2lat(y) {
-    return ((2 * Math.atan(Math.exp(y)) - Math.PI / 2) * 180) / Math.PI;
-}
-export function removeDefaultFields(value, def) {
-    const entries = Object.entries(value).filter(([k, v]) => {
-        if (v === undefined)
-            return false;
-        if (v === def[k])
-            return false;
-        return true;
-    });
-    if (entries.length === 0)
-        return undefined;
-    return Object.fromEntries(entries);
-}