2b:null 2c:["$","title",null,{"children":"OSMP Config Setup | Giacomo Nanni | Observable"}] 31:[] 2f:{"id":"ccd1fbf4cc630bdc","slug":null,"title":"OSMP Config Setup","thumbnail":"67e4cdd65771e2fd32e59ad8e3f60019db391cd98c96c42fd1b32d7fd00fa22e","access_level":"public","create_time":"$D2024-02-05T08:30:22.078Z","update_time":"$D2024-02-06T08:38:32.325Z","view_time":null,"first_public_time":"$D2024-02-05T08:30:22.078Z","has_unpublished_edits":null,"fork":{"id":"ca6f44e12f8023b7","slug":"osmp-api-config","title":"OSMP Config Setup","owner":{"id":"5129c2957f22f1f2","login":"sinanatra","name":"Giacomo Nanni"}},"stars":0,"starred":false,"owner":{"type":"team","id":"5129c2957f22f1f2","login":"sinanatra","name":"Giacomo Nanni","avatar_url":"https://avatars-next.observableusercontent.com/780b6bc6dd2a5bbb19911ff3ee47ff844b4e25436b3bd6a0cde359479c6b4dd9","tier":"starter_2024"},"version":1333,"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"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"OSMP Config Setup","cells":[{"id":0,"value":"# OSMP Config Setup","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":36,"value":"viewof filters = Inputs.checkbox(\n [\n \"munition_category\",\n \"damage_assessment\",\n \"location\",\n \"calibre\",\n \"model\",\n \"marking_colours\",\n\n \"external_colour\",\n \"internal_colour\",\n \"weight\",\n \"fins\",\n \"flat_base\",\n \"venturi\",\n \"suspension_lugs\",\n \"rivetholes_screws_rivets\",\n \"welding_seams\",\n \"obturating_ring_gas_check_band\",\n \"electronic_hydraulic\",\n \"driving_bands\",\n \"wall\",\n \"fin_characteristic\",\n \"fin_mechanics\",\n \"pre_fragmented\",\n \"shape\",\n \"mechanical_feature\",\n \"attached\",\n \"multiple\",\n \"wide\",\n \"enclosed\",\n \"thick_wall\",\n \"thin_wall\",\n \"markings\",\n \"fragments\",\n \"distinct_fragmentation\",\n \"fire_damage\",\n \"strike_lines\",\n \"crater\",\n \"bda\"\n ],\n { value: [\"location\"], required: true }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":353,"value":"${filters[0]} has ${data.length} subcategories, with a total of ${data[0].map((d) => d.count).reduce((a, b) => a + b, 0)} results","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":188,"value":"viewof innerFilter = Inputs.checkbox(\n data.flat().sort((a, b) => b.name - a.name),\n {\n value: [data.flat()[0]],\n format: (x) => html`\n \n ${x.name}\n \n `\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":143,"value":"${itemsData.length} results: ${innerFilter.map((d) => d.name).join(\", \")} ","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":236,"value":"chart = {\n const div = html`

`;\n\n const container = d3\n .select(div)\n .append(\"div\")\n .style(\"text-align\", \"left\")\n .selectAll(\"div\")\n .data(fullData)\n .join(\"div\")\n .style(\"display\", \"inline-block\");\n\n container\n .append(\"a\")\n .attr(\"href\", (d) => d.id)\n .append(\"img\")\n .attr(\"src\", (d) => d.media.source_url)\n .attr(\"height\", \"150px\")\n .style(\"margin\", \"0\")\n .style(\"padding\", \"0\");\n\n container\n .append(\"div\")\n .style(\"font-size\", \"12px\")\n .style(\"text-align\", \"center\")\n .style(\"margin\", \"0\")\n .style(\"padding\", \"0\")\n .text((d) => d.acf?.date);\n\n return div;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":218,"value":"fullData = {\n const promises = itemsData.map(fetchData);\n const results = await Promise.all(promises);\n return results;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":221,"value":"fetchData = async (d) => {\n const response = await fetch(`${endpoint}/media/${d.featured_media}`);\n const data = await response.json();\n return { ...d, media: data };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":243,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":99,"value":"viewof items = Inputs.table(itemsData, { multiple: false, value: itemsData[0] })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"---\n### Queries","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":117,"value":"media = await (await fetch(`${endpoint}/media/${items.featured_media}`)).json();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":87,"value":"itemsData = singleQuery(innerquery)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"endpoint = \"https://osmp.airwars.org/wp-json/wp/v2\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":426,"value":"async function singleQuery(query) {\n let i = 1;\n let data = [];\n\n while (true) {\n try {\n const response = await fetch(`${query}&page=${i}`);\n\n if (!response.ok) {\n throw new Error(`HTTP error! Status: ${response.status}`);\n }\n\n const items = await response.json();\n\n if (items.length > 0) {\n data.push(...items);\n i++;\n } else {\n break;\n }\n } catch (error) {\n console.error(\"Error fetching data:\", error);\n break;\n }\n }\n\n return data.map(d => ({ ...d })).sort((a, b) => b.count - a.count);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":281,"value":"async function queryAll(queries) {\n const datas = [];\n\n for (const query of queries) {\n const result = await singleQuery(query);\n datas.push(result);\n }\n\n return datas;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"query = `${endpoint}/${filters[0]}?per_page=50`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":447,"value":"joined = innerFilter.map(d=> d._links[\"wp:post_type\"][0].href.split(\"?\")[1]).join(\"&\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":337,"value":"innerquery = `${endpoint}/posts?${joined}&per_page=50`;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":415,"value":"queries = filters.map(filter => `${endpoint}/${filter}?per_page=50`);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":419,"value":"data = queryAll(queries) ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":615,"value":"filterValues = itemsData.flatMap((item) =>\n filters.flatMap((key) => item[key].map((value) => ({ label: key, value })))\n) || []","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":611,"value":"filteredArray = data.flat().filter(item =>\n filterValues.some(({ value }) => item[value.label] === item[filters[0]])\n);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":663,"value":"sortedArray = filteredArray.sort((a, b) => {\n const valueA = a[filters[0]];\n const valueB = b[filters[0]];\n\n if (valueA !== undefined && valueB !== undefined) {\n return valueA - valueB;\n } else {\n return 0;\n }\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":724,"value":"filteredFilters = data\n .map((subArray) =>\n subArray.filter((item) =>\n filterValues.some(\n (filter) => filter.label === item.taxonomy && filter.value === item.id\n )\n )\n )\n .flat()\n .map((d) => d.slug) || []","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":499,"value":"colorScale = d3.scaleOrdinal(d3.schemeCategory10);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":778,"value":"parent = itemsData.filter((d) => d.parent)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 30:"$2f:body"