31:[{"id":"74479a69d8d4e4dcb9230d3d61f7fc2d498e636b3dd752b31e4507038f3dbb43f595e0b91c830023fc150426f9f66bde573f7f22dd4963fd5c46c5772505bb4c","href":"https://static.observableusercontent.com/files/74479a69d8d4e4dcb9230d3d61f7fc2d498e636b3dd752b31e4507038f3dbb43f595e0b91c830023fc150426f9f66bde573f7f22dd4963fd5c46c5772505bb4c","name":"loadedCollections.json","type":"application/json","lastModified":1684135578147.635,"size":624145},{"id":"1708739c5b03ebbcdea33d3d3446fbb6078d76d264b7fc7503f3c285cc47761999410491316630114079f44c79239a96f6c60871a8a103680a1e279a617996f4","href":"https://static.observableusercontent.com/files/1708739c5b03ebbcdea33d3d3446fbb6078d76d264b7fc7503f3c285cc47761999410491316630114079f44c79239a96f6c60871a8a103680a1e279a617996f4","name":"AnnotationPageOfResults.json","type":"application/json","lastModified":1684312843679.302,"size":95679}] 2f:{"title":"GLOBALISE Datasprint: Mapping Places in the Indian Ocean World","cells":[{"id":0,"value":"# GLOBALISE Datasprint: Mapping Places in the Indian Ocean World\n\nAllmaps workshop on May 15 2023 in Amsterdam. More information:\n\n- https://globalise.huygens.knaw.nl/events/\n\nSource data:\n\n- [Atlas of Mutual Heritage](https://www.atlasofmutualheritage.nl)\n- [IIIF Manifests Nationaal Archief](https://github.com/simonckemper/NL-HaNA_iiif_manifests)\n- [IIIF Manifests Globalise](https://github.com/globalise-huygens/datasprint-amh/tree/main)\n\nSelected archive:\n\n- [4.VEL Inventaris van de verzameling buitenlandse kaarten Leupe, 1584-1813 (1865)](http://hdl.handle.net/10648/2baed20f-8a3e-4ae7-b8f8-cd9d9fa88646)","pinned":false,"hidden":false,"mode":"md"},{"id":178,"value":"Select a map in the table below or use the search field to filter the table:","pinned":false,"hidden":false,"mode":"md"},{"id":48,"value":"viewof searchResults = Inputs.search(collectionAsTable)","pinned":false,"hidden":false,"mode":"ojs"},{"id":474,"value":"You can also filter the list by selecting an archival folder:\n\n- _B: Zee-, kust- en rivierkaarten_\n- _C: Landkaarten, plans, enz._","pinned":false,"hidden":false,"mode":"md"},{"id":462,"value":"viewof selectedFolder = Inputs.select(loadedCollectionsStatic, {\n format: (item) =>\n item.id.match(/manifests\\/(.*)\\.json/)[1] +\n \" \" +\n item.label.nl[0] +\n \" (\" +\n item.items.length +\n \")\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":27,"value":"viewof selectedItem = Inputs.table(searchResults, {\n multiple: false,\n layout: \"fixed\",\n value: searchResults[0],\n columns: [\"id\", \"label\"],\n header: {\n id: \"ID\",\n label: \"Label\"\n },\n width: {\n id: 100\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":221,"value":"

\n${selectedItem && allmapsAnnotation ? \"This map has already been georeferenced. Open it in the [Allmaps Viewer](\" + baseUrls.allmaps.viewer + baseUrls.allmaps.annotation + selectedItem.manifest + \") to (re)view or in the [Allmaps Editor](\" + baseUrls.allmaps.editor + selectedItem.manifest + \") to improve.\" : selectedItem ? \"This map has not yet been georeferenced. Open it in the [Allmaps Editor](\" + baseUrls.allmaps.editor + selectedItem.manifest + \") to get started.\" : \"_No manifest selected_\"}\n

","pinned":false,"hidden":false,"mode":"md"},{"id":161,"value":"Preview of selected map:","pinned":false,"hidden":false,"mode":"md"},{"id":311,"value":"viewof counter = {\n if (ready && length > 1) {\n return Inputs.form([\n Inputs.button([\n [\"First\", () => seq.sequence.setCurrentCanvasIndex(0)],\n [\"Previous\", () => seq.sequence.previousCanvas()],\n [\"Next\", () => seq.sequence.nextCanvas()],\n [\"Last\", () => seq.sequence.setCurrentCanvasIndex(length - 1)]\n ]),\n Inputs.range([1, length], {\n value: index + 1,\n step: 1,\n disabled: true\n })\n ]);\n } else {\n return html`Manifest contains a single image`;\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":313,"value":"viewof goHome = Inputs.button([\n [\"-\", () => seq.zoomOut()],\n [\"Zoom extents\", () => seq.goHome()],\n [\"+\", () => seq.zoomIn()]\n])","pinned":false,"hidden":false,"mode":"ojs"},{"id":82,"value":"seq = {\n const seq = html``;\n\n seq.addEventListener(\"ready\", () => {\n mutable ready = true;\n });\n\n seq.addEventListener(\"sequence\", () => {\n mutable sequence = true;\n });\n\n seq.addEventListener(\"sequence-change\", () => {\n mutable index = seq.sequence.currentSequenceIndex;\n });\n\n return seq;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":149,"value":"### ${loadedManifest.label.nl[0]}","pinned":false,"hidden":false,"mode":"md"},{"id":195,"value":"{\n if (loadedManifest.metadata.length > 0) {\n return html`\"\n>`;\n } else {\n return html`No metadata available`;\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":770,"value":"## Exports","pinned":false,"hidden":false,"mode":"md"},{"id":95,"value":"Manifest ID:\n\n- ${selectedItem.manifest}\n\nOpen selected manifest in:\n\n- [Universal Viewer](${baseUrls.universalViewer + selectedItem.manifest})\n- [Mirador](${baseUrls.mirador + selectedItem.manifest})\n\nAllmaps Annotation:\n\n- ${allmapsAnnotation ? \"https://annotations.allmaps.org/manifests/\" + generatedAllmapsId : \"_No annotation found_\"}\n\nXYZ/TileJSON:\n\n- ${allmapsAnnotation ? baseUrls.allmaps.xyz + \"https://annotations.allmaps.org/manifests/\" + generatedAllmapsId : \"_No annotation found_\"}\n- ${allmapsAnnotation ? baseUrls.allmaps.tileJson + \"https://annotations.allmaps.org/manifests/\" + generatedAllmapsId : \"_No annotation found_\"}","pinned":false,"hidden":false,"mode":"md"},{"id":515,"value":"## Results","pinned":false,"hidden":false,"mode":"md"},{"id":610,"value":"

\n🍾🍾🍾 ${results.items.length} georeferenced maps 🗺️ of which ${filteredResults.items.length} contain 3 or more control points 📍📍📍❗️❗️❗️
\n_[Click to open collection in the Allmaps Dev Viewer](${viewResults})_ (use `[]` to navigate).\n

","pinned":false,"hidden":false,"mode":"md"},{"id":740,"value":"$${generatedResults ? \"The results have now been refreshed. Inspect the `results` cell below. The `filteredResults` cell contains items with more than three control points (required to render maps in the Allmaps Viewer)\" : \"The results have been pre-generated. Click the button below to update for the selected folder (_\" + selectedFolder.label.nl[0] + \"_).\"}","pinned":false,"hidden":false,"mode":"md"},{"id":558,"value":"viewof generatedResults = Inputs.button(\"Click to generate\", {\n reduce: () => makeAnnotationsPageOfResults()\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":648,"value":"results = generatedResults || generatedResultsStatic","pinned":false,"hidden":false,"mode":"ojs"},{"id":605,"value":"filteredResults = {\n let annotationPage = {\n type: \"AnnotationPage\",\n \"@context\": [\"http://www.w3.org/ns/anno.jsonld\"],\n items: []\n };\n const filteredItems = results.items.filter(\n (item) => item.body.features.length >= 3\n );\n annotationPage.items = filteredItems;\n return annotationPage;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":544,"value":"async function makeAnnotationsPageOfResults() {\n const batchSize = 10\n let annotationPage = {\n type: \"AnnotationPage\",\n \"@context\": [\"http://www.w3.org/ns/anno.jsonld\"],\n items: []\n };\n for (let i = 0; i < collectionAsTable.length; i += batchSize) {\n const items = collectionAsTable.slice(i, i + batchSize);\n const promises = items.map((item) => fetchAllmapsAnnotation(item.manifest));\n\n // Alternatief: Promise.allSettled\n const responses = await Promise.all(promises);\n\n responses.forEach(\n (response) => response && annotationPage.items.push(...response.items)\n );\n }\n return annotationPage;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":696,"value":"viewResults = \"https://dev.viewer.allmaps.org/#data=\" +\n encodeURIComponent(JSON.stringify(filteredResults))","pinned":false,"hidden":false,"mode":"ojs"},{"id":438,"value":"## Links\n\n- [Latest georeferenced maps](https://latest.allmaps.org/)\n- [Georeference Extension](https://iiif.io/api/extension/georef/)\n- [Canvas Panel](https://observablehq.com/d/8b993fca219515c5)\n- [Allmaps Editor Custom XYZ Map](https://observablehq.com/d/f97e823615ea778c)\n- [2022 Allmaps workshop at TU Delft](https://github.com/theberlage/allmaps-workshop)\n- [Georeferencing the collection of the National Archives](https://observablehq.com/d/f20a73ea8f8a4c50) (WIP)","pinned":false,"hidden":false,"mode":"md"},{"id":168,"value":"## Implementation","pinned":false,"hidden":false,"mode":"md"},{"id":705,"value":"CanvasPanel (using [mutables](https://observablehq.com/@observablehq/mutable) for reactivity):","pinned":false,"hidden":false,"mode":"md"},{"id":318,"value":"mutable ready = false","pinned":false,"hidden":false,"mode":"ojs"},{"id":390,"value":"mutable sequence = false","pinned":false,"hidden":false,"mode":"ojs"},{"id":395,"value":"length = loadedManifest.items.length","pinned":false,"hidden":false,"mode":"ojs"},{"id":320,"value":"mutable index = 0","pinned":false,"hidden":false,"mode":"ojs"},{"id":382,"value":"{\n if (ready) {\n seq.setManifest(selectedItem.manifest);\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":526,"value":"Generating [Allmaps IDs](https://observablehq.com/@allmaps/the-allmaps-id-module):","pinned":false,"hidden":false,"mode":"md"},{"id":521,"value":"generatedAllmapsId = allmapsId.generateId(selectedItem.manifest)","pinned":false,"hidden":false,"mode":"ojs"},{"id":548,"value":"allmapsAnnotation = {\n if (selectedItem) {\n return fetchAllmapsAnnotation(selectedItem.manifest);\n } else return null;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":203,"value":"async function fetchAllmapsAnnotation(manifest) {\n const url = baseUrls.allmaps.annotation + manifest;\n let response = await fetch(url).then((response) => response.json());\n if (response.error) {\n return null;\n } else {\n for (const item of response.items) {\n item.target.partOf = [\n {\n id: manifest,\n type: \"Manifest\"\n }\n ];\n }\n return response;\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"collectionUrl = \"https://globalise-huygens.github.io/datasprint-amh/manifests/4.VEL.json\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"// loadedCollection = vault.load(collectionUrl)","pinned":false,"hidden":false,"mode":"ojs"},{"id":453,"value":"// loadedCollections = {\n// let array = [];\n// for (const url of ghCollectionUrls) {\n// const response = await vault.load(url);\n// array.push(response);\n// }\n// return array;\n// }","pinned":false,"hidden":false,"mode":"ojs"},{"id":34,"value":"collectionAsTable = selectedFolder.items.map((item) => ({\n label: item.label.nl[0],\n manifest: item.id,\n id: item.id.match(/(4.VEL\\/.*)\\.json/)[1].replace(\"/\", \".\")\n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":61,"value":"loadedManifest = vault.load(selectedItem.manifest)","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"vault = new IIIFVault.Vault()","pinned":false,"hidden":false,"mode":"ojs"},{"id":445,"value":"## GitHub file listing","pinned":false,"hidden":false,"mode":"md"},{"id":303,"value":"Get file list from GitHub Repo:\n- https://docs.github.com/en/rest/git/trees?apiVersion=2022-11-28#get-a-tree\n- https://octokit.github.io/rest.js/v19\n\n(Commented and replaced by static import to increase loading speed)","pinned":false,"hidden":false,"mode":"md"},{"id":272,"value":"// octokitRequest = new octokit.Octokit()","pinned":false,"hidden":false,"mode":"ojs"},{"id":287,"value":"// ghRepoListing = {\n// // Octokit.js\n// // https://github.com/octokit/core.js#readme\n// return await octokitRequest.request(\n// \"GET /repos/{owner}/{repo}/contents/{path}\",\n// {\n// owner: \"globalise-huygens\",\n// repo: \"datasprint-amh\",\n// path: \"/manifests\",\n// per_page: 100,\n// headers: {\n// \"X-GitHub-Api-Version\": \"2022-11-28\"\n// }\n// }\n// );\n// }","pinned":false,"hidden":false,"mode":"ojs"},{"id":447,"value":"// ghCollectionUrls = ghRepoListing.data\n// .filter((item) => item.type === \"file\")\n// .map((item) => item.download_url)","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"## Imports","pinned":false,"hidden":false,"mode":"md"},{"id":5,"value":"import { baseUrls } from \"cf7502934c2e1c38\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"IIIFVault = require(\"https://unpkg.com/@iiif/vault@0.9.22/dist/index.umd.js\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":66,"value":"canvasPanel = import(\n \"https://cdn.skypack.dev/@digirati/canvas-panel-web-components@1.0.56?min\"\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":289,"value":"See: https://observablehq.com/@observablehq/github-pull-request-visualizer","pinned":false,"hidden":false,"mode":"md"},{"id":268,"value":"// octokit = import(\"https://cdn.skypack.dev/@octokit/core\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":486,"value":"loadedCollectionsStatic = FileAttachment(\"loadedCollections.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":518,"value":"allmapsId = import(\"https://cdn.skypack.dev/@allmaps/id@1.0.0-beta.2\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":633,"value":"generatedResultsStatic = FileAttachment(\"AnnotationPageOfResults.json\").json()","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}