anymap-ts 0.10.0 → 0.11.0

package/src/leaflet/index.ts

@@ -2,11 +2,34 @@
  * Leaflet module entry point for anywidget.
  */
 
+// Setup must come first — it exposes L globally for plugins
+import { L } from './leaflet-setup';
+
+// Side-effect import: leaflet.heat attaches L.heatLayer to the global L
+import 'leaflet.heat';
+
 import { LeafletRenderer } from './LeafletRenderer';
 import type { AnyModel } from '@anywidget/types';
 
 // Import Leaflet CSS
 import 'leaflet/dist/leaflet.css';
+import './leaflet-overrides.css';
+
+// Fix Leaflet default marker icons when bundled (esbuild inlines PNGs as data URLs)
+// @ts-ignore - Import as data URL via esbuild loader
+import markerIcon from 'leaflet/dist/images/marker-icon.png';
+// @ts-ignore
+import markerIcon2x from 'leaflet/dist/images/marker-icon-2x.png';
+// @ts-ignore
+import markerShadow from 'leaflet/dist/images/marker-shadow.png';
+
+// @ts-ignore - Override prototype to fix icon paths for bundled builds
+delete (L.Icon.Default.prototype as any)._getIconUrl;
+L.Icon.Default.mergeOptions({
+  iconUrl: markerIcon,
+  iconRetinaUrl: markerIcon2x,
+  shadowUrl: markerShadow,
+});
 
 /**
  * Store renderer reference on element for cleanup and multi-cell support.

package/src/leaflet/leaflet-overrides.css

@@ -0,0 +1,31 @@
+/* Match layer control toggle size to zoom control buttons */
+.leaflet-control-layers-toggle {
+  width: 26px;
+  height: 26px;
+  background-size: 16px 16px;
+}
+.leaflet-touch .leaflet-control-layers-toggle {
+  width: 30px;
+  height: 30px;
+  background-size: 20px 20px;
+}
+
+/* Legend base styles */
+.anymap-legend {
+  background: white;
+  color: #333;
+  padding: 8px 12px;
+  border-radius: 4px;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
+  font-size: 12px;
+  line-height: 18px;
+}
+
+/* Dark mode support */
+@media (prefers-color-scheme: dark) {
+  .anymap-legend {
+    background: #1e1e1e;
+    color: #e0e0e0;
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
+  }
+}

package/src/leaflet/leaflet-setup.ts

@@ -0,0 +1,13 @@
+/**
+ * Leaflet setup module — imports Leaflet and exposes it globally so that
+ * traditional Leaflet plugins (leaflet.heat, etc.) can attach to L.
+ *
+ * This module MUST be imported before any plugin side-effect imports.
+ */
+
+// @ts-ignore - Import from explicit ESM path to avoid baseUrl conflict
+import * as L from 'leaflet/dist/leaflet-src.esm.js';
+
+(globalThis as any).L = L;
+
+export { L };