2d:null 2e:["$","title",null,{"children":"Tone Circle Lights | maddie lim ✨ | Observable"}] 33:T5be,{ if (noteCount !== 12) return "No staff view for non-12 tones." const vfNoteInfo = index => { const noteName = noteNames[index] const base = noteName[0] let accidental = null if (noteName.includes("♯")) { accidental = '#' } else if (noteName.includes("♭")) { accidental = 'b' } return [base, accidental] } const createVoice = (index, oct) => { const [base, accid] = vfNoteInfo(index) var note = new VF.StaveNote({ clef: 'treble', keys: [`${base}/${oct}`], duration: "w" }); if (accid) { note.addAccidental(0, new VF.Accidental(accid)); } note.setStyle({ fillColor: noteColorStyle(index, 0.5, 0.7) }) const v = new VF.Voice(); v.addTickables([note]); return [v, note] } const VF = Vex.Flow; const div = html`

` var renderer = new VF.Renderer(div, VF.Renderer.Backends.SVG); renderer.resize(size, 100); var context = renderer.getContext(); var stave = new VF.Stave(0, 0, size, 40); stave.addClef("treble"); const i2 = exampleRelationNoteIndex + exampleRelationIndex const octAdjust = Math.floor(i2 / 12) const [v2, n2] = createVoice(i2 % 12, 4 + octAdjust) const [v1, n1] = createVoice(exampleRelationNoteIndex, 4) const voices = [v1, v2] const formatter = new VF.Formatter().joinVoices(voices).format(voices, 0); v1.draw(context, stave); v2.draw(context, stave); stave.setContext(context).draw(); return div }34:[] 31:{"id":"92d5da2adf01f3c0","slug":"tone-circle-lights","title":"Tone Circle Lights","thumbnail":"2c9634f2367f6430e5e1cfb906a5e17f344fdd7b81be1b00c9ae3b0ef494b60d","access_level":"public","create_time":"$D2019-01-23T09:39:13.157Z","update_time":"$D2019-02-08T02:22:59.112Z","view_time":null,"first_public_time":"$D2019-01-23T09:51:49.395Z","has_unpublished_edits":null,"fork":{"id":"7d69ff25cc6bb5ef","slug":"circle-of-fifths-v2","title":"Tone Circle","owner":{"id":"408ee840d040526a","login":"maddievision","name":"maddie lim ✨"}},"stars":1,"starred":false,"owner":{"type":"team","id":"408ee840d040526a","login":"maddievision","name":"maddie lim ✨","avatar_url":"https://avatars-next.observableusercontent.com/44fc4f0f8be73321b571127eefd9853a031c5c33e9985648c91e6aa827258ce0","tier":"starter_2024"},"version":896,"publish_version":896,"role":null,"authored":false,"authors":[{"type":"individual","id":"578d96c86967f83d","login":"maddievision","name":"maddie lim ✨","avatar_url":"https://avatars-next.observableusercontent.com/44fc4f0f8be73321b571127eefd9853a031c5c33e9985648c91e6aa827258ce0","tier":null}],"members":[{"type":"individual","id":"578d96c86967f83d","login":"maddievision","name":"maddie lim ✨","avatar_url":"https://avatars-next.observableusercontent.com/44fc4f0f8be73321b571127eefd9853a031c5c33e9985648c91e6aa827258ce0","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Tone Circle Lights","cells":[{"id":0,"value":"md`# Tone Circle Lights`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":130,"value":"renderLightShow(size, size, noteCount, 2.5, (t, dt) => {\n const c = size / 2\n const tt = t * 60\n const j = Math.sin(tt / 15 / Math.PI * 2) \n const k = Math.sin(tt / 20 / Math.PI * 2) \n const scale = 1 + bounceScale * j\n const rotOffs = wiggleDeg * k\n const noteRotOffs = noteNames.map((_, i) => {\n return noteWiggleDeg * Math.sin(i / noteCount / 2 * Math.PI * 2 + tt / 27 / Math.PI * 2)\n })\n \n // notes\n let lights = []\n for (let i = 0; i < noteCount; i++) {\n const [x, y] = noteIndexToPosition(c, c, i, scale, noteRotOffs[i] + rotOffs)\n lights = [...lights, ...noteLight(i, x, y, 0.7, 0.6 * scale)]\n }\n return lights\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":828,"value":"import { hslToRgb, renderLightShow } from '@maddievision/light-show'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":546,"value":"md`### Tones`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":566,"value":"viewof noteCount = slider({\n description: \"Tone Count\",\n min: 2,\n max: 48,\n step: 1,\n value: 12\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":616,"value":"viewof chromaticScale = checkbox({\n options: [{ value: \"chromatic\", label: \"Chromatic\" }],\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":236,"value":"viewof positionOffs = slider({\n description: \"Position Offset (°)\",\n min: -360,\n max: 360,\n step: 5,\n value: 90\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":610,"value":"viewof flipPositions = checkbox({\n options: [{ value: \"flip\", label: \"Counter-Clockwise\" }],\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":235,"value":"viewof colorOffs = slider({\n description: \"Color Offset (°)\",\n min: -360,\n max: 360,\n step: 5,\n value: 120\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":450,"value":"viewof flipColors = checkbox({\n options: [{ value: \"flip\", label: \"Flip Colors\" }],\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":112,"value":"noteNames = {\n if (noteCount === 12) {\n return ['C','C♯','D','E♭','E','F','F♯','G','A♭','A','B♭','B']\n } else if (noteCount === 24) {\n return ['C','Cx','C♯','C♯x','D','Dx','E♭','E♭x','E','Ex','F','Fx',\n 'F♯','F♯x','G','Gx','A♭','A♭x','A','Ax','B♭','B♭x','B','Bx']\n } else {\n return generateTones(noteCount)\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":113,"value":"circlePositions = {\n let interval = Math.floor(noteCount / 2) + 1\n if (chromaticScale) {\n interval = 1\n } else {\n // Circle of Fifths for 12 tones\n // Otherwise, best approximation\n if (noteCount === 3) {\n interval = 2\n } else if (noteCount == 15) {\n interval = 11\n } else if (noteCount == 27) {\n interval = 17\n } else if (noteCount == 39) {\n interval = 29\n } else if (interval % 2 == 0) {\n interval += 1\n }\n }\n let positions = []\n for (let i = 0; i < noteCount; i++) {\n positions.push((i * interval) % noteCount) \n }\n return positions\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":399,"value":"md`### Ring`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"viewof size = slider({\n description: \"Size (pixels)\",\n min: 150,\n max: 1080,\n step: 5,\n value: 300\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":83,"value":"viewof ringRadius = slider({\n description: \"Radius (pixels)\",\n min: 0.5 * size / 2,\n max: size / 2,\n step: 5,\n value: 0.8 * size / 2\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":295,"value":"viewof wiggleDeg = slider({\n description: \"Wiggle Angle (°)\",\n min: 0,\n max: 2,\n step: 0.1,\n value: 1\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":296,"value":"viewof bounceScale = slider({\n description: \"Bounce Scale\",\n min: 0,\n max: 0.05,\n step: 0.001,\n value: 0.01\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":401,"value":"md`### Notes`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":510,"value":"viewof exampleNoteIndex = slider({\n description: \"Example Note Number\",\n min: 0,\n max: noteCount - 1,\n step: 1,\n value: 0\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":154,"value":"quickRender(noteRadius * 2, noteRadius * 2, context => {\n drawNote(context, noteRadius, noteRadius, exampleNoteIndex)\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":68,"value":"viewof noteRadius = slider({\n description: \"Radius (pixels)\",\n min: 10,\n max: 60,\n step: 5,\n value: 20\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":186,"value":"viewof noteLineWidth = slider({\n description: \"Line Width (pixels)\",\n min: 0,\n max: 8,\n step: 1,\n value: 2\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":455,"value":"viewof noteWiggleDeg = slider({\n description: \"Wiggle Angle (°)\",\n min: 0,\n max: 2,\n step: 0.1,\n value: 1\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"viewof textSize = slider({\n description: \"Font Size (pixels)\",\n min: 5,\n max: 36,\n step: 1,\n value: 18\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":103,"value":"viewof textYOffset = slider({\n description: \"Label Y Offset (pixels)\",\n min: 0,\n max: 18,\n step: 1,\n value: 6\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":402,"value":"md`### Intervals`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":518,"value":"viewof exampleRelationNoteIndex = slider({\n description: \"Example Note Number\",\n min: 0,\n max: noteCount - 1,\n step: 1,\n value: 1\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":520,"value":"viewof exampleRelationIndex = slider({\n description: \"Example Interval Number\",\n min: 1,\n max: noteCount - 1,\n step: 1,\n value: 6\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":700,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":768,"value":"{\n if (noteCount === 12) {\n return [\n 'semitone',\n 'whole tone',\n 'minor 3rd',\n 'major 3rd',\n '4th',\n 'tritone',\n '5th',\n 'augmented 5th',\n '6th',\n 'dominant 7th',\n 'major 7th'\n ][exampleRelationIndex - 1]\n }\n return \"No interval names for non-12 tones.\"\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":802,"value":"viewof playSongButton = {\n if (noteCount !== 12) return \"No interval preview for non-12 tones.\" \n //https://beta.observablehq.com/@mbostock/wait-until-button\n const form = html``;\n form.button.onclick = event => {\n event.preventDefault();\n const i2 = exampleRelationNoteIndex + exampleRelationIndex\n const octAdjust = Math.floor(i2 / 12)\n const n1 = exampleRelationNoteIndex + 5 * 12\n const n2 = i2 % 12 + (5 + octAdjust) * 12\n playSong({\n bpm: 120,\n tracks: [\n [n1], [n2]\n ]\n });\n };\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":358,"value":"quickRender(size, size, context => {\n const c = size / 2\n const [i, r] = [exampleRelationNoteIndex, exampleRelationIndex]\n drawRelation(context, c, c, i, r)\n\n const i2 = noteIndexForRelation(i, r) \n const [x, y] = noteIndexToPosition(c, c, i)\n const [x2, y2] = noteIndexToPosition(c, c, i2)\n for (let iz = 0; iz < noteCount; iz++) {\n if (iz !== i && iz !== i2) {\n const [xz, yz] = noteIndexToPosition(c, c, iz)\n drawNote(context, xz, yz, iz, 0.7, 0, 0.9) \n }\n }\n\n drawNote(context, x, y, i, 1, 0, 0.5)\n drawNote(context, x2, y2, i2, 1, 0.5)\n})\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":332,"value":"viewof relationLineWidth = slider({\n description: \"Line Width (pixels)\",\n min: 0,\n max: 8,\n step: 1,\n value: 2\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":396,"value":"viewof relationStyle = color({\n value: '#EEEEEE'\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":142,"value":"md`## Drawing Code`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":428,"value":"md`### Tone Circle`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":193,"value":"drawNoteRing = (context, cx, cy, t) => {\n const j = Math.sin(t / 15 / Math.PI * 2) \n const k = Math.sin(t / 20 / Math.PI * 2) \n const scale = 1 + bounceScale * j\n const rotOffs = wiggleDeg * k\n const noteRotOffs = noteNames.map((_, i) => {\n return noteWiggleDeg * Math.sin(i / noteCount / 2 * Math.PI * 2 + t / 27 / Math.PI * 2)\n })\n\n // lines\n for (let i = 0; i < noteCount; i++) {\n // relation\n for (let r = 1; r < noteCount / 2 + 1; r++) {\n drawRelation(context, cx, cy, i, r, scale, rotOffs, noteRotOffs);\n }\n }\n\n // notes\n for (let i = 0; i < noteCount; i++) {\n const [x, y] = noteIndexToPosition(cx, cy, i, scale, noteRotOffs[i] + rotOffs)\n drawNote(context, x, y, i, scale, rotOffs);\n } \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":421,"value":"md`### Notes`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":622,"value":"noteColorStyle = (index, sat, light, rotOffs = 0) => {\n return hslToCSS(...noteHSL(index, sat, light, rotOffs))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":631,"value":"noteHSL = (index, sat, light, rotOffs = 0) => {\n const deg = noteDegree(index)\n let colorDeg = modDegrees(colorOffs + deg + rotOffs)\n if (flipColors) {\n colorDeg = modDegrees(360 - colorDeg)\n }\n \n return [colorDeg, sat, light]\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":858,"value":"noteLight = (index, x, y, s = 0.7, l = 0.6) => (\n [...hslToRgb(...noteHSL(index, s, l)), 1, x, y]\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":275,"value":"noteDegree = (index) => {\n const circlePosition = circlePositions[index]\n return circlePosition / noteCount * 360\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"notePosition = (angle, cx, cy, scale = 1) => [\n cx + ringRadius * scale * Math.sin(angle / 360 * Math.PI * 2),\n cy - ringRadius * scale * Math.cos(angle / 360 * Math.PI * 2), \n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":344,"value":"noteIndexToPosition = (cx, cy, index, scale = 1, rotOffs = 0) => {\n let deg = noteDegree(index)\n deg = modDegrees(positionOffs + deg + rotOffs)\n if (flipPositions) {\n deg = modDegrees(360 - deg) \n }\n return notePosition(deg, cx, cy, scale) \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"drawNote = (context, x, y, index, scale = 1, rotOffs = 0, light = 0.65) => {\n // Bubble\n context.beginPath();\n context.lineWidth = noteLineWidth;\n context.fillStyle = noteColorStyle(index, 0.5, light, rotOffs);\n context.strokeStyle = noteColorStyle(index, 0.5, light * 0.9, rotOffs);\n context.arc(x, y, (noteRadius * scale) - noteLineWidth / 2, 0, Math.PI * 2, false);\n context.fill();\n context.stroke();\n\n // Label\n const name = noteNames[index] \n context.font = `bold ${textSize * scale}px Arial`;\n context.textAlign = \"center\"; \n context.fillStyle = 'hsl(0, 100%, 100%)';\n context.fillText(name, x, y + textYOffset * scale);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":426,"value":"md`### Intervals`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":365,"value":"noteIndexForRelation = (index, r) => {\n return (index + r) % noteCount;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":351,"value":"drawRelation = (context, cx, cy, i, r, scale = 1, rotOffs = 0, noteRotOffs = Array(12).fill(0)) => {\n const [x, y] = noteIndexToPosition(cx, cy, i, scale, noteRotOffs[i] + rotOffs)\n\n const i2 = noteIndexForRelation(i, r)\n const [x2, y2] = noteIndexToPosition(cx, cy, i2, scale, noteRotOffs[i2] + rotOffs)\n\n context.lineWidth = relationLineWidth\n context.strokeStyle = relationStyle\n context.beginPath();\n context.moveTo(x, y);\n context.lineTo(x2, y2);\n context.stroke();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":436,"value":"md`### Utility`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":633,"value":"hslToCSS = (hue, sat, light) => (`hsl(${hue}, ${sat * 100}%, ${light * 100}%)`)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":539,"value":"generateTones = count => Array(count).fill(0).map((_, i) => i + 1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":239,"value":"modDegrees = degrees => (degrees + 1080) % 360","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":172,"value":"import {quickAnimate, quickRender} from '@maddievision/simple-canvas'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":779,"value":"import {playSong} from '@maddievision/simple-song-player-midi-version'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":441,"value":"md`### Libraries`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":558,"value":"import {select, slider, number, checkbox, color} from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":706,"value":"Vex = require(\"vexflow\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":895,"value":"renderLightRing = () => {\n return renderLightShow(size, size, noteCount, 2.5, (t, dt) => {\n const c = size / 2\n const tt = t * 60\n const j = Math.sin(tt / 15 / Math.PI * 2) \n const k = Math.sin(tt / 20 / Math.PI * 2) \n const scale = 1 + bounceScale * j\n const rotOffs = wiggleDeg * k\n const noteRotOffs = noteNames.map((_, i) => {\n return noteWiggleDeg * Math.sin(i / noteCount / 2 * Math.PI * 2 + tt / 27 / Math.PI * 2)\n })\n \n // notes\n let lights = []\n for (let i = 0; i < noteCount; i++) {\n const [x, y] = noteIndexToPosition(c, c, i, scale, noteRotOffs[i] + rotOffs)\n lights = [...lights, ...noteLight(i, x, y, 0.7, 0.6 * scale)]\n }\n return lights\n})\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"