30:[] 2e:{"title":"CPU Profile","cells":[{"id":0,"value":"md`# CPU Profile`","pinned":false,"hidden":false,"mode":"ojs"},{"id":182,"value":"viewof profile = dropZone({\n message: 'File must have the .cpuprofile extension',\n validate: item =>\n item.kind === 'file' &&\n item.getAsFile().name.match(/^profile-[\\dT]+\\.json$/i),\n process: item => readBlob(item.getAsFile()).then(JSON.parse)\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":139,"value":"{\n const sorted = [...frames.entries()].filter(([name, value]) => value).sort((a, b) => b[1] - a[1])\n return html`\n \n \n \n \n \n ${sorted.map(([name, value]) => {\n return html`\n \n \n `\n })}\n

Name	Time
${name}	${value}

\n `\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":129,"value":"frames = {\n const frames = new Map()\n function add(node) {\n const frame = node.profileNode.callFrame\n if (!frame.url.startsWith('internal/') && !frame.url.endsWith('typescript.js')) {\n const key = `${node.name} (${frame.url.replace(/^.*\\/([^/]+)/, '$1')}:${frame.lineNumber}:${frame.columnNumber})`\n const time = frames.get(key) || 0\n frames.set(key, time + node.executionTime) \n }\n node.children.map(add)\n }\n add(flameGraph)\n return frames\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":104,"value":"graph = {\n const graph = flamegraph\n .flamegraph()\n .width(width)\n .label(d => {\n const frame = d.data.profileNode.callFrame;\n return `${frame.functionName} ${\n frame.url\n ? `(${frame.url.replace(/^.*\\/([^/]+)/, '$1')}:${frame.lineNumber}:${\n frame.columnNumber\n })`\n : ''\n }`;\n });\n const height = depth * graph.cellHeight();\n graph.height(height);\n const svg = d3.select(DOM.svg(width, height));\n svg.datum(flameGraph).call(graph);\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":123,"value":"depth = (function calc(node, depth) {\n if (node.children.length === 0) return depth\n return Math.max(...node.children.map(n => calc(n, depth + 1)))\n})(flameGraph, 0)","pinned":false,"hidden":false,"mode":"ojs"},{"id":77,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":21,"value":"flameGraph = {\n const graph = converter.convertToMergedFlameGraph(profile)\n graph.children = graph.children.slice(0, -1)\n return graph\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":31,"value":"readBlob = blob => new Promise((resolve, reject) => {\n const reader = new FileReader()\n reader.onerror = reject\n reader.onabort = reject\n reader.onloadend = () => resolve(reader.result)\n reader.readAsText(blob)\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"import { fileInput } from '@mbostock/file-input'","pinned":false,"hidden":false,"mode":"ojs"},{"id":51,"value":"flamegraph = require(\"d3-flame-graph@2.1.8/dist/d3-flamegraph.js\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":49,"value":"d3 = require('d3@5')","pinned":true,"hidden":false,"mode":"ojs"},{"id":4,"value":"converter = {\n globalThis.exports = {};\n await import('https://unpkg.com/cpuprofile-to-flamegraph@1.0.0/dist/index.js').catch(\n () => null\n );\n const { exports } = globalThis;\n delete globalThis.exports;\n return exports;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":186,"value":"import { dropZone } from '@j-f1/drop-zone'","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}