28:null 29:["$","title",null,{"children":"Debug Log Viewer | Unfolded | Observable"}] 2e:T58b,{ if (log.length == 0) return md`No log.` const start = log[0].timestamp; const end = log[log.length - 1].timestamp; const duration = end - start; const scale = d3Scale.scaleLinear() .domain([start, end]) .range([0, width - 150]); const color = d3Scale.scaleOrdinal(d3Color.schemeCategory10); const yPos = d3Scale.scaleOrdinal([35, 50, 65, 80, 95]) const selection = new Set(table.map(row => row.i)); const segments = []; for (let i = 0; i < log.length - 1; i++) { segments.push({ start: log[i].timestamp, end: log[i + 1].timestamp, message: log[i].message, node: log[i].meta?.node }); } return html` ` }2f:[] 2c:{"id":"be5326eb6caf8c97","slug":"debug-log-viewer","title":"Debug Log Viewer","thumbnail":"d911e4b45e99c47a23434fc3977581c5fa1aa9db76f1bdadbf64eb52c222f5a4","access_level":"public","create_time":"$D2021-03-26T23:28:12.960Z","update_time":"$D2021-09-27T21:26:49.058Z","view_time":null,"first_public_time":"$D2021-03-27T00:30:34.301Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"53c091cc2a0abc10","login":"unfolded","name":"Unfolded","avatar_url":"https://avatars-next.observableusercontent.com/c2539bfdda481222432775ed90b76851fcfc5e5b84a8a40384ab010e6018d626","tier":"starter_2024"},"version":189,"publish_version":189,"role":null,"authored":false,"authors":[{"type":"individual","id":"8eeacd6e693d83a2","login":"nrabinowitz","name":"Nick Rabinowitz","avatar_url":"https://avatars-next.observableusercontent.com/af324aa7e7df8e450fdb6d331ddc6b2d2c5bb804c04b52a174bc6e0db88872e8","tier":null}],"members":[{"type":"individual","id":"8eeacd6e693d83a2","login":"nrabinowitz","name":"Nick Rabinowitz","avatar_url":"https://avatars-next.observableusercontent.com/af324aa7e7df8e450fdb6d331ddc6b2d2c5bb804c04b52a174bc6e0db88872e8","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Debug Log Viewer","cells":[{"id":0,"value":"md`# Debug Log Viewer`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"viewof logJSON = Textarea({\n rows: 6, \n placeholder: 'Paste log here'\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"{\n try {\n const log = JSON.parse(logJSON);\n return html`\n Valid JSON ✔\n `;\n } catch (err) {\n return html`\n Input must be valid JSON.\n `;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":179,"value":"md`Total Time: \\`${((log?.length ? log[log.length - 1].timestamp - log[0].timestamp : 0) / 1000).toFixed(3)}s\\``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"$2e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":108,"value":"viewof table = Table(rows, {\n rows: Infinity,\n width: {\n i: 30,\n timestamp: 120,\n node: 120,\n duration: 120\n },\n format: {\n i: i => `[${i}]`,\n timestamp: ts => new Date(ts).toISOString().slice(11),\n props: JSON.stringify\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"log = {\n try {\n return JSON.parse(logJSON);\n } catch (err) {\n return [];\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":110,"value":"rows = log.map(({timestamp, message, meta:{node, props}}, i) => {\n return {\n i,\n timestamp,\n duration: log[i + 1] ? ((log[i + 1].timestamp - timestamp) / 1000).toFixed(3) : 0,\n message,\n node,\n props\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"md`---\n### Dependencies`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"import {Textarea, Table} from \"@observablehq/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"d3Scale = require('d3-scale')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":67,"value":"d3Color = require('d3-scale-chromatic')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2d:"$2c:body"