2b:null 2c:["$","title",null,{"children":"Export Data from OpenStreetMaps | thometnanni | Observable"}] 31:T867,baseLayers = [ { label: "OpenStreetMap Default", value: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", attribution: "© OpenStreetMap contributors" }, { label: "CartoDB Positron", value: "https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png", attribution: "© OpenStreetMap contributors © CartoDB" }, { label: "CartoDB Dark Matter", value: "https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png", attribution: "© OpenStreetMap contributors © CartoDB" }, { label: "OpenTopoMap", value: "https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png", attribution: "© OpenStreetMap contributors © OpenTopoMap" }, { label: "ESRI Satellite", value: "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}", attribution: "Tiles © Esri — Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community" }, { label: "ESRI World Imagery", value: "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}", attribution: "Tiles © Esri — Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community" }, { label: "ESRI World Street Map", value: "https://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer/tile/{z}/{y}/{x}", attribution: "Tiles © Esri — Source: Esri, DeLorme, NAVTEQ" }, { label: "ESRI World Topo Map", value: "https://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer/tile/{z}/{y}/{x}", attribution: "Tiles © Esri — Source: Esri, DeLorme, NAVTEQ" }, { label: "OpenRailwayMap", value: "https://{s}.tiles.openrailwaymap.org/standard/{z}/{x}/{y}.png", attribution: "© OpenRailwayMap contributors" }, { label: "OpenSeaMap", value: "https://tiles.openseamap.org/seamark/{z}/{x}/{y}.png", attribution: "© OpenSeaMap contributors" } ]32:T517,map = { coordinates; const container = html`

`; yield container; const map = L.map( container, { //minZoom: 14 }, { drawControl: true } ).setView(mutable center || [52.474, 13.43], mutable zoom || 13); L.tileLayer(layers.value, { attribution: layers.attribution }).addTo(map); const saveBoundingBox = () => { const bounds = map.getBounds(); mutable bbox = [ Math.round(bounds.getSouthWest().lat * 1000000) / 1000000, Math.round(bounds.getSouthWest().lng * 1000000) / 1000000, Math.round(bounds.getNorthEast().lat * 1000000) / 1000000, Math.round(bounds.getNorthEast().lng * 1000000) / 1000000 ]; mutable zoom = map.getZoom(); mutable center = map.getCenter(); }; map.on("moveend", () => { mutable zoom = map.getZoom(); mutable center = map.getCenter(); }); map.eachLayer((layer) => { if (layer.options && layer.options.pane === "overlayPane") { map.removeLayer(layer); } }); if (buildings && buildings.elements) { const geojson = osmtogeojson(buildings); L.geoJSON(geojson, { style: { color: "#ff7800", weight: 1 } }).addTo(map); } if (saveBBoxButton && mutable zoom >= 13) { saveBoundingBox(); } }33:T4c6,stitchedCanvas = { //if (!saveBBoxButton && mutable zoom < 13 ) return "Click the button to fetch buildings data."; const canvas = document.createElement("canvas"); const ctx = canvas.getContext("2d"); const numXTiles = bottomRight[0] - topLeft[0] + 1; const numYTiles = bottomRight[1] - topLeft[1] + 1; const tilePromises = urls.map(async ({ url, tileCoords }) => { const response = await fetch(url); if (!response.ok) throw new Error(`Failed to fetch tile: ${url}`); const img = await createImageBitmap(await response.blob()); return { img, tileCoords }; }); const tiles = await Promise.all(tilePromises); const originalTileWidth = tiles[0].img.width; const originalTileHeight = tiles[0].img.height; canvas.width = numXTiles * originalTileWidth; canvas.height = numYTiles * originalTileHeight; const minX = Math.min(...urls.map((u) => u.tileCoords.x)); const minY = Math.min(...urls.map((u) => u.tileCoords.y)); tiles.forEach(({ img, tileCoords }) => { const dx = (tileCoords.x - minX) * originalTileWidth; const dy = (tileCoords.y - minY) * originalTileHeight; ctx.drawImage(img, dx, dy, originalTileWidth, originalTileHeight); }); return canvas; }34:T9d3,fetchAndSaveAllData = async () => { if (!fetchAndSaveAllButton) return; const bbox = mutable bbox; if (!bbox || bbox.length === 0) { alert("Bounding box not set. Move the map and click the button again."); return; } const [south, west, north, east] = bbox; const buildingsQuery = ` [out:json]; ( way["building"](${south},${west},${north},${east}); relation["building"](${south},${west},${north},${east}); ); out body; >; out skel qt; `; const buildingsData = await fetch("https://overpass-api.de/api/interpreter", { method: "POST", body: buildingsQuery, headers: { "Content-Type": "application/x-www-form-urlencoded" } }).then((response) => response.json()).catch((err) => { console.error("Error fetching buildings data:", err); return null; }); // Generate stitched canvas const canvas = document.createElement("canvas"); const ctx = canvas.getContext("2d"); const numXTiles = bottomRight[0] - topLeft[0] + 1; const numYTiles = bottomRight[1] - topLeft[1] + 1; const tilePromises = urls.map(async ({ url, tileCoords }) => { const response = await fetch(url); if (!response.ok) throw new Error(`Failed to fetch tile: ${url}`); const img = await createImageBitmap(await response.blob()); return { img, tileCoords }; }); const tiles = await Promise.all(tilePromises); const originalTileWidth = tiles[0].img.width; const originalTileHeight = tiles[0].img.height; canvas.width = numXTiles * originalTileWidth; canvas.height = numYTiles * originalTileHeight; const minX = Math.min(...urls.map((u) => u.tileCoords.x)); const minY = Math.min(...urls.map((u) => u.tileCoords.y)); tiles.forEach(({ img, tileCoords }) => { const dx = (tileCoords.x - minX) * originalTileWidth; const dy = (tileCoords.y - minY) * originalTileHeight; ctx.drawImage(img, dx, dy, originalTileWidth, originalTileHeight); }); const imageDataUrl = canvas.toDataURL("image/png"); const zip = new JSZip(); zip.file("bbox.json", JSON.stringify({ bbox })); zip.file("buildings.json", JSON.stringify(buildingsData)); zip.file("stitched_image.png", imageDataUrl.split(",")[1], { base64: true }); zip.generateAsync({ type: "blob" }).then((content) => { const link = document.createElement("a"); link.href = URL.createObjectURL(content); link.download = "osm_export.zip"; link.click(); }).catch((err) => { console.error("Error generating ZIP file:", err); }); };35:[] 2f:{"id":"4749c471719a5a6e","slug":null,"title":"Export Data from OpenStreetMaps","thumbnail":"05cd57feaab6ca794ca3f767508c16e751dae7ef1d627518c3f7e26234501d85","access_level":"public","create_time":"$D2025-01-13T14:03:40.777Z","update_time":"$D2025-01-13T14:03:40.777Z","view_time":null,"first_public_time":"$D2025-01-13T14:03:40.777Z","has_unpublished_edits":null,"fork":{"id":"2c7dbc600fcde804","slug":"osm-data-to-vantage","title":"Export Data from OpenStreetMaps","owner":{"id":"b043b49ac382d414","login":"thometnanni","name":"thometnanni"}},"stars":0,"starred":false,"owner":{"type":"team","id":"b043b49ac382d414","login":"thometnanni","name":"thometnanni","avatar_url":"https://avatars-next.observableusercontent.com/6f934f32718557f7827d888fef0baaec013790170afbcf1334f3773bc64e8c85","tier":"starter_2024"},"version":1068,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"c9e695131ad6aff8","login":"sinanatra","name":"Giacomo Nanni","avatar_url":"https://avatars-next.observableusercontent.com/780b6bc6dd2a5bbb19911ff3ee47ff844b4e25436b3bd6a0cde359479c6b4dd9","tier":null}],"members":[{"type":"individual","id":"c9e695131ad6aff8","login":"sinanatra","name":"Giacomo Nanni","avatar_url":"https://avatars-next.observableusercontent.com/780b6bc6dd2a5bbb19911ff3ee47ff844b4e25436b3bd6a0cde359479c6b4dd9","tier":null,"role":"editor"},{"type":"team","id":"b043b49ac382d414","login":"thometnanni","name":"thometnanni","avatar_url":"https://avatars-next.observableusercontent.com/6f934f32718557f7827d888fef0baaec013790170afbcf1334f3773bc64e8c85","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Export Data from OpenStreetMaps","cells":[{"id":0,"value":"# Export Data from OpenStreetMaps","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":524,"value":"This Notebook allows to query for specific locations on OpenStreetMaps, and to download buildings data and map tiles to be imported into [Vantage](https://vantage.thometnanni.net/).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":33,"value":"viewof coordinates = Inputs.text({\n label: \"Coordinates\",\n value: [52.474, 13.43]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":767,"value":"viewof layers = Inputs.select(baseLayers, {\n value: baseLayers[0],\n label: \"Select Layer\",\n format: (x) => x.label\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":770,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":907,"value":"bbox","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":976,"value":"viewof saveBBoxButton = Inputs.button(\"Save BBOX\", {\n label: \"Save Bounding Box\",\n //disabled: zoom < 13\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":73,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":948,"value":"viewof fetchAndSaveAllButton = Inputs.button(\"Fetch and Save All Data\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":130,"value":"viewof queryData = Inputs.button(\"Query Buildings \")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":719,"value":"typeof buildings == \"object\" ? osmtogeojson(buildings) : []","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":517,"value":"openImageButton = {\n const button = document.createElement(\"button\");\n button.textContent = \"Open Stitched Image\";\n\n button.onclick = () => {\n const imageDataUrl = stitchedCanvas.toDataURL(\"image/png\");\n const newWindow = window.open();\n if (newWindow) {\n newWindow.document.write(\n `

`\n );\n } else {\n alert(\"Failed to open a new tab. Please allow pop-ups for this page.\");\n }\n };\n\n return button;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":632,"value":"{\n //if (!saveBBoxButton && mutable zoom < 13 ) return \"Click the button to fetch buildings data.\";\n\n const div = html`

`;\n\n const numXTiles = bottomRight[0] - topLeft[0] + 1;\n const numYTiles = bottomRight[1] - topLeft[1] + 1;\n\n let tileSize = width / numXTiles;\n\n d3.select(div).style(\"position\", \"relative\").style(\"overflow\", \"auto\");\n\n const innerDiv = d3\n .select(div)\n .append(\"div\")\n .style(\"position\", \"relative\")\n .style(\"width\", `${numXTiles * tileSize}px`)\n .style(\"height\", `${numYTiles * tileSize}px`);\n\n innerDiv\n .selectAll(\"img\")\n .data(urls)\n .join(\"img\")\n .attr(\"src\", (d) => d.url)\n .style(\"position\", \"absolute\")\n .style(\"width\", `${tileSize}px`)\n .style(\"height\", `${tileSize}px`)\n .style(\"left\", (d) => `${(d.tileCoords.x - topLeft[0]) * tileSize}px`)\n .style(\"top\", (d) => `${(d.tileCoords.y - topLeft[1]) * tileSize}px`);\n\n return div;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":722,"value":"urls","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":950,"value":"allData = {\n if (!saveBBoxButton) return \"Click the button to fetch the bounding box.\";\n \n const bboxData = mutable bbox;\n const buildings = buildingsData;\n\n const data = {\n bbox: bboxData,\n buildings,\n image: stitchedCanvas ? stitchedCanvas.toDataURL(\"image/png\") : null\n };\n\n return data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":98,"value":"---\n## Get Buildings from OSM\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":30,"value":"L = {\n const L = await require(\"leaflet@1/dist/leaflet.js\");\n if (!L._style) {\n const href = await require.resolve(\"leaflet@1/dist/leaflet.css\");\n document.head.appendChild(\n (L._style = html``)\n );\n }\n return L;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"query = {\n queryData;\n\n const [south, west, north, east] = mutable bbox;\n return `\n [out:json];\n (\n way[\"building\"](${south},${west},${north},${east});\n relation[\"building\"](${south},${west},${north},${east});\n );\n out body;\n >;\n out skel qt;\n `;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":127,"value":"buildings = {\n if (!mutable bbox) return \"Bounding box not available yet.\";\n\n const [south, west, north, east] = mutable bbox;\n\n const overpassUrl = \"https://overpass-api.de/api/interpreter\";\n\n return fetch(overpassUrl, {\n method: \"POST\",\n body: query,\n headers: { \"Content-Type\": \"application/x-www-form-urlencoded\" }\n })\n .then((response) => response.json())\n .catch((err) => `Error: ${err}`);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":938,"value":"buildingsData = {\n\n const [south, west, north, east] = mutable bbox;\n\n if (!mutable bbox || !south || !west || !north || !east) {\n return \"Bounding box not set. Move the map and click 'Save BBOX and Data'.\";\n }\n\n const overpassUrl = \"https://overpass-api.de/api/interpreter\";\n\n const query = `\n [out:json];\n (\n way[\"building\"](${south},${west},${north},${east});\n relation[\"building\"](${south},${west},${north},${east});\n );\n out body;\n >;\n out skel qt;\n `;\n\n return fetch(overpassUrl, {\n method: \"POST\",\n body: query,\n headers: { \"Content-Type\": \"application/x-www-form-urlencoded\" }\n })\n .then((response) => response.json())\n .catch((err) => `Error: ${err}`);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":420,"value":"---\n## XYZ ↔ Lat Lon","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":434,"value":"tileServer = layers.value.replace(\"{s}.\", \"\") || \"https://tile.openstreetmap.org/{z}/{x}/{y}.png\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":455,"value":"function sec(x) {\n return 1 / Math.cos(x);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":457,"value":"function lonlat_to_xyz(lon, lat, z) {\n const tile_count = Math.pow(2, z);\n const x = (lon + 180) / 360;\n const y = (1 - Math.log(Math.tan(radians(lat)) + sec(radians(lat))) / Math.PI) / 2;\n return [Math.floor(tile_count * x), Math.floor(tile_count * y)];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":459,"value":"function radians(degrees) {\n return degrees * (Math.PI / 180);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":461,"value":"function x_to_lon_edges(x, z) {\n const tile_count = Math.pow(2, z);\n const unit = 360 / tile_count;\n const lon1 = -180 + x * unit;\n const lon2 = lon1 + unit;\n return [lon1, lon2];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":463,"value":"function mercatorToLat(mercatorY) {\n return Math.atan(Math.sinh(mercatorY)) * (180 / Math.PI);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":465,"value":"function y_to_lat_edges(y, z) {\n const tile_count = Math.pow(2, z);\n const unit = 1 / tile_count;\n const relative_y1 = y * unit;\n const relative_y2 = relative_y1 + unit;\n const lat1 = mercatorToLat(Math.PI * (1 - 2 * relative_y1));\n const lat2 = mercatorToLat(Math.PI * (1 - 2 * relative_y2));\n return [lat1, lat2];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":467,"value":"function tile_edges(x, y, z) {\n const lon = x_to_lon_edges(x, z);\n const lat = y_to_lat_edges(y, z);\n return [lon[0], lat[0], lon[1], lat[1]];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":481,"value":"topLeft = lonlat_to_xyz(bbox[1], bbox[2], customZoom)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":483,"value":"bottomRight = lonlat_to_xyz(bbox[3], bbox[0], customZoom)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":485,"value":"extent = {\n const tl = tile_edges(...topLeft, zoom);\n const br = tile_edges(...bottomRight, zoom);\n return [br[3], tl[0], tl[1], br[2]];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":544,"value":"customZoom = {\n return 17;\n return Math.round(Math.min(24, Math.max(17, 17 + Math.log(zoom - 13))));\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":487,"value":"urls = {\n const urls = [];\n for (let x = topLeft[0]; x <= bottomRight[0]; ++x) {\n for (let y = topLeft[1]; y <= bottomRight[1]; ++y) {\n const url = tileServer\n .replace(\"{z}\", customZoom)\n .replace(\"{x}\", x)\n .replace(\"{y}\", y);\n\n const [west, east] = x_to_lon_edges(x, customZoom);\n const [north, south] = y_to_lat_edges(y, customZoom);\n\n urls.push({\n url,\n tileCoords: { x, y },\n geoBounds: { north, south, west, east }\n });\n }\n }\n return urls;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":686,"value":"---\n### Stiched Image","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":712,"value":"tileSize = 256 //256","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":674,"value":"numXTiles = bottomRight[0] - topLeft[0] + 1;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":676,"value":"numYTiles = bottomRight[1] - topLeft[1] + 1","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":688,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":966,"value":"---\n### Save all\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":969,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":139,"value":"---\n## Miscellaneous","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":373,"value":"mutable bbox = []","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":324,"value":"mutable center = coordinates.split(\",\").map((d) => Number(d))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":175,"value":"mutable zoom = 14","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":143,"value":"osmtogeojson = require('osmtogeojson@3.0.0-beta.4/osmtogeojson.js')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":698,"value":"GeoTIFF = require(\"geotiff@2\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":971,"value":"JSZip = require(\"jszip@3/dist/jszip.min.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 30:"$2f:body"