solid-map-gl 2.1.0 → 2.2.1

package/dist/testing/index.d.ts

@@ -0,0 +1,109 @@
+import * as vitest from 'vitest';
+import { render } from '@solidjs/testing-library';
+
+type MockMap = ReturnType<typeof createMockMap>;
+declare function createMockMap(opts?: {
+    isMapLibre?: boolean;
+}): any;
+/** Chainable Marker/Popup-shaped fake — every method returns `this` unless noted. Every
+ *  constructed instance is pushed onto the class's own `instances` array so tests can grab
+ *  "the popup/marker this render created" without threading extra plumbing through the mock. */
+declare class MockPopup {
+    static instances: MockPopup[];
+    options: any;
+    open: boolean;
+    constructor(options?: any);
+    on: vitest.Mock<() => this>;
+    off: vitest.Mock<() => this>;
+    addTo: vitest.Mock<() => this>;
+    remove: vitest.Mock<() => this>;
+    setHTML: vitest.Mock<() => this>;
+    setDOMContent: vitest.Mock<() => this>;
+    setLngLat: vitest.Mock<() => this>;
+    trackPointer: vitest.Mock<() => this>;
+    isOpen: vitest.Mock<() => boolean>;
+    toggle: vitest.Mock<() => this>;
+}
+declare class MockMarker {
+    static instances: MockMarker[];
+    options: any;
+    popup: MockPopup | null;
+    constructor(options?: any);
+    on: vitest.Mock<() => this>;
+    off: vitest.Mock<() => this>;
+    addTo: vitest.Mock<() => this>;
+    remove: vitest.Mock<() => this>;
+    setLngLat: vitest.Mock<() => this>;
+    setDraggable: vitest.Mock<() => this>;
+    setPopup: vitest.Mock<(p: any) => this>;
+    getPopup: vitest.Mock<() => MockPopup>;
+    togglePopup: vitest.Mock<() => this>;
+    getLngLat: vitest.Mock<() => {
+        lng: number;
+        lat: number;
+        toArray: () => number[];
+    }>;
+}
+declare class MockControl {
+    static instances: MockControl[];
+    options: any;
+    constructor(options?: any);
+}
+/**
+ * Fake `mapLib` module (the `mapbox-gl`/`maplibre-gl` export surface) — covers every class this
+ * library reads off `ctx.mapLib`. `Map` is constructable and returns a `createMockMap()` instance,
+ * so it doubles as the `props.mapLib` passed to a real `<MapGL>` in integration-style tests.
+ */
+declare function createMockMapLib(opts?: {
+    isMapLibre?: boolean;
+}): {
+    Map: any;
+    Popup: typeof MockPopup;
+    Marker: typeof MockMarker;
+    NavigationControl: typeof MockControl;
+    ScaleControl: typeof MockControl;
+    AttributionControl: typeof MockControl;
+    GeolocateControl: typeof MockControl;
+    FullscreenControl: typeof MockControl;
+    LogoControl: typeof MockControl;
+    TerrainControl: typeof MockControl;
+    MercatorCoordinate: {
+        new (): {
+            x: number;
+            y: number;
+            z: number;
+            meterInMercatorCoordinateUnits(): number;
+        };
+        fromLngLat(_lngLat: any, altitude?: number): {
+            x: number;
+            y: number;
+            z: number;
+            meterInMercatorCoordinateUnits: () => number;
+        };
+    };
+    version: string;
+};
+/**
+ * Fake `@mapbox/mapbox-gl-draw`-shaped `lib` prop for `<Draw>`. The custom modes under
+ * `components/Draw/modes` only ever spread `lib.modes.draw_*` at construction time (never call
+ * into it eagerly), so an empty `modes` object is enough to exercise `Draw`'s own wiring.
+ */
+declare function createMockDrawLib(): any;
+/** Await a microtask tick — use after triggering mock events before asserting effect results. */
+declare const tick: () => Promise<void>;
+
+/**
+ * Renders `ui` inside a `<MapProvider>` backed by a mock map, mirroring how every real
+ * component is only ever mounted underneath `<MapGL>`. Reused across component test files
+ * instead of hand-wiring `MapProvider` + a mock per test.
+ */
+declare function renderWithMap(ui: () => any, opts?: {
+    isMapLibre?: boolean;
+    map?: MockMap;
+    constants?: Record<string, any>;
+}): ReturnType<typeof render> & {
+    map: MockMap;
+    mapLib: ReturnType<typeof createMockMapLib>;
+};
+
+export { type MockMap, createMockDrawLib, createMockMap, createMockMapLib, renderWithMap, tick };

package/dist/testing/index.js

@@ -0,0 +1,8 @@
+import { b as b$1 } from '../chunk/BTR7SKE6.js';
+import { vi } from 'vitest';
+import { createComponent } from 'solid-js/web';
+import { render } from '@solidjs/testing-library';
+
+var M=(s,e)=>e?`${s}:${e}`:s,b=class{};function L(s={}){let e=!!s.isMapLibre,a=new Map,f=new Map,g=new Map,p=new Set,u=new Set,h={layers:[],sources:{},fog:null,terrain:null,light:null},P=null,k=null,v=null,S=null,T=vi.fn((t,o,c)=>{let l=typeof o=="function"?o:c,y=typeof o=="function"?t:M(t,o);return a.has(y)||a.set(y,new Set),a.get(y).add(l),r}),x=vi.fn((t,o,c)=>{let l=typeof o=="function"?o:c,y=typeof o=="function"?t:M(t,o);return a.get(y)?.delete(l),r}),F=vi.fn((t,o)=>{if(!o)return Promise.resolve();let c=(...l)=>{x(t,c),o(...l);};return T(t,c),r}),O=vi.fn((t,o={},c)=>(a.get(M(t,c))?.forEach(l=>l(o)),r)),w=vi.fn((t,o)=>(f.set(t,{...o,setData:vi.fn(),setUrl:vi.fn(),setTiles:vi.fn(),updateImage:vi.fn()}),r)),I=vi.fn(t=>f.get(t)),R=vi.fn(t=>f.delete(t)),N=vi.fn(()=>true),_=vi.fn((t,o)=>(g.set(t.id,t),r)),U=vi.fn(t=>g.get(t)),D=vi.fn(t=>g.delete(t)),E=vi.fn(),B=vi.fn(),j=vi.fn(),z=vi.fn(),W=vi.fn(),$=vi.fn(),G=vi.fn(),Z=vi.fn(()=>h),H=vi.fn(t=>(h=typeof t=="string"?{...h,styleUrl:t}:{...h,...t},r)),V=vi.fn(()=>true),X=vi.fn(()=>true),q=vi.fn((t,o)=>(p.add(t),r)),J=vi.fn(t=>(p.delete(t),r)),K=vi.fn(t=>p.has(t)),Q=vi.fn(t=>u.has(t)),Y=vi.fn((t,o,c)=>{u.add(t);}),nn=vi.fn(t=>u.delete(t)),tn=vi.fn(),en=vi.fn(),on=vi.fn((t,o)=>{Promise.resolve().then(()=>o(null,{width:1,height:1,data:new Uint8Array(4)}));}),sn=vi.fn(()=>r),rn=vi.fn(()=>r),an=vi.fn(()=>r),cn=vi.fn(()=>r),fn=vi.fn(()=>r),pn=vi.fn(()=>r),ln=vi.fn(),r=Object.assign(new b,{debug:false,debugEvents:false,sourceIdList:[],layerIdList:[],isMapLibre:e,on:T,off:x,once:F,fire:O,addSource:w,getSource:I,removeSource:R,isSourceLoaded:N,addLayer:_,getLayer:U,removeLayer:D,moveLayer:E,setLayoutProperty:B,setPaintProperty:j,setLayerZoomRange:z,setFilter:W,setFeatureState:$,removeFeatureState:G,getStyle:Z,setStyle:H,isStyleLoaded:V,areTilesLoaded:X,addControl:q,removeControl:J,hasControl:K,hasImage:Q,addImage:Y,removeImage:nn,updateImage:tn,loadImage:on,triggerRepaint:en,stop:sn,flyTo:rn,easeTo:an,jumpTo:cn,resetNorthPitch:fn,resize:pn,remove:ln,getCanvas:vi.fn(()=>({style:{}})),getCenter:vi.fn(()=>({lng:0,lat:0,toArray:()=>[0,0]})),getZoom:vi.fn(()=>0),getBearing:vi.fn(()=>0),getPitch:vi.fn(()=>0),getBounds:vi.fn(()=>({getNorthEast:()=>({lng:0,lat:0}),getSouthWest:()=>({lng:0,lat:0})})),cameraForBounds:vi.fn(()=>({})),setProjection:vi.fn(),getFreeCameraOptions:vi.fn(()=>({position:null,lookAtPoint:vi.fn()})),setFreeCameraOptions:vi.fn(),setLight:vi.fn(t=>{v=t;}),getLight:vi.fn(()=>v),setTerrain:vi.fn(t=>{S=t;}),getTerrain:vi.fn(()=>S),...e?{}:{setConfigProperty:vi.fn(),getConfigProperty:vi.fn(),setFog:vi.fn(t=>{k=t;}),getFog:vi.fn(()=>k)},...e?{setSky:vi.fn(t=>{P=t;}),getSky:vi.fn(()=>P)}:{}});return r}var m=class s{static instances=[];options;open=false;constructor(e){this.options=e,s.instances.push(this);}on=vi.fn(()=>this);off=vi.fn(()=>this);addTo=vi.fn(()=>(this.open=true,this));remove=vi.fn(()=>(this.open=false,this));setHTML=vi.fn(()=>this);setDOMContent=vi.fn(()=>this);setLngLat=vi.fn(()=>this);trackPointer=vi.fn(()=>this);isOpen=vi.fn(()=>this.open);toggle=vi.fn(()=>(this.open=!this.open,this))},d=class s{static instances=[];options;popup=null;constructor(e){this.options=e,s.instances.push(this);}on=vi.fn(()=>this);off=vi.fn(()=>this);addTo=vi.fn(()=>this);remove=vi.fn(()=>this);setLngLat=vi.fn(()=>this);setDraggable=vi.fn(()=>this);setPopup=vi.fn(e=>(this.popup=e,this));getPopup=vi.fn(()=>this.popup);togglePopup=vi.fn(()=>(this.popup?.toggle(),this));getLngLat=vi.fn(()=>({lng:0,lat:0,toArray:()=>[0,0]}))},i=class s{static instances=[];options;constructor(e){this.options=e,s.instances.push(this);}};function C(s={}){let e=!!s.isMapLibre;m.instances=[],d.instances=[],i.instances=[];function a(g){let p=L({isMapLibre:e});return a.instances.push(p),Promise.resolve().then(()=>p.fire("load")),p}e||(a.prototype.setConfigProperty=()=>{}),a.instances=[];class f{x=0;y=0;z=0;static fromLngLat(p,u=0){return {x:0,y:0,z:u,meterInMercatorCoordinateUnits:()=>1}}meterInMercatorCoordinateUnits(){return 1}}return {Map:a,Popup:m,Marker:d,NavigationControl:i,ScaleControl:i,AttributionControl:i,GeolocateControl:i,FullscreenControl:i,LogoControl:i,TerrainControl:i,MercatorCoordinate:f,version:"mock"}}function gn(){function s(e){this.options=e,this.onAdd=vi.fn(()=>document.createElement("div")),this.onRemove=vi.fn();}return s.modes={},s.lib={theme:[]},s.constants={classes:{CANVAS:"mapboxgl-canvas",CONTROL_BASE:"mapboxgl-ctrl",CONTROL_PREFIX:"mapboxgl-ctrl-",CONTROL_GROUP:"mapboxgl-ctrl-group",ATTRIBUTION:"mapboxgl-ctrl-attrib"}},s}var un=()=>Promise.resolve().then(()=>Promise.resolve());function mn(s,e={}){let a=e.map||L({isMapLibre:e.isMapLibre}),f=C({isMapLibre:e.isMapLibre});return {...render(()=>createComponent(b$1,{map:a,mapLib:f,get isMapLibre(){return !!e.isMapLibre},get constants(){return e.constants},get children(){return s()}})),map:a,mapLib:f}}
+
+export { gn as createMockDrawLib, L as createMockMap, C as createMockMapLib, mn as renderWithMap, un as tick };

package/dist/testing/index.jsx

@@ -0,0 +1,334 @@
+import {
+  MapProvider
+} from "../chunk/N4NHJCAS.jsx";
+
+// src/testUtils/mockMap.ts
+import { vi } from "vitest";
+var key = (event, layerId) => layerId ? `${event}:${layerId}` : event;
+var MockMapInstance = class {
+};
+function createMockMap(opts = {}) {
+  const isMapLibre = !!opts.isMapLibre;
+  const listeners = /* @__PURE__ */ new Map();
+  const sources = /* @__PURE__ */ new Map();
+  const layers = /* @__PURE__ */ new Map();
+  const controls = /* @__PURE__ */ new Set();
+  const images = /* @__PURE__ */ new Set();
+  let styleObj = { layers: [], sources: {}, fog: null, terrain: null, light: null };
+  let sky = null;
+  let fog = null;
+  let light = null;
+  let terrain = null;
+  const on = vi.fn((event, a, b) => {
+    const handler = typeof a === "function" ? a : b;
+    const k = typeof a === "function" ? event : key(event, a);
+    if (!listeners.has(k)) listeners.set(k, /* @__PURE__ */ new Set());
+    listeners.get(k).add(handler);
+    return map;
+  });
+  const off = vi.fn((event, a, b) => {
+    const handler = typeof a === "function" ? a : b;
+    const k = typeof a === "function" ? event : key(event, a);
+    listeners.get(k)?.delete(handler);
+    return map;
+  });
+  const once = vi.fn((event, handler) => {
+    if (!handler) return Promise.resolve();
+    const wrapped = (...args) => {
+      off(event, wrapped);
+      handler(...args);
+    };
+    on(event, wrapped);
+    return map;
+  });
+  const fire = vi.fn((event, evt = {}, layerId) => {
+    listeners.get(key(event, layerId))?.forEach((h) => h(evt));
+    return map;
+  });
+  const addSource = vi.fn((id, spec) => {
+    sources.set(id, {
+      ...spec,
+      setData: vi.fn(),
+      setUrl: vi.fn(),
+      setTiles: vi.fn(),
+      updateImage: vi.fn()
+    });
+    return map;
+  });
+  const getSource = vi.fn((id) => sources.get(id));
+  const removeSource = vi.fn((id) => sources.delete(id));
+  const isSourceLoaded = vi.fn(() => true);
+  const addLayer = vi.fn((layer, _beforeId) => {
+    layers.set(layer.id, layer);
+    return map;
+  });
+  const getLayer = vi.fn((id) => layers.get(id));
+  const removeLayer = vi.fn((id) => layers.delete(id));
+  const moveLayer = vi.fn();
+  const setLayoutProperty = vi.fn();
+  const setPaintProperty = vi.fn();
+  const setLayerZoomRange = vi.fn();
+  const setFilter = vi.fn();
+  const setFeatureState = vi.fn();
+  const removeFeatureState = vi.fn();
+  const getStyle = vi.fn(() => styleObj);
+  const setStyle = vi.fn((s) => {
+    styleObj = typeof s === "string" ? { ...styleObj, styleUrl: s } : { ...styleObj, ...s };
+    return map;
+  });
+  const isStyleLoaded = vi.fn(() => true);
+  const areTilesLoaded = vi.fn(() => true);
+  const addControl = vi.fn((c, _position) => {
+    controls.add(c);
+    return map;
+  });
+  const removeControl = vi.fn((c) => {
+    controls.delete(c);
+    return map;
+  });
+  const hasControl = vi.fn((c) => controls.has(c));
+  const hasImage = vi.fn((id) => images.has(id));
+  const addImage = vi.fn((id, _data, _opts) => {
+    images.add(id);
+  });
+  const removeImage = vi.fn((id) => images.delete(id));
+  const updateImage = vi.fn();
+  const triggerRepaint = vi.fn();
+  const loadImage = vi.fn((_url, cb) => {
+    Promise.resolve().then(() => cb(null, { width: 1, height: 1, data: new Uint8Array(4) }));
+  });
+  const stop = vi.fn(() => map);
+  const flyTo = vi.fn(() => map);
+  const easeTo = vi.fn(() => map);
+  const jumpTo = vi.fn(() => map);
+  const resetNorthPitch = vi.fn(() => map);
+  const resize = vi.fn(() => map);
+  const remove = vi.fn();
+  const map = Object.assign(new MockMapInstance(), {
+    debug: false,
+    debugEvents: false,
+    sourceIdList: [],
+    layerIdList: [],
+    isMapLibre,
+    on,
+    off,
+    once,
+    fire,
+    addSource,
+    getSource,
+    removeSource,
+    isSourceLoaded,
+    addLayer,
+    getLayer,
+    removeLayer,
+    moveLayer,
+    setLayoutProperty,
+    setPaintProperty,
+    setLayerZoomRange,
+    setFilter,
+    setFeatureState,
+    removeFeatureState,
+    getStyle,
+    setStyle,
+    isStyleLoaded,
+    areTilesLoaded,
+    addControl,
+    removeControl,
+    hasControl,
+    hasImage,
+    addImage,
+    removeImage,
+    updateImage,
+    loadImage,
+    triggerRepaint,
+    stop,
+    flyTo,
+    easeTo,
+    jumpTo,
+    resetNorthPitch,
+    resize,
+    remove,
+    getCanvas: vi.fn(() => ({ style: {} })),
+    getCenter: vi.fn(() => ({ lng: 0, lat: 0, toArray: () => [0, 0] })),
+    getZoom: vi.fn(() => 0),
+    getBearing: vi.fn(() => 0),
+    getPitch: vi.fn(() => 0),
+    getBounds: vi.fn(() => ({
+      getNorthEast: () => ({ lng: 0, lat: 0 }),
+      getSouthWest: () => ({ lng: 0, lat: 0 })
+    })),
+    cameraForBounds: vi.fn(() => ({})),
+    setProjection: vi.fn(),
+    getFreeCameraOptions: vi.fn(() => ({ position: null, lookAtPoint: vi.fn() })),
+    setFreeCameraOptions: vi.fn(),
+    setLight: vi.fn((l) => {
+      light = l;
+    }),
+    getLight: vi.fn(() => light),
+    setTerrain: vi.fn((t) => {
+      terrain = t;
+    }),
+    getTerrain: vi.fn(() => terrain),
+    // Mapbox-only
+    ...isMapLibre ? {} : {
+      setConfigProperty: vi.fn(),
+      getConfigProperty: vi.fn(),
+      setFog: vi.fn((f) => {
+        fog = f;
+      }),
+      getFog: vi.fn(() => fog)
+    },
+    // MapLibre-only
+    ...isMapLibre ? {
+      setSky: vi.fn((s) => {
+        sky = s;
+      }),
+      getSky: vi.fn(() => sky)
+    } : {}
+  });
+  return map;
+}
+var MockPopup = class _MockPopup {
+  static instances = [];
+  options;
+  open = false;
+  constructor(options) {
+    this.options = options;
+    _MockPopup.instances.push(this);
+  }
+  on = vi.fn(() => this);
+  off = vi.fn(() => this);
+  addTo = vi.fn(() => {
+    this.open = true;
+    return this;
+  });
+  remove = vi.fn(() => {
+    this.open = false;
+    return this;
+  });
+  setHTML = vi.fn(() => this);
+  setDOMContent = vi.fn(() => this);
+  setLngLat = vi.fn(() => this);
+  trackPointer = vi.fn(() => this);
+  isOpen = vi.fn(() => this.open);
+  toggle = vi.fn(() => {
+    this.open = !this.open;
+    return this;
+  });
+};
+var MockMarker = class _MockMarker {
+  static instances = [];
+  options;
+  popup = null;
+  constructor(options) {
+    this.options = options;
+    _MockMarker.instances.push(this);
+  }
+  on = vi.fn(() => this);
+  off = vi.fn(() => this);
+  addTo = vi.fn(() => this);
+  remove = vi.fn(() => this);
+  setLngLat = vi.fn(() => this);
+  setDraggable = vi.fn(() => this);
+  setPopup = vi.fn((p) => {
+    this.popup = p;
+    return this;
+  });
+  getPopup = vi.fn(() => this.popup);
+  togglePopup = vi.fn(() => {
+    this.popup?.toggle();
+    return this;
+  });
+  getLngLat = vi.fn(() => ({ lng: 0, lat: 0, toArray: () => [0, 0] }));
+};
+var MockControl = class _MockControl {
+  static instances = [];
+  options;
+  constructor(options) {
+    this.options = options;
+    _MockControl.instances.push(this);
+  }
+};
+function createMockMapLib(opts = {}) {
+  const isMapLibre = !!opts.isMapLibre;
+  MockPopup.instances = [];
+  MockMarker.instances = [];
+  MockControl.instances = [];
+  function Map2(_options) {
+    const instance = createMockMap({ isMapLibre });
+    Map2.instances.push(instance);
+    Promise.resolve().then(() => instance.fire("load"));
+    return instance;
+  }
+  if (!isMapLibre) Map2.prototype.setConfigProperty = () => {
+  };
+  Map2.instances = [];
+  class MercatorCoordinate {
+    x = 0;
+    y = 0;
+    z = 0;
+    static fromLngLat(_lngLat, altitude = 0) {
+      return { x: 0, y: 0, z: altitude, meterInMercatorCoordinateUnits: () => 1 };
+    }
+    meterInMercatorCoordinateUnits() {
+      return 1;
+    }
+  }
+  return {
+    Map: Map2,
+    Popup: MockPopup,
+    Marker: MockMarker,
+    NavigationControl: MockControl,
+    ScaleControl: MockControl,
+    AttributionControl: MockControl,
+    GeolocateControl: MockControl,
+    FullscreenControl: MockControl,
+    LogoControl: MockControl,
+    TerrainControl: MockControl,
+    MercatorCoordinate,
+    version: "mock"
+  };
+}
+function createMockDrawLib() {
+  function MapboxDraw(options) {
+    this.options = options;
+    this.onAdd = vi.fn(() => document.createElement("div"));
+    this.onRemove = vi.fn();
+  }
+  MapboxDraw.modes = {};
+  MapboxDraw.lib = { theme: [] };
+  MapboxDraw.constants = {
+    classes: {
+      CANVAS: "mapboxgl-canvas",
+      CONTROL_BASE: "mapboxgl-ctrl",
+      CONTROL_PREFIX: "mapboxgl-ctrl-",
+      CONTROL_GROUP: "mapboxgl-ctrl-group",
+      ATTRIBUTION: "mapboxgl-ctrl-attrib"
+    }
+  };
+  return MapboxDraw;
+}
+var tick = () => Promise.resolve().then(() => Promise.resolve());
+
+// src/testUtils/renderWithMap.tsx
+import { render } from "@solidjs/testing-library";
+function renderWithMap(ui, opts = {}) {
+  const map = opts.map || createMockMap({ isMapLibre: opts.isMapLibre });
+  const mapLib = createMockMapLib({ isMapLibre: opts.isMapLibre });
+  const result = render(() => <MapProvider
+    map={map}
+    mapLib={mapLib}
+    isMapLibre={!!opts.isMapLibre}
+    constants={opts.constants}
+  >
+      {ui()}
+    </MapProvider>);
+  return { ...result, map, mapLib };
+}
+export {
+  createMockDrawLib,
+  createMockMap,
+  createMockMapLib,
+  renderWithMap,
+  tick
+};

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.1.0",
+  "version": "2.2.1",
   "name": "solid-map-gl",
   "description": "SolidJS Component Library for Mapbox GL JS & MapLibre GL JS",
   "info": "SolidJS Component Library for Mapbox GL JS & MapLibre GL JS. Mapbox GL JS and MapLibre GL JS are JavaScript libraries that render interactive maps from vector tiles and map styles using WebGL. This project is intended to be as close as possible to the Mapbox GL JS API.",
@@ -27,20 +27,29 @@
     "dist"
   ],
   "source": "./dist/index.jsx",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "main": "./dist/index/index.js",
+  "module": "./dist/index/index.js",
+  "types": "./dist/index/index.d.ts",
   "exports": {
+    "./package.json": "./package.json",
     ".": {
-      "types": "./dist/index.d.ts",
-      "solid": "./dist/index.jsx",
+      "types": "./dist/index/index.d.ts",
+      "solid": "./dist/index/index.jsx",
       "import": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.js"
+        "types": "./dist/index/index.d.ts",
+        "default": "./dist/index/index.js"
       },
-      "default": "./dist/index.js"
+      "default": "./dist/index/index.js"
     },
-    "./package.json": "./package.json"
+    "./testing": {
+      "types": "./dist/testing/index.d.ts",
+      "solid": "./dist/testing/index.jsx",
+      "import": {
+        "types": "./dist/testing/index.d.ts",
+        "default": "./dist/testing/index.js"
+      },
+      "default": "./dist/testing/index.js"
+    }
   },
   "scripts": {
     "build": "tsup",
@@ -52,7 +61,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/gishub4/solid-map-gl.git"
+    "url": "git+https://github.com/GIShub4/solid-map-gl.git"
   },
   "browserList": [
     "defaults",
@@ -61,7 +70,7 @@
   "devDependencies": {
     "@solidjs/testing-library": "^0.8.10",
     "@testing-library/jest-dom": "^7.0.1",
-    "@vitest/coverage-v8": "^4.1.11",
+    "@vitest/coverage-v8": "^5.0.0",
     "jsdom": "^30.0.1",
     "jsdom-worker": "^0.3.0",
     "mapbox-gl": "^3.30.0",
@@ -73,19 +82,24 @@
     "typescript": "^6.0.3",
     "vite": "^8.2.2",
     "vite-plugin-solid": "^2.11.10",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   },
   "peerDependencies": {
     "@babylonjs/core": "^6.24.0",
+    "@solidjs/testing-library": "^0.8.0",
     "mapbox-gl": "^3.0.0",
     "maplibre-gl": "^4.0.0 || ^5.0.0 || ^6.0.0",
     "solid-js": "^1.8.0 <2.0.0",
-    "three": "^0.157.0"
+    "three": "^0.157.0",
+    "vitest": "^5.0.0"
   },
   "peerDependenciesMeta": {
     "@babylonjs/core": {
       "optional": true
     },
+    "@solidjs/testing-library": {
+      "optional": true
+    },
     "mapbox-gl": {
       "optional": true
     },
@@ -94,15 +108,17 @@
     },
     "three": {
       "optional": true
+    },
+    "vitest": {
+      "optional": true
     }
   },
-  "dependencies": {
-    "@turf/area": "^7.3.4",
-    "@turf/center-of-mass": "^7.3.4",
-    "@turf/centroid": "^7.3.4",
-    "@turf/length": "^7.3.4",
-    "@turf/midpoint": "^7.3.4"
-  },
   "browser": {},
-  "typesVersions": {}
+  "typesVersions": {
+    "*": {
+      "testing": [
+        "./dist/testing/index.d.ts"
+      ]
+    }
+  }
 }