worldjumping

Author: Zulko

src/App.svelte

@@ -3,23 +3,17 @@
   import Map from "./lib/Map.svelte";
   import SlidingPane from "./lib/SlidingPane.svelte";
   import { getGeoEntriesInBounds, getUniqueByGeoHash } from "./lib/geodata";
-  import { Mixin } from "leaflet";
 
   let markers = [];
 
   let dataStatus = "not started";
-  let mapBounds = {
-    northEast: { lat: 0, lon: 0 },
-    southWest: { lat: 0, lon: 0 },
-  };
 
   // State to control the sliding pane
   let isPaneOpen = false;
   let wikiPage = "";
 
   // State for selected marker
   let selectedMarker = null;
-  let mapCenter = [51.508056, -0.076111];
   let mapZoom = 1;
 
   // Add a target location state
@@ -84,24 +78,21 @@
   async function handleBoundsChange(event) {
     const center = event.detail.center;
     mapZoom = event.detail.zoom;
-    console.log("mapZoom", mapZoom);
-    mapCenter = [center.lat, center.lon];
+    console.log(event.detail.center);
     const bounds = {
       minLat: event.detail.bounds._southWest.lat,
       maxLat: event.detail.bounds._northEast.lat,
       minLon: event.detail.bounds._southWest.lng,
       maxLon: event.detail.bounds._northEast.lng,
     };
     const entries = await getGeoEntriesInBounds(bounds);
-    console.log(mapZoom, Math.max(1, Math.min(8, mapZoom / 2)));
     const hashlevel = Math.max(1, Math.min(8, mapZoom / 2));
     const uniqueEntries = getUniqueByGeoHash({
       entries,
       hashLength: hashlevel,
       scoreField: "page_len",
     });
     addCosmeticsToEntries(uniqueEntries, hashlevel);
-    console.log("Unique entries:", uniqueEntries);
     markers = uniqueEntries;
   }
   onMount(async () => {
@@ -110,18 +101,6 @@
 </script>
 
 <main>
-  <div class="status-bar">
-    <span>Status: {dataStatus}</span>
-    <span>
-      Bounds: NE({mapBounds.northEast.lat.toFixed(4)},
-      {mapBounds.northEast.lon.toFixed(4)}) - SE({mapBounds.southWest.lat.toFixed(
-        4
-      )},
-      {mapBounds.southWest.lon.toFixed(4)})</span
-    >
-    <button on:click={() => openWikiPane("London")}>Open Wikipedia</button>
-  </div>
-
   <Map
     {markers}
     targetLocation={targetMapLocation}

src/lib/Map.svelte

@@ -82,6 +82,7 @@
     // Initialize the map
     map = L.map(mapElement, {
       zoomControl: false, // Disable default zoom control
+      worldCopyJump: true,
     }).setView([0, 0], 1);
     flyTo(targetLocation);
 

src/lib/geodata.js

@@ -64,7 +64,6 @@ export async function loadCsvGzFile(url) {
   try {
     // Make sure URL starts with correct path
     const fullUrl = url.startsWith('/') ? url : `/${url}`;
-    console.log(`Fetching from: ${fullUrl}`);
 
     // Fetch the gzipped CSV file
     const response = await fetch(fullUrl);
@@ -76,7 +75,6 @@ export async function loadCsvGzFile(url) {
     // Parse CSV directly from response text
     const csvText = await response.text();
     const rows = parseCsv(csvText);
-    console.log(`Loaded data from ${fullUrl} with ${rows.length} rows`);
 
     return rows;
   } catch (error) {
@@ -100,15 +98,8 @@ function parseCsv(csvText) {
     }
 
     const lines = csvText.trim().split('\n');
-    console.log(`CSV has ${lines.length} lines. First line: ${lines[0]}`);
 
     const headers = lines[0].split('\t').map(h => h.trim());
-    console.log(`Found headers: ${headers.join(', ')}`);
-    
-    if (lines.length === 1) {
-      console.warn("CSV only has a header line, no data");
-      return [];
-    }
 
     // Pre-allocate array for better performance
     const rows = new Array(lines.length - 1);
@@ -128,12 +119,6 @@ function parseCsv(csvText) {
       rows[i-1] = row;
     }
 
-    const endTime = performance.now();
-    console.log(`Successfully parsed ${rows.length} rows from CSV in ${(endTime - startTime).toFixed(2)}ms`);
-    if (rows.length > 0) {
-      console.log(`Sample row: ${JSON.stringify(rows[0])}`);
-    }
-    
     return rows;
   } catch (error) {
     console.error("Error parsing CSV:", error);
@@ -153,7 +138,6 @@ export async function addDataFromUrl(url) {
   // Add the new rows to the collection
   geoCollection.insert(newRows);
 
-  console.log(`Updated geodata collection now has ${geoCollection.count()} rows`);
   return newRows;
 }
 
@@ -165,7 +149,6 @@ export async function addDataFromUrl(url) {
 export async function getGeoEntriesInBounds({minLat, maxLat, minLon, maxLon}) {
   // Handle possible null/undefined bounds  
   const geohashes_1 = ngeohash.bboxes(minLat, minLon, maxLat, maxLon, 1);
-  console.log({geohashes_1})
 
   if (!Array.isArray(geohashes_1) || geohashes_1.length === 0) {
     console.warn("No geohashes found for the current bounds");
@@ -200,7 +183,6 @@ export async function getGeoEntriesInBounds({minLat, maxLat, minLon, maxLon}) {
     // Download and ingest any new geohash files that haven't been processed yet
     // Use consistent path format without leading dot or slash
     const needDownload = geohashes_1.filter(g => !ingestedFiles.includes(`_geodata/${g}.csv.gz`));
-    console.log({needDownload})
 
     if (needDownload.length > 0) {
       // needDownload all rows first before doing a single bulk insert
@@ -225,10 +207,7 @@ export async function getGeoEntriesInBounds({minLat, maxLat, minLon, maxLon}) {
 
       // Do a single bulk insert with all rows
       if (allRows.length > 0) {
-        console.time('bulk_insert');
         geoCollection.insert(allRows);
-        console.timeEnd('bulk_insert');
-        console.log('Collection size:', geoCollection.count());
       }
     }