25:["$","title",null,{"children":"Leaflet POC before rolling back garbage | mheard03 | Observable"}] 49:T49d,map = { const height = width * mapSize.height / mapSize.width; const container = html`

`; yield container; // const corner1 = L.latLng(-90, -180) // const corner2 = L.latLng(90, 180) // const maxBounds = L.latLngBounds(corner1, corner2) const map = L.map(container, { zoomAnimation: false, zoomSnap: 0, topoMove: true, // maxBounds: [[-90, -Infinity], [90, Infinity]], worldCopyJump: true }); // const topoLayer = new TopoJsonFeatureGroup(countries, countries.objects.countries, { padding: 1 }); // topoLayer.addTo(map); const geoLayer = new L.GeoJSON(countriesRaw); geoLayer.addTo(map); // const bounds = L.latLngBounds(L.latLng(-90, -180), L.latLng(90, 180)); // map.fitBounds(bounds); map.setMaxBounds([[-90, -360], [90, 360]]) function fitWorld() { const zoomY = map.getBoundsZoom(L.latLngBounds(L.latLng(-90, 0), L.latLng(90, 0))); const zoomX = map.getBoundsZoom(L.latLngBounds(L.latLng(0, -180), L.latLng(0, 180))); map.setMinZoom(Math.max(zoomX, zoomY)); } fitWorld(); map.fitBounds([[-90, -360], [90, 360]]); container.map = map; yield container; }4a:T46c,function buildCRS(d3Projection) { const R = L.CRS.Earth.R; d3Projection = (d3Projection.invert) ? d3Projection : d3Projection(); d3Projection = d3Projection.fitWidth(2 * Math.PI * R, { type: "Sphere" }); const [halfWidth, halfHeight] = d3Projection([180,-90]).map(px => px / 2); const rawBounds = [[-halfWidth, -halfHeight], [halfWidth, halfHeight]]; d3Projection = d3Projection.fitExtent(rawBounds, { type: "Sphere" }); console.log(d3Projection.scale()) console.log(d3Projection.translate()) console.log(d3Projection([0,0])) console.log(d3Projection([180,-90])) console.log(d3Projection([-180,90])) return L.Util.extend({}, L.CRS.Earth, { code: -1, projection: { project(latlng) { const projected = d3Projection([latlng.lng, latlng.lat]); return new L.Point(projected[1], projected[0]); }, unproject(point) { const inverted = d3Projection.invert([point.x, point.y]); return new L.LatLng(inverted[1], inverted[0]); }, bounds: L.bounds(rawBounds) }, transformation: L.transformation(0.5/halfWidth, 0.5, -0.5/halfHeight, 0.5) }); }4b:T825,ClippedSVG = { const { stamp, splitWords } = L.Util; const { create } = L.SVG; const parent = L.SVG.prototype; const uniqueLayers = new Map(); return L.SVG.extend({ _setPath(layer, path) { layer._path.setAttribute('d', path); layer._path.setAttribute('d', path); }, options: { padding: 0.1, continuous: true, }, _initPath(layer) { const layerStamp = stamp(layer); layer.options.noClip = true; layer.options.smoothFactor = 0; const clipPath = layer._clipPath = create('clipPath'); clipPath.setAttribute("id", `clip_${layerStamp}`); const path = layer._path = create('path'); path.setAttribute("id", `path_${layerStamp}`); clipPath.append(path); const instances = layer._instances = []; const use = layer._use = create('use'); use.setAttribute("href", "#" + layer._path.id); if (layer.options.className) { path.classList.add(...splitWords(layer.options.className)); } if (layer.options.interactive) { path.classList.add('leaflet-interactive'); } this._updateStyle(layer); this._layers[layerStamp] = layer; }, _addPath(layer) { if (!this._rootGroup || !this._defs) { this._initContainer(); } this._defs.appendChild(layer._clipPath); this._rootGroup.appendChild(layer._use); layer.addInteractiveTarget(layer._use); }, _removePath(layer) { layer._clipPath.remove(); layer._path.remove(); layer.removeInteractiveTarget(layer._use); delete this._layers[stamp(layer)]; }, _updateStyle(layer) { parent._updateStyle.call(this, layer); const use = layer._use, options = layer.options; if (options.clip || options.clip === undefined) { use.setAttribute('clip-path', `url(#${layer._clipPath.id})`); } else { use.removeAttribute('clip-path'); } }, _bringToFront(layer) { L.DomUtil.toFront(layer._use); }, _bringToBack(layer) { L.DomUtil.toBack(layer._use); } }); }4c:T8ac,_ClippedSVG = { const { stamp, splitWords } = L.Util; const { create } = L.SVG; const parent = L.SVG.prototype; const uniqueLayers = new Map(); return L.SVG.extend({ options: { padding: 0.1, continuous: true, }, _initContainer() { parent._initContainer.call(this); this._defs = create("defs"); this._container.prepend(this._defs); }, _destroyContainer() { parent._destroyContainer.call(this); delete this._defs; }, _initPath(layer) { const layerStamp = stamp(layer); layer.options.noClip = true; layer.options.smoothFactor = 0; const clipPath = layer._clipPath = create('clipPath'); clipPath.setAttribute("id", `clip_${layerStamp}`); const path = layer._path = create('path'); path.setAttribute("id", `path_${layerStamp}`); clipPath.append(path); const instances = layer._instances = []; const use = layer._use = create('use'); use.setAttribute("href", "#" + layer._path.id); if (layer.options.className) { path.classList.add(...splitWords(layer.options.className)); } if (layer.options.interactive) { path.classList.add('leaflet-interactive'); } this._updateStyle(layer); this._layers[layerStamp] = layer; }, _addPath(layer) { if (!this._rootGroup || !this._defs) { this._initContainer(); } this._defs.appendChild(layer._clipPath); this._rootGroup.appendChild(layer._use); layer.addInteractiveTarget(layer._use); }, _removePath(layer) { layer._clipPath.remove(); layer._path.remove(); layer.removeInteractiveTarget(layer._use); delete this._layers[stamp(layer)]; }, _updateStyle(layer) { parent._updateStyle.call(this, layer); const use = layer._use, options = layer.options; if (options.clip || options.clip === undefined) { use.setAttribute('clip-path', `url(#${layer._clipPath.id})`); } else { use.removeAttribute('clip-path'); } }, _bringToFront(layer) { L.DomUtil.toFront(layer._use); }, _bringToBack(layer) { L.DomUtil.toBack(layer._use); } }); }4d:T5d3,PolylineArc = { const levelsDeep = { LineString: 0, MultiLineString: 1, Polygon: 1, MultiPolygon: 2 }; return L.Polyline.extend({ ...polyPathOverrides, options: { noClip: false }, initialize(topology, geometry, options) { L.Util.setOptions(this, options); this._tsm = undefined; this._topology = topology; this._setGeometry({ type: geometry?.type, arcs: geometry?.arcs, properties: geometry?.properties ?? {} }); this.__latlngs = false; Object.defineProperty(this, "_latlngs", { get() { if (this.__latlngs === false && this._tsm) { if (!this._topology || !this._geometry) return false; const feature = topojson.feature(this._topology, this._geometry); const latlngs = L.GeoJSON.coordsToLatLngs(feature.geometry.coordinates, levelsDeep[geometry.type]); this._setLatLngs(latlngs); } return this.__latlngs; }, set(value) { this.__latlngs = value; this.redraw(); }, enumerable: true, configurable: true }); }, onAdd(map) { debugger; this._tsm = TopoSimplifyManager.getOrCreateInstance(map, this.topology); L.Path.prototype.onAdd?.call(this, ...arguments); }, onRemove(map) { debugger; this._tsm = undefined; this.__latlngs === false; L.Path.prototype.onRemove.call(this, ...arguments); } }); }4e:T8a0,TopoJsonFeatureGroup = { function geometryToLayer(topology, geometry, options) { const arcs = geometry ? geometry.arcs : null; if (!arcs && !geometry) return null; switch (geometry.type) { case 'LineString': case 'MultiLineString': return new PolylineArc(topology, geometry, options); case 'Polygon': case 'MultiPolygon': return new PolygonArc(topology, geometry, options); case 'GeometryCollection': const layers = geometry.geometries.map(g => geometryToLayer(g, options)).filter(g => g); return new L.FeatureGroup(layers); default: throw new Error('Invalid/unsupported GeoJSON object.'); } } return L.FeatureGroup.extend({ initialize(topology, object, options) { L.Util.setOptions(this, options); this._topology = topology; this._layers = {}; if (object) this.addData(object); }, addData(topojson) { let geometries = Array.isArray(topojson) ? topojson : topojson.geometries; // Array or GeometryCollection: call addData on all individual geometries if (geometries) { geometries.filter(g => g.geometries || g.arcs).forEach(g => this.addData(g)); return this; } // Geometry const options = this.options; if (options.filter && !options.filter(topojson)) return this; const layer = geometryToLayer(this._topology, topojson, options); layer.setFeatureGroup(this); if (!layer) return this; layer.defaultOptions = layer.options; this.resetStyle(layer); if (options.onEachGeometry) options.onEachGeometry(topojson, layer); return this.addLayer(layer); }, resetStyle(layer) { return L.GeoJSON.prototype.resetStyle.call(this, layer); }, setStyle(style) { return L.GeoJSON.prototype.setStyle.call(this, style); }, beforeAdd(map) { this._tsm = TopoSimplifyManager.getOrCreateInstance(map, this._topology); }, onRemove(map) { this._tsm = undefined; return L.FeatureGroup.prototype.onRemove.call(this, map); }, _setLayerStyle(style) { return L.GeoJSON.prototype._setLayerStyle.call(this, style); } }); }4f:T162d,{ // Fork of https://github.com/perliedman/leaflet-realtime L.Realtime = L.Layer.extend({ options: { getFeatureId: function(f) { return f.properties.id; }, updateFeature: function(feature, oldLayer) { if (!oldLayer) return; var type = feature.geometry && feature.geometry.type var coordinates = feature.geometry && feature.geometry.coordinates switch (type) { case 'Point': oldLayer.setLatLng(L.GeoJSON.coordsToLatLng(coordinates)); break; case 'LineString': case 'MultiLineString': oldLayer.setLatLngs(L.GeoJSON.coordsToLatLngs(coordinates, type === 'LineString' ? 0 : 1)); break; case 'Polygon': case 'MultiPolygon': oldLayer.setLatLngs(L.GeoJSON.coordsToLatLngs(coordinates, type === 'Polygon' ? 1 : 2)); break; default: return null; } return oldLayer; }, logErrors: true, removeMissing: false }, initialize: function(geojson, options) { options ??= {}; L.setOptions(this, options); this._container = options.container || L.geoJson(null, options); this._features = {}; this._featureLayers = {}; this.update(geojson); }, update: function(geojson) { this._onNewData(false, geojson); }, remove: function(geojson) { var features = L.Util.isArray(geojson) ? geojson : geojson.features ? geojson.features : [geojson], exit = {}, i, len, fId; for (i = 0, len = features.length; i < len; i++) { fId = this.options.getFeatureId(features[i]); this._container.removeLayer(this._featureLayers[fId]); exit[fId] = this._features[fId]; delete this._features[fId]; delete this._featureLayers[fId]; } this.fire('update', { features: this._features, enter: {}, update: {}, exit: exit }); return this; }, getLayer: function(featureId) { return this._featureLayers[featureId]; }, getFeature: function(featureId) { return this._features[featureId]; }, getBounds: function() { var container = this._container; if (container.getBounds) { return container.getBounds(); } throw new Error('Container has no getBounds method'); }, onAdd: function(map) { map.addLayer(this._container); }, onRemove: function(map) { map.removeLayer(this._container); }, _onNewData: function(removeMissing, geojson) { var layersToRemove = [], enter = {}, update = {}, exit = {}, seenFeatures = {}, i, len, feature; var handleData = L.bind(function(geojson) { var features = L.Util.isArray(geojson) ? geojson : geojson.features; if (features) { for (i = 0, len = features.length; i < len; i++) { // only add this if geometry or geometries are set and not null feature = features[i]; if (feature.geometries || feature.geometry || feature.features || feature.coordinates) { handleData(feature); } } return; } var container = this._container; var options = this.options; if (options.filter && !options.filter(geojson)) { return; } var f = L.GeoJSON.asFeature(geojson); var fId = options.getFeatureId(f); var oldLayer = this._featureLayers[fId]; var layer = this.options.updateFeature(f, oldLayer); if (!layer) { layer = L.GeoJSON.geometryToLayer(geojson, options); if (!layer) { return; } layer.defaultOptions = layer.options; layer.feature = f; if (options.onEachFeature) { options.onEachFeature(geojson, layer); } if (options.style && layer.setStyle) { layer.setStyle(options.style(geojson)); } } layer.feature = f; if (container.resetStyle) { container.resetStyle(layer); } if (oldLayer) { update[fId] = geojson; if (oldLayer != layer) { layersToRemove.push(oldLayer); container.addLayer(layer); } } else { enter[fId] = geojson; container.addLayer(layer); } this._featureLayers[fId] = layer; this._features[fId] = seenFeatures[fId] = f; }, this); handleData(geojson); if (removeMissing) { exit = this._removeUnknown(seenFeatures); } for (i = 0; i < layersToRemove.length; i++) { this._container.removeLayer(layersToRemove[i]); } this.fire('update', { features: this._features, enter: enter, update: update, exit: exit }); }, _onError: function(err, msg) { if (this.options.logErrors) { console.warn(err, msg); } this.fire('error', { error: err, message: msg }); }, _removeUnknown: function(known) { var fId, removed = {}; for (fId in this._featureLayers) { if (!known[fId]) { this._container.removeLayer(this._featureLayers[fId]); removed[fId] = this._features[fId]; delete this._featureLayers[fId]; delete this._features[fId]; } } return removed; } }); L.realtime = function(geojson, options) { return new L.Realtime(geojson, options); }; }50:Tb5c,class TopoSimplifyManager { static getOrCreateInstance(leafletMap, topology) { let instancesPerMap = TopoSimplifyManager._instancesPerMap ??= new WeakMap(); let instances = instancesPerMap.get(leafletMap); if (!instances) { instances = new Map(); instancesPerMap.set(leafletMap, instances); } let instance = instances.get(leafletMap); if (!instance) { debugger; instance = new TopoSimplifyManager(topology, leafletMap.options.crs); instances.set(leafletMap, topology); } return instance; } constructor(topology, crs) { this.crs = crs; // Transform coordinates to unit values, then presimplify const zoom = crs.zoom(1); let presimplified = {...topology}; let lng, lat; presimplified.arcs = topology.arcs.map(arc => { return arc.map(([lng,lat]) => { const { x, y } = crs.latLngToPoint(L.latLng(lat, lng), zoom); return [x, y]; }); }); presimplified = topojson.presimplify(presimplified); // Revert to original coordinate system let srcArc, srcCoord, maxValue = 0; presimplified.arcs.forEach((arc, i) => { srcArc = topology.arcs[i]; arc.forEach((c,j) => { srcCoord = srcArc[j]; c[0] = srcCoord[0]; c[1] = srcCoord[1]; if (srcCoord[2] === Infinity) { c[2] = srcCoord[2]; } if (c[2] < Infinity && c[2] > maxValue) { maxValue = c[2]; } }); }); // Save const arcs = this.sourceArcs = presimplified.arcs; this.maxValue = maxValue; this.lowResArcs = topojson.simplify(presimplified, 2 * maxValue).arcs; this.arcs = getTrackedArcArray(this.lowResArcs); // Build index const index = this.index = new Flatbush(this.sourceArcs.length); arcs.forEach(arc => index.add(...Bbox.fromPoints(arc))); index.finish(); } getArcCoords(arcId, tolerance) { if (tolerance == Infinity) { return this.lowResArcs[arcId]; } else { return this.sourceArcs[arcId].filter(c => c[2] >= tolerance).map(c => [c[0], c[1]]); } } updateArcs(bbox, zoom, tolerance = 1) { bbox = Bbox.fromPoints(Bbox.corners(bbox)); tolerance /= this.crs.scale(zoom); if (tolerance > this.maxValue) { this.lowResArcs.forEach((arc, i) => this.arcs[i] = arc); return; } const visibleArcIds = new Set(this.index.search(...bbox)); debugger; this.sourceArcs.forEach((arc, i) => { if (visibleArcIds.has(i)) { this.arcs[i] = this.getArcCoords(i, tolerance); } else { this.arcs[i] = this.lowResArcs[i]; } }); console.log("updateArcs", visibleArcIds, this.arcs, ...arguments); } asTopology() { return { type: "Topology", arcs: this.arcs, properties: { dirtyArcIds: this.arcs.getDirtyIndices() } } } } 51:T600,getTrackedArray = { function asIndex(prop) { const maybeIndex = Number(prop); return (maybeIndex >= 0 && Number.isInteger(maybeIndex)) ? maybeIndex : NaN; } function clone(array) { const clone = array.slice(0,0); clone.length = array.length; array.forEach((e,i) => clone[i] = array[i]); return clone; } function defaultIsEqual(a,b) { return a === b; } const defaultOptions = { fnIsEqual: defaultIsEqual, inPlace: false }; function createProxy(target, options) { const { fnIsEqual, inPlace } = Object.assign({}, defaultOptions, options); if (!inPlace) target = clone(target); const dirtyIndices = new Set(); target.getDirtyIndices = () => [...dirtyIndices]; target.acceptDirty = () => dirtyIndices.clear(); target.markDirty = () => target.forEach((e,i) => dirtyIndices.add(i)); target.getValues = () => clone(target); const handler = { defineProperty(target, key, descriptor) { const index = asIndex(key); if (!isNaN(index)) { const currentValue = target[index]; if (!fnIsEqual(descriptor.value, currentValue)) dirtyIndices.add(index); } return Reflect.defineProperty(...arguments); }, deleteProperty(target, key) { const index = asIndex(key); if (!isNaN(index)) { if (index in target) dirtyIndices.add(index); } return Reflect.deleteProperty(...arguments); } }; return new Proxy(target, handler); } return createProxy; }52:T6f2,_getTrackedArray = { function asIndex(prop) { const maybeIndex = Number(prop); return (maybeIndex >= 0 && Number.isInteger(maybeIndex)) ? maybeIndex : NaN; } function defaultIsEqual(a,b) { return a === b; } function createProxy(target, fnIsEqual) { fnIsEqual ??= defaultIsEqual; const dirtyIndices = new Set(); const wfet = { enumerable: true }; const watcher = new _ArrayWatcher(target, true); const handler = { get: function (target, prop, receiver) { if (prop in watcher) return watcher[prop]; return Reflect.get(...arguments); }, set: function (obj, prop, value) { if (prop in watcher) return (watcher[prop] = value); return Reflect.set(...arguments); }, has: function (target, key) { return (key in watcher || Reflect.has(...arguments)); }, ownKeys: function (target) { return [...Object.keys(watcher), ...Reflect.ownKeys(target)]; }, getOwnPropertyDescriptor(target, prop) { return Object.getOwnPropertyDescriptor(watcher, prop) ?? Reflect.getOwnPropertyDescriptor(...arguments); }, defineProperty(target, key, descriptor) { const index = asIndex(key); if (!isNaN(index)) { const currentValue = target[index]; if (!fnIsEqual(descriptor.value, currentValue)) dirtyIndices.add(index); } return Reflect.defineProperty(...arguments); }, deleteProperty(target, key) { const index = asIndex(key); if (!isNaN(index)) { if (index in target) dirtyIndices.add(index); } return Reflect.deleteProperty(...arguments); } }; return new Proxy(target, handler); } return createProxy; }53:T45e,WeakValueMap = { function startCleaning(wvm) { const ref = new WeakRef(wvm); debugger; const interval = setInterval(() => { const wvm = ref.deref(); if (wvm) { wvm.clean(); } else { console.log("wvm garbage collected"); clearInterval(interval); return; } }, 1000); } class WeakValueMap extends Map { constructor(iterable) { super(iterable); if (startCleaning) startCleaning(this); invalidation.then(() => { debugger; }); } set(key, value) { return super.set(key, new WeakRef(value)); } get(key) { return super.get(key)?.deref(); } has(key) { return !!this.get(key); } *[Symbol.iterator]() { let value; for (let [key, ref] of super[Symbol.iterator]()) { value = ref.deref(); if (value) yield [key, value]; } } clean() { for (let [key, value] of this) { if (!value) this.delete(key); } } get size() { this.clean(); return super.size; } } return WeakValueMap; }54:T18ca,L = { const L = leafletBase; /* { const _stamp = L.Util.stamp; L.Util.stamp = function(obj) { console.log("stamping"); return _stamp(obj); } } */ L.LatLng.prototype.toLngLatArray = function() { return [this.lng, this.lat]; }; L.LatLng.fromLngLatArray = function(lngLatArray) { return L.latLng(lngLatArray[1], lngLatArray[0]); }; L.LatLngBounds.prototype.toLngLatArray = function() { return [this.getWest(), this.getNorth(), this.getEast(), this.getSouth()]; }; L.LatLngBounds.fromLngLatArray = function(lngLatArray) { const [w, n, e, s] = lngLatArray; return L.latLngBounds([[n, w], [s, e]]); }; // Fork of https://github.com/perliedman/leaflet-realtime L.Realtime = L.Layer.extend({ options: { getFeatureId: function(f) { return f.properties.id; }, updateFeature: function(feature, oldLayer) { if (!oldLayer) return; var type = feature.geometry && feature.geometry.type var coordinates = feature.geometry && feature.geometry.coordinates switch (type) { case 'Point': oldLayer.setLatLng(L.GeoJSON.coordsToLatLng(coordinates)); break; case 'LineString': case 'MultiLineString': oldLayer.setLatLngs(L.GeoJSON.coordsToLatLngs(coordinates, type === 'LineString' ? 0 : 1)); break; case 'Polygon': case 'MultiPolygon': oldLayer.setLatLngs(L.GeoJSON.coordsToLatLngs(coordinates, type === 'Polygon' ? 1 : 2)); break; default: return null; } return oldLayer; }, logErrors: true, removeMissing: false }, initialize: function(geojson, options) { options ??= {}; L.setOptions(this, options); this._container = options.container || L.geoJson(null, options); this._features = {}; this._featureLayers = {}; this.update(geojson); }, update: function(geojson) { this._onNewData(false, geojson); }, remove: function(geojson) { var features = L.Util.isArray(geojson) ? geojson : geojson.features ? geojson.features : [geojson], exit = {}, i, len, fId; for (i = 0, len = features.length; i < len; i++) { fId = this.options.getFeatureId(features[i]); this._container.removeLayer(this._featureLayers[fId]); exit[fId] = this._features[fId]; delete this._features[fId]; delete this._featureLayers[fId]; } this.fire('update', { features: this._features, enter: {}, update: {}, exit: exit }); return this; }, getLayer: function(featureId) { return this._featureLayers[featureId]; }, getFeature: function(featureId) { return this._features[featureId]; }, getBounds: function() { var container = this._container; if (container.getBounds) { return container.getBounds(); } throw new Error('Container has no getBounds method'); }, onAdd: function(map) { map.addLayer(this._container); }, onRemove: function(map) { map.removeLayer(this._container); }, _onNewData: function(removeMissing, geojson) { var layersToRemove = [], enter = {}, update = {}, exit = {}, seenFeatures = {}, i, len, feature; var handleData = L.bind(function(geojson) { var features = L.Util.isArray(geojson) ? geojson : geojson.features; if (features) { for (i = 0, len = features.length; i < len; i++) { // only add this if geometry or geometries are set and not null feature = features[i]; if (feature.geometries || feature.geometry || feature.features || feature.coordinates) { handleData(feature); } } return; } var container = this._container; var options = this.options; if (options.filter && !options.filter(geojson)) { return; } var f = L.GeoJSON.asFeature(geojson); var fId = options.getFeatureId(f); var oldLayer = this._featureLayers[fId]; var layer = this.options.updateFeature(f, oldLayer); if (!layer) { layer = L.GeoJSON.geometryToLayer(geojson, options); if (!layer) { return; } layer.defaultOptions = layer.options; layer.feature = f; if (options.onEachFeature) { options.onEachFeature(geojson, layer); } if (options.style && layer.setStyle) { layer.setStyle(options.style(geojson)); } } layer.feature = f; if (container.resetStyle) { container.resetStyle(layer); } if (oldLayer) { update[fId] = geojson; if (oldLayer != layer) { layersToRemove.push(oldLayer); container.addLayer(layer); } } else { enter[fId] = geojson; container.addLayer(layer); } this._featureLayers[fId] = layer; this._features[fId] = seenFeatures[fId] = f; }, this); handleData(geojson); if (removeMissing) { exit = this._removeUnknown(seenFeatures); } for (i = 0; i < layersToRemove.length; i++) { this._container.removeLayer(layersToRemove[i]); } this.fire('update', { features: this._features, enter: enter, update: update, exit: exit }); }, _onError: function(err, msg) { if (this.options.logErrors) { console.warn(err, msg); } this.fire('error', { error: err, message: msg }); }, _removeUnknown: function(known) { var fId, removed = {}; for (fId in this._featureLayers) { if (!known[fId]) { this._container.removeLayer(this._featureLayers[fId]); removed[fId] = this._features[fId]; delete this._featureLayers[fId]; delete this._features[fId]; } } return removed; } }); L.realtime = function(geojson, options) { return new L.Realtime(geojson, options); }; return L; }55:[] 29:{"id":"ec3a7de2367d95fa","slug":null,"title":"Leaflet POC before rolling back garbage","thumbnail":"f84ffb4585373dbee7b776d5e897cb5e1ccf2592415c785c135780f3dc192b04","access_level":"public","create_time":"$D2023-10-16T13:55:32.037Z","update_time":"$D2023-10-16T13:55:32.037Z","view_time":null,"first_public_time":"$D2023-10-16T13:55:32.037Z","has_unpublished_edits":null,"fork":{"id":"7e72891a23b5d28c","slug":null,"title":"Leaflet POC","owner":{"id":"02d4ccf8951f2f02","login":"mheard03","name":""}},"stars":0,"starred":false,"owner":{"type":"team","id":"02d4ccf8951f2f02","login":"mheard03","name":"","avatar_url":"https://avatars-next.observableusercontent.com/ae42ada5dc924d7cd620a4ae3bb6279a3e82fb649668ee6c0729bdada1ebf016","tier":"starter_2024","bio":"","following":false},"version":1814,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"6afb6cac5f188ec0","login":"mheard03","name":"","avatar_url":"https://avatars-next.observableusercontent.com/ae42ada5dc924d7cd620a4ae3bb6279a3e82fb649668ee6c0729bdada1ebf016","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"6afb6cac5f188ec0","login":"mheard03","name":"","avatar_url":"https://avatars-next.observableusercontent.com/ae42ada5dc924d7cd620a4ae3bb6279a3e82fb649668ee6c0729bdada1ebf016","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Leaflet POC before rolling back garbage","cells":[{"id":0,"value":"# Leaflet POC before rolling back garbage","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":464,"value":"// worldCopyJump","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1595,"value":"{\n // booleanClockwise\n let rect, rewound;\n rect = turf.polygon([[[70, -10], [90, -10], [90, 10], [70, 10], [70, -10]].toReversed()]);\n rect = turf.polygon([[[170, -10], [-170, -10], [-170, 10], [170, 10], [170, -10]].toReversed()]);\n \n return {\n rect,\n isClockwise: turf.booleanClockwise(rect.geometry.coordinates[0]),\n };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1625,"value":"new L.LatLngBounds([[-10,20],[10,-20]])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1622,"value":"function getSearchBounds(leafletBounds) {\n return leafletBounds\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":354,"value":"{\n const layers = [];\n map.map.eachLayer(l => layers.push(l));\n return layers;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1043,"value":"m = new L.Map(DOM.element(\"div\"));","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1125,"value":"countries","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1110,"value":"llb = map.map.getBounds()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1640,"value":"L","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1689,"value":"map.map.options.crs","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1698,"value":"map.map","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1694,"value":"worldBounds = {\n const proj = map.map.options.crs.projection;\n return L.latLngBounds(proj.unproject(proj.bounds.min), proj.unproject(proj.bounds.max))\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1593,"value":"{\n const worldWidth = worldBounds.getEast() - worldBounds.getWest();\n const worldBbox = worldBounds.toLngLatArray();\n\n const visibleBounds = map.map.getBounds();\n const w = visibleBounds.getWest();\n const e = visibleBounds.getEast();\n const minOffset = Math.floor((w - worldBounds.getWest()) / worldWidth);\n const maxOffset = Math.floor((e - worldBounds.getWest()) / worldWidth);\n\n const llbPanels = []\n for (let offset = minOffset; offset <= maxOffset; offset++) {\n \n }\n return { w, minOffset, e, maxOffset };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"$49","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1652,"value":"countriesRaw = {\n const geojson = await fetch(\"https://cdn.jsdelivr.net/gh/martynafford/natural-earth-geojson/50m/cultural/ne_50m_admin_0_countries_lakes.json\").then(r => r.json());\n for (let c of geojson.features) {\n delete c.properties;\n }\n return geojson;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1057,"value":"countries = topojson.topology({ countries: countriesRaw });","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1139,"value":"[\n L.Map.prototype.options.crs.wrapLng,\n L.Map.prototype.options.crs.wrapLat\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1145,"value":"L.Map.prototype.options.crs.latLngToPoint(L.latLng(0,180), -8)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1149,"value":"L.Map.prototype.options.crs.zoom(1)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1175,"value":"getCrsFromD3Projection(d3.geoMiller()).toString()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1184,"value":"L.Map.prototype.options.crs","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1193,"value":"0.5 / (Math.PI * L.Projection.SphericalMercator.R);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1217,"value":"Object.keys(gm)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1221,"value":"[\n d3.geoMiller()([0, 0]),\n d3.geoMiller().invert([0,0])\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1198,"value":"L.Map.prototype.options.crs.unproject(L.point(-179,0))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1253,"value":"buildCRS(d3.geoMiller()).unproject(L.point(-179,0))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1293,"value":"d3.geoMiller().fitWidth(100000, { type: \"Sphere\" }).translate()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1257,"value":"$4a","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1317,"value":"ps = presimplifyTopoJson(countries)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1338,"value":"_.max(ps.arcs.flat().filter(c => c[2] > 0 && c[2] < Infinity).map(c => c[1]))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1137,"value":"function presimplifyTopoJson(topology, crs) {\n crs ??= L.Map.prototype.options.crs;\n let zoom = crs.zoom(1);\n \n let presimplified = {...topology};\n presimplified.arcs = topology.arcs.map(arc => {\n return arc.map(([lng,lat]) => {\n const { x, y } = crs.latLngToPoint(L.latLng(lat, lng), zoom);\n return [x, y];\n });\n });\n presimplified = topojson.presimplify(presimplified);\n\n let srcArc, srcCoord;\n presimplified.arcs.forEach((arc, i) => {\n srcArc = topology.arcs[i];\n arc.forEach((c,j) => {\n srcCoord = srcArc[j];\n c[0] = srcCoord[0];\n c[1] = srcCoord[1];\n if (srcCoord[2] === Infinity || srcCoord[2] === 0) c[2] = srcCoord[2];\n })\n })\n return presimplified;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":528,"value":"topojson.presimplify","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":548,"value":"L.CRS.Earth","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":434,"value":"turf.featureCollection()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":512,"value":"sp = d3.scalePow()\n .exponent(2)\n .domain([0, 1, 3])\n .range([0.5, 0.5, 6]);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":514,"value":"sp(3)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":731,"value":"map.getrend","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":397,"value":"rtLayer = {\n const scale = d3.scalePow()\n .exponent(2)\n .domain([0, 1, 5])\n .range([1, 1, 10]);\n \n return L.realtime(turf.featureCollection([]), {\n noClip: true,\n smoothFactor: 1,\n weight: 1,\n fnWeight(lineWidth, renderer) {\n return scale(renderer._zoom) * lineWidth;\n }\n });\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":455,"value":"rtLayer.options","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":403,"value":"rtLayer.update(geoJsonSlice)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":344,"value":"mutable mapState = ({});","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":342,"value":"function onMove(e) {\n mutable mapState = {\n e,\n zoom: e.target?.getZoom(),\n bounds: e.target?.getBounds()\n };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":470,"value":"CanvasCustomStroke = {\n const parent = L.Canvas.prototype;\n \n return L.Canvas.extend({\n _fillStroke(ctx, layer) {\n \t\tconst options = layer.options;\n \n \t\tif (options.fill) {\n \t\t\tctx.globalAlpha = options.fillOpacity;\n \t\t\tctx.fillStyle = options.fillColor || options.color;\n \t\t\tctx.fill(options.fillRule || 'evenodd');\n \t\t}\n\n let lineWidth = options.weight;\n if (options.fnWeight) {\n lineWidth = options?.fnWeight(lineWidth, this) ?? lineWidth;\n }\n\n \t\tif (options.stroke && lineWidth !== 0) {\n \t\t\tif (ctx.setLineDash) {\n \t\t\t\tctx.setLineDash(layer.options && layer.options._dashArray || []);\n \t\t\t}\n \t\t\tctx.globalAlpha = options.opacity;\n \t\t\tctx.lineWidth = lineWidth;\n \t\t\tctx.strokeStyle = options.color;\n \t\t\tctx.lineCap = options.lineCap;\n \t\t\tctx.lineJoin = options.lineJoin;\n this._stroke(ctx, layer, lineWidth);\n \t\t}\n \t},\n _stroke(ctx, lineWidth) {\n ctx.stroke();\n }\n })\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":446,"value":"CanvasInnerStroke = {\n const parent = CanvasCustomStroke.prototype;\n \n return CanvasCustomStroke.extend({\n _stroke(ctx, layer) {\n // From https://github.com/Leaflet/Leaflet/issues/3665#issue-96911836\n ctx.save();\n ctx.clip();\n ctx.lineWidth *= 2;\n ctx.stroke();\n ctx.restore();\n }\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":178,"value":"clippedSVG = new ClippedSVG()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":442,"value":"$4b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":163,"value":"$4c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":408,"value":"geoJson.features\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":376,"value":"geoJsonSlice = {\n let index = 0;\n let slice;\n const features = geoJson.features;\n while (true) {\n if (index > features.length) index = 0;\n index++;\n yield turf.featureCollection(features.slice(index, index + 20));\n await Promises.delay(1000);\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":119,"value":"testFeature = {\n const featureCoords = geoJson.features.map(f => f.geometry)\n .map(g => g.type == \"Polygon\" ? g.coordinates : g.coordinates.flat())\n .map((fc,i) => ({ index: i, xCoords: fc.flat().map(c => c[0] == 0 ? Infinity : c[0]) }))\n const leftmost = _.minBy(featureCoords, fc => _.min(fc.xCoords));\n return geoJson.features[leftmost.index];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":152,"value":"geoJson","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":148,"value":"L.geoJSON({ type: \"FeatureCollection\", features: [testFeature] })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":93,"value":"L.CRS.Simple.projection.bounds","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"wrappingCrs.infinite","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"mapSize = ({ width: 2048, height: 904 });","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"wrappingCrs = {\n const simple = L.CRS.Simple;\n const wrappingCrs = L.extend({}, simple, {\n wrapLng: [0, mapSize.width],\n infinite: true,\n projection: {\n project: function(latLng) {\n const latLng2 = L.latLng(mapSize.height - latLng.lat, latLng.lng);\n return simple.projection.project.call(this, latLng2);\n },\n unproject: function(point) {\n const latLng = simple.projection.unproject.call(this, point);\n return L.latLng(mapSize.height - latLng.lat, latLng.lng);\n },\n bounds: {\n min: { x: 0, y: 0 },\n max: { x: mapSize.width, y: mapSize.height }\n }\n }\n })\n return wrappingCrs;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":317,"value":"topoJson","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":322,"value":"geoContiguous = {\n const layer = topoJson.objects.traced;\n const geoJson = topojson.feature(topoJson, layer);\n \n \n \n}\n//turf.coordAll(geoJson)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":331,"value":"geoJson","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":553,"value":"topoJson","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":563,"value":"contigTopology = \n return makeContiguous(st2, st2.objects.traced);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":699,"value":"Bbox.toString()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":874,"value":"topojson.feature(topoJson, topoJson.objects.traced)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":872,"value":"topoJson.objects","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":878,"value":"topoJson.objects.traced.geometries[0]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":881,"value":"topojson.feature(topoJson, topoJson.objects.traced.geometries[0])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":913,"value":"_.intersection(Object.keys(L.Polygon.prototype), Object.keys(L.Polyline.prototype))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":898,"value":"pa = new PolygonArc(topoJson, topoJson.objects.traced.geometries[0]);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":902,"value":"pa._map","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":918,"value":"polyPathOverrides = ({\n getGeometry() {\n return this._geometry;\n },\n setGeometry(geometry) {\n this._setGeometry({ type: geometry?.type, arcs: geometry?.arcs });\n // todo: Register arcs\n return this.redraw(); \n },\n setLatLngs(latlngs) {\n throw \"Can't call setLatLngs on a topology path.\";\n },\n setFeatureGroup(topoJsonFeatureGroup) {\n this._topoJsonFeatureGroup = topoJsonFeatureGroup;\n // todo: Register arcs\n },\n getTsm() {\n return this._topoJsonFeatureGroup?._tsm;\n },\n markDirty() {\n this._latlngs = false;\n },\n isEmpty() {\n return !this._geometry?.arcs?.length;\n },\n _setGeometry(geometry) {\n this.markDirty();\n this._geometry = geometry;\n },\n _simplifyPoints() {\n return;\n }\n});","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1757,"value":"Layers = L.Class.extend({\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":876,"value":"$4d","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1731,"value":"getLayersById(map.map, [260, 261, 265])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1753,"value":"Object.values(map.map._layers).filter(l => l._layers)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1729,"value":"function getLayersById(map, stamps) {\n const start = performance.now();\n stamps = (stamps instanceof Set) ? stamps : new Set(stamps);\n const found = [];\n map.eachLayer(function(layer) {\n if (stamps.has(L.Util.stamp(layer))) {\n found.push(layer);\n }\n });\n const runtime = performance.now() - start;\n found.unshift(runtime);\n return found;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1724,"value":"{\n return;\n Map.include({\n \t/* @method eachLayer(fn: Function, context?: Object): this\n \t * Iterates over the layers of the map, optionally specifying context of the iterator function.\n \t * ```\n \t * map.eachLayer(function(layer){\n \t * layer.bindPopup('Hello');\n \t * });\n \t * ```\n \t */\n \teachLayer(method, context) {\n \t\tfor (const i in this._layers) {\n \t\t\tif (Object.hasOwn(this._layers, i)) {\n \t\t\t\tmethod.call(context, this._layers[i]);\n \t\t\t}\n \t\t}\n \t\treturn this;\n \t}\n });\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":925,"value":"PolygonArc = L.Polygon.extend({\n ...polyPathOverrides,\n options: L.Polygon.prototype.options,\n initialize() {\n PolylineArc.prototype.initialize.call(this, ...arguments);\n } \n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1707,"value":"{\n const lg = new L.LayerGroup();\n return lg;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":957,"value":"$4e","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":959,"value":"topoJson.objects.traced","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":981,"value":"new TopoJsonFeatureGroup(topoJson, topoJson.objects.traced)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":990,"value":"topoJson.objects.traced.geometries[0]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":870,"value":"$4f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1159,"value":"d3 = require(\"d3\", \"d3-geo\", \"d3-geo-projection\");","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1162,"value":"miller = d3.geoMiller()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1167,"value":"miller([-180, 0])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":760,"value":"TopoSimplifyManager.getInstances()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":737,"value":"TopoSimplifyMoveHandler = L.Handler.extend({\n addHooks: function() {\n L.DomEvent.on(this._map, 'move', this.onMapMove, this);\n },\n\n removeHooks: function() {\n L.DomEvent.off(this._map, 'move', this.onMapMove, this);\n },\n\n onMapMove: function(event) {\n const map = event.target;\n const size = map.getSize();\n const bounds = map.getBounds(); \n // const bbox = [bounds.getWest(), bounds.getNorth(), bounds.getEast(), bounds.getSouth()];\n const bbox = [bounds.getWest(), bounds.getSouth(), bounds.getEast(), bounds.getNorth()]; // WHY\n const pxRatio = Bbox.width(bbox) / size.x;\n\n console.log('onMapMove');\n for (let tsm of TopoSimplifyManager.getInstances()) {\n tsm.updateArcs(bbox, pxRatio);\n } \n }\n});","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1536,"value":"map.map.options.crs","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":800,"value":"tsm = new TopoSimplifyManager(countries, map.map.options.crs);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1518,"value":"{\n tsm.arcs.acceptDirty(); \n tsm.updateArcs([-10, 10, 10, -10], 25);\n return tsm.asTopology();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":721,"value":"$50","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":582,"value":"{\n const a = getTrackedArray([1,2,3]);\n a.splice(1, 0, 2.3, 2.7);\n a.push(false);\n a.markDirty();\n debugger;\n return {\n a,\n dirtyIndices: a.getDirtyIndices()\n };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":627,"value":"a = getTrackedArray([1,2,3])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":663,"value":"a.a","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":670,"value":"Object.getOwnPropertyDescriptor(a, \"acceptDirty\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":568,"value":"$51","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":751,"value":"topoArcsEqual = {\n function coordsEqual(a, b) {\n if (a === b) return true;\n return (a.length == b.length && a[0] === b[0] && a[1] === b[1]);\n }\n function arcsEqual(a, b) {\n if (a === b) return true;\n // This isn't a heuristic, it's just how topojson works\n return (a.length == b.length && coordsEqual(a[0], b[0]) && coordsEqual(a[1], b[1]));\n }\n return arcsEqual;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":624,"value":"function getTrackedArcArray(arcs) {\n function coordsEqual(a, b) {\n if (a === b) return true;\n return (a.length == b.length && a[0] === b[0] && a[1] === b[1]);\n }\n function fnIsEqual(a, b) {\n if (a === b) return true;\n // This isn't a heuristic, it's just how topojson works\n return (a.length == b.length && coordsEqual(a[0], b[0]) && coordsEqual(a[1], b[1]));\n }\n return getTrackedArray(arcs, { fnIsEqual });\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":679,"value":"$52","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":651,"value":"class _ArrayWatcher {\n static _ArrayWatcher() {\n _ArrayWatcher.methodNames = [\"getDirtyIndices\", \"acceptDirty\", \"markDirty\"];\n }\n constructor(nativeArray, markDirty = true) {\n Object.defineProperty(this, 'nativeArray', { value: nativeArray, enumerable: false, writable: false });\n Object.defineProperty(this, 'dirtyIndices', { value: new Set(), enumerable: false, writable: false });\n if (markDirty) this.markDirty();\n }\n getDirtyIndices() {\n return [...this.dirtyIndices];\n }\n acceptDirty() {\n this.dirtyIndices.clear();\n }\n markDirty() {\n this.nativeArray.forEach((e, i) => this.dirtyIndices.add(i));\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":686,"value":"{\n const arcs1 = topoJson.arcs;\n let clone = {...topoJson};\n clone.arcs = _.cloneDeep(clone.arcs);\n \n clone = topojson.presimplify(clone);\n const arcs2 = topojson.simplify(clone, 0).arcs;\n const arcs3 = topojson.simplify(clone, Infinity).arcs;\n\n const tracked = getTrackedArcArray(arcs1);\n\n tracked.acceptDirty();\n arcs2.forEach((a,i) => tracked[i] = a);\n const delta12 = tracked.getDirtyIndices();\n \n tracked.acceptDirty();\n arcs3.forEach((a,i) => tracked[i] = a);\n const delta13 = tracked.getDirtyIndices();\n \n return { arcs1, arcs2, arcs3, tracked, delta12, delta13 }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":84,"value":"turf = await require('@turf/turf@6.5.0/turf.min.js')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":241,"value":"svg``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"---\n## Imports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":28,"value":"import { smoothTopology, makeContiguous, sampleTopology as topoJson, Bbox, sampleGeoJson as geoJson } from \"8c9dbd3e4bfdb2e9\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1359,"value":"topojson = require(\"topojson-client\", \"topojson-simplify\", \"topojson-server\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":702,"value":"Flatbush = require('flatbush@4.2.0/flatbush.js');","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":864,"value":"leafletBase = await require('leaflet@1.2.0');","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1763,"value":"wvm = {\n const wvm = new WeakValueMap();\n for (let i = 0; i < 50; i++) {\n wvm.set(i, JSON.parse(JSON.stringify(countriesRaw)));\n }\n return wvm;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1781,"value":"wvm.get(\"potato\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1766,"value":"$53","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1791,"value":"// Jiggery-pokery for Observable\nfunction wrapIterator(tag, iterator, fnGetValue) {\n if (fnGetValue) {\n return {\n get [Symbol.toStringTag]() {\n return tag;\n },\n next() {\n const next = iterator.next();\n if (next.value) next.value = fnGetValue(next.value);\n return next;\n },\n *[Symbol.iterator]() {\n for (let entry of iterator) {\n yield fnGetValue(entry);\n }\n }\n }\n }\n else {\n return {\n get [Symbol.toStringTag]() {\n return tag;\n },\n next() {\n return iterator.next();\n },\n *[Symbol.iterator]() {\n yield* iterator;\n }\n }\n } \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"$54","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W55","stdlib":"1"}} 24:null