25:["$","title",null,{"children":"Leaflet POC before adapting Realtime | mheard03 | Observable"}] 49: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); } }); }4a: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); } }); }4b:T166b,L = { const L = await require('leaflet@1.2.0'); // 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; }4c:Ta4e,class TopoSimplifyManager { static { TopoSimplifyManager.instanceRefs = new Set(); } static getInstances() { const instanceRefs = TopoSimplifyManager.instanceRefs; const instances = []; for (let tsmRef of instanceRefs) { const tsm = tsmRef.deref(); if (!tsm) { instanceRefs.delete(tsmRef); continue; } instances.push(tsm); } return instances; } static getOrCreateSharedInstance(arcs) { /* const element = this.ref.deref(); this.ref = new WeakRef(element); */ } constructor(arcs) { this.sourceArcs = arcs; TopoSimplifyManager.instanceRefs.add(new WeakRef(this)); const index = this.index = new Flatbush(this.sourceArcs.length); arcs.forEach(arc => index.add(...Bbox.fromPoints(arc))); index.finish(); this.lowResArcs = arcs.map(a => a.filter(c => c[2] == Infinity)); this.arcs = getTrackedArcArray(this.lowResArcs); } 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, tolerance) { if (tolerance < 1) { return 2**(Math.floor(2 * Math.log2(tolerance)) / 2); } else { return 2**(Math.floor(Math.log2(tolerance))); } const visibleArcIds = new Set(this.index.search(...bbox)); console.log("tsm.onMove", tolerance, visibleArcIds, ...arguments); } /* new Flatbush(numItems[, nodeSize, ArrayType, ArrayBufferType]) Creates a Flatbush index that will hold a given number of items (numItems). Additionally accepts: nodeSize: size of the tree node (16 by default); experiment with different values for best performance (increasing this value makes indexing faster and queries slower, and vise versa). ArrayType: the array type used for coordinates storage (Float64Array by default); other types may be faster in certain cases (e.g. Int32Array when your data is integer). ArrayBufferType: the array buffer type used to store data (ArrayBuffer by default); you may prefer SharedArrayBuffer if you want to share the index between threads (multiple Worker, SharedWorker or ServiceWorker). index.add(minX, minY, maxX, maxY) Adds a given rectangle to the index. Returns a zero-based, incremental number that represents the newly added rectangle. index.finish() Performs indexing of the added rectangles. Their number must match the one provided when creating a Flatbush object. index.search(minX, minY, maxX, maxY[, filterFn]) */ }4d: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; }4e: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; }4f:[] 29:{"id":"7e992ae87990bee3","slug":null,"title":"Leaflet POC before adapting Realtime","thumbnail":"49e3b8e7b5c25c76853ac31b4ed41e895e2facb91573182f4e68e995d0ccb899","access_level":"public","create_time":"$D2023-10-10T15:38:10.393Z","update_time":"$D2023-10-10T15:38:10.393Z","view_time":null,"first_public_time":"$D2023-10-10T15:38:10.393Z","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":860,"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 adapting Realtime","cells":[{"id":0,"value":"# Leaflet POC before adapting Realtime","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":354,"value":"geoJson","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"map = {\n const height = width * mapSize.height / mapSize.width;\n const container = html`

`;\n yield container;\n \n const bounds = L.latLngBounds(L.latLng(0, 0), L.latLng(mapSize.height, mapSize.width));\n const map = L.map(container, {\n crs: wrappingCrs,\n minZoom: -30,\n zoomSnap: 0,\n renderer: new CanvasInnerStroke({ padding: 1 }),\n zoomAnimation: false,\n zoomSnap: 0,\n topoMove: true\n // worldCopyJump: true\n });\n L.geoJSON(geoJson, {\n style: function (feature) {\n return {color: \"#ff00ff\"};\n }\n }).addTo(map);\n map.addHandler('topoMove', TopoSimplifyMoveHandler)\n\n rtLayer.addTo(map);\n \n // leafletGeoJson.addTo(map);\n map.fitBounds(bounds);\n map.on('move', onMove);\n container.map = map;\n map.setZoom(1);\n yield container;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":528,"value":"map.map.getBounds()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":548,"value":"map.map.getPixelBounds()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":550,"value":"map.map.world()","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: 0,\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":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":163,"value":"$4a","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":true,"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":true,"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":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, 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":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":6,"value":"$4b","pinned":false,"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":800,"value":"tsm = new TopoSimplifyManager(topoJson.arcs);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":721,"value":"$4c","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":"$4d","pinned":false,"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":"$4e","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"}],"files":"$W4f","stdlib":"1"}} 24:null