31:T57f,notebookGraph = dot ` digraph "${notebookUrl}" { rankdir = LR; "@${userInfo.login}" [shape=oval, style=filled, fillcolor="#b3e6cc", href="https://beta.observablehq.com/@${userInfo.login}", target=_blank] "/${notebook.slug}" [shape=rectangle, style=filled, fillcolor="#b3e0ff", href="https://beta.observablehq.com/${notebookUrl}", target=_blank] "@${userInfo.login}" -> "/${notebook.slug}" ${notebookFunctionNames.map(functionName => `"${functionName}(...)" [shape=rectangle, style=filled, fillcolor="#f6f6f6", href="https://beta.observablehq.com/${notebookUrl}/#${functionName}", target=_blank]`).join('\n')} ${notebookFunctionNames.map(functionName => `"/${notebook.slug}" -> "${functionName}(...)"`).join('\n')} ${namedCells.map(cellName => `"#${cellName}" [shape=rectangle, style=filled, fillcolor="#f6f6f6", href="https://beta.observablehq.com/${notebookUrl}/#${cellName}", target=_blank]`).join('\n')} ${namedCells.map(cellName => `"/${notebook.slug}" -> "#${cellName}"`).join('\n')} ${notebookImports.map(importedFrom => `"${importedFrom.cell}(...)" [shape=oval, style=filled, fillcolor="#f6f6f6", href="https://beta.observablehq.com/${importedFrom.notebook}/#${importedFrom.cell}", target=_blank]`).join('\n')} ${notebookImports.map(importedFrom => `"import from ${importedFrom.notebook}" -> "${importedFrom.cell}(...)"`).join('\n')} }`32:[] 2f:{"title":"Notebook Inspector 🕵️‍♀️","cells":[{"id":0,"value":"md `# Notebook Inspector 🕵️‍♀️\n\nSimple Observable JS Notebook for notebook info, code graph & code stats display. \n\n*see [Notebooks Visualizer](https://beta.observablehq.com/@randomfractals/notebooks) for user bio, original & forked notebooks stats, etc.*\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":129,"value":"md `## Input Notebook Url`","pinned":false,"hidden":false,"mode":"ojs"},{"id":31,"value":"notebookUrlParam = new URLSearchParams(html``.search).get('notebook')","pinned":false,"hidden":false,"mode":"ojs"},{"id":28,"value":"viewof notebookUrl = text({\n placeholder: 'type observable notebook url and click Inspect', \n description: 'enter observable notebook url to get notebook stats',\n value: `${notebookUrlParam ? notebookUrlParam : '@randomfractals/notebook-info'}`,\n submit: 'Inspect'})","pinned":false,"hidden":false,"mode":"ojs"},{"id":91,"value":"shareLink = md `*share a link to your notebook info: [${notebookUrl}](?notebook=${notebookUrl})*`","pinned":false,"hidden":false,"mode":"ojs"},{"id":172,"value":"downloadLink = html `Download\n ${notebookUrl}.js`","pinned":false,"hidden":false,"mode":"ojs"},{"id":126,"value":"md `## User Info & Notebook Code Graph`","pinned":false,"hidden":false,"mode":"ojs"},{"id":179,"value":"notebookLink = getNotebookHtml(notebook)\n//md `## [${notebookUrl}](https://beta.observablehq.com/${notebookUrl})`","pinned":false,"hidden":false,"mode":"ojs"},{"id":94,"value":"userBio = getUserBioHtml(userName, userInfo)","pinned":false,"hidden":false,"mode":"ojs"},{"id":190,"value":"notebookStats = html `\nTotal Cells: ${notebookNodes.length} |\nFunctions: ${notebookFunctions.length} |\nNamed Cells: ${namedNotebookNodes.length} |\nMd Cells: ${mdCells.length} |\nLines of Code: ${notebookCode.split('\\n').length} |\nImports: ${notebookImports.length}\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":99,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":108,"value":"html`\n${DOM.download(await rasterize(notebookGraph), `${notebookUrl}-graph.png`, \"Save as PNG\")}\n${DOM.download(await serialize(notebookGraph), `${notebookUrl}-graph.svg`, \"Save as SVG\")}\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":237,"value":"md `*TODO: link dependent code cells and imports and number arcs or provide play for the order of notebook execution display*`","pinned":false,"hidden":false,"mode":"ojs"},{"id":66,"value":"userName = notebookUrl.substring(1, notebookUrl.indexOf('/'))","pinned":false,"hidden":false,"mode":"ojs"},{"id":70,"value":"userInfo = getUserInfo(userName)","pinned":false,"hidden":false,"mode":"ojs"},{"id":39,"value":"apiUrl = 'https://observable-cors.glitch.me/https://api.observablehq.com'","pinned":false,"hidden":false,"mode":"ojs"},{"id":113,"value":"md `## [${notebookUrl}](https://beta.observablehq.com/${notebookUrl}) Notebook Info`","pinned":false,"hidden":false,"mode":"ojs"},{"id":44,"value":"notebook = getNotebookByUrl(notebookUrl)","pinned":true,"hidden":false,"mode":"ojs"},{"id":49,"value":"notebookNodes = notebook.nodes","pinned":true,"hidden":false,"mode":"ojs"},{"id":60,"value":"notebookFunctions = getNotebookFunctions(notebook)","pinned":true,"hidden":false,"mode":"ojs"},{"id":143,"value":"notebookFunctionNames = notebookFunctions.map(funct => funct.value.substring(0, funct.value.indexOf('(')).replace('function', '').replace(' ', ''))","pinned":false,"hidden":false,"mode":"ojs"},{"id":63,"value":"namedNotebookNodes = getNamedNotebookCells(notebook)","pinned":true,"hidden":false,"mode":"ojs"},{"id":164,"value":"namedCells = namedNotebookNodes.map(node => node.value.substring(0, node.value.indexOf('=')).replace('viewof ', '').replace(' ', ''))","pinned":false,"hidden":false,"mode":"ojs"},{"id":216,"value":"notebookImports = getNotebookImports(notebook)","pinned":false,"hidden":false,"mode":"ojs"},{"id":135,"value":"htmlCells = notebook.nodes.filter(node => isMarkupCell(node.value, 'html'))","pinned":false,"hidden":false,"mode":"ojs"},{"id":138,"value":"mdCells = notebook.nodes.filter(node => isMarkupCell(node.value, 'md'))","pinned":false,"hidden":false,"mode":"ojs"},{"id":141,"value":"svgCells = notebook.nodes.filter(node => isMarkupCell(node.value, 'svg'))","pinned":false,"hidden":false,"mode":"ojs"},{"id":150,"value":"function isMarkupCell(code, markup) {\n return code.length >= (markup.length + 2) &&\n code.substring(0, markup.length + 2).replace(' ', '').startsWith(markup + '`');\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"md `## Notebook Cells Code View`","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"notebookCells = html `${\n notebook.nodes\n .map((d,i) => `

${d.value.replace(/`)\n    .join(\"
\")\n}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":196,"value":"md `## Raw Notebook Code`","pinned":false,"hidden":false,"mode":"ojs"},{"id":194,"value":"notebookCode = notebook.nodes.map((d,i) => d.value).join(\"\\n\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":25,"value":"function cellCodeColor(i) {\n  return '#' + ('4b9ec1-b5a636-495e1d-e55934-fa7921'.split('-')[i % 5]);\n} ","pinned":false,"hidden":false,"mode":"ojs"},{"id":86,"value":"userBioStyles = html \n`\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":230,"value":"notebookStyles = html `\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"md `## Imports`","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"import {text} from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":8,"value":"import {dot} from '@mbostock/graphviz'","pinned":true,"hidden":false,"mode":"ojs"},{"id":12,"value":"import {rasterize, serialize} from '@mbostock/saving-svg'","pinned":true,"hidden":false,"mode":"ojs"},{"id":35,"value":"import {getUserInfo, getUserBioHtml, getNotebookByUrl, getNotebookHtml, getNotebookFunctions, getNamedNotebookCells, getNotebookImports} from '@randomfractals/notebooks'","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}