[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_167":168,"_169":170},"routes/_app.x.$handle.$name",{"_95":94,"_32":45,"_103":85,"_27":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":57,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":-5,"_59":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",19,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.ts","latestPath","fileId","c9e7e30c-12ff-11f0-bc0c-569c3dd06744","name","fileType","http","content","/** @jsxImportSource npm:hono/jsx */\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\napp.get(\"/map.pmtiles\", async c => {\n const mapblob = await blob.get(\"uploads/32e66ad4-8237-43f7-93b8-d15cf87368ae-planet_z6.pmtiles\").then(r => r.blob());\n const range = c.req.header(\"range\"); // example: bytes=0-16383\n const start = range ? Number(range.slice(6).split(\"-\")[0]) : 0;\n const end = range ? Number(range.split(\"-\")[1]) : mapblob.size - 1;\n const length = end - start + 1;\n c.header(\"Content-Range\", `bytes ${start}-${end}/${mapblob.size}`);\n c.header(\"Content-Length\", length);\n return c.body(mapblob.slice(start, end));\n});\n\napp.get(\"/greet/:name\", c => c.text(`Hello, ${c.req.param(\"name\")}!`));\n\napp.get(\"/\", c =>\n c.html(\n \n \n Protomaps Basemaps Example\n \n \n \n \n \n \n

Map goes here

\n \n Get map from val town:\n \n \n {/* */}\n

\n \n \n ,\n ));\n\nexport default app.fetch;","/** @jsxImportSource npm:hono/jsx */\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\napp.get(\"/map.pmtiles\", async c => {\n const mapblob = await blob.get(\"uploads/32e66ad4-8237-43f7-93b8-d15cf87368ae-planet_z6.pmtiles\").then(r => r.blob());\n const range = c.req.header(\"range\"); // example: bytes=0-16383\n const start = range ? Number(range.slice(6).split(\"-\")[0]) : 0;\n const end = range ? Number(range.split(\"-\")[1]) : mapblob.size - 1;\n const length = end - start + 1;\n c.header(\"Content-Range\", `bytes ${start}-${end}/${mapblob.size}`);\n c.header(\"Content-Length\", length);\n const slice = mapblob.slice(start, end);\n return c.body(slice, 206, { \"Content-Type\": \"application/octet-stream\"});\n});\n\napp.get(\"/greet/:name\", c => c.text(`Hello, ${c.req.param(\"name\")}!`));\n\napp.get(\"/\", c =>\n c.html(\n \n \n Protomaps Basemaps Example\n \n \n \n \n \n \n

Map goes here

\n \n Get map from val town:\n \n \n {/* */}\n

\n \n \n ,\n ));\n\nexport default app.fetch;","createdAt",["D",1743957018260],"branchVersion","branchId","bc91fe9a-12ff-11f0-a6d2-569c3dd06744","id","bc91943c-12ff-11f0-a6d2-569c3dd06744","pin-the-map",["D",1743955003807],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","ecbce1e5-343d-483e-99fe-bc35afe6b93a","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion",29,"likeCount",0,"orgId","a22192bb-4fed-4a1b-9182-d6c09e531cf8","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":54,"_99":100,"_101":25},"branch",{"_13":60,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","wilhelm","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJwUXQza21ONmFtMEtyWFAxa3gzV3dTbGdXTSJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":163,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":-5,"_59":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":164,"_80":165,"_82":166,"_84":25},"tree",[154,155],"files",[154,155],"counts",{"_143":62,"_144":145,"_146":62,"_147":148,"_149":150},"contents",[125,126],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":134,"_32":135,"_30":136,"_128":-5,"_41":42,"_40":137,"_129":25,"_38":138,"_13":139,"_33":140,"_35":141,"_24":25,"_132":-5,"_27":142},{"_43":127,"_32":28,"_30":31,"_128":-5,"_41":42,"_40":14,"_129":25,"_38":130,"_13":131,"_33":34,"_35":37,"_24":25,"_132":-5,"_27":133},"6d47dbb6-1304-11f0-84cf-569c3dd06744","parentId","latest",["D",1743957018260],11,"label",[28],"dd8534ac-1302-11f0-b814-569c3dd06744","client.ts","62067716-1300-11f0-ab65-569c3dd06744",14,["D",1743956347572],6,"script","/** @jsxImportSource https://esm.sh/hono/jsx */\nimport * as basemaps from \"https://esm.sh/@protomaps/basemaps@5.2.0\";\nimport { Hono } from \"https://esm.sh/hono\";\nimport { proxy } from \"https://esm.sh/hono/proxy\";\nimport * as maplibregl from \"https://esm.sh/maplibre-gl@5.0.1\";\nimport * as pmtiles from \"https://esm.sh/pmtiles@4.2.1\";\nimport { blob } from \"https://esm.town/v/std/blob\";\n\n// works:\nconst r2mapUrl = `pmtiles://https://pub-97fa8b53ee6044dda9181f64d77cbfd2.r2.dev/planet_z6.pmtiles`;\n\n// doesn't work\nconst valTownMapUrl = `pmtiles://${window.location}map.pmtiles`;\n\nfunction initMap() {\n const valTownMapOptionChecked = document.querySelector(\"#val-town-map-option\").checked;\n let protocol = new pmtiles.Protocol();\n maplibregl.addProtocol(\"pmtiles\", protocol.tile);\n const map = new maplibregl.Map({\n container: \"map\",\n zoom: 13,\n center: [-0.12, 51.5],\n style: {\n version: 8,\n glyphs: \"https://protomaps.github.io/basemaps-assets/fonts/{fontstack}/{range}.pbf\",\n sprite: `https://protomaps.github.io/basemaps-assets/sprites/v4/light`,\n sources: {\n example_source: {\n type: \"vector\",\n url: valTownMapOptionChecked ? valTownMapUrl : r2mapUrl,\n attribution: \"© OpenStreetMap Contributors\",\n },\n },\n layers: basemaps.layers(\"example_source\", basemaps.namedFlavor(\"light\"), { lang: \"en\" }),\n },\n });\n\n let marker = new maplibregl.Marker()\n .setLngLat([-0.12, 51.5])\n .setPopup(new maplibregl.Popup().setHTML(\"

Hello World!

\"))\n .addTo(map);\n}\n\nif (typeof window !== \"undefined\") {\n document.querySelector(\"#val-town-map-option\").onchange = () => initMap();\n initMap();\n}",[135],"pulls","branches",1,"forks","envVars",{"_151":62,"_153":62},"connections",{"_151":62,"_152":62},"count","unfilledCount","emptyCount",{"_43":134,"_32":135,"_30":136,"_128":-5,"_41":42,"_40":137,"_129":25,"_38":160,"_13":139,"_33":140,"_35":141,"_24":25,"_132":-5,"_157":161,"_27":162},{"_43":127,"_32":28,"_30":31,"_128":-5,"_41":42,"_40":14,"_129":25,"_38":156,"_13":131,"_33":34,"_35":37,"_24":25,"_132":-5,"_157":158,"_27":159},["D",1743957018260],"children",[],[28],["D",1743956347572],[],[135],["D",1743955003807],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":54,"_99":100,"_101":25},{"_13":60,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"ctx",{"_78":-5,"_122":200,"_201":202,"_203":204,"_205":25,"_206":25,"_207":25,"_208":57,"_209":-5,"_210":-7,"_211":-7,"_212":62,"_213":25,"_214":25,"_215":-5,"_216":25,"_217":25,"_218":25,"_219":-5},"ENV",{"_171":172,"_173":174,"_175":85,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v19