2b:null 2c:["$","title",null,{"children":"Places API & Flat File Chains | Foursquare | Observable"}] 31:T1333,table = async function*(dataPromise, options = {}) { yield loader; const dataO = await Promise.resolve(dataPromise); let filter = () => true; const data = Array.isArray(dataO) ? dataO : Object.entries(dataO).map(([key, v]) => Object.assign({ key }, v)); let { humanize, nully, limit, columns, enableFilter, enableCSVDownload, maxHeight } = Object.assign( { humanize: defaultHumanize, nully: () => '-', columns: Object.keys(data[0]), enableFilter: data.length > 50, enableCSVDownload: true, maxHeight: 400 }, options || {} ); if (typeof maxHeight === 'number') maxHeight = `${maxHeight}px`; columns = columns.map(column => { let key; if (typeof column == 'string') { key = column; column = { key }; } else { key = column.key; } const decimalNumber = data.reduce((memo, d) => { if (typeof d[key] === 'number') { let frac = (d[key] || '').toString().split('.')[1]; if (frac) return Math.max(memo, frac.length); } return memo; }, 0); return Object.assign( { name: humanize(key), type: typeof data[0][key], accessor: row => row[key], render: val => { if (decimalNumber && typeof val === 'number') { return val.toFixed(decimalNumber); } if (val == null || val == undefined) { return nully(val); } return val; } }, column ); }); const renderTable = () => { return `${data .filter(filter) .slice(0, limit) .map( datum => ` ${columns .map(c => { return `${c.render(c.accessor(datum))}`; }) .join('')} ` ) .join('')}`; }; const output = html`

${columns .map( c => `` ) .join('')} ${renderTable()}

${c.name}

${ data.filter(filter).length > limit ? `

This table has been truncated from ${data.length} rows to ${limit}

` : '' }

${ enableFilter ? '

🔎

' : '' }

`; output.value = dataO; yield output; output.querySelectorAll('th').forEach(th => th.addEventListener('click', () => { const key = th.dataset.key; const order = th.dataset.order === 'ascending' ? -1 : 1; data.sort((a, b) => a[key] > b[key] ? order : b[key] > a[key] ? -order : 0 ); output.querySelector('tbody').innerHTML = renderTable(); th.dataset.order = order === -1 ? 'descending' : 'ascending'; }) ); if (enableFilter) { const search = output.querySelector('input[type=search]'); search.addEventListener('input', e => { filter = parseQuery(search.value, columns); output.querySelector('tbody').innerHTML = renderTable(); }); } if (enableCSVDownload) { output.appendChild( DOM.download( new Blob( [ CSV(data, { fields: columns.map(c => ({ label: c.name, value: c.key })) }) ], { type: "application/json" } ), 'places-api-and-flat-file-chains.csv', '⬇' ) ); } }32:T745,loader = html` Loading...`33:[{"id":"cdf13b3c93501c4e293fc9468e88eb46277606cc1edc322e724f9dc0800cf4baad2a5366d43d6a39605257a776dfb617aa4a08b071c87792c1306f4a149d1361","href":"https://static.observableusercontent.com/files/cdf13b3c93501c4e293fc9468e88eb46277606cc1edc322e724f9dc0800cf4baad2a5366d43d6a39605257a776dfb617aa4a08b071c87792c1306f4a149d1361","name":"places-chains.csv","type":"text/csv","lastModified":1700174758231.123,"size":186110},{"id":"9b2a53baafd78e94e23cb8db67e55b60dc8a0e708c0432cf8dc1a32b654cd88efacb6ddb93a5b76f04b8f6f59c3512c938c041370f7d7d8c99771c6c2fed42a0","href":"https://static.observableusercontent.com/files/9b2a53baafd78e94e23cb8db67e55b60dc8a0e708c0432cf8dc1a32b654cd88efacb6ddb93a5b76f04b8f6f59c3512c938c041370f7d7d8c99771c6c2fed42a0","name":"export (2).csv","type":"text/csv","lastModified":1700174791085.103,"size":149583},{"id":"b49d80c36c4c3f3bc459661ac956894eba58a21d2a6554d2048c205f6162a8fb395cb5e1414c8a92955a8a281377c94b0550f74d2e4eb028daa48bdaa7dc2b96","href":"https://static.observableusercontent.com/files/b49d80c36c4c3f3bc459661ac956894eba58a21d2a6554d2048c205f6162a8fb395cb5e1414c8a92955a8a281377c94b0550f74d2e4eb028daa48bdaa7dc2b96","name":"export (4).csv","type":"text/csv","lastModified":1700254432739.841,"size":194762}] 2f:{"id":"7a10e86e022b2d06","slug":null,"title":"Places API & Flat File Chains","thumbnail":"0652a5b1ceed825fa3f2a62311c54b5ca5c67ac859d2c7218ab06f0325c8d4c9","access_level":"public","create_time":"$D2023-11-16T22:45:58.231Z","update_time":"$D2023-11-17T20:54:12.559Z","view_time":null,"first_public_time":"$D2023-11-16T22:45:58.231Z","has_unpublished_edits":null,"fork":{"id":"ec15ee80ed28a3fd","slug":null,"title":"Places & APIv3 Chains","owner":{"id":"5063adf704c7df7a","login":"fsq-docs","name":"FSQ Docs"}},"stars":0,"starred":false,"owner":{"type":"team","id":"bf979f2a11db1722","login":"gfletcher","name":"Foursquare","avatar_url":"https://avatars-next.observableusercontent.com/4cbeb76acfd30c680315bc1b4f52cdb3dafe35813d74a6e0292ca70a1df32573","tier":"starter_2024"},"version":315,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"8e28be01ac382f14","login":"gfletcher","name":"Foursquare","avatar_url":"https://avatars-next.observableusercontent.com/4cbeb76acfd30c680315bc1b4f52cdb3dafe35813d74a6e0292ca70a1df32573","tier":null}],"members":[{"type":"individual","id":"8e28be01ac382f14","login":"gfletcher","name":"Foursquare","avatar_url":"https://avatars-next.observableusercontent.com/4cbeb76acfd30c680315bc1b4f52cdb3dafe35813d74a6e0292ca70a1df32573","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Places API & Flat File Chains","cells":[{"id":256,"value":"# Places API & Flat File Chains","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":313,"value":"export4 = await FileAttachment(\"export (4).csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"export4","database":"$undefined"},{"id":78,"value":"viewof data = table(categories,\n{ \n columns: [\n { \n key: 'chain_id',\n name: 'Chain ID',\n }, \n {\n key: 'chain_name', \n name: 'Chain Name'\n }]\n }\n )","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":107,"value":"parseQuery = (q, headers) => {\n if (q == '') {\n return () => true;\n } else if (q.match(/[=<>]/)) {\n try {\n const code = headers.reduce((q, {key, name}) => q.replace(new RegExp(`\\\\b(${key}|${name})\\\\b`, 'g'), `data['${key}']`), q).replace(/([^=<>!])=([^=<>!]|$)/g, '$1===$2');\n return new Function('data', `try { return ${code} } catch(e) { return false; }` );\n } catch (e) {\n return () => true;\n }\n } else {\n const re = new RegExp(q, 'i');\n \treturn data => headers.some(({key}) => (data[key] || '').toString().match(re))\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"defaultHumanize = str => str.replace(/[-_]/g, ' ')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":176,"value":"CSV = require('json2csv@4.0.0').then(a => a.parse)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 30:"$2f:body"