@beyonk/svelte-mapbox 8.2.0 → 9.0.3

package/asset-loader.d.ts

@@ -0,0 +1 @@
+export function load(assets: any, cb: any): void;

package/components.d.ts

@@ -0,0 +1,13 @@
+import Map from "./map/Map.svelte";
+import Marker from "./map/Marker.svelte";
+import Geocoder from "./geocoder/Geocoder.svelte";
+import { contextKey } from "./mapbox.js";
+export namespace controls {
+    export { GeolocateControl };
+    export { NavigationControl };
+    export { ScaleControl };
+}
+import GeolocateControl from "./map/controls/GeolocateControl.svelte";
+import NavigationControl from "./map/controls/NavigationControl.svelte";
+import ScaleControl from "./map/controls/ScaleControl.svelte";
+export { Map, Marker, Geocoder, contextKey };

package/event-bindings.d.ts

@@ -0,0 +1 @@
+export function bindEvents(el: any, handlers: any, mapbox: any, node: any): () => void;

package/geocoder/Geocoder.svelte.d.ts

@@ -0,0 +1,53 @@
+/** @typedef {typeof __propDef.props}  GeocoderProps */
+/** @typedef {typeof __propDef.events}  GeocoderEvents */
+/** @typedef {typeof __propDef.slots}  GeocoderSlots */
+export default class Geocoder extends SvelteComponentTyped<{
+    accessToken: any;
+    geocoder: any;
+    value?: any;
+    version?: string;
+    customStylesheetUrl?: boolean;
+    options?: {};
+    types?: string[];
+    placeholder?: string;
+}, {
+    results: Event | ProgressEvent<EventTarget> | DragEvent | MouseEvent | UIEvent | ClipboardEvent | AnimationEvent | InputEvent | FocusEvent | CompositionEvent | ErrorEvent | FormDataEvent | PointerEvent | KeyboardEvent | SecurityPolicyViolationEvent | SubmitEvent | TouchEvent | TransitionEvent | WheelEvent;
+    result: Event | ProgressEvent<EventTarget> | DragEvent | MouseEvent | UIEvent | ClipboardEvent | AnimationEvent | InputEvent | FocusEvent | CompositionEvent | ErrorEvent | FormDataEvent | PointerEvent | KeyboardEvent | SecurityPolicyViolationEvent | SubmitEvent | TouchEvent | TransitionEvent | WheelEvent;
+    loading: Event | ProgressEvent<EventTarget> | DragEvent | MouseEvent | UIEvent | ClipboardEvent | AnimationEvent | InputEvent | FocusEvent | CompositionEvent | ErrorEvent | FormDataEvent | PointerEvent | KeyboardEvent | SecurityPolicyViolationEvent | SubmitEvent | TouchEvent | TransitionEvent | WheelEvent;
+    error: ErrorEvent;
+    clear: Event | ProgressEvent<EventTarget> | DragEvent | MouseEvent | UIEvent | ClipboardEvent | AnimationEvent | InputEvent | FocusEvent | CompositionEvent | ErrorEvent | FormDataEvent | PointerEvent | KeyboardEvent | SecurityPolicyViolationEvent | SubmitEvent | TouchEvent | TransitionEvent | WheelEvent;
+    load: Event;
+    ready: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type GeocoderProps = typeof __propDef.props;
+export type GeocoderEvents = typeof __propDef.events;
+export type GeocoderSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        accessToken: any;
+        geocoder: any;
+        value?: any;
+        version?: string;
+        customStylesheetUrl?: boolean;
+        options?: {};
+        types?: string[];
+        placeholder?: string;
+    };
+    events: {
+        results: Event | ProgressEvent<EventTarget> | DragEvent | MouseEvent | UIEvent | ClipboardEvent | AnimationEvent | InputEvent | FocusEvent | CompositionEvent | ErrorEvent | FormDataEvent | PointerEvent | KeyboardEvent | SecurityPolicyViolationEvent | SubmitEvent | TouchEvent | TransitionEvent | WheelEvent;
+        result: Event | ProgressEvent<EventTarget> | DragEvent | MouseEvent | UIEvent | ClipboardEvent | AnimationEvent | InputEvent | FocusEvent | CompositionEvent | ErrorEvent | FormDataEvent | PointerEvent | KeyboardEvent | SecurityPolicyViolationEvent | SubmitEvent | TouchEvent | TransitionEvent | WheelEvent;
+        loading: Event | ProgressEvent<EventTarget> | DragEvent | MouseEvent | UIEvent | ClipboardEvent | AnimationEvent | InputEvent | FocusEvent | CompositionEvent | ErrorEvent | FormDataEvent | PointerEvent | KeyboardEvent | SecurityPolicyViolationEvent | SubmitEvent | TouchEvent | TransitionEvent | WheelEvent;
+        error: ErrorEvent;
+        clear: Event | ProgressEvent<EventTarget> | DragEvent | MouseEvent | UIEvent | ClipboardEvent | AnimationEvent | InputEvent | FocusEvent | CompositionEvent | ErrorEvent | FormDataEvent | PointerEvent | KeyboardEvent | SecurityPolicyViolationEvent | SubmitEvent | TouchEvent | TransitionEvent | WheelEvent;
+        load: Event;
+        ready: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/geocoder/geocoder-action.d.ts

@@ -0,0 +1,3 @@
+export default function action(node: any, options?: {}): {
+    destroy(): void;
+};

package/{src/lib/map → map}/Map.svelte

@@ -29,7 +29,7 @@
   import { EventQueue } from '../queue.js'
 
   export let map = null
-  export let version = 'v2.3.1'
+  export let version = 'v2.12.0'
   export let center = [ 0, 0 ]
   export let zoom = 9
   export let zoomRate = 1

package/map/Map.svelte.d.ts

@@ -0,0 +1,89 @@
+/** @typedef {typeof __propDef.props}  MapProps */
+/** @typedef {typeof __propDef.events}  MapEvents */
+/** @typedef {typeof __propDef.slots}  MapSlots */
+export default class Map extends SvelteComponentTyped<{
+    accessToken: any;
+    map?: any;
+    style?: string;
+    version?: string;
+    customStylesheetUrl?: boolean;
+    zoom?: number;
+    getMap?: () => any;
+    getMapbox?: () => any;
+    center?: number[];
+    zoomRate?: number;
+    wheelZoomRate?: number;
+    fitBounds?: (bbox: any, data?: {}) => void;
+    flyTo?: (destination: any, data?: {}) => void;
+    resize?: () => void;
+    setCenter?: (coords: any, data?: {}) => void;
+    setZoom?: (value: any, data?: {}) => void;
+    addControl?: (control: any, position?: string) => void;
+    options?: {};
+}, {
+    recentre: Event | ProgressEvent<EventTarget> | DragEvent | MouseEvent | UIEvent | ClipboardEvent | AnimationEvent | InputEvent | FocusEvent | CompositionEvent | ErrorEvent | FormDataEvent | PointerEvent | KeyboardEvent | SecurityPolicyViolationEvent | SubmitEvent | TouchEvent | TransitionEvent | WheelEvent;
+    dragend: DragEvent;
+    click: MouseEvent;
+    zoomstart: Event | ProgressEvent<EventTarget> | DragEvent | MouseEvent | UIEvent | ClipboardEvent | AnimationEvent | InputEvent | FocusEvent | CompositionEvent | ErrorEvent | FormDataEvent | PointerEvent | KeyboardEvent | SecurityPolicyViolationEvent | SubmitEvent | TouchEvent | TransitionEvent | WheelEvent;
+    zoom: Event | ProgressEvent<EventTarget> | DragEvent | MouseEvent | UIEvent | ClipboardEvent | AnimationEvent | InputEvent | FocusEvent | CompositionEvent | ErrorEvent | FormDataEvent | PointerEvent | KeyboardEvent | SecurityPolicyViolationEvent | SubmitEvent | TouchEvent | TransitionEvent | WheelEvent;
+    zoomend: Event | ProgressEvent<EventTarget> | DragEvent | MouseEvent | UIEvent | ClipboardEvent | AnimationEvent | InputEvent | FocusEvent | CompositionEvent | ErrorEvent | FormDataEvent | PointerEvent | KeyboardEvent | SecurityPolicyViolationEvent | SubmitEvent | TouchEvent | TransitionEvent | WheelEvent;
+    drag: DragEvent;
+    keydown: KeyboardEvent;
+    ready: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+    get fitBounds(): (bbox: any, data?: {}) => void;
+    get flyTo(): (destination: any, data?: {}) => void;
+    get resize(): () => void;
+    get setCenter(): (coords: any, data?: {}) => void;
+    get setZoom(): (value: any, data?: {}) => void;
+    get addControl(): (control: any, position?: string) => void;
+    get getMap(): () => any;
+    get getMapbox(): () => any;
+}
+export type MapProps = typeof __propDef.props;
+export type MapEvents = typeof __propDef.events;
+export type MapSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        accessToken: any;
+        map?: any;
+        style?: string;
+        version?: string;
+        customStylesheetUrl?: boolean;
+        zoom?: number;
+        getMap?: () => any;
+        getMapbox?: () => any;
+        center?: number[];
+        zoomRate?: number;
+        wheelZoomRate?: number;
+        fitBounds?: (bbox: any, data?: {}) => void;
+        flyTo?: (destination: any, data?: {}) => void;
+        resize?: () => void;
+        setCenter?: (coords: any, data?: {}) => void;
+        setZoom?: (value: any, data?: {}) => void;
+        addControl?: (control: any, position?: string) => void;
+        options?: {};
+    };
+    events: {
+        recentre: Event | ProgressEvent<EventTarget> | DragEvent | MouseEvent | UIEvent | ClipboardEvent | AnimationEvent | InputEvent | FocusEvent | CompositionEvent | ErrorEvent | FormDataEvent | PointerEvent | KeyboardEvent | SecurityPolicyViolationEvent | SubmitEvent | TouchEvent | TransitionEvent | WheelEvent;
+        dragend: DragEvent;
+        click: MouseEvent;
+        zoomstart: Event | ProgressEvent<EventTarget> | DragEvent | MouseEvent | UIEvent | ClipboardEvent | AnimationEvent | InputEvent | FocusEvent | CompositionEvent | ErrorEvent | FormDataEvent | PointerEvent | KeyboardEvent | SecurityPolicyViolationEvent | SubmitEvent | TouchEvent | TransitionEvent | WheelEvent;
+        zoom: Event | ProgressEvent<EventTarget> | DragEvent | MouseEvent | UIEvent | ClipboardEvent | AnimationEvent | InputEvent | FocusEvent | CompositionEvent | ErrorEvent | FormDataEvent | PointerEvent | KeyboardEvent | SecurityPolicyViolationEvent | SubmitEvent | TouchEvent | TransitionEvent | WheelEvent;
+        zoomend: Event | ProgressEvent<EventTarget> | DragEvent | MouseEvent | UIEvent | ClipboardEvent | AnimationEvent | InputEvent | FocusEvent | CompositionEvent | ErrorEvent | FormDataEvent | PointerEvent | KeyboardEvent | SecurityPolicyViolationEvent | SubmitEvent | TouchEvent | TransitionEvent | WheelEvent;
+        drag: DragEvent;
+        keydown: KeyboardEvent;
+        ready: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/map/Marker.svelte.d.ts

@@ -0,0 +1,50 @@
+/** @typedef {typeof __propDef.props}  MarkerProps */
+/** @typedef {typeof __propDef.events}  MarkerEvents */
+/** @typedef {typeof __propDef.slots}  MarkerSlots */
+export default class Marker extends SvelteComponentTyped<{
+    lat: any;
+    lng: any;
+    label?: string;
+    popupClassName?: string;
+    markerOffset?: number[];
+    popupOffset?: number;
+    color?: number;
+    popup?: boolean;
+    popupOptions?: {};
+    markerOptions?: {};
+    getMarker?: () => any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+    popup: {};
+}> {
+    get getMarker(): () => any;
+}
+export type MarkerProps = typeof __propDef.props;
+export type MarkerEvents = typeof __propDef.events;
+export type MarkerSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        lat: any;
+        lng: any;
+        label?: string;
+        popupClassName?: string;
+        markerOffset?: number[];
+        popupOffset?: number;
+        color?: number;
+        popup?: boolean;
+        popupOptions?: {};
+        markerOptions?: {};
+        getMarker?: () => any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+        popup: {};
+    };
+};
+export {};

package/map/controls/GeolocateControl.svelte.d.ts

@@ -0,0 +1,40 @@
+/** @typedef {typeof __propDef.props}  GeolocateControlProps */
+/** @typedef {typeof __propDef.events}  GeolocateControlEvents */
+/** @typedef {typeof __propDef.slots}  GeolocateControlSlots */
+export default class GeolocateControl extends SvelteComponentTyped<{
+    options?: {};
+    position?: string;
+    trigger?: () => void;
+}, {
+    error: ErrorEvent;
+    geolocate: Event | ProgressEvent<EventTarget> | DragEvent | MouseEvent | UIEvent | ClipboardEvent | AnimationEvent | InputEvent | FocusEvent | CompositionEvent | ErrorEvent | FormDataEvent | PointerEvent | KeyboardEvent | SecurityPolicyViolationEvent | SubmitEvent | TouchEvent | TransitionEvent | WheelEvent;
+    outofmaxbounds: Event | ProgressEvent<EventTarget> | DragEvent | MouseEvent | UIEvent | ClipboardEvent | AnimationEvent | InputEvent | FocusEvent | CompositionEvent | ErrorEvent | FormDataEvent | PointerEvent | KeyboardEvent | SecurityPolicyViolationEvent | SubmitEvent | TouchEvent | TransitionEvent | WheelEvent;
+    trackuserlocationend: Event | ProgressEvent<EventTarget> | DragEvent | MouseEvent | UIEvent | ClipboardEvent | AnimationEvent | InputEvent | FocusEvent | CompositionEvent | ErrorEvent | FormDataEvent | PointerEvent | KeyboardEvent | SecurityPolicyViolationEvent | SubmitEvent | TouchEvent | TransitionEvent | WheelEvent;
+    trackuserlocationstart: Event | ProgressEvent<EventTarget> | DragEvent | MouseEvent | UIEvent | ClipboardEvent | AnimationEvent | InputEvent | FocusEvent | CompositionEvent | ErrorEvent | FormDataEvent | PointerEvent | KeyboardEvent | SecurityPolicyViolationEvent | SubmitEvent | TouchEvent | TransitionEvent | WheelEvent;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+    get trigger(): () => void;
+}
+export type GeolocateControlProps = typeof __propDef.props;
+export type GeolocateControlEvents = typeof __propDef.events;
+export type GeolocateControlSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        options?: {};
+        position?: string;
+        trigger?: () => void;
+    };
+    events: {
+        error: ErrorEvent;
+        geolocate: Event | ProgressEvent<EventTarget> | DragEvent | MouseEvent | UIEvent | ClipboardEvent | AnimationEvent | InputEvent | FocusEvent | CompositionEvent | ErrorEvent | FormDataEvent | PointerEvent | KeyboardEvent | SecurityPolicyViolationEvent | SubmitEvent | TouchEvent | TransitionEvent | WheelEvent;
+        outofmaxbounds: Event | ProgressEvent<EventTarget> | DragEvent | MouseEvent | UIEvent | ClipboardEvent | AnimationEvent | InputEvent | FocusEvent | CompositionEvent | ErrorEvent | FormDataEvent | PointerEvent | KeyboardEvent | SecurityPolicyViolationEvent | SubmitEvent | TouchEvent | TransitionEvent | WheelEvent;
+        trackuserlocationend: Event | ProgressEvent<EventTarget> | DragEvent | MouseEvent | UIEvent | ClipboardEvent | AnimationEvent | InputEvent | FocusEvent | CompositionEvent | ErrorEvent | FormDataEvent | PointerEvent | KeyboardEvent | SecurityPolicyViolationEvent | SubmitEvent | TouchEvent | TransitionEvent | WheelEvent;
+        trackuserlocationstart: Event | ProgressEvent<EventTarget> | DragEvent | MouseEvent | UIEvent | ClipboardEvent | AnimationEvent | InputEvent | FocusEvent | CompositionEvent | ErrorEvent | FormDataEvent | PointerEvent | KeyboardEvent | SecurityPolicyViolationEvent | SubmitEvent | TouchEvent | TransitionEvent | WheelEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/map/controls/NavigationControl.svelte.d.ts

@@ -0,0 +1,25 @@
+/** @typedef {typeof __propDef.props}  NavigationControlProps */
+/** @typedef {typeof __propDef.events}  NavigationControlEvents */
+/** @typedef {typeof __propDef.slots}  NavigationControlSlots */
+export default class NavigationControl extends SvelteComponentTyped<{
+    options?: {};
+    position?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type NavigationControlProps = typeof __propDef.props;
+export type NavigationControlEvents = typeof __propDef.events;
+export type NavigationControlSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        options?: {};
+        position?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/map/controls/ScaleControl.svelte.d.ts

@@ -0,0 +1,25 @@
+/** @typedef {typeof __propDef.props}  ScaleControlProps */
+/** @typedef {typeof __propDef.events}  ScaleControlEvents */
+/** @typedef {typeof __propDef.slots}  ScaleControlSlots */
+export default class ScaleControl extends SvelteComponentTyped<{
+    options?: {};
+    position?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type ScaleControlProps = typeof __propDef.props;
+export type ScaleControlEvents = typeof __propDef.events;
+export type ScaleControlSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        options?: {};
+        position?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/map/map-action.d.ts

@@ -0,0 +1,3 @@
+export default function action(node: any, options?: {}): {
+    destroy(): void;
+};

package/mapbox.d.ts

@@ -0,0 +1 @@
+export const contextKey: {};

package/package.json

@@ -1,26 +1,40 @@
 {
   "name": "@beyonk/svelte-mapbox",
-  "version": "8.2.0",
+  "version": "9.0.3",
   "main": "src/lib/components.js",
   "svelte": "src/lib/components.js",
-  "scripts": {
-    "dev": "svelte-kit dev --port 3030",
-    "build": "svelte-kit build",
-    "package": "svelte-kit package",
-    "preview": "svelte-kit preview",
-    "lint": "eslint ."
-  },
   "devDependencies": {
     "@beyonk/eslint-config": "^6.0.0",
-    "@sveltejs/kit": "next",
+    "@sveltejs/kit": "^1.2.9",
+    "@sveltejs/package": "^1.0.2",
     "eslint": "^7.31.0",
     "eslint-plugin-svelte3": "^3.2.0",
-    "svelte": "^3.34.0",
-    "svelte2tsx": "^0.4.2",
-    "typescript": "^4.3.5"
+    "svelte": "^3.55.1",
+    "svelte2tsx": "^0.6.0",
+    "typescript": "^4.9.4",
+    "vite": "^4.0.4"
+  },
+  "peerDependencies": {
+    "svelte": "^3.0.0"
   },
   "type": "module",
   "volta": {
-    "node": "16.5.0"
+    "node": "18.13.0"
+  },
+  "exports": {
+    "./package.json": "./package.json",
+    "./asset-loader": "./asset-loader.js",
+    "./components": "./components.js",
+    "./event-bindings": "./event-bindings.js",
+    "./geocoder/Geocoder.svelte": "./geocoder/Geocoder.svelte",
+    "./geocoder/geocoder-action": "./geocoder/geocoder-action.js",
+    "./map/Map.svelte": "./map/Map.svelte",
+    "./map/Marker.svelte": "./map/Marker.svelte",
+    "./map/controls/GeolocateControl.svelte": "./map/controls/GeolocateControl.svelte",
+    "./map/controls/NavigationControl.svelte": "./map/controls/NavigationControl.svelte",
+    "./map/controls/ScaleControl.svelte": "./map/controls/ScaleControl.svelte",
+    "./map/map-action": "./map/map-action.js",
+    "./mapbox": "./mapbox.js",
+    "./queue": "./queue.js"
   }
-}
+}

package/queue.d.ts

@@ -0,0 +1,8 @@
+export class EventQueue {
+    queue: import("svelte/store").Writable<any[]>;
+    unsubscribe: import("svelte/store").Unsubscriber;
+    started: boolean;
+    send(command: any, params?: any[]): void;
+    start(map: any): void;
+    stop(): void;
+}

package/.env

@@ -1 +0,0 @@
-VITE_MAPBOX_TOKEN=<insert mapbox token here>

package/.eslintignore

@@ -1,2 +0,0 @@
-package
-.svelte-kit

package/.eslintrc.json

@@ -1,7 +0,0 @@
-{
-"extends": "@beyonk/eslint-config/svelte",
-  "parserOptions": {
-    "sourceType": "module",
-    "ecmaVersion": 2020
-  }
-}

package/.github/workflows/publish.yml

@@ -1,35 +0,0 @@
-name: publish
-
-on:
-  push:
-    branches:
-      - '*'
-    tags:
-      - 'v*'
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v1
-      - uses: actions/setup-node@v1
-        with:
-          node-version: 16
-      - run: npm ci
-      - run: npm run lint
-
-  publish-npm:
-    if: startsWith(github.ref, 'refs/tags/v')
-    needs: build
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v1
-      - uses: actions/setup-node@v1
-        with:
-          node-version: 16
-          registry-url: https://registry.npmjs.org/
-      - run: npm ci
-      - run: npm run package
-      - run: npm publish
-        env:
-          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}

package/jsconfig.json

@@ -1,10 +0,0 @@
-{
-	"compilerOptions": {
-		"baseUrl": ".",
-		"paths": {
-			"$lib": ["src/lib"],
-			"$lib/*": ["src/lib/*"]
-		}
-	},
-	"include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.svelte"]
-}

package/src/app.html

@@ -1,17 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" href="/favicon.png" />
-		<title>Svelte Mapbox Maps | Developer Documentation</title>
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
-		<link href="/normalize.css" rel="stylesheet" type="text/css" />
-		<link href="/prettify.css" rel="stylesheet" type="text/css" />
-		<link href="/style.css" rel="stylesheet" type="text/css" />
-		%svelte.head%
-	</head>
-	<body>
-		<div id="svelte">%svelte.body%</div>
-	</body>
-</html>

package/src/global.d.ts

@@ -1 +0,0 @@
-/// <reference types="@sveltejs/kit" />

package/src/lib/conf.js

@@ -1,5 +0,0 @@
-const mapboxToken = import.meta.env.VITE_MAPBOX_TOKEN
-
-export {
-  mapboxToken
-}

package/src/routes/_Earthquakes.svelte

@@ -1,128 +0,0 @@
-<script>
-  import { getContext } from 'svelte'
-  import { contextKey } from '$lib/components.js'
-  import MiniScroller from './_MiniScroller.svelte'
-
-  const { getMap, getMapbox } = getContext(contextKey)
-  const map = getMap()
-  const mapbox = getMapbox()
-
-  // Add a new source from our GeoJSON data and set the
-  // 'cluster' option to true. GL-JS will add the point_count property to your source data.
-  map.addSource('earthquakes', {
-    type: 'geojson',
-    // Point to GeoJSON data. This example visualizes all M1.0+ earthquakes
-    // from 12/22/15 to 1/21/16 as logged by USGS' Earthquake hazards program.
-    data: 'https://docs.mapbox.com/mapbox-gl-js/assets/earthquakes.geojson',
-    cluster: true,
-    clusterMaxZoom: 14, // Max zoom to cluster points on
-    clusterRadius: 50 // Radius of each cluster when clustering points (defaults to 50)
-  })
-
-  map.addLayer({
-    id: 'clusters',
-    type: 'circle',
-    source: 'earthquakes',
-    filter: [ 'has', 'point_count' ],
-    paint: {
-      // Use step expressions (https://docs.mapbox.com/mapbox-gl-js/style-spec/#expressions-step)
-      // with three steps to implement three types of circles:
-      //   * Blue, 20px circles when point count is less than 100
-      //   * Yellow, 30px circles when point count is between 100 and 750
-      //   * Pink, 40px circles when point count is greater than or equal to 750
-      'circle-color': [
-        'step',
-        [ 'get', 'point_count' ],
-        '#51bbd6',
-        100,
-        '#f1f075',
-        750,
-        '#f28cb1'
-      ],
-      'circle-radius': [
-        'step',
-        [ 'get', 'point_count' ],
-        20,
-        100,
-        30,
-        750,
-        40
-      ]
-    }
-  })
-
-  map.addLayer({
-    id: 'cluster-count',
-    type: 'symbol',
-    source: 'earthquakes',
-    filter: [ 'has', 'point_count' ],
-    layout: {
-      'text-field': '{point_count_abbreviated}',
-      'text-font': [ 'DIN Offc Pro Medium', 'Arial Unicode MS Bold' ],
-      'text-size': 12
-    }
-  })
-
-  map.addLayer({
-    id: 'unclustered-point',
-    type: 'circle',
-    source: 'earthquakes',
-    filter: [ '!', [ 'has', 'point_count' ] ],
-    paint: {
-      'circle-color': '#11b4da',
-      'circle-radius': 4,
-      'circle-stroke-width': 1,
-      'circle-stroke-color': '#fff'
-    }
-  })
-
-  map.on('click', 'clusters', function (e) {
-    const features = map.queryRenderedFeatures(e.point, {
-      layers: [ 'clusters' ]
-    })
-    const clusterId = features[0].properties.cluster_id
-    map.getSource('earthquakes').getClusterExpansionZoom(clusterId, function (err, zoom) {
-      if (err) { return }
-
-      map.easeTo({
-        center: features[0].geometry.coordinates,
-        zoom: zoom
-      })
-    })
-  })
-
-  map.on('mouseenter', 'clusters', function () {
-    map.getCanvas().style.cursor = 'pointer'
-  })
-  map.on('mouseleave', 'clusters', function () {
-    map.getCanvas().style.cursor = ''
-  })
-
-  map.on('click', 'unclustered-point', function (e) {
-    const coordinates = e.features[0].geometry.coordinates.slice()
-  
-    // Ensure that if the map is zoomed out such that multiple
-    // copies of the feature are visible, the popup appears
-    // over the copy being pointed to.
-    while (Math.abs(e.lngLat.lng - coordinates[0]) > 180) {
-      coordinates[0] += e.lngLat.lng > coordinates[0] ? 360 : -360
-    }
-  
-    map.setCenter(coordinates)
-
-    new mapbox.Popup({})
-      .setLngLat(coordinates)
-      .setHTML('<div id="mini-scroller"></div>')
-      .addTo(map)
-
-    new MiniScroller({ target: document.getElementById('mini-scroller'), props: {} }) // eslint-disable-line no-new
-  })
-  
-  map.on('mouseenter', 'unclustered-point', function () {
-    map.getCanvas().style.cursor = 'pointer'
-  })
-  
-  map.on('mouseleave', 'unclustered-point', function () {
-    map.getCanvas().style.cursor = ''
-  })
-</script>

package/src/routes/_MiniScroller.svelte

@@ -1 +0,0 @@
-<h2>hello</h2>