31: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` ` }32:[] 2f:{"title":"Debug Log Viewer","cells":[{"id":0,"value":"md`# Debug Log Viewer`","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"viewof logJSON = Textarea({\n rows: 6, \n placeholder: 'Paste log here'\n})","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"id":38,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":35,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"log = {\n try {\n return JSON.parse(logJSON);\n } catch (err) {\n return [];\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":11,"value":"md`---\n### Dependencies`","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"import {Textarea, Table} from \"@observablehq/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":40,"value":"d3Scale = require('d3-scale')","pinned":false,"hidden":false,"mode":"ojs"},{"id":67,"value":"d3Color = require('d3-scale-chromatic')","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}